body {
  margin: 0;
  position: relative;
}

#homePage {
  position: absolute;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

#boxesWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  text-align: center;
  padding: 14% 18.5% 0;
}

#middleBoxContainer {
  bottom: 12px;
  left: 5px;
}

#boxesWrap img.imageBox {
  /* height: 300px; */
  width: 55%;
  position: relative;
  z-index: 1;
  align-self: flex-end;
  animation-duration: 2s;
  animation-iteration-count: 1;
  transform-origin: bottom;
}

#boxesWrap .middleBox:hover {
  animation-name: bounce-7;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
#boxesWrap .rightBox:hover {
  animation-name: bounce-7;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}

#boxesWrap .leftBox:hover {
  animation-name: bounce-7;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}

@keyframes bounce-7 {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1, 0.9) translateY(0);
  }
  30% {
    transform: scale(1, 1) translateY(-5px);
  }
  50% {
    transform: scale(1, 0.95) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(-2px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

#welcomeScreen {
  height: 100vh;
  width: 100%;
  opacity: 0.9;
  z-index: 99;
  position: absolute;
  top: 0;
}

#welcomeScreen strong {
  font-family: "Gotham-Medium";
}

.welcome-screen__top-container,
.welcome-screen__bottom-container {
  padding-left: 9%;
}

.welcome-screen__top-container {
  top: 0;
  position: fixed;
  width: 100%;
  height: 62.4vh;
  padding-top: 12.66vmin;
  background: #fff;
}

.welcome-screen__bottom-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: 62.4vh;
  width: 100%;
  height: 37.6vh;
  padding-top: 4.4vmin;
  background: #212f56cc;
}

.welcome-screen__header {
  font-size: 9.4vmin;
  font-family: "Gotham-Black";
  color: #b41257;
  margin: 0;
  max-width: 92vmin;
  line-height: 1.2;
}

.welcome-screen__lead,
.welcome-screen__instructions {
  font-size: 3.13vmin;
  line-height: 1.2;
}

.welcome-screen__lead {
  font-family: "Gotham-Light";
  color: #b41257;
  max-width: 89vmin;
  margin: 3.5vh 0 0;
}

.welcome-screen__instructions {
  color: #fff;
  line-height: 1.2;
  max-width: 80vmin;
  margin: 0;
}

.welcome-screen__buttons {
  display: flex;
  align-items: center;
  margin-top: 5.48vmin;
}

.welcome-screen__button {
  height: 4.52vmin;
  width: auto;
}

.welcome-screen__button img {
  max-height: 100%;
  width: auto;
}

.welcome-screen__explore-button {
  margin-left: 4.17vmin;
}

.navBar {
  position: relative;
  display: flex;
  width: 100%;
  background-color: #061d49;
  z-index: 1;
}

.nav-logo-container {
  display: flex;
  align-items: center;
  padding: 0 2.87vmin;
}

.navLinks {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.navLinks a {
  display: flex;
  align-items: center;
  padding: 1.3vmin 1.8vmin;
  font-family: "Slate-Light", sans-serif;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "Slate-Bold", sans-serif;
  font-size: 1.3vmin;
}

.navLinks #virtualTourBtn {
  background-color: #ac145a;
}

.navBar .logoImage {
  margin-right: auto;
  width: 11.28vmin;
  height: 2vmin;
}

.icon-nav-play {
  display: inline-block;
  margin-right: 0.78vmin;
  width: 2.09vmin;
  height: 2.09vmin;
  background-image: url(../images/home/icon-nav-play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.welcomeContainer .virtualTourBtn {
  background-color: #ac145a;
  height: 45px;
  /* color: white;
    text-decoration: none; */
  /* padding-top: 10px;
    text-align: center;
    font-family: 'Slate';
    font-weight: bold;
    line-height: 1.5;
    display: inline-block; */
}

.abbvie-logo-lockup {
  position: absolute;
  bottom: 2.6vmin;
  left: 2.9%;
}

.abbvie-white-logo {
  max-width: 100%;
  height: auto;
  width: 17.4vmin;
}

.abbvie-lockup-text {
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 1.3vmin;
  margin: 0.65vmin 0 0;
}

.humira-white-logo {
  position: absolute;
  width: 18.1vmin;
  bottom: 3.65vmin;
  right: 2.9%;
}

.c-fullscreen {
  width: 92%;
  height: 51.75vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.c-hotspots {
  position: relative;
  width: 100%;
  height: 100%;
}

.caseStudies {
  display: block;
  height: 18%;
  width: 21%;
  position: absolute;
  top: 69%;
  left: 39.9%;
}

.healthStation {
  display: block;
  height: 16.2%;
  width: 8.1%;
  position: absolute;
  top: 69.5%;
  left: 61%;
}

.sharps-station-button {
  display: block;
  height: 16.2%;
  width: 8.6%;
  position: absolute;
  top: 69.5%;
  left: 31%;
}

.videoShows {
  position: fixed;
  left: 4%;
  top: 0;
  width: 92%;
}

.webinarPopupLink {
  position: absolute;
  bottom: 10%;
  left: 33.5%;
  height: 9%;
  width: 33%;
}

.webinarPopupLink--1,
.webinarPopupLink--2 {
  position: absolute;
  width: 19.8%;
  bottom: 17.8%;
  height: 6.8%;
}

.webinarPopupLink--1 {
  left: 28%;
}

.webinarPopupLink--2 {
  left: 53.4%;
}

.hearOurStoryLink {
  height: 27%;
  width: 100%;
  z-index: 2;
  position: absolute;
  bottom: -1.4vw;
  left: 0;
}

.c-hear-our-story {
  /* display: flex;
  align-items: center; */
  /* height: 100%; */
  width: 100%;
}

#hearOurStoryVideo {
  padding-top: 0;
  border-radius: 0;
  width: 100%;
  height: 42vw;
}

#virtualTourVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;

  overflow: hidden;
  background-color: #fff;
}

.c-virtual-tour {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#virtualTourVideoPlayer {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 173vh;
}

.third {
  width: 32%;
}