/* Clinical Research Animated Banner */
.animated-banner {
  margin-top: 105px;
}
@media screen and (max-width: 980px) {
  .animated-banner {
      margin-top: 0;
  }
}
.clinical-research-animated-banner .animated-banner {
  position: relative;
  width: 100%;
  height: 650px;
  background: url(../images/animated-banner/clinical-research-animated-banner-bg.svg) repeat-x top center;
  background-size: auto 650px;
  overflow: hidden; }
@media screen and (max-width: 1800px) {
  .clinical-research-animated-banner .full-scene,
  .clinical-research-animated-banner .animated-banner {
    height: 450px;
    background-size: auto 450px; } }
@media screen and (max-width: 1000px) {
  .clinical-research-animated-banner .animated-banner {
    background: url(../images/animated-banner/clinical-research-animated-banner-bg-mobile.svg) repeat-x top left;
    background-size: auto 450px; } }
.clinical-research-animated-banner .whiteboard {
  position: absolute;
  top: 105px;
  left: 50%;
  margin-left: -217px;
  width: 437px;
  height: 269px;
  background: url(../images/animated-banner/cr-whiteboard-2.png);
  background-size: 437px 269px;
  z-index: 8; }
@media screen and (max-width: 1800px) {
  .clinical-research-animated-banner .whiteboard {
    top: 45px;
    margin-left: -175px;
    width: 350px;
    height: 215px;
    background-size: 350px 215px; } }
@media screen and (max-width: 1000px) {
  .clinical-research-animated-banner .whiteboard {
    top: 15px;
    background-image: url(../images/animated-banner/cr-whiteboard-mobile.png);
    z-index: 1; } }
.clinical-research-animated-banner .whiteboard-btn-container {
  display: block;
  position: absolute;
  top: 288px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: 136px;
  z-index: 9; }
.clinical-research-animated-banner .whiteboard-btn-container::after {
  display: block;
  position: relative;
  content: "Learn More";
  top: 42px;
  left: 50%;
  width: 100px;
  height: 40px;
  margin-left: -50px;
  color: #333366;
  font-size: 14px;
  font-weight: bold;
  font-family: Calibri, Helvetica, Arial, sans-serif;
  text-align: center; }
@media screen and (max-width: 1800px) {
  .clinical-research-animated-banner .whiteboard-btn-container {
    top: 183px;
    margin-left: 99px; } }
@media screen and (max-width: 1000px) {
  .clinical-research-animated-banner .whiteboard-btn-container {
    top: 130px;
    margin-left: -20px;
    z-index: 9; } }
.clinical-research-animated-banner .whiteboard-btn {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/animated-banner/whiteboard-btn-purple.svg);
  background-size: 40px 40px;
  overflow: hidden;
  text-indent: -1000px;
  z-index: 2; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect .pulse-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(62, 143, 184, 0.7);
  box-shadow: 0 0 0 0 rgba(62, 143, 184, 0.7);
  background: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: puls-purplee 2s infinite;
  animation: pulse-purple 2s infinite; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect .pulse-item:first-child {
  -webkit-animation-delay: .25s;
  animation-delay: 0.25s; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect .pulse-item:nth-child(2) {
  -webkit-animation-delay: .5s;
  animation-delay: 0.5s; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect .pulse-item:nth-child(3) {
  -webkit-animation-delay: .75s;
  animation-delay: 0.75s; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect .pulse-item:nth-child(4) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }
.clinical-research-animated-banner .whiteboard-btn-container .pulse-effect .pulse-item:nth-child(5) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s; }
@keyframes pulse-purple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(51, 51, 102, 0.4);
    box-shadow: 0 0 0 0 rgba(51, 51, 102, 0.4); }
  to {
    -webkit-box-shadow: 0 0 0 15px transparent;
    box-shadow: 0 0 0 15px transparent; } }
.clinical-research-animated-banner .patient {
  position: absolute;
  top: 0;
  left: -100px;
  width: 877px;
  z-index: 3; }
  .clinical-research-animated-banner .patient .st0 {
    fill: #FFFFFF; }
  .clinical-research-animated-banner .patient .st1 {
    fill: #CCCCCC; }
  .clinical-research-animated-banner .patient .st2 {
    fill: #CCCCCC;
    stroke: #CCCCCC;
    stroke-width: 2;
    stroke-miterlimit: 10; }
  .clinical-research-animated-banner .patient .st3 {
    fill: #9999B2; }
  .clinical-research-animated-banner .patient .st4 {
    fill: #2D2E51; }
  .clinical-research-animated-banner .patient .st5 {
    fill: #F29D86; }
  .clinical-research-animated-banner .patient .st6 {
    fill: none; }
  .clinical-research-animated-banner .patient .st7 {
    fill: #C64747; }
  .clinical-research-animated-banner .patient .st8 {
    fill: #66CCFF; }
  .clinical-research-animated-banner .patient .st9 {
    fill: #EA8867; }
  .clinical-research-animated-banner .patient .st10 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #3E8EB7; }
  .clinical-research-animated-banner .patient .st11 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #2D2E50; }
  .clinical-research-animated-banner .patient .st12 {
    fill: #2D2E50; }
  .clinical-research-animated-banner .patient .st13 {
    fill: #CCCCD9; }
  .clinical-research-animated-banner .patient .st14 {
    opacity: 0.5; }
  .clinical-research-animated-banner .patient .st15 {
    fill: #3E8FB8; }
  .clinical-research-animated-banner .patient .st16 {
    fill: #5F605C; }
  .clinical-research-animated-banner .patient .st17 {
    fill: none;
    stroke: #EA8867;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .clinical-research-animated-banner .patient .st18 {
    fill: #24263F; }
  .clinical-research-animated-banner .patient .st19 {
    fill: #C17057; }
  .clinical-research-animated-banner .patient .st20 {
    fill: #B4B4CC; }
  .clinical-research-animated-banner .patient .st21 {
    fill: #333366; }
  .clinical-research-animated-banner .patient .st22 {
    fill: #A55F4C; }
  .clinical-research-animated-banner .patient .st23 {
    clip-path: url(#SVGID_4_); }
  .clinical-research-animated-banner .patient .st24 {
    fill: #A03113; }
@media screen and (max-width: 1800px) {
  .clinical-research-animated-banner .patient {
    width: 608px;
    left: -30px; } }
@media screen and (max-width: 1420px) {
  .clinical-research-animated-banner .patient {
    left: -150px; } }
@media screen and (max-width: 1000px) {
  .clinical-research-animated-banner .patient {
    width: 470px;
    left: 50%;
    top: 125px;
    margin-left: -250px;
    z-index: 6; }
  .clinical-research-animated-banner .patient #windows,
  .clinical-research-animated-banner .patient #light {
    display: none; } }
body:not(.ie) .clinical-research-animated-banner .patient #cr-arms {
  animation: cr-move-arms 6s ease-in-out infinite;
  transform-origin: top right;
  transform-box: fill-box; }
@keyframes cr-move-arms {
  0% {
    transform: rotate(0deg); }
  70% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-3deg); }
  90% {
    transform: rotate(-3deg); }
  100% {
    transform: rotate(0deg); } }
.clinical-research-animated-banner .patient #flash1 {
  opacity: 0;
  animation: camera-flash 6s ease-in-out infinite;
  transform-origin: center center;
  transform-box: fill-box; }
@keyframes camera-flash {
  0% {
    transform: scale(1);
    opacity: 0; }
  70% {
    transform: scale(1);
    opacity: 0; }
  82% {
    transform: scale(1);
    opacity: 0; }
  85% {
    transform: scale(10);
    opacity: 0.4; }
  88% {
    transform: scale(1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }
.clinical-research-animated-banner .patient #flash2 {
  opacity: 0;
  animation: flash-on-arm 6s ease-in-out infinite;
  transform-origin: center center;
  transform-box: fill-box; }
@keyframes flash-on-arm {
  0% {
    transform: scale(1);
    opacity: 0; }
  70% {
    transform: scale(1);
    opacity: 0; }
  82% {
    transform: scale(1);
    opacity: 0; }
  85% {
    transform: scale(10);
    opacity: 0.2; }
  88% {
    transform: scale(1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }
body:not(.ie) .clinical-research-animated-banner #nurse-head {
  animation: nurse-head-nod 6s ease-in-out infinite;
  transform-origin: center bottom;
  transform-box: fill-box; }
@keyframes nurse-head-nod {
  0% {
    transform: rotate(0deg); }
  70% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-6deg); }
  90% {
    transform: rotate(-6deg); }
  100% {
    transform: rotate(0deg); } }
.clinical-research-animated-banner .doctor {
  position: absolute;
  top: 127px;
  right: -40px;
  width: 760px;
  z-index: 3; }
  .clinical-research-animated-banner .doctor .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #CCCCCC; }
  .clinical-research-animated-banner .doctor .st1 {
    fill: #FFFFFF; }
  .clinical-research-animated-banner .doctor .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #C8C7C1; }
  .clinical-research-animated-banner .doctor .st3 {
    fill: #99CCE5; }
  .clinical-research-animated-banner .doctor .st4 {
    opacity: 0.1;
    fill: #2D2E51; }
  .clinical-research-animated-banner .doctor .st5 {
    opacity: 0.3; }
  .clinical-research-animated-banner .doctor .st6 {
    fill: #333366; }
  .clinical-research-animated-banner .doctor .st7 {
    fill: #CCCCD9; }
  .clinical-research-animated-banner .doctor .st8 {
    fill: #9999B2; }
  .clinical-research-animated-banner .doctor .st9 {
    opacity: 0.5;
    fill: #9999B2; }
  .clinical-research-animated-banner .doctor .st10 {
    fill: #66CCFF; }
  .clinical-research-animated-banner .doctor .st11 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #9999B2; }
  .clinical-research-animated-banner .doctor .st12 {
    fill: #5F605C; }
  .clinical-research-animated-banner .doctor .st13 {
    fill: #E4E3E0; }
  .clinical-research-animated-banner .doctor .st14 {
    opacity: 0.5;
    fill: none;
    stroke: #75C3E0;
    stroke-width: 2;
    stroke-miterlimit: 10; }
  .clinical-research-animated-banner .doctor .st15 {
    fill: #2D2E51; }
  .clinical-research-animated-banner .doctor .st16 {
    fill: #C17057; }
  .clinical-research-animated-banner .doctor .st17 {
    fill: #A03113; }
  .clinical-research-animated-banner .doctor .st18 {
    fill: none; }
  .clinical-research-animated-banner .doctor .st19 {
    fill: #EA8867; }
  .clinical-research-animated-banner .doctor .st20 {
    fill: #E0E0E0; }
  .clinical-research-animated-banner .doctor .st21 {
    opacity: 0.41; }
  .clinical-research-animated-banner .doctor .st22 {
    fill: #2D2E50; }
  .clinical-research-animated-banner .doctor .st23 {
    fill: #C17057;
    stroke: #EA8867;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .clinical-research-animated-banner .doctor .st24 {
    fill: #666666; }
  .clinical-research-animated-banner .doctor .st25 {
    fill: #E5E5E5; }
  .clinical-research-animated-banner .doctor .st26 {
    fill: #774C2B; }
@media screen and (max-width: 1800px) {
  .clinical-research-animated-banner .doctor {
    top: 88px;
    width: 526px;
    right: -28px; } }
@media screen and (max-width: 1100px) {
  .clinical-research-animated-banner .doctor {
    right: -100px; } }
@media screen and (max-width: 1000px) {
  .clinical-research-animated-banner .doctor {
    display: none; } }
body:not(.ie) .clinical-research-animated-banner #doctor-head {
  animation: doctors-head-nod 6s ease-in-out infinite;
  animation-delay: 3s;
  transform-origin: center bottom;
  transform-box: fill-box; }
@keyframes doctors-head-nod {
  0% {
    transform: rotate(0deg); }
  70% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-6deg); }
  90% {
    transform: rotate(-6deg); }
  100% {
    transform: rotate(0deg); } }
body:not(.ie) .clinical-research-animated-banner #doctor-head2 {
  animation: doctors-head-nod2 6s ease-in-out infinite;
  animation-delay: 4.2s;
  transform-origin: center bottom;
  transform-box: fill-box; }
@keyframes doctors-head-nod2 {
  0% {
    transform: rotate(0deg); }
  70% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(6deg); }
  90% {
    transform: rotate(6deg); }
  100% {
    transform: rotate(0deg); } }
.clinical-research-animated-banner .doctor #OnScreenGraphics1 {
  opacity: 1;
  animation: computer-screen1 12s ease-in-out infinite;
  animation-delay: 3s; }
@keyframes computer-screen1 {
  0% {
    opacity: 1; }
  44% {
    opacity: 1; }
  48% {
    opacity: 0; }
  94% {
    opacity: 0; }
  98% {
    opacity: 1; }
  100% {
    opacity: 1; } }
.clinical-research-animated-banner .doctor #OnScreenGraphics2 {
  opacity: 0;
  animation: computer-screen2 12s ease-in-out infinite;
  animation-delay: 3s; }
@keyframes computer-screen2 {
  0% {
    opacity: 0; }
  44% {
    opacity: 0; }
  48% {
    opacity: 1; }
  94% {
    opacity: 1; }
  98% {
    opacity: 0; }
  100% {
    opacity: 0; } }
body:not(.ie) .clinical-research-animated-banner .doctor #hand {
  animation: hand-move 12s ease-in-out infinite;
  transform-origin: top right;
  transform-box: fill-box;
  animation-delay: 3s; }
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  41% {
    transform: rotate(0deg); }
  43% {
    transform: rotate(-5deg); }
  45% {
    transform: rotate(0deg); }
  88% {
    transform: rotate(0deg); }
  90% {
    transform: rotate(-5deg); }
  92% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }
body:not(.ie) .clinical-research-animated-banner .doctor #mouse {
  animation: mouse-move 12s ease-in-out infinite;
  transform-origin: top right;
  transform-box: fill-box;
  animation-delay: 3s; }
@keyframes mouse-move {
  0% {
    transform: rotateY(0deg); }
  41% {
    transform: rotateY(0deg); }
  43% {
    transform: rotateY(-25deg); }
  45% {
    transform: rotateY(0deg); }
  88% {
    transform: rotateY(0deg); }
  90% {
    transform: rotateY(-25deg); }
  92% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(0deg); } }
body:not(.ie) .clinical-research-animated-banner .doctor #doctor-hand2 {
  animation: hand-move2 12s ease-in-out infinite;
  transform-origin: bottom left;
  transform-box: fill-box;
  animation-delay: 4.2s; }
@keyframes hand-move2 {
  0% {
    transform: rotate(0deg); }
  41% {
    transform: rotate(0deg); }
  43% {
    transform: rotate(1deg); }
  45% {
    transform: rotate(1deg); }
  46% {
    transform: rotate(0deg); }
  88% {
    transform: rotate(0deg); }
  90% {
    transform: rotate(1deg); }
  92% {
    transform: rotate(1deg); }
  93% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }