@charset "UTF-8";
/*
Theme Name: SugarFree
Theme URI: http://www.griflan.com/Clients/SugarFree/
Description: 
Version: 1.0
Author: Justin Lerner
Author URI: http://www.jlern.com
*/
/*! VARIABLES */
/*! SETUP */
html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-size: 100%;
  font-family: 'proxima-nova', sans-serif;
  font-size: 19px;
  color: #00183d;
}
body ::selection {
  background: #ff0090;
  color: #fff;
}
body ::-moz-selection {
  background: #ff0090;
  color: #fff;
}
section,
.global {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
}
.contentContainer {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
li {
  break-inside: avoid;
}
a,
a:active,
a:visited {
  text-decoration: none;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
input {
  padding: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
input,
textarea,
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input[type="submit"]::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
  padding: 0;
  border: 0;
  margin-top: -4px;
}
textarea {
  resize: none;
}
:focus {
  outline: none;
}
button:focus {
  outline: 0;
}
button,
input {
  border: none;
  background: none;
}
button {
  cursor: pointer;
}
.vline-div {
  padding: 0 5px;
}
.sidepad {
  padding-left: 50px;
  padding-right: 50px;
}
.sidepadM {
  padding-left: 25px;
  padding-right: 25px;
}
.nopad {
  padding-left: 0px;
  padding-right: 0px;
}
.automargin {
  margin-left: auto;
  margin-right: auto;
}
.valign {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.valign-l {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.valign-r {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.valign-b {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.break {
  display: block;
  width: 0;
  height: 0px;
  flex-basis: 100%;
}
.abs-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.abs {
  position: absolute;
  left: 0;
  top: 0;
}
.absr {
  position: absolute;
  right: 0;
  top: 0;
}
.abs-cen {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.abs-cenv {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.bgcover {
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.inline-c {
  display: inline-block;
  vertical-align: middle;
}
.inline-t {
  display: inline-block;
  vertical-align: top;
}
.noshrink {
  -webkit-flex-shrink: 0;
  -ms-flex: -1;
  flex-shrink: 0;
}
.allowgrow {
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.no-breakout {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}
.boost-accel {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.noflicker {
  -webkit-transform-style: preserve-3d;
}
.overflow-anim {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.div-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.spacer {
  width: 100%;
  height: auto;
  display: block;
}
.filler {
  visibility: hidden;
}
.mob {
  display: none;
}
.col {
  position: relative;
}
.row {
  width: 100%;
  position: relative;
}
.upc {
  text-transform: uppercase;
}
.flipX {
  transform: scaleX(-1);
}
.flipY {
  transform: scaleY(-1);
}
.flipXY {
  transform: scale(-1);
}
.rotate-text {
  position: absolute;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  top: 50%;
  left: 50%;
}
.fpo {
  background-color: rgba(255, 0, 0, 0.2);
}
.fpo2 {
  background-color: rgba(255, 255, 0, 0.2);
}
.spaced {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.spaced-c {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.spaced-t {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.showflex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  z-index: 60;
}
.blanket {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #F9F8F4;
  opacity: .9;
  z-index: 1;
}
.overlayWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  padding: 0 50px;
  -webkit-transform: translateZ(0);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 30;
}
.overlayWrap .contentContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  height: auto;
  min-height: 100%;
}
.gridline {
  width: 1px;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 0px;
  z-index: 100;
  background-color: red;
  opacity: .2;
  display: none;
}
.gridline.l {
  left: 50px;
}
.gridline.r {
  left: auto;
  right: 50px;
}
.gridline.ml {
  margin-left: -600px;
}
.gridline.mr {
  margin-left: 600px;
}
.crosshairs:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 0px;
  height: 100%;
  border-left: 1px solid red;
  z-index: 50;
}
.crosshairs:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  top: 50%;
  height: 0px;
  width: 100%;
  border-top: 1px solid red;
  z-index: 50;
}
.part {
  position: absolute;
  left: 0;
  top: 0;
}
.part img {
  width: 100%;
  height: auto;
  display: block;
}
.part-wrap {
  position: absolute;
  overflow: hidden;
}
.sized img {
  width: 100%;
  height: auto;
  display: block;
}
.bg-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.background {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.background .base img {
  width: 100%;
  height: auto;
  display: block;
}
.background .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.background .layer img {
  width: 100%;
  height: auto;
  display: block;
}
.background.cn {
  width: 1800px;
  left: 50%;
  margin-left: -900px;
}
.willScale {
  transform-origin: left top;
}
/* FUNCTIONS */
/*! - GLOBAL ***************************** */
/*! - GLOBAL: 0 REUSE */
section h1 {
  font: 300 40px/1.63 'filson-pro', sans-serif;
}
section h2 {
  font: 900 79px/1.29 'filson-soft', sans-serif;
  margin-bottom: 50px;
  color: #ff0090;
  text-transform: uppercase;
  letter-spacing: 2.63px;
}
section h3 {
  font: 700 30px/1.45 'filson-soft', sans-serif;
  margin-bottom: 20px;
}
section h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.46;
  margin-bottom: 15px;
}
section p {
  line-height: 1.89;
}
section p.big {
  font-size: 25px;
  line-height: 1.84;
}
section p.sm {
  font: 400 16px/1.8 'proxima-nova', sans-serif;
}
section p + p {
  margin-top: 15px;
}
section p a,
section li a {
  color: #ff0090;
}
section header {
  text-align: center;
}
.big-text-pink {
  font: 900 79px/1.29 'filson-soft', sans-serif;
  margin-bottom: 50px;
  color: #ff0090;
  text-transform: uppercase;
  letter-spacing: 2.63px;
}
.social-links li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  background-color: #ff0090;
}
.social-links li ~ li {
  margin-left: 16px;
}
.social-links li .icon {
  font-size: 24px;
  color: #00183d;
  line-height: 44px;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.social-links li a {
  display: block;
}
.outerContainer {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.cta-btn {
  position: relative;
  display: inline-block;
  padding: 18px 24px;
  background-color: #00183d;
  font: 500 18px 'proxima-nova', sans-serif;
  color: #fff;
  text-align: center;
  border-radius: 8px;
}
.cta-btn.lrg {
  padding: 21px 36px;
  font-size: 17px;
  letter-spacing: .11em;
}
.dot-nav {
  width: 100%;
  text-align: center;
}
.dot-nav .dot-btn {
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background-color: #000;
  opacity: .1;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.dot-nav .dot-btn + .dot-btn {
  margin-left: 8px;
}
.dot-nav .dot-btn.on {
  opacity: 1;
}
.close-btn {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.close-btn span {
  font-size: 14px;
  color: #00183d;
  display: block;
}
.module-styling {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
}
.module-style-short {
  border: solid 1px #231f4d;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 5px 6px 0px #E5E4DF;
}
.field-box {
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 5px 6px 0px #E5E4DF;
  position: relative;
  height: 50px;
}
.full-btn > a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.pad-wrap {
  padding-left: 50px;
  padding-right: 50px;
}
.smiley img {
  width: 100%;
  height: auto;
  display: block;
}
.smiley .eye {
  position: absolute;
}
.smiley .eye .line {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #00183d;
}
.smiley .eye .line[data-num="1"] {
  transform: rotate(-45deg);
}
.smiley .eye .line[data-num="2"] {
  transform: rotate(45deg);
}
.logos-module {
  position: relative;
}
.logos-module .logos-mover-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 2700px;
}
.logos-module .logos-mover {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(5660px);
  -webkit-transform-style: preserve-3d;
}
.logos-module .logos-grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 2700px;
  -webkit-transform-style: preserve-3d;
}
.logos-module .logos-grid:nth-child(2) {
  left: 2700px;
  margin-left: 130px;
}
.logos-module .logo-box {
  display: inline-block;
  max-width: 104px;
}
.logos-module .logo-box img {
  width: 100%;
  height: auto;
  display: block;
}
/*! - GLOBAL: 0a LAYOUT */
.image-text-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.image-text-row .col {
  width: 50%;
}
.image-text-row .col.text {
  padding-top: 40px;
}
.image-text-row + .image-text-row {
  margin-top: 90px;
}
.image-text-row .txt,
.image-text-row .image {
  position: relative;
}
.image-text-row.text-left .text {
  text-align: right;
  padding-right: 15px;
}
.image-text-row.text-left .text .txt {
  display: inline-block;
  text-align: left;
  max-width: 450px;
}
.image-text-row.text-left .image {
  text-align: right;
  padding-left: 15px;
}
.image-text-row.text-left .image .services-image {
  display: inline-block;
}
.image-text-row.text-right .text {
  padding-left: 25px;
}
.image-text-row.text-right .txt {
  max-width: 460px;
  padding-left: 15px;
}
.module-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.module-row .module {
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  position: relative;
  text-align: center;
  background-color: #fff;
}
.module-row .module p {
  font-size: 18px;
  line-height: 1.89;
}
.module-row .module.filler {
  height: 0px;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none;
}
.module-row .module-photo {
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.module-row.three-col .module {
  width: 31.5%;
  padding: 33px 40px 40px;
}
.module-row.three-col .module-logo {
  display: inline-block;
  width: 200px;
  margin-bottom: 10px;
}
.module-row.three-col.blog .module {
  text-align: left;
  padding: 24px 22px 20px;
}
.module-row.three-col.blog h3 {
  font: 700 24px/1.46 'proxima-nova', sans-serif;
  margin-bottom: 0px;
  padding-right: 20px;
}
.module-row.three-col.blog .module-photo {
  margin-bottom: 25px;
}
.module-row.three-col.blog .module-details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #ff0090;
}
.module-row.four-col .module {
  width: 22.75%;
  padding: 24px 22px 20px;
  box-shadow: 11px 11px 0 0 #EDF3FB;
}
.module-row.four-col .module:nth-child(-n+4) {
  margin-bottom: 50px;
}
.module-row.four-col .tape {
  width: 96px;
  top: -20px;
  left: 50%;
  margin-left: -46px;
}
.module-row.four-col .dotbg {
  width: 100%;
  height: 26px;
  top: auto;
  bottom: 0px;
  overflow: hidden;
  border-radius: 0px 0px 8px 8px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.module-row.four-col .dotbg img {
  position: absolute;
  bottom: -1px;
}
.module-row.four-col .module-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  min-height: 55px;
  position: relative;
}
.module-row.four-col .module-name p {
  line-height: 1.35;
}
.module-row.four-col .module-name a {
  display: none;
}
.module-row .candy {
  width: 100px;
  height: 50px;
  top: -51px;
  left: 50%;
  margin-left: -50px;
  overflow: hidden;
}
.module-row .candy img {
  transform: translateY(20px);
}
#page-blog .gradient-wrap,
#page-case-studies .gradient-wrap,
#page-case-detail .gradient-wrap,
#page-search .gradient-wrap {
  padding-top: 75px;
}
/*! - GLOBAL: 1 LOADER */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 60;
}
/*! - GLOBAL: 2 HEADER */
#globalHeader .logo,
#stickyBar .logo,
#globalMenu .logo {
  position: absolute;
  left: 50px;
  text-align: left;
}
#globalHeader .logo a,
#stickyBar .logo a,
#globalMenu .logo a {
  font: 700 30px/1 'filson-soft', sans-serif;
  color: #00183d;
}
#globalHeader .cta,
#stickyBar .cta,
#globalMenu .cta {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  padding: 0 50px;
  width: 330px;
  height: 63px;
}
#globalHeader .cta a,
#stickyBar .cta a,
#globalMenu .cta a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #00183d;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 18px;
}
#globalHeader .cta .smiley,
#stickyBar .cta .smiley,
#globalMenu .cta .smiley {
  width: 45px;
  margin-right: 18px;
  position: relative;
}
#globalHeader .cta .smiley .eye,
#stickyBar .cta .smiley .eye,
#globalMenu .cta .smiley .eye {
  top: 11px;
}
#globalHeader .cta .smiley .eye[data-num="1"],
#stickyBar .cta .smiley .eye[data-num="1"],
#globalMenu .cta .smiley .eye[data-num="1"] {
  left: 11px;
}
#globalHeader .cta .smiley .eye[data-num="2"],
#stickyBar .cta .smiley .eye[data-num="2"],
#globalMenu .cta .smiley .eye[data-num="2"] {
  left: 22px;
}
#globalHeader .cta .smiley .eye .line,
#stickyBar .cta .smiley .eye .line,
#globalMenu .cta .smiley .eye .line {
  width: 7px;
  height: 1px;
  /* .transition(transform, .3s, ease-in-out); */
}
#globalHeader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 4;
  overflow: visible;
}
#globalHeader .logo {
  top: 43px;
}
#globalHeader .toplinks {
  padding-top: 52px;
}
#globalHeader .cta {
  height: 117px;
}
.toplinks {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  padding-left: 250px;
}
.toplinks li {
  display: inline-block;
  vertical-align: middle;
}
.toplinks li a {
  color: #00183d;
}
.toplinks li + li {
  margin-left: 48px;
}
.toplinks li.on a {
  color: #ff0090;
}
#stickyBar {
  position: fixed;
  top: 0;
  left: 0;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
  height: 63px;
  background-color: #fff;
  z-index: 5;
  transform: translateY(-101%);
  -webkit-transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
}
#stickyBar:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  box-shadow: 0px 5px 4px rgba(0, 24, 61, 0.06);
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
#stickyBar.open {
  transform: translateY(0%);
  transition-duration: .5s;
}
#stickyBar.open:after {
  opacity: 1;
}
#stickyBar .logo {
  top: 16px;
  z-index: 5;
}
#stickyBar .toplinks {
  padding-top: 22px;
  position: relative;
  z-index: 2;
}
/*! - GLOBAL: 3 FOOTER */
#globalFooter {
  background-color: #00183d;
  padding-top: 95px;
  padding-bottom: 90px;
}
#globalFooter .logo {
  width: 304px;
  height: auto;
  display: block;
  margin-bottom: 120px;
}
#globalFooter .col {
  display: inline-block;
  max-width: 45s%;
}
#globalFooter .col.left .legal {
  margin-top: 32px;
}
#globalFooter .col.right {
  padding-top: 12px;
}
#globalFooter .col.right .legal {
  margin-top: 44px;
}
#globalFooter p {
  font-size: 18px;
  line-height: 1.89;
  color: #fff;
}
#globalFooter p.legal {
  font-size: 16px;
}
#globalFooter p.legal span {
  opacity: .5;
}
#globalFooter p.legal a {
  color: #fff;
  opacity: .5;
}
/*! - GLOBAL: 4 MENU */
#globalMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  display: none;
}
#globalMenu .menu-btn {
  width: 43px;
  height: 43px;
  border-radius: 8px;
  background-color: #ff0090;
  z-index: 5;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
#globalMenu .menu-line {
  width: 18px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  top: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-line.top {
  transform: translate3d(0, -9px, 0);
}
#globalMenu .menu-line.mid {
  transform-origin: center center;
}
#globalMenu .menu-line.bot {
  transform: translate3d(0, 9px, 0);
}
#globalMenu.expanded {
  width: 100%;
  height: 100%;
}
#globalMenu.expanded .menu-wrap {
  display: block;
}
#globalMenu.open .menu-btn:before {
  background-color: #000;
}
#globalMenu.open .menu-line.top {
  transform: rotate(-45deg) translate3d(0, 0px, 0);
}
#globalMenu.open .menu-line.mid {
  transform: rotate(-45deg) scale(0);
  transform-origin: center center;
}
#globalMenu.open .menu-line.bot {
  transform: rotate(45deg) translate3d(0, 0px, 0);
}
#globalMenu.open .eye[data-num="1"] .line[data-num="1"] {
  -webkit-animation: eyeBlink1 infinite 4s ease-in-out;
  -moz-animation: eyeBlink1 infinite 4s ease-in-out;
  animation: eyeBlink1 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#globalMenu.open .eye[data-num="1"] .line[data-num="2"] {
  -webkit-animation: eyeBlink2 infinite 4s ease-in-out;
  -moz-animation: eyeBlink2 infinite 4s ease-in-out;
  animation: eyeBlink2 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#globalMenu .menu-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-color: #fff;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  display: none;
}
#globalMenu .menu-scroller {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#globalMenu .menu-contents {
  padding: 97px 25px 50px;
  width: 100%;
  height: 100%;
  min-height: 700px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
#globalMenu .menu-contents .toplinks {
  font: 400 29px/1 'filson-pro', sans-serif;
  padding: 0;
  position: relative;
}
#globalMenu .menu-contents .toplinks li {
  width: 100%;
  display: block;
  margin: 0;
}
#globalMenu .menu-contents .toplinks li + li {
  margin-top: 40px;
}
#globalMenu .menu-contents .smiley {
  width: 165px;
  height: auto;
  display: inline-block;
  position: relative;
}
#globalMenu .menu-contents .smiley .eye {
  top: 61px;
}
#globalMenu .menu-contents .smiley .eye[data-num="1"] {
  left: 62px;
}
#globalMenu .menu-contents .smiley .eye[data-num="2"] {
  left: 83px;
}
#globalMenu .menu-contents .smiley .eye .line {
  width: 13px;
  height: 3px;
}
#globalMenu .menu-contents .cta-wrap {
  display: block;
  margin: 37px 0 100px;
  width: 100%;
  text-align: center;
}
#globalMenu .menu-contents .logo {
  top: 25px;
  left: 25px;
}
#globalMenu .background {
  width: 1045px;
  margin-left: -522px;
  top: -50px;
}
/*! - GLOBAL: 5 FORM */
#contact-form {
  padding-top: 170px;
  padding-bottom: 70px;
  text-align: center;
}
#contact-form .contentContainer {
  max-width: 1045px;
}
#contact-form header {
  margin-bottom: 65px;
}
#contact-form h2 {
  margin-bottom: 10px;
}
#contact-form .form-modal {
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  padding-top: 54px;
  padding-bottom: 65px;
  box-shadow: 11px 11px 0px #ECD8D7;
  position: relative;
}
#contact-form .form-contents {
  width: 100%;
  max-width: 815px;
  margin: 0 auto;
  position: relative;
}
#contact-form form ::-webkit-input-placeholder {
  color: #00183d;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
#contact-form form :-moz-placeholder {
  color: #00183d;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  opacity: 1;
}
#contact-form form ::-moz-placeholder {
  color: #00183d;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  opacity: 1;
}
#contact-form form :-ms-input-placeholder {
  color: #00183d;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
#contact-form form input:-webkit-autofill,
#contact-form form input:-webkit-autofill:hover,
#contact-form form input:-webkit-autofill:focus,
#contact-form form input:-webkit-autofill:active {
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #00183d;
}
#contact-form form label {
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
}
#contact-form form .form-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#contact-form form .form-row + .form-row {
  margin-top: 48px;
}
#contact-form form .field-wrap {
  width: 47.5%;
  height: 50px;
}
#contact-form form .field-wrap.error input {
  border-color: #ff0090;
  color: #ff0090;
}
#contact-form form .field-wrap.error label {
  color: #ff0090;
}
#contact-form form .field-wrap.error .select2-container .select2-choice {
  color: #ff0090;
}
#contact-form form .field-wrap.error .field-box {
  border-color: #ff0090;
}
#contact-form form .field-wrap.hasS2 {
  cursor: pointer;
  padding: 0px;
}
#contact-form form input[type="text"],
#contact-form form input[type="email"] {
  width: 100%;
  padding: 0;
  height: 48px;
  line-height: normal;
  color: #00183d;
  padding: 0px 12px;
}
#contact-form form textarea {
  width: 100%;
  height: 124px;
  padding: 12px;
  line-height: 1.35;
}
#contact-form form input[type="text"],
#contact-form form input[type="email"],
#contact-form form textarea {
  font-size: 16px;
}
#contact-form form input[type="text"],
#contact-form form input[type="email"],
#contact-form form textarea,
#contact-form form label,
#contact-form form .field-box {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#contact-form form .wpcf7-form-control-wrap.message {
  width: 100%;
}
#contact-form form .wpcf7-phonetext {
  position: absolute;
  font-size: 0px !important;
}
#contact-form form .wpcf7-form-control-wrap.phone input {
  padding-left: 55px;
}
#contact-form form .flag-container {
  left: 5px;
  top: 22px;
}
#contact-form form .wpcf7-not-valid-tip {
  top: 45px;
  position: absolute;
  font-size: 14px !important;
}
#contact-form form .wpcf7-response-output {
  display: none !important;
}
#contact-form form.sending button.cta-btn {
  pointer-events: none;
}
#contact-form .field-box,
#contact-form textarea {
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 5px 6px 0px #E5E4DF;
}
#contact-form .field-box {
  /* overflow: hidden;  */
  height: 50px;
}
#contact-form .cta-btn {
  display: inline-block;
  width: 148px;
  margin-top: 42px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#contact-form .smiley-tab {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 117px;
  height: 117px;
  border-radius: 117px;
  top: -42px;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  border: solid 1px #231f4d;
}
#contact-form .smiley-tab .blocker {
  width: 120px;
  height: 75px;
  background-color: #fff;
  position: absolute;
  left: -1px;
  bottom: -1px;
}
#contact-form .smiley-tab .smiley {
  width: 45px;
  height: auto;
  display: block;
  margin-top: -10px;
  position: relative;
}
#contact-form .smiley-tab .smiley .eye {
  top: 11px;
}
#contact-form .smiley-tab .smiley .eye[data-num="1"] {
  left: 11px;
}
#contact-form .smiley-tab .smiley .eye[data-num="2"] {
  left: 22px;
}
#contact-form .smiley-tab .smiley .eye .line {
  width: 7px;
  height: 1px;
}
#contact-form .side-illus[data-num="1"] {
  width: 185px;
  left: 301px;
  top: 0px;
}
#contact-form .side-illus[data-num="2"] {
  width: 283px;
  height: 327px;
  left: auto;
  right: -216px;
  top: auto;
  bottom: -73px;
  z-index: 3;
  pointer-events: none;
}
#contact-form .side-illus.mob .heart-mask {
  clip-path: url('#form-heart-masker2');
  -webkit-clip-path: url('#form-heart-masker2');
  transform: scale(0.75);
  transform-origin: left top;
  top: -55px;
}
#contact-form .heart-mask {
  width: 163px;
  height: 194px;
  left: 10px;
  top: -75px;
  clip-path: url('#form-heart-masker');
  -webkit-clip-path: url('#form-heart-masker');
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#contact-form .heart-mask .heart {
  width: 35px;
  left: 70px;
  top: 200px;
}
#contact-form .heart-mask .heart[data-num="1"] {
  left: 25px;
}
#contact-form .heart-mask .heart[data-num="2"] {
  left: 50px;
}
#contact-form .thank-you {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1;
  display: none;
  opacity: 0;
}
#contact-form .thank-you .thank-you-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  top: 40px;
  background-color: rgba(255, 255, 255, 0.9);
}
#contact-form .thank-you .thank-you-modal {
  width: 100%;
  padding: 60px 25px;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  opacity: 0;
}
#contact-form .thank-you .close-btn {
  display: none;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#contact-form .thank-you .txt {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}
#contact-form .thank-you .icon {
  display: inline-block;
  width: 120px;
  margin-bottom: 10px;
}
.select2-container--default .select2-selection--single {
  padding: 15px 12px;
  border: none;
  border-radius: 0px;
  background: none;
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto;
  right: 10px;
  top: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow .icon {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 15px;
  padding: 0px;
  line-height: normal;
  color: #00183d;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #00183d;
  opacity: .5;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #ff0090;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  color: #ff0090;
  background-color: transparent;
}
.select2-container--default .select2-results > .select2-results__options {
  padding: 12px 0;
  max-height: 170px;
}
.select2-dropdown {
  margin-top: 15px;
  margin-left: -1px;
  border: solid 1px #231f4d;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 5px 6px 0px #E5E4DF;
  box-sizing: content-box;
  opacity: 0;
  transform: translateY(-5px);
  -webkit-transition: transform 0.5s ease-out, opacity 0.3s linear;
  -moz-transition: transform 0.5s ease-out, opacity 0.3s linear;
  -o-transition: transform 0.5s ease-out, opacity 0.3s linear;
  transition: transform 0.5s ease-out, opacity 0.3s linear;
}
.select2-dropdown.on {
  transform: translateY(0px);
  opacity: 1;
}
.select2-dropdown--above {
  margin-top: -15px;
}
.select2-results__option {
  padding: 10px 12px;
  color: #00183d;
  font-size: 15px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.select2-container--open .select2-dropdown--below {
  border-radius: 4px;
  border-top: solid 1px #231f4d;
}
.select2-container--open .select2-dropdown--above {
  border-radius: 4px;
  border-bottom: solid 1px #231f4d;
}
.select2-container--open .select2-selection__arrow .icon {
  transform: rotateX(180deg);
}
/*! - GLOBAL: 6 FEATURED IN */
#featured-logos {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}
#featured-logos h3 {
  margin-bottom: 35px;
}
#featured-logos .logos-module {
  height: 110px;
  margin-top: 25px;
}
#featured-logos .logos-module {
  position: relative;
}
#featured-logos .logos-module .logos-mover-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1600px;
}
#featured-logos .logos-module .logos-mover {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(3460px);
}
#featured-logos .logos-module .logos-grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 1600px;
  -webkit-transform-style: preserve-3d;
}
#featured-logos .logos-module .logos-grid:nth-child(2) {
  left: 1600px;
  margin-left: 130px;
}
#featured-logos .logos-module .logo-box {
  display: inline-block;
  max-width: 130px;
}
#featured-logos .logos-module .logo-box img {
  width: 100%;
  height: auto;
  display: block;
}
/*! - PAGE ***************************** */
/*! - PAGE: 0 HOME -> 0 HERO */
.gradient-wrap[data-num="1"] {
  background-image: linear-gradient(to bottom, rgba(249, 248, 244, 0.05), #f9f8f4);
}
.gradient-wrap[data-num="2"] {
  background-image: linear-gradient(to bottom, #f9f8f4, #ffdfdf);
  overflow: hidden;
  position: relative;
}
.gradient-wrap[data-num="2"] .bg-sprinkles {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  top: 250px;
  background: url(images/home/sprinkles-large@2x.png) center top repeat-y;
  background-size: 1750px auto;
}
#home-hero {
  padding: 207px 0px 20px;
  z-index: 2;
}
#home-hero .txt {
  width: 46%;
  max-width: 450px;
  z-index: 2;
}
#home-hero .anim-spacer {
  width: 54%;
  max-width: 750px;
}
#home-hero .cta-btn {
  margin-top: 30px;
}
#home-hero .pad-wrap {
  position: relative;
  z-index: 2;
}
#home-hero .outerContainer {
  padding-bottom: 80px;
}
#home-hero .hero-image-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#home-hero .hero-image-wrap .col-space {
  width: 46%;
}
#home-hero .hero-image-wrap .hero-image {
  width: 54%;
  max-width: 750px;
  position: relative;
}
#home-hero .hero-image-wrap .hero-anim {
  position: absolute;
  left: 0;
  top: 0;
  width: 983px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#home-hero .hero-image-wrap .hero-anim .base {
  width: 983px;
  left: -150px;
  top: -140px;
}
#home-hero .hero-image-wrap .influencer {
  width: 88px;
}
#home-hero .hero-image-wrap .mint {
  width: 66px;
}
#home-hero .hero-image-wrap .funnel {
  width: 373px;
  left: 381px;
  top: 0px;
}
#home-hero .hero-image-wrap .funnel-mask {
  position: absolute;
  left: 0;
  top: 0;
  left: 400px;
  width: 334px;
  height: 267px;
  clip-path: url('#funnel-masker');
  -webkit-clip-path: url('#funnel-masker');
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#home-hero .hero-image-wrap .funnel-mask .influencer {
  top: -90px;
}
#home-hero .hero-image-wrap .funnel-mask .influencer[data-num="1"] {
  left: 23px;
}
#home-hero .hero-image-wrap .funnel-mask .influencer[data-num="2"] {
  left: 153px;
}
#home-hero .hero-image-wrap .funnel-mask .influencer[data-num="3"] {
  left: 220px;
}
#home-hero .hero-image-wrap .funnel-mask .lolli {
  left: 70px;
  width: 74px;
}
#home-hero .hero-image-wrap .funnel-mask .popsicle {
  left: 180px;
  width: 97px;
}
#home-hero .hero-image-wrap .funnel-mask .mint {
  top: -90px;
}
#home-hero .hero-image-wrap .funnel-mask .mint[data-num="1"] {
  left: 90px;
}
#home-hero .hero-image-wrap .funnel-mask .mint[data-num="2"] {
  left: 180px;
}
#home-hero .hero-image-wrap .fallout-mask {
  width: 629px;
  height: 373px;
  left: 107px;
  top: 418px;
  clip-path: url('#fallout-masker');
  -webkit-clip-path: url('#fallout-masker');
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#home-hero .hero-image-wrap .fallout-mask .thumbsup {
  width: 93px;
  top: 85px;
  transform: translate(50px, 50px) rotate(-45deg);
  transform-origin: right bottom;
}
#home-hero .hero-image-wrap .fallout-mask .heart {
  width: 35px;
  left: 70px;
  top: 210px;
}
#home-hero .hero-image-wrap .fallout-mask .influencer {
  left: 419px;
  top: -48px;
}
#home-hero .hero-image-wrap .fallout-mask .mint {
  left: 429px;
  top: -25px;
}
#home-hero .hero-image-wrap .arrow-wrap {
  width: 115px;
  position: absolute;
  left: 868px;
  top: 431px;
  transform: scaleX(-1);
}
#home-hero .hero-image-wrap .arrow {
  width: 115px;
  opacity: 0;
}
#home-hero .hero-image-wrap .arrow-rot {
  transform: rotate(15deg);
  transform-origin: right center;
}
#home-hero .hero-image-wrap .arrow-tip {
  transform-origin: right center;
}
#home-hero .background {
  z-index: 1;
  top: auto;
  bottom: 5px;
  height: 653px;
}
#home-hero .background .side-illus {
  width: 443px;
  left: -78px;
  top: 0px;
}
#home-hero .background .side-illus > img {
  position: relative;
}
#home-hero .background .card[data-num="1"] {
  width: 225px;
  left: 43px;
  top: 0px;
}
#home-hero .background .card[data-num="1"] .graph-bars {
  width: 53px;
  height: 110px;
  transform: rotate(75.5deg);
  left: 63px;
  top: 9px;
}
#home-hero .background .card[data-num="1"] .bar {
  background-color: #276280;
}
#home-hero .background .card[data-num="2"] {
  width: 217px;
  left: 226px;
  top: 274px;
}
#home-hero .background .card[data-num="2"] .graph-bars {
  transform: rotate(10deg);
  left: 50px;
  top: 25px;
}
#home-hero .background .card[data-num="3"] {
  width: 197px;
  left: 48px;
  top: 443px;
}
#home-hero .background .card[data-num="3"] .graph-bars {
  width: 53px;
  height: 110px;
  transform: rotate(125deg);
  left: 81px;
  top: 29px;
}
#home-hero .background .card[data-num="3"] .bar {
  background-color: #ff0090;
}
#home-hero .background .graph-scroller[data-num="1"] {
  transform: rotate(-42deg);
  left: 92px;
  top: 128px;
}
#home-hero .background .graph-scroller[data-num="2"] {
  transform: rotate(9deg);
  left: 39px;
  top: 571px;
}
#home-hero .background .pie-group {
  left: 298px;
  top: 418px;
  transform: rotate(-15deg);
}
#home-hero .background .pie-chart {
  width: 25px;
  height: 25px;
}
#home-hero .background .pie-chart[data-num="2"] {
  left: 40px;
}
#home-hero .background .pie-chart[data-num="3"] {
  left: 80px;
}
#home-hero .trusted-by {
  text-align: center;
  padding-top: 57px;
  z-index: 0;
}
#home-hero .trusted-by h3 {
  margin-bottom: 35px;
}
#home-hero .trusted-by .logos-module {
  height: 110px;
  margin-top: 25px;
}
/*! - PAGE: 0 HOME -> 1 ABOUT */
#home-about {
  padding-top: 80px;
  padding-bottom: 130px;
}
#home-about .row {
  position: relative;
  padding-right: 200px;
}
#home-about .row .smiley {
  width: 170px;
  float: left;
}
#home-about .row .smiley .eye {
  top: 63px;
}
#home-about .row .smiley .eye[data-num="1"] {
  left: 63px;
}
#home-about .row .smiley .eye[data-num="2"] {
  left: 86px;
}
#home-about .row .smiley .eye .line {
  width: 13px;
  height: 3px;
}
#home-about .row .txt {
  width: auto;
  margin-left: 228px;
  max-width: 700px;
}
#home-about .illus {
  width: 235px;
  position: absolute;
  right: -85px;
  top: -200px;
}
/*! - PAGE: 0 HOME -> 2 SERVICES  */
#home-services {
  padding-top: 135px;
  padding-bottom: 320px;
}
#home-services header {
  margin-bottom: 100px;
}
#home-services .image-text-row .services-image {
  position: relative;
  max-width: 494px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background: #fff url(images/home/sprinkles-bg@2x.png) center center no-repeat;
  background-size: 436px auto;
}
#home-services .image-text-row .services-number {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  left: 25px;
  top: 20px;
  z-index: 2;
  background: #00183d url(images/home/number-circle@2x.png) center center no-repeat;
  background-size: 100px auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#home-services .image-text-row .services-number p {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}
#home-services .image-text-row .services-anim {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#home-services .image-text-row[data-num="1"] .base {
  width: 280px;
  left: 130px;
  top: 84px;
}
#home-services .image-text-row[data-num="1"] .confetti {
  width: 225px;
  height: 200px;
  left: 156px;
  top: 31px;
}
#home-services .image-text-row[data-num="1"] .megaphone {
  width: 190px;
  left: 10px;
  top: 75px;
}
#home-services .image-text-row[data-num="1"] .dot {
  position: absolute;
  left: 0;
  top: 0;
  left: -10px;
  font-size: 0px;
}
#home-services .image-text-row[data-num="1"] .dot > div {
  position: absolute;
  left: 0;
  top: 0;
}
#home-services .image-text-row[data-num="1"] .dot.big > div {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #ff0090;
}
#home-services .image-text-row[data-num="1"] .dot.sm > div {
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: #276280;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="1"] {
  top: 114px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="2"] {
  top: 70px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="3"] {
  top: 68px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="4"] {
  top: 115px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="5"] {
  top: 57px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="6"] {
  top: 82px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="7"] {
  top: 65px;
}
#home-services .image-text-row[data-num="1"] .dot[data-num="8"] {
  top: 102px;
}
#home-services .image-text-row[data-num="1"] .card-wrap .cp {
  width: 10px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .xp {
  width: 12px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .x1 {
  left: 58px;
  top: 48px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .x2 {
  left: 63px;
  top: 108px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .c1 {
  left: 76px;
  top: 69px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .c2 {
  left: 63px;
  top: 82px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .c3 {
  left: 77px;
  top: 97px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="1"] .d-line {
  left: 35px;
  top: 61px;
  width: 27px;
  height: 45px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="2"] .xp {
  width: 11px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="2"] .x1 {
  left: 114px;
  top: 31px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="2"] .x2 {
  left: 120px;
  top: 74px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="2"] .c1 {
  left: 117px;
  top: 54px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="2"] .c2 {
  left: 151px;
  top: 51px;
}
#home-services .image-text-row[data-num="1"] .card-wrap[data-num="2"] .d-line {
  left: 130px;
  top: 39px;
  width: 12px;
  height: 38px;
}
#home-services .image-text-row[data-num="2"] .base {
  width: 386px;
  left: 68px;
  top: 120px;
}
#home-services .image-text-row[data-num="2"] .seesaw {
  width: 363px;
  left: -1px;
  top: -17px;
  transform: rotate(-8.5deg);
  transform-origin: center bottom;
}
#home-services .image-text-row[data-num="2"] .d-line {
  left: 308px;
  top: 72px;
  width: 78px;
  height: 87px;
}
#home-services .image-text-row[data-num="3"] .base {
  width: 349px;
  left: 86px;
  top: 81px;
}
#home-services .image-text-row[data-num="3"] .bubble {
  width: 113px;
  top: -2px;
}
#home-services .image-text-row[data-num="3"] .bubble[data-num="1"] {
  left: 0px;
}
#home-services .image-text-row[data-num="3"] .bubble[data-num="1"] .dot {
  background-color: #b388ff;
}
#home-services .image-text-row[data-num="3"] .bubble[data-num="2"] {
  left: 253px;
}
#home-services .image-text-row[data-num="3"] .bubble[data-num="2"] .dot-group {
  left: 23px;
}
#home-services .image-text-row[data-num="3"] .bubble[data-num="2"] .dot {
  background-color: #ff0090;
}
#home-services .image-text-row[data-num="3"] .dot-group {
  position: absolute;
  left: 21px;
  top: 42px;
}
#home-services .image-text-row[data-num="3"] .dot {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  position: absolute;
  left: 0;
  top: 0;
}
#home-services .image-text-row[data-num="3"] .dot[data-num="2"] {
  left: 19px;
}
#home-services .image-text-row[data-num="3"] .dot[data-num="3"] {
  left: 37px;
}
#home-services .image-text-row[data-num="3"] .lines {
  width: 58px;
  height: 72px;
  left: 138px;
  top: 80px;
}
#home-services .image-text-row[data-num="3"] .line-scroller {
  width: 57px;
}
#home-services .image-text-row[data-num="4"] .base {
  width: 313px;
  left: 100px;
  top: 43px;
}
#home-services .image-text-row[data-num="4"] .arrow {
  width: 115px;
  left: 33px;
  top: 107px;
}
#home-services .image-text-row[data-num="4"] .arrow-rot {
  transform: rotate(-14deg);
  transform-origin: right center;
}
#home-services .image-text-row[data-num="4"] .arrow-tip {
  transform-origin: right center;
}
#home-services .image-text-row[data-num="4"] .bubble {
  width: 111px;
  left: 208px;
  top: 9px;
}
#home-services .image-text-row[data-num="4"] .thumb {
  width: 38px;
  left: 197px;
  top: 25px;
}
#home-services .image-text-row[data-num="4"] .heart {
  width: 39px;
  left: 247px;
  top: 37px;
}
#home-services .image-text-row[data-num="5"] .base {
  width: 306px;
  left: 116px;
  top: 96px;
}
#home-services .image-text-row[data-num="5"] .mag {
  width: 127px;
  left: 192px;
  top: 14px;
}
#home-services .image-text-row[data-num="5"] .lines {
  width: 54px;
  height: 60px;
  left: 159px;
  top: 40px;
}
#home-services .image-text-row[data-num="5"] .line-scroller {
  width: 53px;
}
#home-services .image-text-row[data-num="5"] .pie-group {
  left: 50px;
  top: 93px;
}
#home-services .image-text-row[data-num="5"] .pie-chart {
  width: 34px;
  height: 34px;
}
#home-services .image-text-row[data-num="5"] .pie-chart[data-num="2"] {
  left: 49px;
}
#home-services .image-text-row .side-illus[data-num="1"] {
  width: 177px;
  left: -258px;
  top: -150px;
}
#home-services .image-text-row .side-illus[data-num="2"] {
  width: 420px;
  left: 670px;
  top: 52px;
}
.services-bot-illus {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 528px;
  margin-top: -476px;
  pointer-events: none;
}
.services-bot-illus .side-illus[data-num="3"] {
  width: 446px;
  left: 77px;
}
/*! - PAGE: 0 HOME -> 3 CASE STUDIES  */
#home-case-studies {
  padding-top: 24px;
  padding-bottom: 75px;
  text-align: center;
}
#home-case-studies header {
  margin-bottom: 88px;
}
#home-case-studies .cta-btn {
  margin-top: 75px;
}
/*! - PAGE: 0 HOME -> 4 MARKETING HUB */
#home-hub {
  padding: 80px 0px 90px;
}
#home-hub .txt {
  width: 65%;
  z-index: 2;
}
#home-hub .txt .hub-logo {
  width: 212px;
}
#home-hub .txt h2 {
  margin-top: 97px;
  margin-bottom: 18px;
}
#home-hub .txt p {
  max-width: 600px;
}
#home-hub .txt .cta-btn {
  width: 160px;
  text-align: center;
  margin-top: 35px;
}
#home-hub .background {
  z-index: 1;
  top: 78px;
}
#home-hub .background .hub-anim {
  width: 870px;
  left: 980px;
  top: 0px;
}
#home-hub .background .bg-shape {
  position: absolute;
  left: 118px;
  top: 0px;
  width: 633px;
  height: 670px;
  border-radius: 75px;
  background-color: #F9F8F4;
}
#home-hub .background .meter {
  position: absolute;
  width: 1px;
  height: 28px;
  border-radius: 5px;
  transform: rotate(42deg);
  background-color: #00183d;
  top: 243px;
  transform-origin: center bottom;
}
#home-hub .background .meter[data-num="1"] {
  left: 300px;
}
#home-hub .background .meter[data-num="2"] {
  left: 414px;
}
#home-hub .background .meter-cover {
  width: 33px;
  top: 258px;
}
#home-hub .background .meter-cover[data-num="1"] {
  left: 284px;
}
#home-hub .background .meter-cover[data-num="2"] {
  left: 398px;
}
#home-hub .background .card[data-num="1"] {
  width: 166px;
  left: 112px;
  top: 523px;
}
#home-hub .background .card[data-num="2"] {
  width: 190px;
  left: 107px;
  top: 412px;
}
#home-hub .background .card[data-num="3"] {
  width: 183px;
  left: 686px;
  top: 141px;
}
#home-hub .background .graph-scroller[data-num="1"] {
  transform: rotate(-29deg);
  left: 48px;
  top: 62px;
}
#home-hub .background .graph-scroller[data-num="2"] {
  transform: rotate(22deg);
  left: 663px;
  top: 270px;
}
#home-hub .background .graph-bars[data-type="1"] {
  transform: rotate(-15deg);
  left: 526px;
  top: 479px;
}
#home-hub .background .graph-bars[data-type="2"] {
  width: 60px;
  height: 93px;
  transform: rotate(87deg);
  left: 62px;
  top: 10px;
}
#home-hub .background .pie-group {
  left: 70px;
  top: 43px;
  transform: rotate(48deg);
}
#home-hub .background .pie-chart {
  width: 25px;
  height: 25px;
}
#home-hub .background .pie-chart .bg-pie {
  fill: #a7ffeb;
}
#home-hub .background .pie-chart[data-num="2"] {
  left: 40px;
}
#home-hub .background .pie-chart[data-num="3"] {
  left: 80px;
}
/*! - PAGE: 0 HOME -> 5 INFLUENCERS  */
#home-influencers {
  padding-top: 90px;
  padding-bottom: 200px;
}
#home-influencers header {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  margin-bottom: 64px;
}
#home-influencers header h3 {
  margin-bottom: 35px;
}
/*! - PAGE: 0 HOME -> 6 BLOG  */
#home-blog {
  padding-top: 137px;
  padding-bottom: 65px;
  text-align: center;
}
#home-blog header {
  margin-bottom: 50px;
}
#home-blog .cta-btn {
  margin-top: 60px;
}
/*! - PAGE: 1 BLOG -> 0 LANDING */
#page-blog #tier-hero,
#page-search #tier-hero {
  padding-top: 205px;
}
#page-blog:not(.article) #tier-hero h1,
#page-search:not(.article) #tier-hero h1 {
  font: 900 79px/1.29 'filson-soft', sans-serif;
  margin-bottom: 50px;
  color: #ff0090;
  text-transform: uppercase;
  letter-spacing: 2.63px;
  margin-bottom: 7px;
}
#page-blog .blog-sort,
#page-search .blog-sort {
  width: 100%;
  max-width: 360px;
  margin-top: 47px;
  border-radius: 10px;
  border: solid 1px #231f4d;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#page-blog .blog-sort .select2-container--default .select2-selection--single,
#page-search .blog-sort .select2-container--default .select2-selection--single {
  padding-left: 20px;
}
#page-blog .blog-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
#page-search .blog-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
}
#page-blog .blog-sort .select2-container--default .select2-selection--single .select2-selection__placeholder,
#page-search .blog-sort .select2-container--default .select2-selection--single .select2-selection__placeholder {
  opacity: 1;
}
#page-blog .blog-sort .select2-container--default .select2-selection--single .select2-selection__arrow,
#page-search .blog-sort .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px;
}
#blog-grid {
  padding-top: 67px;
  padding-bottom: 115px;
}
#blog-grid .grid {
  padding-bottom: 20px;
}
#blog-grid .module {
  -webkit-transition: transform 0.3s ease-out, opacity 0.3s linear;
  -moz-transition: transform 0.3s ease-out, opacity 0.3s linear;
  -o-transition: transform 0.3s ease-out, opacity 0.3s linear;
  transition: transform 0.3s ease-out, opacity 0.3s linear;
}
#blog-grid .module:nth-child(n+4) {
  margin-top: 42px;
}
#blog-grid .module h3 {
  margin-bottom: 15px;
}
#blog-grid .module.filler {
  padding: 0;
  margin: 0 !important;
  border: none;
}
#blog-grid .module.lazy-load {
  opacity: 0;
}
#search-btn {
  position: fixed;
  z-index: 20;
  right: -8px;
  top: 347px;
  width: 92px;
  height: 91px;
  background-color: #F9F8F4;
  border-radius: 8px 0px 0px 8px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#search-btn.off {
  transform: translateX(84px);
}
#search-btn .search-icon {
  display: inline-block;
  margin-top: 26px;
  margin-left: -4px;
  width: 42px;
  height: auto;
}
#search-overlay .search-modal {
  width: 100%;
  max-width: 675px;
  margin: 0 auto;
  padding: 50px 25px 80px;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #231f4d;
  box-shadow: 11px 11px 0px #E5E4DF;
}
#search-overlay .search-modal h3 {
  font-size: 30px;
  color: #00183d;
  margin-bottom: 30px;
}
#search-overlay .search-modal .txt {
  width: 100%;
  max-width: 475px;
  margin: 0 auto;
  position: relative;
}
#search-overlay .search-modal .icon {
  display: inline-block;
  width: 120px;
  margin-bottom: 15px;
}
#search-overlay .field-wrap {
  width: 100%;
  height: 50px;
  position: relative;
}
#search-overlay .field-wrap input {
  width: 100%;
  height: 48px;
  line-height: normal;
  display: block;
  font-size: 16px;
  color: #00183d;
  padding: 0px 25px 0 15px;
}
#search-overlay .field-wrap button {
  position: absolute;
  right: 10px;
  top: 9px;
  padding: 0px;
}
#search-overlay .field-wrap button .icon {
  width: 32px;
  height: auto;
  display: block;
}
.search-auto {
  position: absolute;
  left: 0;
  top: 0;
  top: 67px;
  width: 100%;
  border: solid 1px #231f4d;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 5px 6px 0px #E5E4DF;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.search-auto ul {
  list-style: none;
  width: 100%;
  text-align: left;
  max-height: 200px;
  padding: 15px 0;
  overflow-y: auto;
}
.search-auto li a {
  display: block;
  padding: 5px 15px;
  color: #00183d;
  font-size: 16px;
  line-height: 1.35;
}
.search-auto li + li {
  margin-top: 5px;
}
.search-auto.on {
  visibility: visible;
  opacity: 1;
}
/*! - PAGE: 1 BLOG -> 1 ARTICLE */
#page-blog.article #tier-hero {
  padding-top: 175px;
  padding-left: 150px;
  padding-right: 150px;
  padding-bottom: 20px;
  margin-bottom: 58px;
}
#page-blog.article #tier-hero .contentContainer {
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
}
#page-blog.article #tier-hero h1 {
  font: 700 30px/1.45 'filson-soft', sans-serif;
  color: #00183d;
  margin-bottom: 15px;
}
#page-blog.article #tier-hero h4 {
  font-size: 14px;
  text-transform: uppercase;
  color: #ff0090;
  letter-spacing: 1.62px;
}
#page-blog.article #tier-hero time {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #ff0090;
}
#page-blog.article #tier-hero p {
  font-size: 14px;
}
#page-blog.article #tier-hero h1,
#page-blog.article #tier-hero p {
  position: relative;
}
#page-blog.article #tier-hero .title-wrap {
  position: relative;
  margin-top: 18px;
}
#page-blog.article #tier-hero .article-featured-img {
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 484px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  border: none;
  margin-top: 60px;
  position: relative;
}
#page-blog.article #tier-hero .article-featured-img .date-wrap {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#blog-article {
  padding-bottom: 88px;
}
#blog-article .contentContainer {
  padding: 0 100px;
}
#blog-article .innerContainer {
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
}
#blog-article p,
#blog-article div,
#blog-article ul {
  font: 400 20px/1.8 'proxima-nova', sans-serif;
}
#blog-article h2 {
  font: 700 24px/1.35 'proxima-nova', sans-serif;
  color: #00183d;
  letter-spacing: normal;
  text-transform: none;
  margin-bottom: 15px;
}
#blog-article h2 + h3 {
  margin-top: -20px;
}
#blog-article h3 {
  font-size: 20px;
}
#blog-article * + iframe,
#blog-article * + p iframe {
  margin-top: 50px !important;
}
#blog-article figure {
  max-width: 100% !important;
}
#blog-article figure img {
  width: 100%;
  height: auto;
  display: block;
}
#blog-article .body-text {
  max-width: 725px;
}
#blog-article .body-text img {
  max-width: 100% !important;
  width: 100%;
  height: auto;
  display: block;
}
#blog-article .body-text * + * {
  margin-top: 50px;
}
#blog-article .body-text * + ul {
  margin-top: 30px;
}
#blog-article .body-text h2 + * {
  margin-top: 15px;
}
#blog-article .body-text a {
  color: #ff0090;
}
#blog-article .body-text ul {
  margin-left: 50px;
  list-style: none;
}
#blog-article .body-text ul li {
  text-indent: -1.1em;
}
#blog-article .body-text ul li:before {
  content: '• ';
  color: #ff0090;
  margin-right: 10px;
}
#blog-article .body-text ul li + li {
  margin-top: 5px;
}
#blog-article .post-by {
  margin-top: 62px;
  padding-left: 45px;
}
#blog-article .post-by > * {
  display: inline-block;
  vertical-align: middle;
}
#blog-article .post-by .post-by-illus {
  width: 115px;
  height: auto;
  margin-right: 35px;
}
#blog-article .post-by p {
  font-size: 18px;
  margin-top: 0px;
}
#blog-article .blog-cta {
  position: relative;
  padding: 25px;
  padding-left: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  cursor: pointer;
  margin-top: 52px;
  width: 100%;
  height: 157px;
  border-radius: 10px;
  overflow: hidden;
  background-color: rgba(249, 248, 244, 0.5);
  border-radius: 8px;
}
#blog-article .blog-cta .blog-cta-illus {
  position: absolute;
  left: 38px;
  top: 28px;
  width: 123px;
  height: auto;
}
#blog-article .blog-cta p {
  font-size: 19px;
}
#blog-article .blog-cta p + p {
  margin-top: 0px;
}
#blog-article .blog-cta a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.post-sharing {
  position: absolute;
  left: 0;
  top: 0;
  top: 10px;
}
.post-sharing li {
  display: block;
}
.post-sharing li + li {
  margin-left: 0px;
  margin-top: 20px;
}
.post-sharing .love-btn {
  height: 65px;
}
.post-sharing .LoveCheck {
  position: absolute;
}
.post-sharing .LoveLabel {
  width: 100%;
  padding-top: 5px;
  height: 50px;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 2;
  /* background: url('images/blog/icon-heart.svg') center center no-repeat; */
  font-family: 'icomoon' !important;
  font-size: 20px;
  color: #00183d;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.post-sharing .LoveLabel:before {
  content: "\e904";
}
.post-sharing .LoveCount {
  font: 600 13px 'proxima-nova', sans-serif;
  letter-spacing: .15em;
  text-align: center;
  display: block;
  text-transform: uppercase;
  margin-top: -10px;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.post-sharing .LoveCheck:checked + .LoveLabel {
  color: #fff;
}
.post-sharing .LoveCheck:checked + .LoveLabel + .LoveCount {
  color: #fff;
}
/*! - PAGE: 1 BLOG -> 2 NEXT POSTS */
#next-posts {
  padding-top: 60px;
  padding-bottom: 80px;
  text-align: center;
}
#next-posts header {
  margin-bottom: 50px;
}
/*! - PAGE: 2 CASE STUDIES -> 0 LANDING */
#page-case-studies #tier-hero {
  padding-top: 185px;
  padding-left: 0px;
  padding-right: 0px;
}
#page-case-studies #tier-hero header {
  padding-left: 50px;
  padding-right: 50px;
}
#page-case-studies #tier-hero h1 {
  font: 900 79px/1.29 'filson-soft', sans-serif;
  margin-bottom: 50px;
  color: #ff0090;
  text-transform: uppercase;
  letter-spacing: 2.63px;
  margin-bottom: 7px;
}
#page-case-studies #tier-hero .bg-wrap {
  position: relative;
  height: 405px;
  margin-top: 15px;
}
#page-case-studies #tier-hero .background .base {
  position: absolute;
  left: 0;
  top: 0;
  width: 1595px;
  left: 100px;
}
#page-case-studies #tier-hero .background .card[data-num="1"] {
  width: 154px;
  left: 0px;
  top: 207px;
}
#page-case-studies #tier-hero .background .card[data-num="1"] .graph-bars {
  transform: rotate(-50deg);
  left: 31px;
  top: 92px;
}
#page-case-studies #tier-hero .background .card[data-num="1"] .bar {
  width: 13px;
  height: 46px;
}
#page-case-studies #tier-hero .background .card[data-num="1"] .bar[data-num="2"] {
  left: 21px;
}
#page-case-studies #tier-hero .background .card[data-num="1"] .bar[data-num="3"] {
  left: 42px;
}
#page-case-studies #tier-hero .background .card[data-num="1"] .bar[data-num="4"] {
  left: 63px;
}
#page-case-studies #tier-hero .background .card[data-num="2"] {
  width: 159px;
  left: 1225px;
  top: 209px;
}
#page-case-studies #tier-hero .background .card[data-num="2"] .graph-bars {
  transform: rotate(37deg);
  left: 93px;
  top: 28px;
}
#page-case-studies #tier-hero .background .card[data-num="2"] .bar {
  width: 8px;
  height: 90px;
  background-color: #ff0090;
}
#page-case-studies #tier-hero .background .card[data-num="2"] .bar[data-num="2"] {
  left: 12px;
}
#page-case-studies #tier-hero .background .card[data-num="2"] .bar[data-num="3"] {
  left: 24px;
}
#page-case-studies #tier-hero .background .card[data-num="2"] .bar[data-num="4"] {
  left: 36px;
}
#page-case-studies #tier-hero .background .candy[data-num="1"] {
  width: 395px;
  left: 40px;
  top: 140px;
}
#page-case-studies #tier-hero .background .candy[data-num="2"] {
  width: 349px;
  left: 1109px;
  top: 120px;
}
#page-case-studies #tier-hero .background .candy[data-num="3"] {
  width: 323px;
  left: 1272px;
  top: 184px;
}
#page-case-studies #tier-hero .background .cannon {
  width: 287px;
  left: 444px;
  top: 122px;
}
#page-case-studies #tier-hero .background .candy-mask {
  width: 458px;
  height: 426px;
  left: 677px;
  top: 68px;
  clip-path: url('#cannon-masker');
  -webkit-clip-path: url('#cannon-masker');
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#page-case-studies #tier-hero .background .candy-mask .mint {
  width: 63px;
  left: -45px;
  top: 120px;
}
#page-case-studies #tier-hero .background .candy-mask .lolli {
  width: 120px;
  left: -97px;
  top: 112px;
}
#page-case-studies #tier-hero .background .d-line[data-num="1"] {
  left: 706px;
  top: 137px;
  width: 140px;
  height: 62px;
}
#page-case-studies #tier-hero .background .d-line[data-num="2"] {
  left: 984px;
  top: 190px;
  width: 64px;
  height: 79x;
}
#page-case-studies #tier-hero .background .target {
  width: 146px;
  left: 974px;
  top: 16px;
  transform-origin: center top;
}
#page-case-studies #tier-hero .background .heart {
  width: 60px;
  left: 964px;
  top: 147px;
  opacity: 0;
}
#page-case-studies #tier-hero .background .heart img {
  transform: rotate(-12deg);
}
#page-case-studies #tier-hero .background .thumb {
  width: 60px;
  left: 1065px;
  top: 147px;
  opacity: 0;
}
#page-case-studies #tier-hero .background .thumb img {
  transform: rotate(15deg);
}
#page-case-studies #tier-hero .background .graph-scroller[data-num="1"] {
  left: 91px;
  top: 189px;
  transform: scale(0.8);
  transform-origin: left top;
}
#page-case-studies #tier-hero .background .pie-group {
  left: 121px;
  top: 308px;
}
#page-case-studies #tier-hero .background .pie-chart {
  width: 22px;
  height: 22px;
}
#page-case-studies #tier-hero .background .pie-chart[data-num="2"] {
  left: 34px;
}
#page-case-studies #tier-hero .background .pie-chart[data-num="3"] {
  left: 68px;
}
#cs-grid {
  padding-top: 70px;
  padding-bottom: 140px;
}
#cs-grid .grid {
  padding-bottom: 20px;
}
#cs-grid .module:nth-child(n+4) {
  margin-top: 70px;
}
#cs-grid .module h3 {
  margin-bottom: 15px;
}
/*! - PAGE: 2 CASE STUDIES -> 1 DETAIL */
#page-case-detail #tier-hero {
  padding-top: 193px;
  padding-bottom: 50px;
}
#page-case-detail #tier-hero .contentContainer {
  max-width: 1480px;
}
#page-case-detail #tier-hero .col.text {
  width: 48.75%;
  text-align: right;
}
#page-case-detail #tier-hero .col.image {
  width: 51.25%;
}
#page-case-detail #tier-hero .cs-hero-text {
  width: 100%;
  max-width: 582px;
  display: inline-block;
  text-align: left;
  padding-right: 20px;
}
#page-case-detail #tier-hero .cs-hero-text p {
  font-size: 23px;
  line-height: 1.65;
  max-width: 500px;
}
#page-case-detail #tier-hero .cs-hero-text .cs-logo {
  width: 330px;
  margin-bottom: 25px;
}
#page-case-detail #tier-hero .cs-featured {
  width: 100%;
  padding: 17px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
}
#page-case-detail #tier-hero .cs-featured .img-wrap {
  border-radius: 8px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#page-case-detail #tier-hero .cs-stats {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  max-width: 545px;
  margin-top: 60px;
}
#page-case-detail #tier-hero .cs-stats .cs-stat-box {
  width: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#page-case-detail #tier-hero .cs-stats .cs-stat-box:nth-child(n+3) {
  margin-top: 68px;
}
#page-case-detail #tier-hero .cs-stats .cs-icon {
  width: 38%;
  max-width: 92px;
  height: 92px;
  border-radius: 15px;
  background-color: #f2f1e7;
  margin-right: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#page-case-detail #tier-hero .cs-stats .cs-icon img {
  width: 100%;
  height: auto;
  display: block;
}
#page-case-detail #tier-hero .cs-stats .txt {
  width: 60%;
  padding-right: 30px;
}
#page-case-detail #tier-hero .cs-stats .txt h3 {
  font-size: 28px;
  margin-bottom: 5px;
}
#page-case-detail #tier-hero .cs-stats .txt p {
  font-size: 15px;
  line-height: 1.4;
}
#cs-details {
  padding-top: 60px;
  padding-bottom: 105px;
}
#cs-details .col.left {
  width: 39%;
  max-width: 470px;
}
#cs-details .col.right {
  width: 51.25%;
  max-width: 615px;
}
#cs-details .row.intro .col.image {
  text-align: center;
}
#cs-details .row.intro .col.text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#cs-details .row.intro .col.text p {
  font-size: 20px;
  line-height: 1.8;
}
#cs-details .row.intro .illus {
  width: 100%;
  max-width: 360px;
  height: auto;
  display: inline-block;
}
#cs-details .row.details {
  margin-top: 60px;
}
#cs-details .row.details .text-block + .text-block {
  margin-top: 120px;
}
.sample-post-slider {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 11px 11px 0 0 #e5e4df;
  border: solid 1px #231f4d;
  padding: 15px;
  position: relative;
  margin-top: 52px;
  overflow: hidden;
  border-radius: 15px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.sample-post-slider .post-slides {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
}
.sample-post-slider .post-slides-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.sample-post-slider .post-slides-mover {
  position: absolute;
  left: 0;
  top: 0;
  width: 1308px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.sample-post-slider .sample-post-slide {
  position: relative;
  width: 436px;
}
.sample-post-slider .sample-post-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.sample-post-nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 60px;
}
.sample-post-btn {
  width: 30%;
  height: 5px;
  border-radius: 5px;
  background-color: #D8D8D8;
  cursor: pointer;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.sample-post-btn.on {
  background-color: #ff0090;
}
/*! - GLOBAL: 7 HOVERS */
@media screen and (min-width: 1025px) {
  a {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .toplinks a:hover,
  #globalHeader .logo a:hover,
  #stickyBar .logo a:hover {
    color: #ff0090;
  }
  section p a:hover,
  section li a:hover {
    color: #00183d;
  }
  .cta-btn:hover {
    background-color: #ff0090;
  }
  #stickyBar .cta a:hover,
  #globalHeader .cta a:hover {
    background-color: #ff0090;
  }
  #stickyBar .cta a:hover > .smiley .eye[data-num="1"] .line[data-num="1"],
  #globalHeader .cta a:hover > .smiley .eye[data-num="1"] .line[data-num="1"] {
    -webkit-animation: eyeBlink1 infinite 4s ease-in-out;
    -moz-animation: eyeBlink1 infinite 4s ease-in-out;
    animation: eyeBlink1 infinite 4s ease-in-out;
    animation-fill-mode: forwards;
  }
  #stickyBar .cta a:hover > .smiley .eye[data-num="1"] .line[data-num="2"],
  #globalHeader .cta a:hover > .smiley .eye[data-num="1"] .line[data-num="2"] {
    -webkit-animation: eyeBlink2 infinite 4s ease-in-out;
    -moz-animation: eyeBlink2 infinite 4s ease-in-out;
    animation: eyeBlink2 infinite 4s ease-in-out;
    animation-fill-mode: forwards;
  }
  #stickyBar .cta a:hover > .smiley .eye[data-num="1"] .line,
  #globalHeader .cta a:hover > .smiley .eye[data-num="1"] .line {
    animation-delay: -1.5s !important;
  }
  .close-btn span {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
  .close-btn:hover > span {
    color: #ff0090;
  }
  .module-row .module {
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transform: translateY(0px);
  }
  .module-row .module .module-name p,
  .module-row .module h3 {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
  .module-row .module .candy img {
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
  }
  .module-row .module:hover {
    transform: translateY(-15px);
  }
  .module-row .module:hover > .module-name p {
    color: #ff0090;
  }
  .module-row .module:hover > .candy img {
    transform: translateY(0px);
  }
  .module-row.blog .module:hover > h3 {
    color: #ff0090;
  }
  .module-row.blog .module:hover > .module-txt h3 {
    color: #ff0090;
  }
  .social-links li:hover > a .icon {
    color: #fff;
  }
  #globalFooter p.legal a:hover {
    opacity: 1 !important;
  }
  #search-btn:hover {
    transform: translateX(-8px);
    transition-timing-function: ease-out !important;
    transition-duration: .3s !important;
  }
  .search-auto li a:hover {
    color: #ff0090;
  }
  #cs-details .sample-post-btn:hover {
    background-color: #ff0090;
  }
  #blog-article .body-text a:hover {
    color: #00183d;
  }
  .post-sharing .love-btn:hover .LoveLabel,
  .post-sharing .love-btn:hover .LoveCount {
    color: #fff;
  }
}
/*! - ANIMATIONS ***************************** */
/*! - ANIMATIONS: 0 ACTIVATION */
#home-hero.on .funnel-mask .influencer {
  -webkit-animation: dropFunnel infinite 5s linear;
  -moz-animation: dropFunnel infinite 5s linear;
  animation: dropFunnel infinite 5s linear;
  animation-fill-mode: forwards;
}
#home-hero.on .funnel-mask .influencer img {
  -webkit-animation: dropRot infinite 10s ease-in-out;
  -moz-animation: dropRot infinite 10s ease-in-out;
  animation: dropRot infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hero.on .funnel-mask .influencer[data-num="1"] img {
  animation-direction: reverse;
}
#home-hero.on .funnel-mask .influencer[data-num="2"] {
  animation-delay: -4s;
}
#home-hero.on .funnel-mask .influencer[data-num="2"] img {
  animation-direction: reverse;
  animation-delay: -5s;
}
#home-hero.on .funnel-mask .influencer[data-num="3"] {
  animation-delay: -2s;
}
#home-hero.on .funnel-mask .influencer[data-num="3"] img {
  animation-delay: -8s;
}
#home-hero.on .funnel-mask .lolli {
  -webkit-animation: dropFunnel infinite 5s linear;
  -moz-animation: dropFunnel infinite 5s linear;
  animation: dropFunnel infinite 5s linear;
  animation-fill-mode: forwards;
  animation-delay: -2s;
}
#home-hero.on .funnel-mask .lolli img {
  -webkit-animation: dropRot2 infinite 10s linear;
  -moz-animation: dropRot2 infinite 10s linear;
  animation: dropRot2 infinite 10s linear;
  animation-fill-mode: forwards;
  animation-direction: reverse;
}
#home-hero.on .funnel-mask .popsicle {
  -webkit-animation: dropFunnel infinite 5s linear;
  -moz-animation: dropFunnel infinite 5s linear;
  animation: dropFunnel infinite 5s linear;
  animation-fill-mode: forwards;
  animation-delay: -4.2s;
}
#home-hero.on .funnel-mask .popsicle img {
  -webkit-animation: dropRot2 infinite 10s linear;
  -moz-animation: dropRot2 infinite 10s linear;
  animation: dropRot2 infinite 10s linear;
  animation-fill-mode: forwards;
  animation-delay: -3s;
}
#home-hero.on .funnel-mask .mint {
  -webkit-animation: dropFunnel infinite 5s linear;
  -moz-animation: dropFunnel infinite 5s linear;
  animation: dropFunnel infinite 5s linear;
  animation-fill-mode: forwards;
}
#home-hero.on .funnel-mask .mint[data-num="1"] {
  animation-delay: -1.5s;
}
#home-hero.on .funnel-mask .mint[data-num="1"] img {
  -webkit-animation: dropRot2 infinite 10s linear;
  -moz-animation: dropRot2 infinite 10s linear;
  animation: dropRot2 infinite 10s linear;
  animation-fill-mode: forwards;
  animation-direction: reverse;
  animation-delay: -7s;
}
#home-hero.on .funnel-mask .mint[data-num="2"] {
  animation-delay: -3s;
}
#home-hero.on .funnel-mask .mint[data-num="2"] img {
  -webkit-animation: dropRot2 infinite 10s linear;
  -moz-animation: dropRot2 infinite 10s linear;
  animation: dropRot2 infinite 10s linear;
  animation-fill-mode: forwards;
  animation-delay: -2s;
}
#home-hero.on .graph-mover {
  -webkit-animation: slideLeft infinite 10s linear;
  -moz-animation: slideLeft infinite 10s linear;
  animation: slideLeft infinite 10s linear;
  animation-fill-mode: forwards;
}
#home-hero.on .graph-scroller[data-num="1"] .graph-mover {
  animation-delay: -5s;
}
#home-hero.on .graph-bars[data-num="1"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hero.on .graph-bars[data-num="1"] .bar[data-num="2"] {
  animation-delay: -3s;
}
#home-hero.on .graph-bars[data-num="1"] .bar[data-num="3"] {
  animation-delay: -6s;
}
#home-hero.on .graph-bars[data-num="1"] .bar[data-num="4"] {
  animation-delay: -2s;
}
#home-hero.on .graph-bars[data-num="2"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hero.on .graph-bars[data-num="2"] .bar[data-num="2"] {
  animation-delay: -7s;
}
#home-hero.on .graph-bars[data-num="2"] .bar[data-num="3"] {
  animation-delay: -4s;
}
#home-hero.on .graph-bars[data-num="2"] .bar[data-num="1"] {
  animation-delay: -2s;
}
#home-hero.on .graph-bars[data-num="3"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hero.on .graph-bars[data-num="3"] .bar[data-num="1"] {
  animation-delay: -1s;
}
#home-hero.on .graph-bars[data-num="3"] .bar[data-num="2"] {
  animation-delay: -8s;
}
#home-hero.on .graph-bars[data-num="3"] .bar[data-num="4"] {
  animation-delay: -3s;
}
@media screen and (min-width: 769px) {
  #hero-logos.on .logos-mover {
    -webkit-animation: scrollLogos infinite 30s linear;
    -moz-animation: scrollLogos infinite 30s linear;
    animation: scrollLogos infinite 30s linear;
    animation-fill-mode: forwards;
    animation-duration: 50s;
  }
  #featured-logos.on .logos-mover {
    -webkit-animation: scrollLogos infinite 30s linear;
    -moz-animation: scrollLogos infinite 30s linear;
    animation: scrollLogos infinite 30s linear;
    animation-fill-mode: forwards;
  }
}
@media screen and (max-width: 768px) {
  #hero-logos.on .logos-mover {
    -webkit-animation: scrollLogos2 infinite 30s linear;
    -moz-animation: scrollLogos2 infinite 30s linear;
    animation: scrollLogos2 infinite 30s linear;
    animation-fill-mode: forwards;
    animation-duration: 30s;
  }
  #featured-logos.on .logos-mover {
    -webkit-animation: scrollLogos2 infinite 30s linear;
    -moz-animation: scrollLogos2 infinite 30s linear;
    animation: scrollLogos2 infinite 30s linear;
    animation-fill-mode: forwards;
    animation-duration: 20s;
  }
}
#home-about.on .eye[data-num="1"] .line[data-num="1"] {
  -webkit-animation: eyeBlink1 infinite 4s ease-in-out;
  -moz-animation: eyeBlink1 infinite 4s ease-in-out;
  animation: eyeBlink1 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#home-about.on .eye[data-num="1"] .line[data-num="2"] {
  -webkit-animation: eyeBlink2 infinite 4s ease-in-out;
  -moz-animation: eyeBlink2 infinite 4s ease-in-out;
  animation: eyeBlink2 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#service1.on .dot > div {
  -webkit-animation: confettiY infinite 6s ease-in-out;
  -moz-animation: confettiY infinite 6s ease-in-out;
  animation: confettiY infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
#service1.on .dot[data-num="1"] {
  -webkit-animation: confetti1 infinite 3s linear;
  -moz-animation: confetti1 infinite 3s linear;
  animation: confetti1 infinite 3s linear;
  animation-fill-mode: forwards;
}
#service1.on .dot[data-num="2"] {
  -webkit-animation: confetti2 infinite 3s linear;
  -moz-animation: confetti2 infinite 3s linear;
  animation: confetti2 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -1s;
}
#service1.on .dot[data-num="2"] > div {
  animation-delay: -2s;
}
#service1.on .dot[data-num="3"] {
  -webkit-animation: confetti3 infinite 3s linear;
  -moz-animation: confetti3 infinite 3s linear;
  animation: confetti3 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -2s;
}
#service1.on .dot[data-num="3"] > div {
  animation-delay: -1.25s;
}
#service1.on .dot[data-num="4"] {
  -webkit-animation: confetti2 infinite 3s linear;
  -moz-animation: confetti2 infinite 3s linear;
  animation: confetti2 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -0.5s;
}
#service1.on .dot[data-num="4"] > div {
  animation-delay: -2.25s;
}
#service1.on .dot[data-num="5"] {
  -webkit-animation: confetti1 infinite 3s linear;
  -moz-animation: confetti1 infinite 3s linear;
  animation: confetti1 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -2.5s;
}
#service1.on .dot[data-num="5"] > div {
  animation-delay: -0.5s;
}
#service1.on .dot[data-num="6"] {
  -webkit-animation: confetti3 infinite 3s linear;
  -moz-animation: confetti3 infinite 3s linear;
  animation: confetti3 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -1.5s;
}
#service1.on .dot[data-num="6"] > div {
  animation-delay: -2.5s;
}
#service1.on .dot[data-num="7"] {
  -webkit-animation: confetti2 infinite 3s linear;
  -moz-animation: confetti2 infinite 3s linear;
  animation: confetti2 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -0.25s;
}
#service1.on .dot[data-num="7"] > div {
  animation-delay: -1.75s;
}
#service1.on .dot[data-num="8"] {
  -webkit-animation: confetti1 infinite 3s linear;
  -moz-animation: confetti1 infinite 3s linear;
  animation: confetti1 infinite 3s linear;
  animation-fill-mode: forwards;
  animation-delay: -2.25s;
}
#service1.on .dot[data-num="8"] > div {
  animation-delay: -1s;
}
#service2.on .seesaw {
  -webkit-animation: seesawTilt infinite 5s ease-in-out;
  -moz-animation: seesawTilt infinite 5s ease-in-out;
  animation: seesawTilt infinite 5s ease-in-out;
  animation-fill-mode: forwards;
}
#service3.on .bubble {
  -webkit-animation: floatY infinite 3s ease-in-out;
  -moz-animation: floatY infinite 3s ease-in-out;
  animation: floatY infinite 3s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}
#service3.on .bubble[data-num="2"] {
  animation-delay: -1.5s;
}
#service3.on .line-scroller {
  -webkit-animation: slideUp infinite 10s linear;
  -moz-animation: slideUp infinite 10s linear;
  animation: slideUp infinite 10s linear;
  animation-fill-mode: forwards;
}
#service3.on .bubble .dot {
  -webkit-animation: dotBlink infinite 3s ease-in-out;
  -moz-animation: dotBlink infinite 3s ease-in-out;
  animation: dotBlink infinite 3s ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
}
#service3.on .bubble .dot[data-num="1"] {
  animation-delay: -2s;
}
#service3.on .bubble .dot[data-num="2"] {
  animation-delay: -1.8s;
}
#service3.on .bubble .dot[data-num="3"] {
  animation-delay: -1.6s;
}
#service3.on .bubble[data-num="2"] .dot[data-num="1"] {
  animation-delay: -0.4s;
}
#service3.on .bubble[data-num="2"] .dot[data-num="2"] {
  animation-delay: -0.2s;
}
#service3.on .bubble[data-num="2"] .dot[data-num="3"] {
  animation-delay: 0s;
}
#service4.on .thumb {
  -webkit-animation: blinkPause infinite 3s ease-in-out;
  -moz-animation: blinkPause infinite 3s ease-in-out;
  animation: blinkPause infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
#service4.on .heart {
  -webkit-animation: blinkPause infinite 3s ease-in-out;
  -moz-animation: blinkPause infinite 3s ease-in-out;
  animation: blinkPause infinite 3s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: -1.5s;
}
#service5.on .line-scroller {
  -webkit-animation: slideUp infinite 10s linear;
  -moz-animation: slideUp infinite 10s linear;
  animation: slideUp infinite 10s linear;
  animation-fill-mode: forwards;
}
#home-hub.on .graph-mover {
  -webkit-animation: slideLeft infinite 10s linear;
  -moz-animation: slideLeft infinite 10s linear;
  animation: slideLeft infinite 10s linear;
  animation-fill-mode: forwards;
}
#home-hub.on .graph-scroller[data-num="1"] .graph-mover {
  animation-delay: -5s;
}
#home-hub.on .meter {
  -webkit-animation: meterMove infinite 6s ease-in-out;
  -moz-animation: meterMove infinite 6s ease-in-out;
  animation: meterMove infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hub.on .graph-bars[data-num="1"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hub.on .graph-bars[data-num="1"] .bar[data-num="2"] {
  animation-delay: -3s;
}
#home-hub.on .graph-bars[data-num="1"] .bar[data-num="3"] {
  animation-delay: -6s;
}
#home-hub.on .graph-bars[data-num="1"] .bar[data-num="4"] {
  animation-delay: -2s;
}
#home-hub.on .graph-bars[data-num="2"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#home-hub.on .graph-bars[data-num="2"] .bar[data-num="2"] {
  animation-delay: -7s;
}
#home-hub.on .graph-bars[data-num="2"] .bar[data-num="3"] {
  animation-delay: -4s;
}
#home-hub.on .graph-bars[data-num="2"] .bar[data-num="1"] {
  animation-delay: -2s;
}
#contact-form.on .eye[data-num="1"] .line[data-num="1"] {
  -webkit-animation: eyeBlink1 infinite 4s ease-in-out;
  -moz-animation: eyeBlink1 infinite 4s ease-in-out;
  animation: eyeBlink1 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#contact-form.on .eye[data-num="1"] .line[data-num="2"] {
  -webkit-animation: eyeBlink2 infinite 4s ease-in-out;
  -moz-animation: eyeBlink2 infinite 4s ease-in-out;
  animation: eyeBlink2 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#contact-form.on .heart[data-num="1"] {
  -webkit-animation: heartFloatY2 infinite 6s linear;
  -moz-animation: heartFloatY2 infinite 6s linear;
  animation: heartFloatY2 infinite 6s linear;
  animation-fill-mode: forwards;
}
#contact-form.on .heart[data-num="1"] img {
  -webkit-animation: heartFloatX2 infinite 5s ease-in-out;
  -moz-animation: heartFloatX2 infinite 5s ease-in-out;
  animation: heartFloatX2 infinite 5s ease-in-out;
  animation-fill-mode: forwards;
}
#contact-form.on .heart[data-num="2"] {
  -webkit-animation: heartFloatY2 infinite 6s linear;
  -moz-animation: heartFloatY2 infinite 6s linear;
  animation: heartFloatY2 infinite 6s linear;
  animation-fill-mode: forwards;
  animation-delay: -3s;
}
#contact-form.on .heart[data-num="2"] img {
  -webkit-animation: heartFloatX2 infinite 5s ease-in-out;
  -moz-animation: heartFloatX2 infinite 5s ease-in-out;
  animation: heartFloatX2 infinite 5s ease-in-out;
  animation-fill-mode: forwards;
}
#contact-form.on .heart[data-num="2"] img {
  animation-delay: -1.5s;
}
#cs-anim.on .graph-mover {
  -webkit-animation: slideLeft infinite 10s linear;
  -moz-animation: slideLeft infinite 10s linear;
  animation: slideLeft infinite 10s linear;
  animation-fill-mode: forwards;
}
#cs-anim.on .graph-scroller[data-num="1"] .graph-mover {
  animation-delay: -5s;
}
#cs-anim.on .graph-bars[data-num="1"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#cs-anim.on .graph-bars[data-num="1"] .bar[data-num="2"] {
  animation-delay: -3s;
}
#cs-anim.on .graph-bars[data-num="1"] .bar[data-num="3"] {
  animation-delay: -6s;
}
#cs-anim.on .graph-bars[data-num="1"] .bar[data-num="4"] {
  animation-delay: -2s;
}
#cs-anim.on .graph-bars[data-num="2"] .bar {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#cs-anim.on .graph-bars[data-num="2"] .bar[data-num="2"] {
  animation-delay: -7s;
}
#cs-anim.on .graph-bars[data-num="2"] .bar[data-num="3"] {
  animation-delay: -4s;
}
#cs-anim.on .graph-bars[data-num="2"] .bar[data-num="1"] {
  animation-delay: -2s;
}
/*! - ANIMATIONS: 1 PARTS */
.pie-group {
  position: absolute;
  left: 0;
  top: 0;
}
.pie-chart {
  position: absolute;
  left: 0;
  top: 0;
}
.pie-chart svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.pie-chart circle,
.pie-chart path {
  position: absolute;
  left: 0;
  top: 0;
}
.pie-chart .bg-pie {
  fill: #ff0090;
}
.pie-chart .draw-pie {
  fill: none;
  stroke: #276280;
}
.graph-scroller {
  width: 103px;
  height: 41px;
  overflow: hidden;
}
.graph-scroller .graph-mover {
  position: absolute;
  left: 0;
  top: 0;
  width: 412px;
}
.graph-bars {
  position: absolute;
  left: 0;
  top: 0;
}
.graph-bars .bar {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: center bottom;
}
.graph-bars[data-type="1"] .bar {
  width: 15px;
  height: 54px;
  background-color: #ff0090;
}
.graph-bars[data-type="1"] .bar[data-num="2"] {
  left: 24px;
}
.graph-bars[data-type="1"] .bar[data-num="3"] {
  left: 48px;
}
.graph-bars[data-type="1"] .bar[data-num="4"] {
  left: 72px;
}
.graph-bars[data-type="2"] .bar {
  width: 9px;
  height: 110px;
  background-color: #b388ff;
}
.graph-bars[data-type="2"] .bar[data-num="2"] {
  left: 15px;
}
.graph-bars[data-type="2"] .bar[data-num="3"] {
  left: 30px;
}
.graph-bars[data-type="2"] .bar[data-num="4"] {
  left: 45px;
}
/*! - ANIMATIONS: 2 REUSE */
@-moz-keyframes scrollLogos {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes scrollLogos {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scrollLogos {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.scroll-logos {
  -webkit-animation: scrollLogos infinite 30s linear;
  -moz-animation: scrollLogos infinite 30s linear;
  animation: scrollLogos infinite 30s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes scrollLogos2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes scrollLogos2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scrollLogos2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.scroll-logos2 {
  -webkit-animation: scrollLogos2 infinite 30s linear;
  -moz-animation: scrollLogos2 infinite 30s linear;
  animation: scrollLogos2 infinite 30s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes slideLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.slide-left {
  -webkit-animation: slideLeft infinite 10s linear;
  -moz-animation: slideLeft infinite 10s linear;
  animation: slideLeft infinite 10s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.slide-up {
  -webkit-animation: slideUp infinite 10s linear;
  -moz-animation: slideUp infinite 10s linear;
  animation: slideUp infinite 10s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes barGraphGrow {
  0% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0.3);
  }
}
@-webkit-keyframes barGraphGrow {
  0% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0.3);
  }
}
@keyframes barGraphGrow {
  0% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0.3);
  }
}
.bar-grow {
  -webkit-animation: barGraphGrow infinite 10s ease-in-out;
  -moz-animation: barGraphGrow infinite 10s ease-in-out;
  animation: barGraphGrow infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes meterMove {
  0% {
    transform: rotate(-50deg);
  }
  50% {
    transform: rotate(50deg);
  }
  100% {
    transform: rotate(-50deg);
  }
}
@-webkit-keyframes meterMove {
  0% {
    transform: rotate(-50deg);
  }
  50% {
    transform: rotate(50deg);
  }
  100% {
    transform: rotate(-50deg);
  }
}
@keyframes meterMove {
  0% {
    transform: rotate(-50deg);
  }
  50% {
    transform: rotate(50deg);
  }
  100% {
    transform: rotate(-50deg);
  }
}
.meter-move {
  -webkit-animation: meterMove infinite 6s ease-in-out;
  -moz-animation: meterMove infinite 6s ease-in-out;
  animation: meterMove infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes floatY {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
@-webkit-keyframes floatY {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes floatY {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.float-y {
  -webkit-animation: floatY infinite 3s ease-in-out;
  -moz-animation: floatY infinite 3s ease-in-out;
  animation: floatY infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes eyeBlink1 {
  0% {
    transform: rotate(-45deg);
  }
  42% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  58% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@-webkit-keyframes eyeBlink1 {
  0% {
    transform: rotate(-45deg);
  }
  42% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  58% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes eyeBlink1 {
  0% {
    transform: rotate(-45deg);
  }
  42% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  58% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@-moz-keyframes eyeBlink2 {
  0% {
    transform: rotate(45deg);
  }
  42% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  58% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-webkit-keyframes eyeBlink2 {
  0% {
    transform: rotate(45deg);
  }
  42% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  58% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes eyeBlink2 {
  0% {
    transform: rotate(45deg);
  }
  42% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  58% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
.eye-blink .line[data-num="1"] {
  -webkit-animation: eyeBlink1 infinite 4s ease-in-out;
  -moz-animation: eyeBlink1 infinite 4s ease-in-out;
  animation: eyeBlink1 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
.eye-blink .line[data-num="2"] {
  -webkit-animation: eyeBlink2 infinite 4s ease-in-out;
  -moz-animation: eyeBlink2 infinite 4s ease-in-out;
  animation: eyeBlink2 infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes heartFloatY2 {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(-150px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes heartFloatY2 {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(-150px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}
@keyframes heartFloatY2 {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(-150px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-moz-keyframes heartFloatX2 {
  0% {
    transform: translateX(-10px);
  }
  25% {
    transform: translateX(15px);
  }
  50% {
    transform: translateX(-20px);
  }
  75% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@-webkit-keyframes heartFloatX2 {
  0% {
    transform: translateX(-10px);
  }
  25% {
    transform: translateX(15px);
  }
  50% {
    transform: translateX(-20px);
  }
  75% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes heartFloatX2 {
  0% {
    transform: translateX(-10px);
  }
  25% {
    transform: translateX(15px);
  }
  50% {
    transform: translateX(-20px);
  }
  75% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(-10px);
  }
}
.heart-float2 {
  -webkit-animation: heartFloatY2 infinite 6s linear;
  -moz-animation: heartFloatY2 infinite 6s linear;
  animation: heartFloatY2 infinite 6s linear;
  animation-fill-mode: forwards;
}
.heart-float2 img {
  -webkit-animation: heartFloatX2 infinite 5s ease-in-out;
  -moz-animation: heartFloatX2 infinite 5s ease-in-out;
  animation: heartFloatX2 infinite 5s ease-in-out;
  animation-fill-mode: forwards;
}
/*! - ANIMATIONS: 3 HOME HERO */
@-moz-keyframes dropFunnel {
  0% {
    transform: translateY(-250px);
  }
  80% {
    transform: translateY(360px);
  }
  100% {
    transform: translateY(360px);
  }
}
@-webkit-keyframes dropFunnel {
  0% {
    transform: translateY(-250px);
  }
  80% {
    transform: translateY(360px);
  }
  100% {
    transform: translateY(360px);
  }
}
@keyframes dropFunnel {
  0% {
    transform: translateY(-250px);
  }
  80% {
    transform: translateY(360px);
  }
  100% {
    transform: translateY(360px);
  }
}
.drop-funnel {
  -webkit-animation: dropFunnel infinite 5s linear;
  -moz-animation: dropFunnel infinite 5s linear;
  animation: dropFunnel infinite 5s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropRot {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@-webkit-keyframes dropRot {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@keyframes dropRot {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
.drop-rot {
  -webkit-animation: dropRot infinite 10s ease-in-out;
  -moz-animation: dropRot infinite 10s ease-in-out;
  animation: dropRot infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropRot2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dropRot2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dropRot2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.drop-rot2 {
  -webkit-animation: dropRot2 infinite 10s linear;
  -moz-animation: dropRot2 infinite 10s linear;
  animation: dropRot2 infinite 10s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropSlideX1 {
  0% {
    transform: translate(0px, 0px);
    animation-timing-function: ease-in;
  }
  20% {
    transform: translate(0px, 137px);
    animation-timing-function: linear;
  }
  40% {
    transform: translate(-157px, 137px);
    animation-timing-function: linear;
  }
  60% {
    transform: translate(-420px, 137px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translate(-400px, 137px);
  }
}
@-webkit-keyframes dropSlideX1 {
  0% {
    transform: translate(0px, 0px);
    animation-timing-function: ease-in;
  }
  20% {
    transform: translate(0px, 137px);
    animation-timing-function: linear;
  }
  40% {
    transform: translate(-157px, 137px);
    animation-timing-function: linear;
  }
  60% {
    transform: translate(-420px, 137px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translate(-400px, 137px);
  }
}
@keyframes dropSlideX1 {
  0% {
    transform: translate(0px, 0px);
    animation-timing-function: ease-in;
  }
  20% {
    transform: translate(0px, 137px);
    animation-timing-function: linear;
  }
  40% {
    transform: translate(-157px, 137px);
    animation-timing-function: linear;
  }
  60% {
    transform: translate(-420px, 137px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translate(-400px, 137px);
  }
}
.drop-x1 {
  -webkit-animation: dropSlideX1 1 5s ease-in-out;
  -moz-animation: dropSlideX1 1 5s ease-in-out;
  animation: dropSlideX1 1 5s ease-in-out;
  animation-fill-mode: forwards;
}
.drop-x1 .bounceY {
  -webkit-animation: dropBounce1 1 5s ease-in-out;
  -moz-animation: dropBounce1 1 5s ease-in-out;
  animation: dropBounce1 1 5s ease-in-out;
  animation-fill-mode: forwards;
}
.drop-x1 img {
  -webkit-animation: dropRot3 1 5s linear;
  -moz-animation: dropRot3 1 5s linear;
  animation: dropRot3 1 5s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropBounce1 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  28% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(55px);
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(115px);
  }
  100% {
    transform: translateY(115px);
  }
}
@-webkit-keyframes dropBounce1 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  28% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(55px);
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(115px);
  }
  100% {
    transform: translateY(115px);
  }
}
@keyframes dropBounce1 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  28% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(55px);
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(115px);
  }
  100% {
    transform: translateY(115px);
  }
}
.drop-b1 {
  -webkit-animation: dropBounce1 1 5s ease-in-out;
  -moz-animation: dropBounce1 1 5s ease-in-out;
  animation: dropBounce1 1 5s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes dropRot3 {
  0% {
    transform: rotate(40deg);
  }
  40% {
    transform: rotate(-60deg);
  }
  60% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@-webkit-keyframes dropRot3 {
  0% {
    transform: rotate(40deg);
  }
  40% {
    transform: rotate(-60deg);
  }
  60% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@keyframes dropRot3 {
  0% {
    transform: rotate(40deg);
  }
  40% {
    transform: rotate(-60deg);
  }
  60% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
.drop-rot3 {
  -webkit-animation: dropRot3 1 5s linear;
  -moz-animation: dropRot3 1 5s linear;
  animation: dropRot3 1 5s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes thumbPopup {
  0% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
  30% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  60% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  90% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
  100% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
}
@-webkit-keyframes thumbPopup {
  0% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
  30% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  60% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  90% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
  100% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
}
@keyframes thumbPopup {
  0% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
  30% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  60% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  90% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
  100% {
    transform: translate(70px, 60px) rotate(-45deg);
  }
}
.thumb-popup {
  -webkit-animation: thumbPopup 1 2s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: thumbPopup 1 2s cubic-bezier(0.5, 0, 0.5, 1);
  animation: thumbPopup 1 2s cubic-bezier(0.5, 0, 0.5, 1);
  animation-fill-mode: forwards;
}
@-moz-keyframes heartFloatY {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-160px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes heartFloatY {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-160px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}
@keyframes heartFloatY {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-160px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-moz-keyframes heartFloatX {
  0% {
    transform: translateX(-20px);
  }
  35% {
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes heartFloatX {
  0% {
    transform: translateX(-20px);
  }
  35% {
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes heartFloatX {
  0% {
    transform: translateX(-20px);
  }
  35% {
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(10px);
  }
}
.heart-float {
  -webkit-animation: heartFloatY 1 3s linear;
  -moz-animation: heartFloatY 1 3s linear;
  animation: heartFloatY 1 3s linear;
  animation-fill-mode: forwards;
}
.heart-float img {
  -webkit-animation: heartFloatX infinite 3s ease-in-out;
  -moz-animation: heartFloatX infinite 3s ease-in-out;
  animation: heartFloatX infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
/*! - ANIMATIONS: 4 HOME SERVICES */
@-moz-keyframes confetti1 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, 20px);
  }
}
@-webkit-keyframes confetti1 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, 20px);
  }
}
@keyframes confetti1 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, 20px);
  }
}
.confetti-1 {
  -webkit-animation: confetti1 infinite 3s linear;
  -moz-animation: confetti1 infinite 3s linear;
  animation: confetti1 infinite 3s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes confetti2 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, -15px);
  }
}
@-webkit-keyframes confetti2 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, -15px);
  }
}
@keyframes confetti2 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, -15px);
  }
}
.confetti-2 {
  -webkit-animation: confetti2 infinite 3s linear;
  -moz-animation: confetti2 infinite 3s linear;
  animation: confetti2 infinite 3s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes confetti3 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, -40px);
  }
}
@-webkit-keyframes confetti3 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, -40px);
  }
}
@keyframes confetti3 {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(250px, -40px);
  }
}
.confetti-3 {
  -webkit-animation: confetti3 infinite 3s linear;
  -moz-animation: confetti3 infinite 3s linear;
  animation: confetti3 infinite 3s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes confettiY {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@-webkit-keyframes confettiY {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes confettiY {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(-20px);
  }
}
.confetti-y {
  -webkit-animation: confettiY infinite 6s ease-in-out;
  -moz-animation: confettiY infinite 6s ease-in-out;
  animation: confettiY infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes seesawTilt {
  0% {
    transform: rotate(-10deg);
  }
  35% {
    transform: rotate(3deg);
  }
  60% {
    transform: rotate(-11deg);
    animation-timing-function: ease-out;
  }
  68% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes seesawTilt {
  0% {
    transform: rotate(-10deg);
  }
  35% {
    transform: rotate(3deg);
  }
  60% {
    transform: rotate(-11deg);
    animation-timing-function: ease-out;
  }
  68% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes seesawTilt {
  0% {
    transform: rotate(-10deg);
  }
  35% {
    transform: rotate(3deg);
  }
  60% {
    transform: rotate(-11deg);
    animation-timing-function: ease-out;
  }
  68% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
.seesaw-tilt {
  -webkit-animation: seesawTilt infinite 5s ease-in-out;
  -moz-animation: seesawTilt infinite 5s ease-in-out;
  animation: seesawTilt infinite 5s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes dotBlink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes dotBlink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dotBlink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.dot-blinker {
  -webkit-animation: dotBlink infinite 3s ease-in-out;
  -moz-animation: dotBlink infinite 3s ease-in-out;
  animation: dotBlink infinite 3s ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
}
@-moz-keyframes blinkPause {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinkPause {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinkPause {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.pause-blinker {
  -webkit-animation: blinkPause infinite 3s ease-in-out;
  -moz-animation: blinkPause infinite 3s ease-in-out;
  animation: blinkPause infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes arrowShake {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  40% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  80% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes arrowShake {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  40% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  80% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes arrowShake {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  40% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  80% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.arrow-shake {
  -webkit-animation: arrowShake 1 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: arrowShake 1 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  animation: arrowShake 1 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  animation-fill-mode: forwards;
}
/*! - ANIMATIONS: 5 CASE STUDIES */
@-moz-keyframes shootX1 {
  0% {
    transform: translate(0px, 0px);
  }
  40% {
    transform: translate(385px, 0px);
  }
  70% {
    transform: translate(300px, 0px);
  }
  100% {
    transform: translate(300px, 0px);
  }
}
@-webkit-keyframes shootX1 {
  0% {
    transform: translate(0px, 0px);
  }
  40% {
    transform: translate(385px, 0px);
  }
  70% {
    transform: translate(300px, 0px);
  }
  100% {
    transform: translate(300px, 0px);
  }
}
@keyframes shootX1 {
  0% {
    transform: translate(0px, 0px);
  }
  40% {
    transform: translate(385px, 0px);
  }
  70% {
    transform: translate(300px, 0px);
  }
  100% {
    transform: translate(300px, 0px);
  }
}
.shoot-x1 {
  -webkit-animation: shootX1 1 4s linear;
  -moz-animation: shootX1 1 4s linear;
  animation: shootX1 1 4s linear;
  animation-fill-mode: forwards;
}
.shoot-x1.mint .bounceY {
  -webkit-animation: shootY1 1 4s ease-in-out;
  -moz-animation: shootY1 1 4s ease-in-out;
  animation: shootY1 1 4s ease-in-out;
  animation-fill-mode: forwards;
}
.shoot-x1.mint img {
  -webkit-animation: shootRot 1 4s linear;
  -moz-animation: shootRot 1 4s linear;
  animation: shootRot 1 4s linear;
  animation-fill-mode: forwards;
}
.shoot-x1.lolli .bounceY {
  -webkit-animation: shootY2 1 4s ease-in-out;
  -moz-animation: shootY2 1 4s ease-in-out;
  animation: shootY2 1 4s ease-in-out;
  animation-fill-mode: forwards;
}
.shoot-x1.lolli img {
  -webkit-animation: shootRot2 1 4s linear;
  -moz-animation: shootRot2 1 4s linear;
  animation: shootRot2 1 4s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes shootY1 {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateY(-80px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(-29px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-45px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(100px);
    opacity: 1;
    animation-timing-function: linear;
  }
  70% {
    transform: translateY(160px);
    opacity: 0;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}
@-webkit-keyframes shootY1 {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateY(-80px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(-29px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-45px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(100px);
    opacity: 1;
    animation-timing-function: linear;
  }
  70% {
    transform: translateY(160px);
    opacity: 0;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}
@keyframes shootY1 {
  0% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateY(-80px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(-29px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-45px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(100px);
    opacity: 1;
    animation-timing-function: linear;
  }
  70% {
    transform: translateY(160px);
    opacity: 0;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}
.shoot-y1 {
  -webkit-animation: shootY1 1 4s ease-in-out;
  -moz-animation: shootY1 1 4s ease-in-out;
  animation: shootY1 1 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes shootY2 {
  0% {
    transform: translateY(10px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateY(-80px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(-45px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-55px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(100px);
    opacity: 1;
    animation-timing-function: linear;
  }
  70% {
    transform: translateY(160px);
    opacity: 0;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}
@-webkit-keyframes shootY2 {
  0% {
    transform: translateY(10px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateY(-80px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(-45px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-55px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(100px);
    opacity: 1;
    animation-timing-function: linear;
  }
  70% {
    transform: translateY(160px);
    opacity: 0;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}
@keyframes shootY2 {
  0% {
    transform: translateY(10px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translateY(-80px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(-45px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(-55px);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(100px);
    opacity: 1;
    animation-timing-function: linear;
  }
  70% {
    transform: translateY(160px);
    opacity: 0;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}
.shoot-y2 {
  -webkit-animation: shootY2 1 4s ease-in-out;
  -moz-animation: shootY2 1 4s ease-in-out;
  animation: shootY2 1 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes shootRot {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(180deg);
  }
  70% {
    transform: rotate(-40deg);
  }
  100% {
    transform: rotate(-40deg);
  }
}
@-webkit-keyframes shootRot {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(180deg);
  }
  70% {
    transform: rotate(-40deg);
  }
  100% {
    transform: rotate(-40deg);
  }
}
@keyframes shootRot {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(180deg);
  }
  70% {
    transform: rotate(-40deg);
  }
  100% {
    transform: rotate(-40deg);
  }
}
.shoot-rot {
  -webkit-animation: shootRot 1 4s linear;
  -moz-animation: shootRot 1 4s linear;
  animation: shootRot 1 4s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes shootRot2 {
  0% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(50deg);
  }
  70% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@-webkit-keyframes shootRot2 {
  0% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(50deg);
  }
  70% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@keyframes shootRot2 {
  0% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(50deg);
  }
  70% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
.shoot-rot2 {
  -webkit-animation: shootRot2 1 4s linear;
  -moz-animation: shootRot2 1 4s linear;
  animation: shootRot2 1 4s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes targetRock {
  0% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(2deg);
  }
  90% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes targetRock {
  0% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(2deg);
  }
  90% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes targetRock {
  0% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(2deg);
  }
  90% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.target-rock {
  -webkit-animation: targetRock 1 4s ease-in-out;
  -moz-animation: targetRock 1 4s ease-in-out;
  animation: targetRock 1 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes csItemFloat {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  38% {
    transform: translateY(-25px);
    opacity: 0;
  }
  50% {
    transform: translateY(-55px);
    opacity: 1;
  }
  75% {
    transform: translateY(-110px);
    opacity: 1;
  }
  90% {
    transform: translateY(-150px);
    opacity: 0;
  }
  100% {
    transform: translateY(-120px);
    opacity: 0;
  }
}
@-webkit-keyframes csItemFloat {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  38% {
    transform: translateY(-25px);
    opacity: 0;
  }
  50% {
    transform: translateY(-55px);
    opacity: 1;
  }
  75% {
    transform: translateY(-110px);
    opacity: 1;
  }
  90% {
    transform: translateY(-150px);
    opacity: 0;
  }
  100% {
    transform: translateY(-120px);
    opacity: 0;
  }
}
@keyframes csItemFloat {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  38% {
    transform: translateY(-25px);
    opacity: 0;
  }
  50% {
    transform: translateY(-55px);
    opacity: 1;
  }
  75% {
    transform: translateY(-110px);
    opacity: 1;
  }
  90% {
    transform: translateY(-150px);
    opacity: 0;
  }
  100% {
    transform: translateY(-120px);
    opacity: 0;
  }
}
.cs-floatUp {
  -webkit-animation: csItemFloat 1 4s linear;
  -moz-animation: csItemFloat 1 4s linear;
  animation: csItemFloat 1 4s linear;
  animation-fill-mode: forwards;
}
.cs-floatUp.thumb img {
  -webkit-animation: csItemFloatRot 1 6s ease-in-out;
  -moz-animation: csItemFloatRot 1 6s ease-in-out;
  animation: csItemFloatRot 1 6s ease-in-out;
  animation-fill-mode: forwards;
}
.cs-floatUp.heart {
  animation-delay: .75s;
}
.cs-floatUp.heart img {
  -webkit-animation: csItemFloatRot2 1 6s ease-in-out;
  -moz-animation: csItemFloatRot2 1 6s ease-in-out;
  animation: csItemFloatRot2 1 6s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: .75s;
}
@-moz-keyframes csItemFloatRot {
  0% {
    transform: rotate(15deg);
  }
  35% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(8deg);
  }
}
@-webkit-keyframes csItemFloatRot {
  0% {
    transform: rotate(15deg);
  }
  35% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(8deg);
  }
}
@keyframes csItemFloatRot {
  0% {
    transform: rotate(15deg);
  }
  35% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(8deg);
  }
}
.cs-floatRot {
  -webkit-animation: csItemFloatRot 1 6s ease-in-out;
  -moz-animation: csItemFloatRot 1 6s ease-in-out;
  animation: csItemFloatRot 1 6s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes csItemFloatRot2 {
  0% {
    transform: rotate(-12deg);
  }
  35% {
    transform: rotate(-12deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-8deg);
  }
}
@-webkit-keyframes csItemFloatRot2 {
  0% {
    transform: rotate(-12deg);
  }
  35% {
    transform: rotate(-12deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-8deg);
  }
}
@keyframes csItemFloatRot2 {
  0% {
    transform: rotate(-12deg);
  }
  35% {
    transform: rotate(-12deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-8deg);
  }
}
.cs-floatRot2 {
  -webkit-animation: csItemFloatRot2 1 6s ease-in-out;
  -moz-animation: csItemFloatRot2 1 6s ease-in-out;
  animation: csItemFloatRot2 1 6s ease-in-out;
  animation-fill-mode: forwards;
}
/*! MEDIA QUERY ***************************** */
/*! MQ: 0 -> 1200px+ */
@media screen and (max-width: 1400px) {
  #home-hero .outerContainer {
    padding-bottom: 0px;
  }
  #home-hero .background {
    transform: scale(0.8);
    transform-origin: center bottom;
  }
  #home-hero .background .side-illus {
    left: 120px;
  }
}
@media screen and (max-width: 1200px) {
  section h1 {
    font-size: 35px;
  }
  section h2 {
    font-size: 54px;
  }
  section p.big {
    font-size: 22px;
  }
  .basic-scaler {
    transform: scale(0.8);
  }
  .toplinks {
    padding-left: 200px;
  }
  #page-case-studies #tier-hero h1,
  #page-blog:not(.article) #tier-hero h1 {
    font-size: 54px;
  }
  #home-hub .txt {
    width: 55%;
  }
  #home-hub .txt h2 {
    margin-top: 50px;
  }
  #home-hub .background {
    transform: scale(0.75);
  }
  #home-hub .background .hub-anim {
    left: 950px;
    top: 50px;
  }
  #page-case-studies #tier-hero .bg-wrap {
    height: 324px;
  }
  #page-case-detail #tier-hero .cs-hero-text p {
    font-size: 20px;
  }
  #page-case-detail #tier-hero .cs-hero-text .cs-logo {
    width: 250px;
  }
  #page-case-detail #tier-hero .cs-stats .cs-icon {
    max-width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  #page-case-detail #tier-hero .cs-stats .txt h3 {
    font-size: 24px;
  }
  #page-case-detail #tier-hero .cs-stats .cs-stat-box:nth-child(n+3) {
    margin-top: 40px;
  }
}
/*! MQ: 1 -> 1024px */
@media screen and (max-width: 1024px) {
  .gridline.l {
    left: 25px;
  }
  .gridline.r {
    left: auto;
    right: 25px;
  }
  section,
  .global,
  #stickyBar,
  .pad-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
  #globalHeader .logo,
  #stickyBar .logo {
    left: 25px;
  }
  body {
    font-size: 17px;
  }
  section h1 {
    font-size: 32px;
  }
  section h2 {
    font-size: 48px;
  }
  section h3 {
    font-size: 26px;
  }
  section p.big {
    font-size: 20px;
  }
  .overlayWrap {
    padding-left: 25px;
    padding-right: 25px;
  }
  .image-text-row .col.text {
    padding-top: 0px;
  }
  .module-row .module p {
    font-size: 16px;
  }
  .module-row.three-col .module {
    padding: 20px;
    padding-bottom: 30px;
  }
  .module-row.three-col .module-logo {
    margin-bottom: 0px;
  }
  .module-row.three-col .blog .module {
    padding: 20px;
  }
  .module-row.three-col .blog h3 {
    font-size: 22px;
  }
  .module-row.four-col .module {
    padding: 20px;
  }
  #page-case-studies #tier-hero h1,
  #page-blog:not(.article) #tier-hero h1,
  #page-search:not(.article) #tier-hero h1 {
    font-size: 48px;
  }
  #page-blog .gradient-wrap,
  #page-case-studies .gradient-wrap,
  #page-case-detail .gradient-wrap {
    padding-top: 25px;
  }
  #page-blog #tier-hero,
  #page-case-studies #tier-hero,
  #page-search #tier-hero {
    padding-top: 150px;
  }
  #blog-grid,
  #cs-grid {
    padding-bottom: 75px;
  }
  #blog-grid .module,
  #cs-grid .module {
    width: 47.5%;
    max-width: none;
  }
  #blog-grid .module:nth-child(n+3),
  #cs-grid .module:nth-child(n+3) {
    margin-top: 5%;
  }
  #cs-grid .module:nth-child(n+3) {
    margin-top: 70px;
  }
  #featured-logos {
    padding-bottom: 20px;
  }
  #globalHeader .cta {
    height: 97px;
  }
  #globalFooter {
    padding-top: 75px;
    padding-bottom: 50px;
  }
  #globalFooter .logo {
    width: 213px;
    margin-bottom: 60px;
  }
  #globalHeader .cta,
  #stickyBar .cta,
  #globalMenu .cta {
    width: 280px;
    padding-left: 25px;
    padding-right: 25px;
  }
  #home-hero {
    padding-top: 170px;
  }
  #home-hero .hero-image-wrap .hero-anim {
    top: 50px;
  }
  #home-about {
    padding-bottom: 75px;
  }
  #home-about .row .smiley {
    width: 115px;
  }
  #home-about .row .smiley .eye {
    top: 43px;
    transform: scale(0.7);
  }
  #home-about .row .smiley .eye[data-num="1"] {
    left: 43px;
  }
  #home-about .row .smiley .eye[data-num="2"] {
    left: 58px;
  }
  #home-about .row .smiley .eye .line {
    width: 13px;
    height: 3px;
  }
  #home-about .row .txt {
    margin-left: 140px;
  }
  #home-about .illus {
    transform: scale(0.8);
    transform-origin: left top;
    right: -50px;
  }
  #home-services {
    padding-top: 75px;
    padding-bottom: 250px;
  }
  #home-services header {
    margin-bottom: 75px;
  }
  .services-bot-illus {
    margin-top: -230px;
    height: 420px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
  .services-bot-illus .background {
    left: auto;
    top: auto;
    margin: 0;
    position: relative;
    width: 446px;
    transform: scale(0.75);
    display: inline-block;
    transform-origin: center top;
  }
  .services-bot-illus .side-illus[data-num="3"] {
    left: auto;
    position: relative;
  }
  #home-influencers {
    padding-bottom: 100px;
  }
  #home-blog {
    padding-top: 75px;
  }
  #contact-form {
    padding-top: 75px;
  }
  #contact-form .side-illus[data-num="1"] {
    transform: scale(0.8);
    left: 400px;
  }
  #contact-form .form-modal {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
  }
  #blog-grid {
    padding-top: 45px;
  }
  #search-btn {
    width: 72px;
    height: 71px;
    top: 295px;
  }
  #search-btn .search-icon {
    margin-top: 20px;
    width: 36px;
  }
  #page-blog.article #tier-hero.article-header {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 160px;
  }
  #page-blog.article #tier-hero.article-header .article-featured-img {
    height: 400px;
    margin-top: 40px;
  }
  #page-blog.article #search-btn {
    top: 180px;
  }
  #blog-article .contentContainer {
    padding: 0;
  }
  #blog-article p,
  #blog-article div,
  #blog-article ul {
    font-size: 18px;
  }
  #blog-article .post-by .post-by-illus {
    margin-right: 15px;
  }
  #blog-article p + h2,
  #blog-article p + h1,
  #blog-article iframe + p {
    margin-top: 40px;
  }
  #blog-article * + iframe {
    margin-top: 25px !important;
  }
  #blog-article .post-by {
    padding-left: 0px;
  }
  #blog-article .blog-cta p {
    font-size: 18px;
  }
  .post-sharing {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 40px;
  }
  .post-sharing li {
    display: inline-block;
    vertical-align: middle;
    border-radius: 7px;
  }
  .post-sharing li + li {
    margin-left: 12px;
    margin-top: 0px;
  }
  .post-sharing li.love-btn {
    height: 44px;
    width: auto;
    padding: 0 10px;
  }
  .post-sharing .LoveLabel {
    width: 20px;
    margin-right: 5px;
    height: 44px;
    background-position: left center;
    display: inline-block;
    vertical-align: middle;
  }
  .post-sharing .LoveCount {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
  }
  #page-case-studies #tier-hero header {
    padding-left: 25px;
    padding-right: 25px;
  }
  #page-case-detail #tier-hero {
    padding-top: 165px;
  }
  #page-case-detail #tier-hero .col.text {
    width: 50%;
  }
  #page-case-detail #tier-hero .cs-hero-text {
    padding-right: 0px;
  }
  #page-case-detail #tier-hero .col.image {
    width: 48%;
  }
  #cs-details .row.intro .col.text p {
    font-size: 17px;
  }
  #cs-details .row.details .text-block + .text-block {
    margin-top: 50px;
  }
}
/*! MQ: 2a -> 900px */
@media screen and (max-width: 900px) {
  #globalHeader .logo {
    top: 25px;
  }
  #globalHeader .toplinks {
    display: none;
  }
  #globalMenu {
    display: block;
  }
  #globalHeader .cta {
    display: none;
  }
  #page-blog #tier-hero,
  #page-case-studies #tier-hero,
  #page-search #tier-hero {
    padding-top: 115px;
  }
  #page-blog.article #tier-hero.article-header {
    padding-top: 115px;
  }
  #search-btn {
    top: 0px;
    right: 66px;
    background: none;
  }
  #search-btn.off {
    transform: translateX(0px);
  }
  #search-btn .search-icon {
    margin-top: 28px;
    width: 30px;
  }
  #page-blog.article #search-btn {
    top: 0px;
  }
  #page-case-detail #tier-hero {
    padding-top: 115px;
  }
  #page-case-detail #tier-hero .row.spaced {
    display: block;
  }
  #page-case-detail #tier-hero .col.text {
    width: 100%;
  }
  #page-case-detail #tier-hero .col.image {
    width: 100%;
    margin-top: 40px;
  }
  #page-case-detail #tier-hero .cs-hero-text {
    max-width: none;
  }
  #page-case-detail #tier-hero .cs-hero-text p {
    max-width: none;
  }
  #page-case-detail #tier-hero .cs-stats {
    max-width: 650px;
    margin-top: 40px;
  }
  #page-case-detail #tier-hero .cs-stats .cs-icon {
    width: 100%;
    max-width: 83px;
    height: 83px;
  }
  #page-case-detail #tier-hero .cs-stats .cs-stat-box {
    display: block;
    width: 25%;
  }
  #page-case-detail #tier-hero .cs-stats .cs-stat-box:nth-child(n+3) {
    margin-top: 0px;
  }
  #page-case-detail #tier-hero .cs-stats .txt {
    margin-top: 10px;
    padding-right: 0px;
  }
}
/*! MQ: 2b -> 850px */
@media screen and (max-width: 850px) {
  #page-home .module-row.three-col.cs {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  #page-home .module-row.three-col.cs .module {
    width: 47%;
  }
  #home-about .row {
    padding-right: 0px;
  }
  #home-about .illus {
    display: none;
  }
  #home-case-studies {
    padding-left: 15px;
    padding-right: 15px;
  }
  #home-case-studies .module-row.three-col.cs .module:nth-child(3) {
    margin-top: 60px;
  }
}
/*! MQ: 3 -> 768px */
@media screen and (max-width: 768px) {
  .basic-scaler {
    transform: scale(0.6);
  }
  section h1 {
    font-size: 29px;
    line-height: 1.52;
  }
  #tier-hero h1 br,
  #tier-hero p br {
    display: none;
  }
  .module-row.three-col.blog .module {
    padding: 15px;
  }
  .module-row.three-col.blog h3 {
    font-size: 18px;
  }
  .module-row.four-col .module {
    width: 31.5%;
    margin-bottom: 50px;
  }
  #page-blog .gradient-wrap,
  #page-case-studies .gradient-wrap,
  #page-case-detail .gradient-wrap {
    padding-top: 50px;
  }
  #contact-form {
    padding-top: 0px;
  }
  #contact-form header p {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  #contact-form .form-modal {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 20px;
  }
  #contact-form .background {
    position: relative;
    width: 100%;
    left: auto;
    margin: 0;
  }
  #contact-form .side-illus[data-num="1"] {
    transform: none;
    width: 140px;
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
  }
  #contact-form .side-illus[data-num="2"] {
    display: none;
  }
  .logos-module .logos-mover-wrap {
    width: 1500px;
  }
  .logos-module .logos-mover {
    width: calc(3080px);
  }
  .logos-module .logos-grid {
    width: 1500px;
  }
  .logos-module .logos-grid:nth-child(2) {
    left: 1500px;
    margin-left: 40px;
  }
  .logos-module .logo-box {
    max-width: 84px;
  }
  #featured-logos {
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center;
  }
  #featured-logos h3 {
    margin-bottom: 17px;
  }
  #featured-logos .logos-module {
    height: 50px;
    margin-top: 0px;
  }
  #featured-logos .logos-module .logos-mover-wrap {
    width: 800px;
  }
  #featured-logos .logos-module .logos-mover {
    width: calc(1660px);
  }
  #featured-logos .logos-module .logos-grid {
    width: 800px;
    height: 20px;
  }
  #featured-logos .logos-module .logos-grid:nth-child(2) {
    left: 800px;
    margin-left: calc(30px);
  }
  #featured-logos .logos-module .logo-box {
    max-width: 90px;
  }
  #home-hero {
    padding-top: 120px;
  }
  #home-hero .hero-image-wrap .hero-image {
    width: 52%;
  }
  #home-hero .background .side-illus {
    transform: scale(0.6);
    left: 300px;
    top: 120px;
  }
  #home-hero .trusted-by h3 {
    margin-bottom: 15px;
  }
  #home-hero .trusted-by .logos-module {
    height: 50px;
  }
  .services-bot-illus {
    margin-top: -230px;
    height: 340px;
    text-align: center;
  }
  .services-bot-illus .background {
    transform: scale(0.6);
    display: inline-block;
    transform-origin: center top;
  }
  #home-influencers {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #home-hub .background {
    transform: scale(0.6);
  }
  #home-hub .background .hub-anim {
    left: 900px;
    top: 120px;
  }
  #home-hub h2 {
    font-size: 39px;
    line-height: 1.29;
    letter-spacing: 1px;
  }
  #home-hub h2 br {
    display: none;
  }
  #home-hub .txt {
    width: 50%;
  }
  #home-hub .txt .hub-logo {
    width: 189px;
  }
  #home-hub .txt h2 {
    margin-top: 16px;
    margin-bottom: 10px;
  }
  #home-hub .txt .cta-btn {
    margin-top: 20px;
  }
  #page-blog.article #tier-hero {
    margin-bottom: 30px;
  }
  #next-posts {
    padding-top: 20px;
  }
  #blog-article .blog-cta {
    padding-left: 140px;
  }
  #blog-article .blog-cta .blog-cta-illus {
    width: 95px;
    left: 24px;
    top: 50%;
    margin-top: -40px;
  }
  #blog-article .post-by p {
    font-size: 16px;
  }
  #page-case-studies #tier-hero .bg-wrap {
    height: 243px;
  }
  #page-case-detail #tier-hero {
    padding-bottom: 20px;
  }
  #cs-details {
    padding-bottom: 60px;
  }
  #cs-details h2 {
    margin-bottom: 30px;
  }
  #cs-details h4 {
    margin-bottom: 10px;
  }
  #cs-details .row.intro .col.image {
    width: 30%;
  }
  #cs-details .row.intro .col.text {
    width: 65%;
  }
  #cs-details .row.details .col.left {
    display: none;
  }
  #cs-details .row.details .col.right {
    width: 100%;
    max-width: none;
  }
  #page-case-detail .gradient-wrap {
    padding-top: 25px;
  }
  #page-case-detail .bg-sprinkles {
    top: 250px;
  }
  #sample-posts-mobile {
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 75px;
  }
  #sample-posts-mobile h4 {
    font-size: 24px;
  }
  #sample-posts-mobile .sample-post-slider {
    margin-top: 32px;
  }
  #sample-posts-mobile .sample-post-nav {
    margin-top: 45px;
  }
}
/*! MQ: 4 -> 650px */
@media screen and (max-width: 650px) {
  section h2 {
    font-size: 39px;
    line-height: 1.29;
    letter-spacing: 1px;
  }
  section h2 br {
    display: none;
  }
  section h4 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  section p {
    line-height: 1.83;
  }
  section p.big {
    line-height: 1.9;
  }
  #page-case-studies #tier-hero h1,
  #page-blog:not(.article) #tier-hero h1,
  #page-search:not(.article) #tier-hero h1 {
    font-size: 39px;
    line-height: 1.29;
    letter-spacing: 1px;
  }
  #globalFooter {
    padding-top: 60px;
    padding-bottom: 35px;
  }
  #globalFooter .logo {
    margin-bottom: 75px;
  }
  #globalFooter .row {
    display: block;
  }
  #globalFooter .col {
    width: 100%;
    display: block;
  }
  #globalFooter .col.right {
    padding-top: 0;
    margin-top: 75px;
  }
  #globalFooter .col.right .legal {
    margin-top: 10px;
  }
  #globalFooter .col.right .legal.cr {
    margin-top: 80px;
  }
  #globalFooter .cr.dsk {
    display: none;
  }
  #globalFooter .cr.mob {
    display: block;
  }
  .social-links li ~ li {
    margin-left: 12px;
  }
  .gradient-wrap[data-num="2"] .bg-sprinkles {
    top: -40px;
  }
  .image-text-row .col {
    width: 100%;
  }
  .image-text-row .col.text {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .image-text-row .col.image {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 25px;
    text-align: center !important;
  }
  .image-text-row .col.image .services-image {
    display: inline-block !important;
  }
  .image-text-row + .image-text-row {
    margin-top: 37px;
  }
  .image-text-row.text-left .text {
    padding-right: 0px;
  }
  .image-text-row.text-left .text .txt {
    max-width: none;
  }
  .image-text-row.text-left .image {
    padding-left: 0px;
  }
  .image-text-row.text-right .text {
    padding-left: 0px;
  }
  .image-text-row.text-right .txt {
    max-width: none;
    padding-left: 0px;
  }
  .module-row.three-col {
    display: block !important;
  }
  .module-row.three-col .module {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .module-row.three-col .module + .module {
    margin-top: 40px;
  }
  .module-row.three-col .module p {
    font-size: 17px;
  }
  .module-row.three-col.blog h3 {
    font-size: 22px;
  }
  .module-row.three-col.blog .module-photo {
    margin-bottom: 20px;
  }
  .module-row.three-col.blog .module-details {
    margin-bottom: 18px;
  }
  .module-row.three-col.cs .module + .module {
    margin-top: 67px !important;
  }
  .module-row.three-col.cs .module.filler {
    margin-top: 0px !important;
  }
  .module-row.three-col .module-logo {
    margin: 12px 0;
  }
  .module-row.four-col .module {
    width: 47.5%;
  }
  #page-blog #tier-hero,
  #page-case-studies #tier-hero,
  #page-search #tier-hero {
    padding-top: 90px;
  }
  #page-blog.article #tier-hero.article-header {
    padding-top: 90px;
  }
  #blog-grid .module + .module {
    margin-top: 30px !important;
  }
  #blog-grid .module.filler {
    margin-top: 0px !important;
  }
  #cs-grid .module + .module {
    margin-top: 60px !important;
  }
  #cs-grid .module.filler {
    margin-top: 0px !important;
  }
  #home-hero {
    padding-top: 90px;
  }
  #home-hero .contentContainer {
    display: block;
  }
  #home-hero .background,
  #home-hero .anim-spacer {
    display: none;
  }
  #home-hero .txt {
    width: 100%;
    max-width: none;
  }
  #home-hero .txt h1 br {
    display: none;
  }
  #home-hero .cta-btn {
    margin-top: 10px;
  }
  #home-hero .hero-image-wrap {
    position: relative;
    display: block;
    margin-top: 42px;
    padding: 0 10px;
  }
  #home-hero .hero-image-wrap .col-space {
    display: none;
  }
  #home-hero .hero-image-wrap .hero-anim {
    top: 0px;
    left: 50%;
    margin-left: -507px;
    transform-origin: center top;
  }
  #home-hero .hero-image-wrap .hero-anim .base {
    left: 0px;
    top: 0px;
  }
  #home-hero .hero-image-wrap .hero-image {
    width: 100%;
    max-width: none;
  }
  #home-about {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  #home-about h2 {
    margin-bottom: 22px;
  }
  #home-about .row .smiley {
    display: block;
    float: none;
  }
  #home-about .row .txt {
    margin-left: 0;
    margin-top: 18px;
  }
  #home-about .illus {
    display: block;
    transform: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    right: auto;
    top: auto;
    margin-top: -10px;
  }
  #home-services {
    padding-bottom: 335px;
  }
  #home-services header {
    margin-bottom: 32px;
  }
  #home-services .image-text-row .services-number {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    left: 17px;
    top: 17px;
    background-size: 80px auto;
  }
  #home-services .image-text-row .services-number p {
    font-size: 20px;
  }
  #home-services .image-text-row .services-image {
    padding-top: 40px;
  }
  #home-services .image-text-row .services-image .services-anim {
    top: 40px;
  }
  .services-bot-illus {
    height: 396px;
    margin-top: -300px;
  }
  .services-bot-illus .background {
    transform: scale(0.75);
    left: 50%;
    display: block;
    margin-left: -220px;
  }
  #home-case-studies {
    padding-top: 55px;
    padding-left: 25px;
    padding-right: 25px;
  }
  #home-case-studies header {
    margin-bottom: 64px;
  }
  #home-case-studies .cta-btn {
    margin-top: 44px;
  }
  #home-blog {
    padding-top: 50px;
  }
  #home-blog header {
    margin-bottom: 37px;
  }
  #home-hub {
    padding-top: 40px;
    padding-bottom: 45px;
  }
  #home-hub .background {
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
    left: auto;
    top: auto;
    margin: 0;
    transform: none;
  }
  #home-hub .background .hub-anim {
    left: 50%;
    margin-left: -435px;
    transform: scale(0.51);
    transform-origin: center top;
    top: 0px;
  }
  #home-hub .txt {
    width: 100%;
    margin-top: 40px;
  }
  #home-hub .txt h2 {
    max-width: 450px;
  }
  #home-influencers header h3 {
    margin-bottom: 7px;
  }
  #blog-article h2 {
    font-size: 22px;
    margin-bottom: 8px;
  }
  #page-blog.article #tier-hero.article-header {
    padding-left: 0px;
    padding-right: 0px;
  }
  #page-blog.article #tier-hero.article-header .title-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
  #page-blog.article #tier-hero.article-header .article-featured-img {
    border-radius: 0px;
    box-shadow: none;
    height: 250px;
  }
  #page-blog.article #tier-hero.article-header .article-featured-img .date-wrap {
    left: 15px;
    top: 15px;
  }
  #next-posts {
    padding-top: 0px;
  }
  #next-posts header {
    margin-bottom: 37px;
  }
  #next-posts h3 .dsk {
    display: none;
  }
  #next-posts .module-row.three-col .module:nth-child(n+2) {
    display: none;
  }
  #page-case-detail #tier-hero {
    padding-top: 100px;
  }
  #page-case-detail #tier-hero .cs-hero-text .cs-logo {
    width: 200px;
    margin-bottom: 20px;
  }
  #page-case-detail #tier-hero .cs-hero-text p {
    font-size: 17px;
    line-height: 1.83;
  }
  #page-case-detail #tier-hero .cs-featured {
    padding: 8px;
    border-radius: 4px;
    box-shadow: 6px 6px 0 0 #e5e4df;
  }
  #page-case-detail #tier-hero .cs-featured .img-wrap {
    border-radius: 4px;
  }
  #cs-details {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  #cs-details h2 {
    margin-bottom: 12px;
  }
  #cs-details .row.intro .col.image {
    width: 100%;
    max-width: none;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 44px;
    padding: 0 22px;
  }
  #cs-details .row.intro .col.text {
    width: 100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  #cs-details .row.details {
    margin-top: 50px;
  }
}
/*! MQ: 5 -> 550px */
@media screen and (max-width: 550px) {
  #globalHeader .logo {
    top: 32px;
    left: 22px;
  }
  #globalHeader .logo a {
    font-size: 20px;
  }
  #globalMenu .menu-contents .logo {
    top: 32px;
    left: 22px;
  }
  #globalMenu .menu-contents .logo a {
    font-size: 20px;
  }
  #contact-form {
    padding-bottom: 0px;
  }
  #contact-form header {
    margin-top: -45px;
  }
  #contact-form header p {
    max-width: 290px;
  }
  #contact-form .form-modal {
    padding-top: 35px;
  }
  #contact-form .smiley-tab {
    height: 85px;
    width: 85px;
    top: -34px;
  }
  #contact-form .smiley-tab .blocker {
    height: 51px;
  }
  #contact-form .smiley-tab .smiley {
    width: 41px;
    margin-top: -5px;
  }
  #contact-form .smiley-tab .smiley .eye {
    transform: scale(0.85);
    top: 11px;
  }
  #contact-form .smiley-tab .smiley .eye[data-num="1"] {
    left: 10px;
  }
  #contact-form .smiley-tab .smiley .eye[data-num="2"] {
    left: 21px;
  }
  #contact-form form label {
    margin-bottom: 6px;
  }
  #contact-form form .form-row {
    display: block;
  }
  #contact-form form .form-row + .form-row {
    margin-top: 14px;
  }
  #contact-form form .field-wrap {
    width: 100%;
    height: auto;
  }
  #contact-form form .field-wrap + .field-wrap {
    margin-top: 14px;
  }
  #contact-form form .field-box {
    height: 44px;
  }
  #contact-form form input[type="text"] {
    height: 42px;
  }
  #contact-form form textarea {
    height: 94px;
  }
  #contact-form .side-illus[data-num="2"].mob {
    display: block;
    position: relative;
    width: 212px;
    right: auto;
    bottom: auto;
    margin: 70px auto 0;
    transform: translateX(25px);
  }
  #contact-form .thank-you .thank-you-fill {
    top: 30px;
  }
  #contact-form .thank-you h3 {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .select2-container--default .select2-selection--single {
    padding: 12px 12px;
  }
  #page-blog:not(.article) #tier-hero header {
    padding: 0 35px;
  }
  #page-blog:not(.article) #tier-hero h1 {
    margin-bottom: 15px;
  }
  #page-blog:not(.article) .blog-sort {
    margin-top: 25px;
    border-radius: 4px;
  }
  #blog-grid {
    padding-top: 35px;
  }
  #search-overlay .search-modal {
    padding-bottom: 40px;
  }
  #search-overlay .search-modal h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #page-blog .blog-sort .select2-container--default .select2-selection--single {
    padding-left: 15px;
  }
  #page-blog .module-row.three-col .module p {
    font-size: 16px;
    line-height: 1.8;
  }
  #blog-article .post-by {
    margin-top: 30px;
  }
  #blog-article .post-by p {
    font-size: 15px;
  }
  #blog-article .post-by .post-by-illus {
    display: none;
  }
  #blog-article .blog-cta {
    display: block;
    padding: 25px;
    height: auto;
    margin-top: 40px;
  }
  #blog-article .blog-cta .blog-cta-illus {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    margin-bottom: 5px;
  }
  #blog-article .body-text ul {
    margin-left: 20px;
  }
  #page-search:not(.article) #tier-hero h1 {
    margin-bottom: -5px;
  }
  #page-blog.article #tier-hero.article-header h1 {
    margin-bottom: 5px;
  }
  #page-blog.article #tier-hero.article-header .article-featured-img {
    margin-top: 30px;
  }
  #page-case-studies #tier-hero .bg-wrap {
    height: 200px;
  }
  #page-case-studies #tier-hero .background {
    transform: scale(0.5);
  }
  #page-case-detail #tier-hero .cs-stats {
    margin-top: 28px;
    max-width: 310px;
  }
  #page-case-detail #tier-hero .cs-stats .cs-stat-box {
    width: 50%;
  }
  #page-case-detail #tier-hero .cs-stats .cs-stat-box:nth-child(n+3) {
    margin-top: 25px;
  }
  #page-case-detail #tier-hero .cs-stats .txt {
    margin-top: 5px;
  }
  #page-case-detail #tier-hero .cs-stats .txt h3 {
    margin-bottom: 0px;
  }
  #page-case-detail #tier-hero .cs-stats .txt p {
    font-size: 13px;
  }
}
/*! MQ: 6 -> 480px */
@media screen and (max-width: 480px) {
  .module-row .module p {
    font-size: 17px;
  }
  #home-influencers {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 75px;
  }
  #home-influencers header {
    margin-bottom: 5px;
    padding-left: 35px;
    padding-right: 35px;
  }
  #home-influencers header h3 {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 7px;
  }
  #home-influencers .scrollbar-wrap {
    display: block;
    margin-top: 12px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    position: relative;
  }
  #home-influencers .scrollbar {
    width: 100%;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 20px;
    position: relative;
  }
  #home-influencers .scrollbar #inf-drag {
    width: 35px;
    height: 20px;
    position: absolute;
    left: 3px;
    top: 0px;
    cursor: move;
  }
  #home-influencers .scrollbar #inf-drag:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    top: 4px;
    background-color: #ff0090;
  }
  #home-influencers .modules-wrap {
    position: relative;
    width: 100%;
    height: 370px;
    overflow: hidden;
  }
  #home-influencers .module-row.four-col {
    position: absolute;
    left: 0;
    top: 0;
    left: 25px;
    width: 2340px;
    height: 350px;
    padding-top: 30px;
    cursor: move;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #home-influencers .module-row.four-col .module {
    width: 275px;
    margin-bottom: 0px !important;
  }
  #home-influencers .module-row.four-col .module.filler {
    display: none;
  }
  #home-influencers .module-row.four-col .module + .module {
    margin-left: 20px;
  }
  #home-influencers .module-row.four-col .module > a {
    display: none;
  }
  #home-influencers .module-row.four-col .module .module-name > a {
    display: block;
  }
}