html, body {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #011E42;
  font-size: 16px;
  line-height: 1.7em;
  background: #FFFFFF;
  transition: all 0.2s ease-in-out;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

b {
  font-weight: 600;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-family: termina, sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1.1em;
  font-style: normal;
  font-stretch: normal;
}
h1.wpTitle, h2.wpTitle, h3.wpTitle, h4.wpTitle, h5.wpTitle, h6.wpTitle, h7.wpTitle {
  margin-bottom: 30px;
}
h1.wpTitle span, h2.wpTitle span, h3.wpTitle span, h4.wpTitle span, h5.wpTitle span, h6.wpTitle span, h7.wpTitle span {
  position: relative;
}
h1.wpTitle span::before, h2.wpTitle span::before, h3.wpTitle span::before, h4.wpTitle span::before, h5.wpTitle span::before, h6.wpTitle span::before, h7.wpTitle span::before {
  content: " ";
  width: 100%;
  height: 10%;
  background: #FFFFFF;
  position: absolute;
  bottom: -15%;
  border-radius: 50px;
}
h1.wpTitle.black, h2.wpTitle.black, h3.wpTitle.black, h4.wpTitle.black, h5.wpTitle.black, h6.wpTitle.black, h7.wpTitle.black {
  color: #000000;
}
h1.wpTitle.black span::before, h2.wpTitle.black span::before, h3.wpTitle.black span::before, h4.wpTitle.black span::before, h5.wpTitle.black span::before, h6.wpTitle.black span::before, h7.wpTitle.black span::before {
  background: #000000;
}

h1 {
  font-size: 3em;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 4em;
  }
}

h2 {
  font-size: 2em;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 3em;
  }
}

h3 {
  font-size: 1.5em;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 2em;
  }
}

h4 {
  font-size: 0.7em;
}

.blackTxt {
  color: #000000;
}

.whiteTxt {
  color: #FFFFFF;
}

.b1Txt {
  color: #F1F1F1;
}

.b2Txt {
  color: #211F21;
}

.b3Txt {
  color: #000000;
}

.p1Txt {
  color: #CABBED;
}

.p2Txt {
  color: #8167BA;
}

.p3Txt {
  color: #745AAD;
}

.r1Txt {
  color: #EDBBC7;
}

.r2Txt {
  color: #FF8FC3;
}

.r3Txt {
  color: #FE3A4A;
}

.o1Txt {
  color: #EDBCBB;
}

.o2Txt {
  color: #F6DACF;
}

.o3Txt {
  color: #F4623D;
}

.g1Txt {
  color: #BBEDD8;
}

.g2Txt {
  color: #03B897;
}

.g3Txt {
  color: #011E42;
}

.whiteBg {
  background: #FFFFFF;
}

.redBg {
  background: #FE3A4A;
}

.purpleBg {
  background: #745AAD;
}

.btn {
  padding: 15px 30px;
  border-radius: 50px;
  border-width: 3px;
  border-style: solid;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  font-size: 14px;
}
.btn.blackBtn {
  border-color: #000000;
}
.btn.whiteBtn, .btn.white {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.btn.solidWhite {
  background-color: #FFFFFF;
  color: #000000;
}
.btn.rainbow {
  border: 3px solid #FFFFFF;
  border-radius: 50px;
  padding-left: 25px;
  padding-right: 25px;
  animation: borderchange 6s infinite;
}
@keyframes borderchange {
  0% {
    border-color: #745AAD;
    color: #745AAD;
  }
  20% {
    border-color: #FE3A4A;
    color: #FE3A4A;
  }
  40% {
    border-color: #F4623D;
    color: #F4623D;
  }
  60% {
    border-color: #03B897;
    color: #03B897;
  }
  80% {
    border-color: #011E42;
    color: #011E42;
  }
  100% {
    border-color: #745AAD;
    color: #745AAD;
  }
}
.btn.rainbow:hover {
  background: #745AAD;
  font-weight: bold;
  animation: mymove 1s infinite;
}
@keyframes mymove {
  0% {
    background-color: #745AAD;
    border-color: #745AAD;
  }
  20% {
    background-color: #FE3A4A;
    border-color: #FE3A4A;
  }
  40% {
    background-color: #F4623D;
    border-color: #F4623D;
  }
  60% {
    background-color: #03B897;
    border-color: #03B897;
  }
  80% {
    background-color: #011E42;
    border-color: #011E42;
  }
  100% {
    background-color: #745AAD;
    border-color: #745AAD;
  }
}

.ctaCon {
  margin-top: 30px;
}
.ctaCon h3 {
  position: relative;
  color: #FE3A4A;
}
.ctaCon h3:after {
  content: " ";
  width: 60px;
  height: 80%;
  top: 0;
  background-image: url(../img/arrow-4-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  transition: width 0.2s ease-in-out;
}
.ctaCon h3:hover:after {
  width: 70px;
}
.ctaCon.whiteArrow h3:after {
  background-image: url(../img/arrow-2.svg);
}

input, textarea, select {
  padding: 20px 35px;
  border: none;
  position: relative;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 15px;
}
input:focus, textarea:focus, select:focus {
  outline: none;
}

select {
  padding-top: 23px;
  padding-bottom: 23px;
}

.ctaBar {
  width: 100%;
  height: 60px;
  align-content: center;
  background-color: #745AAD;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
header.ctagone {
  position: fixed;
  top: 0;
}
header.header {
  transition: filter 0.3s ease-in-out;
}
header.header.scrollState {
  filter: invert(1);
}
header.header.scrollState .desktopMenu ul li:last-of-type a {
  filter: invert(1);
}
header.header.scrollState .desktopMenu .dropdown-menu li:last-of-type a {
  filter: invert(0);
}
header.darkHeader {
  filter: invert(1);
}
header .logoCon {
  padding: 15px 0 15px 30px;
  z-index: 999;
  position: relative;
}
@media (min-width: 992px) {
  header .logoCon {
    padding: 15px 0 15px 30px;
  }
}
header .logoCon .lottiePlayer {
  width: 100px !important;
}
@media (min-width: 992px) {
  header .logoCon .lottiePlayer {
    width: 150px !important;
  }
}
header.homePage {
  top: -200px;
  opacity: 0;
}
header .menuCon {
  width: 100%;
  height: 100%;
  display: grid;
}
header .menuCon button {
  position: absolute;
  right: 30px;
  top: 20px;
  border: 0;
  outline: none;
  z-index: 999;
}
header .menuCon button:focus {
  box-shadow: none;
}
header .menuCon .desktopMenu {
  margin-left: auto;
  align-items: center;
  font-size: 18px;
  float: right;
  padding-right: 15px;
  background: rgba(1, 30, 66, 0.9);
  padding-top: 150px;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100% !important;
}
header .menuCon .desktopMenu.show, header .menuCon .desktopMenu.collapsing {
  transition: none;
}
@media (min-width: 992px) {
  header .menuCon .desktopMenu {
    background: none;
    padding-top: 0;
    position: relative;
    width: auto;
    height: auto;
  }
}
header .menuCon .desktopMenu ul {
  padding-left: 30px;
}
@media (min-width: 992px) {
  header .menuCon .desktopMenu ul {
    padding-left: 0;
  }
}
header .menuCon .desktopMenu ul li {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  header .menuCon .desktopMenu ul li {
    margin-bottom: 0;
  }
}
header .menuCon .desktopMenu li {
  padding: 0 15px;
  transition: all 0.2s ease-in-out;
}
header .menuCon .desktopMenu li a {
  color: #FFFFFF;
}
header .menuCon .desktopMenu li:hover {
  font-weight: bold;
  padding: 0 20px;
}
header .menuCon .desktopMenu li:last-of-type a {
  border: 3px solid #FFFFFF;
  border-radius: 50px;
  padding-left: 25px;
  padding-right: 25px;
  animation: borderchange 6s infinite;
}
@keyframes borderchange {
  0% {
    border-color: #745AAD;
    color: #745AAD;
  }
  20% {
    border-color: #FE3A4A;
    color: #FE3A4A;
  }
  40% {
    border-color: #F4623D;
    color: #F4623D;
  }
  60% {
    border-color: #03B897;
    color: #03B897;
  }
  80% {
    border-color: #011E42;
    color: #011E42;
  }
  100% {
    border-color: #745AAD;
    color: #745AAD;
  }
}
header .menuCon .desktopMenu li:last-of-type a:hover {
  background: #745AAD;
  font-weight: bold;
  animation: mymove 1s infinite;
}
@keyframes mymove {
  0% {
    background-color: #745AAD;
    border-color: #745AAD;
  }
  20% {
    background-color: #FE3A4A;
    border-color: #FE3A4A;
  }
  40% {
    background-color: #F4623D;
    border-color: #F4623D;
  }
  60% {
    background-color: #03B897;
    border-color: #03B897;
  }
  80% {
    background-color: #011E42;
    border-color: #011E42;
  }
  100% {
    background-color: #745AAD;
    border-color: #745AAD;
  }
}
header .menuCon .desktopMenu .dropdown-menu {
  background: none;
  border: none;
  padding-left: 0;
}
@media (min-width: 992px) {
  header .menuCon .desktopMenu .dropdown-menu {
    padding-left: auto;
  }
}
header .menuCon .desktopMenu .dropdown-menu li:last-of-type {
  margin-bottom: 0;
}
header .menuCon .desktopMenu .dropdown-menu li:last-of-type a {
  background: none;
  padding: 0.25rem 1rem;
  font-weight: normal;
  color: #FFFFFF;
  border: none;
  animation: none;
}
header .menuCon .desktopMenu .dropdown-menu li a {
  border-radius: 5px;
}
header .menuCon .desktopMenu .dropdown-menu li a:hover, header .menuCon .desktopMenu .dropdown-menu li a:active, header .menuCon .desktopMenu .dropdown-menu li a:focus {
  color: #011E42;
  background: #FFFFFF;
}
header .menuBars {
  width: 75px;
  padding: 25px 0 25px 25px;
  cursor: pointer;
  transition: padding 0.2s ease-in-out;
  height: 65px;
  display: block;
  right: 15px;
}
@media (min-width: 992px) {
  header .menuBars {
    display: none;
  }
}
@media (min-width: 768px) {
  header .menuBars {
    padding: 25px;
    width: 100px;
  }
}
header .menuBars .bar {
  width: 100%;
  height: 10px;
  transition: all 0.2s ease-in-out;
  float: right;
  margin-bottom: 10px;
  position: relative;
}
header .menuBars .top:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background: url(../img/topMenuBar.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  right: 0;
}
header .menuBars .bottom:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background: url(../img/bottomMenuBar.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  right: 0;
}
header .fullMenuCon {
  width: 100%;
  height: 100%;
  background: rgba(1, 30, 66, 0.7);
  position: fixed;
  overflow-x: hidden;
  top: -100%;
  left: 0;
  right: 0;
  transition: opacity 1s ease-in-out, top 0.01s ease-out 1s;
  opacity: 0;
}
header .fullMenuCon .fullMenu {
  text-align: right;
  width: 100%;
}
header .fullMenuCon .fullMenu ul {
  padding: 200px 25px 100px 25px;
  list-style: none;
  margin: 0;
}
header .fullMenuCon .fullMenu ul li {
  padding: 20px 0;
  margin: 0;
  transition: padding 0.2s ease-in-out;
}
@media (min-width: 768px) {
  header .fullMenuCon .fullMenu ul li {
    padding: 35px 0;
  }
}
header .fullMenuCon .fullMenu ul li a {
  color: #FFFFFF;
}
header .fullMenuCon .fullMenu ul li:hover {
  padding-right: 20px;
}
header.menuOpen .logoCon .logo path {
  transition: fill 0.2s ease-in-out !important;
  fill: #FFFFFF !important;
}
header.menuOpen .desktopMenu, header.menuOpen .headContact {
  color: #FFFFFF;
}
header.menuOpen .menuBars {
  padding-top: 35px;
}
header.menuOpen .menuBars .bar {
  margin: 0;
}
header.menuOpen .menuBars .bar.top {
  transform: rotate(-46deg);
}
header.menuOpen .menuBars .bar.bottom {
  transform: rotate(49deg);
  margin-top: -10px;
}
header.menuOpen .fullMenuCon {
  top: 0;
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

.wrapper {
  /*top: 50%;
  right: -160px;
  transform: translate(0, -50%);*/
  bottom: -110px;
  right: -110px;
  position: fixed;
  z-index: 999;
}

.circle {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.circle #warped {
  position: relative;
  display: block;
  width: 320px;
  height: 320px;
}
.circle #warped > span[class^=w]:nth-of-type(n+0) {
  display: block;
  position: absolute;
  transform-origin: 50% 100%;
}
.circle #warped span {
  font-family: termina, sans-serif;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 900;
  font-style: normal;
  line-height: 0.65;
  white-space: pre;
  overflow: visible;
  padding: 0px;
  -webkit-text-stroke: 1px #FFFFFF;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.circle #warped.scrollState span {
  -webkit-text-stroke: 1px #011E42;
}
.circle #warped:hover span {
  -webkit-text-stroke: 0;
}
.circle #warped:hover span.w1, .circle #warped:hover span.w4, .circle #warped:hover span.w7, .circle #warped:hover span.w10, .circle #warped:hover span.w12, .circle #warped:hover span.w17, .circle #warped:hover span.w19, .circle #warped:hover span.w22, .circle #warped:hover span.w25, .circle #warped:hover span.w28, .circle #warped:hover span.w30, .circle #warped:hover span.w32, .circle #warped:hover span.w37, .circle #warped:hover span.w40 {
  animation: spinnerBg1 2s infinite;
}
.circle #warped:hover span.w2, .circle #warped:hover span.w5, .circle #warped:hover span.w8, .circle #warped:hover span.w11, .circle #warped:hover span.w13, .circle #warped:hover span.w15, .circle #warped:hover span.w18, .circle #warped:hover span.w20, .circle #warped:hover span.w23, .circle #warped:hover span.w26, .circle #warped:hover span.w29, .circle #warped:hover span.w31, .circle #warped:hover span.w34, .circle #warped:hover span.w36 {
  animation: spinnerBg2 2s infinite;
}
.circle #warped:hover span.w0, .circle #warped:hover span.w3, .circle #warped:hover span.w6, .circle #warped:hover span.w9, .circle #warped:hover span.w14, .circle #warped:hover span.w16, .circle #warped:hover span.w21, .circle #warped:hover span.w24, .circle #warped:hover span.w27, .circle #warped:hover span.w33, .circle #warped:hover span.w35, .circle #warped:hover span.w38, .circle #warped:hover span.w39 {
  animation: spinnerBg3 2s infinite;
}
@keyframes spinnerBg1 {
  0% {
    -webkit-text-fill-color: #FF8FC3;
    color: #FF8FC3;
  }
  25% {
    -webkit-text-fill-color: #8167BA;
    color: #8167BA;
  }
  50% {
    -webkit-text-fill-color: #F6DACF;
    color: #F6DACF;
  }
  75% {
    -webkit-text-fill-color: #EDBBC7;
    color: #EDBBC7;
  }
  100% {
    -webkit-text-fill-color: #03B897;
    color: #03B897;
  }
}
@keyframes spinnerBg2 {
  0% {
    -webkit-text-fill-color: #8167BA;
    color: #8167BA;
  }
  25% {
    -webkit-text-fill-color: #F6DACF;
    color: #F6DACF;
  }
  50% {
    -webkit-text-fill-color: #BBEDD8;
    color: #BBEDD8;
  }
  75% {
    -webkit-text-fill-color: #FF8FC3;
    color: #FF8FC3;
  }
  100% {
    -webkit-text-fill-color: #8167BA;
    color: #8167BA;
  }
}
@keyframes spinnerBg3 {
  0% {
    -webkit-text-fill-color: #BBEDD8;
    color: #BBEDD8;
  }
  25% {
    -webkit-text-fill-color: #FF8FC3;
    color: #FF8FC3;
  }
  50% {
    -webkit-text-fill-color: #8167BA;
    color: #8167BA;
  }
  75% {
    -webkit-text-fill-color: #8167BA;
    color: #8167BA;
  }
  100% {
    -webkit-text-fill-color: #FF8FC3;
    color: #F6DACF;
  }
}
.circle #warped .w0 {
  transform: rotate(3.92rad);
  width: 26px;
  height: 24px;
  left: 61.96px;
  top: 220.67px;
}
.circle #warped .w1 {
  transform: rotate(4.12rad);
  width: 10px;
  height: 24px;
  left: 55.39px;
  top: 202.92px;
}
.circle #warped .w2 {
  transform: rotate(4.3rad);
  width: 24px;
  height: 24px;
  left: 37.86px;
  top: 183.64px;
}
.circle #warped .w3 {
  transform: rotate(4.53rad);
  width: 21px;
  height: 24px;
  left: 31.41px;
  top: 157.37px;
}
.circle #warped .w4 {
  transform: rotate(4.7rad);
  width: 11px;
  height: 24px;
  left: 34.5px;
  top: 136.49px;
}
.circle #warped .w5 {
  transform: rotate(4.88rad);
  width: 22px;
  height: 24px;
  left: 30.83px;
  top: 115.09px;
}
.circle #warped .w6 {
  transform: rotate(5.1rad);
  width: 21px;
  height: 24px;
  left: 38.78px;
  top: 89.72px;
}
.circle #warped .w7 {
  transform: rotate(5.35rad);
  width: 29px;
  height: 24px;
  left: 49.67px;
  top: 63.76px;
}
.circle #warped .w8 {
  transform: rotate(5.61rad);
  width: 22px;
  height: 24px;
  left: 74.41px;
  top: 41.99px;
}
.circle #warped .w9 {
  transform: rotate(5.82rad);
  width: 19px;
  height: 24px;
  left: 97.41px;
  top: 28.37px;
}
.circle #warped .w10 {
  transform: rotate(6.03rad);
  width: 21px;
  height: 24px;
  left: 119.82px;
  top: 19.72px;
}
.circle #warped .w11 {
  transform: rotate(6.2rad);
  width: 11px;
  height: 24px;
  left: 145.52px;
  top: 16.33px;
}
.circle #warped .w12 {
  transform: rotate(6.39rad);
  width: 25px;
  height: 24px;
  left: 161.48px;
  top: 16.81px;
}
.circle #warped .w13 {
  transform: rotate(6.59rad);
  width: 11px;
  height: 24px;
  left: 190.92px;
  top: 21.66px;
}
.circle #warped .w14 {
  transform: rotate(6.77rad);
  width: 23px;
  height: 24px;
  left: 205.16px;
  top: 30.22px;
}
.circle #warped .w15 {
  transform: rotate(6.99rad);
  width: 21px;
  height: 24px;
  left: 228.33px;
  top: 45.52px;
}
.circle #warped .w16 {
  transform: rotate(7.23rad);
  width: 25px;
  height: 24px;
  left: 245.11px;
  top: 66.2px;
}
.circle #warped .w17 {
  transform: rotate(7.47rad);
  width: 22px;
  height: 24px;
  left: 260.29px;
  top: 91.13px;
}
.circle #warped .w18 {
  transform: rotate(7.72rad);
  width: 29px;
  height: 24px;
  left: 264.5px;
  top: 120.56px;
}
.circle #warped .w19 {
  transform: rotate(7.99rad);
  width: 27px;
  height: 24px;
  left: 265.22px;
  top: 153.45px;
}
.circle #warped .w20 {
  transform: rotate(8.19rad);
  width: 11px;
  height: 24px;
  left: 267.38px;
  top: 176.69px;
}
.circle #warped .w21 {
  transform: rotate(8.37rad);
  width: 21px;
  height: 24px;
  left: 253.57px;
  top: 195.72px;
}
.circle #warped .w22 {
  transform: rotate(8.62rad);
  width: 29px;
  height: 24px;
  left: 231.56px;
  top: 219.62px;
}
.circle #warped .w23 {
  transform: rotate(8.83rad);
  width: 11px;
  height: 24px;
  left: 221.41px;
  top: 235.61px;
}
.circle #warped .w24 {
  transform: rotate(9.01rad);
  width: 23px;
  height: 24px;
  left: 196.12px;
  top: 246.14px;
}
.circle #warped .w25 {
  transform: rotate(9.25rad);
  width: 25px;
  height: 24px;
  left: 167.38px;
  top: 254.34px;
}
.circle #warped .w26 {
  transform: rotate(9.49rad);
  width: 23px;
  height: 24px;
  left: 139.48px;
  top: 255.66px;
}
.circle #warped .w27 {
  transform: rotate(9.72rad);
  width: 21px;
  height: 24px;
  left: 114.01px;
  top: 250.63px;
}
.circle #warped .w28 {
  transform: rotate(9.89rad);
  width: 11px;
  height: 24px;
  left: 99.59px;
  top: 242.7px;
}
.circle #warped .w29 {
  transform: rotate(7.84rad);
  width: 19px;
  height: 24px;
  left: 434.48px;
  top: 194.02px;
}
.circle #warped .w30 {
  transform: rotate(7.97rad);
  width: 11px;
  height: 24px;
  left: 437.41px;
  top: 213.97px;
}
.circle #warped .w31 {
  transform: rotate(8.08rad);
  width: 11px;
  height: 24px;
  left: 434.65px;
  top: 229.73px;
}
.circle #warped .w32 {
  transform: rotate(8.27rad);
  width: 36px;
  height: 24px;
  left: 413.15px;
  top: 256.72px;
}
.circle #warped .w33 {
  transform: rotate(8.5rad);
  width: 23px;
  height: 24px;
  left: 402.2px;
  top: 286.39px;
}
.circle #warped .w34 {
  transform: rotate(8.66rad);
  width: 15px;
  height: 24px;
  left: 390.27px;
  top: 304.31px;
}
.circle #warped .w35 {
  transform: rotate(8.82rad);
  width: 23px;
  height: 24px;
  left: 367.68px;
  top: 319.46px;
}
.circle #warped .w36 {
  transform: rotate(8.96rad);
  width: 11px;
  height: 24px;
  left: 354.73px;
  top: 330.58px;
}
.circle #warped .w37 {
  transform: rotate(9.07rad);
  width: 10px;
  height: 24px;
  left: 340.99px;
  top: 336.69px;
}
.circle #warped .w38 {
  transform: rotate(9.18rad);
  width: 15px;
  height: 24px;
  left: 321.76px;
  top: 341.79px;
}
.circle #warped .w39 {
  transform: rotate(9.31rad);
  width: 12px;
  height: 24px;
  left: 305.06px;
  top: 345.02px;
}
.circle #warped .w40 {
  transform: rotate(9.42rad);
  width: 11px;
  height: 24px;
  left: 289.09px;
  top: 345.99px;
}

#reload {
  width: 50px;
  height: 50px;
}

.topHeader {
  width: 100%;
  z-index: 100;
  position: relative;
  background-size: cover;
  height: 105vh;
  background: url(../img/home-header.webp) no-repeat center right #3bb9aa;
  background-size: auto 105vh;
  background-attachment: fixed;
}

.homeHeader {
  width: 100%;
  z-index: 100;
  position: relative;
  height: 100vh;
  background: url(../img/home-header.webp) no-repeat center right #3bb9aa;
  background-size: auto 105vh;
  background-attachment: fixed;
  /*
  &.lettersShow {
  	.headR, .headRMask {
  		background-size: 120% auto;
  		background-position: 50% 100%;
  	}

  	.headA,  .headE {
  		background-position: center bottom;
  		background-size: 120% auto;
  		opacity: 1;
  	}

  	.headBottomMask {
  		margin-bottom: -20vh;
  	}
  }
  */
}
@media (min-width: 992px) {
  .homeHeader {
    height: 150vh;
  }
}
.homeHeader .bottomConnector {
  border-radius: 100% 0 0 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50vh;
  background: #745AAD;
}
.homeHeader .TextCon {
  padding-top: 0;
  padding-bottom: 0;
}
.homeHeader .logo {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 900;
  top: 0;
  height: 100vh;
  display: grid;
  align-items: center;
}
.homeHeader .logo .lottiePlayer {
  margin: 0 auto;
}
.homeHeader .headLetter {
  width: 100%;
  height: 100%;
  position: absolute;
}
.homeHeader .headLetter.headR {
  background: url(../img/head-r.svg) no-repeat;
  z-index: 1;
  background-position: center center;
  background-size: auto 100%;
}
.homeHeader .headerVideoCon {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #011E42;
  background-size: cover;
}
.homeHeader .headerVideoCon .vidCon {
  position: absolute;
  min-width: 100%;
  width: 200vh;
  height: 100%;
  overflow: hidden;
}
.homeHeader .headerVideoCon .vidCon .muse-video-player {
  height: 100% !important;
  width: auto;
  background: transparent !important;
}
.homeHeader .headerVideoCon .vidCon .muse-video-player .loading-background {
  background: green !important;
}
.homeHeader .btn {
  margin-top: 20px;
}

.homeTopText {
  position: absolute;
  width: 100%;
  height: 100vh;
  min-height: 500px;
  top: 0;
  z-index: 200;
  display: grid;
  align-content: center;
}

.homeWorkMore {
  background: #011E42;
}
.homeWorkMore .topSpacer {
  color: #FFFFFF;
  text-align: center;
  padding: 50px 0;
}
@media (min-width: 1200px) {
  .homeWorkMore .topSpacer {
    padding: 0 0 100px 0;
  }
}
.homeWorkMore .topSpacer h3 {
  position: relative;
  color: #FF8FC3;
  left: -30px;
}
.homeWorkMore .topSpacer h3:after {
  content: " ";
  width: 60px;
  height: 80%;
  top: 0;
  background-image: url(../img/arrow-3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  transition: width 0.2s ease-in-out;
}
.homeWorkMore .topSpacer h3:hover:after {
  width: 70px;
}

.homeHandCon {
  background: url(../img/muc-repeat.svg) repeat-y #FF8FC3;
  background-position: center center;
  background-size: 90% auto;
  background-attachment: fixed;
  position: relative;
}
.homeHandCon .homeHand {
  background: url(../img/home-hand.svg) no-repeat #011E42;
  background-size: 200% auto;
  background-position: 50% 0;
  border-radius: 0 0 60vw 40vw;
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .homeHandCon .homeHand {
    background-size: 150% auto;
    padding-bottom: 200px;
    border-radius: 0 0 100% 40%;
  }
}
@media (min-width: 1200px) {
  .homeHandCon .homeHand {
    background-size: 100% auto;
    border-radius: 0 0 100% 40%;
    padding-bottom: 200px;
  }
}
.homeHandCon .paddingSection {
  width: 100%;
  height: 75vw;
}
@media (min-width: 992px) {
  .homeHandCon .paddingSection {
    height: 400px;
  }
}
.homeHandCon .tinCon {
  padding-top: 90px;
  background: #FFFFFF;
  border-radius: 60vw 40vw 0 0;
  position: relative;
}
@media (min-width: 992px) {
  .homeHandCon .tinCon {
    border-radius: 50% 80% 0 0;
  }
}
.homeHandCon .tinCon .tinImgCon {
  display: grid;
  align-content: center;
  text-align: center;
}
.homeHandCon .tinCon .tinImgCon img {
  width: 70%;
  margin: -220px auto 0 auto;
}
.homeHandCon .tinCon .textCon {
  display: grid;
  align-content: end;
  padding-bottom: 50px;
}

.TextCon {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .TextCon {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.workCon {
  width: 100%;
  padding-bottom: 50px;
  color: #FFFFFF;
  z-index: 2;
  position: relative;
}
.workCon.workPage {
  border-radius: 0 0 70vw 30vw;
  padding-top: 100px;
  background-image: url(../img/b4-care-bg.svg);
  background-color: #011E42;
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
.workCon .workPreCon {
  margin-bottom: 50px;
  position: relative;
}
.workCon .workPreCon .workPre {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 30px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
  min-height: 250px;
}
@media (min-width: 768px) {
  .workCon .workPreCon .workPre {
    min-height: 500px;
  }
  .workCon .workPreCon .workPre.halfWorkBlock {
    min-height: 250px;
    max-height: 250px;
  }
}
@media (min-width: 1200px) {
  .workCon .workPreCon .workPre.halfWorkBlock {
    min-height: 300px;
    max-height: 300px;
  }
}
.workCon .workPreCon .workPre .workVideoCon {
  z-index: 2;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  left: 0;
  top: 0;
}
@media (min-width: 1200px) {
  .workCon .workPreCon .workPre .workVideoCon {
    width: 100%;
    left: 0;
  }
}
.workCon .workPreCon .workPreInfo .tagsCon {
  text-align: left;
  padding-top: 20px;
}
@media (min-width: 992px) {
  .workCon .workPreCon .workPreInfo .tagsCon {
    text-align: right;
    padding-top: 0;
  }
}
.workCon .workPreCon:hover .workPre {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .workCon .workPreCon:hover .workPre {
    scale: 101%;
  }
}
.workCon .workPreCon:hover .workPre .workVideoCon {
  scale: 105%;
  opacity: 1;
}

.hpParaBg {
  width: 100%;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .hpParaBg {
    background-size: auto 130%;
  }
}
.hpParaBg .overlap {
  width: 100%;
  height: 450px;
  position: relative;
  margin-top: -450px;
  background: url(../img/g3-c-t.svg) center top no-repeat;
  background-size: cover;
  z-index: 1;
}

.quotes {
  padding-top: 150px;
  padding-bottom: 150px;
  text-align: center;
  position: relative;
  z-index: 2;
  border-radius: 0 0 60% 40%;
}
.quotes .quoteMarks {
  font-family: termina, sans-serif;
  font-weight: 900;
  color: #745AAD;
  margin-bottom: 50px;
  transition: all 0.2s ease-in-out;
}
.quotes .quoteMarks .qMark {
  transition: all 0.2s ease-in-out 0.2s;
  display: inline-block;
  font-size: 7em;
}
.quotes .quoteMarks .testTitle {
  width: 0;
  height: 25px;
  overflow: hidden;
  display: inline-block;
  font-size: 1em;
  opacity: 0;
  transition: width 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out;
  top: -30px;
  position: relative;
}
.quotes:hover .testTitle {
  width: 200px;
  opacity: 1;
  transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out 0.2s;
}
.quotes:hover .qMark {
  transition: all 0.2s ease-in-out;
}
.quotes:hover .qMark:first-child {
  transform: rotate(-15deg);
}
.quotes:hover .qMark:last-child {
  transform: rotate(15deg);
}
.quotes .quote {
  font-family: termina, sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  font-size: 1.5em;
}
.quotes .quote.small {
  font-size: 1.5em;
}
@media (min-width: 992px) {
  .quotes .quote {
    font-size: 2em;
  }
}
.quotes .quoteName {
  margin-top: 30px;
  color: #745AAD;
  font-weight: bold;
  font-size: 1.1em;
}

.slick-dots li button:before {
  background: #CABBED;
}

.slick-dots li button:hover:before {
  border-color: #745AAD;
  background: #745AAD;
}

.slick-dots li.slick-active button:before {
  background: transparent;
  border-color: #745AAD;
}

.slidePrev, .slideNext {
  width: 100%;
  height: 100%;
  background-size: 80% auto;
  opacity: 0.4;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
.slidePrev:hover, .slideNext:hover {
  background-position: center center;
  opacity: 1;
  cursor: pointer;
}

.slidePrev {
  background-image: url(../img/arrow-left.svg);
  background-position: right center;
}

.slideNext {
  background-image: url(../img/arrow-right.svg);
  background-position: left center;
}

.slideCon.imgSlide img {
  width: 100%;
  height: auto;
}

.logoGridCon {
  background: #011E42;
  text-align: center;
  padding: 100px 0;
  position: relative;
  z-index: 2;
}
.logoGridCon img {
  width: 60%;
}
.logoGridCon .TextCon {
  text-align: left;
  padding-bottom: 0;
  padding-top: 150px;
}

.categoryCon {
  background: #FFFFFF;
  padding-bottom: 75px;
  position: relative;
  z-index: 2;
  border-radius: 0 0 60vw 40vw;
  padding-top: 200px;
  color: #FFFFFF;
  background-color: #011E42;
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .categoryCon {
    border-radius: 0 0 100% 40%;
  }
}
.categoryCon .insightsHeader {
  padding-bottom: 100px;
}
@media (min-width: 992px) {
  .categoryCon .insightPreCon {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .categoryCon .insightPreCon img {
    width: 15%;
  }
}
@media (min-width: 992px) {
  .categoryCon .insightPreCon:hover img {
    width: 20%;
  }
}

.insightsFilter {
  padding: 0;
  margin: 0;
}
.insightsFilter li {
  display: inline-block;
  font-family: termina, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
  margin-right: 15px;
}
.insightsFilter li a {
  background: #F1F1F1;
  border-radius: 50px;
  color: #011E42;
  padding: 5px 25px;
}
.insightsFilter li a.active, .insightsFilter li a:hover {
  color: #FFFFFF;
}
.insightsFilter li a.all.active, .insightsFilter li a.all:hover {
  background: #011E42;
}
.insightsFilter li a.blog.active, .insightsFilter li a.blog:hover {
  background: #FF8FC3;
}
.insightsFilter li a.video.active, .insightsFilter li a.video:hover {
  background: #03B897;
}
.insightsFilter li a.resources.active, .insightsFilter li a.resources:hover {
  background: #8167BA;
}
.insightsFilter li:first-of-type {
  padding: 5px 0;
  background: none;
  text-transform: none;
}

.postContentRow {
  padding-top: 50px;
  padding-bottom: 50px;
}

.blogPreImgCon {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  margin-top: 25px;
  margin-bottom: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-size 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  color: #FFFFFF;
  padding: 30px;
  position: relative;
  font-size: 14px;
}
@media (min-width: 992px) {
  .blogPreImgCon {
    height: 300px;
  }
}
.blogPreImgCon:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.blogPreImgCon:hover img {
  width: 60%;
  margin-top: 0;
}

.blogPreTextCon {
  padding: 0 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.blogPreTextCon h2 {
  font-size: 1.25em;
  text-transform: none;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .blogPreTextCon h2 {
    font-size: 2em;
  }
}
.blogPreTextCon .ctaCon h3 {
  font-size: 1em;
  color: #011E42;
}
.blogPreTextCon .ctaCon :after {
  width: 35px;
}
.blogPreTextCon h4.blog {
  color: #FF8FC3;
}
.blogPreTextCon h4.video {
  color: #03B897;
}
.blogPreTextCon h4.resources {
  color: #8167BA;
}

.blogPreCon {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  margin-top: 25px;
  margin-bottom: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-size 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  color: #FFFFFF;
  padding: 30px;
  position: relative;
  font-size: 14px;
}
.blogPreCon h3 {
  font-size: 1.5em;
}
@media (min-width: 1200px) {
  .blogPreCon h3 {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .blogPreCon {
    height: 300px;
  }
}
.blogPreCon:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.blogPreCon:hover img {
  width: 60%;
  margin-top: 0;
}

.servicesHead {
  background-image: url(../img/make-bg.svg);
  background-color: #FF8FC3;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 75px;
  position: relative;
  z-index: 10;
  border-radius: 0 0 50% 50%;
  color: #FFFFFF;
  padding-top: 200px;
  padding-bottom: 200px;
  min-height: 70vh;
  display: grid;
  align-content: center;
}
@media (min-width: 992px) {
  .servicesHead {
    border-radius: 0 0 60% 50%;
  }
}

.servicesBody {
  background: #011E42;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}
.servicesBody:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100vh;
  background: #011E42;
  z-index: 1;
  top: -100vh;
}
.servicesBody .servicesRow {
  padding-bottom: 150px;
  padding-top: 150px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.servicesBody .servicesRow:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.servicesBody .servicesRow .accordion h3 {
  padding-top: 30px;
  outline: none;
  position: relative;
}
.servicesBody .servicesRow .accordion h3:hover {
  cursor: pointer;
}
.servicesBody .servicesRow .accordion h3:after {
  content: " ";
  position: absolute;
  right: 0;
  width: 20px;
  height: 33px;
  background-image: url(../img/w1-plus.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.2s ease-in-out;
}
.servicesBody .servicesRow .accordion h3.ui-state-active:after {
  transform: rotate(45deg);
}
.servicesBody .servicesRow .accordion p {
  padding-top: 20px;
  font-size: 20px;
  line-height: 33px;
}

.endCurve {
  width: 100%;
  height: 300px;
  background: #011E42;
  border-radius: 0 0 100% 0;
  position: relative;
  z-index: 2;
}

.agencyCon {
  position: relative;
  z-index: 10;
  min-height: 200vh;
  width: 100%;
}
.agencyCon .videoBg {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
}
.agencyCon .agencyVidOverlay {
  width: 100%;
  height: 100%;
  background: rgba(1, 30, 66, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
}
.agencyCon .gradTransition {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 25vh;
  background: rgb(1, 30, 66);
  background: linear-gradient(180deg, rgba(1, 30, 66, 0) 0%, rgb(1, 30, 66) 100%);
}

.aboutHead {
  background-image: url(../img/green-us-bg.svg);
  background-color: #FF8FC3;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 75px;
  position: relative;
  z-index: 10;
  border-radius: 0 0 50% 50%;
  color: #FFFFFF;
  padding-top: 200px;
  padding-bottom: 200px;
  min-height: 70vh;
  display: grid;
  align-content: center;
}
@media (min-width: 992px) {
  .aboutHead {
    border-radius: 0 0 60% 50%;
  }
}

.aboutBody {
  background: #011E42;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}
.aboutBody:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100vh;
  background: #011E42;
  z-index: 1;
  top: -100vh;
}
.aboutBody .aboutRow {
  padding-top: 150px;
}
.aboutBody .aboutRow h3 {
  margin-bottom: 30px;
}

.careWordsCon {
  padding-top: 150px;
  position: relative;
  z-index: 1;
}
.careWordsCon .careWords {
  font-family: termina, sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 3em;
  line-height: 1.1em;
  text-transform: uppercase;
  text-align: justify;
}
.careWordsCon .careWords span {
  opacity: 0.2;
  padding: 20px;
  position: relative;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}
.careWordsCon .careWords span:first-child {
  padding-left: 0;
}
.careWordsCon .careWords span:hover {
  opacity: 1;
  color: #FFFFFF;
}

.workPageCon {
  width: 100%;
  background-image: url(../img/g3-care-bg.svg);
  background-color: #ffffff;
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 70vw 30vw;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
}

.workFull img, .workHalf img {
  border-radius: 10px;
}

.workFull {
  margin-top: 100px;
  margin-bottom: 100px;
}

.workHalf .col-lg-6 {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (min-width: 1200px) {
  .workHalf .col-lg-6:first-child {
    padding-right: 50px;
  }
}
@media (min-width: 1200px) {
  .workHalf .col-lg-6:last-child {
    padding-left: 50px;
  }
}

.blogHead {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 200px 0;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.blogBody {
  padding-top: 80px;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
  background: #FFFFFF;
}
.blogBody h1 {
  margin-bottom: 50px;
}
.blogBody h2 {
  font-weight: normal;
  font-size: 2em;
  color: #745AAD;
}
.blogBody h3 {
  margin-top: 70px;
  margin-bottom: 20px;
  line-height: 1.5em;
  color: #745AAD;
  font-size: 1.2em;
  font-weight: normal;
}
.blogBody .blogContent {
  font-size: 1.2em;
  line-height: 1.5em;
}
.blogBody .blogContent .blogIntro {
  font-size: 30px;
  padding-bottom: 30px;
  line-height: 1.5em;
}
.blogBody .blogContent .blogExcerpt {
  font-size: 1.3em;
  padding-bottom: 30px;
  line-height: 1.5em;
}
.blogBody .blogContent .blogTakeouts {
  font-size: 1.3em;
  padding-bottom: 30px;
}
.blogBody .blogContent .blogTakeouts li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.blogBody .blogContent img {
  height: auto;
}
.blogBody .blogContent .gatedContent {
  display: none;
}
.blogBody .blogContent p {
  margin-bottom: 30px;
}
.blogBody .blogContent a {
  color: #F4623D;
  text-decoration: underline;
}
.blogBody .blogContent figcaption {
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 50px;
}
.blogBody .blogContent .wp-block-pullquote {
  padding: 30px;
  color: #745AAD;
}
.blogBody .blogContent .wp-block-pullquote.is-style-default {
  width: 100%;
}
@media (min-width: 1200px) {
  .blogBody .blogContent .wp-block-pullquote.is-style-default {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .blogBody .blogContent .wp-block-pullquote.is-style-default.right {
    float: right;
    text-align: right;
  }
}
.blogBody .blogContent .questionPull {
  background: #F1F1F1;
  padding: 30px;
  margin-bottom: 30px;
  width: 50%;
  border-radius: 10px;
}
@media (min-width: 1200px) {
  .blogBody .blogContent .questionPull.left {
    margin-right: 30px;
    float: left;
  }
}
@media (min-width: 1200px) {
  .blogBody .blogContent .questionPull.right {
    margin-left: 30px;
    float: right;
  }
}
.blogBody .blogContent .half img {
  width: 40%;
  height: auto;
}
.blogBody .blogContent ul {
  margin-bottom: 30px;
}
.blogBody .blogContent ul li {
  margin-bottom: 10px;
}
.blogBody .shareBtnsCon {
  margin-top: 60px;
}
.blogBody .authCon {
  margin-top: 60px;
  background: #F1F1F1;
  padding: 40px 30px;
}
.blogBody .authCon .authPic {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .blogBody .authCon .authPic {
    margin-bottom: 0;
  }
}
.blogBody .authCon .authPic img {
  width: 100%;
  height: auto;
}
.blogBody .authCon .connectLinks h7 {
  margin-bottom: 10px;
  display: block;
}
.blogBody .authCon .connectLinks a {
  padding: 0 15px;
  border-right: 1px solid #BBEDD8;
}
.blogBody .authCon .connectLinks a:first-child {
  padding-left: 0;
}
.blogBody .authCon .connectLinks a:last-child {
  border: none;
}

.blogSidebarCta {
  position: sticky;
  top: 150px;
  border: 2px solid #F1F1F1;
  padding: 50px;
  border-radius: 10px;
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .blogSidebarCta {
    margin-top: 0;
  }
}
.blogSidebarCta h3 {
  margin-top: 0;
  color: #011E42;
  font-weight: normal;
  margin-bottom: 10px;
}
.blogSidebarCta h4 {
  position: relative;
  width: 100%;
  color: #F4623D;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 1.5rem;
}
.blogSidebarCta h4:after {
  content: " ";
  width: 60px;
  height: 80%;
  top: 0;
  background-image: url(../img/arrow-4-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  transition: width 0.2s ease-in-out;
}
.blogSidebarCta h4:hover:after {
  width: 70px;
}

.gatedCta {
  display: none;
}

.gateForm {
  background: #011E42;
  padding: 50px 30px 30px 30px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  position: sticky;
  top: 100px;
}
.gateForm .wpcf7-response-output {
  color: #FFFFFF;
}
.gateForm .padlock {
  width: 30px;
  margin: 0 auto 30px auto;
}
.gateForm .padlock img {
  width: 100%;
}
.gateForm .btn {
  margin: 0;
  font-weight: bold;
}
.gateForm h6, .gateForm p {
  text-align: center;
  color: #FFFFFF;
}
.gateForm p {
  margin-bottom: 40px;
}

.blogContinuedReading {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  padding-bottom: 100px;
  padding-top: 100px;
  border-radius: 0 0 100vw 100vw;
}

.singlePageCon {
  position: relative;
  z-index: 2;
  padding-top: 200px;
  padding-bottom: 200px;
  background: #FFFFFF;
  background-image: url(../img/g3-care-bg.svg);
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
.singlePageCon h1:first-child {
  margin-bottom: 50px;
}

.insightsCon {
  background: #FFFFFF;
  padding-bottom: 75px;
  position: relative;
  z-index: 2;
  border-radius: 0 0 60vw 40vw;
}
@media (min-width: 992px) {
  .insightsCon {
    border-radius: 0 0 100% 40%;
  }
}
.insightsCon .topSpacer {
  color: #FFFFFF;
  text-align: center;
  padding: 50px 0;
}
@media (min-width: 1200px) {
  .insightsCon .topSpacer {
    padding: 75px 0;
  }
}
.insightsCon .topSpacer h3 {
  position: relative;
  color: #F4623D;
  left: -30px;
}
.insightsCon .topSpacer h3:after {
  content: " ";
  width: 60px;
  height: 80%;
  top: 0;
  background-image: url(../img/arrow-4-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  transition: width 0.2s ease-in-out;
}
.insightsCon .topSpacer h3:hover:after {
  width: 70px;
}

.whatWeDoHead {
  background-image: url(../img/make-bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 75px;
  position: relative;
  z-index: 10;
  border-radius: 0 0 50% 50%;
  color: #FFFFFF;
  padding-top: 200px;
  padding-bottom: 200px;
  min-height: 70vh;
  display: grid;
  align-content: center;
}
@media (min-width: 992px) {
  .whatWeDoHead {
    border-radius: 0 0 60% 50%;
  }
}

.whatWeDoBody {
  background: #FFFFFF;
  color: #011E42;
  position: relative;
  z-index: 2;
}
.whatWeDoBody:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100vh;
  background: #FFFFFF;
  z-index: 1;
  top: -100vh;
}

.servicesPageCon {
  background: #FF8FC3;
  background-position: center center;
  background-size: 90% auto;
  background-attachment: fixed;
  position: relative;
  z-index: 10;
}
.servicesPageCon .headPaddingSection {
  width: 100%;
  height: 10vw;
  min-height: 150px;
}
.servicesPageCon .plainBodyCon .textCon {
  display: grid;
  align-content: end;
  padding-bottom: 50px;
}

.serviceOverview {
  padding-top: 40px;
  padding-bottom: 150px;
}
.serviceOverview .largerTxt {
  font-size: 25px;
  line-height: 35px;
}

.serviceRow {
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.plainPageCon {
  background: url(../img/muc-repeat.svg) repeat-y #FF8FC3;
  background-position: center center;
  background-size: 90% auto;
  background-attachment: fixed;
  position: relative;
  z-index: 10;
}
.plainPageCon .headPaddingSection {
  width: 100%;
  height: 10vw;
  min-height: 150px;
}
.plainPageCon .plainBodyTopCurve {
  padding-top: 90px;
  background: #FFFFFF;
  border-radius: 60vw 40vw 0 0;
  position: relative;
  display: flex;
}
@media (min-width: 992px) {
  .plainPageCon .plainBodyTopCurve {
    border-radius: 50% 80% 0 0;
  }
}
.plainPageCon .plainBodyCon {
  background: #FFFFFF;
}
.plainPageCon .plainBodyCon .textCon {
  display: grid;
  align-content: end;
  padding-bottom: 50px;
}

.solidPageCon {
  position: relative;
  z-index: 10;
  padding-top: 150px;
}

.plainBodyBottomCurve {
  padding-top: 100px;
  background: #FFFFFF;
  border-radius: 0 0 60vw 40vw;
  position: relative;
  display: flex;
  z-index: 10;
}
@media (min-width: 992px) {
  .plainBodyBottomCurve {
    border-radius: 0 0 50% 80%;
  }
}

.overlayVideoCon {
  position: relative;
  z-index: 15;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}

.fwCta {
  width: 100%;
  background: url(../img/cta_hand.svg) no-repeat center top #8167BA;
  background-size: auto 150%;
  padding: 150px 10vw;
  border-radius: 20px;
  margin-top: 100px;
  color: #FFFFFF;
  position: relative;
  z-index: 15;
}
.fwCta.slim {
  padding: 75px 10vw;
  margin-top: 200px;
  margin-bottom: 200px;
}
.fwCta .arrow {
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-grid;
  display: grid;
  align-items: center;
}
.fwCta .arrow h3 {
  position: relative;
}
.fwCta .arrow h3:after {
  content: " ";
  width: 60px;
  height: 80%;
  top: 0;
  background-image: url(../img/arrow-4-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  transition: width 0.2s ease-in-out;
}
.fwCta:hover {
  cursor: pointer;
}
.fwCta:hover .arrow h3:after {
  width: 70px;
}

.careStatment {
  padding-top: 200px;
  color: #FFFFFF;
  position: relative;
}
.careStatment h3 {
  font-size: 5vw;
}
.careStatment .bgColor {
  background-color: #011E42;
  padding-bottom: 50px;
  margin-top: 200px;
}
.careStatment span.pink {
  color: #FF8FC3;
}
.careStatment span.purple {
  color: #8167BA;
}
.careStatment .container {
  z-index: 10;
  position: relative;
}
.careStatment .overlap {
  width: 100%;
  height: 450px;
  position: absolute;
  background: url(../img/g3-c-t.svg) center top no-repeat;
  background-size: cover;
  z-index: 1;
}
.careStatment .overlap.top {
  top: 0;
}
.careStatment .overlap.bottom {
  bottom: 0;
  transform: rotate(180deg);
}

.servicesSection {
  padding-top: 200px;
  padding-bottom: 100px;
}
.servicesSection .serviceBlockRow {
  margin-top: 50px;
}
.servicesSection .serviceBlockRow:hover .serviceBlock {
  opacity: 0.3;
  filter: blur(5px);
}
.servicesSection .serviceBlockRow .serviceBlock {
  border: 1px solid #CABBED;
  border-radius: 10px;
  padding: 40px;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 1200px) {
  .servicesSection .serviceBlockRow .serviceBlock {
    margin-bottom: 0;
  }
}
.servicesSection .serviceBlockRow .serviceBlock:hover {
  opacity: 1;
  filter: blur(0);
}

.fromtoSection {
  padding-top: 440px;
  padding-bottom: 440px;
  margin-top: -400px;
  margin-bottom: -400px;
  position: relative;
  background: url(../img/g3-trans-care-bg.svg) center center no-repeat #F4623D;
  background-size: auto 200%;
  background-attachment: fixed;
}
.fromtoSection .container {
  z-index: 10;
  position: relative;
}
.fromtoSection .overlap {
  width: 100%;
  height: 450px;
  position: absolute;
  margin-top: -450px;
  background: url(../img/white-crop.svg) center top no-repeat;
  background-size: cover;
  z-index: 1;
}
.fromtoSection .overlap.top {
  top: 0;
}
.fromtoSection .overlap.bottom {
  bottom: 0;
  transform: rotate(180deg);
}
.fromtoSection h3 {
  font-size: 2em;
}
.fromtoSection .pincipleCon {
  text-align: center;
  padding-bottom: 150px;
  color: #FFFFFF;
}
.fromtoSection .pincipleCon .row {
  padding-top: 50px;
  padding-bottom: 50px;
}
.fromtoSection .pincipleCon .row h4 {
  font-size: 14px;
  color: #011E42;
}
.fromtoSection .pincipleCon .row p {
  font-size: 1.75em;
  line-height: 1.5em;
  font-family: termina, sans-serif;
  font-weight: 400;
}

.serviceBg {
  background: white;
  position: relative;
  z-index: 2;
  display: grid;
}
.serviceBg .overlap {
  width: 100%;
  height: 450px;
  position: absolute;
  background: url(../img/g3-c-t.svg) center top no-repeat;
  background-size: cover;
  z-index: 1;
  transform: rotate(180deg);
}

.servicesPageLogos {
  background: none;
  padding: 0;
}
.servicesPageLogos img {
  width: 80%;
}

.servicesPageWork {
  color: #011E42;
}
.servicesPageWork .servicesPageWorkTitle {
  margin-bottom: 50px;
}
.servicesPageWork .workPre {
  min-height: 200px !important;
}

.principleCon {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  color: #FFFFFF;
  background: url(../img/p2-care-bg.svg) center top no-repeat #745AAD;
  background-size: cover;
  background-attachment: fixed;
}
.principleCon.careBrand {
  text-align: left;
}
.principleCon .topSectionCon {
  position: relative;
  z-index: 3;
}
.principleCon .topSectionCon h1 {
  font-size: 1em;
}
.principleCon .pricipleVideo {
  width: 150vw;
  left: -25vw;
  top: 0;
  position: absolute;
  z-index: 1;
}
.principleCon .pricipleVideo .overlay {
  width: 100%;
  height: 100%;
  background: rgba(1, 30, 66, 0.75);
  position: absolute;
  z-index: 2;
  top: 0;
}

.contentGate {
  padding-top: 440px;
  padding-bottom: 150px;
  position: relative;
  background: url(../img/footerBg.svg) #8167BA no-repeat center top;
  background-size: 150% auto;
  background-attachment: fixed;
}
.contentGate .container {
  z-index: 10;
  position: relative;
}
.contentGate .overlap {
  width: 100%;
  height: 450px;
  position: absolute;
  background: url(../img/white-crop.svg) center top no-repeat;
  background-size: cover;
  z-index: 1;
}
.contentGate .overlap.top {
  top: 0;
  transform: rotate(0deg);
}
.contentGate .overlap.bottom {
  bottom: 0;
  transform: rotate(180deg);
}
.contentGate .gatedContentPreview {
  display: flex;
  vertical-align: middle;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.contentGate .gatedFormCon {
  background: #FFFFFF;
  padding: 60px;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(1, 30, 66, 0.3);
}

.megaTextCon {
  text-transform: uppercase;
  position: relative;
  padding-top: 100px;
  z-index: 20;
}
.megaTextCon.fwMegaText {
  width: 100vw;
  overflow: hidden;
  padding-top: 150px;
}
.megaTextCon.fwMegaText h3 {
  margin-left: -1vw;
}
.megaTextCon .mtConections, .megaTextCon .mtCommodities {
  font-size: 10.3vw;
  line-height: 80%;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #011E42;
  color: white;
}
.megaTextCon .mtConections span {
  color: #FF8FC3;
  -webkit-text-stroke-width: 0;
}
.megaTextCon .mtCommodities span {
  color: #03B897;
  -webkit-text-stroke-width: 0;
}
.megaTextCon .mtFeelSomething {
  padding-top: 40px;
  font-size: 12.6vw;
  line-height: 80%;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFFFFF;
  color: transparent;
}
.megaTextCon .mtFeelSomething span {
  color: #011E42;
  -webkit-text-stroke-width: 0;
}
.megaTextCon .mtCareStats {
  font-size: 8vw;
  line-height: 80%;
}

/*
.parallaxTest {
  perspective: 1px;
  height: 100vh;
  width: 100vw;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  color: $w1;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 100vh 0;
}
.parallax__layer--base {
  transform: translateZ(0);
  position: relative;
  padding: 0;
}
.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
  background: url(../img/hp-care-bg.svg) center top no-repeat;
  height: 100%;
  padding-bottom: 1000vh;
  padding-top: 0;
}

.parallax__group {
  position: relative;
  height: 100vh;
  transform-style: preserve-3d;
}
*/
.workHeader {
  padding-top: 100px;
}
.workHeader .subTitle {
  font-size: 20px;
  line-height: 1.6em;
}
.workHeader .topSubtitle {
  font-size: 30px;
  line-height: 1.6em;
}
.workHeader .workTypes {
  margin-top: 30px;
}

.workVideoHeader {
  width: 100%;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.ahGalCon {
  margin-bottom: -250px;
  margin-top: 250px;
}

.storiesGal img {
  width: 100%;
}
.storiesGal .slick-list.draggable {
  height: auto !important;
}
.storiesGal .slick-slide {
  padding: 10px;
  height: auto !important;
  outline: none;
}
.workSplitSection {
  padding-top: 0;
  padding-bottom: 0;
}
.workSplitSection .copyLockup {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .workSplitSection .copyLockup {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media (min-width: 992px) {
  .workSplitSection .copyLockup.ahBreathe {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}
.workSplitSection .workImg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.workSplitSection .containImg {
  background-size: contain;
}

.splitVid {
  padding-top: 100px;
}

.copyImage {
  text-align: center;
  padding: 50px 0;
}

.workImg img {
  width: 100%;
  height: auto;
}

.fwImage {
  padding: 0;
}
.fwImage img {
  width: 100%;
  height: auto;
}

.workFixedImg {
  background-attachment: fixed;
  background-position: center center;
}

.workTop {
  padding-top: 200px !important;
}
.workTop.ahTop {
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
.workTop.nbTop {
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 300px;
  padding-top: 60px !important;
}

.workSection {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .workSection {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.workSection.ahBlackBg {
  background: #000;
  color: #fff;
  padding-top: 350px;
}
.workSection.nbRedSection {
  background: #FF737F;
  color: #fff;
  padding-top: 300px;
}
.workSection.goodAirDay {
  background: #FFC3B4;
  padding-top: 270px;
  padding-bottom: 200px;
}
@media (min-width: 992px) {
  .workSection.goodAirDay {
    padding-top: 400px;
    padding-bottom: 200px;
  }
}
.workSection.goodAirDay .copyImage img {
  width: 90%;
  height: auto;
}
@media (min-width: 992px) {
  .workSection.goodAirDay .copyImage img {
    width: 35%;
  }
}
.workSection.ahVideoOverlap {
  height: calc(100% - 150px);
}
.workSection h2 span {
  font-weight: 200;
  display: inline;
}
.workSection .quoteLockup {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .workSection .quoteLockup {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.workSection .quoteLockup .ahQuoteImage {
  text-align: center;
  padding-bottom: 50px;
}
.workSection .quoteLockup .marks {
  font-size: 100px;
  font-family: termina, sans-serif;
  font-weight: bold;
  position: absolute;
  left: -20px;
  color: #f1f1f1;
  z-index: -1;
}
.workSection .quoteLockup .quote {
  font-size: 40px;
  font-family: termina, sans-serif;
  font-weight: 200;
  line-height: 1.1em;
}
.workSection .quoteLockup .quoteName {
  margin-top: 30px;
}

.ahGuys {
  min-height: 400px;
  background-position: center top;
  background-size: auto 100%;
}

.workCta {
  width: 100%;
  padding-top: 100px;
  background: url(../img/coulourful-face.svg) no-repeat right center;
  background-size: auto 200%;
  background-color: #211F21;
  color: #FFFFFF;
}
.workCta p {
  font-size: 24px;
  line-height: 1.5em;
}
.workCta .btnCon {
  width: 100%;
  display: inline-block;
}
.workCta .btnCon .btn {
  padding-left: 100px;
  padding-right: 100px;
  display: block;
}
.workCta .workContact {
  margin-top: 35px;
  margin-top: 15px;
}

.workConBg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
}
@media (min-width: 992px) {
  .workConBg {
    min-height: auto;
  }
}

.soldoStat {
  text-align: center;
}
.soldoStat h2 {
  color: #f46133;
  margin-bottom: 10px;
}

.nbBgYellow {
  background: #F9BA57;
}

.nbBgGreen {
  background: url("../img/work/nbGreenBg.png") #00CC92;
  background-size: 40% auto;
  background-position: top right;
  background-repeat: no-repeat;
  padding-bottom: 0 !important;
  padding-top: 0;
  color: #FFFFFF;
}

.nbWorkGrid {
  padding-top: 15px;
  padding-bottom: 15px;
}

.footerCon {
  background: url(../img/footerBg.svg) #8167BA no-repeat center top;
  background-size: 150% auto;
  background-attachment: fixed;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: grid;
  align-content: center;
  color: #FFFFFF;
  height: 100vh;
  z-index: 0;
  position: relative;
}
.footerCon:before {
  content: " ";
  width: 100%;
  height: 200vh;
  position: absolute;
  top: -200vh;
  background: url(../img/footerBg.svg) #8167BA no-repeat center top;
  background-size: 150% auto;
  background-attachment: fixed;
}
.footerCon.contactPage {
  padding-top: 200px;
  height: auto;
}
.footerCon.contactPage h1 {
  margin-bottom: 100px;
}
.footerCon.contactPage .footerCta {
  padding-top: 0;
  align-content: flex-start;
}
.footerCon.contactPage .footerCta .btn {
  width: 100%;
}
.footerCon .footerCta {
  display: grid;
  align-content: center;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .footerCon .footerCta {
    padding-bottom: 80px;
  }
}
.footerCon h2 {
  position: relative;
  margin-bottom: 40px;
  /*&:after {
     content: ' ';
  width: 60px;
  height: 50%;
  top: 5px;
  background-image: url(../img/arrow-1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  transition: width 0.2s ease-in-out;

  @include breakpoint(md){
  	width: 130px;
  	height: 80%;
  	top: 0;
  }
    }*/
}
.footerCon h2:hover:after {
  width: 150px;
}
.footerCon .footerContact {
  margin-bottom: 50px;
}
.footerCon .footerContact h3 {
  padding-bottom: 30px;
}
.footerCon .footerConnect {
  margin-bottom: 50px;
}
.footerCon .footerConnect img {
  width: 40px;
  height: auto;
  margin-right: 30px;
  margin-bottom: 30px;
}
.footerCon .clutchReview {
  margin-bottom: 30px;
}/*# sourceMappingURL=master.css.map */