/*
Theme Name: BWBootstrap
Description: Wordpress theme for default websites
Version: 0.1
Author: P. Huizinga & S. Spykstra @ Barnworks
*/


/* Reset */
/* Handled by reset.css from https://github.com/murtaugh/HTML5-Reset */

/* COLORS USED

				DARK <-------------------> 	LIGHT
DARK STEEL		3A3C41						484A4E
CINEMA			1A1C20

 */
/* GENERAL */

object {
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:focus {
	outline: none;
}
*,html,body {
	font-family: 'Maven pro', sans-serif;

}
html {
	background: #3A3C41;
	font-size:14px;
	line-height:24px;
	text-align: left;
	font-weight: 400;
	padding-bottom: 55px;
}
input, textarea {
	font-family: inherit !important;
}

/* HELPERS */
.hidden {
	display: none;
}

/* FONTS */

h1{
    color: #7C7E82;
	font-size: 15px;
    font-weight: 300;
	text-transform: uppercase;
    line-height: 55px;
	float: left;
}
h1.error404 span {
	font-size: 100px;
	color: #FF4F5B;
}
h1.error404 {
	font-size: 75px;
	text-transform: lowercase;
	margin-top: 50px;
	width: 100%;
}
h2.error404 {
	font-size: 24px;
	text-transform: lowercase;
	margin-top: 50px;
	width: 100%;
	float: left;
	margin-bottom: 100px;
}
h2 {
    color: #7C7E82;
	font-size: 15px;
    font-weight: 300;
	text-transform: uppercase;
    line-height: 26px;
}

.information h2,
.category-top h2 {
    margin-left: 20px;
}
h3 {
    color: #7C7E82;
	font-size: 13px;
    font-weight: normal;
    text-align: left;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
p {
	margin:0;
	font-size:14px;
	color: #666;
}
a {
	color: #FF4F5B;
}
/* LINKS */


/* GRID */

.row:before, .row:after {
    content: "";
    display: table;
    line-height: 0;
}
.row   {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.row [class*="span"] /* wildcard, used to detect all elements within .row starting with 'span' */ {
	float: left;

}
/* BACKGROUND FOR SHOW-PURPOSES ONLY */

.row.bg [class*="span"] {
	background: #FFF;
}
.row.no-float [class*="span"] {
	margin: 0 auto !important;
	float: none;
}

.row.no-overflow {
	overflow: visible;
}
.centered.row {
	width: 1010px;
	margin: 0 auto;
	clear: both;
}
.span1 {
	width: 8.333333%;
}
.span2{
	width: 16.66666%;
}
.span3{
	width: 25%;
}
.span4{
	width: 33.333333%;
}
.span5{
	width: 41.666666%;
}
.span6{
	width: 50%;
}
.span7{
	width: 58.33333%;
}
.span8{
	width: 66.66666%;
}
.span9{
	width: 75%;
}
.span10{
	width: 83.33333%;
}
.span11{
	width: 91.666666%;
}
.span12{
	width: 100%;
}
.span12.slider{
	width: 100% !important;
}
.span-full-width {
	width: 100% !important;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* GRID WITH PADDING */

.row.padding [class*="span"] {
	padding: 20px;
}

/* GRID WITH MARGIN */

.row.margin [class*="span"] {
	margin: 2%;
}
.margin .span1 {
	width: 4.333333%;
}
.margin .span2{
	width: 12.66666%;
}
.margin .span3{
	width: 21%;
}
.margin .span4{
	width: 29.333333%;
}
.margin .span5{
	width: 37.666666%;
}
.margin .span6{
	width: 46%;
}
.margin .span7{
	width: 54.33333%;
}
.margin .span8{
	width: 62.66666%;
}
.margin .span9{
	width: 71%;
}
.margin .span10{
	width: 79.33333%;
}
.margin .span11{
	width: 87.666666%;
}
.margin .span12{
	width: 96%;
}

/* HEADER */

.row.header {
	padding: 20px 0 15px;
}
.row.header .logo{
	float: left;
	background-size: contain;
	width: 262px;
	height: 90px;
	display: block;
}
.row.header .logo img {
	width: 100%;
}

.row.header .ad{
	float: right;
}


/* MENU */

.row.menu_wrapper {
	height: 110px;
	position: relative;
	border-radius: 5px;
}
.row.menu_wrapper.no_sub {
	height: 55px;
	position: relative;
	border-radius: 5px;
}
.an-home .row.menu_wrapper {
	position: relative;
	border-radius: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow: 0 0 0 0 black;
	   -moz-box-shadow: 0 0 0 0 black;
	        box-shadow: 0 0 0 0 black;

}
.row .menu {
	background: #484A4E;

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box;
	-moz-background-clip:    padding;
	background-clip:         padding-box;
}

.row .submenu {
	position: absolute;
	min-width: 100%;
	background: #FFF;
	left: -99999px;
	display: table-cell;
	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box;
	-moz-background-clip:    padding;
	background-clip:         padding-box;
}
.row .submenu.active {
	padding: 0 20px;
}
.row .active .submenu {
	left: 0px;
}

.row .menu > ul > li:hover .submenu {
	left: 0px;
	z-index: 100;
}


.row .menu > ul > li.active .submenu  a{
	color: #7C7E82;
}

.row .menu > ul > li .submenu li.active  a,
.row .menu > ul > li .submenu  a:hover{
	color: #494B4F;
}
.row .menu ul,
.row .menu ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.row .menu ul li a{
	font-size: 13px;
	padding: 0 15px;
	color: #95979B;
	text-decoration: none;
	height: 55px;
	line-height: 55px;
	display: block;
	text-transform: uppercase;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}
.row .menu > ul > li > a:hover{
	color: #FFF;
}
.row .submenu li a:hover{
	color: #484A4E;
}
.row .menu > ul > li,
.row .menu > ul > li > a{
	background: url('../images/ul_li_active_white.png') no-repeat center 75px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}

.row .menu > ul > li:hover,
.row .menu > ul > li.active > a{
	color: #FFF;
	background: url('../images/ul_li_active_white.png') no-repeat center bottom;
}

.row.no_sub .menu > ul > li,
.row.no_sub .menu > ul > li > a
.row.no_sub .menu > ul > li:hover,
.row.no_sub .menu > ul > li.active > a{
	color: #FFF;
	background: none;
}


.row .menu  .submenu li {
    display: table-cell;
    list-style: none outside none;
    margin: 0;
    padding: 0;
	float: none;
}
.row .menu  .submenu li a {
    white-space: nowrap;
}

.directions {
	width: 30px;
	top: 0px;
	height: 55px;
	position: absolute;
	display: none;
}
.directions.active {
	display: block;
}
.directions.previous {
	left: 0;
}
.directions.next {
	left: 980px;
}
.directions .next,
.directions .previous{
	height: 55px;
	width: 30px;
	text-align: center;
	line-height: 55px !important;
	font-size: 22px;
	opacity: 0.8;
	background: #FFF;
	cursor: pointer;
	z-index: 1000;
	color: #95979B;
}
.directions .next:hover,
.directions .previous:hover{
    color: #FF4F5B;
}
.directions .next{
	left: 980px;
}

.directions .previous{
	left: 0;
}

.row .submenu ul{
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
		 -o-transition: all .4s ease;
			transition: all .4s ease;
}

/* SHADOWS */
.row.extra_games,
.row.page,
.row.description,
.row.category,
.row.menu_wrapper,
.row.horizontal_game_list,
.row.pagination {
	-webkit-box-shadow: 0 4px 6px -6px black;
	   -moz-box-shadow: 0 4px 6px -6px black;
	        box-shadow: 0 4px 6px -6px black;
}

/* SEARCH */

.search {
	position: absolute;
	right: 35px;
	top: 0;
	margin: 10px 20px;
}
.search input{
	float: right;
	height: 35px;
	line-height: 35px;
	border: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0 7px;
	width: 150px;
	background: #626468;
	color: #AEB0B4;
	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}
.search input:focus{
	width: 180px;
	background: #FFF;

}
.search a{
	float: right;
	color: #FFF;
	cursor: pointer;
	width: 35px;
	height: 35px;
	font-size: 16px;
	line-height: 35px;
	background: #FF4F5B;
	text-align: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}
.search a:hover {
	background: #FF6975;
}

/* LANGUAGE */

.language {
	position: absolute;
	right: 0;
	top: 0;
	margin: 10px;
}
.language > ul {
	position: absolute;
	right: 0;
	top: 0;
}

.language .current_language {
	color: #95979B;
    display: block;
    font-size: 13px;
    height: 35px;
	width: 35px;
	text-align: center;
    line-height: 35px;
    text-decoration: none;
    text-transform: uppercase;
	cursor: pointer;
	background: #626468;
	border-radius: 5px;
}
.language .current_language:hover {
	color: #FFF;
	background: #FF4F5B;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.language .current_language > ul {
	position: absolute;
	right: -99999px;
	top: 0px;
	z-index: 1000;
	background: #FF4F5B;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 585px;
}
.language .current_language:hover > ul {
	right: 35px;
	border-right: 1px solid #FF6975;
}

.row .menu ul.change_language li a {
    color: #FFF;
    display: block;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
	float: left;
	padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}

/* GAMELISTS */

.row.horizontal_game_list {
	height: 266px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #F1F1F1 url('../images/top-shadow-light.png') repeat-x;

}

.row.horizontal_game_list.active {
	height: 510px;
}
.row.horizontal_game_list.similar {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.row.category{
	background: #F1F1F1;
	padding: 10px;
}


.row.category-top{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #F1F1F1;
	padding: 0px;
	margin-top: 20px;
}

.row.category .span9{
	width: 670px;
}
.row.category .span3{
	width: 320px;
	padding: 10px;
}

.row.horizontal_game_list h3{
	margin-bottom: 10px;
}
.row.horizontal_game_list h3 span{
	width: 17px;
	height: 15px;
	display: block;
	float: left;
	margin: 5px;
	margin-left: 10px;
}

.row.horizontal_game_list ul li a span {
	display: block;
	float: left;
	margin-top: 19px;
	margin-right: 5px;
}

.row.horizontal_game_list h3.new span{
	background: url('../images/new.png') center center no-repeat;
	background-size: contain;
	width: 17px;
	height: 16px;
	margin-top: 3px;
}

.row.horizontal_game_list ul li.new a span {
	background: url('../images/new.png') center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}

.row.horizontal_game_list h3.popular span{
	background: url('../images/popular.png') center center no-repeat;
	background-size: contain;
	width: 12px;
	height: 16px;
	margin-top: 3px;
}

.row.horizontal_game_list ul li.popular a span {
	background: url('../images/popular.png') center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}

.row.horizontal_game_list h3.top span{
	background: url('../images/top.png') center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	margin-top: 4px;
}

.row.horizontal_game_list ul li.top a span {
	background: url('../images/top.png') center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}

.row.horizontal_game_list ul li.featured a span {
	background: url('../images/recommended.png') center center no-repeat;
	background-size: contain;
	width: 14px;
    height: 14px;
    margin-top: 21px;
}

.game_list h3.featured span{
	background: url('../images/recommended.png') center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 14px;
	display: block;
	float: left;
	margin: 5px;
	margin-left: 10px;
}
.game_list {
	position: relative;
}
.game_in_list {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #EBEBEB;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}
.extra_games .game_in_list {
	position: relative;
	float: left;
	width: 33.3333%;
	padding: 10px;
	border-bottom: 0px solid #EBEBEB;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}
.game_in_grid  {
	position: relative;
	float: left;
	width: 114px;
	margin: 10px;
	border: 1px solid #EBEBEB;
	border-radius: 5px;
	background: #FFF;
	height: 180px;
	-webkit-box-shadow: 0 2px 0 0 #CCC;
	   -moz-box-shadow: 0 2px 0 0 #CCC;
	        box-shadow: 0 2px 0 0 #CCC;

	-webkit-transition: all .15s ease;
	   -moz-transition: all .15s ease;
		 -o-transition: all .15s ease;
			transition: all .15s ease;
}
.game_in_grid:hover  {
	-webkit-box-shadow: 0 2px 0 0 #BBB;
	   -moz-box-shadow: 0 2px 0 0 #BBB;
	        box-shadow: 0 2px 0 0 #BBB;

}

.game_in_list:hover {
	background: #FFF;
}

.new_game {
	position: absolute;
    right: 3px;
    top: 3px;
    background: url('../images/new_corner.png') no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
	border-top-right-radius: 2px;
}

.popular_game {
	position: absolute;
    left: 3px;
    top: 3px;
    background: url('../images/hot_corner.png') no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
	border-top-left-radius: 2px;
}
.game_in_list .popular_game {
	left: 10px;
	top: 10px;
}

.game_in_list .game_image {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 5px;
	float: left;

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box;
	-moz-background-clip:    padding;
	background-clip:         padding-box;
}
.game_in_list .game_image img {
	width: 50px;
	height: 50px;
}
.game_in_grid .game_image{
	width: 106px;
	height: 106px;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	float: left;
	margin: 3px;

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box;
	-moz-background-clip:    padding;
	background-clip:         padding-box;
}

.game_in_list .game_title{
	float: left;
	padding: 0px 15px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.game_in_grid .game_title{
	float: left;
	padding: 5px 8px 5px 8px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.game_in_grid .game_title,
.game_in_list .game_title {
	color: #7C7E82;
}
.game_in_grid .large_link,
.game_in_list .large_link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.game_list i.open{
	color: #D3D5DA;
	padding: 10px;
	margin: 15px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}


.row.pagination{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #FFF;
	text-align: center;
}

.row.pagination .table{
	margin: 0px auto;
	display: table;
}
.row.pagination ul{
	border-left: 1px solid #F1F1f1;
	margin: 0px auto;
	padding: 0;
	float: left;
	display: table-row;
}
.row.pagination ul li{
	border-right: 1px solid #F1F1f1;
	margin: 0;
	padding: 0;
	display: table-cell;
}
.row.pagination ul li a{
	float: left;
	height: 55px;
	line-height: 55px;
	width: 55px;
	text-align: center;
	color: #95979B;
	text-decoration: none;

	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}
.row.pagination ul li a:hover{
	color: #626468;
}
.row.pagination ul li.active a{
	background: url('../images/ul_li_active_down_grey.png') no-repeat center top;
	font-weight: 600;
	color: #626468;
}




/* TABS */

.ui-tabs-nav  {
	width: 600px;
	margin: 0 auto;
}

.ui-tabs-nav li {
	float: left;
}
.ui-tabs-nav li a{
	float: left;
	padding: 10px;
	color: #95979B;
    display: block;
    font-size: 13px;
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.ui-tabs-nav li.ui-tabs-active a{
	font-weight: 600;
}
#tabs{
	overflow: hidden;
	height: 300px;
}
#tabs .span12 {
	border-top: 1px solid #DDD;
	overflow: hidden;

}

/* EXTRA GAMES */

.row.extra_games .span12{
	padding: 10px 20px;
}
.row.extra_games {
	background: #F1F1F1;
	border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
}
/* INFORMATION BEFORE GAME */

.row.footerbanner {
	margin-top: 20px;
	background: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/* INFORMATION BEFORE GAME */

.row.information {
	background: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 20px;
	height: 55px;
	overflow: visible;
}
.row.information h2 {
	line-height: 55px;
	float: left;
	font-size: 13px;
}
.row.information h2 a{
	color: #95979B;
	text-decoration: none;
}
.large_title {
	color: #494B4F;
	font-weight: 600;
	font-size: 18px;
	margin-left: 20px;
	padding-left: 00px;
}
.large_title + .large_title {
	border-left: 1px solid #f1f1f1;
	padding-left: 20px;
}
.large_title a {
	color: #CCC;
	text-decoration: none;
}
.large_title a:hover{
	color: #95979B;
}

.actions {
	margin: 0;
	padding: 0;
	float: right;
	height: 55px;
	overflow: hidden;
}
.actions li {
	float: left;
	line-height: 55px;
	text-align: center;
	border-left: 1px solid #F1F1F1;
}
.actions li a {
	height: 55px;
	width: 55px;
	display: block;
	line-height: 55px;
	color: #D3D5DA;
}
.actions li a i {
	line-height: 55px;
}

.selectWrapper{
	width: 30px;
	height: 35px;
	overflow: hidden;
	position: relative;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	color: #494b4f;
}
#subcategory-siblings {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	width: 200px;
	line-height: 30px;
	border: 0;
}
#subcategory-siblings selected {
	opacity: 0;
}


/* CATEGORY */

.row.category-top {
	background: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 20px;
	height: 55px;
}
.row.category {
	background: url("../images/top-shadow-light.png") repeat-x scroll 0 0 #F1F1F1;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.row.category.rounded {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.row.category-top h2 {
	line-height: 55px;
	float: left;
}
.row.information .game_title {

}
.row.category-top ul.sorting,
.row.category-top ul.sorting li{
	margin: 0;
	padding: 0;
	float: left;
	line-height: 55px;
	font-size: 13px;
	text-transform: uppercase;

}
.row.category-top ul.sorting {
	float: right;
	margin-right: 10px;
}
.row.category-top span.label {
	color: #AFB1B5;
	padding: 0 10px;
}

.row.category-top span.label,
.row.category-top ul.sorting{
	font-size: 13px;
	text-transform: uppercase;
}


.row.category-top ul.sorting a{
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 10px;
	line-height: 55px;
	height: 55px;
	display: block;
	color: #7C7E82;
	text-decoration: none;
	font-weight: 400;

}
.row.category-top ul.sorting .active a{
	font-weight: 600;
	color: #7C7E82;
}



/* CINEMA */

.row.cinema {
	text-align: center;
	background: #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.row.cinema #outstreamContainer {
	display: flex;
	width: 100%;
	height: 100%;
}

.row.cinema #outstreamContainer .spinner {
	display: flex;
	margin: auto;
	color: white;
	font-size: 75px;
}

.rating {
	float: right;
	position: relative;
	width: auto;
	display: table;
	height: 55px;
	line-height: 50px;
	overflow: hidden;width: 150px;
}
.rating ul {
	position: absolute;
	left: 0;
	top: 0;
	display: table-row;
}
.rating ul,
.rating ul li {
	margin: 0;
	padding: 0;
}
.rating ul li {
	padding: 4px;
	display: block;
	width: 26px;
	font-size: 20px;
	display: table-cell;
}
.rating ul.base-rating{
	z-index: 30;
}
.rating ul.base-rating li {
	color: #AEB0B4;
	z-index: 30;
}
.rating ul.active-rating {
	z-index: 50;
}
.rating ul.active-rating li {
	color: #FFCC66;
	z-index: 50;

}

.information .rating ul.active-rating li {
	cursor: pointer;
}
.information .rating ul.base-rating li:hover,
.information .rating ul.active-rating li:hover{
	color: #FFE680;
	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}
.information #vote_result{
	float: right;
	line-height: 55px;
	text-transform: uppercase;
	padding: 0 15px;
	color: #7C7E82;
	border-left: 1px solid #F1F1F1;
}

.game_in_list .rating,
.game_in_grid .rating {
	position: absolute;
	bottom: 0;
	height: 25px;
	line-height: 25px;
	width: 100%;
	margin: 7px;
}
.game_in_list .rating {
	margin-left: 65px;
	bottom: 5px;
}

.game_in_list .rating ul li,
.game_in_grid .rating ul li {
	padding: 2px;
	display: block;
	width: 10px;
	font-size: 12px;
	display: table-cell;
}

.game_in_list .rating ul.active-rating li,
.game_in_grid .rating ul.active-rating li {
	color: #D4D6DA;
	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}


.game_in_list:hover .rating ul.active-rating li,
.game_in_grid:hover .rating ul.active-rating li {
	color: #FFCC66;
}

/* DESCRIPTION */

.row.description {
	text-align: center;
	background: #FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #95979B;
}

.row.description div[itemprop="description"] {
	padding: 0;
}

.row.description .tags {
	padding-top: 0;
	padding-bottom: 16px;
	margin: 0;
}
.row.description .tags .striped-bg {
	background: #d4d4d4;
	height: 1px;
	margin-top: 10px;
}
.row.description .tags .striped-bg span {
	background: #FFF;
	padding: 10px;
	position: relative;
	top: -13px;
	font-size: 11px;
	color: #b2b2b2;
	text-transform: uppercase;
}
.row.description .tags .tag-container {
	margin-top: 19px;
}
.row.description .tags .tag-container a {
    color: #fff;
    border: 0;
	margin: 4px 2px;
    padding: 5px;
	display: inline-block;
	font-size: 12px;
    background: #ff4f5b;
    text-align: center;
    transition: all 0.35s ease;
	font-weight: bold;
    border-radius: 5px;
	text-transform: uppercase;
	text-decoration: none;
}
.row.description .tags .tag-container a:hover {
	background: #d64650;
}

/** SLIDER CONTENT
===================================*/

.slider .content  {
	width: 100%;
	height: 100%;
	background-position: center top;
	text-align: center;
	padding-top: 155px;
}
.slider .content a {
	z-index: 100;
	padding: 10px 20px;
	background: #FF4F5B;
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 5px;

	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}
.slider .content a:hover {
	background: #FF6975;
}

.more_info {
	z-index: 100;
	display: none;
	position: absolute;
	width: 248px;
	height: 180px;
	background: #FFF;
	top: -1px;
	padding: 10px 15px;
	border-radius: 5px;
	border: 1px solid #EBEBEB;
	-webkit-box-shadow: 0 2px 0 0 #BBB;
	   -moz-box-shadow: 0 2px 0 0 #BBB;
	        box-shadow: 0 2px 0 0 #BBB;
}
.more_info.left {
	right: 133px;
}
.more_info.right {
	left: 133px;
}
.more_info p {
	font-size: 12px;
	line-height: 16px;
}
.bottom_info {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 10px;
	background: url("../images/top-shadow-light.png") repeat-x scroll 0 0 #F3F3F3;
}
.active .more_info {
	display: block;
}
.more_info .cat_name a {
	background: #E2E4E8;
	padding: 2px 5px;
	text-decoration: none;
	color: #95979B;
	float: right;
	border-radius: 3px;
	margin-top: 3px;
}
.more_info .times_played {
	line-height: 30px;
	color: #95979B;
}


/** SITEMAP */
ul.sitemap ul {
	margin-left: 20px;
}

/** RESET AND LAYOUT
===================================*/

ul.bx-slider {
	margin: 0;
	padding: 0;
	position: relative;
}
ul.bx-slider li{
	height: 250px !important;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
	height: 250px !important;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../images/bx_loader.gif') center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	position: absolute;
	bottom: 10px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FF4F5B;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url('../images/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url('../images/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../images/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../images/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* TEXT PAGES */

/* TEXT PAGES */

.row.page {
	background: url("../images/top-shadow-light.png") repeat-x scroll 0 0 #F1F1F1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0 20px;
}
.row.page {
	color: #666;
}
.row.page p {
	margin: 1em 0;
}
.row.page form div {
	width: 100%;
	line-height: 30px;
	margin: 5px 0;
	float: left;
}
.row.page form div label{
	width: 200px;
	float: left;
}
.row.page form div textarea,
.row.page form div input{
	width: 300px;
	background: #FFF;
	border: 0;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}
.row.page form div textarea{
	height: 90px;
}

.row.page form div.captcha-container {
	width: 500px;
}
.row.page form div.captcha-container label {
	margin-top: 16px;
}
.row.page form div.captcha-container div.g-recaptcha {
	width: 300px;
	float: right;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

footer div  {
	width: 100%;
	margin: 1%;
	float: left;
	font-size: 12px;
}
footer div > ul > li {
	margin: 0%;
	float: left;
	display: table-cell;
}
footer div > ul > li a{
	width: 100%;
	margin: 0%;
	float: left;
	text-transform: uppercase;
	color: #95979B;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}
footer div > ul > li > ul > li.sitemap > a,
footer div > ul > li > ul > li.about > a,
footer div > ul > li > a{
	font-weight: 600;
	font-size: 13px;
}
footer div > ul > li > ul > li.sitemap > a,
footer div > ul > li > ul > li.about > a {
	margin-top: 20px;
}
footer div > ul > li a:hover{
	color: #FFF;
}
footer ul li,
footer ul {
	float: left;
}
footer ul  > li > ul > li{
	float: left;
	width: 100%;
}

.span4.categories ul li ul li{
	width: 50%;
}
li.copy{
	margin-top: 24px;
}
.st_facebook_large .stLarge {
	background: url('../images/fb.png') no-repeat center center !important;
	width: 45px !important;
	height: 55px !important;
}

.fb_box {
	padding: 13px;
	border-left: 1px solid #F1F1F1;
	height: 55px;
	float: left;
}

.veedi_box {
	cursor: pointer;
	border-left: 1px solid #F1F1F1;
	height: 55px;
	float: left;
	line-height: 64px;
	padding-left: 13px;
	display: none;
}

/* GAME EXCEPTIONS */

.an-game .centered.row {
	width: 1190px;
}

.an-game .centered.row.ads {
	width: 1010px;
    margin: 0px auto;
	margin-left: 293px;
    position: relative;
    float: left;
}

.an-game .row.header .ad{
	float: left;
	margin-left: 20px;
}

.an-game .row.ad {
	text-align: center;
	margin-top: 20px !important;
    border-radius: 5px;
    background: #FFF;
    line-height: 0;
    padding: 20px;
}

.an-game .row.header .adSmaller{
	float: left;
	width: 160px;
	height: 90px;
	margin-left: 20px;
}
.an-game .wrapperGame {
	width: 1190px;
	margin: 0px auto;
	clear: both;
	position: relative;
}
.an-game .wrapperGameLeft {
	width: 1010px;
	margin: 0px auto;
	position: relative;
	float: left;
}

.an-game .row.description,
.an-game .row.horizontal_game_list,
.an-game .row.footerbanner,
.an-game .row.extra_games,
.an-game .row.information,
.an-game .row.cinema,
.an-game .row.ad
 {
	width: 1010px;
	float: left;
}


.skyScraper {
	display: none;
	overflow:hidden;
}

.an-game .skyScraper {
	width: 160px;
	float:left;
	height: 600px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
}
.an-game .skyScraper.fixed {
	top: 20px;
	margin-top: 0;
	right: 0;
}
.an-game .directions.next {
    left: 1160px;
}

.veedi {
	display: none;
	background: #FFF;
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
}

.veedi .title {
	height: 20px;
	line-height: 20px;
	color: #494b4f;
	font-weight: 600;
	font-size: 18px;
	padding-left: 54px;
	text-transform: uppercase;
	background: url('../images/veedi.jpg') no-repeat 20px 0;
}

.veedi .player {
	width: 100%;
	display: table;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.veedi .player .play_container {
	width: 970px;
	padding: 0;
	margin: 0 auto;
	background: #000;
}

@media all and (max-width: 1220px) {

	.an-game .wrapperGame,
	.an-game .centered.row {
		width: 1010px;
	}

	.an-game .row.header .ad{
		float: left;
		margin-left: 20px;
	}
	.an-game .skyScraper,
	.an-game .row.header .adSmaller{
		display: none;
	}

	.an-game .row.description,
	.an-game .row.horizontal_game_list,
	.an-game .row.footerbanner,
	.an-game .row.extra_games,
	.an-game .row.information,
	.an-game .row.cinema{
		width: 100%;
		float:left;
	}

	.an-game .directions.next {
		left: 980px;
	}
}

#recaptcha_widget_div {
	margin-left: 200px;
}

form button {
	background: none repeat scroll 0 0 #ff4f5b;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.35s ease 0s;
    padding: 0 15px;
	border: 0;
}

.row.page form div#recaptcha_area {
	margin: 0 !important;
}

.ads {
    margin-top: 20px !important;
	border-radius: 5px;
	background: #FFF;
	text-align: center;
    line-height: 0;
    padding: 20px;
}

/* Cookiebar */
#cookiebar {
    width: 100%;
    height: 40px;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
    background: rgba(59, 60, 65, 0.9);
    padding: 0 12.5px 0 12.5px;
}
#cookiebar div.wrap {
	width: 1010px;
	margin: 0 auto;
	display: table;
	padding-left: 15px;
	padding-right: 15px;
}
#cookiebar div.explain {
    float: left;
    color: #F1F1F1;
    font-size: 14px;
    width: 77%;
    line-height: 40px;
}
#cookiebar div.buttons {
    float: right;
    width: 23%;
}
#cookiebar div.buttons div.pink-button,
#cookiebar div.buttons div.dark-button {
	margin-top: 8px;
	padding: 0 7px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
	height: 24px;
	line-height: 24px;
	-webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
#cookiebar div.buttons div a {
    text-decoration: none;
}
#cookiebar div.buttons div.pink-button {
	margin-right: 12.5px;
	float: right;
    background: #FF4F5B;
}
#cookiebar div.buttons div.pink-button:hover {
	background: #FF6975;
}
#cookiebar div.buttons div.pink-button a {
    color: #fff;
}
#cookiebar div.buttons div.dark-button {
    float: right;
	background: #646568;
}
#cookiebar div.buttons div.dark-button:hover {
	background: #7b7d82;
}
#cookiebar div.buttons div.dark-button a {
    color: #95979B;
}

/* GAME LAYOUT */
body.an-game .row.centered.menu_wrapper {
    margin-top: 20px;
}
body.an-game .row.centered.header {
    padding: 20px 0 0 0;
}
body.an-game .wrapperGame {
    margin-top: -7px;
}

body.an-game .breadcrumb-bar {
	height: 55px;
	margin-top: 13px;
	margin-bottom: 7px;
	border-radius: 5px;
	background: #494a4e;
	-webkit-box-shadow: 0 4px 6px -6px black;
    -moz-box-shadow: 0 4px 6px -6px black;
    box-shadow: 0 4px 6px -6px black;
}
body.an-game .breadcrumb-bar .breadcrumb_category {
	text-transform: uppercase;
	border-left: 0;
	border-right: 1px solid #676566;
	padding-right: 20px;
	padding-left: 0;
    line-height: 55px;
    float: left;
	font-weight: 600;
    font-size: 13px;
    margin-left: 20px;
}

body.an-game .breadcrumb-bar .breadcrumb_category a {
	color: #cdcbcc;
	text-decoration: none;
}
body.an-game .breadcrumb-bar .breadcrumb_category a:hover{
	color: #95979B;
}

body.an-game .breadcrumb-bar .search {
	right: -10px;
}