div.main_div{
    margin:0;
    padding:0;
width:100%;
XXXheight:466px;
height:100%;
position:relative;
    overflow: hidden;
display:block;
text-align:center;
}

div.tel_div{
    margin:0;
    padding:0;
width:100%;
height:100%;
position:relative;
    overflow: hidden;
display:block;
text-align:center;
}


div.text_one{ 
    bottom:0%; 
width:100%;
height:100%;
    background:transparent;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
   position:absolute;
    -webkit-animation: anim_one 1.5s 1;
    animation: anim_one 1.5s 1;
XXXanimation-delay: 0.5s;
animation-delay: 1.0s;
animation-fill-mode: both;
z-index:2;
}

@-webkit-keyframes anim_one {
     from {
         bottom: -100%;         
     }
     to {
	bottom:-10%;

     }
}

div.text_two{ 
    top:0%; 
width:100%;
height:100%;
    background:transparent;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
   position:absolute;
    -webkit-animation: anim_two 1.5s 1;
    animation: anim_two 1.5s 1;
animation-delay: 0.5s;
animation-fill-mode: both;
}

@-webkit-keyframes anim_two {
     from {
         top: -100%;         
     }
     to {
         top:150px;
     }
}

div.text_three{ 
    top:0%; 
width:100%;
height:100%;
    background:transparent;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
   position:absolute;
    -webkit-animation: anim_three 1.5s 1;
    animation: anim_three 1.5s 1;
animation-delay: 2.0s;
animation-fill-mode: both;
}

@-webkit-keyframes anim_three {
     from {
         top: -100%;         
     }
     to {
         top:100px;
     }
}

.picture_menu {
top:-100%;
    background:transparent;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
   position:absolute;
    -webkit-animation: anim_four 1.5s 1;
    animation: anim_four 1.5s 1;
animation-delay: 2.5s;
animation-fill-mode: both;
}

@-webkit-keyframes anim_four {
     from {
         top: -100%;         
     }
     to {
         top:0px;
     }
}


.tel_fax {
top:-100%;
width:100%;
height:100%;
    background:transparent;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
   position:absolute;
    -webkit-animation: anim_five 1.5s 1;
    animation: anim_five 1.5s 1;
animation-delay: 0.5s;
animation-fill-mode: both;
z-index:3;
}

@-webkit-keyframes anim_five {
     from {
         top: -100%;         
     }
     to {
         top: 40%;
     }
}

.banner_flare {
   position:absolute;
left: 50%;
transform: translate(-50%,0); 
  -webkit-animation: anim_six 2.0s;
  animation: anim_six 2.0s;
animation-delay: 2.5s;
animation-fill-mode: both;
}

@-webkit-keyframes anim_six {

  0% {opacity:0;}
  100% {opacity:1;}
}

.top_message {
XXXposition:absolute;
XXXleft: 50%;
XXXtransform: translate(-50%,0); 
  -webkit-animation: anim_seven 2s;
  animation: anim_seven 2s;
animation-delay: 6.5s;
animation-fill-mode: both;
}

@-webkit-keyframes anim_seven {

  0% {opacity:0;}
  100% {opacity:1;}
}

/* screen width smaller than 980px */

@media screen and (max-width: 979px) {

div.main_div{
height:65%;
}

@-webkit-keyframes anim_one {
     from {
         bottom: -100%;         
     }
     to {
	bottom:-20%;

     }
}

}