/*Pause animations before page load*/
.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important; }

* {
  margin: 0;
  padding: 0; }

html {
  height: 100%;
  overflow-y: scroll;
  -webkit-tap-highlight-color: transparent;
  font-size: 62.5%; }

.js-loading * {
  animation-play-state: paused !important; }
  .js-loading *:before {
    animation-play-state: paused !important; }
  .js-loading *:after {
    animation-play-state: paused !important; }

a {
  color: inherit;
  text-decoration: inherit; }

.main_wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background-color: white;
  -webkit-text-size-adjust: none;
  -webkit-font-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.div-fake-hidden {
  width: 0px;
  height: 0px;
  overflow: hidden; }

.featuredInfo {
  display: none; }

.height {
  width: 0;
  height: 100vh;
  top: 0;
  position: absolute; }

::-moz-selection {
  background: #f0b8c5; }

::selection {
  background: #b5e5e5; }

.grecaptcha-badge {
  visibility: hidden; }

.ScrollPrompt_Wrap {
  position: fixed;
  top: 100%;
  left: 100%;
  transform: translate(calc(-100% - 20px), calc(-100% - 20px));
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  z-index: 998;
  transition: opacity 0.2s ease-in-out 0s;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  -webkit-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
  	/* @include max_1023_px {
  
  		display: none;
  
  	} */ }
  .ScrollPrompt_Wrap .ScrollPrompt {
    position: relative;
    width: 56px;
    height: 56px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .ScrollPrompt_Wrap #ScrollPrompt_up {
    transition: 0.25s;
    -webkit-transition: 0.25s; }

.ScrollPrompt_Wrap_mobi {
  display: none;
  position: fixed;
  top: 100%;
  left: 100%;
  transform: translate(calc(-100% - 20px), calc(-100% - 20px));
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  z-index: 998;
  transition: opacity 0.2s ease-in-out 0s;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  -webkit-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6); }
  @media (max-width: 1023px) {
    .ScrollPrompt_Wrap_mobi {
      display: block; } }
  @media (max-width: 550px) {
    .ScrollPrompt_Wrap_mobi {
      width: 56px;
      height: 56px; } }
  .ScrollPrompt_Wrap_mobi .ScrollPrompt {
    position: relative;
    width: 56px;
    height: 56px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .ScrollPrompt_Wrap_mobi #ScrollPrompt_up_mobi {
    transition: 0.25s;
    -webkit-transition: 0.25s; }

.urlInfo {
  display: none; }

.nav_wrapper {
  position: fixed;
  background-color: white;
  height: 160px;
  width: calc(100% + (2* 10px));
  left: 50%;
  transform: translateX(-50%);
  -webkit-box-shadow: 0px 10px 26px -14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 26px -14px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 26px -14px rgba(0, 0, 0, 0.15);
  z-index: 1000; }
  @media (max-width: 700px) {
    .nav_wrapper {
      height: 20vw;
      min-height: 100px; } }
  .nav_wrapper .nav_inner {
    position: absolute;
    width: 100%;
    max-width: calc(1600px - (2 * 80px));
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 80px;
    padding-right: 80px; }
    @media (max-width: 1600px) {
      .nav_wrapper .nav_inner {
        width: 100%;
        max-width: calc(100% - (2 * 30px));
        padding-left: 30px;
        padding-right: 30px; } }
    .nav_wrapper .nav_inner .logo_wrapper {
      position: relative;
      display: inline-block;
      height: 100%;
      width: 167px; }
      @media (max-width: 700px) {
        .nav_wrapper .nav_inner .logo_wrapper {
          width: clamp(100px, 20vw, 167px); } }
      .nav_wrapper .nav_inner .logo_wrapper .logo_a {
        display: inline-block;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer; }
        .nav_wrapper .nav_inner .logo_wrapper .logo_a .logo {
          position: relative;
          width: 100%; }
    .nav_wrapper .nav_inner .nav {
      position: relative;
      display: inline-block;
      float: right;
      height: 100%;
      top: 0%; }
      @media (max-width: 700px) {
        .nav_wrapper .nav_inner .nav {
          display: none; } }
      .nav_wrapper .nav_inner .nav .nav_grid {
        display: grid;
        position: relative;
        grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%);
        grid-column-gap: 55px;
        top: 50%;
        transform: translateY(-50%); }
        .nav_wrapper .nav_inner .nav .nav_grid .nav_a {
          cursor: pointer; }
          .nav_wrapper .nav_inner .nav .nav_grid .nav_a h1 {
            font-family: "Quicksand", sans-serif;
            color: #231f20;
            font-size: 16px; }
          .nav_wrapper .nav_inner .nav .nav_grid .nav_a .underline {
            height: 2px;
            width: 0%;
            margin-top: 3px;
            background: #59c4c6;
            background: linear-gradient(90deg, #59c4c6 0%, black 100%);
            transition: width 0.2s ease 0s;
            -webkit-transition: width 0.2s ease 0s; }
    .nav_wrapper .nav_inner .nav_mobi {
      display: none; }
      @media (max-width: 700px) {
        .nav_wrapper .nav_inner .nav_mobi {
          display: inline-block;
          float: right;
          height: 100%;
          top: 0%; } }
      .nav_wrapper .nav_inner .nav_mobi .mobi_menu {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        .nav_wrapper .nav_inner .nav_mobi .mobi_menu .menu_wrapper {
          position: relative;
          height: 30px;
          width: 30px; }
          .nav_wrapper .nav_inner .nav_mobi .mobi_menu .menu_wrapper #burger {
            position: absolute;
            transition: all 0.2s;
            -webkit-transition: all 0.2s; }
          .nav_wrapper .nav_inner .nav_mobi .mobi_menu .menu_wrapper #burger_close {
            position: absolute;
            transform: scale(0);
            transition: all 0.2s;
            -webkit-transition: all 0.2s; }
  .nav_wrapper .nav_dropdown_wrapper_mobi {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 50%;
    height: 0px;
    overflow: hidden;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 10px 26px -14px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 26px -14px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 26px -14px rgba(0, 0, 0, 0.15);
    background-color: white;
    z-index: 1000;
    transition: 0.25s ease 0s;
    -webkit-transition: 0.25s ease 0s; }
    .nav_wrapper .nav_dropdown_wrapper_mobi .nav_dropdown_inner_mobi {
      position: absolute;
      width: 100%;
      max-width: calc(100% - (2 * 30px));
      left: 50%;
      transform: translateX(-50%);
      padding-left: 80px;
      padding-right: 80px; }
      .nav_wrapper .nav_dropdown_wrapper_mobi .nav_dropdown_inner_mobi ul {
        display: inline-block;
        list-style-type: none;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px; }
        .nav_wrapper .nav_dropdown_wrapper_mobi .nav_dropdown_inner_mobi ul li a .dropdown_navbut {
          padding-top: 15px;
          padding-bottom: 15px; }
          .nav_wrapper .nav_dropdown_wrapper_mobi .nav_dropdown_inner_mobi ul li a .dropdown_navbut h6 {
            font-family: "Quicksand", sans-serif;
            color: #231f20;
            font-size: clamp(14px, 2vw, 16px);
            text-align: right; }
  .nav_wrapper .mobi_nav_clear {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100vh;
    z-index: 999; }

.headerSpacer {
  height: clamp(100px, 20vw, 160px); }

.cta_wrapper {
  position: relative; }
  .cta_wrapper h1 {
    font-family: "Quicksand", sans-serif;
    color: #231f20;
    font-size: clamp(40px, 3.5vw, 60px);
    line-height: clamp(45px, 3.5vw, 60px);
    padding-bottom: 50px; }
  .cta_wrapper .cta_but_wrapper {
    display: inline-block;
    margin-top: 65px; }
    .cta_wrapper .cta_but_wrapper .cta_but {
      position: relative;
      background: #91e061;
      background: linear-gradient(90deg, #91e061 0%, #59c4c6 75%);
      border-radius: 28px;
      -webkit-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
      box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
      cursor: pointer;
      z-index: 1; }
      .cta_wrapper .cta_but_wrapper .cta_but h1 {
        font-family: "Quicksand", sans-serif;
        color: white;
        font-size: 16px;
        font-size: clamp(14px, 2vw, 16px);
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
        line-height: 16px;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none; }
    .cta_wrapper .cta_but_wrapper .cta_but::before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(90deg, #91e061 0%, #91e061 100%);
      z-index: -1;
      transition: opacity 0.3s ease-out;
      opacity: 0;
      border-radius: 28px; }
    .cta_wrapper .cta_but_wrapper .cta_but:hover::before {
      opacity: 1; }
  .cta_wrapper #vid_link, .cta_wrapper #vid_link2 {
    margin-top: 0px; }
  @media (max-width: 700px) {
    .cta_wrapper #vid_link {
      margin-right: 60px; } }
  @media (max-width: 400px) {
    .cta_wrapper #vid_link {
      margin-right: 0px; } }
  .cta_wrapper #vid_link2 {
    margin-left: 30px; }
    @media (max-width: 700px) {
      .cta_wrapper #vid_link2 {
        margin-top: 30px;
        margin-left: 0px; } }

.spacer {
  width: 100%; }
  @media (max-width: 1000px) {
    .spacer {
      width: 0px; } }

.content_wrapper {
  display: grid;
  grid-template-columns: 1fr;
  position: relative; }
  .content_wrapper .content_inner {
    display: grid;
    grid-column-gap: 100px;
    position: relative;
    width: 100%;
    max-width: calc(1600px - (2 * 160px));
    left: 50%;
    transform: translateX(-50%);
    padding-left: 160px;
    padding-right: 160px; }
    @media (max-width: 1600px) {
      .content_wrapper .content_inner {
        max-width: calc(100% - (2 * clamp(30px, 5vw, 160px)));
        padding-left: clamp(30px, 5vw, 160px);
        padding-right: clamp(30px, 5vw, 160px); } }
    .content_wrapper .content_inner p {
      font-family: "Ubuntu", sans-serif;
      color: #231f20;
      font-size: clamp(14px, 2vw, 16px);
      line-height: clamp(25px, 3vw, 30px); }
      .content_wrapper .content_inner p subheading {
        font-size: clamp(16px, 2vw, 18px);
        line-height: clamp(35px, 3vw, 40px); }
    .content_wrapper .content_inner .tel {
      font-family: "Ubuntu", sans-serif;
      color: #59c4c6;
      font-size: 16px;
      font-size: clamp(14px, 2vw, 16px);
      line-height: clamp(25px, 3vw, 30px); }
    .content_wrapper .content_inner #hero_header, .content_wrapper .content_inner #hero_para, .content_wrapper .content_inner #cta_but_wrapper {
      position: relative;
      top: 50px;
      opacity: 0;
      transition: 0.75s cubic-bezier(0.51, 0, 0.53, 0.99) 0s;
      -webkit-transition: 0.75s cubic-bezier(0.51, 0, 0.53, 0.99) 0s; }
  .content_wrapper .content_header {
    grid-template-columns: calc(60% - (100px / 2)) calc(40% - (100px / 2)); }
    @media (max-width: 800px) {
      .content_wrapper .content_header {
        grid-template-columns: 1fr; } }
    .content_wrapper .content_header .header_img {
      position: relative;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 1;
      transition: 0.75s cubic-bezier(0.51, 0, 0.53, 0.99) 0s;
      -webkit-transition: 0.75s cubic-bezier(0.51, 0, 0.53, 0.99) 0s; }
      @media (max-width: 800px) {
        .content_wrapper .content_header .header_img {
          left: 50%;
          transform: translateX(-50%);
          width: clamp(200px, 50vw, 500px); } }
    .content_wrapper .content_header #mo_header_img, .content_wrapper .content_header #mo_header_img2, .content_wrapper .content_header #mo_header_img3 {
      position: relative;
      width: 100%;
      left: 60%;
      transform: translateX(-50%);
      opacity: 0; }
      @media (max-width: 800px) {
        .content_wrapper .content_header #mo_header_img, .content_wrapper .content_header #mo_header_img2, .content_wrapper .content_header #mo_header_img3 {
          left: 50%;
          transform: translateX(-50%);
          width: 100%; } }
  .content_wrapper #content_header_mo {
    grid-template-columns: calc(50% - (100px / 2)) calc(50% - (100px / 2)); }
    @media (max-width: 800px) {
      .content_wrapper #content_header_mo {
        grid-template-columns: 1fr; } }
  .content_wrapper .section_header {
    position: relative;
    width: 100%;
    max-width: calc(1600px - (2 * 160px));
    left: 50%;
    transform: translateX(-50%);
    padding-left: 160px;
    padding-right: 160px;
    padding-top: clamp(70px, 10vw, 140px);
    font-family: "Quicksand", sans-serif;
    color: #59c4c6;
    font-size: 50px;
    font-size: clamp(35px, 3.5vw, 50px); }
    @media (max-width: 1600px) {
      .content_wrapper .section_header {
        max-width: calc(100% - (2 * clamp(30px, 5vw, 160px)));
        padding-left: clamp(30px, 5vw, 160px);
        padding-right: clamp(30px, 5vw, 160px); } }
  .content_wrapper .img-label {
    font-family: "Quicksand", sans-serif;
    font-size: 20px;
    color: #59c4c6;
    padding-top: 25px;
    transition: 0.75s cubic-bezier(0.51, 0, 0.53, 0.99) 0s;
    -webkit-transition: 0.75s cubic-bezier(0.51, 0, 0.53, 0.99) 0s;
    opacity: 0; }
  .content_wrapper .content_content {
    grid-template-columns: calc(50% - (100px / 2)) calc(50% - (100px / 2)); }
    @media (max-width: 800px) {
      .content_wrapper .content_content {
        grid-template-columns: 1fr; } }
    .content_wrapper .content_content #col_1_contact, .content_wrapper .content_content #col_2_contact {
      padding-bottom: 70px; }
    @media (max-width: 800px) {
      .content_wrapper .content_content #col_1_about, .content_wrapper .content_content #col_1_contact, .content_wrapper .content_content #col_1_generic {
        padding-bottom: 0px;
        padding-top: 70px; } }
    @media (max-width: 800px) {
      .content_wrapper .content_content #col_2_about, .content_wrapper .content_content #col_2_contact, .content_wrapper .content_content #col_2_generic {
        padding-top: 0px; } }
  .content_wrapper #col_1_no_pad {
    padding-top: 0px; }
  .content_wrapper #col_1_no_pad_top {
    padding-top: 0px;
    padding-bottom: 70px; }
  .content_wrapper .content_form {
    display: block;
    width: 100%;
    max-width: calc(1600px - (2 * 80px)); }
    @media (max-width: 1600px) {
      .content_wrapper .content_form {
        max-width: calc(100% - (2 * clamp(30px, 5vw, 160px))); } }
    .content_wrapper .content_form .form_inner {
      display: grid;
      column-gap: clamp(50px, 10vw, 200px);
      grid-template-columns: calc(50% - (clamp(50px, 10vw, 200px) / 2)) calc(50% - (clamp(50px, 10vw, 200px) / 2));
      border-radius: 15px;
      background: #59c4c6;
      background: radial-gradient(circle, #59c4c6 0%, black 100%);
      padding-left: 80px;
      padding-right: 80px;
      padding-top: 80px;
      padding-bottom: 80px;
      max-width: 100%;
      /* Change Autocomplete styles in Chrome*/ }
      @media (max-width: 800px) {
        .content_wrapper .content_form .form_inner {
          grid-template-columns: 1fr;
          column-gap: 0px; } }
      @media (max-width: 550px) {
        .content_wrapper .content_form .form_inner {
          padding-left: 40px;
          padding-right: 40px; } }
      .content_wrapper .content_form .form_inner .form_name {
        grid-column-start: 1; }
      .content_wrapper .content_form .form_inner .form_email {
        grid-column-start: 1; }
      .content_wrapper .content_form .form_inner .form_phone {
        grid-column-start: 1; }
      .content_wrapper .content_form .form_inner .form_msg {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: 4; }
        @media (max-width: 800px) {
          .content_wrapper .content_form .form_inner .form_msg {
            grid-column-start: 1;
            grid-row-start: 4;
            grid-row-end: 5; } }
      .content_wrapper .content_form .form_inner .form_submit {
        grid-column-start: 1;
        grid-column-end: 3; }
        .content_wrapper .content_form .form_inner .form_submit .cta_wrapper_form {
          height: 56px; }
          .content_wrapper .content_form .form_inner .form_submit .cta_wrapper_form .cta_but_submit {
            position: relative;
            margin-top: 20px;
            left: 50%;
            transform: translateX(-50%); }
        .content_wrapper .content_form .form_inner .form_submit h1 {
          font-size: 16px;
          padding-bottom: 20px;
          display: block; }
      .content_wrapper .content_form .form_inner h1 {
        font-family: "Quicksand", sans-serif;
        color: white;
        font-size: clamp(14px, 2vw, 18px);
        font-weight: 700;
        padding-bottom: 30px;
        display: none; }
      .content_wrapper .content_form .form_inner input {
        width: 100%;
        box-sizing: border-box;
        padding: 12px;
        font-family: "Ubuntu", sans-serif;
        font-size: 14px;
        color: #231f20;
        border: 2px solid #59c4c6;
        border-radius: 6px; }
      .content_wrapper .content_form .form_inner textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 12px;
        font-family: "Ubuntu", sans-serif;
        font-size: 14px;
        color: #231f20;
        border: 2px solid #59c4c6;
        border-radius: 6px;
        height: 190px; }
        @media (max-width: 800px) {
          .content_wrapper .content_form .form_inner textarea {
            height: 150px; } }
      .content_wrapper .content_form .form_inner input:focus, .content_wrapper .content_form .form_inner textarea:focus {
        outline: none; }
      .content_wrapper .content_form .form_inner input::placeholder {
        color: #231f20;
        opacity: 0.5;
        /* Firefox */ }
      .content_wrapper .content_form .form_inner textarea::placeholder {
        color: #231f20;
        opacity: 0.5;
        /* Firefox */ }
      .content_wrapper .content_form .form_inner input:-webkit-autofill,
      .content_wrapper .content_form .form_inner input:-webkit-autofill:hover,
      .content_wrapper .content_form .form_inner input:-webkit-autofill:focus,
      .content_wrapper .content_form .form_inner textarea:-webkit-autofill,
      .content_wrapper .content_form .form_inner textarea:-webkit-autofill:hover,
      .content_wrapper .content_form .form_inner textarea:-webkit-autofill:focus,
      .content_wrapper .content_form .form_inner select:-webkit-autofill,
      .content_wrapper .content_form .form_inner select:-webkit-autofill:hover,
      .content_wrapper .content_form .form_inner select:-webkit-autofill:focus {
        transition: background-color 5000s ease-in-out 0s; }
      .content_wrapper .content_form .form_inner span {
        display: block;
        position: relative;
        font-family: "Quicksand", sans-serif;
        color: white;
        font-size: clamp(14px, 2vw, 18px);
        font-weight: 700;
        padding-bottom: 25px; }
      .content_wrapper .content_form .form_inner .progress {
        display: none;
        grid-column-start: 1;
        grid-column-end: 3;
        padding-top: 20px; }
        .content_wrapper .content_form .form_inner .progress .progress_inner {
          display: inline-block;
          position: relative;
          left: 50%;
          transform: translateX(-50%); }
          .content_wrapper .content_form .form_inner .progress .progress_inner #progress {
            width: 60px;
            height: 60px;
            animation-duration: 1.5s;
            animation-name: spinner;
            animation-iteration-count: infinite;
            animation-direction: forwards; }
@keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .content_wrapper .google_TC_wrapper {
    padding-top: 10px;
    padding-bottom: clamp(70px, 10vw, 140px);
    font-family: "Ubuntu", sans-serif;
    color: #231f20;
    font-size: 10px;
    line-height: 16px;
    text-align: center; }
    .content_wrapper .google_TC_wrapper .google_TC {
      display: block;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
  .content_wrapper .col_1, .content_wrapper .col_2, .content_wrapper .col_3 {
    padding-top: clamp(70px, 10vw, 140px);
    padding-bottom: clamp(70px, 10vw, 140px); }
  @media (max-width: 800px) {
    .content_wrapper .col_1 {
      padding-bottom: 0px; } }
  .content_wrapper .content_brands {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 0px;
    row-gap: 50px;
    padding-top: clamp(70px, 10vw, 140px);
    padding-bottom: clamp(70px, 10vw, 140px);
    		/* #card_wrapper_2, #card_wrapper_3 {
    
    			margin-left: auto;
    			margin-right: auto;
    
    		}
    
    		#card_wrapper_4 {
    
    			margin-left: auto;
    
    		} */ }
    @media (max-width: 1400px) {
      .content_wrapper .content_brands {
        grid-template-columns: 1fr 1fr;
        max-width: 680px; } }
    @media (max-width: 800px) {
      .content_wrapper .content_brands {
        padding-top: 70px; } }
    @media (max-width: 690px) {
      .content_wrapper .content_brands {
        grid-template-columns: 1fr; } }
    .content_wrapper .content_brands .col_1_brands, .content_wrapper .content_brands .col_2_brands, .content_wrapper .content_brands .col_3_brands, .content_wrapper .content_brands .col_4_brands {
      padding-top: 0px;
      padding-bottom: 0px; }
    .content_wrapper .content_brands .card_wrapper {
      position: relative;
      width: 285px;
      height: 485px;
      border-radius: 15px;
      -webkit-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
      box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
      background-color: white;
      top: 50px;
      opacity: 0;
      transform: scale(0.9);
      transition: 0.4s ease-out 0s;
      -webkit-transition: 0.4s ease-out 0s;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1000px) {
        .content_wrapper .content_brands .card_wrapper {
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 345px) {
        .content_wrapper .content_brands .card_wrapper {
          width: 100%;
          height: auto; } }
      .content_wrapper .content_brands .card_wrapper .card_graphic_wrapper {
        position: relative;
        width: 100%;
        height: 216px;
        background-color: white;
        border-radius: 15px 15px 0px 0px; }
        .content_wrapper .content_brands .card_wrapper .card_graphic_wrapper .card_graphic {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          width: 60%;
          padding-left: 20%;
          padding-right: 20%; }
      .content_wrapper .content_brands .card_wrapper .card_copy_wrapper {
        display: flex;
        height: 269px;
        flex-direction: column; }
        @media (max-width: 345px) {
          .content_wrapper .content_brands .card_wrapper .card_copy_wrapper {
            height: auto; } }
        .content_wrapper .content_brands .card_wrapper .card_copy_wrapper h1 {
          font-family: "Quicksand", sans-serif;
          color: #59c4c6;
          font-size: 18px;
          padding-left: 30px;
          padding-right: 30px;
          padding-top: 30px; }
        .content_wrapper .content_brands .card_wrapper .card_copy_wrapper p {
          font-family: "Ubuntu", sans-serif;
          color: #231f20;
          font-size: 12px;
          line-height: 18px;
          padding-left: 30px;
          padding-right: 30px;
          padding-top: 20px; }
        .content_wrapper .content_brands .card_wrapper .card_copy_wrapper .card_cta {
          position: relative;
          display: inline-block;
          width: 120px;
          border-radius: 16.5px;
          background: #91e061;
          background: linear-gradient(90deg, #91e061 0%, #59c4c6 75%);
          -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          left: 50%;
          transform: translateX(-50%);
          margin-top: auto;
          margin-bottom: 30px; }
          @media (max-width: 345px) {
            .content_wrapper .content_brands .card_wrapper .card_copy_wrapper .card_cta {
              margin-top: 20px;
              height: 33px; } }
          .content_wrapper .content_brands .card_wrapper .card_copy_wrapper .card_cta h1 {
            position: relative;
            display: inline-block;
            top: 0%;
            font-family: "Quicksand", sans-serif;
            font-weight: 700;
            color: white;
            font-size: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 13px;
            padding-right: 0px; }
          .content_wrapper .content_brands .card_wrapper .card_copy_wrapper .card_cta .card_cta_graphic {
            display: inline-block;
            position: relative;
            width: 12px;
            height: 100%;
            vertical-align: top;
            padding-right: 10px;
            float: right; }
        .content_wrapper .content_brands .card_wrapper .card_copy_wrapper .card_cta::before {
          position: absolute;
          content: "";
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: linear-gradient(90deg, #91e061 0%, #91e061 100%);
          z-index: -1;
          transition: opacity 0.3s ease-out;
          opacity: 0;
          border-radius: 16.5px; }
        .content_wrapper .content_brands .card_wrapper .card_copy_wrapper .card_cta:hover::before {
          opacity: 1; }
        .content_wrapper .content_brands .card_wrapper .card_copy_wrapper #card_cta_ferre, .content_wrapper .content_brands .card_wrapper .card_copy_wrapper #card_cta_obac {
          visibility: hidden;
          pointer-events: none; }
    @media (max-width: 1000px) {
      .content_wrapper .content_brands .col_3 {
        position: relative;
        left: 100%;
        transform: translateX(-50%); } }
  .content_wrapper .section_break {
    position: relative;
    display: flex;
    align-self: flex-end; }

.content-grey {
  background-color: #fafafa; }

.content-white {
  background-color: white; }

.footer_wrap {
  padding-top: 50px; }
  .footer_wrap .footer_inner {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 50px; }
    .footer_wrap .footer_inner .footer_item {
      display: inline-block;
      cursor: pointer;
      margin-right: clamp(30px, 3vw, 50px); }
      .footer_wrap .footer_inner .footer_item h1 {
        font-family: "Quicksand", sans-serif;
        color: #231f20;
        font-size: clamp(14px, 2vw, 18px); }
    .footer_wrap .footer_inner #footer_item_right {
      margin-left: clamp(30px, 3vw, 50px);
      margin-right: 0px; }
  .footer_wrap .footer_copyright {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 50px; }
    .footer_wrap .footer_copyright h1 {
      text-align: center;
      font-family: "Ubuntu", sans-serif;
      color: #a7a9ac;
      font-size: 12px;
      line-height: 25px;
      font-weight: 300; }
      .footer_wrap .footer_copyright h1 bold {
        color: black;
        cursor: pointer; }
        .footer_wrap .footer_copyright h1 bold sup {
          position: relative;
          top: 10px;
          font-size: 10px;
          line-height: 0px;
          vertical-align: top; }

.video_wrapper {
  grid-column-start: 1;
  grid-column-end: 3;
  padding-top: clamp(70px, 10vw, 140px);
  padding-bottom: clamp(70px, 10vw, 140px); }
  .video_wrapper video {
    position: relative;
    bottom: 0%;
    width: 100%;
    height: auto; }
  .video_wrapper video:focus {
    outline: none; }

.alertPopUp {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.75);
  transition: background-color 0.2s linear 0s;
  -webkit-transition: background-color 0.2s linear 0s;
  z-index: 50000; }
  .alertPopUp .alertBox {
    position: absolute;
    border-radius: 15px;
    background: #59c4c6;
    background: radial-gradient(circle, #59c4c6 0%, black 100%);
    border: 2px solid #59c4c6;
    width: calc(100% - 90px);
    max-width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    text-align: center; }
    .alertPopUp .alertBox #span_5, .alertPopUp .alertBox #span_7, .alertPopUp .alertBox #span_8 {
      position: relative;
      width: 100%;
      font-family: "Quicksand", sans-serif;
      font-size: 14px;
      color: white;
      line-height: 20px; }
    .alertPopUp .alertBox #span_6 {
      position: relative;
      display: none;
      width: 100%;
      font-family: "Quicksand", sans-serif;
      font-size: 14px;
      color: white;
      line-height: 20px; }
    .alertPopUp .alertBox .but_wrapper {
      position: relative;
      width: 100%; }
      .alertPopUp .alertBox .but_wrapper .alertPopUp_but_cta_a {
        display: none;
        position: relative;
        cursor: pointer;
        margin-top: 30px;
        min-width: 100px;
        margin-left: auto; }
        .alertPopUp .alertBox .but_wrapper .alertPopUp_but_cta_a .alert_cta_but {
          position: relative;
          background: #91e061;
          background: linear-gradient(90deg, #91e061 0%, #59c4c6 75%);
          border-radius: 28px;
          -webkit-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
          -moz-box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 5px 25px -12px rgba(0, 0, 0, 0.6);
          cursor: pointer;
          z-index: 1; }
          .alertPopUp .alertBox .but_wrapper .alertPopUp_but_cta_a .alert_cta_but h4 {
            font-family: "Quicksand", sans-serif;
            color: white;
            font-size: 16px;
            font-size: clamp(14px, 2vw, 16px);
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 25px;
            padding-right: 25px;
            line-height: 16px;
            -moz-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -webkit-touch-callout: none;
            text-align: center; }
        .alertPopUp .alertBox .but_wrapper .alertPopUp_but_cta_a .alert_cta_but::before {
          position: absolute;
          content: "";
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: linear-gradient(90deg, #91e061 0%, #91e061 100%);
          z-index: -1;
          transition: opacity 0.3s ease-out;
          opacity: 0;
          border-radius: 28px; }
        .alertPopUp .alertBox .but_wrapper .alertPopUp_but_cta_a .alert_cta_but:hover::before {
          opacity: 1; }

.rect {
  transform: scale(0, 0); }

.rect_fired {
  animation: reveal 0.75s forwards;
  animation-timing-function: cubic-bezier(0.66, 0.39, 0.24, 1.44); }

.collider_paused {
  fill: none;
  transform: scale(0, 0);
  transform-origin: 374px 434px; }

.collider {
  fill: none;
  transform: scale(0, 0);
  animation: expandCollide 1.5s forwards;
  animation-timing-function: ease-out;
  transform-origin: 374px 434px; }

@keyframes reveal {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }
@keyframes expandCollide {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }

/*# sourceMappingURL=style_v1.04.css.map */
