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

body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.image {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.typed-wrapper-1 {
  position: relative;
  display: block;
  margin: auto auto auto 40px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  font-weight: 700;
  text-align: left;
}

.typedwithcursor {
  display: inline;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-weight: 700;
  text-align: left;
}

.welcometext {
  position: relative;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
}

.body {
  background-color: #f7f7f7;
}

.hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-image: url('../images/bg1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  opacity: 1;
}

.container-3 {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 900;
  display: block;
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #2c2c2c;
  background-color: transparent;
  background-image: url('../images/Black_blinking_stars.gif');
  background-position: 50% 0%;
  background-size: 225px;
}

.nav-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #f5f5f7;
}

.buy-button {
  margin-left: 0px;
  padding: 4px 11px;
  border-radius: 12px;
  background-color: #0071e3;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.buy-button:hover {
  background-color: #1680eb;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-perspective: 0px;
  perspective: 0px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  cursor: pointer;
}

.nav-link:hover {
  border: 1px none #000;
  opacity: 1;
  color: #fff;
  text-shadow: 0 0 20px #fff;
}

.image-6 {
  cursor: pointer;
}

.heading-3-wid {
  max-width: 820px;
  margin-top: 0px;
  margin-bottom: 113px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 60px;
  line-height: 65px;
  font-weight: 400;
  text-align: right;
}

.div-block-6 {
  display: block;
  width: 85vw;
  max-width: 1800px;
  margin-top: 44px;
  margin-bottom: 100px;
  padding-left: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.heading-3 {
  margin-top: 0px;
  margin-bottom: 39px;
  margin-left: 10px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
}

.heading-3.sub {
  display: block;
  margin-top: 0px;
  margin-left: 13px;
  color: #78787a;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.heading-3.sub.grey {
  position: static;
  left: -601px;
  top: 567px;
  display: block;
  margin-bottom: 8px;
  margin-left: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-transform: perspective(0px);
  transform: perspective(0px);
  color: #78787a;
  font-size: 14px;
  text-align: left;
}

.intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px none #78787a;
  background-color: #000;
}

.div-block-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85vw;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 22px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 1px none #000;
}

.h2 {
  background-color: transparent;
  color: #000;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.h2.smaller-text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: underline;
}

.h2.smaller-text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}

.cag-sase-study {
  width: 100%;
}

.dropdown-trigger_why-do-you-need-us {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #000;
  cursor: pointer;
}

.dropdown-trigger-case-study {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #000;
  cursor: pointer;
}

.heading-text-main {
  position: relative;
  z-index: 10;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
}

.heading-text-main:hover {
  text-decoration: underline;
}

.heading-text-main.case-study {
  font-size: 50px;
  line-height: 50px;
}

.heading-text-main.case-study.underline {
  padding-bottom: 0px;
  font-size: 33px;
  line-height: 45px;
  text-decoration: none;
}

.heading-text-main.smaller {
  font-size: 60px;
  line-height: 60px;
  text-decoration: underline;
}

.dropdown-wrapper-why-do-you-need-us {
  position: relative;
  z-index: 1;
  width: 80%;
}

.dropdown-content_-why-you-need-us {
  overflow: hidden;
}

.bhave-case-study-link {
  width: 100%;
  cursor: default;
}

.dropdown_how-does-it-work_3-collums {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  grid-template-areas: ". . .";
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #fff;
  text-decoration: none;
}

.dropdown-trigger-does-it-work {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #000;
  cursor: pointer;
}

.drop-down-section {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 40px;
  padding-right: 80px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #e7e4dc;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.drop-down-section.dropdown {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  margin-top: 0px;
  padding-top: 140px;
  padding-right: 0px;
  padding-bottom: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-image: url('../images/Black_blinking_stars.gif');
  background-position: 0px 0px;
  background-size: 225px;
  -webkit-transition: opacity 200ms ease, all 400ms ease;
  transition: opacity 200ms ease, all 400ms ease;
}

.cs-50-percent-right {
  height: 660px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/ne190116_1_9.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.cs-50-percent-right.bhave {
  height: 550px;
  background-image: url('../images/UX2.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  direction: rtl;
}

.cs-50-percent-right.star-and-rose {
  height: 550px;
  background-image: url('../images/uxdigi.jpg');
  background-position: 27% 50%;
  background-size: cover;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.cs-50-percent-right.cag {
  height: 550px;
  background-image: url('../images/digi2.jpg');
  background-position: 67% 50%;
  background-size: cover;
}

.dropdown-wrapper_portfolio {
  width: 80%;
}

.cs-50-percent-left {
  height: 660px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs-50-percent-left.sr {
  position: relative;
  height: 550px;
  background-color: #201f1f;
}

.cs-50-percent-left.cag {
  position: relative;
  height: 550px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0307a1), to(#0307a1));
  background-image: linear-gradient(180deg, #0307a1, #0307a1);
}

.cs-50-percent-left.bhave {
  position: relative;
  height: 550px;
  background-color: #ea6d57;
}

.dropdown-wrapper-case-studie {
  position: relative;
  width: 80%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.body-text {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-decoration: underline;
}

.body-text.smaller-textq {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
}

.body-text._50 {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.circle_dropdown_inner {
  width: 10px;
  height: 10px;
  border: 0.5px solid #000;
  border-radius: 100px;
  background-color: #fff;
}

.drop-down-content-does-it-work {
  position: relative;
  overflow: hidden;
}

.dropdown-content_case-study {
  overflow: hidden;
}

.content_cs_left {
  margin-right: 30%;
  margin-bottom: 7%;
  margin-left: 7%;
}

.dropdown_case-study {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown-wrapper-does-it-work {
  position: relative;
  width: 80%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.star-and-rose-link-block {
  width: 100%;
}

.dropdown-wrapper_so-what {
  position: relative;
  z-index: 1;
  width: 80%;
}

.spacer {
  height: 40px;
}

.spacer.smaller {
  height: 20px;
}

.spacer.bigger {
  height: 70px;
  text-decoration: none;
}

.circle_dropdown_outter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 100px;
}

.list {
  position: relative;
  display: block;
  overflow: hidden;
  height: 0px;
  background-color: transparent;
}

.arrow {
  color: #000;
}

.h-body {
  background-color: #f7f7f7;
  color: #784fe0;
  text-decoration: none;
}

.faq-question-wrap {
  margin-bottom: 35px;
}

.contactme {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 86vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
}

.image-40 {
  position: relative;
  left: auto;
  display: block;
  width: 240px;
  height: 240px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0.48;
  cursor: default;
}

.image-40:hover {
  opacity: 1;
}

.container-11 {
  position: relative;
  left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.text-block-2 {
  color: #30ad5b;
  font-size: 14px;
}

.content-right-mob {
  width: 50%;
  min-height: 400px;
}

.form-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.form-rightside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  padding-top: 0px;
  padding-bottom: 0px;
}

.form-left-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  height: 100%;
  padding-top: 10px;
  padding-right: 17px;
  padding-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-field {
  display: block;
  width: 100%;
  min-height: 42px;
  margin-right: 0px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(114, 134, 160, 0.3);
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(114, 134, 160, 0.28);
  color: #7286a0;
}

.text-field:focus {
  border-color: #7286a0;
}

.text-field.no-padding {
  margin-right: 0px;
  border-color: rgba(114, 134, 160, 0.15);
}

.field-label {
  color: #7286a0;
  font-size: 15px;
  font-weight: 400;
}

.submit-button {
  width: 100%;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  background-color: #fc634e;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-size: 14px;
}

.success-message {
  border-radius: 4px;
  background-color: #c7f9d8;
  color: #fff;
}

.footer-heading-moves {
  position: absolute;
  left: 0px;
  top: -20px;
  right: 0px;
  z-index: 0;
  width: 2500%;
}

.link-22 {
  color: #000;
  font-style: normal;
}

.footer-call-to-action {
  border-top: 0.5px solid #000;
}

.heading-text-main-2 {
  position: relative;
  z-index: 10;
  color: #000;
  font-size: 110px;
  line-height: 100px;
  font-weight: 700;
}

.heading-text-main-2.case-study {
  position: static;
  color: #fff;
  font-size: 50px;
  line-height: 50px;
}

.footer {
  position: static;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 286px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
}

.footer-content {
  position: static;
  z-index: 2;
  width: 100%;
  padding-top: 0px;
}

._4-collums-in-footer {
  display: -ms-grid;
  display: grid;
  padding-top: 15px;
  grid-auto-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-areas: ". . . .";
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.content-left-2 {
  width: 50%;
  min-height: 400px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.image-44 {
  position: static;
  display: block;
  width: 420px;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-3 {
  max-width: 550px;
  margin-bottom: 25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #7286a0;
  font-size: 16px;
  line-height: 25px;
}

.container-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-2 {
  max-width: 550px;
}

.content-right-2 {
  width: 50%;
  min-height: 400px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.heading-27 {
  max-width: 554px;
  margin-bottom: 15px;
  color: #142c65;
  font-size: 56px;
  line-height: 61px;
}

.html-embed {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 60px;
  margin-left: auto;
  color: #fc634e;
  font-size: 60px;
  line-height: 80px;
  font-weight: 700;
  text-align: right;
}

.section-33 {
  width: 100%;
  background-color: #f7f7f7;
}

.checkbox-active-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  height: auto;
  margin: -2px;
  border: 2px solid #6c33da;
  border-radius: 10px;
  background-color: #edeff0;
  background-image: url('../images/checked.png');
  background-position: 20px 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  opacity: 0;
}

.checkbox-label {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 55px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.45;
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  line-height: 1em;
  text-align: right;
  letter-spacing: 0px;
  text-transform: none;
}

._2 {
  height: 100vh;
}

._3 {
  height: 100vh;
}

.hm--body {
  background-color: transparent;
}

.bg3 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  background-color: #dbec89;
}

.bg3.nobgchange1 {
  position: static;
}

.section-38 {
  height: 100vh;
}

._1head {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  background-color: #4ba871;
}

._2works {
  display: block;
  height: 100vh;
}

._3works {
  display: block;
  height: 100vh;
}

.bg22 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  background-color: #66ebc9;
}

.bg22.nobgchange1 {
  position: static;
}

.bg4 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.bg4.nobgchange1 {
  position: static;
}

._4works {
  display: block;
  height: 100vh;
}

._5works {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  background-color: #ebe8e8;
}

.bg5 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: none;
  height: 100vh;
  background-color: #0c1a1b;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 100, 103, 0.77)), to(rgba(12, 26, 27, 0.94)));
  background-image: linear-gradient(0deg, rgba(46, 100, 103, 0.77), rgba(12, 26, 27, 0.94));
}

.bg5.nobgchange1 {
  position: static;
}

._6works {
  display: none;
  height: 100vh;
}

.bg6 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 6;
  display: none;
  height: 100vh;
  background-color: #1fd57d;
}

._7works {
  display: none;
  height: 100vh;
}

.case-study-content-left {
  width: 40%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.case-study-image-opening-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.case-study-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 110px;
  padding-right: 10%;
  padding-left: 10%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #e7e4dc;
}

.case-study-section.portfolio {
  width: 100%;
  height: auto;
  padding-top: 40px;
  background-image: url('../images/Black_blinking_stars.gif');
  background-position: 0px 0px;
  background-size: 225px;
}

.case-study-link {
  display: block;
  margin-bottom: 3px;
  -webkit-transition: all 142ms ease;
  transition: all 142ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
}

.case-study-link:hover {
  color: #fff;
}

.case-study-link.w--current {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
}

.case-study_fixed_menu {
  position: fixed;
  left: 10%;
  bottom: 5%;
}

.line-through {
  height: 1px;
  background-color: #000;
}

.body-text-2 {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.body-text-2.case-study-meta-description {
  margin-top: 10px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.project-intro-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 95%;
  padding-top: 0.5px;
  border-top: 0.5px solid #000;
}

.project-intro-section.portfolio {
  height: auto;
  border: 1px none #000;
}

.ux_div_port {
  color: #fff;
}

.ux_div_port:visited {
  color: #000;
}

.flex-categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.spacer-3 {
  width: 100%;
  height: 40px;
}

.spacer-3.smaller {
  height: 20px;
}

.spacer-3.bigger {
  height: 70px;
}

.contactmesection {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 86vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
}

.workddivcont {
  position: fixed;
}

.body-text-3 {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-decoration: underline;
}

.body-text-3.smaller-text {
  color: #000;
  font-size: 12px;
  line-height: 19px;
}

.body-text-3.smaller-text.bold {
  padding-left: 5px;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
}

.image-49 {
  width: 100%;
}

.brand {
  top: 10px;
  width: 40px;
  height: 40px;
}

.mobnavbar4 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: none;
  width: 100%;
  background-color: transparent;
}

.container-21 {
  margin-top: 20px;
}

.nav-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.nav-link-3 {
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  font-family: Montserrat, sans-serif;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.nav-link-3:hover {
  background-color: #465efb;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

.nav-link-3.w--current:hover {
  color: #fff;
}

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

.lottie-animation-9 {
  display: block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.sketch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), color-stop(51%, hsla(0, 0%, 100%, 0))), url('../images/Bugs_Sketch_Type.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), hsla(0, 0%, 100%, 0) 51%), url('../images/Bugs_Sketch_Type.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.color {
  width: 100%;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 86, 86, 0.5)), to(rgba(204, 86, 86, 0.5)));
  background-image: linear-gradient(180deg, rgba(204, 86, 86, 0.5), rgba(204, 86, 86, 0.5));
}

.full_bg {
  width: 100vw;
  height: 100vh;
  background-image: url('../images/tesla2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.snow_white_section {
  width: 100%;
  height: 1000px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(transparent)), url('../images/SNOW_WHITE_BG.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45), transparent), url('../images/SNOW_WHITE_BG.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  color: #fff;
}

.snow-white-content {
  padding-top: 150px;
}

.years-header {
  margin-top: 0px;
  font-family: Georgia, Times, 'Times New Roman', serif;
  color: #000;
  font-size: 75px;
  font-weight: 400;
  text-align: left;
}

.years-header.snow-white {
  padding-top: 0px;
  color: #fff;
  font-size: 70px;
  line-height: 60px;
  text-align: center;
  text-transform: none;
}

.years-header.flintstones {
  color: #fff;
  text-align: center;
}

.body-paragraph-small {
  width: auto;
  margin-bottom: 0px;
  padding-left: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #757575;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
}

.body-paragraph-small.snowwhite {
  padding-right: 100px;
  padding-left: 100px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.body-paragraph-small.flintstones {
  padding-right: 100px;
  padding-left: 100px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.divider_tv {
  width: 100%;
  height: auto;
  padding-top: 150px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(27%, transparent), color-stop(73%, transparent), color-stop(98%, rgba(0, 0, 0, 0.52))), url('../images/Divider_TV.jpg');
  background-image: linear-gradient(180deg, #000, transparent 27%, transparent 73%, rgba(0, 0, 0, 0.52) 98%), url('../images/Divider_TV.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.divider-number {
  display: block;
  margin-top: 17px;
  margin-right: auto;
  margin-left: 0px;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
}

.flintstones-content {
  padding-top: 700px;
  padding-bottom: 500px;
}

.white {
  color: #fff;
}

.gold-circle {
  display: block;
  width: 60px;
  height: 60px;
  min-width: 0px;
  margin-right: auto;
  margin-left: auto;
  border: 4px solid #ad9266;
  border-radius: 100px;
  color: #8c7754;
  text-align: center;
}

.intro-paragraph {
  padding: 50px 10px 0px;
  font-family: 'Open Sans', sans-serif;
  color: #757575;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
}

.intro-paragraph.centered {
  padding-top: 40px;
  padding-right: 100px;
  padding-left: 100px;
  color: #757575;
  text-align: center;
}

.intro-paragraph.centered._5 {
  padding-top: 40px;
  padding-right: 100px;
  padding-left: 100px;
  color: #fff;
}

.years {
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: -6px;
  padding-top: 40px;
  padding-bottom: 15px;
  font-family: Georgia, Times, 'Times New Roman', serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.section-51 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fce4e4;
  opacity: 1;
}

.hero-jsanim-c {
  width: 100vw;
  height: 100vh;
  background-color: #f9f9f9;
}

.section-53 {
  width: 100%;
  height: 100vh;
  background-image: url('../images/Bugs_Sketch_Type.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.columns-4 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column-8 {
  margin-top: 0px;
}

.div {
  position: absolute;
  bottom: 5vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 50px;
  max-width: 50px;
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.html-embed-7 {
  width: 100%;
  height: 400px;
}

.section-55 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-block-3 {
  width: 80vh;
}

.form-3 {
  padding: 60px;
  box-shadow: 0 5px 14px 6px #e2d2d2;
  -webkit-transform: rotateX(-3deg) rotateY(9deg) rotateZ(0deg);
  transform: rotateX(-3deg) rotateY(9deg) rotateZ(0deg);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-weight: 700;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.field-label-2 {
  letter-spacing: 1px;
}

.field-label-3 {
  letter-spacing: 1px;
}

.section-65 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/tesla1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section-65:hover {
  background-image: url('../images/tesla1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 1;
}

.section-67 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.face-wrapper {
  position: absolute;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  max-height: 800px;
  margin-top: -12px;
  margin-right: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: transparent;
}

.image-64 {
  margin-top: 0px;
  margin-right: 11px;
}

.image-65 {
  margin-right: 340px;
  padding-right: 0px;
}

.image-66 {
  margin-top: 66px;
  margin-right: 189px;
  padding-top: 0px;
}

.page-wrap {
  overflow: visible;
  width: 80vw;
  height: 80vh;
}

.canvas {
  width: 80vw;
  height: 80vh;
}

.curtain {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 80vw;
  margin: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.html-embed-12 {
  width: 80vw;
  height: 80vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.section-80 {
  width: 100vw;
  height: 100vw;
}

.tv-container {
  position: relative;
  left: -9%;
  top: -9%;
  right: auto;
  bottom: 0%;
  z-index: -1;
  display: none;
  overflow: visible;
  width: 36%;
  height: 29%;
  margin: auto 0px;
  padding-top: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/SwjRvnbAJq-compressor.gif');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.rings {
  position: -webkit-sticky;
  position: sticky;
  top: 25%;
  width: 100%;
}

.div-block-78 {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.heading-34 {
  max-width: none;
  padding-right: 40px;
  padding-left: 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-size: 84px;
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
}

.text-span {
  color: #000;
}

.skills {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 1400px;
  margin-top: 0px;
  padding-top: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9;
  background-image: url('../images/Oval.svg'), url('../images/5e1290be5aa398507007da9d_bg1.png');
  background-position: 0px 26%, 100% 80%;
  background-size: 23%, 40%;
  background-repeat: no-repeat, no-repeat;
  opacity: 1;
}

.big-links {
  display: inline;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: transparent;
  font-size: 9em;
  line-height: 0.8em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  cursor: crosshair;
}

.big-links:hover {
  color: #000;
}

.div-block-79 {
  width: 30px;
  height: 200px;
}

.div-block-4 {
  height: 470px;
  margin-top: 60px;
  background-color: rgba(172, 185, 229, 0.38);
}

.hm-body {
  background-color: #f9f9f9;
}

.bcard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 460px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
}

.card-wd {
  position: absolute;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 450px;
  height: 300px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: #f9f9f9;
  box-shadow: 1px 1px 3px 0 #ddcdcd, 0 -20px 20px -16px rgba(221, 205, 205, 0.8), 1px 20px 20px -12px rgba(221, 205, 205, 0.8), 20px 2px 20px -12px rgba(221, 205, 205, 0.8), -20px 0 20px -12px rgba(221, 205, 205, 0.8);
  -webkit-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
}

.wd-logo {
  position: absolute;
  left: 25px;
  top: 25px;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 65px;
  height: 65px;
}

.grad1 {
  position: absolute;
  left: -219px;
  top: -218px;
  z-index: 1;
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 239, 65, 0.75) 15%, rgba(255, 239, 65, 0) 69%);
}

.grad2 {
  position: absolute;
  left: auto;
  top: -275px;
  right: -123px;
  bottom: auto;
  z-index: 2;
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 142, 110, 0.75), rgba(255, 138, 65, 0) 69%);
}

.grad3 {
  position: absolute;
  left: auto;
  top: auto;
  right: -183px;
  bottom: -270px;
  z-index: 1;
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #5f66ce, rgba(179, 65, 255, 0) 69%);
}

.grad4 {
  position: absolute;
  left: -170px;
  top: auto;
  right: auto;
  bottom: -270px;
  z-index: 3;
  width: 500px;
  height: 500px;
  border-radius: 68%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(69, 209, 99, 0.75) 12%, rgba(65, 255, 106, 0) 69%);
}

.heading-35 {
  position: absolute;
  left: 25px;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #000;
  font-size: 26px;
  line-height: 30px;
  font-weight: 100;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.heading-35.bcard-text {
  font-family: 'Basiersquare webfont', sans-serif;
  color: #333;
  font-weight: 600;
}

.span {
  color: #333;
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: none;
}

.hm-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-13-icon-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: hsla(0, 0%, 100%, 0.2);
  cursor: pointer;
}

.text-block-4 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.link-23 {
  text-decoration: none;
}

.link-24 {
  text-decoration: none;
}

.section-85 {
  width: 100%;
}

.body-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 255, 166, 0.8)), to(rgba(55, 220, 226, 0.84)));
  background-image: linear-gradient(180deg, rgba(0, 255, 166, 0.8), rgba(55, 220, 226, 0.84));
}

.text-span-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-weight: 200;
  text-transform: capitalize;
}

.body-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #28114c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 142, 142, 0)), to(rgba(2, 240, 173, 0.86)));
  background-image: linear-gradient(180deg, rgba(179, 142, 142, 0), rgba(2, 240, 173, 0.86));
}

.div-block-89 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  background-image: url('../images/5e128df64b55b06ec43ded18_grid-–-pink-–-1.png');
  background-position: 50% 50%;
  background-size: 390px;
  background-repeat: repeat;
  background-attachment: fixed;
  opacity: 0.37;
}

.image-74 {
  width: 100vw;
  height: 100vh;
}

.stage {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 0;
  width: 100vw;
  height: 100vh;
}

.html-title {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.content {
  width: 100vw;
  height: 100vh;
}

.headline {
  font-size: 11vw;
  line-height: 11vw;
}

.slideshow {
  position: relative;
  z-index: 3;
}

.slide.js-slide {
  width: 100%;
  height: 100%;
  min-height: 600px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.body-11 {
  background-color: #000;
}

.ssg-hero-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: transparent;
  background-image: url('../images/frame.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.html-embed-13 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100vw;
  height: 270px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.hero-2 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-top: 0px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #040404;
  text-align: center;
}

.background-static {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  background-color: #040404;
}

.background-static.wwwertff {
  background-color: #ffd6d6;
}

.center-container {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: url('../images/man.png');
  background-position: 50% 50%;
  background-size: 900px;
  background-repeat: no-repeat;
}

.center-container.dance123 {
  background-image: url('../images/giphy.gif');
  background-size: 400px;
  background-attachment: fixed;
}

.background-img-2 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  -webkit-transform: perspective(8000px) rotateX(83deg) rotateY(0deg) rotateZ(0deg) perspective(1000px);
  transform: perspective(8000px) rotateX(83deg) rotateY(0deg) rotateZ(0deg) perspective(1000px);
  -webkit-transform-origin: 50% 46%;
  -ms-transform-origin: 50% 46%;
  transform-origin: 50% 46%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.background-img-2.w--current {
  opacity: 1;
}

.background-img-2.background-img-top-jpg {
  position: absolute;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffd6d6;
  background-image: url('../images/sky1bg.jpg');
  background-position: 50% 20%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  box-shadow: 1px 1px 24px 0 #08c1c2;
  -webkit-transform: perspective(8000px) perspective(1000px);
  transform: perspective(8000px) perspective(1000px);
}

.background-img-2.bg--inner-2 {
  top: -180vh;
  height: 300vh;
  padding-top: 0px;
  background-color: #040404;
  background-image: url('../images/23Untitled-3.svg');
  background-position: 0px 0px;
  background-size: 125px;
  -webkit-transform: perspective(8000px) perspective(1000px);
  transform: perspective(8000px) perspective(1000px);
  -webkit-transition-property: none;
  transition-property: none;
}

.background-img-2.bg--inner-2.wwwerrtt {
  background-color: #ffd6d6;
  background-image: url('../images/5e12e48a5aa3984bb809ccb8_23Untitled-3.svg');
}

.background-moving {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  -webkit-perspective: 686px;
  perspective: 686px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.section-92 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.div-block-110 {
  width: 100vw;
  height: 100vh;
}

.section-94 {
  height: 100vh;
}

.section-95 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url('../images/computer.jpg');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-167 {
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  color: #000;
  text-decoration: none;
}

.div-block-171 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  padding-left: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: url('../images/a14V1A2843.jpg');
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.div-block-171.fdsfdsfdsfds {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/meee.jpg');
}

.div-block-171._3rdsdf {
  width: 50vw;
  padding-left: 2%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: none;
}

.div-block-171._3rdsdf.other-projects-big-wrap {
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-171._4sggi {
  width: 50vw;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.text1 {
  margin-left: 5px;
  font-family: 'Helvetica now', sans-serif;
  color: #da856d;
  font-size: 3.3vw;
  line-height: 3.3vw;
  font-weight: 400;
  text-transform: uppercase;
}

.text1.fdfsd {
  margin-left: 0px;
  font-family: 'Trump gothic east', sans-serif;
  color: #5f66ce;
  font-size: 5.7vw;
  line-height: 5.7vw;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.text1._3dsadsad {
  margin-left: 0px;
  font-family: 'Trump gothic east', sans-serif;
  color: #da856d;
  font-size: 5.7vw;
  line-height: 5.7vw;
  font-weight: 700;
}

.text1._3dsadsad.other-projects-big {
  color: #fff;
  text-align: center;
}

.text1._3dsadsad.another-rtt {
  margin-bottom: 20px;
  color: #333;
  text-align: left;
}

.text1-2 {
  margin-left: 5px;
  font-family: 'Helvetica now', sans-serif;
  color: #fed19a;
  font-size: 3.3vw;
  line-height: 3.3vw;
  font-weight: 400;
  letter-spacing: -0.5px;
  text-transform: uppercase;
}

.text1-2.emoji {
  margin-left: 0px;
  font-family: 'Trump gothic east', sans-serif;
  color: #fed19a;
  font-size: 4.7vw;
  line-height: 4.7vw;
}

.text1-2._3456 {
  margin-left: 2%;
  font-family: 'Trump gothic east', sans-serif;
  font-size: 5.7vw;
  line-height: 5.7vw;
}

.div-block-173 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.progress-bar-cover {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 5;
  width: 100vw;
  height: 8px;
  margin-top: 0px;
  background-color: #0080ff;
  direction: rtl;
}

.div-block-174 {
  position: absolute;
  left: 3.4%;
  top: auto;
  right: auto;
  bottom: 5%;
}

.div-block-174.scroll-top {
  position: static;
  text-decoration: none;
}

.div-block-174.blog-dropdown-icon {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 3.5%;
}

.text-block-39 {
  font-family: 'Fa 400', sans-serif;
  color: #fff;
  font-size: 3em;
}

.text-block-39.up-fa {
  color: #333;
  text-decoration: none;
}

.bold-text {
  font-family: 'Fa 300', sans-serif;
  font-weight: 400;
}

.hm-header-text {
  position: fixed;
  left: 3%;
  top: 5%;
  right: auto;
  bottom: auto;
  z-index: 99;
  display: none;
}

.text-block-40 {
  font-family: 'Helvetica now', sans-serif;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
}

.heading-40 {
  margin-top: 2%;
  margin-bottom: 0px;
  font-family: 'Helvetica now', sans-serif;
  color: #000;
  font-size: 1vw;
  line-height: 1.4vw;
  font-weight: 400;
  letter-spacing: 0px;
}

.fa-icon-info {
  font-family: 'Fa 300', sans-serif;
}

.div-block-177 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/tv.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-177.few-projects {
  overflow: hidden;
  width: 50vw;
  background-image: url('../images/projer.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.div-block-177.few-projects:hover {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.section-98 {
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-182 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100vw;
  height: 100vh;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/download-2.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.view-link-eye {
  width: 60px;
  height: 60px;
  margin-top: 2%;
  border-radius: 70px;
  background-color: #fff;
  background-image: url('../images/eye-blink.gif');
  background-position: 50% 50%;
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.view-link-eye:hover {
  background-color: #000;
}

.view-link-eye.black-bg-st {
  margin-top: 0px;
  box-shadow: 0 0 9px 0 #fff;
}

.view-link-eye.black-bg-st:hover {
  background-color: #7300de;
  box-shadow: 0 0 13px 3px #fff;
}

.info-wrapper-w {
  margin-top: 2%;
  font-family: 'Helvetica now', sans-serif;
  color: #000;
}

.info-wrapper-w.black-bg-st-text {
  margin-top: 6%;
  margin-bottom: 6%;
  color: #fff;
}

.info-wrapper-w.black-bg-st-text.color-palette-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: 1px;
}

.info-wrapper-w.black-bg-st-text.color-palette-title.color-scheme-title-black {
  color: #000;
}

.info-wrapper-w.black-bg-st-text.hashtag-info {
  margin-top: 8%;
  margin-bottom: 8%;
  font-size: 1em;
  line-height: 1.4em;
  font-style: normal;
  text-align: center;
  letter-spacing: -0.1px;
}

.info-wrapper-w.black-bg-st-text.hashtag-info.hashtag-black {
  color: #000;
}

.info-wrapper-w.black-bg-st-text.hashtag-info.hashtag-black.desciption-works-black {
  width: 33vw;
}

.info-wrapper-w.black-bg-st-text.hashtag-info.hashtag-black.desciption-works-black.other-projects-description-white {
  margin-bottom: 0%;
  color: #fff;
  text-align: justify;
}

.info-wrapper-w.black-bg-st-text.hashtag-info.rytrh {
  width: 26vw;
  margin-top: 2.5%;
  margin-bottom: 0%;
  color: #333;
}

.section-99 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.val-body {
  cursor: none;
}

.cursor {
  position: absolute;
  z-index: 1000;
  width: 180px;
  height: 180px;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: url('../images/hearte.gif');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.cybertruck_preloader {
  width: 100vw;
  height: 100vh;
  background-image: url('../images/teslasvg23_animated.svg');
  background-position: 50% 50%;
  background-size: 90vw;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.div-block-183 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 111;
  display: none;
  background-color: hsla(0, 0%, 100%, 0.76);
  background-image: url('../images/cybertruck-preloader-white_animated.svg'), linear-gradient(315deg, rgba(0, 0, 0, 0.9), #fff);
  background-position: 55% 55%, 0px 0px;
  background-size: 66vw, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
  opacity: 1;
}

.image-76 {
  position: absolute;
  z-index: 111;
  margin-top: 5%;
  opacity: 0.5;
}

.div-block-185 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Fa 400', sans-serif;
  font-size: 24px;
}

.text-block-41 {
  color: #000;
}

.ctabuttonout {
  padding: 4px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  text-decoration: none;
}

.ctabuttonout.topnav {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 8px;
  margin-right: 20px;
}

.ctabuttonout.topnav._2 {
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ctabuttonout.bottom.mobile {
  height: auto;
  padding: 0px;
  border: 4px solid #fff;
  border-radius: 0px 0px 16px;
  background-color: transparent;
}

.nav-after-close {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding: 40px 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(34, 34, 34, 0.59);
  opacity: 1;
}

.text-block {
  padding: 6px 45px;
  border-bottom-right-radius: 10px;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.ctabuttonin {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-right-radius: 10px;
  background-color: #182329;
}

.ctabuttonin.afterscroll {
  background-color: #2c2d2d;
}

.ctabuttonin.bottom {
  height: auto;
  background-color: #000;
}

.tesla-logo {
  margin: 16px;
  padding: 0px;
}

.brand-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  margin-top: 20px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.hero-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: 100vh;
  padding-top: 75px;
  padding-bottom: 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/5e43c5c10bb5d194509eff40_hero.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.image-3 {
  width: 400px;
  margin-top: 130px;
}

.content-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-h1-2 {
  margin-bottom: 30px;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
}

.text-block-42 {
  padding: 6px 45px;
  border-bottom-right-radius: 10px;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.div-block-11 {
  display: none;
}

.section-ct {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0d0d0d;
}

.section-ct.ct2s {
  width: 100vw;
}

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-block-copy {
  position: relative;
  margin-top: 0px;
  padding-top: 64px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #f4f4f4;
}

.text-block-43 {
  font-family: 'Basiersquare webfont', sans-serif;
  font-size: 34px;
  line-height: 56px;
  font-weight: 400;
  text-align: justify;
  letter-spacing: -1px;
}

.gradient-bar {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
}

.heading-41 {
  font-family: 'Basiersquare webfont', sans-serif;
  font-size: 38px;
  line-height: 44px;
}

.video-section {
  position: relative;
  height: 100vh;
}

.background-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100vh;
}

.div-block-186 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100vw;
  height: 100vh;
  background-image: url('../images/armorglass.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0d0d0d;
}

.section.alt {
  height: 135vh;
  margin-top: 0px;
  padding-top: 5%;
}

.fullscreen-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url('../images/Cybertruck-6.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fullscreen-image._2 {
  background-image: url('../images/Cybertruck-3.jpg');
}

.fullscreen-image.main-st {
  background-image: url('../images/tesla1.jpg');
}

.div-block-3 {
  margin-bottom: 32px;
  color: #f4f4f4;
}

.truck-hover {
  position: relative;
}

.cover-off {
  display: none;
}

.tab-link-tab-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000;
}

.tab-link-tab-3:hover {
  background-color: #f4f4f4;
  color: #000;
}

.tab-link-tab-3.w--current {
  background-color: #f4f4f4;
}

.section-2 {
  min-height: 100vh;
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #0d0d0d;
}

.div-block-8 {
  width: 100%;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #f4f4f4;
}

.spec-item-border {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 1px;
  background-color: #fff;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.div-block-187 {
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 103px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-link-tab-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000;
}

.tab-link-tab-1:hover {
  background-color: #f4f4f4;
  color: #000;
}

.tab-link-tab-1.w--current {
  background-color: #f4f4f4;
}

.text-block-44 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.spec-item-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #363636;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.div-block-7 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 32px;
  -ms-grid-columns: 1.5fr 1fr;
  grid-template-columns: 1.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.tab-link-tab-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000;
  color: #666;
}

.tab-link-tab-2:hover {
  background-color: #f4f4f4;
  color: #000;
}

.tab-link-tab-2.w--current {
  background-color: #f4f4f4;
}

.specs-wrapper {
  margin-top: 24px;
}

.tabs {
  margin-top: 32px;
}

.heading-42 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.text-block-45 {
  font-family: 'Basiersquare webfont', sans-serif;
  color: #585252;
}

.text-block-46 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.text-block-47 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.text-block-48 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.div-block-188 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-189 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #646464;
  font-weight: 400;
  cursor: pointer;
}

.heading-6 {
  padding-right: 8px;
  padding-left: 8px;
  font-size: 11px;
  text-align: left;
  letter-spacing: 1px;
}

.heading-6._3 {
  height: auto;
  font-weight: 500;
}

.heading-6._5 {
  font-weight: 500;
}

.heading-6.p {
  font-family: 'Basiersquare webfont', sans-serif;
  font-weight: 500;
}

.heading-6._2 {
  height: auto;
  font-family: 'Basiersquare webfont', sans-serif;
  font-weight: 500;
}

.heading-6._6 {
  font-weight: 500;
}

.heading-6._4 {
  font-weight: 500;
}

.div-block-191 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-49 {
  padding: 6px 45px;
  border-bottom-right-radius: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.heading-7 {
  font-size: 31px;
  text-transform: uppercase;
}

.heading-7.mobile {
  margin-bottom: 20px;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #fff;
  font-weight: 400;
}

.section-5 {
  position: relative;
  height: 100vh;
  background-color: #000;
}

.div-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.div-block-192 {
  position: relative;
  top: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-50 {
  color: #585252;
}

.text-block-51 {
  color: #585252;
}

.div-block-193 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: transparent;
  background-image: url('../images/hc-Frame-1-1.jpg');
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-193:hover {
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.div-block-193.cybertruck-w-prj {
  background-image: url('../images/Frame-7-1.jpg');
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-193.cybertruck-w-prj:hover {
  background-position: 100% 50%;
}

.div-block-193.ef-bg-grid-iso {
  background-image: url('../images/ef-Frame-1-1.jpg');
}

.div-block-193.ef-bg-grid-iso:hover {
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.div-block-193._4sgm-grid-iso {
  background-image: url('../images/4sgm-Frame-2-1.jpg');
}

.div-block-193.other-projects12 {
  background-image: url('../images/Frame-2-1.jpg');
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-193.other-projects12:hover {
  background-position: 100% 50%;
}

.div-block-193.trends-2020-sshot {
  background-image: url('../images/Frame-6.jpg');
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-193.trends-2020-sshot:hover {
  background-position: 100% 50%;
}

.background-video-2 {
  position: absolute;
  width: 52vw;
  height: 100vh;
  border: 1px none #000;
  border-radius: 0px;
}

.background-video-2.nobgchange123 {
  position: static;
}

.div-block-194 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 340px;
  height: auto;
  margin-top: 3%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-195 {
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  border-radius: 60px;
  background-color: #f0e7e7;
}

.div-block-195._2color-palette {
  margin-left: 20px;
  background-color: #0d0d0d;
}

.div-block-195._2color-palette.color-pallete-greydark {
  background-color: #222;
  box-shadow: 0 0 9px 0 #fff;
}

.div-block-195._2color-palette.color-pallete-greydark:hover {
  box-shadow: 0 0 13px 3px #fff;
}

.div-block-195._2color-palette.color-pallete-greydark.hye-color-palette4 {
  background-color: silver;
}

.div-block-195._2color-palette.color-pallete-greydark.efclp4 {
  background-color: #f1bfc0;
}

.div-block-195._2color-palette.color-pallete-greydark._4sgm-cp3 {
  background-color: #0e58b0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0e58b0), to(hsla(0, 0%, 100%, 0.49)));
  background-image: linear-gradient(180deg, #0e58b0, hsla(0, 0%, 100%, 0.49));
}

.div-block-195._2color-palette.color-pallete-greydark._4sgm-cp4 {
  background-color: #ff7137;
  background-image: linear-gradient(315deg, #ff7137, hsla(0, 0%, 100%, 0.46));
}

.div-block-195._2color-palette.color-pallete-greydark.color-pallete-4-2020blog {
  background-color: #f9e4bd;
}

.div-block-195._2color-palette.color-pallete-white {
  background-color: #fff;
  box-shadow: 0 0 9px 0 #fff;
}

.div-block-195._2color-palette.color-pallete-white:hover {
  box-shadow: 0 0 13px 3px #fff;
}

.div-block-195._2color-palette.color-pallete-white.hye-color-palette2 {
  background-color: rgba(46, 100, 103, 0.77);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6467), to(hsla(0, 0%, 100%, 0.07)));
  background-image: linear-gradient(180deg, #2e6467, hsla(0, 0%, 100%, 0.07));
}

.div-block-195._2color-palette.color-pallete-white.ef-cp2 {
  background-color: #dd9fa0;
}

.div-block-195._2color-palette.color-pallete-white._4sgm-cp2 {
  background-color: #ffff09;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffff09), to(hsla(0, 0%, 100%, 0.43)));
  background-image: linear-gradient(180deg, #ffff09, hsla(0, 0%, 100%, 0.43));
}

.div-block-195._2color-palette.color-pallete-white.color-pallete-1-2020b {
  background-color: #95c0d6;
}

.div-block-195._2color-palette.color-pallete-white.color-palette-trends2020-4 {
  background-color: #aed5ab;
}

.div-block-195._2color-palette.color-pallete-blalt {
  box-shadow: 0 0 9px 0 #fff;
}

.div-block-195._2color-palette.color-pallete-blalt:hover {
  box-shadow: 0 0 13px 3px #fff;
}

.div-block-195.color-pallete-b {
  background-color: #000;
  box-shadow: 0 0 9px 0 #fff;
}

.div-block-195.color-pallete-b:hover {
  box-shadow: 0 0 13px 3px #fff;
}

.div-block-195.color-pallete-b.hye-color-palette {
  background-color: #0c1a1b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 100, 103, 0.48)), to(#0c1a1b));
  background-image: linear-gradient(180deg, rgba(46, 100, 103, 0.48), #0c1a1b);
}

.div-block-195.color-pallete-b.ef-pink1 {
  background-color: #fd5678;
}

.div-block-195.color-pallete-b._4sgm-cp1 {
  background-color: #15a11e;
  background-image: -webkit-gradient(linear, left top, right top, from(#15a11e), to(hsla(0, 0%, 100%, 0.45)));
  background-image: linear-gradient(90deg, #15a11e, hsla(0, 0%, 100%, 0.45));
}

.div-block-195.color-pallete-b.color-palette-beige {
  background-color: #b5f0d2;
}

.icon-fa-projects {
  font-family: 'Fa 300', sans-serif;
}

.link-block {
  margin-top: 3%;
}

.link-block.hye-link {
  margin-top: 3%;
}

.link-block.view-example-link {
  position: absolute;
  left: auto;
  top: auto;
  right: 45%;
  margin-left: 0px;
}

.link-block.link-projects-mob {
  display: none;
}

.link-block-2 {
  margin-top: 6%;
  text-decoration: none;
}

.link-block-2.hy-link {
  margin-top: 8%;
  font-family: 'Helvetica now', sans-serif;
}

.link-block-2.hy-link:hover {
  font-family: 'Helvetica now', sans-serif;
  color: #fff;
  text-decoration: underline;
}

.link-block-2.proj-link {
  margin-top: 8%;
}

.link-block-2.proj-link:hover {
  font-family: 'Helvetica now', sans-serif;
  color: #fff;
  text-decoration: underline;
}

.section-100 {
  width: 100vw;
  height: 100vh;
}

.slider {
  width: 100vw;
  height: 100vh;
}

.div-block-197 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
}

.div-block-197.ef-bg-w {
  background-color: #fd5678;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fd5678), to(hsla(0, 0%, 100%, 0.3)));
  background-image: linear-gradient(0deg, #fd5678, hsla(0, 0%, 100%, 0.3));
}

.div-block-197._4sgm-div {
  background-color: #fdb852;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fdb852), to(hsla(0, 0%, 100%, 0.3)));
  background-image: linear-gradient(0deg, #fdb852, hsla(0, 0%, 100%, 0.3));
}

.div-block-197.other-projects {
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #122250;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#122250), to(hsla(0, 0%, 100%, 0.3)));
  background-image: linear-gradient(0deg, #122250, hsla(0, 0%, 100%, 0.3));
}

.div-block-197.trends-2020-b5 {
  background-color: #da856d;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#da856d), color-stop(99%, rgba(255, 254, 254, 0.3)), to(#fff));
  background-image: linear-gradient(0deg, #da856d, rgba(255, 254, 254, 0.3) 99%, #fff);
}

.div-block-198 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #0c1a1b;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 100, 103, 0.77)), to(rgba(12, 26, 27, 0.94)));
  background-image: linear-gradient(0deg, rgba(46, 100, 103, 0.77), rgba(12, 26, 27, 0.94));
}

.right-arrow {
  left: 25vw;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25vw;
  height: 8vh;
  margin-top: auto;
  margin-bottom: 2%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-arrow:hover {
  background-color: transparent;
}

.icon {
  top: auto;
  bottom: 5vh;
  display: none;
  margin: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-arrow {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25vw;
  height: 8vh;
  margin-top: auto;
  margin-bottom: 2%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-nav {
  display: none;
}

.slide-nav.gradient-nav-show {
  display: none;
}

.icon-2 {
  bottom: 5vh;
  display: none;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-52 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0vw;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #fff;
  font-size: 0.3em;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
}

.text-block-52:hover {
  font-size: 0.4em;
  text-transform: uppercase;
}

.div-block-77 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20vw;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 0px;
  border-color: hsla(0, 0%, 100%, 0.09);
  border-radius: 3px;
  background-color: transparent;
}

.hc-logo-svg.intro {
  width: 4vw;
  background-color: transparent;
}

.image-78 {
  width: 10vw;
  margin-top: 3px;
  margin-left: 1vw;
}

.image-79 {
  width: 28vw;
}

.image-79.ef {
  width: 18vw;
}

.image-79._4sgm-logo {
  width: 19vw;
}

.div-block-199 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.div-block-199.right-text12 {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100vh;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.dance-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  background-color: #fff;
  font-family: 'Helvetica now', sans-serif;
  font-size: 23px;
  line-height: 53px;
  text-transform: uppercase;
}

.link-26 {
  color: #fff;
  font-style: normal;
  text-decoration: none;
}

.link-27 {
  color: #fff;
  text-decoration: none;
}

.link-28 {
  color: #fff;
  text-decoration: none;
}

.link-29 {
  color: #fff;
  text-decoration: none;
}

.link-30 {
  color: #fff;
  text-decoration: none;
}

.body-12 {
  background-color: #000;
}

.div-block-201 {
  display: block;
}

.body-hc12 {
  background-color: #faf8fc;
}

.side-panel {
  position: fixed;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  height: 100vh;
  padding: 75px 35px 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(12, 26, 27, 0.29);
  background-image: url('../images/5e2bfe5f8c2b17f16eb65dc2_header-logo.svg'), -webkit-gradient(linear, left bottom, left top, from(rgba(46, 100, 103, 0.77)), to(rgba(12, 26, 27, 0.94)));
  background-image: url('../images/5e2bfe5f8c2b17f16eb65dc2_header-logo.svg'), linear-gradient(0deg, rgba(46, 100, 103, 0.77), rgba(12, 26, 27, 0.94));
  background-position: -10% 50%, 0px 0px;
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
  box-shadow: 0 0 0 -2px #fff;
  font-family: 'Basiersquare webfont', sans-serif;
}

.image-14 {
  margin-bottom: 45px;
}

.text-link {
  margin-bottom: 35px;
  opacity: 1;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.text-link.w--current {
  color: #fff;
}

.fsdf {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.very-small {
  font-size: 11px;
  line-height: 1.6em;
}

.heading-description {
  position: static;
  padding-top: 10px;
  padding-bottom: 0px;
  color: grey;
  font-size: 12px;
}

.sidebar---link-block {
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}

.sidebar---link-block:hover {
  margin-left: 0px;
}

.div-block-82 {
  width: 250px;
  background-color: #fff;
  box-shadow: 0 1px 6px 0 rgba(46, 100, 103, 0.13);
}

.div-block-82.jhuiyhuihi {
  margin-left: 60px;
}

.div-block-82.jhuiyhuihi.no-border-sg {
  box-shadow: none;
}

.div-block-82.jhuiyhuihi.no-border-sg.dsa {
  background-color: transparent;
}

.type-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 35px;
  padding: 25px 0px 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.type-row.fsdf {
  margin-bottom: 10px;
}

.icon-fa-2 {
  font-family: 'Fa 300', sans-serif;
  color: #0c1a1b;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0px;
}

.div-block-81 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 58%;
  padding-right: 0px;
  padding-left: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-81.fdsfdsf {
  width: 58%;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.light-gray-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.66666667%;
  height: 100%;
  padding: 10px;
  border-radius: 0px;
  background-color: #548183;
  opacity: 0.7;
}

.text-block-58 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 22px;
}

.dark-block {
  position: static;
  width: 100%;
  padding: 20px;
  background-color: #f2f2f2;
}

.dark-block.fdsfds {
  background-color: #f8f8f8;
}

.text-span-4 {
  font-family: 'Fa 300', sans-serif;
}

.underline-small {
  text-decoration: none;
}

.text-highlight {
  width: 42%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 3px 0px 0px 3px;
  background-color: #fff;
}

.profile-left-nav-wrapper.profile-wrap12 {
  width: 100%;
}

.paragraph-container {
  width: 100%;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f2f2f2;
}

.paragraph-container.bottom {
  height: auto;
  border-radius: 0px 0px 10px 10px;
  background-color: #f8f8f8;
}

.sdasd {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 12px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: silver;
  border-radius: 3px;
  background-color: #fdfcfe;
  box-shadow: 0 2px 6px 0 rgba(46, 100, 103, 0.13);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.sdasd.profile-card5-2 {
  margin-top: 0px;
  background-color: transparent;
}

.sdasd.profile-card5-2.fsdf {
  background-color: #fff;
}

.sdasd.dasdas {
  background-color: transparent;
}

.type-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.33333333%;
  margin-right: 20px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f2f2f2;
  box-shadow: 1px 1px 3px 0 #f9f9f9;
}

.type-col.fsdf {
  width: 33.33333333%;
  padding: 0px;
  background-color: hsla(0, 0%, 94.9%, 0.61);
  box-shadow: 2px 2px 9px -2px rgba(46, 100, 103, 0.36);
}

.left-nav-sticky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-nav-sticky.left-nav-menu {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  box-shadow: inset 8px 0 0 -7px transparent;
  color: #0c1a1b;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.left-nav-sticky.left-nav-menu:hover {
  border-left: 2px none #212c20;
  border-radius: 0px;
  background-color: rgba(226, 230, 233, 0.36);
  box-shadow: inset 8px 0 0 -7px rgba(0, 0, 0, 0.1);
  color: #212c20;
  font-weight: 500;
}

.left-nav-sticky.left-nav-menu.active-left-nav {
  background-color: rgba(226, 230, 233, 0.36);
  box-shadow: none;
  color: #0c1a1b;
}

.left-nav-sticky.left-nav-menu.active-left-nav:hover {
  border-left-style: none;
}

.heading-2 {
  font-size: 58px;
  line-height: 58px;
}

.heading-2.secdfs {
  color: rgba(46, 100, 103, 0.36);
}

.article-title-3 {
  display: inline;
  margin-top: 2px;
  margin-bottom: 0px;
  float: none;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #0c1a1b;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.2px;
  text-transform: capitalize;
}

.article-title-3.dropdown-managemnent {
  padding-left: 10px;
  color: #0c1a1b;
  font-size: 12px;
}

.label {
  font-size: 13px;
  text-transform: none;
}

.label.dfd {
  font-size: 14px;
}

.heading-10 {
  font-size: 38px;
}

.heading-10.intro345 {
  margin-top: 7px;
  margin-bottom: 20px;
  font-size: 64px;
}

.heading-10.intro345.dsad {
  margin-top: -5px;
  margin-bottom: 0px;
  padding-top: 0px;
  font-family: 'Basiersquare webfont', sans-serif;
  line-height: 64px;
}

.resource-content {
  padding-left: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.3px;
}

.bold-text-58 {
  color: #f5f8fa;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0px;
}

.bold-text-58._23 {
  color: #f5f8fa;
  font-size: 17px;
}

.bold-text-58._23.iconadd-list {
  line-height: 30px;
}

.bold-text-58._23.iconadd-list.filtericon-list34 {
  color: #0c1a1b;
}

.bold-text-58._23.iconadd-list.filtericon-list34.icontext-filter {
  font-family: 'Basiersquare webfont', sans-serif;
  font-size: 11px;
  line-height: 29px;
  font-weight: 400;
}

.bold-text-58._23 {
  font-family: 'Fa 300', sans-serif;
  color: #f5f8fa;
  font-size: 17px;
  line-height: 17px;
}

.light-section {
  position: relative;
  overflow: auto;
  width: 80%;
  float: right;
}

.heading-20.dfsdfsd {
  font-size: 16px;
}

.text-span-19 {
  margin-top: -3px;
  margin-left: 10px;
  font-size: 20px;
  line-height: 17px;
  font-weight: 500;
}

.p-grey-2 {
  margin-bottom: 10px;
  color: rgba(18, 32, 80, 0.45);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.p-grey-2.no-margin {
  margin-top: 0px;
  margin-bottom: 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #152f30;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0.03px;
}

.p-grey-2.no-margin.comment-left {
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 1px;
  border-left: 1px none #000;
  font-family: 'Basiersquare webfont', sans-serif;
  color: #0c1a1b;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.5px;
}

.p-grey-2.no-margin.comment-left.sdasd45 {
  font-size: 14px;
}

.heading-row {
  position: relative;
  width: 100%;
  margin-top: 25px;
  clear: left;
}

.fdsfsd.button-2.fd.send-button-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 0px 3px 3px;
}

.fdsfsd.button-2.fd.send-button-submit.hutuyd {
  width: 200px;
  border-radius: 3px;
}

.fdsfsd.button-2.fd.send-button-submit.hutuyd._45gggfff {
  height: 40px;
  background-color: rgba(12, 26, 27, 0.64);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 100, 103, 0.48)), to(#0c1a1b));
  background-image: linear-gradient(180deg, rgba(46, 100, 103, 0.48), #0c1a1b);
}

.span-timeline-2 {
  font-weight: 400;
}

.nested-title-left-nav-2 {
  font-weight: 400;
}

.dsad {
  padding-top: 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.light-gray-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.66666667%;
  height: 100%;
  padding: 10px;
  border-radius: 0px 4px 4px 0px;
  background-color: #a9c0c1;
  opacity: 0.57;
}

.dropdown-below {
  margin-left: 4px;
  font-family: 'Fa 400', sans-serif;
  color: #0c1a1b;
}

.light-block {
  width: 100%;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f8f8f8;
}

.light-block.dfsdf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Basiersquare webfont', sans-serif;
}

.light-block.dfsdf._78sd {
  display: block;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 100px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.light-block.dfsdf._78sd.fsdfsdfd {
  background-color: transparent;
}

.light-gray-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.66666667%;
  height: 100%;
  padding: 10px;
  border-radius: 0px;
  background-color: #a9c0c1;
}

.image-13 {
  margin: -72px auto 12px;
  border: 1px solid #e8e8e8;
  border-radius: 140px;
  box-shadow: 1px 0 10px 0 rgba(46, 100, 103, 0.38);
  opacity: 1;
}

.main-nav-drop-down {
  width: 100%;
}

.main-nav-drop-link-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-left: 0px none #000;
  background-color: #fff;
  box-shadow: inset 8px 0 0 -7px rgba(0, 0, 0, 0.05);
  color: #0c1a1b;
  font-size: 12px;
}

.main-nav-drop-link-2:hover {
  border: 1px none #000;
  box-shadow: inset 8px 0 0 -7px rgba(0, 0, 0, 0.15);
  color: #0c1a1b;
  font-size: 12px;
  font-weight: 600;
}

.main-nav-drop-link-2.lef-page-nested {
  font-weight: 500;
}

.main-nav-drop-link-2.lef-page-nested:hover {
  background-color: hsla(0, 0%, 80%, 0.27);
}

.main-nav-drop-link-2.lef-page-nested.nested-fx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.gray-scale-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.66666667%;
  height: 100%;
  padding: 10px;
  border-radius: 4px 0px 0px 4px;
  background-color: #0c1a1b;
}

.gray-scale-block._12.color-block {
  box-shadow: none;
}

.gray-scale-block._12.color-block._45 {
  border-radius: 0px;
  background-color: #0c1a1b;
  box-shadow: none;
  opacity: 0.95;
}

.gray-scale-block._12.color-block._45._54lo {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 100, 103, 0.48)), color-stop(32%, rgba(21, 45, 46, 0.87)), to(#0c1a1b));
  background-image: linear-gradient(180deg, rgba(46, 100, 103, 0.48), rgba(21, 45, 46, 0.87) 32%, #0c1a1b);
}

.gray-scale-block._12.color-block._45._54fh6 {
  background-color: rgba(12, 26, 27, 0.89);
}

.gray-scale-block._12.color-block._45._454 {
  background-color: #2e6467;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6467), to(#0c1a1b));
  background-image: linear-gradient(180deg, #2e6467, #0c1a1b);
}

.gray-scale-block._12.color-block._45._454._4545 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6467), to(rgba(12, 26, 27, 0.25)));
  background-image: linear-gradient(180deg, #2e6467, rgba(12, 26, 27, 0.25));
}

.gray-scale-block._12.color-block._45._454._5g8 {
  background-color: #0c1a1b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6467), to(#0c1a1b));
  background-image: linear-gradient(180deg, #2e6467, #0c1a1b);
}

.gray-scale-block._12.color-block._45._454.dfsdfsd {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6467), to(hsla(0, 0%, 100%, 0.14)));
  background-image: linear-gradient(180deg, #2e6467, hsla(0, 0%, 100%, 0.14));
}

.gray-scale-block._12.color-block.hghjguytutyyu {
  border-radius: 0px;
}

.light-gray {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.66666667%;
  height: 100%;
  padding: 10px;
  border-radius: 4px 0px 0px 4px;
  background-color: #548183;
}

.container-2 {
  padding: 75px 15px;
  font-family: 'Basiersquare webfont', sans-serif;
}

.container-2._1contrt {
  font-family: 'Basiersquare webfont', sans-serif;
}

.container-2.jhghj {
  padding-bottom: 0px;
}

.container-2.asdnaisdas {
  padding-bottom: 0px;
}

.color-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 85px;
  padding: 10px;
  border-radius: 4px;
  background-color: #0c1a1b;
}

.color-block.secondary {
  background-color: #24c9ff;
}

.color-block.secondary._12 {
  background-color: #f5f8fa;
  background-image: none;
  box-shadow: 0 1px 5px 0 #e8e8e8;
}

.color-block.secondary._12._3456 {
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 75.3%, 0.24);
  background-color: rgba(46, 100, 103, 0.1);
}

.color-block.secondary._12._3456.sds {
  background-color: #fff;
}

.color-block._12 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 100, 103, 0.48)), to(#0c1a1b));
  background-image: linear-gradient(180deg, rgba(46, 100, 103, 0.48), #0c1a1b);
  box-shadow: 0 1px 5px 0 rgba(46, 100, 103, 0.84);
}

.color-block.primary-light {
  background-color: #a185ff;
}

.color-block.primary-light._12 {
  background-color: rgba(46, 100, 103, 0.77);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6467), to(hsla(0, 0%, 100%, 0.07)));
  background-image: linear-gradient(180deg, #2e6467, hsla(0, 0%, 100%, 0.07));
}

.content-row {
  position: relative;
  width: 100%;
  margin-top: 45px;
  clear: left;
}

.light-block-flat {
  width: 100%;
  padding: 20px;
  background-color: #f8f8f8;
}

.light-block-flat.rounded-bottom {
  margin-bottom: 45px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.light-block-flat.rounded-bottom.dasdas {
  background-color: #f2f2f2;
}

.light-block-flat._3456fg {
  background-color: #f2f2f2;
}

.heading {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
}

.heading.iconwwww {
  font-family: 'Fa 300', sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.submit-button-2 {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 100, 103, 0.75)), to(#2e6467));
  background-image: linear-gradient(180deg, rgba(46, 100, 103, 0.75), #2e6467);
  font-size: 12px;
  font-weight: 500;
}

.submit-button-2.sdsdsf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 35px;
  margin-right: 20px;
  margin-left: 20px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 -1px 3px 0 rgba(46, 100, 103, 0.35);
  font-size: 13px;
  font-style: normal;
  text-align: right;
  letter-spacing: 0px;
  text-decoration: none;
}

.button-style-guide {
  display: inline-block;
  min-width: 200px;
  margin-top: 0px;
  padding: 10px 30px;
  border-radius: 100px;
  background-color: #fb6265;
  box-shadow: 0 1px 1px 0 transparent;
  -webkit-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.button-style-guide:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.button-style-guide.fdsfsd {
  width: 30px;
  height: 30px;
  min-width: 20px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0px;
  padding: 5px 4px 5px 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 15px;
  font-weight: 600;
}

.button-style-guide.fdsfsd.fd {
  width: auto;
  min-width: auto;
  margin-left: 0px;
  padding-top: 6px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #0c1a1b;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(46, 100, 103, 0.48), #0c1a1b);
  box-shadow: 0 1px 3px 0 rgba(46, 100, 103, 0.84);
  opacity: 0.89;
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.button-style-guide.fdsfsd.fd:hover {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #2e6467, #0c1a1b);
  opacity: 1;
}

.button-style-guide.fdsfsd.fd.icon-list {
  width: 70px;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-image: none;
}

.button-style-guide.fdsfsd.fd.icon-list.addicon-list {
  width: auto;
  height: 30px;
  margin-right: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 100, 103, 0.48)), to(#0c1a1b));
  background-image: linear-gradient(180deg, rgba(46, 100, 103, 0.48), #0c1a1b);
}

.button-style-guide.fdsfsd.fd.icon-list.addicon-list.filtericon-list12 {
  margin-right: 0px;
  background-color: #fff;
  background-image: none;
  box-shadow: 0 1px 3px 0 rgba(46, 100, 103, 0.24);
}

.button-style-guide.fdsfsd.fd.icon-list.addicon-list.filtericon-list12.myprojects-icon1 {
  margin-right: 20px;
  border: 1px solid #0c1a1b;
  opacity: 0.9;
  color: transparent;
  line-height: 20px;
}

.button-style-guide.fdsfsd.fd.icon-list.addicon-list.filtericon-list12.myprojects-icon1.fds5767 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grayscale-parent {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 85px;
  margin-right: 0px;
  clear: left;
  border-radius: 4px;
  box-shadow: 2px 2px 20px 0 #f2f2f2;
}

.color-block-parent {
  width: 100%;
  margin-right: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.color-block-parent.clg5 {
  margin-left: 0px;
}

.color-block-parent.clg5.dfds56 {
  margin-left: 20px;
}

.main-nav-link {
  display: block;
  margin-top: 1px;
  padding: 16px 15px;
  background-color: #283037;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #c5c5c5;
  font-size: 14px;
  text-decoration: none;
}

.main-nav-link:hover {
  color: #6ab5fc;
}

.main-nav-link.w--current {
  box-shadow: inset -3px 0 0 0 #6ab5fc;
  color: #6ab5fc;
}

.main-nav-link.w--open {
  box-shadow: inset 3px 0 0 0 #3898ec;
}

.main-nav-link.articles.resources {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  border-top: 1px none rgba(46, 100, 103, 0.18);
  border-bottom: 1px none rgba(46, 100, 103, 0.18);
  background-color: transparent;
  -webkit-transition-property: none;
  transition-property: none;
}

.main-nav-link.articles.resources:hover {
  border-left-style: solid;
  border-left-width: 3px;
  background-color: #fff;
  font-weight: 500;
}

.main-nav-link.articles.resources.w--open {
  border-bottom: 1px none #000;
  background-color: #fff;
  box-shadow: inset 3px 0 0 0 #2e6467;
  font-weight: 500;
}

.main-nav-link.articles.resources.w--open:hover {
  box-shadow: none;
}

.main-nav-link.articles.resources.left-nav-sticky {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  box-shadow: inset 8px 0 0 -7px transparent;
}

.main-nav-link.articles.resources.left-nav-sticky:hover {
  border-left: 2px none #000;
  background-color: rgba(226, 230, 233, 0.36);
  box-shadow: inset 8px 0 0 -7px rgba(0, 0, 0, 0.1);
}

.main-nav-link.articles.resources.left-nav-sticky.w--open {
  border-left: 0px none #000;
  border-top-style: none;
  box-shadow: inset 8px 0 0 -7px #000;
}

.main-nav-link.articles.resources.left-nav-sticky.w--open:hover {
  border-left-style: none;
  box-shadow: inset 8px 0 0 -7px #000;
}

.caption {
  font-size: 12px;
  text-transform: uppercase;
}

.caption.margined {
  margin-top: 20px;
}

.color-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 35px;
  padding: 25px 0px 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.color-row.grey {
  margin-bottom: 25px;
  padding-bottom: 0px;
}

.main-nav-drop-list.w--open {
  position: static;
  overflow: hidden;
  background-color: hsla(0, 0%, 100%, 0.02);
}

.envelope {
  position: static;
  z-index: 1;
  width: 590px;
  height: 298px;
  background-image: url('../images/ssAsset-1.png');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.form-wrap {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  height: 550px;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  box-shadow: 1px 0 8px 0 #dbcfcf;
  opacity: 1;
}

.card-wd-2 {
  position: absolute;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 450px;
  height: 300px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 5px 50px 30px -40px rgba(0, 0, 0, 0.2);
}

.card-wd-2.jh {
  position: relative;
}

.wd-logo-2 {
  position: absolute;
  left: 25px;
  top: 25px;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 50px;
  height: 50px;
}

.grad1-2 {
  position: absolute;
  left: -219px;
  top: -218px;
  z-index: 1;
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(255, 239, 65, 0.75), rgba(255, 239, 65, 0) 69%);
}

.grad4-2 {
  position: absolute;
  left: -170px;
  top: auto;
  right: auto;
  bottom: -270px;
  z-index: 3;
  width: 500px;
  height: 500px;
  border-radius: 68%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(69, 209, 99, 0.75), rgba(65, 255, 106, 0) 69%);
}

.div-block-204 {
  -webkit-transform: skew(5deg, 1deg) scale(0.8);
  -ms-transform: skew(5deg, 1deg) scale(0.8);
  transform: skew(5deg, 1deg) scale(0.8);
}

.div-block-205 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.div-block-205.right-footer-2 {
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-206 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 590px;
  height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: transparent;
  background-image: url('../images/Asset-3.png');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.form-4 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-field-5 {
  width: 300px;
  border: 1px solid #ebe8e8;
  font-family: 'Helvetica now', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  text-transform: none;
}

.text-field-5::-webkit-input-placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.text-field-5:-ms-input-placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.text-field-5::-ms-input-placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.text-field-5::placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.textarea-2 {
  overflow: visible;
  width: 300px;
  height: 90px;
  max-height: 90px;
  max-width: 300px;
  min-height: 90px;
  min-width: 300px;
  border: 1px solid #ebe8e8;
  font-family: 'Helvetica now', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.textarea-2::-webkit-input-placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.textarea-2:-ms-input-placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.textarea-2::-ms-input-placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.textarea-2::placeholder {
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.26);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.submit-button-4 {
  position: relative;
  z-index: 111;
  width: 300px;
  margin-top: 8px;
  border: 1px solid #333;
  background-color: #fff;
  color: #333;
  font-weight: 700;
  letter-spacing: 2px;
}

.submit-button-4:hover {
  border-color: #fff;
  background-color: #333;
  color: #fff;
}

.form-block-4 {
  position: fixed;
}

.form-5 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.copyright-footer {
  position: absolute;
  left: auto;
  top: auto;
  right: 3.4%;
  bottom: 3%;
  font-family: 'Helvetica now', sans-serif;
  font-size: 0.8em;
  line-height: 1em;
}

.copyright-footer.blog-footer {
  position: relative;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: auto;
  padding-bottom: 1%;
  text-align: center;
}

.form-block-5 {
  margin-bottom: 60px;
}

.success-message-2 {
  margin-top: 50%;
  background-color: #ffdede;
  font-family: 'Helvetica now', sans-serif;
}

.error-message {
  margin-top: -90%;
  font-family: 'Basiersquare webfont', sans-serif;
}

.text-block-62 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.text-block-63 {
  font-family: 'Basiersquare webfont', sans-serif;
}

.text-block-64 {
  margin-left: -15px;
  font-family: 'Helvetica now', sans-serif;
  color: rgba(51, 51, 51, 0.35);
  font-size: 0.8em;
  line-height: 1em;
  letter-spacing: 0px;
}

.scroll-top-link1 {
  position: absolute;
  left: 3.4%;
  top: auto;
  right: auto;
  bottom: 3%;
  font-family: 'Helvetica now', sans-serif;
  text-decoration: none;
}

.mobile-burger-line {
  width: 60%;
  height: 1px;
  background-color: #fff;
}

.mobile-burger {
  display: none;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  max-height: 44px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav {
  position: relative;
  z-index: 9999;
  width: 100%;
  height: 44px;
  max-height: 44px;
  background-color: #000;
}

.nav-link-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
  transition: opacity 200ms cubic-bezier(.645, .045, .355, 1);
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.nav-link-4:hover {
  opacity: 0.7;
}

.nav-link-4.search {
  background-image: url('../images/search.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.nav-link-4.bag {
  background-image: url('../images/bag.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.nav-link-4.logo {
  background-image: url('../images/apple-logo.svg');
  background-position: 50% 50%;
  background-size: 16px 44px;
  background-repeat: no-repeat;
}

.airpods-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 900;
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #2c2c2c;
  background-color: rgba(29, 29, 31, 0.7);
}

.iphone-nav-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #f5f5f7;
}

.iphone-nav-title {
  color: #f5f5f7;
  font-size: 21px;
  font-weight: 600;
  text-decoration: none;
}

.iphone-nav-link {
  margin-left: 24px;
  color: #f5f5f7;
  font-size: 12px;
  text-decoration: none;
}

.iphone-nav-link.w--current {
  color: rgba(245, 245, 247, 0.6);
}

.buy-button-2 {
  margin-left: 24px;
  padding: 4px 11px;
  border-radius: 12px;
  background-color: #0071e3;
  color: #fff;
  font-size: 12px;
}

.buy-button-2:hover {
  background-color: #1680eb;
}

.lottie-animation-5 {
  position: absolute;
  width: 1458px;
  margin-right: auto;
  margin-left: auto;
}

.sequence-container {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}

.lottie-animation-3 {
  position: absolute;
  z-index: 9;
  width: 1458px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.lottie-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding-top: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-1 {
  position: absolute;
  z-index: 11;
  width: 100%;
  max-width: 1458px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.lottie-animation-6 {
  position: absolute;
  z-index: 7;
  width: 100%;
  opacity: 0;
}

.lottie-animation-2 {
  position: absolute;
  z-index: 10;
  width: 1458px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.lottie-animation-4 {
  position: absolute;
  z-index: 8;
  width: 1458px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.image-sequence {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  overflow: hidden;
}

.scroll-sequence {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 2280vh;
  margin-top: 150px;
}

.text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-text {
  width: 100%;
  padding-bottom: 200px;
}

.hero-scroll-container {
  position: relative;
  height: 500vh;
}

.hero-headline {
  color: #f5f5f7;
  font-size: 150px;
  line-height: 0.667;
  text-align: center;
  letter-spacing: -0.15px;
}

.sticky-container {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sticky-container.no-overflow {
  overflow: visible;
}

.hero-bullet-points {
  position: absolute;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.hero-bullet-text {
  color: #fff;
  font-size: 64px;
  line-height: 1.0625;
  font-weight: 700;
  text-align: center;
}

.watch-the-film {
  margin-top: 50px;
  color: #fff;
  font-size: 22px;
  line-height: 1.17;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.hero-4 {
  position: relative;
}

.comfort-tip-text {
  position: absolute;
  width: 100%;
  padding-bottom: 50px;
  opacity: 0;
}

.tip {
  color: #fff;
  font-size: 17px;
  line-height: 1.3569;
  font-weight: 700;
  letter-spacing: 0.0045em;
}

.tip.medium {
  width: 173px;
}

.tip.large {
  width: 175px;
  margin-left: 91px;
}

.comfort-tips {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 200px;
  opacity: 0;
}

.comfort-section-intro-text {
  width: 35%;
  opacity: 1;
  color: #fff;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 700;
}

.section-eyebrow {
  color: #fff;
  font-size: 21px;
  line-height: 1.19;
  font-weight: 700;
  letter-spacing: 0.005px;
}

.section-headline {
  color: #f5f5f7;
  font-size: 96px;
  line-height: 0.875;
}

.comfort {
  position: relative;
  margin-top: 50vh;
  margin-bottom: -70vh;
}

.comfort-heading-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
}

.comfort-intro-text-wrapper {
  position: absolute;
  width: 100%;
  padding-top: 50vh;
}

.paragraph {
  max-width: 33.3333%;
  margin-left: 91px;
  color: #fff;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: 0.0045em;
}

.choose-size {
  position: absolute;
  width: 100%;
  padding-top: 460px;
  opacity: 0;
}

.comfort-scroll-container {
  position: relative;
  height: 685vh;
}

.white-2 {
  color: #fff;
}

.anc-continousley {
  position: absolute;
  width: 100%;
  padding-top: 275px;
  opacity: 0;
}

.green {
  color: #02cc01;
}

.transparency-paragraph {
  width: 41.666667%;
  color: #fff;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 700;
}

.anc-intro-paragraph-text {
  margin-left: 58.333333%;
  color: #fff;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 700;
}

.anc-transparency {
  position: absolute;
  width: 100%;
  padding-top: 200px;
  opacity: 0;
}

.anc-bullets {
  max-width: 35%;
  color: #b7b7b7;
  font-size: 22px;
  line-height: 1.1812;
  font-weight: 700;
}

.anc-external-sound {
  position: absolute;
  width: 100%;
  padding-top: 200px;
  opacity: 0;
}

.anc-intro {
  position: absolute;
  width: 100%;
  text-align: center;
}

.anc-paragraph-right {
  margin-left: 65.7%;
  color: #fff;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 700;
}

.anc-container {
  position: relative;
  height: 1005vh;
}

.anc {
  position: relative;
  margin-bottom: -18vh;
}

.white-overlay {
  position: absolute;
  z-index: 9999;
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  opacity: 0;
}

.anc-internal-mic {
  position: absolute;
  width: 100%;
  padding-bottom: 350px;
  opacity: 0;
}

.anc-external-mic {
  position: absolute;
  width: 100%;
  padding-top: 200px;
  opacity: 0;
}

.anc-intro-paragraph {
  position: absolute;
  width: 100%;
  padding-top: 50vh;
  opacity: 0;
}

.ap-body {
  background-color: #000;
}

.other-projects {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.country {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-category-item {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #333;
  font-size: 12px;
  line-height: 1.33341em;
  font-weight: 400;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.footer-category-item:hover {
  text-decoration: underline;
}

.footer-category-item.last {
  margin-bottom: 0px;
}

.contact-messaging {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 1px none #d6d6d6;
  border-bottom: 1px none #d6d6d6;
  color: #888;
  font-size: 12px;
  line-height: 16px;
}

.site-map-links {
  margin-right: 10px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  border-top: 1px none #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px none #d6d6d6;
  color: #555;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.site-map-links:hover {
  color: #333;
  text-decoration: underline;
}

.site-map-links.last {
  border-right-style: none;
  cursor: pointer;
}

.image-80 {
  margin-right: 5px;
}

.contact {
  margin-bottom: 8px;
  padding-top: 0px;
  padding-bottom: 8px;
  border-top: 1px none #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  color: #888;
  font-size: 12px;
  line-height: 16px;
}

.single-footer-category.stacked {
  margin-bottom: 24px;
}

.footer-category-header {
  color: #333;
  font-size: 12px;
  line-height: 1.33341em;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.extras {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
}

.single-footer-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-columns-d {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 980px;
  padding-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.country-link {
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-top: 1px none #d6d6d6;
  border-right: 1px none #d6d6d6;
  border-bottom: 1px none #d6d6d6;
  color: #555;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.country-link:hover {
  color: #333;
  text-decoration: underline;
}

.disclaimer-message {
  margin-top: 24px;
  margin-bottom: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #888;
  font-size: 12px;
  line-height: 16px;
}

.footer-breadcrumbs-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 17px;
  padding-bottom: 17px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #d6d6d6;
}

.inline-contact-link {
  color: #0070c9;
  text-decoration: none;
}

.inline-contact-link:hover {
  text-decoration: underline;
}

.breadcrumb-link {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #555;
  font-size: 12px;
  line-height: 1.33341em;
  font-weight: 400;
  letter-spacing: -0.01em;
  cursor: default;
}

.breadcrumb-link:hover {
  text-decoration: none;
}

.footer-2 {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: #f2f2f2;
}

.footer-wrapper {
  display: block;
  width: 100%;
  max-width: 980px;
  margin-right: 22px;
  margin-left: 22px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.legal {
  padding-top: 34px;
  padding-bottom: 21px;
}

.copyright-and-site-map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-icon.separator {
  margin-right: 10px;
  margin-left: 10px;
}

.footer-icon.apple {
  opacity: 0.8;
  cursor: pointer;
}

.footer-icon.apple:hover {
  opacity: 1;
}

.icon-playfilm {
  font-family: 'Fa 300', sans-serif;
}

.body-2020trends {
  background-color: beige;
}

.side-nav {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dot {
  width: 10px;
  height: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.1);
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease;
  color: #333;
}

.dot.w--current {
  background-color: #333;
}

.circle-text {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 200;
  display: block;
  width: 380px;
  margin-right: -80px;
  margin-bottom: -80px;
}

.title-wrapper {
  position: absolute;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.intro-2 {
  display: block;
  color: #000;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  text-align: justify;
  letter-spacing: -0.1px;
}

.author-2 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-bottom: 80px;
  font-family: 'Helvetica now', sans-serif;
  color: rgba(75, 168, 113, 0.2);
  font-size: 3em;
  line-height: 1.5em;
  font-weight: 400;
  text-align: center;
}

.intro-wrapper {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}

.text-span-20 {
  margin-right: 10px;
  font-style: italic;
}

.title {
  position: static;
  margin: 0px auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: 'Helvetica now', sans-serif;
  color: rgba(75, 168, 113, 0.1);
  font-size: 8em;
  line-height: 1.2em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.title.mobile {
  display: none;
}

.my-container {
  position: static;
  display: block;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 60px 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Helvetica now', sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-style: normal;
  font-weight: 400;
  text-align: justify;
  letter-spacing: 0.6px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.text-wrapper {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.chapter-number {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  color: #000;
  font-size: 4em;
  line-height: 1.2em;
}

.blog-text {
  margin-bottom: 20px;
  font-family: 'Helvetica now', sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 27px;
  text-align: justify;
  letter-spacing: -0.1px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.chapter-heading {
  margin-top: 0px;
  margin-bottom: 30px;
  color: #000;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: 400;
  text-align: left;
}

.content-section {
  position: relative;
  margin-top: 20px;
}

.content-section.first {
  margin-top: 40px;
}

.large-numbers-mobile {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -1;
  display: none;
  margin-top: -20px;
  opacity: 0.5;
  color: #fff;
  font-size: 9em;
  line-height: 1em;
  font-weight: 400;
  text-align: right;
}

.number-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  margin-left: -160px;
}

.footer-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 60px 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}

.footer-text-sentence {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-text {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #000;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: 100;
  text-align: left;
}

.footer-text:active {
  color: #333;
}

.div-block {
  height: 1px;
}

.bg--ebe8e8 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -100;
  display: block;
  background-color: #ebe8e8;
  opacity: 0;
}

.trends-bg20 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
}

.trends-bg20.line-anim1 {
  display: block;
}

.lottie-animation-11 {
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
}

.lottie-animation-11.dsad {
  width: 100vw;
  height: 100vh;
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.lottie-animation-12 {
  width: 200vw;
}

.nav-bar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: transparent;
}

.nav-bar-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 20px;
  padding-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nav-link-b-home {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 20px;
  padding-bottom: 25px;
  text-decoration: none;
}

.squiggle-link-text {
  border: 1px none #000;
  font-family: 'Helvetica now', sans-serif;
  color: #333;
  text-decoration: none;
  text-transform: lowercase;
}

.nav-squiggle-lottie {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 20em;
}

.blog-title-center {
  display: block;
}

.nav-link-5 {
  position: static;
  font-size: 1em;
  text-transform: uppercase;
}

.nav-link-5.w--current {
  color: #333;
  font-size: 1em;
}

.icon202-back {
  font-family: 'Fa 300', sans-serif;
}

.text-block-65 {
  font-family: 'Fa 400', sans-serif;
  color: #fff;
  font-size: 3em;
}

.text-block-65.blog-block-fadropw {
  color: #000;
  text-align: center;
}

.trends2020-example-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.view-link-eye-2 {
  width: 60px;
  height: 60px;
  margin-top: 2%;
  border-radius: 70px;
  background-color: #fff;
  background-image: url('../images/eye-blink.gif');
  background-position: 50% 50%;
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.view-link-eye-2:hover {
  background-color: #000;
}

.view-link-eye-2.black-bg-st {
  position: static;
  margin-top: 0px;
  box-shadow: 0 0 9px 0 #fff;
}

.view-link-eye-2.black-bg-st:hover {
  background-color: #7300de;
  box-shadow: 0 0 13px 3px #fff;
}

.exmpl-img1 {
  position: static;
}

.link-example-img-wrap {
  position: relative;
}

.nav-link-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  letter-spacing: 5px;
  text-decoration: none;
}

.nav-link-6:hover {
  background-color: #f1df13;
  letter-spacing: 10px;
}

.logo-fontawesome {
  font-family: 'Fa 300', sans-serif;
  font-size: 35px;
}

.rule {
  width: 2px;
  height: 100%;
  background-color: #000;
}

.menu-line2 {
  position: absolute;
  bottom: 15px;
  width: 30px;
  height: 2px;
  background-color: #fff;
}

.nav-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  padding: 15px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-button {
  position: absolute;
  left: auto;
  top: auto;
  right: 15px;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.nav-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #000;
}

.menu {
  position: fixed;
  top: 100vh;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100%;
  padding: 95px 15px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.flex-fix {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.logo {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

.menu-line {
  position: absolute;
  top: 15px;
  width: 30px;
  height: 2px;
  background-color: #fff;
}

.h2-2 {
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
}

.left {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: 100%;
  min-width: 350px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.h6 {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 500;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.content-4 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  margin-top: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: 'Helvetica now', sans-serif;
}

.link-block-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
}

.h1 {
  display: inline-block;
  font-size: 55px;
  line-height: 100%;
  font-weight: 900;
  letter-spacing: 1px;
}

.right {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: 100%;
  min-width: 350px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.section-101 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.background-image {
  position: absolute;
  z-index: 0;
  height: 100%;
  max-width: 100000%;
  min-width: 100%;
}

.spacer-small {
  width: 100%;
  height: 30px;
}

.spacer-large {
  width: 100%;
  height: 60px;
}

.paragraph-6 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  padding: 0px 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #f1df13;
  background-color: #f1df13;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  line-height: 15px;
  cursor: pointer;
}

.button:hover {
  background-color: transparent;
}

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

.button.alt:hover {
  background-color: transparent;
  color: #fff;
}

.body-split-d {
  height: 100vh;
}

.body-gradient-exmpl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f8f8f8;
}

.div-block-207 {
  width: 60px;
  height: 60px;
  border-radius: 70px;
  background-color: #fff;
  background-image: url('../images/eyes.gif');
  background-position: 50% 50%;
  background-size: 36px 36px;
  background-repeat: no-repeat;
  box-shadow: 0 0 9px 0 #fff;
}

.div-block-207:hover {
  background-color: #7300de;
  box-shadow: 0 0 13px 3px #fff;
}

.link-block-4 {
  position: relative;
  right: 45%;
  margin-left: -48px;
}

.image-81 {
  margin-bottom: 20px;
}

.text-block-67 {
  font-family: 'Helvetica now', sans-serif;
  color: #000;
  font-size: 11px;
  font-weight: 400;
}

.cursor-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cursor-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #000;
}

.cursor-outer {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 50px;
}

.nav-menu-4 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.icons {
  margin-right: 2px;
  margin-left: 2px;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-transition: opacity 200ms cubic-bezier(.455, .03, .515, .955);
  transition: opacity 200ms cubic-bezier(.455, .03, .515, .955);
  cursor: pointer;
}

.icons:hover {
  opacity: 0.7;
}

.icons.nav-icon {
  margin-left: 48px;
}

.heading-43 {
  margin-bottom: 20px;
  font-size: 2em;
}

.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.navbar {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  padding-right: 32px;
  padding-left: 32px;
  background-color: transparent;
}

.brand-3 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-link-7 {
  font-family: 'Helvetica now', sans-serif;
}

.nav-link-7:hover {
  opacity: 0.7;
}

.grid-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  width: 150vw;
  padding-left: 32px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-areas: "."
    "."
    "."
    "."
    "."
    ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 100px 0px auto 0px auto 0px auto 0px auto 0px 100px;
  grid-template-rows: 100px auto auto auto auto 100px;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.big-links-otypo {
  display: inline;
  margin-right: 50px;
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: transparent;
  font-size: 12em;
  line-height: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  cursor: none;
}

.big-links-otypo:hover {
  color: #000;
}

.product-grid {
  display: -ms-grid;
  display: grid;
  width: 100vw;
  height: 100vh;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: ". . . . . . . . . . . ."
    ". . . . . . . . . . . ."
    ". . . . . . . . . . . ."
    ". . . . . . . . . . . ."
    ". . . . . . . . . . . ."
    ". . . . . . . . . . . ."
    ". . . . . . . . . . . ."
    ". . . . . . . . . . . .";
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto 0px auto 0px auto 0px auto 0px auto 0px auto 0px auto 0px auto;
  grid-template-rows: auto auto auto auto auto auto auto auto;
}

.photo {
  display: none;
}

.footer-4 {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: block;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: transparent;
}

.footer-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 35px;
  margin-bottom: 40px;
  margin-left: 35px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr 0.5fr 0.5fr;
  grid-template-columns: 0.5fr 0.5fr 0.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.text-left {
  margin-bottom: 0px;
  color: #000;
}

.text-block-68 {
  font-family: 'Trump gothic east', sans-serif;
  color: #fff;
  font-size: 4em;
  line-height: 1.2em;
  font-style: italic;
  text-align: center;
  letter-spacing: 4px;
}

.slide-8 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #f0c), to(#339));
  background-image: linear-gradient(90deg, #ff512f, #f0c 0%, #339);
}

.slide-14 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #00f260), to(#0575e6));
  background-image: linear-gradient(90deg, #ff512f, #00f260 0%, #0575e6);
}

.slide-1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#fc00ff), to(#00dbde));
  background-image: linear-gradient(90deg, #fc00ff, #00dbde);
}

.slide-7 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #7b4397), to(#dc2430));
  background-image: linear-gradient(90deg, #ff512f, #7b4397 0%, #dc2430);
}

.slide-4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #5433ff), color-stop(50%, #20bdff), to(#a5fecb));
  background-image: linear-gradient(90deg, #ff512f, #5433ff 0%, #20bdff 50%, #a5fecb);
}

.left-arrow-2 {
  display: none;
}

.slide-2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), to(#dd2476));
  background-image: linear-gradient(90deg, #ff512f, #dd2476);
}

.slider_bg_gradient {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100vh;
}

.slide-12 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #c0392b), to(#8e44ad));
  background-image: linear-gradient(90deg, #ff512f, #c0392b 0%, #8e44ad);
}

.slide-3 {
  background-image: -webkit-gradient(linear, left top, right top, from(#da22ff), to(#9733ee));
  background-image: linear-gradient(90deg, #da22ff, #9733ee);
}

.slide-13 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #7f00ff), to(#e100ff));
  background-image: linear-gradient(90deg, #ff512f, #7f00ff 0%, #e100ff);
}

.side-10 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #43c6ac), to(#191654));
  background-image: linear-gradient(90deg, #ff512f, #43c6ac 0%, #191654);
}

.slide-11 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #b2fefa), to(#0ed2f7));
  background-image: linear-gradient(90deg, #ff512f, #b2fefa 0%, #0ed2f7);
}

.slide-6 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #ff512f), to(#f09819));
  background-image: linear-gradient(90deg, #ff512f, #ff512f 0%, #f09819);
}

.right-arrow-2 {
  display: none;
}

.slide-9 {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff512f), color-stop(0%, #ee0979), to(#ff6a00));
  background-image: linear-gradient(90deg, #ff512f, #ee0979 0%, #ff6a00);
}

.heading-44 {
  position: static;
  z-index: 1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-size: 7em;
  line-height: 1em;
  text-align: center;
}

.div-block-209 {
  position: fixed;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-31 {
  color: #000;
}

.educational-note {
  color: #000;
  text-transform: uppercase;
}

.social-links-wrap {
  position: absolute;
  bottom: 3%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-icon-footer {
  margin-right: 0px;
  font-family: 'Fa brands 400', sans-serif;
  color: #333;
  font-size: 18px;
  font-weight: 400;
}

.social-icon-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  color: #000;
  text-decoration: none;
}

.social-icon-link.ig-link {
  margin-right: 0px;
}

.lottie-animation-13 {
  width: 100vw;
  height: 100vh;
}

.stacks-section {
  display: -ms-grid;
  display: grid;
  width: 100vw;
  height: 100vh;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-areas: ". Area";
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 16px auto;
  grid-template-rows: auto auto;
}

.text-block-69 {
  font-family: 'Helvetica now', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.hero-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-2-scroll-container {
  height: 500vh;
  background-color: #5fa5d4;
}

.row-2-sticky-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-2-sticky-container.sticky {
  position: relative;
  top: 0px;
}

.a-box {
  width: 150px;
  height: 150px;
  border-radius: 10px;
  background-color: #00ffa6;
}

.a-box.rights {
  margin-right: 220px;
}

.bottom {
  height: 200vh;
}

.cursor-wrapper-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cursor-2 {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #000;
}

.circlesvg {
  max-width: 280%;
}

.cross-holder {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.project-description {
  width: 400px;
  margin-right: 10px;
  font-family: 'Helvetica now', sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-align: justify;
}

.button-social-media {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  font-family: Akzidenzgrotesk, sans-serif;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.burger-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  cursor: pointer;
}

.menu-link {
  text-decoration: none;
}

.menu-link.contact {
  margin-bottom: 0px;
  border-bottom-style: none;
}

.image-projects {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu-5 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 8;
  display: none;
  height: 100vh;
  padding: 10% 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e5d9cf;
  background-image: url('../images/289.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.view-more {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.view-more.mobile {
  display: none;
}

.sticky-container-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 6;
  height: 600vh;
}

.third-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.line-button {
  width: 20px;
  height: 1px;
  background-color: #000;
}

.profile-picture {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-number {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Akzidenzgrotesk, sans-serif;
  font-weight: 500;
}

.project-type {
  padding-top: 5px;
  padding-bottom: 0px;
  font-family: 'Helvetica now', sans-serif;
  color: #000;
  font-size: 11px;
  line-height: 18px;
  font-style: italic;
  letter-spacing: 0.3px;
}

.project-info {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.out-of.opacity {
  padding-left: 5px;
  opacity: 0.4;
}

.container-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.bg5-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -6;
  display: none;
  height: 101vh;
  background-color: #fff;
}

.circle-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.line-2 {
  width: 30px;
  height: 2px;
  margin-top: 5px;
  border-radius: 20px;
  background-color: #000;
}

.project-title.mobile {
  display: none;
}

.project-container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-container.nordics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.project-container.kana {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.project-container.t-h {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.project-container.logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.project-container.third-wheel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.project-container.nordics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.project-container.t-h {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 10%;
}

.navigation {
  position: fixed;
  top: 0%;
  z-index: 10;
  width: 100vw;
  padding-top: 4%;
  padding-right: 5%;
  padding-left: 5%;
}

.first-line {
  overflow: hidden;
}

.second-line {
  overflow: hidden;
  margin-top: -20px;
}

.circle-white-background {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-right: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title-2 {
  margin-top: -5px;
  margin-left: 12px;
  font-family: Akzidenzgrotesk, sans-serif;
  color: #000;
  font-size: 48px;
  font-weight: 500;
}

.title-2._2 {
  height: auto;
  margin-left: 0px;
}

.title-2._2 {
  margin-left: 0px;
}

.stamp-sticky {
  width: 100%;
}

.scrolling-image {
  width: 100%;
}

.headline-2 {
  position: fixed;
  display: block;
  overflow: hidden;
  height: 92%;
  padding-left: 5%;
}

.bg1 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -2;
  display: block;
  height: 101vh;
  background-color: transparent;
  background-image: url('../images/289.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -4;
  display: none;
  height: 101vh;
  background-color: #fff;
}

.mobile-headline-container {
  display: none;
}

.bg4-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -5;
  display: none;
  height: 101vh;
  background-color: #fff;
}

.bg3-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -4;
  display: none;
  height: 101vh;
  background-color: #fff;
}

.hero-scroll-container-2 {
  width: 50%;
  height: 125vh;
}

.details {
  position: fixed;
  bottom: 0px;
  z-index: 9;
  width: 100vw;
  padding-right: 5%;
  padding-bottom: 4%;
  padding-left: 5%;
}

.view-project-button {
  text-decoration: none;
}

.view-project-button._3 {
  height: auto;
}

.view-project-button._2 {
  height: auto;
}

.grid-3 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.line-1 {
  width: 30px;
  height: 2px;
  margin-bottom: 5px;
  background-color: #000;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.menu-title {
  font-family: Akzidenzgrotesk, sans-serif;
  color: #000;
  font-size: 48px;
  font-weight: 500;
}

.menu-title.about {
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu-title.about:hover {
  color: #fff;
  text-decoration: none;
}

.menu-title.nav-process {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 48px;
}

.menu-title.nav-process:hover {
  color: #fff;
  text-decoration: none;
}

.menu-title.contact {
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-style: none;
  line-height: 48px;
}

.menu-title.contact:hover {
  color: #fff;
  text-decoration: none;
}

.menu-title.nav-projects {
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu-title.nav-projects:hover {
  color: #fff;
  font-style: normal;
  text-decoration: none;
}

.heading-45 {
  padding-bottom: 5px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  font-family: Akzidenzgrotesk, sans-serif;
  color: #000;
  font-size: 48px;
  font-weight: 500;
}

.projects {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.project-number-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.link-image-holder {
  overflow: hidden;
  box-shadow: 3px 3px 10px 0 #ddd6d6;
}

.link-image-holder.kana {
  box-shadow: 0 -4px 10px 0 rgba(221, 214, 214, 0.78);
}

.project-image-scroll {
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100vh;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.heading-link-container {
  text-decoration: none;
}

.small-button {
  color: #000;
  font-size: 14px;
  line-height: 12px;
  font-weight: 400;
  text-decoration: none;
}

.image-83 {
  max-width: 280px;
}

.hero-section-2 {
  position: relative;
  z-index: 1;
}

.nav-container-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu-title {
  overflow: hidden;
  padding-bottom: 7px;
}

.social-2 {
  text-decoration: none;
}

.body-ac {
  cursor: default;
}

.title-font-2 {
  margin-top: -8px;
  margin-left: 12px;
  font-family: 'Playfair Display', sans-serif;
  color: #000;
  font-size: 48px;
  font-style: italic;
  font-weight: 500;
}

.cursor-wrapper-3 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.html-embed-14 {
  display: none;
}

.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1;
  width: 100%;
  padding: 20px;
  background-color: #ffd446;
}

.nav-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  margin: 0px;
  padding: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  -ms-grid-columns: 1fr max-content max-content max-content;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: 1fr max-content max-content max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nav-logo-link {
  display: block;
  height: 60px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
}

.nav-logo {
  width: 80px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.nav-link-8 {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 0px;
  color: #444;
  text-decoration: none;
}

.nav-link-8:hover {
  text-decoration: underline;
}

.div-block-210 {
  height: 2px;
  background-color: #e50e0e;
}

.html-embed-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -o-object-fit: fill;
  object-fit: fill;
}

.div-block-211 {
  width: 100vw;
  height: 100vh;
}

.sectionsdasd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.sdasd-2 {
  position: relative;
  z-index: 1;
  width: 400px;
  height: 400px;
}

.section-102 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.body-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.section-103 {
  width: 100vw;
  height: 100vh;
}

.section-104 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-70 {
  margin-top: 10px;
  font-family: Messapia, sans-serif;
  color: #37316b;
  font-size: 2em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.div-block-212 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-84 {
  margin-right: 20px;
  margin-left: 10px;
}

.text-block-70-copy {
  margin-top: 60px;
  margin-left: 11px;
  font-family: 'Times New Roman', TimesNewRoman, Times, Baskerville, Georgia, serif;
  color: #fff;
  font-size: 4.3em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 31px;
  text-transform: uppercase;
}

.image-84-copy {
  margin-right: 20px;
  margin-left: 23px;
}

.text-block-70-copy-copy {
  margin-top: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #37316b;
  font-size: 2em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.div-block-213 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-213-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.div-block-212-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-84-copy-copy {
  margin-right: 0px;
  margin-left: 0px;
}

.text-block-70-copy-copy {
  margin-top: -10px;
  margin-left: 10px;
  font-family: 'Times New Roman', TimesNewRoman, Times, Baskerville, Georgia, serif;
  color: #37316b;
  font-size: 2em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.text-block-70-copy-copy-copy {
  margin-top: -9px;
  margin-left: 10px;
  font-family: Messapia, sans-serif;
  color: #37316b;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.div-block-214 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-105 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #2f295d;
}

.image-85 {
  width: 375px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.div-block-215 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1080px;
  height: 1080px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.typed-wrapper-2 {
  position: relative;
  display: block;
  margin: auto auto auto 40px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  font-weight: 700;
  text-align: left;
}

.typedwithcursor2 {
  display: inline;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-weight: 700;
  text-align: left;
}

.section-106 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-70-copy-copy-copy-copy {
  margin-top: -9px;
  margin-left: 10px;
  font-family: Messapia, sans-serif;
  color: #37316b;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.image-84-copy-copy-copy {
  margin-right: 0px;
  margin-left: 0px;
}

.text-block-70-copy-copy-copy-copy-copy {
  margin-top: -9px;
  margin-left: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #37316b;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.image-84-copy-copy-copy-copy65 {
  margin-right: 0px;
  margin-left: 0px;
}

.text-block-70-copy-copy-copy-copy-copy-copy666 {
  margin-top: -9px;
  margin-left: 11px;
  font-family: 'Playfair Display', sans-serif;
  color: #37316b;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.text-block-70-copy-copy-copy-copy-copy-copy54 {
  margin-top: -9px;
  margin-right: 5px;
  margin-left: 0px;
  font-family: 'Playfair Display', sans-serif;
  color: #37316b;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.image-84-copy-copy-copy-copy65-copy44 {
  margin-right: 5px;
  margin-left: 0px;
}

.div-block-212-copy-copy445 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  height: 100px;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-70-copy-copy-copy-copy-copy-copy434 {
  margin-top: 9px;
  margin-left: 0px;
  font-family: 'Playfair Display', sans-serif;
  color: #37316b;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.pp123 {
  display: inline;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}

.background-video-3 {
  position: static;
  overflow: visible;
  width: 500px;
  height: 128px;
}

.image-86 {
  margin-top: 40px;
}

.page-background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.bg-blur {
  position: absolute;
  width: 25vw;
  height: 25vw;
  border-radius: 50%;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.bg-blur._1 {
  left: 25%;
  top: -25vw;
  right: auto;
  bottom: auto;
  width: 50vw;
  height: 50vw;
}

.bg-blur.inner {
  position: static;
  width: 100%;
  height: 100%;
}

.bg-blur.inner._1 {
  background-color: #00f;
  opacity: 0.1;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.logo-embed {
  width: 160px;
}

.submit-button-5 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00ffe1;
  opacity: 0;
}

.nav-item-link {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  margin-left: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  cursor: pointer;
}

.nav-item-link:hover {
  color: #00ffe1;
}

.subline {
  padding: 6px 18px;
  border-radius: 20px;
  background-color: #00ffe1;
  color: #051328;
  font-size: 13px;
}

.subline.ontop {
  margin-bottom: 12px;
}

.nav-3 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 999;
  padding-top: 20px;
  padding-bottom: 12px;
}

.modal-close-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  padding: 12px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: hsla(0, 0%, 100%, 0.09);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  line-height: 1;
  letter-spacing: 4px;
  text-transform: uppercase;
  cursor: pointer;
}

.modal-close-wrap:hover {
  background-color: #00ffe1;
  color: #051328;
}

.icon-show-slider-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-bottom {
  margin-top: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid hsla(30, 0%, 100%, 0.29);
}

.contact-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 998;
  display: none;
  overflow: auto;
  min-height: 100vh;
  padding-top: 140px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 1px solid hsla(30, 0%, 100%, 0.29);
  background-color: #051328;
}

.nav-link-icon {
  position: absolute;
  left: -22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  padding-right: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-transform: perspective(1200px);
  transform: perspective(1200px);
}

.contact-trigger-wrap {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav-item-text-mobile {
  display: none;
}

.modal-close-icon {
  width: 24px;
  height: 24px;
  margin-left: 12px;
  border-radius: 100%;
  background-color: #00ffe1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #051328;
}

.slide-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heart {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #00ffe1;
}

.control-btn {
  position: relative;
  z-index: 80;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.control-btn:hover {
  background-color: rgba(0, 255, 225, 0.5);
  color: #051328;
}

.form-block-6 {
  width: 100%;
  max-width: 600px;
  min-width: 400px;
  margin-top: 60px;
}

.submit-wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: -14%;
  bottom: -25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 160px;
  max-width: 160px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.wheel-slider {
  position: relative;
}

.textarea {
  max-width: 100%;
  min-height: 280px;
  margin-bottom: 0px;
  padding-top: 12px;
  padding-right: 24px;
  padding-left: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(30, 0%, 100%, 0.29);
  border-radius: 5px;
  background-color: #121f33;
  color: #cacaca;
  font-size: 19px;
}

._wf-button__wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
}

.form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.modal-trigger {
  margin-left: 32px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
}

.slide-category {
  margin-bottom: 12px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.slide-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.nav-logo-link-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.nav-logo-link-2:hover {
  color: #00ffe1;
}

.slide-heading {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-size: 40px;
  line-height: 1.4;
}

.db {
  display: block;
}

.swiper-nav-btn {
  position: absolute;
  left: 20%;
  top: 60%;
  z-index: 40;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
}

.swiper-nav-btn:hover {
  color: #00ffe1;
}

.swiper-nav-btn.next {
  left: auto;
  right: 20%;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

.swiper-slide {
  position: relative;
  overflow: hidden;
  width: 30%;
  height: 70vh;
  margin-top: 8vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: center;
}

.swiper-nav-btn-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-navigation {
  z-index: 40;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Messapia, sans-serif;
  color: #fff;
  text-decoration: none;
}

.slide-text-wrap {
  overflow: hidden;
}

.btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 3rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #000;
  background-color: #e7e7e7;
  color: #051328;
  text-decoration: none;
  cursor: pointer;
}

.btn.submit {
  overflow: hidden;
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.nav-item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -12px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.clone-the-child-of-this {
  width: 100%;
}

.footer-bottom-link {
  position: relative;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.footer-bottom-link:hover {
  color: #00ffe1;
}

.wlfwc-holder {
  position: relative;
  z-index: 20;
  color: #fff;
}

.hero-6 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  max-height: 100vh;
  padding-top: 200px;
  padding-bottom: 10vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container {
  width: 1200px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 32px;
  padding-left: 32px;
}

.container.is--footer-bottom {
  text-align: center;
}

.container.is--nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.is--footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.controls {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.noiser {
  display: none;
}

.body-hm-prtf {
  background-color: #051328;
}

html.w-mod-js *[data-ix="typed-js"] {
  opacity: 0;
  -webkit-transform: scale(0.7000000000000002, 0.7000000000000002);
  -ms-transform: scale(0.7000000000000002, 0.7000000000000002);
  transform: scale(0.7000000000000002, 0.7000000000000002);
}

html.w-mod-js *[data-ix="new-interaction-6"] {
  display: block;
  opacity: 0;
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

html.w-mod-js *[data-ix="show-content-onslide"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  transform: translate(0px, 20px);
}

html.w-mod-js *[data-ix="slide-right"] {
  opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

html.w-mod-js *[data-ix="slide-right-2"] {
  opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

html.w-mod-js *[data-ix="slide-right-4"] {
  opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

html.w-mod-js *[data-ix="slide-right-3"] {
  opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

html.w-mod-js *[data-ix="color-bar-2"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="fade-up-and-in"] {
  opacity: 0;
}

@media screen and (max-width: 991px) {
  .header {
    display: block;
  }

  .heading-3-wid {
    width: 85vw;
    margin-left: 0px;
    font-size: 60px;
    line-height: 9vh;
  }

  .heading-3 {
    font-size: 60px;
    line-height: 8vh;
  }

  .heading-text-main {
    font-size: 50px;
  }

  .drop-down-section {
    height: 70vh;
  }

  .drop-down-section.dropdown {
    height: auto;
  }

  .content-right-mob {
    display: block;
    width: 100%;
    min-height: 0px;
  }

  .form-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .heading-text-main-2 {
    font-size: 50px;
  }

  .content-left-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-44 {
    position: relative;
    width: auto;
  }

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

  .container-14 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-2 {
    width: 100%;
  }

  .content-right-2 {
    width: 100%;
    padding-top: 85px;
  }

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

  .checkbox-label {
    padding-left: 60px;
    font-size: 1em;
  }

  .full_bg {
    height: 800px;
    background-position: 64% 50%;
    background-attachment: scroll;
  }

  .snow_white_section {
    background-attachment: scroll, scroll;
  }

  .divider_tv {
    height: 1000px;
    padding-top: 90px;
    background-attachment: scroll, scroll;
  }

  .flintstones-content {
    opacity: 0;
  }

  .gold-circle._5 {
    margin-top: -14px;
  }

  .intro-paragraph {
    padding-top: 30px;
    padding-right: 50px;
    padding-left: 50px;
    font-size: 15px;
    text-align: center;
  }

  .intro-paragraph.centered._5 {
    opacity: 0;
  }

  .big-links {
    margin-right: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 6em;
    line-height: 0.9em;
    text-align: center;
  }

  .center-container {
    background-image: none;
  }

  .background-img-2.bg--inner-2 {
    background-size: 26%;
  }

  .info-wrapper-w.black-bg-st-text.hashtag-info.rytrh {
    width: 50vw;
  }

  .text-block-43 {
    font-size: 40px;
    line-height: 56px;
  }

  .video-section {
    height: 50vh;
  }

  .background-video {
    height: 50vh;
  }

  .div-block-187 {
    display: none;
  }

  .spec-item-wrapper {
    font-size: 16px;
  }

  .div-block-7 {
    -ms-grid-columns: 1.5fr;
    grid-template-columns: 1.5fr;
  }

  .side-panel {
    position: relative;
    width: 100%;
    height: auto;
    padding: 25px 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .image-14 {
    margin-right: 10px;
    margin-bottom: 0px;
  }

  .text-link {
    margin-right: 50px;
  }

  .text-highlight {
    padding: 20px;
  }

  .light-section {
    overflow: visible;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    float: none;
    clear: left;
  }

  .button-style-guide {
    font-size: 16px;
  }

  .div-block-205 {
    width: 100vw;
  }

  .div-block-205.right-footer-2 {
    display: none;
  }

  .nav {
    display: block;
  }

  .airpods-nav {
    display: block;
  }

  .lottie-animation-5 {
    position: absolute;
    width: 998px;
  }

  .lottie-animation-3 {
    width: 998px;
  }

  .lottie-animation-2 {
    width: 998px;
    height: auto;
  }

  .lottie-animation-4 {
    width: 998px;
  }

  .hero-headline {
    font-size: 96px;
  }

  .sticky-container {
    width: 692px;
  }

  .hero-bullet-text {
    font-size: 48px;
  }

  .watch-the-film {
    font-size: 21px;
  }

  .tip.medium {
    width: 131px;
  }

  .tip.large {
    width: 131px;
    margin-left: 47px;
  }

  .comfort-section-intro-text {
    width: 320px;
  }

  .section-headline {
    font-size: 80px;
  }

  .transparency-paragraph {
    width: 75%;
    font-size: 21px;
  }

  .extras {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .site-map {
    margin-top: 4px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .footer-columns-d {
    display: none;
  }

  .footer-breadcrumbs-wrapper {
    border-bottom: 1px solid #d6d6d6;
  }

  .breadcrumb-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .footer-2 {
    display: none;
  }

  .footer-wrapper {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .legal {
    padding-bottom: 24px;
  }

  .copyright-and-site-map {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .side-nav {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .circle-text {
    width: 250px;
    margin-bottom: -60px;
    margin-left: -79px;
  }

  .intro-2 {
    font-size: 1em;
  }

  .author-2 {
    font-size: 3em;
  }

  .intro-wrapper {
    max-width: 60%;
  }

  .title {
    font-size: 6em;
  }

  .my-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-wrapper {
    max-width: 60%;
  }

  .chapter-number {
    top: 120px;
    font-size: 3em;
  }

  .number-wrapper {
    margin-right: -100px;
    margin-left: -100px;
  }

  .footer-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .nav-link-b-home.w--current {
    padding-bottom: 25px;
  }

  .logo-fontawesome {
    color: #000;
  }

  .menu-line2 {
    background-color: #000;
  }

  .nav-2 {
    right: auto;
    width: 80px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
  }

  .menu-button {
    right: auto;
    bottom: 15px;
  }

  .nav-container {
    border-top-style: none;
    border-bottom-style: none;
  }

  .menu {
    position: absolute;
    top: auto;
    right: 0vw;
    padding: 0px 95px 0px 0px;
  }

  .menu-line {
    background-color: #000;
  }

  .left {
    width: 100%;
    height: 50%;
  }

  .content-4 {
    margin-top: 0px;
  }

  .right {
    width: 100%;
    height: 50%;
  }

  .section-101 {
    padding-left: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .background-image {
    height: auto;
    min-height: 100%;
  }

  .button:hover {
    background-color: #f1df13;
  }

  .button.alt:hover {
    background-color: #fff;
    color: #000;
  }

  .nav-menu-4 {
    background-color: #000;
  }

  .icons {
    display: none;
  }

  .social {
    position: static;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: -2;
    margin-top: 0px;
  }

  .menu-button-2 {
    padding-top: 30px;
    padding-right: 32px;
    padding-left: 32px;
  }

  .menu-button-2.w--open {
    background-color: transparent;
  }

  .navbar {
    position: absolute;
    width: 100vw;
    padding-right: 0px;
  }

  .nav-link-7 {
    padding-left: 32px;
    color: #fff;
  }

  .grid-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .big-links-otypo {
    margin-right: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 6em;
    line-height: 0.9em;
    text-align: center;
  }

  .footer-bar {
    margin-right: 22px;
    margin-bottom: 25px;
    margin-left: 22px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
  }

  .text-left {
    font-size: 12px;
  }

  .cursor-wrapper-2 {
    display: none;
  }

  .project-description {
    display: none;
  }

  .mobile-headline-wrapper {
    height: 80%;
    padding-top: 35%;
    padding-left: 5%;
  }

  .image-projects {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .view-more {
    margin-bottom: 50px;
  }

  .view-more.mobile {
    display: block;
  }

  .project-type {
    display: none;
  }

  .project-title.mobile {
    display: block;
  }

  .circle-white-background {
    display: none;
  }

  .headline-2 {
    position: static;
    display: none;
    height: 80%;
    padding-top: 25%;
  }

  .mobile-headline-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .hero-scroll-container-2 {
    display: none;
  }

  .details {
    display: none;
  }

  .heading-45.projectname {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .projects {
    z-index: -1;
    padding-top: 30%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .project-number-2 {
    margin-top: 10px;
  }

  .project-image-scroll {
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .small-button {
    margin-top: 0px;
  }

  .image-83 {
    display: none;
  }

  .cursor-wrapper-3 {
    display: none;
  }

  .bg-blur._1 {
    left: 12.5%;
    top: -12.5vw;
    width: 75vw;
  }

  .logo-embed {
    width: 140px;
  }

  .nav-item-text-mobile {
    display: block;
  }

  .submit-wrapper {
    right: -6%;
  }

  .wheel-slider {
    position: relative;
  }

  ._wf-button__wrapper {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  .slide-category {
    font-size: 12px;
  }

  .nav-item-text-desktop {
    display: none;
  }

  .slide-heading {
    font-size: 36px;
  }

  .swiper-nav-btn.next {
    right: 16%;
  }

  .swiper-nav-btn.prev {
    left: 16%;
  }

  .swiper-slide {
    width: 45%;
    height: 60vh;
  }

  .hero-6 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

@media screen and (max-width: 767px) {
  .header {
    display: none;
  }

  .heading-3-wid {
    font-size: 40px;
    line-height: 6vh;
  }

  .heading-3 {
    font-size: 40px;
    line-height: 6vh;
  }

  .h2.smaller-text {
    font-size: 12px;
  }

  .h2.smaller-text {
    font-size: 12px;
  }

  .heading-text-main {
    font-size: 40px;
    line-height: 50px;
  }

  .heading-text-main.smaller {
    font-size: 30px;
    line-height: 35px;
  }

  .dropdown-wrapper-why-do-you-need-us {
    width: 90%;
  }

  .dropdown_how-does-it-work_3-collums {
    grid-column-gap: 40px;
  }

  .drop-down-section {
    height: 80vh;
    min-height: auto;
  }

  .drop-down-section.dropdown {
    height: auto;
  }

  .cs-50-percent-right.bhave {
    height: 450px;
  }

  .cs-50-percent-right.star-and-rose {
    height: 450px;
  }

  .cs-50-percent-right.cag {
    height: 450px;
  }

  .cs-50-percent-left.sr {
    height: 450px;
  }

  .cs-50-percent-left.cag {
    height: 450px;
  }

  .cs-50-percent-left.bhave {
    height: 450px;
  }

  .dropdown-wrapper-case-studie {
    width: 90%;
  }

  .body-text {
    font-size: 13px;
    line-height: 17px;
  }

  .body-text.smaller-textq {
    width: 85%;
    font-size: 11px;
  }

  .body-text._50 {
    width: 85%;
    line-height: 20px;
  }

  .content_cs_left {
    margin-right: 10%;
  }

  .dropdown-wrapper-does-it-work {
    width: 90%;
  }

  .dropdown-wrapper_so-what {
    width: 90%;
  }

  .spacer {
    height: 30px;
  }

  .spacer.bigger {
    height: 60px;
  }

  .heading-text-main-2 {
    font-size: 40px;
    line-height: 50px;
  }

  .footer-content {
    width: 90%;
  }

  ._4-collums-in-footer {
    grid-row-gap: 20px;
    grid-template-areas: "."
      "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 20px auto 20px auto 20px auto;
    grid-template-rows: auto auto auto auto;
  }

  .heading-27 {
    font-size: 46px;
    line-height: 52px;
  }

  .checkbox-label {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .body-text-2 {
    font-size: 13px;
    line-height: 17px;
  }

  .spacer-3 {
    height: 30px;
  }

  .spacer-3.bigger {
    height: 60px;
  }

  .body-text-3 {
    font-size: 13px;
    line-height: 17px;
  }

  .body-text-3.smaller-text {
    width: 85%;
    font-size: 11px;
  }

  .brand {
    top: 0px;
    display: none;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobnavbar4 {
    position: fixed;
    left: 0px;
    top: auto;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
  }

  .container-21 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 76px;
    margin-top: 0px;
    padding-top: 12px;
    padding-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-menu-2 {
    width: 100%;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .nav-link-3 {
    width: 20%;
    height: 100%;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: url('../images/wave.svg');
    background-position: 50% 0px;
    background-size: 30px;
    background-repeat: no-repeat;
    color: #4863f7;
    font-size: 14px;
    font-weight: 300;
  }

  .nav-link-3:hover {
    background-color: rgba(70, 94, 251, 0);
    color: #4863f7;
  }

  .nav-link-3.w--current {
    background-image: url('../images/wave_1.svg');
    color: #556ef6;
    font-weight: 600;
  }

  .nav-link-3.w--current:hover {
    color: #4863f7;
  }

  .nav-link-3.setup {
    background-image: url('../images/cog.svg');
  }

  .nav-link-3.setup.w--current {
    background-image: url('../images/cog_1.svg');
    color: #4863f7;
  }

  .nav-link-3.tune {
    background-image: url('../images/settings-1.svg');
  }

  .nav-link-3.tune.w--current {
    background-image: url('../images/settings-1_1.svg');
  }

  .nav-link-3.display {
    background-image: url('../images/brightness-increase_1.svg');
  }

  .nav-link-3.display.w--current {
    background-image: url('../images/brightness-increase.svg');
  }

  .full_bg {
    height: 400px;
    background-size: 900px;
    background-attachment: scroll;
  }

  .years-header.snow-white {
    font-size: 50px;
    line-height: 43px;
  }

  .white {
    font-size: 60px;
    line-height: 50px;
  }

  .intro-paragraph.centered {
    opacity: 1;
  }

  .heading-34 {
    font-size: 32px;
  }

  .big-links {
    font-size: 5.5em;
    line-height: 0.9em;
  }

  .div-block-4 {
    height: 300px;
  }

  .center-container {
    max-width: 100%;
  }

  .background-img-2.bg--inner-2 {
    background-size: 34%;
  }

  .info-wrapper-w.black-bg-st-text.hashtag-info.rytrh {
    width: 80vw;
  }

  .text-block-43 {
    font-size: 32px;
    line-height: 40px;
  }

  .video-section {
    height: 35vh;
  }

  .background-video {
    height: 35vh;
  }

  .tab-link-tab-3 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .tab-link-tab-1 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .tab-link-tab-2 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .side-panel {
    overflow: auto;
    padding-right: 35px;
    padding-bottom: 0px;
  }

  .text-highlight {
    padding: 9px;
  }

  .container-2 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .button-style-guide {
    font-size: 14px;
  }

  .nav {
    display: none;
  }

  .airpods-nav {
    display: none;
  }

  .scroll-sequence {
    display: none;
  }

  .hero-4 {
    display: none;
  }

  .comfort {
    display: none;
  }

  .anc {
    display: none;
  }

  .country {
    margin-bottom: 12px;
  }

  .contact-messaging {
    margin-bottom: 0px;
  }

  .contact {
    border-bottom-style: none;
  }

  .extras {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .site-map {
    margin-top: 4px;
  }

  .footer-wrapper {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .copyright-and-site-map {
    margin-bottom: 16px;
  }

  .side-nav {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .dot {
    width: 8px;
    height: 8px;
  }

  .circle-text {
    width: 200px;
  }

  .title-wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .intro-2 {
    line-height: 1.5em;
    text-align: justify;
  }

  .title {
    font-size: 5em;
  }

  .my-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .chapter-heading {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .content-section {
    margin-top: 30px;
  }

  .number-wrapper {
    margin-left: -80px;
  }

  .nav-bar-wrapper {
    margin-right: 0px;
    margin-left: 0px;
  }

  .nav-link-b-home {
    padding-bottom: 23px;
  }

  .nav-link-b-home.w--current {
    padding-bottom: 23px;
  }

  .nav-link-b-home.free-consultation-wrap-link {
    display: none;
  }

  .nav-link-5 {
    display: none;
    text-align: right;
  }

  .nav-link-5.w--current {
    text-align: right;
  }

  .nav-link-6 {
    width: 100%;
    height: 50%;
  }

  .logo-fontawesome {
    font-size: 25px;
  }

  .rule {
    width: 100%;
    height: 2px;
  }

  .nav-2 {
    width: 60px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .nav-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .menu {
    padding-right: 75px;
  }

  .h2-2 {
    font-size: 50px;
    line-height: 50px;
  }

  .h1 {
    font-size: 45px;
  }

  .section-101 {
    min-height: 600px;
    padding-left: 60px;
  }

  .spacer-small {
    height: 40px;
  }

  .spacer-large {
    height: 40px;
  }

  .big-links-otypo {
    font-size: 5.5em;
    line-height: 0.9em;
  }

  .text-left {
    display: block;
  }

  .slider_bg_gradient {
    z-index: -1;
  }

  .container-buttons {
    height: 98%;
  }

  .title-2 {
    margin-top: -8px;
    font-size: 36px;
    line-height: 40px;
  }

  .heading-45 {
    margin-top: 16px;
    margin-bottom: 4px;
    padding-bottom: 0px;
    font-size: 36px;
    line-height: 40px;
  }

  .title-font-2 {
    margin-top: -11px;
    font-size: 36px;
    line-height: 40px;
  }

  .sticky-nav {
    position: relative;
  }

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

  .logo-embed {
    width: 120px;
  }

  .nav-item-link {
    margin-left: 32px;
  }

  .nav-3 {
    padding-top: 12px;
  }

  .nav-link-icon {
    height: 20px;
  }

  .submit-wrapper {
    right: -6%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  ._wf-button__wrapper {
    margin-right: -20px;
    margin-bottom: -20px;
  }

  .swiper-nav-btn {
    width: 40px;
    height: 40px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .swiper-nav-btn.next {
    right: 14%;
  }

  .swiper-nav-btn.prev {
    left: 14%;
  }

  .swiper-slide {
    width: 60%;
  }

  .swiper-nav-btn-icon {
    width: 40%;
  }

  .nav-item-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .nav-item-list.is--main-nav {
    margin-top: 8px;
    margin-right: 0px;
    padding-left: 0px;
  }

  .wlfwc-holder {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .hero-6 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .container.is--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .typed-wrapper-1 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 100vh;
    margin: auto 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: transparent;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
  }

  .typedwithcursor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 100vh;
    margin-top: 10%;
    margin-bottom: 10%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
  }

  .welcometext {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .header {
    display: block;
  }

  .nav-content {
    padding-right: 16px;
    padding-left: 16px;
  }

  .nav-link {
    display: none;
  }

  .heading-3-wid {
    margin-bottom: 0px;
    font-size: 8vw;
    line-height: 6.5vh;
  }

  .heading-3 {
    margin-bottom: 0px;
    font-size: 8vw;
    line-height: 6vh;
  }

  .intro {
    margin-top: -123px;
  }

  .h2 {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .dropdown-trigger_why-do-you-need-us {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-trigger-case-study {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading-text-main {
    font-size: 30px;
    line-height: 30px;
  }

  .heading-text-main.case-study {
    font-size: 42px;
    line-height: 39px;
  }

  .heading-text-main.case-study.underline {
    font-size: 22px;
    line-height: 29px;
  }

  .heading-text-main.smaller {
    font-size: 24px;
    line-height: 25px;
  }

  .dropdown_how-does-it-work_3-collums {
    grid-template-areas: "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .dropdown-trigger-does-it-work {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .drop-down-section {
    height: 110vh;
    padding-right: 36px;
  }

  .drop-down-section.dropdown {
    padding-top: 50px;
  }

  .cs-50-percent-right.bhave {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .cs-50-percent-right.star-and-rose {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .cs-50-percent-right.cag {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .dropdown-wrapper_portfolio {
    width: 90%;
  }

  .cs-50-percent-left.sr {
    width: 100%;
    height: auto;
    padding-top: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .cs-50-percent-left.cag {
    height: auto;
    padding-top: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .cs-50-percent-left.bhave {
    width: 100%;
    height: auto;
    padding-top: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .body-text {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
  }

  .body-text.smaller-textq {
    font-size: 13px;
    line-height: 20px;
  }

  .body-text._50 {
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.3px;
  }

  .dropdown_case-study {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .dropdown-trigger_-heading {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .spacer {
    height: 20px;
  }

  .spacer.smaller {
    height: 10px;
  }

  .circle_dropdown_outter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .image-40 {
    width: 240px;
    height: 240px;
  }

  .container-11 {
    left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .form-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-rightside {
    width: 100%;
  }

  .form-left-side {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 5px;
  }

  .div-block-34 {
    width: 300px;
  }

  .footer-heading-moves {
    width: 3110%;
    margin-top: -5px;
  }

  .heading-text-main-2 {
    font-size: 30px;
    line-height: 30px;
  }

  .heading-text-main-2.case-study {
    display: none;
    font-size: 42px;
    line-height: 39px;
  }

  ._4-collums-in-footer {
    padding-bottom: 20px;
  }

  .container-14 {
    margin-top: 180px;
  }

  .html-embed {
    padding-top: 220px;
  }

  .checkbox-active-overlay {
    background-position: 10px 50%;
    background-size: 20px;
  }

  .checkbox-label {
    padding-right: 20px;
    padding-left: 40px;
    font-size: 1em;
  }

  .case-study-content-left {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .case-study-image-opening-right {
    display: block;
  }

  .case-study-section {
    height: 95vh;
    padding-top: 25%;
    padding-left: 5%;
  }

  .case-study-link {
    margin-right: 12px;
    margin-bottom: -6px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
  }

  .case-study-link.w--current {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
  }

  .case-study_fixed_menu {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 999;
    display: none;
    padding: 3% 5%;
    border-bottom: 1px none #000;
    background-color: #e7e4dc;
  }

  .body-text-2 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
  }

  .body-text-2.case-study-meta-description {
    font-size: 11px;
    line-height: 17px;
  }

  .project-intro-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-style: none;
  }

  .flex-categories {
    width: 95%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .spacer-3 {
    height: 20px;
  }

  .spacer-3.smaller {
    height: 10px;
  }

  .body-text-3 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
  }

  .body-text-3.smaller-text {
    font-size: 13px;
    line-height: 20px;
  }

  .mobnavbar4 {
    display: block;
  }

  .nav-link-3 {
    z-index: 1000;
  }

  .nav-link-3.setup {
    background-image: url('../images/build-24px.svg');
    text-transform: uppercase;
  }

  .nav-link-3.tune {
    background-image: url('../images/important_devices-24px.svg');
    text-transform: uppercase;
  }

  .nav-link-3.display {
    background-image: url('../images/account_circle-24px.svg');
    text-transform: uppercase;
  }

  .color {
    background-position: 50% 50%;
    background-size: cover;
  }

  .full_bg {
    height: 100vh;
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
  }

  .body-paragraph-small.snowwhite {
    padding-left: 37px;
    font-size: 12px;
    line-height: 18px;
  }

  .white {
    opacity: 1;
    font-size: 40px;
    line-height: 40px;
  }

  .white.whatever {
    padding-bottom: 0px;
    font-size: 15px;
  }

  .intro-paragraph {
    font-size: 14px;
    line-height: 22px;
  }

  .intro-paragraph.centered {
    margin-top: -146px;
    padding-top: 0px;
    opacity: 0;
    font-size: 12px;
  }

  .section-53 {
    background-position: 50% 50%;
  }

  .div {
    position: static;
    margin-top: 0px;
  }

  .rings {
    max-width: 200px;
    padding-bottom: 30px;
  }

  .skills {
    padding-top: 40px;
  }

  .big-links {
    margin-right: auto;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    font-size: 3em;
    line-height: 1em;
  }

  .div-block-4 {
    height: 300px;
  }

  .bcard {
    height: 360px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .card-wd {
    width: 380px;
    height: 290px;
  }

  .center-container {
    max-width: 150vh;
    background-image: none;
  }

  .background-img-2.bg--inner-2 {
    background-size: 54vw;
  }

  .div-block-171 {
    padding-top: 5%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(56%, hsla(0, 0%, 100%, 0))), url('../images/a14V1A2843.jpg');
    background-image: linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 56%), url('../images/a14V1A2843.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
  }

  .div-block-171.fdsfdsfdsfds {
    padding-top: 5%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(75, 168, 113, 0.77)), to(rgba(75, 168, 113, 0.77))), url('../images/meee.jpg');
    background-image: linear-gradient(180deg, rgba(75, 168, 113, 0.77), rgba(75, 168, 113, 0.77)), url('../images/meee.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
  }

  .div-block-171._3rdsdf.other-projects-big-wrap {
    width: 80vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-171._4sggi {
    display: none;
  }

  .text1.fdfsd {
    color: #fff;
    font-size: 15.7vw;
    line-height: 15.7vw;
  }

  .text1._3dsadsad {
    font-size: 15.7vw;
    line-height: 15.7vw;
  }

  .text1-2.emoji {
    display: none;
    font-size: 19.7vw;
    line-height: 19.7vw;
  }

  .text1-2._3456 {
    font-size: 15.7vw;
    line-height: 15.7vw;
  }

  .div-block-174 {
    left: 45%;
    top: auto;
    right: 45%;
    bottom: 2%;
  }

  .div-block-174.blog-dropdown-icon {
    display: none;
  }

  .div-block-177.few-projects {
    display: none;
  }

  .info-wrapper-w.black-bg-st-text.hashtag-info.hashtag-black.desciption-works-black.other-projects-description-white {
    width: 80vw;
  }

  .info-wrapper-w.black-bg-st-text.hashtag-info.rytrh {
    display: block;
  }

  .ctabuttonout.topnav._2 {
    display: none;
    -webkit-transform: scale3d(1none, 1none, 1none);
    transform: scale3d(1none, 1none, 1none);
  }

  .ctabuttonout.bottom.mobile {
    display: block;
    margin-right: 20px;
    margin-left: 20px;
  }

  .nav-after-close {
    z-index: 2000;
  }

  .text-block {
    margin-right: 1px;
    padding-right: 33px;
    padding-left: 33px;
  }

  .ctabuttonin.bottom {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .hero-section {
    background-image: url('../images/5e43c5c10bb5d194509eff40_hero.jpg');
    background-size: cover;
  }

  .image-3 {
    position: relative;
    z-index: 10;
    width: 339px;
    margin-top: 58px;
  }

  .content-3 {
    position: relative;
    top: -41px;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hero-h1-2 {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    text-align: center;
  }

  .text-block-42 {
    margin-right: 1px;
    padding-right: 33px;
    padding-left: 33px;
  }

  .div-block-11 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: block;
    background-image: url('../images/5e43c5c10bb5d1f8369eff4f_dfae76cc81d5168eaca7ba24fc1ea60d.jpg');
    background-position: 50% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .text-block-43 {
    font-size: 24px;
    line-height: 32px;
  }

  .fullscreen-image.main-st {
    background-position: 50% 50%;
    background-attachment: scroll;
  }

  .tab-link-tab-3 {
    font-size: 12px;
  }

  .tab-link-tab-1 {
    font-size: 12px;
  }

  .spec-item-wrapper {
    font-size: 12px;
  }

  .tab-link-tab-2 {
    font-size: 12px;
  }

  .div-block-188 {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 88px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .div-block-189 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .heading-6 {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 22px;
    padding-bottom: 0px;
    line-height: 14.3px;
  }

  .heading-6._3 {
    display: none;
  }

  .heading-6._5 {
    display: none;
  }

  .heading-6._2 {
    margin-bottom: 47px;
  }

  .heading-6._6 {
    display: none;
  }

  .heading-6._4 {
    display: none;
  }

  .div-block-191 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .text-block-49 {
    margin-right: 1px;
    padding-right: 33px;
    padding-left: 33px;
  }

  .text-block-49.mobile {
    padding-right: 118px;
    padding-left: 118px;
  }

  .heading-7 {
    margin-bottom: 0px;
    font-size: 25px;
  }

  .heading-7.mobile {
    display: none;
    margin-bottom: 21px;
  }

  .section-5 {
    height: 55vh;
    padding-top: 50px;
  }

  .div-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 55vh;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-193 {
    width: 100vw;
  }

  .div-block-193:hover {
    background-position: 0% 50%;
  }

  .div-block-193.cybertruck-w-prj {
    width: 100vw;
  }

  .div-block-193.cybertruck-w-prj:hover {
    background-position: 0% 50%;
  }

  .div-block-193.ef-bg-grid-iso {
    width: 100vw;
  }

  .div-block-193.ef-bg-grid-iso:hover {
    background-position: 0% 50%;
  }

  .div-block-193.other-projects12 {
    display: none;
  }

  .div-block-193.trends-2020-sshot {
    background-position: 50% 50%;
    background-size: cover;
  }

  .div-block-193.trends-2020-sshot:hover {
    background-position: 50% 50%;
  }

  .link-block.view-example-link {
    display: none;
    margin-top: 0px;
    margin-left: -48px;
  }

  .link-block.link-projects-mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    margin-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .right-arrow {
    display: none;
  }

  .left-arrow {
    display: none;
  }

  .slide-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ebe8e8;
  }

  .type-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-81 {
    width: 68%;
  }

  .light-gray-2 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .text-highlight {
    width: 32%;
    padding: 20px 10px;
  }

  .type-col {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .light-gray-4 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .light-gray-3 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .gray-scale-block {
    width: 100%;
    height: 55px;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .light-gray {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .color-block {
    width: 100%;
    height: 55px;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .grayscale-parent {
    height: 55px;
  }

  .color-block-parent {
    width: 30%;
    margin-right: 3%;
  }

  .color-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .div-block-204 {
    -webkit-transform: skew(5deg, 1deg) scale(0.6);
    -ms-transform: skew(5deg, 1deg) scale(0.6);
    transform: skew(5deg, 1deg) scale(0.6);
  }

  .div-block-205 {
    width: 100vw;
  }

  .div-block-205.right-footer-2 {
    display: none;
  }

  .copyright-footer.copyright-mobile-home {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 3%;
    text-align: center;
  }

  .scroll-top-link1 {
    display: none;
  }

  .mobile-burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .nav {
    display: block;
    background-color: #000;
  }

  .nav-link-4 {
    display: none;
  }

  .nav-link-4.search {
    display: none;
  }

  .nav-link-4.bag {
    display: block;
  }

  .nav-link-4.logo {
    display: block;
  }

  .airpods-nav {
    display: block;
  }

  .iphone-nav-content {
    padding-right: 16px;
    padding-left: 16px;
  }

  .iphone-nav-title {
    font-size: 19px;
  }

  .iphone-nav-link {
    display: none;
  }

  .iphone-nav-link.w--current {
    display: none;
  }

  .lottie-animation-5 {
    width: 414px;
  }

  .lottie-animation-3 {
    width: 414px;
  }

  .lottie-animation-1 {
    max-width: 414px;
  }

  .lottie-animation-2 {
    width: 414px;
  }

  .lottie-animation-4 {
    width: 414px;
  }

  .scroll-sequence {
    display: block;
  }

  .hero-headline {
    font-size: 62px;
    line-height: 1.09;
  }

  .sticky-container {
    width: 87.5%;
  }

  .hero-bullet-text {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 41px;
  }

  .watch-the-film {
    font-size: 17px;
  }

  .hero-4 {
    display: block;
  }

  .tip.medium {
    width: 70px;
    font-size: 12px;
  }

  .tip.large {
    width: 70px;
    margin-left: 50px;
    font-size: 12px;
  }

  .tip.small {
    font-size: 12px;
  }

  .comfort-tips {
    padding-top: 180px;
    opacity: 1;
  }

  .section-eyebrow {
    font-size: 17px;
  }

  .section-headline {
    font-size: 56px;
  }

  .comfort {
    display: block;
  }

  .paragraph {
    max-width: 100%;
    margin-left: 0px;
  }

  .anc-continousley {
    display: none;
  }

  .transparency-paragraph {
    width: 100%;
    font-size: 17px;
  }

  .anc-intro-paragraph-text {
    margin-left: 0%;
    font-size: 22px;
  }

  .anc-bullets {
    max-width: 100%;
  }

  .anc-external-sound {
    display: none;
  }

  .anc-paragraph-right {
    margin-left: 0%;
  }

  .anc {
    display: block;
  }

  .anc-internal-mic {
    display: block;
  }

  .anc-external-mic {
    display: block;
  }

  .site-map {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-wrapper {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .side-nav {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
  }

  .title-wrapper {
    display: none;
  }

  .title-section {
    margin-top: 30%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .intro-2 {
    line-height: 1.4em;
    text-align: left;
  }

  .author-2 {
    display: none;
    font-size: 2em;
  }

  .intro-wrapper {
    max-width: 100%;
  }

  .title {
    margin-right: -50px;
    margin-left: -50px;
    font-size: 2.5em;
  }

  .title.mobile {
    display: block;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    color: rgba(75, 168, 113, 0.32);
    font-size: 2em;
    line-height: 1.4em;
    text-align: left;
  }

  .my-container {
    padding-top: 50px;
  }

  .text-wrapper {
    max-width: 100%;
  }

  .chapter-number {
    position: static;
    font-size: 1.55em;
  }

  .chapter-heading {
    font-size: 1.5em;
  }

  .large-numbers-mobile {
    display: block;
    margin-top: -80px;
    margin-right: -20px;
  }

  .number-wrapper {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .footer-3 {
    margin: 50px auto 40px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .footer-text-wrapper {
    padding-top: 0px;
  }

  .footer-text-sentence {
    margin-bottom: 60px;
  }

  .footer-text {
    margin-bottom: 20px;
    font-size: 1.25em;
  }

  .nav-bar-wrapper {
    overflow: hidden;
  }

  .nav-link-b-home.free-consultation-wrap-link {
    display: none;
  }

  .blog-title-center {
    margin-bottom: 0px;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #e7e1e1;
  }

  .nav-link-5 {
    text-align: right;
  }

  .trends2020-example-wrap {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .exmpl-img1 {
    -o-object-fit: fill;
    object-fit: fill;
  }

  .left {
    min-width: 0px;
  }

  .content-4 {
    width: 100%;
  }

  .right {
    min-width: 0px;
  }

  .background-image {
    max-width: 1000%;
  }

  .social {
    display: none;
  }

  .big-links-otypo {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    font-size: 4.6em;
    line-height: 1em;
  }

  .footer-4 {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }

  .footer-bar {
    margin-bottom: 40px;
  }

  .slider_bg_gradient {
    z-index: -1;
  }

  .heading-44 {
    font-size: 5em;
  }

  .social-links-wrap {
    bottom: 6%;
  }

  .project-description {
    display: none;
  }

  .button-social-media {
    margin-right: 0px;
    font-size: 12px;
  }

  .line-button {
    display: block;
  }

  .project-type {
    display: none;
    width: 360px;
  }

  .image-82 {
    width: 65px;
  }

  .title-2 {
    margin-top: -9px;
    margin-left: 7px;
    font-size: 20px;
    line-height: 24px;
  }

  .heading-45 {
    font-size: 20px;
    line-height: 24px;
  }

  .heading-45.projectname {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 30px;
  }

  .small-button {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .title-font-2 {
    margin-top: -10px;
    font-size: 20px;
    line-height: 24px;
  }

  .sticky-nav {
    padding: 0px;
  }

  .nav-grid {
    grid-auto-flow: row;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 100px;
    grid-template-rows: 100px;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link-8 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #c4c4c4;
  }

  .text-block-70-copy {
    font-size: 2em;
  }

  .image-85 {
    width: 155px;
  }

  .typed-wrapper-2 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 100vh;
    margin: auto 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: transparent;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
  }

  .typedwithcursor2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 100vh;
    margin-top: 10%;
    margin-bottom: 10%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
  }

  .pp123 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 100vh;
    margin-top: 10%;
    margin-bottom: 10%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
  }

  .subline {
    font-size: 10px;
  }

  .form-block-6 {
    min-width: auto;
  }

  .submit-wrapper {
    bottom: -29%;
  }

  .db {
    display: inline;
  }

  .db.mobile-db {
    display: block;
  }

  .swiper-nav-btn.next {
    right: 5%;
  }

  .swiper-nav-btn.prev {
    left: 5%;
  }

  .swiper-slide {
    height: 65vh;
  }

  .nav-item-list.is--main-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}

#w-node-_1ca0d57f-a109-f8f7-4f87-1493c90ca29c-fb5df3d2 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_1ca0d57f-a109-f8f7-4f87-1493c90ca2b0-fb5df3d2 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef2b-c0e3ef2a {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef2e-c0e3ef2a {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef32-c0e3ef2a {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef37-c0e3ef2a {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_510b7bde-d57d-570c-2614-1561973af9ac-00f7ebf4 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_510b7bde-d57d-570c-2614-1561973af9ad-00f7ebf4 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_0a8e4388-7777-321e-68de-40d36542e160-00f7ebf4 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_0a8e4388-7777-321e-68de-40d36542e165-00f7ebf4 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_0a8e4388-7777-321e-68de-40d36542e16a-00f7ebf4 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_0a8e4388-7777-321e-68de-40d36542e16f-00f7ebf4 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f209-00f7ebf4 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 3;
  grid-column-end: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 6;
  grid-row-end: 7;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f20a-00f7ebf4 {
  -ms-grid-column: 8;
  grid-column-start: 8;
  -ms-grid-column-span: 3;
  grid-column-end: 11;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-row-span: 5;
  grid-row-end: 9;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f20b-00f7ebf4 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 5;
  grid-row-end: 6;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f20c-00f7ebf4 {
  -ms-grid-column: 8;
  grid-column-start: 8;
  -ms-grid-column-span: 3;
  grid-column-end: 11;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 5;
  grid-row-end: 8;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f20d-00f7ebf4 {
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-column-span: 3;
  grid-column-end: 10;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-row-span: 5;
  grid-row-end: 9;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f20e-00f7ebf4 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 3;
  grid-column-end: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 5;
  grid-row-end: 6;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f20f-00f7ebf4 {
  -ms-grid-column: 9;
  grid-column-start: 9;
  -ms-grid-column-span: 3;
  grid-column-end: 12;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 5;
  grid-row-end: 6;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f210-00f7ebf4 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 3;
  grid-column-end: 6;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 5;
  grid-row-end: 7;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f211-00f7ebf4 {
  -ms-grid-column: 10;
  grid-column-start: 10;
  -ms-grid-column-span: 3;
  grid-column-end: 13;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-row-span: 5;
  grid-row-end: 9;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f212-00f7ebf4 {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-column-span: 3;
  grid-column-end: 7;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 5;
  grid-row-end: 7;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f213-00f7ebf4 {
  -ms-grid-column: 8;
  grid-column-start: 8;
  -ms-grid-column-span: 3;
  grid-column-end: 11;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 5;
  grid-row-end: 7;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f214-00f7ebf4 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 3;
  grid-column-end: 6;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-row-span: 5;
  grid-row-end: 9;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f215-00f7ebf4 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 3;
  grid-column-end: 6;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-row-span: 5;
  grid-row-end: 9;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_1b7adf46-ede9-709d-a7b2-19803801f216-00f7ebf4 {
  -ms-grid-column: 8;
  grid-column-start: 8;
  -ms-grid-column-span: 3;
  grid-column-end: 11;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 5;
  grid-row-end: 7;
}

#w-node-b80e8ec2-b7db-db00-20f0-ef57a58f7b0d-00f7ebf4 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-bcb45bc4-d402-73f5-68a7-555e60672b15-89d3ce9c {
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_18d6c0bb-86d9-10f7-d116-f540c5a77801-89d3ce9c {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_7f200d51-8a92-b286-2bc6-359a922110ab-89d3ce9c {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_77b7736d-b526-0397-d225-764cc701c6ce-71c8ca15 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_2f2b0729-bca4-14d7-4f43-e1d503e70906-ba160555 {
  -ms-grid-column-align: start;
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_0a8e4388-7777-321e-68de-40d36542e160-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-row-align: center;
    align-self: center;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f209-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 5;
    grid-column-end: 7;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 5;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20a-00f7ebf4 {
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-column-span: 5;
    grid-column-end: 13;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 5;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20b-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 5;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20c-00f7ebf4 {
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-column-span: 5;
    grid-column-end: 13;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 5;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20d-00f7ebf4 {
    -ms-grid-column: 7;
    grid-column-start: 7;
    -ms-grid-column-span: 5;
    grid-column-end: 12;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 5;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20e-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 5;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20f-00f7ebf4 {
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-column-span: 5;
    grid-column-end: 13;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 5;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f210-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 5;
    grid-column-end: 7;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 5;
    grid-row-end: 7;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f211-00f7ebf4 {
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-column-span: 5;
    grid-column-end: 13;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 5;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f212-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 5;
    grid-column-end: 7;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 5;
    grid-row-end: 7;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f213-00f7ebf4 {
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-column-span: 5;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 5;
    grid-row-end: 7;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f214-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 5;
    grid-column-end: 7;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 5;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f215-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 5;
    grid-column-end: 7;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 5;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f216-00f7ebf4 {
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-column-span: 5;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 5;
    grid-row-end: 7;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef2e-c0e3ef2a {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef32-c0e3ef2a {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef37-c0e3ef2a {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1ca0d57f-a109-f8f7-4f87-1493c90ca2b0-fb5df3d2 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-_1ca0d57f-a109-f8f7-4f87-1493c90ca2c4-fb5df3d2 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef2b-c0e3ef2a {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }

  #w-node-_14f71dd9-3665-cbd6-1685-71c6c0e3ef2e-c0e3ef2a {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f209-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 8;
    grid-column-end: 10;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 4;
    grid-row-end: 5;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20a-00f7ebf4 {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 8;
    grid-column-end: 13;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-row-span: 4;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20b-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 8;
    grid-column-end: 9;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-row-span: 4;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20c-00f7ebf4 {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 8;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 4;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20d-00f7ebf4 {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-column-span: 8;
    grid-column-end: 12;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 4;
    grid-row-end: 8;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20e-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 8;
    grid-column-end: 9;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 4;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f20f-00f7ebf4 {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 8;
    grid-column-end: 13;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 4;
    grid-row-end: 5;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f210-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 8;
    grid-column-end: 10;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 4;
    grid-row-end: 7;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f211-00f7ebf4 {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 8;
    grid-column-end: 13;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-row-span: 4;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f212-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 7;
    grid-column-end: 8;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 4;
    grid-row-end: 7;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f213-00f7ebf4 {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 7;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 4;
    grid-row-end: 6;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f214-00f7ebf4 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 8;
    grid-column-end: 10;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-row-span: 4;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f215-00f7ebf4 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 7;
    grid-column-end: 8;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-row-span: 4;
    grid-row-end: 9;
  }

  #w-node-_1b7adf46-ede9-709d-a7b2-19803801f216-00f7ebf4 {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 8;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 4;
    grid-row-end: 6;
  }

  #w-node-_2f2b0729-bca4-14d7-4f43-e1d503e70906-ba160555 {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

@font-face {
  font-family: 'Basiersquare webfont';
  src: url('../fonts/basiersquare-bold-webfont.woff2') format('woff2'), url('../fonts/basiersquare-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Basiersquare webfont';
  src: url('../fonts/basiersquare-medium-webfont.woff2') format('woff2'), url('../fonts/basiersquare-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Basiersquare webfont';
  src: url('../fonts/basiersquare-regular-webfont.woff2') format('woff2'), url('../fonts/basiersquare-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Basiersquare webfont';
  src: url('../fonts/basiersquare-semibold-webfont.woff2') format('woff2'), url('../fonts/basiersquare-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa 300';
  src: url('../fonts/fa-light-300.woff2') format('woff2'), url('../fonts/fa-light-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Trump gothic east';
  src: url('../fonts/trump_gothic_east_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica now';
  src: url('../fonts/HelveticaNowDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica now';
  src: url('../fonts/HelveticaNowDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Akzidenzgrotesk';
  src: url('../fonts/AkzidenzGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Akzidenzgrotesk';
  src: url('../fonts/AkzidenzGrotesk-MediumExtended.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Akzidenzgrotesk';
  src: url('../fonts/AkzidenzGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Akzidenzgrotesk';
  src: url('../fonts/AkzidenzGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Messapia';
  src: url('../fonts/Messapia-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}