* {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* only needed once */
:-moz-any(#content, #appcontent) browser {
  margin-right: -14px !important;
  overflow-y: scroll;
  margin-bottom: -14px !important;
  overflow-x: scroll; }

html, body {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  /* for remove highlight */
  -moz-tap-highlight-color: transparent;
  /* for remove highlight */ }

::-moz-selection {
  background-color: transparent; }

.main-wrapper {
  position: relative;
  height: 1920px;
  width: 1080px;
  background: white;
  overflow: hidden;
  margin: 0 auto; }

#reset {
  height: 100px;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1000000000000000000000000; }

#rep-menu-trigger {
  height: 100px;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1000000000000000000000000; }

.rep-menu-close {
  width: 100px;
  float: right;
  margin-right: 27px; }

.bg {
  position: absolute; }

.deactivated {
  opacity: .3; }

.bg {
  position: absolute;
  top: 0;
  left: 0; }

.home-wrapper {
  height: 1920px; }
  .home-wrapper .home-disease-btn {
    position: absolute;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.55, 0, 0.1, 1), opacity 1s cubic-bezier(0.55, 0, 0.1, 1), top 1s cubic-bezier(0.55, 0, 0.1, 1);
    cursor: pointer;
    width: 700px;
    z-index: 4; }
    .home-wrapper .home-disease-btn.small {
      width: 350px;
      top: 1165px; }
    .home-wrapper .home-disease-btn:active {
      -webkit-transform: scale(0.8);
      opacity: .7; }
    .home-wrapper .home-disease-btn.as {
      left: 50%;
      margin-left: -350px;
      top: 625px; }
    .home-wrapper .home-disease-btn.psa {
      left: 50%;
      margin-left: -350px;
      top: 800px; }
    .home-wrapper .home-disease-btn.ps {
      left: 50%;
      margin-left: -350px;
      top: 980px; }
    .home-wrapper .home-disease-btn.mech {
      right: 50% !important;
      margin-right: -350px; }
    .home-wrapper .home-disease-btn.learn-more {
      left: 50% !important;
      margin-left: -350px; }
    .home-wrapper .home-disease-btn.drop {
      -webkit-transform: scale(0);
      -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44) !important;
      opacity: 0; }

.logo {
  position: absolute;
  left: 50%;
  margin-left: -296px;
  bottom: 320px;
  width: 590px !important;
  cursor: pointer;
  z-index: 99999999999999999; }

navigation {
  height: 200px;
  width: 1080px;
  top: 310px;
  position: absolute;
  padding: 0 40px;
  z-index: 4; }
  navigation .nav-btn {
    float: left;
    width: 207px;
    height: 150px;
    margin-left: 8px;
    background-repeat: no-repeat !important;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    background-size: contain !important; }
    navigation .nav-btn:active {
      opacity: .7;
      -webkit-transform: scale(0.8);
      cursor: pointer; }
    navigation .nav-btn.shrink {
      -webkit-transform: scale(0); }
    navigation .nav-btn.as {
      margin-left: 0px;
      background: url("img/main-nav-btns/as-nav-btn-inactive.png"); }
      navigation .nav-btn.as.active {
        background: url("img/main-nav-btns/as-nav-btn-active.png"); }
    navigation .nav-btn.psa {
      background: url("img/main-nav-btns/psa-nav-btn-inactive.png"); }
      navigation .nav-btn.psa.active {
        background: url("img/main-nav-btns/psa-nav-btn-active.png"); }
    navigation .nav-btn.ps {
      background: url("img/main-nav-btns/ps-nav-btn-inactive.png"); }
      navigation .nav-btn.ps.active {
        background: url("img/main-nav-btns/ps-nav-btn-active.png"); }
    navigation .nav-btn.learn-more {
      margin-left: 39px;
      background: url("img/main-nav-btns/dosing-nav-btn-inactive.png");
      background-size: contain; }
      navigation .nav-btn.learn-more.active {
        background: url("img/main-nav-btns/dosing-nav-btn-active.png");
        background-size: contain; }
    navigation .nav-btn.mech {
      background: url("img/main-nav-btns/mech-nav-btn-inactive.png");
      background-size: contain; }
      navigation .nav-btn.mech.active {
        background: url("img/main-nav-btns/mech-nav-btn-active.png");
        background-size: contain; }
    navigation .nav-btn.small {
      width: 158px;
      margin-top: 5px; }

html {
  background: grey; }

.bg {
  position: absolute;
  width: 100%; }

.content-wrapper {
  height: 1306px;
  width: 1080px;
  position: absolute;
  bottom: 267px;
  -webkit-transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  display: flex;
  flex-direction: column;
  z-index: 3; }
  .content-wrapper.in {
    -webkit-transform: scale(1); }
  .content-wrapper .sliders {
    height: 100%;
    background: red; }
  .content-wrapper .sub-nav {
    position: relative;
    height: 70px;
    display: flex;
    padding: 0 38px;
    width: 100%; }
    .content-wrapper .sub-nav li {
      -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
      list-style: none;
      flex: 1; }
      .content-wrapper .sub-nav li:active {
        -webkit-transform: scale(0.8);
        cursor: pointer;
        opacity: .7; }
      .content-wrapper .sub-nav li.sub-nav-btn, .content-wrapper .sub-nav li .active {
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        height: 62px; }
      .content-wrapper .sub-nav li.shrink {
        -webkit-transform: scale(0); }
      .content-wrapper .sub-nav li.deactivated {
        pointer-events: none; }
  .content-wrapper.in {
    bottom: 267px;
    opacity: 1; }

.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .swiper-slide img {
    width: 100%; }

.swiper-pagination.purple .swiper-pagination-bullet-active {
  background: #592d60; }

.swiper-pagination.pink .swiper-pagination-bullet-active {
  background: #e50e63; }

.swiper-pagination-bullet {
  height: 12px;
  width: 12px; }

.swiper-button-prev {
  background-image: url("img/swiper-arrow-left.png") !important; }
  .swiper-button-prev.purple {
    background-image: url("img/swiper-arrow-left-purple.png") !important; }
  .swiper-button-prev.gradient {
    background-image: url("img/swiper-arrow-left-gradient.png") !important; }

.swiper-button-next {
  background-image: url("img/swiper-arrow-right.png") !important; }
  .swiper-button-next.purple {
    background-image: url("img/swiper-arrow-right-purple.png") !important; }
  .swiper-button-next.gradient {
    background-image: url("img/swiper-arrow-right-gradient.png") !important; }

.additional-summary {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .additional-summary .title {
    position: relative;
    top: 50px; }
  .additional-summary .btn-wrapper {
    padding: 200px 0;
    flex: auto;
    display: flex;
    flex-direction: column; }
    .additional-summary .btn-wrapper .btn {
      margin: 30px 0; }

.additional-summary.psa .btn-wrapper, .additional-summary.ps .btn-wrapper {
  padding: 260px 0; }

.btn {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  .btn:active {
    -webkit-transform: scale(0.8);
    cursor: pointer;
    opacity: .7; }

.swiper-button-disabled {
  opacity: 0 !important; }

.swiper-button-next, .swiper-button-prev, .swiper-button-next-section, .swiper-button-prev-section {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  background-repeat: no-repeat !important;
  width: 55px;
  height: 110px;
  margin-top: -55px;
  background-position: center !important;
  background-size: contain !important;
  cursor: pointer; }

.swiper-button-next:active, .swiper-button-prev:active {
  -webkit-transform: scale(0.7); }

.swiper-button-next-section {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 110px;
  z-index: 10;
  background-position: center;
  background-repeat: no-repeat !important;
  background: url(img/next-section.png);
  background-size: contain !important;
  background: red;
  right: 0px !important;
  display: none; }
  .swiper-button-next-section.purple {
    background: url(img/next-section-purple.png); }
  .swiper-button-next-section.gradient {
    background: url(img/next-section-gradient.png); }
  .swiper-button-next-section.pink {
    background: url(img/next-section-pink.png); }

.swiper-button-prev-section {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 110px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat !important;
  background: url(img/next-section.png);
  background-size: contain !important;
  left: 0px !important; }
  .swiper-button-prev-section.purple {
    background: url(img/prev-section-purple.png); }
  .swiper-button-prev-section.gradient {
    background: url(img/prev-section-gradient.png); }
  .swiper-button-prev-section.pink {
    background: url(img/prev-section-pink.png); }

.swiper-button-home {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 110px;
  margin-top: -55px;
  z-index: 10;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat !important;
  background: url(img/home-btn.png);
  background-repeat: repeat;
  background-size: contain !important;
  right: 0px; }

.additional-info.swiper-slide-active .swiper-pagination {
  display: none; }

[data-swiper="as"].efficacy {
  background: url("img/as-sub-nav-btns/efficacy-sub-nav-btn-inactive.png"); }
  [data-swiper="as"].efficacy.active {
    background: url("img/as-sub-nav-btns/efficacy-sub-nav-btn-active.png"); }
[data-swiper="as"].safety {
  background: url("img/as-sub-nav-btns/safety-sub-nav-btn-inactive.png"); }
  [data-swiper="as"].safety.active {
    background: url("img/as-sub-nav-btns/safety-sub-nav-btn-active.png"); }
[data-swiper="as"].summary {
  background: url("img/as-sub-nav-btns/summary-sub-nav-btn-inactive.png"); }
  [data-swiper="as"].summary.active {
    background: url("img/as-sub-nav-btns/summary-sub-nav-btn-active.png"); }
  [data-swiper="as"].summary.deactivated {
    background: url("img/as-sub-nav-btns/summary-sub-nav-btn-deactivated.png"); }
[data-swiper="as"].additional-info {
  background: url("img/as-sub-nav-btns/additional-info-sub-nav-btn-inactive.png"); }
  [data-swiper="as"].additional-info.active {
    background: url("img/as-sub-nav-btns/additional-info-sub-nav-btn-active.png"); }

[data-swiper="psa"].efficacy {
  background: url("img/psa-sub-nav-btns/efficacy-sub-nav-btn-inactive.png"); }
  [data-swiper="psa"].efficacy.active {
    background: url("img/psa-sub-nav-btns/efficacy-sub-nav-btn-active.png"); }
[data-swiper="psa"].safety {
  background: url("img/psa-sub-nav-btns/safety-sub-nav-btn-inactive.png"); }
  [data-swiper="psa"].safety.active {
    background: url("img/psa-sub-nav-btns/safety-sub-nav-btn-active.png"); }
[data-swiper="psa"].summary {
  background: url("img/psa-sub-nav-btns/summary-sub-nav-btn-inactive.png"); }
  [data-swiper="psa"].summary.active {
    background: url("img/psa-sub-nav-btns/summary-sub-nav-btn-active.png"); }
  [data-swiper="psa"].summary.deactivated {
    background: url("img/psa-sub-nav-btns/summary-sub-nav-btn-deactivated.png"); }
[data-swiper="psa"].additional-info {
  background: url("img/psa-sub-nav-btns/additional-info-sub-nav-btn-inactive.png"); }
  [data-swiper="psa"].additional-info.active {
    background: url("img/psa-sub-nav-btns/additional-info-sub-nav-btn-active.png"); }

[data-swiper="ps"].efficacy {
  background: url("img/ps-sub-nav-btns/efficacy-sub-nav-btn-inactive.png"); }
  [data-swiper="ps"].efficacy.active {
    background: url("img/ps-sub-nav-btns/efficacy-sub-nav-btn-active.png"); }
[data-swiper="ps"].safety {
  background: url("img/ps-sub-nav-btns/safety-sub-nav-btn-inactive.png"); }
  [data-swiper="ps"].safety.active {
    background: url("img/ps-sub-nav-btns/safety-sub-nav-btn-active.png"); }
[data-swiper="ps"].summary {
  background: url("img/ps-sub-nav-btns/summary-sub-nav-btn-inactive.png"); }
  [data-swiper="ps"].summary.active {
    background: url("img/ps-sub-nav-btns/summary-sub-nav-btn-active.png"); }
  [data-swiper="ps"].summary.deactivated {
    background: url("img/ps-sub-nav-btns/summary-sub-nav-btn-deactivated.png"); }
[data-swiper="ps"].additional-info {
  background: url("img/ps-sub-nav-btns/additional-info-sub-nav-btn-inactive.png"); }
  [data-swiper="ps"].additional-info.active {
    background: url("img/ps-sub-nav-btns/additional-info-sub-nav-btn-active.png"); }

#rep-menu {
  width: 540px;
  height: 1348px;
  background: white;
  border: 1px solid #c22e63;
  position: absolute;
  top: 315px;
  left: -540px;
  z-index: 9;
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
  #rep-menu h3 {
    color: #c22e63; }
  #rep-menu.slide-out {
    left: -1px; }
  #rep-menu.as {
    border: 1px solid #52305c; }
    #rep-menu.as h3 {
      color: #52305c; }
  #rep-menu .rep-menu-close {
    display: none;
    cursor: pointer; }
  #rep-menu .rep-menu-content {
    width: 100%;
    height: auto;
    display: none;
    padding: 30px 39px; }

.swiper-button-prev {
  left: 0px !important; }

.swiper-button-next {
  right: 0px !important; }

.additional-info .btn {
  width: 550px; }

.isi-wrapper {
  width: 1080px;
  height: 255px;
  box-shadow: 0 -35px 35px -35px #333;
  background: white;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44) !important;
  z-index: 10;
  position: absolute; }
  .isi-wrapper img {
    width: 95%; }

.visible {
  bottom: 0; }

.isi-wrapper.open {
  height: 1450px; }

.isi-full {
  display: none; }

.screensaver {
  background: url("img/black-gradient.png");
  background-size: contain;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 11;
  display: none; }

.hand {
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
  height: 70px;
  width: auto;
  z-index: 99999; }
  .hand.active {
    display: block !important;
    opacity: 1 !important; }
  .hand.as {
    top: 692px;
    left: 90px; }
  .hand.psa {
    top: 863px;
    left: 90px; }
  .hand.ps {
    top: 1038px;
    left: 90px; }
  .hand.learn-more {
    top: 1209px;
    left: 90px; }
  .hand.mech {
    top: 1209px;
    right: 90px; }

.ss, .hand {
  opacity: 0;
  z-index: 9999999999 !important; }
  .ss.active, .hand.active {
    opacity: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important; }

.semi {
  -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
  opacity: .5; }

.ss.logo {
  width: 450px !important;
  margin-left: -225px;
  bottom: 368px; }

.touch-to-start {
  position: absolute;
  bottom: 93px;
  width: 500px;
  left: 50%;
  z-index: 9999999999999;
  margin-left: -250px;
  display: none; }

/*# sourceMappingURL=style.css.map */