/*********************************************************************************** 
CSS RESET 
************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   background-color:#fff;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

a:active, a:visited { 
    border: none;
    outline: none;
}

*,*:hover,*:focus,*:active { 
    outline: 0px none; 
}

.clearfix:after {
   clear: both; 
   content:".";
   display: block;
   height: 0;
   visibility: hidden;
}

.clearfix {
   min-width: 0;
}
.is-docked {
	position: fixed;
    width: 100%;
}
 
/****************************
HEADER
****************************/

.container {
	z-index: 1;	
}

.header-container {
	width: 100%;
	background: url(img/header-bg.png) top left repeat-x;
	background-size: auto 100%;
	height: 63px;
	position: fixed;
	z-index: 9000;
	top: 0;	
}

.header {
	max-width: 1052px;
	width: 100%;
	height: 100%;
	margin: 0 auto;	
	position: relative;
}

.header .menu-underlay {
	display: none !important; /*menu-underlay not needed*/	
}

.header .HeaderContent > .image,
.header .HeaderContent > .header-navigation {
	float: left;
}

.header .HeaderContent > .text {
	width: 34px;
	height: 32px;
	background: url(corelibs/images/header/sky-nav-toggle.png) top left no-repeat;
	background-size: 100% 100%;
	top: 7px;
	left: 7px;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;	
}

.header .HeaderContent > .image {
	padding: 0 10px;
	max-width: 105px;
	position: relative;
	top: 9px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.header .HeaderContent > .image img {
	width: 100%;
	display: block;
}

.header .header-navigation #frivmain {
	list-style: none;
	font-family: montserratbold;
}

.header .header-navigation #frivmain:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.header .header-navigation #frivmain li {
	float: left;
	text-align: center;
}

.header .header-navigation #frivmain .frivmain-list-item-6 {
    position: relative;
}

.header .header-navigation #frivmain > li > a {
	padding: 0 10px;
	font-size: 13px;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	display: table;
	height: 60px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.header .header-navigation #frivmain > li > a > p {
	display: table-cell;
	vertical-align: middle;
}

/*********************
MENU ACTIVE STATE
*********************/

body.mobile-device .header .header-navigation #frivmain li.clicked a,/**/
.header .header-navigation #frivmain li:hover a {
    color: #FFF;
}
.header .header-navigation #frivmain li.frivmain-list-item-3.clicked,/**/
.header .header-navigation #frivmain li.frivmain-list-item-3:hover{  /* GAMES   */
	background: #e24a31;
}
.header .header-navigation #frivmain li.frivmain-list-item-1:hover{  /* GAMES   */
	background: #e24a31;
}
.header .header-navigation #frivmain li.frivmain-list-item-2:hover{  /* GAMES   */
	background: #0066ff;
}

.header .header-navigation #frivmain li.frivmain-list-item-4.clicked,/**/
.header .header-navigation #frivmain li.frivmain-list-item-4:hover {  /* MINI GAMES  */
	background: #61c261;
}

.header .header-navigation #frivmain li.frivmain-list-item-5.clicked,/**/
.header .header-navigation #frivmain li.frivmain-list-item-5:hover {  /* CHARACTERS */
    background: #0066ff;
}

.header .header-navigation #frivmain li.frivmain-list-item-6.clicked,/**/
.header .header-navigation #frivmain li.frivmain-list-item-6:hover { /* WISHLIST     */
    background: #ff9933;
}

.header .header-navigation #frivmain li.frivmain-list-item-7.clicked,/**/
.header .header-navigation #frivmain li.frivmain-list-item-7:hover { /* WHERE TO BUY */
    background: #9900ff;
}

.header .header-navigation #frivmain li.frivmain-list-item-8.clicked,
.header .header-navigation #frivmain li.frivmain-list-item-8:hover { /* HELP         */
    background: #24438d;
}

/********************/

.header .header-navigation #frivmain > li > .wishlist-count-wrapper {
	position: absolute;
	left: 90%;
	top: 8px;
	width: 40px;
	display: block;
}

.wishlist-count {
	position: absolute;
	z-index: 100;
	padding: 2px 4px;
	background: #f29130;
	border-radius: 2px;
	margin: 0 auto;
	font-size: 12px;
	width: auto;
	float: none;
	color: #FFF;
	overflow: visible;
}

.wishlist-count:after {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 15px;
    left: 4px;
    content: '';
    background: #f29130;
    border-bottom-right-radius: 15px;
    transform: rotate(10deg);
}

.header .header-navigation #frivmain .frivmain-list-item-1,
.header .header-navigation #frivmain .frivmain-list-item-2,
.header .header-navigation #frivmain .frivmain-list-item-8 {
}

.header .header-navigation #frivmain > li > div {
	display: none; /*hide link containers on desktop*/	
}

.WhatsNewHeaderWrapper,
.HelpHeaderWrapper,
.header .language-selector,
.header .friv-locale-selector {
	position: absolute;	
}

.WhatsNewHeaderWrapper {
	top: 10px;
	right: 130px;	
}

#WhatsNewHeader {
    text-transform: uppercase;
    width: 38px;
    height: 38px;
    background-size: 100% 100%;
    position: relative;
    color: transparent;
}

#WhatsNewHeader.alert {
}

#WhatsNewHeader:before {
	content: "NEW";
	position: absolute;
	left: 6px;
	top: 15px;
	color: #FFF;
	font-size: 10px;
}


.HelpHeaderWrapper {
	top: 11px;
	right: 70px;	
}

#HelpHeader {
	height: 35px;	
	width: 35px;
	padding: 0;
	color: transparent;
	background-position: -2px -44px;
}

#HelpHeader:hover,
#HelpHeader.active {
	background-position: -2px -2px;
}
  
.header .HeaderContent > .text,
#spinner-container {
	display: none; /*hide toggle icon and spinner on desktop*/
}

/*************************************
HEADER SCROLLING
*************************************/

body.scrolling .header-container {
	height: 40px;
}

body.scrolling .header .header-navigation #frivmain > li > a {
	height: 38px;
}

body.scrolling .header .HeaderContent > .image {
}

body.scrolling #HeaderCollapsibleNav {
	top: 35px;	
}

body.scrolling .WhatsNewHeaderWrapper {
	top: 5px;
}

body.scrolling #WhatsNewHeader {
	width: 28px;
	height: 28px;	
}

body.scrolling #WhatsNewHeader:before {
	content: "NEW";
	position: absolute;
	left: 5px;
	top: 12px;
	color: #FFF;
	font-size: 7px;
}

body.scrolling .HelpHeaderWrapper {
	top: 4px;
}

body.scrolling #HelpHeader {
	width: 28px;
	height: 28px;
	background-size: 28px;
	background-position: 0px -30px;
}

body.scrolling .header .language-selector, 
body.scrolling .header .friv-locale-selector {
	top: 7px;	
}

body.scrolling .header .language-selector .friv-language-selector .main-flag .main-flag-icon {
	/*width: 23px;
	height: 23px;
	background-size: 23px;*/
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	top: -3px;
	position: relative;
}

body.scrolling .header .friv-locale-selector .current .flag {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	top: -1px;
	position: relative;
}

body.scrolling .friv-language-selector .locale-menu.overlap,
body.scrolling .header .friv-locale-selector .locale-menu {
	top: 29px;	
}

/*************************************
HEADER COLLAPSIBLE: GLOBAL
*************************************/

#HeaderCollapsibleNav {
	position: fixed;
	/*height: 165px;*/
	height: 170px;
	/*top: 44px;*/
	top: 58px;
	background: #ff7700;
	width: 100%;
	left: 0;
	z-index: 8999;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#HeaderCollapsibleNav .friv-text p, 
#HeaderCollapsibleNav .friv-text-simple p {
	margin-top: 0;	
}

#HeaderCollapsibleNav .friv-reference > .content_tile > .friv-content-tile {
	position: relative;
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}

#HeaderCollapsibleNav a {
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	text-align: center;		
}

/*************************************
HEADER COLLAPSIBLE: GAMES
*************************************/

#games2Nav {
	text-align: center;	
}

#games2Nav > div > div > div >.section {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	margin-top: 58px;
	margin-right: 20px;
	position: relative;
}

#games2Nav > div > div > div >.section:nth-of-type(1) {
	width: 190px;	
	margin-top: 15px;
}

/*#games2Nav > div > div > div >.section:nth-of-type(5),
#games2Nav > div > div > div >.section:nth-of-type(5) .image{
	width: 84px;
	margin-right: 0;
	margin-top: 30px;
}

#games2Nav > div > div > div >.section:nth-of-type(5) .image {
	margin-top: 0;
}*/

#games2Nav > div > div > div >.section:nth-of-type(2) {
	width: 160px;	
}

#games2Nav .image {
	display: inline-block;
	vertical-align: top;
	width: 100%;
/*	margin-top: 28px;
	margin-right: 15px;*/
	position: relative;
}

#games2Nav .image img {
	width: 100%;	
}

#games2Nav > div > div > div > .section .contentTile > .text {
	position: absolute;
	top: 85px;
	top: 74px;
	width: 100%;
}
#games2Nav > div > div > div > .section:nth-of-type(1) .contentTile > .text {
	top: 117px;
}
#games2Nav > div > div > div > .section:nth-of-type(5) .contentTile > .text {
	top: 68px;
}
/*#games2Nav > div > div > div > .section:nth-of-type(5) .contentTile > .text {
	left: 17px;
	top: 101px;	
}*/

/*
#games2Nav .imgTitle {
	position: absolute;
	top: 85px;
	width: 100%;
}

#games2Nav .image:nth-of-type(4) .imgTitle {
	top: 79px;
}

#games2Nav .image:nth-of-type(5) {
	width: 84px;
	margin-right: 0;
	margin-top: 14px;	
}

#games2Nav .image:nth-of-type(5) .imgTitle {
	left: 17px;
	top: 99px;	
}
*/
/*************************************
HEADER COLLAPSIBLE: MINI GAMES
*************************************/

#minigamesNav {
	text-align: center;	
}

#minigamesNav > div > div > div > .section {
	display: inline-block;
	vertical-align: top;
	width: 164px;
	margin-right: 15px;
	position: relative;	
}
#minigamesNav .image {
	display: inline-block;
	vertical-align: top;
	width: 164px;
	margin-top: 28px;
	margin-right: 15px;
	position: relative;	
}

#minigamesNav .text {
	display: inline-block;
	margin-top: 64px;	
}

#minigamesNav .contentTile .contentTile > .text {
	margin-top: 10px;	
}

#minigamesNav .play-games-btn a {
	display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 12px;
    text-decoration: none;
	border: 3px #fff solid;
	padding: 15px 8px;
   	background: #5cbb57; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #5cbb57 0%, #479c2a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cbb57), color-stop(100%,#479c2a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cbb57 0%,#479c2a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cbb57 0%,#479c2a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cbb57 0%,#479c2a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5cbb57 0%,#479c2a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbb57', endColorstr='#479c2a',GradientType=0 ); /* IE6-8 */	
}

/*************************************
HEADER COLLAPSIBLE: CHARACTERS
*************************************/

#charactersNav {
	text-align: center;
}

#charactersNav > div > div > div > .section {
    width: 115px;
	display: inline-block;	
	margin-top: 18px;
	margin-right: 40px;
}
#charactersNav > div > div > div > .section .image {
	display: inline-block;	
}

#charactersNav .image:nth-of-type(6) {
	margin-right: 0;
}

#charactersNav .swapforce img,
#charactersNav .giants img,
#charactersNav .ssa img {
	opacity: .75;	
}

#charactersNav > div > div > div > .section > .text {
	margin-top: 5px;
}
  
/*Reduce header height to 50px*/
@media screen and (max-width: 950px) {
	.header-container {
		height: 50px;	
	}
	.header .HeaderContent > .image {
		max-width: 80px;	
	}
	.header .header-navigation #frivmain li {
		width: 95px;	
	}
	.header .header-navigation #frivmain > li > a {
		height: 48px;
		font-size: 10px;	
	}
	#HeaderCollapsibleNav {
		height: 165px;
		top: 44px;
	}
	.WhatsNewHeaderWrapper {
		top: 5px;
		right: 95px;	
	}
	.HelpHeaderWrapper {
		top: 6px;
		right: 50px;	
	}
	.header .language-selector, 
	.header .friv-locale-selector {
		top: 8px;	
	}
	.header .friv-locale-selector .locale-menu {
		top: 36px;	
	}

	/*****************************
	NAV DROP DOWN
	*****************************/
	#wishlistNav #wishlistNavToutWrapper > .content-tile {
		margin-top: 13px	
	}
	#wishlistNav #wishlistNavEmpty .content-tile .content-tile {
		width: 425px;
		margin-top: 28px;
		margin-left: 10px;
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .text {
		font-size: 22px;
		margin-left: 10px;	
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile {
		float: left;	
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile .textimage {
		margin-right: 0;	
	}
	#charactersNav .image {
		margin-right: 7px;
	}
	
	/*****************************
	GAMES SUB MENU
	*****************************/
	#games2Nav > div > div > div >.section {
		margin-right: 4px;	
	}
}
 
@media screen and (min-width: 768px) {
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile > .friv-content-tile > .contentTile {
		width: 100% !important;
		-webkit-transform: translate3d(0, 0px, 0px) !important;
		transform: translate3d(0px, 0px, 0px) !important; /*all this overwrites dynamic js width and transform*/
	}	
}

@media screen and (max-width: 767px) {
	#HeaderCollapsibleNav {
		height: 235px;	
	}
	.header .HeaderContent > .text {
		display: block;	
		position: absolute;
	}
	.header .HeaderContent > .image,
	.header .HeaderContent > .header-navigation {
		float: none;
	}
	.header .HeaderContent > .image {
		margin: 0 auto;
		box-sizing: content-box;
		-moz-sizing: content-box;
	}
	.header .HeaderContent > .header-navigation{
		position: fixed;
		top: 0;
		width: 80%;
		left: -80%;
		/*height: 100vh;*/
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		background: url(corelibs/images/header/mobile-menu-shadow-left-bg.png) #f2f2f2 top right repeat-y;
	}
	body.showNav .header .HeaderContent > .header-navigation{
		-webkit-transform: translate3d(0%,0,0);
		-moz-transform: translate3d(0%,0,0);
		-ms-transform: translate3d(0%,0,0);
		-o-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
	}
	.header .header-navigation #frivmain {
		border-bottom: 2px #333 solid;
	}
	.header .header-navigation #frivmain li {
		float: none;
		width: 100%;
		display: block;
		text-align: left;
		border-bottom: 1px #ccc solid;
		position: relative;
		box-sizing: border-box;
		-box-sizing: border-box;	
	}
	.header .header-navigation #frivmain li .menu-arrow{
		float: right;
		margin-right: 5%;	
	}
	.header .header-navigation #frivmain > li > a {
		padding-left: 5%;
		padding-right: 0;
		font-size: 19px;
		height: 49px;
	}
	.header .header-navigation #frivmain > li:hover a {
		color: #FFF;
	}
	.header .header-navigation #frivmain > li.frivmain-list-item-2:hover a {
		color: #999; /*no hover change on home btn*/
	}
	.header .header-navigation #frivmain li.frivmain-list-item-3.clicked,/**/
	.header .header-navigation #frivmain li.frivmain-list-item-3:hover{  /* GAMES   */
		background: #e24a31; /* Old browsers */
		background: -moz-linear-gradient(top,  #e24a31 0%, #ff952d 80%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e24a31), color-stop(80%,#ff952d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e24a31 0%,#ff952d 80%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e24a31 0%,#ff952d 80%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e24a31 0%,#ff952d 80%); /* IE10+ */
		background: linear-gradient(to bottom,  #e24a31 0%,#ff952d 80%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24a31', endColorstr='#ff952d',GradientType=0 ); /* IE6-8 */
	}
	.header .header-navigation #frivmain li.frivmain-list-item-1:hover{  /* GAMES   */
		background: #e24a31; /* Old browsers */
		background: -moz-linear-gradient(top,  #e24a31 0%, #ff952d 80%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e24a31), color-stop(80%,#ff952d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e24a31 0%,#ff952d 80%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e24a31 0%,#ff952d 80%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e24a31 0%,#ff952d 80%); /* IE10+ */
		background: linear-gradient(to bottom,  #e24a31 0%,#ff952d 80%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24a31', endColorstr='#ff952d',GradientType=0 ); /* IE6-8 */
	}
	.header .header-navigation #frivmain li.frivmain-list-item-4.clicked,/**/
	.header .header-navigation #frivmain li.frivmain-list-item-4:hover {  /* MINI GAMES  */
		background: #61c261; /* Old browsers */
		background: -moz-linear-gradient(top,  #61c261 0%, #82ca82 80%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c261), color-stop(80%,#82ca82)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #61c261 0%,#82ca82 80%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #61c261 0%,#82ca82 80%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #61c261 0%,#82ca82 80%); /* IE10+ */
		background: linear-gradient(to bottom,  #61c261 0%,#82ca82 80%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c261', endColorstr='#82ca82',GradientType=0 ); /* IE6-8 */
	}
	
	.header .header-navigation #frivmain li.frivmain-list-item-5.clicked,/**/
	.header .header-navigation #frivmain li.frivmain-list-item-5:hover {  /* CHARACTERS */
		background: #0066ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #0066ff 0%, #5f9fff 80%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(80%,#5f9fff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0066ff 0%,#5f9fff 80%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0066ff 0%,#5f9fff 80%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0066ff 0%,#5f9fff 80%); /* IE10+ */
		background: linear-gradient(to bottom,  #0066ff 0%,#5f9fff 80%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#5f9fff',GradientType=0 ); /* IE6-8 */
	}
	
	.header .header-navigation #frivmain li.frivmain-list-item-6.clicked,/**/
	.header .header-navigation #frivmain li.frivmain-list-item-6:hover { /* WISHLIST     */
		
	}
	
	.header .header-navigation #frivmain li.frivmain-list-item-7.clicked,/**/
	.header .header-navigation #frivmain li.frivmain-list-item-7:hover { /* WHERE TO BUY */
		
	}
	
	.header .header-navigation #frivmain li.frivmain-list-item-8.clicked,
	.header .header-navigation #frivmain li.frivmain-list-item-8:hover { /* HELP         */
		background: #24438d; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #24438d 0%, #45a7ff 80%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24438d), color-stop(80%,#45a7ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #24438d 0%,#45a7ff 80%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #24438d 0%,#45a7ff 80%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #24438d 0%,#45a7ff 80%); /* IE10+ */
		background: linear-gradient(to bottom,  #24438d 0%,#45a7ff 80%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24438d', endColorstr='#45a7ff',GradientType=0 ); /* IE6-8 */
	}
	.header .header-navigation #frivmain li .linkContainer > a {
		margin-left: 10%;
		line-height: 1.4;
		padding: 5px 0;
		font-size: 19px;
		text-decoration: none;
		display: block;
		text-transform: uppercase;
		border-bottom: 1px solid #ccc;
	}
	.header .header-navigation #frivmain li .linkContainer > a:last-of-type {
		border-bottom: none;	
	}
	.header .header-navigation #frivmain > li.clicked .linkContainer, 
	.header .header-navigation #frivmain > li:hover .linkContainer {
		display: block;
	}
	.header .header-navigation #frivmain > li.frivmain-list-item-2.clicked .linkContainer, 
	.header .header-navigation #frivmain > li.frivmain-list-item-2:hover .linkContainer  {
		display: none;
	}
	.header .header-navigation #frivmain > li.frivmain-list-item-6 .menu-arrow {
		display: none;
	}
	.header .header-navigation #frivmain > li .menu-arrow {
		-webkit-transform: rotateZ(-90deg);
		-moz-transform: rotateZ(-90deg);
		-ms-transform: rotateZ(-90deg);
		-o-transform: rotateZ(-90deg);
		transform: rotateZ(-90deg);
		
		/*-webkit-transition: .5s all;
		transition: .5s all;*/	
	}
	.header .header-navigation #frivmain > li.clicked .menu-arrow,
	.header .header-navigation #frivmain > li:hover .menu-arrow {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0);
	}
	.header .header-navigation #frivmain .frivmain-list-item-1 {
		background: #545454;
	}
	.header .header-navigation #frivmain li.frivmain-list-item-1:hover {
	background-color: #F90E5E;
	}
	.header .header-navigation #frivmain .frivmain-list-item-1,
	.header .header-navigation #frivmain .frivmain-list-item-2,
	.header .header-navigation #frivmain .frivmain-list-item-8 {
		display: block; /*show "menu" and "home" and "help" text on desktop*/
	}
	.header .header-navigation #frivmain li a#frivmain-link-1 {
		height: 45px;
		font-size: 15px;
		cursor: default;
		color: #FFF;
	}
	#WhatsNew-Help {
		position: relative;	
	}
	.WhatsNewHeaderWrapper {
		right: 50px;
		top: -30px;
	}
	#whatsNewNav {
		padding-top: 20px;	
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .text,
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile {
		float: none;	
		width: 100%;
		margin: 0;
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .text {
		width: 200px;
		margin: 0 auto;
		text-align: center;
		font-size: 15px;	
		height: auto;
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile {
		width: 100%;
		margin-top: 15px;
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile > .friv-content-tile {
		width: 172px;
		margin: 0 auto;
		overflow: hidden;
		height: 134px;
		position: relative;	
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile > .friv-content-tile > .contentTile {
		height: 100%;
		position: absolute;
	
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;  	
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .content-tile .textimage {
		margin-right: 35px;	
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .html {
		display: block;	
		text-align: center;
		width: 100%;
		margin-top: 5px;
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .html #whatsNewMobileSelect {
		width: 100% !important; /*overwrite dynamic js width*/
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .html .whatsNewMobilePageDot{
		width: 20px;
		height: 20px;
		display: inline-block;
		opacity: 0.7;
		background: #FFF;
		border-radius: 100px;
		cursor: pointer;
		margin: 0 5px;
	}
	#whatsNewNav > .content-tile > .friv-content-tile > .contentTile > .html .whatsNewMobilePageDot.selected{
		opacity: 1;
	}
	.HelpHeaderWrapper {
		display: none;	
	}
	#HeaderCollapsibleNav,
	body.showLang #HeaderCollapsibleNav[state="whatsNew"].open,
	body.showLang #HeaderCollapsibleNav[state="whatsNew"].close {
		display: none !important; /*Prevent drop down collapsible from showing up on mobile view*/	
	}
	#HeaderCollapsibleNav[state="whatsNew"].open,
	#HeaderCollapsibleNav[state="whatsNew"].close {
		display: block !important;	
	}
	.header .language-selector .friv-language-selector .locale-menu.overlap,
	.header .friv-locale-selector .locale-menu .locale-list {
		position: fixed;
		top: 0;
		width: 80%;
		right: -80%;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.header .friv-locale-selector .locale-list {
		padding: 0 10px;	
	}
	.header .friv-language-selector .locale-menu.two-column .locale-list .locale-entry,
	.header .friv-locale-selector .locale-entry {
		float: none;
		display: block;
		width: 100%;	
	}
	.header .friv-language-selector .locale-menu,
	.header .friv-locale-selector .locale-menu {
		display: block !important; /*must always be open. should not toggle show and hide*/	
	}

	/*********************
	NAV/LANG TOGGLE TRANSITION
	**********************/
	
	/*.header-container,
	.container,
	.page-content-container,
	.footer-container {
		-webkit-transform: translateX(0%);	
		-moz-transform: translateX(0%0);	
		-ms-transform: translateX(0%);	
		-o-transform: translateX(0%);		
		transform: translateX(0%);		
		
		-webkit-transition: 1s all;
		transition: 1s all;
	}
	body.showNav .header-container,
	body.showNav .container,
	body.showNav .page-content-container,
	body.showNav .footer-container {
		-webkit-transform: translateX(80%);	
		-moz-transform:translateX(80%);
		-ms-transform: translateX(80%);
		-o-transform: translateX(80%);
		transform: translateX(80%);
	}
	body.showLang .header-container,
	body.showLang .container,
	body.showLang .page-content-container,
	body.showLang .footer-container {

		-webkit-transform: translateX(-80%);
		-moz-transform: translateX(-80%);
		-ms-transform: translateX(-80%);
		-o-transform: translateX(-80%);
		transform: translateX(-80%);
	}*/
}
/*********************************************************************************** 
BASE
************************************************************************************/

body {
	position: relative;
    font-family: montserratregular, Arial, Helvetica, sans-serif;
    background-color: #013b85;
}


.container {
	position: relative;
	overflow: hidden;
    top:0; /**For drop down functionality*/
}

.page-content-container {
	position: relative;
}

.content {
	
}

body div.image {
	margin: 0;
	padding: 0;
    overflow: visible;
}

.section-header {
	width: 1024px;
	margin: 0 auto;
}

.section-header h3 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;	
	text-shadow: 0px 2px 2px #000;
	margin-left: 107px;
}

.solo-header h3 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;	
	text-shadow: 0px 2px 2px #000;
}

/*********************************************************************************** 
BASE MEDIA QUERIES
************************************************************************************/

@media screen and (max-width: 1023px) {
    
    
    
}

@media screen and (max-width: 767px) {

    

}

/*********************************************************************************** 
BASE CQ EDIT MODE
************************************************************************************/
/*********************************************************************************** 
FOOTER
************************************************************************************/
/*.footer-container  {display:none!important}*/ /*temp*/

#sky-home-container-c5 .play-control, /**footer ref on homepage*/
.footer-container .play-control { /*footer for all other pages*/
	background: #aaaaaa;
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

.footer-container {
	overflow: hidden;
    position: relative;
	background: #aaaaaa;
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
}

.footer-container #box-footer {
	padding: 15px 10px 37px;	
}

#box-footer {
	max-width: 1044px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 15px 10px;
}

#box-footer .friv-text p {
	margin-top: 0;
}

#box-footer .box-footer-child {
	position: relative;	
}

#box-footer-c0,
#box-footer-box {
	width: 100%;
}

#box-footer-c0 #friv-logo {
	float: left;
	margin-top: 15px;
}

#box-footer-c0 #esrb-logo {
	float: right;
	margin-right: 86px;
}

#box-footer-c0 #privacy-logo {
	position: absolute;
	top: 0;
	right: 0;
}

#box-footer-box {
	margin: 45px 0 25px;
}

#box-footer-box .image {
	display: inline-block;
	padding: 0 16px;
	background: url(corelibs/images/footer/footer-platform-divider.jpg) center left no-repeat;
	margin-right: -4px;
}

#box-footer-box .image:first-of-type {
	background: none;
	padding-left: 0;
	margin-left: -5px;
}

#box-footer-box .image:nth-of-type(8) {
	padding-right: 0;
}

#box-footer-c2 {
	width: 35%;
	float: left;
	margin-right: 2.5%;	
}

#box-footer-c2 .image {
	display: inline-block;
	margin-right: 2px;
}

#box-footer-c3 {
	width: 50%;
	float: left;
	margin-right: 2.5%;
	margin-top: 18px;
	font-weight: bold;
}

#box-footer-c3 a {
	display: inline-block;
	padding: 0 4px;
	margin-right: -4px;
	font-size: 11px;
	color: #4f4e4e;
	text-decoration: none;
}

#box-footer-c4 {
	width: 10%;
	float: right;
	margin-top: 16px;
}

#box-footer-c4 #social-icons a {
	margin-right: 6px;	
}

#box-footer-c4 #social-icons a:last-of-type {
	margin-right: 0px;	
}

#box-footer-c5 {
	width: 100%;
	clear: both;
	top: 20px;
}

#box-footer-c5 .friv-text {
	font-size: 11px;
}

#box-footer-c5 .friv-text p {
	margin-bottom: 5px;	
}

#box-footer-c5 .friv-text a {
	color: #4F4e4e;
	font-weight: bold;
	text-decoration: underline;
}
#box-footer-c0 #usk-logo {
	float: right;
}


@media screen and (max-width: 1023px) and (min-width: 768px) {
	#box-footer-box .image {
		padding: 0;
	}
	
	#box-footer-box .image img {
		-webkit-transform: scale(.75);
		-moz-transform: scale(.75);
		-ms-transform: scale(.75);
		-o-transform: scale(.75);
		transform: scale(.75);
	}
	
	#box-footer-c2 {
		width: 36%;	
	}
	
	#box-footer-c2 .image {
		width: 80px;
	}
	
	#box-footer-c2 .image img {
		width: 100%;
		height: 24px;
	}
	
	#box-footer-c3,
	#box-footer-c4 {
		margin-top: 0;	
	}
	
	#box-footer-c3 {
		width: 40%;	
	}
	
	#box-footer-c4 {
		width: 15%;	
	}
}

@media screen and (max-width: 767px) {
	
	#box-footer-c0 #privacy-logo {
		position: relative;
		clear: both;	
	}
	
	#box-footer-c0 #privacy-logo img {
		margin: 0 auto;	
        display: block;
	}
	
	#box-footer-c0 #esrb-logo {
		margin: 0;	
	}
	
	#box-footer-box .image {
		background: none;	
	}
	
	#box-footer-c2,
	#box-footer-c3,
	#box-footer-c4 {
		width: 100%;
		float: none;
		margin-right: 0;	
	}
	
	#box-footer-box {
		margin: 25px 0;	
	}
	
	#box-footer-c2 .image {
		width: 90px;	
	}
	
	#box-footer-c2 .image img {
		width: 100%;
		height: 31px;	
	}
	
	#box-footer-box,
	#box-footer-c2,
	#box-footer-c4 {
		text-align: center;	
	}
	
	#box-footer-c3 {
		display: none;	
	}

	#box-footer-c4 a{
		float: none;
		display: inline-block;
	}
	
}


/*********************************************************************************** 
ATLAS AND MOBILE CAROUSEL
************************************************************************************/

#sky-atlas-mobile-carousel-ref {
	display: block;
	position: relative;
    background-color: #cacaca;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cacaca));
	background: -webkit-linear-gradient(top, #cacaca, #eeeeee);
	background: -moz-linear-gradient(top, #cacaca, #eeeeee);
	background: -ms-linear-gradient(top, #cacaca, #eeeeee);
	background: -o-linear-gradient(top, #cacaca, #eeeeee);
	padding: 20px 0;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel {
	width: 100%;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-content-tile {
	width: 1024px;
	margin: 0 auto;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-container {
	margin: 0 auto;
	height: 375px !important;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-navigation {
	background: url(corelibs/images/base/carousel-arrows-sprite.png) no-repeat;
	width: 79px;
	height: 105px;
	float: none;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	z-index: 10;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-previous {
	left: 0;
	background-position: top left;
	margin-left: 0;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-previous:hover {
	background-position: bottom left;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-next {
	right: 0;
	background-position: top right;
	margin-right: 0;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-next:hover {
	background-position: bottom right;
}


#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-pagination {
	text-align: center;
	margin: auto;
	float: none;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-pagination li {
	display: inline-block;
	float: none;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-pagination li a {
	background-image: url(corelibs/images/base/pagination.png);	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-c0,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-c0,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-c0{
	width: 45%;
	float: left;
    margin-top: 70px;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-box,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-box{
	width: 50%;
	float: right;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-box{
	margin-top: 60px;	
}
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box{
    margin-top: 50px;
}
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-box{
    margin-top: 10px;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-box img,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box img,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-box img{
	width: auto;
	max-width: inherit;
	position: relative;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-box img{
    left:-25px;
    width: 100%;
}
/*#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box img {
	/*left: -102px;*/
}*/

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .c0 .image:first-of-type {
	margin-bottom: 20px;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text h2 {
	font-size: 18px;
	font-weight:  bold;
	line-height: 1.3;
	text-transform: uppercase;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text h2 {
	font-size: 20px;
	font-weight:  bold;
	line-height: 1.3;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 15px;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text p a {
	font-size: 18px;
	font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
	text-decoration: none;
    padding: 10px 50px;
    text-align: center;
    background-color: #e02900;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d30e00), to(#f14b00));
	background: -webkit-linear-gradient(top, #f14b00, #d30e00);
	background: -moz-linear-gradient(top, #f14b00, #d30e00);
	background: -ms-linear-gradient(top, #f14b00, #d30e00);
	background: -o-linear-gradient(top, #f14b00, #d30e00);
    border: 3px solid #FFF;
	box-shadow: 0px 2px 5px #444;
    border-radius: 15px;
	margin-top: 15px;
	line-height: 1.1;
}

/*********************************************************************************** 
ATLAS AND MOBILE CAROUSEL MEDIA QUERIES
************************************************************************************/

/* Changed media query 1023px to 1024px*/

@media screen and (max-width: 1024px) {

#sky-atlas-mobile-carousel-ref {
	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-container {
	height: 430px !important;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-content-tile {
	width: 96%;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-box img, #sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box img,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-box img {
	width: 100%;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box img {
	left: 0;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-box {
	margin-top: 125px;
	width: 55%;	
}

}

@media screen and (max-width: 767px) {
	
#sky-atlas-mobile-carousel-ref {
	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-container {
	height: 640px !important;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-content-tile {
	width: 96%;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-c0, 
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-c0,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-c0  {
	float: none;
	width: 95%;
	margin: 0 auto;	
	text-align: left;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-c0 #battlegrounds-logo img {
	margin-left: 0;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-starter-carousel-slide #sky-mobile-starter-carousel-slide-c0 .friv-text img, 
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-atlas-carousel-slide #sky-atlas-carousel-slide-c0 .friv-text img,
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel #sky-mobile-onlinegames-carousel-slide #sky-mobile-onlinegames-carousel-slide-c0 .friv-text img{
	margin: 0 auto;	
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text p:last-of-type {
	text-align: center;
}

}

@media screen and (max-width: 480px) {

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-container {
	height: 585px !important;
}

#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .slidesjs-navigation {
	display: none;	
}

}
@media screen and (max-width: 360px) {
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text p a {
	padding: 10px 32px;

    }

}

@media screen and (max-width: 320px) {
#sky-atlas-mobile-carousel-ref #sky-atlas-mobile-carousel .friv-text p a {
	padding: 10px 18px;

    }

}
/* -- [ Centralized Typography Styles ] -- */

@font-face {
   font-family: 'GothamBookSSO';
   src: url('../../fonts2/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot');
   src: url('../../fonts2/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix') format('embedded-opentype'),
        url('../../fonts2/54250d4302be4ff9b802a4ea104a0611.svg') format('svg'),
        url('../../fonts2/4d0e252c-d811-4a5d-a7f3-6ad72c6b76f2.woff') format('woff'),
        url('../../fonts2/54250d43-02be-4ff9-b802-a4ea104a0611.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GothamCondensedMediumSSO';
   src: url('../../fonts2/c9bb15b9-5c4a-477b-8e2d-1924c3ef942d.eot');
   src: url('../../fonts2/c9bb15b9-5c4a-477b-8e2d-1924c3ef942d.eot?#iefix') format('embedded-opentype'),
        url('../../fonts2/40e2893bb4c04b91aa424ab0be867d25.svg') format('svg'),
        url('../../fonts2/286ca836-0e48-43ba-9f12-8ba861fafeda.woff') format('woff'),
        url('../../fonts2/40e2893b-b4c0-4b91-aa42-4ab0be867d25.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GothamCondensedBoldSSO';
   src: url('../../fonts2/d5a62439-27d1-4deb-b8df-4c2610128f1b.eot');
   src: url('../../fonts2/d5a62439-27d1-4deb-b8df-4c2610128f1b.eot?#iefix') format('embedded-opentype'),
        url('../../fonts2/box88225bbox94419b8d14c5d677fcb3eb.svg') format('svg'),
        url('../../fonts2/e07f45c2-9c42-4c23-ab7a-box61556274ef.woff') format('woff'),
        url('../../fonts2/box88225b-box94-419b-8d14-c5d677fcb3eb.ttf') format('truetype');
        
   font-weight: normal;
   font-style: normal;
}



/* -- [ HOME PAGE TYPOGRAPHY ] -- */
.sub-heading-A, .sub-heading-B, 
.sub-heading-C, .sub-heading-D, 
.sub-heading-E, .sub-heading-F {
	font-family: GothamCondensedBoldSSO;
}
.sub-heading-A, .sub-heading-B,
.sub-heading-F, .sub-heading-G {
	color: #fff;
}
.sub-heading-A {
	font-size: 24px;
	line-height: 100%;
}
.sub-heading-B {
	font-size: 30px;
	line-height: 100%;
}
.sub-heading-C {
	color: #65b73a;
	font-size: 18px;
	line-height: 20px;
}
.sub-heading-D {
	color: #e46a17;
	font-size: 18px;
	line-height: 20px;
}
.sub-heading-E {
	color: #007cb1;
	font-size: 18px;
	line-height: 20px;
}
.sub-heading-F {
	font-style: italic;
	font-size: 16px;
	line-height: 100%;
}
.sub-heading-G {
	font-family: Arial, Helvetica, Open Sans;
	font-size: 12px;
	line-height: 100%;
}
.parA {
	font-family: GothamCondensedMediumSSO;
	font-size: 12px;
	line-height: 18px;
	color: #1e1e1e;
}

/* -- [ YELLOW / GREEN GRADIENT HEADER ] -- */

.header-gradient,
.green-gradient-header {
	color: #8bc000;
    background: -webkit-linear-gradient(#766a00, #b7a600, #f9e200, #ecde00, #dad800, #c4d200, #b9ce00, #acca00, #9dc500, #8fbox00, #85bd00, #86b422);
}

        /* -- [ YELLOW / ORANGE GRADIENT HEADER ] -- */

.orange-gradient-header {
	color: #d88300;
    background: -webkit-linear-gradient(#b8a400, #f6d200, #f1c600, #e4a200, #db8b00, #cd6500, #box4600, #ae3800);
}

@-moz-document url-prefix() {
	.orange-gradient-header, .header-gradient, .green-gradient-header {
		letter-spacing: 0.5px;
        text-shadow: 1px -1px 0 #FFFFFF, -2px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -2px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
        background-color: transparent;
    }
}
.header-gradient,
.green-gradient-header, 
.orange-gradient-header {
    text-transform: uppercase;
	font-weight: bold;
    -webkit-text-stroke: 1px #FFF;
	filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1); 
    text-shadow: 0px 3px 2px rgba(0,0,0,0.1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	zoom: 1; 
}

/* -- [ CHARACTERS PAGE TYPOGRAPHHY ] -- */
.char-sub-heading-A, .char-sub-heading-B, .char-sub-heading-C, .char-sub-heading-D {
	font-family: montserratbold, Arial, san-serif;
    letter-spacing: -1px;
}
.char-parA, .char-parB {
    font-family: montserratregular, Arial, san-serif;
    letter-spacing: -1px;
}
.char-sub-heading-A, .char-sub-heading-B, 
.char-sub-heading-G, .char-parA, .char-parB, .char-sub-heading-D {
	color: #fff;
}
.char-sub-heading-A {
	font-size: 24px;
	line-height: 100%;
}
.char-sub-heading-B {
	font-size: 30px;
	line-height: 100%;
}
.char-sub-heading-C {
	color: #065b73;
	font-size: 30px;
	line-height: 100%;
}
.char-sub-heading-D {
	font-size: 45px;
    line-height: 100%;
}
.char-sub-heading-G {
	font-size: 12px;
	line-height: 100%;
	font-family: Arial, Helvetica, Open Sans;
    font-weight: bold;
}
.char-parA {
	font-size: 20px;
	line-height: 21px;
	letter-spacing: -1px;
}
.char-parB {
	font-size: 17px;
	line-height: 18px;
}
/* -- [ HOME PAGE BUTTON ] -- */
.button-set-A, .button-set-B{
	font-family: montserratbold;
}        

.button-set-A{
    font-size:15px;
    color:#fff;
}            
.button-set-B{
    font-size:23px;
    color:#fff;
}


/* -- [ BUTTON SET A (COLOR) } -- */
.button-set-A-green a, .button-set-A-orange a,
.friv-color a{
	font-family: montserratbold;
    font-size:15px;
    color:#fff;
}


/* [GREEN BUTTON A] */

.button-set-A-green a{
    background: #67f000; /* Old browsers */
    background: -moz-linear-gradient(top,  #67f000 0%, #11a900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67f000), color-stop(100%,#11a900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #67f000 0%,#11a900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #67f000 0%,#11a900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #67f000 0%,#11a900 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #67f000 0%,#11a900 100%); /* W3C */
	border:2px solid #fff;
	border-radius:16px;
    padding:11.5px 20px;
    box-shadow: 1px 5px 8px #686868;
	display:inline-block;
    text-align:center;
}


/* [ORANGE BUTTON A] */

.button-set-A-orange a{
    background: #fcc003; /* Old browsers */
   
    background: -moz-linear-gradient(top,  #fcc003 0%, #ee6712 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc003), color-stop(100%,#ee6712)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcc003 0%,#ee6712 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcc003 0%,#ee6712 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcc003 0%,#ee6712 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcc003 0%,#ee6712 100%); /* W3C */
	border:2px solid #fff;
	border-radius:16px;
    padding:11.5px 20px;
    box-shadow: 1px 5px 8px #686868;
	display:inline-block;
    text-align:center;
}  



/* [BLUE BUTTON A] */

.friv-color a{
    background: #009cf8; /* Old browsers */
    background: -moz-linear-gradient(top,  #009cf8 0%, #007ad2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009cf8), color-stop(100%,#007ad2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #009cf8 0%,#007ad2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #009cf8 0%,#007ad2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #009cf8 0%,#007ad2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #009cf8 0%,#007ad2 100%); /* W3C */
	border:2px solid #fff;
	border-radius:16px;
    padding:11.5px 20px;
    box-shadow: 1px 5px 8px #686868;
	display:inline-block;
    text-align:center;
}  



/* -- [ BUTTON SET B (COLOR) } -- */
.buton-set-B-green,.button-set-B-orange {
	font-family: montserratbold;
    font-size:23px;
    color:#fff;            
} 


/* [GREEN BUTTON B] */

.button-set-B-green a{
	background: #67f000; /* Old browsers */
    background: -moz-linear-gradient(top,  #67f000 0%, #11a900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67f000), color-stop(100%,#11a900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #67f000 0%,#11a900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #67f000 0%,#11a900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #67f000 0%,#11a900 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #67f000 0%,#11a900 100%); /* W3C */
	border:2px solid #fff;
	border-radius:16px;
    padding:21px 20px;
    box-shadow: 1px 5px 8px #686868;
	display:inline-block;
    text-align:center;
    text-transform: uppercase;            
} 


/* [ORANGE BUTTON B] */

.button-set-B-orange a{
    background: #fcc003; /* Old browsers */    
    background: -moz-linear-gradient(top,  #fcc003 0%, #ee6712 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc003), color-stop(100%,#ee6712)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcc003 0%,#ee6712 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcc003 0%,#ee6712 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcc003 0%,#ee6712 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcc003 0%,#ee6712 100%); /* W3C */
	border:2px solid #fff;
	border-radius:16px;
    padding:21px 20px;
    box-shadow: 1px 5px 8px #686868;
	display:inline-block;
    text-align:center;
    text-transform: uppercase;            
}

/* -- [ CHARACTERS PAGE BUTTONS ] -- */
	/*
	 *	.button-x: i want it
	 *	.button-y: select character version
 	 *	.button-z: compatible with
	 */
.button-x, .button-y {
	color: #fff;
    text-align: left;
    text-transform: uppercase;  
    text-decoration: none;
}
.button-x {
	width: 138px;
    height: auto;
    padding: 8px 20px 8px 12px;
    display: block;
    border-radius: 13px;
    -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.7);
	box-shadow: 0 4px 3px rgba(0,0,0,0.7);
}
/*
.button-y {
    background: rgba(0,0,0, 0.6);
    text-shadow: -1px 2px 2px rgba(0,0,0,0.7);   
	width: 150px;
    height: 18px;
    padding: 12px;
    border-radius: 35px;
    font-weight: bold;
}*/
.button-y {
    background: rgba(0,0,0, 0.6);
    text-shadow: -1px 2px 2px rgba(0,0,0,0.7);   
    width: 162px;
    height: 42px;
    padding: 0 0 0 12px;
    border-radius: 35px;
    font-weight: bold;
    line-height: 45px;
}


.expand-medium-speed {
    -o-transition: -o-transform .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

.expand-medium-speed:hover {
    -o-transition: -o-transform .3s cubic-bezier(.26,-0.32,.32,2.5);
	-moz-transition: -moz-transform .3s cubic-bezier(.26,-0.32,.32,2.5);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.26,-0.32,.32,2.5);
	transition: transform .3s cubic-bezier(.26,-0.32,.32,2.5);
}

.expand-slight-size-on-hover:hover {
	-moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
}

.expand-small-size-on-hover:hover {
	-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.expand-medium-size-on-hover:hover {
	-moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.expand-medium-speed-bouncy {
    -o-transition: -o-transform .3s cubic-bezier(.26,-0.32,.32,2.5);
	-moz-transition: -moz-transform .3s cubic-bezier(.26,-0.32,.32,2.5);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.26,-0.32,.32,2.5);
	transition: transform .3s cubic-bezier(.26,-0.32,.32,2.5);
}

.expand-medium-speed-slightly-bouncy {
    -o-transition: -o-transform .3s cubic-bezier(.26,-0.32,.32,1.75);
	-moz-transition: -moz-transform .3s cubic-bezier(.26,-0.32,.32,1.75);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.26,-0.32,.32,1.75);
	transition: transform .3s cubic-bezier(.26,-0.32,.32,1.75);
}

.zero-scale {
	-moz-transform: scale(0);
    -webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

    -o-transition: -o-transform .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

.bounce {

	position: relative;

    animation-name: general-bounce;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-delay:0s;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome and Opera (webkits): */
    -webkit-animation-name: general-bounce;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-animation-delay:0s;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes general-bounce {
    0%   {transform: scale(1)}
    5%   {transform: scale(.9)}
    10%  {transform: scale(1)}
    30%  {transform: scale(1.25)}
    50%  {transform: scale(1)}
    62.5%{transform: scale(1.1)}
    75%  {transform: scale(1)}
    81.5%{transform: scale(1.03)}
    88%  {transform: scale(1)}
    92%  {transform: scale(1.01)}
    100% {transform: scale(1)}
}

@-webkit-keyframes general-bounce {
    0%   {-webkit-transform: scale(1)}
    5%   {-webkit-transform: scale(.9)}
    10%  {-webkit-transform: scale(1)}
    30%  {-webkit-transform: scale(1.3)}
    50%  {-webkit-transform: scale(1)}
    62.5%{-webkit-transform: scale(1.1)}
    75%  {-webkit-transform: scale(1)}
    81.5%{-webkit-transform: scale(1.03)}
    88%  {-webkit-transform: scale(1)}
    92%  {-webkit-transform: scale(1.01)}
    100% {-webkit-transform: scale(1)}
}



/*****************
	App Modal
******************/

#sky-app-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 9001;
    top: 0;
    display: none;
}

#sky-app-modal-wrapper .modal-content {
    display: block;
    position: relative;
    width: 90%;
    height: auto;
    margin: 10% auto;
}

#sky-app-modal-wrapper .modal-content img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: auto;
}

#sky-app-modal-wrapper .modal-content .app-store-link {
    background: url("../../../../../../content/dam/friv/skylanders/base/home/modal/app-store-image.png") center no-repeat;
    display: block;
    position: absolute;
    background-size: contain;
    width: 18%;
    height: 12%;
    top: 75%;
    left: 23%;
}

#sky-app-modal-wrapper div {
    width: 100%;
    height: 100%;
    position: static;
    max-width: 830px;
    max-height: 456px;
    margin: auto;
}

#sky-app-modal-wrapper .modal-close {
    background: url("../../../../../../content/dam/friv/skylanders/base/home/modal/modal-close.png") center no-repeat;
    display: block;
    position: absolute;
    background-size: contain;
    width: 6%;
    height: 12%;
    top: -5%;
    right: -2%;
}

@media screen and (max-height: 640px) and (orientation: landscape){
    #sky-app-modal-wrapper .modal-content {
		width: 60%;
        margin: 3% auto;
    }
}

/*********************************************************************************** 
ONLINE GAMES
************************************************************************************/

#friv-container {

} 

#friv-content-box .friv-color a{
    box-shadow: 1px 5px 8px #000;
} 

#friv-container #friv-container-box #friv-content #friv-content-box .textimage:nth-child(4),
#friv-container #friv-container-box #friv-content #friv-content-box .textimage:nth-child(7) {
	margin-right: 0px; 
}

#friv-container #friv-container-c0 {
	min-height: 71px;
}

#friv-container #friv-container-c0 #online-games-main-title {
	padding-top: 100px;
	text-align: center;
	position: relative;
	z-index: 50;
	max-width: 768px;
	margin: 0 auto;
}

#friv-container #friv-container-c0 #online-games-main-title img {
	width: 100%;
}

#friv-container #friv-container-box {
	background-color: #013b85;
}

#friv-container #friv-container-box #friv-content {

}

#friv-container #friv-container-box #friv-content h1 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
	text-shadow: 0px 2px 2px #000;
	margin-top: 60px;
	padding-top: 20px;
}

#friv-container #friv-container-box #friv-content .friv-image.friv-color .games-text a {
	text-transform: uppercase;
	text-decoration: none;	
	font-size: 18px;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 {
	position: relative;
	top: -90px;
}

/*body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 {
	top: -250px;
}*/

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero{
	width: 464px;
	min-height: 350px;
	margin: 0 auto;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .list-image {
	position: relative;
	padding: 5px; 
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .friv-list-image-preview {
	width: 464px;
	min-height: 350px;
	background: url(onlinegameslibs/images/online-games/online-games-hero-frame.png) top center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
	position: relative; 
	z-index: 10;
	top: -40px;
	text-align: center;
	width: 230px;
	margin: 0 auto;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	top: -455px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li {
	position: absolute;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
	top: 80px;
	left: -41px;
	z-index: 10;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
	top: -20px;
	left: -30px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
	top: 167px;
	right: 6px;
	z-index: 10;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
	top: -60px;
	right: 40px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	display: none;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters img {
	margin: 0 auto;
	max-width: 874px;
	width: 100%;
	height: auto;
}

#friv-container #friv-container-box #friv-content #friv-content-box {
	width: 1024px;
	margin: -95px auto 0 auto;
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-box {
	display: none !important;
}

#friv-container #friv-container-box #friv-content #friv-content-box .friv-content-box {
	text-align: center;
}

#friv-container #friv-container-box #friv-content #friv-content-box #itext {
	text-align: center;
}

#friv-container #friv-container-box #friv-content #friv-content-box .textimage {
	width: 324px;
	display: inline-block;
    margin-right: 14px;
	vertical-align: top;
}

#friv-container #friv-container-box #friv-content #friv-content-box .list-image {
	position: relative;
	padding: 5px;
}

#friv-container #friv-container-box #friv-content #friv-content-box .list-image .friv-list-image-preview {
	width: 100%;
	height: 100%;
	background: url(img/bggames.png) top center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#friv-container #friv-container-box #friv-content #friv-content-box .games-text {
	position: relative;
	z-index: 10;
	top: -30px;
	text-align: center;
	width: 230px;
	margin: 0 auto;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 {
	width: 1024px;
	margin: 0 auto 70px auto;
	text-align: center;
}

/*body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
	margin-top: -240px;
}*/

#friv-container #friv-container-box #friv-content #friv-content-c2 #mobile-games-description{
	width: 405px;
	margin: 0 auto 45px auto;
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 #adventures-description {
	width: 675px;
	margin: 0 auto 45px auto;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 p {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	color: #FFF;	
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games {

}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child {
	background: url(onlinegameslibs/images/online-games/online-games-mobile-frame.png) top left no-repeat;
	background-size: 100% 100%;
	width: 467px;
	min-height: 640px;
	padding: 10px;
	position: relative;
    margin-right: 4px;
    margin-left: 4px; 
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image img {
	width: 100%;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image .list-image {
	margin-bottom: 20px;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image .games-text {
	text-align: left;
	padding: 0 13px;
}

/*#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image {
	margin-left: 13px;
	float: left;
	margin-top: 70px;
	bottom: 27px;
}*/

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child h4 {
	font-size: 15px;
	font-weight: bold;
	color: #444444;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child p {
	color: #444444;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 1.5;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child p:last-of-type {
	/*margin-top: 80px;
	padding-bottom: 15px;
	position: absolute;
	bottom: 70px;*/
}

#friv-container .dl-btns {
	position: absolute;
	bottom: 25px;
	width: 100%;	
	left: 0;
}

#friv-container .dl-btns .image {
	display: inline-block;	
}

#friv-container .dl-btns .image:nth-of-type(2) {
	margin-left: 12px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-c0 {
	float: left;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-c0 h3 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #65b53a;
	padding-bottom: 5px;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-box {
	float: right;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-box h3 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #007cb4;
	padding-bottom: 5px;
}

#friv-container #og-gallery {
	overflow: hidden;
	margin-top: -65px;	
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 518px;
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 {
	width: 100%;
	overflow: hidden;
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0:after {
	clear: both; 
	content:".";
	display: block;
	height: 0;
	visibility: hidden
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 > .image {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	display: none;
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 .image .friv-image {
	opacity: 0.5;
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 .image.prev-image .friv-image,
#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 .image.next-image .friv-image {
	opacity: 0.5;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	cursor: pointer;
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 .image.prev-image:hover .friv-image,
#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 .image.next-image:hover .friv-image,
#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 .image.cur-image .friv-image {
	opacity: 1.0;
}

#friv-container #og-gallery #og-gallery-box {
	display: none;
}

#friv-container #og-gallery #og-gallery-c2 {
	margin-top: 0;
	position: relative;
	top: -26px;
}

#friv-container #og-gallery #og-gallery-c2 .pagination-list {
	text-align: center;	
}

#friv-container #og-gallery #og-gallery-c2 .pagination-list li {
	background: url(onlinegameslibs/images/online-games/carousel-pagination.png) left -12px;
	display: inline-block;
	margin: 0 3.5px;
    cursor: pointer;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
}

#friv-container #og-gallery #og-gallery-c2 .pagination-list li.active,
#friv-container #og-gallery #og-gallery-c2 .pagination-list li:hover {
	background-position: top left;
}

#online-games-overlay {
	background-color: rgba(0,0,0,.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}




#online-games-overlay #online-games-overlay-frame {
	width: 941px;
    height: 585px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#online-games-overlay #online-games-overlay-frame.override {
	height: 675px;
    margin-left: -530px;
    margin-top: -330px;
    width: 1050px;
}

#online-games-overlay #online-games-overlay-frame.override #online-games-overlay-frame-c0 {
	height: 635px;
    width: 1005px; 
}

#online-games-overlay #online-games-overlay-frame.override #online-games-overlay-frame-c0 object {
    top: 18px;
}

#online-games-overlay #online-games-overlay-frame.noflash .c0 {
	position: relative;
    top: 45%;
}

#online-games-overlay #online-games-overlay-frame.noflash .flash-icon a {
    display: block;
}

#online-games-overlay #online-games-overlay-frame.noflash .flash-icon a img {
    display: block;
    margin: 0 auto;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c0 object {
    margin-left: 8px;
    margin-top: -7px;
    width: 887px;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-box {
	width: 45px;
	min-height: 47px;
    position: absolute;
    top: -25px;
    right: -25px;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-box a {
	width: 45px;
	height: 47px;
    display: block;
    background: url(onlinegameslibs/images/online-games/popup-close-btn.png) top left no-repeat;
	text-indent: -9999px;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2 {
	background-color: rgba(0,0,0,.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8004;
    display: none;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2 #exit-modal {
	width: 292px;
    min-height: 140px;
    padding-top: 40px;
    background: url(onlinegameslibs/images/online-games/leave-game-modal-bg.png) top left no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -70px;
    z-index: 8005;
    font-size: 20px;
    color: #FFF;
    text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2 #exit-modal a {
	display: inline-block;
    margin: 10px;
    width: 96px;
    height: 44px;
	font-size: 18px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    line-height: 2.1;
    font-size: 20px;
	text-shadow: -2px 0px 2px #000;
	text-indent: 4px;
	cursor: pointer;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2 #exit-modal a.exit-yes {
    background: url(onlinegameslibs/images/online-games/small-orange-btn.png) top left no-repeat;
}

#online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2 #exit-modal a.exit-no {
    background: url(onlinegameslibs/images/online-games/small-gray-btn.png) top left no-repeat;
}

body.friv-wap #friv-container .mobile-only,
body.mobile-device #friv-container .desktop-only {
	display: none;	
}

/*********************************************************************************** 
ONLINE GAMES MEDIA QUERIES
************************************************************************************/

@media screen and (max-width: 1023px) {

#friv-container #friv-container-c0 #online-games-main-title h1 {
	font-size: 57px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters,
#friv-container #friv-container-box #friv-content #friv-content-box {
	width: 768px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
	left: -171px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
	left: -152px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
	right: -123px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
	right: -93px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c2 {
	width: 95%;	
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child {

	width: 45%;
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 423px;
}

}

@media screen and (max-width: 919px) {

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 > .image {
	width: 100%;
}

#friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 > .image img{
	max-width: 100%;
	height: auto;
}

}


/*-------------------ipad mini starts----------------------------*/

@media screen and (max-width: 768px) {

#friv-container #friv-container-c0 {
background: url(onlinegameslibs/css/gameslibs/images/online-games/online-games-sky-bg.jpg) #379bd7 top center no-repeat;
min-height: 500px;
}

}

/*------------------------ipad min ends------------------*/




@media screen and (max-width: 767px) {

#friv-container #friv-container-c0 {
	min-height: 237px;	
}

body.mobile-device #friv-container #friv-container-c0 {
	min-height: 165px;	
}

#friv-container #friv-container-c0 #online-games-main-title {
	padding-top: 52px;	
}

body.mobile #friv-container #friv-container-c0 #online-games-main-title {
	padding-top: 0px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters {
	display: none;	
}
body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters {
	display: block;	
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero, 
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .list-image, 
#friv-container #friv-container-box #friv-content #friv-content-box .textimage {
	/*width: 74%;*/
	margin: auto;
}
#friv-container #friv-container-box #friv-content #friv-content-box {
	width: 95%;	
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img{
	width:42%;
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img{
	width:42%;
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
	right: 247px;
	top: 67px;
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
	width: 34%;
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
    left: -66px;
    z-index: 1;
    position: absolute;
    top: 122px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
	left: -16px;
	top: 80px;
}
.friv-color a
{
	border-radius: 8px;
	padding: 4.5px;
}
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
    right: 173px;
    top: 154px;
    z-index: 9;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
	width: 35%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
	width: 36%;
}
#friv-container .dl-btns {
	position: relative;
	bottom: auto;	
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	padding-top: 70px;
    display:none;
}



#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child {
	width: 95%;
	min-height: inherit;
	padding: 2%;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-c0,
#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-box {
	float: none;
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games #online-games-mobile-games-c0 {
	margin-bottom: 20px;	
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 #adventures-description {
	width: 95%;	
}

/*#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child p:last-of-type {
	margin-top: 0;
}*/

/*#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image {
	margin-bottom: 20px;	
}*/

/*#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child p:last-of-type,
#friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image {
	position: relative;
	bottom: auto;
}*/

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 465px;	
}
#friv-container #friv-container-box #friv-content .friv-image.friv-color .games-text a {
    font-size: 12px;
}
}










@media screen and (max-width: 640px) {

#friv-container #friv-container-c0 #online-games-main-title h1 {
	font-size: 34px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 {
	/*top: -115px;	*/
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	padding-top: 100px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero,
#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .list-image,
#friv-container #friv-container-box #friv-content #friv-content-box .textimage {
	/*width: 65%;	*/
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero,
#friv-container #friv-container-box #friv-content #friv-content-box .textimage {
	max-width: 300px;	
}

#friv-container #friv-container-box #friv-content #friv-content-box .textimage {
	height: auto;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .list-image img,
#friv-container #friv-container-box #friv-content #friv-content-box .textimage img {
	width: 100%;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .friv-list-image-preview,
#friv-container #friv-container-box #friv-content #friv-content-box .list-image .friv-list-image-preview {
	width: 100%;
	height: 100%;
	background-size: 100%;	
}

#friv-container #friv-container-box #friv-content #friv-content-box .list-image .friv-list-image-preview {
	background-size: 100% 100%;	
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 395px !important;	
}


#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero, #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .list-image, #friv-container #friv-container-box #friv-content #friv-content-box .textimage {
/*width: 75%;*/
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
width: 47%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
width: 42%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
left: -66px;
z-index: 1;
position: absolute;
top: 141px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
left: -20px;
top: 68px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
right: 185px;
top: 50px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
right: 116px;
top: 172px;
z-index: 9;
}


#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
top: -20px;
width: 145px;

}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
width: 45%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
width: 40%;
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
margin-top: -165px;
}




}








/* ------------------ Galaxy Note  landscape starts--------------------  */





@media only screen 
and (min-width : 482px) 
and (max-width : 640px) and (orientation : landscape)
{

    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 {
    	top: -53px;
    }
 	body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
        padding-top: 160px;
    }
    
    #friv-container #og-gallery #og-gallery-c0 {
        min-height: 210px !important;	
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
    width: 60%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
    left: -8px;
    top: 45px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
    width: 64%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
    left: -71px;
    z-index: 1;
    position: absolute;
    top: 170px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
    top: -20px;
    width: 219px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
    right: -4px;
    top: 37px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
    width: 60%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
    right: -38px;
    top: 220px;
    z-index: 9;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
    width: 65%;
    }
    
    #friv-container #friv-container-box #friv-content h2 {
    
    font-size: 25px;
    
    }
    
    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
    margin-top: -105px;
    }



}

/* ------------------ Galaxy Note  landscape ends--------------------  */





/* ------------------ iPhone 5  landscape starts--------------------  */





@media only screen 
and (min-width : 481px) 
and (max-width : 568px) and (orientation : landscape)
{

    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 {
    	top: -53px;
    }
 	body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
        padding-top: 160px;
    }
    
    #friv-container #og-gallery #og-gallery-c0 {
        min-height: 210px !important;	
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
    width: 60%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
    left: -30px;
    top: 45px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
    width: 64%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
    left: -87px;
    z-index: 1;
    position: absolute;
    top: 158px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
    top: -20px;
    width: 219px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
    right: 55px;
    top: 18px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
    width: 60%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
    right: 3px;
    top: 190px;
    z-index: 9;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
    width: 65%;
    }
    
    #friv-container #friv-container-box #friv-content h2 {
    
    font-size: 25px;
    
    }
    
    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
    margin-top: -105px;
    }



}

/* ------------------ iPhone 5  landscape ends--------------------  */



/* ------------------samsung galaxy 5 note3  portrait starts--------------------  */





@media only screen 
and (min-width : 481px) 
and (max-width : 540px) 
{
	
	body.mobile-device #friv-container #friv-container-c0 {
min-height: 229px;
}

    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 {
    	top: -100px;
    }
 	body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
        padding-top: 160px;
    }

    #friv-container #og-gallery #og-gallery-c0 {
        min-height: 210px !important;	
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
    width: 60%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
    left: -30px;
    top: 45px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
    width: 64%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
    left: -87px;
    z-index: 1;
    position: absolute;
    top: 158px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
    top: -20px;
    width: 219px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
    right: 76px;
    top: 39px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
    width: 60%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
    right: 10px;
    top: 211px;
    z-index: 9;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
    width: 50%;
    }
    
    #friv-container #friv-container-box #friv-content h2 {
    
    font-size: 25px;
    
    }
    
    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
    margin-top: -105px;
    }



}

/* ------------------ samsung galaxy 5 note3  portrait ends--------------------  */




@media screen and (max-width: 480px) {

body.mobile-device #friv-container #friv-container-c0 {
	min-height: 100px;	
}

body.mobile-device #friv-container #friv-container-c0 #online-games-main-title {
	padding-top: 10px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c2 #mobile-games-description {
	width: 95%;	
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	padding-top: 135px;
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 300px;	
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 {
	top: -38px;	
}

#friv-container #og-gallery #og-gallery-c0 {
min-height: 309px !important;
}


}


/* ------------------ iPhone 2G, 3G, 4, 4S  landscape starts--------------------  */

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) and (orientation : landscape)
{

    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 {
    top: -45px;
    }
    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
        padding-top: 160px;
    }
    
    #friv-container #og-gallery #og-gallery-c0 {
        min-height: 210px;	
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
    width: 50%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
    left: -20px;
    top: 68px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
    width: 50%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
    left: -57px;
    z-index: 1;
    position: absolute;
    top: 158px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
    top: -20px;
    width: 175px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
    right: 118px;
    top: 55px;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
    width: 48%;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
    right: 43px;
    top: 218px;
    z-index: 9;
    }
    
    #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
    width: 48%;
    }
    
    #friv-container #friv-container-box #friv-content h2 {
    
    font-size: 25px;
    
    }
    
    body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
    margin-top: -136px;
    }

    #friv-container #og-gallery #og-gallery-c0 {
    min-height: 320px !important;
    }

	

}


/* ------------------ iPhone 2G, 3G, 4, 4S  landscape ends--------------------  */






/* ------------------ Samsung Galaxy Note 2 portraite starts--------------------  */



@media screen and (max-width: 360px) {

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	padding-top: 160px;
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 210px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
width: 39%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
left: -23px;
top: 71px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
width: 38%;

}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
left: -46px;
z-index: 1;
position: absolute;
top: 156px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
top: -20px;
width: 120px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
right: 211px;
top: 56px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
width: 40%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
right: 141px;
top: 167px;
z-index: 9;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
width: 37%;
}

#friv-container #friv-container-box #friv-content h2 {
font-size: 25px;
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
margin-top: -201px;
}

#friv-container #og-gallery #og-gallery-c0 {
min-height: 230px !important;
}

}

/* ------------------ Samsung Galaxy Note 2 portraite ends--------------------  */



@media screen and (max-width: 320px) {

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	padding-top: 160px;
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 210px;	
}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-mobile-header-characters {
	padding-top: 160px;
}

#friv-container #og-gallery #og-gallery-c0 {
	min-height: 210px;	
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 div img {
width: 36%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-1 {
left: -20px;
top: 68px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 div img {
width: 38%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-0 {
left: -57px;
z-index: 1;
position: absolute;
top: 132px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-hero .games-text {
top: -20px;
width: 120px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 {
right: 246px;
top: 62px;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-3 div img {
width: 36%;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 {
right: 176px;
top: 156px;
z-index: 9;
}

#friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li.image-list-2 div img {
width: 34%;
}

#friv-container #friv-container-box #friv-content h2 {

font-size: 25px;

}

body.mobile-device #friv-container #friv-container-box #friv-content #friv-content-c2 {
margin-top: -201px;
}

    #friv-container #og-gallery #og-gallery-c0 {
    min-height: 200px !important;
    }


}
 
/*********************************************************************************** 
ONLINE GAMES CQ EDIT MODE
************************************************************************************/

.cq-wcm-edit .header-container, 
.cq-wcm-edit.friv-wap #friv-container .mobile-only,
.cq-wcm-edit.friv-wap #friv-container .desktop-only,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-c0,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-c0 #online-games-desktop-header-characters li,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-box,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-c2,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child p:last-of-type,
.cq-wcm-edit #friv-container #friv-container-box #friv-content #friv-content-c2 #online-games-mobile-games .online-games-mobile-games-child .friv-image,
.cq-wcm-edit #online-games-overlay,
.cq-wcm-edit #online-games-overlay #online-games-overlay-frame,
.cq-wcm-edit #online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-box,
.cq-wcm-edit #online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2,
.cq-wcm-edit #online-games-overlay #online-games-overlay-frame #online-games-overlay-frame-c2 #exit-modal,
.cq-wcm-edit #friv-container #og-gallery #og-gallery-c0 .og-gallery-c0 > .image,
.cq-wcm-edit #friv-container #og-gallery #og-gallery-box,
.cq-wcm-edit #friv-container #og-gallery #og-gallery-c2 { 
	display: block;
	float: none;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	right: auto;
	bottom: auto;	
    z-index: 1;
} 
.contentgames {
  background-color: #093A79;
  text-align:center;
}
.nav {
  height: 60px;
}
#paginator_container {
  padding-top: 10px;
}
#paginator_container ul {
  list-style: none outside none;
  height: 36px;
}
#paginator_container li {
   display: inline-block;
  height: 36px;
  width: 36px;
  margin-left: 2px;
  margin-right: 2px;
  padding-right: 0;
}
#paginator_container div.prev_btn {
  background-image: url('img/buttons.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
#paginator_container div {
  height: 36px;
  width: 36px;
  cursor: pointer;
}
#paginator_container div.next_btn {
  background-image: url('img/buttons.png');
  background-repeat: no-repeat;
  background-position: -72px 0;
}
#paginator_container div.select {
  background-image: url('img/buttons.png');
  background-repeat: no-repeat;
  background-position: -36px -36px;
}
#paginator_container div.unselect {
  background-image: url('img/buttons.png');
  background-repeat: no-repeat;
  background-position: -36px 0;
}
.ad728{width:728px;height:90px;background-color:#F9F4F4;padding: 5px;border-radius: 2px;margin:auto}
#friv-container  #friv-container-box #friv-content h1.ngames{margin-top:0px;}
.swf{width:728px;height:500px;padding: 5px;border-radius: 2px;margin:auto;background-color:#F9F4F4;margin-bottom: 15px;}