.drum_wrapper {width:800px;height:441px;position:relative;padding:40px 0 40px 250px;}
.drum_form_container {height: 360px;padding:40px;background:url(../images/drum_bg.html)}
.drum_container{position:absolute;top:0;left:0;}
.drum {width:441px;height:441px;}
.drum.gift_casco {animation: 4s ease-out 0s gift_casco;-webkit-animation: 4s ease-out 0s gift_casco;animation-iteration-count:1;}
.drum.gift_payments {animation: 4s ease-out 0s gift_payments;-webkit-animation: 4s ease-out 0s gift_payments;animation-iteration-count:1;transform: rotate(1511deg);}
.drum.gift_rabber {animation: 4s ease-out 0s gift_rabber;-webkit-animation: 4s ease-out 0s gift_rabber;animation-iteration-count:1;transform: rotate(1367deg);}
.drum.gift_alarm {animation: 4s ease-out 0s gift_alarm;-webkit-animation: 4s ease-out 0s gift_alarm;animation-iteration-count:1;transform: rotate(1297deg);}
.drum.gift_parking{animation: 4s ease-out 0s gift_parking;-webkit-animation: 4s ease-out 0s gift_parking infinite;animation-iteration-count:1;transform: rotate(1223deg)}
.drum_arrow {position: absolute;top: 50%;margin-top: -28px;left:400px;}
.drum_arrow.arrow_moving {animation: 4s ease-out 0s arrow_moving;-webkit-animation: 4s ease-out 0s arrow_moving;}
.drum_form{width: 280px;float: right;}
.drum_form>div {text-align:center;color:#fff;line-height:30px;}
.drum_form>div.fs30 {font-size:30px;}
.drum_form>div.fs24 {font-size:24px;}
.drum_form form {margin-top:15px;}
.drum_form .form_control{display:block;margin-bottom:10px;width:100%;height:48px;line-height:48px;}
.drum_form .btn {width:100%;height:48px;line-height:48px;}

@keyframes gift_casco {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1800deg);
  }
}
 @keyframes gift_payments {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1511deg);
  }
}
@keyframes gift_rabber {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1367deg);
  }
}
@keyframes gift_alarm {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1297deg);
  }
}
@keyframes gift_parking {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1223deg);
  }
} 
@keyframes arrow_moving {
  0%, 50%, 100% {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
   }
   10%, 30% {
     transform: rotate(-10deg);
     -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
     -o-transform: rotate(-10deg);
     -ms-transform: rotate(-10deg);
   }
   20%, 40% {
     transform: rotate(10deg);
     -webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
     -o-transform: rotate(10deg);
     -ms-transform: rotate(10deg);
   }
}