/*!
Theme Name: InMoment
Theme URI: http://www.inmoment.com/
Author: InMoment
Author URI: http://www.inmoment.com/
Description: Elevate your customer experience!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inmoment
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CX Elevated is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0;
  padding: 0;
  color: #253746;
  overflow-wrap: break-word;
  line-height: 105%;
  letter-spacing: 1.5px;
}

h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  text-transform: none;
}
@media (min-width: 321px) {
  h1 {
    font-size: 4rem;
  }
}
@media (min-width: 576px) {
  h1 {
    font-size: 5rem;
  }
}
@media (min-width: 321px) {
  h1.plus {
    font-size: 4.4rem;
  }
}
@media (min-width: 576px) {
  h1.plus {
    font-size: 8rem;
  }
}

h2 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  text-transform: none;
  padding-bottom: 30px;
  letter-spacing: 0px;
}

h3 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  padding-bottom: 10px;
  letter-spacing: 0px;
}

h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 10px 0px;
}

h5 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 30px 0px;
}

h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
}

p {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  color: #253746;
  overflow-wrap: break-word;
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  p {
    font-size: 1.6rem;
  }
}

address {
  margin: 0 0 1.5em;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5em;
  line-height: 1.25;
}

a {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  color: #0057FF;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  outline: 0;
}

a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  outline: none;
  color: #2971FB;
}

a:active {
  outline: none;
}

a:link {
  -webkit-tap-highlight-color: transparent;
}

a.disabled, a[disabled], fieldset[disabled] a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  cursor: not-allowed;
  pointer-events: none;
}

a.link {
  margin: 20px 0 0;
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}

.styledLink {
  font-size: 1.2rem;
  color: #253746;
  text-transform: uppercase;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.styledLink:hover {
  opacity: 1;
  transform: translateX(2px);
  text-decoration: none;
}

ul {
  margin-bottom: 30px;
  padding-left: 20px;
}
ul li {
  list-style-type: disc;
  padding: 5px 0;
  color: #253746;
}

ol li {
  padding: 5px 0;
}

.plus-red {
  padding-left: 20px;
}
.plus-red li {
  list-style-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjkuNXB4IiBoZWlnaHQ9IjkuNXB4IiB2aWV3Qm94PSIwIDAgOS41IDkuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOS41IDkuNTsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZCM0MyRjt9Cjwvc3R5bGU+CjxkZWZzPgo8L2RlZnM+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI5LjUsMy45IDUuNiwzLjkgNS42LDAgMy45LDAgMy45LDMuOSAwLDMuOSAwLDUuNiAzLjksNS42IDMuOSw5LjUgNS42LDkuNSA1LjYsNS42IDkuNSw1LjYgCSIvPgo8L2c+Cjwvc3ZnPg==");
}

.check-blue {
  padding-left: 20px;
}
.check-blue li {
  list-style-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyLjVweCIgaGVpZ2h0PSIxMi41cHgiIHZpZXdCb3g9IjAgMCAxMi41IDEyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyLjUgMTIuNTsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzAwQUZENzt9Cjwvc3R5bGU+CjxkZWZzPgo8L2RlZnM+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LjcsMTIuNWMtMC4yLDAtMC40LTAuMS0wLjUtMC4ybC00LTRjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMXMwLjgtMC4zLDEuMSwwbDMuMywzLjNsNi41LTEwLjIKCWMwLjItMC40LDAuNy0wLjUsMS0wLjJjMC4zLDAuMiwwLjUsMC43LDAuMiwxbC03LDExQzUuMywxMi4zLDUuMSwxMi41LDQuNywxMi41QzQuOCwxMi41LDQuOCwxMi41LDQuNywxMi41eiIvPgo8L3N2Zz4=");
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #EAE9E9;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.btn {
  display: inline-block;
  letter-spacing: 1px;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
  border-radius: 100px;
}

.btn-small {
  font-size: 1.2rem;
  font-weight: 400;
  border-radius: 100px;
  padding: 8px 18px;
}

.btn-md, .btn-lrg, .btn-xlrg {
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 100px;
  padding: 10px 24px;
}

.btn-square {
  border-radius: 100px;
}

.btn-video {
  position: relative;
  border-radius: 100px;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.35);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.btn-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY4LjhweCIgaGVpZ2h0PSI2OC44cHgiIHZpZXdCb3g9IjAgMCA2OC44IDY4LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY4LjggNjguODsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxjaXJjbGUgZmlsbD0ibm9uZSIgY2xhc3M9InN0MCIgY3g9IjM0LjQiIGN5PSIzNC40IiByPSIzNC40Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGNsYXNzPSJzdDEiIGQ9Ik0yNy45LDQ3LjdjLTAuMiwwLTAuMywwLTAuNS0wLjFjLTAuMy0wLjItMC41LTAuNS0wLjUtMC45VjI0LjNjMC0wLjQsMC4yLTAuNywwLjUtMC45YzAuMy0wLjIsMC43LTAuMiwxLDAKCWwxOS41LDExLjJjMC4zLDAuMiwwLjUsMC41LDAuNSwwLjlzLTAuMiwwLjctMC41LDAuOUwyOC40LDQ3LjZDMjguMyw0Ny43LDI4LjEsNDcuNywyNy45LDQ3Ljd6IE0yOC45LDI2djE5bDE2LjUtOS41TDI4LjksMjZ6Ii8+Cjwvc3ZnPg==") center center no-repeat;
  background-size: cover;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-video:hover {
  opacity: 1 !important;
  transform: scale(1.1, 1.1);
}
.btn-video:hover::after {
  transform: scale(1.3, 1.3);
}

.btn-center {
  display: table;
  margin: 0 auto;
}

.btn-gradient-blue {
  position: relative;
  color: #FFFFFF;
  font-weight: 400;
  background-image: linear-gradient(to right, #49c5b1, #00afd7 50%);
  background-color: #00afd7;
  border: none;
  outline: none;
  transition: all 200ms linear;
}
.btn-gradient-blue:hover {
  background-image: linear-gradient(to right, #49c5b1, #00afd7 50%);
  color: #FFFFFF;
  opacity: 1;
  outline: 0;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-gradient-blue:focus {
  background-image: linear-gradient(to right, #49c5b1, #00afd7 50%);
  color: #FFFFFF;
  outline: none !important;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-gradient-blue:active {
  background-image: linear-gradient(to right, #49c5b1, #00afd7 50%);
  color: #FFFFFF;
  outline: 0;
  transform: translateY(1px);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-albatross {
  background-color: transparent;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-albatross:hover {
  opacity: 1;
  border: solid 1px white;
  background-color: white;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-albatross:focus {
  opacity: 1;
  border: solid 1px white;
  background-color: white;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-albatross:active {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-albatross {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-albatross:hover {
  opacity: 1;
  border: solid 1px white;
  background-color: white;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-albatross:focus {
  opacity: 1;
  border: solid 1px white;
  background-color: white;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-albatross:active {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-grey_lt {
  background-color: transparent;
  border: solid 1px #EDF0F1;
  color: #EDF0F1;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-grey_lt:hover {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-grey_lt:focus {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-grey_lt:active {
  opacity: 1;
  border: solid 1px #EDF0F1;
  background-color: #EDF0F1;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-grey_lt {
  border: solid 1px #EDF0F1;
  background-color: #EDF0F1;
  color: #253746;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-grey_lt:hover {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-grey_lt:focus {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-grey_lt:active {
  opacity: 1;
  border: solid 1px #EDF0F1;
  background-color: #EDF0F1;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-sand {
  background-color: transparent;
  border: solid 1px #EAE9E9;
  color: #EAE9E9;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-sand:hover {
  opacity: 1;
  border: solid 1px #fbfbfb;
  background-color: #fbfbfb;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-sand:focus {
  opacity: 1;
  border: solid 1px #fbfbfb;
  background-color: #fbfbfb;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-sand:active {
  opacity: 1;
  border: solid 1px #EAE9E9;
  background-color: #EAE9E9;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-sand {
  border: solid 1px #EAE9E9;
  background-color: #EAE9E9;
  color: #253746;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-sand:hover {
  opacity: 1;
  border: solid 1px #fbfbfb;
  background-color: #fbfbfb;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-sand:focus {
  opacity: 1;
  border: solid 1px #fbfbfb;
  background-color: #fbfbfb;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-sand:active {
  opacity: 1;
  border: solid 1px #EAE9E9;
  background-color: #EAE9E9;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-oyster {
  background-color: transparent;
  border: solid 1px #D9D9D6;
  color: #D9D9D6;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-oyster:hover {
  opacity: 1;
  border: solid 1px #eaeae9;
  background-color: #eaeae9;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-oyster:focus {
  opacity: 1;
  border: solid 1px #eaeae9;
  background-color: #eaeae9;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-oyster:active {
  opacity: 1;
  border: solid 1px #D9D9D6;
  background-color: #D9D9D6;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-oyster {
  border: solid 1px #D9D9D6;
  background-color: #D9D9D6;
  color: #253746;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-oyster:hover {
  opacity: 1;
  border: solid 1px #eaeae9;
  background-color: #eaeae9;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-oyster:focus {
  opacity: 1;
  border: solid 1px #eaeae9;
  background-color: #eaeae9;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-oyster:active {
  opacity: 1;
  border: solid 1px #D9D9D6;
  background-color: #D9D9D6;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-porpoise {
  background-color: transparent;
  border: solid 1px #B2B4B2;
  color: #B2B4B2;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-porpoise:hover {
  opacity: 1;
  border: solid 1px #c4c6c4;
  background-color: #c4c6c4;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-porpoise:focus {
  opacity: 1;
  border: solid 1px #c4c6c4;
  background-color: #c4c6c4;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-porpoise:active {
  opacity: 1;
  border: solid 1px #B2B4B2;
  background-color: #B2B4B2;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-porpoise {
  border: solid 1px #B2B4B2;
  background-color: #B2B4B2;
  color: #253746;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-porpoise:hover {
  opacity: 1;
  border: solid 1px #c4c6c4;
  background-color: #c4c6c4;
  color: #253746;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-porpoise:focus {
  opacity: 1;
  border: solid 1px #c4c6c4;
  background-color: #c4c6c4;
  color: #253746;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-porpoise:active {
  opacity: 1;
  border: solid 1px #B2B4B2;
  background-color: #B2B4B2;
  color: #253746;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-maco {
  background-color: transparent;
  border: solid 1px #717C7D;
  color: #717C7D;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-maco:hover {
  opacity: 1;
  border: solid 1px #838e8f;
  background-color: #838e8f;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-maco:focus {
  opacity: 1;
  border: solid 1px #838e8f;
  background-color: #838e8f;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-maco:active {
  opacity: 1;
  border: solid 1px #717C7D;
  background-color: #717C7D;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-maco {
  border: solid 1px #717C7D;
  background-color: #717C7D;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-maco:hover {
  opacity: 1;
  border: solid 1px #838e8f;
  background-color: #838e8f;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-maco:focus {
  opacity: 1;
  border: solid 1px #838e8f;
  background-color: #838e8f;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-maco:active {
  opacity: 1;
  border: solid 1px #717C7D;
  background-color: #717C7D;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-orca {
  background-color: transparent;
  border: solid 1px #253746;
  color: #253746;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-orca:hover {
  opacity: 1;
  border: solid 1px #31444f;
  background-color: #31444f;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-orca:focus {
  opacity: 1;
  border: solid 1px #31444f;
  background-color: #31444f;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-orca:active {
  opacity: 1;
  border: solid 1px #253746;
  background-color: #253746;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-orca {
  border: solid 1px #253746;
  background-color: #253746;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-orca:hover {
  opacity: 1;
  border: solid 1px #31444f;
  background-color: #31444f;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-orca:focus {
  opacity: 1;
  border: solid 1px #31444f;
  background-color: #31444f;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-orca:active {
  opacity: 1;
  border: solid 1px #253746;
  background-color: #253746;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-grass {
  background-color: transparent;
  border: solid 1px #78BE20;
  color: #78BE20;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-grass:hover {
  opacity: 1;
  border: solid 1px #93cc3a;
  background-color: #93cc3a;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-grass:focus {
  opacity: 1;
  border: solid 1px #93cc3a;
  background-color: #93cc3a;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-grass:active {
  opacity: 1;
  border: solid 1px #78BE20;
  background-color: #78BE20;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-grass {
  border: solid 1px #78BE20;
  background-color: #78BE20;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-grass:hover {
  opacity: 1;
  border: solid 1px #93cc3a;
  background-color: #93cc3a;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-grass:focus {
  opacity: 1;
  border: solid 1px #93cc3a;
  background-color: #93cc3a;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-grass:active {
  opacity: 1;
  border: solid 1px #78BE20;
  background-color: #78BE20;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-marine {
  background-color: transparent;
  border: solid 1px #0057FF;
  color: #0057FF;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-marine:hover {
  opacity: 1;
  border: solid 1px #2971FB;
  background-color: #2971FB;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-marine:focus {
  opacity: 1;
  border: solid 1px #2971FB;
  background-color: #2971FB;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-marine:active {
  opacity: 1;
  border: solid 1px #0057FF;
  background-color: #0057FF;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-marine {
  border: solid 1px #0057FF;
  background-color: #0057FF;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-marine:hover {
  opacity: 1;
  border: solid 1px #2971FB;
  background-color: #2971FB;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-marine:focus {
  opacity: 1;
  border: solid 1px #2971FB;
  background-color: #2971FB;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-marine:active {
  opacity: 1;
  border: solid 1px #0057FF;
  background-color: #0057FF;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-sea_turtle {
  background-color: transparent;
  border: solid 1px #12C3AC;
  color: #12C3AC;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-sea_turtle:hover {
  opacity: 1;
  border: solid 1px #1FCCAF;
  background-color: #1FCCAF;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-sea_turtle:focus {
  opacity: 1;
  border: solid 1px #1FCCAF;
  background-color: #1FCCAF;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-sea_turtle:active {
  opacity: 1;
  border: solid 1px #12C3AC;
  background-color: #12C3AC;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-sea_turtle {
  border: solid 1px #12C3AC;
  background-color: #12C3AC;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-sea_turtle:hover {
  opacity: 1;
  border: solid 1px #1FCCAF;
  background-color: #1FCCAF;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-sea_turtle:focus {
  opacity: 1;
  border: solid 1px #1FCCAF;
  background-color: #1FCCAF;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-sea_turtle:active {
  opacity: 1;
  border: solid 1px #12C3AC;
  background-color: #12C3AC;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-seaweed {
  background-color: transparent;
  border: solid 1px #0D8A7A;
  color: #0D8A7A;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-seaweed:hover {
  opacity: 1;
  border: solid 1px #10A08E;
  background-color: #10A08E;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-seaweed:focus {
  opacity: 1;
  border: solid 1px #10A08E;
  background-color: #10A08E;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-seaweed:active {
  opacity: 1;
  border: solid 1px #0D8A7A;
  background-color: #0D8A7A;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-seaweed {
  border: solid 1px #0D8A7A;
  background-color: #0D8A7A;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-seaweed:hover {
  opacity: 1;
  border: solid 1px #10A08E;
  background-color: #10A08E;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-seaweed:focus {
  opacity: 1;
  border: solid 1px #10A08E;
  background-color: #10A08E;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-seaweed:active {
  opacity: 1;
  border: solid 1px #0D8A7A;
  background-color: #0D8A7A;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-urchin {
  background-color: transparent;
  border: solid 1px #531799;
  color: #531799;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-urchin:hover {
  opacity: 1;
  border: solid 1px #5820A8;
  background-color: #5820A8;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-urchin:focus {
  opacity: 1;
  border: solid 1px #5820A8;
  background-color: #5820A8;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-urchin:active {
  opacity: 1;
  border: solid 1px #531799;
  background-color: #531799;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-urchin {
  border: solid 1px #531799;
  background-color: #531799;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-urchin:hover {
  opacity: 1;
  border: solid 1px #5820A8;
  background-color: #5820A8;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-urchin:focus {
  opacity: 1;
  border: solid 1px #5820A8;
  background-color: #5820A8;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-urchin:active {
  opacity: 1;
  border: solid 1px #531799;
  background-color: #531799;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-starfish {
  background-color: transparent;
  border: solid 1px #F0B323;
  color: #F0B323;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-starfish:hover {
  opacity: 1;
  border: solid 1px #F4BD4E;
  background-color: #F4BD4E;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-starfish:focus {
  opacity: 1;
  border: solid 1px #F4BD4E;
  background-color: #F4BD4E;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-starfish:active {
  opacity: 1;
  border: solid 1px #F0B323;
  background-color: #F0B323;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-starfish {
  border: solid 1px #F0B323;
  background-color: #F0B323;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-starfish:hover {
  opacity: 1;
  border: solid 1px #F4BD4E;
  background-color: #F4BD4E;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-starfish:focus {
  opacity: 1;
  border: solid 1px #F4BD4E;
  background-color: #F4BD4E;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-starfish:active {
  opacity: 1;
  border: solid 1px #F0B323;
  background-color: #F0B323;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-lobster {
  background-color: transparent;
  border: solid 1px #FB3C2F;
  color: #FB3C2F;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-lobster:hover {
  opacity: 1;
  border: solid 1px #FB5B54;
  background-color: #FB5B54;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-lobster:focus {
  opacity: 1;
  border: solid 1px #FB5B54;
  background-color: #FB5B54;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-lobster:active {
  opacity: 1;
  border: solid 1px #FB3C2F;
  background-color: #FB3C2F;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-lobster {
  border: solid 1px #FB3C2F;
  background-color: #FB3C2F;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-lobster:hover {
  opacity: 1;
  border: solid 1px #FB5B54;
  background-color: #FB5B54;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-lobster:focus {
  opacity: 1;
  border: solid 1px #FB5B54;
  background-color: #FB5B54;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-lobster:active {
  opacity: 1;
  border: solid 1px #FB3C2F;
  background-color: #FB3C2F;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-salmon {
  background-color: transparent;
  border: solid 1px #f96e6e;
  color: #f96e6e;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-salmon:hover {
  opacity: 1;
  border: solid 1px #fa7f79;
  background-color: #fa7f79;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-salmon:focus {
  opacity: 1;
  border: solid 1px #fa7f79;
  background-color: #fa7f79;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-salmon:active {
  opacity: 1;
  border: solid 1px #f96e6e;
  background-color: #f96e6e;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-salmon {
  border: solid 1px #f96e6e;
  background-color: #f96e6e;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-salmon:hover {
  opacity: 1;
  border: solid 1px #fa7f79;
  background-color: #fa7f79;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-salmon:focus {
  opacity: 1;
  border: solid 1px #fa7f79;
  background-color: #fa7f79;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-salmon:active {
  opacity: 1;
  border: solid 1px #f96e6e;
  background-color: #f96e6e;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-wave {
  background-color: transparent;
  border: solid 1px #143961;
  color: #143961;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-wave:hover {
  opacity: 1;
  border: solid 1px #17406e;
  background-color: #17406e;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-wave:focus {
  opacity: 1;
  border: solid 1px #17406e;
  background-color: #17406e;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-wave:active {
  opacity: 1;
  border: solid 1px #143961;
  background-color: #143961;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-wave {
  border: solid 1px #143961;
  background-color: #143961;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-wave:hover {
  opacity: 1;
  border: solid 1px #17406e;
  background-color: #17406e;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-wave:focus {
  opacity: 1;
  border: solid 1px #17406e;
  background-color: #17406e;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-wave:active {
  opacity: 1;
  border: solid 1px #143961;
  background-color: #143961;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-dory {
  background-color: transparent;
  border: solid 1px #033B7C;
  color: #033B7C;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-dory:hover {
  opacity: 1;
  border: solid 1px #034490;
  background-color: #034490;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-dory:focus {
  opacity: 1;
  border: solid 1px #034490;
  background-color: #034490;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-dory:active {
  opacity: 1;
  border: solid 1px #033B7C;
  background-color: #033B7C;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.btn-solid-dory {
  border: solid 1px #033B7C;
  background-color: #033B7C;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-solid-dory:hover {
  opacity: 1;
  border: solid 1px #034490;
  background-color: #034490;
  color: #FFFFFF;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-dory:focus {
  opacity: 1;
  border: solid 1px #034490;
  background-color: #034490;
  color: #FFFFFF;
  outline: none;
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.35);
}
.btn-solid-dory:active {
  opacity: 1;
  border: solid 1px #033B7C;
  background-color: #033B7C;
  color: #FFFFFF;
  outline: none;
  box-shadow: none;
  transform: translateY(1px);
}

.xi-btn-solid-group-white {
  display: flex;
}
.xi-btn-solid-group-white .btn-solid-marine {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #0057FF;
  font-weight: 600;
}
.xi-btn-solid-group-white .btn-solid-marine:hover {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #0057FF;
}
.xi-btn-solid-group-white .btn-solid-marine:focus {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #0057FF;
}
.xi-btn-solid-group-white .btn-solid-marine:active {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #0057FF;
}
.xi-btn-solid-group-white .btn-solid-urchin {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #531799;
  font-weight: 600;
}
.xi-btn-solid-group-white .btn-solid-urchin:hover {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #531799;
}
.xi-btn-solid-group-white .btn-solid-urchin:focus {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #531799;
}
.xi-btn-solid-group-white .btn-solid-urchin:active {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #531799;
}
.xi-btn-solid-group-white .btn-solid-sea_turtle {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #12C3AC;
  font-weight: 600;
}
.xi-btn-solid-group-white .btn-solid-sea_turtle:hover {
  opacity: 1;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #12C3AC;
}
.xi-btn-solid-group-white .btn-solid-sea_turtle:focus {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #12C3AC;
}
.xi-btn-solid-group-white .btn-solid-sea_turtle:active {
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF;
  color: #12C3AC;
}

.xi-btn-group {
  display: flex;
}
.xi-btn-group .btn-marine {
  border: solid 2px #0057FF;
  font-weight: 600;
}
.xi-btn-group .btn-marine:hover, .xi-btn-group .btn-marine:focus, .xi-btn-group .btn-marine:active {
  border: solid 2px #2971FB;
}
.xi-btn-group .btn-urchin {
  border: solid 2px #531799;
  font-weight: 600;
}
.xi-btn-group .btn-urchin:hover, .xi-btn-group .btn-urchin:focus, .xi-btn-group .btn-urchin:active {
  border: solid 2px #5820A8;
}
.xi-btn-group .btn-sea_turtle {
  border: solid 2px #12C3AC;
  font-weight: 600;
}
.xi-btn-group .btn-sea_turtle:hover, .xi-btn-group .btn-sea_turtle:focus, .xi-btn-group .btn-sea_turtle:active {
  border: solid 2px #1FCCAF;
}

input,
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] {
  color: #717C7D;
  border: none;
  outline: none;
  border-bottom: solid 1px #b4b7bb;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 20px 0 2px 0;
  margin-bottom: 20px;
  letter-spacing: 1px;
  border-radius: 0;
  font-family: "Gotham A", "Gotham B", "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus {
  border-bottom: solid 1px #0057FF;
}

input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline;
}
input[type=checkbox] + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 2px solid #F0B323;
  border-radius: 2px;
}
input[type=checkbox]:hover + label:before {
  background: transparent;
}
input[type=checkbox]:focus + label:before {
  background: transparent;
}
input[type=checkbox]:checked + label:before {
  background: #F0B323;
}
input[type=checkbox]:disabled + label {
  color: #FFFFFF;
  cursor: auto;
}
input[type=checkbox]:disabled + label:before {
  box-shadow: none;
  background: transparent;
  border: 2px solid #EAE9E9;
}
input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: -4px;
  top: -4px;
  background: white;
  width: 26px;
  height: 26px;
  border: 2px solid #F0B323;
  border-radius: 5px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41NjMzIDAuMTczNzc4QzEzLjAxOTYgMC40ODQ5IDEzLjEzNzMgMS4xMDcwMyAxMi44MjYyIDEuNTYzMzRMNS4zMjYyMSAxMi41NjMzQzUuMTQ2MTcgMTIuODI3NCA0Ljg1MDc0IDEyLjk4OTUgNC41MzEyOSAxMi45OTk1QzQuMjExODQgMTMuMDA5NSAzLjkwNjg1IDEyLjg2NjIgMy43MTA2MyAxMi42MTM5TDAuMjEwNjMzIDguMTEzOTVDLTAuMTI4NDM3IDcuNjc4IC0wLjA0OTkwMjkgNy4wNDk3MiAwLjM4NjA0NCA2LjcxMDY1QzAuODIxOTkyIDYuMzcxNTggMS40NTAyNyA2LjQ1MDEyIDEuNzg5MzQgNi44ODYwNkw0LjQ0NjgzIDEwLjMwMjhMMTEuMTczOCAwLjQzNjY2OEMxMS40ODQ5IC0wLjAxOTY0NDMgMTIuMTA3IC0wLjEzNzM0NCAxMi41NjMzIDAuMTczNzc4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b4b7bb;
  text-transform: uppercase;
  font-size: 1.2rem;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #b4b7bb;
  text-transform: uppercase;
  font-size: 1.2rem;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #b4b7bb;
  text-transform: uppercase;
  font-size: 1.2rem;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #b4b7bb;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.select {
  position: relative;
  width: 100%;
}
.select:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 20px;
  height: 30px;
  top: 14px;
  right: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjM3LjVweCIgaGVpZ2h0PSIxNS44cHgiIHZpZXdCb3g9IjAgMCAzNy41IDE1LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjUgMTUuODsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNiNGI3YmIiIGNsYXNzPSJzdDAiIGQ9Ik0xOC43LDE1LjhMMC43LDMuMmMtMS0wLjctMS0yLjIsMC0yLjhsMCwwYzAuNi0wLjQsMS40LTAuNCwyLDBsMTYsMTEuMmwxNi0xMS4yYzAuNi0wLjQsMS40LTAuNCwyLDBsMCwwCgljMSwwLjcsMSwyLjIsMCwyLjhMMTguNywxNS44eiIvPgo8L3N2Zz4=");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

select {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #b4b7bb;
  color: #717C7D;
  margin-bottom: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 20px 40px 10px 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03));
  border-radius: 0;
}

textarea {
  width: 100%;
  height: 86px;
  padding: 20px 0 2px 0;
  border: none;
  border-bottom: 1px solid #b4b7bb;
  margin-bottom: 30px;
  outline: none;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03));
}
textarea:focus {
  outline: none;
  border-bottom: 1px solid #0057FF;
}

label {
  font-weight: 400;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  color: #b4b7bb;
}

.terms {
  color: #b4b7bb;
  font-size: 1.2rem;
  padding: 0;
  margin: 0;
}
.terms a {
  color: #0057FF;
}
.terms a:hover {
  border-bottom: 1px solid;
}

.formMessage {
  opacity: 0;
  position: absolute;
  transform: translateY(10px);
  font-size: 1.2rem;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.subscribeForm {
  position: relative;
}
.subscribeForm input {
  position: relative;
  padding: 10px 42px 10px 18px;
  border-radius: 100px;
  border: none;
  outline: none;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  -moz-box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  font-size: 1.4rem;
  width: 100%;
  margin: 0;
  color: #253746;
}
.subscribeForm input::placeholder {
  text-transform: uppercase;
  color: #B2B4B2;
}
.subscribeForm input:focus {
  background: none;
  border: none;
}
.subscribeForm .subscribe-btn-wrap {
  position: absolute;
  top: 0;
  right: 0px;
  width: 40px;
  height: 100%;
  border-radius: 0 100px 100px 0;
  background: #12C3AC;
}
.subscribeForm .subscribe-btn-wrap:hover:after {
  transform: scale(1.2, 1.2);
}
.subscribeForm .subscribe-btn-wrap:after {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  content: "";
  width: 40px;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE0LjQwM3B4IiBoZWlnaHQ9IjEyLjgwMnB4IiB2aWV3Qm94PSIwIDAgMTQuNDAzIDEyLjgwMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTQuNDAzIDEyLjgwMiIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlZnM+CjwvZGVmcz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUuNDc2LDEyLjgwMmMtMC4yOTcsMC0wLjU4LTAuMTMyLTAuNzctMC4zNjJMMC4yMyw3LjA0Yy0wLjM1My0wLjQyNS0wLjI5NC0xLjA1NSwwLjEzMi0xLjQwNwoJYzAuNDI1LTAuMzU1LDEuMDU2LTAuMjk0LDEuNDA3LDAuMTMybDMuNjU5LDQuNDEzbDcuMTY4LTkuNzY5YzAuMzI3LTAuNDQ0LDAuOTUyLTAuNTQzLDEuMzk4LTAuMjE1CgljMC40NDUsMC4zMjcsMC41NDEsMC45NTMsMC4yMTUsMS4zOThMNi4yODMsMTIuMzk0Yy0wLjE4MywwLjI0OC0wLjQ2OSwwLjM5OC0wLjc3NywwLjQwOEM1LjQ5NiwxMi44MDIsNS40ODYsMTIuODAyLDUuNDc2LDEyLjgwMnoiCgkvPgo8L3N2Zz4=");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 200ms linear;
}
.subscribeForm .subscribe-btn-wrap button {
  position: relative;
  z-index: 2;
  width: 40px;
  height: 100%;
  border-radius: 0 100px 100px 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.search-cls-div input {
  margin: 0;
  padding: 5px 10px;
}

.select-lib-div select {
  margin: 0;
}
.select-lib-div:after {
  z-index: 1;
  pointer-events: none;
}

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 50vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .hero {
    min-height: 75vh;
  }
}
.hero .overlay-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66000000", endColorstr="#1a000000",GradientType=0 );
}
.hero .overlay-light {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66000000", endColorstr="#1a000000",GradientType=0 );
}
.hero .overlay-blue_gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, #49c5b1, #00afd7 50%);
  background: -webkit-linear-gradient(top, #49c5b1, #00afd7 50%);
  background: linear-gradient(to bottom, #49c5b1, #00afd7 50%);
  opacity: 0.75;
}
.hero .hero-content {
  padding: 60px 0px;
}
.hero .hero-content h1 {
  text-align: center;
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;
}
.hero .hero-content h5 {
  text-align: center;
  color: #FFFFFF;
}
.hero[style-type=simple] {
  min-height: 50vh;
}
.hero[style-type=simple] .hero-content {
  padding: 120px 0px 260px 0px;
}
@media (min-width: 768px) {
  .hero[style-type=simple] {
    min-height: 50vh;
  }
}

.banner h1 {
  margin: 0 auto;
  text-align: center;
  color: #fff;
  width: 55%;
}
.banner h5 {
  text-align: center;
  color: #FFFFFF;
}

.hero-post {
  position: relative;
  width: 100%;
  height: 42vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hero-post {
    height: 60vh;
  }
}
.hero-post::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 0;
  height: 0;
}
@media (min-width: 1024px) {
  .hero-post::after {
    border-width: 0 0 200px 100vw;
    bottom: 0px;
    border-style: solid;
    border-width: 0 0 100px 100vw;
    border-color: transparent transparent #FFFFFF transparent;
  }
}
.hero-post .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(173deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 72%);
}

.hero[style-type=screenshot_split] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 0 0 0;
  min-height: unset;
}
@media (min-width: 1024px) {
  .hero[style-type=screenshot_split] {
    flex-direction: row;
    padding: 100px 0 0 0;
  }
}
.hero[style-type=screenshot_split] .hero-content {
  width: 100%;
  padding: 40px 40px 0 40px;
}
@media (min-width: 1024px) {
  .hero[style-type=screenshot_split] .hero-content {
    width: 46%;
    padding: 0px 0px 0px 7.3%;
  }
}
.hero[style-type=screenshot_split] .hero-content h1 {
  color: #253746;
  text-align: left;
  padding: 10px 0px;
}
.hero[style-type=screenshot_split] .hero-content h4 {
  font-size: 2.2rem;
  letter-spacing: normal;
}
.hero[style-type=screenshot_split] .hero-content h5 {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 20px;
  border-radius: 100px;
}
.hero[style-type=screenshot_split] .screenshot_split-image {
  position: relative;
  display: none;
  width: 100%;
  height: calc(100% - 100px);
}
@media (min-width: 1024px) {
  .hero[style-type=screenshot_split] .screenshot_split-image {
    display: block;
    position: relative;
    bottom: 0;
    right: 0;
    width: 50%;
  }
}
.hero[style-type=screenshot_split] .screenshot_split-image img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  max-width: inherit;
}
@media (min-width: 1024px) {
  .hero[style-type=screenshot_split] .screenshot_split-image img {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-main .footer-main-title {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #253746;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.footer-main ul {
  text-align: inherit;
  padding-left: 0;
}
.footer-main ul a {
  display: block;
  font-size: 1.3rem;
  color: #717C7D;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 1.3;
}
.footer-main .subscribeForm input {
  text-align: inherit;
  border-radius: 0px;
  border: none;
  background: transparent;
  box-shadow: none;
  border-bottom: solid 1px #717C7D;
  padding: 10px 0 4px 0;
  color: #717C7D;
}
.footer-main .subscribeForm .subscribeTerms {
  font-size: 1.2rem;
  line-height: 1.4;
}
.footer-main .subscribeForm .subscribeTerms a {
  display: inline-block;
  color: #00a8d0;
  padding: 0;
}
.footer-main .footer-main-social {
  padding: 0;
  fill: #253746;
}

.footer-lower .inmoment-logo-footer {
  display: block;
}
.footer-lower ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 1rem;
  color: #253746;
  padding: 0 10px;
}
.footer-lower ul li:last-child {
  padding: 0 0 0 10px;
}
.footer-lower ul a {
  list-style-type: none;
  display: inline-block;
  font-size: 1rem;
  color: #253746;
  padding: 0 10px;
}
.footer-lower ul a:first-child {
  padding: 0 10px 0 0;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modalBG {
  z-index: 20000;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #253746;
  opacity: 0.9;
  display: none;
}

.contentModal {
  z-index: 20001;
  position: fixed;
  top: 0px;
  padding-top: 100px;
  left: 0px;
  width: 100vw;
  height: auto;
  max-height: 100vh;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  display: none;
  overflow-y: scroll;
}
.contentModal .modal-card {
  position: relative;
  background: #FFFFFF;
  width: 77%;
  max-width: 1140px;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.modal-close {
  position: absolute;
  top: -40px;
  left: 0px;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
@media (min-width: 576px) {
  .modal-close {
    left: -40px;
  }
}

.modal-description {
  padding: 30px 25px 0 25px;
}
.modal-description p {
  color: #253746;
  font-size: 1.7rem;
}

.modal-active {
  display: flex;
}

.body-locked {
  overflow-y: hidden;
}

.videoWrapper-modal {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0px;
}

.videoWrapper-modal iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.site-header {
  position: relative;
  z-index: 2000;
}

.nav {
  position: fixed;
  width: 100%;
  transition: transform 300ms linear;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .nav {
    background: transparent;
  }
}
.nav[data-scroll=up] .nav-top {
  background: #EAE9E9;
  transition-delay: 0ms;
  height: 40px;
}
.nav[data-scroll=up] .nav-top a {
  color: #253746;
}
.nav[data-scroll=up] .nav-top a:hover {
  color: #717C7D;
}
.nav[data-scroll=up] .nav-menu {
  background: #FFFFFF;
  transition-delay: 0ms;
}
.nav[data-scroll=up] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
.nav[data-scroll=up] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .nav[data-scroll=up] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.nav[data-scroll=up] .nav-menu .primary-menu .nav-cta a:hover {
  color: #FFFFFF;
  border: solid 1px #253746;
  background: #253746;
}
.nav[data-scroll=up] .nav-menu .brand .logo svg {
  width: 140px;
}
@media (min-width: 1024px) {
  .nav[data-scroll=up] .nav-menu .brand .logo svg {
    width: 200px;
  }
}
.nav[data-scroll=up] .nav-menu .brand .logo svg path {
  fill: #717C7D;
}
.nav[data-scroll=down] {
  transform: translateY(-100%);
}
@media (min-width: 1024px) {
  .nav[data-scroll=down] {
    transform: translateY(-30px);
  }
}
.nav[data-scroll=down] .nav-top {
  background: #EAE9E9;
  transition-delay: 0ms;
  height: 30px;
}
.nav[data-scroll=down] .nav-top a {
  color: #253746;
}
.nav[data-scroll=down] .nav-menu {
  background: #FFFFFF;
  transition-delay: 0ms;
}
.nav[data-scroll=down] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
.nav[data-scroll=down] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .nav[data-scroll=down] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.nav[data-scroll=down] .nav-menu .primary-menu .nav-cta a:hover {
  color: #FFFFFF;
  border: solid 1px #253746;
  background: #253746;
}
.nav[data-scroll=down] .nav-menu .brand .logo svg {
  width: 140px;
}
@media (min-width: 1024px) {
  .nav[data-scroll=down] .nav-menu .brand .logo svg {
    width: 200px;
  }
}
.nav[data-scroll=down] .nav-menu .brand .logo svg path {
  fill: #717C7D;
}
.nav[data-state=open] .nav-top {
  background: #EAE9E9;
  transition-delay: 0ms;
}
.nav[data-state=open] .nav-top a {
  color: #253746;
}
.nav[data-state=open] .nav-top a:hover {
  color: #717C7D;
}
.nav[data-state=open] .nav-menu {
  background: #FFFFFF;
  border-bottom: solid 1px #999;
}
.nav[data-state=open] .nav-menu .primary-menu {
  transform: translateX(-100%);
  opacity: 1;
}
@media (min-width: 1024px) {
  .nav[data-state=open] .nav-menu .primary-menu {
    transform: none;
  }
}
.nav[data-state=open] .nav-menu .primary-menu .menu-item {
  opacity: 1;
}
.nav[data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
.nav[data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #253746;
  border: solid 1px #253746;
}
.nav[data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #FFFFFF;
  border: solid 1px #253746;
  background: #253746;
}
.nav[data-state=open] .nav-menu .primary-menu .submenu-group a {
  padding: 5px 0px;
  color: #12C3AC;
  padding: 0 0 5px;
}
.nav[data-state=open] .nav-menu .primary-menu .submenu-item {
  padding: 0;
}
.nav[data-state=open] .nav-menu .primary-menu .submenu-item a {
  color: #717C7D;
  padding: 5px 0px;
}
.nav[data-state=open] .nav-menu .mobileOpenTitle {
  left: 0;
  transform: none;
  opacity: 1;
  transition-delay: 0ms, 100ms;
}
.nav[data-state=open] .nav-menu .brand {
  transform: translateX(-100%);
  opacity: 0;
}
@media (min-width: 1024px) {
  .nav[data-state=open] .nav-menu .brand {
    transform: none;
    opacity: 1;
  }
}
.nav[data-state=open] .nav-menu .brand .logo svg {
  width: 140px;
}
@media (min-width: 1024px) {
  .nav[data-state=open] .nav-menu .brand .logo svg {
    width: 200px;
  }
}
.nav[data-state=open] .nav-menu .brand .logo svg path {
  fill: #717C7D;
}
.nav[data-mobileState=open] .nav-menu {
  border-bottom: solid 1px #999;
}
.nav[data-mobileState=open] .nav-menu .primary-menu {
  height: calc(100vh - 70px);
  opacity: 1;
  left: 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open] .nav-menu .primary-menu {
    height: auto;
  }
}
.nav[data-mobileState=open] .nav-menu .primary-menu li {
  opacity: 1;
  transition-delay: 0ms, 200ms;
}
.nav[data-mobileState=open] .nav-menu .primary-menu .nav-cta {
  position: fixed;
  width: 100%;
  bottom: 0px;
  display: block;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open] .nav-menu .primary-menu .nav-cta {
    position: relative;
    display: inline-block;
    width: auto;
    margin-bottom: 0;
  }
}
.nav[data-mobileState=open][data-scroll=down] {
  transform: none;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=down] {
    transform: translateY(0%);
  }
}
.nav[data-mobileState=open][data-scroll=down] .nav-menu {
  padding: 10px 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=down] .nav-menu {
    border-bottom: solid 1px #999;
  }
}
.nav[data-mobileState=open][data-scroll=down] .nav-menu .primary-menu .menu-item {
  padding: 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=down] .nav-menu .primary-menu .menu-item {
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=down] .nav-menu .primary-menu .menu-item a {
    padding: 5px 20px 5px;
  }
}
.nav[data-mobileState=open][data-scroll=up] {
  transform: none;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=up] {
    transform: translateY(0%);
  }
}
.nav[data-mobileState=open][data-scroll=up] .nav-menu {
  padding: 10px 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=up] .nav-menu {
    border-bottom: solid 1px #999;
  }
}
.nav[data-mobileState=open][data-scroll=up] .nav-menu .primary-menu .menu-item {
  padding: 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=up] .nav-menu .primary-menu .menu-item {
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-scroll=up] .nav-menu .primary-menu .menu-item a {
    padding: 5px 20px 5px;
  }
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu {
    padding: 0;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .menu-item {
  padding: 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .menu-item {
    padding: 10px;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .menu-item a {
  padding: 15px 20px 15px;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .menu-item a {
    padding: 20px 20px 20px;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .submenu-group a {
  padding: 5px 0px;
}
.nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .submenu-item a {
  padding: 5px 0px;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .submenu-item a {
    padding: 5px 0px;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=down] .nav-menu .primary-menu .submenu-footer .social-buttons li a {
  padding: 20px 20px 20px;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu {
    padding: 0;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .menu-item {
  padding: 0;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .menu-item {
    padding: 10px;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .menu-item a {
  padding: 15px 20px 15px;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .menu-item a {
    padding: 20px 20px 20px;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .submenu-group a {
  padding: 5px 0px;
}
.nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .submenu-item a {
  padding: 5px 0px;
}
@media (min-width: 1024px) {
  .nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .submenu-item a {
    padding: 5px 0px;
  }
}
.nav[data-mobileState=open][data-state=open][data-scroll=up] .nav-menu .primary-menu .submenu-footer .social-buttons li a {
  padding: 20px 20px 20px;
}
@media (min-width: 1024px) {
  .nav[data-state=open][data-scroll=down] {
    transform: none;
  }
}
@media (min-width: 1024px) {
  .nav[data-state=open][data-scroll=down] .nav-top {
    height: 40px;
  }
}

.nav-top {
  position: absolute;
  width: 100%;
  height: 40px;
  transition: height 300ms linear;
  top: 100%;
  background: #EAE9E9;
  display: none;
}
@media (min-width: 1024px) {
  .nav-top {
    position: relative;
    background: none;
    display: block;
    padding: 0 20px;
  }
}
.nav-top ul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
.nav-top ul li {
  display: inline-block;
  padding: 5px 14px;
}
.nav-top ul li a {
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2rem;
  text-decoration: none;
  border-bottom: solid 1px transparent;
}
.nav-top ul li a:hover {
  border-bottom: solid 1px;
}

.nav-menu {
  padding: 10px 0;
  height: 70px;
}
@media (min-width: 1024px) {
  .nav-menu {
    padding: 0;
    height: auto;
    border-bottom: solid 1px transparent;
    transition: padding 200ms linear;
  }
}
.nav-menu .inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1024px) {
  .nav-menu .inner {
    padding: 0 20px;
  }
}

.brand {
  position: relative;
  padding: 18px 0 0 20px;
  transition: padding 300ms linear, opacity 100ms linear, transform 200ms linear;
}
@media (min-width: 1024px) {
  .brand {
    padding: 18px 0 0 30px;
  }
}
.brand .logo:hover {
  opacity: 1;
}
.brand .logo svg {
  position: absolute;
  width: 140px;
  height: 20px;
}
@media (min-width: 1024px) {
  .brand .logo svg {
    width: 200px;
    height: 28px;
  }
}
.brand .logo svg path {
  fill: #717C7D;
}
@media (min-width: 1024px) {
  .brand .logo svg path {
    fill: #FFFFFF;
  }
}

.mobileOpenTitle {
  display: block;
  position: absolute;
  width: 100%;
  left: -9999px;
  transform: translateX(20%);
  opacity: 0;
  transition: transform 200ms linear, opacity 100ms linear, left 0ms linear;
  transition-delay: 0ms, 0ms, 200ms;
}
@media (min-width: 1024px) {
  .mobileOpenTitle {
    display: none;
  }
}
.mobileOpenTitle .mobileOpen-arrow {
  position: absolute;
  bottom: 18px;
  left: 15px;
  width: 20px;
  height: 20px;
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
  transform: rotate(45deg);
}
.mobileOpenTitle h2 {
  color: #253746;
  font-size: 2.2rem;
  text-align: center;
  margin: 0;
  padding: 15px 0;
}

.nav-toggler {
  position: relative;
  display: block;
  padding: 16px 20px;
  cursor: pointer;
}
.nav-toggler svg {
  width: 30px;
}
.nav-toggler svg path {
  fill: #253746;
}
@media (min-width: 1024px) {
  .nav-toggler {
    display: none;
  }
}

.primary-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100vw;
  height: 0px;
  top: 100%;
  left: -9999px;
  background: #EAE9E9;
  opacity: 0;
  transition: height 200ms linear, opacity 200ms linear, transform 200ms linear;
}
@media (min-width: 1024px) {
  .primary-menu {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: initial;
    background: transparent;
    border-top: none;
    opacity: 1;
  }
}
.primary-menu[data-mobileState=open] {
  height: calc(100vh - 70px);
}
@media (min-width: 1024px) {
  .primary-menu[data-mobileState=open] {
    height: auto;
  }
}
.primary-menu .menu-item {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: padding 300ms linear, opacity 200ms linear;
  list-style-type: none;
  border-bottom: solid 1px #b4b7bb;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .primary-menu .menu-item {
    display: inline-block;
    border-bottom: none;
    padding: 14px 10px;
    opacity: 1;
    z-index: inherit;
    background: transparent;
  }
}
.primary-menu .menu-item::after {
  position: absolute;
  z-index: -1;
  content: "";
  box-sizing: border-box;
  bottom: 19px;
  width: 15px;
  height: 15px;
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
  left: calc(100% - 40px);
  transform: rotate(-135deg);
  background: transparent;
}
@media (min-width: 1024px) {
  .primary-menu .menu-item::after {
    content: "";
    transform: rotate(135deg);
    opacity: 0;
    bottom: -1px;
    left: calc(50% - 10px);
    border: solid #999;
    border-width: 0px 0px 1px 1px;
    width: 0px;
    height: 0px;
    z-index: 1;
    background-image: linear-gradient(45deg, white 52%, rgba(255, 255, 255, 0) 52%);
    transition: bottom 100ms linear, width 100ms linear, height 100ms linear;
    transition-delay: 0ms;
  }
}
.primary-menu .menu-item:last-child {
  border-bottom: none;
}
.primary-menu .menu-item:last-child::after {
  content: none;
}
.primary-menu .menu-item a {
  position: relative;
  display: block;
  color: #253746;
  font-weight: 500;
  font-size: 2rem;
  padding: 15px 0px 15px 20px;
  text-decoration: none;
  cursor: pointer;
  transition: padding 300ms linear, transform 200ms linear;
}
@media (min-width: 1024px) {
  .primary-menu .menu-item a {
    color: #FFFFFF;
    padding: 10px 20px 12px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .primary-menu .menu-item a:hover {
    transform: translateY(-2px);
  }
}
.primary-menu .nav-cta {
  position: fixed;
  bottom: 0;
  display: block;
  border-bottom: none;
  list-style-type: none;
  opacity: 0;
  transition: padding 300ms linear, opacity 200ms linear;
}
@media (min-width: 1024px) {
  .primary-menu .nav-cta {
    position: relative;
    bottom: initial;
    display: inline-block;
    opacity: 1;
  }
}
.primary-menu .nav-cta a {
  display: block;
  border: solid 1px #253746;
  padding: 15px 20px;
  color: #FFFFFF;
  background: #253746;
  display: block;
  border-radius: 0px;
  font-size: 2.4rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .primary-menu .nav-cta a {
    background: none;
    border: solid 1px #FFFFFF;
    display: inline-block;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 100px;
    font-size: 1.6rem;
  }
}
.primary-menu .nav-cta a:hover {
  background: #253746;
  color: #FFFFFF;
  border: solid 1px #253746;
  opacity: 1;
}
@media (min-width: 1024px) {
  .primary-menu .nav-cta a:hover {
    background: #FFFFFF;
    color: #253746;
    border: solid 1px #FFFFFF;
  }
}
.primary-menu .mobileOnly {
  padding: 0px 20px;
  opacity: 0;
  transition: padding 300ms linear, opacity 200ms linear;
  list-style: none;
}
@media (min-width: 1024px) {
  .primary-menu .mobileOnly {
    display: none;
  }
}
.primary-menu .mobileOnly a {
  display: block;
  padding: 10px 0px;
  color: #253746;
  font-weight: 500;
  border-bottom: solid 1px #b4b7bb;
  font-size: 1.8rem;
  text-decoration: none;
}
.primary-menu .mobileOnly a:hover {
  color: #717C7D;
}
.primary-menu .submenu {
  position: fixed;
  z-index: -1;
  left: -9999px;
  width: 100%;
  min-height: 50vh;
  height: calc(100vh - 70px);
  background: #fff;
  padding: 20px 20px 100px 20px;
}
@media (min-width: 1024px) {
  .primary-menu .submenu {
    padding: 80px 20px 50px 20px;
    left: 0;
    min-height: 50vh;
    height: auto;
  }
}
.primary-menu .submenu .submenu-inner {
  width: 100%;
  max-width: 1238px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .primary-menu .submenu .submenu-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
  }
}
.primary-menu .submenu .submenu-footer {
  border-top: solid 1px #999;
  padding-top: 20px;
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .primary-menu .submenu .submenu-footer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
.primary-menu .submenu .submenu-footer a {
  padding: 0;
}
.primary-menu .submenu .submenu-footer a:hover {
  opacity: 1;
}
.primary-menu .submenu .submenu-footer a img {
  display: block;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .primary-menu .submenu .submenu-footer a img {
    width: initial;
  }
}
.primary-menu .submenu .submenu-footer .social-buttons {
  display: block;
  position: relative;
  text-align: center;
  padding: 20px;
}
@media (min-width: 1024px) {
  .primary-menu .submenu .submenu-footer .social-buttons {
    margin: auto;
    text-align: initial;
    padding: 0;
  }
}
.primary-menu .submenu .submenu-footer .social-buttons li {
  display: inline-block;
  padding: 0 10px;
}
.primary-menu .submenu .submenu-footer .social-buttons li a {
  position: relative;
  width: 25px;
  height: 25px;
  padding: 20px 20px 20px;
}
@media (min-width: 1024px) {
  .primary-menu .submenu .submenu-footer .social-buttons li a {
    padding: 0;
  }
}
.primary-menu .submenu-group {
  padding: 0 0 20px;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-group {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .primary-menu .submenu-group:first-child {
    padding: 0 20px 0 0;
  }
}
@media (min-width: 1024px) {
  .primary-menu .submenu-group:last-child {
    padding: 0 0 0 20px;
  }
}
.primary-menu .submenu-group h2 {
  text-transform: uppercase;
  font-size: 2.4rem;
  color: #253746;
  line-height: 1.5;
  padding-bottom: 10px;
}
.primary-menu .submenu-group p {
  margin-bottom: 15px;
}
.primary-menu .submenu-group h3 {
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 2;
  text-transform: uppercase;
  color: #253746;
  border-bottom: solid 1px;
  margin: 0;
  margin-bottom: 5px;
}
.primary-menu .submenu-group ul {
  margin: 0;
  padding: 0;
}
.primary-menu .submenu-group li {
  padding: 0;
  margin: 0;
  display: block;
}
.primary-menu .submenu-group a {
  padding: 5px 0px;
  color: #12C3AC;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.09px;
  line-height: 2;
  transition: all 200ms linear;
  display: inline-block;
  border-bottom: solid 1px transparent;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-group a {
    font-size: 1.5rem;
  }
}
.primary-menu .submenu-group a:hover {
  transform: translateY(-2px);
  border-bottom: solid 1px;
}
.primary-menu .submenu-group img {
  width: 100%;
}
.primary-menu .submenu-description-group h2 {
  display: none;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-description-group h2 {
    display: block;
  }
}
.primary-menu .submenu-group-content {
  padding: 40px 0 0 0;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-group-content {
    margin: 0;
  }
}
.primary-menu .submenu-group-content a {
  border-bottom: none;
}
.primary-menu .submenu-group-content a:hover {
  border-bottom: none;
  opacity: 1;
}
.primary-menu .submenu-group-packages {
  padding: 0 0 20px;
}
.primary-menu .submenu-item a {
  color: #717C7D;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.09px;
  line-height: 2;
  transition: all 200ms linear;
  border-bottom: none;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-item a {
    font-size: 1.5rem;
  }
}
.primary-menu .submenu-item a:hover {
  transform: translateX(2px);
  border-bottom: none;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-package-inner {
    display: flex;
  }
}
.primary-menu .submenu-package-inner .submenu-package-item {
  flex-basis: 33%;
  padding: 0 0 20px 0;
}
@media (min-width: 1024px) {
  .primary-menu .submenu-package-inner .submenu-package-item {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .primary-menu .submenu-package-inner .submenu-package-item:first-child {
    padding: 0 20px 0 0;
  }
}

.fx-b-25 {
  width: 100%;
}
@media (min-width: 1024px) {
  .fx-b-25 {
    width: 25%;
  }
}

.fx-b-50 {
  width: 100%;
}
@media (min-width: 1024px) {
  .fx-b-50 {
    width: 50%;
  }
}

.fx-b-75 {
  width: 100%;
}
@media (min-width: 1024px) {
  .fx-b-75 {
    width: 75%;
  }
}

.fx-b-100 {
  width: 100%;
}

.menu-item[data-state=closed] .submenu {
  top: 0;
  left: -9999px;
  opacity: 1;
  transform: translate(100%, 0px);
  overflow: hidden;
  transition: left 0ms linear;
  transition-delay: 200ms;
}
@media (min-width: 1024px) {
  .menu-item[data-state=closed] .submenu {
    display: block;
    left: -99999px;
    opacity: 1;
    top: initial;
    transition: transform 200ms linear, opacity 100ms linear, height 200ms linear, left 1ms linear;
    transform: translate(0, -10px);
  }
}
.menu-item[data-state=closed] .submenu .submenu-inner {
  opacity: 0;
  transition: all 200ms linear;
}
.menu-item[data-state=open]::after {
  opacity: 1;
}
@media (min-width: 1024px) {
  .menu-item[data-state=open]::after {
    bottom: -9px;
    width: 18px;
    height: 18px;
    transition-delay: 300ms;
  }
}
.menu-item[data-state=open] .menu-item-backdrop {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: calc(100vh + 55px);
  background: rgba(255, 255, 255, 0.3);
  top: 0px;
  left: 0px;
}
@media (min-width: 1024px) {
  .menu-item[data-state=open] .menu-item-backdrop {
    background: rgba(113, 124, 125, 0.5);
  }
}
.menu-item[data-state=open] .nav-menu {
  border-bottom: solid 1px #999;
}
.menu-item[data-state=open] .submenu {
  height: calc(100vh - 70px);
  max-height: 20000px;
  left: 0;
  top: 0;
  opacity: 1;
  overflow-y: scroll;
  transform: translate(100%, 0px);
}
@media (min-width: 1024px) {
  .menu-item[data-state=open] .submenu {
    height: auto;
    top: inherit;
    overflow-y: inherit;
    transform: translate(0, 9px);
    transition: transform 200ms linear, opacity 200ms linear, height 200ms linear, left 0ms linear;
  }
}
@media (max-height: 600px) {
  .menu-item[data-state=open] .submenu {
    height: calc(100vh - 100px);
    overflow-y: scroll;
  }
}
.menu-item[data-state=open] .submenu .submenu-inner {
  opacity: 1;
}

.linkedin-icon {
  background: url("../static/img/linkedin-icon.png") center center no-repeat;
  background-size: cover;
}

.googlePlus-icon {
  background: url("../static/img/googleplus-icon.png") center center no-repeat;
  background-size: cover;
}

.twitter-icon {
  background: url("../static/img/twitter-icon.png") center center no-repeat;
  background-size: cover;
}

.locked {
  overflow-y: hidden;
}

.no-flexbox .nav-top li {
  float: right;
}
.no-flexbox .nav-top::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.no-flexbox .nav-menu::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.no-flexbox .brand {
  float: left;
  position: relative;
}
.no-flexbox .brand::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.no-flexbox .primary-menu {
  float: right;
}
.no-flexbox .primary-menu::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.no-flexbox .submenu-group {
  float: left;
}
.no-flexbox .submenu-group::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.dark .nav-top ul li a {
  color: #253746;
}
.dark .brand .logo svg path {
  fill: #717C7D;
}
.dark .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .dark .primary-menu .nav-cta a {
    border: solid 1px #253746;
    color: #253746;
  }
}
@media (min-width: 1024px) {
  .dark .primary-menu .nav-cta a:hover {
    background: #253746;
    color: #FFFFFF;
  }
}

.drill-down-nav[color=albatross] {
  background: #FFFFFF;
}
.drill-down-nav[color=albatross] .nav-menu {
  background: #FFFFFF;
}
.drill-down-nav[color=albatross] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=albatross] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=albatross][data-scroll], .drill-down-nav[color=albatross][data-state=open] {
  background: #FFFFFF;
}
.drill-down-nav[color=albatross][data-scroll] .nav-top, .drill-down-nav[color=albatross][data-state=open] .nav-top {
  background: #FFFFFF;
}
.drill-down-nav[color=albatross][data-scroll] .nav-top ul li a, .drill-down-nav[color=albatross][data-state=open] .nav-top ul li a {
  color: #253746;
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu, .drill-down-nav[color=albatross][data-state=open] .nav-menu {
  background: #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=albatross][data-state=open] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #253746;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #FFFFFF;
  border: solid 1px #253746;
  background: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #FFFFFF;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #253746;
  }
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #FFFFFF;
}
.drill-down-nav[color=albatross][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=albatross][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=albatross][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=albatross][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=albatross][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=albatross][data-state=open] .mobileOpenTitle h2 {
  color: #253746;
}
.drill-down-nav[color=albatross][data-scroll] .nav-toggler svg path, .drill-down-nav[color=albatross][data-state=open] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=albatross] .nav-top {
  background: #FFFFFF;
}
.drill-down-nav[color=grey_lt] {
  background: #EDF0F1;
}
.drill-down-nav[color=grey_lt] .nav-menu {
  background: #EDF0F1;
}
.drill-down-nav[color=grey_lt] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=grey_lt] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=grey_lt][data-scroll], .drill-down-nav[color=grey_lt][data-state=open] {
  background: #EDF0F1;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-top, .drill-down-nav[color=grey_lt][data-state=open] .nav-top {
  background: #EDF0F1;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-top ul li a, .drill-down-nav[color=grey_lt][data-state=open] .nav-top ul li a {
  color: #253746;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu {
  background: #EDF0F1;
  border-bottom: solid 1px #EDF0F1;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #253746;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #EDF0F1;
  border: solid 1px #253746;
  background: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #EDF0F1;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #253746;
  }
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #EDF0F1;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=grey_lt][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=grey_lt][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=grey_lt][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=grey_lt][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=grey_lt][data-state=open] .mobileOpenTitle h2 {
  color: #253746;
}
.drill-down-nav[color=grey_lt][data-scroll] .nav-toggler svg path, .drill-down-nav[color=grey_lt][data-state=open] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=grey_lt] .nav-top {
  background: #EDF0F1;
}
.drill-down-nav[color=sand] {
  background: #EAE9E9;
}
.drill-down-nav[color=sand] .nav-menu {
  background: #EAE9E9;
}
.drill-down-nav[color=sand] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=sand] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=sand][data-scroll], .drill-down-nav[color=sand][data-state=open] {
  background: #EAE9E9;
}
.drill-down-nav[color=sand][data-scroll] .nav-top, .drill-down-nav[color=sand][data-state=open] .nav-top {
  background: #EAE9E9;
}
.drill-down-nav[color=sand][data-scroll] .nav-top ul li a, .drill-down-nav[color=sand][data-state=open] .nav-top ul li a {
  color: #253746;
}
.drill-down-nav[color=sand][data-scroll] .nav-menu, .drill-down-nav[color=sand][data-state=open] .nav-menu {
  background: #EAE9E9;
  border-bottom: solid 1px #EAE9E9;
}
.drill-down-nav[color=sand][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=sand][data-state=open] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #253746;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #EAE9E9;
  border: solid 1px #253746;
  background: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #EAE9E9;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #253746;
  }
}
.drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #EAE9E9;
}
.drill-down-nav[color=sand][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=sand][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=sand][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=sand][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=sand][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=sand][data-state=open] .mobileOpenTitle h2 {
  color: #253746;
}
.drill-down-nav[color=sand][data-scroll] .nav-toggler svg path, .drill-down-nav[color=sand][data-state=open] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=sand] .nav-top {
  background: #EAE9E9;
}
.drill-down-nav[color=oyster] {
  background: #D9D9D6;
}
.drill-down-nav[color=oyster] .nav-menu {
  background: #D9D9D6;
}
.drill-down-nav[color=oyster] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=oyster] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=oyster][data-scroll], .drill-down-nav[color=oyster][data-state=open] {
  background: #D9D9D6;
}
.drill-down-nav[color=oyster][data-scroll] .nav-top, .drill-down-nav[color=oyster][data-state=open] .nav-top {
  background: #D9D9D6;
}
.drill-down-nav[color=oyster][data-scroll] .nav-top ul li a, .drill-down-nav[color=oyster][data-state=open] .nav-top ul li a {
  color: #253746;
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu, .drill-down-nav[color=oyster][data-state=open] .nav-menu {
  background: #D9D9D6;
  border-bottom: solid 1px #D9D9D6;
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=oyster][data-state=open] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #253746;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #D9D9D6;
  border: solid 1px #253746;
  background: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #D9D9D6;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #253746;
  }
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #D9D9D6;
}
.drill-down-nav[color=oyster][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=oyster][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=oyster][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=oyster][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=oyster][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=oyster][data-state=open] .mobileOpenTitle h2 {
  color: #253746;
}
.drill-down-nav[color=oyster][data-scroll] .nav-toggler svg path, .drill-down-nav[color=oyster][data-state=open] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=oyster] .nav-top {
  background: #D9D9D6;
}
.drill-down-nav[color=porpoise] {
  background: #B2B4B2;
}
.drill-down-nav[color=porpoise] .nav-menu {
  background: #B2B4B2;
}
.drill-down-nav[color=porpoise] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=porpoise] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=porpoise][data-scroll], .drill-down-nav[color=porpoise][data-state=open] {
  background: #B2B4B2;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-top, .drill-down-nav[color=porpoise][data-state=open] .nav-top {
  background: #B2B4B2;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-top ul li a, .drill-down-nav[color=porpoise][data-state=open] .nav-top ul li a {
  color: #253746;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu, .drill-down-nav[color=porpoise][data-state=open] .nav-menu {
  background: #B2B4B2;
  border-bottom: solid 1px #B2B4B2;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .brand .logo svg path {
  fill: #253746;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #253746;
  border: solid 1px #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #253746;
    border: solid 1px #253746;
  }
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #B2B4B2;
  border: solid 1px #253746;
  background: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #B2B4B2;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #253746;
  }
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #B2B4B2;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=porpoise][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=porpoise][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=porpoise][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #253746;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=porpoise][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=porpoise][data-state=open] .mobileOpenTitle h2 {
  color: #253746;
}
.drill-down-nav[color=porpoise][data-scroll] .nav-toggler svg path, .drill-down-nav[color=porpoise][data-state=open] .nav-toggler svg path {
  fill: #253746;
}
.drill-down-nav[color=porpoise] .nav-top {
  background: #B2B4B2;
}
.drill-down-nav[color=maco] {
  background: #717C7D;
}
.drill-down-nav[color=maco] .nav-menu {
  background: #717C7D;
}
.drill-down-nav[color=maco] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=maco] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=maco][data-scroll], .drill-down-nav[color=maco][data-state=open] {
  background: #717C7D;
}
.drill-down-nav[color=maco][data-scroll] .nav-top, .drill-down-nav[color=maco][data-state=open] .nav-top {
  background: #717C7D;
}
.drill-down-nav[color=maco][data-scroll] .nav-top ul li a, .drill-down-nav[color=maco][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=maco][data-scroll] .nav-menu, .drill-down-nav[color=maco][data-state=open] .nav-menu {
  background: #717C7D;
  border-bottom: solid 1px #717C7D;
}
.drill-down-nav[color=maco][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=maco][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #717C7D;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #717C7D;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #717C7D;
}
.drill-down-nav[color=maco][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=maco][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=maco][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=maco][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=maco][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=maco][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=maco][data-scroll] .nav-toggler svg path, .drill-down-nav[color=maco][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=maco] .nav-top {
  background: #717C7D;
}
.drill-down-nav[color=orca] {
  background: #253746;
}
.drill-down-nav[color=orca] .nav-menu {
  background: #253746;
}
.drill-down-nav[color=orca] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=orca] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=orca][data-scroll], .drill-down-nav[color=orca][data-state=open] {
  background: #253746;
}
.drill-down-nav[color=orca][data-scroll] .nav-top, .drill-down-nav[color=orca][data-state=open] .nav-top {
  background: #253746;
}
.drill-down-nav[color=orca][data-scroll] .nav-top ul li a, .drill-down-nav[color=orca][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=orca][data-scroll] .nav-menu, .drill-down-nav[color=orca][data-state=open] .nav-menu {
  background: #253746;
  border-bottom: solid 1px #253746;
}
.drill-down-nav[color=orca][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=orca][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #253746;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #253746;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #253746;
}
.drill-down-nav[color=orca][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=orca][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=orca][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=orca][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=orca][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=orca][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=orca][data-scroll] .nav-toggler svg path, .drill-down-nav[color=orca][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=orca] .nav-top {
  background: #253746;
}
.drill-down-nav[color=grass] {
  background: #78BE20;
}
.drill-down-nav[color=grass] .nav-menu {
  background: #78BE20;
}
.drill-down-nav[color=grass] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=grass] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=grass][data-scroll], .drill-down-nav[color=grass][data-state=open] {
  background: #78BE20;
}
.drill-down-nav[color=grass][data-scroll] .nav-top, .drill-down-nav[color=grass][data-state=open] .nav-top {
  background: #78BE20;
}
.drill-down-nav[color=grass][data-scroll] .nav-top ul li a, .drill-down-nav[color=grass][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=grass][data-scroll] .nav-menu, .drill-down-nav[color=grass][data-state=open] .nav-menu {
  background: #78BE20;
  border-bottom: solid 1px #78BE20;
}
.drill-down-nav[color=grass][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=grass][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #78BE20;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #78BE20;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #78BE20;
}
.drill-down-nav[color=grass][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=grass][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=grass][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=grass][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=grass][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=grass][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=grass][data-scroll] .nav-toggler svg path, .drill-down-nav[color=grass][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=grass] .nav-top {
  background: #78BE20;
}
.drill-down-nav[color=marine] {
  background: #0057FF;
}
.drill-down-nav[color=marine] .nav-menu {
  background: #0057FF;
}
.drill-down-nav[color=marine] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=marine] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=marine][data-scroll], .drill-down-nav[color=marine][data-state=open] {
  background: #0057FF;
}
.drill-down-nav[color=marine][data-scroll] .nav-top, .drill-down-nav[color=marine][data-state=open] .nav-top {
  background: #0057FF;
}
.drill-down-nav[color=marine][data-scroll] .nav-top ul li a, .drill-down-nav[color=marine][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=marine][data-scroll] .nav-menu, .drill-down-nav[color=marine][data-state=open] .nav-menu {
  background: #0057FF;
  border-bottom: solid 1px #0057FF;
}
.drill-down-nav[color=marine][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=marine][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #0057FF;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #0057FF;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #0057FF;
}
.drill-down-nav[color=marine][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=marine][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=marine][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=marine][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=marine][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=marine][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=marine][data-scroll] .nav-toggler svg path, .drill-down-nav[color=marine][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=marine] .nav-top {
  background: #0057FF;
}
.drill-down-nav[color=sea_turtle] {
  background: #12C3AC;
}
.drill-down-nav[color=sea_turtle] .nav-menu {
  background: #12C3AC;
}
.drill-down-nav[color=sea_turtle] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=sea_turtle] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=sea_turtle][data-scroll], .drill-down-nav[color=sea_turtle][data-state=open] {
  background: #12C3AC;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-top, .drill-down-nav[color=sea_turtle][data-state=open] .nav-top {
  background: #12C3AC;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-top ul li a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu {
  background: #12C3AC;
  border-bottom: solid 1px #12C3AC;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #12C3AC;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #12C3AC;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #12C3AC;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=sea_turtle][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=sea_turtle][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=sea_turtle][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=sea_turtle][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=sea_turtle][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=sea_turtle][data-scroll] .nav-toggler svg path, .drill-down-nav[color=sea_turtle][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=sea_turtle] .nav-top {
  background: #12C3AC;
}
.drill-down-nav[color=seaweed] {
  background: #0D8A7A;
}
.drill-down-nav[color=seaweed] .nav-menu {
  background: #0D8A7A;
}
.drill-down-nav[color=seaweed] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=seaweed] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=seaweed][data-scroll], .drill-down-nav[color=seaweed][data-state=open] {
  background: #0D8A7A;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-top, .drill-down-nav[color=seaweed][data-state=open] .nav-top {
  background: #0D8A7A;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-top ul li a, .drill-down-nav[color=seaweed][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu, .drill-down-nav[color=seaweed][data-state=open] .nav-menu {
  background: #0D8A7A;
  border-bottom: solid 1px #0D8A7A;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #0D8A7A;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #0D8A7A;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #0D8A7A;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=seaweed][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=seaweed][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=seaweed][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=seaweed][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=seaweed][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=seaweed][data-scroll] .nav-toggler svg path, .drill-down-nav[color=seaweed][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=seaweed] .nav-top {
  background: #0D8A7A;
}
.drill-down-nav[color=urchin] {
  background: #531799;
}
.drill-down-nav[color=urchin] .nav-menu {
  background: #531799;
}
.drill-down-nav[color=urchin] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=urchin] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=urchin][data-scroll], .drill-down-nav[color=urchin][data-state=open] {
  background: #531799;
}
.drill-down-nav[color=urchin][data-scroll] .nav-top, .drill-down-nav[color=urchin][data-state=open] .nav-top {
  background: #531799;
}
.drill-down-nav[color=urchin][data-scroll] .nav-top ul li a, .drill-down-nav[color=urchin][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu, .drill-down-nav[color=urchin][data-state=open] .nav-menu {
  background: #531799;
  border-bottom: solid 1px #531799;
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=urchin][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #531799;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #531799;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #531799;
}
.drill-down-nav[color=urchin][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=urchin][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=urchin][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=urchin][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=urchin][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=urchin][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=urchin][data-scroll] .nav-toggler svg path, .drill-down-nav[color=urchin][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=urchin] .nav-top {
  background: #531799;
}
.drill-down-nav[color=starfish] {
  background: #F0B323;
}
.drill-down-nav[color=starfish] .nav-menu {
  background: #F0B323;
}
.drill-down-nav[color=starfish] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=starfish] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=starfish][data-scroll], .drill-down-nav[color=starfish][data-state=open] {
  background: #F0B323;
}
.drill-down-nav[color=starfish][data-scroll] .nav-top, .drill-down-nav[color=starfish][data-state=open] .nav-top {
  background: #F0B323;
}
.drill-down-nav[color=starfish][data-scroll] .nav-top ul li a, .drill-down-nav[color=starfish][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu, .drill-down-nav[color=starfish][data-state=open] .nav-menu {
  background: #F0B323;
  border-bottom: solid 1px #F0B323;
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=starfish][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #F0B323;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #F0B323;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #F0B323;
}
.drill-down-nav[color=starfish][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=starfish][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=starfish][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=starfish][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=starfish][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=starfish][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=starfish][data-scroll] .nav-toggler svg path, .drill-down-nav[color=starfish][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=starfish] .nav-top {
  background: #F0B323;
}
.drill-down-nav[color=lobster] {
  background: #FB3C2F;
}
.drill-down-nav[color=lobster] .nav-menu {
  background: #FB3C2F;
}
.drill-down-nav[color=lobster] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=lobster] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=lobster][data-scroll], .drill-down-nav[color=lobster][data-state=open] {
  background: #FB3C2F;
}
.drill-down-nav[color=lobster][data-scroll] .nav-top, .drill-down-nav[color=lobster][data-state=open] .nav-top {
  background: #FB3C2F;
}
.drill-down-nav[color=lobster][data-scroll] .nav-top ul li a, .drill-down-nav[color=lobster][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu, .drill-down-nav[color=lobster][data-state=open] .nav-menu {
  background: #FB3C2F;
  border-bottom: solid 1px #FB3C2F;
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=lobster][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #FB3C2F;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #FB3C2F;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #FB3C2F;
}
.drill-down-nav[color=lobster][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=lobster][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=lobster][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=lobster][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=lobster][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=lobster][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=lobster][data-scroll] .nav-toggler svg path, .drill-down-nav[color=lobster][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=lobster] .nav-top {
  background: #FB3C2F;
}
.drill-down-nav[color=salmon] {
  background: #f96e6e;
}
.drill-down-nav[color=salmon] .nav-menu {
  background: #f96e6e;
}
.drill-down-nav[color=salmon] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=salmon] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=salmon][data-scroll], .drill-down-nav[color=salmon][data-state=open] {
  background: #f96e6e;
}
.drill-down-nav[color=salmon][data-scroll] .nav-top, .drill-down-nav[color=salmon][data-state=open] .nav-top {
  background: #f96e6e;
}
.drill-down-nav[color=salmon][data-scroll] .nav-top ul li a, .drill-down-nav[color=salmon][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu, .drill-down-nav[color=salmon][data-state=open] .nav-menu {
  background: #f96e6e;
  border-bottom: solid 1px #f96e6e;
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=salmon][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #f96e6e;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #f96e6e;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #f96e6e;
}
.drill-down-nav[color=salmon][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=salmon][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=salmon][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=salmon][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=salmon][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=salmon][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=salmon][data-scroll] .nav-toggler svg path, .drill-down-nav[color=salmon][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=salmon] .nav-top {
  background: #f96e6e;
}
.drill-down-nav[color=wave] {
  background: #143961;
}
.drill-down-nav[color=wave] .nav-menu {
  background: #143961;
}
.drill-down-nav[color=wave] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=wave] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=wave][data-scroll], .drill-down-nav[color=wave][data-state=open] {
  background: #143961;
}
.drill-down-nav[color=wave][data-scroll] .nav-top, .drill-down-nav[color=wave][data-state=open] .nav-top {
  background: #143961;
}
.drill-down-nav[color=wave][data-scroll] .nav-top ul li a, .drill-down-nav[color=wave][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=wave][data-scroll] .nav-menu, .drill-down-nav[color=wave][data-state=open] .nav-menu {
  background: #143961;
  border-bottom: solid 1px #143961;
}
.drill-down-nav[color=wave][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=wave][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #143961;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #143961;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #143961;
}
.drill-down-nav[color=wave][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=wave][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=wave][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=wave][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=wave][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=wave][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=wave][data-scroll] .nav-toggler svg path, .drill-down-nav[color=wave][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=wave] .nav-top {
  background: #143961;
}
.drill-down-nav[color=dory] {
  background: #033B7C;
}
.drill-down-nav[color=dory] .nav-menu {
  background: #033B7C;
}
.drill-down-nav[color=dory] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=dory] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=dory][data-scroll], .drill-down-nav[color=dory][data-state=open] {
  background: #033B7C;
}
.drill-down-nav[color=dory][data-scroll] .nav-top, .drill-down-nav[color=dory][data-state=open] .nav-top {
  background: #033B7C;
}
.drill-down-nav[color=dory][data-scroll] .nav-top ul li a, .drill-down-nav[color=dory][data-state=open] .nav-top ul li a {
  color: #FFFFFF;
}
.drill-down-nav[color=dory][data-scroll] .nav-menu, .drill-down-nav[color=dory][data-state=open] .nav-menu {
  background: #033B7C;
  border-bottom: solid 1px #033B7C;
}
.drill-down-nav[color=dory][data-scroll] .nav-menu .brand .logo svg path, .drill-down-nav[color=dory][data-state=open] .nav-menu .brand .logo svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .nav-cta a {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .nav-cta a, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .nav-cta a {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
  }
}
.drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .nav-cta a:hover, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .nav-cta a:hover {
  color: #033B7C;
  border: solid 1px #FFFFFF;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .menu-item:after, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .menu-item:after {
    border: solid #033B7C;
    border-width: 0px 0px 1px 1px;
  }
}
.drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .menu-item a {
  color: #253746;
}
@media (min-width: 1024px) {
  .drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .menu-item a, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .menu-item a {
    color: #FFFFFF;
  }
}
.drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .menu-item .submenu .submenu-description-group a {
  color: #033B7C;
}
.drill-down-nav[color=dory][data-scroll] .nav-menu .primary-menu .menu-item .submenu-item a, .drill-down-nav[color=dory][data-state=open] .nav-menu .primary-menu .menu-item .submenu-item a {
  color: #717C7D;
}
.drill-down-nav[color=dory][data-scroll] .mobileOpenTitle .mobileOpen-arrow, .drill-down-nav[color=dory][data-state=open] .mobileOpenTitle .mobileOpen-arrow {
  border: solid #FFFFFF;
  border-width: 0px 0px 2px 2px;
}
.drill-down-nav[color=dory][data-scroll] .mobileOpenTitle h2, .drill-down-nav[color=dory][data-state=open] .mobileOpenTitle h2 {
  color: #FFFFFF;
}
.drill-down-nav[color=dory][data-scroll] .nav-toggler svg path, .drill-down-nav[color=dory][data-state=open] .nav-toggler svg path {
  fill: #FFFFFF;
}
.drill-down-nav[color=dory] .nav-top {
  background: #033B7C;
}

/*--------------------------------------------------------------
# Text - Image
--------------------------------------------------------------*/
.text_image-module img {
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
# Emphasis Text Block
--------------------------------------------------------------*/
.emphasis_text_block {
  text-align: center;
}
.emphasis_text_block h3 {
  line-height: 2;
  text-transform: none;
  font-size: 2rem;
  letter-spacing: 1px;
}

/*--------------------------------------------------------------
# Block Quote
--------------------------------------------------------------*/
.block_quote .accent-line {
  display: block;
  margin: 0px auto 60px auto;
  width: 10%;
  height: 4px;
}
.block_quote blockquote {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  padding: 0;
  margin: 0;
  border: none;
}
.block_quote blockquote cite {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #717C7D;
  margin: 40px auto 0 auto;
}
@media (min-width: 768px) {
  .block_quote blockquote cite {
    width: 50%;
  }
}

.quote-hightlighted {
  position: relative;
  padding: 0px;
  margin: 0px;
  border: none;
  padding: 40px 20px 0px 70px;
}
.quote-hightlighted p {
  position: relative;
}
.quote-hightlighted:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 94px;
  height: 65px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOTQuOTVweCIKCSBoZWlnaHQ9IjY1LjE4cHgiIHZpZXdCb3g9IjAgMCA5NC45NSA2NS4xOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTQuOTUgNjUuMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDMzQjdDO30KPC9zdHlsZT4KPGRlZnM+CjwvZGVmcz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjY4LDY1LjE4Yy02LjUyLDAtMTEuMjYtMS40OS0xNC4yMi00LjQ2QzEuNDksNTcuNzUsMCw1NC4wMiwwLDQ5LjUzdi00LjU2YzAtNC4yLDAuNjEtOC40MywxLjg0LTEyLjcxCgljMS4yNC00LjI3LDIuOS04LjM2LDUtMTIuMjdjMi4xLTMuOTIsNC42LTcuNTcsNy41LTEwLjk3UzIwLjM1LDIuNjEsMjMuNjcsMGgyMC4yMWMtNC43Nyw0LjM0LTguODgsOC43Ni0xMi4yNywxMy4yNQoJYy0zLjQxLDQuNDktNS45OCw5LjQ5LTcuNzIsMTQuOTljNC42MywwLjg3LDguMDQsMi43OCwxMC4yMSw1Ljc2YzIuMTcsMi45NywzLjI2LDYuMzQsMy4yNiwxMC4xdjUuNDNjMCw0LjQ5LTEuNDksOC4yMi00LjQ2LDExLjE5CglDMjkuOTQsNjMuNywyNS4yLDY1LjE4LDE4LjY4LDY1LjE4eiBNNjkuNzMsNjUuMThjLTYuNTEsMC0xMS4yNi0xLjQ5LTE0LjIyLTQuNDZjLTIuOTctMi45Ny00LjQ2LTYuNy00LjQ2LTExLjE5di00LjU2CgljMC00LjIsMC42MS04LjQzLDEuODUtMTIuNzFjMS4yMy00LjI3LDIuOS04LjM2LDQuOTktMTIuMjdjMi4xLTMuOTIsNC42LTcuNTcsNy41LTEwLjk3YzIuODktMy40LDYuMDEtNi40MSw5LjM0LTkuMDJoMjAuMjEKCWMtNC43OCw0LjM0LTguODgsOC43Ni0xMi4yOCwxMy4yNXMtNS45OCw5LjQ5LTcuNzIsMTQuOTljNC42MywwLjg3LDguMDQsMi43OCwxMC4yMiw1Ljc2YzIuMTcsMi45NywzLjI1LDYuMzQsMy4yNSwxMC4xdjUuNDMKCWMwLDQuNDktMS40OSw4LjIyLTQuNDYsMTEuMTlDODEsNjMuNyw3Ni4yNiw2NS4xOCw2OS43Myw2NS4xOHoiLz4KPC9zdmc+");
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}

/*--------------------------------------------------------------
# Four Column Layout
--------------------------------------------------------------*/
.four-column-layout .swiper-pagination-bullet-active {
  background: #0057FF;
}

.four-column-layout img {
  display: block;
  margin: 0 auto;
}
.four-column-layout h4 {
  font-weight: 600;
  padding: 10px 0 20px 0;
}
.four-column-layout .swiper-slide {
  padding-bottom: 60px;
  height: 100% !important;
}
.four-column-layout .swiper-slide .slide-inner {
  display: block;
  height: 100%;
}
.four-column-layout .swiper-slide .slide-inner .slide-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*--------------------------------------------------------------
# Slider with Device
--------------------------------------------------------------*/
.slider_with_device {
  padding: 0 0 100px 0;
}
.slider_with_device .device-wrapper {
  position: relative;
}
.slider_with_device .device-wrapper img {
  width: 100%;
  max-width: inherit;
}
@media (min-width: 992px) {
  .slider_with_device .device-wrapper img {
    width: 110%;
  }
}
.slider_with_device .device-wrapper .device {
  position: relative;
  display: block;
  z-index: 900;
}
.slider_with_device .device-wrapper .device-screenshot {
  position: absolute;
  display: block;
  z-index: 1000;
  top: 0;
  left: 0;
}
.slider_with_device .imageOnly img {
  display: block;
  width: 100%;
  max-width: inherit;
}
@media (min-width: 992px) {
  .slider_with_device .imageOnly img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.slider_with_device .imageOnly .device-screenshot {
  margin-top: 50px;
  position: relative;
}
.slider_with_device h4 {
  color: #253746;
}
.slider_with_device .slider_with_device_content, .slider_with_device .slider_with_device_swiper-pagination {
  text-align: center;
}
@media (min-width: 992px) {
  .slider_with_device .slider_with_device_content, .slider_with_device .slider_with_device_swiper-pagination {
    text-align: left;
  }
}

.swiper-pagination-hidden {
  display: none;
}

.swiper-container[data-type=slider_with_device] {
  padding: 20px 0;
}
@media (min-width: 992px) {
  .swiper-container[data-type=slider_with_device] {
    padding: 14% 0;
  }
}

/*--------------------------------------------------------------
# Columns Layout
--------------------------------------------------------------*/
.columns_layout .container {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  width: 100%;
  max-width: 1280px;
}

.col-content {
  position: relative;
  margin: 40px 0;
  padding: 0 20px;
}
.col-content .col-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.col-content img {
  display: block;
  position: relative;
  width: 70%;
  margin: 0 auto;
}

.col-size-2 {
  width: 100%;
}
@media (min-width: 768px) {
  .col-size-2 {
    width: 50%;
  }
}

.col-size-3 {
  width: 100%;
}
@media (min-width: 768px) {
  .col-size-3 {
    width: 33.3%;
  }
}

.col-size-4 {
  width: 100%;
}
@media (min-width: 768px) {
  .col-size-4 {
    width: 25%;
  }
}

.col-size-5 {
  width: 100%;
}
@media (min-width: 768px) {
  .col-size-5 {
    width: 20%;
  }
}

.col-size-6 {
  width: 100%;
}
@media (min-width: 768px) {
  .col-size-6 {
    width: 16.6%;
  }
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.cards {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}

.card {
  border: solid 1px #f1f1f1;
  border-radius: 14px;
  background: #fff;
  padding: 10px;
  margin: 10px;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 200px;
  flex-shrink: 0;
}
@media (min-width: 415px) {
  .card {
    margin: 20px;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .card {
    margin: 40px;
  }
}
.card:hover {
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
}
.card-1 {
  width: calc(100% - 20px);
}
@media (min-width: 415px) {
  .card-1 {
    width: calc(100% - 40px);
  }
}
@media (min-width: 1024px) {
  .card-1 {
    width: calc(100% - 80px);
  }
}
.card-2 {
  width: calc(100% - 20px);
}
@media (min-width: 415px) {
  .card-2 {
    width: calc(50% - 40px);
  }
}
@media (min-width: 1024px) {
  .card-2 {
    width: calc(50% - 80px);
  }
}
.card-3 {
  width: calc(100% - 20px);
}
@media (min-width: 415px) {
  .card-3 {
    width: calc(33% - 40px);
  }
}
@media (min-width: 1024px) {
  .card-3 {
    width: calc(33% - 80px);
  }
}
.card-4 {
  width: calc(100% - 20px);
}
@media (min-width: 415px) {
  .card-4 {
    width: calc(25% - 40px);
  }
}
@media (min-width: 1024px) {
  .card-4 {
    width: calc(25% - 80px);
  }
}
.card-5 {
  width: calc(100% - 20px);
}
@media (min-width: 415px) {
  .card-5 {
    width: calc(20% - 40px);
  }
}
@media (min-width: 1024px) {
  .card-5 {
    width: calc(20% - 80px);
  }
}
.card .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*--------------------------------------------------------------
# CXbot | CX Maturity Assessment
--------------------------------------------------------------*/
.cxBotBadge {
  position: fixed;
  z-index: 999999999999;
  right: 5px;
  bottom: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #F0B323;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCiAgCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIgogIAkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2N3B4IiBoZWlnaHQ9IjY3cHgiIHZpZXdCb3g9IjAgMCA2NyA2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjcgNjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogIAkuc3Qwe2ZpbGw6I0ZGRkZGRjt9CiAgPC9zdHlsZT4KICA8ZGVmcz4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLjIsNTUuM0MxMi41LDUwLjYsOCw0Mi41LDgsMzMuNWMwLTQuMywxLjEtOC42LDMuMi0xMi4zYzEuMS0xLjksMC40LTQuNC0xLjYtNS40Yy0xLjktMS4xLTQuNC0wLjQtNS40LDEuNgogIAlDMS40LDIyLjMsMCwyNy45LDAsMzMuNWMwLDExLjcsNiwyMi40LDE2LDI4LjZjMC43LDAuNCwxLjQsMC42LDIuMSwwLjZjMS4zLDAsMi43LTAuNywzLjQtMS45QzIyLjYsNTguOSwyMiw1Ni40LDIwLjIsNTUuM3oKICAJIE02MywyOS41Yy0yLjIsMC00LDEuOC00LDRsMCwwLjZjLTAuMywxMy43LTExLjIsMjQuNi0yNC45LDI1Yy0yLjIsMC4xLTMuOSwxLjktMy45LDQuMWMwLjEsMi4yLDEuOCwzLjksNCwzLjljMCwwLDAuMSwwLDAuMSwwCiAgCUM1Mi4zLDY2LjYsNjYuNiw1Mi4yLDY3LDM0LjJsMC0wLjdDNjcsMzEuMyw2NS4yLDI5LjUsNjMsMjkuNXogTTIxLjIsMTEuMUMyNSw5LjEsMjkuMiw4LDMzLjUsOGM5LDAsMTcuMSw0LjYsMjEuOCwxMi4zCiAgCWMwLjgsMS4yLDIuMSwxLjksMy40LDEuOWMwLjcsMCwxLjQtMC4yLDIuMS0wLjZjMS45LTEuMSwyLjUtMy42LDEuMy01LjVDNTYsNiw0NS4zLDAsMzMuNSwwYy01LjcsMC0xMS4yLDEuNC0xNi4yLDQuMQogIAljLTEuOSwxLjEtMi42LDMuNS0xLjYsNS40QzE2LjksMTEuNSwxOS4zLDEyLjIsMjEuMiwxMS4xeiIvPgogIDwvc3ZnPg==");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cxBotBadge .chatMessage {
  position: absolute;
  z-index: -1;
  right: 60px;
  bottom: 0px;
  width: 250px;
  margin: 0;
  max-width: initial;
  opacity: 0;
  transform-origin: 100% 100%;
  transform: scale(0.1, 0.1);
  border-radius: 10px 10px 2px 10px !important;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  background: #FFFFFF;
}
.cxBotBadge .chatMessage .chatMessage-text {
  background: #fff;
}
.cxBotBadge .chatMessage-choices {
  padding: 8px 12px;
}
.cxBotBadge .cxBotInviteMessage-show {
  opacity: 1;
  transform: scale(1, 1);
}

.cxBotBadge-hide {
  transform: translateX(200px);
}

.cxbotChatWindow {
  position: fixed;
  z-index: 999999999999;
  bottom: 0;
  right: 0px;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 100%;
  background: #fff;
  border-left: solid 1px #B2B4B2;
  transform: translateX(100%);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.cxbotChatWindow-active {
  transform: translateX(0%);
}

.chatWindowOptions {
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 50px;
  background: #ffffff;
  padding: 0px 0px;
  border-bottom: solid 1px #B2B4B2;
}
.chatWindowOptions .chatWindowListView {
  position: relative;
  width: 50px;
  cursor: pointer;
}
.chatWindowOptions .chatWindowListView:hover svg path {
  fill: #0057FF;
}
.chatWindowOptions .chatWindowListView svg path {
  fill: #717C7D;
}
.chatWindowOptions .chatWindowClose {
  position: relative;
  width: 50px;
  cursor: pointer;
}
.chatWindowOptions .chatWindowClose:hover svg path {
  fill: #0057FF;
}
.chatWindowOptions .chatWindowClose svg path {
  fill: #717C7D;
}

.chatMessageContainer {
  position: absolute;
  z-index: 5;
  display: flex;
  height: calc(100% - 120px);
  overflow: auto;
  width: 100%;
}

.chatMessagesWrap {
  position: relative;
  width: 100%;
  height: auto;
  min-height: min-content;
  padding: 60px 10px 20px 10px;
  bottom: 0;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.chatMessage-groupWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 10px 0;
}
.chatMessage-groupWrap[group-type=reply] {
  justify-content: flex-end;
}
.chatMessage-groupWrap[group-type=reply] .chatMessage-group {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 0;
}
.chatMessage-groupWrap[group-type=reply] .chatMessage-group:before {
  display: none;
}

.chatMessage-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  padding-left: 40px;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.chatMessage-group:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #333;
  bottom: 0;
  left: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCA0MyA0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjEuNSIgY3k9IjIxLjUiIHI9IjIxLjUiIGZpbGw9IiMyNTM3NDYiLz4KPHBhdGggZD0iTTguMTIzNzcgMjIuMjE4OEM1LjA1MjEgMjAuMzMwNCAzLjE5MjkyIDE3LjA3NTkgMy4xOTI5MiAxMy40NTk4QzMuMTkyOTIgMTEuNzMyMSAzLjYzNzUxIDEwLjAwNDUgNC40ODYyNiA4LjUxNzg2QzQuOTMwODUgNy43NTQ0NyA0LjY0NzkzIDYuNzUgMy44Mzk1OSA2LjM0ODIxQzMuMDcxNjcgNS45MDYyNSAyLjA2MTI2IDYuMTg3NSAxLjY1NzA5IDYuOTkxMDdDMC41NjU4MzcgOC45NTk4MiAwIDExLjIwOTggMCAxMy41QzAgMTguMjAwOSAyLjQyNTAxIDIyLjUgNi40NjY2OCAyNC45OTExQzYuNzQ5NiAyNS4xNTE4IDcuMDMyNTIgMjUuMjMyMSA3LjMxNTQ0IDI1LjIzMjFDNy44NDA4NSAyNS4yMzIxIDguNDA2NjkgMjQuOTUwOSA4LjY4OTYgMjQuNDY4OEM5LjA5Mzc3IDIzLjcwNTQgOC44NTEyNyAyMi43MDA5IDguMTIzNzcgMjIuMjE4OFpNMjUuNDIyMSAxMS44OTI5QzI0LjUzMyAxMS44OTI5IDIzLjgwNTUgMTIuNjE2MSAyMy44MDU1IDEzLjVWMTMuNzQxMUMyMy42ODQyIDE5LjI0NTUgMTkuMjc4OCAyMy42MjUgMTMuNzQxNyAyMy43ODU3QzEyLjg1MjUgMjMuODI1OSAxMi4xNjU0IDI0LjU0OTEgMTIuMTY1NCAyNS40MzNDMTIuMjA1OSAyNi4zMTcgMTIuODkzIDI3IDEzLjc4MjEgMjdIMTMuODIyNUMyMS4wNTcxIDI2Ljc5OTEgMjYuODc3MSAyMS4wMTM0IDI2Ljk5ODQgMTMuODIxNFYxMy41NDAyQzI3LjAzODggMTIuNjE2MSAyNi4zMTEzIDExLjg5MjkgMjUuNDIyMSAxMS44OTI5Wk04LjUyNzk0IDQuNUMxMC4wMjM0IDMuNjU2MjUgMTEuNzYxMyAzLjIxNDI5IDEzLjQ5OTIgMy4yMTQyOUMxNy4xMzY3IDMuMjE0MjkgMjAuNDEwNSA1LjA2MjUgMjIuMzEwMSA4LjE1NjI1QzIyLjYzMzQgOC42MzgzOSAyMy4xNTg4IDguOTE5NjQgMjMuNjg0MiA4LjkxOTY0QzIzLjk2NzEgOC45MTk2NCAyNC4yNTAxIDguODM5MjkgMjQuNTMzIDguNjc4NTdDMjUuMzAwOSA4LjIzNjYxIDI1LjU0MzQgNy4yMzIxNCAyNS4wNTg0IDYuNDY4NzVDMjIuNTkzIDIuNDEwNzEgMTguMjI4IDAgMTMuNDk5MiAwQzExLjE5NTQgMCA4Ljk3MjUyIDAuNTYyNTAxIDYuOTUxNjggMS42NDczMkM2LjE4Mzc2IDIuMDg5MjkgNS45MDA4NSAzLjA1MzU3IDYuMzA1MDIgMy44MTY5NkM2Ljc0OTYgNC42NjA3MSA3Ljc2MDAyIDQuOTQxOTYgOC41Mjc5NCA0LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4IDM1KSBzY2FsZSgxIC0xKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
  background-size: 100%;
}

.chatMessage {
  min-height: 30px;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  margin: 2px 0;
  opacity: 0;
  transform-origin: 0% 100%;
  transform: scale(0.1, 0.1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.chatMessage-show {
  opacity: 1;
  transform: scale(1, 1);
}

.chatMessage-text {
  display: block;
  width: auto;
  color: #333;
  background: #f8f8f8;
  padding: 8px 12px;
  margin: 0px;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 1.5;
}

.emphasis {
  border-radius: 0px !important;
  margin: 10px 0 2px;
}
.emphasis .chatMessage-text {
  background: #FFFFFF;
  color: #F0B323;
  padding: 8px 0px;
}

.rate1-5 {
  padding: 20px 0px 8px;
}
.rate1-5 ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.rate1-5 ul li {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  border-radius: 100%;
  border: 1px solid #B2B4B2;
  list-style-type: none;
  cursor: pointer;
}
.rate1-5 ul li:hover {
  border: 1px solid #0057FF;
  background: #0057FF;
}
.rate1-5 ul li:hover .choiceText {
  color: #fff;
}
.rate1-5 ul li .choiceText {
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  line-height: 60px;
  font-weight: 700;
  color: #666;
  font-size: 16px;
}
.rate1-5 ul li .choiceLabel {
  color: #666;
  font-size: 12px;
  text-align: center;
  padding: 3px 0;
  margin: 0;
}

.yesno {
  padding: 36px 0px 8px;
}
.yesno ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.yesno ul li {
  display: inline-block;
  padding: 10px 20px;
  margin: 0px;
  border-radius: 3px;
  border: 1px solid #B2B4B2;
  list-style-type: none;
  cursor: pointer;
}
.yesno ul li:hover {
  border: 1px solid #0057FF;
  background: #0057FF;
}
.yesno ul li:hover .choiceText {
  color: #fff;
}
.yesno ul li .choiceText {
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: #666;
}

.cxBotSelect {
  padding: 8px 0px 8px;
}
.cxBotSelect ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.cxBotSelect ul li {
  display: inline-block;
  padding: 5px 10px;
  margin: 2px 0px;
  border-radius: 3px;
  border: 1px solid #B2B4B2;
  list-style-type: none;
  cursor: pointer;
}
.cxBotSelect ul li:hover {
  border: 1px solid #0057FF;
  background: #0057FF;
}
.cxBotSelect ul li:hover .choiceText {
  color: #fff;
}
.cxBotSelect ul li .choiceText {
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: #666;
}

.textInput textarea {
  width: 100%;
  height: 120px;
  color: #666;
  font-size: 16px;
  padding: 5px 0 0 5px;
  margin: 0;
  font-family: "Montserrat";
  border: none;
  outline: none;
  caret-color: #0057FF;
  line-height: 24px;
  resize: none;
}
.textInput textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #B2B4B2;
}
.textInput textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #B2B4B2;
}
.textInput textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #B2B4B2;
}
.textInput textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #B2B4B2;
}

.emailInput input {
  width: 100%;
  height: auto;
  color: #666;
  font-size: 16px;
  padding: 5px 0 0 5px;
  margin: 0;
  font-family: "Montserrat";
  border: none;
  outline: none;
  caret-color: #0057FF;
  line-height: 24px;
  resize: none;
}
.emailInput input:focus {
  border: none;
}
.emailInput input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #B2B4B2;
}
.emailInput input::-moz-placeholder {
  /* Firefox 19+ */
  color: #B2B4B2;
}
.emailInput input:-ms-input-placeholder {
  /* IE 10+ */
  color: #B2B4B2;
}
.emailInput input:-moz-placeholder {
  /* Firefox 18- */
  color: #B2B4B2;
}

.chatInputWrap {
  position: absolute;
  z-index: 8;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 120px;
  padding: 0 10px;
  margin: 0;
}
.chatInputWrap .separator {
  position: relative;
  display: block;
  width: 100%;
  border-top: solid 1px #EAE9E9;
}
.chatInputWrap .inputPlaceholder {
  position: absolute;
  color: #B2B4B2;
  font-size: 14px;
  padding: 5px 0 0 5px;
  margin: 0;
}

.botMessage {
  border-radius: 5px 20px 20px 5px;
}
.botMessage:first-child {
  border-radius: 20px 20px 20px 5px;
}
.botMessage:last-child {
  border-radius: 5px 20px 20px 20px;
}
.botMessage:only-child {
  border-radius: 20px;
}

.replyMessage {
  border-radius: 20px 5px 5px 20px;
  transform-origin: 100% 100%;
}
.replyMessage:first-child {
  border-radius: 20px 5px 20px 20px;
}
.replyMessage:last-child {
  border-radius: 20px 20px 5px 20px;
}
.replyMessage:only-child {
  border-radius: 20px;
}
.replyMessage .chatMessage-text {
  color: #fff;
  background: #0057FF;
}

.cxBot-btn {
  padding: 5px 10px;
  border: solid 1px;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.chatHistory {
  position: absolute;
  z-index: 9;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  transform: translateX(100%);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 50px 20px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.chatHistory .close-chatHistory {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50px;
  right: 0px;
  cursor: pointer;
  transform-origin: 0% 50%;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.chatHistory .close-chatHistory:hover {
  transform: scale(1.2, 1.2);
}
.chatHistory .close-chatHistory svg path {
  fill: #333;
}
.chatHistory h2 {
  color: #333;
  padding: 12px 0 10px 0;
  font-size: 16px;
  margin: 0;
}
.chatHistory ul, .chatHistory ol {
  margin: 0;
  padding: 0 0 0 15px;
}
.chatHistory ul li, .chatHistory ol li {
  color: #666;
  font-size: 14px;
  margin: 0 0 10px;
}
.chatHistory ul li span, .chatHistory ol li span {
  display: inline-block;
  color: #0057FF;
  font-size: 16px;
  background-color: #FFFFFF;
  padding: 2px 20px;
  border-radius: 4px;
  margin: 4px 0 0 0;
}

.chatHistory-active {
  transform: translateX(0%);
}

/*--------------------------------------------------------------
# Image Content Slider
--------------------------------------------------------------*/
.ic-slider {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .ic-slider {
    height: 560px;
  }
}
.ic-slider .ic-slider-image {
  width: 100%;
  height: 350px;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: all 500ms cubic-bezier(0.39, 0, 0.4, 0.95);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzE2IiBoZWlnaHQ9IjY0MiIgdmlld0JveD0iMCAwIDcxNiA2NDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjcyNCIgaGVpZ2h0PSI2NDIiPgo8cmVjdCB3aWR0aD0iNzI0IiBoZWlnaHQ9IjY0MiIgZmlsbD0iI0VERjBGMSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazApIj4KPHJlY3Qgd2lkdGg9IjcyNCIgaGVpZ2h0PSI2NDIiIGZpbGw9IiNFREYwRjEiLz4KPHBhdGggZD0iTS05Ni40NTUgNzczLjA5TC05Ni40NTUgNTAxLjU0NUwtOTYuNDU1IDIzMEwxMzQuNzg1IDQ2MS4yNEMxNTcuMDQ1IDQ4My41IDE1Ny4wNDUgNTE5LjU5IDEzNC43ODUgNTQxLjg1TC05Ni40NTUgNzczLjA5WiIgZmlsbD0id2hpdGUiLz4KPGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ij4KPHBhdGggZD0iTTM5NyAwLjA5MDMzMkg1ODUuMDkxSDc3My4xODFMNjI1LjM5NiAxNDcuODc2QzYwMy4xMzYgMTcwLjEzNiA1NjcuMDQ1IDE3MC4xMzYgNTQ0Ljc4NiAxNDcuODc2TDM5NyAwLjA5MDMzMloiIGZpbGw9IiNFREYwRjEiLz4KPC9nPgo8cGF0aCBkPSJNLTE3NS4wMDEgMC4xMzU2MkgtMzguODY1M0g5Ny4yNzAzTDEuNDM5OCA5NS45NjYyQy0yMC44MjAxIDExOC4yMjYgLTU2LjkxMDUgMTE4LjIyNiAtNzkuMTcwNCA5NS45NjYxTC0xNzUuMDAxIDAuMTM1NjJaIiBmaWxsPSIjRkJGQkZCIi8+CjxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSI+CjxwYXRoIGQ9Ik0xMTQ3LjQ1IDY0MS43MjdINzM1LjcyN0gzMjRMNjk1LjQyMiAyNzAuMzA1QzcxNy42ODIgMjQ4LjA0NSA3NTMuNzcyIDI0OC4wNDUgNzc2LjAzMiAyNzAuMzA1TDExNDcuNDUgNjQxLjcyN1oiIGZpbGw9IiNFREYwRjEiLz4KPC9nPgo8L2c+Cjwvc3ZnPg==");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 768px) {
  .ic-slider .ic-slider-image {
    width: 100%;
    height: 100%;
    position: absolute;
    width: 50%;
  }
}
.ic-slider .ic-slider-image img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.ic-slider .ic-slider-image img[fill=cover] {
  object-fit: cover;
  object-position: center center;
}
.ic-slider .ic-slider-image img[fill=contain] {
  object-fit: contain;
  object-position: center center;
}
.ic-slider .ic-slider-content {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 20px;
  transition: all 500ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
@media (min-width: 768px) {
  .ic-slider .ic-slider-content {
    width: 50%;
    height: 100%;
    padding: 40px 80px 40px 7.3%;
  }
}
.ic-slider .ic-slider-content .ic-slider-content-wrap {
  max-width: 500px;
  width: 100%;
}
.ic-slider .ic-slider-content .ic-slider-content-wrap .ic-slider-content-link {
  font-size: 1.2rem;
  color: #253746;
  text-transform: uppercase;
}
.ic-slider .ic-slider-content .ic-slider-content-wrap[status=deactive] {
  display: none;
  opacity: 0;
}
.ic-slider .ic-slider-content .ic-slider-content-arrow {
  position: absolute;
  width: 66px;
  height: 66px;
  border-radius: 1000px;
  bottom: calc(100% - 33px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .ic-slider .ic-slider-content .ic-slider-content-arrow {
    bottom: 40px;
  }
}
.ic-slider .ic-slider-content .ic-slider-content-arrow:hover:after {
  transform: rotate(-135deg) scale(1.1, 1.1);
}
.ic-slider .ic-slider-content .ic-slider-content-arrow:after {
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-color: #B2B4B2;
  border-width: 3px 3px 0 0;
  transform: rotate(-135deg);
  left: -5px;
}
@media (min-width: 768px) {
  .ic-slider .ic-slider-content .ic-slider-content-arrow:after {
    left: 0px;
  }
}
.ic-slider .ic-slider-content .ic-slider-bullets {
  position: relative;
}
.ic-slider .ic-slider-content .ic-slider-bullets .ic-slider-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #EAE9E9;
  border-radius: 10px;
  margin: 0px 5px;
  cursor: pointer;
}
.ic-slider .ic-slider-content .ic-slider-bullets .ic-slider-bullet.current-slide {
  background: #B2B4B2;
}
.ic-slider[layout=left] .ic-slider-image {
  transform: translateX(0%);
}
@media (min-width: 768px) {
  .ic-slider[layout=left] .ic-slider-content {
    transform: translateX(100%);
  }
}
.ic-slider[layout=left] .ic-slider-content .ic-slider-content-arrow {
  left: calc(100% - 71px);
}
@media (min-width: 768px) {
  .ic-slider[layout=left] .ic-slider-content .ic-slider-content-arrow {
    left: -36px;
  }
}
.ic-slider[layout=left] .ic-slider-content .ic-slider-content-arrow:after {
  border-width: 0 0 3px 3px;
}
@media (min-width: 768px) {
  .ic-slider[layout=left] .ic-slider-content .ic-slider-content-arrow:after {
    border-width: 3px 3px 0 0;
  }
}
@media (min-width: 768px) {
  .ic-slider[layout=right] .ic-slider-image {
    transform: translateX(100%);
  }
}
.ic-slider[layout=right] .ic-slider-content .ic-slider-content-arrow {
  right: 5px;
}
@media (min-width: 768px) {
  .ic-slider[layout=right] .ic-slider-content .ic-slider-content-arrow {
    right: -36px;
  }
}
.ic-slider[layout=right] .ic-slider-content .ic-slider-content-arrow:after {
  border-width: 0 0 3px 3px;
}
@media (min-width: 768px) {
  .ic-slider[layout=right] .ic-slider-content .ic-slider-content-arrow:after {
    border-width: 0 0 3px 3px;
  }
}

.ic-slider-transition .ic-slider-image img {
  animation: icSlider_image 500ms;
  animation-timing-function: linear;
}
.ic-slider-transition .ic-slider-content .ic-slider-content-wrap {
  animation: icSlider_content 500ms;
  animation-timing-function: linear;
}
.ic-slider-transition .ic-slider-content .ic-slider-content-arrow {
  animation: icSlider_arrow 500ms;
  animation-timing-function: linear;
}

@keyframes icSlider_image {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes icSlider_content {
  0% {
    transform: translateX(0px);
    opacity: 1;
    display: flex;
  }
  30% {
    transform: translateX(-20px);
    opacity: 0;
    display: flex;
  }
  60% {
    transform: translateX(-20px);
    opacity: 0;
    display: flex;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
    display: flex;
  }
}
@keyframes icSlider_arrow {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  20% {
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  80% {
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
/*--------------------------------------------------------------
# CTA | Call To Action
--------------------------------------------------------------*/
.cta:hover {
  opacity: 1;
}
.cta:hover .cta-arrow {
  transform: translateX(2px) scaleX(1.05);
}
.cta .cta-arrow {
  display: inline-block;
  position: relative;
  fill: #FFFFFF;
  width: 30px;
  height: 21px;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 0% 50%;
  margin-left: 20px;
}
.cta .underlay {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../media/images/dot_texture_repeatable.png");
  background-size: 10px;
  opacity: 0.4;
}

.cta-special {
  position: relative;
  height: 480px;
  overflow: hidden;
}
.cta-special .cta-image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 544px) {
  .cta-special .cta-image {
    width: 70%;
  }
}
.cta-special .cta-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.cta-special .cta-content {
  position: relative;
  height: 100%;
}
.cta-special .cta-content .cta-content-wrap {
  height: 100%;
}

.cta-content-underlay {
  position: absolute;
  top: 0;
  width: 100%;
  min-width: 500px;
  height: 100%;
  opacity: 0.86;
}
@media (min-width: 544px) {
  .cta-content-underlay {
    transform: skewX(-25deg);
    right: -115px;
    width: 70%;
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .cta-content-underlay {
    width: 60%;
  }
}
.cta-content-underlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../media/images/dot_texture_repeatable.png");
}

.full_width_content_and_image {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .full_width_content_and_image {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.full_width_content_and_image .image {
  width: 100%;
  height: 300px;
}
@media (min-width: 768px) {
  .full_width_content_and_image .image {
    width: 50%;
    max-width: 900px;
    height: auto;
  }
}
.full_width_content_and_image .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full_width_content_and_image .image[position=right] {
  order: 2;
}
.full_width_content_and_image .image[position=left] {
  order: 1;
}
.full_width_content_and_image .content {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
}
@media (min-width: 768px) {
  .full_width_content_and_image .content {
    width: 50%;
  }
}
.full_width_content_and_image .content .inner-content {
  max-width: 550px;
}

.flex-block {
  display: block;
}
@media (min-width: 768px) {
  .flex-block {
    display: flex;
  }
}
.flex-block[mobile=true] {
  display: flex;
}

.flex-item {
  flex: 1;
}
.flex-item .inner-content {
  width: 100%;
  max-width: 550px;
}

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

.tabbed-content-and-image {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .tabbed-content-and-image {
    display: flex;
    flex-direction: row;
  }
}

.tabbed-image {
  position: relative;
  width: 100%;
  height: 300px;
}
@media (min-width: 768px) {
  .tabbed-image {
    width: 50%;
    max-width: 900px;
    height: auto;
  }
}
.tabbed-image img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.tabbed-image img[status=active] {
  opacity: 1;
  transition: opacity 300ms cubic-bezier(0.39, 0, 0.4, 0.95);
  transition-delay: 200ms;
}
.tabbed-image img[fill=contain] {
  object-fit: contain;
}
.tabbed-image img[fill=cover] {
  object-fit: cover;
}
.tabbed-image[position=right] {
  order: 2;
}
.tabbed-image[position=left] {
  order: 1;
}

.tabbed-content {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 20px;
}
@media (min-width: 768px) {
  .tabbed-content {
    width: 50%;
  }
}
.tabbed-content .tabbed-content-inner {
  max-width: 550px;
  transition: all 500ms cubic-bezier(0.39, 0, 0.4, 0.95);
}

.tabbed-content-nav {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid #b0b3b7;
}
.tabbed-content-nav .tabbed-content-nav-activeMarker {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0%;
  width: 50px;
  height: 3px;
  transition: all 500ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
@media (min-width: 768px) {
  .tabbed-content-nav .tabbed-content-nav-activeMarker {
    width: 100px;
  }
}
.tabbed-content-nav .tabbed-content-nav-item {
  position: relative;
  padding: 6px 0;
  margin: 0;
  flex: 1 1 auto;
  cursor: pointer;
  padding-right: 20px;
  transition: all 200ms linear;
}
.tabbed-content-nav .tabbed-content-nav-item:hover {
  transform: translateY(-2px);
}

.tabbed-content-container {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 300px;
  overflow: hidden;
}
.tabbed-content-container .tabbed-content-item {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: auto;
  flex-basis: 100%;
  transform: translateX(100%);
  opacity: 0;
}
.tabbed-content-container .tabbed-content-item[status=inactive] {
  transform: translateX(100%);
}
.tabbed-content-container .tabbed-content-item[status=reset] {
  transform: translateX(100%);
}
.tabbed-content-container .tabbed-content-item[status=passed] {
  transform: translateX(-100%);
}
.tabbed-content-container .tabbed-content-item[status=outLeft] {
  transform: translateX(-100%);
  transition: all 600ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.tabbed-content-container .tabbed-content-item[status=outRight] {
  transform: translateX(100%);
  transition: all 600ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.tabbed-content-container .tabbed-content-item[status=active] {
  position: relative;
  transform: translateX(0%);
  transition: all 600ms cubic-bezier(0.39, 0, 0.4, 0.95);
  opacity: 1;
}

.accordion {
  transition: min-height 800ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.accordion .accordion-item {
  border-top: 1px solid #B4B7BB;
}
.accordion .accordion-item:last-child {
  border-bottom: 1px solid #B4B7BB;
}
.accordion .accordion-item .accordion-item-title {
  position: relative;
  padding: 20px 0px;
  cursor: pointer;
}
.accordion .accordion-item .accordion-item-title h3 {
  text-transform: capitalize;
  width: 80%;
}
.accordion .accordion-item .accordion-item-title .accordion-toggler {
  position: absolute;
  width: 18px;
  height: 18px;
  top: calc(50% - 9px);
  right: 18px;
  transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.accordion .accordion-item .accordion-item-title .accordion-toggler:after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50% - 1px);
  width: 2px;
  height: 18px;
  background-color: #333;
  transition: all 200ms linear;
}
.accordion .accordion-item .accordion-item-title .accordion-toggler:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0px;
  width: 18px;
  height: 2px;
  background-color: #333;
  transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.accordion .accordion-item .accordion-item-title:hover .accordion-toggler {
  transform: scale(1.1, 1.1);
}
.accordion .accordion-item .accordion-item-content {
  width: 90%;
  max-width: 600px;
  height: auto;
  max-height: 0px;
  overflow: hidden;
  transition: all 200ms linear;
}
.accordion .accordion-item[status=open]:hover .accordion-toggler {
  transform: scale(1.1, 1.1) rotate(90deg);
}
.accordion .accordion-item[status=open] .accordion-toggler {
  transform: rotate(90deg);
}
.accordion .accordion-item[status=open] .accordion-toggler:before {
  transform: rotate(90deg);
}

.columns-slider-wrap {
  position: relative;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding-bottom: 16px;
  overflow-y: visible;
  overflow-x: hidden;
}
.columns-slider-wrap:before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 50px;
  height: 100%;
  left: 0px;
  top: 0px;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0) 50%);
}
@media (min-width: 544px) {
  .columns-slider-wrap:before {
    width: 100px;
  }
}
.columns-slider-wrap:after {
  content: "";
  position: absolute;
  z-index: 10;
  width: 50px;
  height: 100%;
  right: 0px;
  top: 0px;
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0) 50%);
}
@media (min-width: 544px) {
  .columns-slider-wrap:after {
    width: 100px;
  }
}

.columns-slider {
  position: relative;
  width: auto;
  margin: 0 auto;
  display: flex;
  cursor: url("http://www.inmoment.com/wp-content/themes/twentysixteen-child/static/img/drag_indicator.svg"), auto;
}
.columns-slider .column-slider-column {
  padding: 0 60px;
  flex: 0 0 auto;
}
.columns-slider[cols="1"] .column-slider-column {
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 544px) {
  .columns-slider[cols="1"] .column-slider-column {
    padding: 0 60px;
  }
}
.columns-slider[cols="2"] .column-slider-column {
  width: 50%;
  padding: 0 10px;
}
@media (min-width: 544px) {
  .columns-slider[cols="2"] .column-slider-column {
    padding: 0 60px;
  }
}
.columns-slider[cols="3"] .column-slider-column {
  width: 50%;
  padding: 0 10px;
}
@media (min-width: 544px) {
  .columns-slider[cols="3"] .column-slider-column {
    padding: 0 60px;
  }
}
@media (min-width: 768px) {
  .columns-slider[cols="3"] .column-slider-column {
    width: 33.333%;
  }
}
.columns-slider[cols="4"] .column-slider-column {
  width: 50%;
  padding: 0 10px;
}
@media (min-width: 544px) {
  .columns-slider[cols="4"] .column-slider-column {
    padding: 0 60px;
  }
}
@media (min-width: 768px) {
  .columns-slider[cols="4"] .column-slider-column {
    width: 33.333%;
  }
}
@media (min-width: 1024px) {
  .columns-slider[cols="4"] .column-slider-column {
    width: 25%;
  }
}
.columns-slider[cols="5"] .column-slider-column {
  width: 50%;
  padding: 0 10px;
}
@media (min-width: 544px) {
  .columns-slider[cols="5"] .column-slider-column {
    padding: 0 40px;
  }
}
@media (min-width: 768px) {
  .columns-slider[cols="5"] .column-slider-column {
    width: 33.333%;
  }
}
@media (min-width: 1024px) {
  .columns-slider[cols="5"] .column-slider-column {
    width: 20%;
  }
}

.columns-slider-indicator {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 1px;
  background: #B4B7BB;
  margin-top: 40px;
}
.columns-slider-indicator .columns-slider-grabber {
  position: absolute;
  left: 0px;
  top: calc(50% - 15px);
  width: 100px;
  height: 30px;
  cursor: grab;
  transform-origin: 100% 100%;
}
.columns-slider-indicator .columns-slider-grabber:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: calc(50% - 2px);
  background: #253746;
}

.fifty-split .row--grid {
  align-items: center;
}

/*--------------------------------------------------------------
# New Grid
--------------------------------------------------------------*/
.col {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 20px;
}
.col--no-gutters {
  padding: 0;
}

.grid {
  box-sizing: border-box;
  padding: 0 20px;
}
.grid--container {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
.grid--no-gutters {
  padding: 0;
}

.row--grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 100%;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.row--grid:last-child {
  margin-bottom: 0;
}
.row--grid--no-gutters {
  margin: 0;
}

.text--left {
  text-align: left;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}

.row--xs-top {
  align-items: flex-start;
}

.row--xs-center {
  align-items: center;
}

.row--xs-bottom {
  align-items: flex-end;
}

.col--xs-align-top {
  align-self: flex-start;
}

.col--xs-align-center {
  align-self: center;
}

.col--xs-align-bottom {
  align-self: flex-end;
}

.col--xs-first {
  order: -1;
}

.col--xs-last {
  order: 1;
}

.col--xs-reset {
  order: 0;
}

.row--xs-reverse {
  flex-direction: row-reverse;
}

.col--xs-flex {
  display: flex;
}

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

.text--xs-left {
  text-align: left;
}

.text--xs-center {
  text-align: center;
}

.col--xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 20px;
}
.col--xs-1 {
  width: 8.3333333333%;
  flex: none;
}
.col--xs-2 {
  width: 16.6666666667%;
  flex: none;
}
.col--xs-3 {
  width: 25%;
  flex: none;
}
.col--xs-4 {
  width: 33.3333333333%;
  flex: none;
}
.col--xs-5 {
  width: 41.6666666667%;
  flex: none;
}
.col--xs-6 {
  width: 50%;
  flex: none;
}
.col--xs-7 {
  width: 58.3333333333%;
  flex: none;
}
.col--xs-8 {
  width: 66.6666666667%;
  flex: none;
}
.col--xs-9 {
  width: 75%;
  flex: none;
}
.col--xs-10 {
  width: 83.3333333333%;
  flex: none;
}
.col--xs-11 {
  width: 91.6666666667%;
  flex: none;
}
.col--xs-12 {
  width: 100%;
  flex: none;
}
.col--xs-offset-1 {
  margin-left: 8.3333333333%;
}
.col--xs-offset-2 {
  margin-left: 16.6666666667%;
}
.col--xs-offset-3 {
  margin-left: 25%;
}
.col--xs-offset-4 {
  margin-left: 33.3333333333%;
}
.col--xs-offset-5 {
  margin-left: 41.6666666667%;
}
.col--xs-offset-6 {
  margin-left: 50%;
}
.col--xs-offset-7 {
  margin-left: 58.3333333333%;
}
.col--xs-offset-8 {
  margin-left: 66.6666666667%;
}
.col--xs-offset-9 {
  margin-left: 75%;
}
.col--xs-offset-10 {
  margin-left: 83.3333333333%;
}
.col--xs-offset-11 {
  margin-left: 91.6666666667%;
}
.col--xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .row--sm-top {
    align-items: flex-start;
  }

  .row--sm-center {
    align-items: center;
  }

  .row--sm-bottom {
    align-items: flex-end;
  }

  .col--sm-align-top {
    align-self: flex-start;
  }

  .col--sm-align-center {
    align-self: center;
  }

  .col--sm-align-bottom {
    align-self: flex-end;
  }

  .col--sm-first {
    order: -1;
  }

  .col--sm-last {
    order: 1;
  }

  .col--sm-reset {
    order: 0;
  }

  .row--sm-reverse {
    flex-direction: row-reverse;
  }

  .col--sm-flex {
    display: flex;
  }

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

  .text--sm-left {
    text-align: left;
  }

  .text--sm-center {
    text-align: center;
  }

  .col--sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 20px;
  }
  .col--sm-1 {
    width: 8.3333333333%;
    flex: none;
  }
  .col--sm-2 {
    width: 16.6666666667%;
    flex: none;
  }
  .col--sm-3 {
    width: 25%;
    flex: none;
  }
  .col--sm-4 {
    width: 33.3333333333%;
    flex: none;
  }
  .col--sm-5 {
    width: 41.6666666667%;
    flex: none;
  }
  .col--sm-6 {
    width: 50%;
    flex: none;
  }
  .col--sm-7 {
    width: 58.3333333333%;
    flex: none;
  }
  .col--sm-8 {
    width: 66.6666666667%;
    flex: none;
  }
  .col--sm-9 {
    width: 75%;
    flex: none;
  }
  .col--sm-10 {
    width: 83.3333333333%;
    flex: none;
  }
  .col--sm-11 {
    width: 91.6666666667%;
    flex: none;
  }
  .col--sm-12 {
    width: 100%;
    flex: none;
  }
  .col--sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col--sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col--sm-offset-3 {
    margin-left: 25%;
  }
  .col--sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col--sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col--sm-offset-6 {
    margin-left: 50%;
  }
  .col--sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col--sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col--sm-offset-9 {
    margin-left: 75%;
  }
  .col--sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col--sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col--sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .row--md-top {
    align-items: flex-start;
  }

  .row--md-center {
    align-items: center;
  }

  .row--md-bottom {
    align-items: flex-end;
  }

  .col--md-align-top {
    align-self: flex-start;
  }

  .col--md-align-center {
    align-self: center;
  }

  .col--md-align-bottom {
    align-self: flex-end;
  }

  .col--md-first {
    order: -1;
  }

  .col--md-last {
    order: 1;
  }

  .col--md-reset {
    order: 0;
  }

  .row--md-reverse {
    flex-direction: row-reverse;
  }

  .col--md-flex {
    display: flex;
  }

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

  .text--md-left {
    text-align: left;
  }

  .text--md-center {
    text-align: center;
  }

  .col--md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 20px;
  }
  .col--md-1 {
    width: 8.3333333333%;
    flex: none;
  }
  .col--md-2 {
    width: 16.6666666667%;
    flex: none;
  }
  .col--md-3 {
    width: 25%;
    flex: none;
  }
  .col--md-4 {
    width: 33.3333333333%;
    flex: none;
  }
  .col--md-5 {
    width: 41.6666666667%;
    flex: none;
  }
  .col--md-6 {
    width: 50%;
    flex: none;
  }
  .col--md-7 {
    width: 58.3333333333%;
    flex: none;
  }
  .col--md-8 {
    width: 66.6666666667%;
    flex: none;
  }
  .col--md-9 {
    width: 75%;
    flex: none;
  }
  .col--md-10 {
    width: 83.3333333333%;
    flex: none;
  }
  .col--md-11 {
    width: 91.6666666667%;
    flex: none;
  }
  .col--md-12 {
    width: 100%;
    flex: none;
  }
  .col--md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col--md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col--md-offset-3 {
    margin-left: 25%;
  }
  .col--md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col--md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col--md-offset-6 {
    margin-left: 50%;
  }
  .col--md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col--md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col--md-offset-9 {
    margin-left: 75%;
  }
  .col--md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col--md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col--md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .row--lg-top {
    align-items: flex-start;
  }

  .row--lg-center {
    align-items: center;
  }

  .row--lg-bottom {
    align-items: flex-end;
  }

  .col--lg-align-top {
    align-self: flex-start;
  }

  .col--lg-align-center {
    align-self: center;
  }

  .col--lg-align-bottom {
    align-self: flex-end;
  }

  .col--lg-first {
    order: -1;
  }

  .col--lg-last {
    order: 1;
  }

  .col--lg-reset {
    order: 0;
  }

  .row--lg-reverse {
    flex-direction: row-reverse;
  }

  .col--lg-flex {
    display: flex;
  }

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

  .text--lg-left {
    text-align: left;
  }

  .text--lg-center {
    text-align: center;
  }

  .col--lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 20px;
  }
  .col--lg-1 {
    width: 8.3333333333%;
    flex: none;
  }
  .col--lg-2 {
    width: 16.6666666667%;
    flex: none;
  }
  .col--lg-3 {
    width: 25%;
    flex: none;
  }
  .col--lg-4 {
    width: 33.3333333333%;
    flex: none;
  }
  .col--lg-5 {
    width: 41.6666666667%;
    flex: none;
  }
  .col--lg-6 {
    width: 50%;
    flex: none;
  }
  .col--lg-7 {
    width: 58.3333333333%;
    flex: none;
  }
  .col--lg-8 {
    width: 66.6666666667%;
    flex: none;
  }
  .col--lg-9 {
    width: 75%;
    flex: none;
  }
  .col--lg-10 {
    width: 83.3333333333%;
    flex: none;
  }
  .col--lg-11 {
    width: 91.6666666667%;
    flex: none;
  }
  .col--lg-12 {
    width: 100%;
    flex: none;
  }
  .col--lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col--lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col--lg-offset-3 {
    margin-left: 25%;
  }
  .col--lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col--lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col--lg-offset-6 {
    margin-left: 50%;
  }
  .col--lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col--lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col--lg-offset-9 {
    margin-left: 75%;
  }
  .col--lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col--lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col--lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .row--xl-top {
    align-items: flex-start;
  }

  .row--xl-center {
    align-items: center;
  }

  .row--xl-bottom {
    align-items: flex-end;
  }

  .col--xl-align-top {
    align-self: flex-start;
  }

  .col--xl-align-center {
    align-self: center;
  }

  .col--xl-align-bottom {
    align-self: flex-end;
  }

  .col--xl-first {
    order: -1;
  }

  .col--xl-last {
    order: 1;
  }

  .col--xl-reset {
    order: 0;
  }

  .row--xl-reverse {
    flex-direction: row-reverse;
  }

  .col--xl-flex {
    display: flex;
  }

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

  .text--xl-left {
    text-align: left;
  }

  .text--xl-center {
    text-align: center;
  }

  .col--xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 20px;
  }
  .col--xl-1 {
    width: 8.3333333333%;
    flex: none;
  }
  .col--xl-2 {
    width: 16.6666666667%;
    flex: none;
  }
  .col--xl-3 {
    width: 25%;
    flex: none;
  }
  .col--xl-4 {
    width: 33.3333333333%;
    flex: none;
  }
  .col--xl-5 {
    width: 41.6666666667%;
    flex: none;
  }
  .col--xl-6 {
    width: 50%;
    flex: none;
  }
  .col--xl-7 {
    width: 58.3333333333%;
    flex: none;
  }
  .col--xl-8 {
    width: 66.6666666667%;
    flex: none;
  }
  .col--xl-9 {
    width: 75%;
    flex: none;
  }
  .col--xl-10 {
    width: 83.3333333333%;
    flex: none;
  }
  .col--xl-11 {
    width: 91.6666666667%;
    flex: none;
  }
  .col--xl-12 {
    width: 100%;
    flex: none;
  }
  .col--xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col--xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col--xl-offset-3 {
    margin-left: 25%;
  }
  .col--xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col--xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col--xl-offset-6 {
    margin-left: 50%;
  }
  .col--xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col--xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col--xl-offset-9 {
    margin-left: 75%;
  }
  .col--xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col--xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col--xl-offset-12 {
    margin-left: 100%;
  }
}
/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
.section-home {
  position: relative;
  background: url("../../../uploads/2017/05/home-bkg.jpg") no-repeat top center;
  background-size: cover;
  padding: 100px 0 !important;
  overflow: hidden;
}
@media (min-width: 321px) {
  .section-home {
    padding: 120px 0 !important;
  }
}
@media (min-width: 576px) {
  .section-home {
    padding: 200px 0 !important;
  }
}

.banner-content {
  position: relative;
  z-index: 999;
}

.section-home h1 {
  margin: 20px auto 40px;
  text-align: center;
  color: #fff;
  max-width: 800px;
}

.section-home p {
  color: #FFFFFF;
  margin: 0 auto 40px auto;
  max-width: 690px;
  font-size: 2rem;
}

.featured_content {
  padding: 0 40px;
}

.brands {
  color: #FFFFFF;
}
.brands h3 {
  text-align: center;
}
.brands ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.brands ul li {
  width: 20%;
  list-style-type: none;
}

.template-home .heading {
  text-align: center;
}

.hero-homepage[data-status=inactive] {
  display: none;
}

.hero-homepage-syle-1 {
  position: relative;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}
@media (min-width: 544px) and (min-height: 800px) {
  .hero-homepage-syle-1 {
    min-height: 100vh;
  }
}
.hero-homepage-syle-1 .hero-content-container {
  position: relative;
  width: 100%;
  max-width: 1366px;
  height: auto;
  min-height: calc(100vh - 112px);
  padding: 0 25px;
  margin: 88px auto 0 auto;
  display: block;
}
@media (min-width: 544px) {
  .hero-homepage-syle-1 .hero-content-container {
    padding: 0 30px;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-1 .hero-content-container {
    display: flex;
    min-height: 100vh;
  }
}
.hero-homepage-syle-1 .hero-homepage-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}
@media (min-width: 544px) {
  .hero-homepage-syle-1 .hero-homepage-content {
    height: auto;
    justify-content: flex-start;
  }
  .hero-homepage-syle-1 .hero-homepage-content h1 {
    font-size: 8rem;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-1 .hero-homepage-content {
    justify-content: center;
    width: 590px;
    display: flex;
  }
}
.hero-homepage-syle-1 h1 {
  padding-bottom: 20px;
}
.hero-homepage-syle-1 h5 {
  padding-bottom: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.hero-homepage-syle-1 p {
  width: 80%;
}
.hero-homepage-syle-1 .hero-homepage-image-wrap {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 544px) {
  .hero-homepage-syle-1 .hero-homepage-image-wrap {
    display: block;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-1 .hero-homepage-image-wrap {
    display: flex;
    justify-content: center;
    width: calc(100% - 590px);
  }
}
.hero-homepage-syle-1 .hero-homepage-image-wrap .hero-homepage-imageItem {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  max-width: inherit;
}
@media (min-width: 769px) {
  .hero-homepage-syle-1 .hero-homepage-image-wrap .hero-homepage-imageItem {
    left: 0;
    top: 0;
    width: 540px;
  }
}
@media (min-width: 1024px) {
  .hero-homepage-syle-1 .hero-homepage-image-wrap .hero-homepage-imageItem {
    width: 100%;
    top: 5vh;
    left: 5%;
  }
}
.hero-homepage-syle-1 .hero-homepage-image-wrap .hero-homepage-card {
  position: absolute;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 4px;
  padding: 0;
  margin: 0;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.5);
}
.hero-homepage-syle-1 .hero-homepage-image-wrap .hero-homepage-card:first-child {
  width: 327px;
  top: 46%;
  left: -10%;
}
.hero-homepage-syle-1 .hero-homepage-image-wrap .hero-homepage-card:last-child {
  width: 367px;
  top: 20%;
  right: 0%;
}

.hero-homepage-syle-2 {
  position: relative;
  height: auto;
  overflow: hidden;
  background: url("//inmoment.wpengine.com/wp-content/uploads/2019/01/fromMetricToMeaning-bg-mobile.png") 100% 100% no-repeat;
  background-size: 50%;
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 {
    min-height: 100vh;
  }
}
.hero-homepage-syle-2 .hero-homepage-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 .hero-homepage-bg {
    display: block;
  }
}
.hero-homepage-syle-2 .hero-content-container {
  position: relative;
  width: 100%;
  max-width: 1480px;
  height: auto;
  padding: 0 25px;
  margin: 88px auto 0 auto;
  display: flex;
  flex-direction: row;
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 .hero-content-container {
    padding: 0 30px 0 50px;
    height: calc(100vh - 88px);
  }
}
.hero-homepage-syle-2 .hero-homepage-content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 .hero-homepage-content {
    width: 430px;
    justify-content: flex-start;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-2 .hero-homepage-content {
    justify-content: center;
  }
}
.hero-homepage-syle-2 h1 {
  padding-bottom: 20px;
  width: 90%;
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 h1 {
    width: 80%;
  }
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 p {
    width: 80%;
  }
}
.hero-homepage-syle-2 .hero-homepage-image-wrap {
  position: relative;
  top: 0px;
  width: calc(100% - 430px);
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 544px) {
  .hero-homepage-syle-2 .hero-homepage-image-wrap {
    display: flex;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-2 .hero-homepage-image-wrap {
    justify-content: center;
  }
}
.hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-imageItem {
  display: block;
  width: 540px;
  position: absolute;
  max-width: inherit;
  left: -200px;
}
@media (min-width: 769px) {
  .hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-imageItem {
    left: 0;
  }
}
@media (min-width: 1024px) {
  .hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-imageItem {
    width: 100%;
  }
}
.hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-card {
  position: absolute;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 4px;
  padding: 0;
  margin: 0;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.5);
}
.hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-card:first-child {
  width: 327px;
  top: 46%;
  left: -72%;
}
@media (min-width: 769px) {
  .hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-card:first-child {
    left: 5%;
  }
}
.hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-card:last-child {
  width: 367px;
  top: 22%;
  right: -5%;
  display: none;
}
@media (min-width: 1024px) {
  .hero-homepage-syle-2 .hero-homepage-image-wrap .hero-homepage-card:last-child {
    display: block;
  }
}

.hero-homepage-syle-3 {
  position: relative;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}
@media (min-width: 544px) and (min-height: 800px) {
  .hero-homepage-syle-3 {
    min-height: 100vh;
  }
}
.hero-homepage-syle-3 .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
}
@media (min-width: 1124px) {
  .hero-homepage-syle-3 .overlay {
    display: none;
  }
}
.hero-homepage-syle-3 .hero-content-container {
  position: relative;
  width: 100%;
  max-width: 1550px;
  height: auto;
  min-height: calc(100vh - 112px);
  padding: 80px 25px 0px 25px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  min-height: 100vh;
}
@media (min-width: 544px) {
  .hero-homepage-syle-3 .hero-content-container {
    padding: 0 30px;
    min-height: 100vh;
  }
}
.hero-homepage-syle-3 .hero-homepage-content {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}
@media (min-width: 544px) {
  .hero-homepage-syle-3 .hero-homepage-content {
    height: auto;
  }
  .hero-homepage-syle-3 .hero-homepage-content h1 {
    font-size: 8rem;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-3 .hero-homepage-content {
    justify-content: center;
    width: 590px;
    display: flex;
  }
}
.hero-homepage-syle-3 h1 {
  padding-bottom: 20px;
}
.hero-homepage-syle-3 h5 {
  padding-bottom: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.hero-homepage-syle-3 p {
  width: 80%;
}

.hero-homepage-syle-4 {
  position: relative;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}
@media (min-width: 544px) and (min-height: 800px) {
  .hero-homepage-syle-4 {
    min-height: 100vh;
  }
}
.hero-homepage-syle-4 .hero-content-container {
  position: relative;
  width: 100%;
  max-width: 1366px;
  height: auto;
  min-height: calc(100vh - 112px);
  padding: 0 25px;
  margin: 88px auto 0 auto;
  display: block;
}
@media (min-width: 544px) {
  .hero-homepage-syle-4 .hero-content-container {
    padding: 0 30px;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-4 .hero-content-container {
    display: flex;
    min-height: 100vh;
  }
}
.hero-homepage-syle-4 .hero-homepage-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}
@media (min-width: 544px) {
  .hero-homepage-syle-4 .hero-homepage-content {
    height: auto;
    justify-content: flex-start;
  }
  .hero-homepage-syle-4 .hero-homepage-content h1 {
    font-size: 8rem;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-4 .hero-homepage-content {
    justify-content: center;
    width: 590px;
    display: flex;
  }
}
.hero-homepage-syle-4 h1 {
  padding-bottom: 20px;
}
.hero-homepage-syle-4 h5 {
  padding-bottom: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.hero-homepage-syle-4 p {
  width: 80%;
}
.hero-homepage-syle-4 .hero-homepage-image-wrap {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 544px) {
  .hero-homepage-syle-4 .hero-homepage-image-wrap {
    display: block;
  }
}
@media (min-width: 769px) {
  .hero-homepage-syle-4 .hero-homepage-image-wrap {
    display: flex;
    justify-content: center;
    width: calc(100% - 590px);
  }
}
.hero-homepage-syle-4 .hero-homepage-image-wrap .hero-homepage-imageItem {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  max-width: inherit;
}
@media (min-width: 769px) {
  .hero-homepage-syle-4 .hero-homepage-image-wrap .hero-homepage-imageItem {
    left: 0;
    top: 0;
    width: 540px;
  }
}
@media (min-width: 1024px) {
  .hero-homepage-syle-4 .hero-homepage-image-wrap .hero-homepage-imageItem {
    width: 100%;
    top: 5vh;
    left: 5%;
  }
}
.hero-homepage-syle-4 .hero-homepage-image-wrap .hero-homepage-card {
  position: absolute;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 4px;
  padding: 0;
  margin: 0;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.5);
}
.hero-homepage-syle-4 .hero-homepage-image-wrap .hero-homepage-card:first-child {
  width: 327px;
  top: 46%;
  left: -10%;
}
.hero-homepage-syle-4 .hero-homepage-image-wrap .hero-homepage-card:last-child {
  width: 367px;
  top: 20%;
  right: 0%;
}

.homepage-logos {
  height: auto;
  min-height: 112px;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
@media (min-width: 992px) {
  .homepage-logos {
    height: 112px;
    justify-content: space-around;
    padding: 0;
  }
}
.homepage-logos .client-logo {
  padding: 20px;
}
@media (min-width: 544px) {
  .homepage-logos .client-logo {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .homepage-logos .client-logo {
    padding: 0;
  }
}
.homepage-logos .client-logo svg {
  display: block;
  fill: #B2B4B2;
}

.sandbox-card {
  display: block;
  height: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .sandbox-card {
    margin: 0 20px;
  }
}
@media (min-width: 1200px) {
  .sandbox-card {
    margin: 0 40px;
  }
}
.sandbox-card:hover {
  transform: translateY(-3px);
  opacity: 1;
}
.sandbox-card .sandbox-content {
  padding: 20px;
}
@media (min-width: 1200px) {
  .sandbox-card .sandbox-content {
    padding: 30px 45px;
  }
}
.sandbox-card .sandbox-content .sandbox-content-category {
  font-size: 1.8rem;
  font-style: italic;
  color: #253746;
  padding: 0 0 20px 0;
  margin: 0;
}
.sandbox-card .sandbox-content .sandbox-content-title {
  padding: 0;
  margin: 0;
  color: #253746;
}
.sandbox-card .sandbox-content .sandbox-content-link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.sandbox-card .sandbox-content .sandbox-content-link p {
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
  color: #253746;
}
.sandbox-card .sandbox-content .sandbox-content-link span {
  fill: #253746;
}
.sandbox-card .sandbox-image {
  width: 100%;
  height: 250px;
}
.sandbox-card .sandbox-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wave-background {
  position: absolute;
  background-color: #143961;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
}
.wave-background .audio-wave {
  background: #003761;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.wave-background .line-breaks {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 50vh;
}
.wave-background .line-breaks span {
  display: block;
  width: 100%;
  height: 8px;
  background-color: #143961;
  margin-bottom: 2px;
}

.section-blog-header {
  position: relative;
  text-align: center;
  padding: 200px 0 100px 0;
  background: #253746;
}
.section-blog-header h1 {
  color: #FFFFFF;
}

.blog-post-page-header {
  position: relative;
  text-align: center;
  padding: 200px 0 100px 0;
  background: #253746;
}
.blog-post-page-header h1 {
  color: #FFFFFF;
}

.blog-header {
  position: relative;
  background: #253746;
  padding-top: 200px;
}
.blog-header::before {
  content: "";
  position: absolute;
  bottom: 100px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 32vh 100vw;
  border-color: transparent transparent #FFFFFF transparent;
}
.blog-header::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  height: 100px;
  background: #FFFFFF;
}
.blog-header .blogpost-summary {
  position: relative;
  z-index: 1;
}

.blogpost-card {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(147, 146, 145, 0.35);
  -moz-box-shadow: 0px 0px 10px 0px rgba(147, 146, 145, 0.35);
  box-shadow: 0px 0px 10px 0px rgba(147, 146, 145, 0.35);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blogpost-card .blogpost-card-image {
  width: 100%;
  height: 350px;
}
.blogpost-card .blogpost-card-image img {
  width: 100%;
  max-width: 100%;
  height: 350px;
  object-fit: cover;
}
.blogpost-card .blogpost-card-content {
  padding: 20px;
}
.blogpost-card .blogpost-card-content a .blogpost-card-title {
  color: #253746;
}
.blogpost-card .blogpost-card-content a:hover .blogpost-card-title {
  color: #12C3AC;
}
.blogpost-card .blogpost-card-content .blogpost-card-title {
  font-size: 1.8rem;
  padding-bottom: 10px;
  text-transform: none;
}
.blogpost-card .blogpost-card-content .blogpost-card-date {
  font-size: 1.2rem;
  margin-bottom: 35px;
}
.blogpost-card .blogpost-card-content .blogpost-card-excerpt {
  font-size: 1.6rem;
}
.blogpost-card .blogpost-card-link {
  padding: 0 0 20px 20px;
}
.blogpost-card.featured {
  width: 100%;
  background: #FFFFFF;
  display: block;
}
@media (min-width: 768px) {
  .blogpost-card.featured {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.blogpost-card.featured .blogpost-card-image {
  width: 100%;
  height: 350px;
}
@media (min-width: 768px) {
  .blogpost-card.featured .blogpost-card-image {
    height: initial;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .blogpost-card.featured .blogpost-card-image {
    width: 70%;
  }
}
.blogpost-card.featured .blogpost-card-content {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .blogpost-card.featured .blogpost-card-content {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .blogpost-card.featured .blogpost-card-content {
    width: 30%;
  }
}
.blogpost-card.featured .blogpost-card-content .blogpost-card-title {
  font-size: 2.6rem;
}

.blog-filter-menu {
  margin-top: 80px;
}
.blog-filter-menu hr {
  display: block;
  width: 100%;
  border-top: 1px solid #D9D9D6;
}
.blog-filter-menu a {
  display: inline-block;
  color: #717C7D;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0px 8px;
  padding: 10px 0px 0px;
  border-bottom: solid 1px transparent;
}
.blog-filter-menu a:first-child {
  padding-left: 0;
}
.blog-filter-menu a:last-child {
  padding-right: 0;
}
.blog-filter-menu a:hover {
  border-bottom: solid 1px #717C7D;
}

.search-input-wrap {
  position: relative;
}
.search-input-wrap:after {
  position: absolute;
  top: 11px;
  right: 12px;
  content: "";
  width: 14px;
  height: 40px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEzLjE2NHB4IiBoZWlnaHQ9IjEzLjI4N3B4IiB2aWV3Qm94PSIwIDAgMTMuMTY0IDEzLjI4NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMuMTY0IDEzLjI4NyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlZnM+CjwvZGVmcz4KPHBhdGggZmlsbD0iI0I0QjdCQiIgZD0iTTEyLjkzLDExLjkyMkw5LjYwMiw4LjU5M0M5LjU5Niw4LjU4Niw5LjU4Nyw4LjU4NCw5LjU4LDguNTc4YzAuNzEtMC45MjcsMS4xMTQtMi4wNDMsMS4xMTQtMy4yMwoJQzEwLjY5NCwyLjM5OSw4LjI5NSwwLDUuMzQ3LDBTMCwyLjM5OSwwLDUuMzQ4czIuMzk5LDUuMzQ3LDUuMzQ3LDUuMzQ3YzEuMTMsMCwyLjE5OS0wLjM2MSwzLjEtMS4wMDYKCUM4LjQ1Nyw5LjY5OSw4LjQ2LDkuNzEzLDguNDcsOS43MjRsMy4zMjgsMy4zMjljMC4xNTYsMC4xNTYsMC4zNjEsMC4yMzQsMC41NjYsMC4yMzRzMC40MDktMC4wNzgsMC41NjUtMC4yMzQKCUMxMy4yNDIsMTIuNzQsMTMuMjQyLDEyLjIzNCwxMi45MywxMS45MjJ6IE0xLDUuMzQ4QzEsMi45NSwyLjk1LDEsNS4zNDcsMXM0LjM0NywxLjk1LDQuMzQ3LDQuMzQ4YzAsMS4xNjEtMC40NTIsMi4yNTItMS4yNzMsMy4wNzMKCVM2LjUwOSw5LjY5NCw1LjM0Nyw5LjY5NEMyLjk1LDkuNjk0LDEsNy43NDQsMSw1LjM0OHoiLz4KPC9zdmc+");
  background-size: 100%;
  background-repeat: no-repeat;
}

input.search-input-blog {
  position: relative;
  padding: 10px 18px;
  border-radius: 100px;
  border: none;
  outline: none;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  -moz-box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  font-size: 1.4rem;
  width: 100%;
  color: #253746;
}
input.search-input-blog::placeholder {
  text-transform: uppercase;
  color: #B2B4B2;
}
input.search-input-blog:focus {
  background: none;
  border: none;
}

.load_more {
  cursor: pointer;
  border-radius: 4px;
  transition: all 200ms linear;
}
.load_more:hover {
  transform: translateY(-2px);
}

.thought-leadership-blog {
  background: url("../static/img/thought-leadership-blog.png") center center no-repeat;
  background-size: cover;
}

.best-practices-blog {
  background: url("../static/img/best-practices-blog.png") center center no-repeat;
  background-size: cover;
}

.inmoment-highlights-blog {
  background: url("../static/img/inmoment-highlights-blog.png") center center no-repeat;
  background-size: cover;
}

.technology-blog {
  background: url("../static/img/technology-blog.png") center center no-repeat;
  background-size: cover;
}

.-blog {
  background: url("../static/img/best-practices-blog.png") center center no-repeat;
  background-size: cover;
}

.blog-blog {
  background: url("../static/img/best-practices-blog.png") center center no-repeat;
  background-size: cover;
}

.single_post {
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  .single_post {
    display: flex;
  }
}

.blog-content {
  order: 2;
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .blog-content {
    width: calc(100vw - 260px);
    padding: 0 80px;
  }
}
.blog-content .blogPost-breadcrumb {
  color: #b4b7bb;
  font-size: 1.2rem;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.blog-content .blogPost-breadcrumb a {
  color: #b4b7bb;
}
.blog-content .blogPost-breadcrumb a:hover {
  color: #12C3AC;
  border-bottom: none;
}
.blog-content .entry-title {
  font-size: 2.6rem;
  padding-top: 20px;
  text-transform: none;
}
@media (min-width: 1024px) {
  .blog-content .entry-title {
    font-size: 4rem;
    padding-top: 20px;
  }
}
.blog-content .blog-author {
  font-size: 1.8rem;
}
.blog-content .blog-publication {
  font-size: 1.4rem;
  color: #717C7D;
}
.blog-content .blog-publication:hover {
  color: #12C3AC;
}
.blog-content .post-date {
  font-size: 1.2rem;
  font-weight: 700;
}

.blog-socialShares {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px #B2B4B2;
  margin: 30px 0 50px 0;
}
@media (min-width: 1024px) {
  .blog-socialShares {
    margin: 20px 0 50px 0;
  }
}
.blog-socialShares ul {
  display: block;
  width: 160px;
  position: relative;
  margin: 0 auto;
  background: white;
  text-align: center;
  top: -14px;
}
.blog-socialShares ul li {
  display: inline-block;
  padding: 0 5px;
  margin: 0;
}
.blog-socialShares ul li a {
  margin: 0;
  text-decoration: none;
}

.blog-sidebar {
  width: 100%;
  padding: 50px 10px 0 10px;
}
@media (min-width: 1024px) {
  .blog-sidebar {
    width: 260px;
    padding: 250px 20px 0 20px;
    flex: 0 0 260px;
    order: 1;
  }
}
@media (min-width: 768px) {
  .blog-sidebar .widget-area {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .blog-sidebar .widget-area {
    display: block;
  }
}
.blog-sidebar section.widget {
  margin-bottom: 20px;
  padding: 10px 0 0 0;
}
@media (min-width: 768px) {
  .blog-sidebar section.widget {
    padding: 60px 0 0 0;
    margin-bottom: 40px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .blog-sidebar section.widget {
    display: block;
    margin-right: 0px;
    padding: 0;
  }
}
.blog-sidebar section.widget .widget-title {
  border-bottom: solid 1px;
  color: #717C7D;
  font-size: 1.4rem;
  font-weight: 700;
}
.blog-sidebar section.widget ul {
  padding-left: 0;
}
.blog-sidebar section.widget ul li {
  list-style-type: none;
  padding: 10px 0;
  margin: 0;
}
.blog-sidebar section.widget ul li a {
  color: #12C3AC;
  text-decoration: none;
  font-size: 1.4rem;
}
.blog-sidebar section.widget ul li a:hover {
  border-bottom: solid 1px;
}

.widget_search {
  position: relative;
  margin-bottom: 40px;
}
.widget_search .input-group {
  display: inline-block;
  width: 100%;
}
.widget_search .search-field {
  position: relative;
  display: block;
  padding: 10px 18px;
  border-radius: 100px !important;
  border: none;
  outline: none;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  -moz-box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  box-shadow: 1px 1px 10px 0px rgba(147, 146, 145, 0.35);
  font-size: 1.4rem;
  width: 100%;
  color: #253746;
}
.widget_search .search-field::placeholder {
  text-transform: uppercase;
  color: #B2B4B2;
}
.widget_search .search-field:focus {
  background: none;
  border: none;
}
.widget_search .input-group-btn {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  overflow: hidden;
}
.widget_search .input-group-btn .btn {
  position: relative;
  z-index: 1;
  background: none;
  color: transparent;
  border: none;
  outline: none;
  width: 40px;
  height: 100%;
  border-radius: 100px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.widget_search .input-group-btn:after {
  position: absolute;
  top: 11px;
  right: 12px;
  content: "";
  width: 14px;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEzLjE2NHB4IiBoZWlnaHQ9IjEzLjI4N3B4IiB2aWV3Qm94PSIwIDAgMTMuMTY0IDEzLjI4NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMuMTY0IDEzLjI4NyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlZnM+CjwvZGVmcz4KPHBhdGggZmlsbD0iI0I0QjdCQiIgZD0iTTEyLjkzLDExLjkyMkw5LjYwMiw4LjU5M0M5LjU5Niw4LjU4Niw5LjU4Nyw4LjU4NCw5LjU4LDguNTc4YzAuNzEtMC45MjcsMS4xMTQtMi4wNDMsMS4xMTQtMy4yMwoJQzEwLjY5NCwyLjM5OSw4LjI5NSwwLDUuMzQ3LDBTMCwyLjM5OSwwLDUuMzQ4czIuMzk5LDUuMzQ3LDUuMzQ3LDUuMzQ3YzEuMTMsMCwyLjE5OS0wLjM2MSwzLjEtMS4wMDYKCUM4LjQ1Nyw5LjY5OSw4LjQ2LDkuNzEzLDguNDcsOS43MjRsMy4zMjgsMy4zMjljMC4xNTYsMC4xNTYsMC4zNjEsMC4yMzQsMC41NjYsMC4yMzRzMC40MDktMC4wNzgsMC41NjUtMC4yMzQKCUMxMy4yNDIsMTIuNzQsMTMuMjQyLDEyLjIzNCwxMi45MywxMS45MjJ6IE0xLDUuMzQ4QzEsMi45NSwyLjk1LDEsNS4zNDcsMXM0LjM0NywxLjk1LDQuMzQ3LDQuMzQ4YzAsMS4xNjEtMC40NTIsMi4yNTItMS4yNzMsMy4wNzMKCVM2LjUwOSw5LjY5NCw1LjM0Nyw5LjY5NEMyLjk1LDkuNjk0LDEsNy43NDQsMSw1LjM0OHoiLz4KPC9zdmc+");
  background-size: 100%;
  background-repeat: no-repeat;
}

.blog-topbar-mobile {
  padding: 40px 20px 20px 20px;
}
@media (min-width: 768px) {
  .blog-topbar-mobile {
    display: flex;
  }
}
.blog-topbar-mobile .widget_search {
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  .blog-topbar-mobile .widget_search {
    margin: 0 5px 0 0;
    flex-basis: calc(50% - 5px);
  }
}
.blog-topbar-mobile .widget_search .input-group {
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .blog-topbar-mobile .subscribeForm {
    margin: 0 0 0 5px;
    flex-basis: calc(50% - 5px);
  }
}
@media (min-width: 1024px) {
  .blog-topbar-mobile {
    display: none;
  }
}

.blog-content .entry-content a {
  color: #12C3AC;
}
.blog-content .entry-content a:hover {
  border-bottom: 1px solid;
}
.blog-content .entry-content img {
  max-width: 100%;
}
.blog-content .entry-content ul {
  margin-bottom: 30px;
  padding-left: 30px;
}
.blog-content .entry-content ul li {
  list-style-type: disc;
  padding: 5px 0;
  color: #717C7D;
}

.blog-post-item {
  list-style-type: none;
}

.press-header {
  position: relative;
  background: #FFFFFF;
  padding: 120px 0 70px 0;
}
.press-header .overlay {
  z-index: 0;
}
.press-header .content {
  position: relative;
  z-index: 1;
}
.press-header .content p {
  font-size: 2.4rem;
  margin: 0;
}

.featuredNews .grid--container {
  padding: 0 50px;
}
@media (min-width: 1320px) {
  .featuredNews .grid--container {
    padding: 0 20px;
  }
}
.featuredNews .swiper-button-next, .featuredNews .swiper-button-prev {
  top: 120px;
}
.featuredNews .swiper-button-prev {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjUyMSAzNC4yNzA4QzI1LjUyMSAzMy44OTc1IDI1LjY2MzkgMzMuNTI0MiAyNS45NDY4IDMzLjIzODRMNDEuOTg3OCAxNy4xOTc0QzQyLjU1OTQgMTYuNjI4NyA0My40ODExIDE2LjYyODcgNDQuMDUyNyAxNy4xOTc0QzQ0LjYyMTQgMTcuNzY5IDQ0LjYyMTQgMTguNjkwNyA0NC4wNTI3IDE5LjI2MjNMMjkuMDQxMiAzNC4yNzA4TDQ0LjA1MjcgNDkuMjc5NEM0NC42MjE0IDQ5Ljg1MSA0NC42MjE0IDUwLjc3MjcgNDQuMDUyNyA1MS4zNDQzQzQzLjQ4MTEgNTEuOTEzIDQyLjU1OTQgNTEuOTEzIDQxLjk4NzggNTEuMzQ0M0wyNS45NDY4IDM1LjMwMzNDMjUuNjYzOSAzNS4wMTc1IDI1LjUyMSAzNC42NDQyIDI1LjUyMSAzNC4yNzA4WiIgZmlsbD0iI0IyQjRCMiIvPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjI1IiB5PSIxNiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM2Ij4KPHBhdGggZD0iTTI1LjUyMSAzNC4yNzA4QzI1LjUyMSAzMy44OTc1IDI1LjY2MzkgMzMuNTI0MiAyNS45NDY4IDMzLjIzODRMNDEuOTg3OCAxNy4xOTc0QzQyLjU1OTQgMTYuNjI4NyA0My40ODExIDE2LjYyODcgNDQuMDUyNyAxNy4xOTc0QzQ0LjYyMTQgMTcuNzY5IDQ0LjYyMTQgMTguNjkwNyA0NC4wNTI3IDE5LjI2MjNMMjkuMDQxMiAzNC4yNzA4TDQ0LjA1MjcgNDkuMjc5NEM0NC42MjE0IDQ5Ljg1MSA0NC42MjE0IDUwLjc3MjcgNDQuMDUyNyA1MS4zNDQzQzQzLjQ4MTEgNTEuOTEzIDQyLjU1OTQgNTEuOTEzIDQxLjk4NzggNTEuMzQ0M0wyNS45NDY4IDM1LjMwMzNDMjUuNjYzOSAzNS4wMTc1IDI1LjUyMSAzNC42NDQyIDI1LjUyMSAzNC4yNzA4WiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swKSI+CjwvZz4KPC9zdmc+");
  left: -35px;
  background-color: #17406e;
  border-radius: 100px;
  width: 85px;
  height: 85px;
  background-size: 70px 70px;
  background-position: 18px 50%;
}
.featuredNews .swiper-button-next {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0LjQ3OTMgMzUuNzI5MkM0NC40NzkzIDM2LjEwMjUgNDQuMzM2NCAzNi40NzU4IDQ0LjA1MzUgMzYuNzYxNkwyOC4wMTI1IDUyLjgwMjZDMjcuNDQwOCA1My4zNzEzIDI2LjUxOTIgNTMuMzcxMyAyNS45NDc1IDUyLjgwMjZDMjUuMzc4OCA1Mi4yMzEgMjUuMzc4OCA1MS4zMDkzIDI1Ljk0NzUgNTAuNzM3N0w0MC45NTkgMzUuNzI5MkwyNS45NDc1IDIwLjcyMDZDMjUuMzc4OCAyMC4xNDkgMjUuMzc4OCAxOS4yMjczIDI1Ljk0NzUgMTguNjU1N0MyNi41MTkyIDE4LjA4NyAyNy40NDA4IDE4LjA4NyAyOC4wMTI1IDE4LjY1NTdMNDQuMDUzNSAzNC42OTY3QzQ0LjMzNjQgMzQuOTgyNSA0NC40NzkzIDM1LjM1NTggNDQuNDc5MyAzNS43MjkyWiIgZmlsbD0iI0IyQjRCMiIvPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjI1IiB5PSIxOCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM2Ij4KPHBhdGggZD0iTTQ0LjQ3OTMgMzUuNzI5MkM0NC40NzkzIDM2LjEwMjUgNDQuMzM2NCAzNi40NzU4IDQ0LjA1MzUgMzYuNzYxNkwyOC4wMTI1IDUyLjgwMjZDMjcuNDQwOCA1My4zNzEzIDI2LjUxOTIgNTMuMzcxMyAyNS45NDc1IDUyLjgwMjZDMjUuMzc4OCA1Mi4yMzEgMjUuMzc4OCA1MS4zMDkzIDI1Ljk0NzUgNTAuNzM3N0w0MC45NTkgMzUuNzI5MkwyNS45NDc1IDIwLjcyMDZDMjUuMzc4OCAyMC4xNDkgMjUuMzc4OCAxOS4yMjczIDI1Ljk0NzUgMTguNjU1N0MyNi41MTkyIDE4LjA4NyAyNy40NDA4IDE4LjA4NyAyOC4wMTI1IDE4LjY1NTdMNDQuMDUzNSAzNC42OTY3QzQ0LjMzNjQgMzQuOTgyNSA0NC40NzkzIDM1LjM1NTggNDQuNDc5MyAzNS43MjkyWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swKSI+CjwvZz4KPC9zdmc+");
  right: -35px;
  background-color: #17406e;
  border-radius: 100px;
  width: 85px;
  height: 85px;
  background-size: 70px 70px;
  background-position: -2px 50%;
}
.featuredNews .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}
.featuredNews .swiper-pagination-bullet {
  background: #B2B4B2;
  opacity: 1;
}
.featuredNews .swiper-pagination-bullet-active {
  background: #F0B323;
}

.featuredLabel {
  padding: 0;
  margin: 0;
}

.featuredNewsImage {
  display: none;
}
@media (min-width: 768px) {
  .featuredNewsImage {
    display: initial;
  }
}

.featuredNewsItem .featuredNewsCategory {
  margin: 0;
  padding: 0 0 10px 0;
}
.featuredNewsItem .featuredNewsSummary p, .featuredNewsItem .featuredNewsSummary ul, .featuredNewsItem .featuredNewsSummary li, .featuredNewsItem .featuredNewsSummary a {
  color: #FFFFFF;
}

.press-filter-menu a {
  display: inline-block;
  color: #717C7D;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0px 8px;
  padding: 10px 0px 0px;
  border-bottom: solid 1px transparent;
}
.press-filter-menu a:first-child {
  padding-left: 0;
}
.press-filter-menu a:last-child {
  padding-right: 0;
}
.press-filter-menu a:hover {
  border-bottom: solid 1px #717C7D;
}

.press-post-summary-detailed {
  padding: 60px 0;
  border-bottom: solid 1px #EAE9E9;
}
.press-post-summary-detailed h2 {
  color: #717C7D;
}

.press-post-summary {
  margin-top: 40px;
}
.press-post-summary h3 {
  color: #033B7C;
}
.press-post-summary .card {
  border: solid 1px #EAE9E9;
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.press-post-summary .card:hover {
  opacity: 1;
}
.press-post-summary .card:hover .btn-card {
  opacity: 1;
  background: #033B7C;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.press-post-summary .card:hover .btn-card h5 {
  padding: 0;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.press-post-summary .card:hover .btn-card svg {
  fill: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.press-post-summary .card .card-content {
  padding: 30px 30px 60px;
  align-items: flex-start;
}
.press-post-summary .card .btn-card {
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 30px;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.press-post-summary .card .btn-card:hover h5 {
  transform: translateX(4px);
}
.press-post-summary .card .btn-card:hover svg {
  transform: translateX(4px);
}
.press-post-summary .card .btn-card h5 {
  padding: 0;
  color: #033B7C;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.press-post-summary .card .btn-card svg {
  fill: #033B7C;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.press-post-summary .press-post-category {
  text-align: left;
}

.news-post-page-header {
  position: relative;
  padding: 160px 0 60px 0;
}
.news-post-page-header h1 {
  color: #FFFFFF;
}
.news-post-page-header h5 {
  margin-bottom: 40px;
}

.press-post-single-title {
  color: #FFFFFF;
  max-width: 900px;
}

.resources-header {
  padding: 200px 0 100px;
  background: url("../static/img/resources-header.jpg");
}
.resources-header h3 {
  text-transform: none;
}

.resources-overview {
  margin: 40px 0 60px;
}
@media (min-width: 1024px) {
  .resources-overview {
    display: flex;
  }
}

.resources-sidebar {
  width: 100%;
  padding: 0px 10px;
}
@media (min-width: 1024px) {
  .resources-sidebar {
    width: 260px;
    padding: 0px 20px;
    flex: 0 0 260px;
    order: 1;
  }
}
.resources-sidebar .widget-title {
  color: #253746;
  font-size: 1.7rem;
  font-weight: 700;
  padding: 0 0 10px 10px;
}
@media (min-width: 1024px) {
  .resources-sidebar .widget-title {
    padding: 0 0 20px 0;
  }
}

.resources-posts {
  order: 2;
  width: 100%;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .resources-posts {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  .resources-posts {
    width: calc(100% - 260px);
    padding: 0 20px 0 20px;
    border-left: solid 1px #EAE9E9;
  }
}

.resourcesPost-summary {
  padding: 0px 5px 10px 5px;
}
@media (min-width: 768px) {
  .resourcesPost-summary {
    padding: 0px 10px 20px 10px;
  }
}

.resourcesPost-card {
  position: relative;
  display: block;
  border-radius: 2px;
  overflow: hidden;
  border: solid 1px #EAE9E9;
  height: 100%;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.resourcesPost-card:hover {
  opacity: 1;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
}
.resourcesPost-card:hover svg {
  transform: translateX(2px);
}
.resourcesPost-card:focus {
  outline: none;
  text-decoration: none !important;
}
.resourcesPost-card[data-status=gated]:after {
  content: "";
  position: absolute;
}

.resourcesPost-card[data-status=gated]:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  width: 13px;
  height: 17px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0LjdweCIgaGVpZ2h0PSIyOC44cHgiIHZpZXdCb3g9IjAgMCAyNC43IDI4LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0LjcgMjguODsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxkZWZzPgo8L2RlZnM+CjxnPgoJCgkJPGltYWdlIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO29wYWNpdHk6MC4xNjsiIHdpZHRoPSIxMDMiIGhlaWdodD0iMTIwIiB4bGluazpocmVmPSJCQjdFQ0I3QkNENzA1NjA0LnBuZyIgIHRyYW5zZm9ybT0ibWF0cml4KDAuMjQgMCAwIDAuMjQgMCAwKSI+Cgk8L2ltYWdlPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjYsMTMuM3YtMy4xYzAtMi4zLTEuOS00LjItNC4yLTQuMmMtMi4zLDAtNC4yLDEuOS00LjIsNC4ydjMuMWMtMS4xLDAtMiwwLjktMiwyLjF2NS4yCgkJCWMwLDEuMSwwLjksMi4xLDIuMSwyLjFoOC4zYzEuMSwwLDIuMS0wLjksMi4xLTIuMXYtNS4yQzE4LjYsMTQuMywxNy43LDEzLjMsMTYuNiwxMy4zeiBNMTIuNCw3LjFjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMUg5LjMKCQkJdi0zLjFDOS4zLDguNSwxMC43LDcuMSwxMi40LDcuMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=");
  background-position: center center;
  background-repeat: no-repeat;
}

.resourcesPost-card[data-status=open]:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  width: 13px;
  height: 18px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyLjVweCIgaGVpZ2h0PSIxNy44cHgiIHZpZXdCb3g9IjAgMCAxMi41IDE3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyLjUgMTcuODsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxkZWZzPgo8L2RlZnM+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDguNFY0LjJDMTAuNCwxLjksOC41LDAsNi4yLDBDMy45LDAsMiwxLjksMiw0LjJjMCwwLjMsMC4yLDAuNiwwLjYsMC42czAuNi0wLjIsMC42LTAuNgoJYzAtMS43LDEuNC0zLjEsMy4xLTMuMXMzLjEsMS40LDMuMSwzLjF2NC4ySDIuMUMwLjksOC40LDAsOS4zLDAsMTAuNXY1LjJjMCwxLjEsMC45LDIuMSwyLjEsMi4xaDguM2MxLjEsMCwyLjEtMC45LDIuMS0yLjF2LTUuMgoJQzEyLjUsOS40LDExLjYsOC40LDEwLjQsOC40eiIvPgo8L3N2Zz4=");
  background-position: center center;
  background-repeat: no-repeat;
}

.resourcesPost-card-image {
  position: relative;
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: center center;
  border-bottom: solid 1px #f2f2f2;
}
.resourcesPost-card-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-135deg, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 768px) {
  .resourcesPost-card-image {
    height: 185px;
  }
}

.resourcesPost-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 100px);
}
@media (min-width: 768px) {
  .resourcesPost-card-content {
    height: calc(100% - 185px);
  }
}

.resourcesPost-card-title {
  display: block;
  width: 100%;
  padding: 24px 10px;
}
.resourcesPost-card-title p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #253746;
  padding: 0;
  margin: 0;
}

.resourcesPost-meta {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
}
.resourcesPost-meta .resourcesPost-type {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .resourcesPost-meta .resourcesPost-type {
    font-size: 1.4rem;
  }
}
.resourcesPost-meta .resourcesPost-type.case-study {
  color: #531799;
}
.resourcesPost-meta .resourcesPost-type.ebook {
  color: #F0B323;
}
.resourcesPost-meta .resourcesPost-type.general {
  color: #253746;
}
.resourcesPost-meta .resourcesPost-type.infographic {
  color: #0057FF;
}
.resourcesPost-meta .resourcesPost-type.report {
  color: #FB3C2F;
}
.resourcesPost-meta .resourcesPost-type.video {
  color: #12C3AC;
}
.resourcesPost-meta .resourcesPost-type.webinar {
  color: #78BE20;
}
.resourcesPost-meta .resourcesPost-type.white-paper {
  color: #717C7D;
}
.resourcesPost-meta .resourcesPost-arrow {
  color: #B2B4B2;
  font-size: 1.2rem;
  transition: transform 100ms linear;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .resourcesPost-meta .resourcesPost-arrow {
    font-size: 1.5rem;
  }
}
.resourcesPost-meta .resourcesPost-arrow span {
  display: inline-block;
}
.resourcesPost-meta .resourcesPost-arrow span svg {
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.resourcesPost-meta .resourcesPost-arrow span svg path {
  fill: #B2B4B2;
}
.resourcesPost-meta .resourcesPost-arrow:hover {
  color: #253746;
}
.resourcesPost-meta .resourcesPost-arrow:hover span svg path {
  fill: #253746;
}

.resource-types {
  margin: 0px;
  padding: 0px 0px 20px;
}
@media (min-width: 1024px) {
  .resource-types {
    margin: 0px;
    padding: 0;
  }
}

.resource-type-filter {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  list-style-type: none;
  font-size: 1.4rem;
  color: #B2B4B2;
  padding: 8px 10px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .resource-type-filter {
    display: block;
    padding: 8px 0;
  }
}
.resource-type-filter:after {
  display: none;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  left: -16px;
  top: calc(50% - 4px);
}
@media (min-width: 1024px) {
  .resource-type-filter:after {
    display: block;
  }
}

.resource-type-filter[data-category=reset]:hover, .resource-type-filter[data-category=reset].filter-active {
  color: #D9D9D6;
}
.resource-type-filter[data-category=reset]:hover:after, .resource-type-filter[data-category=reset].filter-active:after {
  background-color: #D9D9D6;
}

.resource-type-filter[data-category=general]:hover, .resource-type-filter[data-category=general].filter-active {
  color: #253746;
}
.resource-type-filter[data-category=general]:hover:after, .resource-type-filter[data-category=general].filter-active:after {
  background-color: #253746;
}

.resource-type-filter[data-category=case-study]:hover, .resource-type-filter[data-category=case-study].filter-active {
  color: #531799;
}
.resource-type-filter[data-category=case-study]:hover:after, .resource-type-filter[data-category=case-study].filter-active:after {
  background-color: #531799;
}

.resource-type-filter[data-category=ebook]:hover, .resource-type-filter[data-category=ebook].filter-active {
  color: #F0B323;
}
.resource-type-filter[data-category=ebook]:hover:after, .resource-type-filter[data-category=ebook].filter-active:after {
  background-color: #F0B323;
}

.resource-type-filter[data-category=infographic]:hover, .resource-type-filter[data-category=infographic].filter-active {
  color: #0057FF;
}
.resource-type-filter[data-category=infographic]:hover:after, .resource-type-filter[data-category=infographic].filter-active:after {
  background-color: #0057FF;
}

.resource-type-filter[data-category=report]:hover, .resource-type-filter[data-category=report].filter-active {
  color: #FB3C2F;
}
.resource-type-filter[data-category=report]:hover:after, .resource-type-filter[data-category=report].filter-active:after {
  background-color: #FB3C2F;
}

.resource-type-filter[data-category=video]:hover, .resource-type-filter[data-category=video].filter-active {
  color: #12C3AC;
}
.resource-type-filter[data-category=video]:hover:after, .resource-type-filter[data-category=video].filter-active:after {
  background-color: #12C3AC;
}

.resource-type-filter[data-category=webinar]:hover, .resource-type-filter[data-category=webinar].filter-active {
  color: #78BE20;
}
.resource-type-filter[data-category=webinar]:hover:after, .resource-type-filter[data-category=webinar].filter-active:after {
  background-color: #78BE20;
}

.resource-type-filter[data-category=white-paper]:hover, .resource-type-filter[data-category=white-paper].filter-active {
  color: #717C7D;
}
.resource-type-filter[data-category=white-paper]:hover:after, .resource-type-filter[data-category=white-paper].filter-active:after {
  background-color: #717C7D;
}

.resources-gated-form {
  position: fixed;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-content: space-evenly;
  justify-content: space-evenly;
  background: rgba(35, 31, 32, 0.5);
  overflow-y: scroll;
}
.resources-gated-form[status=hidden] {
  display: none;
}
.resources-gated-form[status=hidden] form {
  opacity: 0;
}
.resources-gated-form form {
  position: relative;
  max-width: 400px;
  width: 94%;
  height: auto;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 40px 40px 16px;
  border-radius: 12px;
  overflow: hidden;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.resources-gated-form form .loader_overlay {
  position: absolute;
  border-radius: 12px;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.resources-gated-form form .loader_overlay .animated_loader {
  width: 100px;
  height: 100px;
}
.resources-gated-form form .gatedSymbol {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.resources-gated-form form .gatedSymbol path {
  fill: #717C7D;
}
.resources-gated-form form .close-gated-form {
  cursor: pointer;
  padding: 10px 0 0 0;
  margin: 0;
  display: table;
  margin: 0 auto;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.resources-gated-form form .close-gated-form:hover {
  opacity: 0.7;
}

.unlock-icon {
  display: inline-block;
  width: 12px;
  height: 17px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyLjVweCIgaGVpZ2h0PSIxNy44cHgiIHZpZXdCb3g9IjAgMCAxMi41IDE3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyLjUgMTcuODsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxkZWZzPgo8L2RlZnM+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDguNFY0LjJDMTAuNCwxLjksOC41LDAsNi4yLDBDMy45LDAsMiwxLjksMiw0LjJjMCwwLjMsMC4yLDAuNiwwLjYsMC42czAuNi0wLjIsMC42LTAuNgoJYzAtMS43LDEuNC0zLjEsMy4xLTMuMXMzLjEsMS40LDMuMSwzLjF2NC4ySDIuMUMwLjksOC40LDAsOS4zLDAsMTAuNXY1LjJjMCwxLjEsMC45LDIuMSwyLjEsMi4xaDguM2MxLjEsMCwyLjEtMC45LDIuMS0yLjF2LTUuMgoJQzEyLjUsOS40LDExLjYsOC40LDEwLjQsOC40eiIvPgo8L3N2Zz4=");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.content-viewer {
  position: fixed;
  z-index: 99999999999999;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: block;
  background: rgba(255, 255, 255, 0.95);
  overflow-y: scroll;
}
.content-viewer[status=hidden] {
  display: none;
}
.content-viewer[status=hidden] .content-viewer-content {
  opacity: 0;
  transition-delay: 1000ms;
}
.content-viewer[status=show] {
  display: block;
}
.content-viewer[status=show] .content-viewer-content {
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 500ms;
}
.content-viewer .content-viewer-content {
  position: relative;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 500ms;
}
.content-viewer .content-viewer-content object {
  width: 100vw;
  height: 100vh;
}
.content-viewer .content-viewer-content .wistia_responsive_wrapper {
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  overflow: hidden;
}
.content-viewer .content-viewer-content img {
  position: relative;
  top: 0;
  display: block;
  width: 80%;
  margin: 50px auto;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}
.content-viewer .content-viewer-close {
  position: fixed;
  z-index: 10;
  top: 50px;
  right: 0;
  width: 60px;
  height: 60px;
  padding: 14px;
  cursor: pointer;
  background-image: linear-gradient(-135deg, rgba(35, 31, 32, 0.6), rgba(35, 31, 32, 0) 50%);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  background: #717C7D;
}
.content-viewer .content-viewer-close:hover {
  transform: scale(1.1, 1.1);
}
.content-viewer .content-viewer-close path {
  fill: #FFFFFF;
}

.resources-single-backlink {
  text-transform: uppercase;
  color: #B2B4B2;
  display: inline-block;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.resources-single-backlink:hover, .resources-single-backlink:focus {
  color: #B2B4B2;
  transform: translateX(-2px);
  text-decoration: none;
  outline: none;
  border: none;
}

.resources-single-categoryLabel {
  padding: 4px 16px;
  margin: 18px 0 0 0;
  background: #f2f2f2;
  color: #B2B4B2;
  display: inline-block;
  border-radius: 1px;
  font-size: 1.8rem;
  text-transform: uppercase;
}
.resources-single-categoryLabel[category=infographic] {
  color: #0057FF;
}
.resources-single-categoryLabel[category=general] {
  color: #253746;
}
.resources-single-categoryLabel[category=case-study] {
  color: #531799;
}
.resources-single-categoryLabel[category=ebook] {
  color: #F0B323;
}
.resources-single-categoryLabel[category=report] {
  color: #FB3C2F;
}
.resources-single-categoryLabel[category=video] {
  color: #12C3AC;
}
.resources-single-categoryLabel[category=webinar] {
  color: #78BE20;
}
.resources-single-categoryLabel[category=white-paper] {
  color: #717C7D;
}

.resources-single-date {
  font-size: 1.4rem;
  color: #B2B4B2;
  margin: 5px 0px;
}

.resource-content img {
  width: 100%;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
.resource-content .wistia_responsive_wrapper {
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  overflow: hidden;
}

.resource-single-download {
  display: block;
  max-width: 600px;
  width: 90%;
  margin: 80px auto 20px auto;
  border: solid 1px #eae9e9;
  border-radius: 2px;
  overflow: hidden;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 415px) {
  .resource-single-download {
    display: flex;
    flex-direction: row;
  }
}
.resource-single-download:hover {
  opacity: 1;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
}
.resource-single-download:focus {
  outline: none;
  text-decoration: none !important;
}
.resource-single-download[category=infographic] .rsdi-overlay {
  background: #0057FF;
}
.resource-single-download[category=infographic] .resourcesPost-type {
  color: #0057FF;
}
.resource-single-download[category=general] .rsdi-overlay {
  background: #253746;
}
.resource-single-download[category=general] .resourcesPost-type {
  color: #253746;
}
.resource-single-download[category=case-study] .rsdi-overlay {
  background: #531799;
}
.resource-single-download[category=case-study] .resourcesPost-type {
  color: #531799;
}
.resource-single-download[category=ebook] .rsdi-overlay {
  background: #F0B323;
}
.resource-single-download[category=ebook] .resourcesPost-type {
  color: #F0B323;
}
.resource-single-download[category=report] .rsdi-overlay {
  background: #FB3C2F;
}
.resource-single-download[category=report] .resourcesPost-type {
  color: #FB3C2F;
}
.resource-single-download[category=video] .rsdi-overlay {
  background: #12C3AC;
}
.resource-single-download[category=video] .resourcesPost-type {
  color: #12C3AC;
}
.resource-single-download[category=webinar] .rsdi-overlay {
  background: #78BE20;
}
.resource-single-download[category=webinar] .resourcesPost-type {
  color: #78BE20;
}
.resource-single-download[category=white-paper] .rsdi-overlay {
  background: #717C7D;
}
.resource-single-download[category=white-paper] .resourcesPost-type {
  color: #717C7D;
}
.resource-single-download .resource-single-download-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-right: solid 1px #f2f2f2;
}
@media (min-width: 415px) {
  .resource-single-download .resource-single-download-image {
    width: 40%;
  }
}
.resource-single-download .rsdi-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.resource-single-download .rsdi-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.resource-single-download .rsdi-content {
  position: relative;
  padding: 40px 10px;
}
.resource-single-download .rsdi-content span {
  display: block;
  width: 60px;
  margin: 0 auto;
}
.resource-single-download .rsdi-content p {
  color: #fff;
  text-align: center;
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-size: 2rem;
}
.resource-single-download .resource-single-download-content {
  width: 100%;
  height: auto;
}
@media (min-width: 415px) {
  .resource-single-download .resource-single-download-content {
    width: 60%;
  }
}
.resource-single-download .resource-single-download-content .resourcesPost-type {
  padding: 20px 20px 0px 20px;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}
.resource-single-download .resource-single-download-content .resourcesPost-card-title {
  text-transform: uppercase;
  font-size: 1.5rem;
  padding: 20px;
}

.hero.about-hero .hero-content h5 {
  text-align: left;
  opacity: 0.8;
  margin-bottom: 15px;
}
.hero.about-hero .hero-content h1 {
  text-align: left;
  color: inherit;
  color: #253746;
  padding-left: 0;
}

.who-we-are .bg-dots {
  opacity: 0.15;
  z-index: 0;
}
.who-we-are .content {
  z-index: 1;
  position: relative;
}
.who-we-are p {
  padding: 0;
  margin: 0;
}

.core-values-wrap {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .core-values-wrap {
    padding: 0 14%;
  }
}
@media (min-width: 992px) {
  .core-values-wrap {
    padding: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
  }
}
.core-values-wrap .core-value-item {
  width: 100%;
}
@media (min-width: 992px) {
  .core-values-wrap .core-value-item {
    width: calc(33.3334% - 20px);
  }
}

.core-value {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.core-value .core-value-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.core-value .core-value-title h3 {
  display: block;
  margin-top: -20px;
}
.core-value p {
  text-align: center;
  padding: 40px 40px 20px 40px;
}

.about-locations {
  position: relative;
}

.locations-grid {
  position: relative;
}
.locations-grid .dotBar {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.locations-grid .dotBar .bg-dots {
  position: relative;
  height: 80%;
  width: 100%;
}
.locations-grid .location-card {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  border: solid 1px #EDF0F1;
  border-radius: 6px;
  padding: 10px 24px 20px 24px;
  height: 100%;
}
.locations-grid .location-card h5 {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.locations-grid .location-card h6 {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
}
.locations-grid .locations-cta {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.culture .culture-border-separator {
  border-top: solid 1px #EAE9E9;
}
.culture .about-culture-quote .highlight-text span {
  color: #253746;
  box-shadow: 0.7rem 0 0 #EDF0F1, -0.7rem 0 0 #EDF0F1;
  background: #EDF0F1;
}

.section-leadership {
  background: #eff0f2;
}
.section-leadership .leadership-content {
  height: auto !important;
  padding: 0 10px;
}
.section-leadership .leadership-content li {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.section-leadership .leadership-content li.selected {
  display: flex;
}
.section-leadership .leadership-content li.leadership, .section-leadership .leadership-content li.directors {
  text-align: center;
}
.section-leadership .leadership-content li.leadership h4, .section-leadership .leadership-content li.directors h4 {
  padding: 10px 0 5px 0;
  text-transform: uppercase;
}
.section-leadership .leadership-content li.leadership p, .section-leadership .leadership-content li.directors p {
  font-size: 16px;
  color: #B2B4B2;
}
.section-leadership .leadership-content li.leadership .leadership-thumbnail, .section-leadership .leadership-content li.directors .leadership-thumbnail {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 15px;
  border-radius: 5px;
  overflow: hidden;
}
.section-leadership .leadership-content li.leadership .leadership-thumbnail:hover, .section-leadership .leadership-content li.directors .leadership-thumbnail:hover {
  opacity: 1;
}
.section-leadership .leadership-content li.leadership .leadership-thumbnail:hover .readBio-cta, .section-leadership .leadership-content li.directors .leadership-thumbnail:hover .readBio-cta {
  opacity: 1;
}
.section-leadership .leadership-content li.leadership .leadership-thumbnail img, .section-leadership .leadership-content li.directors .leadership-thumbnail img {
  position: relative;
  display: block;
  z-index: 1;
}
.section-leadership .leadership-content li.leadership .leadership-thumbnail .readBio-cta, .section-leadership .leadership-content li.directors .leadership-thumbnail .readBio-cta {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 59, 124, 0.8);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: #FFFFFF;
  opacity: 1;
}
@media (min-width: 768px) {
  .section-leadership .leadership-content li.leadership .leadership-thumbnail .readBio-cta, .section-leadership .leadership-content li.directors .leadership-thumbnail .readBio-cta {
    height: 100%;
    top: 0;
    opacity: 0;
  }
}
.section-leadership .leadership-content li.directors {
  justify-content: center;
}
.section-leadership .leadership-content li.directors .director-item {
  width: 50%;
  padding: 10px;
}
@media (min-width: 600px) {
  .section-leadership .leadership-content li.directors .director-item {
    width: 33.33%;
    padding: 20px;
  }
}
@media (min-width: 920px) {
  .section-leadership .leadership-content li.directors .director-item {
    width: 20%;
  }
}

.tabs-leadership .tabs-nav li a.selected {
  background: #034490;
  color: #fff;
}

.leadership-toggle-btn {
  display: flex;
  margin: 0;
  padding: 0;
  padding: 0 0 0 10px;
  justify-content: center;
}
@media (min-width: 544px) {
  .leadership-toggle-btn {
    justify-content: flex-start;
  }
}
.leadership-toggle-btn:first-child {
  margin: 0 0 20px 0;
}
@media (min-width: 544px) {
  .leadership-toggle-btn:first-child {
    margin: 0;
    padding: 0 10px 0 0;
    justify-content: flex-end;
  }
}

.leadership-modal {
  padding: 80px 20px;
  overflow-y: scroll;
}
@media (min-width: 769px) {
  .leadership-modal {
    padding: 150px 130px;
  }
}
.leadership-modal img {
  display: block;
  margin: 0 auto;
  max-width: 200px;
  width: 100%;
  border-radius: 3px;
}
@media (min-width: 769px) {
  .leadership-modal img {
    max-width: 400px;
  }
}
.leadership-modal h2 {
  padding: 0;
  text-align: center;
}
@media (min-width: 769px) {
  .leadership-modal h2 {
    text-align: left;
  }
}
.leadership-modal h5 {
  padding: 5px 0 20px 0;
  color: #717C7D;
  text-align: center;
}
@media (min-width: 769px) {
  .leadership-modal h5 {
    text-align: left;
  }
}
.leadership-modal p {
  text-align: center;
}
@media (min-width: 769px) {
  .leadership-modal p {
    text-align: left;
  }
}
.leadership-modal .close-modal {
  position: absolute;
  top: 80px;
  right: 24px;
  bottom: auto;
  left: auto;
  height: 25px;
  width: 20px;
  display: block;
  color: #717c7d;
  font-size: 20px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .leadership-modal .close-modal {
    top: 120px;
    right: 45px;
  }
}

.section-press h2 {
  margin: 0 auto;
  max-width: 600px;
}
.section-press .blog-list {
  margin: 0 auto;
  padding: 0;
  max-width: 790px;
}
.section-press .blog-list .blog-item {
  padding: 20px 0;
  border-bottom: 2px solid #f6f7f9;
  list-style-type: none;
}
.section-press .blog-list .date {
  font-size: 11px;
  font-weight: 500;
  color: #818E96;
  text-transform: uppercase;
}
.section-press .blog-list .blog-post-link {
  margin: 10px 0 20px;
  font-weight: 500;
  display: block;
  font-size: 20px;
  color: #253746;
}
.section-press .blog-list .blog-post-link:hover {
  color: #00afd7;
}

.section-video-feedback {
  padding: 7em 0 0 0;
}

.voc h5 {
  color: #12C3AC;
}

.analytics-hed h5 {
  color: #F0B323;
}

.container.pad.em-piece p {
  color: #253746;
  font-weight: 700;
  font-size: 2.4rem;
  padding: 60px 0 40px 0;
}

.problem {
  padding-left: 143px;
  padding-bottom: 40px;
  margin-top: 150px;
}

.Solution2.uncover {
  padding-right: 187px;
  margin-top: 16%;
}

@media (min-width: 992px) {
  .Solution3 {
    padding: 60px 68px 60px 144px;
  }
}

.contact-header {
  position: relative;
  background: #FFFFFF;
  padding: 180px 0 100px 0;
}
.contact-header .overlay {
  z-index: 0;
}
.contact-header .content {
  position: relative;
  z-index: 1;
}
.contact-header .content p {
  font-size: 2.4rem;
}

.contact-locations .card {
  border: solid 1px #EAE9E9;
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.contact-locations .card:hover {
  opacity: 1;
}
.contact-locations .card:hover .btn-card {
  opacity: 1;
  background: #033B7C;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-locations .card:hover .btn-card h5 {
  padding: 0;
  color: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-locations .card:hover .btn-card svg {
  fill: #FFFFFF;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-locations .card .card-content {
  display: block;
  padding: 30px 30px 0px;
  text-align: left;
}
.contact-locations .card .card-content img {
  max-width: 60%;
}
.contact-locations .card .contact-phone {
  padding: 0px 30px 10px;
}
.contact-locations .card .contact-phone h5 {
  padding: 0 0 5px 0;
}
.contact-locations .card .btn-card {
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 30px;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-locations .card .btn-card:hover h5 {
  transform: translateX(4px);
}
.contact-locations .card .btn-card:hover svg {
  transform: translateX(4px);
}
.contact-locations .card .btn-card h5 {
  padding: 0;
  color: #033B7C;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-locations .card .btn-card svg {
  fill: #033B7C;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-support img {
  max-width: 322px;
}

.contact-emails .row--grid {
  justify-content: center;
}
.contact-emails h5 {
  padding-bottom: 14px;
}

.attachment-image img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.attachment-image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 20%);
}
.attachment-image .entry-caption {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  padding: 100px 40px 40px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%);
}
.attachment-image .entry-caption h1 {
  color: #FFFFFF;
}
.attachment-image .entry-caption p {
  color: #B2B4B2;
}
.attachment-image .post-navigation {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}
.attachment-image .post-navigation .nav-links {
  display: inline;
}
.attachment-image .post-navigation .nav-links .nav-previous {
  display: inline;
}
.attachment-image .post-navigation .nav-links .nav-previous a {
  text-decoration: none;
  padding: 14px 26px;
  background: #FFFFFF;
  display: inline-block;
}
.attachment-image .post-navigation .nav-links .nav-previous a:hover {
  opacity: 1;
}
.attachment-image .post-navigation .nav-links .nav-previous a:hover span {
  border-bottom: solid 1px;
}
.attachment-image .post-navigation .nav-links .nav-previous a h2 {
  font-size: 1.6rem;
  color: #253746;
  display: inline;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.attachment-image .post-navigation .nav-links .nav-previous a span {
  font-size: 1.6rem;
  color: #12C3AC;
  text-decoration: none;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: solid 1px trasparent;
}

.demo-request-page {
  position: relative;
  width: 100vw;
  height: auto;
}
@media (min-width: 1024px) {
  .demo-request-page {
    height: 100vh;
  }
}
.demo-request-page .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
}
.demo-request-page .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.75;
  background: linear-gradient(to right, #034490, #0057FF, #0D8A7A, #5820A8);
  background-size: 1600% 2600%;
  animation: gradient_motion 20s ease infinite;
}
@keyframes gradient_motion {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.demo-request-page .pattern_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background: url("../static/img/demo_pattern_overlay.png") no-repeat center center;
  background-size: cover;
  opacity: 0.5;
}
.demo-request-page .full-screen-bg {
  position: fixed;
  width: calc(100vw - 400px);
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  backface-visibility: hidden;
}
.demo-request-page .full-screen-bg .full-screen-video {
  position: fixed;
  bottom: 0;
  height: auto;
  left: 50%;
  min-width: calc(100vw - 400px);
  min-height: 100%;
  transform: translate(-50%, 0%);
  width: auto;
}

.demo-request-content {
  position: relative;
  z-index: 6;
  width: 100%;
  height: auto;
  padding: 100px 20px 20px 20px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .demo-request-content {
    width: calc(100vw - 400px);
    height: 100vh;
    padding: 60px;
  }
}
.demo-request-content .logo {
  position: absolute;
  top: 24px;
  left: 24px;
}
@media (min-width: 1024px) {
  .demo-request-content .logo {
    top: 40px;
    left: 60px;
  }
}
.demo-request-content h1 {
  color: #FFFFFF;
  text-align: center;
  text-transform: none;
  margin: 0;
  font-size: 4.4rem;
  font-weight: 700;
  width: 100%;
}
@media (min-width: 1024px) {
  .demo-request-content h1 {
    font-size: 6.4rem;
    text-align: left;
  }
}
.demo-request-content p {
  color: #FFFFFF;
  padding: 10px 0;
  font-size: 1.7rem;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .demo-request-content p {
    text-align: left;
    max-width: 700px;
  }
}

.demo-brands {
  position: relative;
  z-index: 6;
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 40px 60px 30px 30px;
}
@media (min-width: 1024px) {
  .demo-brands {
    position: absolute;
    justify-content: space-between;
    width: calc(100vw - 400px);
    bottom: 0;
    left: 0;
    padding: 0 60px 10px 60px;
    flex-flow: row nowrap;
  }
}
.demo-brands p {
  display: block;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  margin: 0;
  padding: 20px 0 0 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .demo-brands p {
    text-align: left;
    padding: 0;
  }
}
.demo-brands .brand-logo {
  padding: 0 20px;
  margin-top: 20px;
}
.demo-brands .brand-logo svg {
  width: 100%;
  max-width: 50px;
}
@media (min-width: 1024px) {
  .demo-brands .brand-logo svg {
    max-width: 80px;
  }
}

.demo-request-formWrap {
  position: relative;
  z-index: 10;
  background: #FFFFFF;
  height: auto;
  width: 96%;
  top: 0;
  right: 0;
  padding: 20px 30px;
  -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 376px) {
  .demo-request-formWrap {
    width: 80%;
  }
}
@media (min-width: 415px) {
  .demo-request-formWrap {
    padding: 20px 60px;
  }
}
@media (min-width: 1024px) {
  .demo-request-formWrap {
    position: absolute;
    width: 400px;
    height: 100%;
    margin: initial;
    padding: 60px;
  }
}
.demo-request-formWrap .formWrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  transition: all 100ms linear;
}
.demo-request-formWrap .confirmationWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  opacity: 0;
  transform: translateX(100%) scale(0, 0);
  transition: all 300ms cubic-bezier(0.12, 0.96, 0.48, 1.1);
  transition-delay: 200ms;
}
@media (min-width: 1024px) {
  .demo-request-formWrap .confirmationWrap {
    padding: 20px 60px;
  }
}
.demo-request-formWrap .confirmationWrap h2 {
  color: #253746;
  font-weight: 900;
  font-size: 4rem;
  padding-bottom: 50px;
  text-transform: none;
}
@media (min-width: 640px) {
  .demo-request-formWrap .confirmationWrap h2 {
    font-size: 6rem;
  }
}
.demo-request-formWrap .confirmationWrap img {
  display: block;
  width: 150px;
}
@media (min-width: 1024px) {
  .demo-request-formWrap .confirmationWrap img {
    width: 291px;
  }
}
.demo-request-formWrap .confirmationWrap p {
  font-size: 1.8rem;
  font-weight: 400;
}
.demo-request-formWrap .confirmationWrap p a {
  color: #0057FF;
}
.demo-request-formWrap.successful {
  width: 98%;
  transition: all 200ms cubic-bezier(0.29, 0.81, 0.39, 0.85);
}
@media (min-width: 376px) {
  .demo-request-formWrap.successful {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .demo-request-formWrap.successful {
    width: 600px;
  }
}
.demo-request-formWrap.successful + .overlay {
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(37, 55, 70, 0.6);
  display: none;
}
@media (min-width: 1024px) {
  .demo-request-formWrap.successful + .overlay {
    display: block;
  }
}
.demo-request-formWrap.successful .formWrap {
  opacity: 0;
  transition-delay: 100ms;
  transform: translateX(-100%) scale(0.1, 0.1);
  position: absolute;
}
.demo-request-formWrap.successful .confirmationWrap {
  position: relative;
  opacity: 1;
  transform: translateX(0%) scale(1, 1);
}

#testAnimation {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
}

.pii-request-page {
  position: relative;
  width: 100vw;
  height: auto;
}
.pii-request-page .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
}
.pii-request-page .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: linear-gradient(to right, #49c5b1, #00afd7 50%);
  opacity: 0.75;
}
.pii-request-page .pattern_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background: url("../static/img/demo_pattern_overlay.png") no-repeat center center;
  background-size: cover;
  opacity: 0.5;
}
.pii-request-page .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  backface-visibility: hidden;
  background: url("../static/img/pii-request.jpg") center center no-repeat;
  background-size: cover;
}

.pii-request-content {
  position: relative;
  z-index: 6;
  width: 100%;
  height: auto;
  padding: 100px 20px 20px 20px;
}
@media (min-width: 1024px) {
  .pii-request-content {
    position: absolute;
    width: calc(100vw - 400px);
    height: 100vh;
    padding: 10% 60px;
  }
}
.pii-request-content .logo {
  position: absolute;
  top: 24px;
  left: 24px;
}
@media (min-width: 1024px) {
  .pii-request-content .logo {
    top: 40px;
    left: 60px;
  }
}
.pii-request-content h1 {
  color: #FFFFFF;
  text-align: center;
  text-transform: none;
  margin: 0;
  font-size: 4.4rem;
  font-weight: 700;
  width: 100%;
}
@media (min-width: 1024px) {
  .pii-request-content h1 {
    font-size: 6.4rem;
    text-align: left;
  }
}
.pii-request-content p {
  color: #FFFFFF;
  padding: 10px 0;
  font-size: 1.7rem;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .pii-request-content p {
    text-align: left;
    max-width: 700px;
  }
}

.pii-request-formWrap {
  position: relative;
  z-index: 10;
  background: #FFFFFF;
  height: auto;
  width: 96%;
  top: 0;
  right: 0;
  padding: 10px 30px 40px;
  -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 376px) {
  .pii-request-formWrap {
    width: 80%;
  }
}
@media (min-width: 415px) {
  .pii-request-formWrap {
    padding: 40px 60px;
  }
}
@media (min-width: 1024px) {
  .pii-request-formWrap {
    position: relative;
    width: 400px;
    height: 100%;
    margin: 0 0 0 calc(100% - 400px);
    padding: 20px 60px;
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.pii-request-formWrap .formWrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  transition: all 100ms linear;
}
.pii-request-formWrap .confirmationWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  opacity: 0;
  transform: translateX(100%) scale(0, 0);
  transition: all 300ms cubic-bezier(0.12, 0.96, 0.48, 1.1);
  transition-delay: 200ms;
}
@media (min-width: 1024px) {
  .pii-request-formWrap .confirmationWrap {
    padding: 20px 60px;
  }
}
.pii-request-formWrap .confirmationWrap h2 {
  color: #253746;
  font-weight: 900;
  font-size: 4rem;
  padding-bottom: 50px;
  text-transform: none;
}
@media (min-width: 640px) {
  .pii-request-formWrap .confirmationWrap h2 {
    font-size: 6rem;
  }
}
.pii-request-formWrap .confirmationWrap img {
  display: block;
  width: 150px;
}
@media (min-width: 1024px) {
  .pii-request-formWrap .confirmationWrap img {
    width: 291px;
  }
}
.pii-request-formWrap .confirmationWrap p {
  font-size: 1.8rem;
  font-weight: 400;
}
.pii-request-formWrap .confirmationWrap p a {
  color: #0057FF;
}
.pii-request-formWrap.successful {
  width: 98%;
  transition: all 200ms cubic-bezier(0.29, 0.81, 0.39, 0.85);
}
@media (min-width: 376px) {
  .pii-request-formWrap.successful {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .pii-request-formWrap.successful {
    width: 600px;
  }
}
.pii-request-formWrap.successful + .overlay {
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(37, 55, 70, 0.6);
  display: none;
}
@media (min-width: 1024px) {
  .pii-request-formWrap.successful + .overlay {
    display: block;
  }
}
.pii-request-formWrap.successful .formWrap {
  opacity: 0;
  transition-delay: 100ms;
  transform: translateX(-100%) scale(0.1, 0.1);
  position: absolute;
}
.pii-request-formWrap.successful .confirmationWrap {
  position: relative;
  opacity: 1;
  transform: translateX(0%) scale(1, 1);
}

#testAnimation {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
}

.hero-careers {
  position: relative;
  z-index: 11;
  min-height: 100vh;
}
.hero-careers .hero-content h1 {
  position: relative;
  color: #253746;
  text-shadow: none;
}
.hero-careers .hero-content h1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 387px;
  height: 264px;
  background: url("../static/img/careers-hero-2.png") center center no-repeat;
  background-size: cover;
  top: -73px;
  left: 50%;
  margin-left: calc(-387px/2);
}

.videoIntro-careers {
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.55);
}
.videoIntro-careers h2 {
  color: #FFFFFF;
  font-size: 3.4rem;
}
.videoIntro-careers p {
  color: #FFFFFF;
}

.globalCompany-careers {
  position: relative;
  z-index: 5;
}

.parallaxWrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #eae9e9;
}

.parallaxBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4000px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyNTEuNnB4IiBoZWlnaHQ9IjE2MzEuMXB4IiB2aWV3Qm94PSIwIDAgMTI1MS42IDE2MzEuMSIKCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUxLjYgMTYzMS4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MC41O30KCS5zdDF7b3BhY2l0eTowLjE1O2ZpbGw6I0Y5NDIzQTt9Cgkuc3Qye2ZpbGw6bm9uZTtzdHJva2U6I0Y5NDIzQTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8ZGVmcz4KPC9kZWZzPgo8ZyBjbGFzcz0ic3QwIj4KCTxnPgoJCQoJCQk8cmVjdCB4PSIxMDExLjciIHk9IjEzMjcuMyIgdHJhbnNmb3JtPSJtYXRyaXgoNC40OTE3MDJlLTExIC0xIDEgNC40OTE3MDJlLTExIC0zMzQuMzExMiAyMzk5LjM5MzMpIiBjbGFzcz0ic3QxIiB3aWR0aD0iNDEuNiIgaGVpZ2h0PSI3OS4xIi8+CgkJCgkJCTxyZWN0IHg9IjExNDMuNiIgeT0iOTYuNCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgLTQuNDkxNjY0ZS0xMSA0LjQ5MTY2NGUtMTEgLTEgMjMyOC44NzA0IDI3MS44NDQzKSIgY2xhc3M9InN0MSIgd2lkdGg9IjQxLjYiIGhlaWdodD0iNzkuMSIvPgoJCQoJCQk8cmVjdCB4PSIxMTYyLjMiIHk9IjgyMy40IiB0cmFuc2Zvcm09Im1hdHJpeCgtNC40OTE3MTRlLTExIDEgLTEgLTQuNDkxNzE0ZS0xMSAyMDQ2LjAzNiAtMzIwLjIxNjgpIiBjbGFzcz0ic3QxIiB3aWR0aD0iNDEuNiIgaGVpZ2h0PSI3OS4xIi8+CgkJCgkJCTxyZWN0IHg9IjEyMDAuNSIgeT0iMTU3My4xIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAtNC40OTg5NDdlLTExIDQuNDk4OTQ3ZS0xMSAtMSAyNDUyLjEyNCAzMTkxLjg5NTUpIiBjbGFzcz0ic3QxIiB3aWR0aD0iNTEuMSIgaGVpZ2h0PSI0NS42Ii8+Cgk8L2c+Cgk8Zz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxMTM2LjMiIGN5PSIxMSIgcj0iMTAuNSIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSI5NDUiIHkxPSI5MjMuMyIgeDI9Ijk3MS44IiB5Mj0iOTIzLjMiLz4KCQk8bGluZSBjbGFzcz0ic3QyIiB4MT0iOTU4LjQiIHkxPSI5MzUuOCIgeDI9Ijk1OC40IiB5Mj0iOTA5Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iOTkwLjEiIGN5PSIxMTQxLjQiIHI9IjEwLjUiLz4KCQk8bGluZSBjbGFzcz0ic3QyIiB4MT0iMTAzNS41IiB5MT0iMzYzLjMiIHgyPSIxMDM1LjUiIHkyPSIzOTAuMSIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIxMDIyLjkiIHkxPSIzNzYuNyIgeDI9IjEwNDkuNyIgeTI9IjM3Ni43Ii8+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjExMTIuMiIgeTE9IjQ0Ni4xIiB4Mj0iMTExMi4yIiB5Mj0iNDczIi8+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjEwOTkuNiIgeTE9IjQ1OS42IiB4Mj0iMTEyNi40IiB5Mj0iNDU5LjYiLz4KCQk8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI5ODQiIGN5PSI2NjUuNyIgcj0iMTAuNSIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIxMTg1IiB5MT0iMTI3MS4yIiB4Mj0iMTE4NSIgeTI9IjEyNDQuNCIvPgoJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIxMTk3LjYiIHkxPSIxMjU3LjgiIHgyPSIxMTcwLjgiIHkyPSIxMjU3LjgiLz4KCQk8bGluZSBjbGFzcz0ic3QyIiB4MT0iMTEwOC4zIiB5MT0iMTU0NC41IiB4Mj0iMTEwOC4zIiB5Mj0iMTUxNy43Ii8+CgkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjExMjAuOSIgeTE9IjE1MzEuMSIgeDI9IjEwOTQuMSIgeTI9IjE1MzEuMSIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU2Ni45IiBjeT0iMTYyMCIgcj0iMTAuNSIvPgoJCQoJCQk8cmVjdCB4PSIxMDMyLjUiIHk9IjEzNDEuOSIgdHJhbnNmb3JtPSJtYXRyaXgoNC40OTE3MDJlLTExIC0xIDEgNC40OTE3MDJlLTExIC0zMjguMDc2NiAyNDM0Ljc2OTUpIiBjbGFzcz0ic3QyIiB3aWR0aD0iNDEuNiIgaGVpZ2h0PSI3OS4xIi8+CgkJCgkJCTxyZWN0IHg9IjExNjQuOSIgeT0iMTM5LjYiIHRyYW5zZm9ybT0ibWF0cml4KDQuNDkxNzAyZS0xMSAtMSAxIDQuNDkxNzAyZS0xMSAxMDE2LjUwNDUgMTM1NC45NDgyKSIgY2xhc3M9InN0MiIgd2lkdGg9IjQxLjYiIGhlaWdodD0iNTkuMiIvPgoJCQoJCQk8cmVjdCB4PSIxMTE4LjgiIHk9Ijg1NC4xIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAtNC40OTk2NTdlLTExIDQuNDk5NjU3ZS0xMSAtMSAyMzA0LjAxNzYgMTc2Ny40NTAxKSIgY2xhc3M9InN0MiIgd2lkdGg9IjY2LjQiIGhlaWdodD0iNTkuMiIvPgoJCQoJCQk8cmVjdCB4PSIxMTg2LjYiIHk9IjE1NTkuOCIgdHJhbnNmb3JtPSJtYXRyaXgoLTQuNDk3NzU0ZS0xMSAxIC0xIC00LjQ5Nzc1NGUtMTEgMjc4Ny43ODg4IDM3My4yMjE2KSIgY2xhc3M9InN0MiIgd2lkdGg9IjQxLjQiIGhlaWdodD0iNDEuNCIvPgoJPC9nPgo8L2c+CjxnIGNsYXNzPSJzdDAiPgoJPGc+CgkJPGc+CgkJCTxyZWN0IHg9IjM4LjYiIHk9IjM5Ny4zIiBjbGFzcz0ic3QxIiB3aWR0aD0iMzYuNiIgaGVpZ2h0PSI2OS41Ii8+CgkJCQoJCQkJPHJlY3QgeD0iMjAuMiIgeT0iMTAyNC44IiB0cmFuc2Zvcm09Im1hdHJpeCg2LjEyMzIzNGUtMTcgLTEgMSA2LjEyMzIzNGUtMTcgLTEwMTMuODg2NSAxMDc1LjA0MjgpIiBjbGFzcz0ic3QxIiB3aWR0aD0iMjAuNyIgaGVpZ2h0PSIzOS40Ii8+CgkJCQoJCQkJPHJlY3QgeD0iMTQwLjIiIHk9IjcyMC4xIiB0cmFuc2Zvcm09Im1hdHJpeCgtMS44MzY5NzBlLTE2IDEgLTEgLTEuODM2OTcwZS0xNiA5MDEuMTAxMiA1OTIuNTQzMSkiIGNsYXNzPSJzdDEiIHdpZHRoPSIyOC4xIiBoZWlnaHQ9IjUzLjQiLz4KCQk8L2c+CgkJPGc+CgkJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIyNTkuOSIgeTE9IjkzNi4yIiB4Mj0iMjM0IiB5Mj0iOTM2LjIiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjI0NyIgeTE9Ijk0OC4zIiB4Mj0iMjQ3IiB5Mj0iOTIyLjQiLz4KCQkJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNTIxLjEiIGN5PSIxMTgyLjEiIHI9IjEwLjIiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjU4LjMiIHkxPSI1ODEuOSIgeDI9IjU4LjMiIHkyPSI2MDcuOCIvPgoJCQk8bGluZSBjbGFzcz0ic3QyIiB4MT0iNzAuNCIgeTE9IjU5NC44IiB4Mj0iNDQuNiIgeTI9IjU5NC44Ii8+CgkJCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjEwMi4yIiBjeT0iMjc0LjIiIHI9IjEwLjIiLz4KCQkJPHJlY3QgeD0iMjUuOCIgeT0iMzc5IiBjbGFzcz0ic3QyIiB3aWR0aD0iMzYuNiIgaGVpZ2h0PSI2OS41Ii8+CgkJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSIxOS42IiB5MT0iMTI3OSIgeDI9IjE5LjYiIHkyPSIxMjUzLjIiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjcuNSIgeTE9IjEyNjYuMSIgeDI9IjMzLjMiIHkyPSIxMjY2LjEiLz4KCQkJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjkzLjUiIHkxPSIxMTk5LjIiIHgyPSI5My41IiB5Mj0iMTE3My4zIi8+CgkJCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSI4MS40IiB5MT0iMTE4Ni4zIiB4Mj0iMTA3LjMiIHkyPSIxMTg2LjMiLz4KCQkJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTY4LjMiIGN5PSIxNTk5LjEiIHI9IjEwLjIiLz4KCQkJCgkJCQk8cmVjdCB4PSI5LjgiIHk9IjEwMzIiIHRyYW5zZm9ybT0ibWF0cml4KDYuMTIzMjM0ZS0xNyAtMSAxIDYuMTIzMjM0ZS0xNyAtMTAzMS41MTY1IDEwNzEuOTM1OCkiIGNsYXNzPSJzdDIiIHdpZHRoPSIyMC43IiBoZWlnaHQ9IjM5LjQiLz4KCQkJPHJlY3QgeD0iMTUyLjkiIHk9Ijc0MC45IiBjbGFzcz0ic3QyIiB3aWR0aD0iNDQuOCIgaGVpZ2h0PSI0MCIvPgoJCTwvZz4KCTwvZz4KCTxsaW5lIGNsYXNzPSJzdDIiIHgxPSI4NC4zIiB5MT0iNTguOSIgeDI9IjY1LjkiIHkyPSI1OC45Ii8+Cgk8bGluZSBjbGFzcz0ic3QyIiB4MT0iNzUuMSIgeTE9IjY3LjUiIHgyPSI3NS4xIiB5Mj0iNDkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjIzMS4zIiBjeT0iMTEzLjUiIHI9IjcuMiIvPgo8L2c+Cjwvc3ZnPg==");
  background-size: 100%;
  box-sizing: border-box;
}

.parallaxItems {
  position: relative;
  height: 900px;
}
@media (min-width: 760px) {
  .parallaxItems {
    height: 1500px;
  }
}

.snapshot-photo {
  position: absolute;
  display: block;
  -webkit-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.35);
  width: 50%;
}
@media (min-width: 760px) {
  .snapshot-photo {
    width: auto;
  }
}
.snapshot-photo:nth-child(1) {
  top: 0%;
  left: 0%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(1) {
    top: 0%;
    left: 0%;
  }
}
.snapshot-photo:nth-child(2) {
  bottom: 30%;
  right: 0%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(2) {
    bottom: 2%;
    right: 13%;
  }
}
.snapshot-photo:nth-child(3) {
  top: 37%;
  left: 33%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(3) {
    top: 45%;
    left: 25%;
  }
}
.snapshot-photo:nth-child(4) {
  top: 50%;
  right: 45%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(4) {
    top: 57%;
    right: 5%;
  }
}
.snapshot-photo:nth-child(5) {
  top: 26%;
  left: 5%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(5) {
    top: 20%;
    left: 20%;
  }
}
.snapshot-photo:nth-child(6) {
  bottom: 0%;
  left: 28%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(6) {
    bottom: 0%;
    left: 0%;
  }
}
.snapshot-photo:nth-child(7) {
  top: 5%;
  right: 0%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(7) {
    top: 8%;
    right: 0%;
  }
}
.snapshot-photo:nth-child(8) {
  top: -6%;
  right: 20%;
}
@media (min-width: 760px) {
  .snapshot-photo:nth-child(8) {
    top: 0%;
    right: 25%;
  }
}

.hero.support {
  background-image: url("//inmoment.com/wp-content/uploads/2018/10/bg-support.jpg");
  background-size: cover;
  color: #fff;
  text-align: center;
}

.support .row .col-sm-6:first-child {
  border-right: 1px solid #b2b4b2;
}

.hero-office_location .hero-content {
  position: relative;
}

.companyDescription .accentLine {
  width: 100px;
  height: 4px;
  border-radius: 2px;
  display: block;
  margin: 0 auto;
}
.companyDescription p {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.8;
  margin: 0;
}

.locationDescription .image {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.locationDescription .content {
  text-align: center;
  padding: 0 30px;
}
@media (min-width: 990px) {
  .locationDescription .content {
    text-align: left;
  }
}

.sla .select {
  width: 160px;
  margin: 0 auto;
}

.sla-year {
  font-size: 2.5rem;
  font-weight: 600;
  padding-left: 20px;
}

.sla-dataPoint {
  height: 100%;
  border: solid 1px #ccc;
  border-radius: 10px;
}
.sla-dataPoint h3 {
  font-size: 1.2rem;
  text-transform: none;
}
@media (min-width: 544px) {
  .sla-dataPoint h3 {
    font-size: 1.6rem;
  }
}
.sla-dataPoint p {
  font-weight: 600;
  color: #2971FB;
  font-size: 1.6rem;
  margin: 0;
}
@media (min-width: 544px) {
  .sla-dataPoint p {
    font-size: 2.1rem;
  }
}

.forrester-wave-hero {
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.forrester-wave-hero .hero-content {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  padding: 120px 0px 60px 0px;
}
.forrester-wave-hero .hero-content h5 {
  color: #FFFFFF;
  font-size: 2rem;
}
.forrester-wave-hero .hero-content h1 {
  color: #FFFFFF;
  font-size: 6rem;
}
@media (min-width: 544px) {
  .forrester-wave-hero .hero-content h1 {
    font-size: 8rem;
  }
}
.forrester-wave-hero .hero-content p {
  color: #FFFFFF;
  font-size: 2rem;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 40px 0;
}

.forrester-wave-introduction {
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 2;
}

.forrester-wave-formWrap.formContainer {
  overflow: hidden;
}
.forrester-wave-formWrap.formContainer .confirmationWrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding: 50px;
  text-align: center;
  transform: translateX(100%);
  transition: all 200ms cubic-bezier(0.97, 0.01, 0.79, 0.15);
}
.forrester-wave-formWrap.formContainer.successful .confirmationWrap {
  transform: translateX(0%);
}

.forrester-wave-formWrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  height: auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
}
@media (min-width: 769px) {
  .forrester-wave-formWrap {
    position: absolute;
    top: 0;
    left: calc(50% - 215px);
  }
}
.forrester-wave-formWrap .forrester-wave-formWrap-title {
  color: #FFFFFF;
  padding: 50px;
  font-size: 2.7rem;
}
.forrester-wave-formWrap .forrester-wave-formWrap-content {
  padding: 50px;
}

@media (min-width: 769px) {
  .forrester-quote {
    margin-top: 200px;
    margin-left: 18px;
  }
}
.forrester-quote .highlight-text span {
  color: #253746;
  box-shadow: 0.5rem 0 0 #d3e2f8, -0.5rem 0 0 #d3e2f8;
  background: #d3e2f8;
}
.forrester-quote cite.highlight-text span {
  color: #FFFFFF;
  box-shadow: 0.5rem 0 0 #253746, -0.5rem 0 0 #253746;
  background: #253746;
}

.forrester-wave-request-form .formMessage {
  position: relative;
}

.scores img {
  display: block;
  margin: 0 auto;
}
.scores h3 {
  text-transform: none;
  font-size: 2rem;
  padding-bottom: 20px;
}

.forrester-wave-faqs a {
  font-weight: 600;
  border-bottom: solid 1px;
  color: inherit;
}

.privacy-policy .logo {
  position: absolute;
  top: 40px;
  left: 40px;
}

.recruiting-quiz-raffle {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTkyMHB4IgoJIGhlaWdodD0iMjk2cHgiIHZpZXdCb3g9IjAgMCAxOTIwIDI5NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkyMCAyOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRDFEMUQxO30KCS5zdDF7ZmlsbDojRjRGNEY0O30KPC9zdHlsZT4KPGRlZnM+CjwvZGVmcz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDk2IDAsMjk2IDE4NDcsMjk2ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE5MjAsMjk2IDE5MjAsMCAxMDQxLDIwOSAxODQ3LDI5NiAiLz4KPC9zdmc+");
  background-position: 0% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
}

.rcf-header {
  position: relative;
  z-index: 5;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 40px 0 0 0;
  height: 120px;
}
.rcf-header .logo {
  display: block;
  width: 80px;
  margin: 0 auto;
}
.rcf-header .logo svg path {
  fill: #253746;
}

.rcf-content {
  position: relative;
  z-index: 10;
  height: 100vh;
  width: 100%;
}

.rcf-slide {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.95);
}

.rcf-welcomeScreen {
  padding: 0px 20px;
  transform: translateY(-100%);
}
.rcf-welcomeScreen[status=active] {
  transform: translateY(0%);
}
.rcf-welcomeScreen h2 {
  margin: 0;
  padding: 50px 0 0 0;
}
.rcf-welcomeScreen p {
  padding: 5px 0 0 0;
}

.rcf-questions {
  padding: 20px;
  transform: translateY(100%);
}
.rcf-questions[status=active] {
  transform: translateY(0%);
}
.rcf-questions .rcf-logos {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
.rcf-questions .rcf-logos .rcf-logo-block {
  width: 220px;
  margin: 20px 5px 20px 5px;
}
.rcf-questions .rcf-logos .rcf-logo-block .rcf-logo {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.rcf-questions .rcf-logos .rcf-logo-block .rcf-logo svg path {
  fill: #717C7D;
}
.rcf-questions .rcf-logos .rcf-logo-block .rcf-logo svg rect {
  fill: none;
}
.rcf-questions .rcf-logos .rcf-logo-block .rcf-tag-target {
  width: 220px;
  height: 50px;
  border: 1px #ccc;
  border-style: dashed;
  border-radius: 6px;
}
.rcf-questions .rcf-logo-tags {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 30px;
}
.rcf-questions .rcf-logo-tags .rcf-logo-tag {
  width: 220px;
  height: 50px;
  border: solid 1px #ccc;
  border-radius: 6px;
  margin: 5px;
}
.rcf-questions .rcf-logo-tags .rcf-logo-tag p {
  width: 100%;
  height: 100%;
  background: #EDF0F1;
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  line-height: 2.8;
  font-size: 18px;
  cursor: grab;
  border: solid 1px #ccc;
}

.rcf-thankYou {
  padding: 0px 20px;
  transform: translateY(-100%);
}
.rcf-thankYou[status=active] {
  transform: translateY(0%);
}
.rcf-thankYou h2 {
  margin: 0;
  padding: 50px 0 0 0;
}
.rcf-thankYou p {
  padding: 5px 0 0 0;
}
.rcf-thankYou .rcf-thankYou-card {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #f5f5f5;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  margin-top: 40px;
}
.rcf-thankYou .rcf-thankYou-card h1 {
  color: #68CACD;
  font-size: 60px;
}
.rcf-thankYou .rcf-thankYou-card h2 {
  padding: 0;
}

.rcf-form-wrap {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #f5f5f5;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  margin-top: 40px;
}
.rcf-form-wrap label {
  font-size: 20px;
}
.rcf-form-wrap input {
  width: 100%;
  text-align: center;
  border: solid 1px #B2B4B2;
  padding: 16px;
  font-size: 20px;
  border-radius: 3px;
}
.rcf-form-wrap input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 260px;
  left: 50%;
  margin-left: -130px;
}
.rcf-form-wrap input[type=checkbox] + label {
  position: relative;
  width: 260px;
  left: 50%;
  margin-left: -130px;
  cursor: pointer;
  display: inline;
  line-height: 2.6;
}
.rcf-form-wrap input[type=checkbox] + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 2px solid #68CACD;
  border-radius: 3px;
  transform: translateY(-10px);
}
.rcf-form-wrap input[type=checkbox]:hover + label:before {
  background: transparent;
}
.rcf-form-wrap input[type=checkbox]:focus + label:before {
  background: transparent;
}
.rcf-form-wrap input[type=checkbox]:checked + label:before {
  background: #fff;
}
.rcf-form-wrap input[type=checkbox]:disabled + label {
  color: #FFFFFF;
  cursor: auto;
}
.rcf-form-wrap input[type=checkbox]:disabled + label:before {
  box-shadow: none;
  background: transparent;
  border: 1px solid #EAE9E9;
}
.rcf-form-wrap input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 32px;
  height: 32px;
  transform: translateY(-10px);
  background: #68CACD;
}
.rcf-form-wrap input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b4b7bb;
  text-transform: none;
  font-size: 18px;
}
.rcf-form-wrap input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b4b7bb;
  text-transform: none;
  font-size: 18px;
}
.rcf-form-wrap input:-ms-input-placeholder {
  /* IE 10+ */
  color: #b4b7bb;
  text-transform: none;
  font-size: 18px;
}
.rcf-form-wrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #b4b7bb;
  text-transform: none;
  font-size: 18px;
}
.rcf-form-wrap .btn {
  font-size: 2.6rem;
  font-weight: 400;
  border-radius: 100px;
  padding: 12px 34px;
}

.preferences-hero {
  background: #17406e;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMjkiIHZpZXdCb3g9IjAgMCAxNDQwIDMyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExNzEuMDMgMTM0LjU4QzExMTEuMTIgMTUzLjU3IDEwNTQuOTMgMTgxLjQ3IDEwMTEuMyAyMDEuOTJDODY4LjQgMjY4LjkyIDYxOC41NyAzMDQuNTEgNDc1LjY3IDE3OS41MUM0MTAuNzYgMTIyLjczIDM1Mi4zOSA4Mi40MyAyOTkuMDkgNTQuNkMzNjAuNTEgNDcuMTQgNDIyLjY3IDU0Ljk2IDQ3Ni42OCA4OC4wNUM2NDguMiAxOTMuMTYgNzY1Ljg3IDE5MS43NCA4NDMuNjYgMTQ3LjU1QzkzNS44NSA5NS4xNyAxMDQxLjM0IDI0LjI2IDExNzEuMDMgMTM0LjU4WiIgZmlsbD0iIzE1M0I1RSIvPgo8cGF0aCBkPSJNMjk5LjA5IDU0LjZDMTY0Ljg3IDcwLjg5IDM0LjIxIDE2MC4xMiAwIDIxNy45NVYxMC41MUM4NS4wOCAtNy40ODk5OCAxNzkuMjQgLTcuOTc5OTggMjk5LjA5IDU0LjZaIiBmaWxsPSIjMTUzQjVFIi8+CjxwYXRoIGQ9Ik0xNDQwIDE2OFYxOTkuMTFDMTQxNy4wNiAyMjguODUgMTMwNy4xNyAyNjkuMTEgMTE5NC42OCAxNTYuNDdDMTE4Ni43MSAxNDguNDkgMTE3OC44MyAxNDEuMiAxMTcxLjAzIDEzNC41OEMxMjYyLjUzIDEwNS41NiAxMzYyLjcgOTcuMjkgMTQ0MCAxNjhaIiBmaWxsPSIjMTUzQjVFIi8+CjxwYXRoIGQ9Ik0xNDQwIDE5OS41MVYzMjkuNEgwVjIxOC4zNUMzNC4yMSAxNjAuNTIgMTY0Ljg3IDcxLjI5IDI5OS4wOSA1NUMzNTIuMzkgODIuODMgNDEwLjc2IDEyMy4xMyA0NzUuNjcgMTc5LjkxQzYxOC41NyAzMDQuOTEgODY4LjQgMjY5LjMyIDEwMTEuMyAyMDIuMzJDMTA1NC45MyAxODEuODcgMTExMS4xMiAxNTMuOTcgMTE3MS4wMyAxMzQuOThDMTE3OC44MyAxNDEuNiAxMTg2LjcxIDE0OC44OSAxMTk0LjY4IDE1Ni44N0MxMzA3LjE3IDI2OS41MSAxNDE3LjA2IDIyOS4yNSAxNDQwIDE5OS41MVoiIGZpbGw9IiMxNTM1NEMiLz4KPC9zdmc+");
  background-size: 100%;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.preferences-form .checkbox-instruct {
  margin-bottom: 10px;
  font-size: 18px;
}
.preferences-form .formGroup {
  display: block;
  padding: 40px 0px;
}
@media (min-width: 600px) {
  .preferences-form .formGroup {
    display: flex;
  }
}
.preferences-form .formGroup .inputIcon {
  flex: 0 0 auto;
  width: 80px;
}
.preferences-form .formGroup .inputIcon svg {
  width: 100%;
}
.preferences-form .formGroup .inputWrap {
  flex: 1 1 auto;
  padding: 0px;
}
@media (min-width: 600px) {
  .preferences-form .formGroup .inputWrap {
    padding: 0 40px;
  }
}
.preferences-form .formGroup .inputWrap .btn {
  margin: 0 0 0 26px;
}
.preferences-form .formGroup .checkboxGroup label {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
.preferences-form .formGroup .checkboxGroup .checkboxDescription {
  padding: 5px 0 0 26px;
}

.notification-center {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 0px;
  transition: all 1ms linear;
  transform-origin: 50% 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 10000;
}
.notification-center[data-state=closed] {
  transition-delay: 1000ms;
}
.notification-center[data-state=closed] .notification-center-bg {
  animation: modal-bg-out 200ms forwards;
}
.notification-center[data-state=closed] .notification-svg {
  animation: move-out 1s forwards;
}
.notification-center[data-state=closed] .notification-modal {
  transform: translateY(100%);
  opacity: 0;
}
.notification-center[data-state=open] {
  transition-delay: 0ms;
  height: auto;
}
.notification-center[data-state=open] .notification-center-bg {
  animation: modal-bg-in 200ms forwards;
}
.notification-center[data-state=open] .notification-svg {
  animation: move-in 1s forwards;
}
.notification-center[data-state=open] .notification-modal {
  transform: translateY(0%);
  opacity: 1;
}

.notification-svg {
  position: absolute;
  width: 1316px;
  transform-origin: 50% 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transform: scale(1.4992866525, 0.001426695) translateY(0.0171203394px);
}
.notification-svg svg {
  display: block;
  width: 96%;
  fill: #fff;
}

.notification-center-bg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(37, 55, 70, 0.75);
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  opacity: 0;
}

.notification-modal {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: auto;
  transition: all 400ms cubic-bezier(0.45, -0.75, 0.45, 1.75);
  transform: translateY(100%);
  opacity: 0;
}
.notification-modal .notification-content {
  position: relative;
  display: block;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0px;
}
.notification-modal .notification-content h2 {
  font-size: 26px;
  line-height: 1.5;
  padding-bottom: 20px;
}

@keyframes modal-bg-in {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  1% {
    transform: translateY(0%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes modal-bg-out {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  99% {
    transform: translateY(0%);
    opacity: 0;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes move-in {
  0% {
    transform: scale(1.5, 0) translateY(0px);
  }
  1% {
    transform: scale(1.4956811787, 0.0086376426) translateY(0.1036517109px);
  }
  2% {
    transform: scale(1.4834556187, 0.0330887625) translateY(0.3970651504px);
  }
  3% {
    transform: scale(1.4644244685, 0.071151063) translateY(0.8538127555px);
  }
  4% {
    transform: scale(1.4396796219, 0.1206407562) translateY(1.4476890748px);
  }
  5% {
    transform: scale(1.4102862717, 0.1794274566) translateY(2.1531294787px);
  }
  6% {
    transform: scale(1.3772678897, 0.2454642206) translateY(2.9455706477px);
  }
  7% {
    transform: scale(1.3415936086, 0.3168127829) translateY(3.8017533945px);
  }
  8% {
    transform: scale(1.3041679536, 0.3916640929) translateY(4.6999691146px);
  }
  9% {
    transform: scale(1.2658228294, 0.4683543411) translateY(5.6202520935px);
  }
  10% {
    transform: scale(1.2273116416, 0.5453767168) translateY(6.5445206022px);
  }
  11% {
    transform: scale(1.1893054139, 0.6213891723) translateY(7.4566700673px);
  }
  12% {
    transform: scale(1.152390738, 0.695218524) translateY(8.3426222882px);
  }
  13% {
    transform: scale(1.1170693877, 0.7658612245) translateY(9.1903346943px);
  }
  14% {
    transform: scale(1.0837594112, 0.8324811776) translateY(9.9897741309px);
  }
  15% {
    transform: scale(1.0527975177, 0.8944049645) translateY(10.7328595745px);
  }
  16% {
    transform: scale(1.024442574, 0.9511148521) translateY(11.4133782249px);
  }
  17% {
    transform: scale(0.9988800208, 1.0022399583) translateY(12.0268795002px);
  }
  18% {
    transform: scale(0.9762270368, 1.0475459264) translateY(12.5705511168px);
  }
  19% {
    transform: scale(0.9565382715, 1.086923457) translateY(13.0430814835px);
  }
  20% {
    transform: scale(0.939811992, 1.1203760161) translateY(13.444512193px);
  }
  21% {
    transform: scale(0.9259964864, 1.1480070273) translateY(13.7760843273px);
  }
  22% {
    transform: scale(0.9149965922, 1.1700068155) translateY(14.0400817865px);
  }
  23% {
    transform: scale(0.9066802215, 1.1866395571) translateY(14.2396746848px);
  }
  24% {
    transform: scale(0.9008847731, 1.1982304539) translateY(14.3787654463px);
  }
  25% {
    transform: scale(0.8974233368, 1.2051533264) translateY(14.4618399168px);
  }
  26% {
    transform: scale(0.8960906087, 1.2078187826) translateY(14.4938253912px);
  }
  27% {
    transform: scale(0.8966684472, 1.2066631057) translateY(14.4799572678px);
  }
  28% {
    transform: scale(0.8989310197, 1.2021379606) translateY(14.4256555275px);
  }
  29% {
    transform: scale(0.9026494974, 1.1947010052) translateY(14.3364120623px);
  }
  30% {
    transform: scale(0.9075962692, 1.1848074615) translateY(14.2176895386px);
  }
  31% {
    transform: scale(0.9135486592, 1.1729026817) translateY(14.07483218px);
  }
  32% {
    transform: scale(0.9202921399, 1.1594157203) translateY(13.9129886433px);
  }
  33% {
    transform: scale(0.927623044, 1.144753912) translateY(13.7370469442px);
  }
  34% {
    transform: scale(0.9353507862, 1.1292984275) translateY(13.5515811301px);
  }
  35% {
    transform: scale(0.9432996114, 1.1134007772) translateY(13.3608093268px);
  }
  36% {
    transform: scale(0.9513098939, 1.0973802121) translateY(13.1685625452px);
  }
  37% {
    transform: scale(0.9592390183, 1.0815219633) translateY(12.9782635602px);
  }
  38% {
    transform: scale(0.9669618701, 1.0660762598) translateY(12.7929151176px);
  }
  39% {
    transform: scale(0.9743709762, 1.0512580475) translateY(12.6150965703px);
  }
  40% {
    transform: scale(0.9813763306, 1.0372473387) translateY(12.4469680645px);
  }
  41% {
    transform: scale(0.9879049431, 1.0241901137) translateY(12.2902813649px);
  }
  42% {
    transform: scale(0.9939001514, 1.0121996972) translateY(12.1463963665px);
  }
  43% {
    transform: scale(0.9993207347, 1.0013585305) translateY(12.0163023664px);
  }
  44% {
    transform: scale(1.0041398657, 0.9917202687) translateY(11.900643224px);
  }
  45% {
    transform: scale(1.0083439368, 0.9833121263) translateY(11.7997455162px);
  }
  46% {
    transform: scale(1.0119312966, 0.9761374068) translateY(11.7136488816px);
  }
  47% {
    transform: scale(1.014910925, 0.9701781499) translateY(11.6421377991px);
  }
  48% {
    transform: scale(1.0173010796, 0.9653978408) translateY(11.5847740896px);
  }
  49% {
    transform: scale(1.0191279368, 0.9617441264) translateY(11.5409295171px);
  }
  50% {
    transform: scale(1.0204242535, 0.9591514931) translateY(11.5098179172px);
  }
  51% {
    transform: scale(1.0212280677, 0.9575438646) translateY(11.4905263748px);
  }
  52% {
    transform: scale(1.0215814577, 0.9568370846) translateY(11.4820450151px);
  }
  53% {
    transform: scale(1.021529372, 0.9569412561) translateY(11.4832950727px);
  }
  54% {
    transform: scale(1.0211185437, 0.9577629126) translateY(11.4931549518px);
  }
  55% {
    transform: scale(1.0203964972, 0.9592070055) translateY(11.5104840666px);
  }
  56% {
    transform: scale(1.019410654, 0.9611786921) translateY(11.5341443051px);
  }
  57% {
    transform: scale(1.0182075406, 0.9635849187) translateY(11.563019025px);
  }
  58% {
    transform: scale(1.0168321026, 0.9663357949) translateY(11.5960295383px);
  }
  59% {
    transform: scale(1.0153271213, 0.9693457574) translateY(11.6321490889px);
  }
  60% {
    transform: scale(1.0137327346, 0.9725345308) translateY(11.6704143695px);
  }
  61% {
    transform: scale(1.0120860558, 0.9758278885) translateY(11.7099346618px);
  }
  62% {
    transform: scale(1.0104208869, 0.9791582261) translateY(11.7498987137px);
  }
  63% {
    transform: scale(1.0087675211, 0.9824649578) translateY(11.7895794934px);
  }
  64% {
    transform: scale(1.0071526258, 0.9856947483) translateY(11.8283369799px);
  }
  65% {
    transform: scale(1.0055992016, 0.9888015968) translateY(11.8656191614px);
  }
  66% {
    transform: scale(1.0041266069, 0.9917467863) translateY(11.9009614352px);
  }
  67% {
    transform: scale(1.0027506421, 0.9944987159) translateY(11.9339845904px);
  }
  68% {
    transform: scale(1.0014836844, 0.9970326312) translateY(11.9643915744px);
  }
  69% {
    transform: scale(1.0003348652, 0.9993302696) translateY(11.9919632346px);
  }
  70% {
    transform: scale(0.9993102825, 1.001379435) translateY(12.0165532201px);
  }
  71% {
    transform: scale(0.9984132405, 1.0031735191) translateY(12.0380822289px);
  }
  72% {
    transform: scale(0.9976445097, 1.0047109807) translateY(12.0565317683px);
  }
  73% {
    transform: scale(0.9970026003, 1.0059947994) translateY(12.0719375923px);
  }
  74% {
    transform: scale(0.9964840433, 1.0070319135) translateY(12.0843829619px);
  }
  75% {
    transform: scale(0.9960836724, 1.0078326552) translateY(12.0939918627px);
  }
  76% {
    transform: scale(0.9957949042, 1.0084101916) translateY(12.1009222998px);
  }
  77% {
    transform: scale(0.9956100094, 1.0087799813) translateY(12.1053597751px);
  }
  78% {
    transform: scale(0.9955203735, 1.008959253) translateY(12.1075110361px);
  }
  79% {
    transform: scale(0.9955167428, 1.0089665143) translateY(12.1075981721px);
  }
  80% {
    transform: scale(0.9955894534, 1.0088210931) translateY(12.1058531174px);
  }
  81% {
    transform: scale(0.9957286412, 1.0085427175) translateY(12.1025126102px);
  }
  82% {
    transform: scale(0.9959244317, 1.0081511367) translateY(12.0978136402px);
  }
  83% {
    transform: scale(0.9961671081, 1.0076657838) translateY(12.0919894056px);
  }
  84% {
    transform: scale(0.9964472586, 1.0071054828) translateY(12.0852657932px);
  }
  85% {
    transform: scale(0.9967559009, 1.0064881982) translateY(12.0778583786px);
  }
  86% {
    transform: scale(0.9970845858, 1.0058308285) translateY(12.0699699415px);
  }
  87% {
    transform: scale(0.9974254801, 1.0051490399) translateY(12.0617884784px);
  }
  88% {
    transform: scale(0.9977714296, 1.0044571408) translateY(12.0534856897px);
  }
  89% {
    transform: scale(0.9981160035, 1.0037679929) translateY(12.0452159154px);
  }
  90% {
    transform: scale(0.9984535215, 1.0030929569) translateY(12.0371154831px);
  }
  91% {
    transform: scale(0.9987790651, 1.0024418697) translateY(12.0293024369px);
  }
  92% {
    transform: scale(0.9990884748, 1.0018230504) translateY(12.0218766051px);
  }
  93% {
    transform: scale(0.9993783346, 1.0012433308) translateY(12.0149199691px);
  }
  94% {
    transform: scale(0.9996459461, 1.0007081078) translateY(12.0084972939px);
  }
  95% {
    transform: scale(0.9998892926, 1.0002214147) translateY(12.002656977px);
  }
  96% {
    transform: scale(1.0001069967, 0.9997860067) translateY(11.9974320802px);
  }
  97% {
    transform: scale(1.0002982707, 0.9994034586) translateY(11.9928415038px);
  }
  98% {
    transform: scale(1.0004628639, 0.9990742723) translateY(11.9888912673px);
  }
  99% {
    transform: scale(1.0006010056, 0.9987979887) translateY(11.9855758647px);
  }
  100% {
    transform: scale(1.0007133475, 0.998573305) translateY(11.9828796606px);
  }
}
@keyframes move-out {
  0% {
    transform: scale(1, 1) translateY(12px);
  }
  1% {
    transform: scale(1.0043188213, 0.9913623574) translateY(11.8963482891px);
  }
  2% {
    transform: scale(1.0165443813, 0.9669112375) translateY(11.6029348496px);
  }
  3% {
    transform: scale(1.0355755315, 0.928848937) translateY(11.1461872445px);
  }
  4% {
    transform: scale(1.0603203781, 0.8793592438) translateY(10.5523109252px);
  }
  5% {
    transform: scale(1.0897137283, 0.8205725434) translateY(9.8468705213px);
  }
  6% {
    transform: scale(1.1227321103, 0.7545357794) translateY(9.0544293523px);
  }
  7% {
    transform: scale(1.1584063914, 0.6831872171) translateY(8.1982466055px);
  }
  8% {
    transform: scale(1.1958320464, 0.6083359071) translateY(7.3000308854px);
  }
  9% {
    transform: scale(1.2341771706, 0.5316456589) translateY(6.3797479065px);
  }
  10% {
    transform: scale(1.2726883584, 0.4546232832) translateY(5.4554793978px);
  }
  11% {
    transform: scale(1.3106945861, 0.3786108277) translateY(4.5433299327px);
  }
  12% {
    transform: scale(1.347609262, 0.304781476) translateY(3.6573777118px);
  }
  13% {
    transform: scale(1.3829306123, 0.2341387755) translateY(2.8096653057px);
  }
  14% {
    transform: scale(1.4162405888, 0.1675188224) translateY(2.0102258691px);
  }
  15% {
    transform: scale(1.4472024823, 0.1055950355) translateY(1.2671404255px);
  }
  16% {
    transform: scale(1.475557426, 0.0488851479) translateY(0.5866217751px);
  }
  17% {
    transform: scale(1.5011199792, -0.0022399583) translateY(-0.0268795002px);
  }
  18% {
    transform: scale(1.5237729632, -0.0475459264) translateY(-0.5705511168px);
  }
  19% {
    transform: scale(1.5434617285, -0.086923457) translateY(-1.0430814835px);
  }
  20% {
    transform: scale(1.560188008, -0.1203760161) translateY(-1.444512193px);
  }
  21% {
    transform: scale(1.5740035136, -0.1480070273) translateY(-1.7760843273px);
  }
  22% {
    transform: scale(1.5850034078, -0.1700068155) translateY(-2.0400817865px);
  }
  23% {
    transform: scale(1.5933197785, -0.1866395571) translateY(-2.2396746848px);
  }
  24% {
    transform: scale(1.5991152269, -0.1982304539) translateY(-2.3787654463px);
  }
  25% {
    transform: scale(1.6025766632, -0.2051533264) translateY(-2.4618399168px);
  }
  26% {
    transform: scale(1.6039093913, -0.2078187826) translateY(-2.4938253912px);
  }
  27% {
    transform: scale(1.6033315528, -0.2066631057) translateY(-2.4799572678px);
  }
  28% {
    transform: scale(1.6010689803, -0.2021379606) translateY(-2.4256555275px);
  }
  29% {
    transform: scale(1.5973505026, -0.1947010052) translateY(-2.3364120623px);
  }
  30% {
    transform: scale(1.5924037308, -0.1848074615) translateY(-2.2176895386px);
  }
  31% {
    transform: scale(1.5864513408, -0.1729026817) translateY(-2.07483218px);
  }
  32% {
    transform: scale(1.5797078601, -0.1594157203) translateY(-1.9129886433px);
  }
  33% {
    transform: scale(1.572376956, -0.144753912) translateY(-1.7370469442px);
  }
  34% {
    transform: scale(1.5646492138, -0.1292984275) translateY(-1.5515811301px);
  }
  35% {
    transform: scale(1.5567003886, -0.1134007772) translateY(-1.3608093268px);
  }
  36% {
    transform: scale(1.5486901061, -0.0973802121) translateY(-1.1685625452px);
  }
  37% {
    transform: scale(1.5407609817, -0.0815219633) translateY(-0.9782635602px);
  }
  38% {
    transform: scale(1.5330381299, -0.0660762598) translateY(-0.7929151176px);
  }
  39% {
    transform: scale(1.5256290238, -0.0512580475) translateY(-0.6150965703px);
  }
  40% {
    transform: scale(1.5186236694, -0.0372473387) translateY(-0.4469680645px);
  }
  41% {
    transform: scale(1.5120950569, -0.0241901137) translateY(-0.2902813649px);
  }
  42% {
    transform: scale(1.5060998486, -0.0121996972) translateY(-0.1463963665px);
  }
  43% {
    transform: scale(1.5006792653, -0.0013585305) translateY(-0.0163023664px);
  }
  44% {
    transform: scale(1.4958601343, 0.0082797313) translateY(0.099356776px);
  }
  45% {
    transform: scale(1.4916560632, 0.0166878737) translateY(0.2002544838px);
  }
  46% {
    transform: scale(1.4880687034, 0.0238625932) translateY(0.2863511184px);
  }
  47% {
    transform: scale(1.485089075, 0.0298218501) translateY(0.3578622009px);
  }
  48% {
    transform: scale(1.4826989204, 0.0346021592) translateY(0.4152259104px);
  }
  49% {
    transform: scale(1.4808720632, 0.0382558736) translateY(0.4590704829px);
  }
  50% {
    transform: scale(1.4795757465, 0.0408485069) translateY(0.4901820828px);
  }
  51% {
    transform: scale(1.4787719323, 0.0424561354) translateY(0.5094736252px);
  }
  52% {
    transform: scale(1.4784185423, 0.0431629154) translateY(0.5179549849px);
  }
  53% {
    transform: scale(1.478470628, 0.0430587439) translateY(0.5167049273px);
  }
  54% {
    transform: scale(1.4788814563, 0.0422370874) translateY(0.5068450482px);
  }
  55% {
    transform: scale(1.4796035028, 0.0407929945) translateY(0.4895159334px);
  }
  56% {
    transform: scale(1.480589346, 0.0388213079) translateY(0.4658556949px);
  }
  57% {
    transform: scale(1.4817924594, 0.0364150813) translateY(0.436980975px);
  }
  58% {
    transform: scale(1.4831678974, 0.0336642051) translateY(0.4039704617px);
  }
  59% {
    transform: scale(1.4846728787, 0.0306542426) translateY(0.3678509111px);
  }
  60% {
    transform: scale(1.4862672654, 0.0274654692) translateY(0.3295856305px);
  }
  61% {
    transform: scale(1.4879139442, 0.0241721115) translateY(0.2900653382px);
  }
  62% {
    transform: scale(1.4895791131, 0.0208417739) translateY(0.2501012863px);
  }
  63% {
    transform: scale(1.4912324789, 0.0175350422) translateY(0.2104205066px);
  }
  64% {
    transform: scale(1.4928473742, 0.0143052517) translateY(0.1716630201px);
  }
  65% {
    transform: scale(1.4944007984, 0.0111984032) translateY(0.1343808386px);
  }
  66% {
    transform: scale(1.4958733931, 0.0082532137) translateY(0.0990385648px);
  }
  67% {
    transform: scale(1.4972493579, 0.0055012841) translateY(0.0660154096px);
  }
  68% {
    transform: scale(1.4985163156, 0.0029673688) translateY(0.0356084256px);
  }
  69% {
    transform: scale(1.4996651348, 0.0006697304) translateY(0.0080367654px);
  }
  70% {
    transform: scale(1.5006897175, -0.001379435) translateY(-0.0165532201px);
  }
  71% {
    transform: scale(1.5015867595, -0.0031735191) translateY(-0.0380822289px);
  }
  72% {
    transform: scale(1.5023554903, -0.0047109807) translateY(-0.0565317683px);
  }
  73% {
    transform: scale(1.5029973997, -0.0059947994) translateY(-0.0719375923px);
  }
  74% {
    transform: scale(1.5035159567, -0.0070319135) translateY(-0.0843829619px);
  }
  75% {
    transform: scale(1.5039163276, -0.0078326552) translateY(-0.0939918627px);
  }
  76% {
    transform: scale(1.5042050958, -0.0084101916) translateY(-0.1009222998px);
  }
  77% {
    transform: scale(1.5043899906, -0.0087799813) translateY(-0.1053597751px);
  }
  78% {
    transform: scale(1.5044796265, -0.008959253) translateY(-0.1075110361px);
  }
  79% {
    transform: scale(1.5044832572, -0.0089665143) translateY(-0.1075981721px);
  }
  80% {
    transform: scale(1.5044105466, -0.0088210931) translateY(-0.1058531174px);
  }
  81% {
    transform: scale(1.5042713588, -0.0085427175) translateY(-0.1025126102px);
  }
  82% {
    transform: scale(1.5040755683, -0.0081511367) translateY(-0.0978136402px);
  }
  83% {
    transform: scale(1.5038328919, -0.0076657838) translateY(-0.0919894056px);
  }
  84% {
    transform: scale(1.5035527414, -0.0071054828) translateY(-0.0852657932px);
  }
  85% {
    transform: scale(1.5032440991, -0.0064881982) translateY(-0.0778583786px);
  }
  86% {
    transform: scale(1.5029154142, -0.0058308285) translateY(-0.0699699415px);
  }
  87% {
    transform: scale(1.5025745199, -0.0051490399) translateY(-0.0617884784px);
  }
  88% {
    transform: scale(1.5022285704, -0.0044571408) translateY(-0.0534856897px);
  }
  89% {
    transform: scale(1.5018839965, -0.0037679929) translateY(-0.0452159154px);
  }
  90% {
    transform: scale(1.5015464785, -0.0030929569) translateY(-0.0371154831px);
  }
  91% {
    transform: scale(1.5012209349, -0.0024418697) translateY(-0.0293024369px);
  }
  92% {
    transform: scale(1.5009115252, -0.0018230504) translateY(-0.0218766051px);
  }
  93% {
    transform: scale(1.5006216654, -0.0012433308) translateY(-0.0149199691px);
  }
  94% {
    transform: scale(1.5003540539, -0.0007081078) translateY(-0.0084972939px);
  }
  95% {
    transform: scale(1.5001107074, -0.0002214147) translateY(-0.002656977px);
  }
  96% {
    transform: scale(1.4998930033, 0.0002139933) translateY(0.0025679198px);
  }
  97% {
    transform: scale(1.4997017293, 0.0005965414) translateY(0.0071584962px);
  }
  98% {
    transform: scale(1.4995371361, 0.0009257277) translateY(0.0111087327px);
  }
  99% {
    transform: scale(1.4993989944, 0.0012020113) translateY(0.0144241353px);
  }
  100% {
    transform: scale(1.4992866525, 0.001426695) translateY(0.0171203394px);
  }
}
/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/
.u-full-width {
  position: relative;
  display: block;
  width: 100%;
}

.u-full-height {
  height: 100%;
}

.u-full-vheight {
  min-height: 100vh;
}

.u-center {
  margin: 0 auto;
}

.block {
  display: block;
}

.max-width-content-half {
  width: 100%;
  max-width: 520px;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

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

.u-pa-0 {
  padding: 0px;
}

.u-ptb-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.u-pt-0 {
  padding-top: 0px;
}

.u-pb-0 {
  padding-bottom: 0px;
}

.u-pl-0 {
  padding-left: 0px;
}

.u-pr-0 {
  padding-right: 0px;
}

.u-plr-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.u-pa-10 {
  padding: 10px;
}

.u-ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.u-pt-10 {
  padding-top: 10px;
}

.u-pb-10 {
  padding-bottom: 10px;
}

.u-pl-10 {
  padding-left: 10px;
}

.u-pr-10 {
  padding-right: 10px;
}

.u-plr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.u-pa-20 {
  padding: 20px;
}

.u-ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.u-pt-20 {
  padding-top: 20px;
}

.u-pb-20 {
  padding-bottom: 20px;
}

.u-pl-20 {
  padding-left: 20px;
}

.u-pr-20 {
  padding-right: 20px;
}

.u-plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.u-pa-30 {
  padding: 30px;
}

.u-ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.u-pt-30 {
  padding-top: 30px;
}

.u-pb-30 {
  padding-bottom: 30px;
}

.u-pl-30 {
  padding-left: 30px;
}

.u-pr-30 {
  padding-right: 30px;
}

.u-plr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.u-pa-40 {
  padding: 40px;
}

.u-ptb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.u-pt-40 {
  padding-top: 40px;
}

.u-pb-40 {
  padding-bottom: 40px;
}

.u-pl-40 {
  padding-left: 40px;
}

.u-pr-40 {
  padding-right: 40px;
}

.u-plr-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.u-pa-50 {
  padding: 50px;
}

.u-ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.u-pt-50 {
  padding-top: 50px;
}

.u-pb-50 {
  padding-bottom: 50px;
}

.u-pl-50 {
  padding-left: 50px;
}

.u-pr-50 {
  padding-right: 50px;
}

.u-plr-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.u-pa-60 {
  padding: 60px;
}

.u-ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.u-pt-60 {
  padding-top: 60px;
}

.u-pb-60 {
  padding-bottom: 60px;
}

.u-pl-60 {
  padding-left: 60px;
}

.u-pr-60 {
  padding-right: 60px;
}

.u-plr-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.u-pa-70 {
  padding: 70px;
}

.u-ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.u-pt-70 {
  padding-top: 70px;
}

.u-pb-70 {
  padding-bottom: 70px;
}

.u-pl-70 {
  padding-left: 70px;
}

.u-pr-70 {
  padding-right: 70px;
}

.u-plr-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.u-pa-80 {
  padding: 80px;
}

.u-ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.u-pt-80 {
  padding-top: 80px;
}

.u-pb-80 {
  padding-bottom: 80px;
}

.u-pl-80 {
  padding-left: 80px;
}

.u-pr-80 {
  padding-right: 80px;
}

.u-plr-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.u-pa-90 {
  padding: 90px;
}

.u-ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.u-pt-90 {
  padding-top: 90px;
}

.u-pb-90 {
  padding-bottom: 90px;
}

.u-pl-90 {
  padding-left: 90px;
}

.u-pr-90 {
  padding-right: 90px;
}

.u-plr-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.u-pa-100 {
  padding: 100px;
}

.u-ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.u-pt-100 {
  padding-top: 100px;
}

.u-pb-100 {
  padding-bottom: 100px;
}

.u-pl-100 {
  padding-left: 100px;
}

.u-pr-100 {
  padding-right: 100px;
}

.u-plr-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.u-pa-110 {
  padding: 110px;
}

.u-ptb-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.u-pt-110 {
  padding-top: 110px;
}

.u-pb-110 {
  padding-bottom: 110px;
}

.u-pl-110 {
  padding-left: 110px;
}

.u-pr-110 {
  padding-right: 110px;
}

.u-plr-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.u-pa-120 {
  padding: 120px;
}

.u-ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.u-pt-120 {
  padding-top: 120px;
}

.u-pb-120 {
  padding-bottom: 120px;
}

.u-pl-120 {
  padding-left: 120px;
}

.u-pr-120 {
  padding-right: 120px;
}

.u-plr-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.u-pa-130 {
  padding: 130px;
}

.u-ptb-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.u-pt-130 {
  padding-top: 130px;
}

.u-pb-130 {
  padding-bottom: 130px;
}

.u-pl-130 {
  padding-left: 130px;
}

.u-pr-130 {
  padding-right: 130px;
}

.u-plr-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.u-pa-140 {
  padding: 140px;
}

.u-ptb-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.u-pt-140 {
  padding-top: 140px;
}

.u-pb-140 {
  padding-bottom: 140px;
}

.u-pl-140 {
  padding-left: 140px;
}

.u-pr-140 {
  padding-right: 140px;
}

.u-plr-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.u-pa-150 {
  padding: 150px;
}

.u-ptb-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.u-pt-150 {
  padding-top: 150px;
}

.u-pb-150 {
  padding-bottom: 150px;
}

.u-pl-150 {
  padding-left: 150px;
}

.u-pr-150 {
  padding-right: 150px;
}

.u-plr-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.u-pa-160 {
  padding: 160px;
}

.u-ptb-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.u-pt-160 {
  padding-top: 160px;
}

.u-pb-160 {
  padding-bottom: 160px;
}

.u-pl-160 {
  padding-left: 160px;
}

.u-pr-160 {
  padding-right: 160px;
}

.u-plr-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.u-pa-170 {
  padding: 170px;
}

.u-ptb-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.u-pt-170 {
  padding-top: 170px;
}

.u-pb-170 {
  padding-bottom: 170px;
}

.u-pl-170 {
  padding-left: 170px;
}

.u-pr-170 {
  padding-right: 170px;
}

.u-plr-170 {
  padding-left: 170px;
  padding-right: 170px;
}

.u-pa-180 {
  padding: 180px;
}

.u-ptb-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.u-pt-180 {
  padding-top: 180px;
}

.u-pb-180 {
  padding-bottom: 180px;
}

.u-pl-180 {
  padding-left: 180px;
}

.u-pr-180 {
  padding-right: 180px;
}

.u-plr-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.u-pa-190 {
  padding: 190px;
}

.u-ptb-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.u-pt-190 {
  padding-top: 190px;
}

.u-pb-190 {
  padding-bottom: 190px;
}

.u-pl-190 {
  padding-left: 190px;
}

.u-pr-190 {
  padding-right: 190px;
}

.u-plr-190 {
  padding-left: 190px;
  padding-right: 190px;
}

.u-ma-0 {
  margin: 0px;
}

.u-mtb-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.u-mt-0 {
  margin-top: 0px;
}

.u-mb-0 {
  margin-bottom: 0px;
}

.u-ml-0 {
  margin-left: 0px;
}

.u-mr-0 {
  margin-right: 0px;
}

.u-mlr-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.u-ma-10 {
  margin: 10px;
}

.u-mtb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.u-mt-10 {
  margin-top: 10px;
}

.u-mb-10 {
  margin-bottom: 10px;
}

.u-ml-10 {
  margin-left: 10px;
}

.u-mr-10 {
  margin-right: 10px;
}

.u-mlr-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.u-ma-20 {
  margin: 20px;
}

.u-mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mb-20 {
  margin-bottom: 20px;
}

.u-ml-20 {
  margin-left: 20px;
}

.u-mr-20 {
  margin-right: 20px;
}

.u-mlr-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.u-ma-30 {
  margin: 30px;
}

.u-mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.u-mt-30 {
  margin-top: 30px;
}

.u-mb-30 {
  margin-bottom: 30px;
}

.u-ml-30 {
  margin-left: 30px;
}

.u-mr-30 {
  margin-right: 30px;
}

.u-mlr-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.u-ma-40 {
  margin: 40px;
}

.u-mtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.u-mt-40 {
  margin-top: 40px;
}

.u-mb-40 {
  margin-bottom: 40px;
}

.u-ml-40 {
  margin-left: 40px;
}

.u-mr-40 {
  margin-right: 40px;
}

.u-mlr-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.u-ma-50 {
  margin: 50px;
}

.u-mtb-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.u-mt-50 {
  margin-top: 50px;
}

.u-mb-50 {
  margin-bottom: 50px;
}

.u-ml-50 {
  margin-left: 50px;
}

.u-mr-50 {
  margin-right: 50px;
}

.u-mlr-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.u-ma-60 {
  margin: 60px;
}

.u-mtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-mt-60 {
  margin-top: 60px;
}

.u-mb-60 {
  margin-bottom: 60px;
}

.u-ml-60 {
  margin-left: 60px;
}

.u-mr-60 {
  margin-right: 60px;
}

.u-mlr-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.u-ma-70 {
  margin: 70px;
}

.u-mtb-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.u-mt-70 {
  margin-top: 70px;
}

.u-mb-70 {
  margin-bottom: 70px;
}

.u-ml-70 {
  margin-left: 70px;
}

.u-mr-70 {
  margin-right: 70px;
}

.u-mlr-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.u-ma-80 {
  margin: 80px;
}

.u-mtb-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.u-mt-80 {
  margin-top: 80px;
}

.u-mb-80 {
  margin-bottom: 80px;
}

.u-ml-80 {
  margin-left: 80px;
}

.u-mr-80 {
  margin-right: 80px;
}

.u-mlr-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.u-ma-90 {
  margin: 90px;
}

.u-mtb-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.u-mt-90 {
  margin-top: 90px;
}

.u-mb-90 {
  margin-bottom: 90px;
}

.u-ml-90 {
  margin-left: 90px;
}

.u-mr-90 {
  margin-right: 90px;
}

.u-mlr-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.u-ma-100 {
  margin: 100px;
}

.u-mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.u-mt-100 {
  margin-top: 100px;
}

.u-mb-100 {
  margin-bottom: 100px;
}

.u-ml-100 {
  margin-left: 100px;
}

.u-mr-100 {
  margin-right: 100px;
}

.u-mlr-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.u-ma-110 {
  margin: 110px;
}

.u-mtb-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.u-mt-110 {
  margin-top: 110px;
}

.u-mb-110 {
  margin-bottom: 110px;
}

.u-ml-110 {
  margin-left: 110px;
}

.u-mr-110 {
  margin-right: 110px;
}

.u-mlr-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.u-ma-120 {
  margin: 120px;
}

.u-mtb-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.u-mt-120 {
  margin-top: 120px;
}

.u-mb-120 {
  margin-bottom: 120px;
}

.u-ml-120 {
  margin-left: 120px;
}

.u-mr-120 {
  margin-right: 120px;
}

.u-mlr-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.u-ma-130 {
  margin: 130px;
}

.u-mtb-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.u-mt-130 {
  margin-top: 130px;
}

.u-mb-130 {
  margin-bottom: 130px;
}

.u-ml-130 {
  margin-left: 130px;
}

.u-mr-130 {
  margin-right: 130px;
}

.u-mlr-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.u-ma-140 {
  margin: 140px;
}

.u-mtb-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.u-mt-140 {
  margin-top: 140px;
}

.u-mb-140 {
  margin-bottom: 140px;
}

.u-ml-140 {
  margin-left: 140px;
}

.u-mr-140 {
  margin-right: 140px;
}

.u-mlr-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.u-ma-150 {
  margin: 150px;
}

.u-mtb-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.u-mt-150 {
  margin-top: 150px;
}

.u-mb-150 {
  margin-bottom: 150px;
}

.u-ml-150 {
  margin-left: 150px;
}

.u-mr-150 {
  margin-right: 150px;
}

.u-mlr-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.u-ma-160 {
  margin: 160px;
}

.u-mtb-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.u-mt-160 {
  margin-top: 160px;
}

.u-mb-160 {
  margin-bottom: 160px;
}

.u-ml-160 {
  margin-left: 160px;
}

.u-mr-160 {
  margin-right: 160px;
}

.u-mlr-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.u-ma-170 {
  margin: 170px;
}

.u-mtb-170 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.u-mt-170 {
  margin-top: 170px;
}

.u-mb-170 {
  margin-bottom: 170px;
}

.u-ml-170 {
  margin-left: 170px;
}

.u-mr-170 {
  margin-right: 170px;
}

.u-mlr-170 {
  margin-left: 170px;
  margin-right: 170px;
}

.u-ma-180 {
  margin: 180px;
}

.u-mtb-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.u-mt-180 {
  margin-top: 180px;
}

.u-mb-180 {
  margin-bottom: 180px;
}

.u-ml-180 {
  margin-left: 180px;
}

.u-mr-180 {
  margin-right: 180px;
}

.u-mlr-180 {
  margin-left: 180px;
  margin-right: 180px;
}

.u-ma-190 {
  margin: 190px;
}

.u-mtb-190 {
  margin-top: 190px;
  margin-bottom: 190px;
}

.u-mt-190 {
  margin-top: 190px;
}

.u-mb-190 {
  margin-bottom: 190px;
}

.u-ml-190 {
  margin-left: 190px;
}

.u-mr-190 {
  margin-right: 190px;
}

.u-mlr-190 {
  margin-left: 190px;
  margin-right: 190px;
}

.u-w-10 {
  width: 10%;
}

.u-w-20 {
  width: 20%;
}

.u-w-30 {
  width: 30%;
}

.u-w-40 {
  width: 40%;
}

.u-w-50 {
  width: 50%;
}

.u-w-60 {
  width: 60%;
}

.u-w-70 {
  width: 70%;
}

.u-w-80 {
  width: 80%;
}

.u-w-90 {
  width: 90%;
}

.t-white {
  color: #FFFFFF;
}

.bg-white {
  background: #FFFFFF;
  color: #EAE9E9;
}

.bg-off_white {
  background: #EAE9E9;
  color: #EAE9E9;
}

.bg-dots {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../static/img/bg-dots.svg");
}

.u-t-center {
  text-align: center;
}

.u-t-left {
  text-align: left;
}

.u-t-right {
  text-align: right;
}

.albatross {
  color: #FFFFFF;
}

.bg-albatross {
  background-color: #FFFFFF;
}

.bg-albatross-5 {
  background-color: rgba(255, 255, 255, 0.05);
}

.bg-albatross-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-albatross-15 {
  background-color: rgba(255, 255, 255, 0.15);
}

.bg-albatross-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-albatross-25 {
  background-color: rgba(255, 255, 255, 0.25);
}

.bg-albatross-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-albatross-35 {
  background-color: rgba(255, 255, 255, 0.35);
}

.bg-albatross-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-albatross-45 {
  background-color: rgba(255, 255, 255, 0.45);
}

.bg-albatross-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-albatross-55 {
  background-color: rgba(255, 255, 255, 0.55);
}

.bg-albatross-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-albatross-65 {
  background-color: rgba(255, 255, 255, 0.65);
}

.bg-albatross-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-albatross-75 {
  background-color: rgba(255, 255, 255, 0.75);
}

.bg-albatross-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-albatross-85 {
  background-color: rgba(255, 255, 255, 0.85);
}

.bg-albatross-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-albatross-95 {
  background-color: rgba(255, 255, 255, 0.95);
}

.bg-albatross-100 {
  background-color: white;
}

.bg-albatross-ltn-2 {
  background-color: white;
}

.bg-albatross-ltn-4 {
  background-color: white;
}

.bg-albatross-ltn-6 {
  background-color: white;
}

.bg-albatross-ltn-8 {
  background-color: white;
}

.bg-albatross-ltn-10 {
  background-color: white;
}

.bg-albatross-ltn-12 {
  background-color: white;
}

.bg-albatross-ltn-14 {
  background-color: white;
}

.bg-albatross-ltn-16 {
  background-color: white;
}

.bg-albatross-ltn-18 {
  background-color: white;
}

.bg-albatross-ltn-20 {
  background-color: white;
}

.bg-albatross-ltn-22 {
  background-color: white;
}

.bg-albatross-ltn-24 {
  background-color: white;
}

.bg-albatross-ltn-26 {
  background-color: white;
}

.bg-albatross-ltn-28 {
  background-color: white;
}

.bg-albatross-ltn-30 {
  background-color: white;
}

.bg-albatross-ltn-32 {
  background-color: white;
}

.bg-albatross-ltn-34 {
  background-color: white;
}

.bg-albatross-ltn-36 {
  background-color: white;
}

.bg-albatross-ltn-38 {
  background-color: white;
}

.bg-albatross-ltn-40 {
  background-color: white;
}

.grey_lt {
  color: #EDF0F1;
}

.bg-grey_lt {
  background-color: #EDF0F1;
}

.bg-grey_lt-5 {
  background-color: rgba(237, 240, 241, 0.05);
}

.bg-grey_lt-10 {
  background-color: rgba(237, 240, 241, 0.1);
}

.bg-grey_lt-15 {
  background-color: rgba(237, 240, 241, 0.15);
}

.bg-grey_lt-20 {
  background-color: rgba(237, 240, 241, 0.2);
}

.bg-grey_lt-25 {
  background-color: rgba(237, 240, 241, 0.25);
}

.bg-grey_lt-30 {
  background-color: rgba(237, 240, 241, 0.3);
}

.bg-grey_lt-35 {
  background-color: rgba(237, 240, 241, 0.35);
}

.bg-grey_lt-40 {
  background-color: rgba(237, 240, 241, 0.4);
}

.bg-grey_lt-45 {
  background-color: rgba(237, 240, 241, 0.45);
}

.bg-grey_lt-50 {
  background-color: rgba(237, 240, 241, 0.5);
}

.bg-grey_lt-55 {
  background-color: rgba(237, 240, 241, 0.55);
}

.bg-grey_lt-60 {
  background-color: rgba(237, 240, 241, 0.6);
}

.bg-grey_lt-65 {
  background-color: rgba(237, 240, 241, 0.65);
}

.bg-grey_lt-70 {
  background-color: rgba(237, 240, 241, 0.7);
}

.bg-grey_lt-75 {
  background-color: rgba(237, 240, 241, 0.75);
}

.bg-grey_lt-80 {
  background-color: rgba(237, 240, 241, 0.8);
}

.bg-grey_lt-85 {
  background-color: rgba(237, 240, 241, 0.85);
}

.bg-grey_lt-90 {
  background-color: rgba(237, 240, 241, 0.9);
}

.bg-grey_lt-95 {
  background-color: rgba(237, 240, 241, 0.95);
}

.bg-grey_lt-100 {
  background-color: #edf0f1;
}

.bg-grey_lt-ltn-2 {
  background-color: #f3f5f5;
}

.bg-grey_lt-ltn-4 {
  background-color: #f8fafa;
}

.bg-grey_lt-ltn-6 {
  background-color: #fefefe;
}

.bg-grey_lt-ltn-8 {
  background-color: white;
}

.bg-grey_lt-ltn-10 {
  background-color: white;
}

.bg-grey_lt-ltn-12 {
  background-color: white;
}

.bg-grey_lt-ltn-14 {
  background-color: white;
}

.bg-grey_lt-ltn-16 {
  background-color: white;
}

.bg-grey_lt-ltn-18 {
  background-color: white;
}

.bg-grey_lt-ltn-20 {
  background-color: white;
}

.bg-grey_lt-ltn-22 {
  background-color: white;
}

.bg-grey_lt-ltn-24 {
  background-color: white;
}

.bg-grey_lt-ltn-26 {
  background-color: white;
}

.bg-grey_lt-ltn-28 {
  background-color: white;
}

.bg-grey_lt-ltn-30 {
  background-color: white;
}

.bg-grey_lt-ltn-32 {
  background-color: white;
}

.bg-grey_lt-ltn-34 {
  background-color: white;
}

.bg-grey_lt-ltn-36 {
  background-color: white;
}

.bg-grey_lt-ltn-38 {
  background-color: white;
}

.bg-grey_lt-ltn-40 {
  background-color: white;
}

.sand {
  color: #EAE9E9;
}

.bg-sand {
  background-color: #EAE9E9;
}

.bg-sand-5 {
  background-color: rgba(234, 233, 233, 0.05);
}

.bg-sand-10 {
  background-color: rgba(234, 233, 233, 0.1);
}

.bg-sand-15 {
  background-color: rgba(234, 233, 233, 0.15);
}

.bg-sand-20 {
  background-color: rgba(234, 233, 233, 0.2);
}

.bg-sand-25 {
  background-color: rgba(234, 233, 233, 0.25);
}

.bg-sand-30 {
  background-color: rgba(234, 233, 233, 0.3);
}

.bg-sand-35 {
  background-color: rgba(234, 233, 233, 0.35);
}

.bg-sand-40 {
  background-color: rgba(234, 233, 233, 0.4);
}

.bg-sand-45 {
  background-color: rgba(234, 233, 233, 0.45);
}

.bg-sand-50 {
  background-color: rgba(234, 233, 233, 0.5);
}

.bg-sand-55 {
  background-color: rgba(234, 233, 233, 0.55);
}

.bg-sand-60 {
  background-color: rgba(234, 233, 233, 0.6);
}

.bg-sand-65 {
  background-color: rgba(234, 233, 233, 0.65);
}

.bg-sand-70 {
  background-color: rgba(234, 233, 233, 0.7);
}

.bg-sand-75 {
  background-color: rgba(234, 233, 233, 0.75);
}

.bg-sand-80 {
  background-color: rgba(234, 233, 233, 0.8);
}

.bg-sand-85 {
  background-color: rgba(234, 233, 233, 0.85);
}

.bg-sand-90 {
  background-color: rgba(234, 233, 233, 0.9);
}

.bg-sand-95 {
  background-color: rgba(234, 233, 233, 0.95);
}

.bg-sand-100 {
  background-color: #eae9e9;
}

.bg-sand-ltn-2 {
  background-color: #efeeee;
}

.bg-sand-ltn-4 {
  background-color: #f4f3f3;
}

.bg-sand-ltn-6 {
  background-color: #f9f9f9;
}

.bg-sand-ltn-8 {
  background-color: #fefefe;
}

.bg-sand-ltn-10 {
  background-color: white;
}

.bg-sand-ltn-12 {
  background-color: white;
}

.bg-sand-ltn-14 {
  background-color: white;
}

.bg-sand-ltn-16 {
  background-color: white;
}

.bg-sand-ltn-18 {
  background-color: white;
}

.bg-sand-ltn-20 {
  background-color: white;
}

.bg-sand-ltn-22 {
  background-color: white;
}

.bg-sand-ltn-24 {
  background-color: white;
}

.bg-sand-ltn-26 {
  background-color: white;
}

.bg-sand-ltn-28 {
  background-color: white;
}

.bg-sand-ltn-30 {
  background-color: white;
}

.bg-sand-ltn-32 {
  background-color: white;
}

.bg-sand-ltn-34 {
  background-color: white;
}

.bg-sand-ltn-36 {
  background-color: white;
}

.bg-sand-ltn-38 {
  background-color: white;
}

.bg-sand-ltn-40 {
  background-color: white;
}

.oyster {
  color: #D9D9D6;
}

.bg-oyster {
  background-color: #D9D9D6;
}

.bg-oyster-5 {
  background-color: rgba(217, 217, 214, 0.05);
}

.bg-oyster-10 {
  background-color: rgba(217, 217, 214, 0.1);
}

.bg-oyster-15 {
  background-color: rgba(217, 217, 214, 0.15);
}

.bg-oyster-20 {
  background-color: rgba(217, 217, 214, 0.2);
}

.bg-oyster-25 {
  background-color: rgba(217, 217, 214, 0.25);
}

.bg-oyster-30 {
  background-color: rgba(217, 217, 214, 0.3);
}

.bg-oyster-35 {
  background-color: rgba(217, 217, 214, 0.35);
}

.bg-oyster-40 {
  background-color: rgba(217, 217, 214, 0.4);
}

.bg-oyster-45 {
  background-color: rgba(217, 217, 214, 0.45);
}

.bg-oyster-50 {
  background-color: rgba(217, 217, 214, 0.5);
}

.bg-oyster-55 {
  background-color: rgba(217, 217, 214, 0.55);
}

.bg-oyster-60 {
  background-color: rgba(217, 217, 214, 0.6);
}

.bg-oyster-65 {
  background-color: rgba(217, 217, 214, 0.65);
}

.bg-oyster-70 {
  background-color: rgba(217, 217, 214, 0.7);
}

.bg-oyster-75 {
  background-color: rgba(217, 217, 214, 0.75);
}

.bg-oyster-80 {
  background-color: rgba(217, 217, 214, 0.8);
}

.bg-oyster-85 {
  background-color: rgba(217, 217, 214, 0.85);
}

.bg-oyster-90 {
  background-color: rgba(217, 217, 214, 0.9);
}

.bg-oyster-95 {
  background-color: rgba(217, 217, 214, 0.95);
}

.bg-oyster-100 {
  background-color: #d9d9d6;
}

.bg-oyster-ltn-2 {
  background-color: #dededb;
}

.bg-oyster-ltn-4 {
  background-color: #e3e3e1;
}

.bg-oyster-ltn-6 {
  background-color: #e8e8e6;
}

.bg-oyster-ltn-8 {
  background-color: #ededeb;
}

.bg-oyster-ltn-10 {
  background-color: #f2f2f0;
}

.bg-oyster-ltn-12 {
  background-color: #f6f6f6;
}

.bg-oyster-ltn-14 {
  background-color: #fbfbfb;
}

.bg-oyster-ltn-16 {
  background-color: white;
}

.bg-oyster-ltn-18 {
  background-color: white;
}

.bg-oyster-ltn-20 {
  background-color: white;
}

.bg-oyster-ltn-22 {
  background-color: white;
}

.bg-oyster-ltn-24 {
  background-color: white;
}

.bg-oyster-ltn-26 {
  background-color: white;
}

.bg-oyster-ltn-28 {
  background-color: white;
}

.bg-oyster-ltn-30 {
  background-color: white;
}

.bg-oyster-ltn-32 {
  background-color: white;
}

.bg-oyster-ltn-34 {
  background-color: white;
}

.bg-oyster-ltn-36 {
  background-color: white;
}

.bg-oyster-ltn-38 {
  background-color: white;
}

.bg-oyster-ltn-40 {
  background-color: white;
}

.porpoise {
  color: #B2B4B2;
}

.bg-porpoise {
  background-color: #B2B4B2;
}

.bg-porpoise-5 {
  background-color: rgba(178, 180, 178, 0.05);
}

.bg-porpoise-10 {
  background-color: rgba(178, 180, 178, 0.1);
}

.bg-porpoise-15 {
  background-color: rgba(178, 180, 178, 0.15);
}

.bg-porpoise-20 {
  background-color: rgba(178, 180, 178, 0.2);
}

.bg-porpoise-25 {
  background-color: rgba(178, 180, 178, 0.25);
}

.bg-porpoise-30 {
  background-color: rgba(178, 180, 178, 0.3);
}

.bg-porpoise-35 {
  background-color: rgba(178, 180, 178, 0.35);
}

.bg-porpoise-40 {
  background-color: rgba(178, 180, 178, 0.4);
}

.bg-porpoise-45 {
  background-color: rgba(178, 180, 178, 0.45);
}

.bg-porpoise-50 {
  background-color: rgba(178, 180, 178, 0.5);
}

.bg-porpoise-55 {
  background-color: rgba(178, 180, 178, 0.55);
}

.bg-porpoise-60 {
  background-color: rgba(178, 180, 178, 0.6);
}

.bg-porpoise-65 {
  background-color: rgba(178, 180, 178, 0.65);
}

.bg-porpoise-70 {
  background-color: rgba(178, 180, 178, 0.7);
}

.bg-porpoise-75 {
  background-color: rgba(178, 180, 178, 0.75);
}

.bg-porpoise-80 {
  background-color: rgba(178, 180, 178, 0.8);
}

.bg-porpoise-85 {
  background-color: rgba(178, 180, 178, 0.85);
}

.bg-porpoise-90 {
  background-color: rgba(178, 180, 178, 0.9);
}

.bg-porpoise-95 {
  background-color: rgba(178, 180, 178, 0.95);
}

.bg-porpoise-100 {
  background-color: #b2b4b2;
}

.bg-porpoise-ltn-2 {
  background-color: #b7b9b7;
}

.bg-porpoise-ltn-4 {
  background-color: #bcbebc;
}

.bg-porpoise-ltn-6 {
  background-color: #c2c3c2;
}

.bg-porpoise-ltn-8 {
  background-color: #c7c8c7;
}

.bg-porpoise-ltn-10 {
  background-color: #cccdcc;
}

.bg-porpoise-ltn-12 {
  background-color: #d1d2d1;
}

.bg-porpoise-ltn-14 {
  background-color: #d6d7d6;
}

.bg-porpoise-ltn-16 {
  background-color: #dbdcdb;
}

.bg-porpoise-ltn-18 {
  background-color: #e1e1e1;
}

.bg-porpoise-ltn-20 {
  background-color: #e6e6e6;
}

.bg-porpoise-ltn-22 {
  background-color: #ebebeb;
}

.bg-porpoise-ltn-24 {
  background-color: #f0f0f0;
}

.bg-porpoise-ltn-26 {
  background-color: whitesmoke;
}

.bg-porpoise-ltn-28 {
  background-color: #fafafa;
}

.bg-porpoise-ltn-30 {
  background-color: white;
}

.bg-porpoise-ltn-32 {
  background-color: white;
}

.bg-porpoise-ltn-34 {
  background-color: white;
}

.bg-porpoise-ltn-36 {
  background-color: white;
}

.bg-porpoise-ltn-38 {
  background-color: white;
}

.bg-porpoise-ltn-40 {
  background-color: white;
}

.maco {
  color: #717C7D;
}

.bg-maco {
  background-color: #717C7D;
}

.bg-maco-5 {
  background-color: rgba(113, 124, 125, 0.05);
}

.bg-maco-10 {
  background-color: rgba(113, 124, 125, 0.1);
}

.bg-maco-15 {
  background-color: rgba(113, 124, 125, 0.15);
}

.bg-maco-20 {
  background-color: rgba(113, 124, 125, 0.2);
}

.bg-maco-25 {
  background-color: rgba(113, 124, 125, 0.25);
}

.bg-maco-30 {
  background-color: rgba(113, 124, 125, 0.3);
}

.bg-maco-35 {
  background-color: rgba(113, 124, 125, 0.35);
}

.bg-maco-40 {
  background-color: rgba(113, 124, 125, 0.4);
}

.bg-maco-45 {
  background-color: rgba(113, 124, 125, 0.45);
}

.bg-maco-50 {
  background-color: rgba(113, 124, 125, 0.5);
}

.bg-maco-55 {
  background-color: rgba(113, 124, 125, 0.55);
}

.bg-maco-60 {
  background-color: rgba(113, 124, 125, 0.6);
}

.bg-maco-65 {
  background-color: rgba(113, 124, 125, 0.65);
}

.bg-maco-70 {
  background-color: rgba(113, 124, 125, 0.7);
}

.bg-maco-75 {
  background-color: rgba(113, 124, 125, 0.75);
}

.bg-maco-80 {
  background-color: rgba(113, 124, 125, 0.8);
}

.bg-maco-85 {
  background-color: rgba(113, 124, 125, 0.85);
}

.bg-maco-90 {
  background-color: rgba(113, 124, 125, 0.9);
}

.bg-maco-95 {
  background-color: rgba(113, 124, 125, 0.95);
}

.bg-maco-100 {
  background-color: #717c7d;
}

.bg-maco-ltn-2 {
  background-color: #768182;
}

.bg-maco-ltn-4 {
  background-color: #7b8688;
}

.bg-maco-ltn-6 {
  background-color: #808b8c;
}

.bg-maco-ltn-8 {
  background-color: #869091;
}

.bg-maco-ltn-10 {
  background-color: #8b9596;
}

.bg-maco-ltn-12 {
  background-color: #909a9b;
}

.bg-maco-ltn-14 {
  background-color: #969fa0;
}

.bg-maco-ltn-16 {
  background-color: #9ba4a5;
}

.bg-maco-ltn-18 {
  background-color: #a0a9a9;
}

.bg-maco-ltn-20 {
  background-color: #a6aeae;
}

.bg-maco-ltn-22 {
  background-color: #abb2b3;
}

.bg-maco-ltn-24 {
  background-color: #b0b7b8;
}

.bg-maco-ltn-26 {
  background-color: #b6bcbd;
}

.bg-maco-ltn-28 {
  background-color: #bbc1c2;
}

.bg-maco-ltn-30 {
  background-color: #c1c6c7;
}

.bg-maco-ltn-32 {
  background-color: #c6cbcb;
}

.bg-maco-ltn-34 {
  background-color: #cbd0d0;
}

.bg-maco-ltn-36 {
  background-color: #d1d5d5;
}

.bg-maco-ltn-38 {
  background-color: #d6dada;
}

.bg-maco-ltn-40 {
  background-color: #dbdedf;
}

.orca {
  color: #253746;
}

.bg-orca {
  background-color: #253746;
}

.bg-orca-5 {
  background-color: rgba(37, 55, 70, 0.05);
}

.bg-orca-10 {
  background-color: rgba(37, 55, 70, 0.1);
}

.bg-orca-15 {
  background-color: rgba(37, 55, 70, 0.15);
}

.bg-orca-20 {
  background-color: rgba(37, 55, 70, 0.2);
}

.bg-orca-25 {
  background-color: rgba(37, 55, 70, 0.25);
}

.bg-orca-30 {
  background-color: rgba(37, 55, 70, 0.3);
}

.bg-orca-35 {
  background-color: rgba(37, 55, 70, 0.35);
}

.bg-orca-40 {
  background-color: rgba(37, 55, 70, 0.4);
}

.bg-orca-45 {
  background-color: rgba(37, 55, 70, 0.45);
}

.bg-orca-50 {
  background-color: rgba(37, 55, 70, 0.5);
}

.bg-orca-55 {
  background-color: rgba(37, 55, 70, 0.55);
}

.bg-orca-60 {
  background-color: rgba(37, 55, 70, 0.6);
}

.bg-orca-65 {
  background-color: rgba(37, 55, 70, 0.65);
}

.bg-orca-70 {
  background-color: rgba(37, 55, 70, 0.7);
}

.bg-orca-75 {
  background-color: rgba(37, 55, 70, 0.75);
}

.bg-orca-80 {
  background-color: rgba(37, 55, 70, 0.8);
}

.bg-orca-85 {
  background-color: rgba(37, 55, 70, 0.85);
}

.bg-orca-90 {
  background-color: rgba(37, 55, 70, 0.9);
}

.bg-orca-95 {
  background-color: rgba(37, 55, 70, 0.95);
}

.bg-orca-100 {
  background-color: #253746;
}

.bg-orca-ltn-2 {
  background-color: #293c4d;
}

.bg-orca-ltn-4 {
  background-color: #2c4153;
}

.bg-orca-ltn-6 {
  background-color: #30475a;
}

.bg-orca-ltn-8 {
  background-color: #334c61;
}

.bg-orca-ltn-10 {
  background-color: #375167;
}

.bg-orca-ltn-12 {
  background-color: #3a566e;
}

.bg-orca-ltn-14 {
  background-color: #3e5c75;
}

.bg-orca-ltn-16 {
  background-color: #41617b;
}

.bg-orca-ltn-18 {
  background-color: #456682;
}

.bg-orca-ltn-20 {
  background-color: #486b89;
}

.bg-orca-ltn-22 {
  background-color: #4c718f;
}

.bg-orca-ltn-24 {
  background-color: #4f7696;
}

.bg-orca-ltn-26 {
  background-color: #537b9d;
}

.bg-orca-ltn-28 {
  background-color: #5680a3;
}

.bg-orca-ltn-30 {
  background-color: #5b86a9;
}

.bg-orca-ltn-32 {
  background-color: #628aac;
}

.bg-orca-ltn-34 {
  background-color: #698fb0;
}

.bg-orca-ltn-36 {
  background-color: #6f94b3;
}

.bg-orca-ltn-38 {
  background-color: #7699b7;
}

.bg-orca-ltn-40 {
  background-color: #7d9eba;
}

.grass {
  color: #78BE20;
}

.bg-grass {
  background-color: #78BE20;
}

.bg-grass-5 {
  background-color: rgba(120, 190, 32, 0.05);
}

.bg-grass-10 {
  background-color: rgba(120, 190, 32, 0.1);
}

.bg-grass-15 {
  background-color: rgba(120, 190, 32, 0.15);
}

.bg-grass-20 {
  background-color: rgba(120, 190, 32, 0.2);
}

.bg-grass-25 {
  background-color: rgba(120, 190, 32, 0.25);
}

.bg-grass-30 {
  background-color: rgba(120, 190, 32, 0.3);
}

.bg-grass-35 {
  background-color: rgba(120, 190, 32, 0.35);
}

.bg-grass-40 {
  background-color: rgba(120, 190, 32, 0.4);
}

.bg-grass-45 {
  background-color: rgba(120, 190, 32, 0.45);
}

.bg-grass-50 {
  background-color: rgba(120, 190, 32, 0.5);
}

.bg-grass-55 {
  background-color: rgba(120, 190, 32, 0.55);
}

.bg-grass-60 {
  background-color: rgba(120, 190, 32, 0.6);
}

.bg-grass-65 {
  background-color: rgba(120, 190, 32, 0.65);
}

.bg-grass-70 {
  background-color: rgba(120, 190, 32, 0.7);
}

.bg-grass-75 {
  background-color: rgba(120, 190, 32, 0.75);
}

.bg-grass-80 {
  background-color: rgba(120, 190, 32, 0.8);
}

.bg-grass-85 {
  background-color: rgba(120, 190, 32, 0.85);
}

.bg-grass-90 {
  background-color: rgba(120, 190, 32, 0.9);
}

.bg-grass-95 {
  background-color: rgba(120, 190, 32, 0.95);
}

.bg-grass-100 {
  background-color: #78be20;
}

.bg-grass-ltn-2 {
  background-color: #7ec721;
}

.bg-grass-ltn-4 {
  background-color: #83cf23;
}

.bg-grass-ltn-6 {
  background-color: #89d824;
}

.bg-grass-ltn-8 {
  background-color: #8ddb2b;
}

.bg-grass-ltn-10 {
  background-color: #92dd34;
}

.bg-grass-ltn-12 {
  background-color: #97de3d;
}

.bg-grass-ltn-14 {
  background-color: #9be046;
}

.bg-grass-ltn-16 {
  background-color: #a0e14e;
}

.bg-grass-ltn-18 {
  background-color: #a5e357;
}

.bg-grass-ltn-20 {
  background-color: #aae460;
}

.bg-grass-ltn-22 {
  background-color: #aee669;
}

.bg-grass-ltn-24 {
  background-color: #b3e771;
}

.bg-grass-ltn-26 {
  background-color: #b8e97a;
}

.bg-grass-ltn-28 {
  background-color: #bcea83;
}

.bg-grass-ltn-30 {
  background-color: #c1ec8b;
}

.bg-grass-ltn-32 {
  background-color: #c6ed94;
}

.bg-grass-ltn-34 {
  background-color: #caee9d;
}

.bg-grass-ltn-36 {
  background-color: #cff0a6;
}

.bg-grass-ltn-38 {
  background-color: #d4f1ae;
}

.bg-grass-ltn-40 {
  background-color: #d8f3b7;
}

.marine {
  color: #0057FF;
}

.bg-marine {
  background-color: #0057FF;
}

.bg-marine-5 {
  background-color: rgba(0, 87, 255, 0.05);
}

.bg-marine-10 {
  background-color: rgba(0, 87, 255, 0.1);
}

.bg-marine-15 {
  background-color: rgba(0, 87, 255, 0.15);
}

.bg-marine-20 {
  background-color: rgba(0, 87, 255, 0.2);
}

.bg-marine-25 {
  background-color: rgba(0, 87, 255, 0.25);
}

.bg-marine-30 {
  background-color: rgba(0, 87, 255, 0.3);
}

.bg-marine-35 {
  background-color: rgba(0, 87, 255, 0.35);
}

.bg-marine-40 {
  background-color: rgba(0, 87, 255, 0.4);
}

.bg-marine-45 {
  background-color: rgba(0, 87, 255, 0.45);
}

.bg-marine-50 {
  background-color: rgba(0, 87, 255, 0.5);
}

.bg-marine-55 {
  background-color: rgba(0, 87, 255, 0.55);
}

.bg-marine-60 {
  background-color: rgba(0, 87, 255, 0.6);
}

.bg-marine-65 {
  background-color: rgba(0, 87, 255, 0.65);
}

.bg-marine-70 {
  background-color: rgba(0, 87, 255, 0.7);
}

.bg-marine-75 {
  background-color: rgba(0, 87, 255, 0.75);
}

.bg-marine-80 {
  background-color: rgba(0, 87, 255, 0.8);
}

.bg-marine-85 {
  background-color: rgba(0, 87, 255, 0.85);
}

.bg-marine-90 {
  background-color: rgba(0, 87, 255, 0.9);
}

.bg-marine-95 {
  background-color: rgba(0, 87, 255, 0.95);
}

.bg-marine-100 {
  background-color: #0057ff;
}

.bg-marine-ltn-2 {
  background-color: #0a5eff;
}

.bg-marine-ltn-4 {
  background-color: #1464ff;
}

.bg-marine-ltn-6 {
  background-color: #1f6bff;
}

.bg-marine-ltn-8 {
  background-color: #2972ff;
}

.bg-marine-ltn-10 {
  background-color: #3379ff;
}

.bg-marine-ltn-12 {
  background-color: #3d7fff;
}

.bg-marine-ltn-14 {
  background-color: #4786ff;
}

.bg-marine-ltn-16 {
  background-color: #528dff;
}

.bg-marine-ltn-18 {
  background-color: #5c93ff;
}

.bg-marine-ltn-20 {
  background-color: #669aff;
}

.bg-marine-ltn-22 {
  background-color: #70a1ff;
}

.bg-marine-ltn-24 {
  background-color: #7aa8ff;
}

.bg-marine-ltn-26 {
  background-color: #85aeff;
}

.bg-marine-ltn-28 {
  background-color: #8fb5ff;
}

.bg-marine-ltn-30 {
  background-color: #99bcff;
}

.bg-marine-ltn-32 {
  background-color: #a3c3ff;
}

.bg-marine-ltn-34 {
  background-color: #adc9ff;
}

.bg-marine-ltn-36 {
  background-color: #b8d0ff;
}

.bg-marine-ltn-38 {
  background-color: #c2d7ff;
}

.bg-marine-ltn-40 {
  background-color: #ccddff;
}

.sea_turtle {
  color: #12C3AC;
}

.bg-sea_turtle {
  background-color: #12C3AC;
}

.bg-sea_turtle-5 {
  background-color: rgba(18, 195, 172, 0.05);
}

.bg-sea_turtle-10 {
  background-color: rgba(18, 195, 172, 0.1);
}

.bg-sea_turtle-15 {
  background-color: rgba(18, 195, 172, 0.15);
}

.bg-sea_turtle-20 {
  background-color: rgba(18, 195, 172, 0.2);
}

.bg-sea_turtle-25 {
  background-color: rgba(18, 195, 172, 0.25);
}

.bg-sea_turtle-30 {
  background-color: rgba(18, 195, 172, 0.3);
}

.bg-sea_turtle-35 {
  background-color: rgba(18, 195, 172, 0.35);
}

.bg-sea_turtle-40 {
  background-color: rgba(18, 195, 172, 0.4);
}

.bg-sea_turtle-45 {
  background-color: rgba(18, 195, 172, 0.45);
}

.bg-sea_turtle-50 {
  background-color: rgba(18, 195, 172, 0.5);
}

.bg-sea_turtle-55 {
  background-color: rgba(18, 195, 172, 0.55);
}

.bg-sea_turtle-60 {
  background-color: rgba(18, 195, 172, 0.6);
}

.bg-sea_turtle-65 {
  background-color: rgba(18, 195, 172, 0.65);
}

.bg-sea_turtle-70 {
  background-color: rgba(18, 195, 172, 0.7);
}

.bg-sea_turtle-75 {
  background-color: rgba(18, 195, 172, 0.75);
}

.bg-sea_turtle-80 {
  background-color: rgba(18, 195, 172, 0.8);
}

.bg-sea_turtle-85 {
  background-color: rgba(18, 195, 172, 0.85);
}

.bg-sea_turtle-90 {
  background-color: rgba(18, 195, 172, 0.9);
}

.bg-sea_turtle-95 {
  background-color: rgba(18, 195, 172, 0.95);
}

.bg-sea_turtle-100 {
  background-color: #12c3ac;
}

.bg-sea_turtle-ltn-2 {
  background-color: #13ccb4;
}

.bg-sea_turtle-ltn-4 {
  background-color: #14d6bc;
}

.bg-sea_turtle-ltn-6 {
  background-color: #15dfc5;
}

.bg-sea_turtle-ltn-8 {
  background-color: #15e8cd;
}

.bg-sea_turtle-ltn-10 {
  background-color: #1eead0;
}

.bg-sea_turtle-ltn-12 {
  background-color: #27ebd2;
}

.bg-sea_turtle-ltn-14 {
  background-color: #30ecd4;
}

.bg-sea_turtle-ltn-16 {
  background-color: #3aedd6;
}

.bg-sea_turtle-ltn-18 {
  background-color: #43eed8;
}

.bg-sea_turtle-ltn-20 {
  background-color: #4cefd9;
}

.bg-sea_turtle-ltn-22 {
  background-color: #56efdb;
}

.bg-sea_turtle-ltn-24 {
  background-color: #5ff0dd;
}

.bg-sea_turtle-ltn-26 {
  background-color: #68f1df;
}

.bg-sea_turtle-ltn-28 {
  background-color: #72f2e1;
}

.bg-sea_turtle-ltn-30 {
  background-color: #7bf3e3;
}

.bg-sea_turtle-ltn-32 {
  background-color: #85f4e5;
}

.bg-sea_turtle-ltn-34 {
  background-color: #8ef5e7;
}

.bg-sea_turtle-ltn-36 {
  background-color: #97f5e9;
}

.bg-sea_turtle-ltn-38 {
  background-color: #a1f6eb;
}

.bg-sea_turtle-ltn-40 {
  background-color: #aaf7ed;
}

.seaweed {
  color: #0D8A7A;
}

.bg-seaweed {
  background-color: #0D8A7A;
}

.bg-seaweed-5 {
  background-color: rgba(13, 138, 122, 0.05);
}

.bg-seaweed-10 {
  background-color: rgba(13, 138, 122, 0.1);
}

.bg-seaweed-15 {
  background-color: rgba(13, 138, 122, 0.15);
}

.bg-seaweed-20 {
  background-color: rgba(13, 138, 122, 0.2);
}

.bg-seaweed-25 {
  background-color: rgba(13, 138, 122, 0.25);
}

.bg-seaweed-30 {
  background-color: rgba(13, 138, 122, 0.3);
}

.bg-seaweed-35 {
  background-color: rgba(13, 138, 122, 0.35);
}

.bg-seaweed-40 {
  background-color: rgba(13, 138, 122, 0.4);
}

.bg-seaweed-45 {
  background-color: rgba(13, 138, 122, 0.45);
}

.bg-seaweed-50 {
  background-color: rgba(13, 138, 122, 0.5);
}

.bg-seaweed-55 {
  background-color: rgba(13, 138, 122, 0.55);
}

.bg-seaweed-60 {
  background-color: rgba(13, 138, 122, 0.6);
}

.bg-seaweed-65 {
  background-color: rgba(13, 138, 122, 0.65);
}

.bg-seaweed-70 {
  background-color: rgba(13, 138, 122, 0.7);
}

.bg-seaweed-75 {
  background-color: rgba(13, 138, 122, 0.75);
}

.bg-seaweed-80 {
  background-color: rgba(13, 138, 122, 0.8);
}

.bg-seaweed-85 {
  background-color: rgba(13, 138, 122, 0.85);
}

.bg-seaweed-90 {
  background-color: rgba(13, 138, 122, 0.9);
}

.bg-seaweed-95 {
  background-color: rgba(13, 138, 122, 0.95);
}

.bg-seaweed-100 {
  background-color: #0d8a7a;
}

.bg-seaweed-ltn-2 {
  background-color: #0e9382;
}

.bg-seaweed-ltn-4 {
  background-color: #0f9d8a;
}

.bg-seaweed-ltn-6 {
  background-color: #10a693;
}

.bg-seaweed-ltn-8 {
  background-color: #11af9b;
}

.bg-seaweed-ltn-10 {
  background-color: #11b9a3;
}

.bg-seaweed-ltn-12 {
  background-color: #12c2ab;
}

.bg-seaweed-ltn-14 {
  background-color: #13cbb4;
}

.bg-seaweed-ltn-16 {
  background-color: #14d5bc;
}

.bg-seaweed-ltn-18 {
  background-color: #15dec4;
}

.bg-seaweed-ltn-20 {
  background-color: #16e7cc;
}

.bg-seaweed-ltn-22 {
  background-color: #1dead0;
}

.bg-seaweed-ltn-24 {
  background-color: #27ebd2;
}

.bg-seaweed-ltn-26 {
  background-color: #30ecd4;
}

.bg-seaweed-ltn-28 {
  background-color: #39ecd5;
}

.bg-seaweed-ltn-30 {
  background-color: #43edd7;
}

.bg-seaweed-ltn-32 {
  background-color: #4ceed9;
}

.bg-seaweed-ltn-34 {
  background-color: #55efdb;
}

.bg-seaweed-ltn-36 {
  background-color: #5ff0dd;
}

.bg-seaweed-ltn-38 {
  background-color: #68f1df;
}

.bg-seaweed-ltn-40 {
  background-color: #71f2e1;
}

.urchin {
  color: #531799;
}

.bg-urchin {
  background-color: #531799;
}

.bg-urchin-5 {
  background-color: rgba(83, 23, 153, 0.05);
}

.bg-urchin-10 {
  background-color: rgba(83, 23, 153, 0.1);
}

.bg-urchin-15 {
  background-color: rgba(83, 23, 153, 0.15);
}

.bg-urchin-20 {
  background-color: rgba(83, 23, 153, 0.2);
}

.bg-urchin-25 {
  background-color: rgba(83, 23, 153, 0.25);
}

.bg-urchin-30 {
  background-color: rgba(83, 23, 153, 0.3);
}

.bg-urchin-35 {
  background-color: rgba(83, 23, 153, 0.35);
}

.bg-urchin-40 {
  background-color: rgba(83, 23, 153, 0.4);
}

.bg-urchin-45 {
  background-color: rgba(83, 23, 153, 0.45);
}

.bg-urchin-50 {
  background-color: rgba(83, 23, 153, 0.5);
}

.bg-urchin-55 {
  background-color: rgba(83, 23, 153, 0.55);
}

.bg-urchin-60 {
  background-color: rgba(83, 23, 153, 0.6);
}

.bg-urchin-65 {
  background-color: rgba(83, 23, 153, 0.65);
}

.bg-urchin-70 {
  background-color: rgba(83, 23, 153, 0.7);
}

.bg-urchin-75 {
  background-color: rgba(83, 23, 153, 0.75);
}

.bg-urchin-80 {
  background-color: rgba(83, 23, 153, 0.8);
}

.bg-urchin-85 {
  background-color: rgba(83, 23, 153, 0.85);
}

.bg-urchin-90 {
  background-color: rgba(83, 23, 153, 0.9);
}

.bg-urchin-95 {
  background-color: rgba(83, 23, 153, 0.95);
}

.bg-urchin-100 {
  background-color: #531799;
}

.bg-urchin-ltn-2 {
  background-color: #5818a2;
}

.bg-urchin-ltn-4 {
  background-color: #5d1aab;
}

.bg-urchin-ltn-6 {
  background-color: #611bb4;
}

.bg-urchin-ltn-8 {
  background-color: #661cbc;
}

.bg-urchin-ltn-10 {
  background-color: #6b1ec5;
}

.bg-urchin-ltn-12 {
  background-color: #701fce;
}

.bg-urchin-ltn-14 {
  background-color: #7520d7;
}

.bg-urchin-ltn-16 {
  background-color: #7a24de;
}

.bg-urchin-ltn-18 {
  background-color: #7f2cdf;
}

.bg-urchin-ltn-20 {
  background-color: #8435e1;
}

.bg-urchin-ltn-22 {
  background-color: #8a3ee2;
}

.bg-urchin-ltn-24 {
  background-color: #8f47e3;
}

.bg-urchin-ltn-26 {
  background-color: #9550e5;
}

.bg-urchin-ltn-28 {
  background-color: #9a59e6;
}

.bg-urchin-ltn-30 {
  background-color: #9f62e7;
}

.bg-urchin-ltn-32 {
  background-color: #a56be9;
}

.bg-urchin-ltn-34 {
  background-color: #aa73ea;
}

.bg-urchin-ltn-36 {
  background-color: #b07ceb;
}

.bg-urchin-ltn-38 {
  background-color: #b585ed;
}

.bg-urchin-ltn-40 {
  background-color: #ba8eee;
}

.starfish {
  color: #F0B323;
}

.bg-starfish {
  background-color: #F0B323;
}

.bg-starfish-5 {
  background-color: rgba(240, 179, 35, 0.05);
}

.bg-starfish-10 {
  background-color: rgba(240, 179, 35, 0.1);
}

.bg-starfish-15 {
  background-color: rgba(240, 179, 35, 0.15);
}

.bg-starfish-20 {
  background-color: rgba(240, 179, 35, 0.2);
}

.bg-starfish-25 {
  background-color: rgba(240, 179, 35, 0.25);
}

.bg-starfish-30 {
  background-color: rgba(240, 179, 35, 0.3);
}

.bg-starfish-35 {
  background-color: rgba(240, 179, 35, 0.35);
}

.bg-starfish-40 {
  background-color: rgba(240, 179, 35, 0.4);
}

.bg-starfish-45 {
  background-color: rgba(240, 179, 35, 0.45);
}

.bg-starfish-50 {
  background-color: rgba(240, 179, 35, 0.5);
}

.bg-starfish-55 {
  background-color: rgba(240, 179, 35, 0.55);
}

.bg-starfish-60 {
  background-color: rgba(240, 179, 35, 0.6);
}

.bg-starfish-65 {
  background-color: rgba(240, 179, 35, 0.65);
}

.bg-starfish-70 {
  background-color: rgba(240, 179, 35, 0.7);
}

.bg-starfish-75 {
  background-color: rgba(240, 179, 35, 0.75);
}

.bg-starfish-80 {
  background-color: rgba(240, 179, 35, 0.8);
}

.bg-starfish-85 {
  background-color: rgba(240, 179, 35, 0.85);
}

.bg-starfish-90 {
  background-color: rgba(240, 179, 35, 0.9);
}

.bg-starfish-95 {
  background-color: rgba(240, 179, 35, 0.95);
}

.bg-starfish-100 {
  background-color: #f0b323;
}

.bg-starfish-ltn-2 {
  background-color: #f1b62d;
}

.bg-starfish-ltn-4 {
  background-color: #f1ba36;
}

.bg-starfish-ltn-6 {
  background-color: #f2bd40;
}

.bg-starfish-ltn-8 {
  background-color: #f3c049;
}

.bg-starfish-ltn-10 {
  background-color: #f3c353;
}

.bg-starfish-ltn-12 {
  background-color: #f4c75c;
}

.bg-starfish-ltn-14 {
  background-color: #f5ca66;
}

.bg-starfish-ltn-16 {
  background-color: #f5cd6f;
}

.bg-starfish-ltn-18 {
  background-color: #f6d179;
}

.bg-starfish-ltn-20 {
  background-color: #f7d482;
}

.bg-starfish-ltn-22 {
  background-color: #f7d78c;
}

.bg-starfish-ltn-24 {
  background-color: #f8db96;
}

.bg-starfish-ltn-26 {
  background-color: #f8de9f;
}

.bg-starfish-ltn-28 {
  background-color: #f9e1a9;
}

.bg-starfish-ltn-30 {
  background-color: #fae4b2;
}

.bg-starfish-ltn-32 {
  background-color: #fae8bc;
}

.bg-starfish-ltn-34 {
  background-color: #fbebc5;
}

.bg-starfish-ltn-36 {
  background-color: #fceecf;
}

.bg-starfish-ltn-38 {
  background-color: #fcf2d8;
}

.bg-starfish-ltn-40 {
  background-color: #fdf5e2;
}

.lobster {
  color: #FB3C2F;
}

.bg-lobster {
  background-color: #FB3C2F;
}

.bg-lobster-5 {
  background-color: rgba(251, 60, 47, 0.05);
}

.bg-lobster-10 {
  background-color: rgba(251, 60, 47, 0.1);
}

.bg-lobster-15 {
  background-color: rgba(251, 60, 47, 0.15);
}

.bg-lobster-20 {
  background-color: rgba(251, 60, 47, 0.2);
}

.bg-lobster-25 {
  background-color: rgba(251, 60, 47, 0.25);
}

.bg-lobster-30 {
  background-color: rgba(251, 60, 47, 0.3);
}

.bg-lobster-35 {
  background-color: rgba(251, 60, 47, 0.35);
}

.bg-lobster-40 {
  background-color: rgba(251, 60, 47, 0.4);
}

.bg-lobster-45 {
  background-color: rgba(251, 60, 47, 0.45);
}

.bg-lobster-50 {
  background-color: rgba(251, 60, 47, 0.5);
}

.bg-lobster-55 {
  background-color: rgba(251, 60, 47, 0.55);
}

.bg-lobster-60 {
  background-color: rgba(251, 60, 47, 0.6);
}

.bg-lobster-65 {
  background-color: rgba(251, 60, 47, 0.65);
}

.bg-lobster-70 {
  background-color: rgba(251, 60, 47, 0.7);
}

.bg-lobster-75 {
  background-color: rgba(251, 60, 47, 0.75);
}

.bg-lobster-80 {
  background-color: rgba(251, 60, 47, 0.8);
}

.bg-lobster-85 {
  background-color: rgba(251, 60, 47, 0.85);
}

.bg-lobster-90 {
  background-color: rgba(251, 60, 47, 0.9);
}

.bg-lobster-95 {
  background-color: rgba(251, 60, 47, 0.95);
}

.bg-lobster-100 {
  background-color: #fb3c2f;
}

.bg-lobster-ltn-2 {
  background-color: #fb4539;
}

.bg-lobster-ltn-4 {
  background-color: #fb4f43;
}

.bg-lobster-ltn-6 {
  background-color: #fc584d;
}

.bg-lobster-ltn-8 {
  background-color: #fc6257;
}

.bg-lobster-ltn-10 {
  background-color: #fc6b61;
}

.bg-lobster-ltn-12 {
  background-color: #fc746b;
}

.bg-lobster-ltn-14 {
  background-color: #fc7e75;
}

.bg-lobster-ltn-16 {
  background-color: #fd877f;
}

.bg-lobster-ltn-18 {
  background-color: #fd9089;
}

.bg-lobster-ltn-20 {
  background-color: #fd9a93;
}

.bg-lobster-ltn-22 {
  background-color: #fda39d;
}

.bg-lobster-ltn-24 {
  background-color: #fdada7;
}

.bg-lobster-ltn-26 {
  background-color: #feb6b1;
}

.bg-lobster-ltn-28 {
  background-color: #febfbb;
}

.bg-lobster-ltn-30 {
  background-color: #fec9c5;
}

.bg-lobster-ltn-32 {
  background-color: #fed2cf;
}

.bg-lobster-ltn-34 {
  background-color: #fedbd9;
}

.bg-lobster-ltn-36 {
  background-color: #fee5e3;
}

.bg-lobster-ltn-38 {
  background-color: #ffeeed;
}

.bg-lobster-ltn-40 {
  background-color: #fff8f7;
}

.salmon {
  color: #f96e6e;
}

.bg-salmon {
  background-color: #f96e6e;
}

.bg-salmon-5 {
  background-color: rgba(249, 110, 110, 0.05);
}

.bg-salmon-10 {
  background-color: rgba(249, 110, 110, 0.1);
}

.bg-salmon-15 {
  background-color: rgba(249, 110, 110, 0.15);
}

.bg-salmon-20 {
  background-color: rgba(249, 110, 110, 0.2);
}

.bg-salmon-25 {
  background-color: rgba(249, 110, 110, 0.25);
}

.bg-salmon-30 {
  background-color: rgba(249, 110, 110, 0.3);
}

.bg-salmon-35 {
  background-color: rgba(249, 110, 110, 0.35);
}

.bg-salmon-40 {
  background-color: rgba(249, 110, 110, 0.4);
}

.bg-salmon-45 {
  background-color: rgba(249, 110, 110, 0.45);
}

.bg-salmon-50 {
  background-color: rgba(249, 110, 110, 0.5);
}

.bg-salmon-55 {
  background-color: rgba(249, 110, 110, 0.55);
}

.bg-salmon-60 {
  background-color: rgba(249, 110, 110, 0.6);
}

.bg-salmon-65 {
  background-color: rgba(249, 110, 110, 0.65);
}

.bg-salmon-70 {
  background-color: rgba(249, 110, 110, 0.7);
}

.bg-salmon-75 {
  background-color: rgba(249, 110, 110, 0.75);
}

.bg-salmon-80 {
  background-color: rgba(249, 110, 110, 0.8);
}

.bg-salmon-85 {
  background-color: rgba(249, 110, 110, 0.85);
}

.bg-salmon-90 {
  background-color: rgba(249, 110, 110, 0.9);
}

.bg-salmon-95 {
  background-color: rgba(249, 110, 110, 0.95);
}

.bg-salmon-100 {
  background-color: #f96e6e;
}

.bg-salmon-ltn-2 {
  background-color: #f97878;
}

.bg-salmon-ltn-4 {
  background-color: #fa8282;
}

.bg-salmon-ltn-6 {
  background-color: #fa8b8b;
}

.bg-salmon-ltn-8 {
  background-color: #fb9595;
}

.bg-salmon-ltn-10 {
  background-color: #fb9f9f;
}

.bg-salmon-ltn-12 {
  background-color: #fba9a9;
}

.bg-salmon-ltn-14 {
  background-color: #fcb3b3;
}

.bg-salmon-ltn-16 {
  background-color: #fcbcbc;
}

.bg-salmon-ltn-18 {
  background-color: #fdc6c6;
}

.bg-salmon-ltn-20 {
  background-color: #fdd0d0;
}

.bg-salmon-ltn-22 {
  background-color: #fddada;
}

.bg-salmon-ltn-24 {
  background-color: #fee4e4;
}

.bg-salmon-ltn-26 {
  background-color: #feeded;
}

.bg-salmon-ltn-28 {
  background-color: #fff7f7;
}

.bg-salmon-ltn-30 {
  background-color: white;
}

.bg-salmon-ltn-32 {
  background-color: white;
}

.bg-salmon-ltn-34 {
  background-color: white;
}

.bg-salmon-ltn-36 {
  background-color: white;
}

.bg-salmon-ltn-38 {
  background-color: white;
}

.bg-salmon-ltn-40 {
  background-color: white;
}

.wave {
  color: #143961;
}

.bg-wave {
  background-color: #143961;
}

.bg-wave-5 {
  background-color: rgba(20, 57, 97, 0.05);
}

.bg-wave-10 {
  background-color: rgba(20, 57, 97, 0.1);
}

.bg-wave-15 {
  background-color: rgba(20, 57, 97, 0.15);
}

.bg-wave-20 {
  background-color: rgba(20, 57, 97, 0.2);
}

.bg-wave-25 {
  background-color: rgba(20, 57, 97, 0.25);
}

.bg-wave-30 {
  background-color: rgba(20, 57, 97, 0.3);
}

.bg-wave-35 {
  background-color: rgba(20, 57, 97, 0.35);
}

.bg-wave-40 {
  background-color: rgba(20, 57, 97, 0.4);
}

.bg-wave-45 {
  background-color: rgba(20, 57, 97, 0.45);
}

.bg-wave-50 {
  background-color: rgba(20, 57, 97, 0.5);
}

.bg-wave-55 {
  background-color: rgba(20, 57, 97, 0.55);
}

.bg-wave-60 {
  background-color: rgba(20, 57, 97, 0.6);
}

.bg-wave-65 {
  background-color: rgba(20, 57, 97, 0.65);
}

.bg-wave-70 {
  background-color: rgba(20, 57, 97, 0.7);
}

.bg-wave-75 {
  background-color: rgba(20, 57, 97, 0.75);
}

.bg-wave-80 {
  background-color: rgba(20, 57, 97, 0.8);
}

.bg-wave-85 {
  background-color: rgba(20, 57, 97, 0.85);
}

.bg-wave-90 {
  background-color: rgba(20, 57, 97, 0.9);
}

.bg-wave-95 {
  background-color: rgba(20, 57, 97, 0.95);
}

.bg-wave-100 {
  background-color: #143961;
}

.bg-wave-ltn-2 {
  background-color: #163e69;
}

.bg-wave-ltn-4 {
  background-color: #174372;
}

.bg-wave-ltn-6 {
  background-color: #19487a;
}

.bg-wave-ltn-8 {
  background-color: #1b4d83;
}

.bg-wave-ltn-10 {
  background-color: #1d528b;
}

.bg-wave-ltn-12 {
  background-color: #1e5794;
}

.bg-wave-ltn-14 {
  background-color: #205c9c;
}

.bg-wave-ltn-16 {
  background-color: #2261a5;
}

.bg-wave-ltn-18 {
  background-color: #2466ad;
}

.bg-wave-ltn-20 {
  background-color: #256bb6;
}

.bg-wave-ltn-22 {
  background-color: #2770be;
}

.bg-wave-ltn-24 {
  background-color: #2975c6;
}

.bg-wave-ltn-26 {
  background-color: #2b7acf;
}

.bg-wave-ltn-28 {
  background-color: #307fd4;
}

.bg-wave-ltn-30 {
  background-color: #3884d6;
}

.bg-wave-ltn-32 {
  background-color: #4089d8;
}

.bg-wave-ltn-34 {
  background-color: #498ed9;
}

.bg-wave-ltn-36 {
  background-color: #5194db;
}

.bg-wave-ltn-38 {
  background-color: #5a99dd;
}

.bg-wave-ltn-40 {
  background-color: #629edf;
}

.dory {
  color: #033B7C;
}

.bg-dory {
  background-color: #033B7C;
}

.bg-dory-5 {
  background-color: rgba(3, 59, 124, 0.05);
}

.bg-dory-10 {
  background-color: rgba(3, 59, 124, 0.1);
}

.bg-dory-15 {
  background-color: rgba(3, 59, 124, 0.15);
}

.bg-dory-20 {
  background-color: rgba(3, 59, 124, 0.2);
}

.bg-dory-25 {
  background-color: rgba(3, 59, 124, 0.25);
}

.bg-dory-30 {
  background-color: rgba(3, 59, 124, 0.3);
}

.bg-dory-35 {
  background-color: rgba(3, 59, 124, 0.35);
}

.bg-dory-40 {
  background-color: rgba(3, 59, 124, 0.4);
}

.bg-dory-45 {
  background-color: rgba(3, 59, 124, 0.45);
}

.bg-dory-50 {
  background-color: rgba(3, 59, 124, 0.5);
}

.bg-dory-55 {
  background-color: rgba(3, 59, 124, 0.55);
}

.bg-dory-60 {
  background-color: rgba(3, 59, 124, 0.6);
}

.bg-dory-65 {
  background-color: rgba(3, 59, 124, 0.65);
}

.bg-dory-70 {
  background-color: rgba(3, 59, 124, 0.7);
}

.bg-dory-75 {
  background-color: rgba(3, 59, 124, 0.75);
}

.bg-dory-80 {
  background-color: rgba(3, 59, 124, 0.8);
}

.bg-dory-85 {
  background-color: rgba(3, 59, 124, 0.85);
}

.bg-dory-90 {
  background-color: rgba(3, 59, 124, 0.9);
}

.bg-dory-95 {
  background-color: rgba(3, 59, 124, 0.95);
}

.bg-dory-100 {
  background-color: #033b7c;
}

.bg-dory-ltn-2 {
  background-color: #034086;
}

.bg-dory-ltn-4 {
  background-color: #034490;
}

.bg-dory-ltn-6 {
  background-color: #04499a;
}

.bg-dory-ltn-8 {
  background-color: #044ea4;
}

.bg-dory-ltn-10 {
  background-color: #0453ae;
}

.bg-dory-ltn-12 {
  background-color: #0457b8;
}

.bg-dory-ltn-14 {
  background-color: #055cc2;
}

.bg-dory-ltn-16 {
  background-color: #0561cc;
}

.bg-dory-ltn-18 {
  background-color: #0566d6;
}

.bg-dory-ltn-20 {
  background-color: #056ae0;
}

.bg-dory-ltn-22 {
  background-color: #066fea;
}

.bg-dory-ltn-24 {
  background-color: #0674f4;
}

.bg-dory-ltn-26 {
  background-color: #0b79f9;
}

.bg-dory-ltn-28 {
  background-color: #147ef9;
}

.bg-dory-ltn-30 {
  background-color: #1e84fa;
}

.bg-dory-ltn-32 {
  background-color: #2889fa;
}

.bg-dory-ltn-34 {
  background-color: #328ffa;
}

.bg-dory-ltn-36 {
  background-color: #3c94fa;
}

.bg-dory-ltn-38 {
  background-color: #469afb;
}

.bg-dory-ltn-40 {
  background-color: #509ffb;
}

.u-brdr-a {
  border: solid 1px;
}

.u-brdr-t {
  border-top: solid 1px;
}

.u-brdr-b {
  border-bottom: solid 1px;
}

.u-brdr-l {
  border-left: solid 1px;
}

.u-brdr-r {
  border-right: solid 1px;
}

.u-brdr-rad-full {
  border-radius: 100%;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.opacity-100 {
  opacity: 1;
}

.accentLine {
  display: block;
  width: 100px;
  height: 2px;
  margin: 0 auto 20px auto;
  border-radius: 1px;
}

.accentLine-long {
  display: block;
  width: 50%;
  height: 2px;
  margin: 0 auto 20px auto;
  border-radius: 1px;
}

.accentLine-long-left {
  display: block;
  width: 50%;
  height: 2px;
  margin: 0 0 20px 0;
  border-radius: 1px;
}

.accentLine-thin-full {
  display: block;
  width: 100%;
  height: 2px;
  margin: 0 0 20px 0;
  border-radius: 1px;
}

.accentLine-thick {
  display: block;
  width: 66px;
  height: 5px;
  margin-bottom: 20px;
}

.number-circle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  line-height: 2.5;
  font-weight: 700;
}

.highlight-text {
  line-height: 2.2;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 2.9rem;
}
.highlight-text span {
  display: inline;
  padding: 4px;
}

.question-answer-box h2 {
  font-size: 2rem;
  padding-bottom: 5px;
}
.question-answer-box p {
  margin: 0;
  padding: 0;
}

.col-image-icon {
  display: block;
  width: 100%;
  max-width: 120px;
}

.u-move-up-160 {
  margin-top: -160px;
}

.blueborder-list {
  border-left: solid 3px #0057FF;
  padding-left: 34px;
  height: 100%;
  margin: 0;
}
.blueborder-list li {
  font-size: 14px;
  line-height: 1.6;
  padding: 0 20px 10px 0;
}
.blueborder-list li:last-child {
  padding: 0 20px 0px 0;
}

.text-background[color=albatross] {
  display: inline-block;
  background-color: #FFFFFF;
  color: #253746;
  padding: 5px 10px;
}

.text-background[color=grey_lt] {
  display: inline-block;
  background-color: #EDF0F1;
  color: #253746;
  padding: 5px 10px;
}

.text-background[color=sand] {
  display: inline-block;
  background-color: #EAE9E9;
  color: #253746;
  padding: 5px 10px;
}

.text-background[color=oyster] {
  display: inline-block;
  background-color: #D9D9D6;
  color: #253746;
  padding: 5px 10px;
}

.text-background[color=porpoise] {
  display: inline-block;
  background-color: #B2B4B2;
  color: #253746;
  padding: 5px 10px;
}

.text-background[color=maco] {
  display: inline-block;
  background-color: #717C7D;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=orca] {
  display: inline-block;
  background-color: #253746;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=grass] {
  display: inline-block;
  background-color: #78BE20;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=marine] {
  display: inline-block;
  background-color: #0057FF;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=sea_turtle] {
  display: inline-block;
  background-color: #12C3AC;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=seaweed] {
  display: inline-block;
  background-color: #0D8A7A;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=urchin] {
  display: inline-block;
  background-color: #531799;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=starfish] {
  display: inline-block;
  background-color: #F0B323;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=lobster] {
  display: inline-block;
  background-color: #FB3C2F;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=salmon] {
  display: inline-block;
  background-color: #f96e6e;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=wave] {
  display: inline-block;
  background-color: #143961;
  color: #FFFFFF;
  padding: 5px 10px;
}

.text-background[color=dory] {
  display: inline-block;
  background-color: #033B7C;
  color: #FFFFFF;
  padding: 5px 10px;
}

#livechat-compact-container {
  z-index: 1999 !important;
}

.ub-emb-overlay .ub-emb-iframe-wrapper .ub-emb-iframe {
  box-shadow: none !important;
}

.blob {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blob[type=none] {
  display: none;
}
.blob[type=bottom] {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI1MjYiIHZpZXdCb3g9IjAgMCAxNDQwIDUyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ3NiAxNzkuNTEyQzI2NC45NjMgLTQuOTYxMzggMTIzIC0xNS40ODgzIDAgMTAuNTExOFY1MjZIMTQ0MVYzMjEuNTkxQzEzNDUuNDYgMjQ2LjU3OSAxMTIyLjM0IDI0NS44MTYgMTAxMiAyOTcuNTEyQzg2OSAzNjQuNTEyIDYxOSAzMDQuNTEyIDQ3NiAxNzkuNTEyWiIgZmlsbD0iI0VERjBGMSIvPgo8L3N2Zz4=");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0%;
}
.blob[type=middle] {
  background: #EDF0F1;
}
.blob[type=top] {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMDIiIHZpZXdCb3g9IjAgMCAxNDQwIDMwMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgwMi45OTUgMjcxLjk0NEM5ODcuNTk3IDQxMS4zMiAxMTk1IC0wLjAwMDE0MzU3NiAxNDQxIDIzNS40ODhMMTQ0MSAwLjAwMDEyMjA3TDIuNjM2MWUtMDUgLTMuOTA1OTFlLTA2TDguMTAyMDRlLTA2IDIwOC44NThDOTUuNTM1OSAyNjEuNDYgMTQ2LjYyNSAyOTAuOTE4IDI1NyAyNzEuOTQ0QzQ5MyAyMzEuMzc1IDU3Ni45MTcgMTAxLjI1MyA4MDIuOTk1IDI3MS45NDRaIiBmaWxsPSIjRURGMEYxIi8+Cjwvc3ZnPg==");
  background-size: cover;
  background-position: center 100%;
  background-repeat: no-repeat;
}

.reveal {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.reveal.reach {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
}

.slide-up-20 {
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
}

.slide-up-10 {
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
}

.zoom {
  -webkit-transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: transform 2s ease, opacity 1s ease;
  transition: transform 2s ease, opacity 1s ease, -webkit-transform 2s ease;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.rotate-in-right {
  -webkit-transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: transform 2s ease, opacity 1s ease;
  transition: transform 2s ease, opacity 1s ease, -webkit-transform 2s ease;
  -webkit-transform: rotate(-5deg) translate3d(-20%, 0, 0);
  transform: rotate(-5deg) translate3d(-20%, 0, 0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.scale-in-right {
  -webkit-transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: transform 2s ease, opacity 1s ease;
  transition: transform 2s ease, opacity 1s ease, -webkit-transform 2s ease;
  -webkit-transform: scale(0.9) translate3d(-10%, 0, 0);
  transform: scale(0.9) translate3d(-10%, 0, 0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.scale-in-left {
  -webkit-transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: opacity 1s ease, -webkit-transform 2s ease;
  transition: transform 2s ease, opacity 1s ease;
  transition: transform 2s ease, opacity 1s ease, -webkit-transform 2s ease;
  -webkit-transform: scale(0.9) translate3d(10%, 0, 0);
  transform: scale(0.9) translate3d(10%, 0, 0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.tr-delay-1 {
  -webkit-transition-delay: 0.1s !important;
  transition-delay: 0.1s !important;
}

.tr-delay-2 {
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
}

.fade-5 {
  opacity: 0.5;
}

.fade-0 {
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */