.slide-3-header { 
        margin-top: 10px;
       text-align: center;
       height: 69px;
       width: 100%;
    }

  .div-slide3-banner-wrapper { 
   margin-top: 10px;
   opacity: 0.3;
   margin: 0 auto;
   text-align: center;
   }

   .div-slide3-banner-left { 
     width: 140px;
     height: 69px;
     margin-right: -4px;
     display: inline-block;
     background-image: url("../images/slide3/slide3banner-left.png");
     background-repeat: no-repeat; 
    }
   .div-slide3-banner-center { 
    width: 15px;
    height: 69px;
    display:inline-block;
    background-image: url("../images/slide3/slide3banner-center.png");
    background-repeat: repeat-x; 
    }

   .div-slide3-banner-right { 
    width: 142px;
    height: 69px;
     margin-left: -4px;
    display: inline-block;
    background-image: url("../images/slide3/slide3banner-right.png");
    background-repeat: no-repeat; 
    }

    .why-slide3 {  
     position: absolute;
     top: 24px;
     left:355px;
     color: #fff;
     font-family: robotoBoldCondensed;
     font-size: 20px;
     opacity: 0;
     }

     .with-without-wrapper { 
      font-family: robotoCondensed;
      font-size: 15px;
      line-height: 105%;
      color: #000;
       }

     .without-resources { 
      max-width: 100px;
      height: 37px;
      text-align: right;
      padding-right: 10px;
      padding-top: 5px;
      opacity: 0.3;
      position: absolute;
      left:360px;
   top:90px;

       }

   .switch-div { 
   position: absolute;
   left:460px;
   top:90px;
   width: 148px;
   height: 37px;
   background-image: url("../images/slide3/switch-bg.png");
   background-repeat: no-repeat;
   cursor: pointer;   
        }

   .switch-img { 
     position: absolute;
     left: 114px;
     top: 5px;
     width: 28px;
     height: 29px;
      }   

     .with-resources {  
      position: absolute;
      left:608px;
      top:90px;
      padding-top: 5px;
      width: 100px;
      height: 37px;
      padding-left: 10px;

      text-align: left;
     }
     
     .middle-label { 
      background-color: #9ECC63;
      height: 50px;
      width: 620px;
      line-height: 50px;
      position: absolute;
      top: 300px; 
      left:220px;
      text-align:middle;
      text-transform: uppercase;
      color: #fff;
      font-family: robotoBoldCondensed;
      font-size: 20px;
      -webkit-box-shadow: 6px 5px 0px 0px rgba(204,225,178,1);
      -moz-box-shadow: 6px 5px 0px 0px rgba(204,225,178,1);
      box-shadow: 6px 5px 0px 0px rgba(204,225,178,1);
      opacity: 0;
      }

     .middle-label-red { 
      background-color: #DD6240;
      height: 50px;
      width: 620px;
      line-height: 50px;
      position: absolute;
      top: 300px; 
      left:220px;
      text-align:middle;
      text-transform: uppercase;
      color: #fff;
      font-family: robotoBoldCondensed;
      font-size: 20px;
      opacity: 0;
      -webkit-box-shadow: 6px 5px 0px 0px  rgba(234,177,160,1);
      -moz-box-shadow: 6px 5px 0px 0px  rgba(234,177,160,1);
      box-shadow: 6px 5px 0px 0px  rgba(234,177,160,1);
      opacity: 0;
      }

       dice-screen

      .dices  { 
        z-index: 10;
        position: absolute; 
        opacity: 1;
        top: 0px;
        left: 0px;
        width: 800px;
        height: 400px;
       }

       .dice { 
       position: absolute;
       top:0px;
       left:0px;
       width: 91px;
       height: 83px;
        opacity: 0;
        }

      .empty-dice { 
         position: absolute;
         top:0px;
         left:0px;
       background-image: url("../images/slide3/dice-empty.png");
       background-repeat: no-repeat;
       width: 91px;
       height: 83px;  
        opacity: 0;
        }  

      .dice-front { 
       position: absolute;
       width: 91px;
       height: 83px;
        
        top:215px;
      z-index: 11;
        }

      .dice-back  { 
       position: absolute;
       width: 91px;
       height: 83px;
        
        top:195px;
        z-index: 10;
         }

      .dice-screen-position {  left:320px; }
      .dice-screen {  
        background-image: url("../images/slide3/dice-screen.png");
        background-repeat: no-repeat;
        }

      .dice-arrow-pale-position {  left:620px;   }
      .dice-arrow-pale {  
        background-image: url("../images/slide3/dice-arrow-pale.png");
        background-repeat: no-repeat;
         }

      .dice-dollar-pale-position {  left:420px;  }
      .dice-dollar-pale {  
        background-image: url("../images/slide3/dice-dollar-pale.png");
        background-repeat: no-repeat;     
         }

      .dice-dollar-position {   left:580px; }   
      .dice-dollar {  
        background-image: url("../images/slide3/dice-dollar.png");
        background-repeat: no-repeat;   
         }
      .dice-arrow-position {     left:480px; }
      .dice-arrow { 
        background-image: url("../images/slide3/dice-arrow.png");
        background-repeat: no-repeat;        
         }
      .dice-group-position  {  left:680px; }     
      .dice-group {  
        background-image: url("../images/slide3/dice-group.png");
        background-repeat: no-repeat;   
         }

      .dice-group-pale-position {   left:520px; }   
      .dice-group-pale {  
        background-image: url("../images/slide3/dice-group-pale.png");
        background-repeat: no-repeat;         
         }

      .dice-heart-position {   left:280px; }   
      .dice-heart { 
        background-image: url("../images/slide3/dice-heart.png");
        background-repeat: no-repeat;
          }

      .dice-list-position {    left:380px; }    
      .dice-list {  
        background-image: url("../images/slide3/dice-list.png");
        background-repeat: no-repeat;
         }
      

 

      .tick { 
        position: absolute;
        width: 84px;
        height: 60px;
        top:365px;
        background-image: url("../images/slide3/tick.png");
        background-repeat: no-repeat;
        opacity: 0;
       }

      .tick-1 { left:240px; }
      .tick-2 { left:370px; }
      .tick-3 { left:500px; }
      .tick-4 { left:630px; }
      .tick-5 { left:750px; }

      .tick-picture { 
        position: absolute;
        width: 84px;
        height: 114px;
        top:365px;
        opacity: 0;
       }

      .tick-1-picture { 
        left:240px;   
        background-image: url("../images/slide3/tick-1-picture.png");
        background-repeat: no-repeat;
         }
      .tick-2-picture { 
        left:370px;   
        background-image: url("../images/slide3/tick-2-picture.png");
        background-repeat: no-repeat;
         }
      .tick-3-picture { 
        left:500px;   
        background-image: url("../images/slide3/tick-3-picture.png");
        background-repeat: no-repeat;
          }
      .tick-4-picture { 
        left:630px;   
        background-image: url("../images/slide3/tick-4-picture.png");
        background-repeat: no-repeat;
         }
      .tick-5-picture { 
        left:750px;   
        background-image: url("../images/slide3/tick-5-picture.png");
        background-repeat: no-repeat;
         }
       
      .tick-text { position: absolute;
                   top:460px;
                   font-family: robotoRegular;
                   color: #000;
                   font-weight: 500;
                   width:110px;
                   font-size: 15px;
                   opacity: 0; } 

       .grey-arrow { 
         position:absolute;
         top: 84px;
         left: 36px;
         height: 19px;
         width: 29px;
         background-image: url("../images/slide3/grey-arrow-down.png");
         background-repeat: no-repeat;
        }            

      .tick-1-text { left:240px; }
      .tick-2-text { left:370px; }
      .tick-3-text { left:500px; }
      .tick-4-text { left:630px; }
      .tick-5-text { left:750px; }


      .bottom-green-div { 
       width: 732px;
       height: 110px;
       position: absolute;
       top:545px;
       left:160px;
       background-color: #9ECC63;
       opacity: 0;
       }

           .bottom-green-div-1 { 
       width: 732px;
       height: 110px;
       position: absolute;
       top:545px;
       left:160px;
       background-color: #9ECC63;
       background-image: url("../images/slide3/green-bottom-1.png");
       background-repeat: no-repeat;
       opacity: 0;
       }

           .bottom-green-div-2 { 
       width: 732px;
       height: 110px;
       position: absolute;
       top:545px;
       left:160px;
       background-color: #9ECC63;
       background-image: url("../images/slide3/green-bottom-2.png");
       background-repeat: no-repeat;
       opacity: 0;
       }
           .bottom-green-div-3 { 
       width: 732px;
       height: 110px;
       position: absolute;
       top:545px;
       left:160px;
       background-color: #9ECC63;
       background-image: url("../images/slide3/green-bottom-3.png");
       background-repeat: no-repeat;
       opacity: 0;
       }

       .orange-xs { 
        display: flex;
        flex-direction: row;
        position: absolute;
         z-index: 14;
        top:205px;
        left: 260px;
        opacity: 0;
        }

        .orange-x { display: flex;
         height: 70px;
         width: 90px;
         color: #DD6240;
         font-size: 70px;
         text-align: center;

        }