/* SLIDE 0 SPECIFIC STYLES */

.wmlogo { 
  margin-top: 14px;
  height:80px;
 }
 .div-blue-left { 
  width: 538px;
  height: 310px;
  position: absolute;
  top:104px;
  left:0px;
  background-color:#0D5A8E;
  }
  .div-green-left { 
  position: absolute;
  top:414px;
  left:0px; 
  background-color: #2BB673;
  width: 538px;
  height: 0px;
  }

  .div-green-right { 
  position: absolute;
  top:414px;
  left:538px;  
  width: 538px;
  height: 0px;
  background-color: #9ECB62;
   }
  .div-civil-society { 
   position: absolute;
   z-index: 15;
   width: 100%;
   font-family:robotoBoldCondensed;
   font-size: 125px;
   opacity: 0.6;
   text-align: center;
   top:95px;
   left: 0px;
   color:#9ECC63;
   line-height: 100%; 
   }

  .and-the-wrapper {
    position: absolute;
    z-index: 16;
    top: 222px;
    left:350px;
    width: 230px;
    font-size: 62px;
    opacity: 0;
    padding-left: 7px;
    background-image: url("../images/and-the-arrow.png");
    background-repeat: no-repeat; 
    background-size: contain;
   }

   .and-the { 
    vertical-align: middle;
    opacity: 0.9;
    float: left;
    }



.right {      opacity: 0;
              position: absolute;
              top: 163px;
              left:55px;
              font-size: 75px; 
        }

 .black-arrow { 
  font-size: 55px;
  color: #fff;
  line-height: 130%;
  vertical-align: middle;
/*  background-color: #000; */
  font-family:robotoBoldCondensed;
    }             

 .to-wrapper {  
  position: absolute;
  top:173px; 
  left: 690px;
  opacity: 0;
  z-index: 16;
  background-image: url("../images/to-arrow.png");
  background-repeat: no-repeat; 
  background-size: contain;
  }    

.to {  
  float: left;
  width: 65px;
  height: 50px;
  font-size: 40px;
  opacity: 0.9;
   }


.access-resources { 
       z-index: 15; 
       position: absolute;
       top: 200px;
       left:160px;
       color: #000;
       opacity:0;
       font-family: robotoBoldCondensed;
       font-size:90px;
      }

 .text-slide-0 { 
   color: #fff;
   font-family: robotoRegular;
   position: absolute;
   font-size: 15px;
   top:270px;
   left:360px;
   width:370px;
   z-index: 16;
   opacity: 0;
   
  }

.lock-red-div {
 position: absolute;
 left: 482px;
 top:450px;
 z-index: 16;
 opacity: 0;

 }    
 .lock-green-div {
 position: absolute;
 left: 482px;
 top:450px;
 z-index: 17;
 display: none;

 } 

 .earth {  position: absolute;
           top:430px;
           left:150px;
           width:95px;
           opacity: 0.7; 
         }
 .screen { 
           position: absolute;
           top:430px;
           left:830px; 
           width:95px;
           opacity: 0.7;
          }
 .pantheon { 
             position: absolute;
             top:563px;
             left:380px;
             width:95px;
             opacity: 0.7; 
           }
 .arrows {  
            position: absolute;
            top:570px;
            left:610px;
            width:95px;
            opacity: 0.7;
          }

 .globe {  position: absolute;
           top:565px;
           left:150px;
           width:120px;
           opacity: 0;
          }
  .dollar { position: absolute;
           top:430px;
           left:610px;
           width:95px;
           opacity: 0.7;
          }
  .list {  position: absolute;
           top:570px;
           left:830px; 
           width:95px;
           opacity: 0.7;
          }
  .building {  
           position: absolute;
           top:430px;
           left:380px;
           width:95px;
           opacity: 0.7;
          }

    .man {  
           position: absolute;
           top:520px;
           left:270px;
           width:50px;
           opacity:1;
          } 
    .group {  
           position: absolute;
           top:520px;
           left:720px;
           width:70px;
           opacity: 1;
          }     



  .group1, .group2,.group3 { 
         opacity: 0;
 }      



  /* END SLIDE 0  SPECIFIC STYLES */