:root{
	/* bgs */
	--shadow: 0 3px 5px rgba(0, 0, 0, .5);
	--main-color: /*#353535*/ #222;
    --main-color-rgb: 53,53,53;
    --main2-color: #1b1b1b;
    --main2-color-rgb: 27,27,27;
    --main3-color: #555;
    --main3-color-rgb: 85,85,85;
    --main-color-old: #353535;
    --main-color-new: #111;
    --main-color-new-menu: #111;
    --main-color-new-list: #111;
    --accent-color:  /*#8e8e8e*/ #07192b;
    --accent-color-rgb: 142,142,142;
    --accent2-color: #6b6b6b;
    --accent2-color-rgb: /*107,107,107*/ 7,25,43;
    --accent3-color: /*#525252*/ #07192b;
    --accent3-color-rgb: 82,82,82;
	/* fonts */
    --font-color: #b1b1b1;
    --font-dark-color: #888;
    --font-hover-color: #d1d1d1;
	/* cars Classes */
	--car_class_S: 255, 215, 0;
	--car_class_A: 255, 78, 54;
	--car_class_B: 208, 22, 255;
	--car_class_C: 0, 252, 21;
	--car_class_D: 55, 148, 255;
	--car_class_E: 190,190,190;
}
svg{
	filter: drop-shadow(0 0 2px rgba(0,0,0,.3));
}
body {
    /*background-color: #212121;*/
    background-color: #00000b;
    color: #999;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.login{
	background-image: url('../images/stars.png'),linear-gradient(0deg, rgba(0,0,0, .8), rgba(0,0,0,.4));
	/* background-image: url('stars.png'); */
	background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
::-moz-selection {
	background: rgba(255, 255, 255, .05)
}
::selection {
	background: rgba(255, 255, 255, .05)
}
::-webkit-scrollbar-track{
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0, .3);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, .3);
	box-shadow: inset 0 0 5px rgba(0,0,0, .3);
	/* background-color: #333; */
	background-color: var(--main2-color);
}
::-webkit-scrollbar{
	width: 8px;
	height: 8px;
	/* background-color: #505050; */
	background-color: var(--main-color);
}
::-webkit-scrollbar-thumb{
	/* background-color: #454545; */
	background-color: var(--accent3-color);
}
a{
	color: var(--font-color);
	text-decoration: none;
}
a:hover, a:active, a:focus, a:active {
	outline: none;
	color: var(--font-hover-color);
	text-decoration: underline;
}


/* .profile-soundcloud,
.profile-youtube, */
.profile-wrapper,
.comments .user-avatar .user-pic,
.autocomplete-suggestions,
.footer-shadow,
.dropdown-menu,
.modal,
.paginations,
.box,
.main_menu,
.quick-links,
.bar_holder >.progress,
.php__header>.php--avatar>div>img,
header.header .mobile-info-menu,
header.header,
.panel,
.shadow{
	box-shadow: var(--shadow);
}
@media (min-width: 767px) {
	.header.header,
	.quick-links{
		box-shadow: 0 0 0 transparent !important;
	}
	.header-shadow{
		box-shadow: var(--shadow) !important;
	}
}