@charset "utf-8";

@keyframes opacityAnimation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


@media all {

/*blurred images*/
	.roadKill {
	background-image: url(../img/games/roadkill/roadkill-gamepage-blur.png);
	}
	.ugliestCatch {
	background-image: url(../img/games/ugliest-catch/ugliest-catch-gamepage-blur.png);
	}
	.spaceDonkey {
	background-image: url(../img/games/space-donkey/space-donkey-gamepage-blur.png);
	}
	.theCrypt {
	background-image: url(../img/games/the-crypt/the-crypt-gamepage-blur.png);
	}
	.djPsycho {
	background-image: url(../img/games/dj-psycho/dj-psycho-gamepage-blur.png);
	}
	.trueKult {
	background-image: url(../img/games/true-kult/true-kult-gamepage-blur.png);
	}
	.bountyHunters {
	background-image: url(../img/games/bounty-hunters/bounty-hunters-gamepage-blur.png);
	}
	.theCage {
	background-image: url(../img/games/the-cage/the-cage-gamepage-blur.jpg);
	}
	.gluttony {
	background-image: url(../img/games/gluttony/gluttony-gamepage-blur.png);
	}
	.whacked {
	background-image: url(../img/games/whacked/whacked-gamepage-blur.png);
	}
	.disturbed {
	background-image: url(../img/games/disturbed/disturbed-gamepage-blur.jpg);
	}
	.kissMyChainsaw {
	background-image: url(../img/games/kiss-my-chainsaw/kiss-my-chainsaw-gamepage-blur.png);
	}
	.bloodAndShadow {
		background-image: url(../img/games/blood-and-shadow/blood-and-shadow-gamepage-blur.png);
	}
	.benjiKilledInVegas {
		background-image: url(../img/games/benji-killed-in-vegas/benji-killed-in-vegas-gamepage-blur.jpg);
	}
	.walkOfShame {
		background-image: url(../img/games/walk-of-shame/walk-of-shame-gamepage-blur.png);
	}
	.deadCanary {
		background-image: url(../img/games/dead-canary/dead-canary-gamepage-blur.png);
	}
	.pearlHarbor {
		background-image: url(../img/games/pearl-harbor/pearl-harbor-gamepage-blur.jpg);
	}
	.rockBottom {
		background-image: url(../img/games/rock-bottom/rock-bottom-gamepage-blur.png);
	}
	.serial {
		background-image: url(../img/games/serial/serial-gamepage-blur.jpg);
	}
	.littleBighorn {
		background-image: url(../img/games/little-bighorn/little-bighorn-gamepage-blur.jpg);
	}
	.theBorder {
		background-image: url(../img/games/the-border/the-border-gamepage-blur.png);
	}
	.roadRage {
		background-image: url(../img/games/road-rage/road-rage-gamepage-blur.png);
	}
	.theRave {
		background-image: url(../img/games/the-rave/the-rave-gamepage-blur.png);
	}
	.folsomPrison {
		background-image: url(../img/games/folsom-prison/folsom-prison-gamepage-blur.jpg);
	}
	.karen {
		background-image: url(../img/games/karen-maneater/karen-gamepage-blur.jpg);
	}
	.rememberGulag {
		background-image: url(../img/games/remember-gulag/remember-gulag-gamepage-blur.png);
	}
	.miseryMining {
		background-image: url(../img/games/misery-mining/misery-mining-gamepage-blur.png);
	}
	.punkToilet {
		background-image: url(../img/games/punk-toilet/punk-toilet-gamepage-blur.jpg);
	}
	.tombstoneRip {
		background-image: url(../img/games/tombstone-rip/tombstone-rip-gamepage-blur.jpg);
	}
	.trueGrit {
		background-image: url(../img/games/true-grit-redemption/true-grit-redemption-gamepage-blur.jpg);
	}
	.legionX {
		background-image: url(../img/games/legion-x/legion-x-gamepage-blur.jpg);
	}
	.evilGoblins {
		background-image: url(../img/games/evil-goblins-xbomb/evil-goblins-xbomb-gamepage-blur.jpg);
	}
	.dasXboot {
		background-image: url(../img/games/das-xboot/das-xboot-gamepage-blur.jpg);
	}
	.mental {
		background-image: url(../img/games/mental/mental-gamepage-blur.jpg);
	}
	.xWaysHoarder {
		background-image: url(../img/games/xways-hoarder-xsplit/xways-hoarder-xsplit-gamepage-blur.jpg);
	}
	.infectious5 {
		background-image: url(../img/games/infectious-5-xways/infectious-5-xways-gamepage-blur.jpg);
	}
	.elPasoGunfight {
		background-image: url(../img/games/el-paso-gunfight-xnudge/el-paso-gunfight-xnudge-gamepage-blur.jpg);
	}
	.bushidoWays {
		background-image: url(../img/games/bushido-ways-xnudge/bushido-ways-xnudge-gamepage-blur.jpg);
	}
	.fireInTheHole {
		background-image: url(../img/games/fire-in-the-hole-xbomb/fire-in-the-hole-xbomb-gamepage-blur.jpg);
	}
	.eastVsWest {
		background-image: url(../img/games/east-coast-vs-west-coast/east-coast-vs-west-coast-gamepage-blur.jpg);
	}
	.sanQuentin {
		background-image: url(../img/games/san-quentin-xways/san-quentin-xways-gamepage-blur.jpg);
	}
	.tombOfAkhenaten {
		background-image: url(../img/games/tomb-of-akhenaten/tomb-of-akhenaten-gamepage-blur.jpg);
	}
	.warriorGraveyard {
		background-image: url(../img/games/warrior-graveyard-xnudge/warrior-graveyard-xnudge-gamepage-blur.png);
	}
	.monkeysGold {
		background-image: url(../img/games/monkeys-gold-xpays/monkeys-gold-xpays-gamepage-blur.jpg);
	}
	.buffaloHunter {
		background-image: url(../img/games/buffalo-hunter/buffalo-hunter-gamepage-blur.jpg);
	}
	.bookOfShadows {
		background-image: url(../img/games/book-of-shadows/book-of-shadows-gamepage-blur.jpg);
	}
	.immortalFruits {
		background-image: url(../img/games/immortal-fruits/immortal-fruits-gamepage-blur.jpg);
	}
	.goldenGenie {
		background-image: url(../img/games/golden-genie/golden-genie-gamepage-blur.jpg);
	}
	.milkyWays {
		background-image: url(../img/games/milky-ways/milky-ways-gamepage-blur.jpg);
	}
	.bonusBunnies {
		background-image: url(../img/games/bonus-bunnies/bonus-bunnies-gamepage-blur.png);
	}
	.deadwood {
		background-image: url(../img/games/deadwood-xnudge/deadwood-xnudge-gamepage-blur.png);
	}
	.harlequin {
		background-image: url(../img/games/harlequin-carnival/harlequin-carnival-gamepage-blur.jpg);
	}
	.gaelicGold {
		background-image: url(../img/games/gaelic-gold/gaelic-gold-gamepage-blur.jpg);
	}
	.barbarianFury {
		background-image: url(../img/games/barbarian-fury/barbarian-fury-gamepage-blur.png);
	}
	.punkRocker {
		background-image: url(../img/games/punk-rocker/punk-rocker-gamepage-blur.jpg);
	}

	.poisonEve {
		background-image: url(../img/games/poison-eve/poison-eve-gamepage-blur.jpg);
	}

	.dragonTribe {
		background-image: url(../img/games/dragon-tribe/dragon-tribe-gamepage-blur.jpg);
	}

	.ture {
		background-image: url(../img/games/turstugan/turstugan-gamepage-blur.jpg);
	}

	.tombOfNefertiti {
		background-image: url(../img/games/tomb-of-nefertiti/tomb-of-nefertiti-gamepage-blur.jpg);
	}

	.manhattanGoesWild {
		background-image: url(../img/games/manhattan-goes-wild/manhattan-goes-wild-gamepage-blur.jpg);
	}

	.pixiesvspirates {
		background-image: url(../img/games/pixies-vs-pirates/pixies-vs-pirates-gamepage-blur.png);
	}

	.hot4Cash {
		background-image: url(../img/games/hot-4-cash/hot-4-cash-gamepage-blur.jpg);
	}

	.thorHammerTime {
		background-image: url(../img/games/thor-hammer-time/thor-hammer-time-gamepage-blur.jpg);
	}

	.tractorBeam {
		background-image: url(../img/games/tractor-beam/tractor-beam-gamepage-blur.jpg);
	}

	.mayanmagic {
		background-image: url(../img/games/mayan-magic-wildfire/mayan-magic-wildfire-gamepage-blur.jpg);
	}

	.tombstone {
		background-image: url(../img/games/tombstone/tombstone-gamepage-blur.jpg);
	}

	.starstruck {
		background-image: url(../img/games/starstruck/starstruck-gamepage-blur.png);
	}

	.owls {
		background-image: url(../img/games/owls/owls-gamepage-blur.jpg);
	}

	.fruits {
		background-image: url(../img/games/fruits/fruits-gamepage-blur.png);
	}

	.iceIceYeti {
		background-image: url(../img/games/ice-ice-yeti/ice-ice-yeti-gamepage-blur.jpg);
	}

	.dungeonQuest {
		background-image: url(../img/games/dungeon-quest/dungeon-quest-gamepage-blur.jpg);
	}

	.coinsOfFortune {
		background-image: url(../img/games/coins-of-fortune/coins-of-fortune-gamepage-blur.jpg);
	}

	.hotNudge {
		background-image: url(../img/games/hot-nudge/hot-nudge-gamepage-blur.jpg);
	}

	.teslaJolt {
		background-image: url(../img/games/tesla-jolt/tesla-jolt-gamepage-blur.jpg);
	}

	.casinoWinSpin {
		background-image: url(../img/games/casino-win-spin/casino-win-spin-gamepage-blur.jpg);
	}

	.kitchenDramaBbqFrenzy {
		background-image: url(../img/games/kitchen-drama-bbq-frenzy/kitchen-drama-bbq-frenzy-gamepage-blur.jpg);
	}

	.wixx {
		background-image: url(../img/games/wixx/wixx-gamepage-blur.jpg);
	}

	.kitchenDramaSushiMania {
		background-image: url(../img/games/kitchen-drama-sushi-mania/kitchen-drama-sushi-mania-gamepage-blur.jpg);
	}

	.oktoberfest {
		background-image: url(../img/games/oktoberfest/oktoberfest-gamepage-blur.jpg);
	}

	.spaceArcade {
		background-image: url(../img/games/space-arcade/space-arcade-gamepage-blur.jpg);
	}

	.theCreepyCarnival {
		background-image: url(../img/games/the-creepy-carnival/the-creepy-carnival-gamepage-blur.jpg);
	}

	.lottery {
		background-image: url(../img/games/lottery/lottery-gamepage-blur.jpg);
	}

	/*GLOBAL*/
	* {
		margin: 0;
		padding: 0;
		font-family: 'Open Sans', sans-serif;
	}

	a {
		outline: 0;
	}

	::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}

	::-webkit-scrollbar-corner {
		background: transparent;
	}

	::-webkit-scrollbar-thumb {
		background: #b8b8b8;
		border: 0px solid #ffffff;
	}

	::-webkit-scrollbar-thumb:hover {
		background: #000;
	}

	::-webkit-scrollbar-track {
		background: #e9e9e9;
		border: 0px none #ffffff;
	}

	#playGamePopup {
		width: 100%;
    	height: 100vh;
    	left: 0;
    	position: fixed;
    	display: none;
    	z-index: 8;
    	background-color: #ffffffd4;
	}

	#gamePage {
		height: 63vw;
   		max-height: 68vh;
		width: 100%;
    	float: left;
    	position: relative;
		background-size: cover;
		background-position: center top;
	}

	#ageControl {
		display: none;
		position: fixed;
	    width: 100%;
	    height: calc(100vh - 70px);
	    margin-top: 70px;
	    background: #00000054;
	    z-index: 5;
	}

	#ageControl h1 {
		font-size: 2.5rem;
	    color: red;
	    padding-top: 50px;
	}

	#ageControl p {
		font-size: 1.4rem;
	    margin-top: 70px;
	    width: 70%;
	    margin-left: 15%;
	}

	#ageControl button {
		padding: 0.8rem 1rem;
	    background-color: #616060;
	    color: #ffffff;
	    border: none;
	    border-radius: 0.3rem;
	    font-weight: 600;
	    cursor: pointer;
	    font-size: 1.2rem;
	    margin: 2rem 1rem 0.4rem 1rem;
	    transition: 0.3s ease;
	    outline: none;
	}

	#ageControl button:hover {
	    background-color: #868484;
	}

	.ageControlContainer {
		width: 720px;
	    height: 440px;
	    background: #fff;
	    text-align: center;
	    border-radius: 10px;
	    padding: 30px;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	}

	.gamePageBackground {
		width: 100%;
		height: 64vw;
    	max-height: 830px;
		z-index: 2;
		opacity: 0;
		position: relative;
		background-size: cover;
		background-position: center top;
		animation-name: opacityAnimation;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: forwards;

		-webkit-animation-name: opacityAnimation;
		-webkit-animation-duration: 2s;
		-webkit-animation-delay: 1s;
		-webkit-animation-fill-mode: forwards;
	}

	.pageDown.pageDownGamePage {
	    margin-top: 30px;
	}

	#gameInfo {
		width: 100%;
		float: left;
		margin-bottom: 100px;
	}

	.logo {
		width: 100%;
    	text-align: center;
	}

	.logo img {
		width: 550px;
	}

	.gameInfoContainer {
		width: 100%;
	    max-width: 1600px;
	    margin: 0 auto;
	    margin-bottom: 100px;
	}

	.gameInfoContainer h1 {
		padding-top: 70px;
		margin-bottom: 20px;
		font-size: 3.2rem;
	}

	.gameInfoContainer h2 {
		margin-top: 60px;
		display: block;
	}

	.gameInfoContainer p {
		width: 50%;
    	float: left;
	}

	.gameInfoContainer .image {
		width: 50%;
    	float: left;
    	text-align: center;
	}

	.gameInfoContainer .image img {
		width: 60%;
	}

	.gameInfoContainer section {
		width: 92%;
    	margin: 0 4%;
    	float: left;
	}

	.gameInfoContainer section.right .image, .gameInfoContainer section.right p {
    	float: right;
	}
	.gameInfoContainer section.right h2 {
    	float: right;
	    width: 50%;
	    padding-right: 3px;
	}

	.gameInfoContainer .tables {
    	width: 92%;
	    margin: 0 4%;
	    float: left;
    	margin-bottom: 40px;
	}

	.gameInfoContainer .tables p {
    	font-style: italic;
    	font-size: 1rem;
	}

	.gameInfoContainer .tables table {
		margin: 20px 0;
    	width: 100%;
	}

	.gameInfoContainer .tables caption {
		text-align: left;
	}

	.gameInfoContainer .tables td {
		width: 390px;
    	padding: 3px 4px;
    	background: #f1f1f1;
	}

	.gameInfoContainer .tables td:first-child {
		width: 100px;
	}
}

@media only screen and (max-width: 1025px) and (min-width: 100px) {
	.ageControlContainer {
	    width: 594px;
	    max-width: 84%;
	    height: 370px;
	}

	#ageControl h1 {
	    font-size: 2rem;
	}

	#ageControl p {
	    font-size: 1.2rem;
    	margin-top: 50px;
	}

	#ageControl button {
	    font-size: 1rem;
	}

	#gamePage {
		height: 70vh;
		max-height: initial;
		background-image: none;
	}

	.gamePageBackground {
		display: none;
	}

	.logo img {
	    width: 400px;
	}

	.gameInfoContainer h1 {
	    font-size: 3rem;
	    padding-top: 50px;
	}

	.gameInfoContainer p {
	    width: 100%;
	}

	.gameInfoContainer .image {
	    width: 100%;
	    margin: 40px 0;
	}

	.gameInfoContainer section.right h2 {
	    float: left;
	    width: 100%;
	    padding-right: 0;
	    margin-top: 0px;
	}
}

@media only screen and (max-width: 900px) and (min-width: 100px) {

	.gameInfoContainer h1 {
	    font-size: 2.5rem;
	}
}

@media only screen and (max-width: 594px) and (min-width: 100px) {
	.ageControlContainer {
	    width: 70%;
	   	height: -moz-fit-content;
	   	height: fit-content;
	    margin-left: 10%;
	    padding: 5%;
	}

	#ageControl h1 {
	    font-size: 1.3rem;
    	padding-top: 20px;
	}

	#ageControl p {
	    width: 90%;
	    margin-left: 5%;
	    font-size: 1rem;
	    margin-top: 40px;
	    margin-bottom: 10px;
	}

	#ageControl button {
	    font-size: 1rem;
	    margin: 1rem 1rem 0.4rem 1rem;
	}

	#gameInfo {
	    margin-top: 50px;
	}

	#ageControl {
	    height: calc(100vh - 60px);
	    margin-top: 60px;
	}
}

@media only screen and (max-width: 500px) and (min-width: 100px) {
	.logo img {
	    width: 80%;
	}
}