#flyoutfield *{margin:0;padding:0;text-decoration:none;}
/*:root {
	padding:60px;
	background:#f9f4f0;
	font-family:Helvetica,'Hiragino Sans GB',Arial,sans-serif;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-font-smoothing:antialiased;
}*/
#flyoutfield{
	/*width:210px;*/
	margin:0 auto;
	 right: 40px;
	 position: absolute; /*fixed*/
	 top: 0px !important;/**/
}
#flyoutfield h1{background:#f1e7de;border-radius:3px;border:1px solid #d3bfae;padding:7px 10px;margin:20px 0 10px;font-size:12px;line-height:1.6;color:#6d492a;text-shadow:#fff 0 1px 1px;box-shadow:inset #fff 0 1px 0 0;}
#flyoutfield h1 a{color:#6d492a;border-bottom:1px dotted #d3bfae;}
#flyoutfield h1 a:hover{border-color:#6d492a;}
#flyoutfield .flyout-wrap{
	height:191px;/**/
	position:relative;
}
#flyoutfield .flyout-wrap .flyout{position:relative;margin:0 0 1px 6px;line-height:0;}
#flyoutfield .flyout-wrap .flyout >li{
	position:absolute;
	 bottom: -26px;
	background:yellow;
	height:170px;/**/
	display:block;
	-webkit-transform-origin:12.5px bottom; /*bottom;*/
	-moz-transform-origin:12.5px bottom; /*bottom;*/
	-ms-transform-origin:12.5px bottom; /*bottom;*/
	-o-transform-origin:12.5px bottom; /*bottom;*/
	transform-origin:12.5px bottom; /*bottom;*/
}
#flyoutfield .flyout-wrap .flyout >li:nth-of-type(1){-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#flyoutfield .flyout-wrap .flyout >li:nth-of-type(2){-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg);}
#flyoutfield .flyout-wrap .flyout >li:nth-of-type(3){-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg);}
#flyoutfield .flyout-wrap .flyout >li:nth-of-type(4){-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg);}
#flyoutfield .flyout-wrap .flyout >li:nth-of-type(5){-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg);}
#flyoutfield .flyout-wrap .flyout >li:nth-of-type(6){-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
#flyoutfield .flyout-wrap .flyout >li a{position:absolute;display:block;border-radius:50%;height:26px;width:26px;border:3px solid #fff;box-shadow:rgba(0, 0, 0, 0.4) 0 0 5px 0,rgba(0, 0, 0, 0.2) 0 0 0 1px,inset rgba(0, 0, 0, 0.5) 0 0 2px 0;text-indent:-99999px;overflow:hidden;background:#444;}
#flyoutfield .flyout-wrap .flyout >li a:active{background:#000;border-color:#555;}
#flyoutfield .flyout-wrap .flyout >li a:active span{opacity:.3;}
#flyoutfield .flyout-wrap .flyout >li a span{
	display:block;
	height:26px;
	width:26px;
	background:url(../images/user-test.png) no-repeat center center;
	background-size:16px 16px;
}
#flyoutfield .flyout-wrap .flyout .img1{
	background:url(../images/home.png) no-repeat center center;
	background-size:18px 16px;
}
#flyoutfield .flyout-wrap .flyout .img2{
	background:url(../images/flagen/deutsch.gif) no-repeat center center;
	background-size:16px 9px;
}
#flyoutfield .flyout-wrap .flyout .img3{
	background:url(../images/flagen/english.gif) no-repeat center center;
	background-size:16px 9px;
}
#flyoutfield .flyout-wrap .flyout .img4{
	background:url(../images/email.png) no-repeat center center;
	background-size:18px 12px;
}
#flyoutfield .flyout-wrap .flyout .img5{
	background:url(../images/terms-of-use2.png) no-repeat center center;
	background-size:9px 18px;
}
#flyoutfield .flyout-wrap .flyout .img6{
	background:url(../images/WebApps.png) no-repeat center center;
	background-size:18px 11px;
}
#flyoutfield .flyout-wrap .flyout-init li{display:none;}
#flyoutfield .flyout-wrap .flyout.expand li a{-webkit-animation:expand 0.6s ease 1 backwards;-moz-animation:expand 0.6s ease 1 backwards;-ms-animation:expand 0.6s ease 1 backwards;-o-animation:expand 0.6s ease 1 backwards;animation:expand 0.6s ease 1 backwards;top:10px;}
#flyoutfield .flyout-wrap .flyout li a{-webkit-animation:contract 0.35s ease-out 1 backwards;-moz-animation:contract 0.35s ease-out 1 backwards;-ms-animation:contract 0.35s ease-out 1 backwards;-o-animation:contract 0.35s ease-out 1 backwards;animation:contract 0.35s ease-out 1 backwards;top:150px;}
#flyoutfield .flyout-wrap .flyout.fade li a.clicked{-webkit-animation:clicked 0.5s ease-out 1 forwards;-moz-animation:clicked 0.5s ease-out 1 forwards;-ms-animation:clicked 0.5s ease-out 1 forwards;-o-animation:clicked 0.5s ease-out 1 forwards;animation:clicked 0.5s ease-out 1 forwards;top:10px;}
#flyoutfield .flyout-wrap .flyout.fade li a:not(.clicked){-webkit-animation:fade 0.5s ease-out 1 forwards;-moz-animation:fade 0.5s ease-out 1 forwards;-ms-animation:fade 0.5s ease-out 1 forwards;-o-animation:fade 0.5s ease-out 1 forwards;animation:fade 0.5s ease-out 1 forwards;top:10px;}
#flyoutfield .flyout-wrap .flyout.fade li a:not(.clicked) span{-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;opacity:.1;}
#flyoutfield .flyout-wrap .flyout.fade li a:not(.clicked) span{opacity:.1;-webkit-transition:opacity 1.5s ease;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(1) a{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-ms-animation-delay:0.2s;-o-animation-delay:0.2s;animation-delay:0.2s;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(2) a{-webkit-animation-delay:0.16s;-moz-animation-delay:0.16s;-ms-animation-delay:0.16s;-o-animation-delay:0.16s;animation-delay:0.16s;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(3) a{-webkit-animation-delay:0.12s;-moz-animation-delay:0.12s;-ms-animation-delay:0.12s;-o-animation-delay:0.12s;animation-delay:0.12s;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(4) a{-webkit-animation-delay:0.08s;-moz-animation-delay:0.08s;-ms-animation-delay:0.08s;-o-animation-delay:0.08s;animation-delay:0.08s;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(5) a{-webkit-animation-delay:0.04s;-moz-animation-delay:0.04s;-ms-animation-delay:0.04s;-o-animation-delay:0.04s;animation-delay:0.04s;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(6) a{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(1) a:not(.clicked) span{-webkit-animation:spin1-contract 0.9s ease-out 1 backwards;-moz-animation:spin1-contract 0.9s ease-out 1 backwards;-ms-animation:spin1-contract 0.9s ease-out 1 backwards;-o-animation:spin1-contract 0.9s ease-out 1 backwards;animation:spin1-contract 0.9s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(2) a:not(.clicked) span{-webkit-animation:spin2-contract 0.9s ease-out 1 backwards;-moz-animation:spin2-contract 0.9s ease-out 1 backwards;-ms-animation:spin2-contract 0.9s ease-out 1 backwards;-o-animation:spin2-contract 0.9s ease-out 1 backwards;animation:spin2-contract 0.9s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(3) a:not(.clicked) span{-webkit-animation:spin3-contract 0.9s ease-out 1 backwards;-moz-animation:spin3-contract 0.9s ease-out 1 backwards;-ms-animation:spin3-contract 0.9s ease-out 1 backwards;-o-animation:spin3-contract 0.9s ease-out 1 backwards;animation:spin3-contract 0.9s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(4) a:not(.clicked) span{-webkit-animation:spin4-contract 0.9s ease-out 1 backwards;-moz-animation:spin4-contract 0.9s ease-out 1 backwards;-ms-animation:spin4-contract 0.9s ease-out 1 backwards;-o-animation:spin4-contract 0.9s ease-out 1 backwards;animation:spin4-contract 0.9s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(5) a:not(.clicked) span{-webkit-animation:spin5-contract 0.9s ease-out 1 backwards;-moz-animation:spin5-contract 0.9s ease-out 1 backwards;-ms-animation:spin5-contract 0.9s ease-out 1 backwards;-o-animation:spin5-contract 0.9s ease-out 1 backwards;animation:spin5-contract 0.9s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout li:nth-of-type(6) a:not(.clicked) span{-webkit-animation:spin6-contract 0.9s ease-out 1 backwards;-moz-animation:spin6-contract 0.9s ease-out 1 backwards;-ms-animation:spin6-contract 0.9s ease-out 1 backwards;-o-animation:spin6-contract 0.9s ease-out 1 backwards;animation:spin6-contract 0.9s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(1) a{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(2) a{-webkit-animation-delay:0.04s;-moz-animation-delay:0.04s;-ms-animation-delay:0.04s;-o-animation-delay:0.04s;animation-delay:0.04s;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(3) a{-webkit-animation-delay:0.08s;-moz-animation-delay:0.08s;-ms-animation-delay:0.08s;-o-animation-delay:0.08s;animation-delay:0.08s;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(4) a{-webkit-animation-delay:0.12s;-moz-animation-delay:0.12s;-ms-animation-delay:0.12s;-o-animation-delay:0.12s;animation-delay:0.12s;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(5) a{-webkit-animation-delay:0.16s;-moz-animation-delay:0.16s;-ms-animation-delay:0.16s;-o-animation-delay:0.16s;animation-delay:0.16s;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(6) a{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-ms-animation-delay:0.2s;-o-animation-delay:0.2s;animation-delay:0.2s;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(1) a span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:spin1-expand 0.6s ease-out 1 backwards;-moz-animation:spin1-expand 0.6s ease-out 1 backwards;-ms-animation:spin1-expand 0.6s ease-out 1 backwards;-o-animation:spin1-expand 0.6s ease-out 1 backwards;animation:spin1-expand 0.6s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(2) a span{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);-webkit-animation:spin2-expand 0.6s ease-out 1 backwards;-moz-animation:spin2-expand 0.6s ease-out 1 backwards;-ms-animation:spin2-expand 0.6s ease-out 1 backwards;-o-animation:spin2-expand 0.6s ease-out 1 backwards;animation:spin2-expand 0.6s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(3) a span{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);-webkit-animation:spin3-expand 0.6s ease-out 1 backwards;-moz-animation:spin3-expand 0.6s ease-out 1 backwards;-ms-animation:spin3-expand 0.6s ease-out 1 backwards;-o-animation:spin3-expand 0.6s ease-out 1 backwards;animation:spin3-expand 0.6s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(4) a span{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);-webkit-animation:spin4-expand 0.6s ease-out 1 backwards;-moz-animation:spin4-expand 0.6s ease-out 1 backwards;-ms-animation:spin4-expand 0.6s ease-out 1 backwards;-o-animation:spin4-expand 0.6s ease-out 1 backwards;animation:spin4-expand 0.6s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(5) a span{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);-webkit-animation:spin5-expand 0.6s ease-out 1 backwards;-moz-animation:spin5-expand 0.6s ease-out 1 backwards;-ms-animation:spin5-expand 0.6s ease-out 1 backwards;-o-animation:spin5-expand 0.6s ease-out 1 backwards;animation:spin5-expand 0.6s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.expand li:nth-of-type(6) a span{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);-webkit-animation:spin6-expand 0.6s ease-out 1 backwards;-moz-animation:spin6-expand 0.6s ease-out 1 backwards;-ms-animation:spin6-expand 0.6s ease-out 1 backwards;-o-animation:spin6-expand 0.6s ease-out 1 backwards;animation:spin6-expand 0.6s ease-out 1 backwards;}
#flyoutfield .flyout-wrap .flyout.fade li:nth-of-type(1) a.clicked span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#flyoutfield .flyout-wrap .flyout.fade li:nth-of-type(2) a.clicked span{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);}
#flyoutfield .flyout-wrap .flyout.fade li:nth-of-type(3) a.clicked span{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);}
#flyoutfield .flyout-wrap .flyout.fade li:nth-of-type(4) a.clicked span{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);}
#flyoutfield .flyout-wrap .flyout.fade li:nth-of-type(5) a.clicked span{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);}
#flyoutfield .flyout-wrap .flyout.fade li:nth-of-type(6) a.clicked span{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);}
#flyoutfield .flyout-wrap .flyout-btn{
	position:absolute;
	 top: 3px;
	 /*bottom:0;*/
	left:-8px;/**/
	border-radius:50%;
	height:36px;
	width:36px;
	border:4px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.3) 0 3px 8px 0,rgba(0, 0, 0, 0.2) 0 0 0 1px,inset rgba(0, 0, 0, 0.3) 0 0 0 1px,inset rgba(255, 255, 255, 0.3) 0 1px 0 1px;
	text-indent:-99999px;
	overflow:hidden;
	background:#f76f54;
	background:-webkit-linear-gradient(top, #f76f54 0%, #dd3535 49%, #d32121 51%, #c61f1f 100%);
	background:-moz-linear-gradient(top, #f76f54 0%, #dd3535 49%, #d32121 51%, #c61f1f 100%);
	background:-ms-linear-gradient(top, #f76f54 0%, #dd3535 49%, #d32121 51%, #c61f1f 100%);
	background:-o-linear-gradient(top, #f76f54 0%, #dd3535 49%, #d32121 51%, #c61f1f 100%);
	background:linear-gradient(top, #f76f54 0%, #dd3535 49%, #d32121 51%, #c61f1f 100%);
	z-index:9999;
	outline:none;
}
#flyoutfield .flyout-wrap .flyout-btn span{
	display:block;
	height:36px;
	width:36px;
	background:url(../images/flyout-menu.svg) no-repeat center center;
	-webkit-transition:-webkit-transform 0.4s ease;
	-moz-transition:-moz-transform 0.4s ease;
	transition:transform .4s ease;
}
#flyoutfield .flyout-wrap .flyout-btn.btn-rotate span{
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
}
#flyoutfield .flyout-wrap .ani-expand 0%{top:150px;}
#flyoutfield .flyout-wrap .ani-expand 50%{top:-10px;}
#flyoutfield .flyout-wrap .ani-expand 70%{top:15px;}
#flyoutfield .flyout-wrap .ani-expand 100%{top:10px;}
#flyoutfield .flyout-wrap .ani-contract 0%{top:10px;}
#flyoutfield .flyout-wrap .ani-contract 40%{top:-25px;}
#flyoutfield .flyout-wrap .ani-contract 100%{top:150px;}
#flyoutfield .flyout-wrap .ani-clicked 0%{-webkit-transform:scale(1);opacity:1;}
#flyoutfield .flyout-wrap .ani-clicked 100%{-webkit-transform:scale(5);opacity:0;}
@-webkit-keyframes expand{0%{top:150px;} 50%{top:-10px;} 70%{top:15px;} 100%{top:10px;}}@-moz-keyframes expand{0%{top:150px;} 50%{top:-10px;} 70%{top:15px;} 100%{top:10px;}}
@-webkit-keyframes contract{0%{top:10px;} 40%{top:-25px;} 100%{top:150px;}}@-moz-keyframes contract{0%{top:10px;} 40%{top:-25px;} 100%{top:150px;}}
@-webkit-keyframes clicked{0%{-webkit-transform:scale(1);opacity:1;top:10px;} 90%{top:10px;} 99%{-webkit-transform:scale(6);opacity:0;top:150px;} 100%{-webkit-transform:scale(0);}}
@-moz-keyframes clicked{0%{-moz-transform:scale(1);opacity:1;top:10px;} 90%{top:10px;} 99%{-moz-transform:scale(6);opacity:0;top:150px;} 100%{-moz-transform:scale(0);}}
@-webkit-keyframes fade{0%{-webkit-transform:scale(1);opacity:1;top:10px;} 90%{opacity:0;top:10px;} 99%{-webkit-transform:scale(0);top:150px;} 100%{-webkit-transform:scale(0);}}
@-moz-keyframes fade{0%{-moz-transform:scale(1);opacity:1;top:10px;} 90%{opacity:0;top:10px;} 99%{-moz-transform:scale(0);top:150px;} 100%{-moz-transform:scale(0);}}
#flyoutfield .flyout-wrap .ani-spin1-expand 0%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#flyoutfield .flyout-wrap .ani-spin1-expand 60%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
#flyoutfield .flyout-wrap .ani-spin1-expand 100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}
#flyoutfield .flyout-wrap .ani-spin2-expand 0%{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);}
#flyoutfield .flyout-wrap .ani-spin2-expand 60%{-webkit-transform:rotate(-378deg);-moz-transform:rotate(-378deg);-ms-transform:rotate(-378deg);-o-transform:rotate(-378deg);transform:rotate(-378deg);}
#flyoutfield .flyout-wrap .ani-spin2-expand 100%{-webkit-transform:rotate(-378deg);-moz-transform:rotate(-378deg);-ms-transform:rotate(-378deg);-o-transform:rotate(-378deg);transform:rotate(-378deg);}
#flyoutfield .flyout-wrap .ani-spin3-expand 0%{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);}
#flyoutfield .flyout-wrap .ani-spin3-expand 60%{-webkit-transform:rotate(-396deg);-moz-transform:rotate(-396deg);-ms-transform:rotate(-396deg);-o-transform:rotate(-396deg);transform:rotate(-396deg);}
#flyoutfield .flyout-wrap .ani-spin3-expand 100%{-webkit-transform:rotate(-396deg);-moz-transform:rotate(-396deg);-ms-transform:rotate(-396deg);-o-transform:rotate(-396deg);transform:rotate(-396deg);}
#flyoutfield .flyout-wrap .ani-spin4-expand 0%{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);}
#flyoutfield .flyout-wrap .ani-spin4-expand 60%{-webkit-transform:rotate(-414deg);-moz-transform:rotate(-414deg);-ms-transform:rotate(-414deg);-o-transform:rotate(-414deg);transform:rotate(-414deg);}
#flyoutfield .flyout-wrap .ani-spin4-expand 100%{-webkit-transform:rotate(-414deg);-moz-transform:rotate(-414deg);-ms-transform:rotate(-414deg);-o-transform:rotate(-414deg);transform:rotate(-414deg);}
#flyoutfield .flyout-wrap .ani-spin5-expand 0%{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);}
#flyoutfield .flyout-wrap .ani-spin5-expand 60%{-webkit-transform:rotate(-432deg);-moz-transform:rotate(-432deg);-ms-transform:rotate(-432deg);-o-transform:rotate(-432deg);transform:rotate(-432deg);}
#flyoutfield .flyout-wrap .ani-spin5-expand 100%{-webkit-transform:rotate(-432deg);-moz-transform:rotate(-432deg);-ms-transform:rotate(-432deg);-o-transform:rotate(-432deg);transform:rotate(-432deg);}
#flyoutfield .flyout-wrap .ani-spin6-expand 0%{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);}
#flyoutfield .flyout-wrap .ani-spin6-expand 60%{-webkit-transform:rotate(-450deg);-moz-transform:rotate(-450deg);-ms-transform:rotate(-450deg);-o-transform:rotate(-450deg);transform:rotate(-450deg);}
#flyoutfield .flyout-wrap .ani-spin6-expand 100%{-webkit-transform:rotate(-450deg);-moz-transform:rotate(-450deg);-ms-transform:rotate(-450deg);-o-transform:rotate(-450deg);transform:rotate(-450deg);}
#flyoutfield .flyout-wrap .ani-spin1-contract 0%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#flyoutfield .flyout-wrap .ani-spin1-contract 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin1-contract 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin2-contract 0%{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);}
#flyoutfield .flyout-wrap .ani-spin2-contract 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin2-contract 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin3-contract 0%{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);}
#flyoutfield .flyout-wrap .ani-spin3-contract 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin3-contract 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin4-contract 0%{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);}
#flyoutfield .flyout-wrap .ani-spin4-contract 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin4-contract 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin5-contract 0%{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);}
#flyoutfield .flyout-wrap .ani-spin5-contract 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin5-contract 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin6-contract 0%{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);}
#flyoutfield .flyout-wrap .ani-spin6-contract 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#flyoutfield .flyout-wrap .ani-spin6-contract 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
@-webkit-keyframes spin1-expand{0%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} 60%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);} 100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}}
@-webkit-keyframes spin2-expand{0%{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);} 60%{-webkit-transform:rotate(-378deg);-moz-transform:rotate(-378deg);-ms-transform:rotate(-378deg);-o-transform:rotate(-378deg);transform:rotate(-378deg);} 100%{-webkit-transform:rotate(-378deg);-moz-transform:rotate(-378deg);-ms-transform:rotate(-378deg);-o-transform:rotate(-378deg);transform:rotate(-378deg);}}
@-webkit-keyframes spin3-expand{0%{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);} 60%{-webkit-transform:rotate(-396deg);-moz-transform:rotate(-396deg);-ms-transform:rotate(-396deg);-o-transform:rotate(-396deg);transform:rotate(-396deg);} 100%{-webkit-transform:rotate(-396deg);-moz-transform:rotate(-396deg);-ms-transform:rotate(-396deg);-o-transform:rotate(-396deg);transform:rotate(-396deg);}}
@-webkit-keyframes spin4-expand{0%{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);} 60%{-webkit-transform:rotate(-414deg);-moz-transform:rotate(-414deg);-ms-transform:rotate(-414deg);-o-transform:rotate(-414deg);transform:rotate(-414deg);} 100%{-webkit-transform:rotate(-414deg);-moz-transform:rotate(-414deg);-ms-transform:rotate(-414deg);-o-transform:rotate(-414deg);transform:rotate(-414deg);}}
@-webkit-keyframes spin5-expand{0%{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);} 60%{-webkit-transform:rotate(-432deg);-moz-transform:rotate(-432deg);-ms-transform:rotate(-432deg);-o-transform:rotate(-432deg);transform:rotate(-432deg);} 100%{-webkit-transform:rotate(-432deg);-moz-transform:rotate(-432deg);-ms-transform:rotate(-432deg);-o-transform:rotate(-432deg);transform:rotate(-432deg);}}
@-webkit-keyframes spin6-expand{0%{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);} 60%{-webkit-transform:rotate(-450deg);-moz-transform:rotate(-450deg);-ms-transform:rotate(-450deg);-o-transform:rotate(-450deg);transform:rotate(-450deg);} 100%{-webkit-transform:rotate(-450deg);-moz-transform:rotate(-450deg);-ms-transform:rotate(-450deg);-o-transform:rotate(-450deg);transform:rotate(-450deg);}}
@-moz-keyframes spin1-expand{0%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} 60%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);} 100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}}
@-moz-keyframes spin2-expand{0%{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);} 60%{-webkit-transform:rotate(-378deg);-moz-transform:rotate(-378deg);-ms-transform:rotate(-378deg);-o-transform:rotate(-378deg);transform:rotate(-378deg);} 100%{-webkit-transform:rotate(-378deg);-moz-transform:rotate(-378deg);-ms-transform:rotate(-378deg);-o-transform:rotate(-378deg);transform:rotate(-378deg);}}
@-moz-keyframes spin3-expand{0%{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);} 60%{-webkit-transform:rotate(-396deg);-moz-transform:rotate(-396deg);-ms-transform:rotate(-396deg);-o-transform:rotate(-396deg);transform:rotate(-396deg);} 100%{-webkit-transform:rotate(-396deg);-moz-transform:rotate(-396deg);-ms-transform:rotate(-396deg);-o-transform:rotate(-396deg);transform:rotate(-396deg);}}
@-moz-keyframes spin4-expand{0%{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);} 60%{-webkit-transform:rotate(-414deg);-moz-transform:rotate(-414deg);-ms-transform:rotate(-414deg);-o-transform:rotate(-414deg);transform:rotate(-414deg);} 100%{-webkit-transform:rotate(-414deg);-moz-transform:rotate(-414deg);-ms-transform:rotate(-414deg);-o-transform:rotate(-414deg);transform:rotate(-414deg);}}
@-moz-keyframes spin5-expand{0%{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);} 60%{-webkit-transform:rotate(-432deg);-moz-transform:rotate(-432deg);-ms-transform:rotate(-432deg);-o-transform:rotate(-432deg);transform:rotate(-432deg);} 100%{-webkit-transform:rotate(-432deg);-moz-transform:rotate(-432deg);-ms-transform:rotate(-432deg);-o-transform:rotate(-432deg);transform:rotate(-432deg);}}
@-moz-keyframes spin6-expand{0%{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);} 60%{-webkit-transform:rotate(-450deg);-moz-transform:rotate(-450deg);-ms-transform:rotate(-450deg);-o-transform:rotate(-450deg);transform:rotate(-450deg);} 100%{-webkit-transform:rotate(-450deg);-moz-transform:rotate(-450deg);-ms-transform:rotate(-450deg);-o-transform:rotate(-450deg);transform:rotate(-450deg);}}
@-webkit-keyframes spin1-contract{0%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes spin2-contract{0%{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes spin3-contract{0%{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes spin4-contract{0%{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes spin5-contract{0%{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes spin6-contract{0%{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spin1-contract{0%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spin2-contract{0%{-webkit-transform:rotate(-198deg);-moz-transform:rotate(-198deg);-ms-transform:rotate(-198deg);-o-transform:rotate(-198deg);transform:rotate(-198deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spin3-contract{0%{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spin4-contract{0%{-webkit-transform:rotate(-234deg);-moz-transform:rotate(-234deg);-ms-transform:rotate(-234deg);-o-transform:rotate(-234deg);transform:rotate(-234deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spin5-contract{0%{-webkit-transform:rotate(-252deg);-moz-transform:rotate(-252deg);-ms-transform:rotate(-252deg);-o-transform:rotate(-252deg);transform:rotate(-252deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spin6-contract{0%{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);} 50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
/*
http://thenextweb.com/dd/2011/12/04/look-out-tab-bar-get-ready-for-paths-sharing-ui-to-be-everywhere/
http://sparanoid.com/lab/path-menu/#
*/
/*.bsap{position:fixed;top:0;right:0;width:130px;margin:15px;padding:10px;background:rgba(255, 255, 255, 0.5);border:1px solid rgba(0, 0, 0, 0.1);}
.bsap:hover{background:rgba(255, 255, 255, 0.95);}
.bsap a{color:#555;}
.bsap a:hover{color:#000;}
.bsa_it_t{font-size:14px;display:block;padding:5px 0;border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.bsa_it_d{font-size:12px;display:block;padding:5px 0;}
.bsa_it_p{font-size:10px;}
.bsa_it_p a{opacity:.5;}*/