/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible; }

@keyframes slideDown {
  0% {
    transform: translateY(-800%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-800%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }

/*spinFlag*/
@keyframes spinFlag {
  25% {
    transform: rotateY(180deg); }
  500% {
    transform: rotateY(360deg); }
  75% {
    transform: rotateY(540deg); }
  100% {
    transform: rotateY(720deg); } }

@-webkit-keyframes spinFlag {
  25% {
    -webkit-transform: rotateY(180deg); }
  50% {
    -webkit-transform: rotateY(360deg); }
  75% {
    -webkit-transform: rotateY(540deg); }
  100% {
    -webkit-transform: rotateY(720deg); } }

.spinFlag {
  animation-name: spinFlag;
  animation-delay: 0s;
  animation-duration: 0.5s;
  animation-name: spinFlag;
  -webkit-animation-name: spinFlag;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  visibility: visible; }

/*heartbeat*/
@keyframes heartbeat {
  0% {
    transform: scale(0.65); }
  20% {
    transform: scale(0.75); }
  40% {
    transform: scale(0.65); }
  60% {
    transform: scale(0.75); }
  80% {
    transform: scale(0.65); }
  100% {
    transform: scale(0.65); } }

body, h1, h2, h3, h4, h5, p {
  font-family: 'RalewayReg', sans-serif;
  font-size: 16px; }

h1 {
  font-family: 'RalewayExBold', sans-serif;
  font-size: 45px;
  line-height: 1.35em; }

section h1 {
  font-size: 48px;
  line-height: 1.35em;
  color: #ffffff;
  margin-left: 50px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 20px; }

section p {
  margin-bottom: 25px; }

p {
  line-height: 1.45em;
  padding-bottom: 10px; }

.global hr {
  width: 10%;
  height: 3px;
  background-color: #C30045;
  margin-bottom: 40px;
  border: 0px; }

@font-face {
  font-family: 'RalewayBlk';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Black.woff") format("woff"), url("../fonts/Raleway-Black.woff2") format("woff2"), url("../fonts/Raleway-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayBlkIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-BlackItalic.woff") format("woff"), url("../fonts/Raleway-BlackItalic.woff2") format("woff2"), url("../fonts/Raleway-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayBold';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway-Bold.woff2") format("woff2"), url("../fonts/Raleway-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayBoldIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-BoldItalic.woff") format("woff"), url("../fonts/Raleway-BoldItalic.woff2") format("woff2"), url("../fonts/Raleway-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayExBold';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-ExtraBold.woff") format("woff"), url("../fonts/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/Raleway-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayExBoldIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-ExtraBoldItalic.woff") format("woff"), url("../fonts/Raleway-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Raleway-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayExLight';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-ExtraLight.woff") format("woff"), url("../fonts/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/Raleway-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayExLightIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-ExtraLightItalic.woff") format("woff"), url("../fonts/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Raleway-ExtraLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Italic.woff") format("woff"), url("../fonts/Raleway-Italic.woff2") format("woff2"), url("../fonts/Raleway-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayLight';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Light.woff") format("woff"), url("../fonts/Raleway-Light.woff2") format("woff2"), url("../fonts/Raleway-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayLightIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-LightItalic.woff") format("woff"), url("../fonts/Raleway-LightItalic.woff2") format("woff2"), url("../fonts/Raleway-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayMed';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway-Medium.woff2") format("woff2"), url("../fonts/Raleway-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayMedIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-MediumItalic.woff") format("woff"), url("../fonts/Raleway-MediumItalic.woff2") format("woff2"), url("../fonts/Raleway-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayReg';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway-Regular.woff2") format("woff2"), url("../fonts/Raleway-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewaySemiBold';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-SemiBold.woff") format("woff"), url("../fonts/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/Raleway-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewaySemiBoldIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-SemiBoldItalic.woff") format("woff"), url("../fonts/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Raleway-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayThin';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-Thin.woff") format("woff"), url("../fonts/Raleway-Thin.woff2") format("woff2"), url("../fonts/Raleway-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'RalewayThinIt';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Raleway-ThinItalic.woff") format("woff"), url("../fonts/Raleway-ThinItalic.woff2") format("woff2"), url("../fonts/Raleway-ThinItalic.ttf") format("truetype"); }

.no-gutter {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.no-margin {
  margin-left: 0;
  margin-right: 0; }

.no-padding {
  padding: 0; }

.top-spacing {
  padding-top: 40px; }

.top-spacing2 {
  padding-top: 30px; }

.top-spacing35 {
  padding-top: 35px; }

.call_to_action {
  font-family: "RalewayLight", sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 50px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border: 1px solid #C30045;
  background: #C30045; }
  @media screen and (max-width: 768px) {
    .call_to_action {
      padding: 10px 15px; } }
  .call_to_action:hover {
    color: #C30045;
    background: transparent;
    text-decoration: none; }

.quotes {
  width: 100%;
  margin: 20px auto 40px;
  padding: 60px 15px;
  overflow: hidden;
  border: 1px solid #000000;
  letter-spacing: 2px;
  background: #000000; }
  @media (min-width: 768px) {
    .quotes {
      padding: 80px 0; } }
  .quotes .container {
    padding: 0 20px;
    background: #000000;
    color: #ffffff;
    border: 2px solid #ffffff; }
    @media (min-width: 768px) {
      .quotes .container {
        padding: 0 50px; } }
    .quotes .container .quoteSlider {
      display: flex;
      align-items: center;
      height: 215px; }
      @media (min-width: 768px) {
        .quotes .container .quoteSlider {
          height: 375px; } }
      .quotes .container .quoteSlider .quote {
        font-family: "RalewayLight";
        font-size: 1.9rem;
        line-height: 2.9rem;
        text-transform: uppercase;
        text-align: center; }
        @media (min-width: 768px) {
          .quotes .container .quoteSlider .quote {
            font-size: 3.4rem;
            line-height: 4.4rem; } }
        @media (min-width: 992px) {
          .quotes .container .quoteSlider .quote {
            font-size: 5rem;
            line-height: 6rem; } }
        .quotes .container .quoteSlider .quote.slick-slide {
          transition: all ease-in-out 0.3s;
          opacity: 0.2; }
        .quotes .container .quoteSlider .quote.slick-current {
          opacity: 1; }
        .quotes .container .quoteSlider .quote span {
          font-family: "RalewayBold"; }
      .quotes .container .quoteSlider .slick-dots li {
        width: 20px;
        margin: 0; }
        @media (min-width: 768px) {
          .quotes .container .quoteSlider .slick-dots li {
            width: 40px;
            margin: 0 5px; } }
      .quotes .container .quoteSlider .slick-active {
        opacity: 0.5; }
      .quotes .container .quoteSlider .slick-dots {
        bottom: -50px; }
    .quotes .container .left-quote {
      position: relative;
      top: -25px;
      width: 90px; }
      @media (min-width: 768px) {
        .quotes .container .left-quote {
          width: 110px;
          top: -30px; } }
    .quotes .container .right-quote {
      position: relative;
      bottom: -20px;
      left: 70%;
      width: 90px; }
      @media (min-width: 768px) {
        .quotes .container .right-quote {
          left: 90%;
          width: 110px;
          bottom: -30px; } }

.name {
  font-family: "RalewayLight", sans-serif;
  margin: 35px 0 20px 0; }

.name ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center; }

.name ul li {
  line-height: 1em;
  display: inline;
  padding: 2px;
  text-transform: uppercase;
  font-family: RalewaySemiBold; }
  .name ul li span {
    cursor: pointer; }

.name ul li:hover {
  color: #C30045; }

.worldMap {
  background: url("../images/PopulatedMaps_WebTCG-01.png") no-repeat;
  background-position: center;
  background-size: contain;
  height: 500px; }
  .worldMap .flagContainer {
    height: 500px;
    width: 991px;
    margin: 0 auto;
    position: relative; }

.hideFlag {
  visibility: hidden; }

.showFlag {
  visibility: visible; }

.bangkok {
  position: absolute;
  left: 71%;
  top: 51%; }

.beijing {
  position: absolute;
  left: 75.3%;
  top: 36%; }

.detroit {
  position: absolute;
  left: 22.3%;
  top: 35.2%; }

.dallas {
  position: absolute;
  left: 18.8%;
  top: 39.5%; }

.dubai {
  position: absolute;
  left: 58.8%;
  top: 45.5%; }

.vegas {
  position: absolute;
  left: 14%;
  top: 37.5%; }

.london {
  position: absolute;
  left: 44.3%;
  top: 29%; }

.la {
  position: absolute;
  left: 13%;
  top: 39.5%; }

.mexico {
  position: absolute;
  left: 17.8%;
  top: 48%; }

.seoul {
  position: absolute;
  left: 78%;
  top: 38%; }

.shanghai {
  position: absolute;
  left: 76%;
  top: 42%; }

.tampa {
  position: absolute;
  left: 22.5%;
  top: 43.7%; }

.washington {
  position: absolute;
  left: 23.9%;
  top: 37.7%; }

  .novi {
    position: absolute;
    left: 21.9%;
    top: 33.7%;
  }

  .longbeach {
    position: absolute;
    left: 14%;
    top: 41.7%;
  }

  .danang {
    position: absolute;
    left: 72.5%;
    top: 50.7%;
  }

.flag {
  background: url("../images/Flag-01.png") no-repeat;
  height: 30px;
  width: 40px;
  background-size: 40px 30px; }

.fa-circle {
  position: relative;
  top: -3px;
  font-size: 7px;
  color: #C30045; }

.result-tile {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #ffffff;
  height: 180px;
  font-family: "RalewayExBold"; }
  @media (min-width: 768px) {
    .result-tile {
      height: 195px;
      font-size: 1.3rem; } }
  @media (min-width: 992px) {
    .result-tile {
      height: 250px;
      font-size: 1.6rem; } }
  .result-tile__inner-tile {
    margin: 0;
    position: relative;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .result-tile__inner-tile--plus {
      font-family: "RalewayBold";
      font-size: 100px; }
      @media (min-width: 768px) {
        .result-tile__inner-tile--plus {
          font-size: 125px; } }
      @media (min-width: 992px) {
        .result-tile__inner-tile--plus {
          font-size: 150px; } }
    @media (min-width: 768px) {
      .result-tile__inner-tile--elements {
        left: 47%; } }
  .result-tile.results01 {
    background-image: url("../images/resultsBG01.png"); }
  .result-tile.results02 {
    background-image: url("../images/resultsBG02.png"); }
  .result-tile.results03 {
    background-image: url("../images/resultsBG03.png"); }

.whyTiles {
  background: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
  color: #ffffff;
  text-transform: uppercase;
  display: flex;
  text-align: left;
  min-height: 230px;
  padding: 0;
  font-size: 1.6rem;
  font-family: "RalewayBold"; }
  @media (min-width: 768px) {
    .whyTiles {
      font-size: 1.75rem; } }
  @media (min-width: 992px) {
    .whyTiles {
      font-size: 1.95rem; } }
  .whyTiles.scene {
    border: 2px solid rgba(0, 0, 0, 0);
    margin: 2px auto;
    perspective: 400px; }
  .whyTiles.bringToFront {
    z-index: 1; }
  .whyTiles .card {
    width: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    cursor: pointer;
    position: relative;
    margin: 5px 2px; }
    .whyTiles .card.is-flipped {
      transform: rotateY(180deg); }
    .whyTiles .card .card__face {
      position: absolute;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
      .whyTiles .card .card__face--front {
        background: #000000;
        min-height: 225px;
        width: 100%;
        display: flex;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important; }
      .whyTiles .card .card__face--back {
        min-height: 225px;
        background: #C30045;
        transform: rotateY(180deg);
        display: flex; }
      .whyTiles .card .card__face span {
        width: 100%;
        align-self: flex-end;
        padding: 15px;
        display: inline-block; }
        .whyTiles .card .card__face span.back {
          text-transform: none;
          font-size: 1.6rem;
          line-height: 1.6em;
          padding: 35px;
          font-family: "RalewayMed"; }
          @media (min-width: 768px) {
            .whyTiles .card .card__face span.back {
              font-size: 1.4rem;
              line-height: 1.4em;
              padding: 35px;
              padding-top: 5px; } }
          @media (min-width: 992px) {
            .whyTiles .card .card__face span.back {
              padding: 40px;
              padding-top: 15px; } }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  transition: 500ms ease;
  background: transparent;
  z-index: 1000; }
  @media (min-width: 768px) {
    header {
      height: 60px; } }
  header .navbar-default {
    border: none;
    background: none; }
    header .navbar-default .navbar-collapse {
      background: rgba(0, 0, 0, 0.9); }
      @media (min-width: 768px) {
        header .navbar-default .navbar-collapse {
          background: none; } }
    header .navbar-default .navbar-toggle {
      border: none;
      z-index: 1000; }
      header .navbar-default .navbar-toggle:focus, header .navbar-default .navbar-toggle:hover {
        background: none; }
      header .navbar-default .navbar-toggle .icon-bar {
        background-color: #C30045;
        width: 22px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
    header .navbar-default .navbar-nav.navbar-right {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 100px -15px; }
      @media (min-width: 768px) {
        header .navbar-default .navbar-nav.navbar-right {
          flex-direction: row;
          height: 60px;
          margin: 0 -15px; } }
      header .navbar-default .navbar-nav.navbar-right li {
        height: 6rem; }
        @media (min-width: 768px) {
          header .navbar-default .navbar-nav.navbar-right li {
            height: 2rem; } }
    header .navbar-default .navbar-nav li.active a,
    header .navbar-default .navbar-nav li.active a:hover,
    header .navbar-default .navbar-nav li.active a:focus {
      background-color: transparent; }
      header .navbar-default .navbar-nav li.active a:after,
      header .navbar-default .navbar-nav li.active a:hover:after,
      header .navbar-default .navbar-nav li.active a:focus:after {
        content: "";
        display: block;
        border-bottom: 3px solid #C30045;
        width: 95%;
        margin: 0 auto; }
    header .navbar-default .navbar-nav li a {
      margin-top: 0;
      font-family: "RalewayExBold", sans-serif;
      font-size: 2rem;
      letter-spacing: 2px;
      padding: 2px 8px 10px 8px;
      color: #ffffff; }
      @media (min-width: 768px) {
        header .navbar-default .navbar-nav li a {
          color: #010101;
          font-size: 1.1rem;
          padding: 2px 8px 0 8px; } }
      @media (min-width: 992px) {
        header .navbar-default .navbar-nav li a {
          padding: 2px 15px 0 15px; } }
      header .navbar-default .navbar-nav li a:after {
        content: "";
        display: block;
        width: 95%;
        margin: 0 auto;
        padding-top: 10px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-bottom: 3px solid transparent; }
        @media (min-width: 768px) {
          header .navbar-default .navbar-nav li a:after {
            padding-top: 0; } }
      header .navbar-default .navbar-nav li a:hover {
        margin-top: 0;
        color: #ffffff; }
        header .navbar-default .navbar-nav li a:hover:after {
          border-bottom: 3px solid #C30045; }
        @media (min-width: 768px) {
          header .navbar-default .navbar-nav li a:hover {
            color: #010101; } }
    @media (min-width: 768px) {
      header .navbar-default .navbar-nav li:last-child a,
      header .navbar-default .navbar-nav li:last-child a:hover,
      header .navbar-default .navbar-nav li:last-child a:focus {
        background: #C30045;
        color: #fff;
        padding: 2px 8px 0px 8px; } }
  header.scrolled {
    background: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #333333; }
    header.scrolled .navbar-default .navbar-nav > li > a {
      color: #fff; }
  header #logoText {
    position: relative;
    transition: left 0.6s;
    -webkit-transition: left 0.6s;
    margin: 0;
    height: 30px; }
    @media (min-width: 992px) {
      header #logoText {
        height: 40px; } }
  header .square {
    margin: 0;
    height: 20px; }
    @media (min-width: 768px) {
      header .square {
        padding-left: 3px;
        height: 30px; } }
    @media (min-width: 992px) {
      header .square {
        height: 40px; } }
  @media (min-width: 768px) {
    header .tcg-square {
      padding-left: 0; } }

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  transform-origin: 10% 10%; }

.navbar-toggle.x .icon-bar:nth-of-type(3) {
  opacity: 0;
  filter: alpha(opacity=0); }

.navbar-toggle.x .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
  -ms-transform-origin: 10% 90%;
  transform-origin: 10% 90%; }

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

/* END ANIMATED X */
footer {
  color: #fff;
  font-family: "RalewayReg", sans-serif;
  border-top: 3px solid #C30045;
  background: #000000; }
  footer h1 {
    font-family: "RalewayMed", sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff; }
  footer .col-sm-12 .img-responsive {
    padding-top: 20px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      footer .col-sm-12 .img-responsive {
        margin: 0; } }
  footer .footermobile {
    margin-bottom: 30px;
    text-align: center; }
    @media (min-width: 768px) {
      footer .footermobile {
        text-align: left; } }
  footer .line {
    width: 40px;
    height: 3px;
    margin: 15px auto;
    background: #C30045; }
    @media (min-width: 768px) {
      footer .line {
        margin: 0;
        margin-bottom: 15px; } }
  footer .cta {
    margin-bottom: 40px; }
  footer .link {
    margin-bottom: 10px; }
    footer .link a {
      font-size: 12px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      color: #fff; }
      footer .link a:hover {
        text-decoration: none;
        color: #C30045; }
    footer .link.location .ftr-icon, footer .link.phone .ftr-icon {
      height: 18px; }
    footer .link.email .ftr-icon {
      height: 10px; }
    footer .link.careers {
      padding-bottom: 15px; }
      footer .link.careers .ftr-icon {
        color: #C30045; }
  footer .foot-bottom-bar {
    background: #000;
    height: 40px;
    max-width: 9999px;
    padding-top: 18px;
    color: #fff; }
    footer .foot-bottom-bar p {
      font-size: 9px;
      color: #666;
      margin-bottom: 0; }
  footer .ftr-icon {
    margin-right: 10px; }
  footer .jdbrands-col2 {
    padding-top: 65px; }

.ftr-policy-links {
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 50px 0 0 0; }
  @media (min-width: 768px) {
    .ftr-policy-links {
      flex-direction: row; } }
  .ftr-policy-links .link-wrapper {
    margin: 10px 15px; }
    .ftr-policy-links .link-wrapper .link {
      font-size: 12px;
      color: #fff;
      text-decoration: none;
      transition: all .2s ease-in-out;
      cursor: pointer; }
      .ftr-policy-links .link-wrapper .link:hover {
        color: #C30045; }

.video-container {
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .video-container {
      padding-bottom: 35px; } }
  @media (min-width: 768px) {
    .video-container .row {
      display: flex;
      align-items: center; } }
  .video-container__col-one {
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 30px; }
    @media (min-width: 768px) {
      .video-container__col-one {
        overflow: visible;
        padding: 0;
        padding-top: 80px;
        padding-bottom: 65px; } }
    @media (min-width: 992px) {
      .video-container__col-one {
        padding-bottom: 130px; } }
    .video-container__col-one video {
      width: 100%;
      transform: scale(1.5); }
      @media (min-width: 768px) {
        .video-container__col-one video {
          transform: scale(1.8); } }
  .video-container__col-two {
    text-align: center; }
    @media (min-width: 768px) {
      .video-container__col-two {
        text-align: right;
        padding-top: 62px;
        padding-right: 25px; } }
    @media (min-width: 992px) {
      .video-container__col-two {
        padding-top: 58px;
        padding-right: 35px; } }
    .video-container__col-two h1 {
      line-height: 1em;
      color: #030303;
      font-size: 3.8rem;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .video-container__col-two h1 {
          line-height: 0.9em;
          font-size: 2.5rem;
          margin-bottom: 10px; } }
      @media (min-width: 992px) {
        .video-container__col-two h1 {
          line-height: 0.9em;
          font-size: 4rem; } }
    .video-container__col-two span {
      font-family: "RalewayMed", sans-serif;
      color: #C30045; }
  .video-container__col-three {
    padding: 125px 35px 10px 35px; }
    @media (min-width: 768px) {
      .video-container__col-three {
        padding: 0;
        padding-top: 62px;
        padding-left: 25px; } }
    @media (min-width: 992px) {
      .video-container__col-three {
        padding-top: 58px;
        padding-left: 35px; } }
    .video-container__col-three h1 {
      line-height: 1em;
      text-transform: uppercase;
      color: #050505;
      font-size: 4.2rem; }
      @media (min-width: 768px) {
        .video-container__col-three h1 {
          font-size: 2.6rem; } }
      @media (min-width: 992px) {
        .video-container__col-three h1 {
          font-size: 4rem; } }
    .video-container__col-three .elevate {
      border-bottom: 5px solid #C30045;
      padding-bottom: 2px; }
    .video-container__col-three .your {
      position: relative;
      top: 15px;
      white-space: nowrap; }

#about {
  font-family: "RalewayExBold";
  padding: 60px 35px 40px; }
  @media (min-width: 768px) {
    #about {
      padding: 175px 15px; } }
  @media (min-width: 992px) {
    #about {
      padding: 150px 15px; } }
  #about .literally-span {
    text-transform: none;
    color: #C30045;
    font-family: "RalewayMedIt"; }
  #about .how-span {
    border-bottom: 5px solid #C30045;
    padding-bottom: 6px;
    display: inline-block; }
    @media (min-width: 768px) {
      #about .how-span {
        padding-bottom: 10px; } }
  #about .subtitle {
    text-transform: none;
    font-weight: normal;
    line-height: 1.3rem;
    background: #ffffff;
    color: #000000;
    display: inline;
    padding: 3px;
    font-family: "RalewayMed";
    letter-spacing: -0.5px;
    font-size: 1.1rem; }
    @media (min-width: 768px) {
      #about .subtitle {
        font-size: 1.4rem;
        padding: 3px; } }
    @media (min-width: 992px) {
      #about .subtitle {
        font-size: 2rem;
        padding: 5px; } }

#resultsequation {
  padding-bottom: 100px;
  color: #000000; }
  #resultsequation h1 {
    color: #000000;
    font-family: "RalewayLight";
    font-size: 2.8rem;
    margin-left: 0;
    margin-bottom: 3px; }
    @media (min-width: 768px) {
      #resultsequation h1 {
        font-size: 3.8rem; } }
    @media (min-width: 992px) {
      #resultsequation h1 {
        font-size: 4.8rem; } }
  #resultsequation hr {
    margin-bottom: 20px;
    width: 15%;
    height: 5px;
    background-color: #C30045;
    margin-top: 0; }
  #resultsequation .enumerator {
    height: 12px; }
    @media (min-width: 768px) {
      #resultsequation .enumerator {
        height: 195px; } }
    @media (min-width: 992px) {
      #resultsequation .enumerator {
        height: 250px; } }
  #resultsequation .tangible-results {
    font-size: 2.8rem;
    padding-top: 40px; }
    @media (min-width: 768px) {
      #resultsequation .tangible-results {
        font-size: 3.8rem;
        padding-top: 0; } }
    @media (min-width: 992px) {
      #resultsequation .tangible-results {
        font-size: 4.8rem;
        padding-top: 0; } }
    #resultsequation .tangible-results .tangible {
      font-family: RalewaySemiBoldIt; }
    #resultsequation .tangible-results .heart-hands {
      width: 10%;
      margin-left: 1%;
      margin-right: 2.5%; }
    #resultsequation .tangible-results .results {
      text-transform: uppercase;
      font-family: RalewayExBold; }

#why {
  color: #000000; }
  @media (min-width: 768px) {
    #why .heading {
      text-align: right; } }
  #why .heading h1 {
    color: #000000;
    font-size: 4.5rem;
    margin-left: 0; }
    @media (min-width: 768px) {
      #why .heading h1 {
        font-size: 5.8rem; } }
    @media (min-width: 992px) {
      #why .heading h1 {
        font-size: 7.2rem; } }
  #why .why-subheading {
    font-family: "RalewayExBold";
    font-size: 2rem; }
    @media (min-width: 768px) {
      #why .why-subheading {
        padding-top: 38px;
        text-align: left;
        line-height: 2.6rem; } }
    @media (min-width: 992px) {
      #why .why-subheading {
        padding-top: 42px;
        text-align: left;
        line-height: 3.2rem;
        font-size: 2rem; } }
    #why .why-subheading span {
      font-family: RalewayMedIt;
      color: #C30045; }

section.stripes {
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 30px; }
  @media (min-width: 768px) {
    section.stripes {
      padding-bottom: 100px;
      padding-top: 85px; } }

.stripes {
  background: url("../images/stripes_bg.png");
  background-size: 100% 100%; }

.waves {
  background: #000000;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 90px;
  background-size: contain; }
  @media (min-width: 768px) {
    .waves {
      background-size: auto; } }

#capabilities {
  background: #000000;
  color: #ffffff;
  padding: 20px 20px 60px;
  margin: 0 10px; }
  @media (min-width: 768px) {
    #capabilities {
      padding: 80px 90px;
      margin: 0 auto; } }
  @media (min-width: 992px) {
    #capabilities {
      padding: 80px 100px; } }
  #capabilities h1 {
    margin-left: 0;
    font-size: 2.4rem;
    text-align: center; }
    @media (min-width: 768px) {
      #capabilities h1 {
        font-size: 3.6rem;
        text-align: left; } }
    @media (min-width: 992px) {
      #capabilities h1 {
        font-size: 4.8rem; } }
  #capabilities hr {
    width: 22%;
    height: 5px;
    background-color: #C30045;
    border: 0px;
    margin-top: 5px; }
    @media (min-width: 768px) {
      #capabilities hr {
        width: 10%;
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 10px; } }
  #capabilities ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      #capabilities ul {
        margin-bottom: 10px; } }
    #capabilities ul li {
      height: 3rem;
      font-size: 1.5rem; }
      @media (min-width: 768px) {
        #capabilities ul li {
          font-size: 1.4rem; } }
      @media (min-width: 992px) {
        #capabilities ul li {
          height: 4rem;
          font-size: 1.9rem; } }
      #capabilities ul li .fa-chevron-right {
        margin-right: 5px;
        color: #C30045;
        font-size: 1.5rem; }
        @media (min-width: 768px) {
          #capabilities ul li .fa-chevron-right {
            font-size: 1.6rem; } }
        @media (min-width: 992px) {
          #capabilities ul li .fa-chevron-right {
            font-size: 2.1rem;
            margin-right: 15px; } }

#where {
  padding: 60px 0 60px 0; }
  #where h1 {
    color: #000000;
    margin-left: 0px;
    line-height: 1;
    margin-bottom: 0;
    font-size: 4.5rem; }
    @media (min-width: 768px) {
      #where h1 {
        font-size: 5.8rem; } }
    @media (min-width: 992px) {
      #where h1 {
        font-size: 7.2rem; } }
  #where .subheading {
    font-family: "RalewayMedIt";
    font-size: 2rem;
    color: #C30045;
    font-weight: normal; }
    @media (min-width: 768px) {
      #where .subheading {
        font-size: 1.6rem; } }
    @media (min-width: 992px) {
      #where .subheading {
        font-size: 2rem; } }
  #where hr {
    width: 15%;
    height: 5px;
    background-color: #C30045;
    margin-bottom: 10px;
    border: 0px; }

#contactus h1 {
  margin-left: 0;
  padding: 25px 0 25px 0;
  font-size: 4.5rem; }
  @media (min-width: 768px) {
    #contactus h1 {
      font-size: 5.8rem;
      padding: 25px 0 50px 0; } }
  @media (min-width: 992px) {
    #contactus h1 {
      font-size: 7.2rem; } }

#contactus .contactbox-container {
  color: #ffffff; }
  @media (min-width: 768px) {
    #contactus .contactbox-container {
      display: flex;
      justify-content: center; } }
  #contactus .contactbox-container__icons {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    #contactus .contactbox-container__icons div {
      margin: 1.5rem auto;
      width: 20rem; }
    @media (min-width: 768px) {
      #contactus .contactbox-container__icons {
        flex-direction: row;
        justify-content: center; }
        #contactus .contactbox-container__icons div {
          margin: 1.5rem 2rem;
          width: 15rem; } }
    #contactus .contactbox-container__icons .call p {
      margin-top: 3px; }
    #contactus .contactbox-container__icons .email p {
      margin-top: 16px; }
  #contactus .contactbox-container__wrapper {
    margin: 0 auto;
    width: 90%; }
    @media (min-width: 992px) {
      #contactus .contactbox-container__wrapper {
        padding: 0 50px; } }
  #contactus .contactbox-container__contactbox {
    background: rgba(200, 200, 200, 0.1);
    border: 1px solid #ffffff;
    padding-top: 15px;
    min-height: 200px; }
    @media (min-width: 768px) {
      #contactus .contactbox-container__contactbox {
        min-height: 300px; } }
    #contactus .contactbox-container__contactbox .heading {
      margin-bottom: 0;
      margin-top: 10px;
      font-size: 2.2rem;
      font-family: "RalewayBold";
      line-height: 1.1; }
      @media (min-width: 768px) {
        #contactus .contactbox-container__contactbox .heading {
          font-size: 2.6rem; } }
      @media (min-width: 992px) {
        #contactus .contactbox-container__contactbox .heading {
          font-size: 3rem; } }
    #contactus .contactbox-container__contactbox hr {
      width: 80%;
      margin-top: 10px;
      margin-bottom: 20px; }
    #contactus .contactbox-container__contactbox p {
      font-size: 14px;
      margin-bottom: 0; }
      #contactus .contactbox-container__contactbox p.lets-talk {
        font-size: 16px;
        padding-bottom: 0; }
    #contactus .contactbox-container__contactbox img {
      padding: 10px;
      width: 40px; }
      #contactus .contactbox-container__contactbox img.mail-icon {
        width: 50px; }
    #contactus .contactbox-container__contactbox .emailpad {
      padding-top: 7px; }

#contactus a {
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  #contactus a:hover {
    color: #C30045;
    text-decoration: none; }

#joinus {
  padding-top: 5rem; }
  @media (min-width: 850px) {
    #joinus {
      background-image: url(../images/TCG_clouds-flowers.png), url(../images/TCG_clouds-sm.png);
      background-position: top right, top left;
      background-repeat: no-repeat; } }
  #joinus h1 {
    color: #000000;
    margin-left: 0px;
    line-height: 1;
    margin-bottom: 0;
    font-size: 4.5rem; }
    @media (min-width: 768px) {
      #joinus h1 {
        font-size: 5.8rem; } }
    @media (min-width: 992px) {
      #joinus h1 {
        font-size: 7.2rem; } }
  #joinus hr {
    width: 15%;
    height: 5px;
    margin-bottom: 10px;
    border: 0px; }
  #joinus .subheading {
    padding-top: 1rem;
    line-height: 2.6rem;
    font-size: 2rem;
    font-family: "RalewayExBold"; }
    #joinus .subheading .heart {
      position: relative;
      margin: 0 auto; }
  #joinus .mini-hr {
    height: 2px;
    width: 5%; }
  #joinus .subsubheading {
    padding-top: 4rem;
    font-size: 1.6rem; }
  #joinus #instaslider {
    height: 400px;
    width: 100%;
    margin: 0 auto;
    margin-top: 3rem;
    max-width: 475px; }
    @media (min-width: 475px) {
      #joinus #instaslider {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 80px); } }
    @media (min-width: 1024px) {
      #joinus #instaslider {
        max-width: 800px; } }
    #joinus #instaslider .slick-list {
      transform: none; }
    #joinus #instaslider .slick-prev:before, #joinus #instaslider .slick-next:before {
      color: #C30045 !important; }
    #joinus #instaslider .changeBtn {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      position: absolute;
      top: 50%;
      width: 37px;
      height: 40px;
      cursor: pointer;
      transform: translate(0, -50%);
      border: none;
      outline: none;
      background: transparent; }
      #joinus #instaslider .changeBtn.next {
        right: -40px; }
      #joinus #instaslider .changeBtn.prev {
        left: -40px; }
      @media (min-width: 1024px) {
        #joinus #instaslider .changeBtn.next {
          right: -30px; }
        #joinus #instaslider .changeBtn.prev {
          left: -30px; } }
      #joinus #instaslider .changeBtn .circle {
        height: 10px;
        width: 10px;
        border-radius: 5px;
        background-color: #c30045; }
    #joinus #instaslider .slick-slide {
      box-sizing: border-box;
      padding-top: 32px; }
      #joinus #instaslider .slick-slide img {
        margin: 0 auto;
        width: 200px;
        height: 300px; }
    #joinus #instaslider .slick-current {
      padding-top: 0px;
      width: 250px;
      height: 375px; }
      #joinus #instaslider .slick-current img {
        width: 250px;
        height: 375px; }
  #joinus .speech-bubble {
    position: relative;
    border: 1px solid #c30045;
    border-radius: 0.7em;
    display: inline-block;
    transform: scale(0.8); }
    #joinus .speech-bubble.sb7:before {
      content: "";
      width: 0px;
      height: 0px;
      position: absolute;
      border-left: 10px solid transparent;
      border-right: 10px solid #c30045;
      border-top: 10px solid #c30045;
      border-bottom: 10px solid transparent;
      right: 20px;
      bottom: -20px; }
    #joinus .speech-bubble.sb7:after {
      content: "";
      width: 0px;
      height: 0px;
      position: absolute;
      border-left: 10px solid transparent;
      border-right: 10px solid white;
      border-top: 10px solid white;
      border-bottom: 10px solid transparent;
      right: 21px;
      bottom: -17px; }
    #joinus .speech-bubble:hover .heart {
      animation: heartbeat 1s infinite; }
      #joinus .speech-bubble:hover .heart::before, #joinus .speech-bubble:hover .heart::after {
        background: #c30045; }
  #joinus .talkAboutYou .heart-anchor {
    position: relative;
    left: -13rem; }
  #joinus .talkAboutYou p {
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-top: 0.9rem;
    width: 20rem;
    color: white;
    background-color: black; }
  #joinus .heart {
    position: relative;
    width: 100px;
    height: 80px;
    transform: scale(0.65); }
    #joinus .heart::before, #joinus .heart::after {
      position: absolute;
      content: "";
      left: 50px;
      top: 0;
      width: 50px;
      height: 80px;
      background: #c30045;
      -moz-border-radius: 50px 50px 0 0;
      border-radius: 50px 50px 0 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 0 100%;
      -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
      -o-transform-origin: 0 100%;
      transform-origin: 0 100%; }
    #joinus .heart::after {
      left: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform-origin: 100% 100%;
      -moz-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      -o-transform-origin: 100% 100%;
      transform-origin: 100% 100%; }

main {
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  font-size: 3rem;
  line-height: 3.2rem; }
  @media (min-width: 768px) {
    main {
      font-size: 2.6rem;
      line-height: 2.8rem; } }
  @media (min-width: 992px) {
    main {
      font-size: 4rem;
      line-height: 4.3rem; } }
  main .particles-js-canvas-el {
    position: absolute;
    top: 0; }

/*gdpr popup styles*/
.cc-banner.cc-theme-edgeless .cc-btn {
  font-weight: normal;
  padding: 1.3em 2.8em; }

.cc-banner.cc-theme-edgeless .cc-message {
  text-align: center; }
  .cc-banner.cc-theme-edgeless .cc-message .cc-link {
    font-weight: bold; }

.cc-window.cc-theme-edgeless .cc-link {
  text-decoration: none;
  font-weight: bold; }
  .cc-window.cc-theme-edgeless .cc-link:hover {
    text-decoration: underline; }

/*privacy policy styles*/
.privacy-policy-wrapper {
  margin: 125px auto 40px auto; }
  .privacy-policy-wrapper .otnotice .otnotice-content p {
    font-size: 16px !important; }
  .privacy-policy-wrapper .otnotice .otnotice-content a {
    color: #C30045; }

.login main {
  margin-top: 70px;
  padding-top: 70px;
  padding-bottom: 100px;
  min-height: 500px;
  background-image: url("../images/login_background.png");
  text-transform: none; }
  .login main .content {
    margin: 0 auto;
    max-width: 400px; }
    .login main .content .pinkword {
      color: #C30045;
      font-family: "RalewayMedIt"; }
    .login main .content h1 {
      line-height: 4rem; }
    .login main .content hr {
      border: 0;
      border-bottom: 6px solid #C30045;
      width: 100px;
      margin-left: 0;
      margin-top: 60px; }
    .login main .content #passcodeForm {
      font-size: 2.2rem; }
      .login main .content #passcodeForm label {
        width: 19.5rem;
        line-height: 3rem;
        padding-left: .4rem;
        background-color: white;
        color: black;
        display: block; }
      .login main .content #passcodeForm input {
        color: black;
        line-height: 3rem;
        width: 25rem; }
      .login main .content #passcodeForm button {
        padding: 0;
        margin-top: 0.4rem;
        height: 3.5rem;
        width: 8rem;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .login main .content #passcodeForm button p {
          width: 8rem;
          text-align: center;
          padding: 0;
          margin: 0; }
      .login main .content #passcodeForm .error {
        color: red;
        visibility: hidden; }
        .login main .content #passcodeForm .error.active {
          visibility: visible; }

.clients p {
  text-transform: none; }

.clients main {
  margin-top: 70px;
  background: black; }
  .clients main .title {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center; }
    .clients main .title hr {
      margin-top: 0;
      width: 100px;
      color: black;
      height: 0px;
      border: 0;
      border-bottom: 4px solid #C30045; }
  .clients main .bottomImage {
    height: 600px;
    background-image: url("../images/powderSplash.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .clients main .bottomImage {
        height: 300px; } }
    @media screen and (max-width: 400px) {
      .clients main .bottomImage {
        height: 200px; } }

.clients .video {
  margin: 0 auto;
  padding: 20px 0;
  max-width: 600px;
  text-align: center; }
  .clients .video p {
    padding: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin: 0; }
    .clients .video p.videoTitle {
      text-transform: uppercase; }
  .clients .video hr {
    width: 40px;
    padding: 0;
    padding-top: 20px;
    margin: 0 auto;
    border: 0;
    border-bottom: 1px solid #C30045; }

.careers-content-container {
  width: 100%;
  max-width: 1170px;
  margin: 100px auto 0;
  padding: 0 15px;
  text-align: center;
  font-size: 15px; }
  .careers-content-container h1 {
    color: #000000;
    font-size: 4.5rem;
    line-height: 1; }
    @media (min-width: 768px) {
      .careers-content-container h1 {
        font-size: 5.8rem; } }
    @media (min-width: 992px) {
      .careers-content-container h1 {
        font-size: 7.2rem; } }
  .careers-content-container hr {
    width: 15%;
    height: 5px;
    background-color: #C30045;
    margin-bottom: 25px;
    margin-top: 0;
    border: 0px; }
  .careers-content-container p {
    font-size: 15px; }
  .careers-content-container .gen-res-btn {
    color: white;
    background: #C30045;
    display: block;
    width: 25%;
    min-width: 250px;
    padding: 5px 6px;
    margin: 0 auto 20px auto;
    border-radius: 5px;
    font-weight: 100; }
    .careers-content-container .gen-res-btn:hover {
      color: white; }