/*
Theme Name: Games.lol Custom Theme
Theme URI: 
Author: OCME c/o Ali
Author URI: 
Description: Custom theme for Games.lol, Revamped 6/18/18
Version: 5.0
Text Domain: ocmegames
*****************************
/**
* #.# RESET
*
* !!--Do not edit--!!
*/

@font-face {
  font-family: 'Open Sans'; 
	font-display: swap;
  src: url('css/fonts/OpenSans-Regular.woff') format('woff'), 
   url('css/fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal;
}  

@font-face {
  font-family: 'Open Sans'; 
	font-display: swap;
  src: url('css/fonts/OpenSans-Bold.woff') format('woff'), 
   url('css/fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold;
}  

@font-face {
  font-family: 'Irish Grover';
  src: url('css/fonts/IrishGrover-Regular.woff') format('woff'), 
   url('css/fonts/IrishGrover-Regular.ttf') format('truetype'); 
}  

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	background: #000;
	padding-right: 0 !important;
	overflow-x: hidden;
}

a, a:hover, a *, a:hover *, .item *, button, button:hover {
	transition: all 0.5s;
}

a:hover {
	text-decoration: none !important;
}

* img {
	object-fit: cover;
	object-position: center;
}

img.flipped,
.flipped img {
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}

/** DOWNLOAD BUTTON */

.downloadbtn {
	border-color: yellow;
	border-style: solid;
	border-width: 10px 10px;
	border-image-slice: 17 25 17 25;
	border-image-width: 20px 20px 20px 20px;
	border-image-outset: 0px 0px 0px 0px;
	border-image-repeat: stretch stretch;
	border-image-source: url('images/button_yellow.png');
	border-radius: 20px;
	/*box-shadow: 0px 5px 10px rgba(0,0,0,0.5);*/
	background: #f8d700;
	min-height: 100px;
	overflow: hidden;
	font-weight: bold;
	font-size: 30pt;
		
	color: #654c14;
	text-shadow: none;
}

.downloadbtn.active {
			color: black;
			text-shadow: 1px 1px 5px white;
}

.downloadbtn.inactive {
			color: #654c14;
			text-shadow: none;
}

.downloadbtn.active:hover {
	color: #ffffff;
	text-shadow: 2px 1px 5px #8a3f00;
	background: #e88727;
	border-image-source: url('images/button_orange_hover.png');
	/*box-shadow: 0px 0px 10px #f3ff85;*/
	-webkit-animation: jello-horizontal 0.6s both;
	        animation: jello-horizontal 0.6s both;
}

.downloadbtn.active:hover span.btn_text {
	color: #ffffff;
	text-shadow: 2px 1px 5px #8a3f00;
}



.downloadbtn>span.btn_text {
	padding: 0 10px 0 12px;
	display: inline-block;
}

.downloadbtn>span.btn_play_now {
	display: inline-block;
}

.downloadbtn>span.btn_icon {
	padding: 0 8px;
	font-size: 24pt;
	display: inline-block;
}

	/*For Bounce Animation */

	.downloadbtn:hover > span.btn_icon { 

		  animation: bounce linear 1.5s;
		  animation-iteration-count: infinite;
		  transform-origin: 50% 50%;
		  -webkit-animation: bounce linear 1.5s;
		  -webkit-animation-iteration-count: infinite;
		  -webkit-transform-origin: 50% 50%;
		  -moz-animation: bounce linear 1.5s;
		  -moz-animation-iteration-count: infinite;
		  -moz-transform-origin: 50% 50%;
		  -o-animation: bounce linear 1.5s;
		  -o-animation-iteration-count: infinite;
		  -o-transform-origin: 50% 50%;
		  -ms-animation: bounce linear 1.5s;
		  -ms-animation-iteration-count: infinite;
		  -ms-transform-origin: 50% 50%;

	}

/** PLAY BUTTON */

.playbtn {
	border-color: yellow;
	border-style: solid;
	border-width: 10px 10px;
	border-image-slice: 17 25 17 25;
	border-image-width: 20px 20px 20px 20px;
	border-image-outset: 0px 0px 0px 0px;
	border-image-repeat: stretch stretch;
	border-image-source: url('images/button_yellow.png');
	border-radius: 20px;
	/*box-shadow: 0px 5px 10px rgba(0,0,0,0.5);*/
	background: #f8d700;
	min-height: 100px;
	overflow: hidden;
	font-weight: bold;
	font-size: 30pt;
		
	color: #654c14;
	text-shadow: none;
	/*border: 1px solid #b59600;
	border-radius: 10px;
	padding: 15px 0;
	font-size: 14pt;
	color: black;
	text-align: center;
	background: #ffd300;
	box-shadow: 0px 0px 10px #52310891;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	width: 100%;*/
}

.playbtn:hover {
	/*color: black;
	border-color: #ea5900;
	background-color: #ffeb27;*/
	color: #ffffff;
	text-shadow: 2px 1px 5px #8a3f00;
	background: #e88727;
	border-image-source: url('images/button_orange_hover.png');
	/*box-shadow: 0px 0px 10px #f3ff85;*/
	-webkit-animation: jello-horizontal 0.6s both;
	        animation: jello-horizontal 0.6s both;
}


.playbtn>span.btn_text {
	flex: 1;
	padding: 0 10px 0 12px;
	display: inline-block;
	text-transform: uppercase;
/*	border-right: 1px solid #b59600; */
}

.playbtn>span.btn_play_now {
	flex: 1;
	display: inline-block;
	border-right: 1px solid #b59600;
}

.playbtn>span.btn_icon {
	padding: 0 8px;
	font-size: 18pt;
	display: inline-block;
	transition: all 0.2s;
}

	.playbtn:hover >span.btn_icon {
		transform: scale(1.2);
		transition: all 0.2s;
	}


	/*For Bounce Animation 

	.playbtn:hover > span.btn_icon { 

		  animation: bounce linear 1.5s;
		  animation-iteration-count: infinite;
		  transform-origin: 50% 50%;
		  -webkit-animation: bounce linear 1.5s;
		  -webkit-animation-iteration-count: infinite;
		  -webkit-transform-origin: 50% 50%;
		  -moz-animation: bounce linear 1.5s;
		  -moz-animation-iteration-count: infinite;
		  -moz-transform-origin: 50% 50%;
		  -o-animation: bounce linear 1.5s;
		  -o-animation-iteration-count: infinite;
		  -o-transform-origin: 50% 50%;
		  -ms-animation: bounce linear 1.5s;
		  -ms-animation-iteration-count: infinite;
		  -ms-transform-origin: 50% 50%;
	}
	*/

/** HEADER **/
/** Navigation Bar **/

header .navbar {
	min-height: 75px; 
	padding: 10px 0 5px;
	background: #000 !important;
	border-bottom: 1px solid #524e4e;
}

	header .navbar .container {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: space-between;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	header #navbar-logo {
		padding: 0 5px;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		text-align: center;
	}

	header #navbar-logo img {
		max-height: 30px;
	}

	header .navbar-brand-caption {
		font-size: 11pt;
		color: #cae6e8;
	}

	header #navbar-button,
	header #navbar-button * {
		outline: none;
	}
	
	header #navbar-button .fa {
		outline: none;
		font-size: 22pt;
		padding: 0 20px;
		color: #81b30e;
	}

	header #navbar-button:hover .fa {
		color: #f7b540;
	}

	header #navbar-menu {
		text-transform: uppercase;
		font-size: 12pt;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		min-width: 100%;
	}

	header #navbar-menu .dropdown-menu {
		text-transform: none;
	}

	header #navbar-menu a {
		color: #cae6e8;
		padding-left: 10px;
		padding-right: 10px;
	}

	header #navbar-menu a:active,
	header #navbar-menu a:focus {
		background: gray;
		outline: none;
	}

	header #navbar-menu a:hover {
		color: #fff;
	}

	header #navbar-menu .dropdown-menu:not(.show) {
		/* display: block; */
	}

	header #navbar-menu .dropdown-menu a:hover {
		background-color: #4d555d;
	}

	header .navbar .dropdown-menu li {
	  width: 100%;
	  margin-left: 0 !important;
	}

	header #navbar-menu a.nav-search .menu-caption {
		display: inline-block;
	}	

	header #navbar-menu a.nav-search {
		display: block;
	}	

	header #navbar-menu a.nav-search:active,
	header #navbar-menu a.nav-search:focus {
		background: none;
	}

	header .nav-searchform {
		position: static;
		padding: 5px 10px;
		width: auto;
	}

	header .nav-searchform input {
		border-radius: 5px;
		border: none;
		padding: 10px;
		background: #3a3a3a;
		color: #9e9e9e; 
		width: 600px;
		max-width: 100%;
	}

section#content {
	box-sizing: border-box;
	background: white;
	/* padding-bottom: 20px; */
}

/* PAGES */

.page {
	padding: 75px 0 20px;
}

#pageheader {
	padding: 20px;
	margin-bottom: 20px;
}

#pagebanner {
	text-align: center;
}

#pagebanner img {
	width: 100%;
	/*max-height: 350px;*/
	margin: 0 auto 20px;
}

#pagecontent {
	
}

#pageheader h1 {
	text-align: center;
	margin: 0 auto;
}

#pagecontent h1#page_title { 
	margin-bottom: 20px; 
}


#pageheader h2.archive_subtitle {
	text-align: center;
    margin: 0 auto;
    font-size: 22pt;
}

#pagecontent img,
#gamecontent img,
#faqcontent img,
#walkthroughcontent img {
    height: auto;
    max-width: 100%;
    display:block;
    margin: 10px auto;
}

/* HOMEPAGE */

#homepage.container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 85px 20px 10px;
		font-size: 16pt;
	}

		#homepage > div {
			margin: 10px 0;
		}

		#homepage > #home_content_games,
		#homepage > #home_widgets {
			width: 100%;
		}

		#homepage > #default_sidebar {
			width: 100%;
			margin: 0;
			display: flex;
			flex-direction: column;
		}

		#homepage > #home_content_articles {
			width: 100%;
		}

	#homepage h1#home_title {
		font-weight: bold;
		font-size: 26pt;
		margin: 10px;
	}

	#homepage div#home_content_article {
		/* font-size: 16pt; */
		margin: 10px;
	}


/* PAGE */

#infopage.page {
	padding-left: 0;
	padding-right: 0;
}
	
/* ARTICLES */

#articlepage.page {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#articlepage .downloadbtn {
	margin: 20px auto;
	width: 100%;
	max-width: 500px;
}

#articlepage #gamedownload {
	padding: 0 0 20px;
}
	
/* ARCHIVES */

#archivepage.page  {
	padding-left: 0;
	padding-right: 0;
}

ul.pagination {
    margin: 20px auto;
}

.pagination .page-link.current {
    background: #000000;
    border-color: #000000;
}

.pagination .page-link {
    color: black;
}

.loadmore {
	margin: 20px;
}

.btn-loadmore {
	min-width: 200px;
	line-height: 50px;
	margin: 0;
	background: #b8d4d6;
}

.btn-loadmore:hover .fa {
  animation: bounce linear 1.5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: bounce linear 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: bounce linear 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: bounce linear 1.5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: bounce linear 1.5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

#term_video {
    position: relative;
    padding: 0;
}

#term_video.mobile {
    min-height: 300px;
    position: relative;
		  background-color: darkblue;
    background-position: center center;
		  background-repeat: none;
    background-size: cover;
}

#video_player {
    width: 100%;
}

#term_video.mobile #video_player {
    display: none;
}

#video_player_link {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    text-shadow: 0 0 5px black;
    color: #fff;
    font-size: 14pt;
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#term_video.mobile #video_player_link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

#video_player_link:hover {
    background: rgba(0, 0, 0, 0.85);
}

#video_player_link a {
    color: #dadada;
    font-size: 14pt;
}

#video_player_link a .fa {
    font-size: 50pt;
    margin-bottom: 10px;
}

#video_player_link a:hover {
    color: #fff;
}

	.grid_game .downloadbtn {
		border-top: 5px solid #ffefbf;
		border-left: 5px solid #e49417;
		border-right: 5px solid #e49417;
		border-bottom: 5px solid #efb403;
		border-image: none;
		border-radius: 10px;
		padding: 5px 0;
		font-size: 12pt;
		text-align: center;
		background: #ffd34b;
		opacity: 0.7;
			min-height: 0;
	}


	.grid_game .downloadbtn.active {
		opacity: 1;
	}

	
	.grid_game .downloadbtn.active:hover {
		border-top: 5px solid #c57600;
		border-left: 5px solid #ffc973;
		border-right: 5px solid #ffc973;
		border-bottom: 5px solid #ffe8a1;
		border-image: none;
		border-radius: 10px;
		padding: 5px 0;
		font-size: 12pt;
		text-align: center;
		background: #ff932f;
	}

/* GAME PAGE */

.section_bg {
	background: #cae6e8;
}

#minigamepage.page,
#gamepage.page {
	/* padding: 75px 0 0; */
}

#minigamepage .container-fluid,
#gamepage .container-fluid {
	padding: 0;
}

.sectionheader {
	background: black;
}

	.sectionheader h3 {
		background-color: black;
		color: #cae6e8;
		padding: 8px 15px 8px 0;
		margin: 0;
		display: inline-block;
	}

#minigamepage .sectioncontent,
#gamepage .sectioncontent {
	padding: 20px 20px 10px;
}

	/* Banner */

	#minigamepage section#gamebanner,
	#gamepage section#gamebanner {
		height: auto;
		min-height: 300px;
		max-height: 600px;
		position: relative;
		overflow: hidden;
		padding: 0;
		background: black;
	}

	#minigamepage section#gamebanner>.banner,
	#gamepage section#gamebanner>.banner {
		width: 100%;
		min-height: 300px;
		max-height: 600px;
		-webkit-filter: blur(10px);
		filter: blur(10px);
	}

	#minigamepage section#gamebanner .video_overlay {
		width: 100%;
		height:  100%;
		object-fit: cover;
		object-position:  center;
	}

	#minigamepage section#gamebanner>.overlay,
	#gamepage section#gamebanner>.overlay {
		width: 100%;
		height: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		padding: 20px 20px;
		left: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items:  center;
		justify-content: center;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	
	#minigamepage section#gamebanner>.overlay>.gameimg,
	#gamepage section#gamebanner>.overlay>.gameimg {
		width: 100%;
		max-height: 180px;
		margin-bottom: 10px;
	}

	#minigamepage section#gamebanner>.overlay>.gameimg {
		margin-bottom: 20px;
	}

	#minigamepage section#gamebanner>.overlay>.gameimg > img,
	#gamepage section#gamebanner>.overlay>.gameimg > img {
		width: auto;
		max-width: 100%;
		max-height: 180px;
		object-fit: contain;
	}

	#minigamepage section#gamebanner>.overlay>.gameimg > img {
		max-height: 200px;
	}

	#gamepage section#gamebanner>.overlay>.playbtn,
	#gamepage section#gamebanner>.overlay>.downloadbtn {
		width: 100%;
		/* padding: 10px 0; */
	}


	/* Header */


	section#gameheader p.meta {
		margin: 0;
	}
	
	section#gameheader h1 {
		margin: 5px 0;
		font-size: 26pt;
	}

	section#gameheader h2 {
		font-size: 20pt;
		margin: 5px 0;
	}

	section#gameheader p.meta.categories a {
		color: black;
		display: inline-block;
		font-size: 12pt;
		padding: 0 10px;
		margin: 3px;
		border-radius: 20px;
		border: 2px solid black;
	}

	section#gameheader p.meta.categories a:hover {
		color: white;
		background: black;
	}
	

	section#gameheader {
		background: #CAE5E8;
		display: block;
		float: left;
		width: 100%;
		padding: 0;
	}

	section#gameheader .sectioncontent {
		padding: 0;
}

	section#gameheader #game_icon {
		width: 120px;
		height: 120px;
		padding: 10px;
		text-align: center;
		display: block;
		float: left;

	}

	section#gameheader #game_icon img {
		width: 100%;
		height: 100%;
	}
	
	section#gameheader #game_meta {
		height: auto;
		width: calc(100% - 120px);
		display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        float: left;
        padding-bottom: 10px;
      
	}


		section#gameheader #game_meta div{
			
		}

		section#gameheader #game_meta .addtoany_shortcode{
			margin-top: 5px;	
          width: 100%;
		}

	section#gameheader #game_title {
		background: white;
		width: 100%;
		float: left;
		padding: 8px;
		/* text-align: center; */
	}

	section#gameheader #game_meta > .meta_title {
		
      	width: 100%;
	}	
	
	

	/* Game Video */
	#articlepage div#video,
	#gamepage section#gamevideo .sectioncontent {
		text-align: center;
	}

	#articlepage div#video iframe,
	#gamepage section#gamevideo .sectioncontent iframe{
		width: 100%;
		min-height: 300px;
	}

	/* Game Player */

	#game_player.modal {
	   box-sizing: border-box;
	}

	#game_player .modal-dialog {
		max-width: none;
		width: 100%;
		margin: 0;
	}

	#game_player .modal-header {
		background-color: #cae6e8;
	}
	
	#game_player .modal-logo {
		max-height: 30px;
		margin-right: 5px;
	}

	#game_player .modal-content {
		height: 100vh;
	}

	#game_player .modal-body {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		padding: 0 0 10px;

	}

	#game_player .modal-body iframe {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		width: 100%;
	}
	
	/* Floating Button */

	#gamebutton {
		opacity: 0;
		position: fixed;
		display: none;
		bottom: 30px;
		right: 20px;
		width: 200px;
		flex-direction: column;
		justify-content: center;
		z-index: 999;
		transition: all 0.5s;
	}

	#gamebutton > .gameimg{
		width: 100%;
		max-height: 250px;
	}

	#gamebutton > .playbtn,
	#gamebutton > .downloadbtn,
	#gamebutton > .downloadbtn {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		font-size: 14pt;
		min-height: auto;
		border-width: 10px 10px;
		border-image-width: 10px 10px 10px 10px;
	}
	
	#gamebutton > .playbtn > span.btn_icon,
	#gamebutton > .downloadbtn > span.btn_icon {
		font-size: 14pt;
	}

	#gamebutton.stick {
		opacity: 1;
		transition: all 0.5s;
	}

	/* Game Download Section */

	#gamedownload .sectioncontent,
	#gamedownload .sectioncontent p {
		text-align: center;
	}

	#gamedownload .note {
		color: gray;
		border: 1px solid gray;
		margin: 20px 10px;
		max-width: 600px;
		padding: 20px;
		display: inline-block;
	}

	#gamedownload .downloadbtn {
		width: 100%;
		margin: 10px auto;
	}

	#gamedownload .downloadsteps {
		margin-bottom: 30px;
	}
	
	#gamedownload .downloadsteps .stepnum {
		display: inline-block;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin: 5px;
		border-radius: 50px;
		background: #ff8935;
		font-size: 20pt;
		color: white;
	}

/* Minigames Archive Page */

#pageheader.minigames_header {
	padding-bottom: 5px;
	margin-bottom: 10px;
}

h1#page_title.minigames_title {
	margin: 10px 0;
	text-align: left;
	font-weight: bold;
	font-size: 22pt;
}

h2.minigames_subtitle {
	margin: 10px 00;
	text-align: left;
	font-size: 12pt;
	line-height: 18pt;
}

.minigames_share {
	float: right;
	margin: 6px 0;
}

#minigame_tags {
	margin: 0 0 20px;
	color: gray;
	font-size: 10pt;
}

#minigame_tags a {
	display: inline-block;
	font-size: 11pt;
	border-radius: 20px;
	color: gray;
	border: 1px solid lightgray;
	padding: 4px 10px 5px;
	margin: 2px;
}

#minigame_tags a:hover {
	background-color: #effeff;
	border-color: #90aab9;
}


/* Minigame Player Page */

#minigameplayer {
    padding: 75px 0 0;
    background: black;
    height: calc(100vh);

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#minigameplayer .playerheader {
	background: #cae6e8;
	padding-top: 10px;
	padding-bottom: 10px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

	.playerheader h1.playertitle {
		font-size: 14pt;
		margin: 5px 0 5px;
		text-align: center;
		width: 100%;
	}

	.playerheader .playerback{
		text-align: center;
		width: 100%;
		margin-top: 5px;
	}

	.playerheader .playerback a {
		font-size: 10pt;
		color: #ffffff;
		padding: 5px 10px;;
		border-radius: 5px;
		background: #679206;
	}

	.playerheader .playerback a:hover {
		background: #425f02;
	}


#minigameplayer .playerframe {
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

/* 404 Page */

#_404page.page {
	background: url('images/zomzom_bg.png') repeat-x top black;
	color: whitesmoke;
	text-shadow: 1px 1px 5px black;
}

#_404page>.container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
	padding-top:  20px;
}

	#_404page>.container ._404zomzom {
		order: 2;
		flex: 1;
		padding: 20px;
	}

	#_404page>.container ._404zomzom img {
		width: 100%;
		height: auto;
		max-height: 300px;
		object-fit: contain;
	}

	#_404page>.container ._404messagetop {
		order: 1;
		flex: 1;
		font-family: 'Irish Grover';
		font-weight: normal;
		font-size: 14pt;
		color: #ffa458;
	}

	#_404page>.container ._404messagetop h2 {
		font-weight: normal;
		font-size: 24pt;
		color: #a8d41f;
	}

	#_404page>.container ._404messagebottom {
		order: 3;
		flex: 1;
		font-size: 14pt;
	}

	#_404page>.container ._404messagebottom h1 {
		font-size: 60pt;
	}
		
	#_404page>.container ._404button {
		padding: 20px 0;
		text-align: center;
		border-radius: 10px;
		display: inline-block;
		width: auto;
		padding: 10px 30px;
		background: #ffa91d;
		border: 2px solid #cc8400;
		outline: none;
		color: black;
		text-shadow: none;
		font-size: 20pt;
	}

	#_404page>.container ._404button:hover {
		background: #c15109;
		border: 2px solid #cc8400;
		color: white;

	}

/* GRID */

	.grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		
	}
		
		.grid > .item:hover {

			border-color: #ff791b;
		}
		
		.grid > .item .preview{
			object-fit: cover;
		}
		
		.grid > .item .preview img{
			object-fit: cover;
		}

		.grid > .item:hover .preview img {
			transform: scale(1.1) ;
		}

		.grid > .item:hover .preview img.flipped {
			transform: scaleX(-1) scale(1.1);
		}

		
		.grid > .item .info {
			padding: 10px;
		}

		.grid > .item .info .title {
			font-weight: bold;
			font-size: 12pt;
			color: #333;
			display: block;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
			
			.grid > .item:hover .info .title {
				color: #ff791b;
			}

		.grid > .item .info p {
			font-size: 9pt;
			color: #5f5f5f;
			height: 50px;
			overflow: hidden;
			position: relative;
			margin: 0;
		}

		.grid > .item .info p::after {
			content: '';
			display: block;
			position: absolute;
			bottom: 0px; left: 0;
			width: 100%; height: 30px;
			background: url('images/whitefade.png') repeat-x top;
		}

		.grid > .item .info .readmore {
			font-weight: bold;
			font-size: 10pt;
			color: #48a74a;
			display: block;
		}

		.grid > .item .cta {
			margin-bottom: 10px;
		}



		/* GRID FOR ARTICLES */

		.grid_article > .item {
			width: calc(100%);
			margin: 5px;
			overflow: hidden;
			background: white;
			border: 1px solid white;
			box-shadow: 1px 1px 5px gray;
		}
			
		.grid_article > .item .preview {
			width: 100%;
			max-height: 150px;
			overflow: hidden;
		}

		.grid_article > .item img {
			width: 100%;
			height: 150px;
		}

		
		/* GRID FOR MINIGAMES */

		.grid_minigame > .item {
			width: calc(100%);
			margin: 5px;
			overflow: hidden;
			background: white;
			border: 1px solid white;
			box-shadow: 1px 1px 5px gray;
			position: relative;
		}
			
		.grid_minigame > .item .preview {
			width: 100%;
			max-height: 150px;
			overflow: hidden;
		}

		.grid_minigame > .item img {
			width: 100%;
			height: 150px;
		}

		/* GRID FOR GAMES */

		.grid_game { padding: 0 } 

		.grid_game > .item {
			width: calc(50% - 10px);
			/*min-width: 180px;*/
			margin: 5px;
			overflow: hidden;
			background: #cae6e8;
			border: 1px solid #a0bbbd;
			box-shadow: 1px 1px 5px gray;
			position: relative;
		}

			#archivepage .grid_game .item {
				max-width: 220px;
			}

			.grid_game > .item:hover {
				background: white;
			}
			
		.grid_game > .item .preview {
			margin: 10px 10px 0;
			overflow: hidden;
		}

		.grid_game > .item img {
			width: 100%;
			margin: 0 !important;
			height: 135px !important;
			min-height: 100px;
			color: transparent;
			background: url(images/loading.gif) center center no-repeat #b8d4d6;
		}
	
		.grid_game > .item .info .title {
			font-size: 11pt;
		}

		.grid_game > .item .info p {
			height: 60px;
		}

		.grid_game > .item .info p::after {
			transition: all 0.5s;
			background: url('images/cyanfade.png') repeat-x top;
		}

		.grid_game > .item:hover .info p::after {
			transition: all 0.5s;
			background: url('images/whitefade.png') repeat-x top;
		}

		
		.grid_minigame > .item .rating,
		.grid_game > .item .rating {
			position: absolute;
			top: 0; left: 0;
			background: black;
			padding: 3px 5px;
			font-size: 10pt;
			color: #cae6e8;

		}

		.grid_minigame > .item .tag,
		.grid_game > .item .tag {
			position: absolute;
			top: 0;
			right: 0;
			background: #f18229;
			padding: 3px 5px;
			font-size: 10pt;
			color: #fff;
		}
			.grid_game > .item .tag.new{background: #f18229; }
			.grid_game > .item .tag.hot{ background: #d00c0c; }
			.grid_game > .item .tag.featured{ background: #FFC107; color: #ad0404; }


		/* GAME GRID FOR FRONTPAGE */

		#homepage .grid_game {
			margin: 20px auto;
		}

		.grid_frontpage {
			margin: 20px auto;
		}

		.grid_frontpage > .item {
			width: calc(50% - 10px);
		}
		.grid > .item .info {
			padding-bottom: 5px;
		}
		
		.grid_frontpage > .item .info .title { 
			text-align: center;
		}

section#content .sidebar {
	margin-left: 20px;
}

	.sidebar 
	.home_widget_box {
		margin-bottom: 20px;
	}


/* FAQ */

#faqpage section#gameheader,
#walkthroughpage section#gameheader {
    margin-bottom: 30px;
}

section#faqcontent, 
section#walkthroughcontent {
    margin-bottom: 50px;
}

#faqpage h1,
#walkthroughpage h1#page_title,
#walkthroughpage h2#page_title {
    margin-bottom: 30px;
		  font-weight: bold;
}

.faq-loop {
	margin: 30px auto;
}

.faq-loop .item {
	margin-bottom: 10px;
}

.faq-loop .item .preview {
	padding: 0;
}

.faq-loop .item .featured_image {
	/* width: 400px; */
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 10px;
}

.faq-loop .item .info h2 {
	margin: 0;
}

.faq-loop .item .info h2 a {
	color: #21252a;
}


.faq-loop .item .info h2.title a {
	   font-size: 18pt;
    font-weight: bold;
}

.faq-loop .item .info h2 a:hover {
	color: #d27d00;
}

.faq-loop .pagination {
				margin-top: 30px;
    justify-content: center;
}

.grid_icons {
    max-width: calc(180px * 8);
}

.grid_icons > .item {
    max-width: 150px;
    margin: 10px;
}

.grid_icons .preview {
    width: 150px;
    height: 150px;
	border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.grid_icons .preview img {
    width: 100%;
    height: 100%;
}

.grid_icons .preview .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid_icons .item .info .title {
    font-size: 12pt;
    font-weight: normal;
    white-space: normal;
}

/* WALKTHROUGHS */

#walkthroughpage h2#page_title 
{
    font-size: 32pt;
		  margin-bottom: 20px;
    font-weight: normal;
}

#walkthroughpage h1#level_title {
    font-size: 20pt;
		  margin-bottom: 30px;
}

.grid_levels {
    max-width: calc(120px * 10);
    margin: 30px auto;
}

.grid_levels > .item {
    width: 100px;
    margin: 5px 3px;
    background: #f3f3f3;
	border-radius: 20px;
    overflow: hidden;
    padding: 10px 5px 15px;

    text-align: center;
    color: #b5b5b5;
}

.grid_levels > .item.active {
    background: #daf3f5;
}

.grid_levels span.leveltext {
	display: block;
	width: 100%;
	font-size: 11pt;
    color: #b5b5b5;
}

.grid_levels span.levelnum {
	display: block;
	width: 100%;
	font-size: 24pt;
    color: #d0d0d0;
}


.grid_levels > .item.active span.leveltext {
    color: #89a7a9;
}

.grid_levels > .item.active span.levelnum {
    color: #0083ca;
	font-weight: bold;
}

.grid_levels > .item.active:hover span.levelnum {
    color: #ff8a35;
	font-weight: bold;
}

/* PREV/NEXT */

.walkthrough_nav {
    font-size: 60pt;
    line-height: 60pt;
     color: #d2d2d2;
}

.walkthrough_nav a,
.walkthrough_nav a span {
    color: #0383ca;
}

.walkthrough_nav a:hover,
.walkthrough_nav a:hover span {
    color: #ff8a35;
}
		

/* WIDGETS */

.home_widget_box {
		width: 100%;
		background: #cae6e8;
		padding: 0 0 20px 0;
		margin-bottom: 20px;
	}

.widget_title {
	font-size: 20pt;
	background: #2b2e2e;
	color: #cae6e8;
	float: left;
	padding: 8px 10px;
}

.widget_text {
	margin: 0 10px 10px;
	font-size: 12pt;
}

/* TEXT WIDGET */

.widget_homepage .textwidget {
	margin: auto;
	max-width: 1280px;
}

/* TRENDING LIST */

.widget_trendinglist {

}

	.widget_trendinglist .list_game .item {
		width: 100%;
		height: 60px;
		margin-bottom: 5px;
		position: relative;
	}

	.widget_trendinglist .list_game .item-content {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		overflow: hidden;
	}

	.widget_trendinglist .list_game .item-link {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
	}

	.widget_trendinglist .list_game .item .rank {
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background: #157a28;
		margin-right: 5px;
		font-size: 30pt;
		color: white;
	}

	.widget_trendinglist .list_game .item:nth-child(1) .rank {
		background: #e01e0a;
	}
	.widget_trendinglist .list_game .item:nth-child(2) .rank {
		background: #ef7c2e;
	}
	.widget_trendinglist .list_game .item:nth-child(3) .rank {
		background: #efb706;
	}

	.widget_trendinglist .list_game .item .preview {
		width: 60px;
    	height: 60px;
		overflow: hidden;
		margin-right: 5px;
		object-fit: cover;
	}

		.widget_trendinglist .list_game .item:hover .preview img {
			transform: scale(1.2);
		}
		.widget_trendinglist .list_game .item:hover .preview img.flipped{
			transform: scaleX(-1) scale(1.2);
		}

	.widget_trendinglist .list_game .item .preview img {
		width: 100%; height: 100%;
		object-fit: cover;
	}

	.widget_trendinglist .list_game .item .cta {
		flex: 1;
		font-size: 13pt;
		font-weight: bold;
		display: flex;
		height: 60px;
		overflow: hidden;
		padding: 5px 0px 5px 8px;
		background: #6f80ff;
		color: #fff;
		border: 1px solid transparent;
	}
	
		.widget_trendinglist .list_game .item:hover .cta {
			
			background: #515fca;
		}

	.widget_trendinglist .list_game .item .cta span.title {
		flex: 1;
		display: block;
		overflow: hidden;
		height: 100%;
		line-height: 24px;
	}

	.widget_trendinglist .list_game .item .cta span.fa{
		display: block;
		width: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 26pt;
		color: #add5f7;
	}
		
		.widget_trendinglist .list_game .item:hover .cta span.fa{
			transform: scale(1.2);
			color: white;
		}
	


/* SOCIAL MEDIA */

.widget_connect {

}

	.widget_connect ul li a img { 
	    opacity: 0.7;
	}
	.widget_connect ul li a:hover img { opacity: 1.0; text-shadow: 0 0 10px white; }


	/* Sidebar */

	.sidebar .widget_connect .widget_title {
		display: none;
	}

	.sidebar .widget_connect ul {
		list-style-type: none;
		padding: 10px 20px 0;
		margin:  0;
		text-align: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.sidebar .widget_connect ul li {
		flex: 1;
		margin: 0 5px;
	}
	
	.sidebar .widget_connect ul li a {
		display: flex;
		flex-direction: column;
		text-align: center;
		font-size:  10pt;
		color: black;
	}

	.sidebar .widget_connect ul li .fa{
		font-size: 60px;
	}
	
	.sidebar .widget_connect ul li a:hover {
		
	}

.widget_languagelist ul {
	list-style: none;
	padding: 10px 0 0 20px;
}

#footer-widgets .widget_languagelist ul li img {
	margin-bottom: 5px;
	line-height: 20px;
}

#footer-widgets .widget_languagelist ul li {
	margin-bottom: 5px;
	line-height: 20px;
}


	/* Footer */


	#footer-widgets .widget_connect ul {
		list-style: none;
		padding: 10px 0 0 20px;
	}

	#footer-widgets .widget_connect ul li a {
		display: flex;
		flex-direction: row;
		line-height: 30px;
	}

	#footer-widgets .widget_connect ul li img {
		margin-right: 8px;
    	width: 26px;
	    height: 26px;
	  	}


/* TAG LIST */
.widget_taglist ul {
	margin-bottom: 0;
}

/* Footer */
#footer-widgets .widget_taglist ul {
}

/* Sidebar */
.sidebar .widget_taglist ul {
	padding: 0 10px;
	display: block;
	float: left;
	width: 100%;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	list-style-position: inside;
}

.sidebar .widget_taglist li {
	list-style-type:none;
	margin: 5px 0;
}

.sidebar .widget_taglist li a {
	display: inline-block;
	padding: 3px 10px;
	border: 2px solid black;
	border-radius: 20px;
	color: black;
	font-size: 12pt;
	box-sizing: border-box;
}

.sidebar .widget_taglist li a:hover {
	padding: 3px 10px;
	color: white;
	background: black;
}


/* FOOTER */

#footer-widgets {
	background: #a3b5bf;
	padding: 20px;
}
	
	#footer-widgets * {
		color: black;
	}

	#footer-widgets .container {
	}

	#footer-widgets li {
		margin-bottom: 3px;
	}

footer {
	padding: 10px;
	background: #000 !important;
	font-size: 10pt;
	text-align: center;
}

	footer a {
		color: #cae6e8;
	}
	
	footer a:hover {
		color: #fff;
	}

	footer .container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap-reverse;
		justify-content: center;
	}

	footer .container div {
		width: 100%;
	}

	footer ul {
		text-align: center;
		list-style: none;
		padding: 0;
	}

	footer ul li {
		list-style: none;
		padding: 0;
		margin: 0 5px;
		display: inline-block;
	}


/* RESPONSIVE */

.container-expand {
	max-width: none;
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	.downloadbtn {font-size: 25pt;}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

	.grid_game .item { width: calc(33.33% - 10px); }
		
	header #navbar-menu .dropdown-menu {
    	columns: 2;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	.grid_minigame .item,
	.grid_article .item { width: calc(50% - 10px); }
	.grid_game .item { width: calc(25% - 10px); }

	.playerheader h1.playertitle{
		width: auto;
	}

	.playerheader .playerback {
		width: auto;
		margin: 0;
	}

	section#gameheader {
		background: linear-gradient(to bottom, #cae6e8 120px, transparent 0);
	}
	
	section#gameheader #game_meta {
		height: 120px;
	}
  
	section#gameheader #game_meta > .meta_title {
      width: auto;
		flex: 1;
	}		

	#minigamepage section#gamebanner>.banner,
	#gamepage section#gamebanner>.banner {
		filter: none;
		-webkit-filter: none;
	}

	#gamepage section#gamebanner>.overlay {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		position: absolute;
		top: auto;
		bottom: 50px;
		padding: 0 50px;
		left: 0;
	}
	
	#gamepage section#gamebanner>.overlay>.gameimg {
		/*display: none;*/
			margin-bottom: 50px;
	}
	
	#minigamepage section#gamebanner>.overlay>.gameimg {
		margin-bottom: 50px;
	}

	#gamepage section#gamebanner>.overlay>.downloadbtn {
		width: auto;
		min-width: 400px;
		margin: 0 auto;
	}
	
    #minigamepage section#gamebanner .playbtn,
    #minigamepage section#gamecontent .playbtn,
	#gamedownload .downloadbtn {
		width: auto;
		min-width: 400px;
	}
	
	#gamebutton {
		display: flex;
	}

	#_404page>.container {
		height: 690px;
		flex-direction: column;
		flex-wrap: wrap;
		text-align: left;
	}
	
	#_404page>.container ._404zomzom {
		order: 1;
		width: 40%;
		flex: 0 0 100%;
		display: flex;
		align-self: flex-end;
	}

	#_404page>.container ._404zomzom img {
		width: 100%;
		height: auto;
		max-height: 100%;
	}

	#_404page>.container ._404messagetop {
		order: 2;
		width: 60%;
		flex: 0 0 50%;
		font-size: 18pt;
		
	}

	#_404page>.container ._404messagetop h2 {
		
	}

	#_404page>.container ._404messagebottom {
		order: 3;
		width: 60%;
		flex: 0 0 50%;
	}

	#_404page>.container ._404messagebottom h1 {
		font-size: 90pt;
	}
	
	#footer-widgets #footer_widgets_4 .widget_taglist ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
		list-style-position: inside;
	}
  
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1024px) { 
  
  
  section#gameheader #game_meta>.addtoany_shortcode
  {
    width: auto;
  }
	
	header #navbar-menu {
		min-width: 0;
	}
	
	header #navbar-menu .dropdown-menu:not(.show) {
		display: none;
	}
	
	header #navbar-menu a.nav-search .menu-caption {
		display: none;
	}	
	
	header .nav-searchform {
		position: absolute;
		right: 65px;
		width: auto;
	}

	#gamepage section#gameheader .sectioncontent {
	}

	section#gameheader #game_icon {
		width: 200px;
		height: 200px;
		padding: 10px;
	}

	section#gameheader #game_icon img {
		width: 100%;
		height: 100%;
	}
	
	section#gameheader #game_meta {
		width: calc(100% - 220px);
	}

		
	section#gameheader #game_meta > .meta_title {
		padding-top: 10px;
	}		

	section#gameheader #game_meta > .addtoany_shortcode {
		padding-top: 10px;
		float: right;
	}

	section#gameheader #game_title {
		padding: 10px 0;
		width: calc(100% - 220px);
	}
	
	#articlepage div#video iframe,
	#gamepage section#gamevideo .sectioncontent iframe{
		width: 853px;
		height: 505px;
	}

	

	


	#homepage > div {
		box-sizing: border-box;
	}
	#homepage > #home_content_games 
	{width: calc(70% - 10px);}

	#homepage > #default_sidebar 
	{width: 30%; margin-left: 10px;}
	
	.grid_minigame .item,	
	.grid_article .item { width: calc(33.33% - 10px); }
	
	footer .container {
		justify-content: space-between;
	}

	footer .container div{
		width: auto;
	}

	footer {
		text-align: left;
	}
	
	footer ul {
		text-align: right;
	}


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1280px) {

  
  .symantec_seal {
  	margin-right: 50px;
  }
	
	#homepage > #home_content_games 
	{width: calc(75% - 10px);}

	#homepage > #default_sidebar 
	{width: 25%; margin-left: 10px;}

	header #navbar-menu {
		font-size: 14pt;
	}
	
	/* .container-expand, 
	#homepage.container { max-width: 1200px !important;	 } */
	
	.grid_minigame .item,	
	.grid_article .item { width: calc(25% - 10px); }
	.grid_game .item { width: calc(20% - 10px); }
	
	
	#_404page>.container ._404messagetop {
		font-size: 20pt;
	}

	#_404page>.container ._404messagetop h2 {
		font-size: 40pt;
	}

	#_404page>.container ._404messagebottom {
		font-size: 20pt;
	}

	#_404page>.container ._404messagebottom h1 {
		font-size: 90pt;
	}

}


/* Extra large devices (widescreen, 1440px and up) */
@media (min-width: 1440px) { 

	header #navbar-menu {
		font-size: 16pt;
	}

		header #navbar-menu a {
			padding-left: 20px;
			padding-right: 20px;
		}
		
		.cq div.item:nth-child(n+19){ display:none;}
	/*.container-expand,
	#homepage.container { max-width: 1400px !important;	 */
	
	#homepage .grid_minigame .item,
	#homepage .grid_article .item,
	#archivepage .grid_minigame .item,
	#archivepage .grid_article .item { width: calc(20% - 10px); }

	.grid_game .item { width: calc(14.28% - 10px); }
	
	.grid_frontpage > .item {
		width: calc(14.28% - 10px);
	}
	
	#gamebutton {
		bottom: auto;
		top: calc(50% - 150px);
		/*left: calc(50% + 500px);*/
	}


}


/* Extra large devices (widescreen) */
@media (min-width: 1650px) { 

	

	
}

/* LIGHTBOX */

.lightbox {
  background-color: rgba(0,0,0,0.90);
  height: 100%;
  position: fixed;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

	.lightbox_icon {
		color: white;
		font-size: 14pt;
		text-shadow: 0 0px 5px black;
	}

	.lightbox_icon img {
		max-width: 150px;
		max-height: 150px;
		border-radius: 20px;
		box-shadow: 0 5px 10px black;
		margin: 10px;
	}

	.lightbox_exit {
		position: absolute;
		top: 80px;
		right: 15px;
		font-size: 30pt;
		color: #cccccc;
	}

	.lightbox_exit:hover{
		color: white;
	}

	.lightbox_arrow {
		position: absolute;
		bottom:15px;
		left: 30px;
		overflow: hidden;
	}
		.lightbox_arrow .arrow_up { display: none; }
		.lightbox_arrow .arrow_down { display: none; }
	
	/* GOOGLE CHROME - Left Bottom */
		.lightbox_arrow.chrome {	bottom:15px; left: 30px;	}
		.lightbox_arrow.chrome > .arrow_down {	display: block; }
	
	/* GOOGLE CHROME on CHROME OS - Right Bottom */
		.lightbox_arrow.chrome_os {	bottom:70px; left: auto; right: 70px;	}
		.lightbox_arrow.chrome_os > .arrow_down {	display: block; }
	
	/* FIREFOX - Center Up */
		.lightbox_arrow.firefox {	bottom:15px; left: calc(50% - 75px);	}
		.lightbox_arrow.firefox > .arrow_up {	display: block; }

	/* EDGE/IE & SAFARI - Center Bottom */
		.lightbox_arrow.safari,
		.lightbox_arrow.edge {	bottom:40px; left: calc(50% - 75px); }
		.lightbox_arrow.safari > .arrow_down,
		.lightbox_arrow.edge > .arrow_down {	display: block; }

	/* OPERA / YABROWSER - Right Top */
		.lightbox_arrow.yabrowser,
		.lightbox_arrow.opera {	bottom: auto; top:90px; left: auto; right: 20px; }
		.lightbox_arrow.yabrowser > .arrow_up,
		.lightbox_arrow.opera > .arrow_up {	display: block; }
		

	.lightbox_arrow > .arrow_logo {
		background: white;
		width: 150px;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.lightbox_arrow > .arrow_logo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.lightbox_arrow  .arrow_text {
		background: #2b840a;
		width: 150px;
		color: white;
		font-size: 14pt;
		text-transform: uppercase;
		padding: 10px;
		box-sizing: border-box;
	}

	.lightbox_arrow .arrow_up>.arrow_head { 
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 75px 75px 75px;
		border-color: transparent transparent #2b840a transparent;

	}

	.lightbox_arrow .arrow_down>.arrow_head { 
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 75px 75px 0 75px;
		border-color: #2b840a transparent transparent transparent;

	}



/* Bootstrap Tweaks */

.modal {
	padding-right: 0 !important;
}

#searchform {
    margin: 10px auto;
    width: 100%;
    display: inline-flex;
    align-items:  center;
    justify-content:  center;
    flex-wrap: wrap;
}

    #searchform input[type=text]{
        margin: 2px;
        padding: 5px 10px;
        font-size: 20pt;
        line-height: 20pt;
        border-radius: 5px;
        border: 1px solid gray;
        width: 500px;
        max-width: 100%;
        outline: none;
    }

    #searchform input[type=submit]{
        margin: 2px;
        padding: 10px 15px;
        font-size: 16pt;
        line-height: 20pt;
        border-radius: 5px;
        color: white;
        background: #2b840a;
        border: 1px solid #134a00;
        outline: none;
    }
    #searchform input[type=submit]:hover{
        background: #134a00;
    }

#mega-menu-wrap-header-menu #mega-menu-header-menu input {
	max-width: 550px !important;
}

#faq-HowcanIgetintouchwithGameslol p a{ color: #007bff; }

/* BOUNCE ANIMATION */

.bounce {
  animation: bounce linear 1.5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: bounce linear 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: bounce linear 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: bounce linear 1.5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: bounce linear 1.5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes bounce{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-10px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-10px)  ;
  }
  55% {
    transform:  translate(0px,0px)  ;
  }
  70% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes bounce{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-10px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-10px)  ;
  }
  55% {
    -moz-transform:  translate(0px,0px)  ;
  }
  70% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-10px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-10px)  ;
  }
  55% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  70% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes bounce {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    -o-transform:  translate(0px,-10px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-10px)  ;
  }
  55% {
    -o-transform:  translate(0px,0px)  ;
  }
  70% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes bounce {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    -ms-transform:  translate(0px,-10px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-10px)  ;
  }
  55% {
    -ms-transform:  translate(0px,0px)  ;
  }
  70% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

/** JELLO ANIMATION **/
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  60% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  60% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/** GAMEPAGE TEMPLATES **/
#gamepage.gptemplate_1
section#gameheader #game_title,
#gamepage.gptemplate_2
section#gameheader #game_title {
	background: black;
}

#gamepage.gptemplate_1 #gamebutton,
#gamepage.gptemplate_2 #gamebutton {
    width: 240px;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 20px;
    padding: 20px
}

#gamepage.gptemplate_1
#gamebanner .slideroverlay,
#gamepage.gptemplate_2
#gamebanner .slideroverlay {
    height: auto;
    min-width: 200px;
    max-width: 250px;
    color: whitesmoke;
    background-color: rgba(0, 0, 0, 0.75) !important;
    padding: 10px;
    text-align: center;
    position: absolute;
    z-index: 9;
    bottom: 200px;
    left: 80px;
    padding-bottom: 30px;
    border-radius: 20px;
}


#gamepage.gptemplate_1
#gamebanner .slideroverlay h2 ,
#gamepage.gptemplate_2
#gamebanner .slideroverlay h2 {
    font-size: 3em;
    text-shadow: 0 0 20px black;
    color: #FFF;
    margin-bottom: 30px;
}

#gamepage.gptemplate_1
#gamebanner .slideroverlay .playbtn,
#gamepage.gptemplate_2
#gamebanner .slideroverlay .playbtn {
    font-size: 17pt;
    margin: 20px auto;
    box-shadow: 0 0 40px black;
    background-color: #75ad00;
    padding: 10px 20px;
    border-radius: 10px;
    text-transform: uppercase;
}

#gamepage.gptemplate_1
#gamebanner video,
#gamepage.gptemplate_2
#gamebanner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gamepage.gptemplate_2
#gamebanner video {
    margin-top: -100px;
}

#gamepage.gptemplate_1 section#gamebanner .downloadbtn {
    width: 100%;
    height: auto;
    font-size: 31px !important;
}

#gamepage.gptemplate_2 .ybtn {
    position: relative;
    display: block;
    top: 400px;
    cursor: pointer;
    z-index: 99;
    margin-left: auto;
    margin-right: auto;
}

#gamepage.gptemplate_1,
#gamepage.gptemplate_2
{ background-color: #000;
  color: whitesmoke; }

#gamepage.gptemplate_1 section#gameheader p.meta.categories a,
#gamepage.gptemplate_2 section#gameheader p.meta.categories a
{ color:#FFF; border-color: white; }

#gamepage.gptemplate_1 section#gameheader #game_meta,
#gamepage.gptemplate_2 section#gameheader #game_meta
{ color: black; }

#gamepage.gptemplate_1 section#gameheader,
#gamepage.gptemplate_2 section#gameheader {
    background: linear-gradient(to bottom, #adc8ca 100px, transparent 0);
}

#gamepage.gptemplate_1 .sectionheader,
#gamepage.gptemplate_2 .sectionheader {
    background: linear-gradient(to right, #adc8ca 50%, transparent 0);
}

#gamepage.gptemplate_1 .sectionheader h3,
#gamepage.gptemplate_2 .sectionheader h3 {
	 background-color:#adc8ca; color:#000; 
}

.gptemplate_1 .section_bg,
.gptemplate_2 .section_bg {
    background: #212121;
}

/*** IE COMPATIBILITY FIXES ***/

#mega-menu-wrap-header-menu #mega-menu-header-menu input {
	max-width: 550px !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	display : inline-block !important;
}


/* CAROUSEL SLICK SLIDER*/

.box.gamepreviews {
	height: 300px;
	position: relative;
}

.screenshots .prevArrow,
.screenshots .nextArrow {
  position: absolute;
  display: block;
  top: calc(50% - 10px);
}

.screenshots .prevArrow,
.screenshots .nextArrow {
  padding: 5px 2px;
  height: 30px;
  background: #f0f0f0;
}

.screenshots .prevArrow:hover,
.screenshots .nextArrow:hover {
  color: #0088B5;
}

.screenshots .prevArrow {
  left: 0;
}

.screenshots .nextArrow {
  right: 0;
}

.box.gamepreviews .screenshots {
	display: block;
	width: 100%;
	padding: 0 30px;
	height: 300px;
	overflow: hidden;
}

.box.gamepreviews .screenshots div.slick-slide {
  overflow: hidden;
  overflow-y: hidden;
  margin: 0 5px;
}

.box.gamepreviews .screenshots div.item {
  display: inline-block;
  width: auto;
  max-height: 300px;
  margin-top: -5px;
  overflow: hidden;
}

.box.gamepreviews .screenshots div.item img {
  width: auto;
  background: black;
  object-fit: cover;
  object-position: center;
  height: 300px;
  max-height: 300px;
  margin: 0 !important;
}


/* CAROUSEL VIDEO */
.box.gamepreviews .screenshots div.item.video {
	display: block;
	width: 500px !important;
	background-color: black;
	max-width: none;
	margin: 0;
}

.box.gamepreviews .screenshots div.item .video-wrapper {
    position: relative;
    padding-bottom: 50%;
    padding-top: 40px;
    width: 500px;
    height: 100%;
}

.box.gamepreviews .screenshots div.item .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	border: none;
}

/** END OF CSS FOR CAROUSEL **/

/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: darkgray;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}

/* END OF SVG ICONS */

.img-link {
	display: none;
}


.wsp-pages-list li a, .wsp-posts-list li a{     
	margin: 5px 0;
    display: inline-block;
 }


/* SUPPORTCANDY */
#wpsc_tickets_container .attachment_container{ width:100% !important; }
#wpsc_tickets_container .attachment_container .progress-bar-success{ padding:0 20px !important; }
#wpsc_tickets_container .attachment_container .attachment_cancel{ object-fit: contain !important; }

/* Hide ratings in grid boxes */
.grid_frontpage .item .rating {
    display: none;
}

/* WP-57 */
.keyword_suggest {
	padding: 3px 5px;
	font-size: 11pt;
	font-weight: bold;
}

	.keyword_suggest .kwtitle {
		color: gray;
	}

	.keyword_suggest .keywords {
		list-style-type: none;
		padding: 0;
		margin: 0 10px 0;
		line-height: 20pt;
		text-align: left;
	}

	.keyword_suggest .keywords li {
		display: inline-block;
		margin: 0;
		padding: 0;
		list-style-type: 0;
	}

	.keyword_suggest .keywords li a,
	.keyword_suggest.popular_tags .keywords li a {
		font-weight: bold;
		margin: 2px;
		color: grey;
		background: #e4e4e4;
		padding: 2px 20px;
		border: 1px solid #bfbbbb;
		border-radius: 5px;
		font-size: 10pt;
	}
	
	.keyword_suggest .keywords li a:hover {
		background: #ffffff;
		border: 1px solid #a7a4a4;
		color: #2b840b;
	}

.keyword_suggest.popular_tags {
	padding: 0px;
	margin: 0px;
}
.keyword_suggest  {
	width: auto;
	margin-top: 10px;
}
.keyword_suggest .keywords {
	text-align: center;
}
.keyword_suggest .keywords a {
/*	font-weight: normal;*/
	color: gray;
	background: #efefef;
	font-size:11pt;
	line-height: 24pt;
}
.keyword_suggest .keywords a:hover {
	background: #ffffff;
	border: 1px solid #bdbdbd;
	color: #207700;
}
/* END WP-57 */