body {
    padding-top: 54px;
  }
  @media (min-width: 992px) {
    body {
      padding-top: 56px;
    }
  }
  
  /*
  body::-webkit-scrollbar { width: 0 !important }
  body { -ms-overflow-style: none; }
  body { overflow: -moz-scrollbars-none; }
  */

  .be_red_link{
    color: red!important;
  }

  #credential_modal .modal-dialog{
    margin-top: 120px;
  }
  #the_request_pass_modal .modal-dialog{
    margin-top: 120px;
  }

  a p{
    margin: 0;
  }
  
  .loading_icon_animation{
    color: #0077bb;
    width: 100px;
    text-align: center;
    height: 100px;
    margin: 0 auto;
    margin-top: 40%;
  }
  
  
  .navbar-brand img{
     width: 244px;
     margin-right: 10px;
  }
  
  .navbar-brand span{
        display: block;
        font-weight: bold;
        color: #666;
        margin-top: 6px;
  }
  
  .modal-content{
    border-radius: 0px;
    border: none;
  } 
  
  .modal-header .close {
        padding: 1rem;
        font-size: 38px;
        margin: -20px;
    }
  
  .scroll_down_direction{
        position: fixed;
        right: 46px;
        bottom: 30%;
        font-size: 30px;
        color: #0077bb;
        text-align: center;
        line-height: 10px;
  }
  
  .click_mouse_direction{
        position: fixed;
        right: 46px;
        bottom: 30%;
        font-size: 30px;
        color: #0077bb;
        text-align: center;
        line-height: 10px;
  }
  
  .click_mouse_direction_chips{
        position: fixed;
        right: 46px;
        bottom: 30%;
        font-size: 30px;
        color: #0077bb;
        text-align: center;
        line-height: 10px;
  }
  
  .click_mouse_direction_chips_journey{
        position: fixed;
        right: 46px;
        bottom: 30%;
        font-size: 30px;
        color: #0077bb;
        text-align: center;
        line-height: 10px;
  }
  
  .restart_pcs_infographic{
        position: fixed;
        right: 46px;
        bottom: 30%;
        font-size: 22px;
        color: #0077bb;
        cursor: pointer;
        z-index: 102;
        text-shadow: 0px 0px 1px #0077bb;
  }
  
  .the_last_screen_effect{
        position: fixed; 
        left: 0; 
        top: 0; 
        background-color: #ffffff; 
        z-index: 150; 
        width: 100%; 
        height: 100%;
        display: none;
  }
  
  .bounce_yammer{
      -moz-animation: bounce 2s infinite;
      -webkit-animation: bounce 2s infinite;
      animation: bounce_yammer 2s infinite;
  }
  
  @keyframes bounce_yammer {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-10px);
      }
      60% {
        transform: translateY(-5px);
      }
    }
  
  .bounce {
      -moz-animation: bounce 2s infinite;
      -webkit-animation: bounce 2s infinite;
      animation: bounce 2s infinite;
    }
    
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-30px);
      }
      60% {
        transform: translateY(-15px);
      }
    }
    
    
  @keyframes cool_eff {
    	0% {transform: scale(1)}
    	50%{transform: scale(1.2)}
    	100% {transform: scale(1.4)}
    }
    
    .cool_eff{animation: cool_eff 1s infinite;}
  
  
  
  .progress{
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background-color: #F2F2F2;
    }
    .bar 
    { 
      background-color: #0077bb; 
      width:0%; 
      height:5px; 
      border-radius: 3px; 
    }
    .percent 
    { 
      position:absolute; 
      display:inline-block; 
      top:3px; 
      left:48%; 
    }
    
    
    .the_first_container{  
        position: fixed;
    }
  
  img{
    width: 100%;
  }
  
  #s1{
        width: 800px;
        height: 500px;
        position: relative;
        margin: 170px auto 0;
  }
  
  
  #the-video-modal .close{

    position: absolute;
    right: 0;
    top: -10px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;

  }
  
  #the-video-modal .modal-body {
      position:relative;
      padding:0px;
  }
  
  #the-video-modal-menu .close{

    position: absolute;
    right: 0;
    top: -10px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;

  }
  
  #the-video-modal-menu .modal-body {
      position:relative;
      padding:0px;
  }

 .modal-footer{
    display: block;
 }
 
 .modal-backdrop{
    background-color: #1168AD;
 }
 
 .modal-backdrop.show {
    opacity: .9;
 }
 
 .footer ul{
    float: right;
    list-style: none;
 }
 
 .footer ul li{
    display: inline;
    margin-left: 10px;
 }
 
 .footer ul li a{
    color: #fff;
 }
  
 .form-control{
    border-radius: 0px;
    border: solid 3px #000;
 }
 
 .modal-header{
    border-bottom: none;
 }
 
 .modal-footer {
    border-top: none;
}
 
 .footer{
    position: fixed;
    bottom: 0;
    background-color: #0077bb;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 38px;
 }
  
 .btn-border-blank{
    border: solid 3px #000!important;
    color: #000!important;
    font-weight: bold!important;
    border-radius: 0px!important;
    /*padding: 6px 60px!important;*/
    min-width: 206px!important;
    max-width: 210px;
    background-color: #ffffff;
}

.btn-border-blank-dynamic{
    border: solid 3px #000!important;
    color: #000!important;
    font-weight: bold!important;
    border-radius: 0px!important;
    padding: 6px 16px!important;
    background-color: #ffffff;
    pointer-events: visible;
    max-width: none!important;
}

.btn-border-blank-dynamic_o .video-btn{
    border: solid 3px #000!important;
    color: #000!important;
    font-weight: bold!important;
    border-radius: 0px!important;
    padding: 6px 16px;
    background-color: #ffffff;
    pointer-events: visible;
    max-width: none!important;
}

.the-wrap-screen{
    position: relative;
}

.the-first-screen{
    
}

.the-first-screen-arrange-front{
    z-index: 1;
}

.front-arrangement-elm{
    z-index: 999;
}

.the_navigation_circle{
    position: fixed;
    right: 40px;
    top: 30%;
    font-size: 26px;
    z-index: 140;
}

.the_navigation_circle ul{
    list-style: none;
}
.the_navigation_circle ul li{
    margin: 0;
    cursor: pointer;
    display: -webkit-box;
}
.the_navigation_circle ul li .fa-dot-circle-o{
    margin-left: -29px;
}

.the-image-container{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 150px;
    left: 0;
    z-index: -1;
}

.primary-head-text{
    font-weight: bold;
    font-size: 44px;
    margin-bottom: 40px;
}

.secondary-head-text{
    font-weight: bold;
    font-size: 32px;
} 
  
.the-intro-text{
    padding-top: 100px;
}

.desc-text{
    /*text-align: justify;*/
}

.the-intro-text-slide{
    position: absolute;
    left: 50%;
    top: 19%;
    transform: translate(-50%);
    pointer-events: none;
}

.the-intro-text-item{
    
}
  

.the_phone_back{
    width: 550px;
    position: absolute;
    top: 20%;
    left: 15%;
}


.the_phone_front{
    width: 574px;
    height: 308px;
    position: fixed;
    top: 65%;
    left: 47%;
    transform: translate(-50%, -50%);
    margin-left: -5px;
    margin-top: -11px;
}

.the_phone_front_with_apps{
    width: 525px;
    position: absolute;
    top: 19.6%;
    left: 18%;
}

.the_phone_front_with_no_apps{
    width: 525px;
    position: absolute;
    top: 19.6%;
    left: 18%;
}

.the_device_tray img{
    width: 100%;
}

.the_pcs_app{
    position: absolute;
    top: 41%;
    left: 43%;
    width: 126px;
    cursor: pointer;
}

.the_pcs_app_2{
    position: absolute;
    top: 30.8%;
    left: 53.8%;
    width: 130px;
}

.the_pcs_app_3{
    position: absolute;
    top: 51.2%;
    left: 31.7%;
    width: 130px;
}


.the_development_journey{
    position: absolute;
    top: 23%;
    left: 19.4%;
    width: 446px;
}

.the_development_journey_no_chips{
    position: absolute;
    top: 23%;
    left: 19.4%;
    width: 446px;
}

.the_development_journey_chip_1{
    position: absolute;
    top: 22%;
    left: 68.6%;
    width: 68px;
    z-index: 101;
}

.the_development_journey_chip_desc_1{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 20.4%;
    left: 82%;
    z-index: 101;
    min-width: 200px;
    text-align: right;
}

.the_development_journey_chip_desc_1_direction{
    border-top: solid 1px #bbb;
    width: 50px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 20.4%;
    right: 18%;
    transform: rotate(-32deg);
    transform-origin: top right;
}


.the_development_journey_chip_2{
    position: absolute;
    top: 13.1%;
    left: 58.2%;
    width: 68px;
    z-index: 101;
}

.the_development_journey_chip_desc_2{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 10.4%;
    left: 72%;
    z-index: 101;
    min-width: 200px;
    text-align: right;
    margin-top: 3px;
}

.the_development_journey_chip_desc_2_direction{
    border-top: solid 1px #bbb;
    width: 55px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 11%;
    right: 28%;
    transform: rotate(-32deg);
    transform-origin: top right;
}

.the_development_journey_chip_3{
    position: absolute;
    top: 17.1%;
    left: 46.9%;
    width: 68px;
    z-index: 101;
}

.the_development_journey_chip_desc_3{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 12%;
    left: 16%;
    z-index: 101;
    min-width: 200px;
    text-align: left;
}

.the_development_journey_chip_desc_3_direction{
    border-top: solid 1px #bbb;
    width: 65px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 12%;
    left: 41%;
    transform: rotate(41deg);
    transform-origin: top left;
}

.the_development_journey_chip_desc_4{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 21.6%;
    left: 8%;
    z-index: 101;
    min-width: 200px;
    text-align: left;
}

.the_development_journey_chip_desc_4_direction{
    border-top: solid 1px #bbb;
    width: 56px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 21.6%;
    left: 33%;
    transform: rotate(53deg);
    transform-origin: top left;
}


.the_development_journey_chip_desc_5{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 31%;
    left: -10.4%;
    z-index: 101;
    min-width: 260px;
    text-align: left;
}

.the_development_journey_chip_desc_5_direction{
    border-top: solid 1px #bbb;
    width: 60px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 31%;
    left: 22%;
    transform: rotate(53deg);
    transform-origin: top left;
}

.the_development_journey_chip_desc_6{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 44.3%;
    left: -8.1%;
    z-index: 101;
    min-width: 200px;
    text-align: left;
}

.the_development_journey_chip_desc_6_direction{
    border-top: solid 1px #bbb;
    width: 60px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 44.4%;
    left: 17%;
    transform: rotate(48deg);
    transform-origin: top left;
}

.the_development_journey_chip_desc_7{
    border-top: solid 1px #bbb;
    position: absolute;
    top: 58.5%;
    left: -19.1%;
    z-index: 101;
    min-width: 400px;
    text-align: left; 
}

.the_development_journey_chip_desc_7_direction{
    border-top: solid 1px #bbb;
    width: 46px;
    height: 1px;
    z-index: 101;
    position: absolute;
    top: 58.5%;
    left: 31.5%;
    transform: rotate(44deg);
    transform-origin: top left;
    margin-left: -5px;
}

.the_development_journey_chip_4{
    position: absolute;
    top: 27%;
    left: 36.71%;
    width: 68px;
    z-index: 101;
}

.the_development_journey_chip_5{
    position: absolute;
    top: 36.7%;
    left: 26.52%;
    width: 68px;
    z-index: 101;
}

.the_development_journey_chip_6{
    position: absolute;
    top: 49.8%;
    left: 22%;
    width: 68px;
    z-index: 101;
}

.the_development_journey_chip_7{
    position: absolute;
    top: 61%;
    left: 34.4%;
    width: 68px;
    z-index: 101;
}

.the_microchip{
    
}


.the_microchip_glow{
    cursor: pointer;
    display: none;
}


.the_microchip_1{
    position: absolute;
    top: 41%;
    left: 39%;
    width: 222px;
}

.the_microchip_1_glow{
    position: absolute;
    top: 38%;
    left: 36%;
    width: 270px;
}

.the_microchip_2{
    position: absolute;
    top: 42%;
    left: 41%;
    width: 190px;
}

.the_microchip_2_glow{
    position: absolute;
    top: 23.5%;
    left: 38.4%;
    width: 232px;
}

.the_microchip_3{
    position: absolute;
    top: 42.3%;
    left: 41.6%;
    width: 182px;
}

.the_microchip_3_glow{
    position: absolute;
    top: 8.4%;
    left: 38.9%;
    width: 226px;
}

.the_microchip_4{
    position: absolute;
    top: 42.8%;
    left: 42.4%;
    width: 168px;
}

.the_microchip_4_glow{
    position: absolute;
    top: -6.9%;
    left: 40.4%;
    width: 199px;
}

.the_microchip_5{
    position: absolute;
    width: 150px;
    left: 43.5%;
    top: 43.4%;
}

.the_microchip_5_glow{ 
    position: absolute;
    width: 184px;
    left: 41.4%;
    top: -18.1%;
    display: none;
}

.the_microchip_intro_text{
    display: none;
    min-height: 410px;
    max-height: 500px;
    padding-right: 4px!important;
}

.the_microchip_intro_text .desc-text{
    min-height: 250px;
    max-height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
}


.the_microchip_intro_text_1{
    width: 450px;
    left: -140px;
    top: -110px;
}


.the_microchip_intro_text_2{
    width: 420px;
    right: -140px;
    top: -110px;
}

.the_microchip_intro_text_3{
    width: 460px;
    left: -124px;
    top: -110px;
}

.the_microchip_intro_text_4{
    width: 440px;
    right: -150px;
    top: -110px;
}

.the_microchip_intro_text_5{
    width: 460px;
    left: -108px;
    top: -110px;
}

.skrollable:hover{

}

.journey_chip_desc_strong{
    font-weight: bold;
}

.the_fixed_bottom_text_line1{
    position: fixed;
    right: 1%;
    bottom: 14%;
    color: #9797A2;
    text-decoration: underline;
    font-size: 22px;
    cursor: pointer;
    text-align: right;
    white-space: nowrap;
}

.the_fixed_bottom_text_line2{
    position: fixed;
    right: 1%;
    bottom: 9%;
    color: #9797A2;
    text-decoration: underline;
    font-size: 22px;
    cursor: pointer;
    white-space: nowrap;
}

.the_fixed_bottom_video_button{
    position: fixed;
    right: 1%;
    bottom: 20%;
}

.yammer-sharing-link{
    position: fixed;
    right: 28px;
    bottom: 140px;
    font-size: 18px;
    cursor: pointer;
    width: 240px;
}

.yammer-sharing-link img{
    width: 40px;
    margin-right: 10px;
}

.tell-us-form-link{
    position: fixed;
    right: -30px;
    bottom: 80px;
    font-size: 18px;
    cursor: pointer;
    text-indent: -70px;
    line-height: 0px;
    width: 240px;
}

.tell-us-form-link img{
    width: 60px;
    margin-right: 4px;
}

.drug_development_blue{
    top: 10%;
    display: none;
    background-color: transparent;
    z-index: 999;
    pointer-events: none;
}

.drug_development_red{
    top: 10%;
    display: none;
    background-color: transparent;
    z-index: 999;
    pointer-events: none;
}

.drug_development_blue_wrapper{
    border: solid 3px rgb(4, 96, 169);
    padding: 6px;
}

.drug_development_blue .the-intro-text-item{
    width: 60%;
    max-height: 420px;
    overflow-y: auto;
    background-color: #fff;
    pointer-events: visible;
}

.drug_development_red_wrapper{
    border: solid 3px rgb(234, 74, 30);
    padding: 6px;
}

.drug_development_red .the-intro-text-item{
    width: 60%;
    max-height: 420px;
    overflow-y: auto;
    background: #fff;
    pointer-events: visible;
}

.the_development_journey_chip{
    cursor: pointer;
    
}

.the_development_journey_chip_desc{
    cursor: pointer;
    
}

.the_development_journey_chip_desc_direction{
    
}

.black-journey-chip .the-intro-text-item{
    min-height: 300px;
    max-height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
    margin-top: 14px;
}

.black-journey-chip .the-intro-text-item ul{
    padding-left: 20px;
}

.the-connection-background{
    height: 100%;
    position: fixed;
    top: 40px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center top;
}

.shapping_text_1{
    left: 12%;
    top: 4138%;
}

.shapping_text_2{
    left: 24%;
    top: 76%;
}

.shapping_text_3{
    left: 38%;
    top: 84%;
}

.shapping_text_4{
    left: 42%;
    top: 39%;
}

.shapping_text_5{
    left: 75%;
    top: 44%; 
}

.shapping_text_6{
    left: 60%;
    top: 80%; 
}

.shapping_text_7{
    left: 46%;
    top: 80%; 
}

.shapping_text_8{
    left: 73%;
    top: 54%;
}
.shapping_text_9{
    left: 26%;
    top: 51%;
}
.shapping_text_10{
    left: 60%;
    top: 70%; 
}

.shapping_text_future{
    color: #0460A9;
    font-size: 32px;
    font-weight: bold;
    position: fixed;
    transform: translate(50%, 50%);
    z-index: -1;
}

.the_development_journey_chip_desc p{
    margin: 0;
    padding: 0;
    display: inline;
}

/********* content ****************/
.content-container{
    padding-top: 40px;
}
#content-cover-image{
    min-height: 240px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.content-tile h1{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.29);
    font-size: 34px;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
    bottom: -8px;
    left: 0;
}
.content-content{
    padding: 20px;
}

.the_thankyou_message_placeholder{
    display: none;
}

.the-intro-text-dynamic-1 .the-intro-text-item .desc-text{
    
}


.arrow_box_bottom {
	position: absolute;
	background: #ffffff;
	border: 3px solid #000;
    padding: 10px;
}
.arrow_box_bottom:after, .arrow_box_bottom:before {
	left: 100%;
	bottom: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box_bottom:before {
	border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 25px;
    margin-bottom: -5px;
}

.arrow_box_left_bottom {
	position: absolute;
	background: #ffffff;
	border: 3px solid #000;
    padding: 10px;
}
.arrow_box_left_bottom:after, .arrow_box_left_bottom:before {
	right: 100%;
	bottom: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left_bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box_left_bottom:before {
	border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 25px;
    margin-bottom: -5px;
}


.arrow_box_left {
	position: absolute;
	background: #ffffff;
	border: 3px solid #000;
    padding: 10px;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box_left:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000;
	border-width: 24px;
	margin-top: -24px;
}


.arrow_box {
	position: absolute;
	background: #ffffff;
	border: 3px solid #000;
    padding: 10px;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000;
	border-width: 24px;
	margin-top: -24px;
}

.arrow_box .fa-times, .arrow_box_left .fa-times, .arrow_box_left_bottom .fa-times{
    position: absolute;
    right: 24px;
    top: 2px;
    cursor: pointer;
    font-size: 22px;
}

.the_intro_text_element_2{
    top: 4px;
    left: 480px;
    width: 404px;
    min-height: 360px;
    display: none;
    max-height: 510px;
    padding: 10px 10px 10px 10px;
}

.the_intro_text_element_1{
    bottom: -155px;
    left: -420px;
    width: 404px;
    min-height: 360px;
    display: none;
    max-height: 510px;
    padding: 10px 2px 10px 10px;
}

.the_intro_text_element_1:after, .the_intro_text_element_1:before{
    bottom: 170px;
}


.the_microchip_intro_text_5:after, .the_microchip_intro_text_5:before{
    top: 70px;
}

.the_microchip_intro_text_4:after, .the_microchip_intro_text_4:before{
    top: 130px;
}

.the_microchip_intro_text_3:after, .the_microchip_intro_text_3:before{
    top: 215px;   
}

.the_microchip_intro_text_2:after, .the_microchip_intro_text_2:before{
    top: 293px;   
}

.the_microchip_intro_text_1:after, .the_microchip_intro_text_1:before{
    top: 375px;   
}

.black-journey-chip-7:after, .black-journey-chip-7:before{
    bottom: 72px;
}

.black-journey-chip-6:after, .black-journey-chip-6:before{
    bottom: 128px;
}

.black-journey-chip-5:after, .black-journey-chip-5:before{
    bottom: 197px;
}

.black-journey-chip-4:after, .black-journey-chip-4:before{
    top: 227px;
}

.black-journey-chip-3:after, .black-journey-chip-3:before{
    top: 176px;
}

.black-journey-chip-2:after, .black-journey-chip-2:before{
    top: 162px;
}

.black-journey-chip-1:after, .black-journey-chip-1:before{
    top: 196px;
}

.fixed-top{
    border-bottom: solid 1px #ddd;
    background-color: #ffffff;
    box-shadow: 0 1px 8px #333;
}


.black-journey-chip-7{
    width: 440px;
    bottom: -75px;
    left: 80px;
}

.black-journey-chip-6{
    width: 440px;
    bottom: -130px;
    left: 80px;
}

.black-journey-chip-5{
    width: 440px;
    bottom: -200px;
    left: 80px;
}

.black-journey-chip-4{
    width: 440px;
    top: -250px;
    left: 80px;
}

.black-journey-chip-3{
    width: 440px;
    top: -200px;
    left: 80px;
}

.black-journey-chip-2{
    width: 440px;
    top: -145px;
    left: -450px;
}

.black-journey-chip-1{
    width: 440px;
    top: -220px;
    left: -450px;
}


.black-journey-chip{
    display: none;
    /*pointer-events: none;*/
    min-height: 400px;
    max-height: 490px;
    padding-right: 4px
}

.text_scroll_text{
    font-size: 16px;
    vertical-align: 6px;
    font-weight: bold;
}

#tell-us-modal .modal-title{
    line-height: 40px;
    font-size: 30px;
    font-weight: 900;
}

.the_find_out_more_text{
    display: block;
    width: 560px;
    top: -72px;
    left: 167px;
    display: none;
    max-height: 510px;
    pointer-events: visible;
    padding-right: 2px;
    padding-top: 26px;
}

.the_find_out_more_text_desc {
    max-height: 468px;
    overflow-y: auto;
    min-height: 250px;
}

.the_find_out_more_text:after, .the_find_out_more_text:before{
    top: 234px;
}


.the_pcs_all_icons{
    width: 360px;
    position: absolute;
    left: 31.9%;
    top: -22.2%;
}

.the_pcs_icon{
    pointer-events: none;
}

.the_pcs_icon_flask_1{
    width: 54px;
    position: absolute;
    left: 33.2%;
    top: 42.6%;
}

.the_pcs_icon_flask_2{
    width: 27px;
    position: absolute;
    left: 61.9%;
    top: 25.6%;
}

.the_pcs_icon_1{
    width: 44px;
    position: absolute;
    left: 57.8%;
    top: 1.56%;
}

.the_pcs_icon_2 {
    width: 47px;
    position: absolute;
    left: 49.9%;
    top: -13%;
}

.the_pcs_icon_3 {
    width: 47px;
    position: absolute;
    left: 52.9%;
    top: 19%;
}

.the_pcs_icon_4 {
    width: 58px;
    position: absolute;
    left: 54.7%;
    top: 32.5%;
}

.the_pcs_icon_5 {
    width: 78px;
    position: absolute;
    left: 42.7%;
    top: 1.5%;
}

.the_pcs_icon_6 {
    width: 52px;
    position: absolute;
    left: 38.9%;
    top: 20.5%;
}

.the_pcs_icon_microscope{
    width: 81px;
    position: absolute;
    left: 65.7%;
    top: 31.9%;
}

.the_pcs_icon_pills{
    width: 110px;
    position: absolute;
    left: 43.9%;
    top: 51.9%;
}
.the_pcs_icon_line_1{
    position: absolute;
    left: 32.9%;
    top: 10.4%;
    height: 84px;
    overflow: hidden;
    width: 2px;
}
.the_pcs_icon_line_2{
    position: absolute;
    left: 41.7%;
    top: 36.4%;
    height: 84px;
    overflow: hidden;
    width: 2px;
}
.the_pcs_icon_line_3{
    position: absolute;
    left: 69.2%;
    top: 1.7%;
    height: 84px;
    overflow: hidden;
    width: 2px;
}
.the_pcs_icon_line_4{
    position: absolute;
    left: 57.8%;
    top: -22.3%;
    height: 84px;
    overflow: hidden;
    width: 2px;
}

.the_pcs_icon_lg_dots_1{
    position: absolute;
    left: 35.7%;
    top: 18.3%;
    height: 104px;
    overflow: hidden;
    width: 8px;
}

.the_pcs_icon_lg_dots_2{
    position: absolute;
    left: 38.8%;
    top: -6.4%;
    height: 104px;
    overflow: hidden;
    width: 8px;
}

.the_pcs_icon_lg_dots_3{
    position: absolute;
    left: 65.3%;
    height: 104px;
    overflow: hidden;
    width: 8px;
    top: 31px;
}

.the_pcs_icon_lg_dots_4{
    position: absolute;
    left: 60.9%;
    top: -15.1%;
    height: 80px;
    overflow: hidden;
    width: 8px;
}

.the_pcs_icon_sm_dots_1{
    position: absolute;
    left: 46.9%;
    top: -14.1%;
    height: 80px;
    overflow: hidden;
    width: 4.11px;
}

.the_pcs_icon_sm_dots_2{
    position: absolute;
    left: 48.9%;
    top: 21.3%;
    height: 80px;
    overflow: hidden;
    width: 4.11px;
}

.the_pcs_icon_sm_dots_3{
    position: absolute;
    left: 52%;
    top: 51.2%;
    height: 80px;
    overflow: hidden;
    width: 4.11px;
}

.the_pcs_icon_sm_dots_4{
    position: absolute;
    left: 54.9%;
    top: 6.3%;
    height: 80px;
    overflow: hidden;
    width: 4.11px;
}

.the_pcs_icon_sm_dots_5{
    position: absolute;
    left: 62.4%;
    top: 43.3%;
    height: 80px;
    overflow: hidden;
    width: 4.11px;
}


.the_intro_text_element_1 .desc-text {
    max-height: 425px;
    overflow-y: auto;
    padding-right: 6px;
    min-height: 292px;
}

.the_credential_mess{display: none;}

.the_request_pass_butt{
    font-size: 12px;
    margin-top: -8px;
}

.the_request_mess{
    display: none;
}
#return_to_access_btn{
    display: none;
}


#the_video_43{
    margin-top: -30px;
    margin-bottom: 12px;
}

.the_intro_text_element_2 .btn-border-blank{
    max-width: 100%;
}

.the_close_tip{
    color: #000;
    right: 14px;
    position: absolute;
    top: -4px;
    font-size: 30px;
    padding: 4px;
    width: 38px;
    height: 42px;
    text-align: center;
    line-height: 30px;
}
.the_close_tip:hover{
    color: #000;
}

.the_close_tip i{
    position: static!important;
    right: auto!important;
    top: auto!important;
    cursor: pointer!important;
    font-size: 22px!important;
}

.the_intro_text_element{
    padding-top: 30px;
}

.scene_number{
    font-size: 14px;
    margin-top: 10px;
    display: none;
    text-align: right;
    padding-right: 7px;
    width: 140px;
}

#the_video_51{
    max-width: none;
    color: #9797A2!important;
    border: none!important;
    font-weight: normal!important;
    text-decoration: underline;
    white-space: nowrap;
    font-size: 22px;
    padding: 0;
}

@media (min-width: 1025px){
    .scene_number{
        display: block;
    }
}
 
 @media (min-width: 900px){
    #s1{
        margin-top: 170px;
    }
 }
 
  @media (max-width: 899px){
    
      .scroll_down_direction {
            right: 47%;
            bottom: 8%;
        }
        
        .click_mouse_direction {
            right: 46%;
            bottom: 8%;
            transform: translate(50%, 0);
        }
        
        .click_mouse_direction_chips {
            right: 48%;
            bottom: 17%;
            transform: translate(50%, 0);
            font-size: 14px;
        }
        
        .click_mouse_direction_chips .text_scroll_text {
            font-size: 12px;
        }
        
        .click_mouse_direction_chips_journey {
            right: 48%;
            bottom: 17%;
            transform: translate(50%, 0);
            font-size: 14px;
        }
        
        .click_mouse_direction_chips_journey .text_scroll_text {
            font-size: 12px;
        }
    
        
    
      .the_fixed_bottom_text_line1,
      .the_fixed_bottom_text_line2{
        font-size: 15px;
      }
      
      .drug_development_red .the-intro-text-item{
        width: 90%;
        font-size: 10px;
        margin-top: 0px;
      }
      
      .drug_development_blue .the-intro-text-item{
        width: 90%;
        font-size: 10px;
        margin-top: 0px;
      }
      
      .the_navigation_circle {
            position: fixed;
            right: 2px;
            top: 20%;
            font-size: 26px;
      }
      
      .btn-border-blank {
            padding: 6px 4px!important;
            font-size: 15px;
       }
       
       .the_microchip_intro_text_1 .btn-border-blank {
            min-width: 140px!important;
       }
        
        .btn-border-blank-dynamic {
            padding: 4px 10px!important;
            background-color: #ffffff;
            font-size: 14px;
        }
        
        
      .the-intro-text {
            padding-top: 70px;
        }
      .primary-head-text {
            font-weight: bold;
            font-size: 26px;
            margin-bottom: 10px;
        }
        
      .secondary-head-text{
        font-size: 20px;
      }
        
      .the-intro-text-item {
        width: 90%;
        font-size: 11px;
    }
    
    
    .the_development_journey_chip_desc_7 {
        left: -1.1%;
        min-width: 259px;
    }
    
    .the_development_journey_chip_desc_6 {
        left: -0.1%;
        min-width: 135px;
    }
    
    .the_development_journey_chip_desc_5 {
        left: 1.6%;
        width: 160px;
        min-width: auto
    }
    
    .the_development_journey_chip_desc_1{
        min-width: auto;
        width: 120px;
    }
    
    .shapping_text_future{
        font-size: 14px;
    }
    
    
    .yammer-sharing-link {
        left: 50%;
        bottom: 100px;
        transform: scale(0.7) translateX(-50%);
    }
    
    .tell-us-form-link {
        left: 65%;
        bottom: 50px;
        transform: scale(0.7) translateX(-65%);
    }
    
    .restart_pcs_infographic {
        right: 35%;
        bottom: 50%;
        transform: translateX(50%);
    }
    
    .the-connection-background {
        background-size: cover;
        background-position: center center;
        margin-top: 45%;
    }
    
    /*
    .footer .container span{
        display: none;
    }*/
    
    .the-intro-text-slide{
        top: 12%;
    }
    .desc-text {
        text-align: left;
    }
    
    .the_intro_text_element .desc-text{
        font-size: 21px;
    }
    
    .loading_icon_animation {
        
    }
    
    
    
    .the_microchip_intro_text_5:after, .the_microchip_intro_text_5:before {
        top: 248px;
    }
    
    .the_microchip_intro_text_5 {
        width: 340px;
        left: 10px;
        top: -290px;
        font-size: 21px;
        line-height: 24px;
    }
      
    
    .the_microchip_intro_text_4:after, .the_microchip_intro_text_4:before {
        top: 312px;
    }
    
    .the_microchip_intro_text_4 {
        width: 270px;
        right: 25px;
        top: -290px;
        font-size: 21px;
        line-height: 24px;
    }
    
    .the_microchip_intro_text_3:after, .the_microchip_intro_text_3:before {
        top: 196px;
    }
    
    .the_microchip_intro_text_3 {
        width: 330px;
        left: 8px;
        top: -90px;
        font-size: 21px;
        line-height: 24px;
    }
    
    .the_microchip_intro_text_2:after, .the_microchip_intro_text_2:before {
        top: 262px;
    }
    
    .the_microchip_intro_text_2 {
        width: 250px;
        right: 22px;
        top: -80px;
        font-size: 21px;
        line-height: 24px;
    }
    
    .the_microchip_intro_text_1:after, .the_microchip_intro_text_1:before {
        top: 346px;
    }
    
    .the_microchip_intro_text_1 {
        width: 314px;
        left: 0px;
        top: -80px;
        font-size: 21px;
        line-height: 24px;
    }
    
    .black-journey-chip .the-intro-text-item {
        font-size: 22px;
        line-height: 28px;
    }
    
    .arrow_box .fa-times, .arrow_box_left .fa-times, .arrow_box_left_bottom .fa-times{
        font-size: 48px;
    }
    
    .black-journey-chip-2{
        top: -146px;
    }
    
    .black-journey-chip-3:after, .black-journey-chip-3:before {
        top: 206px;
    }
    
    .black-journey-chip-3 {
        width: 320px;
        top: -230px;
        left: 80px;
    }
    
    
    .black-journey-chip-4 {
        width: 400px;
        top: -230px;
        left: 80px;
    }
    
    .black-journey-chip-4:after, .black-journey-chip-4:before {
        top: 206px;
    }
    
    .black-journey-chip-7 {
        width: 420px;
    }
    
    .shapping_text_1 {
        left: -5%;
        top: 43%;
    }
    .shapping_text_4 {
        left: 20%;
        top: 40%;
    }
    .shapping_text_5 {
        left: 64%;
        top: 63%;
    }
    .shapping_text_6 {
        left: 60%;
        top: 49%;
    }
    .shapping_text_2 {
        left: 3%;
        top: 60%;
    }
    
    .shapping_text_3 {
        left: 80%;
        top: 69%;
    }
    
    .shapping_text_7{
        left: 46%;
        top: 68%;
    }
    
    .shapping_text_8{
        left: 46%;
        top: 68%;
    }
    
    .shapping_text_10 {
        left: 60%;
        top: 75%;
    }
    
    .the_close_tip_action{
        /*top: auto!important;
        bottom: 0!important;*/
    }
    
    .black-journey-chip-2 .the_close_tip_action, .black-journey-chip-1 .the_close_tip_action{
        bottom: auto!important;
    }
    
    .the_bottom_link_wrap{
        width: 100%;
        height: 60px;
        background-color: #fff;
        position: fixed;
        bottom: 40px;
        left: 0;
        z-index: 1;
        border-top: solid 1px rgba(0, 119, 187, 0.21);
    }
    .yammer-sharing-link{
        left: 56px;
        bottom: 56px;
        font-size: 17px;
    }
    .tell-us-form-link{
        right: -190px;
        bottom: 45px;
        left: auto;
        font-size: 17px;
    }
    
    
    .the_find_out_more_text{
        padding-top: 24px;
        max-height: 480px!important;
        left: 56px;
        transform: scale(0.7);
    }
    
    .the_find_out_more_text_desc {
        max-height: 440px!important;
    }
    
    .the_find_out_more_text:after, .the_find_out_more_text:before {
        top: 136px;
    }
    
    .find_out_more_btn{
        margin-top: 0px;
    }
    
    .the_intro_text_element_1{
        left: -350px;
        width: 350px;
    }
    
    .the_intro_text_element_1 .btn-border-blank-dynamic{
        font-size: 19px!important;
    }
    
    .the_intro_text_element_2{
        width: 296px;
    }
    
 }
 
 
  @media (min-width: 320px) and (max-width: 374px) {
    #s1 {
        transform: scale(0.4);
        margin-left: -250px;
        margin-top: 50px;
    }
    
    .the_find_out_more_text{
        width: 214px;
        left: 104px;
    }
    
  }
  
  @media (min-width: 375px) and (max-width: 413px) {
    #s1 {
        transform: scale(0.47);
        margin-left: -220px;
        margin-top: 110px;
    }
    .the_find_out_more_text{
        width: 270px;
        left: 375px;
    }
  }
  
  @media (min-width: 414px) and (max-width: 479px) {
    #s1 {
        transform: scale(0.52);
        margin-left: -200px;
        margin-top: 170px;
    }
    
    .the_find_out_more_text {
        width: 320px;
        padding-top: 24px;
        max-height: 480px!important;
        left: 90px;
        transform: scale(0.7);
    }
    
  }
  
  @media (min-width: 480px) and (max-width: 480px) {
    #s1 {
        transform: scale(0.58);
        margin-left: -168px;
        margin-top: 170px;
    }
    .the_find_out_more_text{
        width: 450px
    }
  }
  
  
  @media (min-width: 768px) and (max-width: 768px) {
    #s1 {
        transform: scale(0.9);
        margin-top: 300px;
        margin-left: -22px;
    }
  }
  
  @media (min-width: 1024px) and (max-width: 1024px) {
    #s1 {
        transform: scale(0.9);
        margin-top: 460px;
    }
  }
  
  @media (min-width: 1024px) and (max-width: 1024px) and (orientation: landscape) {
    #s1 {
        margin-top: 250px;
    }
  }
 
 
   @media (min-width: 433px) and (max-width: 660px) {
    #s1 {
        margin-left: -190px!important;
        transform: scale(0.6)!important;
        margin-top: 140px!important;
    }
    
  }
  

.pcs_mega_menu{
    position: fixed!important;
    left: 0;
    top: 104px;
    z-index: 99;
    width: 100%;
    background-color: #EDEDED;
    border-radius: 0;
    border: none;
    max-height: 560px;
    overflow-y: auto;
}

#navbarResponsive .navbar-nav{
    display: block;
    width: 100%;
}
#navbarDropdown{
    font-weight: bold;
    color: #000;
    border-bottom: solid 1px #000;
    display: inline-table;
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
}

._video_section{
    border-bottom: solid 2px #000;
    width: 100%;
    display: block;
    padding-bottom: 4px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

._video_item{
    border-bottom: solid 1px #aaa;
    padding-left: 0;
    margin-left: 0;
}
._video_item a{
    padding-left: 0!important;
}

.pcs_mega_menu ul.nav.flex-column{
    margin-bottom: 30px;
}
.pcs_mega_menu ._video_item .nav-link{
    line-height: 18px;
    color: #000;
    padding-top: 12px;
    padding-bottom: 12px;
}

.the_fixed_bottom_video_button .btn-border-blank{
    min-width: 150px!important;
}

@media (min-width: 320px) and (max-width: 991px) {
    .pcs_mega_menu{
        max-height: 360px;
        overflow-y: auto;
        top: 140px;    
    }
    
    .the_fixed_bottom_video_button .btn-border-blank{
        min-width: 102px!important;
        font-size: 12px!important;
    }
    
}

@media (min-width: 320px) and (max-width: 374px) {
    .navbar-brand span{
        font-size: 14px;
    }
    .navbar-brand img{
        width: 190px;
    }
    .pcs_mega_menu {
        top: 124px;
    }
}


@media (min-width: 768px) {
    ._label_mobile_only{
        display: none;
    }
}

@media (max-width: 767px) {
    ._label_desktop_only{
        display: none;
    }
}