@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{100%{transform:rotate(360deg);}
}
.buttons{line-height:0;margin:15px 0;text-align:center;}
.buttons:first-child{margin-top:0;}
.buttons:last-child,.buttons.last-child{margin-bottom:0;}
.buttons.left{text-align:left;}
.buttons.left .button{margin:0 5px 0 0;}
.buttons.right{text-align:right;}
.buttons.right .button{margin:0 0 0 5px;}
.buttons.small .button{height:28px;line-height:27px;font-size:11px;padding:0 12px;}
.buttons.small .button:before{font-size:12px;}
.buttons.big .button{height:38px;line-height:37px;font-weight:bold;padding:0 20px;}
.buttons.big .button:before{font-size:16px;}
.buttons .button{margin:0 2px;}
.button{height:34px;line-height:34px;color:#252830;display:inline-block;padding:0 15px;text-align:center;white-space:nowrap;overflow:hidden;background:#d2d2d2;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.button:hover{opacity:0.8;cursor:pointer;text-decoration:none;}
.button:active{transform:translateY(1px);-webkit-transform:translateY(1px);}
.button.small{height:28px;line-height:26px;font-size:11px;padding:0 12px;}
.button.small:before{font-size:inherit;}
.button.small.white{line-height:25px;}
.button.big{height:38px;line-height:37px;font-weight:bold;padding:0 20px;}
.button.big.white{line-height:35px;}
.button.block{display:block;}
.button.icon{width:34px;padding:0;}
.button.icon.small{width:28px;padding:0;}
.button.icon.big{width:38px;padding:0;}
.button.red,.button.confirm{color:#fff;background:#c9202c;}
.button.blue,.button.add{color:#fff;background:#2175a1;}
.button.green{color:#fff;background:#24c97a;}
.button.orange{color:#fff;background:#e7804f;}
.button.violet{color:#fff;background:#8849a0;}
.button.dark{color:#fff;background:#252830;}
.button.white{line-height:32px;background:#fff;border:1px solid #d2d2d2;}
.button[class^='ico-']:before,.button[class*=' ico-']:before{font-size:14px;vertical-align:middle;margin:0 7px 0 -5px;}
.button[class^='ico-'].small:not(.icon):before,.button[class*=' ico-'].small:not(.icon):before{font-size:12px;}
.button[class^='ico-'].big:before,.button[class*=' ico-'].big:before{font-size:16px;font-weight:normal;}
.button[class^='ico-'].icon:before,.button[class*=' ico-'].icon:before{margin:0;}
.button[class^='ico-'].icon-left:before,.button[class*=' ico-'].icon-left:before{float:left;margin:0 10px 0 -6px;}
.button[class^='ico-'].icon-right:before,.button[class*=' ico-'].icon-right:before{float:right;margin:0 -6px 0 10px;}