.wBtn {
  font-family: 'OpenSans_ExtraBold';
  font-size: 12px;
  line-height: 28px;
  position: relative;
  display: inline-block;
  width: auto;
  height: 30px;
  margin: 0 0 .4em;
  padding: 0 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: -webkit-transform 3s linear;
  transition: transform 3s linear;
  transition: transform 3s linear, -webkit-transform 3s linear;
  transition: all .3s linear;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  vertical-align: top;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f26522;
  border: 1px solid #f26522;
  border-radius: 5px;
  background: transparent;
  -o-user-select: none;
}

.wBtn.w_block {
  display: block;
  width: auto;
  margin-right: 0;
  margin-left: 0;
}

.wBtn:hover {
  color: #fff;
  background: #f26522;
}

.wBtn:active {
  color: #fff;
  background: #1c4033;
}

.wBtn.w_primary {
  font-size: 14px;
  line-height: 35px;
  height: 37px;
  padding: 0 60px;
  color: #fff;
  background: #f26522;
}

.wBtn.w_primary:hover {
  color: #f26522;
  background: #fff;
}

.wBtn.w_primary:active {
  color: #fff;
  border-color: #fff;
  background: #1c4033;
}

.wBtn.w_success {
  background: #78be30;
  background: linear-gradient(to bottom, #78be30 0%, #67a429 100%);
  box-shadow: 0 .21429em 0 #41661a;
}

.wBtn.w_success:hover {
  color: #fff;
  background: #79c031;
  box-shadow: 0 .21429em 0 #365616;
}

.wBtn.w_success:active {
  top: .07143em;
  color: #fff;
  box-shadow: inset 0 -.14286em .21429em rgba(255, 255, 255, .45), inset 0 .14286em .21429em rgba(0, 0, 0, .35), 0 .14286em 0 #365616;
}

.wBtn.w_info {
  background: #74bbff;
  background: linear-gradient(to bottom, #74bbff 0%, #53abff 100%);
  box-shadow: 0 .21429em 0 #0685ff;
}

.wBtn.w_info:hover {
  color: #fff;
  background: #77bcff;
  box-shadow: 0 .21429em 0 #007bf1;
}

.wBtn.w_info:active {
  top: .07143em;
  color: #fff;
  box-shadow: inset 0 -.14286em .21429em rgba(255, 255, 255, .45), inset 0 .14286em .21429em rgba(0, 0, 0, .35), 0 .14286em 0 #007bf1;
}

.wBtn.w_warning {
  background: #4adb4a;
  background: linear-gradient(to bottom, #4adb4a 0%, #2ed62e 100%);
  box-shadow: 0 .21429em 0 #1e991e;
}

.wBtn.w_warning:hover {
  color: #fff;
  background: #4cdb4c;
  box-shadow: 0 .21429em 0 #1b881b;
}

.wBtn.w_warning:active {
  top: .07143em;
  color: #fff;
  box-shadow: inset 0 -.14286em .21429em rgba(255, 255, 255, .45), inset 0 .14286em .21429em rgba(0, 0, 0, .35), 0 .14286em 0 #1b881b;
}

.wBtn.w_danger {
  background: #eb4f1f;
  background: linear-gradient(to bottom, #eb4f1f 0%, #d64113 100%);
  box-shadow: 0 .21429em 0 #902c0d;
}

.wBtn.w_danger:hover {
  color: #fff;
  background: #eb5121;
  box-shadow: 0 .21429em 0 #7d260b;
}

.wBtn.w_danger:active {
  top: .07143em;
  color: #fff;
  box-shadow: inset 0 -.14286em .21429em rgba(255, 255, 255, .45), inset 0 .14286em .21429em rgba(0, 0, 0, .35), 0 .14286em 0 #7d260b;
}

.wBtn.w_large {
  font-size: 16.25px;
}

.wBtn.w_success,.wBtn.w_info,.wBtn.w_warning,.wBtn.w_danger {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.wBtn.w_success > .svgHolder > svg,.wBtn.w_info > .svgHolder > svg,.wBtn.w_warning > .svgHolder > svg,.wBtn.w_danger > .svgHolder > svg {
  fill: #fff;
}

.wBtn.w_success:hover > .svgHolder > svg,.wBtn.w_success:active > .svgHolder > svg,.wBtn.w_info:hover > .svgHolder > svg,.wBtn.w_info:active > .svgHolder > svg,.wBtn.w_warning:hover > .svgHolder > svg,.wBtn.w_warning:active > .svgHolder > svg,.wBtn.w_danger:hover > .svgHolder > svg,.wBtn.w_danger:active > .svgHolder > svg {
  fill: #fff;
}