.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
-.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.{
}
.product__quantity {
    background: rgba(208, 65, 40, 0.86);
    font-size: 14px;
    font-weight: 800;
    margin-right: -8px;
    margin-bottom: -8px;
    padding-left: 3px;
    color: #fbd5d5;
    border-radius: 5px 0 0 0;
    text-shadow: 1px 1px 1px #000;
}
.product__name {
    background: rgba(255, 255, 255, 0);
    font-size: 16px;
    font-weight: bold;
    padding-top: 2px;
    margin-bottom: -5px;
    color: #ffd1d1e8;
    text-shadow: 1px 1px 0px #000;
    background: rgba(123, 43, 43, 0.63);
    background-image: url();
    text-shadow: 1px 1px 1px #000;
    text-align: center;
}
.modal .modal-header h4 {
    font-size: 25px;
}
.product__price {
    background: rgba(208, 65, 40, 0.86);
    font-size: 14px;
    font-weight: 800;
    color: #f9cdcd;
    padding-bottom: 0px;
    margin-top: -3px;
    padding-left: 2px;
    border-radius: 0 0 5px 0;
    text-shadow: 2px 1px 4px #000;
    box-shadow: 0px 0px 0px 0px #848080, 0 0 0 0 #797979;
}
.dropdown-toggle {
    visibility: hidden;
    display: none;
}
.nav.navbar-nav.navbar-right.change-language {
    visibility: hidden;
    display: none;
}
.table-striped>tbody, .table-striped>tbody>tr:nth-of-type(2n+1) {
    border: 1px solid #018430;
    border-radius: 5px;
    color: #ffffff;
}
.nav>li>a:focus, .nav>li>a:hover {
 border-radius: 14px; 
}
.nav>li>a {
    color: #97b578;
    font-weight: bold;
    background-color: #063e11b0;
    text-shadow: 2px 2px 4px #500000;
}
.navbar {
    background-image: url(https://i.imgur.com/XId0Gxw.jpg);
    box-shadow: 0 0 2px 4px #750000, 0 0 0 1px #ff3a3a;
}
.table-striped>tbody, .table-striped>tbody>tr:nth-of-type(2n+1) {
    border: 1px solid #018430;
    border-radius: 5px;
    color: #ffffff;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    color: #ccfffb;
    text-shadow: 2px 2px 4px #000000;
    font-weight: bold;
  background-color: #000000;
}
.table>tbody>tr>td>a {
    color: red;
}
.table>thead {
      color: lime;
}
.footer {
    font-size: 0px;
    background: rgba(0, 0, 0, 0);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus {
    color: #02ff23;
    background: rgba(27, 189, 87, 0.61);
    text-shadow: 2px 1px 4px #000000;
    font-weight: bold;
}
.product__command {
    text-align: center;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
}
.navbar-right {
    box-shadow: 0 0 5px 2px #00d040, 0px 0px 0px 0px #fba0a0;
    border-radius: 2px;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 0px 19px #ffffff, 0px 0px 19px #fff;
    margin-bottom: 5px;
}
.product:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background-color: transparent;
    background-image: url(https://i.imgur.com/QcFWXKt.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.xbox__body {
  border-radius: 10px;
    background-image: url(https://i.imgur.com/XId0Gxw.jpg);
  box-shadow: 0 0 5px 5px #868686, 0 0 0 1px #ba0000;
}
.btn-default, .btn-default:focus, .btn-default:hover {
    background: #3fca577a;
    border: 1px solid #2c2f20eb;
    color: #d9e6b3e8;
    font-weight: bold;
    text-shadow: 1px 1px 1px #292929;
}
.xbox__header {
    visibility: hidden;
    display: none;
}
.header-image {
    visibility: hidden;
    display: none;
}
.product__servers_all {
    visibility: hidden;
    display: none;
}
.roulette__description {
    visibility: hidden;
    display: none;
}
.roulette-item__description {
    color: orange;
}
.modal-body {
    background-image: url(https://i.imgur.com/SwNNky3.jpg);
      text-align: center;
    color: #9a9696;
  text-shadow: 1px 2px 4px #000000;
}
.store-categories>.btn {
    margin-bottom: 5px;
    box-shadow: 0 0 2px 2px #868686, 0 0 0 1px #ba0000;
}
.modal .modal-header {
    color: #e4bc45;
    padding: 5px;
    background: #7d7d7d94;
    background-image: url(https://i.imgur.com/HMl8RO0.gif);
}
.product__image {
    padding: 2%;
    width: 100%;
}
.product {
	border: 0 !important;
	box-shadow: 0 0 0 0 !important;
	background-color: rgba(255, 255, 255, 0.1);
	background-position: 0 0, 0 0, 0 0;
	transition: all 0.2s;
	-webkit-animation-name: ItemUnhover;
	animation-name: ItemUnhover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s
}
.modal-title {
    font-weight: bold;
    text-shadow: -1px 1px 20px #000000;
    font-weight: bold;
    text-align: center;
    color: rgb(73, 255, 0);
    line-height: 1.0;
}
.product:hover {
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.product:active {
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.input-group-addon {
  background-image: url('https://i.imgur.com/9PCgq9A.gif');
  border: 1px solid #080808;
    border-radius: 14px;
}
.form-control[readonly] {
color: #ffa7a7;
    font-weight: bold;
    background: #9822226e;
}
.table>tbody>tr>td {
color: #f7e664;
}
.btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover {
    color: #ffd3d3;
    background: #ec04438a;
    text-shadow: 0 1px 1px rgb(0, 0, 0);
    border: 2px solid #151515;
}
.input-group input.form-control {
    margin-top: 1px;
    text-shadow: 1px 2px 1px #000000;
}
.navbar-brand:active, .navbar-brand:focus, .navbar-brand:hover, .navbar-brand:visited {
    color: rgba(0, 0, 0, 0);
}
.navbar-brand:before {
    content: "МАГАЗИН-";
    font-size: 18px;
    font-weight: bold;
}
.navbar .nav>li>a {
    color: rgb(73, 255, 0);
    font-size: 20px;
    background-image: url(https://i.imgur.com/HMl8RO0.gif);
}
.form-control {
    background: #9822226e;
    border-radius: 40px;
    color: #ff8a8a;
    font-weight: bold;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 14px;
    background: url(https://i.imgur.com/wVedRhJ.png);
  line-height: 700px;
}
.navbar-header {
    margin-top: 5px; 
    margin-bottom: 5px;
    padding: 0px 35px;
    padding-right: 14px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-shadow:0px 0px 19px #ffffff;
    0px 0px 19px #fff;
}
.navbar-header>a {
    color: rgba(0, 0, 0, 0);
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.product__price:hover{background-color:rgba(250, 0, 50, 1.0);-webkit-animation-name:ItemHover;animation-name:ItemHover;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;filter:saturate(80%)}
.product__name:hover{background-color:rgba(250, 0, 50, 1.0);-webkit-animation-name:ItemHover;animation-name:ItemHover;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;filter:saturate(80%)}
.product{border:0 !important;box-shadow:0 0 0 0 !important;background-color:rgba(255, 255, 255, 0.1);background-position:0 0, 0 0, 0 0;transition:all 0.2s;-webkit-animation-name:ItemUnhover;animation-name:ItemUnhover;-webkit-animation-duration:0.3s;animation-duration:0.3s;filter:saturate(100%) drop-shadow(0px 0px 50px rgba(0, 168, 255, 0))}
.product__price-old{display:none}
.product:hover{background-color:rgba(255, 255, 255, 0.95);-webkit-animation-name:ItemHover;animation-name:ItemHover;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;filter:saturate(150%) drop-shadow(0px 0px 5px rgba(200, 10, 0, 1.0))}
.btn:hover{background-color:rgba(255, 255, 255, 0.5);-webkit-animation-name:ItemHover;animation-name:ItemHover;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;filter:saturate(150%) drop-shadow(0px 0px 5px rgba(255, 168, 255, 1.0))}
.btn:active{background-color:rgba(255, 255, 255, 0.5);-webkit-animation-name:ItemHover;animation-name:ItemHover;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.navbar-header{background-color:rgba(255, 255, 255, 0);-webkit-animation-name:ItemHover;animation-name:ItemHover;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;filter: saturate(100%) drop-shadow(0px 0px 5px rgba(100, 50, 10, 1.0));

@media (min-width:992px) {
	.modal-lg {
		max-width: 900px
	}
}
@keyframes ShowRoulette {
	0% {
		margin-left: 2000px
	}
	100% {
		margin-left: px
	}
}
@keyframes ShowItem {
	0% {
		opacity: 0;
		transform: translateY(50%)
	}
	50% {
		opacity: 1;
		transform: translateY(-10%)
	}
	85% {
		opacity: 1;
		transform: translateY(5%)
	}
	100% {
		opacity: 1;
		transform: translateY(0%)
	}
}
@-webkit-keyframes ZoomIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	65% {
		opacity: 1;
		transform: scale(1.15)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@keyframes ZoomIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	65% {
		opacity: 1;
		transform: scale(1.15)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	25% {
		opacity: 1;
		transform: scale(1.15)
	}
	70% {
		opacity: 1;
		transform: scale(0)
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	25% {
		opacity: 1;
		transform: scale(1.15)
	}
	70% {
		opacity: 0;
		transform: scale(0)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		transform: scale(0)
	}
	45% {
		transform: scale(1.15)
	}
	70% {
		transform: scale(1)
	}
}
@keyframes fadeInUp {
	0% {
		transform: scale(0)
	}
	45% {
		transform: scale(1.15)
	}
	70% {
		transform: scale(1)
	}
}
@-webkit-keyframes ItemHover {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.2)
	}
	100% {
		transform: scale(1.15)
	}
}
@keyframes ItemHover {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.2)
	}
	100% {
		transform: scale(1.15)
	}
}
@-webkit-keyframes ItemUnhover {
	0% {
		transform: scale(1.15)
	}
	50% {
		transform: scale(0.85)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes ItemUnhover {
	0% {
		transform: scale(1.15)
	}
	50% {
		transform: scale(0.85)
	}
	100% {
		transform: scale(1)
	}
[class~=store-filters]{background-color:rgba(28,134,238,.25);
}