.ada {
	display: none;
}


/*variables*/

* {
	--main-color: rgb(255, 255, 255);
	--secondary-color: #0089e9;
	--bg-color: #f5f6fa;
	--text-color: #1e1e1e;
	--default-btn-bg: transparent;
	--default-btn-secondary: #0089e9;
	--default-btn-secondary-text: #fff;
	--default-btn-text: #bfbfbf;
	--success-btn-bg: rgba(255, 255, 255, 0.8);
	--success-btn-secondary: rgba(255, 255, 255, 0.5);
	--success-btn-secondary-text: rgb(21, 21, 21);
	--success-btn-text: rgb(21, 21, 21);
	--secondary-btn-bg: rgb(21, 21, 21);
	--secondary-btn-secondary: rgba(21, 21, 21, 0.8);
	--secondary-btn-secondary-text: #fff;
	--secondary-btn-text: #fff;
	--primary-btn-bg: rgb(21, 21, 21);
	--primary-btn-secondary: rgba(21, 21, 21, 0.8);
	--primary-btn-secondary-text: #fff;
	--primary-btn-text: #fff;
	--main-font-family: 'TTCommons-Regular';
}


/*---------------------------------------*/


/*FONTS*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i,700i&display=swap&subset=cyrillic');
@font-face {
	font-family: 'GothamPro-Bold';
	src: local('GothamPro-Bold'), url('https://nomail.com.ua/files/woff/45aa54635ee87503742d3b4af08a808f.woff') format('woff');
}

@font-face {
	font-family: 'GothamPro';
	src: local('GothamPro'), url('https://nomail.com.ua/files/woff/2be5884cfacf402f5c51d11236433756.woff') format('woff');
}

@font-face {
	font-family: 'TTCommons-Bold';
	src: local('TTCommons-Bold'), url('http://chgk.offkoenig.design/assets/fonts/TTCommons/TTCommons-Bold.ttf') format('ttf');
}

@font-face {
	font-family: 'TTCommons-Light';
	src: local('TTCommons-Light'), url('http://chgk.offkoenig.design/assets/fonts/TTCommons/TTCommons-Light.ttf') format('ttf');
}

@font-face {
	font-family: 'TTCommons-Regular';
	src: local('TTCommons-Regular'), url('http://chgk.offkoenig.design/assets/fonts/TTCommons/TTCommons-Regular.ttf') format('ttf');
}

@font-face {
	font-family: 'TTCommons-DemiBold';
	src: local('TTCommons-DemiBold'), url('http://chgk.offkoenig.design/assets/fonts/TTCommons/TTCommons-DemiBold.ttf') format('ttf');
}


/*---------------------------------------*/


/*MAIN STYLES*/

* {
	text-shadow: none !important;
}

body {
	background: #edf0f6;
	background-size: cover;
	color: var(--text-color);
	background-attachment: fixed;
	background-repeat: no-repeat;
	text-shadow: none;
}

p {
	margin: 0 0 10px;
	color: var(--secondary-color);
	font-family: var(--main-font-family);
}

a:hover {
	color: var(--secondary-color);
}

.h4,
h4 {
	font-size: 28px;
	font-family: var(--main-font-family);
	text-shadow: none;
	font-weight: 700;
	color: var(--text-color);
}

.h5,
h5 {
	font-size: 14px;
	font-family: var(--main-font-family);
	color: var(--main-color);
}

table {
	font-family: var(--main-font-family);
}

label {
	text-transform: uppercase;
	display: inline-block;
	color: var(--text-color);
	font-family: var(--main-font-family);
	font-style: none;
	text-shadow: none;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 600;
}


/*---------------------------------------*/


/*CLASSES STYLES*/

.logo {
	max-width: 100%;
	margin-top: -3%;
	position: relative;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.58) 50%, rgb(0, 0, 0) 100%);
	box-shadow: 0 -15px 57px -1px rgba(0, 0, 0, .75);
}

.login {
	position: absolute;
	top: -300px;
	right: -1100px;
	/*background-image: url('https://i.imgur.com/aR7FJ3o.png');*/
	width: 183px;
	height: 53px;
}

.wrapper {
	margin-bottom: 30px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.navbar {
	margin-top: 5%;
	text-shadow: none;
	font-size: 1.55rem;
	text-transform: uppercase;
	z-index: 10;
	margin-bottom: 0;
	background: var(--main-color);
	border: none !important;
	border-radius: 0;
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.25);
	padding: 0;
}

.navbar-brand:hover {
	color: var(--secondary-color) !important;
}

.navbar-brand {
	float: left;
	text-transform: capitalize;
	margin-left: 50px !important;
	font-size: 18px;
	margin: 30px;
	height: 0;
	padding: 0;
	margin-right: -50px;
	line-height: 20px;
}

.navbar-header>a {
    color: var(--text-color) !important;
    transition: all .3s;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent!important;
	color: #FFF!important;
}

.nav.navbar-nav,
.nav.navbar-nav.navbar-right.ng-scope {
	border-top: none;
	background: transparent;
	transition: all .2s;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
	background-color: transparent;
	color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
	color: #FFF!important;
}

.dropdown-menu {
	border: none!important;
	background: transparent!important;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background: transparent!important;
}


/*.navbar-brand:before {
	content: "";
	font-weight: 400;
	font-family: var(--main-font-family);
}*/

.navbar .nav>li>a {
	margin-top: 5px;
	background-color: transparent;
	color: #bdbdbd;
	font-size: 16px;
	text-transform: uppercase;
	transition: all .6s;
	padding: 25px;
	font-family: 'TTCommons-DemiBold';
	border-bottom: solid;
	border-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: var(--text-color);
	background-color: transparent !important;
}

.header-image {
	display: none;
	-webkit-animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	margin-top: 30px;
	margin-bottom: 0;
}

.well {
	background: rgba(0, 0, 0, 0.4);
	padding: 2%;
	border-radius: 30px;
	border: none;
}

.xbox__header h4 {
	margin: 0;
	padding-left: 0px;
	line-height: 100%;
	font-size: 20px;
	display: none;
	font-weight: 600;
	color: var(--text-color);
	font-family: var(--main-font-family);
}

.xbox__header {
	display: none;
	font-family: var(--main-font-family);
	background-color: var(--main-color);
	border-radius: 0 !important;
	background-size: auto;
	padding: 15px 20px;
}

.xbox__body {
	background: var(--bg-color);
	border: none !important;
	margin: auto;
	width: 100%;
	color: var(--default-btn-text);
	padding-top: 40px;
	padding-bottom: 60px;
}

.xbox_widget_stats {
	background-color: var(--bg-color);
}

.xbox_widget_stats>.xbox__body {
	background-color: transparent;
}

.header__image {
	width: 100%;
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

.modal .modal-body {
	font-family: var(--main-font-family);
	background-color: var(--bg-color);
	width: 99%;
	margin: auto;
}

.modal .modal-content {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.modal .modal-header {
	text-align: center;
	font-family: var(--main-font-family);
	background-color: var(--main-color);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	color: var(--text-color);
	font-weight: 600;
	text-transform: uppercase;
	padding: 0;
	font-style: none;
	border: none;
}

.modal .modal-header h4 {
	color: var(--secondary-color);
	font-size: 27px;
	padding: 15px;
	border-bottom: solid;
	font-family: TTCommons-DemiBold;
}

.modal .modal-footer {
	background: var(--bg-color);
	border: none;
	width: 99%;
	margin: auto;
}

.modal-footer>.col-md-12>.btn-default {
	display: none;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
}

.xbox {
	position: relative;
	background: transparent;
	margin-bottom: 20px;
	border-radius: 25px;
}

.xbox__footer {
	background: var(--bg-color);
	padding: 10px;
	padding-top: 0;
	margin: auto;
	display: none;
	width: 99%;
	border-radius: 0 !important;
}

.footer a {
color: #48a5e7;
}

.btn {
	transition: all .4s !important;
	font-family: var(--main-font-family);
}

.btn-secondary {
	color: var(--secondary-btn-text);
	background: var(--secondary-btn-bg);
	border: none !important;
	outline: none !important;
	border-radius: 7px !important;
}

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
	color: var(--secondary-btn-secondary-text);
	border-radius: 40px !important;
	background: var(--secondary-btn-secondary-bg);
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-default {
	opacity: .7;
	border: 1px solid var(--default-btn-text);
	text-transform: none;
	font-family: var(--main-font-family);
	color: var(--default-btn-text) !important;
	background: var(--default-btn-bg) !important;
	border-radius: 3px !important;
	padding-top: 3px;
	padding-bottom: 0px;
	margin: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
}

.btn-default:hover,
.btn-default:focus {
	background: var(--default-btn-secondary) !important;
	border: 1px solid var(--default-btn-secondary) !important;
	color: var(--main-color) !important;
	opacity: 1;
}

.btn-default.active,
.btn-default:active,
.show>.btn-default.dropdown-toggle {
	color: var(--default-btn-secondary-text) !important;
	border-radius: 3px;
	background-color: var(--default-btn-secondary) !important;
	border: 1px solid var(--default-btn-secondary) !important;
}

.btn-default.active:hover {
	background: var(--default-btn-secondary);
	border: 1px solid var(--default-btn-secondary) !important;
}

.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
	background: var(--default-btn-secondary) !important;
	border: 1px solid var(--default-btn-secondary) !important;
	color: var(--main-color) !important;
	opacity: 1;
}

.btn-success:hover,
.btn-success:focus {
	background: var(--default-btn-secondary) !important;
	border: 1px solid var(--default-btn-secondary) !important;
	color: var(--main-color) !important;
	opacity: 1;
}

.btn-success {
	opacity: .7;
	border: 1px solid var(--default-btn-text);
	text-transform: none;
	font-family: var(--main-font-family);
	color: var(--default-btn-text) !important;
	background: var(--default-btn-bg) !important;
	border-radius: 3px !important;
	padding-top: 3px;
	padding-bottom: 0px;
	margin: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
}

.btn-success.disabled,
.btn-success:disabled {
	background-color: #b85c5c;
	border-color: #b85c5c;
}

.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 {
	background: var(--default-btn-secondary) !important;
	border: 1px solid var(--default-btn-secondary) !important;
	color: var(--main-color) !important;
	opacity: 1;
}

.nav-pills .nav-link.active {
	color: var(--text-color);
	background-color: var(--main-color);
}

.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
	background-color: var(--main-color);
}

.btn-primary {
	color: var(--primary-btn-text);
	background-color: var(--primary-btn-bg);
	border: none !important;
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	color: var(--primary-btn-secondary-text);
	background-color: var(--primary-btn-secondary);
	background-image: none;
	border: none;
	outline: none !important;
}

.btn-primary:hover {
	color: var(--primary-btn-secondary-text);
	background-color: var(--primary-btn-secondary);
	border: none;
}

.store-primary-title,
.topusers-primary-title,
.user-primary-title {
	border-bottom: none;
}

.static-primary-title,
.store-primary-title,
.topusers-primary-title,
.user-primary-title {
	padding-bottom: 5px;
	border: none !important;
	margin: 0;
	text-align: center;
	font-family: 'GothamPro-Bold' !important;
	font-size: 35px;
	color: var(--text-color);
}

.btn-sm,
.btn-xs,
.checkbox label,
.dropdown-header,
.dropdown-menu>li>a,
.help-block,
.navbar,
.radio label,
.table,
label,
table {
	font-size: 15px;
}

.btn-sm.btn-primary:active,
.btn-sm.btn-primary:focus,
.btn-sm.btn-primary:hover {
	background: transparent;
	border: none !important;
	color: var(--text-color);
}

.store-divider-block .btn-success {
	background-color: transparent !important;
	font-family: 'GothamPro-Bold' !important;
}

.store-divider-block {
	border-bottom: #e5e5e5 1px solid;
	padding-bottom: 0;
	margin-bottom: 20px;
	border: none !important;
	margin-top: -10px;
}

@media (min-width: 1200px) {
	.col-lg-2 {
		width: 33.3%;
	}
}

.store-object>.btn {
	color: transparent !important;
	width: 100%!important;
	background: transparent !important;
	height: 100%!important;
	position: absolute!important;
	left: 0!important;
	top: 0!important;
}

.store-object {
	width: 100%;
	padding: 10px 0;
	border: none !important;
	border-radius: 0;
	margin-bottom: 40px;
	position: relative;
	font-size: 18px;
}

.store-object-small-title,
.store-object-title {
	background-color: transparent;
	color: #fff;
	transform: none !important;
	transition: all .2s;
}

.col-md-3:nth-child(1)>.store-object {
	border-radius: 0 25px 25px 0;
	border-left: solid #380169 7px !important;
}

.col-md-3:nth-child(1)>.store-object>.store-object-discount {
	background-color: #380169;
}

.col-md-3:nth-child(2)>.store-object {
	border-radius: 0 25px 25px 0;
	border-left: solid #1e4390 7px!important;
}

.col-md-3:nth-child(2)>.store-object>.store-object-discount {
	background-color: #1e4390;
}

.col-md-3:nth-child(3)>.store-object {
	border-radius: 0 25px 25px 0;
	border-left: solid #ff32eb 7px!important;
}

.col-md-3:nth-child(3)>.store-object>.store-object-discount {
	background-color: #ff32eb;
}

.col-md-3:nth-child(4)>.store-object {
	border-radius: 0 25px 25px 0;
	border-left: solid #380169 7px!important;
}

.col-md-3:nth-child(4)>.store-object>.store-object-discount {
	background-color: #380169;
}

.col-md-3:nth-child(5)>.store-object {
	border-radius: 0 25px 25px 0;
	border-left: solid #1e4390 7px!important;
}

.col-md-3:nth-child(5)>.store-object>.store-object-discount {
	background-color: #1e4390;
}

.col-md-3:nth-child(6)>.store-object {
	border-radius: 0 25px 25px 0;
	border-left: solid #ff32eb 7px!important;
}

.col-md-3:nth-child(6)>.store-object>.store-object-discount {
	background-color: #ff32eb;
}

.store-object-discount,
.store-object-small-discount {
	padding: 0.5em .5em;
	font-size: 75%;
	font-weight: 700;
	color: #fff;
	vertical-align: baseline;
	border-radius: 0;
	padding: 0 7px;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	padding: 10px 15px;
	border-radius: 0px 0 0 10px;
	transition: all .5s;
	opacity: 1;
	color: #fff;
	transition: opacity .2s;
}

.product {
	border: none;
	font-style: none;
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--main-font-family);
	background: transparent;
	margin-left: -5px;
	margin-right: -5px;
	border-radius: 0;
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.25);
	transition: all .6s;
}

.product:hover,
.product:focus {
	transition: all .6s;
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.4);
	border: none;
}

.product:hover>.product__discount,
.product:focus>.product__discount {
	transition: all .6s;
	background: #1e1e1e;
}

.product:hover>.product__price,
.product:focus>.product__price {
	transition: all .6s;
	color: #1e1e1e;
}

.product:hover>.product__name,
.product:focus>.product__name {
	transition: all .6s;
	opacity: 1;
}

.product:hover>.product__image,
.product:focus>.product__image {
	transition: all .6s;
	opacity: 1;
}

.product:hover>.product__quantity,
.product:focus>.product__quantity {
	transition: all .6s;
	opacity: 1;
}

.product__price {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: transparent;
	color: rgba(30, 30, 30, 0.5);
	padding: 5px 10px;
	border-radius: 0 0 0 0;
	font-size: 14px;
	z-index: 10;
	transition: all .6s;
}

.product__name {
	background: var(--secondary-color);
	bottom: 0;
	padding: 3px;
	width: 80%;
	margin: 10px 20px;
	font-family: 'GothamPro-Bold';
	border-radius: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ffffff;
	text-align: center;
	transform: none;
	opacity: .7;
	transition: all .6s;
}

.product__quantity {
	position: absolute;
	right: 4px;
	bottom: 4px;
	color: var(--text-color);
	background: var(--main-color);
	padding: 0 4px;
	border-radius: 0;
	font-size: 14px;
	opacity: 0;
	transition: all .6s;
	z-index: 10;
}

.product__discount {
	transition: all .6s;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	padding: 5px 10px;
	border-radius: 0;
	background: rgba(30, 30, 30, .5);
}

.progress {
	background: rgba(19, 19, 19, 0.29);
	border-radius: 0;
	box-shadow: none;
}

.btn-danger {
	color: var(--text-color);
	background: var(--main-color);
	border: none !important;
	border-radius: 0;
	font-style: none;
	font-weight: 600;
	text-transform: uppercase;
}

.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
	color: var(--text-color);
	background: var(--secondary-color);
	background-image: none;
	border: none;
	outline: none !important;
}

.btn-danger:hover,
.btn-danger:focus {
	color: var(--text-color);
	background: var(--secondary-color);
	border: none !important;
	outline: none !important;
}


.bg-success {
	background-color: #96413f!important;
}

.btn-primary {
	color: #AFAFAF;
	background-color: transparent;
	border: none !important;
	outline: none !important;
	border-radius: 7px;
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	color: var(--text-color);
	background-color: var(--secondary-color);
	background-image: none;
	border: none !important;
	outline: none !important;
	border-radius: 40px;
}

.btn-primary:hover,
.btn-primary:focus {
	color: #fff !important;
	background-color: var(--secondary-color);
	border: none !important;
	outline: none !important;
}

.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
	z-index: 2;
	border-top-right-radius: 7px !important;
	border-bottom-right-radius: 7px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.modal-body .form-group {
	opacity: 1 !important;
}

.input-group-addon {
	color: var(--text-color);
	font-family: var(--main-font-family);
	font-weight: 600;
	padding-right: 0;
	border-bottom-right-radius: 0 !important;
	padding-left: 5px;
	border-top-right-radius: 0 !important;
	background: transparent;
	border: solid #bfbfbf;
	border-radius: 3px;
}

input {
	font-family: var(--main-font-family) !important;
	color: var(--secondary-color);
	background-color: transparent;
}

.fa {
	display: none;
	margin-left: 10px;
	font: normal normal normal 14px/1 FontAwesome !important;
	margin-right: 10px;
}

.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.ladda-button {
	border: none !important;
	outline: none !important;
}

.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-radius: 3px;
	background-color: transparent !important;
	border: solid #bfbfbf !important;
	border-left: none !important;
	box-shadow: none;
}

.input-group input.form-control {
	margin-top: 0 !important;
}

.product__command {
	color: var(--text-color);
	font-weight: 400;
	text-transform: uppercase;
	font-style: none;
}

.item__description,
.kit__description,
.roulette__description,
.service__description {
	background-color: transparent;
}

.input-group .form-control {
	border-radius: 0;
	font-family: var(--main-font-family);
	font-style: none;
	font-weight: 600;
	color: var(--text-color);
}

input::placeholder {
	color: #bfbfbf !important;
	font-size: 15px;
	font-weight: 400;
	font-family: Roboto, sans-serif;
}

.scale-up-center {
	-webkit-animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.gs-loader .gs-loader-inner .spi {
	width: 300px;
	margin-top: -100px;
	height: 300px;
	background-image: url(https://i.imgur.com/rvc7JoJ.png);
	background-size: cover;
	background-repeat: no-repeat;
	animation: pulsate-fwd 3s infinite ease-in-out;
}

.gs-loader .gs-loader-inner .spi:before {
	border: none !important;
}

.gs-loader .gs-loader-inner .spi:after {
	background-color: transparent;
}

.gs-loader {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--main-color);
}

.product__image {
	width: 100%;
	margin: 40px 0px 60px 0;
	padding: 0;
	opacity: .7;
	transition: all .6s;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: var(--bg-color) !important;
	color: var(--main-color);
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px;
	color: var(--secondary-color);
	line-height: 1.42857143;
	vertical-align: top;
	border-top: none;
}

select option {
	background: var(--main-color);
	color: var(--text-color);
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: var(--text-color);
	background: var(--main-color);
	border-radius: 0;
	padding: 2px;
	text-align: center;
	font-style: none;
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--main-font-family);
}

.table>thead>tr>th {
	background-color: hsla(0, 0%, 100%, 0.07);
}

.navbar-toggle>.icon-bar {
	background: var(--secondary-color);
}

.navbar-toggle {
	background-color: transparent;
	border: 1px solid var(--secondary-color) !important;
}

.xserver {
	color: var(--text-color);
	font-family: var(--main-font-family);
	text-shadow: none;
	font-style: none;
	text-transform: none;
	font-weight: 600;
}

.xserver__status {
	font-family: TTCommons-DemiBold;
	float: right;
	margin-left: 140px;
	margin-right: 5px;
	margin-top: -46px;
}

.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center;
	padding: 2px;
	background: var(--main-color);
	border-radius: 40px;
	font-family: var(--main-font-family);
	color: var(--text-color);
}

.nav-justified>li>a:hover {
	color: var(--text-color);
	background: var(--secondary-color);
}

.store__filters,
.store__servers {
	margin-bottom: 5px;
}

a {
	color: var(--text-color);
}

.nav>li>a {
	color: var(--secondary-color);
	background-color: var(--main-color);
	border-radius: 0;
	text-align: center;
	font-style: none;
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--main-font-family);
	text-shadow: none;
	padding: 2px;
}

.nav>li>a:focus,
.nav>li>a:hover {
	color: var(--secondary-color);
	background: var(--main-color);
}

.progress-bar-striped,
.progress-striped .progress-bar {
	background-image: linear-gradient(45deg, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.input-group-btn:not(:last-child)>.btn:hover,
.input-group-btn:not(:last-child)>.btn-group:hover {
	background: var(--secondary-color);
}

.btn>.fa {
	display: block;
	color: #bfbfbf;
}

.input-group-btn:last-child>.btn {
	padding: 9px;
	background: transparent;
	margin-left: 5px;
	margin-top: -1px;
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
	border-left: solid !important;
	color: var(--default-btn-text);
}

.col-md-12:last-child .form-group .input-group .form-control:not(:first-child) {
	border-left: 2px solid #bfbfbf !important;
	border-radius: 3px;
}

.promocode .form-group .input-group .form-control:not(:first-child) {
	border-left: solid var(--secondary-color);
	border-left: solid var(--default-btn-text) !important;
}

.promocode .form-group .input-group-addon {
	display: none;
}

.promocode .form-group .input-group-btn:last-child>.btn {
	padding: 3px;
	background: var(--main-color);
	border-radius: 0 !important;
	margin-left: 3px;
}

.input-group-btn:last-child>.btn:hover {
	padding: 9px;
	background: var(--secondary-color) !important;
	margin-left: 5px;
	margin-top: -1px;
	border-color: var(--secondary-color) !important;
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
	border-left: solid var(--secondary-color) !important;
	color: var(--default-btn-text);
}

.product__servers {
	color: var(--text-color);
	font-weight: 600;
	text-transform: uppercase;
	font-style: none;
}


/*.store-divider-block>.form-control {
	display: none;
}*/

.dropdown-menu {
	background-color: var(--main-color);
	color: var(--main-text);
	font-family: var(--main-font-family);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-style: none;
	text-align: center;
	font-weight: 600 !important;
	text-transform: uppercase;
}

.triangle {
	-webkit-animation: pulsate-bck 5s ease-in-out 2s infinite both;
	animation: pulsate-bck 5s ease-in-out 2s infinite both;
	position: fixed;
	opacity: .3;
}

.triangle2 {
	-webkit-animation: pulsate-bck 4s ease-in-out 1s infinite both;
	animation: pulsate-bck 4s ease-in-out 1s infinite both;
	position: fixed;
	opacity: .4;
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
	margin: auto !important;
}

.monitoring-wrapperm {
	position: fixed;
	top: 50%;
	left: 2%;
	max-width: 300px;
	opacity: .4;
	transition: .2s;
}

.monitoring-wrapperm:hover {
	opacity: 1;
	transition: .2s;
}

.gamestores-l .loader-container {
	background-color: transparent;
}

.gamestores-l .loader-container .dot:nth-child(1) {
	background: url(https://i.imgur.com/BCnm8SB.png);
	border: none;
	background-size: 100%;
}

.gamestores-l .loader-container .dot:nth-child(2) {
	background: url(https://i.imgur.com/ECH0TbN.png);
	border: none;
	background-size: 100%;
}

.gamestores-l .loader-container .dot:nth-child(3) {
	background: url(https://i.imgur.com/okFwflT.png);
	border: none;
	background-size: 100%;
}

.sidebar-item-title {
	color: var(--text-color) !important;
	padding-bottom: 5px;
	border: none !important;
	margin: 0;
	text-align: center;
	font-family: 'GothamPro-Bold' !important;
	font-size: 30px;
	color: var(--text-color);
}

.progress {
	/* height: 10px; */
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #dde2ed;
	border-radius: 10px;
}

.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-striped,
.progress-striped .progress-bar {
	background-image: none;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}

.progress-bar {
	background-color: var(--secondary-color);
}

.server-item:last-child {
	display: none;
}

.fa-play:before {
	content: "▶";
}

.fa {
	float: right;
	color: #bfbfbf;
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.server-item-status {
	display: flex;
}

.fa-refresh,
.fa-bar-chart-o,
.fa-area-chart,
.fa-shopping-cart {
	display: none;
}

.footer.panel-footer {
	text-align: center;
	background: rgba(0, 0, 0, 0.65) !important;
	background: url(http://gamestores.ru/img/gamestores.noize.png);
	color: #fff;
	border-top: none;
	padding: 0;
	font-size: 7px;
	height: 10px;
}

.navbar-right>li {
	margin-left: 5px;
	margin-right: 5px;
}

.navbar-right>li:nth-child(3) {
	border-radius: 25px;
	background-color: #56345f;
	transition: .2s;
	color: #fff;
}

.close {
	color: rgb(113, 18, 136);
}

.form-control,
.form-control:active,
.form-control:hover {
	background: transparent;
	border: none !important;
}

.input-group-addon.cr-pointer:hover {
	border: none !important;
	color: #000!important;
	background: transparent !important;
}

.cr-pointer.btn.btn-danger.pull-right:focus,
.cr-pointer.btn.btn-danger.pull-right:hover {
	background: rgb(72, 11, 87)!important;
	color: #fff!important;
	border: none !important;
}

.table-hover>tbody>tr:hover {
	background-color: transparent;
}

.alert-info,
.news-title,
.pull-left {
	color: var(--default-btn-text) !important;
}

.navbar-collapse>.navbar-nav {
	background-color: transparent;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.pre-scrollable {
	max-height: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}


/*---------------------------------------*/


/*KEYFRAMES*/

@media (min-width: 1400px) {
	@-webkit-keyframes scale-up {
		0% {
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
		}
		100% {
			-webkit-transform: scale(0.75);
			transform: scale(0.75);
		}
	}
	@keyframes scale-up-center {
		0% {
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
		}
		100% {
			-webkit-transform: scale(1.08);
			transform: scale(1.08);
		}
	}
	@-webkit-keyframes pulsate-bck {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		50% {
			-webkit-transform: scale(0.75);
			transform: scale(0.75);
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	@keyframes pulsate-bck {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		50% {
			-webkit-transform: scale(0.75);
			transform: scale(0.75);
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
}

@-webkit-keyframes pulsate-fwd {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulsate-fwd {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


}

/*---------------------------------------*/

/*MEDIA*/
@media (max-width: 1400px) {
  
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    display: none !important;
  }
  .navbar-nav {
    margin-left: 50px;
  }
	.gs-loader .gs-loader-inner .spi {
		width: 360px;
		margin-top: -100px;
		height: 100px;
		background-image: url(https://i.imgur.com/rvc7JoJ.png);
		background-size: cover;
		background-repeat: no-repeat;
		animation: pulsate-fwd 3s infinite ease-in-out;
	}
	
	.triangle {
		display: none;
	}
	
	.triangle2 {
		display: none;
	}
	
	body {
		padding: 20px;
		background-image: none;
	}
	
	.header-image {
		-webkit-animation: none;
		animation: none;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.navbar-toggle {
		background-color: transparent;
		border: none;
	}
	
	.navbar {
		padding-left: 0%;
		padding-right: 0%;
	}
}
@media (max-width: 990px) {
  
  .navbar-brand {
    display: none;
  }
	.nav>li>a {
		background: transparent !important;
		filter: none !important;
		color: var(--secondary-color) !important;
	}
	
	.nav>li>a:focus,
	.nav>li>a:hover {
		background: transparent !important;
		filter: none !important;
		color: var(--secondary-color) !important;
	}
	/* -------------------------------------- */
	
	body {
		background-color: var(--main-color);
	}
}
.xbox_profile-widget .nav>li>a {
	background: transparent !important;
	filter: none !important;
	color: var(--secondary-color) !important;
}
.xbox_profile-widget .nav>li>a:focus,
.xbox_profile-widget .nav>li>a:hover {
	background: transparent !important;
	filter: none !important;
	color: var(--secondary-color) !important;
}
.xbox_monitoring {
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.25);
}
.xbox_store {
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.25);
}
.form-group {
	margin-bottom: 15px;
	opacity: 0.3;
	transition: all .4s;
}
.form-group:hover,
.form-group:focus {
	opacity: 1;
}

/* ВКонтакте */
.nav>li:nth-child(4)>a {
	background: url(https://i.imgur.com/nVZ71JS.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
	filter: grayscale(1) opacity(0.3);
	color: transparent;
}
.nav>li:nth-child(4)>a:focus,
.nav>li:nth-child(4)>a:hover {
	background: url(https://i.imgur.com/nVZ71JS.png);
	background-repeat: no-repeat;
	background-position: center;
	filter: none;
	background-size: 35%;
	color: transparent;
}

/* -------------------------------------- */

/* Магазин */
.nav>li:nth-child(2)>a {
  display:none;
	background: url(https://i.imgur.com/C6SWkWt.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
	filter: grayscale(1) opacity(0.3);
	color: transparent;
}
.nav>li:nth-child(2)>a:focus,
.nav>li:nth-child(2)>a:hover {
	background: url(https://i.imgur.com/C6SWkWt.png);
	background-repeat: no-repeat;
	background-position: center;
	filter: none;
	background-size: 30%;
	color: transparent;
}

/* -------------------------------------- */

.user-logged>li>a {
  	display: block !important;
}
.change-language>li>a {
  	display: block !important;
}
.login-button>li>a {
  	display: block !important;
}

/* Новости */
.nav>li:nth-child(1)>a {
  display: none;
	background: url(https://i.imgur.com/LrDgiZp.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
	filter: grayscale(1) opacity(0.3);
	color: transparent;
}
.nav>li:nth-child(1)>a:focus,
.nav>li:nth-child(1)>a:hover {
	background: url(https://i.imgur.com/LrDgiZp.png);
	background-repeat: no-repeat;
	background-position: center;
	filter: none;
	background-size: 30%;
	color: transparent;
}

/* -------------------------------------- */

/* Топ игроков */
.nav>li:nth-child(3)>a {
  display: none;
	background: url(https://i.imgur.com/Q3uWfUv.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
	filter: grayscale(1) opacity(0.3);
	color: transparent;
}
.nav>li:nth-child(3)>a:focus,
.nav>li:nth-child(3)>a:hover {
	background: url(https://i.imgur.com/Q3uWfUv.png);
	background-repeat: no-repeat;
	background-position: center;
	filter: none;
	background-size: 30%;
	color: transparent;
}

/* -------------------------------------- */
@media (min-width: 768px) {
	.navbar-nav {
		float: left;
		margin: 0;
		margin-left: 130px;
	}
	
	.navbar-right {
		margin-left: 0px;
	}
}

/* Баланс */
.navbar-right>li:nth-child(1)>a {
	background: transparent;
	filter: none;
	color: #bdbdbd !important;
}
.navbar-right>li:nth-child(1)>a:focus,
.navbar-right>li:nth-child(1)>a:hover {
	background: transparent;
	filter: none;
	color: var(--secondary-color) !important;
}

/* -------------------------------------- */

/* Профиль */
.navbar-right>li:nth-child(2)>a {
  display: block;
	background: url(https://i.imgur.com/BbGDI25.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25%;
	filter: grayscale(1) opacity(0.3);
	color: transparent;
}
.navbar-right>li:nth-child(2)>a:focus,
.navbar-right>li:nth-child(2)>a:hover {
	background: url(https://i.imgur.com/BbGDI25.png);
	background-repeat: no-repeat;
	background-position: center;
	filter: none;
	background-size: 25%;
	color: transparent;
}

/* -------------------------------------- */
.xserver__title {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 7px;
	font-size: 16px;
}
.xserver__links {
	display: none;
}
.btn.active,
.btn:active {
	box-shadow: none;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050 !important;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
	padding: 9px;
	background: var(--secondary-color);
	margin-right: 5px;
	margin-top: -2px;
	color: var(--default-btn-text);
}
body::-webkit-scrollbar {
	width: 1em;
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	background-color: #fff;
}
body::-webkit-scrollbar-thumb {
	background-color: var(--secondary-color);
	outline: 1px solid;
}
.h5, h5 {
    font-size: 14px;
    font-family: var(--main-font-family);
    color: var(--text-color) !important;
}
.xbox_profile-widget>.xbox__footer {
  display: block;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: transparent;
}
.btn-danger:hover, .btn-danger:focus {
    color: var(--main-color);
    background: var(--secondary-color);
    border: none !important;
    outline: none !important;
}