body {
  color: #333;
  font-family: Barlow, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
}

h1 {
  color: #057dc3;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1.2em;
}

h2 {
  color: #c90072;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2em;
}

h3 {
  color: #4c4fa5;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.1em;
}

h4 {
  color: #392d8b;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2em;
}

h5 {
  color: #190f5e;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.2em;
}

p {
  margin-bottom: 30px;
  line-height: 1.8em;
}

a {
  color: #057dc3;
  text-decoration: none;
}

a:hover {
  color: #c90072;
}

.navbar {
  z-index: 1000;
  background-color: #fff;
  border-bottom: 2px solid rgba(0, 0, 0, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero_section {
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/hero-img2a.jpg');
  background-position: 0 0, 50% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  font-style: normal;
}

.logo {
  width: 38vw;
}

.logo.footer {
  width: 15vw;
  float: none;
  margin-bottom: 40px;
  display: block;
  position: static;
}

.navlink {
  color: #c90072;
  text-transform: uppercase;
  font-family: Barlow Semi Condensed, sans-serif;
  font-weight: 600;
}

.navlink:hover {
  color: #fff;
  background-color: #c90072;
}

.hero_tagline_wrapper {
  z-index: 100;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 4%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 34%;
  left: 0%;
  right: 0%;
}

.main_tagline {
  color: #000;
  margin-top: -35px;
  margin-bottom: 0;
  margin-left: 15%;
  font-family: Permanent Marker, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 1em;
}

.navmenu {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px rgba(0, 0, 0, .4);
}

.welcome_section {
  background-color: #fff;
  background-image: none;
  border-top: 10px #c90072;
  padding-top: 99px;
  padding-bottom: 96px;
}

.wrapper_div {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.wrapper_div.products {
  width: 65%;
  text-align: center;
  align-items: center;
  margin-top: 65px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  display: flex;
}

.wrapper_div.gallery {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper_div.footer {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.welcome_text {
  color: #000;
  text-align: left;
  font-size: 1.4em;
  line-height: 1.8em;
}

.welcome_headline {
  text-align: left;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(108deg, #057dc3 27%, #4c4fa5 50%, #c90072 73%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Barlow, sans-serif;
  font-size: 2.8em;
  font-weight: 800;
  line-height: 1.2em;
  display: inline-block;
}

.centers_section {
  padding: 0 0%;
}

.products_headline {
  color: rgba(57, 45, 139, .27);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 6em;
  font-weight: 800;
  line-height: 1.2em;
}

.products_wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.product_img {
  width: 70%;
}

.products_text_div {
  z-index: 5;
  width: 55%;
  background-color: #fff;
  margin-left: -20%;
  padding: 55px 5% 55px 55px;
  position: relative;
}

.products_text_div.left {
  z-index: 5;
  margin-left: auto;
  margin-right: -20%;
  padding-left: 5%;
  position: relative;
}

.products_headliine {
  text-transform: uppercase;
  font-weight: 800;
}

.products_text {
  margin-bottom: 30px;
  font-size: 1.1em;
}

.philosophy_section {
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/parallax-img.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  padding-top: 249px;
  padding-bottom: 249px;
}

.philosophy_headline {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 3em;
  line-height: 1.2em;
}

.white_text {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2em;
}

.gallery_section {
  padding-top: 102px;
  padding-bottom: 102px;
}

.arrow_div {
  width: 20px;
  height: auto;
  margin-left: -40px;
  margin-right: 23px;
}

.products_intro {
  text-align: left;
}

.arrow_img {
  height: 200px;
}

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

.gallery_wrapper {
  width: 100%;
}

.slider_arrow {
  width: 2vw;
  color: #057dc3;
  font-size: 1vw;
}

.slider_arrow:hover {
  color: #c90072;
}

.gallery_images_wrapper {
  width: 90%;
  justify-content: space-around;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gallery_btn {
  width: 48%;
}

.gallery_btn:hover {
  opacity: .6;
}

.slide_nav {
  display: none;
}

.contact_section {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact_form_div {
  width: 55%;
  background-color: #fff;
  padding: 38px 50px;
  box-shadow: 0 0 18px 6px rgba(0, 0, 0, .08);
}

.contact_headline {
  color: #c90072;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.6em;
  font-weight: 800;
  line-height: 1.2em;
}

.text_field {
  height: 50px;
  color: #000;
  border: 1px solid rgba(51, 51, 51, .35);
}

.text_area {
  min-height: 120px;
  border: 1px solid rgba(51, 51, 51, .35);
  margin-bottom: 15px;
}

.footer_div {
  width: 35%;
}

.phone_link {
  color: #c90072;
  margin-bottom: 33px;
  font-size: 2em;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.phone_link:hover {
  color: #057dc3;
}

.footer_text {
  font-size: .9em;
}

.soc_media_wrapper {
  align-items: center;
  margin-top: 39px;
  display: flex;
}

.soc_media_btn {
  width: 36px;
  margin-right: 10px;
}

.soc_media_btn:hover {
  opacity: .54;
}

.submit_btn {
  text-transform: uppercase;
  background-color: #c90072;
  padding: 14px 30px;
  font-weight: 500;
}

.submit_btn:hover {
  background-color: #057dc3;
}

.navlink_dropdown {
  text-transform: uppercase;
  font-family: Barlow Semi Condensed, sans-serif;
  font-weight: 600;
}

.dropdown_toggle {
  color: #c90072;
  padding-right: 25px;
}

.dropdown_toggle.w--open {
  color: #fff;
  background-color: #c90072;
}

.dropdown_icon {
  margin-right: 10px;
  font-size: .7em;
}

.dropdown_list.w--open {
  background-color: #940154;
}

.dropdown_link {
  color: #fff;
  font-size: .9em;
}

.dropdown_link:hover {
  background-color: #c90072;
}

.navbar_scroll {
  z-index: 1200;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 0 5px rgba(0, 0, 0, .39);
}

.logo_scroll {
  width: 15vw;
}

.button {
  text-transform: uppercase;
  background-image: linear-gradient(87deg, #057dc3, #c90072);
  padding: 17px 29px;
}

.button:hover {
  background-image: linear-gradient(87deg, #034e7a, #740142);
}

html.w-mod-js [data-ix="navbar-no-show"] {
  transform: translate(0, -100px);
}

@media screen and (max-width: 991px) {
  .hero_tagline_wrapper {
    top: 7%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .main_tagline {
    margin-top: -8px;
    font-size: 4vw;
  }

  .navmenu {
    background-color: #fff;
  }

  .wrapper_div, .wrapper_div.products {
    width: 85%;
  }

  .products_headline {
    font-size: 5em;
  }

  .products_wrapper {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
  }

  .product_img {
    width: 100%;
  }

  .products_text_div {
    width: 70%;
    margin-top: -10%;
    margin-left: 0;
  }

  .products_text_div.left {
    border-top: 2px solid #c90072;
    margin: 0% 0% -10% 0;
  }

  .philosophy_section {
    padding-top: 133px;
    padding-bottom: 133px;
  }

  .logo_scroll {
    width: 25vw;
  }

  .menu_btn {
    color: #fff;
    background-color: #c90072;
  }

  .menu_btn:hover {
    background-color: #057dc3;
  }

  .menu_btn.w--open {
    background-color: #392d8b;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.2em;
  }

  h2 {
    font-size: 1.7em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  .logo {
    width: 45vw;
    padding-left: 0;
    display: none;
  }

  .logo.footer {
    width: 30vw;
    padding-left: 0;
  }

  .hero_tagline_wrapper {
    width: auto;
    align-items: flex-start;
    padding-left: 5%;
    top: 100px;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .main_tagline {
    margin-top: 0;
    margin-left: 0%;
  }

  .welcome_section {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .wrapper_div.products {
    align-items: flex-start;
    margin-top: 51px;
  }

  .wrapper_div.footer {
    flex-wrap: wrap;
  }

  .welcome_text {
    font-size: 1.2em;
  }

  .welcome_headline {
    font-size: 2em;
  }

  .products_headline {
    font-size: 3em;
  }

  .products_text_div {
    width: 80%;
    padding: 35px;
  }

  .products_headliine {
    font-size: 1.8em;
  }

  .products_text {
    font-size: 1em;
  }

  .philosophy_section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .white_text {
    font-size: 1.1em;
  }

  .gallery_section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .arrow_div {
    margin-left: -35px;
    margin-right: 23px;
  }

  .arrow_img {
    height: 200px;
  }

  .contact_section {
    padding-top: 20px;
    padding-bottom: 48px;
  }

  .contact_form_div {
    width: 100%;
  }

  .footer_div {
    width: 100%;
    margin-top: 54px;
  }

  .logo_scroll {
    width: 35vw;
    padding-left: 0;
  }
}

@media screen and (max-width: 479px) {
  p {
    text-align: left;
  }

  .hero_section {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/hero-img2a.jpg');
    background-position: 0 0, 50%;
  }

  .logo, .logo.footer {
    width: 60vw;
  }

  .hero_tagline_wrapper {
    align-items: center;
    padding-left: 0%;
    top: auto;
    bottom: 30px;
    left: 0%;
    right: 0%;
  }

  .main_tagline {
    margin-left: 0%;
    font-size: 7vw;
  }

  .welcome_section {
    padding-bottom: 24px;
  }

  .wrapper_div.products {
    margin-top: 39px;
  }

  .products_headline {
    font-size: 2em;
  }

  .products_text_div {
    margin-top: -15%;
    padding: 26px;
  }

  .philosophy_headline {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 2em;
  }

  .gallery_section {
    padding-bottom: 35px;
  }

  .arrow_div {
    width: 30px;
    margin-left: 0;
    margin-right: 10px;
  }

  .slider_arrow {
    width: 5vw;
    font-size: 3vw;
  }

  .gallery_images_wrapper {
    flex-direction: column;
    align-items: center;
  }

  .gallery_btn {
    width: 90%;
    margin-bottom: 11px;
  }

  .logo_scroll {
    width: 60vw;
  }
}