/*   
Theme Name: Turbo Chilli 2.0
Theme URI: http://sandwgroup.co.uk
Description: The official theme of Turbo Chilli 2015 website.
Author: R and P Design
Author URI: http://randpdesign.co.uk
Version: 2.0
*/

/* ====---- CSS Group Index ----==== */

/* =====================
   1 - CSS Normalize
   2 - Typography
   3 - Navigation
   4 - Base Layout
   5 - Home Page
   6 - Project Elements
   7 - Services Elements
   8 - Project Page
   9 - Contact Page
   10 - Flexslider
   11 - Lightbox
   12 - Media Queries
   ===================== */

/* @group ====== CSS Normalize ====== */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
	box-sizing: border-box;
}

/* @end */

/* @group ====== Typography ====== */

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

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

h1, h2, h3, h4, h5, h6, i {
	text-rendering: optimizelegibility;
	margin: 0 0 16px;
}

p, a, small, strong, em { text-rendering: optimizelegibility; }

strong { font-weight: 500; }

p {
	font: 400 15px 'Roboto', sans-serif;
	line-height: 24px;
	color: #393535;
	margin: 0 0 20px;
	-webkit-font-smoothing: antialiased;
}
blockquote {
	margin: 0 0 0 20px;
}
blockquote p { 
	font-style: italic; 
	line-height: 26px;
	border-left: 6px solid #acd249;
	padding: 10px 10px 10px 20px;
	background-color: #f5f5f5;
	color: #393535;
}

q {
	font-style: italic; 
	border-left: 6px solid #acd249;
	padding: 10px 10px 10px 20px;
	line-height: 32px;
}

/*a { transition: all 0.4s ease-in-out; }*/

p a {
	font-weight: 400;
	text-decoration: none;
	color: #393535;
	border-bottom: 3px solid #dedede;
	cursor: pointer;
}

	p a:hover { border-color: #a9cf48; }

table a {
	font-weight: 400;
	text-decoration: none;
	color: #acd249;
}

	table a:hover {
		color: #9ac42f;
	}

ins {
	background: #aad048;
	padding: 0 3px;
	text-decoration: none;
}

pre {
	color: #393535;
	padding: 20px;
	background-color: #f1f1f1;
	border: 1px solid #e7e7e7;
	font-weight: 300;
}

/* ---- Headings ---- */

h1 {
	font: 28px 'nexa_boldregular', sans-serif; 
	line-height: 36px;
	color: #2b2b2b;
}
	
h2, h2 a {
	font: 20px 'nexa_boldregular', sans-serif;
	color: #2b2b2b;
}

	h2 a { text-decoration: none; }
	h2 a:hover { color: #f32000; }

h3 {
	font: 400 20px 'nexa_boldregular', sans-serif;
	color: #2b2b2b;
}

	
h4 {
	font: 400 18px 'nexa_boldregular', sans-serif;
	color: #2b2b2b;
}

h5 {
	font: 400 18px 'nexa_boldregular', sans-serif;
	color: #2b2b2b;
}

h6 {
	font: 400 16px 'nexa_boldregular', sans-serif;
	color: #2b2b2b;
}

/* @end */

/* @group ====== Navigation ====== */

nav#menu { clear: both; }

	nav#menu ol {
		margin: 0;
		padding: 0;
	}
		/* Responsive Navigation Dropdown Link */		
		a.menu-link {
			position: absolute;
			right:10px;
			top: 0;
			display: block;
  	    	
  	    	background: url(img/sprite.png) no-repeat 0 0;
  	    	background-size: 250px;
		    
		    color: #aaaaaa;
		    text-indent: -9999em;
		    
		    height: 50px;
		    width:	50px;	
		    
		    transition: none;
		}
		
		.no-svg a.menu-link  {
			background: rgba(255,255,255,0.25) url(img/sprite.png) no-repeat 0 -50px;
		}
		
			a.menu-link:hover {
				background-position: -50px 0;
			}
			
			a.menu-link.active {
				background-position: 0 -50px;
			}
		
				a.menu-link.active:hover {
					background-position: -50px -50px;
				}
			
		.js nav#menu { overflow: hidden; max-height: 0; }
		nav#menu.active { max-height: 28em; }
		
		nav#menu {
			-webkit-transition: max-height 0.2s ease-in-out;  
			-moz-transition: max-height 0.2s ease-in-out;
			-ms-transition: max-height 0.2s ease-in-out;
			-o-transition: max-height 0.2s ease-in-out;
			transition: max-height 0.2s ease-in-out;
		}
		
		nav#menu li a {
			-webkit-transition: all 0.4s ease-in-out;  
			-moz-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			background-color: #101214;
		}
		
		/* Adjust Nav dropdown items to display 2 columns */	
		
		nav#menu ul {
			padding: 0;
			margin: 0;
		}
		nav#menu li {
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
			width: 50%;
		}	
		nav#menu li a {
			width: 100%;
			text-align: center;
			float: left;
			text-decoration: none;
			text-transform: uppercase;
		}
		
			nav#menu li a {
				display: block;

				font: 400 14px 'nexa_boldregular', sans-serif;
				-webkit-font-smoothing: antialiased;
				color: #fefefe;
				
				padding: 20px 0;
				background: #252525;
				
				word-spacing: 2px;
				letter-spacing: 1px;
			}
			
				nav#menu li a:hover { 
					color: #acd249;
					background-color: #303030;
				}
				
				nav#menu li.current-menu-item a,
				body.single-post nav#menu li.current_page_parent a,
				body.post-type-archive-games nav#menu li.menu-item-22 a,
				body.single-games nav#menu li.menu-item-22 a,
				nav#menu li.current-menu-item a:hover {
					color: #abd149;
					background: #1a1a1a;
				}
				
				nav#menu li:last-child a { margin-bottom: 0; }
		
/* @end */

/* @group ====== Base Layout ====== */

/* ---- Base ---- */

html { font-size: 100%; font-family: 'Roboto', sans-serif; background: #252525; }

body { color: #434343;
	background-color: #ffffff;
}

.container { 
	position: relative;
	margin: 0 auto; 
	padding: 0;
	max-width: 1280px;  
}

/* ---- Header ---- */

header {
	position: relative;
	z-index: 10;
	top: 0;
	width: 100%;
	display: block;
	border-top: 4px solid #add349;
	background-color: #fff;
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

a#logo {
	float: left;
	display: block;
	max-width: 160px;
	height: auto;
	margin: 10px 20px;
}

	a#logo img { width: 100%; }

/* ---- Main Body ---- */
		
div#main {
	clear: left;
	position: relative;
	margin: 0; 
	padding: 0;
	z-index: 10;
	background-color: #ffffff;
}

	div#main.container,
	body.home div#main.container,
	body.post-type-archive-games div#main.container,
	body.tax-genres div#main.container,
	body.tax-developers div#main.container,
	body.tax-platforms div#main.container {
		padding: 20px 20px 0;
	}
	
	body.single-games div#main.container {
		padding: 0;
	}

article, 
aside { float: left; width: 100%; }

	body.single-games article .content, 
	body.single-games aside {
		padding: 0 20px;
	}

article ul {
	padding-left: 20px;
}

article ul li,
article ol li {
	position: relative;
	padding-bottom: 2px;
	margin-bottom: 8px;
	font: 400 15px 'Roboto', sans-serif;
	line-height: 22px;
	color: #393535;
	-webkit-font-smoothing: antialiased;
}

	article ul li {
		list-style: none;
	}

article ul li:before {
	position: absolute;
	left: -20px;
	top: 5px;
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-color: #abd149;
}

	article ul li ul li:before {
		height: 6px;
		width: 6px;
		background-color: #fff;
		border: 2px solid #abd149;
	}
	
		article ul li ul li li:before {
			height: 6px;
			width: 6px;
			border: 2px solid #d41c00;
		}

article ul li a,
article ol li a {
	color: #515261;
	padding-bottom: 2px;
	border-bottom: 3px solid #d4d4d9;
	text-decoration: none;
}

article ul li a:hover, article ol li a:hover{
	border-color: #a6cb46;
}

article ul li ul,
article ol li ol {
	margin-top: 8px;
}

		ul.social.desktop { display: none; }
		
		nav#menu ul.social,
		ul.social { 
			float: left; 
			width: 100%;
			background-color: #252525;
			border-top: 1px solid #1b1b1b;
			padding: 10px;
		}
		
			footer ul.social {
				border: none;
				width: 100%;
				margin: 0 0 40px;
			}
			
			nav#menu ul.social li,
			ul.social li {
				width: 33.3%; 
				height: 50px;
				display: block;
				float: left;
			}
		
			nav#menu ul.social li a, 
			ul.social li a { 
				display: block;
				margin: 0 0 0 50%;
				position: relative;
				left: -25px;
				width: 50px;
				height: 50px;
				overflow: hidden;
				background: url(img/sprite.png) no-repeat;
				background-size: 250px 250px;
				text-indent: -9999em;
				opacity: 0.9;
				transition: opacity 0.2s ease;
			}

				nav#menu ul.social li.facebook a,
				ul.social li.facebook a { background-position: -100px; }
				
				nav#menu ul.social li.twitter a,
				ul.social li.twitter a { background-position: -100px -50px; }
				
				nav#menu ul.social li.youtube a,
				ul.social li.youtube a { background-position: -100px 0; }
				
				nav#menu ul.social li a:hover, 
				ul.social li a:hover {
					opacity: 1;
				}



/* ---- Footer ---- */

footer { clear: left; background: #252525; border-top: 6px solid #d41c00; }

footer .container { text-align: center; clear: left; padding: 40px 20px 40px;}

	footer nav {	
		width: auto;
		display: table;
		margin: 0 auto;
	}
	
		footer nav ul { padding: 0; margin: 10px 0 0; }

			footer nav li {
				float: left;
				width: 50%;
				list-style: none;
				margin-bottom: 40px;
			}

				footer nav li a {
					font: 400 16px 'nexa_boldregular', sans-serif;
					-webkit-font-smoothing: antialiased;
					color: #ffffff;
					text-decoration: none;
					text-transform: uppercase;
				}
		
					footer nav li.current-menu-item a,
					body.single-post footer nav li.current_page_parent a,
					body.post-type-archive-games footer nav li.menu-item-22 a,
					body.single-games footer nav li.menu-item-22 a,
					footer nav li a:hover { color: #acd249; }
					
	.footer-details {
		padding: 0 20px;
	}

	
	a#footer-logo {
		width: auto;
		display: table;
		margin: 10px auto 20px;
	}
	
	a#footer-logo img {
		max-width: 176px;
	}

	
	footer small { font: 300 14px "Roboto", sans-serif; color: #afafaf; width: 100%;  }
	
	a.randpdesign {
		width: 100%;
		display: block;
		font: 300 14px "Roboto", sans-serif; 
		color: #545454;
		text-decoration: none;
		margin: 20px 0 0;
	}
	
		a.randpdesign:hover { color: #d41c00; }

/* @end */

/* @group ====== Home Page ====== */

/* --- Home Page --- */


.hero {
	background-color: #d41c00;
	padding: 10px 20px 10px;
	text-align: center;
}

.hero h1 {
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

.banner {
	padding: 15px 0 10px;
	text-align: center;
	background-color: #d41c00;
	float: left;
	width: 100%;
}

	.banner .container {
		padding: 0 20px;
	}

	.banner h1 {
		font: 20px 'nexa_boldregular', sans-serif; 
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 0;
		-webkit-font-smoothing: antialiased;
	}

body.single-games .banner {
	background-color: #e2e2e2;
	margin: 0 0 5px;
	text-align: left;
}

body.single-games .banner h1 {
	color: #2d2d2d;
	text-transform: capitalize;
	font-size: 18px;
	width: 70%;
	float: left;
}

.latest-games {
	padding: 0 0 ;
	float: left;
	width: 100%;
	position: relative;
}

.latest-games ul {
	padding: 0;
	margin: 0;
}

.latest-games li {
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 3px solid #fff;
	transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

	.latest-games li:hover {
		border-color: #abd149;
		background-color: #f3f3f3;
	}

.latest-games li a img {
	float: left;
	width: 100%;
	opacity: 0.9;
	transition: opacity 0.4s ease-in-out;
	 -webkit-transform: translate3d(0px, 0px, 0px);
	 border: 1px solid #eaeaea;
}

	.latest-games li a:hover img {
		opacity: 1;
 	}
 
.latest-games img {
 	margin-bottom: 10px;
 }

.latest-games li a {
	display: block;
	width: 100%;
	float: left;
	text-decoration: none;
}

	.latest-games li a h2 {
		color: #dd503d;
		font: 16px 'nexa_lightregular', sans-serif;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	
		.latest-games li a:hover h2 {
			color: #d41c00;
		}

aside .latest-games {
	margin-top: 15px;
}

aside .latest-games li,
aside .latest-games li:nth-child(even) {
	width: 48.5%;
	margin-bottom: 8px;
}

	aside .latest-games li:nth-child(even) {
		margin-right: 0;
	}
	
	aside h2.question {
		margin-bottom: 0;
	}

.view-more {
	float: left;
	width: 100%;
	margin: 10px 0 30px;
}

.return {
	width: 100%;
	border-top: 1px solid #eeeeee;
	float: left;
	padding: 20px;
	background-color: #f4f4f4;
}
	

a.more-games,
.post-nav a {
	font: 16px 'nexa_lightregular', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #d41c00;
	padding: 10px;
	border: 2px solid #ececec;
	float: left;
	margin: 0;
	width: 100%;
	text-align: center;
	background-color: #ffffff;
}

	a.more-games:hover,
	.post-nav a:hover {
		background: #d41c00;
		border-color: #d41c00;
		color: #ffffff;
	}
		
.latest-news {
	padding: 0;
	float: left;
}

.latest-news h3 {
	float: left;
	width: 100%;
}

.latest-news h3 span {
	font-size: 24px;
	margin: 0 0 10px 0;
	background-color: #aad049;
	float: left;
	padding: 5px 10px;
	color: #ffffff;
	position: relative;
}

	.latest-news h3 span:before {
		content: " ";
		display: block;
		height: 100%;
		position: absolute;
		right: 100%;
		top: 0;
		width: 9999%;
		background-color: #aad049;
	}
	

.latest-news article {
	position: relative;
	float: left;
	padding: 0 0 20px 0;
	border: none;
}

/* @end */

/* @group ====== Game Page ====== */

/* ====== Game Details ====== */

div.sharedaddy.sd-sharing-enabled {
	clear: none;
	float: right;
	display: block;
	width: 30%;
}

	div.sharedaddy .sd-content ul {
		margin: 0 !important;
		float: right;
	}
	
		div.sharedaddy .sd-content ul li {
			margin: 0 0 0 10px !important;
		}
	
		div.sharedaddy .sd-content ul li:first-child {
			margin: 0;
		}
		
		div.sharedaddy .sd-content ul li a.sd-button {
			margin: 0 !important;
			transition: all 0.3s ease;
			padding: 1px 5px 0 5px;
			border: 1px solid #d5d5d5;
			background: #f1f1f1;
		}
		
		/*div.sharedaddy .sd-social-icon .sd-content ul li a,
		div.sharedaddy .sd-social-icon .sd-content ul li a:hover {
			border-radius: 4px;
			transition: opacity 0.3s ease;
		}*/
		
		div.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button,
		div.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button:active {
			border-radius: 0;
			box-shadow: none;
		}
		
		div.sharedaddy .sd-social-icon-text .sd-content ul li.share-facebook a.sd-button:hover {
			border-color: #215898;
			background: #215898;
			color: #fff;
		}
		
			div.sharedaddy .sd-content ul li.share-facebook a.sd-button:hover:before,
			div.sharedaddy .sd-social-icon-text .sd-content ul li.share-facebook a.sd-button:hover span,
			div.sharedaddy .sd-content ul li.share-twitter a.sd-button:hover:before,
			div.sharedaddy .sd-social-icon-text .sd-content ul li.share-twitter a.sd-button:hover span {
				color: #fff;
			}
		
		div.sharedaddy .sd-social-icon-text .sd-content ul li.share-twitter a.sd-button:hover {
			border-color: #59aaf3;
			background: #59aaf3;
			color: #fff;
		}
		
		div.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button span,
		div.sharedaddy li.share-end {
			display: none;
		}

.game-details {
	background-color: #f1f1f1;
	padding: 20px 20px 0;
	margin-bottom: 20px;
}


	.game-details h3 {
		margin-bottom: 10px;
	}

.game-details p {
	font: 14px 'nexa_lightregular', sans-serif;
	-webkit-font-smoothing: auto;
	clear: left;
	float: left;
}

 .game-details p strong {
 	font: 14px 'nexa_boldregular', sans-serif;
 	color: #d41c00;
 	text-transform: uppercase;
 	width: 100%;
 	display: block;
 	margin-bottom: 6px;
 }
 
 .game-details p span {
 	margin-right: 10px;
 	float: left;
 }
 
 .game-details p a {
 	margin: 0 10px 0 0;
 }

/* ====== Downloads ====== */

.downloads {
	position: relative;
	clear: left;
	text-align: center;
	background-size: 200px;
	padding: 10px 0;
}

	.downloads h3 {
		margin-bottom: 20px;
	}

	.downloads ul {
		display: table;
		width: auto;
		margin: 0 auto;
		padding: 0;
	}

		.downloads li {
			clear: left;
			margin: 0 auto 20px;
			padding: 0;
			list-style: none;
			width: auto;
			font: 14px 'nexa_lightregular', sans-serif;
			color: #707070;
			line-height: 20px;
		}
		
		.downloads li:before { display: none; }

		.downloads li:last-child { margin-right: 0; }

			.downloads a {
				border: none;
				width: auto;
				display: table;
				margin: 0 auto;
				color: #696969;
				text-decoration: none;
			}
			
				.downloads a:hover {
					color: #d41c00;
				}
				
				.downloads a span {
					clear: left;
					display: block;
				}
			
			.downloads a img { 
				height: 60px;
					opacity: 0.85;
					transition: opacity 0.4s ease-in-out;
					 -webkit-transform: translate3d(0px, 0px, 0px);
				}
				
					.downloads a:hover img { opacity: 1;}
					

			.downloads a:hover img {
				-webkit-animation-name: pop;
				animation-name: pop;
				-webkit-animation-duration: 0.3s;
				animation-duration: 0.3s;
				-webkit-animation-timing-function: linear;
				animation-timing-function: linear;
				-webkit-animation-iteration-count: 1;
				animation-iteration-count: 1;
			}
			
			.downloads a:active img {
				-webkit-animation-name: pop-in;
				animation-name: pop-in;
				-webkit-animation-duration: 0.1s;
				animation-duration: 0.1s;
				-webkit-animation-timing-function: linear;
				animation-timing-function: linear;
				-webkit-animation-iteration-count: 1;
				animation-iteration-count: 1;
			}

.reviews {
	clear: left;
	width: 100%;
	padding: 40px 0 20px;
	border-top: 1px solid #f4f4f4;
	background-color: #f9f9f9;
}

	.review {
		width: 100%;
		float: left;
		text-align: center;
		margin-bottom: 20px;
	}
	
		.review blockquote {
			font: 16px 'nexa_lightregular', sans-serif;
			line-height: 24px;
			color: #747474;
		}
		
			.review a {
				text-decoration: none;
				color: #acd249;
				padding-bottom: 2px;
			}
				
				.review a:hover {
					border-bottom: 3px solid #cfcfcf;
				}

/* @end */

/* @group ====== FAQs ====== */

h2.question {
	position: relative;
	display: block;
	width: 100%;
	padding-right: 2.5em;
	cursor: pointer;
	color: #2b2b2b;
}

	h5.widget-title {
		font-size: 20px;
		position: relative;
		cursor: pointer;
	}

h2.question:hover {
	color: #d41c00;
}

	h5.widget-title:hover {
		color: #2b2b2b;
	}

h2.question:after,
h5.widget-title:after {
	content: '+';
	position: absolute;
	top: 50%;
	margin-top: -33px;
	right: 0;
	display: block;
	font-size: 30px;
	padding: 0.5em;
	color: #c0bdb8;
}

	h5.widget-title:after { color: #fff; }

h2.question:hover:after {
	color: #d41c00;
}

	h5.widget-title:hover:after {
		color: #2b2b2b;
	}

h2.question.active:after,
h5.widget-title.active:after {
   content: '-'; 
}

.answer,
.widget-container { 
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 1em;
  opacity: 0;
}

	.widget-container {
		border: none;
	}

.js .answer,
.js .widget-container {
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  -moz-transition: max-height 0.2s ease-out;
  -ms-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out, opacity 0.1s, 0.2s linear;
}
.js .answer.active,
.js .widget-container.active {
  max-height: 100em;
  opacity: 1;
}

@media all and (min-width:720px) {
  h2.question,
  h5.widget-title {
    cursor: default;
  } 
  
  h2.question:hover {
  	color: #2b2b2b;
  }
  
  	h5.widget-title:hover {
  		color: #fff;
  	}

  h2.question:after, 
  h5.widget-title:after {
     display: none;
  }
  
  .js .answer,
  .js .widget-container {
  	opacity: 1;
  }
  
  .js .answer, 
  .js .answer.active,
  .js .widget-container,
  .js .widget-container.active {
     max-height: none; 
     border: none;
  }
}

/* @end */

/* @group ====== News Page ====== */

div.news {
	float: left;
	width: 100%;
}

	div.news article {
		margin-bottom: 20px;
	}

.news h2,
.latest-news h2 {
	text-decoration: none;
	background: #f1f1f1;
	position: relative;
	color: #252525;
	margin: 0 0 10px;
}

	.latest-news h2 { margin-bottom: 20px; }

	body.single-post .news h2,
	.news article h2  {
		padding: 10px 15px 10px 0;
	}
	
	.news article h2.title  {
		padding: 0;
	}

.news article h5 {
	background: #f1f1f1;
	padding: 10px 15px 10px 0;
	position: relative;
}

.news h2:before,
.news article h5:before {
	content: " ";
	display: block;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	width: 9999%;
	background-color: #f1f1f1;
}

.news h2.title a,
.latest-news h2.title a {
	color: #252525;
	position: relative;
	width: 100%;
	display: block;
	margin: 0;
	padding: 10px 15px 10px 0;
}

	.news h2.title a:hover,
	.latest-news h2.title a:hover {
		color: #dd503d;
		border-right: 6px solid #acd249;
	}
	
	.latest-news h2.title a { padding: 10px 15p 10px 20px; }
	.latest-news h2.title {
		margin-left: -20px;
		padding-left: 20px;
	}
	
	h2.gallery a:after,
	h2.video a:after,
	.single h2.gallery:after,
	.single h2.video:after {
		content: " ";
		display: block;
		position: absolute;
		height: 50px;
		width: 50px;
		right: 20px;
		top: -6px;
		background: #fff;
		border: 3px solid #f1f1f1;
	}
	
		h2.title a:hover:after { right: 14px; border-color: #dddddd; }
	
		h2.gallery a:after,
		.single h2.gallery:after {
			background: url(img/sprite.png) no-repeat -200px -50px #fff;
			background-size: 250px;
		}
		
		h2.video a:after,
		.single h2.video:after  {
			background: url(img/sprite.png) no-repeat -200px 0px #fff;
			background-size: 250px;
		}	
	
.post-details {
	position: relative;
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 20px;
	padding-bottom: 8px;
	border-bottom: 2px solid #f1f1f1;
}

.post-details div {
	list-style: none;
	margin-left: 0;
	font: 14px 'nexa_lightregular', sans-serif;
	text-transform: uppercase;
	float: left;
	color: #959595;
	margin-right: 10px;
	padding: 5px 15px 0 0;
}

	.post-details div li:before {
		display: none;
	}
	
	#main .post-details .sharedaddy.sd-sharing-enabled {
		width: auto;
		float: right;
		padding: 0;
		margin: 0;
		clear: none;
	}
	
		.post-details .sd-block,
		.post-details .sd-content {
			padding: 0;
			margin: 0;
			float: right;
		}
		
		.post-details .sharedaddy .sd-social-icon-text .sd-content ul li.share-facebook a.sd-button {
			border-color: #215898;
			background: #215898;
			color: #fff;
		}
		
			.post-details .sd-content ul li.share-facebook a.sd-button:before,
			.post-details .sd-social-icon-text .sd-content ul li.share-facebook a.sd-button span,
			.post-details .sd-content ul li.share-twitter a.sd-button:before,
			.post-details .sd-social-icon-text .sd-content ul li.share-twitter a.sd-button span {
				color: #fff;
			}
		
		.post-details .sd-social-icon-text .sd-content ul li.share-twitter a.sd-button {
			border-color: #59aaf3;
			background: #59aaf3;
			color: #fff;
		}
		
			.post-details .sharedaddy .sd-social-icon-text .sd-content ul li.share-facebook a.sd-button:hover{
				border-color: #2767b1;
				background: #2767b1;
			}
			.post-details .sharedaddy .sd-social-icon-text .sd-content ul li.share-twitter a.sd-button:hover {
				border-color: #7fbdf5;
				background: #7fbdf5;
			}
		
a.read-more {
	font: 14px 'nexa_lightregular', sans-serif;
}


/* -- Image posting -- */

.news img {
	max-width: 100%;
	height: auto;
}

img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft { float: left; margin: 0 15px 15px 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption p { margin: 0; }

p.wp-caption-text { 
	margin: 0 0 15px; 
	padding: 8px 5px 8px; 
	font: 16px 'nexa_lightregular', sans-serif;
	color: #252525; 
	text-align: center;
	background-color: #f1f1f1;
}

.wp-caption.alignleft {
	margin-right: 20px;
}

.wp-caption.alignright {
	margin-left: 20px;
}

.wp-caption img {
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

.news table {
    margin: 20px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.news table th, 
.news table td {
    padding: 8px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
    line-height: 18px
}

.news table thead:first-child tr:first-child th, 
.news table tbody:first-child tr:first-child th,
.news table tbody:first-child tr:first-child td {
    border-top: 0
}

/* -- Articles Nav -- */

.post-nav {
	float: left;
	clear: left;
	width: 100%;
	display: block;
	margin:  25px 0 0;
	padding: 20px 0;
	border-top: 2px solid #f1f1f1;
}

.post-nav a {
	width: auto;
}

.post-nav a.newer {
	float: left;
}

.post-nav a.older {
	float: right;
}

	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 20px;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* @end */

/* @group ===== Sidebar Elements ===== */

aside h5 {
	background-color: #eaeaea;
	padding: 10px 20px 6px;
	margin: 0;
	clear: left;
	color: #fff;
}

aside .latest-games {
	margin: 0;
}

	aside .latest-games h5 {
		background-color: #acd249;
	}
	
		aside .latest-games ul {
			padding: 20px 0 0;
		}
		
		aside .latest-games .view-more {
			position: relative;
			bottom: auto;
			padding: 0 0 20px;
			margin-bottom: 0;
			width: 100%;
			float: left;
			display: block;
			right: auto;
		}
		
		aside .latest-games a.more-games {
			width: 100%;
		}
	
	.widget_twitter_timeline h5 {
		background-color: #8cc9ff;
	}

/* @end */

/* @group ====== Contact Page ====== */

/* ==== Contact Page ==== */

article form.contact-form {
	float: left;
	width: 100%;
	padding: 20px 0;
	margin-bottom: 15px;
}

article .contact-form label {
	font: 16px 'nexa_boldregular', sans-serif;
	float: left;
	clear: left;
	margin-bottom: 10px;
	color: #252525;
	-webkit-font-smoothing: antialiased;
}

article .contact-form label span {
	color: #e06262;
	font: 300 13px 'Roboto', sans-serif;
}

article form.contact-form input,
article form.contact-form input[type=email], 
article form.contact-form input[type=text] {
	padding: 10px;
	clear: left;
	float: left;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border: 1px solid #e0e0e0;
	background-color: rgba(255, 255, 255, 0.8);
	color: #6a6a6a;
	font: 300 15px 'Roboto', sans-serif;
	letter-spacing: 1px;
	word-spacing: 2px;
	outline: none;
	-webkit-transition: color 0.3s, border-color 0.3s;
	transition: color 0.3s, border-color 0.3s;
}

article form.contact-form textarea {
	padding: 10px;
	clear: left;
	float: left;
	width: 100%;
	max-width: 100%;
	min-height: 200px;
	margin-bottom: 20px;
	border: 1px solid #e0e0e0;
	background-color: rgba(255, 255, 255, 0.8);
	color: #6a6a6a;
	font: 300 15px 'Roboto', sans-serif;
	letter-spacing: 1px;
	word-spacing: 2px;
	outline: none;
	-webkit-transition: color 0.3s, border-color 0.3s;
	transition: color 0.3s, border-color 0.3s;
}

article form input:hover,
article form.contact-form input[type=email]:hover, 
article form.contact-form input[type=text]:hover,
article form input:focus, 
article form.contact-form input[type=email]:focus, 
article form.contact-form input[type=text]:focus,
article form textarea:hover, 
article form textarea:focus {
	color: #1a1a1a;
	border-color: #abd149;
}

article form.contact-form input[type=submit] {
	position: relative;
	font: 20px 'nexa_lightregular', sans-serif;
	border: 2px solid #d41c00;
	float: left;
	clear: left;
	padding: 12px 10px 8px;
	width: 100%;
	color: #d41c00;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 2px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

article form.contact-form input[type=submit]:hover {
	background: #d41c00;
	color: #fff;
}

article div.form-error {
	color: #e06262;
}

article div#contact-form-13 div.form-error h3 {
	font: 400 18px 'nexa_boldregular', sans-serif;
	color: #d73b3b;
}

article div.form-error ul {
	padding-left: 20px;
}

article div.form-error li.form-error-message {
	color: #e06262;
}

article div.form-error li.form-error-message:before {
	background-color: #d73b3b;
}

div#contact-form-13 h3 {
	color: #acd249;
	text-transform: uppercase;
}

div#contact-form-13 h3 a {
	font: 400 18px 'nexa_lightregular', sans-serif;
	color: #acd249;
	padding: 0 5px;
	text-decoration: none;
}

	div#contact-form-13 h3 a:hover {
		color: #91b82b;
	}

div#contact-form-13 blockquote {
	padding: 15px;
	font: 300 15px 'Roboto', sans-serif;
	line-height: 28px;
	color: #444544;
	background-color: #f6f6f6;
	margin: 20px 0 0;
}

div#contact-form-13 blockquote br {
	content: "" !important;
	display: block !important;
	margin-bottom: 10px !important;
}

/* @end */

/* @group ====== Flexslider ====== */

/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides img {
  	height: 145%;
	max-height: 580px;
	width: 145%;
	max-width: 1100px;
	margin-left: -22.5%;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
	float: left;
	width: 100%;
  	margin: 0 0 20px;
  	position: relative;
  	zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}

.flex-direction-nav a {
  text-decoration: none;
  display: none;
  width: 50px;
  height: 50px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;  
  background: url(img/sprite.png) no-repeat;
  background-size: 250px 250px;
  text-indent: -9999em;
  font-size: 0;
  border-radius: 50%;
  
}

.flex-direction-nav a.flex-prev {
	background-position: 0 -150px;
}

.flex-direction-nav a.flex-prev:hover {
	background-position: -50px -150px;
}

.flex-direction-nav a.flex-next {
	background-position: 0 -100px;
}

.flex-direction-nav a.flex-next:hover {
	background-position: -50px -100px;
}

.flex-direction-nav .flex-prev {
  left: 10px;
}
.flex-direction-nav .flex-next {
  right: 10px;
  text-align: right;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: '\f003';
}
.flex-control-nav {
	position: absolute;
	margin: -8px auto 0;
	width: 100%;
	border-radius: 50%;
	border: 0;
	z-index: 20;
  	display: table;
  	text-align: center;
  	background: none;
  	padding: 0 8px;
  	
}

.flex-control-nav li {
  margin: 0 4px;
  display: inline-block;
  zoom: 1;
  
  background: #fff;
  border: 4px solid #CB2A16;
  border-radius: 50%;
}

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  
  background: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  
  -webkit-transition: all 0.4s ease-in-out;  
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  
}
.flex-control-paging li a:hover {
	background-color: #d41c00;
}
.flex-control-paging li a.flex-active {
  	cursor: default;
  	background-color: #acd249;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
 
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/*--- More --- */

.flex-container {
	border-bottom: 10px solid #d41c00;
	background: #fff url('img/loading.gif') no-repeat center;
	background-size: 35px;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#slider { 
	background: #fff;
	opacity: 0;
	-webkit-animation-duration: 250ms;
	animation-duration: 250ms;
}

body.loaded #slider {
	opacity: 1;
	-webkit-animation-name: fadeIn; 
	animation-name: fadeIn; 
}

#slider.flexslider .slides li { position: relative; overflow: hidden; }

#slider.flexslider {
	float: none;
	margin: 0 auto;
	max-width: 1280px;
}

/* @end */

/* @group ====== Carousel ====== */

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: block;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  float: left;
  margin-bottom: 20px;
  background: #fff url('img/loading.gif') no-repeat center center;
  background-size: 35px;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body.loaded .owl-carousel.owl-loaded { background: none; }

.owl-carousel .owl-stage,
.owl-carousel .owl-controls {
	-webkit-animation-duration: 250ms;
	  animation-duration: 250ms;
	  opacity: 0;
}

body.loaded .owl-carousel .owl-stage,
body.loaded .owl-carousel .owl-controls { 
	opacity: 1;
	-webkit-animation-name: fadeIn; 
	animation-name: fadeIn; 
}

.owl-carousel.owl-loading {
  opacity: 1;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}


.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
	text-decoration: none;
	display: none;
	width: 50px;
	height: 50px;
	margin: -43px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;  
	background: url(img/sprite.png) no-repeat;
	background-size: 250px 250px;
	text-indent: -9999em;
	font-size: 0;
	border-radius: 50%;
	text-indent: -9999em;
	visibility: hidden;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
	background-position: 0 -150px;
}

	.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
		background-position: -50px -150px;
	}

.owl-carousel .owl-controls .owl-nav .owl-next {
	background-position: 0 -100px;
	right: 0;
}

	.owl-carousel .owl-controls .owl-nav .owl-next:hover {
		background-position: -50px -100px;
	}
	

.owl-carousel .owl-controls {
    margin-top: 5px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
	background-color: #d41c00;
}


.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    * display: inline
}


.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 10px 7px 5px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    
    -webkit-transition: all 0.4s ease-in-out;  
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.owl-theme .owl-dots .owl-dot:hover span {
	background: #d41c00
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #acd249
}


.owl-item img {
	opacity: 0.4;
  	transition: opacity 0.5s ease-in-out;
}

.owl-item.active.center img {
	opacity: 1;
}

/* @end */

/* @group ===== Lightbox ===== */

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80); 
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden; 
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
 }

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; 
}

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045; 
}

.mfp-inline-holder .mfp-content, 
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; 
}

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, 
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; 
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; 
}

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; 
}

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044; 
}
 
	.mfp-preloader a { color: #CCC; }
	.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, 
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none; 
}
  
button::-moz-focus-inner {
	padding: 0;
	border: 0; 
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #fffef7;
	font-style: normal;
	font-size: 38px;
	font-family: Arial, Baskerville, monospace; 
}
  
  	.mfp-close:hover, .mfp-close:focus {
   		opacity: 1;
    	filter: alpha(opacity=100); 
   }
  
  .mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; 
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #fffef7;
	font-family: 'Merriweather', serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

button.mfp-arrow,
button.mfp-arrow-left,
button.mfp-arrow-right {
	position: absolute;
	display: block;
	background: url('img/sprite.png') transparent;
	background-size: 250px 100px;
	opacity: 0.5;
	filter: alpha(opacity=5);
	margin: 0;
	top: 50%;
	margin-top: -25px;
	padding: 0;
	height: 50px;
	width: 50px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	z-index: 1200;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
  	
  	.mfp-arrow:hover, 
  	.mfp-arrow:focus {
    	opacity: 1;
    	filter: alpha(opacity=100); 
    }

button.mfp-arrow-left { left: 5px;  background-position: -100px -50px; }
button.mfp-arrow-right { right: 5px; background-position: -150px -50px; }

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px; 
}
  
	.mfp-iframe-holder .mfp-content {
		line-height: 0;
		width: 100%;
		max-width: 900px; 
	}
    
  	.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%; 
}
  	.mfp-iframe-scaler iframe {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #000; 
    }

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto; 
}

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

  	.mfp-figure:after {
		content: '';
		position: absolute;
		left: 0;
		top: 40px;
		bottom: 40px;
		display: block;
		right: 0;
		width: auto;
		height: auto;
		z-index: -1;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #444; 
    }
    
  	.mfp-figure small {
		color: #BDBDBD;
		display: block;
		font-size: 12px;
		line-height: 14px; 
    }
    
  	.mfp-figure figure { margin: 0; }

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; 
}

.mfp-title {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	text-align: left;
	line-height: 18px;
	color: #fffef7;
	word-wrap: break-word;
	padding-right: 36px; 
}

/* -- Zoom and Animations -- */
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.85; }

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

@media screen and (max-width: 800px) and (orientation: landscape), 
screen and (max-height: 300px) {
  /* Remove all paddings around the image on small screen */

  	.mfp-img-mobile .mfp-image-holder {
    	padding-left: 0;
    	padding-right: 0; 
   	}
  
  	.mfp-img-mobile img.mfp-img { padding: 0; }
  	
  	.mfp-img-mobile .mfp-figure:after {
   		top: 0;
    	bottom: 0; 
    }
    
  	.mfp-img-mobile .mfp-figure small {
    	display: inline;
    	margin-left: 5px; 
    }
    
  	.mfp-img-mobile .mfp-bottom-bar {
	    background: rgba(0, 0, 0, 0.6);
	    bottom: 0;
	    margin: 0;
	    top: auto;
	    padding: 3px 5px;
	    position: fixed;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box; 
    }
    
    .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  	.mfp-img-mobile .mfp-counter {
    	right: 5px;
    	top: 3px; 
   	}
   	
  	.mfp-img-mobile .mfp-close {
	    top: 0;
	    right: 0;
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    background: rgba(0, 0, 0, 0.6);
	    position: fixed;
	    text-align: center;
	    padding: 0; 
    }
    
}

@media all and (max-width: 900px) {
  	
  	.mfp-arrow {
    	-webkit-transform: scale(0.5);
    	transform: scale(0.5); 
    }

  	.mfp-arrow-left {
    	-webkit-transform-origin: 0;
    	transform-origin: 0; 
    }

  	.mfp-arrow-right {
    	-webkit-transform-origin: 100%;
    	transform-origin: 100%; 
	}

  	.mfp-container {
    	padding-left: 6px;
    	padding-right: 6px; }
 	}
 	
 	a.lightbox {
 		height: 100%;
 		width: 100%;
 		display: block;
 		position: absolute;
 		z-index: 10;
 		cursor: default;
 	}
 	
 		div.owl-item.active.center a.lightbox { cursor: pointer; }
 	
 	a.lightbox:before {
 		content: "";
 		display: block;
 		background: url(img/sprite.png) no-repeat -100px -150px;
 		background-size: 250px;
 		height: 75px;
 		width: 75px;
 		margin-top: -37.5px;
 		top: 50%;
 		left: 50%;
 		margin-left: -37.5px;
 		position: relative;
 		cursor: default;
 		opacity: 0.6;
 		transition: opacity 0.3s ease-out;
 	}
 	
 		div.owl-item.active.center a.lightbox:hover:before { 
 			background-position: -175px -150px; 
 			cursor: pointer;
 		}
 		
 		div.owl-item.active.center a.lightbox:before { opacity: 1; }

/* @end */

/* @group ====== Media Queries ====== */

@media screen and (min-width: 320px) {
	.latest-games li {
		margin: 0 3% 1.5% 0;
		width: 48.5%;
	}
	
		.latest-games li:nth-child(even) {
			margin: 0;
		}
}

@media screen and (min-width: 480px) {
/* ==========================================
  Styles for Screens larger than 640px and Up
   ========================================== */
   
	
	.flex-control-nav li {
	  margin: 0 6px;
	}
	
	.flex-control-paging li a,
	.owl-theme .owl-dots .owl-dot span {
	  width: 16px;
	  height: 16px;
	 }
	
	
	footer nav li {
		width: 33.3%;
	}
	
	.hero h1 {
		font-size: 24px;
		line-height: 32px;
	}

}

@media screen and (min-width: 667px) {
/* ==========================================
  Styles for Screens larger than 720px and Up
   ========================================== */
   
   div.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button span {
   	display: block;
   	float: right;
   }
   
   div.sharedaddy .sd-content ul li a.sd-button {
   	padding: 1px 8px 0 5px
   }

}

@media screen and (min-width: 720px) {
/* ==========================================
  Styles for Screens larger than 720px and Up
   ========================================== */
   
   a#logo { max-width: 220px; margin: 20px }
   
   .hero {
   	padding: 5px 20px 10px;
   }
   
   .hero h1 {
   	font-size: 28px;
   	line-height: 36px;
   }

/* ---- Navigation ---- */
a.menu-link { display: none; }
.js nav#menu { max-height: none; }

nav#menu { 
	width: 100%;
	display: block;
	background-color: #252525;
}

	nav#menu ul {
		width: auto;
		display: table;
		margin: 0 auto;
	}

		nav#menu li {
			display: block;
			float: left;
			text-align: center;
			width: auto;
			height: 100%;
		}
			
			nav#menu li:first-child { border-right: none; }

			nav#menu li a {
				background: none;
				width: auto;
				padding: 20px 30px;
				color: #e4e4e4;
				font-size: 16px;
			}

				nav#menu li a:hover {
					color: #fff;
					background-color: #323232;
				}
				
				nav#menu li.current-menu-item a,
				body.single-post nav#menu li.current_page_parent a,
				body.post-type-archive-games nav#menu li.menu-item-22 a,
				body.single-games nav#menu li.menu-item-22 a,
				nav#menu li.current-menu-item a:hover {
					color: #abd149;
					background: none #1a1a1a;
					border-top-color: #acd249;
				}
				
		nav#menu ul.social {
			display: none;
		}
		
			ul.social.desktop { 
					display: block;
					float: right;
					width: auto;
					background-color: #fff;
					border: none;
					padding: 0;
				}
								
					ul.social.desktop li {
						width: 50px; 
						display: block;
						float: left;
						margin: 0 10px 0 0;
					}
										
					ul.social.desktop li a { 
						display: block;
						width: 50px;
						height: 50px;
						overflow: hidden;
						border: none;
						background: url(img/sprite.png) no-repeat;
						background-size: 250px 250px;
						text-indent: -9999em;
						opacity: 1;
						transition: opacity 0.3s ease;
					}
		
						ul.social.desktop li.facebook a { background-position: -100px; }
						ul.social.desktop li.twitter a { background-position: -100px -50px; }
						ul.social.desktop li.youtube a { background-position: -100px 0; }
						
							ul.social.desktop li a:hover {
								opacity: 0.8;
							}
	

/* ---- Main ---- */

body.home div#main.container {
	padding: 20px;
}

article,
div.news  {
	float: left;
	width: 65%;
	padding-right: 40px;
}
	
		div.news article {
			width: 100%;
			padding: 0;
		}

	.latest-news article {
		width: 50%;
		padding-bottom: 0;
	}

aside {
	display: block;
	float: left;
	width: 35%;
	position: relative;
	right: -1px
}

	aside iframe.twitter-timeline {
		padding: 0 20px !important;
		border-left: 1px solid #ececec !important;
		border-bottom: 1px solid #ececec !important;
	}

body.single-games article {
	padding: 20px 20px 0;
}

	body.single-games article .content {
		padding: 0;
	}

	body.single-games aside {
		padding: 20px 20px 20px 0;
	}



.latest-news { padding-bottom: 10px; }

.latest-news article {
	padding-right: 20px;
}
	div.thumbnail {
		right: 40px;
	}
	
.latest-news article:last-child {
	padding-left: 20px;
	padding-right: 0;
	border-left: 1px solid #e8e8e8;
}

	.latest-news article:last-child div.thumbnail {
		right: 20px;
	}

.latest-news h3 span { padding: 10px 15px 10px 0; font-size: 22px; }

.latest-games {
	font-size: 0;
}

.latest-games li {
	width: 25%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.latest-games li,
.latest-games li:nth-child(even) {
	width: 23.875%;
	margin: 0 1.5% 20px 0;
}

.latest-games li:nth-child(4n+4) {
	margin-right: 0;
}

	aside .latest-games li,
	aside .latest-games li:nth-child(even) {
		width: 100%;
	}
	
	aside .latest-games {
		border-left: 1px solid #ececec;
		border-right: 1px solid #ececec;
	}
	
	aside .latest-games ul {
		padding: 20px 20px 0;
	}
	
	aside .latest-games .view-more {
		padding: 0 20px 20px;
	}

.view-more {
	float: right;
	position: absolute;
	right: 0;
	bottom: -44px;
	margin: 0;
	width: auto;
}

a.more-games {
	width: auto;
}

.reviews {
	padding: 40px 0;
}

	.review {
		width: 33.3%;
	}
	
		.review blockquote {
			font: 18px 'nexa_lightregular', sans-serif;
			line-height: 28px;
		}


/* ====== Downloads ====== */
	
.downloads {
	padding: 0;
	float: left;
	clear: none;
	border: none;
	text-align: left;
}

	.downloads li {
		clear: none;
		float: left;
		width: auto;
		margin: 0 0 20px 0;
	}
	
		.downloads li:nth-child(odd) {
			margin-right: 20px;
		}
	
		.downloads a {
			float: left;
		}
		
		.downloads a img { 
			height: 60px;
		}
				
	
	.flexslider .slides img {
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
	}
	
	.flex-direction-nav a,
	.owl-carousel .owl-controls .owl-nav .owl-prev,
	.owl-carousel .owl-controls .owl-nav .owl-next {
		display: block;
	  	visibility: visible;
	 }
								
}

@media only screen and (min-width: 860px) {

	.banner h1 { font-size: 28px; margin: 0; }
	body.single-games .banner h1 {
		font-size: 24px;
		margin: 0;
	}

	.flex-container {
		width: 100%;
		overflow: hidden;
	}

	#slider .flex-viewport {
		overflow: visible !important;
		position: relative;
	}
	
	#slider .flex-control-nav { 
		position: absolute;
		margin: -20px auto 0;
		width: 100%;
	}
	
	#slider.flexslider ul.slides {
		border-bottom: 10px solid #d41c00;
	}
	
	#slider.flexslider ul.slides li {
		opacity: 0.4;
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		transition-duration: 0.8s;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		transition-property:  opacity;
	}
	
	#slider.flexslider ul.slides li.flex-active-slide {
		opacity: 1;
	}
	
	#slider .flex-direction-nav { *height: auto; display: block; }
	
	/* ---- Footer ---- */
	
	footer { position: relative; }
	
		footer .container { text-align: center; clear: left; padding: 10px 20px 20px;}
	
		footer nav {
			text-align: left;
			float: left;
			width: 70%;
			margin: 20px 0 10px;
		}
	
			footer nav li {
				float: left;
				clear: none;
				padding: 0 20px;
				width: auto;
				margin-bottom: 25px;
			}
			
			footer nav li:first-child {
				padding-left: 0;
				border: none;
			}
	
	footer ul.social  {
		padding: 0;
		margin: 0 0 7px -7px;
		width: 70%;
	}
	
	footer ul.social li {
		width: 50px;
		margin-right: 15px;
	}
	
	footer ul.social li a { left: auto; margin: 0; }
	
	.footer-details {
		width: 30%;
		padding: 20px 20px 0;
		position: absolute;
		right: 0;
	}
	
	a#footer-logo {
		float: right;
		margin: 0;
	}
	
	footer small {
		float: right;
		clear: left;
		width: auto;
		margin: 20px 0;
		text-align: right;
	}
	
	a.randpdesign {
		float: right;
		width: auto;
		margin: 0;
	}
	
	/* ---- Contact Page ---- */
	
	article form.contact-form input,
	article form.contact-form input[type=email], 
	article form.contact-form input[type=text] { width: 85%; }
	
	aside .latest-games li,
	aside .latest-games li:nth-child(even) {
		width: 49.25%;
	}

}

@media only screen and (min-width: 1280px) {
	body {
		background: #fcfcfc url('img/header-bkg-new.jpg') no-repeat center top;
	}

	.wrap {
		max-width: 1280px;
		margin: 0 auto 20px;
		border: 1px solid #ededee;
	}
	
	header {
		background: none;
		box-shadow: none;
	}
	
	ul.social.desktop {
		background: none;
	}
	
	body.single-games .banner {
		margin: 0;
	}
	
	.reviews {
		background: #fff;
		border: 0;
		border-top: 1px solid #ededee;
		margin: 0;
	}

  div#main {
  	margin: 0 auto;
  	max-width: 1280px;
  	padding: 0;
  	overflow: hidden;
  }
  
  	div#main.container {
  		padding: 20px 0 0 20px;
  	}
  
  aside .latest-games li,
  aside .latest-games li:nth-child(even) {
  	width: 49.25%;
  }
  
  aside {
  	padding: 0 0 20px 20px;
  }
  
  aside .latest-games {
  	border-right: none;
  }
    
}

/* @end */