[class*=" w-icon-"], [class^=w-icon-] {
  font-family: webflow-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.w-icon-slider-right:before {
  content: "\e600"
}

.w-icon-slider-left:before {
  content: "\e601"
}

.w-icon-nav-menu:before {
  content: "\e602"
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "\e603"
}

.w-icon-file-upload-remove:before {
  content: "\e900"
}

.w-icon-file-upload-icon:before {
  content: "\e903"
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

html.w-mod-touch * {
  background-attachment: scroll !important
}

.w-block {
  display: block
}

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

.w-clearfix:after, .w-clearfix:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-clearfix:after {
  clear: both
}

.w-hidden {
  display: none
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898ec;
  color: #fff;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0
}

input.w-button {
  -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important
}

.w-webflow-badge, .w-webflow-badge * {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  visibility: visible;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
  border: 0 transparent;
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
  opacity: 1;
  transform: none;
  transition: none;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  list-style-type: disc;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal
}

.w-webflow-badge {
  position: fixed !important;
  display: inline-block !important;
  visibility: visible !important;
  z-index: 2147483647 !important;
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  color: #aaadb0 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 12px !important;
  opacity: 1 !important;
  line-height: 14px !important;
  text-decoration: none !important;
  transform: none !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
  cursor: pointer
}

.w-webflow-badge>img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important
}

blockquote {
  margin: 0 0 10px;
  padding: 10px 20px;
  border-left: 5px solid #e2e2e2;
  font-size: 18px;
  line-height: 22px
}

figure {
  margin: 0 0 10px
}

figcaption {
  margin-top: 5px;
  text-align: center
}

ol, ul {
  margin-top: 0;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none
}

.w-embed:after, .w-embed:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-embed:after {
  clear: both
}

.w-video {
  width: 100%;
  position: relative;
  padding: 0
}

.w-video embed, .w-video iframe, .w-video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0
}

[type=button], [type=reset], button {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button
}

.w-form {
  margin: 0 0 15px
}

.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #ddd
}

.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: 700
}

.w-input, .w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc
}

.w-input:-moz-placeholder, .w-select:-moz-placeholder {
  color: #999
}

.w-input::-moz-placeholder, .w-select::-moz-placeholder {
  color: #999;
  opacity: 1
}

.w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder {
  color: #999
}

.w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder {
  color: #999
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0
}

.w-input[disabled], .w-input[readonly], .w-select[disabled], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[disabled]:not(.w-input-disabled), .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee
}

textarea.w-input, textarea.w-select {
  height: auto
}

.w-select {
  background-color: #f3f3f3
}

.w-select[multiple] {
  height: auto
}

.w-form-label {
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0
}

.w-radio {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px
}

.w-radio:after, .w-radio:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-radio:after {
  clear: both
}

.w-radio-input {
  margin: 3px 0 0 -20px;
  line-height: normal;
  float: left
}

.w-file-upload {
  display: block;
  margin-bottom: 10px
}

.w-file-upload-input {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -100
}

.w-file-upload-default, .w-file-upload-success, .w-file-upload-uploading {
  display: inline-block;
  color: #333
}

.w-file-upload-error {
  display: block;
  margin-top: 10px
}

.w-file-upload-default.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden, .w-file-upload-uploading.w-hidden {
  display: none
}

.w-file-upload-uploading-btn {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #ccc;
  background-color: #fafafa
}

.w-file-upload-file {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  border: 1px solid #ccc;
  background-color: #fafafa
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: 400;
  display: block
}

.w-file-remove-link {
  margin-top: 3px;
  margin-left: 10px;
  width: auto;
  height: auto;
  padding: 3px;
  display: block;
  cursor: pointer
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px
}

.w-file-upload-error-msg {
  display: inline-block;
  color: #ea384c;
  padding: 2px 0
}

.w-file-upload-info {
  display: inline-block;
  line-height: 38px;
  padding: 0 12px
}

.w-file-upload-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #ccc;
  background-color: #fafafa
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  display: inline-block;
  margin-right: 8px;
  width: 20px
}

.w-icon-file-upload-uploading {
  height: 20px
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px
}

.w-container:after, .w-container:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-container:after {
  clear: both
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px
}

.w-row:after, .w-row:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-row:after {
  clear: both
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0
}

.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0
}

.w-col-1 {
  width: 8.33333333%
}

.w-col-2 {
  width: 16.66666667%
}

.w-col-3 {
  width: 25%
}

.w-col-4 {
  width: 33.33333333%
}

.w-col-5 {
  width: 41.66666667%
}

.w-col-6 {
  width: 50%
}

.w-col-7 {
  width: 58.33333333%
}

.w-col-8 {
  width: 66.66666667%
}

.w-col-9 {
  width: 75%
}

.w-col-10 {
  width: 83.33333333%
}

.w-col-11 {
  width: 91.66666667%
}

.w-col-12 {
  width: 100%
}

.w-hidden-main {
  display: none !important
}

@media screen and (max-width:991px) {
  .w-container {
    max-width: 728px
  }

  .w-hidden-main {
    display: inherit !important
  }

  .w-hidden-medium {
    display: none !important
  }

  .w-col-medium-1 {
    width: 8.33333333%
  }

  .w-col-medium-2 {
    width: 16.66666667%
  }

  .w-col-medium-3 {
    width: 25%
  }

  .w-col-medium-4 {
    width: 33.33333333%
  }

  .w-col-medium-5 {
    width: 41.66666667%
  }

  .w-col-medium-6 {
    width: 50%
  }

  .w-col-medium-7 {
    width: 58.33333333%
  }

  .w-col-medium-8 {
    width: 66.66666667%
  }

  .w-col-medium-9 {
    width: 75%
  }

  .w-col-medium-10 {
    width: 83.33333333%
  }

  .w-col-medium-11 {
    width: 91.66666667%
  }

  .w-col-medium-12 {
    width: 100%
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto
  }
}

@media screen and (max-width:767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important
  }

  .w-hidden-small {
    display: none !important
  }

  .w-container .w-row, .w-row {
    margin-left: 0;
    margin-right: 0
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto
  }

  .w-col-small-1 {
    width: 8.33333333%
  }

  .w-col-small-2 {
    width: 16.66666667%
  }

  .w-col-small-3 {
    width: 25%
  }

  .w-col-small-4 {
    width: 33.33333333%
  }

  .w-col-small-5 {
    width: 41.66666667%
  }

  .w-col-small-6 {
    width: 50%
  }

  .w-col-small-7 {
    width: 58.33333333%
  }

  .w-col-small-8 {
    width: 66.66666667%
  }

  .w-col-small-9 {
    width: 75%
  }

  .w-col-small-10 {
    width: 83.33333333%
  }

  .w-col-small-11 {
    width: 91.66666667%
  }

  .w-col-small-12 {
    width: 100%
  }
}

@media screen and (max-width:479px) {
  .w-container {
    max-width: none
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important
  }

  .w-hidden-tiny {
    display: none !important
  }

  .w-col {
    width: 100%
  }

  .w-col-tiny-1 {
    width: 8.33333333%
  }

  .w-col-tiny-2 {
    width: 16.66666667%
  }

  .w-col-tiny-3 {
    width: 25%
  }

  .w-col-tiny-4 {
    width: 33.33333333%
  }

  .w-col-tiny-5 {
    width: 41.66666667%
  }

  .w-col-tiny-6 {
    width: 50%
  }

  .w-col-tiny-7 {
    width: 58.33333333%
  }

  .w-col-tiny-8 {
    width: 66.66666667%
  }

  .w-col-tiny-9 {
    width: 75%
  }

  .w-col-tiny-10 {
    width: 83.33333333%
  }

  .w-col-tiny-11 {
    width: 91.66666667%
  }

  .w-col-tiny-12 {
    width: 100%
  }
}

.w-widget {
  position: relative
}

.w-widget-map {
  width: 100%;
  height: 400px
}

.w-widget-map label {
  width: auto;
  display: inline
}

.w-widget-map img {
  max-width: inherit
}

.w-widget-map .gm-style-iw {
  text-align: center
}

.w-widget-map .gm-style-iw>button {
  display: none !important
}

.w-widget-twitter {
  overflow: hidden
}

.w-widget-twitter-count-shim {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  position: relative;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  color: #999;
  font-family: serif
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  position: relative;
  display: block
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):after, .w-widget-twitter-count-shim:not(.w--vertical):before {
  top: 50%;
  left: 0;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-color: rgba(117, 134, 150, 0);
  border-right-color: #5d6c7b;
  border-width: 4px;
  margin-left: -9px;
  margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-left: -10px;
  margin-top: -5px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 4px;
  margin-left: -8px;
  margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-left: -9px;
  margin-top: -5px
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:after, .w-widget-twitter-count-shim.w--vertical:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-color: rgba(117, 134, 150, 0);
  border-top-color: #5d6c7b;
  border-width: 5px;
  margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px
}

.w-background-video {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: #fff
}

.w-background-video>video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none
}

.w-background-video--control {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: transparent;
  padding: 0
}

.w-background-video--control>[hidden] {
  display: none !important
}

.w-slider {
  position: relative;
  height: 300px;
  text-align: center;
  background: #ddd;
  clear: both;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: rgba(0, 0, 0, 0)
}

.w-slider-mask {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  white-space: nowrap
}

.w-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left
}

.w-slider-nav {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: rgba(0, 0, 0, 0)
}

.w-slider-nav.w-round>div {
  border-radius: 100%
}

.w-slider-nav.w-num>div {
  width: auto;
  height: auto;
  padding: .2em .5em;
  font-size: inherit;
  line-height: inherit
}

.w-slider-nav.w-shadow>div {
  box-shadow: 0 0 3px rgba(51, 51, 51, .4)
}

.w-slider-nav-invert {
  color: #fff
}

.w-slider-nav-invert>div {
  background-color: rgba(34, 34, 34, .4)
}

.w-slider-nav-invert>div.w-active {
  background-color: #222
}

.w-slider-dot {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: rgba(255, 255, 255, .4);
  cursor: pointer;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s
}

.w-slider-dot.w-active {
  background-color: #fff
}

.w-slider-dot:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
  box-shadow: none
}

.w-slider-arrow-left, .w-slider-arrow-right {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
  font-size: 40px;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class*=' w-icon-'], .w-slider-arrow-right [class^=w-icon-] {
  position: absolute
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto
}

.w-icon-slider-left, .w-icon-slider-right {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1em;
  height: 1em
}

.w-slider-aria-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.w-slider-force-show {
  display: block !important
}

.w-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900
}

.w-dropdown-btn, .w-dropdown-link, .w-dropdown-toggle {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-right: 40px
}

.w-dropdown-toggle:focus {
  outline: 0
}

.w-icon-dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 20px auto auto;
  width: 1em;
  height: 1em
}

.w-dropdown-list {
  position: absolute;
  background: #ddd;
  display: none;
  min-width: 100%
}

.w-dropdown-list.w--open {
  display: block
}

.w-dropdown-link {
  padding: 10px 20px;
  display: block;
  color: #222
}

.w-dropdown-link.w--current {
  color: #0082f3
}

.w-dropdown-link:focus {
  outline: 0
}

@media screen and (max-width:767px) {
  .w-nav-brand {
    padding-left: 10px
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  font-style: normal;
  font-variant: normal;
  letter-spacing: normal;
  list-style: disc;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  background: rgba(0, 0, 0, .9);
  z-index: 2000;
  outline: 0;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate(0, 0)
}

.w-lightbox-backdrop, .w-lightbox-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.w-lightbox-content {
  position: relative;
  height: 100vh;
  overflow: hidden
}

.w-lightbox-view {
  position: absolute;
  width: 100vw;
  height: 100vh;
  opacity: 0
}

.w-lightbox-view:before {
  content: "";
  height: 100vh
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh
}

.w-lightbox-frame, .w-lightbox-view:before {
  display: inline-block;
  vertical-align: middle
}

.w-lightbox-figure {
  position: relative;
  margin: 0
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer
}

.w-lightbox-img {
  width: auto;
  height: auto;
  max-width: none
}

.w-lightbox-image {
  display: block;
  float: none;
  max-width: 100vw;
  max-height: 100vh
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh
}

.w-lightbox-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .5em 1em;
  background: rgba(0, 0, 0, .4);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.w-lightbox-embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.w-lightbox-control {
  position: absolute;
  top: 0;
  width: 4em;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s
}

.w-lightbox-left {
  display: none;
  bottom: 0;
  left: 0;
  background-image: url("../fonts/c0114cebb06143bd9c83cb2f6b8e25ec.woff")
}

.w-lightbox-right {
  display: none;
  right: 0;
  bottom: 0;
  background-image: url("../fonts/fb92692eb5f84d6b89bd3698c9d09d09.woff")
}

.w-lightbox-close {
  right: 0;
  height: 2.6em;
  background-image: url("../fonts/3be246855a58477fb9601f482512ec4b.woff");
  background-size: 18px
}

.w-lightbox-strip {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1vh;
  line-height: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden
}

.w-lightbox-item {
  display: inline-block;
  width: 10vh;
  padding: 2vh 1vh;
  box-sizing: content-box;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0)
}

.w-lightbox-active {
  opacity: .3
}

.w-lightbox-thumbnail {
  position: relative;
  height: 10vh;
  background: #222;
  overflow: hidden
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.w-lightbox-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  -webkit-animation: .8s linear infinite spin;
  animation: .8s linear infinite spin
}

.w-lightbox-spinner:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%
}

.w-lightbox-hide {
  display: none
}

.w-lightbox-noscroll {
  overflow: hidden
}

@media (min-width:768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh
  }

  .w-lightbox-left, .w-lightbox-right {
    display: block;
    opacity: .5
  }

  .w-lightbox-close {
    opacity: .8
  }

  .w-lightbox-control:hover {
    opacity: 1
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0
}

.w-richtext:after, .w-richtext:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-richtext:after {
  clear: both
}

.w-richtext[contenteditable=true]:after, .w-richtext[contenteditable=true]:before {
  white-space: initial
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after {
  outline: #2895f7 solid 2px
}

.w-richtext figure.w-richtext-figure-type-video>div:after, .w-richtext figure[data-rt-type=video]>div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.w-richtext figure {
  position: relative;
  max-width: 60%
}

.w-richtext figure>div:before {
  cursor: default !important
}

.w-richtext figure img {
  width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6
}

.w-richtext figure div {
  font-size: 0px;
  color: transparent
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] {
  display: table
}

.w-richtext figure.w-richtext-figure-type-image>div, .w-richtext figure[data-rt-type=image]>div {
  display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption, .w-richtext figure[data-rt-type=image]>figcaption {
  display: table-caption;
  caption-side: bottom
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
  width: 60%;
  height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.w-richtext figure.w-richtext-figure-type-video>div, .w-richtext figure[data-rt-type=video]>div {
  width: 100%
}

.w-richtext figure.w-richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, .w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
  max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
  clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto
}

.w-richtext figure.w-richtext-align-fullwidth>div {
  display: inline-block;
  padding-bottom: inherit
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none
}

.w-nav {
  position: relative;
  background: #ddd;
  z-index: 1000
}

.w-nav:after, .w-nav:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-nav:after {
  clear: both
}

.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333
}

.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto
}

.w-nav-link.w--current {
  color: #0082f3
}

.w-nav-menu {
  position: relative;
  float: right
}

[data-nav-menu-open] {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #c8c8c8;
  text-align: center;
  overflow: visible;
  min-width: 200px
}

.w--nav-link-open {
  display: block;
  position: relative
}

.w-nav-overlay {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] {
  right: auto;
  z-index: 1;
  top: 0
}

.w-nav[data-animation=over-right] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] {
  left: auto;
  z-index: 1;
  top: 0
}

.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w-nav-button:focus {
  outline: 0
}

.w-nav-button.w--open {
  background-color: #c8c8c8;
  color: #fff
}

.w-nav[data-collapse=all] .w-nav-menu {
  display: none
}

.w--nav-dropdown-open, .w--nav-dropdown-toggle-open, .w-nav[data-collapse=all] .w-nav-button {
  display: block
}

.w--nav-dropdown-list-open {
  position: static
}

@media screen and (max-width:991px) {
  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block
  }
}

@media screen and (max-width:767px) {
  .w-nav[data-collapse=small] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block
  }

  .w-nav-brand {
    padding-left: 10px
  }
}

.w-tabs {
  position: relative
}

.w-tabs:after, .w-tabs:before {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2
}

.w-tabs:after {
  clear: both
}

.w-tab-menu {
  position: relative
}

.w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd
}

.w-tab-link.w--current {
  background-color: #c8c8c8
}

.w-tab-link:focus {
  outline: 0
}

.w-tab-content {
  position: relative;
  display: block;
  overflow: hidden
}

.w-tab-pane {
  position: relative;
  display: none
}

.w--tab-active {
  display: block
}

@media screen and (max-width:479px) {
  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=tiny] .w-nav-button, .w-tab-link {
    display: block
  }
}

.w-ix-emptyfix:after {
  content: ""
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.w-dyn-empty {
  padding: 10px;
  background-color: #ddd
}

.w-condition-invisible, .w-dyn-bind-empty, .w-dyn-hide {
  display: none !important
}

.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
}

.w-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  background-color: #f5f5f5
}

.w-commerce-commercelayoutcontainer {
  display: flex;
  align-items: flex-start;
  justify-content: center
}

.w-commerce-commercelayoutmain {
  flex-basis: 800px;
  flex-grow: 0;
  flex-shrink: 1;
  margin-right: 20px
}

.w-commerce-commercecartapplepaybutton {
  background-color: #000;
  border-radius: 2px;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 8px;
  height: 38px;
  min-height: 30px
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px
}

.w-commerce-commercecartquickcheckoutbutton {
  background-color: #000;
  border-radius: 2px;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  justify-content: center;
  margin-bottom: 8px;
  height: 38px
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  display: block;
  margin-right: 8px
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutblockheader {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #e6e6e6;
  background-color: #fff
}

.w-commerce-commercecheckoutblockcontent {
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  background-color: #fff
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px
}

.w-commerce-commercecheckoutemailinput {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutemailinput::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutshippingfullname {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingfullname::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingstreetaddress {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingstreetaddress::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutrow {
  display: flex;
  margin-right: -8px;
  margin-left: -8px
}

.w-commerce-commercecheckoutcolumn {
  padding-right: 8px;
  padding-left: 8px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%
}

.w-commerce-commercecheckoutshippingcity {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingcity::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingstateprovince {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingstateprovince::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingzippostalcode {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingzippostalcode::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingcountryselector {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutshippingcountryselector::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6
}

.w-commerce-commercecheckoutshippingmethoditem {
  padding: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  background-color: #fff;
  align-items: baseline
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.w-commerce-commerceboldtextblock {
  font-weight: 700
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  padding: 64px 16px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutcardnumber {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text
}

.w-commerce-commercecheckoutcardnumber::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardnumber.-wfp-focus, .w-commerce-commercecheckoutcardnumber:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutcardexpirationdate {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text
}

.w-commerce-commercecheckoutcardexpirationdate::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus, .w-commerce-commercecheckoutcardexpirationdate:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutcardsecuritycode {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text
}

.w-commerce-commercecheckoutcardsecuritycode::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999
}

.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus, .w-commerce-commercecheckoutcardsecuritycode:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  display: flex;
  flex-direction: row
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  font-weight: 400;
  margin-left: 8px
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px
}

.w-commerce-commercecheckoutbillingfullname {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingfullname::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingstreetaddress {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingstreetaddress::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingcity {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingcity::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingstateprovince {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingstateprovince::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingzippostalcode {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingzippostalcode::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutbillingcountryselector {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.w-commerce-commercecheckoutbillingcountryselector::-moz-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutsummaryblockheader {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-style: solid;
  border-width: 1px;
  border-left: 1px solid #e6e6e6;
  background-color: #fff
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  margin-left: 16px;
  margin-right: 16px;
  flex-grow: 1
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  display: flex;
  white-space: pre-wrap
}

.w-commerce-commercecheckoutorderitemoptionlist {
  text-decoration: none;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.w-commerce-commercelayoutsidebar {
  flex-basis: 320px;
  flex-grow: 0;
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutordersummaryextraitemslistitem, .w-commerce-commercecheckoutsummarylineitem {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
  justify-content: space-between
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700
}

.w-commerce-commercecheckoutplaceorderbutton {
  background-color: #3898ec;
  border-radius: 3px;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 20px;
  text-align: center
}

.w-commerce-commercecheckouterrorstate {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
  background-color: #ffdede
}

.w-commerce-commerceorderconfirmationcontainer {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  background-color: #f5f5f5
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em
}

.w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px
}

.w-commerce-commercepaypalcheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  background-color: #f5f5f5
}

.w-commerce-commercepaypalcheckouterrorstate {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
  background-color: #ffdede
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal
}

.w-checkbox-input--inputType-custom {
  border-width: 1px;
  border-color: #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-style: solid;
  width: 12px;
  height: 12px;
  border-radius: 2px
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-color: #3898ec;
  background-image: url(../fonts/custom-checkbox-checkmark.589d534424.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec
}

@media screen and (max-width:767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch
  }

  .w-commerce-commercelayoutmain {
    margin-right: 0;
    flex-basis: auto
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto
  }
}

@media screen and (max-width:479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column
  }

  .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode {
    font-size: 16px
  }
}

.paragraph {
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.4em;
  font-weight: 400
}

.paragraph.is--hero {
  text-align: right
}

.paragraph.is--hero.is--white {
  color: #000;
  font-size: 2.2rem;
  line-height: 1.5em;
  text-align: center
}

.paragraph.is--intro.split-text {
  font-size: 1.3rem;
  letter-spacing: 0
}

.paragraph.is--small {
  color: #000;
  font-size: 1.2rem
}

.paragraph.is--small.is--center {
  text-align: center
}

.paragraph.is--small.is--white {
  color: #fff
}

.paragraph.is--small.is--white.is--margin-top-15 {
  margin-top: 13px;
  line-height: 1.6em
}

.paragraph.is--small.is--white.is--center.is--margin-top {
  max-width: 90%;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto
}

.paragraph.is--intro-services.is--feat {
  max-width: 100%;
  margin-top: -14px;
  margin-bottom: 25px;
  font-size: 1.2rem;
  line-height: 1.5em
}

.paragraph.is--intro-services.is--feat.is--white {
  color: #fff
}

.horizontal-trigger {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto
}

.button-small {
  position: relative;
  overflow: hidden;
  padding: 2px 10px 0;
  border-radius: 100vw;
  background-color: rgba(221, 255, 85, 0);
  text-decoration: none
}

.background-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.slide-base {
  margin-right: 60px
}

.footer-grid {
  display: -ms-grid;
  display: grid;
  padding-bottom: 36px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 2fr 3.5fr 2fr;
  grid-template-columns: 2fr 3.5fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.footer-navigation {
  display: -ms-grid;
  display: grid;
  padding-right: 21px;
  justify-content: space-between;
  justify-items: end;
  align-items: start;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.subtitle {
  color: #667479;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: 300;
  letter-spacing: 4px;
  text-transform: uppercase
}

.subtitle.small {
  font-size: 11px;
  letter-spacing: 3px
}

.subtitle.small.light {
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0
}

.legal-text {
  display: -ms-grid;
  display: grid;
  justify-content: end;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  opacity: .8;
  color: #fff;
  font-size: 9px;
  letter-spacing: 4px;
  text-transform: uppercase
}

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

.button-text {
  font-family: Nuckle, sans-serif;
  font-size: 1.5em;
  letter-spacing: 0;
  text-transform: none
}

.footer-content {
  display: -ms-grid;
  display: grid;
  min-height: 300px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 22px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto
}

.footer-bottom {
  display: -ms-grid;
  display: grid;
  padding-top: 0;
  padding-bottom: 10px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-top: 1px hsla(0, 0%, 100%, .2)
}

.footer-link {
  display: -ms-grid;
  display: grid;
  justify-content: start;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #fff;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: 4px;
  text-decoration: none;
  text-transform: uppercase
}

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

.grid-wrapper {
  position: relative;
  z-index: 25;
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.button-text-wrapper {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  cursor: pointer
}

.footer__wrapper {
  position: relative;
  z-index: 10;
  display: flex;
  padding-top: 160px;
  padding-bottom: 160px;
  justify-content: center
}

.footer__wrapper.no-bottom-padding {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  padding-top: 5em;
  padding-bottom: 0;
  background-color: #000
}

.form__content__wrapper {
  display: flex;
  height: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 116px 50px 91px;
  justify-content: center;
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, .2);
  border-radius: 50%;
  background-color: transparent
}

.error__message {
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
  background-color: red;
  text-align: center
}

.form__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1
}

.grid__cell {
  color: #fff
}

.contact__form__container {
  max-width: 100%;
  padding-bottom: 0;
  flex: 1
}

.popup-toggle {
  text-decoration: none;
  cursor: pointer
}

.form__block {
  color: #fff
}

.button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center
}

.form {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto
}

.success__message {
  background-color: hsla(0, 0%, 86.7%, 0);
  font-family: Nuckle, sans-serif
}

.popup-close {
  position: absolute;
  left: auto;
  top: 1em;
  right: 2em;
  bottom: auto;
  z-index: 2;
  display: flex;
  width: 3.5em;
  height: 3.5em;
  justify-content: center;
  align-items: center;
  border-radius: 999em;
  background-color: #000;
  color: #000;
  cursor: pointer
}

.form__wrapper {
  margin-bottom: 21px
}

.popup-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .65)
}

.form__row__wrapper {
  display: -ms-grid;
  display: grid;
  margin-bottom: 0;
  padding-top: 14px;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 5px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  filter: invert(100%)
}

.menu__item {
  margin-bottom: 20px
}

.menu__item__link__wrapper {
  position: relative;
  display: flex
}

.fs-scrolldisable_button-visible {
  padding: 4em;
  border-radius: 500px;
  background-color: #5c2aff;
  color: #fff
}

.fs-scrolldisable_button-visible-2 {
  padding: .6rem 2rem;
  border-radius: 500px;
  background-color: #5c2aff;
  color: #fff
}

.social__icons__grid {
  display: none
}

.social__icons__grid.menu {
  filter: invert(100%);
  display: none;
  margin-top: 32px
}

.trigger {
  width: 100%;
  height: 100vh
}

.button-2 {
  padding: 12px 25px;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 30px;
  background-color: #3269ff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .19);
  transition: box-shadow .2s;
  text-transform: uppercase
}

.button-2:hover {
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .19);
  color: #fff
}

.form__field__heading-2 {
  margin-bottom: 0;
  padding-bottom: 13px;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  text-align: center
}

.checkbox__field-2 {
  position: relative;
  z-index: 55;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 9px 32px
}

.checkbox__field-2.is--hidden {
  display: flex
}

.submit-button-2 {
  margin-top: 4px;
  padding: 15px 57px;
  border-radius: 40px;
  background-color: #1c6bff;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.02em;
  text-transform: capitalize
}

.checkbox__text {
  position: relative;
  z-index: 3;
  display: flex;
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -.02em
}

.checkbox__text:active {
  border-color: #8b54c2;
  background-color: rgba(139, 84, 194, .1)
}

.contact__details-2 {
  display: flex;
  max-width: 60%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  flex-direction: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #fff
}

.form__text__field-2 {
  height: 45px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 1px solid #fff;
  border-radius: 100px;
  background-color: hsla(0, 0%, 100%, 0);
  opacity: 1;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-weight: 500;
  text-align: center;
  letter-spacing: -.03em
}

.form__text__field-2:active {
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff
}

.form__text__field-2:focus {
  border-style: solid;
  border-color: #fff;
  border-radius: 100px;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff
}

.form__text__field-2::-moz-placeholder {
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff
}

.form__text__field-2::-ms-input-placeholder {
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff
}

.form__text__field-2::placeholder {
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff
}

.contact__form__wrapper {
  display: flex;
  height: auto;
  padding-top: 8em;
  padding-bottom: 9.9em;
  justify-content: center;
  align-items: center
}

.checkbox {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  border-color: #fff;
  border-radius: 30px;
  font-family: Nuckle, sans-serif;
  color: #000;
  cursor: pointer
}

.checkbox.w--redirected-checked {
  border-color: #141414;
  background-color: #1c6bff;
  background-image: none;
  color: #fff
}

.contact__form {
  position: relative;
  z-index: 10;
  height: 100%;
  border-radius: 0;
  background-color: #000
}

.nav-menu-btn-close-icon {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #fff
}

.nav-menu-btn-close-icon._2 {
  position: absolute;
  background-color: #000;
  transform: rotate(-45deg)
}

.nav-menu-btn-close-icon._1 {
  background-color: #000;
  transform: rotate(45deg)
}

.menu__item__link__wrap {
  position: relative;
  display: flex
}

.text-block-13 {
  font-family: Nuckle, sans-serif
}

.feature__slide {
  width: 100%
}

.review__card {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  padding: 42px 42px 0;
  border: 2px #000;
  border-radius: 20px;
  background-color: #1c6bff;
  color: #fff
}

.link-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  padding-top: 11px;
  padding-bottom: 11px;
  align-items: center;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .1);
  color: #000;
  font-size: 20px;
  text-decoration: none
}

.p-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  perspective: 2000px
}

.divider-wrapper {
  overflow: hidden;
  width: 100%;
  height: 2px
}

.tab-link {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 9px;
  justify-content: center;
  align-items: center;
  border: 1px rgba(142, 147, 165, .15);
  border-radius: 100%;
  background-color: transparent
}

.tab-link.w--current {
  background-color: transparent
}

.faq-item {
  cursor: pointer
}

.underline-link {
  display: flex;
  padding-bottom: 0;
  align-items: center;
  grid-column-gap: 0.4rem;
  grid-row-gap: 0.4rem;
  border-bottom: 1px #1a1c24;
  color: #fff
}

.button-5 {
  display: flex;
  padding: .75rem 1.875rem;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #fff;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  text-align: center
}

.section-banner {
  position: relative
}

.preview-agenda-item {
  display: flex;
  margin-top: -2rem;
  padding: 4.5rem 2rem 2.5rem;
  flex-direction: column;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid #d3e5e9;
  border-radius: 1rem;
  background-color: #fff;
  outline-offset: 0px;
  outline: #d3e5e9 1px;
  cursor: pointer
}

.menu-button {
  position: fixed;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 991;
  width: 70px;
  height: 70px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 0;
  border-radius: 50%;
  background-color: hsla(0, 0%, 9%, .3);
  transition: background-color .3s
}

.menu-button:hover {
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, .06)
}

.menu-button:focus {
  background-color: hsla(0, 0%, 100%, .05)
}

.menu-button.w--open {
  background-color: #171717;
  color: #171717
}

.menu-button.w--open:hover {
  background-color: hsla(0, 0%, 100%, .08)
}

.menu-link {
  position: relative;
  display: flex;
  overflow: hidden;
  padding: 1em 0;
  border-bottom: 0 solid hsla(0, 0%, 97.3%, .2);
  transition: color .3s;
  color: hsla(0, 0%, 100%, .48)
}

.menu-link:hover {
  transform: translate(0, 0);
  color: #f8f8f8;
  text-decoration: none
}

.menu-link:focus {
  text-decoration: none
}

.menu-link.w--current {
  border-bottom-width: 0;
  color: #fff
}

.menu-link.w--current:hover {
  text-decoration: none
}

.nav__items {
  display: flex;
  align-items: center
}

.nav__link {
  padding-right: 34px;
  color: #fff;
  font-size: 20px;
  text-decoration: none
}

.nav__link.menu {
  padding-right: 34px;
  text-decoration: none
}

.nav__menu__button__line {
  position: relative;
  width: 100%;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #666;
  perspective-origin: 100% 50%;
  transform-origin: 100% 50%
}

.nav__menu__button__line.is--long {
  height: 4px;
  background-color: #fff
}

.nav__menu__button__line.is--short {
  width: 80%;
  height: 4px;
  background-color: #fff
}

.nav__menu__social__container {
  padding-bottom: 20px
}

.nav__content {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.nav__menu__links {
  flex: 1
}

.menu__item__number {
  position: absolute;
  display: none;
  margin-right: 20px
}

.nav__button {
  position: relative
}

.nav__menu__overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0)
}

.nav__menu__contain__info {
  margin-bottom: 10px
}

.nav-menu-overlay-bg {
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 100%;
  background-color: #000
}

.menu-item-text {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 45px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 1px
}

.menu-item-text.contact {
  padding: 0
}

.nav__menu__item {
  margin-bottom: 20px
}

.navigation__header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 99999999999;
  background-color: #000
}

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

.menu__item__text__nav {
  position: relative
}

.nav__menu__links__wrapper {
  display: inline-block
}

.nav__social__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.nav__wrapper {
  padding: 14px 2.5% 14px 1%
}

.menu__item__link__nav {
  color: #333;
  text-decoration: none
}

.nav__menu__button__icon {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center
}

.menu-item-number {
  color: #fff;
  font-size: .8em;
  font-weight: 200;
  letter-spacing: 1px
}

.nav__menu__button__icon__container {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: center
}

.nav__menu__button__icon__container.menu-opened {
  position: relative;
  height: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.nav__menu__button {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 5000px;
  background-color: #fff
}

.nav__menu__button.menu-opened {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: #fff
}

.nav__menu__button.default {
  position: relative;
  background-color: hsla(0, 0%, 100%, 0);
  color: #000
}

.link__menu {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 20px;
  text-decoration: none
}

.c-nav-menu-overlay-bg {
  position: absolute;
  left: auto;
  top: 40px;
  right: 2.5%;
  bottom: auto;
  display: flex;
  width: 45px;
  height: 45px;
  justify-content: center;
  align-items: center
}

.nav__contact__text {
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 2em;
  font-weight: 400;
  letter-spacing: 1px
}

.nav__contact__text.is--head {
  padding-bottom: 0;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 600
}

.nav__menu__content {
  position: relative;
  z-index: 1000;
  display: flex;
  width: 70%;
  max-width: 1200px;
  margin-top: 0
}

.nav__logo__wrapper {
  position: relative;
  z-index: 5001
}

.c-nav-social-media {
  padding-top: 33px
}

.nav__button__wrapper {
  position: relative;
  z-index: 5001;
  width: 45px;
  height: 45px;
  cursor: pointer
}

.menu__item__link__item {
  position: relative;
  display: flex
}

.nav__button__container {
  position: relative;
  width: 100%;
  height: 100%
}

.logo {
  width: 60px
}

.text-filed-2 {
  height: 1.093em;
  margin-bottom: 0;
  padding: 0;
  border: 1px #000;
  background-color: transparent;
  color: #fff;
  font-size: 4em;
  line-height: 1;
  font-weight: 500;
  text-transform: capitalize
}

.text-filed-2::-moz-placeholder {
  color: #ff0e0e
}

.text-filed-2::-ms-input-placeholder {
  color: #ff0e0e
}

.text-filed-2::placeholder {
  color: #ff0e0e
}

.tea-r-arrow {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  display: flex;
  width: 6em;
  height: 6em;
  max-height: 6em;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
  font-size: 10.1px
}

.text-filed {
  height: auto;
  margin-bottom: 0;
  padding: 0;
  border: 1px #000;
  background-color: transparent;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 3em;
  line-height: 108%;
  font-weight: 500;
  text-transform: none
}

.text-filed::-moz-placeholder {
  color: #fff
}

.text-filed::-ms-input-placeholder {
  color: #fff
}

.text-filed::placeholder {
  color: #fff
}

.button-arrow {
  display: flex;
  align-items: center;
  transition: color .3s;
  color: #202020;
  font-size: 18px;
  letter-spacing: -.04em;
  text-decoration: none
}

.list {
  display: flex;
  overflow: visible;
  width: 100%;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px hsla(0, 0%, 83.9%, .16)
}

.underline-link-2 {
  display: flex;
  align-items: center;
  text-decoration: none
}

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

.margin-bottom.margin-small {
  margin-bottom: 20px;
  text-align: left;
  margin-left: 0
}

.mega-menu-trigger {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 7vw;
  height: 100vh
}

.faq-tab-link {
  padding: 0;
  background-color: hsla(0, 0%, 86.7%, 0)
}

.faq-tab-link.w--current {
  background-color: hsla(0, 0%, 78.4%, 0)
}

.service-item {
  display: -ms-grid;
  display: grid;
  min-height: 110vh;
  margin-bottom: 0;
  grid-auto-columns: 1fr;
  grid-column-gap: 4.75rem;
  grid-row-gap: 4.75rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.image-base {
  position: -webkit-sticky;
  position: sticky;
  top: 10.5vh;
  overflow: hidden;
  width: 100%;
  height: 79vh;
  max-height: 64rem;
  margin-top: .5rem;
  margin-bottom: .5rem
}

.menu-link-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #455ce9
}

.faq-top {
  position: relative;
  z-index: 1;
  padding: 0;
  cursor: pointer
}

.sidebar-menu-item {
  position: relative;
  display: flex;
  margin-left: -2.6px;
  padding: .75rem 2rem .75rem .5rem;
  align-items: center;
  font-size: 3rem;
  font-weight: 500
}

.project-item {
  position: relative
}

.faq-item-2 {
  border-bottom: 1px solid #1a242c
}

.nav-link {
  display: flex;
  padding: 1rem 1.75rem;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: .95rem
}

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

.about-paragraph-wrapper {
  display: flex;
  max-width: 65%;
  margin-top: 67px
}

.intro-box {
  display: flex;
  min-height: 450px;
  padding-top: 0;
  padding-bottom: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.link {
  padding: 12px 28px;
  border: 1px solid hsla(0, 0%, 100%, .1);
  border-radius: 100px;
  color: #fff;
  font-size: 11px;
  letter-spacing: 5px;
  text-decoration: none;
  text-transform: uppercase
}

.heading {
  margin-bottom: 0;
  color: #000;
  font-size: 7rem;
  line-height: 1.1em;
  font-weight: 600;
  text-align: left;
  text-transform: capitalize
}

.heading.is--h3 {
  margin-top: 0;
  padding-top: 4px;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 3.3rem;
  line-height: .9em;
  font-weight: 600;
  letter-spacing: 0
}

.heading.is--h3.is--services {
  display: inline-block;
  padding-right: 30px;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0;
  text-transform: none
}

.heading.is--h3.is--services.is--white {
  font-size: 3rem;
  line-height: 1.1em
}

.heading.is--h3.is--white {
  display: inline-block;
  padding-right: 23px;
  color: #fff;
  font-size: 2rem
}

.heading.is--h3.is--small {
  display: flex;
  grid-column-gap: 15px;
  color: #fff;
  font-size: 2rem;
  font-weight: 500
}

.heading.is--hero.is--h1 {
  letter-spacing: -2px
}

.heading.is--h2 {
  font-family: 'Neue Montreal', sans-serif;
  font-size: 4rem;
  font-weight: 500;
  text-align: right;
  text-transform: none
}

.heading.is--h2.is--intro {
  overflow: hidden;
  margin-top: 0;
  letter-spacing: -1px
}

.heading.is--h2.is--intro.split-text {
  margin-right: auto;
  margin-left: auto;
  font-size: 3.5rem;
  text-align: center
}

.heading.is--h2.is--services, .heading.is--h2.is--work {
  margin-top: 0;
  font-family: Nuckle, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  text-align: left;
  letter-spacing: -2px
}

.heading.is--h2.is--services.split-text {
  margin-right: auto;
  margin-left: auto;
  font-size: 3rem
}

.heading.is--h2.is--services.split-text.is--white {
  margin-right: 0;
  margin-left: 0;
  color: #fff
}

.heading.is--h2.is--about {
  margin-top: 0;
  padding-bottom: 23px;
  font-size: 2rem;
  font-weight: 400;
  text-align: left
}

.heading.is--h2.is--left {
  font-family: Nuckle, sans-serif;
  font-weight: 600;
  text-align: left
}

.heading.is--h2.is--left.is--smaller {
  font-size: 2.5rem
}

.heading.is--h2.is--services {
  margin-top: 0;
  padding-bottom: 0;
  font-family: Nuckle, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0
}

.heading.is--h2.is--white.is--left {
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  text-align: left
}

.heading.is--h2.is--white.is--center {
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center
}

.heading.is--h4 {
  color: #fff;
  font-size: 3rem
}

.heading.is--h1.is--white.is--hero {
  padding-bottom: 36px;
  color: #000;
  font-size: 25vw;
  line-height: .8em
}

.contact {
  position: relative;
  z-index: 3;
  padding: 7em 2% 3em;
  background-color: rgba(215, 216, 221, 0)
}

.project-hero-container {
  width: 85%;
  height: auto;
  margin-right: auto;
  margin-left: auto
}

.project-hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column-gap: 55px
}

.project-hero-content-block {
  flex: 1
}

.project-hero-content-block.is--left {
  display: flex;
  max-width: 100%;
  padding-bottom: 35px;
  flex: 0 0 auto;
  grid-column-gap: 55px
}

.project__title {
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
  grid-column-gap: 55px;
  color: #000;
  font-size: 2.5rem;
  font-weight: 600
}

.logo-project__image {
  width: auto;
  flex: 0 0 auto
}

.project-info-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.1em;
  font-weight: 600
}

.project-info {
  display: flex;
  color: #000;
  font-size: 1.5em;
  font-weight: 300
}

.project-info.disclaimer {
  margin-top: 10px;
  color: #7c7c7c;
  font-size: 1em
}

.website-link {
  display: block;
  margin-top: 10px;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  background-color: rgba(56, 152, 236, 0);
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.5em;
  text-decoration: underline
}

.marquee-item {
  display: flex;
  width: 60em;
  padding-right: 2.5em;
  padding-left: 2.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  grid-column-gap: 0px;
  border-left: 1px hsla(0, 0%, 87.3%, .23)
}

.padding-vertical {
  padding-right: 0;
  padding-left: 0
}

.underline-link-3 {
  display: flex;
  height: 1.85rem;
  align-items: center;
  color: #fff;
  text-decoration: none
}

.project__grid {
  display: flex;
  flex-direction: row;
  justify-items: start;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 88px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 2.75fr;
  grid-template-columns: 1fr 1fr 2.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

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

.utility-page-content {
  display: flex;
  width: 260px;
  flex-direction: column;
  text-align: center
}

.text-block-16 {
  font-family: 'Neue Montreal', sans-serif;
  color: #000
}

.about-intro-wrapper-inner {
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto
}

.slide-base-2 {
  margin-right: 60px
}

.heading-5 {
  font-size: 2em
}

.hero {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  overflow: hidden;
  width: auto;
  height: auto;
  border-radius: 0;
  background-color: transparent
}

.heading-one {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-family: 'Xb Shafigh';
  color: #fff;
  font-size: 5.3vw;
  line-height: 1.1em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase
}

.heading-one.is--one {
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
  font-family: 'Real Head';
  color: #000;
  font-size: 19.2vw;
  text-align: center;
  letter-spacing: -1vw;
  text-transform: none
}

.heading-one.is--one.is--desktop {
  display: block;
  padding-top: 25px;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-size: 14.2vw;
  line-height: .9em;
  font-weight: 700;
  text-transform: uppercase
}

.heading-one.is--one.is--desktop.is--footer {
  display: block;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 23px;
  color: #fff;
  font-size: 11vw;
  font-weight: 700;
  text-align: left;
  letter-spacing: -.3vw
}

.heading-one.is--footer {
  overflow: visible;
  padding: 0;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 20vw;
  line-height: 1em;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1vw;
  text-transform: none
}

.menu-button-text-wrapper {
  position: relative;
  display: flex;
  overflow: visible;
  padding-left: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  flex: 1;
  line-height: 20px;
  font-weight: 400
}

.nav-menu {
  z-index: 9007199254740991;
  display: flex;
  overflow: visible;
  width: 100%;
  padding: .7rem 1.5%;
  justify-content: space-between;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 rgba(0, 0, 0, .28);
  background-color: #e8e5e3
}

.menu-content {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 12% 3.5% 7%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #171717
}

.menu-trigger {
  position: relative;
  z-index: 43;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  cursor: pointer
}

.nav-link-block {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

.nav-link-block.is--contacts {
  padding: 10px 20px 9px;
  border-radius: 20px;
  background-color: #191919
}

.brand {
  z-index: 100000000000;
  display: flex;
  overflow: visible;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.link-2 {
  color: #fff;
  font-size: 3vw;
  line-height: 1
}

.link-2.static {
  padding-bottom: 26px;
  perspective-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 4vw;
  font-weight: 600
}

.menu-text {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 10vw;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap
}

.menu-text.nav {
  display: flex;
  color: #000;
  font-size: 1vw;
  font-weight: 700
}

.menu-text.nav.open {
  display: block;
  max-width: none;
  flex: 0 auto;
  text-transform: none;
  display: flex;
  width: auto;
  height: auto;
  padding: 0;
  justify-content: center;
  align-items: center;
  grid-row-gap: 0px;
  background-color: hsla(0, 0%, 94.9%, 0);
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 3.5vw;
  line-height: .6em;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none
}

.menu-text.nav.open.is--white {
  color: #fff
}

.menu-text.nav.light {
  position: absolute;
  bottom: -100%
}

.logo-header {
  width: 3rem;
  filter: invert(100%)
}

.logo-header.is--black {
  filter: none
}

.logo-header.is--white {
  filter: invert(100%)
}

.nav-links-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.full-menu {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  overflow: visible;
  width: auto;
  height: 100vh;
  background-color: #191919;
  transform-origin: 50% 100%;
  mix-blend-mode: exclusion
}

.navbar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 999999;
  width: 100%;
  justify-content: space-between;
  background-color: transparent
}

.navbar.start--scroll {
  z-index: 99999999999999
}

.navbar.start--scroll.is--black {
  position: fixed;
  z-index: 99999998;
  background-color: hsla(0, 0%, 94.9%, 0)
}

.divider-line {
  display: flex;
  height: 1px;
  min-width: 0;
  padding-right: 0;
  justify-content: space-between;
  flex: 0 auto;
  background-color: #d9d9d9
}

.divider-line.is--work--project {
  width: 100%;
  min-width: 0;
  background-color: #a8a8a8
}

.is--1 {
  display: inline-block;
  padding-bottom: 2px;
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-size: 2.8vw;
  line-height: 1.2em;
  font-weight: 500
}

.is--2 {
  display: inline-block;
  font-family: 'Real Head';
  line-height: 1.1em
}

.line-divider {
  height: 1px;
  flex: 1;
  background-color: #d9d9d9
}

.footer-detail-block {
  max-width: 400px
}

.footer-detail-block.is--nav {
  max-width: 100%
}

.footer-new {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: -2;
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  padding: 87px 0 0;
  border-radius: 0;
  background-color: rgba(121, 52, 52, 0);
  background-image: linear-gradient(180deg, #161616, #272626)
}

.footer-social-link {
  display: flex;
  padding-top: 9px;
  padding-right: 0;
  padding-bottom: 9px;
  justify-content: center;
  align-items: center;
  border: 1px solid #303030;
  border-radius: 150px;
  background-color: #bdccff;
  color: #000;
  text-decoration: none
}

.footer-social-grid {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.social-icon__text {
  font-family: Nuckle, sans-serif;
  color: #303030;
  font-weight: 700;
  text-decoration: none
}

.social-icon__text.is--black {
  padding-right: 38px;
  padding-left: 38px;
  flex: 0 0 auto;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-weight: 600
}

.social-icon__text.is--white {
  padding-right: 38px;
  padding-left: 38px;
  flex: 0 0 auto;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-weight: 600
}

.white-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: none;
  background-color: #fff
}

.white-bg.is--work {
  display: none
}

.button-container {
  position: relative;
  z-index: 10;
  display: flex;
  width: 200px;
  height: 200px;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 100%
}

.accordion-item {
  display: block;
  padding-right: 12px;
  padding-left: 12px;
  transition: .3s
}

.split-text {
  display: block;
  overflow: visible;
  margin-bottom: 0;
  flex-direction: row;
  perspective: 800px;
  color: #000;
  font-size: 3.5vw;
  font-weight: 500;
  letter-spacing: -1px
}

.line-animation {
  display: block;
  overflow: visible;
  width: auto;
  max-width: 77%;
  padding-right: 28px;
  flex-direction: row;
  justify-content: space-between;
  flex: 0 auto
}

.line-animation.is--flex {
  padding-right: 0;
  align-items: flex-end
}

.line-animation.is--90 {
  display: flex;
  overflow: visible;
  max-width: none;
  padding-right: 0;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  line-height: 5px
}

.line-animation.is--90.is--flex {
  flex-direction: column;
  align-items: flex-start
}

.line-animation.is--90.is--flex.is--sticky {
  position: relative;
  top: auto;
  display: block
}

.line-animation.is--90.is--flex.is--sticky.is--contact {
  flex: 0 auto
}

.line-animation.is--90.is--contact {
  flex-direction: column;
  justify-content: center;
  grid-row-gap: 20px
}

.line-animation.is--90.is--contact.is--2 {
  flex: 0 auto
}

.divider-wrapper {
  margin-top: 76px;
  margin-bottom: 0;
  flex: 1
}

.divider-wrapper.is--work--project.is--slogan {
  display: none;
  width: 95%;
  margin-top: 19px;
  margin-right: auto;
  margin-left: auto
}

.nav-social-grid {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.nav-social-links {
  display: flex;
  padding-top: 9px;
  padding-right: 0;
  padding-bottom: 9px;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 150px;
  text-decoration: none
}

.nav-social-links.is--white {
  border-color: #fff
}

.is--4 {
  display: inline-block;
  padding-bottom: 0;
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-size: 2.8vw;
  line-height: 1.1em;
  font-weight: 500
}

.project-top {
  position: relative;
  top: auto;
  z-index: 35;
  overflow: visible;
  padding-top: 91px;
  padding-bottom: 125px;
  background-color: hsla(0, 0%, 100%, 0)
}

.project-top-container {
  display: flex;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  justify-content: center;
  align-items: center
}

.project-top-content {
  display: flex;
  max-width: 100%;
  justify-content: space-between;
  flex: 1
}

.project-top-grid-wrapper {
  position: relative;
  z-index: 6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1
}

.project-heading-grid {
  position: relative;
  z-index: -2;
  display: flex;
  min-width: 100%;
  margin-right: auto;
  margin-left: auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  grid-column-gap: 31px;
  -ms-grid-columns: 4fr;
  grid-template-columns: 4fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.service-types-collection {
  display: block;
  margin-top: 0;
  flex-direction: row;
  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 auto;
  grid-template-rows: auto auto
}

.service-type__text {
  display: block;
  padding-right: 0;
  padding-left: 0;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 auto;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  text-align: center
}

.project-hero-work-bg {
  position: relative;
  display: flex;
  overflow: hidden;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 70%;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  background-image: url("../fonts/background-image.svg");
  background-position: 50% 0;
  background-size: cover
}

.project-hero-work-bg.is--mobile {
  display: none
}

.project-work-hero {
  position: relative;
  top: auto;
  z-index: 35;
  margin-right: 0;
  padding: 0;
  background-color: #f2f2f2
}

.project-work-hero-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto
}

.short-slogan {
  position: relative;
  display: none;
  background-color: hsla(0, 0%, 100%, 0)
}

.short-slogan-container {
  display: none;
  height: auto;
  max-width: 95%;
  margin-top: 26px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 67px;
  padding-bottom: 66px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px #d9d9d9
}

.short-slogan-content {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  flex: 1;
  text-align: center
}

.short-slogan__text {
  margin: 0 auto;
  color: #000;
  font-size: 3.2rem;
  line-height: 1.1em;
  font-weight: 600;
  text-transform: capitalize
}

.information-project {
  display: none;
  padding-top: 20px;
  padding-bottom: 76px
}

.info-project-container {
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center
}

.info-project-content {
  max-width: 95%;
  margin-top: 34px;
  flex: 1
}

.info-project-grid {
  grid-column-gap: 160px;
  grid-row-gap: 14px;
  -ms-grid-columns: 1.25fr 1fr;
  grid-template-columns: 1.25fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto
}

.info-project-grid-block {
  padding-bottom: 45px
}

.solution__text {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  font-size: 1.6rem;
  font-weight: 600
}

.solution__text.is--two {
  margin-top: 34px;
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.8rem;
  font-weight: 400
}

.project-description {
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.1rem;
  line-height: 1.6em
}

.service-type-grid-block {
  display: block;
  padding: 15px 0;
  flex-direction: row;
  justify-content: space-between;
  border: 1px #000;
  border-radius: 0
}

.collection-item-4 {
  display: flex;
  width: auto;
  padding: 15px 0 0;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-bottom: 1px #d9d9d9
}

.collection-list-3 {
  display: flex;
  width: 100%;
  flex-direction: row;
  grid-row-gap: 0px
}

.service-type-wrapper {
  width: 100%;
  padding: 11px 18px;
  flex: 1;
  border: 1px solid #000;
  border-radius: 150px;
  background-color: rgba(189, 204, 255, 0);
  transition: background-color 675ms
}

.service-type-wrapper:hover {
  background-color: transparent;
  color: #fff
}

.deliverables__text {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
  color: #000;
  font-size: 1.4rem;
  font-weight: 600
}

.work-display.is--third {
  max-width: 78%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0
}

.work-display.is--third.is--3--full--page, .work-display.is--third.is--full--page--2 {
  margin-top: -3%
}

.work-display.is--11, .work-display.is--nine {
  position: relative;
  background-color: hsla(0, 0%, 100%, 0)
}

.work-display-container {
  display: flex;
  height: auto;
  margin-top: 112px;
  padding-bottom: 3vh;
  justify-content: center;
  align-items: center
}

.work-display-container.is--no--padding {
  padding-bottom: 0
}

.work-display-container.is--2 {
  margin-top: 0;
  padding-bottom: 0
}

.work-display-container.is--4 {
  margin-top: -6px;
  padding-bottom: 0
}

.work-display-content {
  max-width: 90%;
  padding-top: 47vh;
  padding-bottom: 23vh;
  flex: 1;
  background-image: url("../fonts/background-image.svg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.work-display-content.is--3 {
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #ddd;
  background-image: none
}

.work-display-content.is--3.is--peanut {
  border-top-style: none
}

.work-display-content.is--1 {
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 0;
  background-image: none
}

.work-display-content.is--1.is--video {
  max-width: 70%;
  padding-top: 0;
  padding-bottom: 6vh;
  background-color: hsla(0, 0%, 94.5%, 0)
}

.work-display-content.is--5 {
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 0;
  background-image: none
}

.work-display-content.is--7 {
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 3vh;
  background-image: none
}

.work-display-content.is--8 {
  display: flex;
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 3vh;
  grid-column-gap: 25px;
  background-image: none
}

.work-display-content.is--9 {
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 3vh;
  background-image: none
}

.work-display-content.is--10 {
  display: flex;
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 0;
  grid-column-gap: 25px;
  background-image: none
}

.work-display-content.is--11 {
  max-width: 95%;
  padding-top: 0;
  padding-bottom: 19vh;
  background-image: none
}

.works__image {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.works__image.is--2 {
  display: block
}

.display-split-1, .display-split-2 {
  width: 100%;
  flex: 0 auto
}

.is--contact {
  display: inline-block;
  padding-bottom: 20px;
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-size: 7vw;
  line-height: 1.2em;
  font-weight: 600
}

.display-split-3 {
  width: 100%
}

.sticky-wrapper {
  position: relative;
  z-index: 35;
  width: auto;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  background-color: hsla(0, 0%, 100%, 0)
}

.c-card {
  position: relative;
  width: 100%;
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
  transition: 250ms
}

.button-container-2 {
  position: relative;
  z-index: 10;
  display: flex;
  width: 250px;
  height: 200px;
  justify-content: center;
  align-items: center;
  border-radius: 100%
}

.front-block {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10%;
  flex-direction: column;
  border-radius: 30px;
  background-color: rgba(3, 71, 72, 0);
  background-image: radial-gradient(circle farthest-corner at 20% 70%, #023435, #01484a 47%, #007a7c);
  box-shadow: 0 4px 13px 4px rgba(0, 0, 0, .4)
}

.swiper-slide {
  width: 33.333333333333336%;
  flex: 0 0 auto;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px
}

.swiper {
  width: 100%
}

.swiper.swiper1 {
  position: relative
}

.swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px
}

.swiper-component {
  position: relative;
  width: 100%
}

.swiper-component.slider1 {
  z-index: 100;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center
}

.slider-css {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  height: 0
}

.works {
  display: flex;
  padding-top: 24px;
  padding-bottom: 135px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  grid-column-gap: 75px;
  transition: background-color 425ms
}

.works-grids {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: flex;
  padding-bottom: 19px;
  padding-left: 15px;
  grid-column-gap: 15px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.section-name-arrow {
  background-color: #fff
}

.section-name-arrow.is--1 {
  padding: 13px 38px;
  flex: 0 0 auto;
  border-radius: 150px;
  box-shadow: 1px 1px 20px -16px rgba(0, 0, 0, .2)
}

.section-name-arrow.is--2 {
  display: flex;
  width: 60px;
  height: 60px;
  padding-left: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}

.works__heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-size: 2vw;
  font-weight: 600
}

.works__heading.is--two {
  font-size: 1.2rem
}

.inner-page-wrap {
  padding-top: 86px;
  background-color: rgba(232, 229, 227, 0)
}

.splide {
  position: relative;
  width: 100%
}

.splide.slider1.pill {
  margin-left: 6em;
  padding-top: 6em;
  padding-right: 14em;
  padding-bottom: 7em
}

.is--5 {
  display: inline-block;
  padding-bottom: 13px;
  font-family: Nuckle, sans-serif;
  color: #838383;
  font-size: 1.7vw;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: 0
}

.section-text-wrap {
  position: relative;
  z-index: 5;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  perspective: 1000px
}

.heading-overflow {
  display: flex;
  margin-right: 10px;
  padding-top: 0;
  perspective: 1000px
}

.big-split-header {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 6rem;
  line-height: .8;
  font-weight: 800;
  text-transform: uppercase
}

.large-service-button {
  position: relative;
  z-index: 1;
  display: flex;
  width: 35rem;
  height: 35rem;
  margin-right: 0;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #fff;
  text-decoration: none
}

.testimonial-slides {
  margin-right: 40px;
  border-radius: 10px
}

.testimonial-image-2 {
  position: relative;
  z-index: 10;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 15vw;
  max-width: 25vw;
  justify-content: center;
  align-items: center;
  border: 1px #b9b9b9;
  border-radius: 0;
  background-color: rgba(239, 246, 248, 0);
  outline-offset: 0px;
  outline: #000 3px;
  transition: .5s cubic-bezier(.25, .46, .45, .94);
  cursor: pointer
}

.testimonial-image-2.w--current {
  outline-color: #3f8ef1
}

.section__heading {
  display: block;
  width: auto;
  max-width: none;
  flex: 0 0 auto;
  color: #383838;
  font-size: 9vw;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: -.03em
}

.section__heading.is--black {
  display: flex;
  margin-bottom: 0;
  flex: 1;
  color: #000;
  font-size: 9vw;
  font-weight: 600
}

.section__heading.is--contact {
  font-size: 13vw;
  line-height: 1em;
  font-weight: 600;
  text-align: left
}

.section__heading.is--contact.is--black {
  display: block;
  margin-top: 0;
  padding-bottom: 0;
  line-height: 1.2em
}

.section__heading.is--contact.is--black.is--desktop {
  font-size: 12vw;
  font-weight: 700
}

.section__heading.is--contact.is--black.is--mobile {
  display: none
}

.footer-social-btm-parent {
  position: relative;
  padding-top: 1.1em;
  padding-bottom: 1.1em;
  border: 1px #000;
  cursor: pointer
}

.footer-social-btm-link {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  text-decoration: none
}

.container-lg {
  width: 97%;
  margin-right: auto;
  margin-left: auto
}

.footer-top-container {
  position: relative;
  padding-bottom: 6.4em
}

.line-top-white {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #fff
}

.text-white {
  font-family: 'Lausanne 300', sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 1
}

.footer-btm-container {
  position: relative;
  padding-top: 4em;
  padding-bottom: 0
}

.footer-social-top {
  color: #868686
}

.footer-social-container {
  display: -ms-grid;
  display: grid;
  margin-top: 6.4em;
  grid-auto-columns: 1fr;
  grid-column-gap: 46px;
  grid-row-gap: 16px;
  -ms-grid-columns: 3.25fr 0.5fr 0.5fr;
  grid-template-columns: 3.25fr 0.5fr 0.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.footer-social-btm {
  padding-top: 2em
}

.div-footer-space {
  display: none;
  height: 3em
}

.footer-menu-title {
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 22px;
  font-weight: 600
}

.trusted-item-header {
  display: flex;
  align-items: center
}

.grid-6-columns {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 7.75em;
  grid-row-gap: 2em;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.arrow--svg {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  flex: 0 auto;
  border-radius: 150px;
  background-color: rgba(189, 204, 255, 0);
  transform: rotate(-46deg);
  color: #000
}

.contact-sect {
  position: relative;
  z-index: 45;
  overflow: hidden;
  margin-bottom: 0;
  padding-top: 267px;
  padding-bottom: 267px;
  background-color: hsla(0, 0%, 94.9%, 0)
}

.contact-sect-container {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto
}

.button-circle {
  position: absolute;
  left: auto;
  top: auto;
  right: 4%;
  bottom: -26%;
  z-index: 55;
  display: flex;
  overflow: hidden;
  width: 14rem;
  height: 14rem;
  justify-content: center;
  align-items: center;
  border: 1.5px solid #383838;
  border-radius: 50%;
  background-color: #bdccff;
  opacity: 1
}

.wrapper-tittle {
  position: absolute;
  width: auto;
  height: auto
}

.wrapper-tittle.is-three {
  color: #fff
}

.is-special-h {
  color: #000;
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: capitalize
}

.contact-contain {
  display: flex;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  grid-column-gap: 35px
}

.contact-content-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.purple-letter {
  display: inline-block;
  padding-right: 1px;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  color: #bdccff;
  font-size: 13vw;
  line-height: .7em;
  font-style: italic
}

.purple-letter.is--bigger {
  display: inline;
  font-size: 14vw
}

.text-span-100, .text-span-101, .text-span-102, .text-span-103, .text-span-104, .text-span-105, .text-span-106, .text-span-87, .text-span-88, .text-span-89, .text-span-90, .text-span-91, .text-span-92, .text-span-93, .text-span-94, .text-span-95, .text-span-96, .text-span-97, .text-span-98, .text-span-99 {
  display: inline-block
}

.nav {
  display: flex;
  width: 100%;
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  justify-content: space-between;
  justify-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.nav-link-6 {
  display: flex;
  overflow: hidden;
  margin-top: .7em;
  margin-bottom: .7em;
  justify-content: flex-start;
  align-items: center
}

.nav-link-6:hover {
  font-style: italic;
  font-weight: 700
}

.sublink {
  overflow: hidden;
  margin-top: 1.5em
}

.menu {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 1;
  display: none
}

.nav-menu-trigger {
  position: relative;
  z-index: 10000000000;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 35px;
  color: #000;
  cursor: pointer
}

.menu-button-text-wrapper-2 {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 38px;
  height: 38px;
  padding-top: 0;
  padding-left: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1.5px #f2f2f2;
  border-radius: 200px;
  background-color: #000;
  line-height: 20px;
  font-weight: 400
}

.nav-start-wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: 3%;
  bottom: 7%
}

.nav-start-grid {
  grid-column-gap: 2px;
  -ms-grid-columns: 2.75fr 0.75fr 2.5fr;
  grid-template-columns: 2.75fr 0.75fr 2.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.nav-text {
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 2.5vw;
  line-height: 1;
  font-weight: 600
}

.divider-vertical-line {
  width: 1px;
  height: 190%;
  margin-top: -22px;
  background-color: #fff
}

.nav-start-btn {
  padding: 17px 44px;
  border-radius: 150px;
  background-color: #d4d4d3;
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-weight: 600
}

.x-nav-icon {
  width: 18px;
  height: 18px;
  color: #fff
}

.main-body {
  background-color: #f2f2f2
}

.main-body.is--work {
  background-color: #e8e5e3
}

.h3-heading {
  margin-top: 0;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: -.02em
}

.h3-heading.margin-bottom-16 {
  margin-bottom: 108px;
  color: #000;
  font-size: 4rem;
  font-weight: 600
}

.more-work-container {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto
}

.more-work {
  overflow: hidden;
  padding: 120px 5% 220px;
  background-color: rgba(255, 255, 255, 0)
}

.lifestyle-image-wrapper {
  position: relative;
  overflow: hidden;
  min-width: 100%;
  padding-bottom: 0
}

.office__image.is--desktop {
  min-width: 100%
}

.office__image.is--mobile {
  display: none
}

.process-grid-heading {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 37px;
  grid-row-gap: 16px;
  -ms-grid-columns: 5fr 2.25fr 1fr;
  grid-template-columns: 5fr 2.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.process-inner-heading-wrapper {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0
}

.process-grid-heading-grid-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.process-grid-heading-grid-block.is--two {
  margin-left: auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start
}

.process-2 {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 56;
  display: block;
  overflow: visible;
  height: auto;
  padding-top: 2px;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  background-color: #191919
}

.process-2.is--page {
  margin-top: -1%;
  background-color: rgba(25, 25, 25, 0)
}

.process-heading {
  display: flex;
  max-width: 90%;
  margin-right: auto;
  margin-bottom: 160px;
  margin-left: 0;
  flex-direction: column
}

.service--container {
  position: relative;
  display: flex;
  height: auto;
  padding-top: 215px;
  padding-bottom: 236px;
  justify-content: center;
  align-items: center
}

.service--container.is--white {
  z-index: 2;
  padding-top: 47px;
  padding-bottom: 0;
  flex-direction: column
}

.paragraph-main {
  display: flex;
  justify-content: flex-start;
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.4em;
  font-weight: 400;
  text-align: left
}

.paragraph-main.is--testimonials {
  color: #000;
  font-size: 1.8rem;
  text-align: left
}

.paragraph-main.is--testimonials.split-text {
  display: block;
  letter-spacing: 0
}

.heading-services {
  margin-bottom: 0;
  color: #000;
  font-size: 4rem;
  font-weight: 600;
  text-transform: capitalize
}

.heading-services.is--h2 {
  font-family: Nuckle, sans-serif;
  font-size: 5rem;
  line-height: 1.1em
}

.heading-services.is--h2.is--testimonials {
  margin-top: 0;
  font-size: 4rem;
  text-align: left;
  letter-spacing: -2px
}

.heading-services.is--h2.is--intro {
  margin-top: 0;
  font-size: 4rem;
  text-align: left
}

.heading-services.is--h2.is--intro.is--small {
  display: inline-block;
  margin: 0 auto 14px;
  padding: 14px 20px 9px;
  border: 1px solid hsla(0, 0%, 76.1%, .39);
  border-radius: 150px;
  background-color: #d4d4d3;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: right
}

.heading-services.is--h2.is--blog {
  margin-top: 0;
  font-size: 4rem;
  text-align: left;
  letter-spacing: -2px
}

.heading-services.is--h2.is--blog.split-text {
  text-transform: none
}

.locations-heading-grid-wrap {
  width: 100%;
  flex: 1
}

.blog-heading {
  width: 100%;
  margin-bottom: 2.625rem
}

.overflow-hidden-2 {
  display: flex;
  overflow: hidden;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  flex: 1
}

.line-expand {
  height: .0625rem;
  margin-top: 1.25rem;
  background-color: rgba(0, 0, 0, .22)
}

.container-14 {
  position: relative;
  z-index: 10;
  width: 90%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 60px;
  padding-left: 60px
}

.container-14.flex-vertical {
  height: 100%;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0
}

.container-14.flex-vertical.is--abouts {
  max-width: 100%;
  margin-top: 122px;
  flex: 0 auto
}

.logo-content-2 {
  display: flex;
  height: 100%;
  padding-bottom: 0;
  justify-content: space-between
}

.flex-vertical {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.body2 {
  background-color: #fff
}

.intro-content.is--1 {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 2px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.intro-content.is--4 {
  position: relative;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 45px 0 0;
  border-radius: 0
}

.intro {
  position: relative;
  z-index: 88;
  background-color: rgba(25, 25, 25, 0)
}

.works-grid {
  position: relative;
  z-index: 55;
  grid-column-gap: 38px;
  grid-row-gap: 62px;
  -ms-grid-columns: 1.5fr 1.5fr;
  grid-template-columns: 1.5fr 1.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.link-09 {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-top: 31px;
  justify-content: flex-start;
  align-items: center;
  align-self: center;
  grid-column-gap: 1rem;
  text-decoration: none
}

.link-08 {
  position: relative;
  display: flex;
  width: auto;
  justify-content: flex-start;
  flex: 0 auto;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff;
  text-decoration: none
}

.title {
  position: relative;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 55;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000;
  font-size: 2.7rem;
  line-height: 60px;
  cursor: pointer
}

.underline-button {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-end;
  cursor: pointer
}

.hero-video_wrapper {
  position: relative;
  z-index: 5;
  display: block;
  overflow: visible;
  width: 50vw;
  height: auto;
  margin-top: 145px;
  margin-right: 0;
  margin-left: auto;
  padding-left: 0;
  justify-content: flex-end;
  border-radius: 8rem;
  background-color: rgba(241, 239, 238, 0);
  transform: translate(0, -5rem)
}

.hero-video_wrapper.is--about {
  z-index: 2;
  width: 100vw;
  margin-top: 139px;
  transform: none
}

.hero-video_wrapper.is--home {
  overflow: hidden;
  width: 65vw;
  margin-top: 48px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px
}

.hero-video-link-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
  z-index: 5;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  border-radius: 20px
}

.hero-video-link-wrapper.is--about {
  z-index: 5
}

.lifestyle-office-2 {
  position: relative;
  z-index: 4;
  min-width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  background-color: #191919
}

.right-arrow-3 {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: hsla(0, 0%, 100%, 0);
  transition: transform .3s
}

.right-arrow-3:hover {
  transform: translate(8px, 0)
}

.testimonial-sect {
  display: flex;
  overflow: hidden;
  padding: 161px 0 174px;
  flex-direction: column;
  align-items: center;
  background-color: rgba(223, 228, 238, 0)
}

.job-title-2 {
  display: flex;
  margin-top: 7px;
  font-size: 1.3vw;
  line-height: 1.1em
}

.test-slider-reviews {
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin-top: 178px;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent
}

.reviewer__name-2 {
  font-family: Nuckle, sans-serif;
  color: #383838;
  font-size: 1.6vw;
  line-height: 1.4em;
  font-weight: 500
}

.reviewer__name-2.split-text {
  letter-spacing: 0
}

.left-arrow-3 {
  left: auto;
  top: auto;
  right: 100px;
  bottom: 0;
  display: flex;
  min-height: 43px;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: center;
  align-items: center;
  transition: transform .3s
}

.left-arrow-3:hover {
  transform: translate(-8px, 0)
}

.testimonial-container {
  display: flex;
  overflow: hidden;
  width: 80%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column
}

.logos-heading-container {
  display: flex;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
  flex-direction: column;
  align-items: flex-start
}

.slider-dots {
  display: none
}

.test-logo-image-wrapper-2 {
  display: flex;
  max-width: 20%;
  align-items: flex-end
}

.logo-image-testimonials {
  filter: invert(100%)
}

.logo-image-testimonials.inverted {
  filter: none
}

.quote {
  position: absolute;
  left: auto;
  top: -51px;
  right: -13%;
  bottom: auto;
  width: 77px;
  color: #000
}

.testimonial-gridsky {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  -ms-grid-columns: 1fr 1.4fr;
  grid-template-columns: 1fr 1.4fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.testimonial-grid-heading {
  display: -ms-grid;
  display: grid;
  max-width: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 37px;
  grid-row-gap: 16px;
  -ms-grid-columns: 5fr 2.25fr 1fr;
  grid-template-columns: 5fr 2.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.testimonials-inner-heading {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0
}

.paragraph-wrapper-2 {
  position: relative
}

.testimonial-bottom-content-2 {
  position: relative;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin-top: 65px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  justify-content: space-between;
  align-items: center;
  grid-column-gap: 15px
}

.testimonial-slider-mask {
  overflow: visible
}

.slider-content {
  display: flex;
  width: 70%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.slide-nav-3 {
  bottom: -90px;
  display: none;
  justify-content: center
}

.process-heading-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .36))
}

.process-inner-heading-wrapper-inner {
  position: absolute;
  left: auto;
  top: 8%;
  right: 3%;
  bottom: auto;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0
}

.custom-video-wrapper {
  position: relative;
  z-index: auto;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  border-radius: 0
}

.video-vimeo-wrapper {
  position: relative;
  z-index: auto;
  overflow: visible;
  width: 100%;
  height: 0%;
  padding-top: 71.25%;
  border-radius: 0
}

.vimeo-embed {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: auto;
  width: 100%;
  height: 100%
}

.intro-container-2 {
  display: flex;
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 149px;
  padding-bottom: 146px;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.hero-grid-wrapper {
  display: flex;
  height: auto;
  padding-right: 22px;
  padding-left: 27px;
  justify-content: center;
  align-items: center;
  flex: 1
}

.new-hero-grid {
  align-content: stretch;
  flex: 1;
  grid-column-gap: 13px;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.new-hero-grid-block {
  position: relative;
  width: 100%
}

.new-hero-grid-block-content.is--1 {
  width: 100%;
  padding-bottom: 80px
}

.new-hero-grid-block-content.is--2 {
  max-width: 30vw;
  margin-left: auto;
  color: #000
}

.new-hero-grid-block-content-inner {
  position: relative;
  z-index: 9007199254740991;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 34px;
  padding-right: 0;
  padding-bottom: 21px;
  flex-direction: column;
  justify-content: space-between;
  background-color: #e8e5e3
}

.showreel-play-wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: flex
}

.arrow-link-btn {
  position: absolute;
  left: auto;
  top: 25%;
  right: -15%;
  bottom: auto;
  z-index: 4;
  display: flex;
  width: 14vw;
  height: 14vw;
  justify-content: center;
  align-items: center;
  border-radius: 150px;
  background-color: #000
}

.arrow-link-btn.is--desktop {
  left: auto;
  top: 12%;
  right: 0;
  bottom: auto;
  width: 12vw;
  height: 12vw;
  background-color: #000
}

.arrow-btn-link-block {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center
}

.arrow-svg-main {
  width: 8vw;
  height: 8vw;
  transform: rotate(90deg);
  color: #000
}

.grid__column {
  display: flex;
  width: 50vw;
  height: 100%;
  flex-direction: column;
  flex: 0 0 auto;
  grid-row-gap: 3rem
}

.grid__column.is--first, .grid__column.is--second, .grid__column.is--third {
  grid-row-gap: 1.2rem
}

.section-7 {
  height: 100vh;
  background-color: #000;
  position: relative;
  z-index: 1;
  width: 100%
}

.section-7.is--hero {
  display: flex;
  height: auto;
  padding-top: 64px;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
  background-color: #e8e5e3;
  text-align: center
}

.section-7.is--grid {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center
}

.section-7.is--grid.is--mobile {
  display: none
}

.grid__item {
  height: 30vw;
  flex: 0 0 auto;
  background-color: #313131;
  background-image: url("../fonts/background-image.svg");
  background-position: 0 0;
  background-size: auto
}

.grid__item.is--item-7 {
  height: 32vw;
  background-image: url("../images/inBan7.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-3 {
  height: 32vw;
  background-image: url("../images/inBan3.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-9 {
  height: 32vw;
  background-image: url("../images/inBan9.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-2 {
  height: 32vw;
  background-image: url("../images/inBan2.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-8 {
  height: 32vw;
  background-image: none
}

.grid__item.is--item-5 {
  height: 32vw;
  background-image: url("../images/inBan5.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-6 {
  height: 32vw;
  background-color: rgba(49, 49, 49, 0);
  background-image: none
}

.grid__item.is--item-1, .grid__item.is--item-4 {
  height: 32vw;
  background-image: none
}

.grid__item.is--item-10 {
  height: 32vw;
  background-image: url("../images/63891d34255f2c00abaee02b_olipop-featured-portfolio-mockup.webp");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-11 {
  height: 32vw;
  background-image: url("../images/63891d337a2bf70dcb51703e_webflow-web-development-ecommerce-store.webp");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__item.is--item-12 {
  height: 32vw;
  background-image: url("../images/63891d3671019d111350e0c1_webflow-ecommerce-portfolio-goodroot.webp");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.grid__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  grid-column-gap: 2rem
}

.grid__wrapper.is--desktop {
  margin-top: -23px;
  grid-column-gap: 1.2rem
}

.scroll-smoother {
  overflow: visible
}

.section-wrap {
  overflow: hidden
}

.section-wrap.is--hero {
  position: static;
  z-index: 9007199254740991
}

.section-wrap.is--overflow-visible {
  overflow: visible
}

.link-wrapper-2 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  text-decoration: none
}

.link-wrapper-2.works {
  flex-direction: column
}

.collection-list-works {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 5vw;
  grid-row-gap: 10vh;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.work-title-details {
  display: flex;
  width: 10vw;
  max-width: 120px;
  justify-content: flex-end;
  align-items: center;
  text-align: right
}

.work-title-details.list {
  width: 10vw;
  max-width: none;
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
  font-size: 14px
}

.link-grid-works {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-decoration: none
}

.link-grid-works:hover {
  text-decoration: none
}

.reveal {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 47vh
}

.works-title-2 {
  position: relative;
  z-index: 90;
  margin-top: 2vh;
  margin-bottom: 2vh;
  color: #fff;
  font-size: 18vh;
  line-height: 1;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap
}

.works-title-2.small {
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.25em;
  font-weight: 600
}

.image-thumb-works {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hover-thumb-grid {
  position: absolute;
  z-index: 6;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  background-color: transparent
}

.wrap-work-title {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: center
}

.wrap-work-title:hover {
  text-decoration: none
}

.work-text {
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1em;
  line-height: 1.35;
  font-weight: 500;
  text-transform: uppercase
}

.flex-rail {
  position: static;
  display: flex;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  white-space: nowrap
}

.work-bg-video {
  height: 28vh;
  min-width: 95%;
  margin-right: auto;
  margin-left: auto;
  flex: 0 auto
}

.work-bg-video.is--3, .work-bg-video.is--4 {
  height: 100%;
  min-width: 95%;
  padding-bottom: 57%
}

.work-bg-video.is--1 {
  height: 100%;
  min-width: 95%;
  padding-bottom: 59%
}

.work-bg-video.is--1.is--peanut {
  padding-bottom: 54%
}

.work-bg-video.is--2 {
  height: 100%;
  min-width: 95%;
  padding-top: 0;
  padding-bottom: 56%
}

.work-bg-video.is--2.is--beer {
  padding-bottom: 59%;
  padding-left: 0
}

.work-bg-video.is--2.resorts {
  padding-bottom: 58%
}

.work-bg-video.is--5 {
  z-index: 5;
  height: 100%;
  min-width: 95%;
  padding-bottom: 57%
}

.work-bg-video.is--5.is--hero {
  min-width: 100%
}

.work-bg-video.is--6 {
  height: 100%;
  padding-bottom: 55%
}

.works-contents {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center
}

.works-contents.is--wrap {
  width: 90%
}

.section-88 {
  height: 100vh;
  background-color: #000
}

.section-88.is--grid {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center
}

.section-88.is--grid.is--desktop {
  height: 0%;
  padding-bottom: 0
}

.hero-bottom-wrapper {
  position: relative;
  z-index: 160
}

.video-containers {
  margin-top: 112px
}

.video-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 104px;
  -ms-grid-columns: 3.25fr 1fr;
  grid-template-columns: 3.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.video-grid-block.is--video {
  flex: 0 auto
}

.play-btn-background {
  padding: 8px 5px 12px 12px;
  border-radius: 150px;
  background-color: rgba(243, 255, 9, 0)
}

.lottie-animation {
  width: 210px
}

.services-heading-btn-wrapper {
  display: flex;
  margin-top: 15px;
  justify-content: flex-start;
  grid-column-gap: 23px
}

.blog {
  overflow: hidden;
  padding-bottom: 181px
}

.blog-content {
  max-width: 90%;
  flex: 1
}

.blog-container {
  display: flex;
  height: auto;
  padding-top: 13.0375rem;
  padding-bottom: 2.0625rem;
  justify-content: center;
  align-items: center
}

.locations-heading-grid-block {
  flex: 1
}

.locations-heading-grid {
  padding-bottom: 9.8rem;
  justify-items: start;
  align-items: center;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-bottom: .0625rem rgba(0, 0, 0, .22)
}

.blog-title {
  display: flex;
  flex-direction: column
}

.blog-title.is--blog.is--small {
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.9rem;
  line-height: 1.1em;
  font-weight: 600
}

.blog-title.is--blog.is--small.split-text {
  font-weight: 500
}

.work-heading {
  display: flex;
  max-width: 90%;
  min-width: 90%;
  margin-right: auto;
  margin-left: auto;
  justify-content: flex-end
}

.work-inner-heading {
  display: flex;
  max-width: 100%;
  min-width: 100%;
  margin-right: 0;
  margin-bottom: 204px;
  margin-left: 0;
  padding-left: 0;
  justify-content: space-between;
  flex: 1
}

.worker-grid-heading {
  display: -ms-grid;
  display: grid;
  max-width: 100%;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 37px;
  grid-row-gap: 16px;
  -ms-grid-columns: 5fr 2.25fr 1fr;
  grid-template-columns: 5fr 2.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.work-grid-blocks {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.work-grid-blocks.is--two {
  width: 100%;
  margin-right: auto;
  margin-left: 0;
  align-items: flex-start
}

.heading-work {
  margin-bottom: 0;
  color: #000;
  font-size: 4rem;
  font-weight: 600;
  text-transform: capitalize
}

.heading-work.is--h2 {
  font-family: Nuckle, sans-serif;
  font-size: 5rem;
  line-height: 1.1em
}

.heading-work.is--h2.is--testimonials {
  margin-top: 0;
  font-size: 4rem;
  text-align: left
}

.heading-work.is--h2.is--testimonials.is--small {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 0;
  padding: 12px 27px 7px;
  border: 1px solid hsla(0, 0%, 76.1%, .39);
  border-radius: 150px;
  background-color: #d4d4d3;
  font-size: 1.3rem;
  font-weight: 400
}

.work-heading-btn-wrapper {
  display: flex;
  width: 100%;
  min-width: 100%;
  justify-content: space-between;
  grid-column-gap: 35px
}

.featured-works-heading {
  max-width: 55vw;
  flex: 1
}

.nav-dropdown-wrapper {
  position: relative;
  margin-right: .5rem;
  margin-left: .5rem;
  cursor: pointer
}

.button-small-2 {
  position: relative;
  overflow: hidden;
  padding: .5rem 1rem;
  border-radius: 100vw;
  background-color: #f9f9fd;
  text-decoration: none
}

.nav-link-text {
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.1em;
  font-weight: 500
}

.nav-link-text.is--white {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600
}

.nav-link-text.is--nav {
  padding-top: 4px;
  font-weight: 600
}

.f-margin-bottom-16 {
  margin-bottom: 16px
}

.foot-link {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: color .3s;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-decoration: none
}

.foot-link:hover {
  color: #fff
}

.f-footer-regular {
  position: relative;
  padding: 64px 5% 27px;
  background-color: #191919
}

.f-container-regular {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto
}

.f-footer-app-logo {
  display: flex;
  width: 55px;
  height: 55px;
  margin-right: 12px;
  padding-top: 0;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 150px
}

.f-footer-app-logo.is--btn {
  border-color: #000;
  background-color: #000
}

.f-footer-app-logo.is--white {
  border-color: #000;
  background-color: #fff
}

.f-paragraph-small {
  margin-bottom: 0;
  padding-right: 24px;
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0
}

.main-btn {
  display: flex;
  padding: 12px 26px;
  align-items: center;
  border: 1px #e4e6f1;
  border-radius: 8px;
  color: #160042
}

.main-btn.is--invert {
  display: flex;
  max-width: none;
  margin-top: 25px;
  margin-right: auto;
  padding: 0;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  transition: transform .4s;
  text-decoration: none
}

.main-btn.is--invert.is--page {
  filter: invert(100%)
}

.main-btn.is--invert.is--page.is--services {
  justify-content: flex-start
}

.main-btn.is--invert.is--right--aligned {
  margin-right: 0;
  flex: 0 auto
}

.main-btn.is--invert._2 {
  margin-top: 14px
}

.main-btn.is--invert._2.left, .main-btn.is--invert.left {
  justify-content: flex-start
}

.main-btn.is--invert.left._3 {
  justify-content: flex-end
}

.main-btn.is--invert.center {
  margin-right: auto;
  margin-left: auto;
  justify-content: center
}

.main-btn.is--invert.center.margin-top {
  margin-top: 51px
}

.paragraph-regular-bold {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none
}

.paragraph-regular-bold.is--blk {
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0
}

.f-footer-grid-asymmetrical {
  margin-bottom: 64px;
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1.1fr 1fr;
  grid-template-columns: 1.1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.f-footer-content {
  align-items: center
}

.f-icon-large {
  display: flex;
  width: 53px;
  height: 70px;
  min-width: 53px;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #fff
}

.f-icon-large.is--blk {
  color: #000
}

.f-icon-large.is--blk.is--lrg {
  width: 55px;
  height: 55px;
  min-height: 55px;
  margin-top: auto;
  margin-bottom: auto;
  flex: 0 auto;
  border: 1px solid #000;
  border-radius: 150px
}

.f-footer-mobile-app-wrapper {
  display: flex;
  width: 406px;
  justify-content: flex-end;
  align-items: center
}

.f-footer-large-link-grid {
  padding-bottom: 25px;
  grid-column-gap: 37px;
  grid-row-gap: 0px;
  -ms-grid-columns: 0.25fr 5fr 5.75fr 5.75fr;
  grid-template-columns: 0.25fr 5fr 5.75fr 5.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.footer-block {
  flex-direction: column
}

.footer-block.is--social {
  display: flex;
  margin-top: 18px;
  flex-direction: row;
  align-items: flex-start;
  grid-column-gap: 10px
}

.f-margin-bottom-32 {
  margin-bottom: 32px
}

.footer-link-text {
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-weight: 600
}

.footer-link-text:hover {
  color: #fff
}

.footer-link-text.is--location {
  margin-top: 0;
  padding-bottom: 8px
}

.footer-link-text.is--location.email {
  font-weight: 400
}

.html-embed-9 {
  width: 30px;
  color: #000
}

.trigger-2 {
  position: fixed;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  display: none;
  width: 0;
  height: 0;
  padding: 0
}

.blog-bottom-content {
  display: flex;
  margin-top: 20px;
  align-items: center;
  grid-column-gap: 35px
}

.html-embed-10 {
  width: 18px;
  height: 18px
}

.blog-date {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 9px
}

.blog-category-text {
  display: flex;
  flex-direction: column;
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1rem
}

.date {
  display: flex;
  flex-direction: column;
  font-family: 'Neue Montreal', sans-serif;
  color: #818181;
  font-size: 1rem
}

.date.split-text {
  letter-spacing: 0
}

.blog-read-time-text {
  display: flex;
  flex-direction: column;
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1rem
}

.blog-read-time-text.split-text {
  letter-spacing: 0
}

.page-padding-2 {
  width: 100%;
  padding-right: 5vw;
  padding-left: 5vw
}

.section-blog {
  position: relative;
  z-index: 25;
  overflow: visible;
  background-color: rgba(255, 255, 255, 0)
}

.preview-blog {
  overflow: visible
}

.blog-list {
  position: relative;
  width: 100%;
  margin-bottom: 9rem;
  border-top: 1px #d3e5e9
}

.image-portrait {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: flex;
  width: 50%;
  height: 100%;
  margin-top: 8.7rem;
  padding-left: 4rem;
  justify-content: center;
  align-items: flex-end
}

.speaker-text {
  position: relative;
  display: flex;
  padding-bottom: .55rem;
  justify-content: center;
  align-items: flex-start;
  grid-column-gap: 0rem;
  grid-row-gap: 4rem
}

.portrait-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.blog-item-preview {
  display: flex;
  padding-top: 23px;
  padding-bottom: 31px;
  padding-left: 0;
  justify-content: space-between;
  align-items: stretch;
  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;
  border-bottom: 1px solid #b4b4b4;
  text-decoration: none
}

.number-wrapper {
  display: flex;
  width: 14vw;
  padding-left: 4vw;
  align-items: flex-start
}

.portrait-image {
  position: relative;
  overflow: hidden;
  width: 20vw;
  height: 29vw;
  border-radius: .5rem
}

.speaker-name {
  position: relative;
  z-index: 10;
  overflow: visible;
  padding-top: 2.5rem;
  flex: 1
}

.marquee-snap {
  position: relative;
  overflow: hidden;
  height: 4em;
  margin-top: -12px;
  text-align: left
}

.marquee_track-snap {
  position: relative;
  width: 100%;
  height: 100%
}

.marquee_item-snap {
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

.marquee_text {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  color: #000;
  font-size: 7rem;
  line-height: .7;
  font-weight: 600;
  letter-spacing: -.05em;
  text-transform: capitalize
}

.footer-cta {
  position: relative;
  padding: 147px 5% 110px;
  background-color: #3a3a3a
}

.video-embed-wrapper {
  position: relative;
  z-index: 55;
  overflow: hidden
}

.project-video {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto
}

.showcase-text {
  margin-bottom: 33px;
  font-size: 1.4rem
}

.letter-animation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.letter-animation.is--test {
  max-width: 85%
}

.letter-animation._3, .letter-animation.left.leftleft {
  align-items: flex-start
}

.vimeo-html {
  display: flex;
  width: 100%;
  margin-top: 117px;
  padding-top: 0;
  padding-bottom: 56%;
  align-items: flex-start
}

.hero-about {
  background-color: rgba(25, 25, 25, 0)
}

.hero-about-container {
  padding-bottom: 0
}

.hero-about-content {
  display: flex;
  height: auto;
  padding-top: 17%;
  padding-bottom: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.about-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.about-hero-description-wrapper {
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0
}

.circle-text {
  display: inline-block;
  padding: 0 10px 3px;
  border: 1px solid #000;
  border-radius: 150px;
  font-size: 2rem;
  line-height: 1.3em
}

.about-logos {
  margin-top: 226px
}

.logo-about-heading {
  max-width: 85%;
  margin-top: 193px;
  margin-right: auto;
  margin-left: auto
}

.logo-about-heading.is--page {
  margin-top: 0
}

.logo-heading-about-grid {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.logo-heading-about-grid.is--page {
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
  justify-items: center;
  align-items: center;
  grid-column-gap: 187px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr
}

.logo-heading-grid-block-about {
  display: flex;
  max-width: none;
  flex-direction: column;
  grid-row-gap: 25px
}

.paragraph-heading {
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 4.5rem;
  line-height: 1.1em;
  font-weight: 600
}

.paragraph-heading.is--2 {
  max-width: 80%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.information-about {
  margin-top: 161px;
  padding-bottom: 148px
}

.information-about-container {
  display: flex;
  max-width: 100%;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.about-intro-wrapper {
  display: flex;
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

.about-intro {
  position: relative;
  padding: 122px 5% 74px;
  background-color: rgba(25, 25, 25, 0)
}

.about-intro-container {
  position: relative;
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
  z-index: 5;
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 88px
}

.class-image-container {
  position: relative;
  display: flex;
  width: 450px;
  height: 515px;
  margin-top: 69px;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center
}

.rimage {
  position: absolute;
  width: 250px;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover
}

.rimage.left {
  width: auto;
  height: 420px;
  border-radius: 20px;
  transform: none;
  transform-origin: 0% 50%
}

.rimage.mid {
  width: auto;
  height: 420px;
  border-radius: 20px;
  transform: none
}

.rimage.right {
  width: auto;
  height: 420px;
  border-radius: 20px;
  transform: none;
  transform-origin: 100% 50%
}

.value-container {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto
}

.f-feature-grid-small {
  grid-column-gap: 70px;
  grid-row-gap: 69px;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.f-margin-bottom-08 {
  margin-bottom: 8px
}

.f-feature-grid-item {
  display: flex;
  grid-column-gap: 24px
}

.value-text-heading {
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0
}

.value-text-heading.is--white {
  font-weight: 600
}

.value-grid-two {
  align-items: center;
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.value-grid-two.is--3 {
  margin-top: 94px
}

.value-section {
  position: relative;
  padding: 92px 5% 108px;
  background-color: #fff
}

.body-2 {
  background-color: #e7e5e2
}

.services-sect-content {
  max-width: 100%;
  padding-top: 90px;
  flex: 1
}

.services-grid-content-title {
  display: flex;
  margin-top: 30px;
  padding-bottom: 28px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start
}

.service-facts {
  display: flex;
  padding-bottom: 9px;
  flex-direction: row;
  justify-content: flex-start;
  grid-column-gap: 9px
}

.service-facts.is--page {
  filter: invert(100%)
}

.service-feat {
  margin-bottom: 0;
  color: #000;
  font-size: 4rem;
  font-weight: 600;
  text-transform: capitalize
}

.service-feat.is--h2 {
  font-family: Nuckle, sans-serif;
  font-size: 5rem;
  line-height: 1.1em
}

.service-feat.is--h2.is--intro {
  margin-top: 0;
  font-size: 4rem;
  text-align: left
}

.service-feat.is--h2.is--intro.is--small {
  display: inline-block;
  margin: 0 0 14px;
  padding: 11px 20px 9px;
  flex: 0 0 auto;
  border: 1px solid hsla(0, 0%, 76.1%, .39);
  border-radius: 150px;
  background-color: #d4d4d3;
  font-size: .7rem;
  font-weight: 500;
  text-align: right
}

.service-feat.is--h2.is--intro.is--small.is--emptybg {
  border-style: solid;
  border-color: #fff;
  background-color: rgba(212, 213, 211, 0);
  color: #fff
}

.service-feat.is--h2.is--intro.is--small.is--emptybg.is--service--page {
  font-size: 1.2rem
}

.services-feat.is--acordion {
  display: inline-block;
  margin-top: 30px;
  padding-bottom: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start
}

.accordian-item {
  display: block;
  padding-right: 12px;
  padding-left: 12px;
  transition: .3s
}

.service-sect-hero-container {
  display: flex;
  height: auto;
  padding-top: 5%;
  justify-content: center;
  align-items: center
}

.services-hero-grid-wrapper {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto
}

.content-image-wrapper {
  position: relative;
  display: flex;
  height: 50vh;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 16px;
  background-color: #e8e5e3
}

.content-image-wrapper.is--desktop.is--page {
  background-color: #191919
}

.content-image-wrapper.is--mobile {
  display: none
}

.content-image-wrapper.is--mobile.is--page {
  background-color: #191919
}

.content-grid {
  align-items: end;
  grid-column-gap: 29px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1.1fr;
  grid-template-columns: 1fr 1.1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

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

.section-content {
  position: relative;
  display: flex;
  padding: 100px 5% 265px;
  flex-direction: column;
  align-items: center;
  background-color: rgba(25, 25, 25, 0)
}

.section-content.is--page {
  padding-top: 132px
}

.content-image-block {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border-radius: 16px
}

.service--inner--feat {
  position: relative;
  z-index: 5;
  display: flex;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
  grid-row-gap: 50px
}

.service-lottie {
  width: 160px;
  filter: invert(100%)
}

.service-lottie.is--bigger {
  width: 200px
}

.service-lottie.is--invert {
  filter: none
}

.flex-scrolling {
  display: flex;
  overflow: hidden
}

.flex-scrolling.inner-padding-medium {
  grid-column-gap: 25px
}

.flex-scrolling.inner-padding-medium.is--2 {
  margin-top: 36px
}

.logo-grid-ticker {
  display: -ms-grid;
  display: grid;
  padding-right: 0;
  padding-left: 0;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.logo-wrap-ticker {
  display: flex;
  min-width: 275px;
  padding: 57px 0;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  background-color: #fff
}

.company-logo {
  width: 100%;
  max-height: 115px;
  max-width: 140px;
  flex: 1;
  filter: invert(100%);
  -o-object-fit: contain;
  object-fit: contain
}

.company-logo.is--blk {
  filter: none
}

.company-logo.is--blk.is--shadow {
  filter: brightness(0%)
}

.logo-grid-ticker-2 {
  display: -ms-grid;
  display: grid;
  padding-right: 0;
  padding-left: 0;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.slider-square-2 {
  padding-bottom: 3.5em;
  transition: color 350ms;
  text-align: left
}

.slider-square_img-2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: -5.1em;
  padding-top: 9%;
  border-radius: 16px;
  transform-origin: 50% 0%;
  transition: transform 350ms
}

.slider-square_photo-2 {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  transition: transform 350ms;
  -o-object-fit: cover;
  object-fit: cover
}

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

.header_component-2 {
  display: -ms-grid;
  display: grid;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 0rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.header_component-2.is--laptop {
  display: flex;
  padding-top: 15%;
  padding-bottom: 2%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr
}

.header_content-left-2 {
  max-width: 40rem;
  margin-right: 5rem;
  margin-left: 5vw
}

.header_content-left-2.is--ecommerce {
  max-width: 62rem
}

.header_content-left-2.is--digital--marketing {
  max-width: 85%
}

.header_content-left-2.is--branding {
  max-width: 65rem
}

.text-size-medium-2 {
  font-size: 1.125rem;
  letter-spacing: normal
}

.text-size-medium-2.text-style-muted {
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.4rem
}

.text-size-medium-2.text-style-muted.is--branding, .text-size-medium-2.text-style-muted.is--digital-marketing {
  max-width: 70%
}

.header_image-2 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: .5rem;
  -o-object-fit: cover;
  object-fit: cover
}

.section_header {
  position: relative;
  top: auto
}

.section_header.is--desktop {
  z-index: 2;
  display: none;
  background-color: #e8e5e3
}

.section_header.is--desktop.is--seo {
  display: flex;
  padding-top: 187px;
  padding-bottom: 202px
}

.section_header.is--laptop--mobile {
  z-index: 2;
  display: block;
  background-color: #e8e5e3
}

.header_image-list-left-2 {
  display: -ms-grid;
  display: grid;
  overflow: visible;
  width: 100%;
  height: 100%;
  margin-top: -60%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 55rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.header_content-right-2 {
  overflow: hidden;
  height: 100vh;
  padding-right: 5vw;
  align-items: center;
  grid-column-gap: 1rem
}

.header_content-right-2.is--seo {
  display: flex;
  height: auto;
  justify-content: center
}

.header_image-wrapper-2 {
  position: relative;
  width: 100%;
  margin-bottom: 27px;
  padding-top: 60%
}

.header_image-list-2 {
  display: block;
  width: 100%;
  height: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.heading-xxlarge {
  font-size: 4.5rem;
  line-height: 1.2;
  font-weight: 700
}

.heading-xxlarge.text-lineheight-none {
  margin-top: 0;
  color: #000;
  line-height: 1.1;
  font-weight: 600
}

.header_images-layout-2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  grid-column-gap: 1rem;
  grid-row-gap: 55px
}

.sticky-services-intro {
  position: relative;
  top: auto;
  z-index: 4;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #e8e5e3
}

.sticky-service-container {
  height: 100%;
  padding-top: 10%;
  padding-bottom: 12%;
  border-bottom: 1px solid #353535;
  border-radius: 20px 20px 0 0;
  background-color: #171717
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 8.3rem
}

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

.layout121_timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 0
}

.layout121_timeline-wrapper {
  position: relative
}

.section_layout121 {
  position: static;
  z-index: 666;
  margin-bottom: -21px;
  border-radius: 0 0 20px 20px;
  background-color: #171717
}

.layout121_component {
  display: -ms-grid;
  display: grid;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.padding-global {
  padding-right: 5%;
  padding-left: 5%;
  background-color: #171717
}

.layout121_timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto
}

.layout3_component {
  display: -ms-grid;
  display: grid;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.text-size-medium-3 {
  font-family: 'Neue Montreal', sans-serif;
  color: #000;
  font-size: 1.125rem;
  line-height: 1.6em
}

.padding-global-2 {
  padding-right: 5%;
  padding-left: 5%
}

.section_layout3 {
  position: relative;
  z-index: 2;
  margin-top: -22px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #e8e5e3
}

.image--service {
  border-radius: 20px
}

.project-logo-wrap {
  max-width: 115px;
  min-width: 170px
}

.f-header-grid-asymmetrical {
  grid-column-gap: 195px;
  -ms-grid-columns: 1fr 0.75fr;
  grid-template-columns: 1fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.heading-small-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 600
}

.flex-horizontal-3 {
  display: flex;
  align-items: center
}

.flex-horizontal-3.inner-padding-small {
  padding-bottom: 10px
}

.content-image {
  position: static;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.section-8 {
  position: relative
}

.section-8.hero {
  padding-top: 16vh
}

.form-button {
  padding: 15px 49px;
  border-radius: 150px;
  background-color: #000;
  transition: background-color .2s;
  font-family: Nuckle, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.form-button:hover {
  background-color: #2e2e2e
}

.textarea {
  display: flex;
  margin-top: 43px;
  margin-bottom: 25px;
  padding-left: 0;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent #000;
  background-color: transparent;
  font-size: 22px
}

.textarea::-moz-placeholder {
  color: #000
}

.textarea::-ms-input-placeholder {
  color: #000
}

.textarea::placeholder {
  color: #000
}

.textarea._2 {
  margin-bottom: 65px
}

.container-21 {
  position: relative;
  height: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px
}

.container-21.padding-bottom-large {
  padding-bottom: 149px
}

.error-message {
  padding-top: 19px;
  padding-bottom: 19px;
  background-color: #ffbdbd
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.content-wrapper.padding-bottom-medium.is--2 {
  max-width: 80%
}

.heading-large-5 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  font-size: 6.5em;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.035em;
  text-transform: none
}

.heading-large-5.margin-bottom-small {
  padding-bottom: 0;
  font-size: 4rem
}

.heading-large-5.margin-bottom-small.center {
  text-align: center
}

.main-paragraph-2.text-gray {
  color: #727272
}

.main-paragraph-2.text-gray.text-small {
  color: #000;
  font-size: 1.23rem
}

.main-paragraph-2.text-gray.text-small.center {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.success-message {
  background-color: #c6f096
}

.main-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 7vw;
  grid-row-gap: 8vw;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.text-field {
  height: 55px;
  margin-bottom: 15px;
  padding-right: 0;
  padding-left: 15px;
  border: 1px solid #000;
  border-radius: 20px;
  background-color: transparent;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1rem;
  font-weight: 500
}

.text-field::-moz-placeholder {
  color: #000;
  font-size: 1rem
}

.text-field::-ms-input-placeholder {
  color: #000;
  font-size: 1rem
}

.text-field::placeholder {
  color: #000;
  font-size: 1rem
}

.text-field.is--dropdown {
  width: 95%;
  margin-bottom: 0;
  padding-right: 0;
  border-style: none;
  border-radius: 0
}

.text-block-22 {
  margin-bottom: 16px;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-size: 1.1rem;
  font-weight: 600
}

.text-block-22._2._3 {
  font-weight: 500
}

.text-block-22._2.no--margin {
  margin-bottom: 7px
}

.text-block-22._2.no--margin.title-form {
  margin-bottom: 16px
}

.form-input {
  margin-bottom: 41px
}

.dropdown-border-contact {
  border: 1px solid #000;
  border-radius: 20px
}

.form-2 {
  font-family: 'Neue Montreal', sans-serif
}

.radio-btn-contact {
  border: 1px #000;
  border-radius: 20px
}

.div-block-3 {
  padding: 24px 37px 24px 23px;
  border-radius: 20px;
  background-color: #fff
}

.div-block-3.no--bg {
  padding-right: 0;
  padding-left: 0;
  background-color: hsla(0, 0%, 100%, 0)
}

.link-block-3 {
  color: #000;
  text-decoration: none
}

.f-section-regular {
  position: relative;
  padding: 191px 5% 116px
}

.f-container-regular-3 {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto
}

.grid-rail {
  display: flex;
  width: auto;
  min-height: auto;
  min-width: 60vw;
  margin-right: 1vw;
  margin-bottom: 68px;
  margin-left: 1vw;
  padding-top: 10vh;
  padding-bottom: 2vh;
  flex: 0 0 auto;
  grid-column-gap: 2vw;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: nowrap
}

.section-9 {
  position: relative;
  top: 0;
  overflow: hidden;
  background-color: transparent
}

.image-tiles-hero {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: none;
  -o-object-fit: cover;
  object-fit: cover
}

.hero-ticker-images {
  display: flex;
  overflow: hidden;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 3vh;
  flex-direction: column;
  justify-content: flex-start
}

.hero-rail {
  display: flex;
  align-items: flex-end
}

.hero-rail.gap {
  margin-top: 15px;
  margin-bottom: 15px;
  justify-content: space-between;
  align-items: flex-start
}

.rail-wrapper {
  display: flex;
  align-items: center;
  flex: 0 0 auto
}

.hero-grid-header {
  display: block;
  overflow: hidden;
  min-height: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 135px auto auto auto auto 15vh;
  grid-template-rows: 135px auto auto auto auto 15vh
}

.frame-image-overflow {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 28em;
  justify-content: center;
  align-items: flex-start;
  border: 6px #fff;
  border-radius: 11px;
  perspective: 2000px
}

.a-content-grid-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-column-gap: 24px;
  grid-row-gap: 5px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.a-container-regular-2 {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto
}

.a-section-regular {
  position: relative;
  display: flex;
  padding: 92px 5%;
  flex-direction: row;
  background-color: #171717
}

.why-heading-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 8px
}

.lightning__svg {
  width: 35px;
  color: #fff
}

.popup-inner {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center
}

.popup-close-icon {
  width: 1em;
  height: 1em;
  color: #fff
}

.popup-group {
  position: fixed;
  left: auto;
  top: auto;
  right: 4%;
  bottom: 4%;
  z-index: 9999;
  display: none
}

.popup-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: auto;
  display: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center
}

.popup-toggle-text {
  padding: 15px 23px;
  border-radius: 100px;
  background-color: #000;
  font-family: Nuckle, sans-serif;
  color: #fff;
  font-size: 1em;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase
}

.popup-content-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: auto;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 0;
  background-color: #e8e5e3
}

.contact-item {
  display: flex;
  align-items: flex-start
}

.section-regular {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 241px 5% 92px;
  flex: 0 auto
}

.grid-one-column {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.content-column {
  display: flex;
  height: auto;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  color: #1e1e20
}

.grid-two-column {
  align-items: start;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1.5fr;
  grid-template-columns: 1fr 1.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.contact-icon {
  display: flex;
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-right: 16px;
  justify-content: center;
  align-items: center
}

.h1-heading {
  margin-top: 0;
  font-size: 64px;
  line-height: 1.2;
  letter-spacing: -.04em
}

.h1-heading.text-weight-medium {
  padding-bottom: 22px;
  font-family: Nuckle, sans-serif;
  color: #000;
  font-weight: 600
}

.content-form-card {
  padding: 32px;
  border: 1px solid #d2d2d7;
  border-radius: 8px
}

.container-small {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto
}

.paragraph-large-2 {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -.02em
}

.paragraph-large-2.text-weight-medium {
  font-weight: 500
}

.footer-logo__img {
  width: 90px;
  filter: invert(100%)
}

.div-block-4 {
  margin-top: 51px
}

.div-block-4.questionnaire {
  margin-top: 18px
}

.ff {
  max-width: 70%
}

.heading-12 {
  color: #000;
  font-weight: 600
}

.mobile-cover-image {
  display: none
}

@media screen and (min-width:1280px) {
  .paragraph.is--intro-services.is--feat {
    padding-bottom: 27px
  }

  .social__icons__grid {
    display: none
  }

  .contact__form__wrapper {
    padding-top: 10.1em
  }

  .nav__link, .nav__link.menu {
    padding-right: 34px;
    text-decoration: none
  }

  .nav__menu__links {
    display: block;
    justify-content: flex-start;
    align-items: flex-start
  }

  .nav__menu__overlay {
    display: none
  }

  .menu-item-text.contact {
    padding-top: 0;
    padding-bottom: 0
  }

  .link__menu {
    color: #fff;
    font-size: 20px
  }

  .nav__contact__text {
    line-height: 2em
  }

  .nav__contact__text.is--head {
    padding-bottom: 0
  }

  .nav__menu__content {
    width: 65%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch
  }

  .intro-box {
    min-height: 475px
  }

  .menu-content {
    padding-top: 10%
  }

  .full-menu {
    display: none
  }

  .section__heading.is--black {
    display: flex
  }

  .heading-services.is--h2.is--intro.is--small {
    border-color: #000;
    background-color: #fff
  }

  .overflow-hidden-2 {
    overflow: hidden
  }

  .hero-video_wrapper.is--about {
    margin-top: 64px
  }

  .work-bg-video {
    height: 40vh
  }

  .heading-work.is--h2.is--testimonials.is--small {
    border-color: #000;
    background-color: #fff;
    font-weight: 500
  }

  .f-footer-app-logo.is--btn {
    background-color: #000
  }

  .f-footer-app-logo.is--btn.is--white {
    background-color: #fff
  }

  .main-btn.is--invert {
    padding-left: 0
  }

  .paragraph-regular-bold {
    letter-spacing: 0
  }

  .letter-animation._3 {
    align-items: flex-start
  }

  .logo-heading-about-grid {
    -ms-grid-columns: 1fr 1.5fr;
    grid-template-columns: 1fr 1.5fr
  }

  .slider-square_photo-2 {
    border-radius: 20px
  }
}

@media screen and (min-width:1440px) {
  .paragraph {
    font-size: 1.4rem
  }

  .paragraph.is--hero.is--white {
    font-size: 2.5rem
  }

  .paragraph.is--intro-services {
    font-size: 1.8rem
  }

  .form__content__wrapper {
    height: auto
  }

  .social__icons__grid {
    display: none
  }

  .contact__form__wrapper {
    padding-bottom: 13.7em
  }

  .nav__link {
    padding-right: 34px;
    font-size: 24px;
    text-decoration: none
  }

  .nav__link.menu {
    padding-right: 34px
  }

  .menu__item__number, .nav__menu__overlay {
    display: none
  }

  .nav__menu__contain__info {
    margin-bottom: 10px
  }

  .menu-item-text.contact {
    padding-top: 0;
    padding-bottom: 0
  }

  .link__menu {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none
  }

  .nav__contact__text {
    font-size: 12px
  }

  .nav__menu__content {
    width: 50%
  }

  .intro-box {
    min-height: 500px
  }

  .heading.is--h2.is--about {
    text-align: left
  }

  .heading.is--h2.is--left.is--white {
    font-weight: 500
  }

  .heading.is--h2.is--left.is--smaller {
    font-size: 2.7rem
  }

  .heading.is--h2.is--services {
    text-align: left
  }

  .heading.is--h2.is--white.is--center {
    font-family: Nuckle, sans-serif
  }

  .heading.is--h1.is--white.is--hero {
    margin-top: 0
  }

  .project-hero-content-block.is--left {
    max-width: 100%
  }

  .project__title {
    font-size: 3.5rem
  }

  .project-info-heading {
    padding-bottom: 15px
  }

  .project-info {
    font-family: 'Neue Montreal', sans-serif;
    font-weight: 400
  }

  .marquee-item {
    width: 60em
  }

  .project__grid {
    -ms-grid-columns: 1fr 1fr 5.75fr;
    grid-template-columns: 1fr 1fr 5.75fr
  }

  .heading-one.is--one.is--desktop {
    padding-bottom: 0;
    font-size: 14vw
  }

  .heading-one.is--footer {
    padding-top: 97px;
    line-height: .8em
  }

  .menu-content {
    padding-top: 11.5%;
    padding-bottom: 3%
  }

  .link-2.static {
    font-size: 3.5vw
  }

  .menu-text.nav.open {
    font-size: 3.5vw
  }

  .logo-header, .logo-header.is--black {
    filter: none
  }

  .full-menu {
    display: none
  }

  .footer-new {
    z-index: -2
  }

  .white-bg.is--work {
    background-color: #e8e5e3
  }

  .line-animation {
    max-width: 70%
  }

  .line-animation.is--2 {
    max-width: 99%
  }

  .project-top {
    padding-bottom: 156px
  }

  .project-hero-work-bg {
    padding-top: 0;
    background-position: 50% 30%
  }

  .short-slogan-container {
    padding-top: 86px;
    padding-bottom: 80px
  }

  .short-slogan-content {
    max-width: 80%
  }

  .work-display-content.is--1.is--video {
    max-width: 70%
  }

  .works-grids {
    padding-bottom: 19px
  }

  .big-split-header {
    border: 1px solid transparent
  }

  .section__heading {
    width: auto;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .section__heading.is--black {
    flex: 0 0 auto
  }

  .section__heading.is--contact.is--black {
    line-height: 1.2em
  }

  .contact-sect {
    display: block;
    overflow: hidden
  }

  .button-circle {
    left: auto;
    top: auto;
    right: 12%;
    bottom: -10%;
    width: 15rem;
    height: 15rem
  }

  .is-special-h {
    font-size: 2vw
  }

  .contact-contain {
    margin-top: 0
  }

  .nav-menu-trigger {
    padding-top: 0
  }

  .menu-button-text-wrapper-2 {
    padding-top: 0;
    border-style: none
  }

  .nav-start-wrapper {
    left: auto;
    top: auto;
    right: 0;
    bottom: 3.5%
  }

  .more-work-container {
    max-width: 90%;
    margin-left: 0
  }

  .process-grid-heading {
    display: flex;
    min-width: 100%;
    align-items: flex-start;
    -ms-grid-columns: 3.25fr 3.25fr 3.25fr;
    grid-template-columns: 3.25fr 3.25fr 3.25fr
  }

  .process-inner-heading-wrapper {
    width: auto;
    max-width: 100%;
    margin-left: 0
  }

  .process-grid-heading-grid-block.is--two {
    width: 100%;
    align-items: flex-start;
    flex: 1
  }

  .process-2.is--page {
    margin-top: 8%
  }

  .process-heading {
    max-width: 90%
  }

  .heading-services.is--h2, .heading-services.is--h2.is--intro, .heading-services.is--h2.is--testimonials {
    font-size: 5rem
  }

  .heading-services.is--h2.is--intro.is--small {
    border-color: hsla(0, 0%, 76.1%, .39);
    background-color: #d4d4d3
  }

  .heading-services.is--h2.is--blog {
    font-size: 5rem
  }

  .intro-content.is--1 {
    width: 60%
  }

  .intro-content.is--4 {
    margin-right: auto;
    margin-left: auto;
    padding-top: 49px
  }

  .hero-video_wrapper {
    height: auto
  }

  .hero-video_wrapper.is--about {
    margin-top: 168px
  }

  .job-title-2 {
    font-size: .9vw
  }

  .test-slider-reviews {
    max-width: 100%
  }

  .reviewer__name-2 {
    font-size: 1.3vw
  }

  .testimonial-container {
    max-width: 100%;
    align-items: flex-start
  }

  .logos-heading-container {
    width: 100%;
    margin-right: -51px;
    margin-left: 0
  }

  .testimonial-grid-heading {
    min-width: 100%;
    -ms-grid-columns: 5.5fr 2.25fr 1fr;
    grid-template-columns: 5.5fr 2.25fr 1fr
  }

  .testimonials-inner-heading {
    width: 100%;
    max-width: 100%;
    margin-left: 0
  }

  .process-inner-heading-wrapper-inner {
    width: auto;
    max-width: 100%;
    margin-left: 0
  }

  .custom-video-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }

  .intro-container-2 {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 162px
  }

  .new-hero-grid-block-content.is--1 {
    padding-bottom: 140px
  }

  .new-hero-grid-block-content-inner {
    padding-top: 62px
  }

  .grid__wrapper.is--desktop {
    margin-top: -32px
  }

  .reveal {
    height: 50vh
  }

  .work-bg-video {
    height: 29vh
  }

  .work-bg-video.is--3 {
    height: 100%
  }

  .work-bg-video.is--4 {
    height: 100%;
    padding-bottom: 57%
  }

  .work-bg-video.is--1 {
    height: 100%;
    padding-bottom: 58.5%
  }

  .work-bg-video.is--2 {
    padding-bottom: 56%
  }

  .work-bg-video.is--5 {
    height: 100%;
    min-width: 95%
  }

  .work-bg-video.is--6 {
    height: 100%
  }

  .blog-title.is--blog.is--small {
    max-width: 32vw;
    font-size: 2rem
  }

  .work-heading {
    max-width: 80%;
    min-width: 90%
  }

  .work-inner-heading {
    width: auto;
    max-width: 100%;
    margin-left: 0
  }

  .worker-grid-heading {
    min-width: 100%;
    -ms-grid-columns: 3.25fr 2.25fr 1fr;
    grid-template-columns: 3.25fr 2.25fr 1fr
  }

  .heading-work.is--h2, .heading-work.is--h2.is--testimonials {
    font-size: 5rem
  }

  .heading-work.is--h2.is--testimonials.is--small {
    display: inline-block;
    border-color: hsla(0, 0%, 76.1%, .39);
    background-color: #d4d4d3
  }

  .button-small-2 {
    padding-right: .3rem;
    padding-left: .3rem
  }

  .f-container-regular {
    max-width: 95%
  }

  .f-footer-app-logo.is--btn.is--white {
    border-style: none
  }

  .f-footer-large-link-grid {
    -ms-grid-columns: 0.25fr 5.75fr 6fr 5.75fr;
    grid-template-columns: 0.25fr 5.75fr 6fr 5.75fr
  }

  .blog-category-text.split-text {
    letter-spacing: 0
  }

  .marquee-snap {
    height: 3.2em;
    margin-top: -25px
  }

  .video-embed-wrapper {
    overflow: visible;
    padding-top: 68px;
    padding-bottom: 68px
  }

  .showcase-text {
    font-size: 1.5rem
  }

  .letter-animation.is--test._222 {
    max-width: 75%
  }

  .letter-animation.left {
    align-items: flex-start
  }

  .hero-about-content {
    padding-top: 10%;
    padding-bottom: 0
  }

  .about-hero-description-wrapper {
    max-width: 70%
  }

  .circle-text {
    font-size: 2.2rem
  }

  .logo-about-heading {
    max-width: 72%
  }

  .logo-about-heading.is--page {
    max-width: 90%
  }

  .logo-heading-about-grid {
    -ms-grid-columns: 1fr 1.25fr;
    grid-template-columns: 1fr 1.25fr
  }

  .information-about-container {
    max-width: 90%
  }

  .about-intro-container {
    padding-bottom: 137px
  }

  .rimage.left, .rimage.mid, .rimage.right {
    height: 525px
  }

  .service-feat.is--h2, .service-feat.is--h2.is--intro {
    font-size: 5rem
  }

  .service-feat.is--h2.is--intro.is--small {
    flex: 0 0 auto
  }

  .service-feat.is--h2.is--intro.is--small.is--emptybg.is--service--page {
    font-size: 1.2rem
  }

  .service-sect-hero-container {
    height: auto;
    padding-top: 4%
  }

  .services-hero-grid-wrapper {
    max-width: 80%
  }

  .section_header.is--desktop {
    display: block
  }

  .section_header.is--laptop--mobile {
    display: none
  }

  .header_content-right-2.is--seo {
    display: flex;
    justify-content: center
  }

  .heading-xxlarge.text-lineheight-none.is--digital--marketing {
    font-size: 3.7rem
  }

  .sticky-service-container {
    padding-bottom: 13%
  }

  .heading-large-5.margin-bottom-small {
    font-size: 4.5rem
  }

  .f-container-regular-3 {
    max-width: 100%
  }

  .popup-group, .popup-wrapper {
    display: none
  }
}

@media screen and (min-width:1920px) {
  .paragraph {
    margin-bottom: 34px;
    font-size: 1.8rem
  }

  .paragraph.is--hero {
    font-size: 2.2rem
  }

  .paragraph.is--hero.is--white {
    font-size: 3rem
  }

  .paragraph.is--intro.split-text {
    font-size: 1.5rem
  }

  .paragraph.is--intro-services {
    max-width: 60%;
    font-size: 2rem
  }

  .paragraph.is--intro-services.is--feat {
    max-width: 100%
  }

  .paragraph.is--intro-services.is--feat.is--white {
    padding-bottom: 0
  }

  .footer-navigation {
    padding-right: 32px
  }

  .grid-wrapper {
    padding-top: 152px
  }

  .footer__wrapper.no-bottom-padding {
    position: relative;
    bottom: 0
  }

  .form__content__wrapper {
    height: auto
  }

  .form__row__wrapper {
    flex-direction: column;
    align-items: flex-start;
    filter: none
  }

  .social__icons__grid {
    display: none
  }

  .social__icons__grid.menu {
    margin-top: 36px
  }

  .checkbox__text {
    color: #000;
    font-size: 1rem;
    font-weight: 500
  }

  .contact__form__wrapper {
    padding-bottom: 9.2em
  }

  .checkbox {
    z-index: 2;
    border-color: #000
  }

  .checkbox.w--redirected-checked {
    background-color: #dde9ff
  }

  .nav__items {
    align-items: center
  }

  .nav__link {
    padding-right: 34px;
    text-decoration: none
  }

  .nav__link.menu {
    padding-right: 34px
  }

  .nav__menu__social__container {
    -ms-grid-row-align: center;
    align-self: center
  }

  .nav__menu__links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
  }

  .nav__menu__overlay {
    display: none;
    margin-right: auto;
    margin-left: auto
  }

  .menu-item-text.contact {
    padding-top: 0;
    padding-bottom: 0
  }

  .link__menu {
    color: #fff;
    font-size: 20px
  }

  .nav__contact__text.is--head {
    margin-bottom: 10px;
    padding-bottom: 0;
    color: #c6c6c6;
    font-size: 20px
  }

  .nav__menu__content {
    width: 90%
  }

  .c-nav-social-media {
    padding-top: 50px
  }

  .heading {
    font-size: 9rem
  }

  .heading.is--h3.is--services {
    flex: 0 0 auto;
    font-size: 3rem
  }

  .heading.is--h2.is--intro {
    font-size: 4.5rem
  }

  .heading.is--h2.is--intro.split-text {
    font-size: 5rem
  }

  .heading.is--h2.is--services, .heading.is--h2.is--services.split-text, .heading.is--h2.is--work {
    font-size: 5.5rem
  }

  .heading.is--h2.is--left {
    font-size: 6rem
  }

  .heading.is--h2.is--left.is--smaller {
    font-size: 4rem
  }

  .heading.is--h2.is--services {
    font-size: 3rem
  }

  .project__title {
    font-size: 5.5rem
  }

  .logo-project__image {
    width: 215px;
    margin-top: -4px
  }

  .project-info-heading {
    width: 250px;
    max-width: 250px
  }

  .marquee-item {
    width: 950px;
    flex: 0 0 auto
  }

  .project__grid {
    -ms-grid-columns: 1fr 1fr 9.25fr;
    grid-template-columns: 1fr 1fr 9.25fr
  }

  .hero {
    padding-top: 0;
    padding-bottom: 0
  }

  .heading-one.is--one {
    padding-bottom: 28px;
    font-size: 19.5vw
  }

  .heading-one.is--one.is--desktop {
    padding-bottom: 0;
    font-size: 14vw
  }

  .heading-one.is--footer {
    padding-bottom: 0;
    font-size: 30vw
  }

  .nav-menu {
    padding-right: 1.5%;
    padding-left: 1.5%
  }

  .menu-content {
    padding-top: 11%;
    padding-bottom: 3%
  }

  .link-2.static {
    font-size: 3.4vw
  }

  .menu-text.nav.open {
    padding-top: 0;
    font-size: 2.2vw
  }

  .logo-header, .logo-header.is--black {
    filter: none
  }

  .full-menu {
    display: none
  }

  .navbar.start--scroll.is--black {
    top: 0;
    right: 0
  }

  .divider-line {
    max-width: none;
    min-width: 0;
    flex: 1
  }

  .is--1 {
    padding-bottom: 15px;
    line-height: 1em
  }

  .footer-detail-block {
    flex: 0 auto
  }

  .footer-new {
    z-index: -2;
    margin-top: 0;
    padding-top: 87px
  }

  .footer-social-link {
    padding-right: 28px;
    padding-left: 28px
  }

  .split-text {
    font-size: 2.5vw
  }

  .line-animation {
    width: auto;
    max-width: 60%;
    flex: 0 auto
  }

  .line-animation.is--flex {
    max-width: 65%
  }

  .line-animation.is--90 {
    max-width: none;
    padding-right: 41px;
    flex: 0 auto
  }

  .line-animation.is--90.is--flex.is--sticky.is--contact {
    max-width: 85%
  }

  .is--4 {
    padding-bottom: 5px
  }

  .project-top {
    padding-top: 143px;
    padding-bottom: 198px
  }

  .project-hero-work-bg {
    padding-top: 0;
    padding-bottom: 70%
  }

  .project-work-hero {
    padding-top: 0
  }

  .short-slogan-container {
    padding-top: 131px;
    padding-bottom: 150px
  }

  .project-description {
    font-size: 1.3vw;
    line-height: 1.6em
  }

  .collection-list-3 {
    width: 60%
  }

  .work-display-content.is--3 {
    flex: 0 0 auto
  }

  .work-display-content.is--1.is--video {
    max-width: 60%;
    padding-bottom: 0
  }

  .work-display-content.is--11 {
    padding-bottom: 25vh
  }

  .works__image {
    display: inline-block;
    flex: 1
  }

  .is--contact {
    padding-bottom: 17px;
    line-height: 1em
  }

  .sticky-wrapper {
    width: auto
  }

  .swiper-slide {
    border-radius: 0
  }

  .swiper-component.slider1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%
  }

  .works {
    padding-bottom: 163px;
    grid-column-gap: 200px
  }

  .works__heading {
    font-size: 1.7vw
  }

  .works__heading.is--two {
    font-size: 1.3rem
  }

  .inner-page-wrap {
    padding-bottom: 0
  }

  .is--5 {
    padding-bottom: 15px;
    font-size: 1.4vw;
    line-height: 1em
  }

  .big-split-header {
    font-size: 8rem;
    line-height: 1
  }

  .large-service-button {
    width: 45rem;
    height: 45rem
  }

  .large-service-button:hover {
    color: #4b1dd3
  }

  .section__heading {
    width: auto;
    max-width: none;
    line-height: 1.2em
  }

  .section__heading.is--contact {
    font-size: 11vw
  }

  .section__heading.is--contact.is--black {
    line-height: 1.2em
  }

  .section__heading.is--contact.is--black.is--desktop {
    display: block;
    flex-direction: column;
    font-size: 10vw
  }

  .text-white {
    font-size: 20px
  }

  .button-circle {
    left: auto;
    top: auto;
    right: 14%;
    bottom: 0
  }

  .is-special-h {
    font-size: 1.5vw
  }

  .contact-contain {
    margin-top: 0;
    padding-bottom: 0;
    justify-content: center;
    grid-column-gap: 35px
  }

  .purple-letter {
    padding-left: 1px
  }

  .menu-button-text-wrapper-2 {
    padding-top: 0
  }

  .nav-start-wrapper {
    left: auto;
    top: auto;
    right: 2%;
    bottom: 6%;
    max-width: 45vw
  }

  .more-work-container {
    max-width: 100%
  }

  .more-work-heading {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto
  }

  .lifestyle-image-wrapper {
    overflow: visible
  }

  .process-grid-heading {
    align-items: flex-end;
    -ms-grid-columns: 3.25fr 3.25fr 1fr;
    grid-template-columns: 3.25fr 3.25fr 1fr
  }

  .process-inner-heading-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: 0
  }

  .process-2 {
    bottom: 0
  }

  .process-2.is--page {
    margin-top: 3%
  }

  .process-heading {
    max-width: 78%
  }

  .service--container {
    padding-top: 170px;
    padding-bottom: 271px;
    justify-content: flex-end
  }

  .service--container.is--white {
    padding-top: 95px
  }

  .service--container.is--white.is--page {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    align-items: flex-start
  }

  .paragraph-main {
    font-size: 2.3rem
  }

  .paragraph-main.is--testimonials {
    font-size: 2.4rem
  }

  .heading-services.is--h2 {
    font-size: 6rem
  }

  .heading-services.is--h2.is--testimonials {
    font-size: 5.5rem
  }

  .heading-services.is--h2.is--intro {
    font-size: 6rem
  }

  .heading-services.is--h2.is--blog {
    font-size: 5.5rem
  }

  .container-14.flex-vertical {
    width: 100%;
    max-width: 70%
  }

  .intro-content.is--1 {
    width: 65%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
    padding-bottom: 0;
    padding-left: 0
  }

  .intro-content.is--4 {
    width: 94%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 56px;
    padding-bottom: 0;
    padding-left: 0
  }

  .page-padding-2 {
    padding-top: 0
  }

  .hero-video_wrapper {
    z-index: 15;
    width: 60vw;
    height: auto;
    margin-top: 169px
  }

  .hero-video_wrapper.is--about {
    width: 100vw;
    margin-top: 143px;
    margin-right: auto;
    margin-left: auto
  }

  .hero-video-link-wrapper {
    width: 100%;
    min-width: 100%
  }

  .job-title-2 {
    font-size: .8vw
  }

  .test-slider-reviews {
    max-width: 100%
  }

  .reviewer__name-2 {
    font-size: 1.1vw
  }

  .testimonial-container {
    max-width: 80%
  }

  .logos-heading-container {
    width: 100%;
    margin-right: 0;
    margin-left: auto
  }

  .testimonial-grid-heading {
    -ms-grid-columns: 3.25fr 3.25fr 1fr;
    grid-template-columns: 3.25fr 3.25fr 1fr
  }

  .testimonials-inner-heading {
    width: 100%;
    max-width: 100%;
    margin-left: 0
  }

  .testimonial-bottom-content-2 {
    margin-right: 0;
    margin-left: 0
  }

  .process-heading-wrap {
    padding-bottom: 0
  }

  .process-inner-heading-wrapper-inner {
    right: 4%;
    bottom: 6%;
    width: 100%;
    max-width: 50%;
    margin-left: 0
  }

  .custom-video-wrapper {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
  }

  .video-vimeo-wrapper {
    padding-top: 68.25%
  }

  .vimeo-embed {
    height: 100%;
    min-height: 100%
  }

  .intro-container-2 {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 144px;
    padding-bottom: 212px
  }

  .hero-grid-wrapper {
    padding-bottom: 0;
    flex: 1
  }

  .new-hero-grid {
    width: 100%;
    flex: 0 auto;
    grid-column-gap: 0px;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr
  }

  .new-hero-grid-block-content.is--1 {
    padding-bottom: 166px
  }

  .new-hero-grid-block-content.is--2 {
    max-width: 34vw
  }

  .new-hero-grid-block-content-inner {
    padding-top: 71px;
    padding-bottom: 41px;
    align-items: stretch
  }

  .arrow-link-btn {
    width: 12vw;
    height: 12vw
  }

  .arrow-link-btn.is--desktop {
    left: auto;
    top: 17%;
    right: 0;
    bottom: auto;
    width: 10vw;
    height: 10vw
  }

  .arrow-svg-main {
    width: 6vw;
    height: 6vw
  }

  .grid__column.is--second {
    height: 100%
  }

  .section-7.is--hero {
    height: auto
  }

  .section-7.is--grid {
    height: 160vh
  }

  .grid__wrapper.is--desktop {
    margin-top: -44px
  }

  .reveal {
    height: 80vh
  }

  .work-bg-video {
    height: 40vh
  }

  .work-bg-video.is--3 {
    height: 100%
  }

  .work-bg-video.is--4 {
    height: 100%;
    padding-bottom: 57%
  }

  .work-bg-video.is--1 {
    height: 100%;
    padding-bottom: 58%
  }

  .work-bg-video.is--2 {
    height: 100%;
    padding-bottom: 56.5%
  }

  .work-bg-video.is--2.is--beer, .work-bg-video.is--2.resorts {
    padding-bottom: 57%
  }

  .work-bg-video.is--5 {
    height: 100%;
    padding-bottom: 58%
  }

  .work-bg-video.is--6 {
    height: 100%;
    padding-bottom: 55%
  }

  .section-88.is--grid {
    height: 160vh
  }

  .section-88.is--grid.is--desktop {
    height: 0%
  }

  .lottie-animation {
    width: 300px
  }

  .blog-title.is--blog.is--small {
    max-width: 25vw;
    font-size: 2rem
  }

  .work-heading {
    max-width: 90%;
    min-width: 90%
  }

  .work-inner-heading {
    width: 100%;
    max-width: 60%;
    margin-left: 0
  }

  .worker-grid-heading {
    -ms-grid-columns: 3.25fr 3.25fr 1fr;
    grid-template-columns: 3.25fr 3.25fr 1fr
  }

  .heading-work.is--h2, .heading-work.is--h2.is--testimonials {
    font-size: 6rem
  }

  .heading-work.is--h2.is--testimonials.is--small {
    padding-top: 12px
  }

  .featured-works-heading {
    max-width: 45vw
  }

  .f-container-regular {
    max-width: 90%
  }

  .f-footer-large-link-grid {
    -ms-grid-columns: 0.25fr 7.5fr 5.75fr 5.75fr;
    grid-template-columns: 0.25fr 7.5fr 5.75fr 5.75fr
  }

  .footer-block {
    display: flex
  }

  .blog-category-text.split-text {
    font-size: 1.3rem
  }

  .date.split-text {
    font-size: 1rem
  }

  .blog-read-time-text.split-text {
    font-size: 1.2rem
  }

  .image-portrait {
    margin-top: 5.3rem
  }

  .marquee-snap {
    height: 2.8em;
    margin-top: -28px
  }

  .marquee_text {
    font-size: 9rem
  }

  .project-video {
    max-width: 80%
  }

  .showcase-text {
    margin-bottom: 0;
    font-size: 1.8rem
  }

  .letter-animation {
    margin-right: auto;
    margin-left: auto
  }

  .letter-animation.is--test._222 {
    max-width: 65%;
    margin-left: 0
  }

  .letter-animation.is--reviews {
    margin-left: 0
  }

  .vimeo-html {
    margin-top: 218px
  }

  .hero-about-content {
    padding-top: 10%;
    padding-bottom: 0
  }

  .about-hero-description-wrapper {
    max-width: 52%
  }

  .circle-text {
    font-size: 2.4rem
  }

  .logo-about-heading.is--page {
    max-width: 50%
  }

  .logo-heading-about-grid.is--page {
    max-width: 80%
  }

  .paragraph-heading {
    font-size: 5.5rem
  }

  .paragraph-heading.is--2 {
    max-width: 69%
  }

  .information-about-container {
    max-width: 90%
  }

  .about-intro-wrapper {
    max-width: 100%
  }

  .about-intro-container {
    max-width: 820px;
    padding-bottom: 45px
  }

  .class-image-container {
    margin-top: 283px
  }

  .rimage.left, .rimage.mid, .rimage.right {
    height: 700px;
    border-radius: 20px
  }

  .value-container {
    max-width: 70%
  }

  .service-feat.is--h2, .service-feat.is--h2.is--intro {
    font-size: 6rem
  }

  .service-feat.is--h2.is--intro.is--small.is--emptybg.is--service--page {
    font-size: 1.2rem
  }

  .services-feat {
    max-width: 70%;
    margin-right: auto;
    margin-left: auto
  }

  .services-feat.is--acordion {
    margin-left: 0
  }

  .service-sect-hero-container {
    padding-top: 0
  }

  .services-hero-grid-wrapper {
    max-width: 100%;
    padding-top: 139px
  }

  .section-content.is--page {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    align-items: flex-start
  }

  .service--inner--feat.is--page {
    max-width: 100%
  }

  .slider-square_img-2 {
    padding-top: 10%
  }

  .slider-square_photo-2 {
    -o-object-fit: fill;
    object-fit: fill
  }

  .header_component-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }

  .header_component-2.is--digital--marketing {
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr
  }

  .header_content-left-2.is--digital-marketing {
    max-width: 100%;
    margin-left: 2vw
  }

  .text-size-medium-2.text-style-muted {
    max-width: 80%
  }

  .header_image-list-left-2 {
    width: 70%
  }

  .header_image-list-left-2.is--digital--marketing {
    width: 90%
  }

  .heading-xxlarge.text-lineheight-none {
    font-size: 5rem
  }

  .heading-xxlarge.text-lineheight-none.is--digital--marketing {
    font-size: 4.5rem
  }

  .header_images-layout-2 {
    justify-content: center;
    align-items: flex-start
  }

  .sticky-services-intro {
    padding-bottom: 0
  }

  .sticky-service-container {
    padding-top: 8%;
    padding-bottom: 8%
  }

  .container-large-3 {
    max-width: 100rem
  }

  .project-logo-wrap {
    display: flex;
    max-width: none;
    min-width: auto;
    justify-content: center;
    align-items: center;
    flex: 1
  }

  .content-wrapper.padding-bottom-medium.is--2 {
    margin-right: auto;
    margin-left: auto
  }

  .content-wrapper.padding-bottom-medium._5 {
    justify-content: center;
    align-items: center
  }

  .heading-large-5.margin-bottom-small {
    max-width: 90%;
    font-size: 6rem
  }

  .heading-large-5.margin-bottom-small.center {
    margin-right: auto;
    margin-left: auto
  }

  .main-grid {
    grid-row-gap: 5vw
  }

  .main-grid._3 {
    grid-row-gap: 7vw
  }

  .link-block-3 {
    margin-right: auto;
    margin-left: auto
  }

  .f-section-regular {
    padding-top: 265px;
    padding-bottom: 244px
  }

  .f-container-regular-3 {
    max-width: 100%
  }

  .popup-group {
    z-index: 99999999999999;
    display: none
  }

  .popup-wrapper {
    display: none
  }

  .container-small {
    width: 70%
  }
}

@media screen and (max-width:991px) {
  .paragraph.is--hero.is--white {
    font-size: 1.8rem
  }

  .paragraph.is--intro {
    font-size: 1.3rem
  }

  .paragraph.is--small.is--white.is--margin-top-15 {
    line-height: 1.3em
  }

  .paragraph.is--intro-services {
    font-size: 1.3rem
  }

  .button-small {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 0
  }

  .footer-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .footer__wrapper {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .form__content__wrapper {
    max-width: 96%;
    padding-top: 112px;
    padding-bottom: 85px
  }

  .button-wrapper {
    flex-wrap: wrap
  }

  .success__message {
    background-color: hsla(0, 0%, 86.7%, 0)
  }

  .form__row__wrapper {
    flex-direction: column;
    align-items: flex-start;
    filter: none
  }

  .social__icons__grid {
    display: -ms-grid;
    display: grid;
    justify-items: end;
    align-items: end;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
  }

  .checkbox__field-2 {
    margin-bottom: 20px;
    padding-right: 17px;
    padding-left: 17px;
    color: #000
  }

  .submit-button-2 {
    margin-bottom: 20px
  }

  .checkbox__text {
    color: #000;
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: 500
  }

  .contact__form__wrapper {
    padding-bottom: 10.6em
  }

  .checkbox {
    border-color: #000;
    line-height: 1
  }

  .mobile-project-item {
    margin-top: 8em;
    margin-bottom: 8em;
    padding-left: 6em
  }

  .menu-item-text {
    font-size: 3.5em
  }

  .nav__social__wrapper {
    justify-content: center
  }

  .text-filed, .text-filed-2 {
    font-size: 3em
  }

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

  .service-item {
    min-height: auto;
    padding-bottom: 6rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .image-base {
    width: 70%;
    height: 70vw
  }

  .intro-box {
    min-height: auto
  }

  .heading {
    font-size: 5rem
  }

  .heading.is--h3.is--services {
    font-size: 1.6rem
  }

  .heading.is--h2.is--intro {
    margin-top: 0;
    font-size: 3rem
  }

  .heading.is--h2.is--intro.split-text, .heading.is--h2.is--left.is--white, .heading.is--h2.is--services, .heading.is--h2.is--work {
    font-size: 3rem
  }

  .heading.is--h2.is--left.is--smaller, .heading.is--h4 {
    font-size: 2rem
  }

  .contact {
    padding-top: 7em
  }

  .project-hero-container {
    width: 90%
  }

  .project-hero-content {
    flex-direction: column
  }

  .project__title {
    padding-bottom: 12px;
    font-size: 3em
  }

  .project-info, .website-link {
    font-size: 1.3em
  }

  .marquee-item {
    width: 40em
  }

  .padding-vertical {
    padding-right: 0;
    padding-left: 0
  }

  .text-block-19 {
    font-family: Nuckle, sans-serif
  }

  .menu-button-text-wrapper {
    padding-left: 0
  }

  .menu-content {
    padding-top: 16%
  }

  .menu-trigger {
    align-items: center
  }

  .link-2.static {
    font-size: 6vw
  }

  .menu-text.nav.light {
    font-size: 2vw
  }

  .menu-text.nav.open {
    font-size: 6vw
  }

  .full-menu {
    display: none
  }

  .footer-new {
    padding-top: 49px
  }

  .footer-social-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .button-container {
    width: 150px
  }

  .split-text {
    font-size: 40px
  }

  .line-animation {
    max-width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1
  }

  .line-animation.is--90 {
    display: block
  }

  .divider-wrapper {
    flex: 0 auto
  }

  .project-top {
    padding-top: 78px;
    padding-bottom: 111px
  }

  .short-slogan-content {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto
  }

  .short-slogan__text {
    margin-right: auto;
    margin-left: auto
  }

  .info-project-grid {
    grid-column-gap: 79px
  }

  .solution__text {
    font-size: 2.5vw
  }

  .solution__text.is--two {
    margin-top: 23px;
    font-size: 2.5vw
  }

  .project-description {
    font-size: 2vw
  }

  .collection-item-4 {
    flex: 0 0 auto
  }

  .deliverables__text {
    font-size: 2.5vw
  }

  .work-display-content.is--1.is--video {
    max-width: 80%
  }

  .swiper-slide {
    width: 50%
  }

  .works {
    flex-direction: column;
    grid-column-gap: 55px;
    grid-row-gap: 45px
  }

  .splide.slider1.pill {
    padding-top: 6em;
    padding-right: 6vw
  }

  .section-text-wrap {
    margin-bottom: 2rem;
    padding-right: 3rem;
    padding-left: .5rem;
    align-items: flex-start
  }

  .big-split-header {
    font-size: 5.5rem
  }

  .large-service-button {
    width: 4.5rem;
    height: 4.5rem
  }

  .testimonial-image-2 {
    min-width: 25vw
  }

  .section__heading {
    flex: 0 0 auto;
    font-size: 11vw
  }

  .section__heading.is--black {
    display: flex;
    margin-top: 0;
    flex: 1;
    font-size: 11vw;
    line-height: 1em
  }

  .footer-social-container {
    -ms-grid-columns: 2fr 2fr;
    grid-template-columns: 2fr 2fr
  }

  .div-footer-space {
    display: none
  }

  .contact-sect {
    padding-top: 203px;
    padding-bottom: 203px
  }

  .button-circle {
    left: auto;
    top: auto;
    right: 0;
    bottom: -40%;
    width: 11rem;
    height: 11rem
  }

  .is-special-h {
    font-size: 3.3vw
  }

  .contact-contain {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .purple-letter {
    position: relative;
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    justify-content: center;
    align-items: center;
    font-size: 14vw;
    line-height: .6em
  }

  .footer-grid-block {
    padding-bottom: 0
  }

  .footer-grid-block.is--logo {
    margin-bottom: 41px
  }

  .nav {
    padding-right: 0;
    padding-left: 0
  }

  .menu {
    height: 100vh
  }

  .nav-menu-trigger {
    align-items: center
  }

  .menu-button-text-wrapper-2 {
    padding-left: 0
  }

  .nav-start-grid {
    display: none
  }

  .process-grid-heading {
    justify-items: start
  }

  .process-inner-heading-wrapper {
    display: flex;
    padding-left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
  }

  .process-heading {
    display: flex
  }

  .paragraph-main, .paragraph-main.is--testimonials {
    font-size: 1.3rem
  }

  .heading-services.is--h2 {
    font-size: 3.5rem
  }

  .heading-services.is--h2.is--testimonials {
    font-size: 3rem
  }

  .heading-services.is--h2.is--intro.is--small {
    font-size: 1.2rem
  }

  .container-14 {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px
  }

  .intro-content.is--1 {
    width: 95%;
    padding-right: 0
  }

  .intro-content.is--4 {
    display: flex;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-right: 30px;
    padding-left: 36px;
    justify-content: center;
    align-items: center
  }

  .hero-video_wrapper {
    margin-top: 0
  }

  .hero-video_wrapper.is--about {
    margin-top: 92px
  }

  .hero-video_wrapper.is--home {
    width: 75vw;
    margin-right: auto;
    margin-left: auto
  }

  .right-arrow-3 {
    right: 8%
  }

  .testimonial-sect {
    padding-top: 118px;
    padding-bottom: 141px;
    background-image: none
  }

  .test-slider-reviews {
    width: auto;
    max-width: 100%;
    margin-top: 82px
  }

  .testimonial-slider-slides {
    padding-right: 0
  }

  .reviewer__name-2 {
    font-size: 2.4vw
  }

  .left-arrow-3 {
    right: 144px
  }

  .testimonial-container {
    width: 95%;
    max-width: 100%;
    min-width: 100%
  }

  .logos-heading-container {
    width: 87%
  }

  .quote {
    top: -60px;
    right: 0
  }

  .testimonial-gridsky {
    max-width: 520px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 81px;
    grid-row-gap: 42px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .testimonials-inner-heading {
    display: flex;
    max-width: 90%;
    padding-left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
  }

  .slider-content {
    width: 95%
  }

  .process-inner-heading-wrapper-inner {
    display: flex;
    padding-left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center
  }

  .video-vimeo-wrapper {
    padding-top: 102.25%
  }

  .intro-container-2 {
    padding-top: 95px;
    padding-bottom: 70px
  }

  .new-hero-grid-block-content.is--2 {
    max-width: 45vw
  }

  .arrow-link-btn.is--desktop {
    left: auto;
    top: 4%;
    right: 0;
    bottom: auto;
    width: 18vw;
    height: 18vw
  }

  .grid__column.is--second {
    width: 65vw
  }

  .grid__item {
    height: 40vw
  }

  .link-wrapper-2 {
    width: 100%
  }

  .collection-list-works {
    grid-row-gap: 0vh;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .work-title-details {
    width: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex: 0 0 auto
  }

  .reveal {
    height: auto
  }

  .works-title-2 {
    font-size: 9vh
  }

  .image-thumb-works {
    height: 30vh
  }

  .hover-thumb-grid {
    display: none
  }

  .wrap-work-title {
    height: auto;
    padding-top: 0;
    padding-bottom: 2vh;
    justify-content: space-between
  }

  .work-text {
    text-align: right
  }

  .video-containers {
    width: 100%;
    margin-top: 131px;
    margin-right: auto;
    margin-left: auto
  }

  .video-grid-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }

  .video-grid {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    align-items: flex-start;
    grid-column-gap: 75px
  }

  .video-grid-block.is--text {
    margin-top: -149px
  }

  .blog-title.is--blog.is--small {
    font-size: 1.3rem
  }

  .blog-title.is--blog.is--small.split-text {
    font-weight: 600
  }

  .work-inner-heading {
    display: flex;
    padding-left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center
  }

  .heading-work.is--h2 {
    font-size: 3.5rem
  }

  .heading-work.is--h2.is--testimonials.is--small {
    font-size: 1.2rem
  }

  .nav-dropdown-wrapper {
    margin-right: 0;
    margin-left: 0
  }

  .f-margin-bottom-16.is--desk {
    display: none
  }

  .f-footer-regular {
    padding-bottom: 0
  }

  .main-btn.is--invert {
    margin-right: 0;
    justify-content: flex-end
  }

  .f-footer-grid-asymmetrical {
    margin-bottom: 0;
    -ms-grid-columns: 3.25fr 1fr;
    grid-template-columns: 3.25fr 1fr
  }

  .f-footer-content {
    padding-bottom: 0
  }

  .f-footer-content.is--first {
    padding-bottom: 83px
  }

  .f-footer-large-link-grid {
    grid-row-gap: 0px;
    -ms-grid-columns: 0.25fr 2.75fr;
    grid-template-columns: 0.25fr 2.75fr
  }

  .footer-link-text.is--location {
    text-align: right
  }

  .blog-bottom-content {
    grid-column-gap: 45px
  }

  .blog-date.is--desktop {
    display: none
  }

  .date {
    font-size: .8rem
  }

  .blog-list {
    display: flex;
    margin-bottom: 7rem;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-column-gap: 2.5vw;
    grid-row-gap: 0vw
  }

  .image-portrait {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-left: 0;
    justify-content: flex-start
  }

  .speaker-text {
    padding-bottom: 0;
    flex-direction: column;
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem
  }

  .blog-item-preview {
    width: 40vw;
    height: 100%;
    max-width: 45vw;
    padding-top: 4.5rem;
    padding-left: 0;
    flex-direction: column-reverse;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom-style: none
  }

  .number-wrapper {
    width: 7rem;
    padding-left: 0
  }

  .portrait-image {
    width: 40vw;
    height: 58vw
  }

  .speaker-name {
    padding-top: 1.5rem;
    padding-bottom: 0
  }

  .marquee_text {
    font-size: 5rem
  }

  .footer-cta {
    padding-top: 99px;
    padding-bottom: 84px
  }

  .letter-animation.left {
    align-items: flex-start
  }

  .hero-about-content {
    padding-top: 18%;
    padding-bottom: 0
  }

  .about-hero-description-wrapper {
    max-width: 80%;
    padding-left: 0
  }

  .circle-text {
    font-size: 1.5rem
  }

  .about-logos {
    margin-top: 97px
  }

  .logo-heading-about-grid.is--page {
    max-width: 90%
  }

  .paragraph-heading, .paragraph-heading.is--2 {
    font-size: 2.7rem
  }

  .information-about-container {
    max-width: 90%
  }

  .about-intro {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .about-intro-container {
    padding-bottom: 49px
  }

  .class-image-container {
    margin-top: 45px
  }

  .rimage.left, .rimage.mid, .rimage.right {
    height: 365px
  }

  .f-feature-grid-small.is--desk {
    display: none
  }

  .value-grid-two {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .value-grid-two.is--3 {
    margin-top: -5px
  }

  .services-sect-content {
    padding-top: 106px
  }

  .service-feat.is--h2 {
    font-size: 3.5rem
  }

  .service-feat.is--h2.is--intro.is--small {
    font-size: .9rem
  }

  .service-feat.is--h2.is--intro.is--small.is--emptybg.is--service--page {
    font-size: 1rem
  }

  .services-feat.is--acordion {
    margin-top: 0
  }

  .service-sect-hero-container {
    padding-top: 10%
  }

  .content-grid {
    grid-row-gap: 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .section-content {
    padding-bottom: 197px
  }

  .section-content.is--page {
    padding-bottom: 215px
  }

  .content-image-block {
    justify-content: flex-start
  }

  .logo-grid-ticker {
    flex: 0 0 auto
  }

  .logo-wrap-ticker {
    min-width: 100%;
    padding: 33px 35px
  }

  .company-logo {
    max-height: 88px;
    max-width: none
  }

  .logo-grid-ticker-2 {
    flex: 0 0 auto
  }

  .header_component-2 {
    min-height: auto;
    padding-top: 6rem;
    grid-auto-flow: row;
    grid-row-gap: 4rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .header_component-2.is--laptop {
    padding-top: 17%
  }

  .header_component-2.is--seo {
    padding-top: 7.7rem;
    justify-items: center
  }

  .header_content-left-2 {
    margin-right: 5%;
    margin-left: 5%
  }

  .section_header.is--desktop.is--seo {
    padding-top: 37px;
    padding-bottom: 64px
  }

  .header_content-right-2 {
    height: 40rem;
    padding-left: 5vw
  }

  .header_content-right-2.is--seo {
    height: auto;
    padding-bottom: 58px
  }

  .heading-xxlarge {
    font-size: 3.5rem
  }

  .header_images-layout-2.is--seo {
    width: 70%
  }

  .sticky-service-container {
    padding-top: 12%;
    padding-bottom: 12%
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .layout121_text-wrapper {
    margin-right: auto;
    margin-left: auto
  }

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

  .layout121_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem
  }

  .layout121_timeline-step {
    grid-column-gap: 24px
  }

  .layout3_component {
    min-height: auto;
    grid-auto-flow: row;
    grid-column-gap: 3rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }

  .f-header-grid-asymmetrical {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .section-8.hero {
    padding-top: 12vh
  }

  .container-21.padding-bottom-large {
    padding-bottom: 104px
  }

  .heading-large-5 {
    font-size: 65px
  }

  .heading-large-5.margin-bottom-small {
    font-size: 3.3rem
  }

  .main-paragraph-2.text-gray.text-small {
    text-align: left
  }

  .main-grid {
    grid-row-gap: 3vh;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }

  .main-grid._3 {
    grid-row-gap: 10vh
  }

  .grid-rail {
    min-height: auto;
    min-width: 100vw
  }

  .hero-ticker-images {
    padding-bottom: 0
  }

  .hero-grid-header {
    min-height: auto;
    -ms-grid-columns: 30px 1fr 30px;
    grid-template-columns: 30px 1fr 30px;
    -ms-grid-rows: 200px auto auto auto auto auto;
    grid-template-rows: 200px auto auto auto auto auto
  }

  .frame-image-overflow {
    width: 100%;
    height: 30vh;
    max-height: 50vh
  }

  .a-content-grid-wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }

  .popup-group {
    display: none
  }

  .popup-content-wrapper {
    max-height: none
  }

  .section-regular {
    padding-top: 460px
  }

  .grid-two-column {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .ff {
    max-width: 95%
  }
}

@media screen and (max-width:767px) {
  .footer-navigation {
    justify-items: start;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .footer-bottom {
    justify-content: center;
    justify-items: center;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    text-align: center
  }

  .footer__wrapper {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .menu__item {
    margin-bottom: 15px
  }

  .tab-link {
    width: 72px;
    height: 72px;
    padding: 6px
  }

  .menu-link {
    overflow: hidden
  }

  .nav__menu__links {
    margin-bottom: 40px
  }

  .menu-item-text {
    font-size: 3em
  }

  .nav__menu__item {
    margin-bottom: 15px
  }

  .nav__menu__content {
    display: block;
    width: 80%
  }

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

  .service-item {
    padding-bottom: 6rem
  }

  .image-base {
    width: 100%;
    height: 110vw
  }

  .sidebar-menu-item {
    padding-right: 0;
    font-size: 2rem
  }

  .contact {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .padding-vertical {
    padding-right: 0;
    padding-left: 0
  }

  .nav-menu {
    padding-left: 1%
  }

  .menu-text.nav.open {
    font-size: 2.4vw
  }

  .footer-new {
    padding-top: 100px
  }

  .split-text {
    font-size: 30px
  }

  .project-hero-work-bg {
    height: 490px
  }

  .project-work-hero {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .swiper-slide {
    width: 100%
  }

  .splide.slider1.pill {
    padding-right: 0
  }

  .heading-overflow {
    margin-bottom: -.4rem;
    padding-top: 0
  }

  .big-split-header {
    font-size: 4rem
  }

  .testimonial-image-2 {
    height: 35vw;
    min-width: 35vw
  }

  .section__heading {
    font-size: 3.5em
  }

  .footer-social-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .grid-6-columns {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }

  .sublink {
    font-size: 7px
  }

  .h3-heading {
    font-size: 40px
  }

  .more-work {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .container-14 {
    width: 100%
  }

  .grid__column.is--first, .grid__column.is--second, .grid__column.is--third {
    grid-row-gap: 2rem
  }

  .section-7.is--grid {
    height: 75vh
  }

  .grid__wrapper {
    grid-column-gap: 2rem
  }

  .works-title-2.small {
    margin-top: 0;
    margin-bottom: 0
  }

  .image-thumb-works {
    min-height: 500px
  }

  .wrap-work-title {
    padding-bottom: 4vh
  }

  .work-text {
    font-size: 13px;
    text-align: left;
    white-space: nowrap
  }

  .section-88.is--grid {
    height: 75vh
  }

  .nav-dropdown-wrapper {
    justify-content: space-between
  }

  .f-footer-grid-asymmetrical {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .page-padding-2 {
    padding-right: 5vw;
    padding-left: 5vw
  }

  .blog-list {
    margin-bottom: 4rem;
    flex-direction: column
  }

  .blog-item-preview {
    width: auto;
    max-width: none;
    padding-top: 2.5rem
  }

  .portrait-image {
    width: 60vw;
    height: 88vw
  }

  .speaker-name {
    padding-top: 1.5rem;
    padding-bottom: 3rem
  }

  .value-section {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .header_component-2 {
    padding-top: 4rem
  }

  .text-size-medium-2 {
    font-size: 1rem
  }

  .header_content-right-2 {
    height: 30rem
  }

  .heading-xxlarge {
    font-size: 2.5rem
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

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

  .layout121_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .layout3_component {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .text-size-medium-3 {
    font-size: 1rem
  }

  .main-grid {
    grid-row-gap: 1.5vh
  }

  .f-section-regular {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .a-content-grid-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .a-section-regular, .section-regular {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .grid-two-column {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .h1-heading {
    font-size: 48px
  }
}

@media screen and (max-width:479px) {
  h1 {
    font-size: 2.6em
  }

  h2 {
    font-size: 3em
  }

  .paragraph {
    font-size: 1.7em
  }

  .paragraph.is--hero {
    font-size: 1.3rem
  }

  .paragraph.is--hero.is--white {
    font-size: 1.3rem;
    line-height: 1.6em
  }

  .paragraph.is--intro {
    max-width: 80%;
    margin-bottom: 23px;
    font-size: 1.5rem;
    line-height: 1.2em;
    text-align: left
  }

  .paragraph.is--small.is--white.is--margin-top-15 {
    margin-bottom: 0;
    font-size: 1.1rem
  }

  .paragraph.is--intro-services {
    font-size: 1.4em
  }

  .paragraph.is--intro-services.is--feat {
    max-width: 95%;
    margin-top: 0;
    font-size: 1.1rem;
    text-align: left
  }

  .paragraph.is--intro-services.is--feat.is--white {
    max-width: 90%
  }

  .button-small {
    right: 5px;
    padding: 0 8px
  }

  .slide-base {
    margin-right: 25px
  }

  .footer-grid {
    padding-bottom: 12px;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .footer-navigation {
    grid-row-gap: 30px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
  }

  .subtitle.small.light {
    font-size: 1.2em
  }

  .subtitle.small.light.is--white {
    color: #fff
  }

  .legal-text {
    grid-row-gap: 6px;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .footer-items {
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .button-text {
    font-size: 1.3em
  }

  .footer-content {
    grid-row-gap: 36px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
  }

  .footer__wrapper {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .footer__wrapper.no-bottom-padding {
    z-index: 4
  }

  .form__content__wrapper {
    height: auto;
    padding: 0 0 14px;
    border-style: solid;
    border-radius: 20px
  }

  .form__content {
    padding-top: 31px;
    padding-right: 0;
    padding-left: 0;
    flex: 1
  }

  .contact__form__container {
    flex: 1;
    border: 1px #999;
    border-radius: 50%
  }

  .popup-toggle {
    display: none
  }

  .form__block {
    width: 94%;
    padding-right: 0;
    padding-left: 0
  }

  .form {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-left: 0
  }

  .popup-close {
    z-index: 7777
  }

  .form__row__wrapper {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0;
    grid-auto-columns: 1fr;
    grid-column-gap: 9px;
    grid-row-gap: 3px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    filter: none
  }

  .menu__item {
    margin-bottom: 10px;
    line-height: 1em
  }

  .social__icons__grid {
    width: 260px;
    height: 130px;
    margin-top: 30px;
    padding-top: 10px;
    justify-content: stretch;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    opacity: .3
  }

  .social__icons__grid.menu {
    padding-top: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    justify-items: start;
    align-items: flex-end;
    grid-column-gap: 25px;
    grid-row-gap: 0px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    justify-content: stretch;
    justify-items: start;
    align-items: start;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    display: flex;
    width: 200px;
    height: 50px;
    margin-top: 0;
    justify-content: stretch;
    justify-items: start;
    align-items: start;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    opacity: 1;
    filter: none
  }

  .form__field__heading-2 {
    padding-bottom: 8px;
    font-size: 1.3em
  }

  .checkbox__field-2 {
    width: 100%;
    margin-bottom: 12px;
    padding: 14px 0
  }

  .submit-button-2 {
    padding-right: 35px;
    padding-left: 35px;
    text-transform: uppercase
  }

  .checkbox__text {
    padding-left: 0;
    font-size: .9rem;
    line-height: .9em
  }

  .contact__details-2 {
    max-width: 85%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .form__text__field-2 {
    padding-right: 0
  }

  .contact__form__wrapper {
    padding: 6.6em 8px 4.5em
  }

  .checkbox {
    padding-top: 0
  }

  .review__card {
    padding-right: 11vw;
    padding-left: 11vw
  }

  .link-wrapper {
    font-size: 18px
  }

  .divider-wrapper {
    margin-top: 45px;
    margin-bottom: 45px
  }

  .tab-link {
    width: 65px;
    height: 65px
  }

  .preview-agenda-item {
    padding: 3.75rem 1rem 1.75rem
  }

  .menu-button {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: hsla(0, 0%, 9%, .5);
    transform: scale(.9)
  }

  .menu-button:hover {
    background-color: rgba(39, 39, 39, .5)
  }

  .menu-button.w--open {
    border-radius: 50%;
    background-color: rgba(39, 39, 39, .5);
    color: #171717
  }

  .menu-link {
    overflow: hidden;
    padding: 1em 2em;
    border-bottom-style: solid;
    border-bottom-color: hsla(0, 0%, 97.3%, .23);
    color: #f8f8f8
  }

  .nav__items {
    justify-content: space-between
  }

  .nav__link {
    display: none
  }

  .nav__menu__button__line.is--long, .nav__menu__button__line.is--short {
    background-color: #fff
  }

  .nav__menu__social__container {
    padding-bottom: 0;
    -ms-grid-row-align: auto;
    align-self: auto
  }

  .nav__menu__links {
    margin-bottom: 50px
  }

  .nav__menu__overlay {
    display: none;
    background-color: transparent
  }

  .nav__menu__contain__info {
    margin-bottom: 0
  }

  .menu-item-text {
    font-size: 1.8em;
    font-weight: 600
  }

  .menu-item-text.contact {
    padding-top: 18px;
    border-bottom: 1px #000;
    line-height: .3em
  }

  .nav__menu__item {
    margin-bottom: 10px;
    line-height: 1em
  }

  .nav__menu__button.default {
    background-color: hsla(0, 0%, 100%, 0)
  }

  .link__menu, .nav__contact__text {
    display: none
  }

  .nav__menu__content {
    width: 85%;
    margin-top: -35px;
    padding-left: 0
  }

  .nav__logo__wrapper {
    margin-right: 20px
  }

  .c-nav-social-media {
    display: flex;
    padding-top: 11px;
    flex-direction: column
  }

  .logo {
    width: 50px
  }

  .text-filed-2 {
    height: 38px;
    font-size: 36px
  }

  .tea-r-arrow {
    bottom: 22.5px;
    width: 30px;
    height: 15px;
    max-height: 15px
  }

  .text-filed {
    height: 38px;
    font-size: 1.7em
  }

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

  .service-item {
    padding-bottom: 0;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
  }

  .sidebar-menu-item {
    padding-right: 0
  }

  .about-paragraph-wrapper {
    max-width: 95%;
    flex-direction: column-reverse
  }

  .heading {
    padding-bottom: 7px;
    font-size: 4rem;
    line-height: 1em
  }

  .heading.is--h3 {
    font-size: 1.6rem;
    letter-spacing: -1px
  }

  .heading.is--h3.is--services {
    padding-right: 0;
    font-size: 1.6rem
  }

  .heading.is--h3.is--services.is--white {
    font-size: 2rem
  }

  .heading.is--h3.is--small {
    font-size: 1.8rem
  }

  .heading.is--h2.is--intro {
    margin-top: 0;
    padding-bottom: 87px;
    font-size: 2.4rem
  }

  .heading.is--h2.is--intro.split-text {
    padding-bottom: 4px;
    font-size: 2.1rem
  }

  .heading.is--h2.is--work {
    padding-bottom: 23px;
    font-size: 2.4rem;
    line-height: 1.2em;
    font-style: normal
  }

  .heading.is--h2.is--work.split-text {
    display: block
  }

  .heading.is--h2.is--work.split-text._3 {
    padding-bottom: 0
  }

  .heading.is--h2.is--services.split-text {
    padding-bottom: 0;
    font-size: 2.4rem
  }

  .heading.is--h2.is--services.split-text.is--white {
    font-size: 2.4rem
  }

  .heading.is--h2.is--about {
    margin-top: 0;
    font-size: 1.7rem
  }

  .heading.is--h2.is--left {
    font-size: 1.8rem
  }

  .heading.is--h2.is--left.is--smaller {
    line-height: 1.2em
  }

  .heading.is--h2.is--services {
    margin-top: 0;
    font-size: 1.7rem
  }

  .heading.is--h2.is--white.is--center {
    font-size: 2.4rem
  }

  .heading.is--h1.is--white.is--hero {
    font-size: 28vw
  }

  .contact {
    padding: .7em 3%
  }

  .project-hero-content-block.is--left {
    flex-direction: column-reverse
  }

  .project__title {
    padding-top: 15px;
    padding-bottom: 7px;
    font-size: 3rem;
    line-height: 1em
  }

  .project-info-heading {
    padding-bottom: 7px;
    font-size: 1.3em
  }

  .project-info, .website-link {
    font-size: 1.1em
  }

  .marquee-item {
    width: 34em
  }

  .padding-vertical {
    padding-right: 0;
    padding-left: 0
  }

  .project__grid {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 25px;
    -ms-grid-columns: 0.75fr;
    grid-template-columns: 0.75fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .link-block {
    display: none
  }

  .hero {
    border-radius: 0
  }

  .heading-one.is--one {
    font-size: 19.5vw;
    letter-spacing: -1.4vw
  }

  .heading-one.is--one.is--desktop {
    display: none;
    padding-bottom: 15px;
    font-size: 17vw
  }

  .heading-one.is--one.is--desktop.is--footer {
    font-size: 25vw;
    text-align: center
  }

  .heading-one.is--footer {
    font-size: 31vw;
    letter-spacing: -1.4vw
  }

  .nav-menu {
    z-index: 8888888;
    padding-top: .4rem;
    padding-right: 3.5%;
    padding-left: 3%
  }

  .menu-content {
    padding-top: 0;
    padding-bottom: 9%;
    padding-left: 7%;
    justify-content: center
  }

  .nav-link-block {
    display: none
  }

  .nav-link-block._1, .nav-link-block._2, .nav-link-block._3, .nav-link-block._4, .nav-link-block._5 {
    display: flex
  }

  .brand {
    padding-left: 0
  }

  .link-2.static {
    font-size: 9vw
  }

  .menu-text.nav.light {
    font-size: 4vw
  }

  .menu-text.nav.open {
    padding-bottom: 0;
    font-size: 13vw
  }

  .logo-header {
    width: 2.5rem;
    padding-top: .0625rem
  }

  .logo-header.is--black {
    width: 3rem
  }

  .nav-links-wrapper {
    padding-bottom: 1.75rem
  }

  .full-menu {
    display: none
  }

  .divider-line {
    min-width: 100%;
    flex: 1
  }

  .is--1 {
    margin-right: auto;
    margin-left: auto;
    flex: 1;
    font-size: 8vw;
    line-height: 1.3em;
    text-align: center;
    letter-spacing: 0
  }

  .is--2 {
    font-size: 8.5vw;
    line-height: 1.3em
  }

  .line-divider {
    position: relative;
    left: 0;
    top: auto;
    right: 0;
    bottom: auto;
    display: none;
    width: 100%;
    min-width: 100%;
    margin-top: -78px;
    margin-bottom: 0;
    align-items: flex-start;
    flex: 0 auto;
    border-bottom: 1px solid #d9d9d9
  }

  .footer-detail-block.is--nav {
    display: block;
    padding-bottom: 0;
    flex-direction: row
  }

  .footer-new {
    position: relative;
    padding-top: 0
  }

  .footer-social-grid {
    width: 80%;
    margin: 17px auto 40px;
    grid-column-gap: 0px
  }

  .white-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    height: 0%;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #fff
  }

  .white-bg.is--work {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    display: none;
    height: auto
  }

  .button-container {
    width: 145px;
    height: 145px;
    justify-content: flex-start;
    flex: 0 0 auto
  }

  .accordion-item {
    width: 100%
  }

  .split-text {
    flex-direction: row;
    font-size: 22px
  }

  .line-animation {
    display: flex;
    width: 100%;
    max-width: 95%;
    min-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
  }

  .line-animation.is--flex {
    align-items: flex-start
  }

  .line-animation.is--2 {
    display: block
  }

  .line-animation.is--90 {
    max-width: 90%;
    min-width: 90%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 0
  }

  .line-animation.is--90.is--flex.is--sticky {
    width: auto;
    max-width: none;
    min-width: auto;
    margin-left: 0;
    justify-content: center;
    align-items: center;
    flex: 0 auto
  }

  .line-animation.is--90.is--flex.is--sticky.is--contact {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0
  }

  .line-animation.is--90.is--contact.is--2 {
    max-width: 100%;
    min-width: 100%
  }

  .divider-wrapper {
    display: none
  }

  .divider-wrapper.is--work--project.is--slogan {
    display: flex;
    margin-bottom: 32px
  }

  .nav-social-grid {
    margin-bottom: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .is--4 {
    margin-right: auto;
    margin-left: auto;
    flex: 1;
    font-size: 8vw;
    line-height: 1.3em;
    text-align: center;
    letter-spacing: 0
  }

  .project-top {
    top: auto;
    z-index: 666;
    padding-top: 16px;
    padding-bottom: 50px;
    background-color: hsla(0, 0%, 100%, 0)
  }

  .project-heading-grid {
    z-index: 2333;
    flex-direction: column;
    flex: 1;
    grid-column-gap: 28px;
    -ms-grid-columns: 2.25fr;
    grid-template-columns: 2.25fr
  }

  .service-types-collection {
    display: block;
    flex-direction: column
  }

  .project-hero-work-bg {
    z-index: 15;
    height: auto;
    padding-top: 0;
    padding-bottom: 136%;
    background-position: 50% 50%
  }

  .project-hero-work-bg.is--desktop {
    display: none
  }

  .project-hero-work-bg.is--mobile {
    display: flex
  }

  .project-work-hero {
    z-index: 4;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .project-work-hero-container {
    z-index: 15
  }

  .short-slogan-container {
    padding-top: 33px;
    padding-bottom: 19px
  }

  .short-slogan-content {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto
  }

  .short-slogan__text {
    font-size: 8vw
  }

  .information-project {
    padding-top: 0
  }

  .info-project-grid {
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .info-project-grid-block {
    display: block;
    width: 100%;
    min-width: 100%;
    padding-bottom: 19px;
    flex-direction: column
  }

  .info-project-grid-block.is--desktop {
    display: none
  }

  .solution__text {
    font-size: 1.3rem
  }

  .solution__text.is--two {
    margin-top: 16px;
    font-size: 1.2rem
  }

  .project-description {
    font-size: 1.1rem;
    line-height: 1.4em
  }

  .service-type-grid-block {
    display: block;
    width: auto;
    flex-direction: row
  }

  .collection-item-4 {
    justify-content: flex-start
  }

  .collection-list-3 {
    flex-direction: column
  }

  .service-type-wrapper {
    width: 55%;
    flex: 0 auto
  }

  .deliverables__text {
    padding-bottom: 11px;
    font-size: 1.3rem
  }

  .work-display.is--third {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto
  }

  .work-display.is--11 {
    display: none
  }

  .work-display-container {
    margin-top: 0;
    padding-bottom: 0
  }

  .work-display-container.is--no--padding {
    margin-top: 0
  }

  .work-display-container.is--1 {
    margin-top: 54px
  }

  .work-display-container.is--space {
    margin-top: 31px
  }

  .work-display-container.is--space.is--last {
    padding-bottom: 9vh
  }

  .work-display-container.is--first {
    margin-top: 16%
  }

  .work-display-container.is--second {
    margin-top: 14%
  }

  .work-display-container.is--eight, .work-display-container.is--fifth, .work-display-container.is--fourth, .work-display-container.is--nine, .work-display-container.is--seven, .work-display-container.is--sixth, .work-display-container.is--third {
    margin-top: 16%
  }

  .work-display-content.is--3 {
    max-width: 100%;
    padding-bottom: 0
  }

  .work-display-content.is--1 {
    max-width: 90%;
    padding-bottom: 3vh
  }

  .work-display-content.is--1.is--video {
    max-width: 95%;
    padding-bottom: 4vh;
    background-color: hsla(0, 0%, 94.5%, 0)
  }

  .work-display-content.is--5 {
    max-width: 90%;
    padding-top: 0;
    padding-bottom: 0
  }

  .work-display-content.is--7 {
    max-width: 90%;
    padding-bottom: 0
  }

  .work-display-content.is--8 {
    max-width: 90%;
    padding-bottom: 0;
    flex-direction: column
  }

  .work-display-content.is--9 {
    max-width: 90%;
    margin-top: 31px;
    padding-bottom: 0
  }

  .work-display-content.is--10 {
    max-width: 90%;
    padding-bottom: 0;
    flex-direction: column
  }

  .work-display-content.is--11 {
    max-width: 90%;
    padding-bottom: 5vh;
    padding-left: 0
  }

  .works__image {
    height: auto;
    max-height: none;
    min-height: auto;
    padding-bottom: 0;
    flex: 1
  }

  .works__image.is--2 {
    margin-top: 0
  }

  .works__image.is--1 {
    margin-top: 0;
    padding-bottom: 0
  }

  .display-split-1 {
    margin-top: 0
  }

  .display-split-2 {
    margin-top: 31px
  }

  .is--contact {
    font-size: 15vw;
    line-height: 1.3em
  }

  .display-split-3 {
    margin-top: 31px
  }

  .sticky-wrapper {
    width: auto
  }

  .button-container-2 {
    margin-right: auto;
    margin-left: auto
  }

  .front-block {
    background-image: none;
    box-shadow: none
  }

  .swiper-slide {
    width: 100%
  }

  .works {
    overflow: visible;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 112px;
    padding-left: 0;
    flex-direction: column;
    grid-column-gap: 0px;
    grid-row-gap: 0px
  }

  .works-grids {
    padding-left: 15px;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 15px
  }

  .section-name-arrow.is--1 {
    margin-left: 0;
    padding-right: 21px;
    padding-left: 21px;
    flex: 0 auto
  }

  .section-name-arrow.is--2 {
    width: 45px;
    height: 45px;
    justify-content: center;
    flex: 0 auto
  }

  .works__heading {
    font-size: 4.4vw
  }

  .works__heading.is--two {
    font-size: 1.1rem
  }

  .section-heading {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0
  }

  .is--5 {
    margin-right: auto;
    margin-left: auto;
    flex: 1;
    font-size: 5vw;
    line-height: 1.3em;
    text-align: center;
    letter-spacing: 0
  }

  .section-text-wrap {
    width: 100%;
    margin-bottom: .8rem;
    padding-right: 0;
    padding-left: 0;
    align-items: flex-start
  }

  .heading-overflow {
    display: flex;
    overflow: hidden;
    margin-right: 0;
    padding-top: 0;
    padding-right: 8px;
    flex-direction: row;
    flex-wrap: wrap
  }

  .big-split-header {
    margin-top: 0;
    font-size: 3.2rem
  }

  .large-service-button {
    width: 3rem;
    height: 3rem;
    margin-right: .9rem
  }

  .testimonial-image-2 {
    min-width: 30vw
  }

  .section__heading {
    margin: 1px 0 0;
    padding-right: 0;
    font-size: 21.97vw;
    line-height: 1em
  }

  .section__heading.is--black {
    display: block;
    margin-top: 0;
    margin-right: 0;
    flex-direction: column;
    color: #383838;
    font-size: 20vw;
    line-height: 1em
  }

  .section__heading.is--contact {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 65px;
    font-size: 15vw;
    text-align: center
  }

  .section__heading.is--contact.is--black {
    display: block;
    padding-bottom: 57px;
    color: #383838;
    font-size: 20vw;
    line-height: 1em
  }

  .section__heading.is--contact.is--black.is--desktop {
    display: none
  }

  .section__heading.is--contact.is--black.is--mobile {
    display: inline-block;
    font-weight: 700
  }

  .footer-social-btm-parent {
    padding-top: .8em;
    padding-bottom: .8em
  }

  .container-lg {
    width: 100%
  }

  .footer-top-container {
    display: flex;
    padding-bottom: 0;
    justify-content: center;
    align-items: center
  }

  .line-top-white.opacity-10 {
    display: none;
    background-color: hsla(0, 0%, 100%, 0)
  }

  .text-white {
    font-size: 5.3vw
  }

  .footer-btm-container {
    display: none;
    padding-top: 2.4em
  }

  .footer-social-container {
    max-width: 95%;
    margin-right: auto;
    margin-left: auto;
    grid-column-gap: 0px;
    -ms-grid-columns: minmax(2.25px, 1.25fr) 1.25fr;
    grid-template-columns: minmax(2.25px, 1.25fr) 1.25fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
  }

  .footer-menu-title {
    font-size: 7vw;
    line-height: 1em
  }

  .grid-6-columns {
    justify-items: start;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .arrow--svg {
    width: 65px;
    line-height: 20px
  }

  .contact-sect {
    padding-top: 132px;
    padding-bottom: 92px;
    background-color: #f2f2f2
  }

  .contact-sect-container {
    max-width: 90%
  }

  .button-circle {
    position: relative;
    width: 11rem;
    height: 11rem
  }

  .is-special-h {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 6vw
  }

  .contact-contain {
    display: block;
    max-width: 100%;
    min-width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: column;
    align-items: stretch
  }

  .contact-content-wrapper {
    flex-direction: column-reverse;
    align-items: center
  }

  .purple-letter {
    position: static;
    display: inline-block;
    padding-right: 1px;
    padding-left: 1px;
    font-size: 24vw;
    line-height: .7em
  }

  .purple-letter.is--bigger {
    display: inline-block;
    padding-right: 1px;
    padding-left: 1px;
    font-size: 22vw
  }

  .footer-grid-block {
    padding-left: 0
  }

  .footer-grid-block.is--logo {
    margin-top: 81px;
    margin-bottom: 0
  }

  .footer-grid-block.is--one {
    padding-left: 9px
  }

  .text-span-99 {
    display: inline-block
  }

  .sublink {
    font-size: 2em
  }

  .menu-button-text-wrapper-2 {
    width: 45px;
    height: 45px;
    padding-top: 0
  }

  .nav-start-wrapper {
    position: relative;
    right: auto;
    bottom: auto;
    display: flex
  }

  .nav-start-grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    grid-column-gap: 0px
  }

  .nav-grid-block {
    width: 100%
  }

  .nav-grid-block.is--line {
    display: none
  }

  .nav-text {
    display: none;
    margin-right: auto;
    margin-left: auto;
    align-items: flex-start;
    font-size: 7vw;
    text-align: left
  }

  .x-nav-icon {
    width: 19px
  }

  .h3-heading.margin-bottom-16 {
    margin-bottom: 70px;
    font-size: 2rem
  }

  .more-work {
    padding-bottom: 112px
  }

  .office__image.is--desktop {
    display: none
  }

  .office__image.is--mobile {
    display: block;
    height: 100%
  }

  .process-grid-heading {
    min-width: 100%;
    -ms-grid-columns: 1.75fr 2.25fr;
    grid-template-columns: 1.75fr 2.25fr
  }

  .process-inner-heading-wrapper {
    align-items: flex-start
  }

  .process-grid-heading-grid-block {
    padding-right: 10px
  }

  .process-grid-heading-grid-block.is--two {
    min-width: 100%;
    padding-right: 0;
    flex-direction: column;
    align-items: flex-start
  }

  .process-2 {
    bottom: auto;
    z-index: 10;
    overflow: visible;
    max-width: 100%;
    margin-top: 0;
    padding-top: 91px;
    padding-bottom: 93px;
    background-color: #191919
  }

  .process-2.is--page {
    margin-top: 0;
    padding-top: 81px
  }

  .process-heading {
    max-width: 93%;
    min-width: 93%;
    margin-right: auto;
    margin-bottom: 85px;
    margin-left: auto
  }

  .service--container {
    padding-top: 131px;
    padding-bottom: 127px
  }

  .service--container.is--white {
    width: 100%;
    padding-top: 0
  }

  .paragraph-main {
    font-size: 5vw
  }

  .paragraph-main.is--testimonials {
    display: flex;
    max-width: 100%;
    min-width: 100%;
    font-size: 1.2rem;
    line-height: 1.6em
  }

  .heading-services {
    padding-bottom: 7px;
    font-size: 3em;
    line-height: .8em
  }

  .heading-services.is--h2 {
    font-size: 2.7rem
  }

  .heading-services.is--h2.is--testimonials {
    max-width: 100%;
    font-size: 2.4rem
  }

  .heading-services.is--h2.is--intro {
    font-size: 2.7rem
  }

  .heading-services.is--h2.is--intro.is--small {
    margin-right: -2px;
    font-size: 1.2rem
  }

  .heading-services.is--h2.is--blog {
    padding-bottom: 0;
    padding-left: 0;
    font-size: 2.4rem
  }

  .blog-heading {
    margin-bottom: 2.875rem
  }

  .container-14 {
    padding-right: 15px;
    padding-left: 15px
  }

  .container-14.flex-vertical {
    flex-direction: column
  }

  .logo-content-2 {
    flex-direction: row
  }

  .intro-content.is--1 {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
  }

  .intro-content.is--4 {
    width: 95%;
    padding: 0
  }

  .intro {
    overflow: hidden
  }

  .works-grid {
    width: 100%;
    flex: 1;
    grid-row-gap: 14px;
    -ms-grid-columns: 1.5fr;
    grid-template-columns: 1.5fr
  }

  .hero-video_wrapper {
    position: relative;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px
  }

  .hero-video_wrapper.is--about {
    overflow: visible;
    width: 90vw;
    margin-top: 73px
  }

  .hero-video_wrapper.is--home {
    width: 90vw;
    margin-top: 0
  }

  .hero-video-link-wrapper {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px
  }

  .hero-video-link-wrapper.is--about {
    overflow: hidden;
    border-radius: 500px
  }

  .lifestyle-office-2 {
    z-index: 9999999999999;
    overflow: hidden;
    margin-top: -122px
  }

  .right-arrow-3 {
    left: auto;
    top: auto;
    right: 6%;
    bottom: 0;
    display: flex
  }

  .testimonial-sect {
    position: relative;
    z-index: 55;
    padding-top: 93px;
    padding-bottom: 130px
  }

  .job-title-2 {
    font-size: 4vw
  }

  .test-slider-reviews {
    display: block;
    overflow: visible;
    max-width: 100%;
    margin-top: 58px;
    flex-direction: column
  }

  .reviewer__name-2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 5vw
  }

  .testimonials-grid-heading-block {
    width: 100%
  }

  .left-arrow-3 {
    left: auto;
    top: auto;
    right: 36%;
    bottom: 0;
    display: flex
  }

  .testimonial-container {
    overflow: hidden;
    width: 90%;
    max-width: 93%;
    min-width: 90%
  }

  .logos-heading-container {
    width: 100%;
    padding-bottom: 21px
  }

  .test-logo-image-wrapper-2 {
    position: relative;
    left: auto;
    top: auto;
    right: 4%;
    bottom: 0;
    max-width: 55%;
    margin-top: 22px
  }

  .logo-image-testimonials {
    margin-top: 0
  }

  .quote {
    top: -62px;
    width: 45px
  }

  .testimonial-grid-heading {
    -ms-grid-columns: 1.75fr 2.25fr;
    grid-template-columns: 1.75fr 2.25fr
  }

  .testimonials-inner-heading {
    max-width: 100%;
    align-items: flex-start
  }

  .testimonial-bottom-content-2 {
    bottom: 4%;
    display: flex;
    overflow: hidden;
    margin-top: 50px;
    padding-top: 9px;
    padding-bottom: 0;
    padding-left: 11px;
    flex-direction: column;
    align-items: flex-start
  }

  .slider-content {
    width: 100%
  }

  .process-heading-wrap {
    height: 100%
  }

  .process-inner-heading-wrapper-inner {
    left: auto;
    top: 5%;
    right: 5%;
    bottom: auto;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start
  }

  .custom-video-wrapper {
    margin-right: auto;
    margin-left: auto
  }

  .video-vimeo-wrapper {
    overflow: visible;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0
  }

  .vimeo-embed {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    overflow: hidden;
    height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    border-radius: 20px
  }

  .intro-container-2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-right: 0;
    padding-bottom: 76px
  }

  .hero-grid-wrapper {
    padding-right: 14px;
    padding-left: 12px
  }

  .new-hero-grid {
    flex: 1;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .new-hero-grid-block {
    padding-bottom: 0;
    padding-left: 0
  }

  .new-hero-grid-block-content.is--1 {
    margin-left: 0;
    padding-bottom: 136px
  }

  .new-hero-grid-block-content.is--2 {
    max-width: 75vw
  }

  .new-hero-grid-block-content-inner {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    align-items: flex-start
  }

  .arrow-link-btn {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto
  }

  .arrow-link-btn.is--desktop {
    display: none
  }

  .arrow-svg-main {
    width: 11vw;
    height: 11vw
  }

  .grid__column.is--first, .grid__column.is--second, .grid__column.is--third {
    width: 60vw;
    grid-row-gap: 1rem
  }

  .section-7.is--hero {
    height: auto;
    padding-top: 86px;
    padding-bottom: 1.7rem;
    border-radius: 0
  }

  .section-7.is--grid {
    height: 38vh
  }

  .section-7.is--grid.is--mobile {
    display: flex;
    overflow: hidden;
    height: 0%;
    padding-bottom: 0
  }

  .grid__item {
    height: 50vw
  }

  .grid__item.is--item-7 {
    height: 37vw
  }

  .grid__item.is--item-3 {
    height: 37vw;
    background-image: url("../images/63a3593c0d6caf24f392ead5_shopify-ecommerce-services.webp")
  }

  .grid__item.is--item-9 {
    height: 37vw;
    background-image: url("../images/63891d3582e62a2809bb6916_wix-web-design-work-cannabis.webp");
    background-position: 50% 50%;
    background-size: cover
  }

  .grid__item.is--item-1 {
    height: 37vw
  }

  .grid__item.is--item-8 {
    height: 37vw;
    background-image: url("../images/63891d350276627356f8106f_shopify-works-drink-ecommerce-for-chill.webp");
    background-position: 50% 50%;
    background-size: cover
  }

  .grid__item.is--item-5 {
    height: 37vw
  }

  .grid__item.is--item-6 {
    height: 37vw;
    background-image: url("../images/63891d34255f2c00abaee02b_olipop-featured-portfolio-mockup.webp");
    background-position: 50% 50%;
    background-size: cover
  }

  .grid__item.is--item-4 {
    height: 37vw;
    background-image: url("../images/63891d3671019d111350e0c1_webflow-ecommerce-portfolio-goodroot.webp");
    background-position: 0 0;
    background-size: cover
  }

  .grid__item.is--item-2 {
    height: 37vw;
    background-image: url("../images/63891d357b75b21740c743c0_wordpress-web-development-portfolio.webp");
    background-position: 50% 50%;
    background-size: cover
  }

  .grid__item.is--item-10 {
    height: 37vw;
    background-image: url("../images/63891d337a2bf70dcb51703e_webflow-web-development-ecommerce-store.webp")
  }

  .grid__item.is--item-11 {
    height: 37vw;
    background-image: url("../images/638a75916a8a277f518216f6_zorro-projects-ecommerce-shopify.webp")
  }

  .grid__item.is--item-12 {
    height: 37vw;
    background-image: url("../images/63891d39e3d2c80f65057ba5_zorro-design-portfolio-ecommerce-store.webp")
  }

  .grid__wrapper {
    height: 100%;
    flex-wrap: nowrap;
    grid-column-gap: 1rem
  }

  .grid__wrapper.is--desktop {
    display: none
  }

  .section-wrap {
    overflow: visible
  }

  .section-wrap.is--hero {
    overflow: visible;
    height: 0%
  }

  .collection-list-works {
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .work-title-details.list {
    width: auto;
    max-width: 100%;
    margin-top: 9px;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    flex: 0 auto
  }

  .works-title-2.small {
    flex: 0 auto;
    font-size: 1.3em
  }

  .image-thumb-works {
    height: 315px;
    min-height: auto
  }

  .wrap-work-title {
    padding-top: 1.4vh;
    flex-direction: column;
    align-items: flex-start
  }

  .work-text {
    font-size: 1em;
    text-align: right
  }

  .flex-rail {
    margin-bottom: 33px;
    padding-top: 0;
    padding-bottom: 2px
  }

  .works-grid-block {
    width: 100%
  }

  .section-88.is--grid {
    height: 38vh
  }

  .section-88.is--grid.is--desktop {
    display: none
  }

  .hero-bottom-wrapper {
    height: 0%
  }

  .video-containers {
    margin-top: 0
  }

  .video-grid {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-auto-columns: 1fr;
    grid-column-gap: 75px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .video-grid-block.is--video {
    position: relative;
    width: 100%;
    margin-top: 171px
  }

  .video-grid-block.is--text {
    margin-top: 0
  }

  .services-heading-btn-wrapper {
    flex-direction: column;
    grid-column-gap: 20px
  }

  .blog-container {
    padding-top: 3.125rem
  }

  .locations-heading-grid-block {
    width: 100%
  }

  .locations-heading-grid {
    display: flex;
    padding-bottom: 0;
    flex-direction: column;
    justify-items: start;
    align-items: flex-start;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .blog-title.is--blog.is--small {
    padding-right: 62px;
    font-size: 1.1rem
  }

  .blog-title.is--blog.is--small.split-text {
    line-height: 1.2em;
    font-weight: 500;
    letter-spacing: 0
  }

  .work-heading {
    display: block;
    max-width: 93%;
    min-width: 93%
  }

  .work-inner-heading {
    display: block;
    margin-bottom: 91px;
    align-items: flex-start
  }

  .worker-grid-heading {
    -ms-grid-columns: 1.75fr 2.25fr;
    grid-template-columns: 1.75fr 2.25fr
  }

  .heading-work {
    padding-bottom: 7px;
    font-size: 3em;
    line-height: .8em
  }

  .heading-work.is--h2, .heading-work.is--h2.is--testimonials {
    font-size: 2.7rem
  }

  .heading-work.is--h2.is--testimonials.is--small {
    margin-bottom: 22px;
    margin-left: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 1.1rem
  }

  .work-heading-btn-wrapper {
    display: block;
    padding-left: 0;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    grid-column-gap: 20px
  }

  .featured-works-heading {
    max-width: 100%;
    min-width: 100%
  }

  .button-small-2, .f-margin-bottom-16.is--desk {
    display: none
  }

  .f-footer-regular {
    padding-bottom: 7px
  }

  .f-container-regular {
    max-width: 100%
  }

  .main-btn {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0
  }

  .main-btn.is--invert {
    margin-left: 0
  }

  .main-btn.is--invert.left._3.leftleftleft {
    justify-content: flex-start
  }

  .paragraph-regular-bold.is--blk {
    font-size: 1.1rem
  }

  .f-footer-grid-asymmetrical {
    display: -ms-grid;
    display: grid;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .f-footer-content.is--first {
    width: 100%;
    padding-bottom: 133px
  }

  .f-footer-mobile-app-wrapper {
    width: 100%;
    flex-direction: column;
    align-items: flex-start
  }

  .f-footer-large-link-grid {
    width: 100%;
    padding-bottom: 6px;
    justify-items: center;
    grid-row-gap: 0px;
    -ms-grid-columns: 1.75fr 2fr;
    grid-template-columns: 1.75fr 2fr;
    -ms-grid-rows: minmax(105px, 0.75fr);
    grid-template-rows: minmax(105px, 0.75fr)
  }

  .footer-block.is--email {
    padding-top: 43px;
    padding-bottom: 0
  }

  .footer-link-text.is--location {
    text-align: left
  }

  .blog-bottom-content {
    margin-top: 19px;
    justify-content: space-between
  }

  .blog-date.is--desktop {
    display: none
  }

  .blog-category-text.split-text {
    letter-spacing: 0
  }

  .date {
    font-size: 1rem
  }

  .blog-list {
    margin-bottom: 1rem
  }

  .blog-item-preview {
    padding-top: 3.9rem;
    padding-bottom: 0
  }

  .portrait-image {
    width: 90vw;
    height: 70vw
  }

  .speaker-name {
    padding-top: .75rem;
    padding-bottom: 0
  }

  .marquee-snap {
    height: 2.2em;
    margin-top: -11px
  }

  .marquee_item-snap {
    font-size: 2.5vw
  }

  .marquee_text {
    font-size: 4rem
  }

  .footer-cta {
    padding-top: 82px;
    padding-bottom: 54px
  }

  .project-video {
    max-width: 100%
  }

  .showcase-text {
    font-size: 1.2rem
  }

  .letter-animation.is--test {
    max-width: 100%;
    min-width: 100%
  }

  .letter-animation._3 {
    display: block;
    width: 100%;
    min-width: 100%
  }

  .letter-animation.left {
    width: 100%
  }

  .vimeo-html {
    padding-bottom: 25%
  }

  .hero-about-content {
    padding-top: 29%;
    padding-bottom: 14%
  }

  .about-hero-description-wrapper {
    max-width: 95%;
    padding-top: 16px;
    padding-left: 0
  }

  .circle-text {
    font-size: 1.2rem
  }

  .about-logos {
    margin-top: 51px
  }

  .logo-about-heading {
    max-width: 95%;
    margin-top: 41px
  }

  .logo-heading-about-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .logo-heading-about-grid.is--page {
    max-width: 95%
  }

  .logo-heading-grid-block-about {
    max-width: 100%
  }

  .paragraph-heading {
    font-size: 2.2rem
  }

  .paragraph-heading.is--2 {
    max-width: 95%;
    line-height: 1.1em
  }

  .information-about {
    padding-bottom: 85px
  }

  .information-about-container {
    max-width: 95%
  }

  .about-intro {
    overflow: hidden;
    padding-bottom: 0
  }

  .about-intro-container {
    padding-bottom: 0
  }

  .class-image-container {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-top: 482px;
    padding-bottom: 349px;
    flex: 0 auto
  }

  .rimage.left, .rimage.mid {
    width: 260px;
    height: 360px
  }

  .rimage.right {
    width: 260px;
    height: 360px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .f-feature-grid-small {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 70px;
    grid-row-gap: 44px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
  }

  .f-feature-grid-small.is--desk {
    display: none
  }

  .value-grid-two {
    display: block
  }

  .value-grid-two.is--3 {
    margin-top: 68px
  }

  .services-sect-content {
    padding-top: 41px
  }

  .services-grid-content-title {
    padding-bottom: 14px
  }

  .services-grid-content-title.is--page {
    margin-top: 13px;
    padding-bottom: 12px
  }

  .tab-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }

  .service-facts {
    display: flex;
    flex-direction: row;
    justify-content: start;
    justify-items: stretch;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 9px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
  }

  .service-facts.service--page {
    flex-direction: column;
    flex: 0 0 auto
  }

  .service-feat {
    padding-bottom: 7px;
    font-size: 3em;
    line-height: .8em
  }

  .service-feat.is--h2, .service-feat.is--h2.is--intro {
    font-size: 2.7rem
  }

  .service-feat.is--h2.is--intro.is--small {
    display: flex;
    margin-right: 0;
    margin-left: 0;
    justify-content: center;
    align-items: center;
    font-size: .8rem
  }

  .service-feat.is--h2.is--intro.is--small.is--emptybg {
    font-size: .7rem
  }

  .service-feat.is--h2.is--intro.is--small.is--emptybg.is--service--page {
    min-width: 100%;
    font-size: .95rem
  }

  .services-feat.is--acordion {
    margin-top: 2px;
    padding-left: 0
  }

  .services-feat.is--acordion.is--page {
    margin-top: 0
  }

  .service-sect-hero-container {
    padding-top: 21%
  }

  .content-image-wrapper {
    height: 20vh
  }

  .content-image-wrapper.is--desktop {
    display: none
  }

  .content-image-wrapper.is--mobile {
    display: flex;
    height: 27vh
  }

  .section-content {
    width: 100%;
    padding: 5px 0 135px
  }

  .section-content.is--page {
    padding-top: 45px;
    padding-bottom: 0
  }

  .service--inner--feat {
    width: 92%;
    max-width: none;
    min-width: 92%
  }

  .service-lottie {
    width: 100px
  }

  .service-lottie.is--bigger {
    width: 140px
  }

  .service-lottie.is--bigger.black {
    filter: none
  }

  .service-lottie.is--larger {
    width: 125px
  }

  .service-lottie.black {
    filter: none
  }

  .logo-wrap-ticker {
    min-width: 55vw;
    padding-top: 45px;
    padding-bottom: 45px
  }

  .company-logo {
    max-height: 99px;
    max-width: 135px
  }

  .header_component-2 {
    padding-top: 5.7rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .header_component-2.is--laptop {
    padding-top: 0;
    padding-bottom: 0
  }

  .header_component-2.is--seo {
    padding-top: 5.8rem
  }

  .header_content-left-2 {
    padding-bottom: 60px
  }

  .header_content-left-2.is--seo {
    padding-bottom: 0
  }

  .header_content-left-2.is--digital--marketing {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-left: 11px
  }

  .text-size-medium-2.text-style-muted {
    font-size: 1.2rem
  }

  .text-size-medium-2.text-style-muted.is--digital-marketing {
    max-width: 90%
  }

  .section_header.is--desktop.is--seo {
    padding-top: 20px;
    padding-bottom: 45px
  }

  .section_header.is--laptop--mobile {
    padding-top: 30%;
    padding-bottom: 0
  }

  .header_content-right-2 {
    height: 25rem;
    border-radius: 0;
    background-color: #171717
  }

  .header_content-right-2.is--seo {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color: hsla(0, 0%, 9%, 0)
  }

  .header_images-layout-2.is--seo {
    width: 100%
  }

  .sticky-service-container {
    border-radius: 14px 14px 0 0
  }

  .padding-section-large {
    display: block;
    padding-bottom: 0;
    flex-direction: row-reverse
  }

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

  .layout121_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .padding-global {
    padding-bottom: 125px
  }

  .layout121_timeline-step {
    grid-column-gap: 0px
  }

  .layout3_component {
    display: flex;
    flex-direction: column;
    justify-items: stretch;
    align-items: start;
    grid-row-gap: 1rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .layout3_component.is--mobile {
    flex-direction: column-reverse;
    grid-row-gap: 1rem
  }

  .padding-global-2 {
    padding-bottom: 83px
  }

  .heading-small-2 {
    line-height: 1.3
  }

  .section-8.hero {
    padding-top: 13vh
  }

  .container-21 {
    max-width: none
  }

  .container-21.padding-bottom-large {
    padding-right: 13px;
    padding-left: 13px
  }

  .content-wrapper {
    width: 100%
  }

  .content-wrapper.padding-bottom-medium.is--2 {
    max-width: 100%
  }

  .heading-large-5 {
    font-size: 35px
  }

  .heading-large-5.margin-bottom-small {
    font-size: 2.3rem
  }

  .main-paragraph-2 {
    font-size: 18px
  }

  .main-grid {
    grid-row-gap: 3vh
  }

  .main-grid._3 {
    grid-row-gap: 6vh
  }

  .div-block-3 {
    padding-right: 19px;
    padding-left: 16px
  }

  .f-section-regular {
    padding: 130px 0 85px 2%
  }

  .grid-rail {
    display: flex;
    min-height: auto;
    min-width: auto;
    margin-right: 1.5vw;
    margin-bottom: 75px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    flex: 0 0 auto;
    grid-column-gap: 6.5vw
  }

  .image-tiles-hero {
    width: 100%;
    max-height: none;
    max-width: none;
    flex: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
  }

  .hero-ticker-images {
    display: block;
    padding-bottom: 0;
    flex-direction: column;
    justify-content: flex-end
  }

  .hero-rail {
    height: auto;
    align-items: flex-end
  }

  .hero-rail.gap {
    margin-top: 0;
    margin-bottom: 0;
    align-items: flex-end;
    flex: 0 auto
  }

  .hero-grid-header {
    display: block;
    align-items: start;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto
  }

  .frame-image-overflow {
    width: 90vw;
    height: 0%;
    max-height: 0;
    padding-bottom: 11%;
    border-radius: 11px
  }

  .a-content-grid-wrapper {
    flex-direction: row;
    align-items: flex-start;
    grid-column-gap: 5px
  }

  .a-section-regular {
    padding: 68px 3% 39px
  }

  .popup-group {
    bottom: 1%;
    z-index: 9007199254740991;
    display: none
  }

  .popup-toggle-text {
    padding: 15px 23px;
    font-size: .9em
  }

  .popup-content-wrapper {
    z-index: 6666;
    max-height: 100%;
    padding-top: 103%
  }

  .section-regular {
    padding-top: 0
  }

  .content-column {
    padding: 24px
  }

  .h1-heading.text-weight-medium {
    font-size: 33px
  }

  .content-form-card {
    padding: 24px
  }

  .content-form-card.is--popup {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    border-style: none
  }

  .collection-list-wrapper-3 {
    width: 100%
  }

  .mobile-cover-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 55;
    display: block;
    background-image: url("../images/background-image.svg");
    background-position: 50% 50%;
    background-size: cover
  }
}

#w-node-d5e2be9a-0820-bceb-ceba-fa6fba578c47-ba578c45, #w-node-d5e2be9a-0820-bceb-ceba-fa6fba578c49-ba578c45 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1
}

#w-node-_7bccba75-3e4a-cff3-dc27-ce1a36220730-3622071b, #w-node-_7bccba75-3e4a-cff3-dc27-ce1a3622073f-3622071b, #w-node-d5e2be9a-0820-bceb-ceba-fa6fba578c67-ba578c45, #w-node-d5e2be9a-0820-bceb-ceba-fa6fba578c8f-ba578c45 {
  -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
}

#w-node-d5e2be9a-0820-bceb-ceba-fa6fba578ca5-ba578c45 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: center;
  align-self: center
}

#w-node-d5e2be9a-0820-bceb-ceba-fa6fba578ca6-ba578c45 {
  -ms-grid-column-align: start;
  justify-self: start
}

#w-node-_25c4f15f-540f-c86e-e5dd-dfcb6e5f0ba0-6e5f0b7d, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-00d102d1, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-1843ca4b, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-5bf97b51, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-6383d003, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-8b09866e, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-ad837197 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: center;
  align-self: center
}

#w-node-_25c4f15f-540f-c86e-e5dd-dfcb6e5f0ba3-6e5f0b7d {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

#w-node-_023aaeb0-7cef-fb8f-d289-767564565e7f-486d6ebc, #w-node-_023aaeb0-7cef-fb8f-d289-767564565e7f-7b83712e, #w-node-_057486ce-06c4-aa87-cb2b-9faebde1b5c9-00d102d1, #w-node-_057486ce-06c4-aa87-cb2b-9faebde1b5c9-5bf97b51, #w-node-_057486ce-06c4-aa87-cb2b-9faebde1b5c9-6383d003, #w-node-_057486ce-06c4-aa87-cb2b-9faebde1b5c9-8b09866e, #w-node-_057486ce-06c4-aa87-cb2b-9faebde1b5c9-ad837197, #w-node-_05c11e75-1e4c-6fa4-0c34-685010358f01-486d6ebc, #w-node-_05c11e75-1e4c-6fa4-0c34-685010358f01-7b83712e, #w-node-_05c11e75-1e4c-6fa4-0c34-685010358f04-486d6ebc, #w-node-_05c11e75-1e4c-6fa4-0c34-685010358f04-7b83712e, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-00d102d1, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-5bf97b51, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-6383d003, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-8b09866e, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-ad837197, #w-node-_09416fe5-f7a7-fc4c-0a46-d5b43a558eb8-978370a2, #w-node-_0b29bcc0-cfd9-bc3e-c590-2972cf38d7b6-dcbb79c4, #w-node-_102dea6d-332a-00ac-e315-ed2d8ccfb842-d3837108, #w-node-_1e1f2d07-0f1a-03bf-a6ef-5f55a71832de-00d102d1, #w-node-_1e1f2d07-0f1a-03bf-a6ef-5f55a71832de-5bf97b51, #w-node-_1e1f2d07-0f1a-03bf-a6ef-5f55a71832de-6383d003, #w-node-_1e1f2d07-0f1a-03bf-a6ef-5f55a71832de-8b09866e, #w-node-_1e1f2d07-0f1a-03bf-a6ef-5f55a71832de-ad837197, #w-node-_25c4f15f-540f-c86e-e5dd-dfcb6e5f0ba5-6e5f0b7d, #w-node-_25c4f15f-540f-c86e-e5dd-dfcb6e5f0ba6-6e5f0b7d, #w-node-_28402598-b34c-72ec-4de0-34c86ee0ccea-486d6ebc, #w-node-_28402598-b34c-72ec-4de0-34c86ee0ccea-7b83712e, #w-node-_2f5659fe-e0ce-3ba4-f97b-b91008e6f7c8-486d6ebc, #w-node-_2fcea89f-4021-adb1-7ef5-8511ecbb6c50-dcbb79c4, #w-node-_377d9e20-458e-73d5-5b35-2fcba6583b63-7b83712e, #w-node-_3f2a6faa-139b-0f11-3092-f25362e1006f-d3837108, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d38-00d102d1, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d38-1843ca4b, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d38-5bf97b51, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d38-6383d003, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d38-8b09866e, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d38-ad837197, #w-node-_4169d08c-ded8-9786-7de2-69ee3539938e-00d102d1, #w-node-_4169d08c-ded8-9786-7de2-69ee3539938e-5bf97b51, #w-node-_4169d08c-ded8-9786-7de2-69ee3539938e-6383d003, #w-node-_4169d08c-ded8-9786-7de2-69ee3539938e-8b09866e, #w-node-_4169d08c-ded8-9786-7de2-69ee3539938e-ad837197, #w-node-_465ee716-14d6-dff1-743e-3e4d099c5003-5e837163, #w-node-_465ee716-14d6-dff1-743e-3e4d099c5008-5e837163, #w-node-_4a581556-3bf8-6c58-c9a2-4e4a837e3038-486d6ebc, #w-node-_4a581556-3bf8-6c58-c9a2-4e4a837e3038-7b83712e, #w-node-_4a581556-3bf8-6c58-c9a2-4e4a837e303b-486d6ebc, #w-node-_4a581556-3bf8-6c58-c9a2-4e4a837e303b-7b83712e, #w-node-_4a88866d-6587-f26a-d265-5802353413cb-5e837163, #w-node-_4a88866d-6587-f26a-d265-5802353413d0-5e837163, #w-node-_4ea8229a-00d6-c731-51ad-60592efa399b-486d6ebc, #w-node-_4ea8229a-00d6-c731-51ad-60592efa399b-7b83712e, #w-node-_4ea8229a-00d6-c731-51ad-60592efa399e-486d6ebc, #w-node-_4ea8229a-00d6-c731-51ad-60592efa399e-7b83712e, #w-node-_4f5eb63a-7097-8a54-753a-8154018cace2-d3837108, #w-node-_55cdc6d4-a240-aedb-eda6-d8906c66dc9a-d3837108, #w-node-_566f61a7-aeb9-7b3b-f5d6-94434f6f6d02-00d102d1, #w-node-_566f61a7-aeb9-7b3b-f5d6-94434f6f6d02-5bf97b51, #w-node-_566f61a7-aeb9-7b3b-f5d6-94434f6f6d02-6383d003, #w-node-_566f61a7-aeb9-7b3b-f5d6-94434f6f6d02-8b09866e, #w-node-_566f61a7-aeb9-7b3b-f5d6-94434f6f6d02-ad837197, #w-node-_570c2094-38db-3568-5acb-8967b7e1c04e-d3837108, #w-node-_68765525-4f9a-977a-af00-537d7feb9134-dcbb79c4, #w-node-_6a00fc61-cf27-1013-7d76-895de81c4671-978370a2, #w-node-_6a00fc61-cf27-1013-7d76-895de81c4673-978370a2, #w-node-_6a00fc61-cf27-1013-7d76-895de81c467a-978370a2, #w-node-_7bccba75-3e4a-cff3-dc27-ce1a3622071f-3622071b, #w-node-_7bccba75-3e4a-cff3-dc27-ce1a3622074b-3622071b, #w-node-_7f8cdfba-c683-4097-c345-e156f223c6cd-7b83712e, #w-node-_82293b9e-f2f4-cb39-6f85-f651a42612e3-00d102d1, #w-node-_82293b9e-f2f4-cb39-6f85-f651a42612e3-5bf97b51, #w-node-_82293b9e-f2f4-cb39-6f85-f651a42612e3-6383d003, #w-node-_82293b9e-f2f4-cb39-6f85-f651a42612e3-8b09866e, #w-node-_82293b9e-f2f4-cb39-6f85-f651a42612e3-ad837197, #w-node-_89767064-7eff-2aca-263e-0821e39fc85b-486d6ebc, #w-node-_8d678a58-49d8-0e24-5788-e5f9ae0522fa-7b83712e, #w-node-_9150df76-5f0c-decb-1e07-9b204b0976fe-978370a2, #w-node-_965dc785-7e84-92d4-bdb4-70e5ed874e94-00d102d1, #w-node-_965dc785-7e84-92d4-bdb4-70e5ed874e94-5bf97b51, #w-node-_965dc785-7e84-92d4-bdb4-70e5ed874e94-6383d003, #w-node-_965dc785-7e84-92d4-bdb4-70e5ed874e94-8b09866e, #w-node-_965dc785-7e84-92d4-bdb4-70e5ed874e94-ad837197, #w-node-_9e39ac85-0c4c-fbd2-e5d3-d2d76e2987bc-486d6ebc, #w-node-_9e39ac85-0c4c-fbd2-e5d3-d2d76e2987bc-7b83712e, #w-node-_9f59297c-e65f-d49a-285a-d6a1ae4e4401-dcbb79c4, #w-node-a2941eac-5f8f-3fcf-7f7f-1a277d58bdc2-00d102d1, #w-node-a2941eac-5f8f-3fcf-7f7f-1a277d58bdc2-5bf97b51, #w-node-a2941eac-5f8f-3fcf-7f7f-1a277d58bdc2-6383d003, #w-node-a2941eac-5f8f-3fcf-7f7f-1a277d58bdc2-8b09866e, #w-node-a2941eac-5f8f-3fcf-7f7f-1a277d58bdc2-ad837197, #w-node-a3a42e40-60bd-b78f-398d-d68fa2f64b2f-d3837108, #w-node-a626c6a1-d427-369a-ec1d-ed281da9e364-5e837163, #w-node-a626c6a1-d427-369a-ec1d-ed281da9e369-5e837163, #w-node-a9cb8662-88c6-d9eb-60a0-a9cda0fa761e-978370a2, #w-node-ab031fa7-1109-1b84-13bc-b39850a3b25e-5e837163, #w-node-ab031fa7-1109-1b84-13bc-b39850a3b263-5e837163, #w-node-b6881544-69a2-85b0-1734-a15c8af0b391-486d6ebc, #w-node-b6881544-69a2-85b0-1734-a15c8af0b391-7b83712e, #w-node-ba210534-5b64-11e3-7596-5f298abc70b7-486d6ebc, #w-node-ba210534-5b64-11e3-7596-5f298abc70b7-7b83712e, #w-node-ba210534-5b64-11e3-7596-5f298abc70ba-486d6ebc, #w-node-ba210534-5b64-11e3-7596-5f298abc70ba-7b83712e, #w-node-bdee46ef-a786-0295-fa05-a0015e3c2390-dcbb79c4, #w-node-bdee46ef-a786-0295-fa05-a0015e3c23a1-dcbb79c4, #w-node-bdee46ef-a786-0295-fa05-a0015e3c23b2-dcbb79c4, #w-node-bdee46ef-a786-0295-fa05-a0015e3c23c3-dcbb79c4, #w-node-bdee46ef-a786-0295-fa05-a0015e3c23d4-dcbb79c4, #w-node-bdee46ef-a786-0295-fa05-a0015e3c23e5-dcbb79c4, #w-node-beafedfc-0925-4b38-0fae-44b951d18bad-5e837163, #w-node-beafedfc-0925-4b38-0fae-44b951d18bb2-5e837163, #w-node-c047263d-7252-ddd1-e562-43ec4b6a9daf-978370a2, #w-node-c13602a1-1e03-cf3b-22af-27aeb68ac891-486d6ebc, #w-node-c13602a1-1e03-cf3b-22af-27aeb68ac891-7b83712e, #w-node-c13602a1-1e03-cf3b-22af-27aeb68ac896-486d6ebc, #w-node-c13602a1-1e03-cf3b-22af-27aeb68ac896-7b83712e, #w-node-c1c3d5ac-caaf-6185-2a1d-9cc715040b72-5e837163, #w-node-c1c3d5ac-caaf-6185-2a1d-9cc715040b77-5e837163, #w-node-c1f80ebb-5d72-ef2a-01d7-5eed54008d17-486d6ebc, #w-node-cdf5a8c9-ef49-faa7-20da-2d122ab0f57e-978370a2, #w-node-e1b632c7-ea53-7d0e-44bf-8f90f5550da4-00d102d1, #w-node-e1b632c7-ea53-7d0e-44bf-8f90f5550da4-5bf97b51, #w-node-e1b632c7-ea53-7d0e-44bf-8f90f5550da4-6383d003, #w-node-e1b632c7-ea53-7d0e-44bf-8f90f5550da4-8b09866e, #w-node-e1b632c7-ea53-7d0e-44bf-8f90f5550da4-ad837197, #w-node-e512a89a-7c98-9f3c-518c-d4e931443388-00d102d1, #w-node-e512a89a-7c98-9f3c-518c-d4e931443388-5bf97b51, #w-node-e512a89a-7c98-9f3c-518c-d4e931443388-6383d003, #w-node-e512a89a-7c98-9f3c-518c-d4e931443388-8b09866e, #w-node-e512a89a-7c98-9f3c-518c-d4e931443388-ad837197, #w-node-e8b07d92-e07c-1d25-bad0-b380fe048223-00d102d1, #w-node-e8b07d92-e07c-1d25-bad0-b380fe048223-5bf97b51, #w-node-e8b07d92-e07c-1d25-bad0-b380fe048223-6383d003, #w-node-e8b07d92-e07c-1d25-bad0-b380fe048223-8b09866e, #w-node-e8b07d92-e07c-1d25-bad0-b380fe048223-ad837197, #w-node-e9647154-2214-76f6-ad8a-21eb8a2ddcd9-d3837108, #w-node-eab534f0-b109-90be-ea13-72479d0bb8f7-486d6ebc, #w-node-eab534f0-b109-90be-ea13-72479d0bb8f7-7b83712e, #w-node-ec9a233e-3deb-ca43-00fa-c7f91bee95ca-dcbb79c4, #w-node-ef1cff70-ea15-835c-334d-1c7a41f68edf-d3837108, #w-node-efcda9c8-dcab-c8f3-bb46-ace3c94b8065-486d6ebc, #w-node-efcda9c8-dcab-c8f3-bb46-ace3c94b8065-7b83712e, #w-node-efcda9c8-dcab-c8f3-bb46-ace3c94b8068-486d6ebc, #w-node-efcda9c8-dcab-c8f3-bb46-ace3c94b8068-7b83712e, #w-node-f3e11fac-1c11-5e57-f898-f61c40577ca1-dcbb79c4, #w-node-f6687d7e-9014-105e-82ce-3fee5eb48150-00d102d1, #w-node-f6687d7e-9014-105e-82ce-3fee5eb48150-5bf97b51, #w-node-f6687d7e-9014-105e-82ce-3fee5eb48150-6383d003, #w-node-f6687d7e-9014-105e-82ce-3fee5eb48150-8b09866e, #w-node-f6687d7e-9014-105e-82ce-3fee5eb48150-ad837197, #w-node-f724e3b4-8372-3d35-55fb-084b801dcf62-00d102d1, #w-node-f724e3b4-8372-3d35-55fb-084b801dcf62-5bf97b51, #w-node-f724e3b4-8372-3d35-55fb-084b801dcf62-6383d003, #w-node-f724e3b4-8372-3d35-55fb-084b801dcf62-8b09866e, #w-node-f724e3b4-8372-3d35-55fb-084b801dcf62-ad837197, #w-node-f84eec9b-5816-85a1-1324-6d4cced30d53-486d6ebc, #w-node-f84eec9b-5816-85a1-1324-6d4cced30d53-7b83712e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1
}

#w-node-_6a00fc61-cf27-1013-7d76-895de81c466d-978370a2, #w-node-a9cb8662-88c6-d9eb-60a0-a9cda0fa7617-978370a2 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: start;
  align-self: start
}

#w-node-_7bccba75-3e4a-cff3-dc27-ce1a36220725-3622071b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end
}

#w-node-ed1c554a-c56b-7ff3-769d-61d3938fb38c-3622071b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: start;
  align-self: start
}

#w-node-_69051796-2220-3895-a003-15d040020fb3-3622071b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: end;
  justify-self: end
}

#w-node-_7b0ba597-2453-0059-c7e9-dbc190593ee7-d3837108, #w-node-e3585ec0-b093-2e73-16d0-fdc5b72c2025-486d6ebc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center
}

#w-node-a3a42e40-60bd-b78f-398d-d68fa2f64b2e-d3837108 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

#w-node-ccb562ec-8cf3-1e48-f61a-938ccbd9c3a0-18f38aca {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: start;
  justify-self: start;
  -ms-grid-row-align: center;
  align-self: center
}

#w-node-a171d60d-fa1a-8357-5a56-b08be9fb1653-486d6ebc, #w-node-a171d60d-fa1a-8357-5a56-b08be9fb1653-7b83712e {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch
}

#w-node-_03ed8065-a6e3-910f-bbf1-a9c95d05453a-486d6ebc, #w-node-_03ed8065-a6e3-910f-bbf1-a9c95d05453a-7b83712e, #w-node-cec90b77-9d4e-ced7-c370-54f85cd02504-486d6ebc, #w-node-cec90b77-9d4e-ced7-c370-54f85cd02504-7b83712e {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: start;
  justify-self: start
}

#w-node-_2fcea89f-4021-adb1-7ef5-8511ecbb6c53-dcbb79c4, #w-node-_377d9e20-458e-73d5-5b35-2fcba6583b66-7b83712e, #w-node-_7f8cdfba-c683-4097-c345-e156f223c6d0-7b83712e, #w-node-_8d678a58-49d8-0e24-5788-e5f9ae0522fd-7b83712e, #w-node-_902d89ec-bf52-0cb2-1d19-d68c3d7c8e1f-486d6ebc, #w-node-_902d89ec-bf52-0cb2-1d19-d68c3d7c8e1f-7b83712e, #w-node-_9f59297c-e65f-d49a-285a-d6a1ae4e4404-dcbb79c4, #w-node-bdee46ef-a786-0295-fa05-a0015e3c2393-dcbb79c4, #w-node-ec9a233e-3deb-ca43-00fa-c7f91bee95cd-dcbb79c4 {
  -ms-grid-column-align: stretch;
  justify-self: stretch
}

#w-node-bb523c3e-053b-9f04-4dab-f210c904e44a-486d6ebc, #w-node-bb523c3e-053b-9f04-4dab-f210c904e44e-486d6ebc, #w-node-bb523c3e-053b-9f04-4dab-f210c904e44e-7b83712e {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1
}

#w-node-_92e0aa7e-9033-5c5d-1a80-c3bd8064d970-486d6ebc, #w-node-_92e0aa7e-9033-5c5d-1a80-c3bd8064d970-7b83712e, #w-node-b3fc5cf0-c58b-6cf1-3560-79ff424eb4c1-486d6ebc, #w-node-b3fc5cf0-c58b-6cf1-3560-79ff424eb4c1-7b83712e, #w-node-bb523c3e-053b-9f04-4dab-f210c904e457-486d6ebc, #w-node-bb523c3e-053b-9f04-4dab-f210c904e457-7b83712e, #w-node-e7ba02be-bf12-5e1e-068a-b6eae0cab62e-7b83712e {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2
}

#w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-9c837152 {
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 9;
  grid-column-end: 10
}

#w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-9c837152 {
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-column-span: 6;
  grid-column-end: 13;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3
}

#w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf4ac-9c837152 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 6;
  grid-column-end: 7;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

#w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-00d102d1, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-1843ca4b, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-5bf97b51, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-6383d003, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-8b09866e, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-ad837197, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-00d102d1, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-5bf97b51, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-6383d003, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-8b09866e, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-ad837197 {
  -ms-grid-column-align: end;
  justify-self: end
}

#w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-ad837197 {
  -ms-grid-column-span: 12;
  grid-column-end: 13;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 6;
  grid-row-end: 7;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-align: start;
  align-self: start
}

#w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c582-5bf97b51, #w-node-_2fb69874-35ef-622e-a954-08d83267d35b-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d35b-ad837197, #w-node-_4b51e553-df6d-28f9-2e22-0ffd26557867-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c34-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de2-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de2-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de2-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de2-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de2-ad837197 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1
}

#w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c584-5bf97b51, #w-node-_4b51e553-df6d-28f9-2e22-0ffd26557869-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c36-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-ad837197 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 4;
  grid-row-end: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-align: start;
  align-self: start
}

#w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c586-5bf97b51, #w-node-_2fb69874-35ef-622e-a954-08d83267d35f-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d35f-ad837197, #w-node-_4b51e553-df6d-28f9-2e22-0ffd2655786b-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c38-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-ad837197 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1
}

#w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c588-5bf97b51, #w-node-_2fb69874-35ef-622e-a954-08d83267d361-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d361-ad837197, #w-node-_4b51e553-df6d-28f9-2e22-0ffd2655786d-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c3a-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de8-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de8-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de8-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de8-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de8-ad837197 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row-span: 3;
  grid-row-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-align: center;
  align-self: center
}

#w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c58a-5bf97b51, #w-node-_2fb69874-35ef-622e-a954-08d83267d363-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d363-ad837197, #w-node-_4b51e553-df6d-28f9-2e22-0ffd2655786f-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c3c-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dea-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dea-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dea-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dea-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dea-ad837197 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1
}

#w-node-_2fb69874-35ef-622e-a954-08d83267d35d-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d35d-ad837197 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 3;
  grid-row-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-align: start;
  align-self: start
}

#w-node-_89767064-7eff-2aca-263e-0821e39fc841-486d6ebc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: start;
  align-self: start
}

#w-node-c1f80ebb-5d72-ef2a-01d7-5eed54008d1a-486d6ebc {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: end;
  align-self: end
}

#w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-2fc680b8, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-77e75518 {
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 8;
  grid-column-end: 11
}

#w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-2fc680b8, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-77e75518 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 8;
  grid-column-end: 11;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3
}

#w-node-_98efa538-7ccd-295d-4696-28b46221b8f7-dcbb79c4 {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1
}

@media screen and (min-width:1920px) {
  #w-node-bb523c3e-053b-9f04-4dab-f210c904e44e-7b83712e {
    -ms-grid-column-align: start;
    justify-self: start
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-9c837152 {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 5;
    grid-column-end: 11;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf4ac-9c837152 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row-align: stretch;
    align-self: stretch
  }

  #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-00d102d1, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-5bf97b51, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-6383d003, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-8b09866e, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d03-ad837197 {
    -ms-grid-column-align: auto;
    justify-self: auto
  }

  #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-00d102d1, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-1843ca4b, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-5bf97b51, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-6383d003, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-8b09866e, #w-node-_3f305908-e840-b7c1-cc11-f4246de93d3b-ad837197 {
    -ms-grid-row-align: center;
    align-self: center
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-2fc680b8, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-77e75518 {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 9;
    grid-column-end: 11;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-2fc680b8, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-77e75518 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 7;
    grid-column-end: 10;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
  }
}

@media screen and (min-width:1440px) {
  #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441d00-1843ca4b {
    -ms-grid-column-align: auto;
    justify-self: auto;
    -ms-grid-row-align: auto;
    align-self: auto
  }

  #w-node-_9f59297c-e65f-d49a-285a-d6a1ae4e4401-dcbb79c4 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1
  }
}

@media screen and (max-width:991px) {
  #w-node-d5e2be9a-0820-bceb-ceba-fa6fba578c49-ba578c45 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1
  }

  #w-node-_38355a8e-70b1-d113-c1e0-83b1fe9ded8e-7b83712e, #w-node-_38355a8e-70b1-d113-c1e0-83b1fe9ded96-7b83712e {
    -ms-grid-column-align: stretch;
    justify-self: stretch
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-2fc680b8, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-77e75518, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-9c837152, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-2fc680b8, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-77e75518, #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49f-9c837152 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf4ac-9c837152 {
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-column-span: 3;
    grid-column-end: 3
  }

  #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-00d102d1, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-1843ca4b, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-5bf97b51, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-6383d003, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-8b09866e, #w-node-_06f4ee0a-f4e9-ebe7-7367-8bb66f441cfa-ad837197, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-00d102d1, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-5bf97b51, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-6383d003, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-8b09866e, #w-node-_0935adf9-2cef-8927-3d2e-86e7abe4cca4-ad837197 {
    -ms-grid-column-align: start;
    justify-self: start
  }

  #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-ad837197 {
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column: 1;
    grid-column-start: 1
  }
}

@media screen and (max-width:767px) {
  #w-node-d5e2be9a-0820-bceb-ceba-fa6fba578ca6-ba578c45 {
    -ms-grid-column-align: center;
    justify-self: center
  }

  #w-node-_7bccba75-3e4a-cff3-dc27-ce1a36220725-3622071b {
    -ms-grid-column-align: start;
    justify-self: start
  }
}

@media screen and (max-width:479px) {
  #w-node-d5e2be9a-0820-bceb-ceba-fa6fba578c4e-ba578c45 {
    -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
  }

  #w-node-a9cb8662-88c6-d9eb-60a0-a9cda0fa7617-978370a2 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 9;
    grid-row-start: span 9;
    -ms-grid-row-span: 9;
    grid-row-end: span 9;
    -ms-grid-row-align: start;
    align-self: start
  }

  #w-node-_7bccba75-3e4a-cff3-dc27-ce1a36220730-3622071b, #w-node-cec90b77-9d4e-ced7-c370-54f85cd02504-7b83712e {
    -ms-grid-column-align: auto;
    justify-self: auto
  }

  #w-node-_7bccba75-3e4a-cff3-dc27-ce1a3622074b-3622071b {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-align: start;
    justify-self: start
  }

  #w-node-ed1c554a-c56b-7ff3-769d-61d3938fb38c-3622071b {
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4
  }

  #w-node-_69051796-2220-3895-a003-15d040020fb3-3622071b {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center
  }

  #w-node-_570c2094-38db-3568-5acb-8967b7e1c04e-d3837108 {
    -ms-grid-column-align: auto;
    justify-self: auto;
    -ms-grid-row-align: auto;
    align-self: auto
  }

  #w-node-bb523c3e-053b-9f04-4dab-f210c904e44e-7b83712e {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-align: stretch;
    justify-self: stretch
  }

  #w-node-_8e710c63-1230-fc73-8ed5-0fa4bc3bf49c-9c837152 {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3
  }

  #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9dde-ad837197 {
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
    -ms-grid-row-span: 6;
    grid-row-end: 7
  }

  #w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c584-5bf97b51, #w-node-_2fb69874-35ef-622e-a954-08d83267d35d-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d35d-ad837197, #w-node-_4b51e553-df6d-28f9-2e22-0ffd26557869-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c36-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de4-ad837197 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch
  }

  #w-node-_1f30dc4e-9540-1d4b-94fc-5cab15b0c586-5bf97b51, #w-node-_2fb69874-35ef-622e-a954-08d83267d35f-00d102d1, #w-node-_2fb69874-35ef-622e-a954-08d83267d35f-ad837197, #w-node-_4b51e553-df6d-28f9-2e22-0ffd2655786b-8b09866e, #w-node-_61dc3c30-a959-1787-a7f6-27b128ea0c38-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-00d102d1, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-5bf97b51, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-6383d003, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-8b09866e, #w-node-bf2dbe88-f4bd-a36c-23e8-542b9c2b9de6-ad837197 {
    -ms-grid-column-align: stretch;
    justify-self: stretch
  }

  #w-node-bb523c3e-053b-9f04-4dab-f210c904e44e-486d6ebc {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1
  }
}