#page5 {
	background: url(../images/p5/bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 1920px !important;
	height: 1092px !important;
	position: absolute !important;
	overflow: hidden;
	left: 1920px;
	top: 0px;
}

.next{
	position: absolute;
	left: 75px;
	top: 19px;
	width: 41px;
	height: 40px;
}

.previous{
	position: absolute;
	left: 29px;
	top: 19px;
	width: 41px;
	height: 40px;
}

.p5_img1{
  position: absolute;
  left: 80px;
  top:242px;
	opacity: 0;
}

.p5_img2{
  position: absolute;
  left: 111px;
  top: 535px;
	opacity: 0;
}

.p5_img3{
  position: absolute;
  left: 141px;
  top: 247px;
  display: none;
}

.p5_img4{
  position: absolute;
  left: 280px;
  top: 534px;
	opacity: 0;
}

.p5_img5{
  position: absolute;
  left: 313px;
  top: 247px;
  display: none;
}

.p5_img6{
  position: absolute;
  left: 451px;
  top: 534px;
	opacity: 0;
}

.p5_img7{
  position: absolute;
  left: 471px;
  top: 245px;
  display: none;
}

.p5_img8{
  position:absolute;
  left:97px;
  top:283px;
  max-width:498px;
  height:250px;
  background-image:url(../images/p5/curve.png);
}


.p5_img1{
animation-name: fadeIn;
animation-duration: 1s; /* or: Xms */
animation-direction: alternate; /* or: normal */
animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: forwards; /* or: backwards, both, none */
animation-delay: 0s; /* or: Xms */
 /* chrome or safari */
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s; /* or: Xms */
-webkit-animation-direction: alternate; /* or: normal */
-webkit-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: forwards; /* or: backwards, both, none */
-webkit-animation-delay: 0s; /* or: Xms */
/* opera */
-o-animation-name: fadeIn;
-o-animation-duration: 1s; /* or: Xms */
-o-animation-direction: alternate; /* or: normal */
-o-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-o-animation-fill-mode: forwards; /* or: backwards, both, none */
-o-animation-delay: 0s; /* or: Xms */
/* mozilla */
-moz-animation-name: fadeIn;
-moz-animation-duration: 1s; /* or: Xms */
-moz-animation-direction: alternate; /* or: normal */
-moz-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-moz-animation-fill-mode: forwards; /* or: backwards, both, none */
-moz-animation-delay: 0s; /* or: Xms */
}

.p5_img8{
animation-name: drawLine;
animation-duration: 3s; /* or: Xms */
animation-direction: alternate; /* or: normal */
animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: forwards; /* or: backwards, both, none */
animation-delay: 1s; /* or: Xms */
 /* chrome or safari */
-webkit-animation-name: drawLine;
-webkit-animation-duration: 3s; /* or: Xms */
-webkit-animation-direction: alternate; /* or: normal */
-webkit-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: forwards; /* or: backwards, both, none */
-webkit-animation-delay: 1s; /* or: Xms */
/* opera */
-o-animation-name: drawLine;
-o-animation-duration: 3s; /* or: Xms */
-o-animation-direction: alternate; /* or: normal */
-o-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-o-animation-fill-mode: forwards; /* or: backwards, both, none */
-o-animation-delay: 1s; /* or: Xms */
/* mozilla */
-moz-animation-name: drawLine;
-moz-animation-duration: 3s; /* or: Xms */
-moz-animation-direction: alternate; /* or: normal */
-moz-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-moz-animation-fill-mode: forwards; /* or: backwards, both, none */
-moz-animation-delay: 1s; /* or: Xms */
}

.p5_img2{
animation-name: fadeIn;
animation-duration: 1s; /* or: Xms */
animation-direction: alternate; /* or: normal */
animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: forwards; /* or: backwards, both, none */
animation-delay: 1s; /* or: Xms */
 /* chrome or safari */
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s; /* or: Xms */
-webkit-animation-direction: alternate; /* or: normal */
-webkit-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: forwards; /* or: backwards, both, none */
-webkit-animation-delay: 1s; /* or: Xms */
/* opera */
-o-animation-name: fadeIn;
-o-animation-duration: 1s; /* or: Xms */
-o-animation-direction: alternate; /* or: normal */
-o-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-o-animation-fill-mode: forwards; /* or: backwards, both, none */
-o-animation-delay: 1s; /* or: Xms */
/* mozilla */
-moz-animation-name: fadeIn;
-moz-animation-duration: 1s; /* or: Xms */
-moz-animation-direction: alternate; /* or: normal */
-moz-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-moz-animation-fill-mode: forwards; /* or: backwards, both, none */
-moz-animation-delay: 1s; /* or: Xms */
}



.p5_img4{
animation-name: fadeIn;
animation-duration: 1s; /* or: Xms */
animation-direction: alternate; /* or: normal */
animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: forwards; /* or: backwards, both, none */
animation-delay: 2s; /* or: Xms */
 /* chrome or safari */
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s; /* or: Xms */
-webkit-animation-direction: alternate; /* or: normal */
-webkit-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: forwards; /* or: backwards, both, none */
-webkit-animation-delay: 2s; /* or: Xms */
/* opera */
-o-animation-name: fadeIn;
-o-animation-duration: 1s; /* or: Xms */
-o-animation-direction: alternate; /* or: normal */
-o-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-o-animation-fill-mode: forwards; /* or: backwards, both, none */
-o-animation-delay: 2s; /* or: Xms */
/* mozilla */
-moz-animation-name: fadeIn;
-moz-animation-duration: 1s; /* or: Xms */
-moz-animation-direction: alternate; /* or: normal */
-moz-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-moz-animation-fill-mode: forwards; /* or: backwards, both, none */
-moz-animation-delay: 2s; /* or: Xms */
}



.p5_img6{
animation-name: fadeIn;
animation-duration: 1s; /* or: Xms */
animation-direction: alternate; /* or: normal */
animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: forwards; /* or: backwards, both, none */
animation-delay: 3s; /* or: Xms */
 /* chrome or safari */
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s; /* or: Xms */
-webkit-animation-direction: alternate; /* or: normal */
-webkit-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: forwards; /* or: backwards, both, none */
-webkit-animation-delay: 3s; /* or: Xms */
/* opera */
-o-animation-name: fadeIn;
-o-animation-duration: 1s; /* or: Xms */
-o-animation-direction: alternate; /* or: normal */
-o-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-o-animation-fill-mode: forwards; /* or: backwards, both, none */
-o-animation-delay: 3s; /* or: Xms */
/* mozilla */
-moz-animation-name: fadeIn;
-moz-animation-duration: 1s; /* or: Xms */
-moz-animation-direction: alternate; /* or: normal */
-moz-animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-moz-animation-fill-mode: forwards; /* or: backwards, both, none */
-moz-animation-delay: 3s; /* or: Xms */
}



/* fade in */

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* drawLine */

@-webkit-keyframes drawLine {
    0% {width: 0%;}
	  100% {width: 100%;-webkit-animation-timing-function: ease-out;}
}
@-moz-keyframes drawLine {
    0% {width: 0%;}
	  100% {width: 100%;-webkit-animation-timing-function: ease-out;}
}
@-ms-keyframes drawLine {
    0% {width: 0%;}
	  100% {width: 100%;-webkit-animation-timing-function: ease-out;}
}
@-o-keyframes drawLine {
    0% {width: 0%;}
	  100% {width: 100%;-webkit-animation-timing-function: ease-out;}
}
@keyframes drawLine {
    0% {width: 0%;}
	  100% {width: 100%;-webkit-animation-timing-function: ease-out;}
}
.drawLine {
	-webkit-animation-name: drawLine;
	-moz-animation-name: drawLine;
	-ms-animation-name: drawLine;
	-o-animation-name: drawLine;
	animation-name: drawLine;
	}