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

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

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

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

    .how-slide4 {  
     position: absolute;
     top: 20px;
     left:485px;
     color: #fff;
     font-family: robotoBoldCondensed;
     font-size: 20px;
     opacity: 0;
     }

     .one { position: absolute;
            top:80px;
            left:170px; 
            width:278px; 
            height: 57px;
            z-index: 3;
            cursor: pointer;
            opacity: 0;
          }
     .two { position: absolute;
            top:80px;
            left:405px; 
            width:278px; 
            height: 57px;
            z-index: 2;
            cursor: pointer; 
            opacity: 0;
          }
     .three {  position: absolute;
               top:80px;
               left:640px; 
               width:278px; 
               height: 57px;
               cursor: pointer;
               opacity: 0;
            }

  .one-grey { background-image: url("../images/slide4/1-grey.png");
                 background-repeat: no-repeat;
                  }
  .two-grey {  background-image: url("../images/slide4/2-grey.png");
                 background-repeat: no-repeat; }
  .three-grey { background-image: url("../images/slide4/3-grey.png");
                 background-repeat: no-repeat; }

  .one-red, .one-grey:hover { background-image: url("../images/slide4/1-red.png");
                 background-repeat: no-repeat; }
  .two-grey:hover { background-image: url("../images/slide4/2-orange.png");
                 background-repeat: no-repeat; }
  .three-grey:hover { background-image: url("../images/slide4/3-orange.png");
                 background-repeat: no-repeat; }

 .two-red { background-image: url("../images/slide4/2-red.png");
                 background-repeat: no-repeat; }
 .three-red { background-image: url("../images/slide4/3-red.png");
                 background-repeat: no-repeat; }     

     .bg-blue { 
      position: absolute;
      top:138px;
      left:185px;
      width:693px;
      height:150px;
      background-image: url("../images/slide4/bg-blue.png");
      background-repeat: no-repeat;
      opacity: 0;
      }   

      .slide4-content { 
       position: absolute;
       top:140px;
       left:190px;
        } 

      .one-content { opacity: 0;  }  
       .two-content { opacity: 0; }  
        .three-content { opacity: 0; }    

      .content-title { 
        font-family: robotoBoldCondensed;
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        padding-top: 25px;
        padding-left: 20px;
        width:603px;
        color: #fff;
     
       }     

       .content-description { 

        font-family: robotoRegular;
        font-size: 13px;
        text-align: left;
        padding-top: 10px;
        padding-left: 20px;
        line-height: 105%;
        width:603px;
        color: #fff;

        }

        .one-list { 
          display: none;
         opacity: 0;
         }


        .two-list { 
           display: none;
         opacity: 0;
         }

        .three-list { 
           display: none; 
         opacity: 0;
         }

        .slide4-content-item { 
          display: flex;
          flex-direction: row;
          margin-top: 8px;
          width:317px;
          height: 74px;
          line-height: 74px;
          vertical-align: middle;
          cursor: pointer;
         }


        .two-list > li > div { 
            height: 124px;
            background-position: -24px 0px; 
         }


        .slide4-content-text { 
         font-family: robotoRegular;
         color: #ccc;
         padding-left: 6px;
         font-size: 12px;
         width: 235px;
         height: 66px;
         line-height: 105%;
         vertical-align: middle;
         margin: 0 auto;
         display: flex;
         }



         .slide4-content-icon { 
          width:66px;
          height: 66px;
          margin-top: 4px;
          display: flex;
          }

          .one-one { 
           background-image:url("../images/slide4/one-one.png");
           background-repeat: no-repeat;
           }

           .one-one-hover { 
           background-image:url("../images/slide4/one-one-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }
           .one-two { 
           background-image:url("../images/slide4/one-two.png");
           background-repeat: no-repeat;
           }

           .one-two-hover { 
           background-image:url("../images/slide4/one-two-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }

          .one-three { 
           background-image:url("../images/slide4/one-three.png");
           background-repeat: no-repeat;
           }

           .one-three-hover { 
           background-image:url("../images/slide4/one-three-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }

           .one-four { 
           background-image:url("../images/slide4/one-four.png");
           background-repeat: no-repeat;
           }

           .one-four-hover { 
           background-image:url("../images/slide4/one-four-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }

           .one-five { 
           background-image:url("../images/slide4/one-five.png");
           background-repeat: no-repeat;
           }

           .one-five-hover { 
           background-image:url("../images/slide4/one-five-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }
         /* begin content two */

          .two-one { 
           background-image:url("../images/slide4/two-one.png");
           background-repeat: no-repeat;
           }

           .two-one-hover { 
           background-image:url("../images/slide4/two-one-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }
           .two-two { 
           background-image:url("../images/slide4/two-two.png");
           background-repeat: no-repeat;
           }

           .two-two-hover { 
           background-image:url("../images/slide4/two-two-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           } 
            /* begin content three */
           .three-one { 
           background-image:url("../images/slide4/three-one.png");
           background-repeat: no-repeat;
           }

           .three-one-hover { 
           background-image:url("../images/slide4/three-one-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }
           .three-two { 
           background-image:url("../images/slide4/three-two.png");
           background-repeat: no-repeat;
           }

           .three-two-hover { 
           background-image:url("../images/slide4/three-two-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }

          .three-three { 
           background-image:url("../images/slide4/three-three.png");
           background-repeat: no-repeat;
           }

           .three-three-hover { 
           background-image:url("../images/slide4/three-three-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }

           .three-four { 
           background-image:url("../images/slide4/three-four.png");
           background-repeat: no-repeat;
           }

           .three-four-hover { 
           background-image:url("../images/slide4/three-four-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }

           .three-five { 
           background-image:url("../images/slide4/three-five.png");
           background-repeat: no-repeat;
           }

           .three-five-hover { 
           background-image:url("../images/slide4/three-five-hover.png");
           background-repeat: no-repeat;
           background-position: 6px 6px;
           }
        

          .slide4-list { 
          text-align: left;
          list-style-type: none;
          margin-top: 20px;
          padding-left: 10px;
           }

           .slide4-tooltip { position: absolute;
                             top:0px;
                             left:0px;
                             width: 300px; 
                             background-image: url("../images/slide4/grey-circle.png");
                             background-repeat: no-repeat;
                             background-position: 0px 50%;
                             opacity: 0;
                             z-index: 7;
                              }
           .slide4-tooltip-narrow {  
             width: 240px;
   
            }                    

           .slide4-tooltip-text {
              font-family: robotoRegular;    
              position: relative;
              background-color: #C7C7C9;
              padding: 14px;
              font-size: 10px;
              top:0px;
              left: 8px;
              line-height: 115%;
             -webkit-box-shadow: 7px 6px 0px 0px rgba(233,233,233,1);
             -moz-box-shadow: 7px 6px 0px 0px rgba(233,233,233,1);
              box-shadow: 7px 6px 0px 0px rgba(233,233,233,1);
              }

           .orange { color: #DD6240; line-height: 100%; }
              .font-white { color: #fff; }
              .font-green { text-decoration: underline; color: #37BDB2; }
              .font-green > a { text-decoration: underline; color: #37BDB2; } 
              .font-green > a:hover { text-decoration: underline; color: #37BDB2; } 
              .font-green > a:visited { text-decoration: underline; color: #37BDB2; }       
           .take-action { 
               background-color: #fff;
              -webkit-box-shadow: 7px 6px 0px 0px rgba(233,233,233,1);
              -moz-box-shadow: 7px 6px 0px 0px rgba(233,233,233,1);
              box-shadow: 7px 6px 0px 0px rgba(233,233,233,1);
              position: absolute;
              width: 300px;
              padding: 12px;
 
             } 

           .take-action-one { 
              display: none;
              top:265px;
              left: 390px; 
              z-index: 8;
              }
           .take-action-two { 
              display: none;
              top:175px;
              left: 410px;
              z-index: 8; 
              }
          .take-action-three { 
              display: none;
              top:230px;
              left: 400px;
              z-index: 8; 
              }

          .take-action-button { 
               background-image:url("../images/slide4/take-action-button.png");
               background-repeat: no-repeat;
               background-size: contain;
               position: absolute;
               width:138px;
               height:138px;
               top:500px;
               left:650px;
               display: none;
               opacity: 0;
               cursor: pointer;
               }
           .take-action-text { 
              font-family: robotoBoldCondensed;
              font-size: 12px;
              color: #fff;
              text-transform: uppercase;
              max-width: 60px;
              text-align: center;
              line-height: 107%;
              margin-top: 35px;
               display: none;
               opacity: 0;
            }  

            .close-take-action { 
             cursor: pointer;
             border-radius: 50%;
             background-color: #fff;
             position: absolute;
             top: -8px;
             left:-8px;
             width: 18px;
             height: 18px;
             z-index: 9;
             line-height: 19px;
             vertical-align: middle;
            
             }  

             .close-take-action > i { 
              font-size: 16px;
              color: #8D8D8E;
              line-height: 19px;
              }