@import url('https://fonts.googleapis.com/css2?family=Luxurious+Script&display=swap');
*{
  box-sizing: border-box;
}
body{padding: 0;}

 .anim-slide h1
  {
    color:#225A86;
    background-color: #fff;
    font-size: 50px;
    width: auto;
    display: inline-block;
  }
  .anim-slide h2
  {
    color: #fff;
    font-size: 35px;
  }
  .anim-slide h3
  {
    color: #fff;
    font-size: 30px;
    display: inline-block;
  }
  .anim-slide h4
  {
    color: #fff;
    font-size: 25px;
  }
.caption_emphasis{
  font-weight: normal;
  color: #00A86B;
  display: inline-block;
  position: relative;
}

.bg{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.flex{
  
  position: relative;
justify-content: space-evenly;
    align-items: center;
}
.bg33{
   
  position: relative;
  height: 100%;
  width: 33.3%;

}
.bg10{
  position: relative;
  height: 10%;
  width: 100%;
  background-color: #333;
  z-index: 2;
}
.bg50{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
}


.bg50_right{
  left: auto;
  right: 0;
}

li#safety_slide{background-color: #fff;display: flex; padding: 0px;}

/*

div#bg101{background:#333;}
div#bg102{background:#333;}
div#bg103{background:#333;}
div#bg101{background:#333;}
div#bg101{background:#333;}
div#bg101{background:#333;}
div#bg101{background:#333;}
div#bg101{background:#333;}
div#bg101{background:#333;}
div#bg101{background:#333;}*/

div#bg1{background:#fff url("../images/demo2/patient.jpg") 100%/cover;}
div#bg2{background:#fff url("../images/demo2/personnel.png"); background-size:  100% 100%;background-attachment: fixed;
  background-position: center;}
div#bg3{background:#fff url("../images/demo2/professionalism.jpeg") 100%/cover;}
div#bg4{background:#fff url("../images/demo2/dra.ching.png") 100%/cover;}

div#bg5{background:#fff url("../images/demo2/safe1.jpeg") 100%/cover;}
div#bg6{background:#fff url("../images/demo2/safe2.jpg") 100%/cover;}
div#bg7{background:#fff url("../images/demo2/safe3.jpeg") 100%/cover;}


/*
li.anim-slide:nth-of-type(1){background:#fff url("../images/demo2/patient.jpg") 100%/cover;}
li.anim-slide:nth-of-type(2){background:#fff url("../images/demo2/personnel.png") 100%/cover;}
li.anim-slide:nth-of-type(3){background:#fff url("../images/demo2/.png") 100%/cover;}*/

  .anim-slide h1#slider{text-shadow: -1px 1px 0px;padding: 6px;width:auto; top: 40vh; right: 5vw; 
    background-color: #36454F; color: #fff; 
/*background-color: transparent; */
    font-weight: normal;}
  .anim-slide h2#plugin{ top: 50vh; right: 5vw}
#globe_slide{background-color: #225A86;}

#Unparalleled_healthcare{z-index: 10;}

#globe_slide h1{position: absolute;font-size:10em; background-color: #00703C; color: #fff; right: 10vw; top: 7vh; z-index: 10;}
#globe_slide h3{position: absolute;font-family: 'Luxurious Script', cursive;font-size:6em; color: #fff;  z-index: 10;}
#globe_slide h3#healthcare{top: 25vh; right: 15vw; ;}
#globe_slide h3#workforce{top: 35vh; right: 2vw; width: auto;}
#globe_slide h3 span{position: relative; color: #f37022; font-size: 1.25em;}

#globe_slide  .clipped-border img{position: relative !important}

#globe_slide  .gallery{top: 10vh; left: 5vw; position: relative; text-align: right; }

#globe_slide #globe_bg{
  position: absolute; top: 0vh; left: 2vw; left: auto;
  width: 55%;
}
#personnel_slide h1#slider{top: 50vh;right: auto;left: 5vw;}
#personnel_slide h2#plugin{top: 60vh;right: auto;left: 5vw}


#Professionalism_slide h1#slider{top: 50vh;width:auto; left: auto; margin: 0 auto; text-align: center; display: inline-block; position: relative;}

  .anim-slide h3#todo{top: 0%;left: 20%;}
  .anim-slide h3#bounce{top: 15%;left: 49%;}
  .anim-slide h4#bounceUp{top: 15%;left: 60%;}
  .anim-slide h4#bounceRight{top: 15%;left: 75%;}
  .anim-slide h3#fade{top:31%;left: 20%;}
  .anim-slide h4#fadeDown{top: 43%;left: 28%;}
  .anim-slide h4#fadeUp{top: 31%;left: 28%;}
  .anim-slide h3#rotate{top: 50%;left: 49%;}
  .anim-slide h4#rotateRight{top: 50%;left: 61%;}
  .anim-slide h4#rotateLeft{top: 50%;left: 80%;}

  .anim-slide img#css3{left: 35%;top: 4%;}
  .anim-slide img#html5{left: 52%;top: -1%;}
  .anim-slide img#jquery{top: 60%;left: 41%;}
  .anim-slide img#modernizr{width:260px;top: 75%;left: 20%;}
  .anim-slide h2#animatecss{top: 69%;left: 60%;color: #f35626;}
  
  div#demo{text-align: center;}
  div#demo>a{display:inline-block;text-decoration: none;}
  div#demo>a>h4{padding: 5px 8px;margin: 20px;background-color: #225A86;color: #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);}
  p#credits{z-index:-1;position: fixed;bottom: 0px;width: 100%;text-align: center;font-size: 14px;}
  p#credits>a{font-weight: bold;color: #999;text-decoration: none;}
  img#github-logo{z-index:-1;position: fixed;bottom: -20px;right: 2%;opacity: 0.4;}


  @media screen and (max-width: 1399px) {
    #globe_slide #globe_bg{
  top: 0vh; left:-5vw !important; 
  width: 55%;
}
#globe_slide .gallery{top: 0; left: 0px;}
#globe_slide h1{top: 10vh; margin: 0; font-size: 7em; right: 6vw;}
#globe_slide h3#healthcare{top: 20vh; right: 10vw; font-size: 4.5em;}
#globe_slide h3#workforce{top: 35vh; right: 2vw; width: auto;font-size: 4.5em;}
.anim-slider {height: 80vh;}
.anim-slide h1#slider{ top: 53vh; right: 5vw; font-size: 36px}
  .anim-slide h2#plugin{ top: 65vh; right: 5vw; font-size: 24px}

 #personnel_slide h1#slider{top: 53vh;right: auto;left: 5vw;}
#personnel_slide h2#plugin{top: 65vh;right: auto;left: 5vw} 

}

@media  screen and (max-width:1080px){

#healthcare_slide h1{font-size: 30px !important; top: 45vh !important}
#healthcare_slide h2{top:  60vh !important}

#personnel_slide h1#slider{top: 45vh;right: auto;left: 5vw;}
#personnel_slide h2#plugin{top: 57vh;right: auto;left: 5vw}

  ul.anim-slider{
    top: 70px !important;
    background-color: #000;
  }
.gallery{
  display: none !important;
}
div#bg1{
  background-position:0 0;

}
#globe_bg{width: 100% !important}
.clipped-border{
   display: none !important;
}

.bg50{
  position: absolute;
  top: 0;
  left: 0;
  height: 50% !important;
  width: 100% !important; 
}
.bg50_right{
  left: auto;
  top: 50% !important;
}
#Professionalism_slide h1#slider{
  top: 40% !important;
  left: 0;
}

.bg33{
  min-width: 100% !important;
  height: 33.3% !important;
  position: absolute;

}
#bg5{
  background-position: bottom !important;
}
#bg6{
  top: 33.3% !important;
}
#bg7{
  top: 66.6% !important;
}

#section_container{
  margin-top: -10vh;
}
.testim {
  height: 100vh !important;
}
.testim h1{ font-size:3em !important }
.testim .cont{
        width: 90% !important;
        
    }
 .testim .cont div  {height: 60vh !important; padding:  20px 10px !important}
.testim .cont div  p {width:  95% !important}
 .testim .cont .long_testim{font-size: 0.9em !important; paddin}
}