/*

WEBSITE CODED AND DESIGNED BY
KILLER_X10 FROM KILLERDEVELOPING

*/

@import url(https://fonts.googleapis.com/css?family=Lato:900,300);
@import url(animate.css);
@import url(animations.css);

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Lato', sans-serif;
	text-align: center;
}

#bg {
	background: url(../images/R17y1Se.gif); /* <- Change Background Image here */
	overflow: hidden;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	background: rgba(0,0,0,.6); /* <- Change Background Brightness and Color over here */
}


#wrapper > .logo {
	width: 100%;
	height: 150px;
	margin-top: 60px;
	position: relative;
}

#wrapper > .logo > img {
	height: 150px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

#wrapper > .ip-address {
	margin-top: 20px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0,0,0,.15);
	padding: 15px;
}

#wrapper > .ip-address > span {
	display: block;
	background: rgba(255,255,255,.7);
	padding: 15px;
}


#wrapper > ul.menu {
	list-style: none;
	padding: none;
	margin-top: 130px;
	display: inline-block;
}


@media (min-width: 500px) {
	#wrapper > ul.menu > li {
		float: left;
	}

	#wrapper > ul.menu > li:not(:first-child) {
		border-left: 1px solid rgba(255,255,255,.1);
	}
}

@media (max-width: 500px) {
	#wrapper > ul.menu > li:not(:first-child) {
		border-top: 1px solid rgba(255,255,255,.1);
	}
}


#wrapper > ul.menu > li > a,
#wrapper > ul.menu > li > a > img,
#wrapper > ul.menu > li > a > span {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

#wrapper > ul.menu > li > a {
	display: block;
	text-decoration: none !important;
	padding: 40px;
}

#wrapper > ul.menu > li > a > img {
	width: 150px;
	height: 150px;
	opacity: 0.7;
}

#wrapper > ul.menu > li > a:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

#wrapper > ul.menu > li > a:hover > img {
	margin-bottom: 10px;
	opacity: 1;
}

#wrapper > ul.menu > li:nth-child(odd) > a > img {
	position: relative;
	animation: 1.3s menu_hover infinite ease-in-out;
}

#wrapper > ul.menu > li:nth-child(even) > a > img {
	position: relative;
	animation: 1.2s menu_hover_2 infinite ease-in-out;
}

#wrapper > ul.menu > li > a > span {
	display: block;
	color: rgba(255,255,255,.8);
	font-weight: 900;
	font-size: 14pt;
	text-align: center;
	margin-top: 20px;
}

#wrapper > .footer {
	font-weight: 300;
	margin-top: 50px;
	margin-bottom: 50px;
	color: rgba(255,255,255,.6);
}

#wrapper > .footer > a {
	color: rgba(255,255,255,.7);
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(255,255,255,.5);
}