@charset "utf-8";
/* CSS Document */

/*---- TOP Image ----*/
.topimage3 {
    position: relative;
	width: 950px;
	height: 580px;
	background-image: url(../img/mgBack.png);
}

.topimage3A {
    position: relative;
	width: 950px;
	height: 580px;
	background-image: url(../img/mgBack2.png);
}

.topimage3B {
    position: relative;
	width: 950px;
	height: 580px;
	background-image: url(../img/mgBack3.png);
}

.topimage3C {
    position: relative;
	width: 950px;
	height: 580px;
	background-image: url(../img/mgBack4.png);
}

#paper1 {
    position: absolute;
	width: 10px;
	height: 10px;
	top: 8px;
	left: 504px;
	border-style: none;
	z-index: 400;
}

.fadeout{ 
	opacity: 0; 
	transition: 0.15s ease-in-out; 
	-webkit-transition: 0.15s ease-in-out; 
}

.fadein{ 
	opacity: 1; 
	transition: 1s ease-in-out; 
	-webkit-transition: 1s ease-in-out;
} 


#MgF {
	position: absolute;
	width: 950px;
	height: 580px;
	overflow: hidden;
	left: 1px;
}

.Magneticforce {
	position: relative;
	display: block;
	width: 183px;
	height: 156px;
	top: 212px;
	left: 72px;
	background-image: url(../img/D2.png);
	z-index: 300;
}

.Magneticforce .ring {
	background: rgba(244, 244, 241, 0.8);
	position: absolute;
	height: 40px;
	width: 40px;
	top: 57px;
	left: 61px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	z-index: 200;
}

.Magneticforce:hover .ring {
   	-webkit-animation: wave 1s ease-out;
	-webkit-animation-iteration-count: 2;
   	-moz-animation: wave 1s ease-out;
	-moz-animation-iteration-count: 2;
   	-ms-animation: wave 1s ease-out;
	-ms-animation-iteration-count: 2;
   	-o-animation: wave 1s ease-out;
	-o-animation-iteration-count: 2;
   	animation: wave 1s ease-out;
	animation-iteration-count: 2;
}

@-webkit-keyframes wave {
	0% {-webkit-transform: scale(0, 0); }
	10% {-webkit-transform: scale(7, 7); }	
	50% {opacity: 1;}
	100% {-webkit-transform: scale(40, 40); opacity: 0.0;}
}
@-moz-keyframes wave {
	0% {-moz-transform: scale(0, 0); }
	10% {-moz-transform: scale(7, 7); }
	50% {opacity: 1;}
	100% {-moz-transform: scale(40, 40); opacity: 0.0;}
}
@-ms-keyframes wave {
	0% {-ms-transform: scale(0, 0); }
	10% {-ms-transform: scale(7, 7); }
	50% {opacity: 1;}
	100% {-ms-transform: scale(40, 40); opacity: 0.0;}
}
@-o-keyframes wave {
	0% {-o-transform: scale(0, 0); }
	10% {-o-transform: scale(7, 7); }
	50% {opacity: 1;}
	100% {-o-transform: scale(40, 40); opacity: 0.0;}
}
@keyframes wave {
	0% {transform: scale(0, 0); opacity: 0.0; }
	10% {transform: scale(7, 7);}
	50% {opacity: 1;}
	100% {transform: scale(40, 40); opacity: 0.0;}
}

/*---- mfX1 ----*/ 	
.mfX1 {	
	position: absolute;
	height: 78px;
	width: 78px;
	top: 15px;
	left: 26px;
	z-index: 220;
	background-image: url(../img/mfX1off.gif);
}

.mfX1:hover  {
	height: 94px;
	width: 94px;
	top: 7px;
	left: 18px;
	background-image: url(../img/mfX1.gif);
}	

/*---- mfX2 ----*/ 	
.mfX2 {	
	position: absolute;
	height: 75px;
	width: 75px;
	top: 433px;
	left: 34px;
	z-index: 220;
	background-image: url(../img/mfX2off.gif);
}

.mfX2:hover  {
	height: 90px;
	width: 90px;
	top: 426px;
	left: 27px;
	background-image: url(../img/mfX2.gif);
}

/*---- mfX3 ----*/ 	
.mfX3 {	
	position: absolute;
	height: 69px;
	width: 69px;
	top: 104px;
	left: 145px;
	z-index: 220;
	background-image: url(../img/mfX3off.gif);
}

.mfX3:hover  {
	height: 83px;
	width: 83px;
	top: 97px;
	left: 138px;
	background-image: url(../img/mfX3.gif);
}

/*---- mfX4 ----*/ 	
.mfX4 {	
	position: absolute;
	height: 62px;
	width: 62px;
	top: 365px;
	left: 171px;
	z-index: 220;
	background-image: url(../img/mfX4off.gif);
}

.mfX4:hover  {
	height: 74px;
	width: 74px;
	top: 359px;
	left: 165px;
	background-image: url(../img/mfX4.gif);
}

/*---- mfX5 ----*/ 	
.mfX5 {	
	position: absolute;
	height: 98px;
	width: 98px;
	top: 467px;
	left: 253px;
	z-index: 220;
	background-image: url(../img/mfX5off.gif);
}

.mfX5:hover  {
	height: 118px;
	width: 118px;
	top: 457px;
	left: 243px;
	background-image: url(../img/mfX5.gif);
}

/*---- mfX6 ----*/ 	
.mfX6 {	
	position: absolute;
	height: 90px;
	width: 90px;
	top: 172px;
	left: 309px;
	z-index: 280;
	background-image: url(../img/mfX6off.gif);
}	

.mfX6:hover {
	background-image: url(../img/car.gif);
	border: 5px #d8e0bb solid;	
	border-radius: 46px;
	z-index: 300;	
	-webkit-animation: movemfX6 3s ease 0s infinite;
	-moz-animation: movemfX6 3s ease 0s infinite;
	-ms-animation: movemfX6 3s ease 0s infinite;
	-o-animation: movemfX6 3s ease 0s infinite;
	animation: movemfX8 3s linear 0s infinite;
}	

@-webkit-keyframes movemfX6 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
@-moz-keyframes movemfX6 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@-ms-keyframes movemfX6 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
@-o-keyframes movemfX6 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
@keyframes movemfX6 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	

/*---- mfX7 ----*/ 	
.mfX7 {	
	position: absolute;
	height: 106px;
	width: 106px;
	top: 272px;
	left: 530px;
	z-index: 270;
	background-image: url(../img/mfX7off.gif);
}

.mfX7:hover  {
	height:127px;
	width: 127px;
	top: 261px;
	left: 519px;;
	background-image: url(../img/mfX7.gif);
}

/*---- mfX8 ----*/ 	
.mfX8 {	
	position: absolute;
	height: 77px;
	width: 77px;
	top: 60px;
	left: 636px;
	z-index: 280;
	background-image: url(../img/mfX8off.gif);
}

.mfX8:hover {
	background-image: url(../img/hartbeet.gif);	
	border: 5px #d3d5e2 solid;	
	border-radius: 39px;	
	z-index: 300;	
	-webkit-animation: movemfX8 3s ease 0s infinite;
	-moz-animation: movemfX8 3s ease 0s infinite;
	-ms-animation: movemfX8 3s ease 0s infinite;
	-o-animation: movemfX8 3s ease 0s infinite;
	animation: movemfX8 3s linear 0s infinite;
}

@-webkit-keyframes movemfX8 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
@-moz-keyframes movemfX8 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@-ms-keyframes movemfX8 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
@-o-keyframes movemfX8 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
@keyframes movemfX8 {	
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}	
	
/*---- mfX9 ----*/ 	
.mfX9 {	
	position: absolute;
	height: 93px;
	width: 93px;
	top: 346px;
	left: 816px;
	z-index: 270;
	background-image: url(../img/mfX9off.gif);
}

.mfX9:hover  {
	height: 112px;
	width: 112px;
	top: 337px;
	left: 807px;
	background-image: url(../img/mfX9.gif);
}

	
/*---- mfX9a ----*/ 	
.mfX9a {	
	position: absolute;
	height: 93px;
	width: 93px;
	top: 346px;
	left: 816px;
	z-index: 270;
	background-image: url(../img/mfX9aoff.png);
}

.mfX9a:hover  {
	height: 112px;
	width: 112px;
	top: 337px;
	left: 807px;
	background-image: url(../img/mfX9a.png);
}


/*---- mfA1 ----*/ 	
.Magneticforce .mfA1 {	
	position: absolute;
	height: 12px;
	width: 12px;
	top: -97px;
	left: -38px;
	z-index: 220;
	background-image: url(../img/mfA1.png);
}

.Magneticforce:hover .mfA1 {	
	-webkit-animation: movemfA1 1.66666666666667s ease-in;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfA1 1.66666666666667s ease-in;
	-moz-animation-delay: 2.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfA1 1.66666666666667s ease-in;
	-ms-animation-delay: 2.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfA1 1.66666666666667s ease-in;
	-o-animation-delay: 2.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfA1 1.66666666666667s ease-in;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfA1 {	
	0% { left: -38px; top: -97px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfA1 {	
	0% { left: -38px; top: -97px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfA1 {	
	0% { left: -38px; top: -97px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfA1 {	
	0% { left: -38px; top: -97px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfA1 {	
	0% { left: -38px; top: -97px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfA2 ----*/ 	
.Magneticforce .mfA2 {	
	position: absolute;
	height: 10px;
	width: 10px;
	top: -40px;
	left: 0px;
	z-index: 220;
	background-image: url(../img/mfA2.png);
}

.Magneticforce:hover .mfA2 {	
	-webkit-animation: movemfA2 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfA2 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfA2 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfA2 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfA2 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfA2 {	
	0% { left: 0px; top: -40px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfA2 {	
	0% { left: 0px; top: -40px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfA2 {	
	0% { left: 0px; top: -40px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfA2 {	
	0% { left: 0px; top: -40px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfA2 {	
	0% { left: 0px; top: -40px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 48px; top: 27px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfA3 ----*/ 	
.Magneticforce .mfA3 {	
	position: absolute;
	height: 7px;
	width: 7px;
	top: 23px;
	left: -31px;
	z-index: 220;
	background-image: url(../img/mfA3.png);
}

.Magneticforce:hover .mfA3 {	
	-webkit-animation: movemfA3 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfA3 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfA3 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfA3 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfA3 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
	
@-webkit-keyframes movemfA3 {	
	0% { left: -31px; top: 23px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 33px; top: 55px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfA3 {	
	0% { left: -31px; top: 23px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 33px; top: 55px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfA3 {	
	0% { left: -31px; top: 23px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 33px; top: 55px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfA3 {	
	0% { left: -31px; top: 23px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 33px; top: 55px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfA3 {	
	0% { left: -31px; top: 23px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 33px; top: 55px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfA4 ----*/ 	
.Magneticforce .mfA4 {	
	position: absolute;
	height: 14px;
	width: 8px;
	top: 152px;
	left: -37px;
	z-index: 220;
	background-image: url(../img/mfA4.png);
}

.Magneticforce:hover .mfA4 {	
	-webkit-animation: movemfA4 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfA4 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfA4 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfA4 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfA4 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfA4 {	
	0% { left: -37px; top: 152px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 19px; top: 107px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfA4 {	
	0% { left: -37px; top: 152px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 19px; top: 107px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfA4 {	
	0% { left: -37px; top: 152px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 19px; top: 107px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfA4 {	
	0% { left: -37px; top: 152px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 19px; top: 107px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfA4 {	
	0% { left: -37px; top: 152px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 19px; top: 107px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfA5 ----*/ 	
.Magneticforce .mfA5 {	
	position: absolute;
	height: 12px;
	width: 13px;
	top: 215px;
	left: -57px;
	z-index: 220;
	background-image: url(../img/mfA5.png);
}

.Magneticforce:hover .mfA5 {	
	-webkit-animation: movemfA5 1.66666666666667s ease-in;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfA5 1.66666666666667s ease-in;
	-moz-animation-delay: 2.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfA5 1.66666666666667s ease-in;
	-ms-animation-delay: 2.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfA5 1.66666666666667s ease-in;
	-o-animation-delay: 2.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfA5 1.66666666666667s ease-in;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfA5 {	
	0% { left: -57px; top: 215px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 31px; top: 123px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfA5 {	
	0% { left: -57px; top: 215px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 31px; top: 123px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfA5 {	
	0% { left: -57px; top: 215px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 31px; top: 123px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfA5 {	
	0% { left: -57px; top: 215px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 31px; top: 123px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfA5 {	
	0% { left: -57px; top: 215px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 31px; top: 123px;  opacity: 0.0; transform: rotate(0deg); }
}	
	
.Magneticforce .mfB1 {	
	position: absolute;
	height: 26px;
	width: 11px;
	top: -199px;
	left: 79px;
	z-index: 220;
	background-image: url(../img/mfB1.png);
}

.Magneticforce:hover .mfB1 {	
	-webkit-animation: movemfB1 2s ease-in;
	-webkit-animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfB1 2s ease-in;
	-moz-animation-delay: 3s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfB1 2s ease-in;
	-ms-animation-delay: 3s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfB1 2s ease-in;
	-o-animation-delay: 3s;
	-o-animation-fill-mode: forwards;
	animation: movemfB1 2s ease-in;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfB1 {	
	0% { left: 79px; top: -199px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 75px; top: 19px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfB1 {	
	0% { left: 79px; top: -199px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 75px; top: 19px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfB1 {	
	0% { left: 79px; top: -199px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 75px; top: 19px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfB1 {	
	0% { left: 79px; top: -199px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 75px; top: 19px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfB1 {	
	0% { left: 79px; top: -199px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 75px; top: 19px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfB2 ----*/ 	
.Magneticforce .mfB2 {	
	position: absolute;
	height: 12px;
	width: 12px;
	top: 208px;
	left: 43px;
	z-index: 220;
	background-image: url(../img/mfB2.png);
}

.Magneticforce:hover .mfB2 {	
	-webkit-animation: movemfB2 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfB2 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfB2 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfB2 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfB2 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfB2 {	
	0% { left: 43px; top: 208px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 66px; top: 123px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfB2 {	
	0% { left: 43px; top: 208px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 66px; top: 123px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfB2 {	
	0% { left: 43px; top: 208px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 66px; top: 123px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfB2 {	
	0% { left: 43px; top: 208px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 66px; top: 123px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfB2 {	
	0% { left: 43px; top: 208px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 66px; top: 123px;  opacity: 0.0; transform: rotate(0deg); }
}	
	
	
/*---- mfB3 ----*/ 	
.Magneticforce .mfB3 {	
	position: absolute;
	height: 12px;
	width: 9px;
	top: 267px;
	left: 93px;
	z-index: 220;
	background-image: url(../img/mfB3.png);
}

.Magneticforce:hover .mfB3 {	
	-webkit-animation: movemfB3 1.66666666666667s ease-in;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfB3 1.66666666666667s ease-in;
	-moz-animation-delay: 2.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfB3 1.66666666666667s ease-in;
	-ms-animation-delay: 2.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfB3 1.66666666666667s ease-in;
	-o-animation-delay: 2.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfB3 1.66666666666667s ease-in;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfB3 {	
	0% { left: 93px; top: 267px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 83px; top: 123px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfB3 {	
	0% { left: 93px; top: 267px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 83px; top: 123px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfB3 {	
	0% { left: 93px; top: 267px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 83px; top: 123px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfB3 {	
	0% { left: 93px; top: 267px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 83px; top: 123px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfB3 {	
	0% { left: 93px; top: 267px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 83px; top: 123px;  opacity: 0.0; transform: rotate(0deg); }
}

	
/*---- mfB4 ----*/ 	
.Magneticforce .mfB4 {	
	position: absolute;
	height: 19px;
	width: 13px;
	top: 335px;
	left: 82px;
	z-index: 220;
	background-image: url(../img/mfB4.png);
}

.Magneticforce:hover .mfB4 {	
	-webkit-animation: movemfB4 2s ease-in;
	-webkit-animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfB4 2s ease-in;
	-moz-animation-delay: 3s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfB4 2s ease-in;
	-ms-animation-delay: 3s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfB4 2s ease-in;
	-o-animation-delay: 3s;
	-o-animation-fill-mode: forwards;
	animation: movemfB4 2s ease-in;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfB4 {	
	0% { left: 82px; top: 335px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 79px; top: 123px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfB4 {	
	0% { left: 82px; top: 335px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 79px; top: 123px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfB4 {	
	0% { left: 82px; top: 335px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 79px; top: 123px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfB4 {	
	0% { left: 82px; top: 335px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 79px; top: 123px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfB4 {	
	0% { left: 82px; top: 335px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 79px; top: 123px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfC1 ----*/ 	
.Magneticforce .mfC1 {	
	position: absolute;
	height: 20px;
	width: 19px;
	top: -186px;
	left: 153px;
	z-index: 220;
	background-image: url(../img/mfC1.png);
}

.Magneticforce:hover .mfC1 {	
	-webkit-animation: movemfC1 2s ease-in;
	-webkit-animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfC1 2s ease-in;
	-moz-animation-delay: 3s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfC1 2s ease-in;
	-ms-animation-delay: 3s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfC1 2s ease-in;
	-o-animation-delay: 3s;
	-o-animation-fill-mode: forwards;
	animation: movemfC1 2s ease-in;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfC1 {	
	0% { left: 153px; top: -186px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 88px; top: 22px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfC1 {	
	0% { left: 153px; top: -186px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 88px; top: 22px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfC1 {	
	0% { left: 153px; top: -186px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 88px; top: 22px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfC1 {	
	0% { left: 153px; top: -186px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 88px; top: 22px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfC1 {	
	0% { left: 153px; top: -186px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 88px; top: 22px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfC2 ----*/ 	
.Magneticforce .mfC2 {	
	position: absolute;
	height: 7px;
	width: 6px;
	top: -90px;
	left: 177px;
	z-index: 220;
	background-image: url(../img/mfC2.png);
}

.Magneticforce:hover .mfC2 {	
	-webkit-animation: movemfC2 1.66666666666667s ease-in;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfC2 1.66666666666667s ease-in;
	-moz-animation-delay: 2.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfC2 1.66666666666667s ease-in;
	-ms-animation-delay: 2.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfC2 1.66666666666667s ease-in;
	-o-animation-delay: 2.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfC2 1.66666666666667s ease-in;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfC2 {	
	0% { left: 177px; top: -90px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 111px; top: 31px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfC2 {	
	0% { left: 177px; top: -90px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 111px; top: 31px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfC2 {	
	0% { left: 177px; top: -90px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 111px; top: 31px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfC2 {	
	0% { left: 177px; top: -90px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 111px; top: 31px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfC2 {	
	0% { left: 177px; top: -90px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 111px; top: 31px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfC3 ----*/ 	
.Magneticforce .mfC3 {	
	position: absolute;
	height: 17px;
	width: 12px;
	top: -27px;
	left: 159px;
	z-index: 220;
	background-image: url(../img/mfC3.png);
}

.Magneticforce:hover .mfC3 {	
	-webkit-animation: movemfC3 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfC3 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfC3 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfC3 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfC3 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfC3 {	
	0% { left: 159px; top: -27px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfC3 {	
	0% { left: 159px; top: -27px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfC3 {	
	0% { left: 159px; top: -27px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfC3 {	
	0% { left: 159px; top: -27px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfC3 {	
	0% { left: 159px; top: -27px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfC4 ----*/ 	
.Magneticforce .mfC4 {	
	position: absolute;
	height: 4px;
	width: 9px;
	top: 87px;
	left: 212px;
	z-index: 220;
	background-image: url(../img/mfC4.png);
}

.Magneticforce:hover .mfC4 {	
	-webkit-animation: movemfC4 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfC4 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfC4 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfC4 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfC4 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes movemfC4 {	
	0% { left: 212px; top: 87px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfC4 {	
	0% { left: 212px; top: 87px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfC4 {	
	0% { left: 212px; top: 87px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfC4 {	
	0% { left: 212px; top: 87px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfC4 {	
	0% { left: 212px; top: 87px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; transform: rotate(0deg); }
}	

	
/*---- mfC5 ----*/ 	
.Magneticforce .mfC5 {	
	position: absolute;
	height: 18px;
	width: 18px;
	top: 120px;
	left: 217px;
	z-index: 220;
	background-image: url(../img/mfC5.png);
}
	
.Magneticforce:hover .mfC5 {	
	-webkit-animation: movemfC5 1.33333333333333s ease-in;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfC5 1.33333333333333s ease-in;
	-moz-animation-delay: 2s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfC5 1.33333333333333s ease-in;
	-ms-animation-delay: 2s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfC5 1.33333333333333s ease-in;
	-o-animation-delay: 2s;
	-o-animation-fill-mode: forwards;
	animation: movemfC5 1.33333333333333s ease-in;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
	
@-webkit-keyframes movemfC5 {	
	0% { left: 217px; top: 120px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfC5 {	
	0% { left: 217px; top: 120px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfC5 {	
	0% { left: 217px; top: 120px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfC5 {	
	0% { left: 217px; top: 120px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfC5 {	
	0% { left: 217px; top: 120px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfC6 ----*/ 	
.Magneticforce .mfC6 {	
	position: absolute;
	height: 13px;
	width: 12px;
	top: 183px;
	left: 265px;
	z-index: 220;
	background-image: url(../img/mfC6.png);
}
	
.Magneticforce:hover .mfC6 {	
	-webkit-animation: movemfC6 1.66666666666667s ease-in;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfC6 1.66666666666667s ease-in;
	-moz-animation-delay: 2.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfC6 1.66666666666667s ease-in;
	-ms-animation-delay: 2.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfC6 1.66666666666667s ease-in;
	-o-animation-delay: 2.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfC6 1.66666666666667s ease-in;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfC6 {	
	0% { left: 265px; top: 183px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfC6 {	
	0% { left: 265px; top: 183px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfC6 {	
	0% { left: 265px; top: 183px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfC6 {	
	0% { left: 265px; top: 183px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfC6 {	
	0% { left: 265px; top: 183px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfD1 ----*/ 	
.Magneticforce .mfD1 {	
	position: absolute;
	height: 27px;
	width: 30px;
	top: -204px;
	left: 278px;
	z-index: 220;
	background-image: url(../img/mfD1.png);
}	

.Magneticforce:hover .mfD1 {	
	-webkit-animation: movemfD1 2.33333333333333s ease-in;
	-webkit-animation-delay: 3.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfD1 2.33333333333333s ease-in;
	-moz-animation-delay: 3.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfD1 2.33333333333333s ease-in;
	-ms-animation-delay: 3.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfD1 2.33333333333333s ease-in;
	-o-animation-delay: 3.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfD1 2.33333333333333s ease-in;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfD1 {	
	0% { left: 278px; top: -204px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfD1 {	
	0% { left: 278px; top: -204px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfD1 {	
	0% { left: 278px; top: -204px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfD1 {	
	0% { left: 278px; top: -204px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfD1 {	
	0% { left: 278px; top: -204px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 115px; top: 22px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfD2 ----*/ 	
.Magneticforce .mfD2 {	
	position: absolute;
	height: 8px;
	width: 9px;
	top: -111px;
	left: 297px;
	z-index: 220;
	background-image: url(../img/mfD2.png);
}
	
.Magneticforce:hover .mfD2 {	
	-webkit-animation: movemfD2 2.33333333333333s ease-in;
	-webkit-animation-delay: 3.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfD2 2.33333333333333s ease-in;
	-moz-animation-delay: 3.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfD2 2.33333333333333s ease-in;
	-ms-animation-delay: 3.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfD2 2.33333333333333s ease-in;
	-o-animation-delay: 3.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfD2 2.33333333333333s ease-in;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfD2 {	
	0% { left: 297px; top: -111px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 132px; top: 37px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfD2 {	
	0% { left: 297px; top: -111px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 132px; top: 37px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfD2 {	
	0% { left: 297px; top: -111px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 132px; top: 37px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfD2 {	
	0% { left: 297px; top: -111px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 132px; top: 37px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfD2 {	
	0% { left: 297px; top: -111px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 132px; top: 37px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfD3 ----*/ 	
.Magneticforce .mfD3 {	
	position: absolute;
	height: 9px;
	width: 24px;
	top: 99px;
	left: 336px;
	z-index: 220;
	background-image: url(../img/mfD3.png);
}	

.Magneticforce:hover .mfD3 {	
	-webkit-animation: movemfD3 2s ease-in;
	-webkit-animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfD3 2s ease-in;
	-moz-animation-delay: 3s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfD3 2s ease-in;
	-ms-animation-delay: 3s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfD3 2s ease-in;
	-o-animation-delay: 3s;
	-o-animation-fill-mode: forwards;
	animation: movemfD3 2s ease-in;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfD3 {	
	0% { left: 336px; top: 99px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfD3 {	
	0% { left: 336px; top: 99px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfD3 {	
	0% { left: 336px; top: 99px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfD3 {	
	0% { left: 336px; top: 99px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfD3 {	
	0% { left: 336px; top: 99px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; transform: rotate(0deg); }
}	
	
/*---- mfD4 ----*/ 	
.Magneticforce .mfD4 {	
	position: absolute;
	height: 19px;
	width: 24px;
	top: 180px;
	left: 371px;
	z-index: 220;
	background-image: url(../img/mfD4.png);
}	

.Magneticforce:hover .mfD4 {	
	-webkit-animation: movemfD4 2.33333333333333s ease-in;
	-webkit-animation-delay: 3.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfD4 2.33333333333333s ease-in;
	-moz-animation-delay: 3.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfD4 2.33333333333333s ease-in;
	-ms-animation-delay: 3.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfD4 2.33333333333333s ease-in;
	-o-animation-delay: 3.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfD4 2.33333333333333s ease-in;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfD4 {	
	0% { left: 371px; top: 180px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfD4 {	
	0% { left: 371px; top: 180px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfD4 {	
	0% { left: 371px; top: 180px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfD4 {	
	0% { left: 371px; top: 180px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfD4 {	
	0% { left: 371px; top: 180px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfD5 ----*/ 	
.Magneticforce .mfD5 {	
	position: absolute;
	height: 17px;
	width: 19px;
	top: 354px;
	left: 324px;
	z-index: 220;
	background-image: url(../img/mfD5.png);
}	

.Magneticforce:hover .mfD5 {	
	-webkit-animation: movemfD5 2.33333333333333s ease-in;
	-webkit-animation-delay: 3.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfD5 2.33333333333333s ease-in;
	-moz-animation-delay: 3.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfD5 2.33333333333333s ease-in;
	-ms-animation-delay: 3.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfD5 2.33333333333333s ease-in;
	-o-animation-delay: 3.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfD5 2.33333333333333s ease-in;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfD5 {	
	0% { left: 324px; top: 354px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 111px; top: 113px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfD5 {	
	0% { left: 324px; top: 354px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 111px; top: 113px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfD5 {	
	0% { left: 324px; top: 354px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 111px; top: 113px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfD5 {	
	0% { left: 324px; top: 354px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 111px; top: 113px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfD5 {	
	0% { left: 324px; top: 354px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 111px; top: 113px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfE1 ----*/ 	
.Magneticforce .mfE1 {	
	position: absolute;
	height: 15px;
	width: 13px;
	top: -206px;
	left: 502px;
	z-index: 220;
	background-image: url(../img/mfE1.png);
}	

.Magneticforce:hover .mfE1 {	
	-webkit-animation: movemfE1 2.66666666666667s ease-in;
	-webkit-animation-delay: 4s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfE1 2.66666666666667s ease-in;
	-moz-animation-delay: 4s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfE1 2.66666666666667s ease-in;
	-ms-animation-delay: 4s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfE1 2.66666666666667s ease-in;
	-o-animation-delay: 4s;
	-o-animation-fill-mode: forwards;
	animation: movemfE1 2.66666666666667s ease-in;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfE1 {	
	0% { left: 502px; top: -206px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 139px; top: 42px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfE1 {	
	0% { left: 502px; top: -206px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 139px; top: 42px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfE1 {	
	0% { left: 502px; top: -206px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 139px; top: 42px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfE1 {	
	0% { left: 502px; top: -206px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 139px; top: 42px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfE1 {	
	0% { left: 502px; top: -206px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 139px; top: 42px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfE2 ----*/ 	
.Magneticforce .mfE2 {	
	position: absolute;
	height: 14px;
	width: 16px;
	top: -105px;
	left: 467px;
	z-index: 220;
	background-image: url(../img/mfE2.png);
}	

.Magneticforce:hover .mfE2 {	
	-webkit-animation: movemfE2 2.66666666666667s ease-in;
	-webkit-animation-delay: 4s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfE2 2.66666666666667s ease-in;
	-moz-animation-delay: 4s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfE2 2.66666666666667s ease-in;
	-ms-animation-delay: 4s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfE2 2.66666666666667s ease-in;
	-o-animation-delay: 4s;
	-o-animation-fill-mode: forwards;
	animation: movemfE2 2.66666666666667s ease-in;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfE2 {	
	0% { left: 467px; top: -105px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 146px; top: 50px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfE2 {	
	0% { left: 467px; top: -105px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 146px; top: 50px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfE2 {	
	0% { left: 467px; top: -105px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 146px; top: 50px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfE2 {	
	0% { left: 467px; top: -105px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 146px; top: 50px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfE2 {	
	0% { left: 467px; top: -105px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 146px; top: 50px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfE3 ----*/ 	
.Magneticforce .mfE3 {	
	position: absolute;
	height: 31px;
	width: 22px;
	top: -36px;
	left: 567px;
	z-index: 220;
	background-image: url(../img/mfE3.png);
}	

.Magneticforce:hover .mfE3 {	
	-webkit-animation: movemfE3 2.66666666666667s ease-in;
	-webkit-animation-delay: 4s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfE3 2.66666666666667s ease-in;
	-moz-animation-delay: 4s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfE3 2.66666666666667s ease-in;
	-ms-animation-delay: 4s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfE3 2.66666666666667s ease-in;
	-o-animation-delay: 4s;
	-o-animation-fill-mode: forwards;
	animation: movemfE3 2.66666666666667s ease-in;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfE3 {	
	0% { left: 567px; top: -36px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfE3 {	
	0% { left: 567px; top: -36px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfE3 {	
	0% { left: 567px; top: -36px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfE3 {	
	0% { left: 567px; top: -36px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfE3 {	
	0% { left: 567px; top: -36px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; transform: rotate(0deg); }
}	


/*---- mfE4 ----*/ 	
.Magneticforce .mfE4 {	
	position: absolute;
	height: 6px;
	width: 6px;
	top: 0px;
	left: 439px;
	z-index: 220;
	background-image: url(../img/mfE4.png);
}	

.Magneticforce:hover .mfE4 {	
	-webkit-animation: movemfE4 2.33333333333333s ease-in;
	-webkit-animation-delay: 3.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfE4 2.33333333333333s ease-in;
	-moz-animation-delay: 3.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfE4 2.33333333333333s ease-in;
	-ms-animation-delay: 3.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfE4 2.33333333333333s ease-in;
	-o-animation-delay: 3.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfE4 2.33333333333333s ease-in;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfE4 {	
	0% { left: 439px; top: 0px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfE4 {	
	0% { left: 439px; top: 0px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfE4 {	
	0% { left: 439px; top: 0px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfE4 {	
	0% { left: 439px; top: 0px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfE4 {	
	0% { left: 439px; top: 0px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfE5 ----*/ 	
.Magneticforce .mfE5 {	
	position: absolute;
	height: 13px;
	width: 17px;
	top: 210px;
	left: 493px;
	z-index: 220;
	background-image: url(../img/mfE5.png);
}	

.Magneticforce:hover .mfE5 {	
	-webkit-animation: movemfE5 2.66666666666667s ease-in;
	-webkit-animation-delay: 4s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfE5 2.66666666666667s ease-in;
	-moz-animation-delay: 4s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfE5 2.66666666666667s ease-in;
	-ms-animation-delay: 4s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfE5 2.66666666666667s ease-in;
	-o-animation-delay: 4s;
	-o-animation-fill-mode: forwards;
	animation: movemfE5 2.66666666666667s ease-in;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfE5 {	
	0% { left: 493px; top: 210px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfE5 {	
	0% { left: 493px; top: 210px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfE5 {	
	0% { left: 493px; top: 210px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfE5 {	
	0% { left: 493px; top: 210px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfE5 {	
	0% { left: 493px; top: 210px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 126px; top: 96px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfF1 ----*/ 	
.Magneticforce .mfF1 {	
	position: absolute;
	height: 22px;
	width: 21px;
	top: -211px;
	left: 811px;
	z-index: 220;
	background-image: url(../img/mfF1.png);
}	

.Magneticforce:hover .mfF1 {	
	-webkit-animation: movemfF1 3s ease-in;
	-webkit-animation-delay: 4.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfF1 3s ease-in;
	-moz-animation-delay: 4.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfF1 3s ease-in;
	-ms-animation-delay: 4.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfF1 3s ease-in;
	-o-animation-delay: 4.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfF1 3s ease-in;
	animation-delay: 4.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfF1 {	
	0% { left: 811px; top: -211px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 142px; top: 53px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfF1 {	
	0% { left: 811px; top: -211px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 142px; top: 53px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfF1 {	
	0% { left: 811px; top: -211px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 142px; top: 53px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfF1 {	
	0% { left: 811px; top: -211px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 142px; top: 53px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfF1 {	
	0% { left: 811px; top: -211px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 142px; top: 53px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfF2 ----*/ 	
.Magneticforce .mfF2 {	
	position: absolute;
	height: 46px;
	width: 19px;
	top: -97px;
	left: 777px;
	z-index: 220;
	background-image: url(../img/mfF2.png);
}	

.Magneticforce:hover .mfF2 {	
	-webkit-animation: movemfF2 3s ease-in;
	-webkit-animation-delay: 4.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfF2 3s ease-in;
	-moz-animation-delay: 4.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfF2 3s ease-in;
	-ms-animation-delay: 4.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfF2 3s ease-in;
	-o-animation-delay: 4.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfF2 3s ease-in;
	animation-delay: 4.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfF2 {	
	0% { left: 777px; top: -97px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfF2 {	
	0% { left: 777px; top: -97px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfF2 {	
	0% { left: 777px; top: -97px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfF2 {	
	0% { left: 777px; top: -97px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfF2 {	
	0% { left: 777px; top: -97px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 136px; top: 70px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfF3 ----*/ 	
.Magneticforce .mfF3 {	
	position: absolute;
	height: 17px;
	width: 11px;
	top: 109px;
	left: 655px;
	z-index: 220;
	background-image: url(../img/mfF3.png);
}	

.Magneticforce:hover .mfF3 {	
	-webkit-animation: movemfF3 3s ease-in;
	-webkit-animation-delay: 4.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfF3 3s ease-in;
	-moz-animation-delay: 4.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfF3 3s ease-in;
	-ms-animation-delay: 4.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfF3 3s ease-in;
	-o-animation-delay: 4.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfF3 3s ease-in;
	animation-delay: 4.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfF3 {	
	0% { left: 655px; top: 109px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfF3 {	
	0% { left: 655px; top: 109px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfF3 {	
	0% { left: 655px; top: 109px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfF3 {	
	0% { left: 655px; top: 109px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfF3 {	
	0% { left: 655px; top: 109px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 138px; top: 81px;  opacity: 0.0; transform: rotate(0deg); }
}	
	

/*---- mfF4 ----*/ 	
.Magneticforce .mfF4 {	
	position: absolute;
	height: 7px;
	width: 9px;
	top: 223px;
	left: 700px;
	z-index: 220;
	background-image: url(../img/mfF4.png);
}	

.Magneticforce:hover .mfF4 {	
	-webkit-animation: movemfF4 3s ease-in;
	-webkit-animation-delay: 4.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: movemfF4 3s ease-in;
	-moz-animation-delay: 4.5s;
	-moz-animation-fill-mode: forwards;
	-ms-animation: movemfF4 3s ease-in;
	-ms-animation-delay: 4.5s;
	-ms-animation-fill-mode: forwards;
	-o-animation: movemfF4 3s ease-in;
	-o-animation-delay: 4.5s;
	-o-animation-fill-mode: forwards;
	animation: movemfF4 3s ease-in;
	animation-delay: 4.5s;
	animation-fill-mode: forwards;
}	

@-webkit-keyframes movemfF4 {	
	0% { left: 700px; top: 223px; -webkit-transform: rotate(0deg);}
	80% { opacity: 1.0; -webkit-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -webkit-transform: rotate(0deg); }
}	
@-moz-keyframes movemfF4 {	
	0% { left: 700px; top: 223px; -moz-transform: rotate(0deg);}
	80% { opacity: 1.0; -moz-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -moz-transform: rotate(0deg); }
}	
@-ms-keyframes movemfF4 {	
	0% { left: 700px; top: 223px; -ms-transform: rotate(0deg);}
	80% { opacity: 1.0; -ms-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -ms-transform: rotate(0deg); }
}	
@-o-keyframes movemfF4 {	
	0% { left: 700px; top: 223px; -o-transform: rotate(0deg);}
	80% { opacity: 1.0; -o-transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; -o-transform: rotate(0deg); }
}	
@keyframes movemfF4 {	
	0% { left: 700px; top: 223px; transform: rotate(0deg);}
	80% { opacity: 1.0; transform: rotate(360deg); }
	100% { left: 140px; top: 97px;  opacity: 0.0; transform: rotate(0deg); }
}