/* COMMON DEMO STYLE */

#pages-mv {
    position:relative; 
    display: block;
    width: 100%;
    margin: 85px auto 0;
    padding: 0;
    text-align:center;
}
#pages-mv .image {
    position:relative; 
    display: block;
    width: 100%;
}
#pages-mv .image img {
     width: 100%;
     height: auto;
}
#pages-mv h2 {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin-top: -5px;
  padding:0;
  text-align:center;
 }

@media screen and (max-width: 1139px) {
#pages-mv {
    margin: 52px auto 0;
}
}

#pages-mv2 {
    position:relative; 
    display: block;
    width: 100%;
    margin: 85px auto 0;
    background: #fff;
    padding: 100px 0 100px;
    text-align:center;
}
@media screen and (max-width: 1139px) {
#pages-mv2 {
    margin: 52px auto 0;
    padding: 50px 0 50px;
}
}






#mv-box {
      position:relative; 
    display: block;
    width: 100%;
    margin: 85px auto 0;
    padding: 0;
    text-align:center;
}


#stage {
position: relative;
    width: 100%;
    max-width: 1855px;
    max-height: 800px;
    margin: 0 auto;
    text-align:center;
}


.pic {
    position: absolute;
    width: 100%;
    
}


.pic h1{
    position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align:center;
    color: #fff;
}



.pic img {
  opacity:0;
  width: 100%;
  height: auto;
-moz-animation: imgTrans 20s infinite;
-webkit-animation: imgTrans 20s ease-in infinite;
animation: imgTrans 20s infinite;
}


#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo3 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
#photo4 img{
-moz-animation-delay: 15s;
-webkit-animation-delay: 15s;
animation-delay: 15s;
}

@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
25% { opacity:1; }
55% { opacity:0.5; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
25% { opacity:1; }
55% { opacity:0.5; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
25% { opacity:1; }
55% { opacity:0.5; }
100% { opacity:0; }
}