@charset "utf-8";
/* CSS Document */

::selection {
	background: lightgray;
	color: white;
	text-shadow: 0px 2px 3px #2B64FD;
}

#videoBackup {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: black;
	z-index: 1;
}

#loadingIcon {
	width: 256px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -128px;
	margin-left: -128px;
	-webkit-animation: spinLogo cubic-bezier(1, 0, 0, 1) infinite 2s;
	-moz-animation: spinLogo cubic-bezier(1, 0, 0, 1) infinite 2s;
	-o-animation: spinLogo cubic-bezier(1, 0, 0, 1) infinite 2s;
	animation: spinLogo cubic-bezier(1, 0, 0, 1) infinite 2s;
}

@-webkit-keyframes spinLogo {
	100% {transform: rotate(360deg);}
}
@-moz-keyframes spinLogo{
	100% {transform: rotate(360deg);}
}
@-o-keyframes spinLogo {
	100% {transform: rotate(360deg);}
}
@keyframes spinLogo {
	100% {transform: rotate(360deg);}
}

#loadingText {
	width: 450px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -225px;
}

#introVideo {
	background: url(intro_endframe.jpg);
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
}

body {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background: url(darkwall.png);
	color: #959595;
	-webkit-user-select: none;
	-moz-user-select: none;
}

nav img {
	cursor: pointer;
	position: absolute;
	top: 20px;
	box-shadow: inset 0px 0px 10px #3566ff;
	width: 125px;
	border-radius: 50%;
	-webkit-transition: linear box-shadow 100ms;
	-moz-transition: linear box-shadow 100ms;
	transition: linear box-shadow 100ms;
}

nav img:hover {
	box-shadow: inset 0px 0px 250px #3566ff;
}

nav input {
	display: none;
}

footer {
	position: fixed;
	padding: 4px;
	font-size: 12px;
	left: 0px;
	right: 0px;
	bottom: -1px;
	border-top: 2px solid #959595;
	background-image: url(darkwall.png);
}

footer span {
	padding: 0px 8px 0px 8px;
}

footer a {
	color: #959595;
	padding-left: 8px;
	-webkit-transition: ease color 200ms;
	-moz-transition: ease color 200ms;
	transition: ease color 200ms;
}

footer a:hover {
	color: #4269E0;
}

#hackInfo {
	position: absolute;
	overflow: auto;
	margin-bottom: 36px;
	top: 300px;
	left: 8px;
	right: 8px;
	font-size: 22px;
	font-weight: 600;
	box-shadow: 0px 0px 5px #253b7d;
	border-radius: 8px;
	-webkit-user-select: auto;
	-moz-user-select: auto;
}

#hackInfo div {
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}

#hacks {
	position: absolute;
	top: 165px;
	left: 8px;
	right: 8px;
	height: 125px;
	overflow: auto;
	margin: 5px 0px 0px 0px;
}

#hacks.stick {
  position: fixed;
  top: -5px;
  left: 0px;
  right: 0px;
  height: 125px;
  border-bottom: 1px solid #959595;
  z-index: 1;
  background-image: url(darkwall.png);
}

#hacks img {
	cursor: pointer;
	height: 110px;
	padding-left: 8px;
	opacity: 0.3;
	-webkit-transition: linear all 100ms;
	-moz-transition: linear all 100ms;
	transition: linear all 100ms;
}

#hacks img.selected {
	opacity: 1;
}

#hacks img:hover {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px);
	opacity: 1;
}

#hacks a {
	text-decoration: none;
}

.services {
	height: 64px;	
}

.osSupport {
	width: 150px;
}

.hackDetails:last-child {
	height: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.hackDetails li {
	font-size: 16px;
	font-weight: 100;
}

.hackWallpaper {
	width: 100%;
	margin-bottom: -22.5%;
}

.featureIcon {
	-webkit-transform: translateY(14px);
	-moz-transform: translateY(14px);
	transform: translateY(14px);
}

.buyNow {
	margin-top: 16px;
	-webkit-transition: ease-in all 150ms;
	-ms-transition: ease-in all 150ms;
	-o-transition: ease-in all 150ms;
	transition: ease-in all 150ms;
}

.buyNow:hover {
	-webkit-filter: saturate(1.5);
	-ms-filter: saturate(1.5);
	-o-filter: saturate(1.5);
	filter: saturate(1.5);
}

#currentHacks {
	height: auto !important;
	padding-left: 50%;
	margin-left: -257px;
	-webkit-user-select: text;
	-moz-user-select: text;
}

.hackStatus {
	height: 45px;
	-webkit-filter: brightness(0.75) contrast(0.99);
	-ms-filter: brightness(0.75) contrast(0.99);
	-o-filter: brightness(0.75) contrast(0.99);
	filter: brightness(0.75) contrast(0.99);
	border: 1px solid #545454;
	border-bottom: 2px solid #545454;
}

#hackLegend {
	height: auto !important;
}

#hackLegend img:first-child {
	margin: 0px 125px 0px 100px;
}

#hackLegend img {
	position: initial;
	margin: 0px 100px 0px -100px;
	border: none;
}

#backTop {
	cursor: pointer;
	position: fixed;
	width: 38px;
	right: 32px;
	bottom: 46px;
	-webkit-animation: bTop linear infinite 1s;
	-moz-animation: bTop linear infinite 1s;
	-o-animation: bTop linear infinite 1s;
	animation: bTop linear infinite 1s;
	display: none;
}

@-webkit-keyframes bTop {
	50% {-webkit-transform: translateY(6px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes bTop {
	50% {-moz-transform: translateY(6px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes bTop {
	50% {-o-transform: translateY(6px);}
	100% {-o-transform: translateY(0px);}
}
@keyframes bTop {
	50% {transform: translateY(6px);}
	100% {transform: translateY(0px);}
}