/*=================================*/
/* Code: FalconHQ
/* http://falconhq.eu/
/* Skype: theikid123
/*=================================*/

@font-face {
	font-family: 'ADevanagari';
	src:
		url('fonts/AdobeDevanagari-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/AdobeDevanagari-Regular.otf')  format('opentype'),
		url('fonts/AdobeDevanagari-Regular.woff') format('woff'),
		url('fonts/AdobeDevanagari-Regular.ttf')  format('truetype'),
		url('fonts/AdobeDevanagari-Regular.svg#AdobeDevanagari-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

a {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:underline;
}

html, body {
	background:url('../images/bg-latest.png') repeat-x center top;
	background-color: #1A1915;
	margin:0 auto;
	padding:0 auto;
	font:13px 'ADevanagari', Arial, Helvetica, Tahoma, sans-serif;
	color:#a7a6ab;
}

nav {
	background:url('../images/menu2.png') no-repeat;
	width:1230px;
	height:70px;
	margin:0 auto;
	padding:0 auto;
}

nav ul {
	list-style:none;
	margin:0 auto;
	padding:0 auto;
	text-align:center;
}

nav ul li {
	display:inline-block;
	vertical-align:top;
	margin:12px 30px 0 30px;
}

nav ul li a {
	font:20px 'ADevanagari', sans-serif!important;
	color:#b7b5bb;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
}

nav ul li a:hover {
	color:#fff;
	text-decoration:none;
}

nav ul li a:active {
	color:#b7b5bb;
	text-decoration:none;
}

#wrapper {
	width:1022px;
	margin:0 auto;
	padding:0 auto;
	position:relative;
}

#status {
	height:119px;
	margin-top:305px;
}

#status .online {
	background:url('../images/status_online.png') no-repeat;
	width:120px;
	height:119px;
	margin-left:778px;
}

#status .offline {
	background:url('../images/status_offline.png') no-repeat;
	width:120px;
	height:119px;
	margin-left:778px;
}

#status .effect {
	background:url('../images/status_offline.png') no-repeat;
	width:120px;
	height:119px;
	margin-left:778px;
}

#ctop {
	background:url('../images/ctop.png') no-repeat;
	width:1022px;
	height:49px;
	margin-top:-15px;
}

#cbot {
	background:url('../images/cbot.png') no-repeat;
	width:1022px;
	height:57px;
}

#content {
	background:url('../images/cbg.png') repeat-y;
	width:1000px;
	min-height:450px;
	margin-left:11px;
	display:flex;
}

#content #news {
	width:643px;
	margin-left:13px;
	margin-top:-20px;
}

#content #news #twitch {
	background:url('../images/twitch.png') no-repeat;
	width:643px;
	height:379px;
	padding:12px 6px;
}

#content #news article {
	margin-bottom:10px;
}

#content #news article #nicon1 {
	background:url('../images/nicon_1.png') no-repeat;
	width:150px;
	height:162px;
	float:left;
	margin-right:10px;
}

#content #news article .title {
	font:18px 'ADevanagari', sans-serif;
	color:#ebeaf1;
	text-transform:uppercase;
	padding-top:10px;
}

#content #news article .text {
	word-break:break-word;
	font:15px 'ADevanagari', Arial, Helvetica, Tahoma, sans-serif;
}

#content #panels {
	width:320px;
	margin-left:11px;
	margin-top:-20px;
}

#content #panels #stop {
	background:url('../images/stop.png') no-repeat;
	width:310px;
	height:45px;
	margin-left:5px;
	text-align:center;
}

#content #panels #stop h1 {
	font:12px 'ADevanagari', sans-serif;
	color:#d5d3da;
	text-transform:uppercase;
	padding-top:20px;
}

#content #panels #sbot {
	background:url('../images/sbot.png') no-repeat;
	width:320px;
	height:23px;
	margin-bottom:15px;
}

#content #panels #sbg {
	background:url('../images/sbg.png') repeat-y;
	width:310px;
	min-height:23px;
	margin-left:5px;
	text-align:center;
	padding:2px;
}

#content #panels #sbg #vote {
	width:280px;
	margin:0 auto;
	padding:6px 0 0 0;
}

#content #panels #sbg #vote .hopzone {
	background:url('../images/votes.png') 0 0 no-repeat;
	width:280px;
	height:50px;
	display:block;
}

#content #panels #sbg #vote .hopzone .fhover {
	background:url('../images/votes.png') -280px 0;
	width:280px;
	height:50px;
}

#content #panels #sbg #vote .topzone {
	background:url('../images/votes.png') 0 -50px no-repeat;
	width:280px;
	height:50px;
	display:block;
	margin-top:7px;
}

#content #panels #sbg #vote .topzone .fhover {
	background:url('../images/votes.png') -280px -50px;
	width:280px;
	height:50px;
}

#content #panels #sbg #vote .l2network {
	background:url('../images/votes.png') 0 -100px no-repeat;
	width:280px;
	height:50px;
	display:block;
	margin-top:7px;
}

#content #panels #sbg #vote .l2network .fhover {
	background:url('../images/votes.png') -280px -100px;
	width:280px;
	height:50px;
}

#content #panels #sbg #vote .l2jbrasil {
	background:url('../images/votes.png') 0 -150px no-repeat;
	width:280px;
	height:50px;
	display:block;
	margin-top:7px;
}

#content #panels #sbg #vote .l2jbrasil .fhover {
	background:url('../images/votes.png') -280px -150px;
	width:280px;
	height:50px;
}

#content #panels #sbg #vote .l2topco {
	background:url('../images/votes.png') 0 -200px no-repeat;
	width:280px;
	height:50px;
	display:block;
	margin-top:7px;
}

#content #panels #sbg #vote .l2topco .fhover {
	background:url('../images/votes.png') -280px -200px;
	width:280px;
	height:50px;
}

#content #panels #sbg #vote .l2topru {
	background:url('../images/votes.png') 0 -250px no-repeat;
	width:280px;
	height:50px;
	display:block;
	margin-top:7px;
}

#content #panels #sbg #vote .l2topru .fhover {
	background:url('../images/votes.png') -280px -250px;
	width:280px;
	height:50px;
}

#content #panels #sbg #vote .universal-vote {
    background:url('../images/vbn.jpg') 0px 0px;
	width:280px;
	height:50px;
	display:flex;
	margin-bottom:2px;
	text-decoration:none;
	text-decoration: none;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease;
}
#content #panels #sbg #vote .universal-vote:hover {
    background:url('../images/vbh.jpg') 0px 0px;
	width:280px;
	height:50px;
	text-decoration:none;
	transition: 0.5s ease;
}

.upper-vote {
   font:18px 'ADevanagari', Arial, Helvetica, Tahoma, sans-serif;
   text-transform: uppercase;
}

/*#footer_logos {*/
/*	background:url('../images/footer_logos.png') no-repeat;*/
/*	width:889px;*/
/*	height:39px;*/
/*	margin:103px auto 0 auto;*/
/*	text-align:center;*/
/*}*/

#footer_logos .credits {
	font:11px 'ADevanagari', sans-serif;
	color:#d5d3da;
	text-transform:uppercase;
	text-shadow:0 1px 0 #000;
	padding-top:10px;
}

#footer_logos .trademarks {
	font:9px 'ADevanagari', sans-serif;
	color:#c1c0c6;
	text-transform:uppercase;
	text-shadow:0 1px 0 #000;
}

footer {
	background:url('../images/footer.png') repeat-x center bottom;
	height:462px;
	margin-top:-437px;
}

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-color: #050505;
    /* box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); */
    width: 95%;
    margin: 0 auto;
    padding: 5px;
}
.gallery-item {
    flex-basis: 32.7%;
    margin-bottom: 0px;
    opacity: .85;
    cursor: pointer;
}
.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

@media (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}