.title-block {
  max-width: 1915px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .title-block {
    padding: 2rem 0;
  }
}
.title-block.page4-self-help {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -3vw !important;
  z-index: 3;
  position: relative;
  background: transparent;
}
.title-block.page4-self-help .container .left .copy h3.subtitle {
  /*							margin-top:-0.5rem;*/
  line-height: 90%;
}
.title-block.longTermHealth .container .left .copy h3.subtitle {
  /*							margin-top:-0.4rem;*/
}
.title-block.page3-whereHow .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
.title-block.right_to_left .container .left {
  order: 2;
}
.title-block.right_to_left .container .right {
  order: 1;
}
.title-block .after {
  display: none;
}
.title-block.offset-bottom {
  padding-bottom: 0;
}
.title-block.offset-bottom .after {
  width: 100%;
  background: white;
  display: block;
}
.title-block .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.title-block .container.Small {
  max-width: 44.5%;
}
.title-block .container.Medium {
  max-width: 70%;
}
@media screen and (max-width: 767px) {
  .title-block .container {
    flex-direction: column;
    padding-left: 0px;
  }
}
.title-block .container .left {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .title-block .container .left {
    width: 100%;
  }
}
.title-block .container .left .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.title-block .container .left .copy h3.subtitle {
  color: #da7c27;
  font-weight: 700;
  font-size: 32px;
  line-height: 90%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .title-block .container .left .copy h3.subtitle {
    margin-bottom: 1rem;
    font-size: 30px;
    line-height: 30px;
  }
}
.title-block .container .left .copy h3.title {
  position: relative;
  left: 0;
  top: 0;
  transform: translateY(-100%);
}
@media screen and (max-width: 768px) {
  .title-block .container .left .copy h3.title {
    font-size: 24px;
    line-height: 28px;
  }
}
.title-block .container .left .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.title-block .container .left .copy .content p {
  font-size: 18px;
  padding: 1rem;
  color: white;
  padding-right: 0;
}
.title-block .container .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.title-block .container .left.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.title-block .container .left.InView .copy h3.subtitle {
  /*							transform:translateY(-42.5%);*/
}
.title-block .container .left.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.title-block .container .right {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 4rem;
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .title-block .container .right {
    width: 95%;
  }
}
.title-block .container .right.InView {
  transition: all 1s ease;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .title-block .container .right {
    height: 0;
    margin-top: 0;
  }
}
.title-block .container.Small {
  max-width: 44.5%;
}
@media screen and (max-width: 1024px) {
  .title-block .container.Small {
    max-width: 52%;
  }
}
@media screen and (max-width: 767px) {
  .title-block .container.Small {
    max-width: 70%;
    margin-left: 75px;
  }
}
.title-block .container.Small .left {
  width: 42.5%;
}
@media screen and (max-width: 767px) {
  .title-block .container.Small .left {
    width: 80%;
  }
}
.title-block .container.Small .right {
  width: 42.5%;
}
.title-block .container.Medium {
  max-width: 70%;
}
@media screen and (max-width: 1024px) {
  .title-block .container.Medium {
    max-width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .title-block .container.Medium {
    max-width: 70%;
    margin-left: 75px;
  }
}
.title-with-text {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .title-with-text {
    padding: 2rem 0;
  }
}
.title-with-text .backgroundImage {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.title-with-text.page5opioidWithdrawal .container .right, .title-with-text.avoidingTriggers .container .right, .title-with-text.commonTriggers .container .right {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .title-with-text.commonTriggers .container .left {
    order: 1;
  }
}
.title-with-text.commonTriggers .container .left .copy h3 {
  font-size: 32px;
}
.title-with-text.commonTriggers .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
@media screen and (max-width: 768px) {
  .title-with-text.commonTriggers .container .right {
    order: 2;
  }
}
.title-with-text.commonTriggers .container .right .copy .content p {
  padding-left: 1.75rem;
}
.title-with-text.avoidingTriggers {
  background-position: center !important;
  padding-top: 10vw;
  padding-bottom: 10vw;
}
@media screen and (max-width: 768px) {
  .title-with-text.avoidingTriggers .container .left {
    order: 1;
  }
}
.title-with-text.avoidingTriggers .container .left .copy h3 {
  font-size: 32px;
}
.title-with-text.avoidingTriggers .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
@media screen and (max-width: 768px) {
  .title-with-text.avoidingTriggers .container .right {
    order: 2;
  }
}
.title-with-text.avoidingTriggers .container .right .copy .content p {
  font-size: 15px;
}
.title-with-text .container.right_to_left .left {
  order: 2;
}
.title-with-text .container.right_to_left .right {
  order: 1;
}
@media screen and (max-width: 767px) {
  .title-with-text .container.right_to_left .right {
    margin-bottom: 2rem;
  }
}
.title-with-text .container.right_to_left.Small .right {
  margin-top: 2rem;
}
.title-with-text .container.right_to_left.Small .right .image {
  width: 90%;
  align-self: flex-start;
}
.title-with-text .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 3;
  position: relative;
}
.title-with-text .container.medium {
  max-width: 70%;
}
.title-with-text .container.small {
  max-width: 42%;
}
@media screen and (max-width: 767px) {
  .title-with-text .container {
    flex-direction: column;
    padding-left: 0px;
  }
}
.title-with-text .container .title {
  width: 100%;
  min-height: 60px;
}
.title-with-text .container .title h2 {
  font-size: 25px;
  font-weight: bold;
  color: white;
}
.title-with-text .container .left {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .title-with-text .container .left {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .title-with-text .container .left {
    order: 2;
    /*				margin-left:68px;*/
  }
}
.title-with-text .container .left .copy {
  position: relative;
}
.title-with-text .container .left .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.title-with-text .container .left .copy h3.subtitle {
  color: #da7c27;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  /*						margin-top: -0.95rem;*/
  margin-bottom: 2rem;
}
.title-with-text .container .left .copy h3.title {
  position: relative;
  left: 0;
  top: 0;
  transform: translateY(-100%);
}
.title-with-text .container .left .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.title-with-text .container .left .copy .content p {
  font-family: poppins, sans-serif;
  font-weight: 400;
  padding: 0rem;
  color: white;
  padding-right: 0;
  padding-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
}
.title-with-text .container .left .copy .content p a.button {
  background: #da7c27;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  padding: 0.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  transition: all 0.3s ease;
  transform: scale(1);
}
.title-with-text .container .left .copy .content p a.button:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  display: block;
}
.title-with-text .container .left .copy .content p a.button:hover {
  border: 0;
  padding: 0.5rem;
  transition: all 0.3s ease;
  transform: scale(1.05);
}
.title-with-text .container .left .copy .content p a.button.outline {
  background: transparent !important;
  border: 1px solid #da7c27 !important;
  color: #da7c27 !important;
}
.title-with-text .container .left .copy .content p a.button.outline:hover {
  border: 1px solid #da7c27 !important;
}
.title-with-text .container .left .copy .content p a.button.outline:after {
  content: "";
  background: transparent url(../img/link-arrow-orange.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  display: block;
}
.title-with-text .container .left .copy .content p a.button.white {
  color: white !important;
}
.title-with-text .container .left .copy .content ul {
  font-family: poppins, sans-serif;
  font-weight: 400;
  padding: 0rem;
  padding-right: 0;
  padding-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
  margin-left: 1rem;
}
.title-with-text .container .left .image {
  position: relative;
}
@media screen and (max-width: 767px) {
  .title-with-text .container .left .image {
    align-self: flex-start !important;
  }
}
.title-with-text .container .left .image .overlay {
  width: 60%;
  height: 60%;
  display: block;
  position: absolute;
}
.title-with-text .container .left .image .overlay.top_left {
  top: -10%;
  left: -10%;
}
.title-with-text .container .left .image .overlay.top_right {
  top: -10%;
  right: -10%;
}
.title-with-text .container .left .image .overlay.bottom_left {
  bottom: -10%;
  left: -10%;
}
.title-with-text .container .left .image .overlay.bottom_right {
  bottom: -10%;
  right: -10%;
}
.title-with-text .container .left.small .image img {
  width: 40%;
}
.title-with-text .container .left.medium .image img {
  width: 60%;
}
.title-with-text .container .left.large .image {
  transform: translateY(0);
}
.title-with-text .container .left.large .image img {
  width: 100%;
}
.title-with-text .container .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.title-with-text .container .left.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.title-with-text .container .left.InView .copy h3.subtitle {
  /*							transform:translateY(-42.5%);*/
}
.title-with-text .container .left.InView .copy h3.title {
  /*							transform: translateY(-47.5%);*/
}
.title-with-text .container .left.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.title-with-text .container .right {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0rem;
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .title-with-text .container .right {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .title-with-text .container .right {
    order: 1;
  }
}
.title-with-text .container .right .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
}
.title-with-text .container .right .copy h3.subtitle {
  color: #da7c27;
}
.title-with-text .container .right .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.title-with-text .container .right .copy .content p {
  font-size: 18px;
  padding: 1rem;
  color: white;
  padding-left: 0;
  font-family: poppins, sans-serif;
}
.title-with-text .container .right .image {
  position: relative;
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.title-with-text .container .right .image .overlay {
  width: 60%;
  height: 60%;
  display: block;
  position: absolute;
}
.title-with-text .container .right .image .overlay.top_left {
  top: -10%;
  left: -10%;
}
.title-with-text .container .right .image .overlay.top_right {
  top: -10%;
  right: -10%;
}
.title-with-text .container .right .image .overlay.bottom_left {
  bottom: -10%;
  left: -10%;
}
.title-with-text .container .right .image .overlay.bottom_right {
  bottom: -10%;
  right: -10%;
}
@media screen and (max-width: 767px) {
  .title-with-text .container .right .image {
    align-self: flex-start !important;
    margin-bottom: 2rem;
  }
}
.title-with-text .container .right.small .image {
  width: 100%;
}
.title-with-text .container .right.small .image img {
  width: 100%;
}
.title-with-text .container .right.medium .image {
  width: 100%;
}
.title-with-text .container .right.medium .image img {
  width: 100%;
}
.title-with-text .container .right.large {
  width: 50%;
  padding: 0;
  margin-top: 0;
}
.title-with-text .container .right.large .image {
  width: 100%;
  transform: translateY(0);
}
.title-with-text .container .right.large .image img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .title-with-text .container .right.large {
    width: 90%;
  }
}
.title-with-text .container .right.InView {
  transition: all 1s ease;
  opacity: 1;
}
.title-with-text .container .right.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.title-with-text .container .right.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.title-with-text .container.icons {
  margin-bottom: 3rem;
}
.title-with-text .container:last-of-type.icons {
  margin-bottom: 0rem;
}
.title-with-text .container.Small {
  max-width: 42%;
}
@media screen and (max-width: 1024px) {
  .title-with-text .container.Small {
    max-width: 52%;
  }
}
@media screen and (max-width: 767px) {
  .title-with-text .container.Small {
    max-width: 70%;
  }
}
.title-with-text .container.Small .left .copy h3.title {
  position: relative;
}
.title-with-text .container.Small .left .copy h3.subtitle {
  font-size: 26px;
  line-height: 26px;
  padding-top: 0rem;
  margin-top: 0;
}
.title-with-text .container.Small .right {
  margin-top: 2rem;
}
.title-with-text .container.Small .right .image {
  width: 90%;
  align-self: flex-end;
}
.title-with-text .container.Small .right.bottom_left {
  margin-top: 0;
}
.title-with-text .container.Small .right.bottom_right {
  margin-top: 0;
}
.title-with-text .container.Small.icons {
  max-width: 60%;
}
@media screen and (max-width: 767px) {
  .title-with-text .container.Small.icons {
    max-width: 75%;
    margin-left: 68px;
  }
}
.title-with-text .container.Small.icons .right .image img {
  width: 100%;
}
.title-with-text .container.Small.icons.right_to_left .left {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .title-with-text .container.Small.icons.right_to_left .left {
    width: 100%;
  }
}
.title-with-text .container.Small.icons.right_to_left .left .copy h3.title {
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateX(-75%) translateY(47.5%);
}
.title-with-text .container.Small.icons.right_to_left .left .copy h3.subtitle {
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateX(-75%) translateY(42.5%);
}
.title-with-text .container.Small.icons.right_to_left .left.InView {
  transform: translateY(0) translateX(-29%);
}
@media screen and (max-width: 767px) {
  .title-with-text .container.Small.icons.right_to_left .left.InView {
    transform: translateY(0) translateX(0%);
    margin-left: 15px;
  }
}
.title-with-text .container.Small.icons.right_to_left .left.InView .copy h3.title {
  transform: translateX(-75%) translateY(0%);
}
.title-with-text .container.Small.icons.right_to_left .left.InView .copy h3.subtitle {
  transform: translateX(-75%) translateY(110%);
}
.title-with-text .container.Small.icons.right_to_left .right {
  margin-top: 0;
}
.title-with-text .container.Small.icons.right_to_left .right .copy {
  width: 35%;
  align-self: flex-end;
}
.title-with-text .container.Small.icons.right_to_left .right .copy h3 {
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.title-with-text .container.Small.icons.right_to_left .right .copy h3.title {
  position: relative;
}
.title-with-text .container.Small.icons.right_to_left .right .copy h3.subtitle {
  font-size: 26px;
  line-height: 26px;
  padding-top: 0rem;
  color: #da7c27;
  font-weight: 700;
  margin-bottom: 2rem;
}
.title-with-text .container.Small.icons.right_to_left .right .image {
  visibility: hidden;
  margin-top: -6vw;
}
@media screen and (max-width: 767px) {
  .title-with-text .container.Small.icons.right_to_left .right .image {
    margin-top: -20vw;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .title-with-text .container.Small.icons.right_to_left .right {
    margin-bottom: 0 !important;
  }
}
.title-with-text .container.Medium {
  max-width: 70%;
}
@media screen and (max-width: 1024px) {
  .title-with-text .container.Medium {
    max-width: 70%;
  }
}
.title-with-text.video {
  position: unset;
  height: 100%;
}
.title-with-text.video .after {
  display: none;
}
.title-with-text.video.offset-bottom {
  padding-bottom: 0;
}
.title-with-text.video.offset-bottom .after {
  /*				position: relative;*/
  /*				bottom:0;*/
  width: 100%;
  background: white;
  display: block;
}
.title-with-text.video .container {
  margin-bottom: 4rem;
  z-index: 1;
}
.title-with-text.video .container .left .copy .content {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container .left .copy .content {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container .left {
    margin-left: 68px;
  }
}
.title-with-text.video .container.video {
  z-index: 3;
  position: relative;
}
.title-with-text.video .container.video .left {
  align-items: flex-end;
}
.title-with-text.video .container.video .left .copy {
  width: 73.5%;
  margin-bottom: 4rem;
}
.title-with-text.video .container.video .left .copy .content {
  width: 100%;
}
.title-with-text.video .container.video .left .copy .content p {
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .left .copy {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .left {
    order: 1;
    align-items: flex-start;
  }
}
.title-with-text.video .container.video .right {
  align-self: flex-end;
  margin-bottom: 2rem;
  position: relative;
}
.title-with-text.video .container.video .right:before {
  content: "";
  background: transparent url("../img/video-eye-icon.svg") no-repeat center;
  background-size: 100%;
  width: 50px;
  height: 24px;
  position: absolute;
  left: 50;
  top: 50%;
  transform: translateX(-182.5%) translateY(-50%);
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .right:before {
    left: 33px;
  }
}
.title-with-text.video .container.video .right .copy .content p {
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #da7c27;
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .right {
    order: 2;
    width: 85%;
    align-self: flex-start;
    margin-left: 68px;
  }
}
.title-with-text.video .container.video .video {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .video {
    width: 80%;
    order: 3;
    margin-left: 68px;
  }
}
.title-with-text.video .container.video .video .topline {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 0;
  background: orange;
  width: 5px;
  height: 15%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .video .topline {
    display: none;
  }
}
.title-with-text.video .container.video .video .bottomline {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 0;
  background: orange;
  width: 5px;
  height: 15%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .title-with-text.video .container.video .video .bottomline {
    display: none;
  }
}
.title-with-text.video .container.video .video .video-js {
  width: 100%;
}
.title-with-text.video .container.video .video .video-js .vjs-control-bar {
  /*opacity:1!important;
  display:block;*/
}
.title-with-text.video .container.video .video .video-js {
  padding-top: 52.65%;
}
.title-with-text.video .container.video .video .video-js .vjs-big-play-button {
  background: transparent;
  border: 0;
  transform: translateX(-45%) translateY(-50%);
}
.title-with-text.video .container.video .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 180px;
}
.title-with-text.video .container.video .video .video-js .vjs-control-bar {
  transform: rotate(90deg);
  left: -29.25%;
  top: 54.85%;
  opacity: 1 !important;
  width: 58.5%;
  background: transparent !important;
  height: 8px !important;
}
.title-with-text.video .container.video .video .video-js .vjs-play-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 10px;
  right: 19%;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6);
}
.title-with-text.video .container.video .video .video-js .vjs-time-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 20px;
  right: 10%;
  width: 30px;
  height: 20px;
  background: transparent;
  padding: 0;
}
.title-with-text.video .container.video .video .video-js .vjs-volume-panel {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 40px;
  right: 14%;
  width: 30px;
  height: 30px;
  background: transparent;
}
.title-with-text.video .container.video .video .video-js .vjs-picture-in-picture-control {
  display: none;
}
.title-with-text.video .container.video .video .video-js .vjs-fullscreen-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 10px;
  right: 14%;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6);
}
.title-with-text.video .container.video .video .video-js .vjs-progress-holder {
  background-color: white !important;
  height: 8px;
  margin: 0;
  flex: unset;
  width: 90%;
}
.title-with-text.video .container.video .video .video-js .vjs-play-progress {
  background-color: #dc913e;
  height: 8px;
}
.title-with-text.video .container.video .video .video-js .vjs-play-progress:before {
  content: "";
  width: 15px;
  height: 38px;
  background: white;
  display: block;
  transform: translateY(-30px);
  background: transparent url("../img/video-timeline-marker.svg") no-repeat center center;
  right: -0.5rem !important;
}
.title-with-text.justText {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .title-with-text.justText {
    background-size: 600% !important;
    background-position: 30% 0% !important;
    background-repeat: no-repeat !important;
  }
}
.title-with-text.justText .leftOverlay {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
.title-with-text.justText .rightOverlay {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .title-with-text.justText .rightOverlay {
    width: 100%;
    height: 50%;
  }
}
.title-with-text.justText .container .left {
  padding: 4rem 0.5%;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .title-with-text.justText .container .left {
    order: 1;
    padding-left: 68px;
  }
}
.title-with-text.justText .container .left .copy {
  display: flex;
  flex-direction: column;
  width: 70%;
}
.title-with-text.justText .container .left .copy h3 {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 2rem;
}
.title-with-text.justText .container .left .copy p {
  font-size: 16px;
  width: 95%;
  padding-bottom: 2rem;
}
.title-with-text.justText .container .left .copy .button {
  border: 1px solid white;
  position: relative;
  display: flex;
  align-items: center;
  align-self: flex-start;
  transition: all 0.3s ease;
  background: transparent;
  transform: scale(1);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: white;
}
.title-with-text.justText .container .left .copy .button:after {
  content: "";
  background: transparent url("../img/link-arrow-white.svg") no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
}
.title-with-text.justText .container .left .copy .button:hover {
  transition: all 0.3s ease;
  color: #ffffff;
  transform: scale(1.025);
}
.title-with-text.justText .container .left .copy .button:hover:after {
  transform: translateX(100%);
  transition: all 0.3s ease;
}
.title-with-text.justText .container .left .copy .button.outline {
  background: transparent !important;
  border: 1px solid #da7c27 !important;
  color: #da7c27 !important;
}
.title-with-text.justText .container .left .copy .button.outline:hover {
  border: 1px solid #da7c27 !important;
}
.title-with-text.justText .container .left .copy .button.white {
  color: white;
}
.title-with-text.justText .container .right {
  padding: 4rem 0.5%;
  margin-top: 0;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .title-with-text.justText .container .right {
    order: 2;
    padding-left: 68px;
  }
}
.title-with-text.justText .container .right .copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 70%;
}
.title-with-text.justText .container .right .copy h3 {
  position: relative;
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 2rem;
  padding-left: 0;
}
.title-with-text.justText .container .right .copy p {
  font-size: 16px;
  width: 95%;
  font-family: poppins, sans-serif;
  font-weight: 400;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 2rem;
}
.title-with-text.justText .container .right .copy .button {
  border: 1px solid white;
  position: relative;
  display: flex;
  align-items: center;
  align-self: flex-start;
  transition: all 0.3s ease;
  background: transparent;
  transform: scale(1);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: white;
}
.title-with-text.justText .container .right .copy .button:after {
  content: "";
  background: transparent url("../img/link-arrow-white.svg") no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
}
.title-with-text.justText .container .right .copy .button:hover {
  transition: all 0.3s ease;
  color: #ffffff;
  transform: scale(1.025);
}
.title-with-text.justText .container .right .copy .button:hover:after {
  transform: translateX(100%);
  transition: all 0.3s ease;
}
.title-with-text.icons {
  padding-bottom: 2rem;
}
.title-with-text.empowering {
  padding-bottom: 0;
  padding-top: 0;
  /*		transform:translateY(-12.5%);*/
  margin-top: 0 !important;
}
.title-with-text.empowering .container {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .title-with-text.empowering .container {
    max-width: 70%;
  }
}
.title-with-text.empowering .container.right_to_left .left {
  order: 2;
}
.title-with-text.empowering .container.right_to_left .left .copy .content {
  padding-right: 45%;
}
@media screen and (max-width: 767px) {
  .title-with-text.empowering .container.right_to_left .left .copy .content {
    padding-right: 0;
  }
}
.title-with-text.empowering .container.right_to_left .right {
  order: 1;
}
@media screen and (max-width: 767px) {
  .title-with-text.empowering .container.right_to_left .right {
    margin-bottom: 2rem;
  }
}
.title-with-text.empowering .container.right_to_left.Small .right {
  margin-top: 2rem;
}
.title-with-text.empowering .container.right_to_left.Small .right .image {
  width: 90%;
  align-self: flex-start;
}
.title-with-text.empowering .container .left .copy h3.title {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .title-with-text.empowering .container .left .copy h3.title {
    margin-top: 1rem;
  }
}
.title-with-text.empowering .container .left .copy h3.subtitle {
  margin-top: 0;
}
.title-with-text.empowering .container .copy {
  padding-left: 45%;
}
@media screen and (max-width: 767px) {
  .title-with-text.empowering .container .copy {
    padding-left: 0;
  }
}
.title-with-text.empowering .container .copy .content p a.button {
  background: #da7c27;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  padding: 0.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-with-text.empowering .container .copy .content p a.button:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  display: block;
}
.title-with-text.empowering .container .copy .content p a.outline {
  background: transparent !important;
  border: 1px solid #da7c27 !important;
  color: #da7c27 !important;
}
.title-with-text.empowering .container .copy .content p a.outline:hover {
  border: 1px solid #da7c27 !important;
}
.title-with-text.empowering .container .copy .content p a.white {
  color: white;
}
.title-with-text.slider {
  position: unset;
  height: 100%;
}
.title-with-text.slider .slider_two_columns.slide-container {
  z-index: 3;
  position: relative;
}

.sliderSection {
  max-width: 1918px;
  margin: 0 auto;
}
.sliderSection.page6MentalHealthSlider {
  padding-bottom: 8vw;
}
.sliderSection.page6MentalHealthSlider .container {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .sliderSection.page6MentalHealthSlider .container {
    flex-direction: column;
  }
  .sliderSection.page6MentalHealthSlider .container .left {
    width: 100%;
  }
}
.sliderSection.page6MentalHealthSlider .slider {
  z-index: 4;
}
.sliderSection .after {
  display: none;
}
.sliderSection.page2-commonSymptomsSlider .slider {
  z-index: 4;
}
.sliderSection.page4-someofthesymptomsSlider .container .left .copy {
  /*.content {
  	width:67.5%;
  	h4 {
  		padding-bottom:0.75rem;
  	}
  	p {
  		font-size:15px;
  	}
  }*/
}
.sliderSection.page4-someofthesymptomsSlider .container .left .copy h3 {
  /*						font-size:32px;*/
}
.sliderSection.page4-someofthesymptomsSlider .container .left .copy h3.subtitle {
  margin-top: 0.4rem;
  line-height: 34px;
  /*							font-size:43px;*/
}
.sliderSection.page4-someofthesymptomsSlider .slider {
  z-index: 4;
}
.sliderSection.offset-bottom {
  padding-bottom: 0;
}
.sliderSection.offset-bottom .after {
  width: 100%;
  background: white;
  display: block;
}
.sliderSection .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .sliderSection .container {
    flex-direction: column;
    padding-left: 0px;
  }
}
.sliderSection .container.right_to_left .left {
  order: 2;
}
.sliderSection .container.right_to_left .right {
  order: 1;
}
.sliderSection .container.right_to_left.Small .right {
  margin-top: 2rem;
}
.sliderSection .container.right_to_left.Small .right .image {
  width: 90%;
  align-self: flex-start;
}
.sliderSection .container.right .left {
  order: 2;
}
.sliderSection .container.right .right {
  order: 1;
}
@media screen and (max-width: 767px) {
  .sliderSection .container.right .right {
    height: 0;
    margin-top: 0;
  }
}
.sliderSection .container .left {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
}
@media screen and (max-width: 600px) {
  .sliderSection .container .left {
    width: 70%;
    margin-left: 75px;
  }
}
.sliderSection .container .left .copy {
  position: relative;
}
.sliderSection .container .left .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 90%;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.sliderSection .container .left .copy h3.subtitle {
  color: #cd8329;
  font-weight: 700;
  font-size: 32px;
  line-height: 90%;
  /*					padding-top: 1rem;*/
  margin-bottom: 2rem;
}
.sliderSection .container .left .copy h3.title {
  /*					position: absolute;*/
  left: 0;
  top: 0;
  transform: translateY(-100%);
}
.sliderSection .container .left .copy h3 span {
  display: block;
}
.sliderSection .container .left .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
  width: 82%;
}
.sliderSection .container .left .copy .content p {
  font-family: poppins, sans-serif;
  font-weight: 400;
  padding: 0rem;
  color: white;
  padding-right: 0;
  padding-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
}
.sliderSection .container .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.sliderSection .container .left.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.sliderSection .container .left.InView .copy h3.subtitle {
  /*						transform:translateY(-42.5%);*/
}
.sliderSection .container .left.InView .copy h3.title {
  /*						transform: translateY(-47.5%);*/
}
.sliderSection .container .left.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.sliderSection .container .right {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 4rem;
  align-self: flex-start;
}
@media screen and (max-width: 600px) {
  .sliderSection .container .right {
    width: 95%;
  }
}
.sliderSection .slider {
  z-index: 4;
  position: relative;
  margin-bottom: 2rem;
}
@media screen and (max-width: 600px) {
  .sliderSection .slider {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .sliderSection .slider {
    margin-bottom: 2rem;
  }
}
.sliderSection .slider .slide-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.sliderSection .slider .slide-container .slick-slide {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  transform: translateX(-22.5%);
}
@media screen and (min-width: 1440px) {
  .sliderSection .slider .slide-container .slick-slide {
    min-height: 220px;
  }
}
@media screen and (max-width: 1439px) {
  .sliderSection .slider .slide-container .slick-slide {
    min-height: 220px;
  }
}
.sliderSection .slider .slide-container .slick-slide div {
  height: 100%;
}
.sliderSection .slider .slide-container .slick-slide .slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection .slider .slide-container .slick-slide .slide div {
  height: auto;
}
@media screen and (max-width: 767px) {
  .sliderSection .slider .slide-container .slick-slide .slide {
    min-height: 220px;
  }
}
@media screen and (max-width: 1439px) {
  .sliderSection .slider .slide-container .slick-slide .slide {
    min-height: 220px;
  }
}
@media screen and (min-width: 1440px) {
  .sliderSection .slider .slide-container .slick-slide .slide {
    /*					min-height:220px;*/
  }
}
.sliderSection .slider .slide-container .slick-slide .image {
  position: absolute;
  width: 100%;
  height: 100% !important;
  left: 0;
  top: 0;
  filter: grayscale(1) brightness(35%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection .slider .slide-container .slick-slide h3 {
  /*				filter:grayscale(0);*/
  position: relative;
  font-family: poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding: 0 2rem;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .sliderSection .slider .slide-container .slick-slide h3 {
    font-size: 12px;
    padding: 0 1rem;
  }
}
.sliderSection .slider .slide-container .slick-slide p {
  position: relative;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  padding: 1rem 1rem 0;
  text-align: center;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.sliderSection .slider .slide-container .slick-slide.slick-current {
  z-index: 2;
  transform: translateX(-22.5%);
}
.sliderSection .slider .slide-container .slick-slide.slick-current + .slick-slide {
  transform: translateX(22.5%);
}
.sliderSection .slider .slide-container .slick-slide.slick-current + .slick-slide + .slick-slide {
  transform: translateX(22.5%);
}
.sliderSection .slider .slide-container .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide {
  transform: translateX(22.5%);
}
.sliderSection .slider .slide-container .slick-slide.slick-current .slide {
  width: 145% !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection .slider .slide-container .slick-slide.slick-current .image {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: grayscale(0);
  width: 145% !important;
}
.sliderSection .slider .slide-container .slick-slide.slick-current h3 {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .sliderSection .slider .slide-container .slick-slide.slick-current h3 {
    font-size: 14px;
    padding: 0 1rem;
  }
}
.sliderSection .slider .slide-container .slick-slide.slick-current p {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  padding: 1rem 2rem 0;
}
.sliderSection .slider .slide-container .slick-arrow {
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  z-index: 5;
  height: 100%;
  padding: 0;
  border: 0;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1) translateY(-50%);
  transform-origin: center;
}
@media screen and (max-width: 767px) {
  .sliderSection .slider .slide-container .slick-arrow {
    width: 60px !important;
    height: 60px !important;
  }
}
.sliderSection .slider .slide-container .slick-arrow:active, .sliderSection .slider .slide-container .slick-arrow:focus {
  border: 0;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection .slider .slide-container .slick-arrow.slick-prev {
  background-image: url("../img/prev-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  left: 0;
  transition: all 0.3s ease;
}
.sliderSection .slider .slide-container .slick-arrow.slick-next {
  background-image: url("../img/next-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  right: 0;
  transition: all 0.3s ease;
}
.sliderSection .slider .slide-container .slick-arrow:hover {
  transform: scale(0.98) translateY(-50.75%);
  transition: all 0.3s ease;
  transform-origin: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-size: 30%;
}

.sliderSection2 {
  padding: 0;
  position: relative;
  max-width: 1916px;
  margin: 0 auto;
}
.sliderSection2 .after {
  display: none;
}
.sliderSection2.offset-bottom {
  padding-bottom: 0;
}
.sliderSection2.offset-bottom .after {
  width: 100%;
  background: white;
  display: block;
}
.sliderSection2.page4-journeySlider .container .left {
  width: 80%;
}
.sliderSection2.page4-journeySlider .container .left .copy h3 {
  /*						width:90%;*/
}
@media screen and (max-width: 768px) {
  .sliderSection2.page4-journeySlider .slider2 .slide-container .slick-arrow {
    top: unset;
    bottom: 2%;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page4-journeySlider .slider2 .slide-container .slick-arrow.slick-prev {
    left: 50%;
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page4-journeySlider .slider2 .slide-container .slick-arrow.slick-next {
    right: 50%;
    transform: translateX(100%);
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page4-journeySlider .slider2 .slide-container .slick-slide .copy h3 {
    color: white !important;
  }
}
.sliderSection2.page4-VisitingDrugTreatmentSlider .container .left {
  background-image: none;
  padding-left: 0;
  width: 80%;
}
.sliderSection2.page4-VisitingDrugTreatmentSlider .container .left .copy h3 {
  padding-left: 0;
}
.sliderSection2.page4-VisitingDrugTreatmentSlider .slider2 .slide-container .slick-slide .copy p {
  text-shadow: none !important;
}
.sliderSection2.page6-slider2 .container .left {
  background-image: none;
  padding-left: 0;
  margin-left: 75px;
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .container .left .copy h3 {
    font-size: 22px;
    padding-left: 0;
  }
}
.sliderSection2.page6-slider2 .container .left .copy h3.subtitle {
  margin-top: -0.8rem;
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .container .left .copy h3.subtitle {
    margin-top: -0.2rem;
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .slide {
    background-position: 40% !important;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide:nth-child(2) .slide {
    background-position: 70%;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy {
    padding-top: 6vw;
  }
}
.sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy h3 {
  font-size: 65px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy h3 {
    padding-left: 3vw;
  }
}
.sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy h4 {
  padding-left: 5.5rem;
  transform: translateY(-105%);
  color: white;
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy h4 {
    padding-left: 12vw;
    transform: translateY(-60%);
  }
}
.sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy p {
  padding-left: 5.5rem;
  font-size: 16px;
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide .copy p {
    padding-left: 12vw;
    padding-top: 0;
  }
}
.sliderSection2.page6-slider2 .slider2 .slide-container .slick-slide:nth-child(7) .copy h4 {
  transform: translateY(-65%);
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-arrow {
    top: unset;
    bottom: 0;
    transform: scale(1) translateY(-2%);
  }
}
.sliderSection2.page6-slider2 .slider2 .slide-container .slick-arrow.slick-next {
  background-image: url(../img/slider-2-rightArrow-red.svg);
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-arrow.slick-next {
    right: 40%;
    transform: scale(1) translateY(-2%) translateX(100%);
  }
}
.sliderSection2.page6-slider2 .slider2 .slide-container .slick-arrow.slick-prev {
  background-image: url(../img/slider-2-leftArrow-red.svg);
}
@media screen and (max-width: 768px) {
  .sliderSection2.page6-slider2 .slider2 .slide-container .slick-arrow.slick-prev {
    left: 40%;
    transform: scale(1) translateY(-2%) translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page8-slider2 {
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page8-slider2 .slider2 .slide-container .slick-slide .slide {
    background-position: 20% top;
  }
}
.sliderSection2.page8-slider2 .slider2 .slide-container .slick-slide .copy h4 {
  font-family: poppins, sans-serif;
}
.sliderSection2.page8-slider2 .slider2 .slide-container .slick-slide .copy p {
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  .sliderSection2.page8-slider2 .slider2 .slide-container .slick-arrow {
    top: unset;
    bottom: 0;
    transform: scale(1) translateY(-10%);
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page8-slider2 .slider2 .slide-container .slick-arrow.slick-prev {
    left: 40%;
    transform: scale(1) translateY(-20%) translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2.page8-slider2 .slider2 .slide-container .slick-arrow.slick-next {
    right: 40%;
    transform: scale(1) translateY(-20%) translateX(100%);
  }
}
.sliderSection2 .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 4rem;
  z-index: 2;
}
@media screen and (max-width: 1130px) {
  .sliderSection2 .container {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .sliderSection2 .container {
    flex-direction: column;
    padding-left: 0px;
  }
}
.sliderSection2 .container.right_to_left .left {
  order: 2;
}
.sliderSection2 .container.right_to_left .right {
  order: 1;
}
.sliderSection2 .container.right_to_left.Small .right {
  margin-top: 2rem;
}
.sliderSection2 .container.right_to_left.Small .right .image {
  width: 90%;
  align-self: flex-start;
}
.sliderSection2 .container.right .left {
  order: 2;
}
.sliderSection2 .container.right .right {
  order: 1;
}
@media screen and (max-width: 767px) {
  .sliderSection2 .container.right .right {
    height: 0;
    margin-top: 0;
  }
}
.sliderSection2 .container .left {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  background: transparent url("../img/title-marker.png") no-repeat left center;
  background-size: auto 70%;
  padding-left: 5%;
}
@media screen and (max-width: 1130px) {
  .sliderSection2 .container .left {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2 .container .left {
    width: 85%;
    margin-left: 68px;
  }
}
@media screen and (max-width: 600px) {
  .sliderSection2 .container .left {
    width: 85%;
    margin-left: 68px;
  }
}
.sliderSection2 .container .left .copy {
  position: relative;
}
.sliderSection2 .container .left .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  min-height: auto;
}
@media screen and (max-width: 1024px) {
  .sliderSection2 .container .left .copy h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sliderSection2 .container .left .copy h3 {
    padding-left: 1rem;
  }
}
.sliderSection2 .container .left .copy h3.subtitle {
  color: #cd8329;
  font-weight: 700;
  font-size: 32px;
  line-height: 41px;
  padding-top: 0.05rem;
  margin-bottom: 0rem;
}
@media screen and (max-width: 1024px) {
  .sliderSection2 .container .left .copy h3.subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
.sliderSection2 .container .left .copy h3.title {
  /*					position: absolute;*/
  left: 0;
  top: 0;
  transform: translateY(-100%);
}
.sliderSection2 .container .left .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.sliderSection2 .container .left .copy .content p {
  font-family: poppins, sans-serif;
  font-weight: 400;
  padding: 0rem;
  color: white;
  padding-right: 0;
  padding-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
}
.sliderSection2 .container .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.sliderSection2 .container .left.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.sliderSection2 .container .left.InView .copy h3.subtitle {
  /*						transform:translateY(-42.5%);*/
}
.sliderSection2 .container .left.InView .copy h3.title {
  /*						transform: translateY(-47.5%);*/
}
.sliderSection2 .container .left.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.sliderSection2 .container .right {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 4rem;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .sliderSection2 .container .right {
    width: 10%;
  }
}
@media screen and (max-width: 600px) {
  .sliderSection2 .container .right {
    width: 95%;
  }
}
.sliderSection2 .slider2 {
  z-index: 1;
  position: relative;
  /*	margin-bottom:2rem;*/
}
@media screen and (max-width: 600px) {
  .sliderSection2 .slider2 {
    /*		width:90%;*/
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .sliderSection2 .slider2 {
    /*		margin-bottom:2rem;*/
  }
}
@media screen and (max-width: 670px) {
  .sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-arrow {
    top: unset;
    bottom: 1rem;
    transform: translateY(0) translateX(-100%);
  }
}
.sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-arrow.slick-prev {
  transform: translateY(0) translateX(100%);
}
@media screen and (max-width: 563px) {
  .sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-slide .slide {
    background-position: 40% center !important;
  }
}
.sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-slide .slide .copy {
  transform: translateY(0vw);
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-slide .slide .copy {
    width: 65%;
    margin-left: 35%;
    padding-top: 2rem;
  }
}
.sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-slide .slide .copy p {
  padding-left: 5rem;
  font-family: poppins, sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 623px) {
  .sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-slide .slide .copy p br {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .sliderSection2 .slider2.page4-VisitingDrugTreatmentSlider .slide-container .slick-slide .slide .copy p {
    padding-left: 4rem;
  }
}
.sliderSection2 .slider2 .slide-container {
  width: 100%;
  /*		max-width:1200px;*/
  margin: 0 auto;
  position: relative;
}
.sliderSection2 .slider2 .slide-container .slick-list {
  padding: 0 !important;
}
.sliderSection2 .slider2 .slide-container .slick-slide {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  /*&.slick-current {
  	z-index:2;
  	transform:translateX(-5%);
  	.slide {
  		width: calc(100% + 15%)!important;
  		transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  	}
  	.image {
  		transition: transform .3s cubic-bezier(.4, 0, .2, 1);
  		filter:grayscale(0);
  		width: calc(100% + 15%)!important;
  	}
  	h3 {
  		font-size:16px;
  		font-weight:600;
  		@media screen and (max-width: 767px) {
  			font-size:14px;
  			padding:0 1rem;
  		}
  	} 
  	p {
  		position: relative;
  		font-size:14px;
  		font-weight:400;
  		padding:1rem 2rem 0;
  	}
  }*/
}
.sliderSection2 .slider2 .slide-container .slick-slide div {
  /*				height:100%;*/
}
.sliderSection2 .slider2 .slide-container .slick-slide .slide {
  position: relative;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection2 .slider2 .slide-container .slick-slide .slide div {
  height: auto;
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .slide {
    justify-content: flex-start;
    padding: 2rem 0;
    min-height: 405px;
  }
}
@media screen and (max-width: 767px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .slide {
    min-height: 405px;
  }
}
.sliderSection2 .slider2 .slide-container .slick-slide .leftImage {
  /*				position:absolute;*/
  /*				width:100%;*/
  height: 100% !important;
  left: 0;
  top: 0;
  /*				filter:grayscale(1);*/
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection2 .slider2 .slide-container .slick-slide h3 {
  /*				filter:grayscale(0);*/
  position: relative;
  font-family: poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding: 0 2rem;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .sliderSection2 .slider2 .slide-container .slick-slide h3 {
    font-size: 12px;
    padding: 0 1rem;
  }
}
.sliderSection2 .slider2 .slide-container .slick-slide p {
  position: relative;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  padding: 1rem 1rem 0;
  text-align: center;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.sliderSection2 .slider2 .slide-container .slick-slide .copy {
  width: 50%;
  float: right;
  min-height: 42.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-3vw);
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .copy {
    width: 85%;
    padding-top: 6rem;
    margin-left: 68px;
  }
}
.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 {
  text-align: left;
  padding-left: 3rem;
  font-size: 35px;
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: none;
}
.sliderSection2 .slider2 .slide-container .slick-slide .copy h3.youngminds {
  text-transform: none;
}
.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 span {
  color: white;
  font-size: 74px;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .copy h3 span {
    font-size: 34px;
  }
}
@media screen and (max-width: 1024px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .copy h3 {
    font-size: 26px;
    line-height: 28px;
  }
}
.sliderSection2 .slider2 .slide-container .slick-slide .copy h4 {
  text-align: left;
  padding-left: 3rem;
  color: #da7c27;
  font-size: 23px;
  letter-spacing: 0.2rem;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .copy h4 {
    font-size: 18px;
    line-height: 20px;
  }
}
.sliderSection2 .slider2 .slide-container .slick-slide .copy p {
  color: white;
  text-align: left;
  padding-left: 3rem;
  font-size: 20px;
  line-height: 24px;
  max-width: 66%;
}
@media screen and (max-width: 1024px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .copy p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-slide .copy p {
    width: 100%;
    max-width: 90%;
  }
}
.sliderSection2 .slider2 .slide-container .slick-arrow {
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  z-index: 5;
  height: 100%;
  padding: 0;
  border: 0;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1) translateY(-50%);
  transform-origin: center;
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-arrow {
    width: 60px !important;
    height: 60px !important;
    z-index: 5;
  }
}
.sliderSection2 .slider2 .slide-container .slick-arrow:active, .sliderSection2 .slider2 .slide-container .slick-arrow:focus {
  border: 0;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sliderSection2 .slider2 .slide-container .slick-arrow.slick-prev {
  background-image: url("../img/slider-2-leftArrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  background-color: transparent;
  left: 10%;
  transition: all 0.3s ease;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-arrow.slick-prev {
    left: 5%;
  }
}
.sliderSection2 .slider2 .slide-container .slick-arrow.slick-next {
  background-image: url("../img/slider-2-rightArrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  background-color: transparent;
  right: 10%;
  transition: all 0.3s ease;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-arrow.slick-next {
    right: 5%;
  }
}
.sliderSection2 .slider2 .slide-container .slick-arrow:hover {
  transform: scale(1.1) translateY(-50.75%);
  transition: all 0.3s ease;
  transform-origin: center;
  /*				border:1px solid rgba(255,255,255,0.5);*/
  background-size: 40%;
}
@media screen and (max-width: 768px) {
  .sliderSection2 .slider2 .slide-container .slick-arrow:hover {
    transform: scale(1) translateY(0%);
    right: 20%;
  }
}

.slider_two_columns {
  z-index: 3;
  position: relative;
  margin-bottom: 0rem;
  margin-top: 4rem;
}
@media screen and (max-width: 600px) {
  .slider_two_columns {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .slider_two_columns {
    margin-bottom: 2rem;
  }
}
.slider_two_columns .slide-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.slider_two_columns .slide-container .slick-slide {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.slider_two_columns .slide-container .slick-slide div {
  height: 100%;
}
.slider_two_columns .slide-container .slick-slide .slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slider_two_columns .slide-container .slick-slide .slide div {
  height: auto;
}
@media screen and (max-width: 767px) {
  .slider_two_columns .slide-container .slick-slide .slide {
    min-height: 120px;
  }
}
.slider_two_columns .slide-container .slick-slide .image {
  position: absolute;
  width: 125% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  filter: grayscale(1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slider_two_columns .slide-container .slick-slide h3 {
  /*				filter:grayscale(0);*/
  position: relative;
  font-family: poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding: 0 2rem;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .slider_two_columns .slide-container .slick-slide h3 {
    font-size: 12px;
    padding: 0 1rem;
  }
}
.slider_two_columns .slide-container .slick-slide p {
  position: relative;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  padding: 1rem 1rem 0;
  text-align: center;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.slider_two_columns .slide-container .slick-slide.slick-current {
  z-index: 2;
  transform: translateX(-25%);
}
.slider_two_columns .slide-container .slick-slide.slick-current .slide {
  width: 125% !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slider_two_columns .slide-container .slick-slide.slick-current .image {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: grayscale(0);
  width: 150% !important;
}
.slider_two_columns .slide-container .slick-slide.slick-current h3 {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .slider_two_columns .slide-container .slick-slide.slick-current h3 {
    font-size: 14px;
    padding: 0 1rem;
  }
}
.slider_two_columns .slide-container .slick-slide.slick-current p {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  padding: 1rem 2rem 0;
}
.slider_two_columns .slide-container .slick-arrow {
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  z-index: 5;
  height: 100%;
  padding: 0;
  border: 0;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1) translateY(-50%);
  transform-origin: center;
}
@media screen and (max-width: 767px) {
  .slider_two_columns .slide-container .slick-arrow {
    width: 60px !important;
    height: 60px !important;
  }
}
.slider_two_columns .slide-container .slick-arrow:active, .slider_two_columns .slide-container .slick-arrow:focus {
  border: 0;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slider_two_columns .slide-container .slick-arrow.slick-prev {
  background-image: url("../img/prev-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  left: 0;
  transition: all 0.3s ease;
}
.slider_two_columns .slide-container .slick-arrow.slick-next {
  background-image: url("../img/next-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  right: 0;
  transition: all 0.3s ease;
}
.slider_two_columns .slide-container .slick-arrow:hover {
  transform: scale(1.02) translateY(-50.75%);
  transition: all 0.3s ease;
  transform-origin: center;
  /*				border:1px solid rgba(255,255,255,0.5);*/
  background-size: 30%;
}

.horizontal_tabs {
  position: relative;
  max-width: 1915px;
  margin: 0 auto;
}
.horizontal_tabs .backgroundImage {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.horizontal_tabs .after {
  display: none;
}
.horizontal_tabs.page2-tabs .container.tabs .left .title {
  /*						min-height:3.4vw!important;*/
}
.horizontal_tabs.page2-tabs .container.tabs .right .tab .content {
  justify-content: center;
  height: 100% !important;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page2-tabs .container.tabs .right .tab .content p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
  }
}
.horizontal_tabs.page3Tabs .container .right .tab .content {
  justify-content: center !important;
}
.horizontal_tabs.page3Tabs .container .right .tab .content p {
  width: 85% !important;
  font-family: poppins, sans-serif !important;
  font-size: 22px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
}
.horizontal_tabs.page4-supportGroups {
  padding-top: 20%;
  background-position: 0 15vw !important;
  padding-bottom: 0;
}
@media screen and (max-width: 1450px) {
  .horizontal_tabs.page4-supportGroups {
    /*			background-position: -30vw 15vw!important;*/
  }
}
@media screen and (max-width: 1060px) {
  .horizontal_tabs.page4-supportGroups {
    background-position: center 15vw !important;
  }
}
@media screen and (max-width: 1556px) {
  .horizontal_tabs.page4-supportGroups .container:first-of-type {
    padding-top: 5vw;
  }
}
@media screen and (max-width: 1300px) {
  .horizontal_tabs.page4-supportGroups .container:first-of-type {
    padding-top: 10vw;
  }
}
@media screen and (max-width: 1060px) {
  .horizontal_tabs.page4-supportGroups .container:first-of-type {
    padding-top: 15vw;
  }
}
@media screen and (max-width: 900px) {
  .horizontal_tabs.page4-supportGroups .container:first-of-type {
    padding-top: 25vw;
  }
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page4-supportGroups .container:first-of-type {
    padding-top: 5vw;
    padding-bottom: 0;
  }
}
.horizontal_tabs.page4-supportGroups .container .left .copy h3.title {
  display: block !important;
}
.horizontal_tabs.page4-supportGroups .container .left .copy h3.subtitle {
  /*							margin-top:-0.4rem;*/
}
@media screen and (min-width: 1480px) {
  .horizontal_tabs.page4-supportGroups .container .left .copy .content p br {
    display: none;
  }
}
.horizontal_tabs.page4-supportGroups .container.tabs .right .tab .title {
  /*							flex-direction: row;*/
  align-items: center;
  /*							justify-content: flex-start;*/
  /*							letter-spacing: 0.1rem;*/
}
.horizontal_tabs.page5OtherSources {
  padding-top: 10vw;
}
.horizontal_tabs.page5OtherSources .container {
  padding-bottom: 0;
}
.horizontal_tabs.page5OtherSources .container.tabs {
  padding-bottom: 0;
}
.horizontal_tabs.page5OtherSources .container.tabs .right .tab .content a {
  text-decoration: none;
  background: #a61e32;
  border: 0;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page5OtherSources .container.tabs .right .tab.active .title {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page5OtherSources .container.tabs .right .tab .title {
    text-align: left;
  }
}
.horizontal_tabs.triggers .container .title {
  min-height: 40px;
}
@media screen and (max-width: 1450px) {
  .horizontal_tabs.page5WelfareTabs .container .left .copy .content .darRedBox h4 br {
    display: none;
  }
}
.horizontal_tabs.page5WelfareTabs .container.tabs .right .tab .content {
  width: 75%;
  left: 50%;
  transform: translateX(-50%);
}
.horizontal_tabs.page5WelfareTabs .container.tabs .right .tab .content p {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 0.5rem;
  text-align: left;
  width: 100%;
}
.horizontal_tabs.page5WelfareTabs .container.tabs .right .tab .content a {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page5WelfareTabs .container.tabs .right .tab.active .title {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page5WelfareTabs .container.tabs .right .tab .title {
    text-align: left;
  }
}
.horizontal_tabs.page5Tabs .container.Medium .left .copy h3.title {
  display: block !important;
}
.horizontal_tabs.page5Tabs .container .left .copy h3 {
  font-size: 32px;
}
.horizontal_tabs.page5Tabs .container .left .copy h3.subtitle {
  margin-top: -0.2rem;
  font-size: 43px;
}
.horizontal_tabs.page5Tabs .container .left .copy .content {
  padding-right: 36%;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page5Tabs .container .left .copy .content {
    padding-right: 0%;
  }
}
.horizontal_tabs.page5Tabs .container.tabs .right .tab .title {
  letter-spacing: 0.1rem;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.page5Tabs .container.tabs .right .tab .title p {
    line-height: 12px;
  }
}
.horizontal_tabs.page5Tabs .container.tabs .right .tab .content p {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 10px;
  width: 100%;
}
.horizontal_tabs.page5Tabs .container.tabs .right .tab .content ul {
  width: 100%;
  align-self: center;
  padding-left: 1rem;
}
.horizontal_tabs.page5Tabs .container.tabs .right .tab .content ul li {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 3px;
}
.horizontal_tabs.avoidinCommonTriggers .container .copy h3 {
  font-size: 32px;
}
.horizontal_tabs.avoidinCommonTriggers .container .copy h3.title {
  display: block !important;
}
.horizontal_tabs.avoidinCommonTriggers .container .copy h3.subtitle {
  margin-top: -0.2rem;
  font-size: 43px;
}
.horizontal_tabs.avoidinCommonTriggers .container .copy .content {
  padding-right: 36%;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.avoidinCommonTriggers .container.tabs .right .tab.active .title {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .horizontal_tabs.avoidinCommonTriggers .container.tabs .right .tab .title {
    text-align: left;
  }
}
.horizontal_tabs.avoidinCommonTriggers .container {
  padding-bottom: 1vw;
}
.horizontal_tabs.avoidinCommonTriggers .container .left .copy h3 {
  font-size: 32px;
}
.horizontal_tabs.avoidinCommonTriggers .container .left .copy h3.subtitle {
  margin-top: -0.2rem;
  font-size: 40px;
}
.horizontal_tabs.avoidinCommonTriggers .container .right .copy .content p {
  font-size: 15px;
}
.horizontal_tabs.avoidinCommonTriggers .container .right .tab .title {
  letter-spacing: 0.1rem;
  font-size: 12px;
}
.horizontal_tabs.avoidinCommonTriggers .container.tabs .right .tab .title {
  letter-spacing: 0.1rem;
  font-size: 12px;
}
.horizontal_tabs.page3Tabs {
  padding-top: 0;
  z-index: 3;
}
.horizontal_tabs.offset-bottom {
  padding-bottom: 0;
}
.horizontal_tabs.offset-bottom .after {
  width: 100%;
  background: white;
  display: block;
}
.horizontal_tabs .container.right_to_left .left {
  order: 2;
}
.horizontal_tabs .container.right_to_left .right {
  order: 1;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs {
    padding-top: 2rem;
  }
}
.horizontal_tabs .container,
.horizontal_tabs .container.tabs {
  width: 65%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container,
  .horizontal_tabs .container.tabs {
    flex-direction: column;
    padding-left: 0px;
    width: 70%;
    margin-left: 75px;
  }
}
.horizontal_tabs .container .left,
.horizontal_tabs .container.tabs .left {
  width: 50%;
  opacity: 0;
}
.horizontal_tabs .container .left.InView,
.horizontal_tabs .container.tabs .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.horizontal_tabs .container .left .title,
.horizontal_tabs .container.tabs .left .title {
  width: 100%;
  transform: translateX(0%) translateY(0);
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2rem;
  text-transform: uppercase;
  font-size: 1vw;
  z-index: 2;
  font-family: poppins, sans-serif;
  letter-spacing: 0.1rem;
  /*				min-height:60px;*/
}
.horizontal_tabs .container .left .title:hover,
.horizontal_tabs .container.tabs .left .title:hover {
  transition: all 0.3s ease;
  color: white !important;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .left .title,
  .horizontal_tabs .container.tabs .left .title {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .horizontal_tabs .container .left .title,
  .horizontal_tabs .container.tabs .left .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .horizontal_tabs .container .left .title p,
  .horizontal_tabs .container.tabs .left .title p {
    font-size: 19px;
  }
}
.horizontal_tabs .container .left .title.active,
.horizontal_tabs .container.tabs .left .title.active {
  font-size: 1.3vw;
  min-height: 4.7vw;
}
@media screen and (min-width: 1900px) {
  .horizontal_tabs .container .left .title.active,
  .horizontal_tabs .container.tabs .left .title.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 90px;
  }
  .horizontal_tabs .container .left .title.active p,
  .horizontal_tabs .container.tabs .left .title.active p {
    font-size: 24px;
  }
}
.horizontal_tabs .container .right,
.horizontal_tabs .container.tabs .right {
  width: 50%;
  opacity: 0;
  padding: 0;
  position: relative;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right,
  .horizontal_tabs .container.tabs .right {
    width: 100%;
  }
}
.horizontal_tabs .container .right .tab,
.horizontal_tabs .container.tabs .right .tab {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab,
  .horizontal_tabs .container.tabs .right .tab {
    position: relative;
    border-bottom: 1px solid #cccccc;
  }
}
.horizontal_tabs .container .right .tab:nth-child(2) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(2) .title {
  transform: translateX(-100%) translateY(100%);
}
.horizontal_tabs .container .right .tab:nth-child(3) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(3) .title {
  transform: translateX(-100%) translateY(200%);
}
.horizontal_tabs .container .right .tab:nth-child(4) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(4) .title {
  transform: translateX(-100%) translateY(300%);
}
.horizontal_tabs .container .right .tab:nth-child(5) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(5) .title {
  transform: translateX(-100%) translateY(400%);
}
.horizontal_tabs .container .right .tab:nth-child(6) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(6) .title {
  transform: translateX(-100%) translateY(500%);
}
.horizontal_tabs .container .right .tab:nth-child(7) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(7) .title {
  transform: translateX(-100%) translateY(600%);
}
.horizontal_tabs .container .right .tab:nth-child(8) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(8) .title {
  transform: translateX(-100%) translateY(700%);
}
.horizontal_tabs .container .right .tab:nth-child(9) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(9) .title {
  transform: translateX(-100%) translateY(800%);
}
.horizontal_tabs .container .right .tab:nth-child(10) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(10) .title {
  transform: translateX(-100%) translateY(900%);
}
.horizontal_tabs .container .right .tab:nth-child(11) .title,
.horizontal_tabs .container.tabs .right .tab:nth-child(11) .title {
  transform: translateX(-100%) translateY(1000%);
}
.horizontal_tabs .container .right .tab .title,
.horizontal_tabs .container.tabs .right .tab .title {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%) translateY(0);
  cursor: pointer;
  transition: all 0.3s ease;
  /*					background:white;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2rem;
  text-transform: uppercase;
  font-size: 1vw;
  min-height: 3.4vw;
  z-index: 2;
  font-family: poppins, sans-serif;
  display: none;
}
.horizontal_tabs .container .right .tab .title:hover,
.horizontal_tabs .container.tabs .right .tab .title:hover {
  transition: all 0.3s ease;
  color: white !important;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab .title,
  .horizontal_tabs .container.tabs .right .tab .title {
    display: flex;
    position: relative !important;
    transform: translateX(0%) translateY(0%) !important;
    padding-left: 0;
    text-align: center;
    height: 45px !important;
    font-size: 12px;
    color: white !important;
  }
}
@media screen and (max-width: 375px) {
  .horizontal_tabs .container .right .tab .title,
  .horizontal_tabs .container.tabs .right .tab .title {
    display: flex;
    text-align: left;
    line-height: 90%;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 375px) {
  .horizontal_tabs .container .right .tab .title sup,
  .horizontal_tabs .container.tabs .right .tab .title sup {
    /*							display:contents;*/
    /*							transform:translateY(-1rem);*/
  }
}
.horizontal_tabs .container .right .tab .tabOverlay,
.horizontal_tabs .container.tabs .right .tab .tabOverlay {
  z-index: 1;
  height: 100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.horizontal_tabs .container .right .tab .content,
.horizontal_tabs .container.tabs .right .tab .content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: white;
  z-index: 2;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab .content,
  .horizontal_tabs .container.tabs .right .tab .content {
    position: relative;
    display: none;
  }
}
.horizontal_tabs .container .right .tab .content p,
.horizontal_tabs .container.tabs .right .tab .content p {
  width: 70%;
  align-self: center;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-size: 1.2vw;
  line-height: 28px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab .content p,
  .horizontal_tabs .container.tabs .right .tab .content p {
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (min-width: 1900px) {
  .horizontal_tabs .container .right .tab .content p,
  .horizontal_tabs .container.tabs .right .tab .content p {
    font-size: 22px;
  }
}
.horizontal_tabs .container .right .tab .content a,
.horizontal_tabs .container.tabs .right .tab .content a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 22px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem;
  text-align: left;
  background: transparent;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: neulis-neue, sans-serif;
  letter-spacing: 0.1rem;
  font-weight: 700;
  width: 90%;
  margin: 1.5rem auto;
  line-height: 12px;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab .content a,
  .horizontal_tabs .container.tabs .right .tab .content a {
    margin-left: 0;
  }
}
.horizontal_tabs .container .right .tab .content a:after,
.horizontal_tabs .container.tabs .right .tab .content a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab .content,
  .horizontal_tabs .container.tabs .right .tab .content {
    display: none;
  }
}
.horizontal_tabs .container .right .tab img,
.horizontal_tabs .container.tabs .right .tab img {
  width: 100%;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab img,
  .horizontal_tabs .container.tabs .right .tab img {
    display: none;
  }
}
.horizontal_tabs .container .right .tab.active,
.horizontal_tabs .container.tabs .right .tab.active {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab.active,
  .horizontal_tabs .container.tabs .right .tab.active {
    /*						overflow:hidden;*/
  }
}
.horizontal_tabs .container .right .tab.active .content,
.horizontal_tabs .container.tabs .right .tab.active .content {
  visibility: visible;
  height: auto;
}
@media screen and (max-width: 975px) {
  .horizontal_tabs .container .right .tab.active .content,
  .horizontal_tabs .container.tabs .right .tab.active .content {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab.active .content,
  .horizontal_tabs .container.tabs .right .tab.active .content {
    display: block;
  }
}
.overcomingOpioidAddiction .horizontal_tabs .container .right .tab.active .content,
.overcomingOpioidAddiction .horizontal_tabs .container.tabs .right .tab.active .content {
  padding: 30px;
}
.horizontal_tabs .container .right .tab.active .title,
.horizontal_tabs .container.tabs .right .tab.active .title {
  background: #da7c27;
  color: white !important;
  text-transform: uppercase;
  font-size: 1.3vw;
  /*						min-height:4.7vw;		*/
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab.active .title,
  .horizontal_tabs .container.tabs .right .tab.active .title {
    font-size: 14px;
    z-index: 2;
    padding-left: 1rem;
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .horizontal_tabs .container .right .tab.active .title,
  .horizontal_tabs .container.tabs .right .tab.active .title {
    /*							display:block;*/
    letter-spacing: 0;
  }
}
.horizontal_tabs .container .right .tab.active .tabOverlay,
.horizontal_tabs .container.tabs .right .tab.active .tabOverlay {
  z-index: 1;
  height: 100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.horizontal_tabs .container .right .tab.active .content,
.horizontal_tabs .container.tabs .right .tab.active .content {
  visibility: visible;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab.active .content,
  .horizontal_tabs .container.tabs .right .tab.active .content {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 975px) {
  .horizontal_tabs .container .right .tab.active img,
  .horizontal_tabs .container.tabs .right .tab.active img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right .tab.active img,
  .horizontal_tabs .container.tabs .right .tab.active img {
    display: none;
  }
}
.horizontal_tabs .container .right.InView,
.horizontal_tabs .container.tabs .right.InView {
  transition: all 1s ease;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .horizontal_tabs .container .right.InView,
  .horizontal_tabs .container.tabs .right.InView {
    height: auto;
  }
}

@keyframes clockRotate {
  0% {
    transform: translateX(-50%) rotate(-360deg) scale(0.3);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) rotate(0deg) scale(1);
    opacity: 1;
  }
}
.two_columns {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .two_columns {
    padding: 2rem 0;
  }
}
.two_columns.onlineSupport-Intro {
  padding-top: 0;
}
.two_columns.onlineSupport-Intro .container .left {
  margin-left: 0 !important;
}
.two_columns.page1a-youCanVisit {
  padding-bottom: 0;
}
@media screen and (max-width: 1495px) {
  .two_columns.page1a-simply-interested.justText .container .right .copy p br {
    display: none;
  }
}
.two_columns.page1a-remember .container.Small .left .copy p {
  font-size: 17px;
  width: 95%;
}
@media screen and (max-width: 1342px) {
  .two_columns.page1a-remember .container.Small .left .copy p br {
    display: none;
  }
}
@media screen and (max-width: 1495px) {
  .two_columns.page1b-simply-interested.justText .container .right .copy p br {
    display: none;
  }
}
.two_columns.page2-howToAvoid .container .left .copy .content {
  width: 87%;
}
.two_columns.page2-howToAvoid .container.icons .left .copy .content {
  width: 100%;
}
.two_columns.page2-howToAvoid .container.icons .left .copy .content ul li {
  padding-bottom: 0.5rem;
}
.two_columns.page2-howToAvoid .container.icons .right {
  /*					background-position: left 2rem!important;*/
}
.two_columns.page2-howToAvoid .container.icons .right .copy {
  width: 40% !important;
}
.two_columns.page2-NHSTreatment.justText .container .left .copy {
  width: 100%;
}
.two_columns.page2-NHSTreatment.justText .container .right .copy {
  width: 100%;
}
.two_columns.page2-NHSTreatment.justText .container .right .copy p {
  width: 100% !important;
  padding-right: 0.2rem !important;
}
@media screen and (max-width: 1462px) {
  .two_columns.page2-NHSTreatment.justText .container .right .copy p br {
    display: none;
  }
}
.two_columns.page2-whatToDoIfYouSuspect .container .left .copy .content {
  width: 87%;
}
.two_columns.page2-whatisandopioid .container .left {
  padding-right: 8.5%;
}
@media screen and (max-width: 768px) {
  .two_columns.page2-whatisandopioid .container .left {
    padding-right: 0%;
  }
}
.two_columns.page3-symptomsOfOpioid .container .left .copy .content {
  width: 83%;
}
.two_columns.longTermMisuse .container .left .copy .content h3.subtitle {
  margin-bottom: 1rem;
}
.two_columns.longTermMisuse .container .left .copy .content p {
  font-size: 21px;
  line-height: 30px;
}
.two_columns.longTermHealth .container .left .copy h3.subtitle {
  /*							margin-top:-0.4rem;*/
}
@media screen and (max-width: 768px) {
  .two_columns.page3-opioidOverdose .container .left {
    order: 1;
  }
}
.two_columns.page3-opioidOverdose .container .left .copy h3.subtitle {
  /*							margin-top:-0.4rem;*/
}
.two_columns.page3-opioidOverdose .container .right {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .two_columns.page3-opioidOverdose .container .right {
    order: 2;
  }
}
.two_columns.page3-OverdoseOccurs .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
.two_columns.page3-OverdoseOccurs .container .left .copy .content {
  width: 90%;
}
.two_columns.page3-duringDetox .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
.two_columns.page3-duringDetox .container .left .copy .content {
  width: 90%;
}
.two_columns.page3-identifying .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
.two_columns.page3-identifying .container .left .copy .content {
  width: 88%;
}
.two_columns.page3-signsOfOverdose .container .left .copy h3.title {
  font-size: 30px;
}
.two_columns.page3-signsOfOverdose .container .left .copy h3.subtitle {
  font-size: 38px !important;
}
.two_columns.page3-signsOfOverdose .container.Small.icons.right_to_left .right {
  margin-left: 0rem;
}
.two_columns.page3-signsOfOverdose .container.Small.icons.right_to_left .right .copy {
  transform: translateX(0);
}
.two_columns.page3-ifYouThink {
  background-position: center bottom !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page3-ifYouThink.justText {
    background-size: 300% !important;
    background-position: 50% top;
  }
}
@media screen and (max-width: 595px) {
  .two_columns.page3-ifYouThink.justText {
    background-size: 400% !important;
    background-position: 50% top;
  }
}
@media screen and (max-width: 480px) {
  .two_columns.page3-ifYouThink.justText {
    background-size: 500% !important;
    background-position: 50% top;
  }
}
@media screen and (max-width: 430px) {
  .two_columns.page3-ifYouThink.justText {
    background-size: 600% !important;
    background-position: 50% top;
  }
}
.two_columns.page3-ifYouThink .container .left .copy .content h4 {
  font-family: poppins, sans-serif;
  line-height: 38px;
}
@media screen and (max-width: 1845px) {
  .two_columns.page3-ifYouThink .container .left .copy .content h4 br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page3-UnderstandingRisks .container .left {
    order: 1;
  }
}
.two_columns.page3-UnderstandingRisks .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
@media screen and (max-width: 768px) {
  .two_columns.page3-UnderstandingRisks .container .left .copy .content p:first-of-type {
    display: none;
  }
}
.two_columns.page3-UnderstandingRisks .container .right {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .two_columns.page3-UnderstandingRisks .container .right {
    order: 2;
  }
}
.two_columns.page3-UnderstandingRisks .container .right .copy .content p {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .two_columns.page3-UnderstandingRisks .container .right .copy .content p:first-of-type {
    display: none;
  }
}
.two_columns.page3-bloodborne .container {
  width: 75%;
  padding: 1.75rem 0;
}
.two_columns.page3-bloodborne .container .left .copy {
  width: 90% !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page3-bloodborne .container .left .copy {
    width: 100% !important;
  }
}
.two_columns.page3-bloodborne .container .left .copy .content p:last-of-type {
  padding-bottom: 0;
}
.two_columns.page3-bloodborne .container .right .copy {
  width: 100% !important;
}
.two_columns.page3-takingControl .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
.two_columns.page3-takingControl .container .left .copy .content {
  width: 95.5%;
}
.two_columns.page4-medicinesForTreating .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page4-medicinesForTreating .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page4-medicinesForTreating .container .left .copy .content {
  width: 67.5%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-medicinesForTreating .container .left .copy .content {
    width: 100%;
  }
}
.two_columns.page4-medicinesForTreating .container .left .copy .content h4 {
  padding-bottom: 0.75rem;
}
.two_columns.page4-medicinesForTreating .container .left .copy .content p {
  font-size: 15px;
}
.two_columns.page4-preventingOverdose .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
}
.two_columns.page4-personalTreatmentPlan {
  padding: 10rem 0;
}
.two_columns.page4-personalTreatmentPlan .container .left .copy h3.subtitle {
  /*							margin-top:-0.4rem;*/
}
.two_columns.page4-drugRehab .container .left {
  padding-left: 23%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-drugRehab .container .left {
    padding-left: 0;
  }
}
.two_columns.page4-drugRehab .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
}
.two_columns.page4-drugRehabInvolves .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
}
.two_columns.page4-drugRehabInvolves .container .left .copy .content {
  width: 87%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-drugRehabInvolves .container .left .copy .content {
    width: 100%;
  }
}
.two_columns.page4-drugRehabInvolves .container .left .copy .content h5 {
  font-family: poppins, sans-serif;
}
.two_columns.page4-drugRehabInvolves .container .left .copy .content h4 {
  font-size: 17px;
  padding-bottom: 0.75rem;
}
.two_columns.page4-someofthesymptomsSlider .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page4-someofthesymptomsSlider .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page4-someofthesymptomsSlider .container .left .copy .content {
  width: 67.5%;
}
.two_columns.page4-someofthesymptomsSlider .container .left .copy .content h4 {
  padding-bottom: 0.75rem;
}
.two_columns.page4-someofthesymptomsSlider .container .left .copy .content p {
  font-size: 15px;
}
.two_columns.page4-opioidWithdrawal .container .left .copy h3.subtitle {
  /*							margin-top:-0.6rem;*/
}
.two_columns.page4-opioidWithdrawal .container .left .copy .content {
  width: 83%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-opioidWithdrawal .container .left .copy .content {
    width: 100%;
  }
}
.two_columns.page4-rehabCentre .container.icons.Medium .left .copy h3.subtitle {
  font-size: 30px;
  /*									margin-top: -0.2rem;*/
}
.two_columns.page4-rehabCentre .container.icons.Medium .left .copy .content {
  width: 87%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-rehabCentre .container.icons.Medium .left .copy .content {
    width: 100%;
  }
}
.two_columns.page4-rehabCentre .container.icons.Medium .left .copy .content p .button {
  padding: 0.75rem;
}
.two_columns.page4-selfHelp {
  background-position: center !important;
}
.two_columns.page4-selfHelp .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
}
.two_columns.page4-selfHelp .container .left .copy .content {
  width: 88%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-selfHelp .container .left .copy .content {
    width: 100%;
  }
}
.two_columns.page4-selfHelp .container .left .copy .content p {
  font-size: 16px;
}
.two_columns.page4-examplesOfSelfHelp {
  z-index: 2;
}
.two_columns.page4-examplesOfSelfHelp.justText .container .left {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 47%;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-examplesOfSelfHelp.justText .container .left {
    width: 100%;
    order: 1;
  }
}
.two_columns.page4-examplesOfSelfHelp.justText .container .left .copy {
  width: 100%;
}
.two_columns.page4-examplesOfSelfHelp.justText .container .right {
  width: 47%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transform: translateY(10%);
}
@media screen and (max-width: 768px) {
  .two_columns.page4-examplesOfSelfHelp.justText .container .right {
    width: 100%;
    order: 2;
    padding-right: 5%;
  }
}
.two_columns.page4-examplesOfSelfHelp.justText .container .right .copy {
  width: 100%;
}
.two_columns.page4-examplesOfSelfHelp.justText .container .right .copy .content .breakingFree {
  margin-bottom: 0;
}
.two_columns.page4-examplesOfSelfHelp .after {
  height: 0 !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-examplesOfSelfHelp .after {
    height: 15vh !important;
    margin-top: 0 !important;
  }
}
.two_columns.page4-doINeedHelp {
  z-index: 3;
}
.two_columns.page4-doINeedHelp.justText .container .left {
  padding-bottom: 0 !important;
}
.two_columns.page4-doINeedHelp.justText .container .left .copy {
  width: 100%;
}
.two_columns.page4-doINeedHelp.justText .container .left .copy .orangeBox {
  margin-top: 2vw !important;
}
.two_columns.page4-doINeedHelp.justText .container .left .copy .orangeBox p {
  width: 100%;
}
.two_columns.page4-doINeedHelp.justText .container .left .copy .orangeBox p a {
  font-weight: 700;
}
.two_columns.page4-doINeedHelp.justText .container .right .copy {
  width: 100%;
}
.two_columns.page4-doINeedHelp.justText .container .right .copy .darRedBox {
  margin-top: 2vw !important;
}
.two_columns.page4-doINeedHelp.justText .container .right .copy .darRedBox p {
  width: 97%;
  padding-right: 0;
}
.two_columns.page4-doINeedHelp.justText .container .right .copy .darRedBox p a {
  font-weight: 700;
}
.two_columns.page4-typicalday {
  padding: 8rem 0;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-typicalday {
    background-position: center !important;
  }
}
.two_columns.page4-typicalday .container {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .two_columns.page5opioidWithdrawal .container .left {
    order: 1;
  }
}
.two_columns.page5opioidWithdrawal .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page5opioidWithdrawal .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page5opioidWithdrawal .container .left .copy .content {
  padding-right: 36%;
}
@media screen and (max-width: 768px) {
  .two_columns.page5opioidWithdrawal .container .right {
    order: 2;
  }
}
.two_columns.page5opioidWithdrawal .container .right .copy .content p {
  font-size: 17px;
}
.two_columns.page5opioidWithdrawal .container .right .copy .content p:first-of-type {
  padding-top: 0;
}
.two_columns.page5-TitleIndent.first .container .left .copy h3.subtitle {
  padding-left: 1.25rem;
}
.two_columns.page5-TitleIndent .container .left .copy h3 {
  /*						font-size: 32px;*/
}
.two_columns.page5-TitleIndent .container .left .copy h3.title span {
  display: inline;
}
.two_columns.page5-TitleIndent .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  /*							font-size: 43px;*/
  padding-left: 1.45rem;
}
.two_columns.page5-TitleIndent .container .left .copy .content p {
  padding-left: 1.25rem;
}
.two_columns.page5-AvoidanceMatters .container .left .copy {
  /*.content {
  	padding-right:36%;
  }*/
}
.two_columns.page5-AvoidanceMatters .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page5-AvoidanceMatters .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page5-MentalHealthSupport.justText .container .left .copy h3.title {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 32px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 90%;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.two_columns.page5-MentalHealthSupport.justText .container .left .copy h3.title span {
  color: #da7c27;
  font-weight: 700;
  font-size: 32px;
  line-height: 90%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-MentalHealthSupport.justText .container .left .copy h3.title {
    margin-top: 4vw;
  }
}
.two_columns.page5-MentalHealthSupport.justText .container .left .copy .content p.mobilePara {
  display: none;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-MentalHealthSupport.justText .container .left .copy .content p.mobilePara {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page5-MentalHealthSupport.justText .container .left .copy .content p.mobileParaHide {
    display: none;
  }
}
.two_columns.page5-MentalHealthSupport.justText .container .right .copy .content p.mobilePara {
  display: none;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-MentalHealthSupport.justText .container .right .copy .content p.mobilePara {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page5-MentalHealthSupport.justText .container .right .copy .content p.mobileParaHide {
    display: none;
  }
}
.two_columns.page5-internalTriggers {
  padding: 8vw 0 !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-internalTriggers.justText {
    background-size: 350% !important;
  }
}
@media screen and (max-width: 577px) {
  .two_columns.page5-internalTriggers.justText {
    background-size: 400% !important;
    background-position: 33% 0 !important;
  }
}
@media screen and (max-width: 521px) {
  .two_columns.page5-internalTriggers.justText {
    background-size: 450% !important;
    background-position: 35% 0 !important;
  }
}
@media screen and (max-width: 449px) {
  .two_columns.page5-internalTriggers.justText {
    background-size: 480% !important;
    background-position: 30% top !important;
  }
}
@media screen and (max-width: 415px) {
  .two_columns.page5-internalTriggers.justText {
    background-size: 500% !important;
    background-position: 33% top !important;
  }
}
@media screen and (max-width: 405px) {
  .two_columns.page5-internalTriggers.justText {
    background-size: 550% !important;
    background-position: 30% top !important;
  }
}
.two_columns.page5-internalTriggers.justText .container .right {
  justify-content: flex-end;
}
.two_columns.page5-internalTriggers .container .left {
  width: 40%;
}
.two_columns.page5-internalTriggers .container .left h4 {
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-internalTriggers .container .left h4 {
    text-align: left !important;
  }
}
.two_columns.page5-internalTriggers .container .left .copy .content p {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-internalTriggers .container .left .copy .content p {
    text-align: left !important;
    margin-left: 0 !important;
  }
}
.two_columns.page5-internalTriggers .container .right {
  width: 40%;
}
.two_columns.page5-internalTriggers .container .right h4 {
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-internalTriggers .container .right h4 {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page5-internalTriggers .container .right h4 span {
    color: white !important;
  }
}
.two_columns.page5-internalTriggers .container .right .copy .content p {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .two_columns.page5-internalTriggers .container .right .copy .content p {
    text-align: left !important;
    margin-left: 0 !important;
  }
}
.two_columns.dualDiagnosis .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.dualDiagnosis .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.dualDiagnosis .container .left .copy .content {
  padding-right: 12%;
}
.two_columns.dualDiagnosis .container .left .copy .content p {
  font-size: 17px;
}
.two_columns.repeater {
  /*		z-index:-1;*/
}
.two_columns.repeater .container {
  padding: 3rem 0 0;
}
.two_columns.page4-commonWithdrawal {
  background-position: center top !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page4-commonWithdrawal.justText {
    background-position: 0 0 !important;
    background-size: cover !important;
  }
}
.two_columns.page4-commonWithdrawal.justText .container .right .copy {
  width: 100%;
}
@media screen and (max-width: 1638px) {
  .two_columns.page4-commonWithdrawal.justText .container .right .copy p br {
    display: none;
  }
}
.two_columns.page6-repeater {
  z-index: -1;
}
.two_columns.page6-repeater .container.Small {
  padding-bottom: 3vw;
}
.two_columns.page6-repeater .container.Small.title {
  max-width: 49%;
}
.two_columns.page6-repeater .container.Small.title .left .copy h3 {
  font-size: 22px;
}
.two_columns.page6-repeater .container.Small.title .left .copy h3.subtitle {
  /*									margin-top:-0.2rem;*/
  font-size: 32px;
  padding-left: 0;
}
.two_columns.Page6-AwareMentalHealth {
  margin-top: 0 !important;
  padding-top: 0;
  z-index: 2;
  position: relative;
}
.two_columns.Page6-AwareMentalHealth .container {
  position: unset;
}
.two_columns.Page6-AwareMentalHealth .container .left {
  margin-top: 3rem;
}
.two_columns.Page6-AwareMentalHealth .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.Page6-AwareMentalHealth .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.Page6-AwareMentalHealth .container .left .copy .content {
  padding-right: 30%;
}
@media screen and (max-width: 768px) {
  .two_columns.Page6-AwareMentalHealth .container .left .copy .content {
    padding-right: 0;
  }
}
.two_columns.Page6-AwareMentalHealth .container .left .copy .content p {
  font-size: 17px;
}
.two_columns.Page6-AwareMentalHealth .container .left .copy .content .darRedBox {
  background: linear-gradient(90deg, rgb(162, 70, 70) 0%, rgb(50, 19, 34) 100%);
}
.two_columns.Page6-AwareMentalHealth .container .left .copy .content .darRedBox h4 {
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 3.5vw;
}
.two_columns.page6-whatisStress.justText .container .right .copy br {
  display: block;
}
.two_columns.page6-recoveringRelapse {
  padding-top: 10vw;
  padding-bottom: 10vw;
}
.two_columns.page6-recoveringRelapse .container {
  max-width: 60%;
}
@media screen and (max-width: 768px) {
  .two_columns.page6-recoveringRelapse .container {
    max-width: 70%;
    margin-left: 75px;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page6-recoveringRelapse .container .left {
    order: 1;
  }
}
.two_columns.page6-recoveringRelapse .container .left .copy {
  width: 100% !important;
}
.two_columns.page6-recoveringRelapse .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page6-recoveringRelapse .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page6-recoveringRelapse .container .right {
  margin-top: 0rem !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page6-recoveringRelapse .container .right {
    order: 2;
  }
}
.two_columns.page6-recoveringRelapse .container .right .copy .content p {
  font-size: 14px;
  line-height: 18px;
}
.two_columns.page5GettingSupport {
  padding-bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .two_columns.page5GettingSupport .container .left .copy {
    padding-top: 12vw;
  }
}
.two_columns.page5GettingSupport .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page5GettingSupport .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page5GettingSupport .container .left .copy .content {
  padding-right: 5%;
}
.two_columns.page5GettingSupport .container .left .copy .content p {
  font-size: 17px;
}
.two_columns.page5GettingSupport .container .right {
  transform: translateY(10%);
}
.two_columns.page5WelfareTabs .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page5WelfareTabs .container .left .copy h3.title {
  display: block !important;
}
.two_columns.page5WelfareTabs .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page5WelfareTabs .container .left .copy .content {
  padding-right: 5%;
}
.two_columns.page5WelfareTabs .container .left .copy .content p {
  font-size: 17px;
}
.two_columns.page6AvoidingRelapse {
  padding-bottom: 6vw;
}
.two_columns.page6AvoidingRelapse .container .left .copy h3 {
  font-size: 32px;
}
.two_columns.page6AvoidingRelapse .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 43px;
}
.two_columns.page6AvoidingRelapse .container .left .copy .content {
  padding-right: 27%;
}
.two_columns.page6AvoidingRelapse .container .left .copy .content p {
  font-size: 15px;
}
.two_columns.page6-triggerInclude .container.Small.title {
  max-width: 46%;
}
.two_columns.page6-triggerInclude .container .left .copy h3 {
  font-size: 22px;
}
.two_columns.page6-triggerInclude .container .left .copy h3 .tip:before {
  background: linear-gradient(90deg, rgb(239, 178, 87) 0%, rgb(194, 134, 61) 100%);
}
.two_columns.page6-triggerInclude .container .left .copy h3.subtitle {
  font-size: 24px;
}
.two_columns.page8-does-someone-you-know.justText .container .left {
  padding-right: 3%;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-does-someone-you-know.justText .container .left {
    padding-right: 5%;
  }
}
.two_columns.page8-does-someone-you-know.justText .container .left .copy {
  width: 100%;
}
.two_columns.page8-does-someone-you-know.justText .container .left .copy h3 {
  font-size: 30px;
  font-weight: 300;
}
.two_columns.page8-does-someone-you-know.justText .container .left .copy h3 span {
  font-size: 40px;
  color: #da7c27;
  font-weight: bold;
  line-height: 90%;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-does-someone-you-know.justText .container .left .copy h3 {
    width: 80%;
  }
}
.two_columns.page8-does-someone-you-know.justText .container .left .copy h4 {
  font-family: poppins, sans-serif;
  color: #da7c27;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 1.5vw;
  margin-top: 1vw;
}
.two_columns.page8-does-someone-you-know.justText .container .left .copy h4:last-of-type {
  margin-bottom: 0;
}
.two_columns.page8-does-someone-you-know.justText .container .left .copy p a {
  font-weight: bold !important;
}
.two_columns.page8-does-someone-you-know.justText .container .right {
  padding-left: 4%;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-does-someone-you-know.justText .container .right {
    padding-left: 75px;
  }
}
.two_columns.page8-does-someone-you-know.justText .container .right .copy {
  width: 100%;
  justify-content: flex-end;
}
.two_columns.page8-does-someone-you-know.justText .container .right .copy h4 {
  font-family: poppins, sans-serif;
  color: #da7c27;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 1.5vw;
  margin-top: 1vw;
}
.two_columns.page8-does-someone-you-know.justText .container .right .copy h4:last-of-type {
  margin-bottom: 0;
}
.two_columns.page8-repeater1 {
  padding-bottom: 10vw;
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-repeater1 {
    background-position: bottom center !important;
  }
}
.two_columns.page8-repeater1 .container:nth-child(1) {
  z-index: 3;
}
@media screen and (max-width: 1414px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 70%;
  }
}
@media screen and (max-width: 1173px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 80%;
  }
}
@media screen and (max-width: 1027px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 90%;
  }
}
@media screen and (max-width: 913px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 100%;
  }
}
@media screen and (max-width: 628px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 70%;
  }
}
@media screen and (max-width: 521px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 80%;
  }
}
@media screen and (max-width: 456px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 90%;
  }
}
@media screen and (max-width: 405px) {
  .two_columns.page8-repeater1 .container:nth-child(1) .left .copy h3 {
    width: 100%;
  }
}
.two_columns.page8-repeater1 .container:nth-child(1) .left .copy p a.button {
  font-weight: 700;
}
.two_columns.page8-repeater1 .container:nth-child(2) {
  margin-top: -15vw;
  z-index: 2;
}
@media screen and (max-width: 1919px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -15.5vw;
  }
}
@media screen and (max-width: 1623px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -20vw;
  }
}
@media screen and (max-width: 1322px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -24vw;
  }
}
@media screen and (max-width: 1048px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -32vw;
  }
}
@media screen and (max-width: 970px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -36vw;
  }
}
@media screen and (max-width: 870px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -50vw;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .two_columns.page8-repeater1 .container:nth-child(2) {
    margin-top: -310px;
  }
}
.two_columns.page8-repeater1 .container:nth-child(3) {
  margin-top: -10vw;
}
.two_columns.page8-repeater1 .container .left .copy h3 {
  font-size: 30px;
}
.two_columns.page8-repeater1 .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 40px;
}
.two_columns.page8-repeater1 .container .left .copy .content .orangeBox h4 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 1.5vw;
  margin-top: 1vw;
  font-family: josefin-sans, sans-serif;
}
.two_columns.page8-repeater1 .container .left .copy .content h4 {
  font-family: poppins, sans-serif;
  color: #da7c27;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 1.5vw;
  margin-top: 1vw;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-SupportingSomeone .container .left {
    order: 1;
  }
}
.two_columns.page8-SupportingSomeone .container .left .copy h4 {
  color: white;
}
.two_columns.page8-SupportingSomeone .container .left .copy h3 {
  font-size: 30px;
}
.two_columns.page8-SupportingSomeone .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-SupportingSomeone .container .right {
    order: 2;
  }
}
.two_columns.page8-SupportingSomeone .container .right .copy .content h4 {
  color: white;
  font-size: 16px;
  margin-bottom: 1.5vw;
}
.two_columns.page8-SupportingSomeone .container .right .copy .content p {
  font-size: 16px;
}
.two_columns.page8-SupportingSomeone .container .right .copy .content p a.button {
  border: 0;
  padding: 0.75rem;
  font-size: 12px;
  font-weight: 700;
}
.two_columns.page8-encouragements {
  background-position: center bottom !important;
}
.two_columns.page8-encouragements .container {
  padding-bottom: 2vw;
}
.two_columns.page8-encouragements .container .left .copy h3 span {
  color: #f7b535;
}
.two_columns.page8-encouragements .container .left .copy .content ul li {
  margin-bottom: 1vw;
}
.two_columns.page8-encouragements .container.Medium .left .copy h3 {
  font-size: 28px;
}
.two_columns.page8-encouragements .container.Medium .left .copy h3.subtitle {
  /*								margin-top:-0.2rem;*/
  padding-left: 0;
  font-size: 39px;
}
.two_columns.page8-encouragements .container.Medium .left .copy .content p {
  padding-left: 0;
  font-size: 15px;
}
.two_columns.page8-Selfcare {
  padding-bottom: 8vw;
}
.two_columns.page8-Selfcare .container:nth-child(2) .left {
  padding-left: 15%;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-Selfcare .container:nth-child(2) .left {
    padding-left: 0;
  }
}
.two_columns.page8-Selfcare .container .left .copy h3 {
  font-size: 28px;
}
.two_columns.page8-Selfcare .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 39px;
}
.two_columns.page8-Selfcare .container .left .copy .content {
  padding-right: 12.8%;
}
.two_columns.page8-Selfcare .container .left .copy .content p {
  font-family: josefin-sans, sans-serif;
  font-size: 17px;
}
.two_columns.page8-Selfcare .container .left .copy .content p:first-of-type {
  font-size: 12px;
  font-family: poppins, sans-serif;
}
.two_columns.page8-Selfcare .container .left .copy .content p:last-of-type {
  font-size: 12px;
  font-family: poppins, sans-serif;
}
.two_columns.page8-icons {
  margin-top: 0 !important;
  padding-top: 0;
}
.two_columns.page8-icons .container:nth-child(1) .left {
  padding-top: 5%;
}
.two_columns.page8-icons .container:nth-child(1) .left .copy .content {
  padding-right: 40%;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-icons .container:nth-child(1) .left .copy .content {
    padding-right: 0;
  }
}
.two_columns.page8-icons .container:nth-child(1) .left .copy .content h4 {
  margin-bottom: 2vw;
  color: white;
  font-size: 20px;
}
.two_columns.page8-icons .container:nth-child(1) .left .copy .content a.button {
  font-weight: 700;
  background: transparent !important;
  border: 1px solid white;
}
.two_columns.page8-icons .container:nth-child(1) .right {
  margin-top: -5%;
}
.two_columns.page8-icons .container .left .copy h3 {
  font-size: 28px;
}
.two_columns.page8-icons .container .left .copy h3.subtitle {
  /*							margin-top:-0.2rem;*/
  font-size: 39px;
}
.two_columns.page8-icons .container .left .copy .content {
  padding-right: 12.8%;
}
.two_columns.page8-icons .container.Small .left .copy h3 {
  font-size: 28px;
}
.two_columns.page8-icons .container.Small .left .copy h3.subtitle {
  /*								margin-top:-0.2rem;*/
  font-size: 39px;
  line-height: 38px;
}
.two_columns.page8-icons .container.Small .left .copy .content {
  padding-right: 12.8%;
}
.two_columns.page8-icons .container.icons .left .copy .content a.button {
  font-weight: 700;
  line-height: 14px;
}
.two_columns.page8-icons .container.icons .left .copy .content ul li {
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  .two_columns.page8-icons .container.icons .right {
    margin-left: 0px !important;
    background-position: 3vw 9vw !important;
    background-image: none !important;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page8-icons .container.icons .right .copy {
    width: 100% !important;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .two_columns.page8-icons .container.icons .right .image {
    width: 70% !important;
    visibility: visible !important;
    margin-top: 0 !important;
    padding-left: 6vw !important;
  }
  .two_columns.page8-icons .container.icons .right .image img {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 558px) {
  .two_columns.page8-icons .container.icons .right .image {
    width: 100% !important;
  }
}
.two_columns .backgroundImage {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.two_columns .container.right_to_left .left {
  order: 2;
  margin-left: 0;
}
.two_columns .container.right_to_left .right {
  order: 1;
}
@media screen and (max-width: 768px) {
  .two_columns .container.right_to_left .right {
    margin-bottom: 2rem;
  }
}
.two_columns .container.right_to_left.Small .right {
  margin-top: 2rem;
}
.two_columns .container.right_to_left.Small .right .image {
  width: 100%;
  align-self: flex-start;
}
.two_columns .container {
  width: 100%;
  max-width: 1915px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 768px) {
  .two_columns .container {
    flex-direction: column;
    padding-left: 0px;
    max-width: 70%;
    margin-left: 75px;
  }
}
.two_columns .container .title {
  width: 100%;
  min-height: 60px;
}
.two_columns .container .title h2 {
  font-size: 25px;
  font-weight: bold;
  color: white;
}
.two_columns .container .left {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .two_columns .container .left {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .two_columns .container .left {
    order: 2;
  }
}
.two_columns .container .left .copy {
  position: relative;
}
.two_columns .container .left .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 90%;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.two_columns .container .left .copy h3 .pointer {
  background: transparent url("../img/title-marker.png") no-repeat center;
  background-size: 98%;
  width: 30px;
  height: 50px;
  display: block;
  margin-bottom: 1rem;
}
.two_columns .container .left .copy h3.subtitle {
  color: #da7c27;
  font-weight: 700;
  font-size: 32px;
  line-height: 90%;
  /*						margin-top: -0.4rem;*/
  margin-bottom: 2rem;
}
.two_columns .container .left .copy h3 span {
  display: block;
}
.two_columns .container .left .copy h3.title {
  position: relative;
  left: 0;
  top: 0;
  transform: translateY(-100%);
}
.two_columns .container .left .copy h3 .tip {
  display: flex;
  flex-direction: column;
}
.two_columns .container .left .copy h3 .tip:before {
  content: "TIP";
  background: #802c34;
  padding: 0.25rem;
  display: inline-block;
  align-self: flex-start;
  color: white !important;
}
.two_columns .container .left .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.two_columns .container .left .copy .content p {
  font-family: poppins, sans-serif;
  font-weight: 400;
  padding: 0rem;
  color: white;
  padding-right: 0;
  padding-bottom: 1rem;
  font-size: 14px;
  line-height: 22px;
}
@media screen and (max-width: 1419px) {
  .two_columns .container .left .copy .content p br {
    display: none;
  }
  .two_columns .container .left .copy .content p .mobileHide {
    display: none;
  }
}
.two_columns .container .left .copy .content p a.downloadRecovery {
  /*								background:transparent url('../img/download-button.svg') no-repeat left top;*/
  /*								background-size:100%;*/
  display: block;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  color: white;
}
.two_columns .container .left .copy .content p a.downloadRecovery span {
  background: #a61e32;
  padding: 0.75rem 1rem 0.75rem;
  width: 100%;
  display: block;
}
.two_columns .container .left .copy .content p a.downloadRecovery:after {
  content: "";
  background: transparent url("../img/download-button-arrow.svg") no-repeat left top;
  background-size: 100%;
  width: 3rem;
  height: 3.75rem;
  display: block;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.two_columns .container .left .copy .content p a.button {
  background: #da7c27;
  display: block;
  font-family: neulis-neue, sans-serif;
  font-weight: 300;
  color: white;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  font-size: 12px;
  /*								line-height:14px;*/
  padding: 0.75rem 0.75rem;
  /*								font-weight:600;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  transition: all 0.3s ease;
  transform: scale(1);
  position: relative;
}
.two_columns .container .left .copy .content p a.button:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  display: block;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns .container .left .copy .content p a.button:after {
    right: 0.25rem;
  }
}
.two_columns .container .left .copy .content p a.button:hover {
  border: 0;
  /*									padding:0.5rem;*/
  transition: all 0.3s ease;
  transform: scale(1.05);
}
.two_columns .container .left .copy .content p a.button.outline {
  background: transparent !important;
  border: 1px solid #da7c27 !important;
  color: #da7c27 !important;
}
.two_columns .container .left .copy .content p a.button.outline:hover {
  border: 1px solid #da7c27 !important;
}
.two_columns .container .left .copy .content p a.button.outline:after {
  content: "";
  background: transparent url(../img/link-arrow-orange.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0) translateY(-50%);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  display: block;
}
.two_columns .container .left .copy .content p a.button.white {
  color: white !important;
}
.two_columns .container .left .copy .content .darRedBox {
  background: linear-gradient(90deg, rgb(161, 70, 70) 0%, rgb(121, 52, 57) 100%);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container .left .copy .content .darRedBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .left .copy .content .darRedBox p {
  padding-bottom: 0;
}
.two_columns .container .left .copy .content .darRedBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  width: 100%;
  font-weight: 700;
}
.two_columns .container .left .copy .content .darRedBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns .container .left .copy .content .redBox {
  background-color: rgba(175, 63, 66, 0.7);
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container .left .copy .content .redBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .left .copy .content .redBox p {
  padding-bottom: 0;
}
.two_columns .container .left .copy .content .smartRecovery {
  background: transparent url("../img/page4-recoveryBox.jpg") no-repeat center;
  background-size: cover;
  margin-top: 0;
}
.two_columns .container .left .copy .content .breakingFree {
  background: transparent url("../img/page4-breakingFree.jpg") no-repeat center;
  background-size: cover;
}
.two_columns .container .left .copy .content .talkToFrank,
.two_columns .container .left .copy .content .smartRecovery,
.two_columns .container .left .copy .content .breakingFree {
  background: transparent url("../img/page4-TalktoFrank.jpg") no-repeat center;
  background-size: cover;
  padding: 3.25rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 4vw 0;
}
@media screen and (max-width: 400px) {
  .two_columns .container .left .copy .content .talkToFrank,
  .two_columns .container .left .copy .content .smartRecovery,
  .two_columns .container .left .copy .content .breakingFree {
    padding: 1.75rem;
  }
}
.two_columns .container .left .copy .content .talkToFrank h4,
.two_columns .container .left .copy .content .smartRecovery h4,
.two_columns .container .left .copy .content .breakingFree h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .left .copy .content .talkToFrank p,
.two_columns .container .left .copy .content .smartRecovery p,
.two_columns .container .left .copy .content .breakingFree p {
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 400px) {
  .two_columns .container .left .copy .content .talkToFrank p,
  .two_columns .container .left .copy .content .smartRecovery p,
  .two_columns .container .left .copy .content .breakingFree p {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.two_columns .container .left .copy .content .talkToFrank a,
.two_columns .container .left .copy .content .smartRecovery a,
.two_columns .container .left .copy .content .breakingFree a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  font-family: neulis-neue, sans-serif;
  letter-spacing: 0.125rem;
  font-weight: 700;
}
.two_columns .container .left .copy .content .talkToFrank a:after,
.two_columns .container .left .copy .content .smartRecovery a:after,
.two_columns .container .left .copy .content .breakingFree a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns .container .left .copy .content .orangeBox {
  background-color: rgba(218, 124, 39, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container .left .copy .content .orangeBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .left .copy .content .orangeBox p {
  padding-bottom: 0;
}
.two_columns .container .left .copy .content .orangeBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container .left .copy .content .orangeBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns .container .left .copy .content .orangeBox a:after {
    right: 0.25rem;
  }
}
.two_columns .container .left .copy .content ul {
  font-family: poppins, sans-serif;
  font-weight: 400;
  padding: 0rem;
  padding-right: 0;
  padding-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
  margin-left: 1rem;
}
.two_columns .container .left .image {
  position: relative;
}
@media screen and (max-width: 768px) {
  .two_columns .container .left .image {
    align-self: flex-start !important;
  }
}
.two_columns .container .left .image img {
  width: 100%;
}
.two_columns .container .left .image .overlay {
  width: 60%;
  height: 60%;
  display: block;
  position: absolute;
}
.two_columns .container .left .image .overlay.top_left {
  top: -10%;
  left: -10%;
}
.two_columns .container .left .image .overlay.top_right {
  top: -10%;
  right: -10%;
}
.two_columns .container .left .image .overlay.bottom_left {
  bottom: -10%;
  left: -10%;
}
.two_columns .container .left .image .overlay.bottom_right {
  bottom: -10%;
  right: -10%;
}
.two_columns .container .left.small .image img {
  width: 40%;
}
.two_columns .container .left.medium .image img {
  width: 60%;
}
.two_columns .container .left.large .image {
  transform: translateY(0);
}
.two_columns .container .left.large .image img {
  width: 100%;
}
.two_columns .container .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.two_columns .container .left.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.two_columns .container .left.InView .copy h3.subtitle {
  /*							transform:translateY(-42.5%);*/
}
.two_columns .container .left.InView .copy h3.title {
  /*							transform: translateY(-47.5%);*/
}
.two_columns .container .left.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.two_columns .container .right {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 3rem;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .two_columns .container .right {
    width: 95%;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .two_columns .container .right {
    order: 1;
    height: auto;
  }
}
.two_columns .container .right .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
}
.two_columns .container .right .copy h3.subtitle {
  color: #da7c27;
}
.two_columns .container .right .copy h3 .tip {
  display: flex;
  flex-direction: column;
}
.two_columns .container .right .copy h3 .tip:before {
  content: "TIP";
  background: #802c34;
  padding: 0.25rem;
  display: inline-block;
  align-self: flex-start;
  color: white !important;
}
.two_columns .container .right .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.two_columns .container .right .copy .content p {
  font-size: 18px;
  padding: 1rem;
  color: white;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .two_columns .container .right .copy .content p .mobileHide {
    display: none;
  }
}
.two_columns .container .right .copy .content p a.button {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 22px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.5rem;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  margin-bottom: 2rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container .right .copy .content p a.orange {
  background-color: #da7c27;
}
.two_columns .container .right .copy .content p a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
}
.two_columns .container .right .copy .content .talkToFrank,
.two_columns .container .right .copy .content .smartRecovery,
.two_columns .container .right .copy .content .breakingFree {
  background: transparent url("../img/page4-TalktoFrank.jpg") no-repeat center;
  background-size: cover;
  padding: 3.25rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 4vw 0;
}
@media screen and (max-width: 400px) {
  .two_columns .container .right .copy .content .talkToFrank,
  .two_columns .container .right .copy .content .smartRecovery,
  .two_columns .container .right .copy .content .breakingFree {
    padding: 1.75rem;
  }
}
.two_columns .container .right .copy .content .talkToFrank h4,
.two_columns .container .right .copy .content .smartRecovery h4,
.two_columns .container .right .copy .content .breakingFree h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .right .copy .content .talkToFrank p,
.two_columns .container .right .copy .content .smartRecovery p,
.two_columns .container .right .copy .content .breakingFree p {
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
@media screen and (max-width: 400px) {
  .two_columns .container .right .copy .content .talkToFrank p,
  .two_columns .container .right .copy .content .smartRecovery p,
  .two_columns .container .right .copy .content .breakingFree p {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.two_columns .container .right .copy .content .talkToFrank a,
.two_columns .container .right .copy .content .smartRecovery a,
.two_columns .container .right .copy .content .breakingFree a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  font-family: neulis-neue, sans-serif;
  letter-spacing: 0.125rem;
  font-weight: 700;
}
.two_columns .container .right .copy .content .talkToFrank a:after,
.two_columns .container .right .copy .content .smartRecovery a:after,
.two_columns .container .right .copy .content .breakingFree a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns .container .right .copy .content .smartRecovery {
  background: transparent url("../img/page4-recoveryBox.jpg") no-repeat center;
  background-size: cover;
  margin-top: -8%;
}
.two_columns .container .right .copy .content .breakingFree {
  background: transparent url("../img/page4-breakingFree.jpg") no-repeat center;
  background-size: cover;
}
.two_columns .container .right .copy .content .darRedBox {
  background: linear-gradient(90deg, rgb(161, 70, 70) 0%, rgb(121, 52, 57) 100%);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container .right .copy .content .darRedBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .right .copy .content .darRedBox p {
  padding-bottom: 0;
}
.two_columns .container .right .copy .content .darRedBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container .right .copy .content .darRedBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns .container .right .copy .content .redBox {
  background-color: rgba(175, 63, 66, 0.7);
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container .right .copy .content .redBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .right .copy .content .redBox p {
  padding-bottom: 0;
}
.two_columns .container .right .copy .content .orangeBox {
  background-color: rgba(218, 124, 39, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container .right .copy .content .orangeBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container .right .copy .content .orangeBox p {
  padding-bottom: 0;
}
.two_columns .container .right .copy .content .orangeBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container .right .copy .content .orangeBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns .container .right .copy .content .orangeBox a:after {
    right: 0.25rem;
  }
}
.two_columns .container .right .image {
  position: relative;
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.two_columns .container .right .image .overlay {
  width: 60%;
  height: 60%;
  display: block;
  position: absolute;
}
.two_columns .container .right .image .overlay.top_left {
  top: -10%;
  left: -10%;
}
.two_columns .container .right .image .overlay.top_right {
  top: -10%;
  right: -10%;
}
.two_columns .container .right .image .overlay.bottom_left {
  bottom: -10%;
  left: -10%;
}
.two_columns .container .right .image .overlay.bottom_right {
  bottom: -10%;
  right: -10%;
}
@media screen and (max-width: 768px) {
  .two_columns .container .right .image {
    align-self: flex-start !important;
    margin-bottom: 2rem;
  }
}
.two_columns .container .right.small .image {
  width: 100%;
}
.two_columns .container .right.small .image img {
  width: 100%;
}
.two_columns .container .right.medium .image {
  width: 100%;
}
.two_columns .container .right.medium .image img {
  width: 100%;
}
.two_columns .container .right.large {
  width: 50%;
  padding: 0;
  margin-top: 0;
}
.two_columns .container .right.large .image {
  width: 100%;
  transform: translateY(0);
}
.two_columns .container .right.large .image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .two_columns .container .right.large {
    width: 100%;
    height: auto;
  }
}
.two_columns .container .right.InView {
  transition: all 1s ease;
  opacity: 1;
}
.two_columns .container .right.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.two_columns .container .right.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}
.two_columns .container.icons {
  margin-bottom: 3rem;
}
.two_columns .container:last-of-type.icons {
  margin-bottom: 0rem;
}
.two_columns .container.Small {
  max-width: 44.5%;
}
@media screen and (max-width: 1024px) {
  .two_columns .container.Small {
    max-width: 52%;
  }
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small {
    max-width: 70%;
  }
}
.two_columns .container.Small .left {
  width: 42.5%;
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small .left {
    width: 100%;
  }
}
.two_columns .container.Small .left .copy h3.title {
  position: relative;
}
.two_columns .container.Small .left .copy h3.subtitle {
  font-size: 26px;
  line-height: 26px;
  padding-top: 0rem;
  margin-top: 0;
}
.two_columns .container.Small .left .copy p {
  font-size: 14px;
  line-height: 22px;
}
.two_columns .container.Small .left .copy .darRedBox {
  background: linear-gradient(90deg, rgb(161, 70, 70) 0%, rgb(121, 52, 57) 100%);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container.Small .left .copy .darRedBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container.Small .left .copy .darRedBox p {
  padding-bottom: 0;
}
.two_columns .container.Small .left .copy .darRedBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 22px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem 0.5rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container.Small .left .copy .darRedBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns .container.Small .left .copy .redBox {
  background-color: rgba(175, 63, 66, 0.7);
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container.Small .left .copy .redBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container.Small .left .copy .redBox p {
  padding-bottom: 0;
}
.two_columns .container.Small .left .copy .orangeBox {
  background-color: rgba(218, 124, 39, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container.Small .left .copy .orangeBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container.Small .left .copy .orangeBox p {
  padding-bottom: 0;
}
.two_columns .container.Small .left .copy .orangeBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem 0.5rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container.Small .left .copy .orangeBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns .container.Small .left .copy .orangeBox a:after {
    right: 0.25rem;
  }
}
.two_columns .container.Small .right {
  width: 42.5%;
  margin-top: 2rem;
}
.two_columns .container.Small .right .image {
  width: 100%;
  align-self: flex-end;
}
.two_columns .container.Small .right.bottom_left {
  margin-top: 0;
}
.two_columns .container.Small .right.bottom_right {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small .right {
    width: 100%;
    margin-bottom: 0;
    height: auto;
  }
}
.two_columns .container.Small.icons {
  max-width: 65%;
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small.icons {
    max-width: 75%;
    margin-left: 68px;
  }
}
.two_columns .container.Small.icons.clocks.right_to_left .left {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small.icons.clocks.right_to_left .left {
    width: 100%;
  }
}
.two_columns .container.Small.icons.clocks.right_to_left .left .copy h3.title {
  position: relative;
  left: 0;
  width: 100%;
  transform: translateX(0%) translateY(0%);
}
.two_columns .container.Small.icons.clocks.right_to_left .left .copy h3.subtitle {
  position: relative;
  left: 0;
  width: 100%;
  transform: translateX(0%) translateY(0%);
}
.two_columns .container.Small.icons.clocks.right_to_left .left.InView {
  transform: translateY(0) translateX(-29%);
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small.icons.clocks.right_to_left .left.InView {
    transform: translateY(0) translateX(0%);
    margin-left: 15px;
  }
}
.two_columns .container.Small.icons.clocks.right_to_left .left.InView .copy h3.title {
  transform: translateX(0%) translateY(0%);
}
.two_columns .container.Small.icons.clocks.right_to_left .left.InView .copy h3.subtitle {
  transform: translateX(0%) translateY(0%);
}
.two_columns .container.Small.icons .right .image img {
  width: 100%;
}
.two_columns .container.Small.icons.right_to_left .left {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small.icons.right_to_left .left {
    width: 100%;
  }
}
.two_columns .container.Small.icons.right_to_left .left .copy h3.title {
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateX(-75%) translateY(47.5%);
}
.two_columns .container.Small.icons.right_to_left .left .copy h3.subtitle {
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateX(-75%) translateY(42.5%);
}
.two_columns .container.Small.icons.right_to_left .left.InView {
  transform: translateY(0) translateX(-29%);
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small.icons.right_to_left .left.InView {
    transform: translateY(0) translateX(0%);
    margin-left: 15px;
  }
}
.two_columns .container.Small.icons.right_to_left .left.InView .copy h3.title {
  transform: translateX(-75%) translateY(0%);
}
.two_columns .container.Small.icons.right_to_left .left.InView .copy h3.subtitle {
  transform: translateX(-75%) translateY(110%);
}
.two_columns .container.Small.icons.right_to_left .right {
  margin-top: 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy {
  width: 60%;
  align-self: flex-end;
}
@media screen and (max-width: 440px) {
  .two_columns .container.Small.icons.right_to_left .right .copy {
    transform: translateX(2rem);
  }
}
.two_columns .container.Small.icons.right_to_left .right .copy h3 {
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 90%;
  padding: 0;
  margin: 0;
  min-height: auto;
}
@media screen and (max-width: 440px) {
  .two_columns .container.Small.icons.right_to_left .right .copy h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.two_columns .container.Small.icons.right_to_left .right .copy h3.title {
  position: relative;
}
.two_columns .container.Small.icons.right_to_left .right .copy h3.subtitle {
  font-size: 26px;
  line-height: 90%;
  padding-top: 0rem;
  color: #da7c27;
  font-weight: 700;
  margin-bottom: 2rem;
}
@media screen and (max-width: 440px) {
  .two_columns .container.Small.icons.right_to_left .right .copy h3.subtitle {
    font-size: 22px;
    line-height: 22px;
  }
}
.two_columns .container.Small.icons.right_to_left .right .copy h3 .tip {
  display: flex;
  flex-direction: column;
}
.two_columns .container.Small.icons.right_to_left .right .copy h3 .tip:before {
  content: "TIP";
  background: #802c34;
  padding: 0.25rem;
  display: inline-block;
  align-self: flex-start;
  color: white !important;
}
.two_columns .container.Small.icons.right_to_left .right .copy .darRedBox {
  background: linear-gradient(90deg, rgb(161, 70, 70) 0%, rgb(121, 52, 57) 100%);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy .darRedBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
  text-transform: uppercase;
}
.two_columns .container.Small.icons.right_to_left .right .copy .darRedBox p {
  padding-bottom: 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy .darRedBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container.Small.icons.right_to_left .right .copy .darRedBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns .container.Small.icons.right_to_left .right .copy .redBox {
  background-color: rgba(175, 63, 66, 0.7);
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy .redBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container.Small.icons.right_to_left .right .copy .redBox p {
  padding-bottom: 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy .orangeBox {
  background-color: rgba(218, 124, 39, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy .orangeBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns .container.Small.icons.right_to_left .right .copy .orangeBox p {
  padding-bottom: 0;
}
.two_columns .container.Small.icons.right_to_left .right .copy .orangeBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns .container.Small.icons.right_to_left .right .copy .orangeBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns .container.Small.icons.right_to_left .right .copy .orangeBox a:after {
    right: 0.25rem;
  }
}
.two_columns .container.Small.icons.right_to_left .right .image {
  visibility: hidden;
  margin-top: -6vw;
}
@media screen and (max-width: 768px) {
  .two_columns .container.Small.icons.right_to_left .right .image {
    margin-top: -20vw;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 440px) {
  .two_columns .container.Small.icons.right_to_left .right {
    margin-bottom: 0 !important;
    margin-left: -4rem;
  }
}
.two_columns .container.Medium {
  max-width: 70%;
}
@media screen and (max-width: 1024px) {
  .two_columns .container.Medium {
    max-width: 70%;
  }
}
.two_columns .container.clocks .right .clock {
  position: relative;
  visibility: visible !important;
}
.two_columns .container.clocks .right .clock img.clockImage {
  width: 50%;
  position: relative;
  left: 50%;
  transform: translateX(-50%) rotate(-360deg) scale(0.3);
  opacity: 0;
}
.two_columns .container.clocks .right .clock.active img.clockImage {
  animation: clockRotate 1.5s ease-in-out 0.5s 1 forwards;
}
.two_columns .container.clocks .right .secondHand {
  position: absolute;
  transform-origin: bottom center;
  left: 50%;
  bottom: 50%;
  max-width: 15px;
  transform: translateX(-50%);
  opacity: 0;
}
.two_columns .container.clocks .right .hourHand {
  position: absolute;
  transform-origin: bottom center;
  left: 50%;
  bottom: 50%;
  max-width: 15px;
  transform: translateX(-50%);
  opacity: 0;
}
.two_columns.video {
  position: unset;
  height: 100%;
}
.two_columns.video .after {
  display: none;
}
.two_columns.video.offset-bottom {
  padding-bottom: 0;
}
.two_columns.video.offset-bottom .after {
  /*				position: relative;*/
  /*				bottom:0;*/
  width: 100%;
  background: white;
  display: block;
}
.two_columns.video .container {
  margin-bottom: 4rem;
  z-index: 1;
}
.two_columns.video .container .left .copy .content {
  width: 52.5%;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container .left .copy .content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.video .container .left {
    /*					margin-left:68px;*/
  }
}
.two_columns.video .container.video {
  z-index: 4;
  position: relative;
}
.two_columns.video .container.video .left {
  align-items: flex-end;
}
.two_columns.video .container.video .left .copy {
  width: 73.5%;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .left .copy {
    width: 100%;
  }
}
.two_columns.video .container.video .left .copy .content {
  width: 100%;
}
.two_columns.video .container.video .left .copy .content p {
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .left .copy {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .left {
    order: 1;
    align-items: flex-start;
  }
}
.two_columns.video .container.video .right {
  align-self: flex-end;
  margin-bottom: 2rem;
  position: relative;
  width: 45.95%;
}
.two_columns.video .container.video .right:before {
  content: "";
  background: transparent url("../img/video-eye-icon.svg") no-repeat center;
  background-size: 100%;
  width: 50px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-182.5%) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .right:before {
    left: 33px;
    transform: translateX(-196.5%) translateY(-50%);
  }
}
@media screen and (min-width: 769px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-110.5%) translateY(-50%);
  }
}
@media screen and (min-width: 820px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-115.5%) translateY(-50%);
  }
}
@media screen and (min-width: 910px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-125.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1024px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-132.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1130px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-142.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1310px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-156.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1410px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-164.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1440px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-166.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1675px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-184.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1800px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-194.5%) translateY(-50%);
  }
}
@media screen and (min-width: 1920px) {
  .two_columns.video .container.video .right:before {
    transform: translateX(-202.5%) translateY(-50%);
  }
}
.two_columns.video .container.video .right .copy {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .right .copy {
    width: 100%;
  }
}
.two_columns.video .container.video .right .copy .content p {
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #da7c27;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .right .copy .content p {
    padding-right: 0;
  }
}
.two_columns.video .container.video .right .copy .content p a.button {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 22px;
  transform: scale(1);
  align-self: flex-start;
  justify-content: space-between;
  transform-origin: left;
  padding: 0.5rem;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  margin-bottom: 2rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns.video .container.video .right .copy .content p a.orange {
  background-color: #da7c27;
}
.two_columns.video .container.video .right .copy .content p a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .right {
    order: 2;
    width: 100%;
    align-self: flex-start;
  }
}
.two_columns.video .container.video .video {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .video {
    width: 100%;
    order: 3;
  }
}
.two_columns.video .container.video .video .topline {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 0;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background: orange;
  width: 5px;
  height: 5%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .video .topline {
    display: none;
  }
}
.two_columns.video .container.video .video .bottomline {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 0;
  background: orange;
  width: 5px;
  height: 5%;
  transform: translateX(-50%);
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .video .bottomline {
    display: none;
  }
}
.two_columns.video .container.video .video .video-js {
  width: 100%;
}
.two_columns.video .container.video .video .video-js .vjs-control-bar {
  /*opacity:1!important;
  display:block;*/
}
.two_columns.video .container.video .video .video-js {
  padding-top: 52.65%;
}
.two_columns.video .container.video .video .video-js .vjs-big-play-button {
  background: transparent;
  border: 0;
  transform: translateX(-45%) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .video .video-js .vjs-big-play-button {
    transform: translateX(-25%) translateY(-50%);
  }
}
.two_columns.video .container.video .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 180px;
}
@media screen and (max-width: 768px) {
  .two_columns.video .container.video .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 100px;
  }
}
.two_columns.video .container.video .video .video-js .vjs-control-bar {
  transform: rotate(90deg);
  left: -29.25%;
  top: 54.85%;
  opacity: 1 !important;
  width: 58.5%;
  background: transparent !important;
  height: 8px !important;
}
.two_columns.video .container.video .video .video-js .vjs-play-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 10px;
  right: 19%;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6);
}
.two_columns.video .container.video .video .video-js .vjs-time-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 20px;
  right: 10%;
  width: 30px;
  height: 20px;
  background: transparent;
  padding: 0;
}
.two_columns.video .container.video .video .video-js .vjs-volume-panel {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 40px;
  right: 14%;
  width: 30px;
  height: 30px;
  background: transparent;
}
.two_columns.video .container.video .video .video-js .vjs-picture-in-picture-control {
  display: none;
}
.two_columns.video .container.video .video .video-js .vjs-fullscreen-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 10px;
  right: 14%;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6);
}
.two_columns.video .container.video .video .video-js .vjs-progress-holder {
  background-color: white !important;
  height: 8px;
  margin: 0;
  flex: unset;
  width: 90%;
}
.two_columns.video .container.video .video .video-js .vjs-play-progress {
  background-color: #dc913e;
  height: 8px;
}
.two_columns.video .container.video .video .video-js .vjs-play-progress:before {
  content: "";
  width: 15px;
  height: 38px;
  background: white;
  display: block;
  transform: translateY(-30px);
  background: transparent url("../img/video-timeline-marker.svg") no-repeat center center;
  right: -0.5rem !important;
}
.two_columns.justText {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .two_columns.justText {
    background-size: 750% !important;
    background-position: 30% 0% !important;
    background-repeat: no-repeat !important;
  }
}
.two_columns.justText .leftOverlay {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
.two_columns.justText .rightOverlay {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .two_columns.justText .rightOverlay {
    width: 100%;
    height: 50%;
  }
}
.two_columns.justText .container {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .two_columns.justText .container {
    margin-left: 0;
    max-width: 100%;
  }
}
.two_columns.justText .container .left {
  padding: 7.5rem 0.5%;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
  align-self: unset;
  width: 50%;
  padding-right: 5%;
  padding-left: 15%;
}
@media screen and (max-width: 768px) {
  .two_columns.justText .container .left {
    order: 1;
    padding-left: 68px;
    padding-left: 75px;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
  }
}
.two_columns.justText .container .left .copy {
  display: flex;
  flex-direction: column;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .two_columns.justText .container .left .copy {
    width: 100%;
  }
}
.two_columns.justText .container .left .copy h3 {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 2rem;
}
.two_columns.justText .container .left .copy h3 .tip {
  display: flex;
  flex-direction: column;
}
.two_columns.justText .container .left .copy h3 .tip:before {
  content: "TIP";
  background: #802c34;
  padding: 0.25rem;
  display: inline-block;
  align-self: flex-start;
  color: white !important;
}
.two_columns.justText .container .left .copy p {
  font-size: 16px;
  width: 95%;
  padding-bottom: 2rem;
}
.two_columns.justText .container .left .copy .darRedBox {
  background: linear-gradient(90deg, rgb(161, 70, 70) 0%, rgb(121, 52, 57) 100%);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns.justText .container .left .copy .darRedBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns.justText .container .left .copy .darRedBox p {
  padding-bottom: 0;
}
.two_columns.justText .container .left .copy .darRedBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns.justText .container .left .copy .darRedBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns.justText .container .left .copy .redBox {
  background-color: rgba(175, 63, 66, 0.7);
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns.justText .container .left .copy .redBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns.justText .container .left .copy .redBox p {
  padding-bottom: 0;
}
.two_columns.justText .container .left .copy .orangeBox {
  background-color: rgba(218, 124, 39, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns.justText .container .left .copy .orangeBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns.justText .container .left .copy .orangeBox p {
  padding-bottom: 0;
}
.two_columns.justText .container .left .copy .orangeBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns.justText .container .left .copy .orangeBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns.justText .container .left .copy .orangeBox a:after {
    right: 0.25rem;
  }
}
.two_columns.justText .container .left .copy .button {
  border: 1px solid white;
  position: relative;
  display: flex;
  align-items: center;
  align-self: flex-start;
  transition: all 0.3s ease;
  background: transparent;
  transform: scale(1);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  color: white;
  font-family: neulis-neue, sans-serif;
  padding: 0.5rem 1rem;
}
.two_columns.justText .container .left .copy .button:after {
  content: "";
  background: transparent url("../img/link-arrow-white.svg") no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
}
.two_columns.justText .container .left .copy .button:hover {
  transition: all 0.3s ease;
  color: #ffffff;
  transform: scale(1.025);
}
.two_columns.justText .container .left .copy .button:hover:after {
  transform: translateX(100%) translateY(-50%);
  transition: all 0.3s ease;
}
.two_columns.justText .container .left .copy .button.outline {
  background: transparent !important;
  border: 1px solid #da7c27 !important;
  color: #da7c27 !important;
}
.two_columns.justText .container .left .copy .button.outline:hover {
  border: 1px solid #da7c27 !important;
}
.two_columns.justText .container .left .copy .button.white {
  color: white;
}
.two_columns.justText .container .right {
  padding: 7.5rem 0.5%;
  width: 50%;
  margin-top: 0;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
  align-self: unset;
  padding-right: 15%;
  padding-left: 5%;
}
@media screen and (max-width: 768px) {
  .two_columns.justText .container .right {
    order: 2;
    padding-left: 68px;
    padding-left: 75px;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    padding-right: 5%;
  }
}
.two_columns.justText .container .right .copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .two_columns.justText .container .right .copy {
    width: 100%;
  }
  .two_columns.justText .container .right .copy br {
    display: none;
  }
}
.two_columns.justText .container .right .copy h3 {
  position: relative;
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 2rem;
  padding-left: 0;
}
.two_columns.justText .container .right .copy h3 .mainTitle {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.two_columns.justText .container .right .copy h3 .mainTitle span {
  transition: all 1s ease;
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
  text-transform: uppercase;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  min-height: auto;
  color: #da7c27;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 2rem;
}
.two_columns.justText .container .right .copy h3 .tip {
  display: flex;
  flex-direction: column;
}
.two_columns.justText .container .right .copy h3 .tip:before {
  content: "TIP";
  background: #802c34;
  padding: 0.25rem;
  display: inline-block;
  align-self: flex-start;
  color: white !important;
}
.two_columns.justText .container .right .copy p {
  font-size: 16px;
  width: 95%;
  font-family: poppins, sans-serif;
  font-weight: 400;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 2rem;
}
.two_columns.justText .container .right .copy p a.button {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 22px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem 0.5rem;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  margin-bottom: 2rem;
  font-family: neulis-neue, sans-serif;
  position: relative;
}
.two_columns.justText .container .right .copy p a.orange {
  background-color: #da7c27;
}
.two_columns.justText .container .right .copy p a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns.justText .container .right .copy .darRedBox {
  background: linear-gradient(90deg, rgb(161, 70, 70) 0%, rgb(121, 52, 57) 100%);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns.justText .container .right .copy .darRedBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns.justText .container .right .copy .darRedBox p {
  padding-bottom: 0;
}
.two_columns.justText .container .right .copy .darRedBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns.justText .container .right .copy .darRedBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.two_columns.justText .container .right .copy .redBox {
  background-color: rgba(175, 63, 66, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns.justText .container .right .copy .redBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns.justText .container .right .copy .redBox p {
  padding-bottom: 0;
}
.two_columns.justText .container .right .copy .orangeBox {
  background-color: rgba(218, 124, 39, 0.7);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4vw 0;
}
.two_columns.justText .container .right .copy .orangeBox h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: white;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.two_columns.justText .container .right .copy .orangeBox p {
  padding-bottom: 0;
}
.two_columns.justText .container .right .copy .orangeBox a {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  line-height: 14px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 2rem;
  position: relative;
  letter-spacing: 0.1rem;
  font-family: neulis-neue, sans-serif;
}
.two_columns.justText .container .right .copy .orangeBox a:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns.justText .container .right .copy .orangeBox a:after {
    right: 0.25rem;
  }
}
.two_columns.justText .container .right .copy .button {
  border: 1px solid white;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: flex-start;
  transition: all 0.3s ease;
  background: transparent;
  transform: scale(1);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1rem;
  line-height: 14px;
  font-weight: bold;
  color: white;
  font-family: neulis-neue, sans-serif;
  padding: 0.75rem 0.75rem;
  width: 100%;
}
.two_columns.justText .container .right .copy .button:after {
  content: "";
  background: transparent url("../img/link-arrow-white.svg") no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .two_columns.justText .container .right .copy .button:after {
    right: 0.25rem;
  }
}
.two_columns.justText .container .right .copy .button:hover {
  transition: all 0.3s ease;
  color: #ffffff;
  transform: scale(1.025);
}
.two_columns.justText .container .right .copy .button:hover:after {
  transform: translateX(100%);
  transition: all 0.3s ease;
}
.two_columns.icons {
  padding-bottom: 2rem;
}
.two_columns.empowering {
  padding-bottom: 0;
  padding-top: 0;
  /*		transform:translateY(-12.5%);*/
  margin-top: 0 !important;
}
.two_columns.empowering .container {
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .two_columns.empowering .container {
    max-width: 70%;
  }
}
.two_columns.empowering .container.right_to_left .left {
  order: 2;
  padding-top: 3vw;
}
.two_columns.empowering .container.right_to_left .left .copy {
  padding-left: 0;
}
.two_columns.empowering .container.right_to_left .left .copy .content {
  padding-right: 46%;
}
@media screen and (max-width: 768px) {
  .two_columns.empowering .container.right_to_left .left .copy .content {
    padding-right: 0;
  }
}
.two_columns.empowering .container.right_to_left .left .copy .content p a.button {
  min-height: 45px;
}
.two_columns.empowering .container.right_to_left .right {
  order: 1;
}
@media screen and (max-width: 768px) {
  .two_columns.empowering .container.right_to_left .right {
    margin-bottom: 0rem;
  }
}
.two_columns.empowering .container.right_to_left.Small .right {
  margin-top: 2rem;
}
.two_columns.empowering .container.right_to_left.Small .right .image {
  width: 100%;
  align-self: flex-start;
}
.two_columns.empowering .container .left .copy h3.title {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .two_columns.empowering .container .left .copy h3.title {
    margin-top: 1rem;
  }
}
.two_columns.empowering .container .left .copy h3.subtitle {
  margin-top: 0;
}
.two_columns.empowering .container .copy {
  padding-left: 45%;
}
@media screen and (max-width: 768px) {
  .two_columns.empowering .container .copy {
    padding-left: 0;
  }
}
.two_columns.empowering .container .copy .content p {
  font-size: 16px;
}
.two_columns.empowering .container .copy .content p a.button {
  background: #da7c27;
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  padding: 0.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: neulis-neue, sans-serif;
  min-height: 45px;
}
.two_columns.empowering .container .copy .content p a.button:after {
  content: "";
  background: transparent url(../img/link-arrow-white.svg) no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0) translateY(-50%);
  transition: all 0.3s ease;
  margin-left: 1.5rem;
  display: block;
}
.two_columns.empowering .container .copy .content p a.outline {
  background: transparent !important;
  border: 1px solid #da7c27 !important;
  color: #da7c27 !important;
}
.two_columns.empowering .container .copy .content p a.outline:hover {
  border: 1px solid #da7c27 !important;
}
.two_columns.empowering .container .copy .content p a.white {
  color: white;
}
.two_columns.empowering .slider_two_columns {
  z-index: 4;
}
.two_columns.slider {
  position: unset;
  height: 100%;
}
.two_columns.slider .slider_two_columns.slide-container {
  z-index: 3;
  position: relative;
}

.cta_section {
  position: relative;
}
@media screen and (max-width: 768px) {
  .cta_section {
    margin-top: 0 !important;
  }
}
.cta_section .backgroundImage {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta_section .after {
  display: none;
}
.cta_section.page5YouCanAlso {
  margin-top: 0 !important;
}
.cta_section.page5YouCanAlso .container .left .copy a .overlay {
  opacity: 1 !important;
}
.cta_section.page8-VisitSection .container .left .copy a .text .intro {
  font-weight: 700;
  font-size: 24px;
}
.cta_section.page8-VisitSection .container .left .copy a .text .info {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
@media screen and (max-width: 498px) {
  .cta_section.page8-VisitSection .container .left .copy a .text .info {
    font-size: 1.2rem;
    line-height: 110%;
  }
}
.cta_section.offset-bottom {
  padding-bottom: 0;
}
.cta_section.offset-bottom .after {
  width: 100%;
  background: white;
  display: block;
}
.cta_section .container.right_to_left .left {
  order: 2;
}
.cta_section .container.right_to_left .right {
  order: 1;
}
.cta_section .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .cta_section .container {
    flex-direction: column;
    padding-left: 0px;
    max-width: 70%;
    margin-left: 75px;
  }
}
.cta_section .container .left {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .cta_section .container .left {
    width: 95%;
  }
}
.cta_section .container .left .copy a {
  transition: all 1s ease;
  transform: translateY(-10%);
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a {
    /*						margin-left:68px;*/
    display: block;
    padding-bottom: 5.5rem;
  }
}
@media screen and (max-width: 400px) {
  .cta_section .container .left .copy a {
    padding-bottom: 0rem;
  }
}
.cta_section .container .left .copy a .bgImage {
  visibility: hidden;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .cta_section .container .left .copy a .bgImage {
    display: none;
  }
}
.cta_section .container .left .copy a .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /*						background:black;*/
  opacity: 0.7;
}
.cta_section .container .left .copy a .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.75rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a .text {
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .cta_section .container .left .copy a .text {
    position: relative;
  }
}
.cta_section .container .left .copy a .text .intro {
  color: white;
}
.cta_section .container .left .copy a .text .intro p {
  text-transform: uppercase;
  font-size: 1.6vw;
  line-height: 110%;
  letter-spacing: -0.1vw;
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a .text .intro p br {
    display: none;
  }
}
@media screen and (min-width: 1975px) {
  .cta_section .container .left .copy a .text .intro p br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a .text .intro p {
    font-size: 1.2rem;
    line-height: 110%;
    letter-spacing: -0.1rem;
  }
}
@media screen and (max-width: 400px) {
  .cta_section .container .left .copy a .text .intro p {
    font-size: 1rem;
    line-height: 110%;
    letter-spacing: -0.1rem;
  }
}
@media screen and (min-width: 1506px) {
  .cta_section .container .left .copy a .text .intro p {
    font-size: 1.5rem;
    line-height: 110%;
    letter-spacing: -0.1rem;
  }
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a .text .intro {
    margin-bottom: 1rem;
  }
}
.cta_section .container .left .copy a .text .link {
  transition: all 0.3s ease;
  color: white;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 22px;
  transform: scale(1);
  align-self: flex-start;
  transform-origin: left;
  padding: 0.5rem 0.75rem 0.75rem 0.75rem;
  text-transform: uppercase;
  font-size: 12px;
  font-family: neulis-neue, sans-serif;
  font-weight: 600;
  letter-spacing: 0.2rem;
  width: 100%;
}
.cta_section .container .left .copy a .text .link:after {
  content: "";
  background: transparent url("../img/link-arrow-white.svg") no-repeat center;
  background-size: 98%;
  width: 8px;
  height: 15px;
  transform: translateX(0);
  transition: all 0.3s ease;
  display: block;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a .text .link {
    margin-bottom: 1rem;
    line-height: 120%;
  }
}
.cta_section .container .left .copy a .text .info {
  color: white;
  text-transform: uppercase;
  font-size: 1.6vw;
  line-height: 110%;
  letter-spacing: -0.1vw;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .cta_section .container .left .copy a .text .info {
    margin-bottom: 1rem;
    line-height: 120%;
    font-size: 1.2rem;
    line-height: 110%;
    letter-spacing: -0.1rem;
  }
}
@media screen and (max-width: 400px) {
  .cta_section .container .left .copy a .text .info {
    font-size: 1rem;
    line-height: 110%;
    letter-spacing: -0.1rem;
  }
}
@media screen and (min-width: 1506px) {
  .cta_section .container .left .copy a .text .info {
    font-size: 1.5rem;
    line-height: 110%;
    letter-spacing: -0.1rem;
  }
}
.cta_section .container .left .copy a:hover .text .link {
  transition: all 0.3s ease;
  transform: scale(1.025);
}
.cta_section .container .left .copy a:hover .text .link:after {
  transform: translateX(100%);
  transition: all 0.3s ease;
}
.cta_section .container .left.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.cta_section .container .left.InView .copy a {
  transition: all 1s ease;
  transform: translateY(0%);
}
.cta_section .container .right {
  width: 45%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 4rem;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .cta_section .container .right {
    width: 95%;
  }
}

.references {
  position: relative;
  padding: 2rem 0;
  background: #0f0f1c;
}
@media screen and (max-width: 768px) {
  .references {
    max-width: 100%;
    padding: 2rem;
    padding-left: 78px;
  }
}
@media screen and (max-width: 420px) {
  .references {
    padding: 1rem !important;
  }
}
.references .backgroundImage {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}
.references .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 768px) {
  .references .container {
    flex-direction: column;
    padding-left: 0px;
  }
}
.references .container .references {
  width: 100%;
  padding: 0.5%;
  transition: all 1s ease;
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  transform: translateY(20%);
}
@media screen and (max-width: 767px) {
  .references .container .references {
    width: 95%;
  }
}
.references .container .references h4 {
  color: #da7c27;
  font-size: 9px;
  text-transform: uppercase;
}
.references .container .references ol {
  padding-left: 0rem;
  max-width: 95%;
}
@media screen and (max-width: 1245px) {
  .references .container .references ol {
    margin-left: 1rem;
  }
}
.references .container .references ol li {
  font-size: 9px;
  margin-bottom: 0.15rem;
  color: white !important;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .references .container .references ol li {
    line-height: 11px;
  }
}
@media screen and (max-width: 470px) {
  .references .container .references ol li {
    word-break: break-all;
  }
}
.references .container .references ol li::marker {
  color: #da7c27;
}
.references .container .references .copy h3 {
  transition: all 1s ease;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  color: white;
}
.references .container .references .copy .content {
  transition: all 1.5s ease;
  transform: translateY(-50%);
}
.references .container .references .copy .content p {
  font-size: 18px;
  padding: 1rem;
  color: white;
  padding-right: 0;
}
.references .container .references.InView {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}
.references .container .references.InView ol li {
  color: white;
}
.references .container .references.InView .copy h3 {
  transition: all 1s ease;
  transform: translateY(0%);
}
.references .container .references.InView .copy .content {
  transition: all 1.5s ease;
  transform: translateY(0%);
}

@keyframes headerTop {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(5%);
  }
}
@keyframes headerBottom {
  0% {
    transform: translateY(-130%);
  }
  100% {
    transform: translateY(-15%);
  }
}
@keyframes headerBottom85 {
  0% {
    transform: translateY(-130%);
  }
  100% {
    transform: translateY(-12%);
  }
}
@keyframes headerBottom2 {
  0% {
    transform: translateY(-130%);
  }
  100% {
    transform: translateY(-30%);
  }
}
@keyframes navAnimate {
  0% {
    transform: translateY(-110%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes navAnimateBack {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(-110%);
    opacity: 0;
  }
}
@keyframes homeVideo {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body {
  background: white;
  font-family: "josefin-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body h1, body h2, body h3, body h4, body h5 {
  font-family: "josefin-sans", sans-serif;
}
body h1.site-title, body h2.site-title, body h3.site-title, body h4.site-title, body h5.site-title {
  font-family: "josefin-sans", sans-serif;
}
body .dealingWithRelapse header .headCopy h1 {
  line-height: 85px;
}

.supportBackground {
  background: transparent url("../img/recovery-plan-bg-img.jpg") center top;
  background-size: cover;
}
.supportBackground .guideline .menuMarker svg.menuHintMobile.active {
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .supportBackground .guideline .menuMarker .menuHintText.active {
    z-index: 11;
    padding-left: 0;
    margin-left: 2rem;
    max-width: 325px;
  }
}
.supportBackground.sliderSection2 .navDropdown {
  background: #a61e32;
  z-index: 4;
  position: relative;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 1rem 6rem;
}
@media screen and (max-width: 840px) {
  .supportBackground.sliderSection2 .navDropdown {
    padding: 1rem 3rem;
  }
}
@media screen and (max-width: 505px) {
  .supportBackground.sliderSection2 .navDropdown {
    margin: 0 auto 2rem 64px;
    width: 80%;
    padding: 1rem 1.5rem;
  }
}
.supportBackground.sliderSection2 .navDropdown .navWrapper {
  border-left: 1px solid #ffffff;
}
.supportBackground.sliderSection2 .navDropdown .searchIntro h4 {
  color: white;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  padding: 0.25rem 0;
}
.supportBackground.sliderSection2 .navDropdown .searchIntro h4:after {
  content: "";
  height: 15px;
  background: transparent url("../img/support-down-arrow.svg") no-repeat 0px 0px;
  background-size: 100%;
  width: 30px;
  display: block;
  margin-left: 10px;
  min-width: 30px;
}
@media screen and (max-width: 840px) {
  .supportBackground.sliderSection2 .navDropdown .searchIntro h4 {
    font-size: 16px;
  }
}
.supportBackground.sliderSection2 .navDropdown .nav {
  padding-left: 6rem;
  transform: translateX(-10px);
  padding-bottom: 0rem;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 840px) {
  .supportBackground.sliderSection2 .navDropdown .nav {
    padding-left: 3rem;
  }
}
@media screen and (max-width: 505px) {
  .supportBackground.sliderSection2 .navDropdown .nav {
    padding-left: 1.5rem;
  }
}
.supportBackground.sliderSection2 .navDropdown .nav.active {
  height: auto;
}
.supportBackground.sliderSection2 .navDropdown .nav.subNav {
  height: auto;
}
.supportBackground.sliderSection2 .navDropdown .nav:hover {
  background: transparent url("../img/nav-circle.png") no-repeat 0px 8px;
}
.supportBackground.sliderSection2 .navDropdown .nav:hover h4 {
  color: #f6a822;
}
.supportBackground.sliderSection2 .navDropdown .nav h4 {
  color: white;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  padding: 0.25rem 0;
}
.supportBackground.sliderSection2 .navDropdown .nav h4:after {
  content: "";
  height: 15px;
  background: transparent url("../img/support-down-arrow.svg") no-repeat 0px 0px;
  background-size: 100%;
  width: 30px;
  display: block;
  margin-left: 10px;
  min-width: 30px;
}
@media screen and (max-width: 840px) {
  .supportBackground.sliderSection2 .navDropdown .nav h4 {
    font-size: 16px;
  }
}
.supportBackground.sliderSection2 .navDropdown .nav ul {
  transition: all 0.3s ease;
  height: 0px;
  overflow: hidden;
}
@media screen and (max-width: 840px) {
  .supportBackground.sliderSection2 .navDropdown .nav ul {
    padding-left: 2rem;
  }
}
.supportBackground.sliderSection2 .navDropdown .nav ul.active {
  height: auto;
  transition: all 0.3s ease;
}
.supportBackground.sliderSection2 .navDropdown .nav ul li {
  color: rgba(255, 255, 255, 0);
  font-size: 30px;
  line-height: 20px;
}
.supportBackground.sliderSection2 .navDropdown .nav ul li a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  transform: translateY(-14%);
  display: block;
}
.supportBackground.sliderSection2 .navDropdown .nav ul li a:focus {
  background: transparent;
  outline: none;
  border: 0;
}
.supportBackground.sliderSection2 .navDropdown .nav ul li a:visited {
  background: transparent;
  outline: none;
  border: 0;
}
.supportBackground.sliderSection2 .navDropdown .nav ul li:hover {
  list-style-type: disc;
  color: #f6a822;
  line-height: 20px;
}
.supportBackground.sliderSection2 .navDropdown .nav ul li:hover a {
  color: #f6a822;
}
.supportBackground.sliderSection2 .container {
  margin: unset;
}
.supportBackground.sliderSection2 .container .left {
  background: none;
}
.supportBackground.sliderSection2 .slider2 {
  height: 0;
  overflow: hidden;
}
.supportBackground.sliderSection2 .slider2.active {
  height: auto;
}
.supportBackground.sliderSection2 .slider2 h2.mainTitle {
  position: absolute;
  z-index: 2;
  font-family: josefin-sans, sans-serif;
  font-weight: 300;
  color: white;
  font-size: 2.2vw;
  line-height: 1.9vw;
  left: 20%;
  top: 10%;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .supportBackground.sliderSection2 .slider2 h2.mainTitle {
    left: 85px !important;
  }
}
.supportBackground.sliderSection2 .slider2 h2.mainTitle span {
  font-weight: 600;
  font-size: 3vw;
}
@media screen and (min-width: 1440px) {
  .supportBackground.sliderSection2 .slider2 h2.mainTitle span {
    font-size: 43px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 h2.mainTitle span {
    font-size: 24px;
  }
}
@media screen and (min-width: 1440px) {
  .supportBackground.sliderSection2 .slider2 h2.mainTitle {
    font-size: 32px;
    line-height: 28px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 h2.mainTitle {
    left: 95px;
    font-size: 18px;
    line-height: 16px;
  }
}
.supportBackground.sliderSection2 .slider2#helplineServices h2.mainTitle span {
  color: #da7c27;
}
.supportBackground.sliderSection2 .slider2#helplineServices .slick-track {
  background: transparent url("../img/helpline-services-bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}
.supportBackground.sliderSection2 .slider2#helplineServices .slide-container .slick-slide .copy > div p strong a {
  color: white;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups h2.mainTitle, .supportBackground.sliderSection2 .slider2#friendSupport h2.mainTitle, .supportBackground.sliderSection2 .slider2#providers h2.mainTitle, .supportBackground.sliderSection2 .slider2#mentalSupport h2.mainTitle, .supportBackground.sliderSection2 .slider2#socialCare h2.mainTitle {
  color: #6d6e70;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups h2.mainTitle span, .supportBackground.sliderSection2 .slider2#friendSupport h2.mainTitle span, .supportBackground.sliderSection2 .slider2#providers h2.mainTitle span, .supportBackground.sliderSection2 .slider2#mentalSupport h2.mainTitle span, .supportBackground.sliderSection2 .slider2#socialCare h2.mainTitle span {
  color: #a61e32;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slick-track, .supportBackground.sliderSection2 .slider2#friendSupport .slick-track, .supportBackground.sliderSection2 .slider2#providers .slick-track, .supportBackground.sliderSection2 .slider2#mentalSupport .slick-track, .supportBackground.sliderSection2 .slider2#socialCare .slick-track {
  background: #ffffff !important;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slide-container .slick-slide .title h3, .supportBackground.sliderSection2 .slider2#friendSupport .slide-container .slick-slide .title h3, .supportBackground.sliderSection2 .slider2#providers .slide-container .slick-slide .title h3, .supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .title h3, .supportBackground.sliderSection2 .slider2#socialCare .slide-container .slick-slide .title h3 {
  color: #a61e32;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slide-container .slick-slide .copy h3, .supportBackground.sliderSection2 .slider2#friendSupport .slide-container .slick-slide .copy h3, .supportBackground.sliderSection2 .slider2#providers .slide-container .slick-slide .copy h3, .supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy h3, .supportBackground.sliderSection2 .slider2#socialCare .slide-container .slick-slide .copy h3 {
  color: #a61e32;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slide-container .slick-slide .copy h3 span, .supportBackground.sliderSection2 .slider2#friendSupport .slide-container .slick-slide .copy h3 span, .supportBackground.sliderSection2 .slider2#providers .slide-container .slick-slide .copy h3 span, .supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy h3 span, .supportBackground.sliderSection2 .slider2#socialCare .slide-container .slick-slide .copy h3 span {
  color: #a61e32;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slide-container .slick-slide .copy > div p, .supportBackground.sliderSection2 .slider2#friendSupport .slide-container .slick-slide .copy > div p, .supportBackground.sliderSection2 .slider2#providers .slide-container .slick-slide .copy > div p, .supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy > div p, .supportBackground.sliderSection2 .slider2#socialCare .slide-container .slick-slide .copy > div p {
  color: #6d6e70;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slide-container .slick-slide .copy > div p strong a, .supportBackground.sliderSection2 .slider2#friendSupport .slide-container .slick-slide .copy > div p strong a, .supportBackground.sliderSection2 .slider2#providers .slide-container .slick-slide .copy > div p strong a, .supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy > div p strong a, .supportBackground.sliderSection2 .slider2#socialCare .slide-container .slick-slide .copy > div p strong a {
  color: #6d6e70;
}
.supportBackground.sliderSection2 .slider2#peerSupportGroups .slide-container .slick-slide .copy > div p a.button, .supportBackground.sliderSection2 .slider2#friendSupport .slide-container .slick-slide .copy > div p a.button, .supportBackground.sliderSection2 .slider2#providers .slide-container .slick-slide .copy > div p a.button, .supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy > div p a.button, .supportBackground.sliderSection2 .slider2#socialCare .slide-container .slick-slide .copy > div p a.button {
  background: #a61e32 url("../img/support-button-arrow.svg") no-repeat 98% center;
  color: white;
  margin-top: 2rem;
  background-size: 15px;
}
.supportBackground.sliderSection2 .slider2#infoAdvice h2.mainTitle {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#infoAdvice h2.mainTitle span {
  color: #a61e32;
}
.supportBackground.sliderSection2 .slider2#infoAdvice .slick-track {
  background: transparent url("../img/infoAdvice-slider-bg.png") no-repeat left top;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2#infoAdvice .slide-container .slick-slide .title {
    padding-top: 7rem;
  }
}
.supportBackground.sliderSection2 .slider2#infoAdvice .slide-container .slick-slide .title h3 {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#infoAdvice .slide-container .slick-slide .copy h3 {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#infoAdvice .slide-container .slick-slide .copy > div p {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#infoAdvice .slide-container .slick-slide .copy > div p strong a {
  color: white;
}
.supportBackground.sliderSection2 .slider2#infoAdvice .slide-container .slick-slide .copy > div p a.button {
  background: #a61e32 url("../img/support-button-arrow.svg") no-repeat 98% center;
  color: white;
  margin-top: 2rem;
  background-size: 15px;
}
.supportBackground.sliderSection2 .slider2#rehabServices h2.mainTitle {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#rehabServices h2.mainTitle span {
  color: #da7c27;
}
.supportBackground.sliderSection2 .slider2#rehabServices .slick-track {
  background: transparent url("../img/rehabServices-slider-bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}
.supportBackground.sliderSection2 .slider2#rehabServices .slide-container .slick-slide .title h3 {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#rehabServices .slide-container .slick-slide .copy h3 {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#rehabServices .slide-container .slick-slide .copy > div p {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#rehabServices .slide-container .slick-slide .copy > div p a.button {
  background: #da7c27 url("../img/support-button-arrow.svg") no-repeat 98% center;
  color: white;
  margin-top: 2rem;
  background-size: 15px;
}
.supportBackground.sliderSection2 .slider2#mentalSupport h2.mainTitle, .supportBackground.sliderSection2 .slider2#usefulApps h2.mainTitle {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slick-track, .supportBackground.sliderSection2 .slider2#usefulApps .slick-track {
  background: transparent url("../img/mentalHealth-slider-bg.jpg") no-repeat left top !important;
  background-size: 100% 100% !important;
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-arrow.slick-prev, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-arrow.slick-prev {
  background-image: url(../img/slider-2-leftArrow-red.svg);
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-arrow.slick-next, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-arrow.slick-next {
  background-image: url(../img/slider-2-rightArrow-red.svg);
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .title h3, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-slide .title h3 {
  color: #ffffff;
  text-shadow: none !important;
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy h3, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-slide .copy h3 {
  color: #ffffff;
  text-shadow: none !important;
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy > div p, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-slide .copy > div p {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy > div p strong a, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-slide .copy > div p strong a {
  color: #ffffff;
}
.supportBackground.sliderSection2 .slider2#mentalSupport .slide-container .slick-slide .copy > div p a.button, .supportBackground.sliderSection2 .slider2#usefulApps .slide-container .slick-slide .copy > div p a.button {
  background: #a61e32 url("../img/support-button-arrow.svg") no-repeat 98% center;
  color: white;
  margin-top: 2rem;
  background-size: 15px;
}
.supportBackground.sliderSection2 .slider2#usefulApps .slick-track {
  background: transparent url("../img/phoneApps-slider-bg.jpg") no-repeat left top !important;
  background-size: 100% 100% !important;
}
.supportBackground.sliderSection2 .slider2#usefulApps .copy > div p.noTopPad a.button {
  margin-bottom: 2rem !important;
}
.supportBackground.sliderSection2 .slider2#usefulApps .copy > div p a.button {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2#usefulApps .copy > div p a.button {
    margin-bottom: 1rem !important;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow {
  background-size: 60% !important;
  transform: scale(1) translateY(-80%) !important;
}
@media screen and (max-width: 600px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow {
    width: 40px !important;
    height: 40px !important;
  }
}
@media screen and (max-width: 900px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow.slick-prev {
    left: 2%;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow.slick-prev {
    transform: scale(1) translateY(0%) !important;
    top: 85%;
    left: 35%;
  }
}
@media screen and (max-width: 600px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow.slick-prev {
    top: 90%;
  }
}
@media screen and (max-width: 900px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow.slick-next {
    right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow.slick-next {
    transform: scale(1) translateY(0%) !important;
    top: 85%;
    right: 35%;
  }
}
@media screen and (max-width: 600px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-arrow.slick-next {
    top: 90%;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .slide {
    flex-direction: column;
    min-height: 400px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .slide.familiesAnonymous .title h3 {
  text-align: left;
  float: right;
  width: 60%;
  color: #000000 !important;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .slide.familiesAnonymous .title h3 {
    width: 100%;
  }
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .slide.familiesAnonymous .title h3 br {
    display: none;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title {
    width: 100%;
    padding-top: 5rem;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title {
    padding-left: 90px;
  }
}
@media screen and (max-width: 440px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title {
    padding-left: 85px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title h3 {
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  font-size: 3.25vw;
  color: white;
  transform: translateY(-40%);
  text-align: left;
  float: right;
  padding-left: 0;
  width: 60%;
  text-shadow: none !important;
}
@media screen and (min-width: 1440px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title h3 {
    font-size: 45px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title h3 {
    text-align: left;
    padding-left: 95px;
    width: 100%;
    font-size: 26px;
  }
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title h3 br {
    display: none;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title h3 {
    padding-left: 0;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img {
  margin: 0 30% 0 auto;
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.smartRecovery {
  margin: 0 10% 0 auto;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.smartRecovery {
    margin: 40px auto 20px 95px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.smartRecovery {
    margin: 40px auto 20px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.narcosAnon {
  max-width: 40%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.narcosAnon {
    margin: 40px auto 20px 95px;
    max-width: 90px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.narcosAnon {
    margin: 40px auto 20px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.drugWise {
  margin: 0 0 0 40%;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.drugWise {
    margin: 20px auto 0px 95px;
    max-width: 200px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.drugWise {
    margin: 40px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.adfam {
  margin: 0 0 0 40%;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.adfam {
    margin: 20px auto 0px 95px;
    max-width: 250px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.adfam {
    margin: 20px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.scottishFamilies {
  margin: 0 0 0 40%;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.scottishFamilies {
    margin: 20px auto 0px 95px;
    max-width: 250px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.scottishFamilies {
    margin: 20px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.addictionFamily {
  margin: 0 0 0 40%;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.addictionFamily {
    margin: 20px auto 0px 95px;
    max-width: 300px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.addictionFamily {
    margin: 20px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.addictionTreatment {
  margin: 0 0 0 40%;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.addictionTreatment {
    margin: 20px auto 0px 95px;
    max-width: 350px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.addictionTreatment {
    margin: 20px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.withyou {
  margin: 0 0 0 40%;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.withyou {
    margin: 20px auto 10px 95px;
    max-width: 200px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.withyou {
    margin: 20px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.humanKind, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.rethink, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.mentalHealth, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.youngminds, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.citizensAdvice, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.iAmSober {
  margin: 0 0 0 40%;
  width: 22%;
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.humanKind, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.rethink, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.mentalHealth, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.youngminds, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.citizensAdvice, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.iAmSober {
    margin: 20px auto 0px 95px;
    max-width: 150px;
  }
}
@media screen and (max-width: 530px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.humanKind, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.rethink, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.mentalHealth, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.youngminds, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.citizensAdvice, .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .title.logo img.iAmSober {
    margin: 20px auto 10px 0px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy {
  transform: translateY(0vw) !important;
}
@media screen and (min-width: 1920px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy {
    min-height: 750px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy {
    padding-top: 0;
    margin-left: 195px;
    float: left;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy {
    width: 85%;
    padding-bottom: 3rem;
    float: left;
    margin-left: 105px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 {
  font-size: 2vw;
  line-height: 1.85vw;
  color: white;
}
@media screen and (min-width: 1440px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 {
    font-size: 23px;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 {
    padding-left: 0;
    font-size: 16px;
    line-height: 14px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 span {
  font-size: 1.2vw;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy h3 span {
    font-size: 12px;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p {
  max-width: 70%;
  text-shadow: none;
}
@media screen and (max-width: 1200px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 900px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p {
    max-width: 85%;
    font-size: 12px;
    line-height: 14px;
  }
}
@media screen and (max-width: 768px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p {
    padding-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p.noTopPad {
    padding-top: 0;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p.noTopPad a.button {
  margin-top: 0rem !important;
  margin-bottom: 2rem !important;
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p a.button {
  background: #da7c27;
  color: white;
  padding: 0.5rem 1rem;
  display: block;
  background: #da7c27 url("../img/support-button-arrow.svg") no-repeat 98% center;
  background-size: 15px;
  margin-bottom: 2rem;
  font-size: 16px;
  font-weight: 600;
  border: 0px solid #ffffff;
  font-family: "josefin-sans", sans-serif;
}
@media screen and (max-width: 1200px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p a.button {
    font-size: 14px;
    background-size: 10px;
    background-position: 96% center;
  }
}
@media screen and (max-width: 900px) {
  .supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p a.button {
    margin-bottom: 1rem;
  }
}
.supportBackground.sliderSection2 .slider2 .slide-container .slick-slide .copy > div p a:hover {
  border: 0px solid #ffffff;
}

.externalLinkWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
  display: none;
  overflow-y: auto;
}
.externalLinkWrapper.active {
  display: block;
}
.externalLinkWrapper .externalLinkINternal {
  background: rgb(166, 30, 50);
  background: linear-gradient(90deg, rgb(166, 30, 50) 0%, rgb(128, 44, 52) 100%);
  max-width: 85%;
  margin: 0 auto;
  margin-top: 3rem;
  padding: 3rem;
  /*			padding-top:0.5rem;*/
  position: relative;
  /*			min-height:445px;*/
  max-width: 500px;
}
.externalLinkWrapper .externalLinkINternal p {
  color: white;
  font-family: poppins, sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.externalLinkWrapper .externalLinkINternal .links {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 2rem;
}
.externalLinkWrapper .externalLinkINternal .links a {
  background: rgb(205, 131, 41);
  background: linear-gradient(90deg, rgb(205, 131, 41) 0%, rgb(128, 44, 52) 100%);
  color: white;
  padding: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  min-width: 100px;
  text-align: center;
}
.externalLinkWrapper .externalLinkINternal .links .link {
  margin-right: 1rem;
}
.externalLinkWrapper .externalLinkINternal .links .cancel {
  background: #666;
}
.externalLinkWrapper .externalLinkINternal .close {
  position: absolute;
  top: 0rem;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  background: #cd8329;
  color: white;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  font-size: 30px;
  line-height: 60px;
  font-weight: 300;
  font-family: Arial, sans-serif;
}

.navigationWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
  transform: translateY(-110%);
  opacity: 0;
}
.navigationWrapper.inactive {
  animation: navAnimateBack 0.5s ease-in-out 1 backwards;
}
.navigationWrapper.active {
  animation: navAnimate 0.5s ease-in-out 1 forwards;
}
@media screen and (max-width: 980px) {
  .navigationWrapper {
    overflow-y: auto;
  }
}
.navigationWrapper .navigation {
  background: rgb(166, 30, 50);
  background: linear-gradient(90deg, rgb(166, 30, 50) 0%, rgb(128, 44, 52) 100%);
  max-width: 85%;
  margin: 0 auto;
  margin-top: 3rem;
  padding: 2rem;
  padding-top: 0.5rem;
  position: relative;
  min-height: 445px;
  position: relative;
}
@media screen and (min-width: 1400px) {
  .navigationWrapper .navigation {
    max-width: 1200px;
  }
}
@media screen and (max-width: 980px) {
  .navigationWrapper .navigation {
    max-width: 95%;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .navigationWrapper .navigation {
    margin-top: 0rem;
    max-width: 100%;
  }
}
.navigationWrapper .navigation .dateofPrep {
  position: absolute;
  margin-left: calc(2 * var(--global--spacing-horizontal));
  left: 30px;
  bottom: 30px;
}
.navigationWrapper .navigation .dateofPrep p {
  font-size: 12px;
  color: white;
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .navigation .dateofPrep {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .navigationWrapper .navigation .dateofPrep {
    margin-left: 15px;
  }
}
.navigationWrapper .navigation .close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: #cd8329;
  color: white;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  font-size: 30px;
  line-height: 60px;
  font-weight: 300;
  font-family: Arial, sans-serif;
}
.navigationWrapper .navigation .treatmentService {
  background: rgb(205, 131, 41);
  background: linear-gradient(90deg, rgb(205, 131, 41) 0%, rgb(128, 44, 52) 100%);
  color: white;
  font-size: 16px;
  display: flex;
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
  align-items: center;
  padding: 0.5rem 1rem;
  align-self: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(50%);
}
.navigationWrapper .navigation .treatmentService:after {
  content: "";
  width: 50px;
  height: 48px;
  background: transparent url("../img/eye-icon-nav.svg") no-repeat center;
  background-size: 98%;
  display: block;
  margin-left: 1rem;
}
@media screen and (max-width: 490px) {
  .navigationWrapper .navigation .treatmentService:after {
    width: 50px;
    height: 48px;
  }
}
.navigationWrapper .navigation .treatmentService:hover {
  outline: none;
  border: 0;
  text-decoration: none;
}
.navigationWrapper .navigation .treatmentService:focus {
  outline: none;
  border: 0;
  text-decoration: none;
}
@media screen and (max-width: 490px) {
  .navigationWrapper .navigation .treatmentService {
    max-width: 90%;
    width: 100%;
    font-size: 16px;
    right: 50%;
    transform: translateX(50%) translateY(50%);
    justify-content: space-between;
  }
}
.navigationWrapper .navigation .site-logo {
  max-width: 130px;
  margin-left: calc(2 * var(--global--spacing-horizontal));
  margin-bottom: 2rem;
}
.navigationWrapper .navigation .site-logo a:active {
  background: transparent;
  outline: none;
}
.navigationWrapper .navigation .site-logo a:focus {
  background: transparent !important;
  outline: none;
}
.navigationWrapper .navigation .site-logo a:visited {
  background: transparent;
  outline: none;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .navigation .site-logo {
    margin-left: 0;
  }
}
.navigationWrapper .sub-menu-toggle {
  display: none;
}
.navigationWrapper .menu {
  display: flex;
  list-style-type: none;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .navigationWrapper .menu {
    padding-left: 1rem;
  }
}
.navigationWrapper .menu li {
  line-height: 20px;
  width: 22%;
  margin-right: 2%;
  padding-left: 1vw;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  align-self: flex-start;
  position: relative;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu li {
    width: 90%;
    margin-top: 1rem;
    padding-left: 1.25rem;
  }
  .navigationWrapper .menu li br {
    display: none;
  }
}
@media screen and (min-width: 1620px) {
  .navigationWrapper .menu li {
    padding-left: 16px;
    margin-right: 21px;
  }
}
.navigationWrapper .menu li:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background: #e8a423;
  display: block;
  position: absolute;
  left: -0.5rem;
  top: 0rem;
}
.navigationWrapper .menu li:last-of-type {
  margin-right: 0;
}
.navigationWrapper .menu li a {
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 1rem;
  display: block;
  color: #e8a423;
  transform: translateY(-0.2rem);
}
.navigationWrapper .menu li a:hover {
  outline: none;
  border: 0;
  text-decoration: none;
}
.navigationWrapper .menu li a:focus {
  outline: none;
  border: 0;
  text-decoration: none;
}
.navigationWrapper .menu li ul {
  list-style-type: none;
  padding-left: 1vw;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu li ul {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1620px) {
  .navigationWrapper .menu li ul {
    padding-left: 16px;
  }
}
.navigationWrapper .menu li ul li {
  line-height: 20px;
  width: 100%;
  padding-right: 1vw;
  padding-left: 0;
  background: transparent url("../img/nav-down-arrow.svg") no-repeat right 1rem;
  background-size: 20px;
  border-left: 0px;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu li ul li {
    background-size: 15px;
    background-position: right top;
    margin-top: 0;
  }
}
@media screen and (max-width: 410px) {
  .navigationWrapper .menu li ul li {
    background-position: right 0.4rem;
  }
}
@media screen and (min-width: 1620px) {
  .navigationWrapper .menu li ul li {
    padding-right: 16px;
    margin-right: 21px;
  }
}
.navigationWrapper .menu li ul li:before {
  display: none;
}
.navigationWrapper .menu li ul li a {
  font-weight: 600;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: white;
  transform: translateY(0rem);
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu li ul li a {
    padding-bottom: 0.5rem;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media screen and (max-width: 420px) {
  .navigationWrapper .menu li ul li a {
    width: 90%;
  }
}
@media screen and (max-width: 410px) {
  .navigationWrapper .menu li ul li a {
    font-size: 0.85rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1490px) {
  .navigationWrapper .menu li ul li a {
    font-size: 13px;
    line-height: 14px;
  }
}
.navigationWrapper .menu li ul li:hover ul {
  display: block;
}
.navigationWrapper .menu li ul li:hover ul li a {
  color: white;
}
.navigationWrapper .menu li ul li:hover a {
  color: #e8a423;
}
.navigationWrapper .menu li ul li ul {
  list-style-type: disc;
  padding-left: 1.2vw;
  display: none;
  margin-bottom: 0.5vw;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu li ul li ul {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1620px) {
  .navigationWrapper .menu li ul li ul {
    padding-left: 18px;
  }
}
.navigationWrapper .menu li ul li ul li {
  color: #e8a423;
  line-height: 1.2vw;
  width: 100%;
  background: none;
  border-left: 0px;
  padding-left: 0;
}
@media screen and (max-width: 980px) {
  .navigationWrapper .menu li ul li ul li {
    margin-top: 0;
  }
}
@media screen and (min-width: 1620px) {
  .navigationWrapper .menu li ul li ul li {
    padding-right: 16px;
    margin-right: 3px;
  }
}
.navigationWrapper .menu li ul li ul li:before {
  display: none;
}
.navigationWrapper .menu li ul li ul li a {
  font-weight: 400;
  font-family: poppins, sans-serif;
  color: white;
  font-size: 0.7vw;
  line-height: 0.7vw;
  padding-bottom: 0.1vw;
  transform: translateY(0rem);
}
@media screen and (max-width: 1200px) {
  .navigationWrapper .menu li ul li ul li a {
    font-size: 0.8rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 1620px) {
  .navigationWrapper .menu li ul li ul li a {
    font-size: 11px;
    line-height: 12px;
  }
}
.navigationWrapper .menu li ul li ul li:hover a {
  color: #e8a423;
}

header {
  display: flex;
  justify-content: space-between;
  padding: 0rem 0;
  position: relative;
  height: 0;
  padding-top: 52.6%;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 825px) {
  header {
    padding-top: 62.6%;
  }
}
@media screen and (max-width: 768px) {
  header {
    /*		padding-top:72%!important;*/
  }
}
@media screen and (max-width: 1181px) {
  .understandingOpioidAddiction header, .howOpioidAddictionAffectsHealth header, .treatingOpioidAddiction header, .overcomingOpioidAddiction header, .dealingWithRelapse header, .friendRelative header {
    padding-top: 58%;
  }
}
@media screen and (max-width: 840px) {
  .understandingOpioidAddiction header, .howOpioidAddictionAffectsHealth header, .treatingOpioidAddiction header, .overcomingOpioidAddiction header, .dealingWithRelapse header, .friendRelative header {
    padding-top: 73%;
  }
}
@media screen and (max-width: 768px) {
  .understandingOpioidAddiction header, .howOpioidAddictionAffectsHealth header, .treatingOpioidAddiction header, .overcomingOpioidAddiction header, .dealingWithRelapse header, .friendRelative header {
    padding-top: 0;
  }
}
.page-template-treatment-service-page-template header {
  height: 105vh;
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header {
    height: 140vh;
  }
}
@media screen and (max-width: 490px) and (orientation: portrait) {
  .page-template-treatment-service-page-template header {
    height: 110vh;
  }
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  .page-template-treatment-service-page-template header {
    height: 140vh;
  }
}
.home header {
  height: 100vh;
  padding-top: 0;
  background: black;
}
@media screen and (max-height: 730px) and (orientation: landscape) {
  .home header {
    height: 115vh;
  }
}
@media screen and (max-height: 640px) and (orientation: landscape) {
  .home header {
    height: 125vh;
  }
}
@media screen and (max-height: 595px) and (orientation: landscape) {
  .home header {
    height: 800px;
  }
}
@media screen and (max-width: 950px) and (orientation: landscape) {
  .home header {
    height: 180vh;
  }
}
@media screen and (max-width: 768px) {
  header {
    padding-top: 0;
    height: auto;
    flex-direction: column;
  }
}
header .siteDisclaimer {
  padding-left: 0rem;
  margin: 0rem 0rem 0 8px;
  padding: 0.5rem 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  background: rgba(173, 113, 46, 0.9);
}
.home header .siteDisclaimer {
  width: calc(100% - 8px);
}
header .siteDisclaimer p {
  font-weight: 600;
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  header .siteDisclaimer p {
    width: 60%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 500px) {
  header .siteDisclaimer p {
    width: 300px;
    font-size: 12px;
    line-height: 14px;
  }
}
header .site-logo {
  padding-left: 0rem;
  margin: 1rem 0 0 0rem;
  max-width: 12.5%;
  position: absolute;
  left: 50%;
  top: 10%;
  z-index: 2;
  transform: translateX(-50%);
  width: 100%;
}
header .site-logo a:focus {
  background: transparent !important;
  outline: none !important;
  border: 0 !important;
}
header .site-logo a:focus img {
  outline: none !important;
}
.home header .site-logo {
  top: 4.75rem;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .home header .site-logo {
    max-width: 30%;
  }
}
@media screen and (max-width: 580px) {
  .home header .site-logo {
    top: 4.35rem;
    max-width: 13.75rem;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 400px) {
  .home header .site-logo {
    max-width: 10.75rem;
    top: 5.5rem;
  }
}
.page-template-treatment-service-page-template header .site-logo {
  top: 9.25%;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
  .page-template-treatment-service-page-template header .site-logo {
    max-width: 30%;
  }
}
@media screen and (max-width: 440px) {
  .page-template-treatment-service-page-template header .site-logo {
    max-width: 13.75rem;
  }
}
header .site-logo img {
  width: 100%;
  margin: 0;
}
header .site-logo svg {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 1366px) {
  header .site-logo {
    /*				max-width:25%;*/
  }
}
@media screen and (max-width: 1024px) {
  header .site-logo {
    max-width: 20%;
    top: 10%;
  }
}
@media screen and (max-width: 768px) {
  header .site-logo {
    max-width: 20%;
    top: 10%;
    /*			margin-left:1.25rem;*/
  }
}
@media screen and (max-width: 640px) {
  header .site-logo {
    max-width: 30%;
  }
}
@media screen and (max-width: 600px) {
  header .site-logo {
    /*			max-width:150px;*/
    margin: 0 auto;
    padding-left: 0;
    left: 50%;
    top: 14%;
    transform: translateX(-50%);
    /*			top:0.75rem;*/
  }
}
@media screen and (max-width: 440px) {
  header .site-logo {
    max-width: 13.75rem;
  }
}
header .headerGuideline {
  background: orange;
  width: 5px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 10%;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  header .headerGuideline {
    left: 35px;
  }
}
@media screen and (max-width: 768px) {
  header .headerGuideline {
    left: 35px;
  }
}
.home header .headerGuideline {
  display: none;
}
header h1 {
  font-size: 50px;
  font-weight: bold;
}
header .imgHolder {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  header .imgHolder {
    position: relative;
    height: 500px;
  }
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .imgHolder {
    height: 140vh;
  }
}
@media screen and (max-width: 490px) and (orientation: portrait) {
  .page-template-treatment-service-page-template header .imgHolder {
    height: 110vh;
  }
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  .page-template-treatment-service-page-template header .imgHolder {
    height: 140vh;
  }
}
.home header .imgHolder {
  display: none;
}
header .videoHolder {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.home header .videoHolder {
  display: block;
  height: 100vh;
  opacity: 0;
  animation: homeVideo 7s forwards !important;
}
@media screen and (max-height: 730px) and (orientation: landscape) {
  .home header .videoHolder {
    height: 115vh;
  }
}
@media screen and (max-height: 640px) and (orientation: landscape) {
  .home header .videoHolder {
    height: 125vh;
  }
}
@media screen and (max-height: 595px) and (orientation: landscape) {
  .home header .videoHolder {
    height: 800px;
  }
}
@media screen and (max-width: 950px) and (orientation: landscape) {
  .home header .videoHolder {
    height: 180vh;
  }
}
@media screen and (max-width: 768px) {
  header .videoHolder {
    position: relative;
  }
}
header .videoHolder .video-js {
  width: 140%;
  height: 140%;
  margin-left: -20%;
  margin-top: -10%;
}
.home header .videoHolder .video-js {
  width: 100%;
  height: 100%;
  margin-left: 0%;
  margin-top: 0%;
}
@media screen and (max-width: 768px) {
  header .videoHolder .video-js {
    padding-top: 54.5%;
  }
}
.home header .videoHolder .video-js video {
  object-fit: cover;
}
.home header .videoHolder .video-js video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}
.home header .videoHolder .video-js video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.home header .videoHolder .video-js video::-webkit-media-controls-play-button {
  display: none;
}
.home header .videoHolder .video-js .vjs-big-play-button {
  display: none;
}
header .videoHolder .video-js .vjs-control-bar {
  transform: rotate(90deg);
  left: -3.65%;
  top: 48%;
  opacity: 1 !important;
  width: 36.2%;
  background: transparent !important;
  height: 8px !important;
}
.home header .videoHolder .video-js .vjs-control-bar {
  transform: rotate(90deg);
  left: 0.5rem;
  top: 0rem;
  opacity: 1 !important;
  width: calc(100vh - 100px);
  background: transparent !important;
  height: 8px !important;
  bottom: unset;
  right: unset;
  transform-origin: top left;
  /*@media screen and (max-width: 768px) {
  	top: 37.4%;
       width: 100%;
       left: -49.5%;
  }*/
}
@media screen and (max-width: 932px) {
  .home header .videoHolder .video-js .vjs-control-bar {
    /*						top:31.2%;*/
    /*						left: -26.55%;*/
  }
}
@media screen and (max-width: 932px) and (orientation: landscape) {
  .home header .videoHolder .video-js .vjs-control-bar {
    /*						top:12rem;*/
    /*						width:400px;*/
  }
}
@media screen and (max-width: 440px) {
  .home header .videoHolder .video-js .vjs-control-bar {
    /*						top: 37.4%;*/
    /*		        width: 150%;*/
    /*		        left: -73.95%;*/
  }
}
@media screen and (max-width: 414px) {
  .home header .videoHolder .video-js .vjs-control-bar {
    /*						top: 34.25%;*/
  }
}
@media screen and (max-width: 950px) and (orientation: landscape) {
  .home header .videoHolder .video-js .vjs-control-bar {
    /*						top:31.2%;*/
    /*						left: -26.55%;*/
  }
}
@media only screen and (max-width: 896px) and (orientation: landscape) {
  .home header .videoHolder .video-js .vjs-control-bar {
    /*						top:31.2%;*/
    /*						left: -26.55%;*/
  }
}
@media screen and (max-width: 768px) {
  header .videoHolder .video-js .vjs-control-bar {
    /*width:30%;
    left:-0.5%;*/
    /*					top:56.25%;*/
    /*					width:30%;*/
    /*					left:-0.5%*/
  }
}
header .videoHolder .video-js .vjs-play-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 10px;
  right: 12%;
  width: 30px;
  height: 30px;
  background: transparent;
}
@media screen and (max-width: 500px) {
  header .videoHolder .video-js .vjs-play-control {
    right: 20%;
  }
}
header .videoHolder .video-js .vjs-time-control {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 20px;
  right: 10%;
  width: 30px;
  height: 20px;
  background: transparent;
  padding: 0;
}
header .videoHolder .video-js .vjs-volume-panel {
  display: none;
}
header .videoHolder .video-js .vjs-picture-in-picture-control {
  display: none;
}
header .videoHolder .video-js .vjs-fullscreen-control {
  display: none;
}
header .videoHolder .video-js .vjs-progress-holder {
  background-color: white !important;
  height: 8px;
  margin: 0;
  flex: unset;
  width: 90%;
}
header .videoHolder .video-js .vjs-play-progress {
  background-color: #dc913e;
  height: 8px;
}
header .videoHolder .video-js .vjs-play-progress:before {
  content: "";
  width: 15px;
  height: 45px;
  background: white;
  display: block;
  transform: translateY(-30px);
  background: transparent url("../img/video-timeline-marker.svg") no-repeat center center;
  right: -0.5rem !important;
}
header .headCopy {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 45%;
  left: 50%;
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 925px) {
  header .headCopy {
    top: 49%;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy {
    top: 27%;
  }
}
@media screen and (max-width: 1181px) {
  .understandingOpioidAddiction header .headCopy, .howOpioidAddictionAffectsHealth header .headCopy, .treatingOpioidAddiction header .headCopy, .overcomingOpioidAddiction header .headCopy, .dealingWithRelapse header .headCopy, .friendRelative header .headCopy, .supportForRecovery header .headCopy {
    top: 50%;
  }
}
@media screen and (max-width: 768px) {
  .understandingOpioidAddiction header .headCopy, .howOpioidAddictionAffectsHealth header .headCopy, .treatingOpioidAddiction header .headCopy, .overcomingOpioidAddiction header .headCopy, .dealingWithRelapse header .headCopy, .friendRelative header .headCopy, .supportForRecovery header .headCopy {
    top: 30%;
  }
}
.supportForRecovery header .headCopy {
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .supportForRecovery header .headCopy {
    left: 5%;
    width: 90%;
  }
}
.page-template-treatment-service-page-template header .headCopy {
  top: 48.5%;
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy {
    top: 27%;
  }
}
@media screen and (max-width: 640px) {
  .page-template-treatment-service-page-template header .headCopy {
    top: 27%;
  }
}
.home header .headCopy {
  top: 48.5%;
}
@media screen and (max-width: 768px) {
  .home header .headCopy {
    top: 15%;
  }
}
@media screen and (max-width: 580px) {
  .home header .headCopy {
    top: 20%;
  }
}
@media screen and (max-width: 440px) {
  .home header .headCopy {
    top: 20%;
  }
}
@media screen and (max-width: 400px) {
  .home header .headCopy {
    top: 17%;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy {
    /*			position:relative;*/
    transform: translateX(0%) translateY(0%);
    top: 27%;
    left: 10%;
    padding-top: 0rem;
    padding-bottom: 4rem;
    width: 80%;
    /*    	background:#a86c31;*/
  }
}
@media screen and (max-width: 640px) {
  header .headCopy {
    top: 9rem;
  }
}
@media screen and (max-width: 440px) and (orientation: portrait) {
  .home header .headCopy {
    top: 20%;
  }
}
header .headCopy .introTwo {
  margin-top: 2rem;
}
.home header .headCopy .introTwo {
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .page-template-treatment-service-page-template header .headCopy .introTwo {
    margin-top: 1rem;
  }
}
header .headCopy .introTwo h5 {
  margin-bottom: 1vw;
}
@media screen and (max-width: 640px) {
  header .headCopy .introTwo h5 {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-treatment-service-page-template header .headCopy .introTwo h5 {
    margin-top: 1rem;
  }
}
header .headCopy .introTwo p {
  font-size: 14px;
  margin: 0 auto;
  margin-top: 0.75rem !important;
}
@media screen and (max-width: 768px) {
  header .headCopy .introTwo {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 640px) {
  header .headCopy .introTwo {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 440px) and (orientation: portrait) {
  header .headCopy .introTwo {
    margin-top: 1rem;
  }
}
header .headCopy h2 {
  text-transform: uppercase;
  font-family: "josefin-sans", sans-serif;
  font-weight: 300;
  background: rgba(205, 131, 41, 0.65);
  align-self: center;
  font-size: 38px;
  line-height: 40px;
  padding: 0rem 0.3rem 0.3rem 0.3rem;
  color: white;
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  header .headCopy h2 {
    font-size: 34px;
    line-height: 36px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy h2 {
    /*				position:absolute;*/
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0.25rem;
    /*				transform:translateX(0%) translateY(-400%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy h2 {
    /*				transform:translateX(0%) translateY(-600%);*/
  }
}
@media screen and (max-width: 410px) {
  header .headCopy h2 {
    /*				transform:translateX(0%) translateY(-500%);*/
  }
}
header .headCopy .h1outerWrap {
  overflow: hidden;
}
header .headCopy .h1topWrapper {
  height: 6.5vw;
  overflow: hidden;
  transform: translateY(100%);
  animation: headerTop 2s ease forwards;
}
@media screen and (min-width: 1515px) {
  header .headCopy .h1topWrapper {
    height: 100px;
  }
}
@media screen and (max-width: 500px) {
  header .headCopy .h1topWrapper {
    height: 9.5vw;
  }
}
header .headCopy .h1topWrapper > img {
  max-height: 6.5vw;
  /*				max-height:100px;*/
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1515px) {
  header .headCopy .h1topWrapper > img {
    max-height: 100px;
  }
}
@media screen and (max-width: 500px) {
  header .headCopy .h1topWrapper > img {
    max-height: 9.5vw;
  }
}
.understandingOpioidAddiction header .headCopy .h1topWrapper > img, .howOpioidAddictionAffectsHealth header .headCopy .h1topWrapper > img, .treatingOpioidAddiction header .headCopy .h1topWrapper > img, .overcomingOpioidAddiction header .headCopy .h1topWrapper > img, .dealingWithRelapse header .headCopy .h1topWrapper > img, .supportForRecovery header .headCopy .h1topWrapper > img, .friendRelative header .headCopy .h1topWrapper > img, .page-template-treatment-service-page-template header .headCopy .h1topWrapper > img {
  max-height: 4.25vw;
}
@media screen and (min-width: 1515px) {
  .understandingOpioidAddiction header .headCopy .h1topWrapper > img, .howOpioidAddictionAffectsHealth header .headCopy .h1topWrapper > img, .treatingOpioidAddiction header .headCopy .h1topWrapper > img, .overcomingOpioidAddiction header .headCopy .h1topWrapper > img, .dealingWithRelapse header .headCopy .h1topWrapper > img, .supportForRecovery header .headCopy .h1topWrapper > img, .friendRelative header .headCopy .h1topWrapper > img, .page-template-treatment-service-page-template header .headCopy .h1topWrapper > img {
    max-height: 65px;
  }
}
@media screen and (max-width: 500px) {
  .understandingOpioidAddiction header .headCopy .h1topWrapper > img, .howOpioidAddictionAffectsHealth header .headCopy .h1topWrapper > img, .treatingOpioidAddiction header .headCopy .h1topWrapper > img, .overcomingOpioidAddiction header .headCopy .h1topWrapper > img, .dealingWithRelapse header .headCopy .h1topWrapper > img, .supportForRecovery header .headCopy .h1topWrapper > img, .friendRelative header .headCopy .h1topWrapper > img, .page-template-treatment-service-page-template header .headCopy .h1topWrapper > img {
    max-height: 7.25vw;
  }
}
.understandingOpioidAddiction header .headCopy .h1topWrapper, .howOpioidAddictionAffectsHealth header .headCopy .h1topWrapper, .treatingOpioidAddiction header .headCopy .h1topWrapper, .overcomingOpioidAddiction header .headCopy .h1topWrapper, .dealingWithRelapse header .headCopy .h1topWrapper, .supportForRecovery header .headCopy .h1topWrapper, .friendRelative header .headCopy .h1topWrapper, .page-template-treatment-service-page-template header .headCopy .h1topWrapper {
  height: 4.25vw;
}
@media screen and (min-width: 1515px) {
  .understandingOpioidAddiction header .headCopy .h1topWrapper, .howOpioidAddictionAffectsHealth header .headCopy .h1topWrapper, .treatingOpioidAddiction header .headCopy .h1topWrapper, .overcomingOpioidAddiction header .headCopy .h1topWrapper, .dealingWithRelapse header .headCopy .h1topWrapper, .supportForRecovery header .headCopy .h1topWrapper, .friendRelative header .headCopy .h1topWrapper, .page-template-treatment-service-page-template header .headCopy .h1topWrapper {
    height: 65px;
  }
}
@media screen and (max-width: 500px) {
  .understandingOpioidAddiction header .headCopy .h1topWrapper, .howOpioidAddictionAffectsHealth header .headCopy .h1topWrapper, .treatingOpioidAddiction header .headCopy .h1topWrapper, .overcomingOpioidAddiction header .headCopy .h1topWrapper, .dealingWithRelapse header .headCopy .h1topWrapper, .supportForRecovery header .headCopy .h1topWrapper, .friendRelative header .headCopy .h1topWrapper, .page-template-treatment-service-page-template header .headCopy .h1topWrapper {
    height: 7.25vw;
  }
}
header .headCopy .h1topWrapper > div {
  font-family: "josefin-sans", sans-serif;
  font-weight: 700;
  font-size: 85px;
  overflow: hidden;
  align-self: center;
  color: white;
  line-height: 64px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .page-template-treatment-service-page-template header .headCopy .h1topWrapper > div {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 923px) {
  .page-template-treatment-service-page-template header .headCopy .h1topWrapper > div {
    font-size: 7vw;
  }
}
.home header .headCopy .h1topWrapper > div {
  font-size: 125px;
  line-height: 125px;
  margin: 0;
  padding: 0;
  /*					width:100%;*/
  height: 125px;
}
@media screen and (max-width: 470px) {
  .friendRelative header .headCopy .h1topWrapper > div.lineOne {
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 470px) {
  .friendRelative header .headCopy .h1topWrapper > div.lineTwo {
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 470px) {
  .concernedFriendOrRelative header .headCopy .h1topWrapper > div.lineOne {
    font-size: 50px;
    line-height: 40px;
  }
}
@media screen and (max-width: 470px) {
  .concernedFriendOrRelative header .headCopy .h1topWrapper > div.lineTwo {
    font-size: 50px;
    line-height: 40px;
  }
}
header .headCopy .h1topWrapper > div.lineOne {
  -webkit-margin-before: -25px;
}
header .headCopy .h1topWrapper > div.lineOne span {
  /*					position: absolute;*/
  /*					top:7px;*/
  /*					left:50%;*/
  /*					display: inline-block;*/
  /*					animation: headerTop 2s ease forwards;*/
  /*					transform:translateY(100%) translateX(-50%);*/
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy .h1topWrapper > div.lineOne {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.home header .headCopy .h1topWrapper > div.lineOne {
  letter-spacing: 1.75rem;
  /*					padding-left:1.2rem;*/
}
@media screen and (max-width: 768px) {
  header .headCopy .h1topWrapper > div.lineOne {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1topWrapper > div.lineOne {
    /*					transform:translateX(0%) translateY(-180%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy .h1topWrapper > div.lineOne {
    /*					transform:translateX(0%) translateY(-400%);*/
  }
}
@media screen and (max-width: 462px) {
  header .headCopy .h1topWrapper > div.lineOne {
    /*					transform:translateX(0%) translateY(-300%);*/
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 378px) {
  header .headCopy .h1topWrapper > div.lineOne {
    /*font-size:55px;
    line-heigt:40px;*/
  }
}
header .headCopy .h1topWrapper > div.lineTwo span {
  /*					transform: translateY(-30%);*/
  /*    				display: inline-block;*/
  /*    				animation: headerBottom 2s ease forwards;*/
}
.home header .headCopy .h1topWrapper > div.lineTwo span {
  /*    					animation: headerBottom2 2s ease forwards;*/
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy .h1topWrapper > div.lineTwo {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.home header .headCopy .h1topWrapper > div.lineTwo {
  letter-spacing: 1rem;
}
@media screen and (max-width: 768px) {
  header .headCopy .h1topWrapper > div.lineTwo {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1topWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-80%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy .h1topWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-300%);*/
  }
}
@media screen and (max-width: 462px) {
  header .headCopy .h1topWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-300%);*/
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 410px) {
  header .headCopy .h1topWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-200%);*/
  }
}
@media screen and (max-width: 378px) {
  header .headCopy .h1topWrapper > div.lineTwo {
    /*font-size:55px;
    line-heigt:40px;*/
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1topWrapper > div {
    font-size: 65px;
    line-height: 45px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1topWrapper > div {
    /*				position:absolute;*/
    font-size: 45px;
    line-height: 35px;
    /*				transform:translateX(0%) translateY(-550%);*/
  }
}
header .headCopy .h1bottomWrapper {
  height: 6.5vw;
  overflow: hidden;
  transform: translateY(-100%);
  animation: headerBottom 2s ease forwards;
}
@media screen and (min-width: 1515px) {
  header .headCopy .h1bottomWrapper {
    height: 100px;
  }
}
@media screen and (max-width: 500px) {
  header .headCopy .h1bottomWrapper {
    height: 9.5vw;
  }
}
header .headCopy .h1bottomWrapper > img {
  max-height: 6.5vw;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1515px) {
  header .headCopy .h1bottomWrapper > img {
    max-height: 100px;
  }
}
@media screen and (max-width: 500px) {
  header .headCopy .h1bottomWrapper > img {
    max-height: 9.5vw;
  }
}
.understandingOpioidAddiction header .headCopy .h1bottomWrapper > img, .howOpioidAddictionAffectsHealth header .headCopy .h1bottomWrapper > img, .treatingOpioidAddiction header .headCopy .h1bottomWrapper > img, .overcomingOpioidAddiction header .headCopy .h1bottomWrapper > img, .dealingWithRelapse header .headCopy .h1bottomWrapper > img, .supportForRecovery header .headCopy .h1bottomWrapper > img, .friendRelative header .headCopy .h1bottomWrapper > img, .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > img {
  max-height: 4.25vw;
}
@media screen and (min-width: 1515px) {
  .understandingOpioidAddiction header .headCopy .h1bottomWrapper > img, .howOpioidAddictionAffectsHealth header .headCopy .h1bottomWrapper > img, .treatingOpioidAddiction header .headCopy .h1bottomWrapper > img, .overcomingOpioidAddiction header .headCopy .h1bottomWrapper > img, .dealingWithRelapse header .headCopy .h1bottomWrapper > img, .supportForRecovery header .headCopy .h1bottomWrapper > img, .friendRelative header .headCopy .h1bottomWrapper > img, .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > img {
    max-height: 65px;
  }
}
@media screen and (max-width: 500px) {
  .understandingOpioidAddiction header .headCopy .h1bottomWrapper > img, .howOpioidAddictionAffectsHealth header .headCopy .h1bottomWrapper > img, .treatingOpioidAddiction header .headCopy .h1bottomWrapper > img, .overcomingOpioidAddiction header .headCopy .h1bottomWrapper > img, .dealingWithRelapse header .headCopy .h1bottomWrapper > img, .supportForRecovery header .headCopy .h1bottomWrapper > img, .friendRelative header .headCopy .h1bottomWrapper > img, .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > img {
    max-height: 7.25vw;
  }
}
.understandingOpioidAddiction header .headCopy .h1bottomWrapper, .howOpioidAddictionAffectsHealth header .headCopy .h1bottomWrapper, .treatingOpioidAddiction header .headCopy .h1bottomWrapper, .overcomingOpioidAddiction header .headCopy .h1bottomWrapper, .dealingWithRelapse header .headCopy .h1bottomWrapper, .supportForRecovery header .headCopy .h1bottomWrapper, .friendRelative header .headCopy .h1bottomWrapper, .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper {
  max-height: 4.25vw;
  animation: headerBottom85 2s ease forwards;
}
@media screen and (min-width: 1515px) {
  .understandingOpioidAddiction header .headCopy .h1bottomWrapper, .howOpioidAddictionAffectsHealth header .headCopy .h1bottomWrapper, .treatingOpioidAddiction header .headCopy .h1bottomWrapper, .overcomingOpioidAddiction header .headCopy .h1bottomWrapper, .dealingWithRelapse header .headCopy .h1bottomWrapper, .supportForRecovery header .headCopy .h1bottomWrapper, .friendRelative header .headCopy .h1bottomWrapper, .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper {
    max-height: 65px;
  }
}
@media screen and (max-width: 500px) {
  .understandingOpioidAddiction header .headCopy .h1bottomWrapper, .howOpioidAddictionAffectsHealth header .headCopy .h1bottomWrapper, .treatingOpioidAddiction header .headCopy .h1bottomWrapper, .overcomingOpioidAddiction header .headCopy .h1bottomWrapper, .dealingWithRelapse header .headCopy .h1bottomWrapper, .supportForRecovery header .headCopy .h1bottomWrapper, .friendRelative header .headCopy .h1bottomWrapper, .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper {
    max-height: 7.25vw;
  }
}
header .headCopy .h1bottomWrapper > div {
  font-family: "josefin-sans", sans-serif;
  font-weight: 700;
  font-size: 85px;
  overflow: hidden;
  align-self: center;
  color: white;
  line-height: 64px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > div {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 923px) {
  .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > div {
    font-size: 7vw;
  }
}
.home header .headCopy .h1bottomWrapper > div {
  font-size: 125px;
  line-height: 125px;
  margin: 0;
  padding: 0;
  /*width:100%;*/
  height: 125px;
}
@media screen and (max-width: 470px) {
  .friendRelative header .headCopy .h1bottomWrapper > div.lineOne {
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 470px) {
  .friendRelative header .headCopy .h1bottomWrapper > div.lineTwo {
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 470px) {
  .concernedFriendOrRelative header .headCopy .h1bottomWrapper > div.lineOne {
    font-size: 50px;
    line-height: 40px;
  }
}
@media screen and (max-width: 470px) {
  .concernedFriendOrRelative header .headCopy .h1bottomWrapper > div.lineTwo {
    font-size: 50px;
    line-height: 40px;
  }
}
header .headCopy .h1bottomWrapper > div.lineOne {
  -webkit-margin-before: -25px;
}
header .headCopy .h1bottomWrapper > div.lineOne span {
  /*					position: absolute;*/
  /*					top:7px;*/
  /*					left:50%;*/
  /*					display: inline-block;*/
  /*					animation: headerTop 2s ease forwards;*/
  /*					transform:translateY(100%) translateX(-50%);*/
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > div.lineOne {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.home header .headCopy .h1bottomWrapper > div.lineOne {
  letter-spacing: 1.75rem;
  /*					padding-left:1.2rem;*/
}
@media screen and (max-width: 768px) {
  header .headCopy .h1bottomWrapper > div.lineOne {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1bottomWrapper > div.lineOne {
    /*					transform:translateX(0%) translateY(-180%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy .h1bottomWrapper > div.lineOne {
    /*					transform:translateX(0%) translateY(-400%);*/
  }
}
@media screen and (max-width: 462px) {
  header .headCopy .h1bottomWrapper > div.lineOne {
    /*					transform:translateX(0%) translateY(-300%);*/
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 378px) {
  header .headCopy .h1bottomWrapper > div.lineOne {
    /*font-size:55px;
    line-heigt:40px;*/
  }
}
header .headCopy .h1bottomWrapper > div.lineTwo {
  -webkit-margin-before: -25px;
}
header .headCopy .h1bottomWrapper > div.lineTwo span {
  /*					transform: translateY(-30%);*/
  /*    				display: inline-block;*/
  /*    				animation: headerBottom 2s ease forwards;*/
}
.home header .headCopy .h1bottomWrapper > div.lineTwo span {
  /*    					animation: headerBottom2 2s ease forwards;*/
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy .h1bottomWrapper > div.lineTwo {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.home header .headCopy .h1bottomWrapper > div.lineTwo {
  letter-spacing: 1rem;
}
@media screen and (max-width: 768px) {
  header .headCopy .h1bottomWrapper > div.lineTwo {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1bottomWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-80%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy .h1bottomWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-300%);*/
  }
}
@media screen and (max-width: 462px) {
  header .headCopy .h1bottomWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-300%);*/
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 410px) {
  header .headCopy .h1bottomWrapper > div.lineTwo {
    /*					transform:translateX(0%) translateY(-200%);*/
  }
}
@media screen and (max-width: 378px) {
  header .headCopy .h1bottomWrapper > div.lineTwo {
    /*font-size:55px;
    line-heigt:40px;*/
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1bottomWrapper > div {
    font-size: 65px;
    line-height: 45px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy .h1bottomWrapper > div {
    /*				position:absolute;*/
    font-size: 45px;
    line-height: 35px;
    /*				transform:translateX(0%) translateY(-550%);*/
  }
}
header .headCopy svg {
  width: 100%;
}
header .headCopy h1,
header .headCopy svg {
  font-family: "josefin-sans", sans-serif;
  font-weight: 700;
  font-size: 85px;
  line-height: 85px;
  height: 85px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  align-self: center;
  color: white;
  /*			line-height:64px;*/
  position: relative;
  text-align: center;
}
header .headCopy h1 .lineOneText,
header .headCopy svg .lineOneText {
  font-family: "josefin-sans", sans-serif;
  font-weight: 700;
  font-size: 85px;
  line-height: 85px;
  color: white;
  fill: white;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(89%) translateX(-17.5%);
  textLength: 100%;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  header .headCopy h1 .lineOneText,
  header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
@media screen and (max-width: 460px) {
  header .headCopy h1 .lineOneText,
  header .headCopy svg .lineOneText {
    transform: translateY(82%) translateX(-16.75%) scale(0.65);
  }
}
.home header .headCopy h1 .lineOneText,
.home header .headCopy svg .lineOneText {
  font-size: 125px;
  line-height: 125px;
  margin: 0 auto;
  padding: 0;
  /*width:100%;*/
  height: 125px;
}
@media screen and (min-width: 1600px) {
  .home header .headCopy h1 .lineOneText,
  .home header .headCopy svg .lineOneText {
    font-size: 125px;
  }
}
.understandingOpioidAddiction header .headCopy h1 .lineOneText,
.understandingOpioidAddiction header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-17.5%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .understandingOpioidAddiction header .headCopy h1 .lineOneText,
  .understandingOpioidAddiction header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
.howOpioidAddictionAffectsHealth header .headCopy h1 .lineOneText,
.howOpioidAddictionAffectsHealth header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-20%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .howOpioidAddictionAffectsHealth header .headCopy h1 .lineOneText,
  .howOpioidAddictionAffectsHealth header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
.treatingOpioidAddiction header .headCopy h1 .lineOneText,
.treatingOpioidAddiction header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-15.75%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .treatingOpioidAddiction header .headCopy h1 .lineOneText,
  .treatingOpioidAddiction header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
.overcomingOpioidAddiction header .headCopy h1 .lineOneText,
.overcomingOpioidAddiction header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-15.75%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .overcomingOpioidAddiction header .headCopy h1 .lineOneText,
  .overcomingOpioidAddiction header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
.dealingWithRelapse header .headCopy h1 .lineOneText,
.dealingWithRelapse header .headCopy svg .lineOneText {
  transform: translateY(75%) translateX(-19.5%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .dealingWithRelapse header .headCopy h1 .lineOneText,
  .dealingWithRelapse header .headCopy svg .lineOneText {
    transform: translateY(48%) translateX(-50%);
  }
}
.supportForRecovery header .headCopy h1 .lineOneText,
.supportForRecovery header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-16.5%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .supportForRecovery header .headCopy h1 .lineOneText,
  .supportForRecovery header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
.friendRelative header .headCopy h1 .lineOneText,
.friendRelative header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-25%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .friendRelative header .headCopy h1 .lineOneText,
  .friendRelative header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
.page-template-treatment-service-page-template header .headCopy h1 .lineOneText,
.page-template-treatment-service-page-template header .headCopy svg .lineOneText {
  transform: translateY(82%) translateX(-25.5%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .page-template-treatment-service-page-template header .headCopy h1 .lineOneText,
  .page-template-treatment-service-page-template header .headCopy svg .lineOneText {
    transform: translateY(55%) translateX(-50%);
  }
}
header .headCopy h1 .lineTwoText,
header .headCopy svg .lineTwoText {
  font-family: "josefin-sans", sans-serif;
  font-weight: 700;
  font-size: 85px;
  line-height: 85px;
  color: white;
  fill: white;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(79%) translateX(-25%);
  textLength: 100%;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  header .headCopy h1 .lineTwoText,
  header .headCopy svg .lineTwoText {
    transform: translateY(50%) translateX(-50%);
  }
}
@media screen and (max-width: 460px) {
  header .headCopy h1 .lineTwoText,
  header .headCopy svg .lineTwoText {
    transform: translateY(59%) translateX(-30%) scale(0.65);
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) and (max-width: 768px) {
  header .headCopy h1 .lineTwoText,
  header .headCopy svg .lineTwoText {
    transform: translateY(50%) translateX(-50%);
  }
}
.home header .headCopy h1 .lineTwoText,
.home header .headCopy svg .lineTwoText {
  font-size: 125px;
  line-height: 125px;
  margin: 0 auto;
  padding: 0;
  /*width:100%;*/
  height: 125px;
}
.understandingOpioidAddiction header .headCopy h1 .lineTwoText,
.understandingOpioidAddiction header .headCopy svg .lineTwoText {
  transform: translateY(94%) translateX(-27%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .understandingOpioidAddiction header .headCopy h1 .lineTwoText,
  .understandingOpioidAddiction header .headCopy svg .lineTwoText {
    transform: translateY(60%) translateX(-50%);
  }
}
.howOpioidAddictionAffectsHealth header .headCopy h1 .lineTwoText,
.howOpioidAddictionAffectsHealth header .headCopy svg .lineTwoText {
  transform: translateY(95%) translateX(-19%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .howOpioidAddictionAffectsHealth header .headCopy h1 .lineTwoText,
  .howOpioidAddictionAffectsHealth header .headCopy svg .lineTwoText {
    transform: translateY(62%) translateX(-50%);
  }
}
.treatingOpioidAddiction header .headCopy h1 .lineTwoText,
.treatingOpioidAddiction header .headCopy svg .lineTwoText {
  transform: translateY(95%) translateX(-25%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .treatingOpioidAddiction header .headCopy h1 .lineTwoText,
  .treatingOpioidAddiction header .headCopy svg .lineTwoText {
    transform: translateY(62%) translateX(-50%);
  }
}
.overcomingOpioidAddiction header .headCopy h1 .lineTwoText,
.overcomingOpioidAddiction header .headCopy svg .lineTwoText {
  transform: translateY(95%) translateX(-25%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .overcomingOpioidAddiction header .headCopy h1 .lineTwoText,
  .overcomingOpioidAddiction header .headCopy svg .lineTwoText {
    transform: translateY(62%) translateX(-50%);
  }
}
.supportForRecovery header .headCopy h1 .lineTwoText,
.supportForRecovery header .headCopy svg .lineTwoText {
  transform: translateY(94%) translateX(-25%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .supportForRecovery header .headCopy h1 .lineTwoText,
  .supportForRecovery header .headCopy svg .lineTwoText {
    transform: translateY(60%) translateX(-50%);
  }
}
.friendRelative header .headCopy h1 .lineTwoText,
.friendRelative header .headCopy svg .lineTwoText {
  transform: translateY(94%) translateX(-22%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .friendRelative header .headCopy h1 .lineTwoText,
  .friendRelative header .headCopy svg .lineTwoText {
    transform: translateY(62%) translateX(-50%);
  }
}
.page-template-treatment-service-page-template header .headCopy h1 .lineTwoText,
.page-template-treatment-service-page-template header .headCopy svg .lineTwoText {
  transform: translateY(96%) translateX(-42.5%);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .page-template-treatment-service-page-template header .headCopy h1 .lineTwoText,
  .page-template-treatment-service-page-template header .headCopy svg .lineTwoText {
    transform: translateY(62%) translateX(-50%);
  }
}
@media screen and (max-width: 1440px) {
  .page-template-treatment-service-page-template header .headCopy h1,
  .page-template-treatment-service-page-template header .headCopy svg {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 923px) {
  .page-template-treatment-service-page-template header .headCopy h1,
  .page-template-treatment-service-page-template header .headCopy svg {
    font-size: 7vw;
  }
}
.home header .headCopy h1,
.home header .headCopy svg {
  font-size: 125px;
  line-height: 125px;
  margin: 0;
  padding: 0;
  /*width:100%;*/
  height: 125px;
}
@media screen and (max-width: 470px) {
  .friendRelative header .headCopy h1.lineOne,
  .friendRelative header .headCopy svg.lineOne {
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 470px) {
  .friendRelative header .headCopy h1.lineTwo,
  .friendRelative header .headCopy svg.lineTwo {
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 470px) {
  .concernedFriendOrRelative header .headCopy h1.lineOne,
  .concernedFriendOrRelative header .headCopy svg.lineOne {
    font-size: 50px;
    line-height: 40px;
  }
}
@media screen and (max-width: 470px) {
  .concernedFriendOrRelative header .headCopy h1.lineTwo,
  .concernedFriendOrRelative header .headCopy svg.lineTwo {
    font-size: 50px;
    line-height: 40px;
  }
}
header .headCopy h1.lineOne,
header .headCopy svg.lineOne {
  /*				-webkit-margin-before:-25px;*/
}
.understandingOpioidAddiction header .headCopy h1.lineOne, .treatingOpioidAddiction header .headCopy h1.lineOne, .howOpioidAddictionAffectsHealth header .headCopy h1.lineOne, .overcomingOpioidAddiction header .headCopy h1.lineOne, .dealingWithRelapse header .headCopy h1.lineOne, .supportForRecovery header .headCopy h1.lineOne, .friendRelative header .headCopy h1.lineOne, .page-template-treatment-service-page-template header .headCopy h1.lineOne,
.understandingOpioidAddiction header .headCopy svg.lineOne,
.treatingOpioidAddiction header .headCopy svg.lineOne,
.howOpioidAddictionAffectsHealth header .headCopy svg.lineOne,
.overcomingOpioidAddiction header .headCopy svg.lineOne,
.dealingWithRelapse header .headCopy svg.lineOne,
.supportForRecovery header .headCopy svg.lineOne,
.friendRelative header .headCopy svg.lineOne,
.page-template-treatment-service-page-template header .headCopy svg.lineOne {
  /*					-webkit-margin-before:-20px;*/
}
header .headCopy h1.lineOne span,
header .headCopy svg.lineOne span {
  /*					position: absolute;*/
  /*					top:7px;*/
  /*					left:50%;*/
  /*					display: inline-block;*/
  /*					animation: headerTop 2s ease forwards;*/
  /*					transform:translateY(100%) translateX(-50%);*/
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy h1.lineOne,
  .page-template-treatment-service-page-template header .headCopy svg.lineOne {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.home header .headCopy h1.lineOne,
.home header .headCopy svg.lineOne {
  letter-spacing: 1.75rem;
  /*					padding-left:1.2rem;*/
}
@media screen and (max-width: 768px) {
  header .headCopy h1.lineOne,
  header .headCopy svg.lineOne {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy h1.lineOne,
  header .headCopy svg.lineOne {
    /*					transform:translateX(0%) translateY(-180%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy h1.lineOne,
  header .headCopy svg.lineOne {
    /*					transform:translateX(0%) translateY(-400%);*/
  }
}
@media screen and (max-width: 462px) {
  header .headCopy h1.lineOne,
  header .headCopy svg.lineOne {
    /*					transform:translateX(0%) translateY(-300%);*/
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 378px) {
  header .headCopy h1.lineOne,
  header .headCopy svg.lineOne {
    /*font-size:55px;
    line-heigt:40px;*/
  }
}
header .headCopy h1.lineTwo,
header .headCopy svg.lineTwo {
  /*				-webkit-margin-before:-25px;*/
}
.understandingOpioidAddiction header .headCopy h1.lineTwo, .howOpioidAddictionAffectsHealth header .headCopy h1.lineTwo, .treatingOpioidAddiction header .headCopy h1.lineTwo, .overcomingOpioidAddiction header .headCopy h1.lineTwo, .dealingWithRelapse header .headCopy h1.lineTwo, .supportForRecovery header .headCopy h1.lineTwo, .friendRelative header .headCopy h1.lineTwo, .page-template-treatment-service-page-template header .headCopy h1.lineTwo,
.understandingOpioidAddiction header .headCopy svg.lineTwo,
.howOpioidAddictionAffectsHealth header .headCopy svg.lineTwo,
.treatingOpioidAddiction header .headCopy svg.lineTwo,
.overcomingOpioidAddiction header .headCopy svg.lineTwo,
.dealingWithRelapse header .headCopy svg.lineTwo,
.supportForRecovery header .headCopy svg.lineTwo,
.friendRelative header .headCopy svg.lineTwo,
.page-template-treatment-service-page-template header .headCopy svg.lineTwo {
  -webkit-margin-before: -16px;
}
header .headCopy h1.lineTwo span,
header .headCopy svg.lineTwo span {
  /*					transform: translateY(-30%);*/
  /*    				display: inline-block;*/
  /*    				animation: headerBottom 2s ease forwards;*/
}
.home header .headCopy h1.lineTwo span,
.home header .headCopy svg.lineTwo span {
  /*    					animation: headerBottom2 2s ease forwards;*/
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template header .headCopy h1.lineTwo,
  .page-template-treatment-service-page-template header .headCopy svg.lineTwo {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.home header .headCopy h1.lineTwo,
.home header .headCopy svg.lineTwo {
  letter-spacing: 1rem;
}
@media screen and (max-width: 768px) {
  header .headCopy h1.lineTwo,
  header .headCopy svg.lineTwo {
    font-size: 65px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy h1.lineTwo,
  header .headCopy svg.lineTwo {
    /*					transform:translateX(0%) translateY(-80%);*/
  }
}
@media screen and (max-width: 510px) {
  header .headCopy h1.lineTwo,
  header .headCopy svg.lineTwo {
    /*					transform:translateX(0%) translateY(-300%);*/
  }
}
@media screen and (max-width: 462px) {
  header .headCopy h1.lineTwo,
  header .headCopy svg.lineTwo {
    /*					transform:translateX(0%) translateY(-300%);*/
    font-size: 50px;
    line-height: 35px;
  }
}
@media screen and (max-width: 410px) {
  header .headCopy h1.lineTwo,
  header .headCopy svg.lineTwo {
    /*					transform:translateX(0%) translateY(-200%);*/
  }
}
@media screen and (max-width: 378px) {
  header .headCopy h1.lineTwo,
  header .headCopy svg.lineTwo {
    /*font-size:55px;
    line-heigt:40px;*/
  }
}
@media screen and (max-width: 768px) {
  header .headCopy h1,
  header .headCopy svg {
    font-size: 65px;
    line-height: 45px;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy h1,
  header .headCopy svg {
    /*				position:absolute;*/
    font-size: 45px;
    line-height: 35px;
    /*				transform:translateX(0%) translateY(-550%);*/
  }
}
header .headCopy p {
  font-size: 16px;
  line-height: 20px;
  color: white;
  font-family: poppins, sans-serif;
  font-weight: 400;
  max-width: 770px;
  align-self: center;
  margin-top: 3rem;
  text-align: center;
}
.home header .headCopy p {
  margin-top: 1.5rem;
}
.supportForRecovery header .headCopy p {
  max-width: 1000px;
  margin-top: 0.5rem;
}
.supportForRecovery header .headCopy p:first-of-type {
  margin-top: 1rem;
}
.page-template-treatment-service-page-template header .headCopy p {
  max-width: 900px;
}
@media screen and (max-width: 925px) {
  header .headCopy p {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy p {
    font-size: 12px;
    max-width: 80%;
    margin-top: 1rem;
  }
  header .headCopy p br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  header .headCopy p {
    max-width: 90%;
    font-size: 12px;
    line-height: 18px;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 640px) {
  header .headCopy p {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 500px) {
  header .headCopy p {
    font-size: 11px;
    line-height: 14px;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 385px) {
  header .headCopy p {
    max-width: 100%;
  }
}
header .headCopy h5 {
  color: white;
  text-align: center;
  margin-top: 2rem;
}
header .headCopy h5 + p {
  margin-top: 1rem;
}
header .headCopy a {
  color: #f7b535;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  margin-top: 2rem;
  transition: all 0.3s ease;
  transform: scale(1);
}
header .headCopy a.header_button {
  background: rgba(205, 131, 41, 0.9);
  text-transform: none;
  padding: 0.15rem 1rem 0.5rem;
  font-size: 25px;
}
header .headCopy a:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
}
header .headCopy a:focus {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  header .headCopy a {
    text-align: center;
    line-height: 120%;
  }
}
.home header .headCopy a {
  font-size: 1.2vw;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1440px) {
  .home header .headCopy a {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 780px) {
  .home header .headCopy a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 440px) and (orientation: portrait) {
  .home header .headCopy a {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 640px) {
  header .headCopy a {
    margin-top: 1rem;
  }
}
header .headCopy .menuMarker {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: orange;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-140%);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 768px) {
  header .headCopy .menuMarker {
    transform: translateX(-50%) translateY(-100%);
  }
}
@media screen and (max-width: 500px) {
  header .headCopy .menuMarker {
    transform: translateX(-50%) translateY(-100%);
  }
}
@media screen and (min-width: 1920px) {
  header .headCopy .menuMarker {
    transform: translateX(-50%) translateY(-180%);
  }
}
header .headCopy .menuMarker svg.mainMarker {
  width: 30px;
  margin: 0 auto;
  display: block;
}
header .headCopy .menuMarker svg.mainMarker rect {
  fill: white;
}
header .headCopy .menuMarker svg.menuMarkerHover {
  position: absolute;
  width: 250%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
header .headCopy .menuMarker svg.menuHint {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  transform: translateY(-105%) translateX(-50%);
  transition: all 0.3s ease;
}
header .headCopy .menuMarker svg.menuHint.active {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  header .headCopy .menuMarker svg.menuHint {
    display: none;
  }
}
header .headCopy .menuMarker svg.menuHintMobile {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  transform: translateY(-21%) translateX(9%) scale(1);
  transition: all 0.3s ease;
  display: none;
}
header .headCopy .menuMarker svg.menuHintMobile.active {
  opacity: 1;
  display: block;
}
@media screen and (min-width: 768px) {
  header .headCopy .menuMarker svg.menuHintMobile.active {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  header .headCopy .menuMarker svg.menuHintMobile {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  header .headCopy .menuMarker svg.menuHintMobile {
    transform: translateY(-21%) translateX(1%) scale(0.8);
  }
}
header .headCopy .menuMarker .menuHintText {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  display: none;
  top: 0%;
  left: 50%;
  transform: translateY(-175%) translateX(-50%);
  transition: all 0.3s ease;
  font-family: poppins, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  z-index: 3;
  padding: 0 2rem;
  letter-spacing: 0.1rem;
}
header .headCopy .menuMarker .menuHintText span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  padding-bottom: 0.5rem;
  letter-spacing: 0.1rem;
}
header .headCopy .menuMarker .menuHintText.active {
  opacity: 1;
  display: block;
}
@media screen and (max-width: 768px) {
  header .headCopy .menuMarker .menuHintText {
    transform: translateY(-13%) translateX(12%) scale(1);
  }
}
@media screen and (max-width: 440px) {
  header .headCopy .menuMarker .menuHintText {
    transform: translateY(-13%) translateX(4%) scale(0.8);
  }
}
header .headCopy .menuMarker.hover svg.menuMarkerHover {
  opacity: 1;
  transition: all 0.3s ease;
}

.site-main {
  position: relative;
  margin-top: 0rem;
  margin-bottom: 0rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .site-main {
    /*		padding-left:68px;*/
  }
}
.site-main > * {
  margin-top: calc(0 * var(--global--spacing-vertical));
  margin-bottom: calc(0 * var(--global--spacing-vertical));
}

section {
  width: 100%;
  background: white;
  padding: 4rem 0;
  z-index: 1;
}

.video-js {
  height: 0;
  padding-top: 42.25%;
}
.home .video-js {
  width: 100%;
  height: 100vh;
  padding: 0;
}
.video-js .vjs-big-play-button {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  transform: scale(1) translateY(-50%);
  transition: all 0.3s ease !important;
  margin-top: 0;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.video-js .vjs-big-play-button:hover {
  transform: scale(1.1) translateY(-45%);
  transition: all 0.3s ease !important;
}

.guideline {
  background: orange;
  width: 5px;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.guideline .menuMarker {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: orange;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-140%);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 768px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-100%);
  }
}
@media screen and (max-width: 500px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-100%);
  }
}
@media screen and (min-width: 1920px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-180%);
  }
}
@media screen and (min-width: 2120px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-200%);
  }
}
@media screen and (min-width: 2350px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-220%);
  }
}
@media screen and (min-width: 3000px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-280%);
  }
}
@media screen and (min-width: 3600px) {
  .guideline .menuMarker {
    transform: translateX(-50%) translateY(-320%);
  }
}
.guideline .menuMarker svg.mainMarker {
  width: 30px;
  margin: 0 auto;
  display: block;
}
.guideline .menuMarker svg.mainMarker rect {
  fill: white;
}
.guideline .menuMarker svg.menuMarkerHover {
  position: absolute;
  width: 250%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
.guideline .menuMarker svg.menuHint {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  transform: translateY(-105%) translateX(-50%);
  transition: all 0.3s ease;
  /*@media screen and (max-width: 1370px) {
  	.supportForRecovery & {
  		display:none;
  	}
  }*/
}
.guideline .menuMarker svg.menuHint.active {
  opacity: 1;
}
@media screen and (max-width: 1182px) {
  .guideline .menuMarker svg.menuHint {
    display: none;
  }
}
.guideline .menuMarker svg.menuHintMobile {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  transform: translateY(-21%) translateX(9%) scale(1);
  transition: all 0.3s ease;
  display: none;
}
.guideline .menuMarker svg.menuHintMobile.active {
  opacity: 1;
  display: block;
  /*@media screen and (max-width: 1182px) and (min-width: 1370px) {
  	.supportForRecovery & {
  		display:block;
  	}
  }*/
}
@media screen and (min-width: 1182px) {
  .guideline .menuMarker svg.menuHintMobile.active {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .guideline .menuMarker svg.menuHintMobile {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .guideline .menuMarker svg.menuHintMobile {
    transform: translateY(-21%) translateX(1%) scale(0.8);
  }
}
.guideline .menuMarker .menuHintText {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  display: none;
  top: 0%;
  left: 50%;
  transform: translateY(-175%) translateX(-50%);
  transition: all 0.3s ease;
  font-family: poppins, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  z-index: 3;
  padding: 0 2rem;
  letter-spacing: 0.1rem;
}
.guideline .menuMarker .menuHintText span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  padding-bottom: 0.5rem;
  letter-spacing: 0.1rem;
}
.guideline .menuMarker .menuHintText.active {
  opacity: 1;
  display: block;
}
@media screen and (max-width: 1182px) {
  .guideline .menuMarker .menuHintText {
    transform: translateY(-13%) translateX(12%) scale(1);
  }
}
@media screen and (max-width: 440px) {
  .guideline .menuMarker .menuHintText {
    transform: translateY(-13%) translateX(4%) scale(0.8);
  }
}
.guideline .menuMarker.hover svg.menuMarkerHover {
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .guideline {
    left: 35px;
  }
}

footer {
  background: #0f0f1c;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1200px) {
  footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
footer .footerLogo {
  width: 100%;
  max-width: 6.5rem;
}
footer .footerLogo img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  footer .footerLogo {
    margin: 0 auto;
  }
}
footer .menuMarker {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: orange;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.home footer .menuMarker {
  transform: translateX(-50%) translateY(-120%) scale(0.9);
}
@media screen and (max-width: 768px) {
  .home footer .menuMarker {
    transform: translateX(-50%) translateY(-200%);
  }
}
@media screen and (max-width: 440px) {
  .home footer .menuMarker {
    transform: translateX(-50%) translateY(-150%);
  }
}
@media screen and (max-width: 400px) {
  .home footer .menuMarker {
    transform: translateX(-50%) translateY(-115%) scale(0.8);
  }
}
@media screen and (max-width: 768px) {
  footer .menuMarker {
    transform: translateX(-50%) translateY(-250%);
  }
}
@media screen and (max-width: 640px) {
  footer .menuMarker {
    transform: translateX(-50%) translateY(-150%);
  }
}
@media screen and (min-width: 1441px) {
  footer .menuMarker {
    transform: translateX(-50%) translateY(-6vw);
  }
}
@media screen and (max-width: 1240px) {
  .page-template-treatment-service-page-template footer .menuMarker {
    transform: translateX(-50%) translateY(-6.5vw);
  }
}
@media screen and (max-width: 1024px) {
  .page-template-treatment-service-page-template footer .menuMarker {
    transform: translateX(-50%) translateY(-8.5vw);
  }
}
@media screen and (max-width: 640px) {
  .page-template-treatment-service-page-template footer .menuMarker {
    transform: translateX(-50%) translateY(-22vw);
  }
}
footer .menuMarker svg.mainMarker {
  width: 30px;
  margin: 0 auto;
  display: block;
}
footer .menuMarker svg.mainMarker rect {
  fill: white;
}
footer .menuMarker svg.menuMarkerHover {
  position: absolute;
  width: 250%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
footer .menuMarker svg.menuHint {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  transform: translateY(-105%) translateX(-50%);
  transition: all 0.3s ease;
}
footer .menuMarker svg.menuHint.active {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  footer .menuMarker svg.menuHint {
    display: none;
  }
}
footer .menuMarker svg.menuHintMobile {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  transform: translateY(-21%) translateX(9%) scale(1);
  transition: all 0.3s ease;
  display: none;
}
footer .menuMarker svg.menuHintMobile.active {
  opacity: 1;
  display: block;
}
@media screen and (min-width: 768px) {
  footer .menuMarker svg.menuHintMobile.active {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  footer .menuMarker svg.menuHintMobile {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  footer .menuMarker svg.menuHintMobile {
    transform: translateY(-21%) translateX(1%) scale(0.8);
  }
}
footer .menuMarker .menuHintText {
  width: 100vw;
  max-width: 365px;
  position: absolute;
  opacity: 0;
  display: none;
  top: 0%;
  left: 50%;
  transform: translateY(-175%) translateX(-50%);
  transition: all 0.3s ease;
  font-family: poppins, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  z-index: 3;
  padding: 0 2rem;
  letter-spacing: 0.1rem;
}
footer .menuMarker .menuHintText span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  padding-bottom: 0.5rem;
  letter-spacing: 0.1rem;
}
footer .menuMarker .menuHintText.active {
  opacity: 1;
  display: block;
}
@media screen and (max-width: 768px) {
  footer .menuMarker .menuHintText {
    transform: translateY(-13%) translateX(12%) scale(1);
  }
}
@media screen and (max-width: 440px) {
  footer .menuMarker .menuHintText {
    transform: translateY(-13%) translateX(4%) scale(0.8);
  }
}
footer .menuMarker.hover svg.menuMarkerHover {
  opacity: 1;
  transition: all 0.3s ease;
}
.page-template-treatment-service-page-template footer {
  background: transparent;
  margin-top: -7rem;
  z-index: 2;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .page-template-treatment-service-page-template footer {
    margin-top: -10rem;
  }
}
.home footer {
  background: transparent;
  margin-top: -6.75rem;
  z-index: 2;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  /*@media screen and (max-width: 724px) {
  	margin-top:-6.5rem;
  }*/
}
@media screen and (max-width: 768px) {
  .home footer {
    margin-top: -9.5rem;
  }
}
@media screen and (max-width: 600px) {
  .home footer {
    margin-top: -8.5rem;
  }
}
@media screen and (max-width: 400px) {
  .home footer {
    margin-top: -7.75rem;
  }
}
footer .container {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
}
.home footer .container {
  max-width: 940px;
  align-items: center;
}
.page-template-treatment-service-page-template footer .container {
  max-width: 95%;
}
@media screen and (max-width: 768px) {
  footer .container {
    flex-direction: column;
    margin-top: 0;
  }
}
@media screen and (max-width: 727px) {
  footer .container {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  footer .disclaimer {
    /*			width:40%;*/
  }
}
@media screen and (max-width: 768px) {
  footer .disclaimer {
    padding: 2rem;
    padding-top: 0;
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  footer .disclaimer {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 440px) {
  footer .disclaimer {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .page-template-treatment-service-page-template footer .disclaimer {
    width: 100%;
  }
}
footer .disclaimer .disclaimer {
  font-size: 10px;
  color: white;
  font-family: poppins, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  footer .disclaimer .disclaimer {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  footer .disclaimer .disclaimer {
    padding: 0;
    text-align: center;
    line-height: 120%;
  }
}
footer .disclaimer .dop {
  font-size: 10px;
  color: white;
  font-family: poppins, sans-serif;
}
@media screen and (max-width: 768px) {
  footer .disclaimer .dop {
    text-align: center;
  }
}
footer nav {
  margin: 0 !important;
}
@media screen and (max-width: 1200px) {
  footer nav {
    /*			width:40%;*/
  }
}
@media screen and (max-width: 768px) {
  footer nav {
    width: 90%;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 640px) {
  .page-template-treatment-service-page-template footer nav {
    width: 100%;
  }
}
footer nav ul {
  align-items: center;
}
@media screen and (max-width: 1200px) {
  footer nav ul {
    justify-content: flex-end !important;
  }
}
@media screen and (max-width: 768px) {
  footer nav ul {
    justify-content: center !important;
    margin-left: 0rem;
    margin: 0 auto;
  }
}
footer nav ul li {
  display: flex !important;
}
@media screen and (max-width: 1200px) {
  footer nav ul li {
    margin-bottom: 0.25rem;
  }
}
footer nav ul li a {
  font-size: 10px;
  line-height: 10px;
  color: #da7c27 !important;
  text-decoration: none;
  font-family: poppins, sans-serif;
  padding: 0 !important;
  padding-right: 0.5rem !important;
  margin-right: 0.5rem;
  border-right: 1px solid white;
}
footer nav ul li a span {
  line-height: 10px;
}
footer nav ul li:last-of-type a {
  border-right: 0px solid white;
  padding-right: 0rem !important;
  margin-right: 0rem;
}
@media screen and (max-width: 1200px) {
  footer nav ul li:last-of-type a {
    padding-right: 0.5rem !important;
    margin-right: 0.5rem;
    border-right: 1px solid white;
  }
}
@media screen and (max-width: 768px) {
  footer nav ul li:last-of-type a {
    border-right: 0px solid white;
    padding-right: 0rem !important;
    margin-right: 0rem;
  }
}
footer h2 {
  font-size: 50px;
  font-weight: bold;
}
footer .site-info {
  border-top: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
footer .site-info a {
  width: 100%;
  max-width: 165px;
}
footer .site-info a img {
  width: 100%;
}

.menuOverlay {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 0.3s ease;
  transform: scale(0);
  opacity: 0;
}
.menuOverlay.active {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s ease;
}
.menuOverlay .container {
  background: red;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .menuOverlay .container {
    padding: 0;
  }
}
.menuOverlay .container .close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-family: Arial, sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
  color: white;
  text-decoration: none;
  border: 1px solid white;
}
.menuOverlay .container ul {
  display: flex;
  list-style: none;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .menuOverlay .container ul {
    flex-direction: column;
    justify-content: flex-start;
    width: 70%;
  }
}
.menuOverlay .container ul li {
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin-right: 1rem;
  background: goldenrod;
  padding: 1rem 3rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .menuOverlay .container ul li {
    max-width: 200px;
    margin-bottom: 1rem;
  }
}
.menuOverlay .container ul li:last-of-type {
  margin-right: 0;
}