input, button, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 8px;
}

.btn {
	margin-bottom: 3px;
	transition: background-color 0.3s ease 0s;
}

.brandBtn1 {
    background-color: #f7d700;
    color: #3b2917;
}
.brandBtn1:hover {
    background-color: #e9b107;
    color: #3b2917!important;
}
.brandBtn1.disabled {
    background-color: #bec9d3;
    color: #3b4f61;
    cursor: context-menu;
}
.brandBtn2 {
    background-color: #70d834;
}
.brandBtn2:hover {
    
}
.brandBtn2.disabled {
    cursor: context-menu;
}

.btn-default {
  color: #71D60B;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #fff;
  background-color:  #71D60B;
  border-color: #adadad;
}
.btn-success {
  color: #fff;
  background-color: #70d834;
  border-color: #70d834;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #47a447;
}


.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #4aba09;
  border-color: #4aba09;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #b2ec90;
  border-color: #b2ec90;
}
.btn-info {
    color: #fff;
    background-color:  #003C69;
    border-color:  #003C69;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #7fadd1;
  border-color: #7fadd1;
}

.btn-warning { 
    color: #fff;
    background-color: #f0b300;
    border-color: #f0b300;  
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #f08800;
    border-color: #f08800;      
}
/* -------------- animated burger btn -------------------- */
.animatedBtn {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;/*108*/
  height: 50px;/*96*/
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: #0D6918;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}
.animatedBtn:focus {
  outline: none;
}
.animatedBtn span {
  display: block;
  position: absolute;
  top: 22px;
  left: 10px;
  right: 10px;
  height: 3px;
  background-color: #85EC42;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.animatedBtn span::before,
.animatedBtn span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #85EC42;
  content: "";
}

.animatedBtn span::before {
  top: -12px;
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
          transition: transform 0.3s, width 0.3s, top 0.3s;
}

.animatedBtn span::after {
  bottom: -12px;
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
          transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

.animatedBtn.active span {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.animatedBtn.active span::before,
.animatedBtn.active span::after {
  width: 50%;
}

.animatedBtn.active span::before {
  top: 0;
  left: -2px;
  -webkit-transform: translateX(20px) translateY(2px) rotate(45deg);
      -ms-transform: translateX(20px) translateY(2px) rotate(45deg);
          transform: translateX(20px) translateY(2px) rotate(45deg);
}

.animatedBtn.active span::after {
  bottom: -1px;
  left: -2px;
  -webkit-transform: translateX(20px) translateY(-2px) rotate(-45deg);
      -ms-transform: translateX(20px) translateY(-2px) rotate(-45deg);
          transform: translateX(20px) translateY(-2px) rotate(-45deg);
}