body > .sparky_wrapper {
	background: url(../images/bg_footer.png) bottom no-repeat;
}

h1, h3 {
    text-transform: uppercase;
}

.btn, a.btn, p.readmore a.btn, button.btn {
	background: var(--sparkycolor1);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border: 0;
	border-radius: 4px;
	padding: 8px 15px;
}

.btn:hover, a.btn:hover, p.readmore a.btn:hover, button.btn:hover, .btn:active, a.btn:active, p.readmore a.btn:active, button.btn:active {
	background: var(--sparkycolor2);
	color: #fff;
}

.page-link {
	color: var(--sparkycolor2);
}

.page-item.active .page-link {
    background-color: var(--sparkycolor2);
    border-color: var(--sparkycolor2);
}

.warning.outline, .info.outline, .error.outline {
	color: #eee;
}

p.readmore a.btn, ul.tags.list-inline li a.btn, .mod-tagspopular ul li a {
	font-size: 14px;
    font-weight: 400;
}

ul.tags.list-inline li, .mod-tagspopular ul li {
	border: 1px solid rgba(255,255,255,0.3);
}

.table {
	border-color: rgba(255,255,255,0.3);
}

.form-control {
	font-size: 16px;
	padding: 8px 15px;
	border: 0;
    line-height: 1;
}

.awesomplete ul {
	z-index: 101;
}

img.img_left {
	float:left;
	margin:0 30px 30px 0;
}

img.img_right {
	float:right;
	margin:0 0 30px 30px;
}

ol.toplist {
	text-transform: uppercase;
	font-size: 15px;
}

ol.toplist li {
	margin: 0;
	padding: 5px 0;
}

/* abovecontent and belowcontent modules */

div.abovecontent {
}

div.belowcontent {
	padding: 30px 0 0 0;
}

/* swipe carousel */

.flickity-prev-next-button {
	background: transparent !important;
}

.flickity-prev-next-button .arrow {
    fill: var(--sparkycolor1) !important;
}

ol.flickity-page-dots {
	width: 95%;
	text-align: right;
	margin: 0 30px;
}

.flickity-page-dots .dot {
    width: 15px !important;
    height: 15px !important;
    background: var(--sparkycolor1) !important;
    border: 2px solid #fff;
}

/* film tape */

#hot_film_tape_prev {
	float: left;
	margin-top: -85px;
	position: relative;
}

#hot_film_tape_next {
	float: right;
	margin-top: -85px;
	position: relative;
}

a#hot_film_tape_prev.prev, a#hot_film_tape_next.next {
	padding: 5px !important;
}

/* latest news */

ul.latestnews {
	margin: 0;
    padding: 0;
    list-style: none;
}

ul.latestnews > li {
    margin-bottom: 5px;
    padding: 5px 0px;
    font-size: 14px;
}

ul.latestnews > li a {
	color: #fff;
}

ul.latestnews > li a:hover {
	color: var(--sparkycolor1);
}

/* headerrow */

.sparky_logo_image img {
	position: relative;
	top: -15px;
	left: -250px;
	max-width: 706px;
	z-index: -1;
}

div.headerrow {
	border-bottom: 1px solid #000;
}

.mp_header1 {
	display: flex;
	flex-wrap: wrap;
}

.mp_header1 .moduletable {
	width: 50%;
}

.mp_header1 .moduletable:last-child {
	width: 100%;
}

.mp_header1 ul.navv_sparky li {
	text-transform: uppercase;
}

.mp_header1 ul.navv_sparky li li {
	text-transform: none;
}

.headerrow .input-group {
	justify-content: flex-end;
	align-items: center;
	margin: 0;
	height: 100%;
}

.headerrow form {
	height: 100%;
}

.headerrow .form-control {
	background: rgba(255,255,255,0.2);
  	color:#fff;
}

/* rotatorrow */

div.rotatorrow {
	background: url(../images/border_pixel2.png) top repeat-x;
	padding-top: 10px;
}

div.mp_user1 {
	padding-bottom: 17px;
	background: url(../images/rotator_shadow.png) bottom no-repeat;
}

/* toprow */

.toprow {
	border-bottom: 1px solid #000;
}

.toprow > .sparky_container {
	display: flex;
	padding: 7.5px;
}

.toprow > .sparky_container > .sparky_cell {
	margin: 7.5px;
}

div.moduletable > h3 {
	border-bottom: 1px solid var(--sparkycolor3);
	text-align: center;
	margin-bottom: 15px;
}

/* contentrow */

.contentrow {
	background: url(../images/border_pixel.png) bottom repeat-x;
}

.contentrow > .sparky_container {
	display: flex;
	padding: 15px 7.5px;
}

.contentrow > .sparky_container > .sparky_cell {
	margin: 7.5px;
}

.mp_top1, .mp_top2, .mp_right, .content_sparky {
	background-color: rgba(1, 6, 10, 0.8);
	border: 1px solid var(--sparkycolor3);
}

dl.article-info {
	background: rgba(255,255,255,0.1);
    padding: 4px 15px;
}

dl.article-info dd, .fontawesome-icon-list i {
	color: #fff;
}

legend {
	background: #000;
}

#advancedSearch .card {
	color: #333;
}

.result__item+.result__item {
	border-top: 1px solid var(--sparkycolor3);
}

.blog-items .pull-left.item-image {
	max-width: 230px;
	margin: 15px 30px 1rem 0;
}

.blog-items .pull-right.item-image {
	max-width: 230px;
	margin: 15px 0 1rem 30px;
}

/* bottomrow */

.bottomrow .moduletable > h3 {
	text-align: inherit;
	font-family: 'Rokkitt', serif;
	text-transform: uppercase;
	font-size: 18px;
}

.mp_bottom1 img.footerlogo {
	position: relative;
	left: -140px;
	top:-50px;
	max-width: 394px;
}

.mnu_bottommenu1 > li > a, .mnu_bottommenu2 > li > a, .mnu_bottommenu3 > li > a, .mnu_bottommenu4 > li > a {
	position: relative;
	z-index: 1;
}

.bottomrow i {
	width: 36px;
	height: 36px;
	line-height: 36px;
	margin: 15px 7px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background-color: rgba(1, 6, 10, 0.8);
	border-radius: 50%;
}

.bottomrow i:hover {
	color: var(--sparkycolor1);
}

/* footerrow */

div.footerrow {
	padding: 20px 0 60px;
	background: url(../images/border_pixel2.png) top repeat-x;
}

/* copyrightrow */

div.copyrightrow {
	padding: 50px 0 10px;
	text-align: center;
	color:#8a8585;
	text-transform: uppercase;
}

div.copyrightrow a {
	color: inherit;
}

/* hot gaming zone tabs */

#tabs > ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	height: 65px;
}

#tabs > ul > li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 33%;
	line-height: 52px;
	text-align: center;
}

#tabs > ul > li > a {
	font-size: 16px;
	text-transform: uppercase;
	color:#fff;
}

#tabs div {
	clear: both;
}

.ui-state-active {
    background: var(--sparkycolor3) url(../images/tab_bg.png) repeat-x;
    border: 1px solid var(--sparkycolor3);
}

.ui-tabs-panel ul {
	margin: 0;
}

#tabs .article-separator {
	clear: both;
    display: block;
    height: 15px;
}

#tabs .newsflash-image {
	float: left;
    margin-right: 30px;
    max-width: 230px;
}

#tabs h4 {
	padding-top: 0;
}

/* responsive */

@media (max-width: 1170px) {

	.headerrow nav:not(.opened) ul.menu.navv_sparky {
		display: none;
	}

	#tabs > ul > li {
		line-height: 1.4;
		padding: 5px;
	}

	#tabs > ul > li > a {
	    font-size: 13px;
	}

}

@media (max-width: 991px) {

	.headerrow .input-group .btn {
		display: none;
	}

	#tabs .newsflash-image {
	    float: none;
	    margin-right: 0;
	    max-width: 100%;
	    width: 100%;
	}

	.blog-items .pull-left.item-image,
	.blog-items .pull-right.item-image {
	    max-width: 100%;
	    float: none;
	    margin: 15px 0 0 0;
	}

	.blog-items .pull-left.item-image img,
	.blog-items .pull-right.item-image img {
		width: 100%;
	}

	.mnu_topmenu > li > a, .mnu_topmenu > li > span {
		padding: 0 15px;
	}

	.mnu_topmenu > li > ul > li > a, .mnu_topmenu > li > ul > li > span {
		padding: 0 30px;
	}

	.mnu_topmenu > li > ul > li > ul > li > a, .mnu_topmenu > li > ul > li > ul > li > span {
		padding: 0 45px !important;
	}

}

@media (max-width: 767px) {

	img.img_left, img.img_right {
		float:none;
		margin:0 0 30px 0;
	}

	.mp_logo {

	}

	.sparky_logo_image{
		height: 70px;
	}

	.sparky_logo_image img {
		position: relative;
    	max-width: 200px;
	    top: 0;
	    left: -50px;
	    transform: scale(2);
	}

	.mnu_headermenu > li {
		padding: 7px;
	}

	.toprow > .sparky_container,
	.contentrow > .sparky_container {
		display: block;
	}

	.toprow > .sparky_container > .sparky_cell,
	.contentrow > .sparky_container > .sparky_cell {
		margin-left: 0;
		margin-right: 0;
	}

	#tabs > ul > li {
		width: 100%;
		margin-bottom: 15px;
	}

	.mnu_footermenu > li {
		padding: 10px;
	}

}

@media (max-width: 600px) {

	.mp_header1 .moduletable {
		width: 100%;
	}

	ol.flickity-page-dots {
		display: none;
	}

	.mp_bottom6 {
		text-align: center;
	}

	div.copyrightrow {
		padding-top: 0;
	}

	.nav-collapse.opened > ul {
		width: 100%;
		left: 0;
		box-shadow: 0 15px 15px rgba(255,255,255,0.3);
	}

	.nav-toggle.active {
		right: 0;
	}

}

	