body{background:#fff;
margin:0;
 max-width: 100%;
    overflow-x: hidden;

}


#section1{
 
   height:100%;
    width:100%;
    
  background: url(../img/rkk/1.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}

#section1_text1{
 position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/intro_text1.png) no-repeat center center; 
 
}


#section1_text2{
  position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/intro_text2.png) no-repeat center center; 
 
}

#section1_text3{
  position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/intro_text3.png) no-repeat center center; 
 
}

#section2_text{
  position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/section2_text.png) no-repeat center center; 
 
}
#section3_text{
  position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/section3_text.png) no-repeat center center; 
 
}

#section3a_text{
  position:absolute;
   height:500px;
    width:100%;
    
  background: url(../img/rkk/section3a_text.png) no-repeat center center; 
 
}

#section4_text{
  position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/news_title.png) no-repeat center center; 
 
}
#section5_text{
  position:absolute;
    height:100%;
    width:100%;
    
  background: url(../img/rkk/news_section.png) no-repeat center center; 
 
}

#section6_text{
  position:absolute;
   height:100%;
    width:100%;
    
  background: url(../img/rkk/contact.png) no-repeat center center; 
 
}

#section2{
  
   height:100%;
    width:100%;
    
  background: #444 url(../img/rkk/2.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 position:relative;
}
#section2_a{
  
   height:100%;
    width:100%;
    
  background: #444 url(../img/rkk/2a.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 position:relative;
}
#section2_b{
  
   height:100%;
    width:100%;
    
  background: #444 url(../img/rkk/2b.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 position:relative;
}
#section2_c{
  
   height:100%;
    width:100%;
    
  background: #444 url(../img/rkk/2c.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 position:relative;
}

#section3{
 
   height:1000px;
    width:100%;
    
  background: #444 url(../img/rkk/3.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   position:relative;
}

#section3a{
 
   height:500px;
    width:100%;
    
  background: #444 url(../img/rkk/3a.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   position:relative;
}

#section4{

   height:800px;
    width:100%;
    
  background: #444 url(../img/rkk/4.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   position:relative;
}

#section5{

   height:650px;
    width:100%;
    
  background: #444 url(../img/rkk/5.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}

#section6{

   height:100%;
    width:100%;
    
  background: #444 url(../img/rkk/6.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}

#section7{

   height:100%;
    width:100%;
    
  background: #444 url(../img/rkk/7.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}

#footer{

   height:400px;
    width:100%;
    
  background: #444 url(../img/rkk/footer.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}
.start{
  height:1000px;
  width:1600px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-800px;
  margin-top:-500px;
  position:fixed;
  background: url(../img/rkk/start.png) no-repeat center center fixed; 
  display:none;
}

.finish{
  height:1000px;
  width:1600px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-800px;
  margin-top:-500px;
  position:fixed;
  background: url(../img/rkk/finish.png) no-repeat center center fixed; 
  display:none;
}

.arrow{
  height:500px;
  width:1200px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-600px;
  margin-top:-150px;
  position:fixed;
  
}

.arrow2{
  height:700px;
  width:700px;
  position:absolute;
  left:50%;
  margin-left:-350px;
  display:none;
 
  top:120%;
   margin-top:3050px;
  
}

#menu_off{
  top:0px;
  height:100%;
  width:100%;
  background: url(../img/menu.png) no-repeat right top; 
  position:fixed;
  right:-418px;
}

#wrapper{
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  position:absolute;
}


.v2 {
  position:absolute;
  min-width: 100%;
  min-height: 100%;
  
}
#video {
  position:absolute;
  width: 100%;
  height: 900px;
  top:120%;
  margin-top:1232px;
  overflow:hidden;
  
}

#logo{

    height:72px;
    width:291px;
    background: url(../img/logo.png) no-repeat center center; 
    top:30px;
    left:30px;
    position:absolute;
}


#logo_sticky{

    height:100%;
    width:179px;
    background: url(../img/sticky_logo.png) no-repeat left center; 
    display:none;
    left:50px;
    position:absolute;
}


#overlay{
   height:100%;
    width:100%;
    background: url(../img/overlay.png) no-repeat left center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:absolute;
}




.s1_content{
   height:80%;
    width:50%;
    background: url(../img/title.png) no-repeat center center; 
   top:50px;
  
  position:absolute;
}






#section1_photo{
  top:0;
   height:140%;
    width:100%;
    opacity:0;
   background: #519fcb url(../img/hero_use.png) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:absolute;
}

.section2_fixed{
  top:80%;
   height:463px;
    width:100%;
    position:fixed;  
    background: rgba(255,255,255,1) url(../img/hero_detail.png) no-repeat center center; 


    
}

.section2_scroll{
   top:120%;
   
   height:463px;
   width:100%;
   position:absolute;  
   background: rgba(255,255,255,1) url(../img/hero_detail.png) no-repeat center center;


    
}

.alert{
   top:120%;
   margin-top:-318px;
   
   height:318px;
   width:100%;
   position:absolute;  
   background: rgba(51,51,51,.95) url(../img/alert.png) no-repeat center center;


    
}





#waypoint{
 height:12px;
 width:100%;
 top:40%;
 position:absolute;
z-index:500;


}

#waypoint2{
 height:12px;
 width:100%;
 top:120%;
 position:absolute;
z-index:500;


}


#button{
 top:30px;
right:30px;
   height:69px;
    width:238px;
    
    background: url(../img/nav.png) no-repeat center right; 
z-index:222500;
  position:absolute;
}

#button_sticky{
 
right:0px;
   height:81px;
    width:81px;
    
    background: url(../img/sticky_right.png) no-repeat top right; 

  position:absolute;
}

#sticky{
 top:-81px;
left:0px;

   height:81px;
    width:100%;
    
    background: rgba(255,255,255,0.0); 

  position:fixed;
  
}



#main{
  top:120%;
  margin-top:463px;
   height:3608px;
    width:100%;
    
    background: url(../img/bottom1.png) no-repeat center top; 

  position:absolute;
}


#main1{
  top:120%;
  margin-top:463px;
   height:3608px;
    width:100%;
   
    background: url(../img/bottom.png) no-repeat center top; 

  position:absolute;
}

   #dark_cover {

   top:0;
   height:100%;
    width:100%;
 display:none;
    background: rgba(0,0,0,0.7); 
   position:fixed;
  
        
    }



   .cover {

   top:0;
   height:100%;
    width:100%;
   opacity:0;
    background: #333 url(../img/cover.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:fixed;
        
    }



@media only screen and (max-width: 1600px) {
    .cover {
 opacity:1;
   top:0;
   height:100%;
    width:100%;
    
    background: #333 url(../img/cover.png) no-repeat center center fixed; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  position:fixed;
        
    }
}

.down{
  animation: down ease-in-out .4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: down ease-in-out .4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: down ease-in-out .4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: down ease-in-out .4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: down ease-in-out .4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes down{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,81px)  ;
  }
}

@-moz-keyframes down{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,81px)  ;
  }
}

@-webkit-keyframes down {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,81px)  ;
  }
}

@-o-keyframes down {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,81px)  ;
  }
}

@-ms-keyframes down {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,81px)  ;
  }
}


.up{
  animation: up ease-in-out .2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: up ease-in-out .2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: up ease-in-out .2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: up ease-in-out .2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: up ease-in-out .2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes up{
  0% {
    transform:  translate(0px,81px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes up{
  0% {
    -moz-transform:  translate(0px,81px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes up {
  0% {
    -webkit-transform:  translate(0px,81px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes up {
  0% {
    -o-transform:  translate(0px,81px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes up {
  0% {
    -ms-transform:  translate(0px,81px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}



.menu_out{
  animation: menu_out ease-in-out .8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: menu_out ease-in-out .8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: menu_out ease-in-out .8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: menu_out ease-in-out .8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: menu_out ease-in-out .8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes menu_out{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(-418px,0px)  ;
  }
}

@-moz-keyframes menu_out{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(-418px,0px)  ;
  }
}

@-webkit-keyframes menu_out {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(-418px,0px)  ;
  }
}

@-o-keyframes menu_out {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(-418px,0px)  ;
  }
}

@-ms-keyframes menu_out {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(-418px,0px)  ;
  }
}

.menu_back{
  animation: menu_back ease-in-out .8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: menu_back ease-in-out .8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: menu_back ease-in-out .8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: menu_back ease-in-out .8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: menu_back ease-in-out .8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes menu_back{
  0% {
    transform:  translate(-418px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes menu_back{
  0% {
    -moz-transform:  translate(-418px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes menu_back {
  0% {
    -webkit-transform:  translate(-418px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes menu_back {
  0% {
    -o-transform:  translate(-418px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes menu_back {
  0% {
    -ms-transform:  translate(-418px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.wrapper_back{
  animation: wrapper_back ease-in-out .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: wrapper_back ease-in-out .6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: wrapper_back ease-in-out .6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: wrapper_back ease-in-out .6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: wrapper_back ease-in-out .6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes wrapper_back{
  0% {
    transform:  translate(-400px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes wrapper_back{
  0% {
    -moz-transform:  translate(-400px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes wrapper_back {
  0% {
    -webkit-transform:  translate(-400px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes wrapper_back {
  0% {
    -o-transform:  translate(-400px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes wrapper_back {
  0% {
    -ms-transform:  translate(-400px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.wrapper_out{
  animation: wrapper_out ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: wrapper_out ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: wrapper_out ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: wrapper_out ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: wrapper_out ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes wrapper_out{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(-400px,0px)  ;
  }
}

@-moz-keyframes wrapper_out{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(-400px,0px)  ;
  }
}

@-webkit-keyframes wrapper_out {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(-400px,0px)  ;
  }
}

@-o-keyframes wrapper_out {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(-400px,0px)  ;
  }
}

@-ms-keyframes wrapper_out {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(-400px,0px)  ;
  }
}



.slide1{
  animation: slide1 linear 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: slide1 linear 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: slide1 linear 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: slide1 linear 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: slide1 linear 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes slide1{
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes slide1{
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes slide1 {
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes slide1 {
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes slide1 {
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  94% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


.slide2{
  animation: slide2 linear 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: slide2 linear 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: slide2 linear 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: slide2 linear 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: slide2 linear 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes slide2{
  0% {
    opacity:0;
  }
  45% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  94% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes slide2{
  0% {
    opacity:0;
  }
  45% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  94% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes slide2 {
  0% {
    opacity:0;
  }
  45% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  94% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes slide2 {
  0% {
    opacity:0;
  }
  45% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  94% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes slide2 {
  0% {
    opacity:0;
  }
  45% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  94% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}