html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
em {font-style: italic;}
.alignCenter {text-align: center;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a, a:link, a:visited {color: #0d4594;text-decoration: none;}
a:hover {text-decoration: underline;}
table {border-collapse: collapse;border-spacing: 0;}
body, html { font-family: Arial, Helvetica, sans-serif;font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;max-width: 100%;overflow-x: hidden;}
.footer { background-color: #FFF; padding: 10px 20px; border-top: 3px solid #CCC; text-align: right;}
#wrapHowTo {position: relative;height: 80px;}
#howTo { max-width: 525px; height: 210px; margin: 0px auto; overflow: hidden; position: relative; font-size: 18px; transform-origin: top center; font-weight: bold;text-align: center;}
#howTo p {font-size: 16px;line-height: 21px;padding: 0 45px 0 0px;}
.div{display: block;}
p#paragraph2 { position: absolute; right: 60px; top: 29px;}
#frame1, #frame2, #frame3 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
#frame1 { padding: 26px 20px 10px 10px; opacity: 1;}
.redOctagon { position: absolute; height: 100px; width: 100px; display: inline-block;}
.redOctagon#handab { z-index: 80; top: 9px; right: 20px; transform: scale(0.5); transform-origin: top right;}
.redOctagon#abp { top: 90px; left: 175px; z-index: 79;}
.octagonOuter:before,.octagonOuter:after,.octagonInner:before,.octagonInner:after { background: #FFF; }
.octagonInner { border-color: #FFF }
.octagonOuter { position: absolute; top: 0px; left: 0; width: 100px; height: 100px; overflow: hidden; z-index: 10;}
.octagonOuter:before,.octagonOuter:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px;  height: 43px; margin-top: -21px; z-index: 1;}
.octagonOuter:after { left: auto; right: 0; margin-top: -23px; height: 46px;}
.octagonContent { z-index: 20; position: absolute; color: #FFF; top: 29px; left: 3px; font-size: 40px; text-align: center; right: 3px; font-family: "Arial Black", Gadget, sans-serif;}
.octagonInner { position: absolute; top: 0px; width: 100px; height: 100px;background: #ec1200; border-width: 1px; border-style: solid; -webkit-transform: rotate(45deg);}
.octagonInner:before,.octagonInner:after { -webkit-transform: rotate(45deg); content: ""; position: absolute; width: 1px;  height: 42px; margin-top: -21px; z-index: 1; right: auto; left: 14px; bottom: auto; top: 14px;}
.octagonInner:after { height: 45px; right: 15px; left: auto; bottom: -7px; top: auto;}
.stopHand { z-index: 20; position: absolute; color: #FFF; top: 12px; left: 20px; height: 70px; position: relative; width: 63px; }
.stopHand > span { min-height: 3px; min-width: 11px; position: absolute; background: #FFF; border-radius: 30px;}
.pinkyF { top: 12px; left: 5px; height: 51px;}
.ringF { top: 0px; left: 17px; height: 50px;}
.middleF { top: -5px; left: 29px; height: 65px;}
.indexF { top: 0px; left: 41px; height: 49px;}
.thumbF { top: 32px; left: 51px; height: 36px; width: 9px; transform: rotate(29deg); border-radius: 10px 2px 5px 9px !important;}
.palmF { top: 35px; left: 5px; width: 50px; height: 47px; border-radius: 53px !important;}
.mouseCursor { position: absolute; top: 110px; right: 370px; z-index: 111; transform: rotate(-30deg);}
.mouseCursor > span {position: absolute;}
.mouse1 { top: 0px; left: 0px; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 21px solid #000;}
.mouse2 { top: 16px; left: 8px; height: 20px; width: 12px; background: #000;}
.mouse3 { top: 6px; left: 8px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #FFF;}
.mouse4 { top: 13px; left: 12px; height: 19px; width: 4px; background: #FFF;}
.abDropdown { position: absolute; top: 8px; right: 75px; width: 194px; padding: 5px 0px; font-size: 12px; text-align: left; background: #FFF; border: 2px solid #555; border-radius: 4px; line-height: 20px; z-index: 90; box-shadow: -1px 2px 5px #555;}
.abDropdown > span { text-align: center; border-bottom: 2px solid #999; display: block; font-size: 13px;}
.abDropdown > .ul {margin: 0 10px; display: block;}
.abDropdown > .ul .li {padding: 0 3px;display: block;font-size: 12px;}
.mouseCursor { animation: mouseMove 21s infinite;}
@keyframes mouseMove { 0% {top: 120px;right: 400px;}
45% {top: 120px;right: 400px;}
55% {top: 44px;right: 55px;}
58% {top: 44px;right: 55px;}
59% {top: 46px;right: 57px;}
60% {top: 44px;right: 55px;}
63% {top: 44px;right: 55px;}
68% {top: 50px;right: 114px;}
69% {top: 52px;right: 116px;}
70% {top: 50px;right: 114px;}
85% {top: 50px;right: 114px;}
90% {top: 51px;right: 203px;}
94% {top: 51px;right: 203px;}
95% {top: 53px;right: 205px;}
96% {top: 51px;right: 203px;}
98% {top: 51px;right: 203px;}
 100% {top: 120px;right: 400px;}
}
.abDropdown { animation: dropdownShow 21s infinite;}
@keyframes dropdownShow { 0% {opacity: 0;}
 59% {opacity: 0;}
 60% {opacity: 1;}
 77% {opacity: 1;}
 79% {opacity: 0;}
 100% {opacity: 0;}
}
.highlightedLi { animation: dropdownHover 21s infinite;}
@keyframes dropdownHover { 0% {background: #FFF;}
 64% {background: #FFF;	color: #000;}
 65% {background: #DDD;	color: #000;}
 68.9% {background: #DDD;	color: #000;}
 69% {background: #7dffb7;	color: #000;}
 79% {background: #7dffb7;	color: #000;}
 80% {background: #FFF;	color: #000;}
 100% {background: #FFF;	color: #000;}
}
.octagonOuter { animation: waveHand 21s infinite;}
@keyframes waveHand { 0% {transform: rotate(0deg);left: 0px;}
 30% {transform: rotate(0deg);left: 0px;}
 31% {transform: rotate(15deg);left: 7px;}
 33% {transform: rotate(-15deg);left: -7px;}
 35% {transform: rotate(15deg);left: 7px;}
 37% {transform: rotate(-15deg);left: -7px;}
 39% {transform: rotate(15deg);left: 7px;}
  41% {transform: rotate(-15deg);left: -7px;}
  43% {transform: rotate(15deg);left: 7px;}
  44% {transform: rotate(0deg);left: 0px;}
 72% {transform: rotate(0deg);left: 0px;}
 75% {transform: rotate(-90deg);left: 0px;}
 97% {transform: rotate(-90deg);left: 0px;}
 100% {transform: rotate(0deg);left: 0px;}
}
#paragraph1 {animation: paragrafus1 21s infinite;font-size: 16px;text-align: left;position: absolute;left: 12px;}
@keyframes paragrafus1 {  0% {opacity: 0;}
 2% {opacity: 0;}
 4% {opacity: 1;}
 70% {opacity: 1;}
 75% {opacity: 0;}
 100% {opacity: 0;}
}
#paragraph2 {animation: paragrafus2 21s infinite;margin: 8px 0 0 0;position: relative;top: 6px;left: -37px;color: #0000e4;}
@keyframes paragrafus2 { 0% {opacity: 0;text-decoration: none;}
 81% {opacity: 0;text-decoration: none;}
 84% {opacity: 1;text-decoration: none;}
 87% {opacity: 1;text-decoration: none;}
 88% {opacity: 1;text-decoration: underline;}
 97% {opacity: 1;text-decoration: underline;}
 98% {opacity: 1;text-decoration: none;}
 100% {opacity: 0;text-decoration: none;}
}
.palmF { animation: palmFlike 21s infinite;}
@keyframes palmFlike { 0% {	top: 35px; left: 5px;	}
 76% {	top: 35px; left: 5px;	}
 80% {	top: 24px; left: -4px;	}
 98% {	top: 24px; left: -4px;	}
 100% {	top: 35px; left: 5px;	}
}
.pinkyF { animation: pinkyFlike 21s infinite;}
@keyframes pinkyFlike { 0% {	top: 12px;left: 5px;height: 51px;	}
 76% {	top: 12px;left: 5px;height: 51px;	}
 80% {	top: 23px;left: -4px;height: 27px;	}
 98% {	top: 23px;left: -4px;height: 27px;	}
 100% {	top: 12px;left: 5px;height: 51px;	}
}
.ringF { animation: ringFlike 21s infinite;}
@keyframes ringFlike { 0% {	top: 0px;left: 17px;height: 50px;	}
 76% {	top: 0px;left: 17px;height: 50px;	}
 80% {	top: 17px;left: 8px;height: 26px;	}
 98% {	top: 17px;left: 8px;height: 26px;	}
 100% {	top: 0px;left: 17px;height: 50px;	}
}
.middleF { animation: middleFlike 21s infinite;}
@keyframes middleFlike { 0% {	top: -5px;left: 29px;height: 65px;	}
 76% {	top: -5px;left: 29px;height: 65px;	}
 80% {   top: 13px;left: 21px;height: 25px;	}
 98% {   top: 13px;left: 21px;height: 25px;	}
 100% {	top: -5px;left: 29px;height: 65px;	}
}
.indexF { animation: indexFlike 21s infinite;}
@keyframes indexFlike { 0% {	top: 0;left: 41px;height: 49px;	}
 76% {	top: 0;left: 41px;height: 49px;	}
 80% {  top: 16px;left: 34px;height: 35px;}
 98% {  top: 16px;left: 34px;height: 35px;}
 100% {	top: 0;left: 41px;height: 49px;	}
}
.thumbF { animation: thumbFlike 21s infinite;}
@keyframes thumbFlike { 0% {	top: 32px;left: 51px;height: 36px;width: 9px;	transform: rotate(29deg);}
 76% {	top: 32px;left: 51px;height: 36px;width: 9px;	transform: rotate(29deg);}
 80% {  top: 34px;left: 44px;height: 44px;width: 12px;transform: rotate(67deg);		}
 98% {  top: 34px;left: 44px;height: 44px;width: 12px;transform: rotate(67deg);		}
 100% {	top: 32px;left: 51px;height: 36px;width: 9px;	transform: rotate(29deg);}
}
.octagonInner { animation: octagonColor 21s infinite;}
@keyframes octagonColor { 0% {	background: #ec1200;	}
 72% {	background: #ec1200;	}
 75% {	background: #03924a;	}
 98% {	background: #03924a;	}
 0% {	background: #ec1200;	}
}
.p {margin-bottom: 10px; display: block;}
#please {padding-top: 12px;max-width: 280px;margin: auto;background-color: #d4ffe5;padding: 10px;font-size: 13px;font-weight: bold;line-height: 17px;overflow: hidden;display: block;text-align: center;position: relative;color: #000;text-decoration: none;}
#please:hover {background-color: #9cecbc;}
.h1 {font-size: 1.4em;text-shadow: 2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000;color: #FFF;letter-spacing: 2px; line-height: 1.4em; margin: 5px 2px 10px;
}
@media screen and (max-width:300px){
.hidewhenSmall{display: none;}
}