.left_template2{
	/*position: absolute;*/
    /*top:50%;*/
    /*left: 10%;*/
	/*margin: 0 auto;*/
    /*margin-top: -270px;*/

}
.left_template2 .circle_parent_box{
    width: 25rem;
    height: 25rem;
    background: url(../images/left_template2_roatebg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.left_template2 .roate1{
    height: 100%;
}
.left_template2 .roate-item{
	position: absolute;
	left: 0;
	top:0;
	width: 0.58rem;
	height: 0.58rem;
    background:#00FFEA;
	border-radius: 6px;
	font-size: 0;
	z-index: 9;
}
.left_template2 .icon-roate{
	width: 2.92rem;
	height: 2.92rem;
    font-size: 0.71rem;
    color: #fff;
    background: transparent url(../images/left_template2_circle1.png) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    line-height: 2.92rem;
}
.left_template2 .circle_parent_box>img{
    width: 7.08rem;
    height: 8.54rem;
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -4.27rem;
    margin-left: -3.54rem;
}
.svgcircle_box {
    height: 100%;
    max-height: 16.6rem;
    max-width: 16.6rem;
    z-index: 1;
    left: 50%;
    position: absolute;
    top: 48.5%;
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    -sand-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    -sand-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.svgcircle_box.active {
    -webkit-transform: translate(-50%,-50%);
    -sand-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.svgcircle_box.loading {
    -webkit-transition: all .5s ease-in-out;
    -sand-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(-50%,-50%) scale(0.5);
    -sand-transform: translate(-50%,-50%) scale(0.5);
    -moz-transform: translate(-50%,-50%) scale(0.5);
    -ms-transform: translate(-50%,-50%) scale(0.5);
    -o-transform: translate(-50%,-50%) scale(0.5);
    transform: translate(-50%,-50%) scale(0.5)
}

.svgcircle_box.loading svg {
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: hud_spin_counter_clockwise 3s infinite linear;
    -sand-animation: hud_spin_counter_clockwise 3s infinite linear;
    -moz-animation: hud_spin_counter_clockwise 3s infinite linear;
    -ms-animation: hud_spin_counter_clockwise 3s infinite linear;
    -o-animation: hud_spin_counter_clockwise 3s infinite linear;
    animation: hud_spin_counter_clockwise 3s infinite linear
}

.svgcircle_box.loading svg .hatching {
    opacity: 0;
    -webkit-animation: none;
    -sand-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.svgcircle_box.loading svg .outer-ring {
    -webkit-animation: none;
    -sand-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.svgcircle_box.loading svg .inner-ring,.svgcircle_box.loading svg .trace {
    stroke-width: 6!important
}

.svgcircle_box.loading svg .inner-ring {
    -webkit-animation: hud_spin_clockwise 1s infinite linear;
    -sand-animation: hud_spin_clockwise 1s infinite linear;
    -moz-animation: hud_spin_clockwise 1s infinite linear;
    -ms-animation: hud_spin_clockwise 1s infinite linear;
    -o-animation: hud_spin_clockwise 1s infinite linear;
    animation: hud_spin_clockwise 1s infinite linear
}

.svgcircle_box.exploded {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -sand-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(-50%,-50%) scale(2.5);
    -sand-transform: translate(-50%,-50%) scale(2.5);
    -moz-transform: translate(-50%,-50%) scale(2.5);
    -ms-transform: translate(-50%,-50%) scale(2.5);
    -o-transform: translate(-50%,-50%) scale(2.5);
    transform: translate(-50%,-50%) scale(2.5)
}

.svgcircle_box.exploded svg {
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.svgcircle_box.hidden:before {
    opacity: 0
}

.svgcircle_box.hidden svg .hatching,.svgcircle_box.hidden svg .glow-img,.svgcircle_box.hidden svg .glow-img-inner,.svgcircle_box.hidden svg .outer-ring-blue,.svgcircle_box.hidden svg .outer-ring-red,.svgcircle_box.hidden svg .inner-ring {
    -webkit-animation: none;
    -sand-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.svgcircle_box:before {
    content: " ";
    top: 50%;
    left: 50%;
    height: 1px;
    position: absolute;
    width: 1px;
    -webkit-transition: all .5s ease-in-out;
    -sand-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 0 1000px 200px rgba(70,131,176,0.3);
    -sand-box-shadow: 0 0 1000px 200px rgba(70,131,176,0.3);
    -moz-box-shadow: 0 0 1000px 200px rgba(70,131,176,0.3);
    -ms-box-shadow: 0 0 1000px 200px rgba(70,131,176,0.3);
    -o-box-shadow: 0 0 1000px 200px rgba(70,131,176,0.3);
    box-shadow: 0 0 1000px 200px rgba(70,131,176,0.3)
}

.svgcircle_box svg {
    opacity: 1;
    overflow: visible;
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .5s ease-in-out;
    -sand-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.svgcircle_box svg .hatching {
    opacity: .4;
    fill: #FFFFF9;
    enable-background: new;
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(1px,0);
    -sand-transform: translate(1px,0);
    -moz-transform: translate(1px,0);
    -ms-transform: translate(1px,0);
    -o-transform: translate(1px,0);
    transform: translate(1px,0);
    -webkit-animation: hud_pulsate 2s infinite ease-in-out;
    -sand-animation: hud_pulsate 2s infinite ease-in-out;
    -moz-animation: hud_pulsate 2s infinite ease-in-out;
    -ms-animation: hud_pulsate 2s infinite ease-in-out;
    -o-animation: hud_pulsate 2s infinite ease-in-out;
    animation: hud_pulsate 2s infinite ease-in-out
}

.svgcircle_box svg .glow-img {
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1.07);
    -sand-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07)
}

.svgcircle_box svg .glow-img-inner {
    -webkit-transform: scale(0.94);
    -sand-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    transform: scale(0.94)
}

.svgcircle_box svg .outer-ring-blue {
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(1px,0);
    -sand-transform: translate(1px,0);
    -moz-transform: translate(1px,0);
    -ms-transform: translate(1px,0);
    -o-transform: translate(1px,0);
    transform: translate(1px,0);
    -webkit-animation: hud_spin_clockwise 20s infinite linear;
    -sand-animation: hud_spin_clockwise 20s infinite linear;
    -moz-animation: hud_spin_clockwise 20s infinite linear;
    -ms-animation: hud_spin_clockwise 20s infinite linear;
    -o-animation: hud_spin_clockwise 20s infinite linear;
    animation: hud_spin_clockwise 20s infinite linear
}

.svgcircle_box svg .outer-ring-blue .trace {
    opacity: .5;
    fill: none;
    stroke: #FFF;
    stroke-width: 1.5;
    enable-background: new
}

.svgcircle_box svg .outer-ring-blue .glow {
    fill: none;
    stroke: #11A6FD;
    stroke-width: 9.5;
    -webkit-animation: hud_fade 2s infinite linear;
    -sand-animation: hud_fade 2s infinite linear;
    -moz-animation: hud_fade 2s infinite linear;
    -ms-animation: hud_fade 2s infinite linear;
    -o-animation: hud_fade 2s infinite linear;
    animation: hud_fade 2s infinite linear
}

.svgcircle_box svg .outer-ring-red {
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(1px,0);
    -sand-transform: translate(1px,0);
    -moz-transform: translate(1px,0);
    -ms-transform: translate(1px,0);
    -o-transform: translate(1px,0);
    transform: translate(1px,0);
    -webkit-animation: hud_spin_counter_clockwise 10s infinite linear;
    -sand-animation: hud_spin_counter_clockwise 10s infinite linear;
    -moz-animation: hud_spin_counter_clockwise 10s infinite linear;
    -ms-animation: hud_spin_counter_clockwise 10s infinite linear;
    -o-animation: hud_spin_counter_clockwise 10s infinite linear;
    animation: hud_spin_counter_clockwise 10s infinite linear;
    -webkit-animation-delay: -1s;
    -sand-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.svgcircle_box svg .outer-ring-red .trace {
    opacity: .5;
    fill: none;
    stroke: #FFF;
    stroke-width: 1.5;
    enable-background: new
}

.svgcircle_box svg .outer-ring-red .glow {
    fill: none;
    stroke: #E23528;
    stroke-width: 9.5;
    -webkit-transform: translate(1px,0);
    -sand-transform: translate(1px,0);
    -moz-transform: translate(1px,0);
    -ms-transform: translate(1px,0);
    -o-transform: translate(1px,0);
    transform: translate(1px,0);
    -webkit-animation: hud_flicker 2s infinite linear;
    -sand-animation: hud_flicker 2s infinite linear;
    -moz-animation: hud_flicker 2s infinite linear;
    -ms-animation: hud_flicker 2s infinite linear;
    -o-animation: hud_flicker 2s infinite linear;
    animation: hud_flicker 2s infinite linear;
    -webkit-animation-delay: -1s;
    -sand-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.svgcircle_box svg .inner-ring {
    opacity: .5;
    fill: none;
    stroke: #fff;
    enable-background: new;
    -webkit-transform-origin: 50% 50%;
    -sand-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(1px,0);
    -sand-transform: translate(1px,0);
    -moz-transform: translate(1px,0);
    -ms-transform: translate(1px,0);
    -o-transform: translate(1px,0);
    transform: translate(1px,0);
    -webkit-animation: hud_wind_release 4s infinite ease-out;
    -sand-animation: hud_wind_release 4s infinite ease-out;
    -moz-animation: hud_wind_release 4s infinite ease-out;
    -ms-animation: hud_wind_release 4s infinite ease-out;
    -o-animation: hud_wind_release 4s infinite ease-out;
    animation: hud_wind_release 4s infinite ease-out
}

.svgcircle_box.disabled,.svgcircle_box.hidden {
    display: block;
    z-index: -1
}

.svgcircle_box.disabled svg,.svgcircle_box.hidden svg {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -sand-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg)
}

.svgcircle_box.spin-in svg {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -sand-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg)
}

.svgcircle_box.spin-out svg {
    opacity: 0;
    -webkit-transform: scale(3) rotate(-180deg);
    -sand-transform: scale(3) rotate(-180deg);
    -moz-transform: scale(3) rotate(-180deg);
    -ms-transform: scale(3) rotate(-180deg);
    -o-transform: scale(3) rotate(-180deg);
    transform: scale(3) rotate(-180deg)
}

/*.st0 {*/
/*    opacity: .4;*/
/*    fill: #FFFFF9;*/
/*    enable-background: new*/
/*}*/

/*.st1 {*/
/*    fill: none*/
/*}*/

/*.st2 {*/
/*    opacity: .5;*/
/*    fill: none;*/
/*    stroke: #FFF;*/
/*    stroke-width: 1.5;*/
/*    enable-background: new*/
/*}*/

/*.st3 {*/
/*    fill: none;*/
/*    stroke: #11A6FD;*/
/*    stroke-width: 9.5*/
/*}*/

/*.st4 {*/
/*    fill: none;*/
/*    stroke: #E23528;*/
/*    stroke-width: 9.5*/
/*}*/

/*.st5 {*/
/*    opacity: .5;*/
/*    fill: none;*/
/*    stroke: #FFF;*/
/*    enable-background: new*/
/*}*/

@-webkit-keyframes hud_flicker {
    10% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-moz-keyframes hud_flicker {
    10% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-ms-keyframes hud_flicker {
    10% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@keyframes hud_flicker {
    10% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-webkit-keyframes hud_fade {
    50% {
        opacity: .5
    }
}

@-moz-keyframes hud_fade {
    50% {
        opacity: .5
    }
}

@-ms-keyframes hud_fade {
    50% {
        opacity: .5
    }
}

@keyframes hud_fade {
    50% {
        opacity: .5
    }
}

@-webkit-keyframes hud_pulsate {
    50% {
        -webkit-transform: scale(0.95);
        -sand-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95)
    }
}

@-moz-keyframes hud_pulsate {
    50% {
        -webkit-transform: scale(0.95);
        -sand-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95)
    }
}

@-ms-keyframes hud_pulsate {
    50% {
        -webkit-transform: scale(0.95);
        -sand-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95)
    }
}

@keyframes hud_pulsate {
    50% {
        -webkit-transform: scale(0.95);
        -sand-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95)
    }
}

@-webkit-keyframes hud_spin_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(-360deg);
        -sand-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-moz-keyframes hud_spin_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(-360deg);
        -sand-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-ms-keyframes hud_spin_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(-360deg);
        -sand-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes hud_spin_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(-360deg);
        -sand-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes hud_spin_counter_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(360deg);
        -sand-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes hud_spin_counter_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(360deg);
        -sand-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes hud_spin_counter_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(360deg);
        -sand-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes hud_spin_counter_clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        -sand-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 0;
        -webkit-transform: rotate(360deg);
        -sand-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes hud_wind_release {
    90% {
        -webkit-transform: scale(0.8) rotate(210deg);
        -sand-transform: scale(0.8) rotate(210deg);
        -moz-transform: scale(0.8) rotate(210deg);
        -ms-transform: scale(0.8) rotate(210deg);
        -o-transform: scale(0.8) rotate(210deg);
        transform: scale(0.8) rotate(210deg)
    }
}

@-moz-keyframes hud_wind_release {
    90% {
        -webkit-transform: scale(0.8) rotate(210deg);
        -sand-transform: scale(0.8) rotate(210deg);
        -moz-transform: scale(0.8) rotate(210deg);
        -ms-transform: scale(0.8) rotate(210deg);
        -o-transform: scale(0.8) rotate(210deg);
        transform: scale(0.8) rotate(210deg)
    }
}

@-ms-keyframes hud_wind_release {
    90% {
        -webkit-transform: scale(0.8) rotate(210deg);
        -sand-transform: scale(0.8) rotate(210deg);
        -moz-transform: scale(0.8) rotate(210deg);
        -ms-transform: scale(0.8) rotate(210deg);
        -o-transform: scale(0.8) rotate(210deg);
        transform: scale(0.8) rotate(210deg)
    }
}

@keyframes hud_wind_release {
    90% {
        -webkit-transform: scale(0.8) rotate(210deg);
        -sand-transform: scale(0.8) rotate(210deg);
        -moz-transform: scale(0.8) rotate(210deg);
        -ms-transform: scale(0.8) rotate(210deg);
        -o-transform: scale(0.8) rotate(210deg);
        transform: scale(0.8) rotate(210deg)
    }
}

.movement {
    bottom: 30px;
    position: fixed;
    left: 100px
}

.movement li {
    display: inline-block
}

.buttons a {
    background: #fff;
    border-radius: 3px;
    color: #000;
    font: normal 14px sans-serif;
    padding: 5px 8px;
    text-decoration: none;
    text-transform: uppercase
}

.buttons a:hover {
    background: #6aa9ff
}