* {
	scrollbar-track-color: #060606;
	scrollbar-base-color: transparent;
	scrollbar-3dlight-color: #1b1b1e;
	scrollbar-face-color: #1b1b1e;
	scrollbar-highlight-color: #111;
	scrollbar-arrow-color: #060606;
}
::-webkit-scrollbar {
	width: 9px;
	height: 9px;
	background-color: #020202;
	box-shadow: inset 5px -2px 6px -3px rgb(0 0 0 / 35%);
	-webkit-box-shadow: inset 5px -2px 6px -3px rgb(0 0 0 / 35%);
	z-index: 9999999999999999 !important;
}
::-webkit-scrollbar-thumb {
	box-shadow: inset -6px -3px 8px -9px rgb(0 0 0 / 50%);
	-webkit-box-shadow: inset -6px -3px 8px -9px rgb(0 0 0 / 50%);
	background-color: #0b0d0e;
	z-index: 9999999999999999 !important;
}
@-ms-viewport { width: device-width; }
body {
	width:100vw;
	height:100vh;
	background-color: #0a0a0a;
}
body::before {
	background-color:rgba(27, 9, 22, 0.65);
	background-image: none;
	background-size: 120px auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: -1;
}
body.loader::before {
	background-color: #080808;
	background-image: url(/assets/images/roxlogo-white.png);
	background-size: 120px auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 10;
	transition: all 0.3s ease-in-out;
}
body,
body::before{
	transition: all 1s ease-in-out;
}
html,body,h1,h2,h3,h4,h5 {
	font-family: "Raleway", sans-serif
}
.w-auto { width:auto !important; }
.image__cell.hg-snippet {
	padding: 0;
	background-color: rgb(0 0 0 / 70%);
	color: #FFF;
	text-align: left;
	font-size: 0.8rem !important;
	line-height: 1.12rem;
	word-break: break-word;
}
.imgwrapper {
	border: none;
}
.imgwrapper, .imgholder {
	padding: 0px;
	margin: 0px;
}
@media (min-width: 360px) {
	.image-grid {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}
@media (min-width: 768px) {
	.image-grid {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}
@media (min-width: 1200px) {
	.image-grid {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}
@media (min-width: 1530px) {
	.image-grid {
		-moz-column-count: 6;
		-webkit-column-count: 6;
		column-count: 6;
	}
}
p.card-text {
	text-align: left;
	font-size: 0.7rem !important;
	line-height: 1rem;
	padding: .95rem 0.75rem .95rem !important;
	word-break: break-word;
	background-color: transparent !important;
}
a { text-decoration: none; }
.hg-button { margin-bottom: 0.35rem; border-radius: 0.15rem; border: 0.1rem solid rgba(0,0,0, 0.25); background-color: rgba(0,0,0, 0.7); color: #CCC; }
.hg-button.active { color: #70b54d!important; background-color: rgba(0,0,0, 1) !important }
.hg-button:hover { color: #FFFFFF!important; background-color: rgba(0,0,0, 0.9) !important }
#nxt, #pvt { display: inline-block !important; }
#forFancy .fancybox-container {
	position:relative;
	height: calc(80vh - 0px);
	border-top: 0.1em solid #666;
	border-bottom: 0.1em solid #666;
}
.fancybox-bg { opacity:0 !important; }
.fancybox-slide--iframe .fancybox-iframe { overflow: auto !important; }
.fancybox-slide--video .fancybox-content { vertical-align: top; }
.fancybox-caption {
	 background: transparent none;
}