h1 {border-top: 3px solid #f07d00;}

video {outline:none;}

.view-container {zoom:1;}
.topview {height:715px;}
.subview {height:310px;}
.leftview {display:inline-block;height:100%;width:43%;float:left;}
.rightview {display:inline-block;height:100%;width:57%;float:right;}
.clear {clear:both;}

.controller-container {width:100%;height:100%;padding:20px;}
#controller {zoom:0.4;width:100%;height:100%;background-image:url("/static/test2/rsp_schalter.png");position:relative;background-repeat:no-repeat;}
#controller .astick {display:inline-block;background:#4b4b4b;border-radius:50%;width:62px;height:62px;position:absolute;}
#controller .astick:before {display:inline-block;content:"";background:#c1c1c1;border-radius:50%;width:62px;height:62px;position:absolute;left:0px;top:0px;border:8px solid #4b4b4b;}
#controller .dstick {display:inline-block;background:#c1c1c1;border-radius:50%;width:30px;height:30px;position:absolute;border: 2px solid #000;}

#controller .astick1 {top:440px;left:308px;}
#controller .astick2 {top:420px;left:699px;}
#controller .astick3 {top:440px;left:1096px;}
#controller .dstick1 {top:258px;left:478px;}
#controller .dstick1.left  {left:458px;}
#controller .dstick1.right {left:498px;}
#controller .dstick2 {top:249px;left:569px;}
#controller .dstick2.left  {left:549px;}
#controller .dstick2.right {left:589px;}
#controller .dstick3 {top:249px;left:665px;}
#controller .dstick3.left  {left:645px;}
#controller .dstick3.right {left:685px;}
#controller .dstick4 {top:249px;left:766px;}
#controller .dstick4.left  {left:746px;}
#controller .dstick4.right {left:786px;}
#controller .dstick5 {top:249px;left:862px;}
#controller .dstick5.left  {left:842px;}
#controller .dstick5.right {left:882px;}
#controller .dstick6 {top:258px;left:952px;}
#controller .dstick6.left { left:932px;}
#controller .dstick6.right {left:975px;}
#controller .dstick7 {top:439px;left:527px;}
#controller .dstick7.up  {top:419px;}
#controller .dstick7.down {top:459px;}

#controller .blink {display:inline-block;background:#000;width:16px;height:16px;border-radius:50%;position:absolute;top:173px;left:605px;animation: blink 0.2s linear infinite;}
@keyframes blink{
	0% {background: #95c11f;}
	50% {background: #4e5735;}
  100% {background: #95c11f;}
}