@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600;700&display=swap); /*animations*/
/******************
* Bounce in right *
*******************/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slowest {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Added by Andy Meetan */
.delay-250 {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.delay-350 {
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

.delay-450 {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  animation-delay: 0.45s;
}

.delay-500 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-650 {
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

.delay-750 {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.delay-800 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.delay-950 {
  -webkit-animation-delay: 0.95s;
  -moz-animation-delay: 0.95s;
  -o-animation-delay: 0.95s;
  animation-delay: 0.95s;
}

.delay-1000 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.delay-1250 {
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.delay-1500 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.delay-1750 {
  -webkit-animation-delay: 1.75s;
  -moz-animation-delay: 1.75s;
  -o-animation-delay: 1.75s;
  animation-delay: 1.75s;
}

.delay-2000 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

.delay-2250 {
  -webkit-animation-delay: 2.25s;
  -moz-animation-delay: 2.25s;
  -o-animation-delay: 2.25s;
  animation-delay: 2.25s;
}

.delay-2500 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.delay-2750 {
  -webkit-animation-delay: 2.75s;
  -moz-animation-delay: 2.75s;
  -o-animation-delay: 2.75s;
  animation-delay: 2.75s;
}

.delay-3000 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}

.delay-3250 {
  -webkit-animation-delay: 3.25s;
  -moz-animation-delay: 3.25s;
  -o-animation-delay: 3.25s;
  animation-delay: 3.25s;
}

.delay-3500 {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.delay-3750 {
  -webkit-animation-delay: 3.75s;
  -moz-animation-delay: 3.75s;
  -o-animation-delay: 3.75s;
  animation-delay: 3.75s;
}

.delay-4000 {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}

.delay-4250 {
  -webkit-animation-delay: 4.25s;
  -moz-animation-delay: 4.25s;
  -o-animation-delay: 4.25s;
  animation-delay: 4.25s;
}

.delay-4500 {
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
  opacity: 0;
}

.lightSpeedInRight, .lightSpeedInLeft {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn.go {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

/****************
* bounceInRight *
****************/
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
  }
  60% {
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(400px);
  }
  60% {
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.bounceInRight.go {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

/******************
* Bounce in left *
*******************/
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px);
  }
  60% {
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px);
  }
  60% {
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.bounceInLeft.go {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

/******************
* Bounce in up *
*******************/
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(400px);
  }
  60% {
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(400px);
  }
  60% {
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bounceInUp.go {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/******************
* Bounce in down *
*******************/
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
  }
  60% {
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-400px);
  }
  60% {
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bounceInDown.go {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.fadeIn {
  opacity: 0;
}

.fadeIn.go {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/**********
* Grow in *
***********/
@-webkit-keyframes growIn {
  0% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes growIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.growIn {
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  opacity: 0;
}

.growIn.go {
  -webkit-animation-name: growIn;
  animation-name: growIn;
}

/**********
* Grow in Short *
***********/
@-webkit-keyframes growInShort {
  0% {
    -webkit-transform: scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes growInShort {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.growInShort {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

.growInShort.go {
  -webkit-animation-name: growInShort;
  animation-name: growInShort;
}

/********
* Shake *
********/
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake.go {
  -webkit-animation-name: shake;
  animation-name: shake;
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(10px);
  }
}
@keyframes shakeUp {
  0%, 100% {
    transform: translateY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateY(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateY(10px);
  }
}
.shakeUp.go {
  -webkit-animation-name: shakeUp;
  animation-name: shakeUp;
}

/*************
* FadeInLeft *
*************/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
}

.fadeInLeft.go {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*************
* FadeInRight *
*************/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.fadeInRight.go {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*************
* FadeInUp *
*************/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(400px);
  transform: translateY(400px);
}

.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*************
* FadeInDown *
*************/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  opacity: 0;
  -webkit-transform: translateY(-400px);
  transform: translateY(-400px);
}

.fadeInDown.go {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn.go {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

/*****************
* rotateInUpLeft *
*****************/
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft.go {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft.go {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

/******************
* rotateInUpRight *
*******************/
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight.go {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

/********************
* rotateInDownRight *
********************/
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight.go {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

/*********
* rollIn *
**********/
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn.go {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/*********
* wiggle *
**********/
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle.go {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/********
* swing *
*********/
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing.go {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

/*******
* tada *
********/
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada.go {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/*********
* wobble *
**********/
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble.go {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

/********
* pulse *
*********/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse.go {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedInRight {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedInRight.go {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translateX(-100%) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(20%) skewX(-30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedInLeft {
  0% {
    transform: translateX(-100%) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(20%) skewX(-30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedInLeft.go {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/*******
* Flip *
*******/
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip.go {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX.go {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

/**********
* flipInY *
**********/
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY.go {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

/*****************
* Out animations *
*****************/
/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut.goAway {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp.goAway {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown.goAway {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft.goAway {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight.goAway {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut.goAway {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUp.goAway {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDown.goAway {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeft.goAway {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRight.goAway {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX.goAway {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOutRight.goAway {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOutLeft.goAway {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut.goAway {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft.goAway {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

/************
* rotateOutDownLeft *
*************/
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft.goAway {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

/************
* rotateOutUpRight *
*************/
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight.goAway {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut.goAway {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/*****************
* Short Animations
*******************/
/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpShort {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.fadeInUpShort.go {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownShort {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

.fadeInDownShort.go {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort;
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightShort {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.fadeInRightShort.go {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort;
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftShort {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}

.fadeInLeftShort.go {
  -webkit-animation-name: fadeInLeftShort;
  animation-name: fadeInLeftShort;
}

:root {
  --patient-primary: #941B7F;
  --hcp-primary: #042D42;
  --theme-primary: #1999D6;
  --theme-accent: #F5A800;
  --theme-bg: #F5FBFE;
  --footer-gray-bg: #F2F2F2;
  --theme-border: #C1E9F8;
  --purple-gradient-start: #A20083;
  --purple-gradient-end: #550645;
  --blue-gradient-start: var(--hcp-primary);
  --blue-gradient-end: #032735;
  --headline-text: "Comfortaa", sans-serif;
  --body-text: "Gotham A", "Gotham B", sans-serif;
}

html {
  scroll-behavior: smooth;
}

html, body {
  margin: 0;
  font-family: var(--body-text);
}

sub, sup {
  line-height: 1;
  font-weight: 400;
  font-size: 12px;
}

h1 span, h2 span, h3 span {
  font-weight: 400;
}
h1 sup, h2 sup, h3 sup {
  font-size: 60%;
}

body.menu-open {
  overflow-y: hidden;
}
body.menu-open .page-wrapper {
  filter: blur(3px) grayscale(80%);
  z-index: -1;
  position: relative;
}

body.overlay-open,
html.remodal-is-locked {
  overflow-y: hidden;
}
body.overlay-open .blur-target,
html.remodal-is-locked .blur-target {
  filter: blur(3px) grayscale(80%);
  z-index: -1;
  position: relative;
}

.page-wrapper {
  transition: filter 150ms ease-in-out;
}

.screen-reader-text:focus {
  background-color: var(--theme-accent);
  color: var(--hcp-primary);
}

.cookies {
  position: fixed;
  top: 160px;
  left: 0;
  background: var(--theme-bg);
  width: 100vw;
  padding: 30px 0;
  box-shadow: 0 2px 10px 0 hsla(0, 0%, 45%, 0.33);
  text-align: center;
  z-index: 1;
}
.cookies h2 {
  font-family: var(--headline-text);
  color: var(--theme-primary);
}
.cookies p {
  font-family: var(--body-text);
  font-size: 16px;
}
.cookies p a {
  font-weight: 500;
  color: var(--patient-primary);
  display: inline-block;
}
.cookies .cookie-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 90px 0 60px;
}
.cookies .icon-cookie {
  width: 80px;
}
.cookies .text-wrapper {
  text-align: left;
}
.cookies .close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 33px;
  width: 33px;
  height: 32px;
  background-color: var(--theme-primary);
  border-radius: 16px;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
  position: relative;
}
.cookies .close-btn span {
  display: block;
  position: absolute;
  height: 4px;
  width: 19px;
  background: #FFFFFF;
  border-radius: 9px;
  left: 7px;
  top: 14px;
}
.cookies .close-btn span:first-of-type {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cookies .close-btn span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
}
.container.row {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.container.row.reverse {
  flex-direction: row-reverse;
}
.container.space-evenly {
  justify-content: space-evenly;
}
.container.w-940 {
  max-width: 940px !important;
}
.container.w-1040 {
  max-width: 1040px !important;
}
.container.w-1140 {
  max-width: 1140px !important;
}
.container.w-1240 {
  max-width: 1240px !important;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 2;
}
.site-header.scrolled {
  box-shadow: 3px 1px 12px #f1f1f1;
}

.top-banner {
  background-color: var(--patient-primary);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.top-banner a {
  color: #FFFFFF;
  text-decoration: none;
}
.top-banner a:not(:last-of-type) {
  margin-right: 32px;
}

.bottom-banner {
  background: #FFFFFF;
  padding: 8px 0;
}
.bottom-banner .site-logo img {
  max-height: 100px;
  height: 100%;
  width: 100%;
}
.bottom-banner .main-navigation {
  display: flex;
  align-items: center;
}
.bottom-banner .main-navigation a {
  color: #000000;
  text-decoration: none;
  font-size: 17px;
  position: relative;
  font-weight: 700;
  font-family: var(--headline-text);
}
.bottom-banner .main-navigation a:not(:last-of-type) {
  margin-right: 32px;
}
.bottom-banner .main-navigation a:hover, .bottom-banner .main-navigation a:focus {
  color: var(--patient-primary);
}
.bottom-banner .main-navigation a.active {
  color: var(--patient-primary);
}
.bottom-banner .main-navigation a.active::after {
  content: "";
  background-color: var(--patient-primary);
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 3px;
  border-radius: 3px;
}
.bottom-banner .main-navigation .nav-button {
  padding: 12px 24px;
  background-color: var(--theme-accent);
  font-size: 15px;
  font-weight: 500;
  font-family: var(--body-text);
  border-radius: 4px;
}
.bottom-banner .main-navigation .nav-button:hover, .bottom-banner .main-navigation .nav-button:focus {
  color: #000000 !important;
  filter: brightness(115%);
}
.bottom-banner .main-navigation .nav-button:active {
  filter: brightness(95%);
}
.bottom-banner .main-navigation .mobile-only-links, .bottom-banner .main-navigation hr {
  display: none;
}

.nav-icon {
  display: none;
}

.hcp-page .nav-icon span {
  background-color: var(--hcp-primary);
}

.site-footer {
  background-color: var(--footer-gray-bg);
  padding: 30px 0;
  text-align: center;
}
.site-footer p:last-of-type {
  margin-bottom: 0;
}
.site-footer .footer-logo img {
  max-width: 295px;
  margin: 0 auto;
  display: block;
  margin-bottom: 32px;
}
.site-footer .footer-links {
  color: #000000;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.site-footer .footer-links a {
  margin: 0 16px;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
}
.site-footer .footer-links a::after {
  content: url(../images/chevron-right-solid.svg);
  margin-left: 8px;
  width: 12px;
}
.site-footer .social-links {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.site-footer .social-links a {
  text-decoration: none;
  margin: 0 16px;
}
.site-footer .social-links a img {
  width: 100%;
  height: 30px;
}
.site-footer .social-links a span {
  display: none;
}
.site-footer .copyright {
  font-size: 12px;
  font-weight: 400;
  max-width: 753px;
  margin: 0 auto;
}

.isi {
  padding: 60px 0;
}
.isi .sticky-header {
  display: none;
}
.isi h2 {
  text-transform: uppercase;
}
.isi h2.uncap {
  text-transform: none;
}
.isi h2,
.isi h3 {
  font-size: 20px;
  line-height: 24px;
  font-family: var(--headline-text);
  color: var(--hcp-primary);
  margin: 0;
}
.isi h2 + h2 {
  margin-top: 16px;
}
.isi p + p {
  margin-top: 0;
}
.isi p, .isi li {
  font-size: 16px;
  line-height: 24px;
}
.isi p:last-of-type {
  margin-bottom: 0;
}
.isi ul {
  padding-left: 16px;
}
.isi ul li:not(:last-child) {
  margin-bottom: 16px;
}
.isi .isi-toggle {
  display: none;
}
.isi a {
  color: var(--patient-primary);
}

.isi-sticky {
  position: fixed;
  z-index: 10;
  display: block;
  transition: bottom 1s ease 0s;
  overflow-y: visible;
  width: 100%;
  background-color: #FFFFFF;
  padding-bottom: 0px;
  visibility: visible;
}
.isi-sticky .isi {
  padding: 16px 0;
}
.isi-sticky.default, .isi-sticky.expanded, .isi-sticky.scroll {
  box-shadow: 0 -2px 2px 0 hsla(0, 0%, 44.7%, 0.33);
}
.isi-sticky.expanded {
  overflow: visible;
}
.isi-sticky.expanded .isi .scroll-container {
  overflow-y: scroll;
  height: 70vh;
  padding-bottom: 100px;
  padding-right: 0;
}
.isi-sticky .isi .scroll-container {
  padding-right: 15px;
}
.isi-sticky .sticky-header {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  background-color: var(--patient-primary);
  color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: var(--headline-text);
  padding: 4px 8px;
  min-height: 28px;
  margin-top: 0;
}
.isi-sticky .sticky-header .isi-header-text {
  font-size: 16px;
  text-align: center;
}
.isi-sticky .isi-toggle {
  display: flex;
  position: absolute;
  right: 16px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  color: var(--theme-accent);
  font-family: var(--body-text);
  background-color: transparent;
  font-size: 16px;
}
.isi-sticky .isi-toggle::after {
  content: url(../images/chevron-right-solid.svg);
  filter: invert(66%) sepia(38%) saturate(1378%) hue-rotate(1deg) brightness(97%) contrast(104%);
  margin-left: 4px;
  width: 14px;
  height: 14px;
}

.show-patient,
.show-patient-flex,
.show-patient-inline {
  display: none !important;
}

.patient .show-patient-inline {
  display: inline !important;
}

.show-hcp-inline {
  display: inline !important;
}

.references {
  padding-bottom: 60px;
}
.references p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.four-oh-four {
  min-height: calc(60vh - 100px);
  text-align: center;
  font-family: var(--body-text);
  justify-content: center;
}
.four-oh-four .icon-404 {
  max-width: 100px;
  display: block;
  margin: 0 auto;
}
.four-oh-four h1 {
  font-family: var(--headline-text);
}
.four-oh-four a {
  color: #000000;
  display: inline-block;
  padding: 12px 24px;
  background-color: var(--theme-accent);
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  text-decoration: none;
}
.four-oh-four a:hover, .four-oh-four a:focus {
  color: #000000 !important;
  filter: brightness(115%);
}
.four-oh-four a:active {
  filter: brightness(95%);
}

.page-banner {
  padding: 8px 0;
  min-height: 580px;
  display: flex;
  align-items: center;
  background-position: bottom;
  background-size: cover;
  position: relative;
}
.page-banner .container {
  width: 100%;
}
.page-banner .banner-copy {
  max-width: 450px;
}
.page-banner .banner-image {
  margin-left: -64px;
}
.page-banner .banner-image img {
  max-width: 926px;
  max-height: 500px;
  width: 100%;
}
.page-banner h1 {
  font-family: var(--headline-text);
  color: var(--patient-primary);
  font-size: 36px;
  font-weight: 700;
  margin-top: 0;
}
.page-banner p {
  font-weight: 500;
  font-size: 18px;
  padding-right: 72px;
}
.page-banner small {
  font-weight: 400;
  position: absolute;
  bottom: 40px;
  font-size: 12px;
}

.interior .page-banner {
  min-height: 500px;
}
.interior .page-banner .container {
  max-width: 940px;
}
.interior .page-banner .banner-image img {
  max-width: 450px;
}

.media {
  width: 100%;
  display: block;
}

.media-container {
  position: relative;
}
.media-container.embeded {
  cursor: pointer;
}
.media-container.embeded::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15.5%;
  transform: translate(-50%, -50%);
  max-width: 85px;
  display: inline-block;
  content: url("../images/youtube-play.svg");
  filter: invert(1);
  opacity: 90%;
  z-index: 1;
}

.intro-copy {
  text-align: center;
}
.intro-copy .container {
  max-width: 940px;
}
.intro-copy h2, .intro-copy p {
  margin: 0 auto;
}
.intro-copy h3 {
  font-size: 24px;
  font-weight: 500;
}
.intro-copy h2 + p,
.intro-copy p + .cta {
  margin-top: 20px;
}
.intro-copy p:not(:last-of-type) {
  margin-bottom: 16px;
}
.intro-copy strong {
  font-size: 22px;
  line-height: 28px;
}

.iso-headline .container.row {
  align-items: flex-start;
  justify-content: space-between;
}
.iso-headline .headline-container {
  padding-right: 16px;
}
.iso-headline .headline-container h2 {
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 16px;
}
.iso-headline .copy-container {
  max-width: 768px;
}
.iso-headline .copy-container h3 {
  margin-top: 0;
}

.multi-columns .container {
  max-width: 1040px;
}
.multi-columns .container.row {
  align-items: flex-start;
}
.multi-columns img {
  width: 85px;
  display: inline-block;
}
.multi-columns img.large-img {
  width: 155px;
}
.multi-columns img.small-img {
  height: 50px;
  width: unset;
}
.multi-columns .stat {
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--headline-text);
  color: var(--hcp-primary);
  flex: 1;
}
.multi-columns .stat .counter {
  color: var(--theme-primary);
}
.multi-columns .stat sup {
  font-size: 38px;
  color: var(--theme-primary);
}
.multi-columns h3 {
  color: var(--patient-primary);
  font-weight: 500;
  font-size: 24px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.multi-columns h3.alt {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
}
.multi-columns p, .multi-columns ul {
  margin-top: 0;
}
.multi-columns p {
  font-size: 16px;
}
.multi-columns ul {
  width: 100%;
  text-align: left;
}
.multi-columns .footnote {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}
.multi-columns .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 420px;
  flex: 1;
}
.multi-columns .column .horizonal {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.multi-columns .column .horizonal h3 {
  margin: 0;
  margin-left: 16px;
  width: 100%;
  text-align: left;
}
.multi-columns .column.text-center img {
  margin: 0 auto;
}
.multi-columns .column:not(:last-of-type) {
  margin-right: 60px;
}
.multi-columns .column .col-footnote {
  text-align: left;
  line-height: 16px;
}
.multi-columns .cta {
  margin-top: 24px;
}
.multi-columns .sub-content-text {
  margin-top: 32px;
}
.multi-columns .sub-content-text p {
  margin-bottom: 0;
}
.multi-columns .inline-callout {
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  padding: 8px;
  margin-top: 32px;
}
.multi-columns .inline-callout.bg-light-blue {
  background-color: var(--theme-bg);
}
.multi-columns .inline-callout.bg-purple {
  background-color: var(--patient-primary);
  color: #FFFFFF;
}
.multi-columns .inline-callout.bg-purple sup {
  color: #FFFFFF;
}
.multi-columns .inline-callout.bg-white {
  background-color: #FFFFFF;
}
.multi-columns .inline-callout.bg-dark-blue {
  background-color: var(--hcp-primary);
  color: #FFFFFF;
}
.multi-columns .inline-callout.bg-dark-blue sup {
  color: #FFFFFF;
}
.multi-columns.pinch .container.row {
  justify-content: space-around;
}

.data-columns h2, .data-columns h3 {
  margin-top: 0;
}
.data-columns .container.row {
  margin-top: 32px;
  align-items: flex-start;
  justify-content: space-between;
}
.data-columns .copy-container {
  max-width: 360px;
}
.data-columns .copy-container .data-set {
  display: flex;
  margin-bottom: 32px;
}
.data-columns .copy-container .data-set:last-of-type {
  margin-bottom: 12px;
}
.data-columns .copy-container .data-set .data {
  display: flex;
  margin-right: 16px;
  font-family: var(--headline-text);
}
.data-columns .copy-container .data-set .data span {
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
  color: var(--hcp-primary);
}
.data-columns .copy-container .data-set .data sup {
  font-size: 38px;
}
.data-columns .copy-container .data-set .copy {
  padding-right: 16px;
}
.data-columns .media-container {
  max-width: 720px;
}
.data-columns .media-container .data-container img {
  width: 100%;
}
.data-columns .footnote {
  font-size: 12px;
}

.bg-white + .bg-white,
.bg-light-blue + .bg-light-blue,
.bg-dark-blue + .bg-dark-blue,
.bg-purple + .bg-purple {
  padding-top: 0;
  margin-top: -30px;
}

.media-half .container {
  max-width: 1140px;
}
.media-half .container.flex-start {
  align-items: flex-start;
}
.media-half .container.flex-center {
  align-items: center;
}
.media-half .container.flex-end {
  align-items: flex-end;
}
.media-half .container.reverse .copy-block {
  margin-right: 50px;
  margin-left: 0;
}
.media-half .media-block, .media-half .copy-block {
  width: 50%;
}
.media-half .media-block h3 {
  margin-top: 0;
  text-align: center;
  font-family: var(--body-text);
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
.media-half .media-block .caption {
  display: block;
  margin-top: 16px;
  font-size: 12px;
}
.media-half .media-block.slim {
  max-width: 350px;
}
.media-half .copy-block {
  margin-left: 50px;
}
.media-half .copy-block h2 {
  color: var(--theme-primary);
  font-family: var(--headline-text);
  font-size: 30px;
  margin-top: 0;
}
.media-half .copy-block h2.alt {
  color: var(--patient-primary);
  font-size: 24px;
  line-height: 28px;
  font-family: var(--body-text);
  font-weight: 500;
}
.media-half .copy-block h3 {
  margin-top: 0;
}
.media-half .copy-block p, .media-half .copy-block ul {
  font-size: 16px;
}
.media-half .copy-block p:first-child, .media-half .copy-block ul:first-child {
  margin-top: 0;
}
.media-half .copy-block p:last-child, .media-half .copy-block ul:last-child {
  margin-bottom: 0;
}
.media-half .copy-block .footnote {
  margin-top: 0;
  font-size: 12px;
}
.media-half .cta {
  margin-top: 24px;
}
.media-half .footnote {
  margin-top: 32px;
  font-size: 12px;
  width: 100%;
  margin-bottom: 0;
}
.media-half .inline-callout {
  padding: 32px;
  border-radius: 8px;
  display: flex;
  margin-top: 32px;
}
.media-half .inline-callout .cta-media {
  margin-right: 32px;
  max-width: 145px;
  width: 100%;
}
.media-half .inline-callout .cta-media img {
  width: 100%;
}
.media-half .inline-callout .cta-copy h3 {
  margin-top: 0;
}
.media-half .inline-callout.hanging-icon {
  align-items: center;
  padding: 0;
  border-radius: 0;
  background-color: transparent !important;
}
.media-half .inline-callout.hanging-icon p {
  margin-top: 0;
}
.media-half .inline-callout.hanging-icon p:last-child {
  margin-bottom: 0;
}
.media-half .inline-callout.hanging-icon .cta-media {
  margin-right: -15%;
  transform: translateX(-15%);
  z-index: 1;
}
.media-half .inline-callout.hanging-icon .cta-copy {
  padding: 32px;
  padding-left: 84px;
  border-radius: 8px;
  background-color: var(--hcp-primary);
  z-index: 0;
}
.media-half .inline-callout.bg-light-blue {
  background-color: var(--theme-bg);
}
.media-half .inline-callout.bg-purple {
  background-color: var(--patient-primary);
  color: #FFFFFF;
}
.media-half .inline-callout.bg-white {
  background-color: #FFFFFF;
}
.media-half .inline-callout.bg-dark-blue {
  background-color: var(--hcp-primary);
  color: #FFFFFF;
}
.media-half .cta-secondary {
  display: flex;
  margin-top: 32px;
}
.media-half .cta-secondary p {
  margin-top: 0;
  flex-shrink: 1;
  max-width: 60%;
}
.media-half .cta-secondary .button-block {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 40%;
}

.icon-columns .row {
  justify-content: space-around;
}
.icon-columns .row:first-of-type {
  margin-bottom: 32px;
}
.icon-columns .row .copy-container {
  max-width: 460px;
}
.icon-columns .subhead {
  font-family: var(--headline-text);
  font-size: 30px;
  line-height: 36px;
  color: #000000;
  margin: 0 auto;
  margin-top: 16px;
}
.icon-columns .subhead.alt {
  font-family: var(--body-text);
  font-size: 22px;
  line-height: 28px;
}
.icon-columns h2 {
  margin: 0 auto;
}
.icon-columns p, .icon-columns .subhead {
  margin: 16px auto 0 auto;
}
.icon-columns .container {
  max-width: 1140px;
}
.icon-columns .container.row {
  padding-top: 32px;
}
.icon-columns .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 420px;
}
.icon-columns .column h3 {
  margin-top: 16px;
  margin-bottom: 0;
}
.icon-columns .column img {
  width: 80px;
}
.icon-columns .column:not(:last-of-type) {
  margin-right: 32px;
}

.steps h2 {
  margin-top: 0;
  margin-bottom: 60px;
}
.steps .step-assets {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.steps .step-assets .step {
  width: 50%;
  display: flex;
  list-style: none;
}
.steps .step-assets .step:not(:nth-last-child(-n+2)) {
  margin-bottom: 32px;
}
.steps .step-assets .step .text-container {
  padding-left: 16px;
  padding-right: 80px;
}
.steps .step-assets .step .text-container h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.steps .step-assets .step .text-container p {
  margin: 0mm;
}
.steps .step-assets.counting {
  counter-reset: alkindi-step-counter;
}
.steps .step-assets.counting .step .text-container h3::before {
  counter-increment: alkindi-step-counter;
  content: counter(alkindi-step-counter) ". ";
}
.steps .cta {
  text-align: center;
}

.ml-assets .assets {
  display: flex;
  justify-content: space-between;
}
.ml-assets .assets .asset {
  display: flex;
  max-width: 568px;
}
.ml-assets .assets .asset .image-container {
  max-width: 155px;
  width: 100%;
}
.ml-assets .assets .asset .image-container img {
  width: 100%;
}
.ml-assets .assets .asset .copy-container {
  box-sizing: border-box;
  padding-left: 32px;
  max-width: 382px;
}
.ml-assets .assets .asset .copy-container h3 {
  margin-top: 0;
  font-size: 22px;
  color: var(--patient-primary);
}

.asset-listing .title-block {
  text-align: center;
}
.asset-listing .assets {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 32px;
}
.asset-listing .assets .asset {
  max-width: calc(33.3% - 32px);
}
.asset-listing .assets .asset .asset-description {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.asset-listing .assets .asset .asset-description .cta {
  flex-grow: 1;
  width: 100%;
  text-align: right;
}
.asset-listing .assets .asset .asset-description p {
  margin-top: 0;
}
.asset-listing .assets .asset .asset-description p:not(:last-of-type) {
  margin-bottom: 8px;
}
.asset-listing .assets .asset h3 {
  color: var(--patient-primary);
  font-size: 18px;
  font-weight: 500;
  font-family: var(--body-text);
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
}
.asset-listing .assets .asset img {
  max-width: 100%;
}
.asset-listing .assets .asset:not(:nth-last-child(-n+3)) {
  margin-bottom: 60px;
}
.asset-listing .assets.isolate-first .asset:first-of-type {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 100%;
}
.asset-listing .assets.isolate-first .asset:first-of-type .asset-container {
  max-width: 40%;
  margin: 0 auto;
  margin-bottom: 0;
}

.two-call-bug .rows {
  display: flex;
}
.two-call-bug .rows .column {
  max-width: 380px;
}
.two-call-bug .rows .column:not(:last-of-type) {
  margin-right: 64px;
}
.two-call-bug .image-container img {
  width: 100%;
}

.half-bubbles .container.row {
  justify-content: space-between;
  align-items: flex-start;
}
.half-bubbles .column {
  max-width: 520px;
  width: 100%;
  flex: 1;
}
.half-bubbles .column h3 {
  margin-top: 0;
}
.half-bubbles .bubble {
  box-sizing: border-box;
  padding: 32px;
  background: var(--theme-bg);
  border: 1px solid var(--theme-border);
  border-radius: 8px;
}
.half-bubbles .footnotes {
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
  margin-top: 32px;
}

.callout .container {
  max-width: 940px;
}
.callout .image-block {
  max-width: 200px;
}
.callout .image-block img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.callout .image-block img.dropshadow {
  filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.16));
}
.callout .image-block.large {
  max-width: 359px;
}
.callout .copy-block {
  max-width: 700px;
}
.callout .copy-block h2 {
  margin-top: 0;
  margin-bottom: 16px;
}
.callout .copy-block.pinch {
  max-width: 450px;
}
.callout .image-block + .copy-block {
  margin-left: 60px;
}
.callout .cta {
  margin-top: 32px;
}
.callout p {
  font-size: 18px !important;
  line-height: 26px !important;
}
.callout.slim {
  padding: 0;
}
.callout.slim .image-block {
  max-width: 100%;
  height: 100%;
}
.callout.slim .copy-block {
  padding: 16px 0;
}
.callout.slim .copy-block p:last-of-type {
  margin-bottom: 0;
}

.hcp-signup .copy-block {
  max-width: 650px;
  padding-right: 32px;
  box-sizing: border-box;
}
.hcp-signup .copy-block h2 {
  margin-top: 0;
}
.hcp-signup .copy-block p {
  margin-bottom: 0;
}
.hcp-signup .signup-callout {
  width: 100%;
  max-width: 465px;
  display: flex;
  flex-direction: column;
}
.hcp-signup .signup-callout input {
  padding: 8px;
  border: 1px solid var(--theme-border);
  border-radius: 2px;
  margin-bottom: 16px;
}
.hcp-signup .signup-callout .cta-btn {
  max-width: 220px;
}

.contact .text-center h2, .contact .text-center p {
  margin-left: auto;
  margin-right: auto;
}
.contact .contact-form {
  max-width: 825px;
  margin: 0 auto;
}
.contact .contact-form .required-info {
  margin-top: 0;
  margin-bottom: 32px;
}
.contact fieldset {
  border: none;
  padding: none;
  margin-bottom: 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.contact fieldset legend {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 32px;
  padding: 0;
  font-family: var(--body-text);
  color: var(--patient-primary);
}
.contact fieldset .form-group {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.contact fieldset .form-group label, .contact fieldset .form-group input, .contact fieldset .form-group select {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.contact fieldset .form-group label {
  margin-bottom: 8px;
  font-weight: 500;
}
.contact fieldset .form-group label a {
  color: #000000;
  font-weight: 500;
}
.contact fieldset .form-group input, .contact fieldset .form-group select {
  padding: 8px;
  border: 1px solid var(--theme-border);
  border-radius: 2px;
}
.contact fieldset .form-group.half {
  padding-right: 32px;
  max-width: 50%;
}
.contact fieldset .form-group.half:nth-child(even) {
  padding-right: 0;
  padding-left: 32px;
}
.contact fieldset .form-group.third {
  max-width: 33.3%;
  padding-right: 32px;
}
.contact fieldset .form-group.third:first-of-type {
  padding-left: 0;
}
.contact fieldset .form-group.third:last-child {
  padding-right: 0;
}
.contact fieldset .form-group.third:not(:nth-child(1n+2)) {
  padding-left: 32px;
  padding-right: 0;
}
.contact fieldset .form-group.radio label, .contact fieldset .form-group.radio input, .contact fieldset .form-group.checkbox label, .contact fieldset .form-group.checkbox input {
  font-weight: 400;
  width: unset;
  margin: 0;
}
.contact fieldset .form-group.radio input, .contact fieldset .form-group.checkbox input {
  margin-right: 16px;
  margin-top: 2px;
}
.contact fieldset .form-group.radio div {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.contact fieldset .form-group.checkbox {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}

.intro-copy,
.multi-columns,
.media-half,
.icon-columns,
.callout,
.steps,
.asset-listing,
.ml-assets,
.data-columns,
.half-bubbles,
.iso-headline,
.two-call-bug,
.image-modal,
.body-copy,
.hcp-signup,
.contact {
  padding: 60px 0;
}
.intro-copy h2,
.multi-columns h2,
.media-half h2,
.icon-columns h2,
.callout h2,
.steps h2,
.asset-listing h2,
.ml-assets h2,
.data-columns h2,
.half-bubbles h2,
.iso-headline h2,
.two-call-bug h2,
.image-modal h2,
.body-copy h2,
.hcp-signup h2,
.contact h2 {
  font-family: var(--headline-text);
  font-size: 30px;
  line-height: 36px;
  color: var(--theme-primary);
  margin-bottom: 16px;
}
.intro-copy p,
.multi-columns p,
.media-half p,
.icon-columns p,
.callout p,
.steps p,
.asset-listing p,
.ml-assets p,
.data-columns p,
.half-bubbles p,
.iso-headline p,
.two-call-bug p,
.image-modal p,
.body-copy p,
.hcp-signup p,
.contact p {
  font-family: var(--body-text);
  font-size: 16px;
  line-height: 24px;
}
.intro-copy h2 + p,
.intro-copy h2 + h3,
.intro-copy p + p,
.multi-columns h2 + p,
.multi-columns h2 + h3,
.multi-columns p + p,
.media-half h2 + p,
.media-half h2 + h3,
.media-half p + p,
.icon-columns h2 + p,
.icon-columns h2 + h3,
.icon-columns p + p,
.callout h2 + p,
.callout h2 + h3,
.callout p + p,
.steps h2 + p,
.steps h2 + h3,
.steps p + p,
.asset-listing h2 + p,
.asset-listing h2 + h3,
.asset-listing p + p,
.ml-assets h2 + p,
.ml-assets h2 + h3,
.ml-assets p + p,
.data-columns h2 + p,
.data-columns h2 + h3,
.data-columns p + p,
.half-bubbles h2 + p,
.half-bubbles h2 + h3,
.half-bubbles p + p,
.iso-headline h2 + p,
.iso-headline h2 + h3,
.iso-headline p + p,
.two-call-bug h2 + p,
.two-call-bug h2 + h3,
.two-call-bug p + p,
.image-modal h2 + p,
.image-modal h2 + h3,
.image-modal p + p,
.body-copy h2 + p,
.body-copy h2 + h3,
.body-copy p + p,
.hcp-signup h2 + p,
.hcp-signup h2 + h3,
.hcp-signup p + p,
.contact h2 + p,
.contact h2 + h3,
.contact p + p {
  margin-top: 0;
}
.intro-copy ul,
.multi-columns ul,
.media-half ul,
.icon-columns ul,
.callout ul,
.steps ul,
.asset-listing ul,
.ml-assets ul,
.data-columns ul,
.half-bubbles ul,
.iso-headline ul,
.two-call-bug ul,
.image-modal ul,
.body-copy ul,
.hcp-signup ul,
.contact ul {
  padding-left: 15px;
}
.intro-copy ul li,
.multi-columns ul li,
.media-half ul li,
.icon-columns ul li,
.callout ul li,
.steps ul li,
.asset-listing ul li,
.ml-assets ul li,
.data-columns ul li,
.half-bubbles ul li,
.iso-headline ul li,
.two-call-bug ul li,
.image-modal ul li,
.body-copy ul li,
.hcp-signup ul li,
.contact ul li {
  list-style: none;
  padding-left: 16px;
  line-height: 24px;
}
.intro-copy ul li::marker,
.multi-columns ul li::marker,
.media-half ul li::marker,
.icon-columns ul li::marker,
.callout ul li::marker,
.steps ul li::marker,
.asset-listing ul li::marker,
.ml-assets ul li::marker,
.data-columns ul li::marker,
.half-bubbles ul li::marker,
.iso-headline ul li::marker,
.two-call-bug ul li::marker,
.image-modal ul li::marker,
.body-copy ul li::marker,
.hcp-signup ul li::marker,
.contact ul li::marker {
  content: url("../images/bullet-point.svg");
}
.intro-copy ul li:not(:last-of-type),
.multi-columns ul li:not(:last-of-type),
.media-half ul li:not(:last-of-type),
.icon-columns ul li:not(:last-of-type),
.callout ul li:not(:last-of-type),
.steps ul li:not(:last-of-type),
.asset-listing ul li:not(:last-of-type),
.ml-assets ul li:not(:last-of-type),
.data-columns ul li:not(:last-of-type),
.half-bubbles ul li:not(:last-of-type),
.iso-headline ul li:not(:last-of-type),
.two-call-bug ul li:not(:last-of-type),
.image-modal ul li:not(:last-of-type),
.body-copy ul li:not(:last-of-type),
.hcp-signup ul li:not(:last-of-type),
.contact ul li:not(:last-of-type) {
  margin-bottom: 16px;
}
.intro-copy .footnote,
.multi-columns .footnote,
.media-half .footnote,
.icon-columns .footnote,
.callout .footnote,
.steps .footnote,
.asset-listing .footnote,
.ml-assets .footnote,
.data-columns .footnote,
.half-bubbles .footnote,
.iso-headline .footnote,
.two-call-bug .footnote,
.image-modal .footnote,
.body-copy .footnote,
.hcp-signup .footnote,
.contact .footnote {
  font-size: 12px;
}
.intro-copy.slim h2,
.multi-columns.slim h2,
.media-half.slim h2,
.icon-columns.slim h2,
.callout.slim h2,
.steps.slim h2,
.asset-listing.slim h2,
.ml-assets.slim h2,
.data-columns.slim h2,
.half-bubbles.slim h2,
.iso-headline.slim h2,
.two-call-bug.slim h2,
.image-modal.slim h2,
.body-copy.slim h2,
.hcp-signup.slim h2,
.contact.slim h2 {
  max-width: 726px;
}
.intro-copy.slim p,
.multi-columns.slim p,
.media-half.slim p,
.icon-columns.slim p,
.callout.slim p,
.steps.slim p,
.asset-listing.slim p,
.ml-assets.slim p,
.data-columns.slim p,
.half-bubbles.slim p,
.iso-headline.slim p,
.two-call-bug.slim p,
.image-modal.slim p,
.body-copy.slim p,
.hcp-signup.slim p,
.contact.slim p {
  max-width: 823px;
}
.intro-copy.bg-light-blue,
.multi-columns.bg-light-blue,
.media-half.bg-light-blue,
.icon-columns.bg-light-blue,
.callout.bg-light-blue,
.steps.bg-light-blue,
.asset-listing.bg-light-blue,
.ml-assets.bg-light-blue,
.data-columns.bg-light-blue,
.half-bubbles.bg-light-blue,
.iso-headline.bg-light-blue,
.two-call-bug.bg-light-blue,
.image-modal.bg-light-blue,
.body-copy.bg-light-blue,
.hcp-signup.bg-light-blue,
.contact.bg-light-blue {
  background-color: var(--theme-bg);
}
.intro-copy.bg-light-blue.gradient,
.multi-columns.bg-light-blue.gradient,
.media-half.bg-light-blue.gradient,
.icon-columns.bg-light-blue.gradient,
.callout.bg-light-blue.gradient,
.steps.bg-light-blue.gradient,
.asset-listing.bg-light-blue.gradient,
.ml-assets.bg-light-blue.gradient,
.data-columns.bg-light-blue.gradient,
.half-bubbles.bg-light-blue.gradient,
.iso-headline.bg-light-blue.gradient,
.two-call-bug.bg-light-blue.gradient,
.image-modal.bg-light-blue.gradient,
.body-copy.bg-light-blue.gradient,
.hcp-signup.bg-light-blue.gradient,
.contact.bg-light-blue.gradient {
  background: linear-gradient(var(--footer-gray-bg), var(--theme-bg));
}
.intro-copy.bg-purple,
.multi-columns.bg-purple,
.media-half.bg-purple,
.icon-columns.bg-purple,
.callout.bg-purple,
.steps.bg-purple,
.asset-listing.bg-purple,
.ml-assets.bg-purple,
.data-columns.bg-purple,
.half-bubbles.bg-purple,
.iso-headline.bg-purple,
.two-call-bug.bg-purple,
.image-modal.bg-purple,
.body-copy.bg-purple,
.hcp-signup.bg-purple,
.contact.bg-purple {
  background-color: var(--patient-primary);
}
.intro-copy.bg-purple h2,
.multi-columns.bg-purple h2,
.media-half.bg-purple h2,
.icon-columns.bg-purple h2,
.callout.bg-purple h2,
.steps.bg-purple h2,
.asset-listing.bg-purple h2,
.ml-assets.bg-purple h2,
.data-columns.bg-purple h2,
.half-bubbles.bg-purple h2,
.iso-headline.bg-purple h2,
.two-call-bug.bg-purple h2,
.image-modal.bg-purple h2,
.body-copy.bg-purple h2,
.hcp-signup.bg-purple h2,
.contact.bg-purple h2 {
  color: var(--theme-accent);
}
.intro-copy.bg-purple h3, .intro-copy.bg-purple p, .intro-copy.bg-purple ul, .intro-copy.bg-purple .subhead, .intro-copy.bg-purple .stat,
.multi-columns.bg-purple h3,
.multi-columns.bg-purple p,
.multi-columns.bg-purple ul,
.multi-columns.bg-purple .subhead,
.multi-columns.bg-purple .stat,
.media-half.bg-purple h3,
.media-half.bg-purple p,
.media-half.bg-purple ul,
.media-half.bg-purple .subhead,
.media-half.bg-purple .stat,
.icon-columns.bg-purple h3,
.icon-columns.bg-purple p,
.icon-columns.bg-purple ul,
.icon-columns.bg-purple .subhead,
.icon-columns.bg-purple .stat,
.callout.bg-purple h3,
.callout.bg-purple p,
.callout.bg-purple ul,
.callout.bg-purple .subhead,
.callout.bg-purple .stat,
.steps.bg-purple h3,
.steps.bg-purple p,
.steps.bg-purple ul,
.steps.bg-purple .subhead,
.steps.bg-purple .stat,
.asset-listing.bg-purple h3,
.asset-listing.bg-purple p,
.asset-listing.bg-purple ul,
.asset-listing.bg-purple .subhead,
.asset-listing.bg-purple .stat,
.ml-assets.bg-purple h3,
.ml-assets.bg-purple p,
.ml-assets.bg-purple ul,
.ml-assets.bg-purple .subhead,
.ml-assets.bg-purple .stat,
.data-columns.bg-purple h3,
.data-columns.bg-purple p,
.data-columns.bg-purple ul,
.data-columns.bg-purple .subhead,
.data-columns.bg-purple .stat,
.half-bubbles.bg-purple h3,
.half-bubbles.bg-purple p,
.half-bubbles.bg-purple ul,
.half-bubbles.bg-purple .subhead,
.half-bubbles.bg-purple .stat,
.iso-headline.bg-purple h3,
.iso-headline.bg-purple p,
.iso-headline.bg-purple ul,
.iso-headline.bg-purple .subhead,
.iso-headline.bg-purple .stat,
.two-call-bug.bg-purple h3,
.two-call-bug.bg-purple p,
.two-call-bug.bg-purple ul,
.two-call-bug.bg-purple .subhead,
.two-call-bug.bg-purple .stat,
.image-modal.bg-purple h3,
.image-modal.bg-purple p,
.image-modal.bg-purple ul,
.image-modal.bg-purple .subhead,
.image-modal.bg-purple .stat,
.body-copy.bg-purple h3,
.body-copy.bg-purple p,
.body-copy.bg-purple ul,
.body-copy.bg-purple .subhead,
.body-copy.bg-purple .stat,
.hcp-signup.bg-purple h3,
.hcp-signup.bg-purple p,
.hcp-signup.bg-purple ul,
.hcp-signup.bg-purple .subhead,
.hcp-signup.bg-purple .stat,
.contact.bg-purple h3,
.contact.bg-purple p,
.contact.bg-purple ul,
.contact.bg-purple .subhead,
.contact.bg-purple .stat {
  color: #FFFFFF;
}
.intro-copy.bg-purple.gradient,
.multi-columns.bg-purple.gradient,
.media-half.bg-purple.gradient,
.icon-columns.bg-purple.gradient,
.callout.bg-purple.gradient,
.steps.bg-purple.gradient,
.asset-listing.bg-purple.gradient,
.ml-assets.bg-purple.gradient,
.data-columns.bg-purple.gradient,
.half-bubbles.bg-purple.gradient,
.iso-headline.bg-purple.gradient,
.two-call-bug.bg-purple.gradient,
.image-modal.bg-purple.gradient,
.body-copy.bg-purple.gradient,
.hcp-signup.bg-purple.gradient,
.contact.bg-purple.gradient {
  background: linear-gradient(var(--purple-gradient-start), var(--purple-gradient-end));
}
.intro-copy.bg-white,
.multi-columns.bg-white,
.media-half.bg-white,
.icon-columns.bg-white,
.callout.bg-white,
.steps.bg-white,
.asset-listing.bg-white,
.ml-assets.bg-white,
.data-columns.bg-white,
.half-bubbles.bg-white,
.iso-headline.bg-white,
.two-call-bug.bg-white,
.image-modal.bg-white,
.body-copy.bg-white,
.hcp-signup.bg-white,
.contact.bg-white {
  background-color: #FFFFFF;
}
.intro-copy.bg-white.gradient,
.multi-columns.bg-white.gradient,
.media-half.bg-white.gradient,
.icon-columns.bg-white.gradient,
.callout.bg-white.gradient,
.steps.bg-white.gradient,
.asset-listing.bg-white.gradient,
.ml-assets.bg-white.gradient,
.data-columns.bg-white.gradient,
.half-bubbles.bg-white.gradient,
.iso-headline.bg-white.gradient,
.two-call-bug.bg-white.gradient,
.image-modal.bg-white.gradient,
.body-copy.bg-white.gradient,
.hcp-signup.bg-white.gradient,
.contact.bg-white.gradient {
  background: linear-gradient(#FFFFFF, var(--footer-gray-bg));
}
.intro-copy.bg-dark-blue,
.multi-columns.bg-dark-blue,
.media-half.bg-dark-blue,
.icon-columns.bg-dark-blue,
.callout.bg-dark-blue,
.steps.bg-dark-blue,
.asset-listing.bg-dark-blue,
.ml-assets.bg-dark-blue,
.data-columns.bg-dark-blue,
.half-bubbles.bg-dark-blue,
.iso-headline.bg-dark-blue,
.two-call-bug.bg-dark-blue,
.image-modal.bg-dark-blue,
.body-copy.bg-dark-blue,
.hcp-signup.bg-dark-blue,
.contact.bg-dark-blue {
  background-color: var(--hcp-primary);
}
.intro-copy.bg-dark-blue h2,
.multi-columns.bg-dark-blue h2,
.media-half.bg-dark-blue h2,
.icon-columns.bg-dark-blue h2,
.callout.bg-dark-blue h2,
.steps.bg-dark-blue h2,
.asset-listing.bg-dark-blue h2,
.ml-assets.bg-dark-blue h2,
.data-columns.bg-dark-blue h2,
.half-bubbles.bg-dark-blue h2,
.iso-headline.bg-dark-blue h2,
.two-call-bug.bg-dark-blue h2,
.image-modal.bg-dark-blue h2,
.body-copy.bg-dark-blue h2,
.hcp-signup.bg-dark-blue h2,
.contact.bg-dark-blue h2 {
  color: var(--theme-accent);
}
.intro-copy.bg-dark-blue h3, .intro-copy.bg-dark-blue p, .intro-copy.bg-dark-blue ul, .intro-copy.bg-dark-blue .subhead, .intro-copy.bg-dark-blue .stat,
.multi-columns.bg-dark-blue h3,
.multi-columns.bg-dark-blue p,
.multi-columns.bg-dark-blue ul,
.multi-columns.bg-dark-blue .subhead,
.multi-columns.bg-dark-blue .stat,
.media-half.bg-dark-blue h3,
.media-half.bg-dark-blue p,
.media-half.bg-dark-blue ul,
.media-half.bg-dark-blue .subhead,
.media-half.bg-dark-blue .stat,
.icon-columns.bg-dark-blue h3,
.icon-columns.bg-dark-blue p,
.icon-columns.bg-dark-blue ul,
.icon-columns.bg-dark-blue .subhead,
.icon-columns.bg-dark-blue .stat,
.callout.bg-dark-blue h3,
.callout.bg-dark-blue p,
.callout.bg-dark-blue ul,
.callout.bg-dark-blue .subhead,
.callout.bg-dark-blue .stat,
.steps.bg-dark-blue h3,
.steps.bg-dark-blue p,
.steps.bg-dark-blue ul,
.steps.bg-dark-blue .subhead,
.steps.bg-dark-blue .stat,
.asset-listing.bg-dark-blue h3,
.asset-listing.bg-dark-blue p,
.asset-listing.bg-dark-blue ul,
.asset-listing.bg-dark-blue .subhead,
.asset-listing.bg-dark-blue .stat,
.ml-assets.bg-dark-blue h3,
.ml-assets.bg-dark-blue p,
.ml-assets.bg-dark-blue ul,
.ml-assets.bg-dark-blue .subhead,
.ml-assets.bg-dark-blue .stat,
.data-columns.bg-dark-blue h3,
.data-columns.bg-dark-blue p,
.data-columns.bg-dark-blue ul,
.data-columns.bg-dark-blue .subhead,
.data-columns.bg-dark-blue .stat,
.half-bubbles.bg-dark-blue h3,
.half-bubbles.bg-dark-blue p,
.half-bubbles.bg-dark-blue ul,
.half-bubbles.bg-dark-blue .subhead,
.half-bubbles.bg-dark-blue .stat,
.iso-headline.bg-dark-blue h3,
.iso-headline.bg-dark-blue p,
.iso-headline.bg-dark-blue ul,
.iso-headline.bg-dark-blue .subhead,
.iso-headline.bg-dark-blue .stat,
.two-call-bug.bg-dark-blue h3,
.two-call-bug.bg-dark-blue p,
.two-call-bug.bg-dark-blue ul,
.two-call-bug.bg-dark-blue .subhead,
.two-call-bug.bg-dark-blue .stat,
.image-modal.bg-dark-blue h3,
.image-modal.bg-dark-blue p,
.image-modal.bg-dark-blue ul,
.image-modal.bg-dark-blue .subhead,
.image-modal.bg-dark-blue .stat,
.body-copy.bg-dark-blue h3,
.body-copy.bg-dark-blue p,
.body-copy.bg-dark-blue ul,
.body-copy.bg-dark-blue .subhead,
.body-copy.bg-dark-blue .stat,
.hcp-signup.bg-dark-blue h3,
.hcp-signup.bg-dark-blue p,
.hcp-signup.bg-dark-blue ul,
.hcp-signup.bg-dark-blue .subhead,
.hcp-signup.bg-dark-blue .stat,
.contact.bg-dark-blue h3,
.contact.bg-dark-blue p,
.contact.bg-dark-blue ul,
.contact.bg-dark-blue .subhead,
.contact.bg-dark-blue .stat {
  color: #FFFFFF;
}
.intro-copy.bg-dark-blue.gradient,
.multi-columns.bg-dark-blue.gradient,
.media-half.bg-dark-blue.gradient,
.icon-columns.bg-dark-blue.gradient,
.callout.bg-dark-blue.gradient,
.steps.bg-dark-blue.gradient,
.asset-listing.bg-dark-blue.gradient,
.ml-assets.bg-dark-blue.gradient,
.data-columns.bg-dark-blue.gradient,
.half-bubbles.bg-dark-blue.gradient,
.iso-headline.bg-dark-blue.gradient,
.two-call-bug.bg-dark-blue.gradient,
.image-modal.bg-dark-blue.gradient,
.body-copy.bg-dark-blue.gradient,
.hcp-signup.bg-dark-blue.gradient,
.contact.bg-dark-blue.gradient {
  background: linear-gradient(var(--hcp-primary), var(--blue-gradient-end));
}

.cta-btn {
  color: #000000;
  padding: 12px 24px;
  background-color: var(--theme-accent);
  font-family: var(--body-text);
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  border: none;
  text-align: center;
}
.cta-btn:hover, .cta-btn:focus {
  color: #000000 !important;
  filter: brightness(115%);
}
.cta-btn:active {
  filter: brightness(95%);
}
.cta-btn.alt {
  background-color: var(--hcp-primary);
  color: #FFFFFF !important;
  font-weight: 400;
}
.cta-btn.alt:hover, .cta-btn.alt:focus {
  color: #FFFFFF !important;
}

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

.text-center {
  text-align: center !important;
}

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

.hcp-page .top-banner {
  background-color: var(--hcp-primary);
}
.hcp-page .bottom-banner .main-navigation a:hover, .hcp-page .bottom-banner .main-navigation a:focus {
  color: var(--hcp-primary);
}
.hcp-page .bottom-banner .main-navigation a.active {
  color: var(--hcp-primary);
}
.hcp-page .bottom-banner .main-navigation a.active::after {
  content: "";
  background-color: var(--hcp-primary);
}
.hcp-page .isi-sticky .sticky-header {
  background-color: var(--hcp-primary);
}
.hcp-page .isi a,
.hcp-page .page-banner h1,
.hcp-page .multi-columns h3,
.hcp-page .media-half .copy-block h2.alt,
.hcp-page .ml-assets .assets .asset .copy-container h3,
.hcp-page .asset-listing .assets .asset .copy-container h3,
.hcp-page .contact fieldset legend {
  color: var(--hcp-primary);
}
.hcp-page .cookies p a {
  color: var(--hcp-primary);
}

.image-modal {
  cursor: pointer;
  padding: 0;
  margin-bottom: 30px;
  margin-top: -60px;
}

@media screen and (max-width: 1240px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .page-banner {
    min-height: 400px;
    background-position: bottom;
  }
  .page-banner h1 {
    font-size: 28px;
  }
  .page-banner p {
    font-size: 16px;
  }
  .page-banner small {
    position: unset;
  }
  .steps .step-assets .step .text-container {
    padding: 0 16px;
  }
  .ml-assets .assets .asset .copy-container .cta {
    flex-direction: column;
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn {
    width: calc(100% - 64px);
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn:first-of-type {
    margin-bottom: 16px;
  }
  .ml-assets .assets .asset:first-of-type .copy-container {
    margin-right: 32px;
  }
  .asset-listing .assets .asset .asset-description {
    flex-direction: column;
  }
  .asset-listing .assets .asset .asset-description .cta .cta-btn {
    width: calc(100% - 48px);
    text-align: center;
  }
  .footer-links {
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 1080px) {
  .cookies {
    top: 120px;
  }
  .page-banner .container {
    flex-direction: column;
  }
  .page-banner .banner-copy {
    max-width: 80%;
    text-align: center;
  }
  .page-banner .banner-copy h1 {
    margin-top: 16px;
  }
  .page-banner .banner-copy p {
    padding-right: 0;
  }
  .page-banner .banner-image {
    margin-left: 0;
  }
  .interior .page-banner .container {
    flex-direction: row;
  }
  .interior .page-banner .banner-copy {
    max-width: 40%;
    text-align: left;
  }
  .interior .page-banner p {
    padding-right: 0;
  }
  .top-banner {
    display: none;
  }
  .bottom-banner .page-cover {
    display: block;
    background: hsla(0, 0%, 100%, 0.73);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .bottom-banner .main-navigation {
    border-top: 16px var(--patient-primary) solid;
    position: absolute;
    top: 0;
    width: calc(100% - 135px);
    left: 40%;
    transform: translate(-40%, -100%);
    background-color: #FFFFFF;
    padding: 40px 60px;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    z-index: 2;
    transition: transform 200ms ease-in-out;
    opacity: 0;
  }
  .bottom-banner .main-navigation a {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .bottom-banner .main-navigation a.active::after {
    bottom: 0px;
    max-width: 400px;
    left: 50%;
    transform: translateX(-50%);
  }
  .bottom-banner .main-navigation a:not(:last-of-type) {
    margin-right: 0;
  }
  .bottom-banner .main-navigation a.nav-button {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
  }
  .bottom-banner .main-navigation.reveal {
    transform: translate(-40%, 0);
    opacity: 1;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .bottom-banner .main-navigation .mobile-only-links {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
  }
  .bottom-banner .main-navigation hr {
    width: 100%;
    max-width: 200px;
    display: block;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  }
  .nav-icon {
    display: block;
    background: none;
    border: 0;
    width: 30px;
    height: 27px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    z-index: 3;
    -webkit-appearance: none;
    box-sizing: border-box;
  }
  .nav-icon:focus {
    outline: 0;
  }
  .nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 50%;
    background: var(--patient-primary);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  .nav-icon span:nth-child(2n) {
    left: 50%;
    border-radius: 0 9px 9px 0;
  }
  .nav-icon span:nth-child(odd) {
    left: 1px;
    border-radius: 9px 0 0 9px;
  }
  .nav-icon span:first-child, .nav-icon span:nth-child(2) {
    top: 0;
  }
  .nav-icon span:nth-child(3), .nav-icon span:nth-child(4) {
    top: 11px;
  }
  .nav-icon span:nth-child(5), .nav-icon span:nth-child(6) {
    top: 22px;
  }
  .nav-icon.open span:first-child, .nav-icon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav-icon.open span:nth-child(2), .nav-icon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav-icon.open span:first-child {
    left: 3px;
    top: 7px;
  }
  .nav-icon.open span:nth-child(2) {
    left: calc(50% - 3px);
    top: 7px;
  }
  .nav-icon.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }
  .nav-icon.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }
  .nav-icon.open span:nth-child(5) {
    left: 3px;
    top: 16px;
  }
  .nav-icon.open span:nth-child(6) {
    left: calc(50% - 3px);
    top: 16px;
  }
  .data-columns .container.row {
    flex-direction: column-reverse;
  }
  .data-columns .copy-container {
    max-width: unset;
  }
  .data-columns .media-container {
    margin-bottom: 32px;
  }
  .iso-headline .container.row {
    flex-direction: column;
  }
  .iso-headline .headline-container {
    padding-right: 0;
  }
  .iso-headline .headline-container h2 {
    max-width: 100%;
    text-align: center;
  }
  .iso-headline .copy-container {
    margin: 0 auto;
  }
  .iso-headline .copy-container h3, .iso-headline .copy-container p, .iso-headline .copy-container small {
    text-align: center;
  }
  .half-bubbles .container.row {
    flex-direction: column;
  }
  .half-bubbles .column {
    max-width: unset;
  }
  .half-bubbles .column:first-of-type {
    margin-bottom: 32px;
  }
  .two-call-bug .container.row {
    flex-direction: column-reverse;
  }
  .two-call-bug .rows {
    flex-direction: column;
  }
  .two-call-bug h2, .two-call-bug .footnote {
    text-align: center;
  }
  .hcp-page .bottom-banner .main-navigation {
    border-top: 16px var(--hcp-primary) solid;
  }
  .hcp-page .nav-icon span {
    background-color: var(--hcp-primary);
  }
}
@media screen and (max-width: 820px) {
  .cookies .cookie-content {
    flex-direction: column;
    padding-left: 8px;
    padding-right: 32px;
  }
  .cookies .text-wrapper {
    text-align: center;
  }
  .media-half .container, .media-half .container.reverse,
  .multi-columns .container,
  .multi-columns .container.reverse {
    flex-direction: column;
  }
  .media-half .column:first-of-type,
  .multi-columns .column:first-of-type {
    padding-top: 16px;
  }
  .media-half .cta,
  .multi-columns .cta {
    text-align: center;
  }
  .multi-columns .container.row {
    align-items: center;
  }
  .multi-columns .column {
    width: 100%;
    max-width: 620px;
  }
  .multi-columns .column p:last-child {
    margin-bottom: 0;
  }
  .multi-columns .column .cta {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .multi-columns .column:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 32px;
  }
  .ml-assets .assets {
    flex-direction: column;
  }
  .ml-assets .assets .asset {
    max-width: unset;
  }
  .ml-assets .assets .asset .copy-container {
    max-width: unset;
  }
  .ml-assets .assets .asset .copy-container .cta {
    flex-direction: row;
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn {
    width: unset;
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn:first-of-type {
    margin-bottom: 16px;
  }
  .ml-assets .assets .asset:first-of-type {
    margin-bottom: 32px;
  }
  .ml-assets .assets .asset:first-of-type .copy-container {
    margin-right: unset;
  }
  .asset-listing .assets .asset {
    max-width: calc(33.3% - 16px);
  }
  .asset-listing .assets.isolate-first .asset:first-of-type .asset-container {
    max-width: 60%;
  }
  .icon-columns .container.row {
    flex-wrap: wrap;
  }
  .icon-columns .column {
    width: calc(50% - 32px);
  }
  .icon-columns .column:nth-child(even) {
    margin-right: 0;
  }
  .icon-columns .column:nth-last-child(n+3) {
    padding-bottom: 16px;
  }
  .icon-columns .row .copy-container {
    max-width: unset;
  }
  .icon-columns .row .copy-container h2, .icon-columns .row .copy-container p, .icon-columns .row .copy-container .subhead {
    text-align: center;
  }
  .icon-columns .copy-container ~ .media-container {
    margin-top: 32px;
  }
  .media-half .media-block,
  .media-half .copy-block {
    width: 100%;
    padding-top: 16px;
  }
  .media-half .media-block h2, .media-half .media-block h3, .media-half .media-block p, .media-half .media-block small,
  .media-half .copy-block h2,
  .media-half .copy-block h3,
  .media-half .copy-block p,
  .media-half .copy-block small {
    text-align: center;
  }
  .media-half .media-block ul, .media-half .media-block ol,
  .media-half .copy-block ul,
  .media-half .copy-block ol {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .media-half .media-block {
    margin-bottom: 24px;
    margin: 0 auto;
  }
  .media-half .media-block img {
    margin: 0 auto;
    display: block;
  }
  .media-half .copy-block {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .media-half .copy-block .headline-img img {
    margin: 0 auto;
    display: block;
  }
  .steps .step-assets {
    flex-direction: column;
  }
  .steps .step-assets .step {
    width: 100%;
  }
  .steps .step-assets .step:not(:nth-last-child(-n+1)) {
    margin-bottom: 32px;
  }
  .callout .container {
    flex-direction: column;
    text-align: center;
  }
  .callout .container.mobile-reverse {
    flex-direction: column-reverse;
  }
  .callout .container.mobile-reverse .image-block {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .callout .image-block {
    margin-bottom: 16px;
  }
  .callout .copy-block,
  .callout .image-block + .copy-block {
    margin-left: 0;
  }
  .callout .cta {
    margin-top: 16px;
  }
  .hcp-signup .container.row {
    flex-direction: column;
  }
  .hcp-signup .copy-block {
    text-align: center;
    padding-right: 0;
    padding-bottom: 32px;
  }
  .hcp-signup .signup-callout .cta-btn {
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .intro-copy h1, .intro-copy h2,
  .multi-columns h1,
  .multi-columns h2,
  .media-half h1,
  .media-half h2,
  .icon-columns h1,
  .icon-columns h2,
  .callout h1,
  .callout h2,
  .steps h1,
  .steps h2,
  .asset-listing h1,
  .asset-listing h2,
  .ml-assets h1,
  .ml-assets h2,
  .data-columns h1,
  .data-columns h2,
  .half-bubbles h1,
  .half-bubbles h2,
  .iso-headline h1,
  .iso-headline h2,
  .two-call-bug h1,
  .two-call-bug h2,
  .image-modal h1,
  .image-modal h2,
  .body-copy h1,
  .body-copy h2,
  .hcp-signup h1,
  .hcp-signup h2,
  .contact h1,
  .contact h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .intro-copy h3, .intro-copy .subhead, .intro-copy .subhead.alt,
  .multi-columns h3,
  .multi-columns .subhead,
  .multi-columns .subhead.alt,
  .media-half h3,
  .media-half .subhead,
  .media-half .subhead.alt,
  .icon-columns h3,
  .icon-columns .subhead,
  .icon-columns .subhead.alt,
  .callout h3,
  .callout .subhead,
  .callout .subhead.alt,
  .steps h3,
  .steps .subhead,
  .steps .subhead.alt,
  .asset-listing h3,
  .asset-listing .subhead,
  .asset-listing .subhead.alt,
  .ml-assets h3,
  .ml-assets .subhead,
  .ml-assets .subhead.alt,
  .data-columns h3,
  .data-columns .subhead,
  .data-columns .subhead.alt,
  .half-bubbles h3,
  .half-bubbles .subhead,
  .half-bubbles .subhead.alt,
  .iso-headline h3,
  .iso-headline .subhead,
  .iso-headline .subhead.alt,
  .two-call-bug h3,
  .two-call-bug .subhead,
  .two-call-bug .subhead.alt,
  .image-modal h3,
  .image-modal .subhead,
  .image-modal .subhead.alt,
  .body-copy h3,
  .body-copy .subhead,
  .body-copy .subhead.alt,
  .hcp-signup h3,
  .hcp-signup .subhead,
  .hcp-signup .subhead.alt,
  .contact h3,
  .contact .subhead,
  .contact .subhead.alt {
    font-size: 18px;
    line-height: 1.2;
  }
  .page-banner .container {
    flex-direction: column;
  }
  .page-banner .banner-copy {
    max-width: 100%;
  }
  .page-banner .banner-copy h1 {
    margin-top: 16px;
  }
  .page-banner .banner-image img {
    margin-left: 0;
  }
  .interior .page-banner .container {
    flex-direction: column;
  }
  .interior .page-banner .banner-copy {
    max-width: 100%;
    text-align: center;
  }
  .contact fieldset .form-group.half, .contact fieldset .form-group.third {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .isi-toggle span {
    display: none;
  }
  .isi-sticky .sticky-header,
  .isi-sticky .sticky-header .isi-header-text {
    font-size: 14px;
  }
  .isi-sticky .isi-toggle {
    right: 8px;
  }
  .isi-sticky .isi-toggle::after {
    width: 12px;
    height: 12px;
  }
  .asset-listing .assets {
    margin-top: 0;
  }
  .asset-listing .assets .asset:not(:nth-last-child(-n+3)) {
    margin-bottom: 16px;
  }
  .multi-columns .column:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .multi-columns .sub-content-text, .multi-columns .cta {
    margin-top: 16px;
  }
  .intro-copy,
  .multi-columns,
  .media-half,
  .icon-columns,
  .callout,
  .steps,
  .asset-listing,
  .ml-assets,
  .data-columns,
  .half-bubbles,
  .iso-headline,
  .two-call-bug,
  .image-modal,
  .body-copy,
  .hcp-signup,
  .contact,
  .isi,
  .references {
    padding: 30px 0;
  }
  .image-modal {
    margin-top: -14px !important;
    margin-bottom: 0;
  }
  .icon-columns .container:first-of-type {
    margin-bottom: 16px;
  }
  .icon-columns .container.row {
    padding-top: 0;
  }
  .icon-columns .copy-container ~ .media-container {
    margin-top: 16px;
  }
}
@media screen and (max-width: 570px) {
  .ml-assets .assets .asset .copy-container .cta {
    flex-direction: column;
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn {
    width: calc(100% - 48px);
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn:first-of-type {
    margin-bottom: 16px;
  }
  .asset-listing .assets .asset-description {
    text-align: center;
  }
  .asset-listing .assets.isolate-first .asset:first-of-type .asset-container {
    max-width: 80%;
  }
  .isi-sticky .sticky-header,
  .isi-sticky .sticky-header .isi-header-text {
    font-size: 12px;
  }
  .isi-sticky .isi-toggle::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 450px) {
  .icon-columns .container.row {
    flex-direction: column;
  }
  .icon-columns .column {
    width: 100%;
    margin-right: 0 !important;
  }
  .icon-columns .column:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .steps .step-assets .step {
    flex-direction: column;
  }
  .steps .step-assets .step .image-container {
    margin: 0 auto;
    display: inline-block;
  }
  .steps .step-assets .step .text-container {
    padding: 0;
  }
  .steps .step-assets .step .text-container h3, .steps .step-assets .step .text-container p {
    text-align: center;
  }
  .media-half .cta {
    text-align: center;
  }
  .media-half .inline-callout {
    flex-direction: column;
    text-align: center;
  }
  .media-half .inline-callout .cta-media {
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .media-half .inline-callout.hanging-icon .cta-media {
    transform: none;
    margin-right: auto;
    margin-bottom: -32px;
  }
  .media-half .inline-callout.hanging-icon .cta-copy {
    padding-left: 32px;
  }
  .media-half .cta-secondary {
    flex-direction: column;
  }
  .media-half .cta-secondary p, .media-half .cta-secondary .button-block {
    max-width: 100%;
  }
  .media-half .cta-secondary .cta-btn {
    width: 100%;
  }
  .ml-assets .assets .asset {
    flex-direction: column;
    align-items: center;
  }
  .ml-assets .assets .asset .image-container {
    margin-bottom: 32px;
  }
  .ml-assets .assets .asset .copy-container {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .ml-assets .assets .asset .copy-container .cta .cta-btn {
    width: calc(100% - 48px);
  }
  .multi-columns .column .cta .cta-btn {
    width: calc(100% - 48px);
  }
  .asset-listing .assets .asset {
    max-width: 100%;
  }
  .asset-listing .assets .asset:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .asset-listing .assets.isolate-first .asset {
    flex-grow: 1;
    flex-basis: 100%;
  }
  .asset-listing .assets.isolate-first .asset:first-of-type .asset-container {
    max-width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .bottom-banner .main-navigation {
    padding: 40px 30px;
    width: calc(100% - 70px);
  }
  .site-footer .footer-logo img {
    max-width: 200px;
  }
}
/* Style fixes for legal screenshots */
body[__fireshotignoredelement] .isi-sticky {
  display: none;
}

.interstitial {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 22;
  text-align: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
}
.interstitial .interstitial-container {
  background: var(--theme-primary) url(../images/interstitial-img.jpg) no-repeat bottom;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  max-width: 820px;
  max-height: 479px;
  width: 100%;
  height: 100%;
  padding: 64px;
  border-radius: 16px;
  position: relative;
}
.interstitial h1 {
  color: var(--hcp-primary);
  margin-top: 50px;
  font-family: var(--headline-text);
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  max-width: 520px;
  margin-bottom: 32px;
}
.interstitial h1 a {
  color: var(--hcp-primary);
}
.interstitial .subhead {
  font-size: 18px;
  line-height: 24px;
}
.interstitial .btn-container {
  padding-bottom: 18%;
}
.interstitial .btn-container a span {
  margin-top: 2px;
}
.interstitial .close {
  color: var(--hcp-primary);
  font-size: 42px;
  line-height: 1;
  font-weight: 500;
  font-family: var(--headline-text);
  text-decoration: none;
  position: absolute;
  top: 32px;
  right: 32px;
  height: 42px;
  width: 42px;
}

.remodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 20;
  text-align: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
}

.remodal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 20;
  text-align: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
}
.remodal-wrapper .remodal {
  position: relative;
  outline: none;
  max-height: 100vw;
  max-width: 100vw;
}
.remodal-wrapper .remodal .remodal-close {
  position: absolute;
  pointer-events: none;
  top: -36px;
  right: 29px;
  background: transparent;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  z-index: 21;
}
.remodal-wrapper .remodal .remodal-close:after {
  position: absolute;
  display: block;
  content: "";
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0xMDk5IDI1MGM3LjE4IDAgMTMgNS44MiAxMyAxM3MtNS44MiAxMy0xMyAxMy0xMy01LjgyLTEzLTEzIDUuODItMTMgMTMtMTN6bTUuOTAzIDcuMDk3Yy0uNTQ4LS41NDgtMS40MzYtLjU0OC0xLjk4NCAwbC0zLjkxOSAzLjkxOC0zLjkxOS0zLjkxOC0uMDktLjA4Mi0uMDkzLS4wNzNjLS41NDgtLjM4Ny0xLjMxMS0uMzM2LTEuODAxLjE1NS0uNTQ4LjU0OC0uNTQ4IDEuNDM2IDAgMS45ODRsMy45MTggMy45MTktMy45MTggMy45MTktLjA4Mi4wOWMtLjQ2NS41NS0uNDM3IDEuMzc1LjA4MiAxLjg5NC41NDguNTQ4IDEuNDM2LjU0OCAxLjk4NCAwbDMuOTE5LTMuOTE4IDMuOTE5IDMuOTE4LjA5LjA4MmMuNTUuNDY1IDEuMzc1LjQzNyAxLjg5NC0uMDgyLjU0OC0uNTQ4LjU0OC0xLjQzNiAwLTEuOTg0bC0zLjkxOC0zLjkxOSAzLjkxOC0zLjkxOS4wODItLjA5Yy40NjUtLjU1LjQzNy0xLjM3NS0uMDgyLTEuODk0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwODYgLTI1MCkiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat 0 0;
  background-size: 26px 26px;
  margin-top: -1px;
}
.remodal-wrapper .remodal img {
  max-width: 98vw;
}

.video-container {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-container .video-wrapper {
  position: relative;
  display: table;
}
.video-container .video-wrapper .close-video {
  position: absolute;
  pointer-events: none;
  top: -36px;
  right: 29px;
  background: transparent;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  z-index: 21;
}
.video-container .video-wrapper .close-video:after {
  position: absolute;
  display: block;
  content: "";
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0xMDk5IDI1MGM3LjE4IDAgMTMgNS44MiAxMyAxM3MtNS44MiAxMy0xMyAxMy0xMy01LjgyLTEzLTEzIDUuODItMTMgMTMtMTN6bTUuOTAzIDcuMDk3Yy0uNTQ4LS41NDgtMS40MzYtLjU0OC0xLjk4NCAwbC0zLjkxOSAzLjkxOC0zLjkxOS0zLjkxOC0uMDktLjA4Mi0uMDkzLS4wNzNjLS41NDgtLjM4Ny0xLjMxMS0uMzM2LTEuODAxLjE1NS0uNTQ4LjU0OC0uNTQ4IDEuNDM2IDAgMS45ODRsMy45MTggMy45MTktMy45MTggMy45MTktLjA4Mi4wOWMtLjQ2NS41NS0uNDM3IDEuMzc1LjA4MiAxLjg5NC41NDguNTQ4IDEuNDM2LjU0OCAxLjk4NCAwbDMuOTE5LTMuOTE4IDMuOTE5IDMuOTE4LjA5LjA4MmMuNTUuNDY1IDEuMzc1LjQzNyAxLjg5NC0uMDgyLjU0OC0uNTQ4LjU0OC0xLjQzNiAwLTEuOTg0bC0zLjkxOC0zLjkxOSAzLjkxOC0zLjkxOS4wODItLjA5Yy40NjUtLjU1LjQzNy0xLjM3NS0uMDgyLTEuODk0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwODYgLTI1MCkiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat 0 0;
  background-size: 26px 26px;
  margin-top: -1px;
}

@media (max-width: 820px) {
  .video-container .video-wrapper {
    width: calc(100vw - 60px);
  }
  .video-container .video-wrapper iframe {
    width: 100%;
  }
  .video-container .video-wrapper .close-video {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
.ajax-confirm, .ajax-error {
  margin: 0 auto;
}

.privacy-policy .body-copy h1, .legal .body-copy h1 {
  font-family: var(--headline-text);
  color: var(--theme-primary);
}
.privacy-policy .body-copy h2, .legal .body-copy h2 {
  font-size: 24px;
  line-height: 1.2;
}
.privacy-policy .body-copy h3, .legal .body-copy h3 {
  font-size: 18px;
}
.privacy-policy .body-copy h1, .privacy-policy .body-copy h2, .privacy-policy .body-copy h3, .privacy-policy .body-copy ul, .privacy-policy .body-copy p, .legal .body-copy h1, .legal .body-copy h2, .legal .body-copy h3, .legal .body-copy ul, .legal .body-copy p {
  margin-bottom: 16px;
}
.privacy-policy .body-copy ul li, .legal .body-copy ul li {
  list-style: disc;
  padding-left: 0;
}
.privacy-policy .body-copy ul li::marker, .legal .body-copy ul li::marker {
  content: unset;
}
.privacy-policy .body-copy a, .legal .body-copy a {
  color: var(--theme-primary);
}

.has-modal {
  cursor: pointer;
}