.input-group-addon,
.btn-success,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.dropdown-menu{
  color: #000;
  background: #ffb828!important
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #000;
}

.product__discount {
  color: #000;
  background: #ffb828!important
}

a,
a:focus,
a:hover,
.product__command {
  color: #ffb828
}

.input-group-addon {
  border: #ffb828
}
.progress-bar-danger,
.progress-bar-success
{
  background-color: #ffb828;
}

.roulette:before {
    border-top: 24px solid #ffb828
}
.roulette:after {
    border-bottom: 24px solid #ffb828
}
.gs-loader-4 .gs-loader-inner .spi:before {
    border-top: solid 15px #ffb828;
    border-bottom: solid 15px #ffb828;
}
.gs-loader-4 .gs-loader-inner .spi:after {
    background-color: rgba(255, 184, 40, 0.75);
}
.btn-danger {
    background-color: #ffb828!important;
}

.col-xs-6,
.col-md-4,
.col-lg-3 {
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}

.btn-default,
.btn-default.active,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover {
  border: 0;
}

/*.btn-default,*/
.modal .modal-footer .btn-default,
.store-categories .btn-default,
.store__servers .nav>li>a,
.navbar .nav>li>a {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.modal .modal-footer .btn-default.active,
.modal .modal-footer .btn-default:hover,
.modal .modal-footer .btn-default:focus,
.store-categories .btn-default.active,
.store-categories .btn-default:hover,
.store-categories .btn-default:focus,
.store__servers .nav>li>a:hover,
.store__servers .nav>li>a:focus,
.store__servers .nav>li.active>a,
.xbox__body .nav>li>a:hover,
.xbox__body .nav>li>a:focus,
.xbox__body .nav>li.active>a,
.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus {
  color: #000!important;
  background: #ffb828!important;
  background-color: #ffb828!important;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.product,
.nav>li>a,
.btn-default,
.btn-success,
.input-group {
  transition: all .2s ease-in-out;
  -webkit-transition: box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: box-shadow 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

.product:hover,
.nav>li>a:hover,
.nav>li>a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.btn-default.active,
.btn-default:hover,
.btn-default:focus,
.btn-success:hover,
.form-control:focus {
  box-shadow: 1px 1px 8px rgba(255, 184, 40, 0.5), -1px -1px 8px rgba(255, 184, 40, 0.5), 1px -1px 8px rgba(255, 184, 40, 0.5) , -1px 1px 8px rgba(255, 184, 40, 0.5);
  -webkit-transition: box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 2;
}

.product {
  -webkit-transition: all 250ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 250ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 250ms ease-in;
  -moz-transform: scale(1);
  transition: all 250ms ease-in;
  transform: scale(1); 
}

.product:hover {
  -webkit-transition: all 250ms ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 250ms ease-in;
  -ms-transform: scale(1.1);   
  -moz-transition: all 250ms ease-in;
  -moz-transform: scale(1.1);
  transition: all 250ms ease-in;
  transform: scale(1.1);
}

.product__name {
  transform: translateY(0%);
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.product:hover .product__name {
  opacity: 1;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

@keyframes spin {
  10% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.9);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
}

.product:hover .product__image {
  animation: spin 3s infinite;
}

.sales_table {
  border-collapse: separate;
  border-spacing: 5px;
}

.timer_header {
  margin: 20px;
}

.product__servers.product__servers_all {
  display: none;
}