@charset "utf-8";
/* CSS Document */

/******************/
/***** GLOBAL *****/
/******************/
@font-face {
    font-family: "solido_book";
    src: url("fonts/solidogs-book.eot");
    src: url("fonts/solidogs-book.eot?#iefix") format("embedded-opentype"),
         url("fonts/solidogs-book.woff2") format("woff2"),
         url("fonts/solidogs-book.woff") format("woff"),
         url("fonts/solidogs-book.ttf") format("truetype"),
         url("fonts/solidogs-book.svg#solidogsbook") format("svg");
    -webkit-font-smoothing: antialiased;
    -moz-webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
}

html, body {
	background-size: cover;
	font-family: solido_book, helvetica, 'arial narrow';
}

a {
	color: #fff;
	outline: none;
	transition: all 0.3s ease 0s;
}

a:hover, a:focus {
	color: #fff;
	text-decoration: none;
}

p {
	font-size: 17px;
	margin: 0;
	line-height: 22px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 25px;
}

h1 {
	font-family: solido_bold, helvetica, 'arial narrow';
	font-size: 26px;
	font-weight: 800;
	margin: 0;
}

h2 {
	font-family: solido_book, helvetica, 'arial narrow';
	font-size: 24px;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul, li {
	margin: 0;
	padding: 0;
}

ul {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
}

li {
    list-style-type: square;
    margin-left: 3%;
	padding-top: 10px;
}

ul.list-squares { margin-left: 15px; }
ul.list-squares li { list-style: square; }

img {
	border: 0;
	width: 100% !important;
	height: auto;
	transition: all 0.3s ease 0s;
}

.button img {
	outline: none !important;
	height:170px;
}

.no-gutter {
	padding-left: 0;
	padding-right: 0;
}

.slide-left {
	float: left;
}

.slide-right {
	float: right;
}

.padMe5 {
	padding: 5px;
}

.padMe10 {
	padding: 10px;
}

.padMe20 {
	padding: 20px;
}

.padBot10 {
	padding-bottom: 10px;
}

.padTop10 {
	padding-top: 10px;
}

.padBot20 {
	padding-bottom: 20px;
}

.padTop20 {
	padding-top: 20px;
}

.fontBlue {
	color: #00baff;
}

#content {
    margin: 0;
    padding: 0;
    max-width: auto;
}

.fullWidth {
    padding-top: 0;
}

.container-fluid {
    padding: 0;
}

.gallery {
    float: none;
    width: 100%;
}

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

/******************/
/**** LOGO BAR ****/
/******************/

.mainLogo {
	background-color: transparent !important;
	margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 20px;
	padding-right: 0px;
}

.logo img {
	width: 600px !important;
	display: block;
	margin: 0 auto;
}

.pegi img {
	width: 45px;
	display: block;
	float: right;
	padding-right: 0px;
	margin-top: 0px !important;
	margin: 0 auto;
}

.LPnavLogo {
	margin-top: none !important;
}

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

    .logo img {
		width: 100% !important;
	}

}

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

	.panelBlock {
		margin-bottom: 0 !important;
	}

	.pageDetails .gallery {
		margin-bottom: 0 !important;
	}

	.panelBlock, .panelBlockColor img {
		height: auto !important;
		min-height: auto !important;
	}

	.dv-price {
		font-size: 31px;
	}

}

@media (max-width: 959px) {

	.head1 {
		width: 215px;
    	display: block;
    	margin: 0 auto;
    	float: none;
    	padding-bottom: 3px;
	}

	.platMenuMobile {
    	margin-top: 0;
	}

}

@media (max-width: 959px) and (min-width: 569px) {

	html, body {
	    background: url(./images/background.jpg) no-repeat 50% 150px !important;
	    background-color: #fff;
	}

	.headBar {
	    height: 140px !important;
	    padding: 12px 0 !important;
	}

	.head1 img {
    	padding-top: 3px;
	}

	.quickSearch {
    	float: none;
	    width: 96%;
	    margin: 7px auto;
    }

}

@media (max-width: 568px) {

	html, body {
	    background: url(./images/background.jpg) no-repeat 50% 150px !important;
	    background-color: #fff !important;
	}

	.headBar {
	    height: 140px !important;
	    padding: 12px 0 !important;
	}

	.head1 img {
    	width: 75%;
    	padding-top: 3px;
	}

	.quickSearch {
    	float: none;
	    width: 96%;
	    margin: 7px auto;
	}

}

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

/******************/
/**** MAIN NAV ****/
/******************/

.mainMenu {
	float: left;
	z-index: 1;
	width: 100%;
	max-height: 250px;
}

.mainMenu a span {
	display: block;
	text-align: center;
}

.quickSearchInput {
    color: #444;
}

.xbox {
	background: #232323;
	transition: all 0.3s ease 0s;
	margin-right: 2px;
}

a:hover .xbox {
	background: #107c10; /* Old browsers */
	background: -moz-linear-gradient(top,  #107c10 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#107c10), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #107c10 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #107c10 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #107c10 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #107c10 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003791', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.playstation {
	background: #232323;
	transition: all 0.3s ease 0s;
	margin-right: 0;
}

a:hover .playstation {
	background: #003791; /* Old browsers */
	background: -moz-linear-gradient(top,  #003791 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003791), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003791 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003791 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003791 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #003791 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003791', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.pc {
	background: #232323;
	transition: all 0.3s ease 0s;
	margin-right: 2px;
}

a:hover .pc {
	background: #747474; /* Old browsers */
	background: -moz-linear-gradient(top,  #747474 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#747474), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #747474 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #747474 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #747474 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #747474 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.wii {
	background: #232323;
	transition: all 0.3s ease 0s;
	margin-right: 2px;
}

a:hover .wii {
	background: #0098C5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0098C5 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098C5), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0098C5 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0098C5 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0098C5 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0098C5 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003791', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.mainMenu a .button img {
	max-width: 130px;
	max-height:170px;
	margin-top:15px;
	margin-bottom:5px;
	border-radius: 4px;
}

.mainMenu a .btnName {
	font-size: 14px;
	height: 45px;
	line-height: 18px;
	text-transform: uppercase;
	overflow: hidden;
	padding-top: 5px;
	margin-top: 10px;
}

.mainMenu a:hover .btnName {
    color: #ee3124;
    background-color: #fff;
    transition: 0.2s;
}

.mainMenu a .xbox .btnName,
.mainMenu a .playstation .btnName,
.mainMenu a .pc .btnName,
.mainMenu a .wii .btnName {
	background: #ee2e24;
}

.col-xs-15 {
	border-right: solid 2px #000000;
}

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

	.mainMenu {
		height: 100%;
	}

}

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

/******************/
/***** VIDEOS *****/
/******************/

.video-container {
    position: relative;
    margin: 20px 0;
    padding-bottom: 53.0%;
    height: 0;
    overflow: hidden;
}

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

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

/******************/
/***** SLIDER *****/
/******************/

.bx-wrapper {
	margin-bottom: 0;
}

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

.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0;
    border-radius: 3px;
    border: 1px solid #fff;
	display: block;
    height: 8px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 8px;
}


.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #555;
}

@media screen and (min-width: 601px) and (max-width: 970px) {

	.bx-wrapper .bx-pager {
		position: relative; bottom: 10px;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		border: 2px solid #777;
	}

    .bx-wrapper .bx-pager.bx-default-pager a {
        border: 2px solid #777;
        border-radius: 8px;
        height: 16px;
        margin: 0 5px;
        width: 16px;
    }

}

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

	.bx-wrapper .bx-pager {
		position: relative; bottom: 10px;
	}

    .bx-wrapper .bx-pager.bx-default-pager a {
        border: 2px solid #777;
        border-radius: 8px;
        height: 16px;
        margin: 0 5px;
        width: 16px;
    }

}

/***********************/
/***** SCREENSHOTS *****/
/***********************/

.fancybox-button img:hover, .fancybox-forcontents img:hover {
    position: relative;
    box-shadow: 1px 1px 2px 2px #ccc;
}

.fancybox-button img {
	border-bottom:5px solid;
	border-bottom-color: #00579c;
	width:210px;
	height:126px;
	margin:2px;
	transition: all 0.5s ease 0s;
}

.fancybox-button {
	width:960px;
}

.pageDetails .gallery {
	margin: 0 0 30px 0;
	padding-bottom: 0;
}

.gallery div {
	padding: 10px;
}

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

/***********************/
/***** SIDEBAR *****/
/***********************/

span.name {
	line-height: 25px;
	padding-top:15px;
	padding-bottom: 10px;
}

p.description {
	text-align: center;
}

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

/********************/
/****** PAGES *******/
/********************/

.page {
	background-color: #000;
	float: left;
	margin-top: -14px;
	width: 100%;
	z-index: 2;
}

.pageHero {
	background-color: #000;
	margin-bottom: 20px;
}

.pageDetails .gallery div a {
	display: block;
}

.pageDetails a img:hover {
	outline: none;
}

.block {
	overflow: hidden;
	margin-bottom: 30px;
}

.panelBlock {
	overflow: hidden;
	margin-bottom: 30px;
}

.panelBlockWide {
	overflow: hidden;
	margin-bottom: 30px;
}

.panelBlock p {
	margin-top: 5%;
	display: table-cell;
	vertical-align: middle;
}

.panelBlock, .panelBlockColor img {
	height: 360px;
}

.pageDetails h3 {
	font-size: 20px;
}

.mainContainer {
	padding-top: 0;
}

.mainLogo {
	margin-bottom: 30px;
	padding-bottom: 0;
	padding-top: 20px !important;
}

.grid-container {
	padding-left: 0;
	padding-right: 0;
}

.generic-section-header {
	margin-bottom: 30px !important;
}

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

/********************/
/** PRODUCT BOXES ***/
/********************/

a.prodBox {
	background-color: #3d3d3d;
	display: block;
}

a.prodBox span {
	display: block;
}

a.prodBox .prodDetails .orderBtn {
	font-size: 1.4em;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	padding: 12px;
}

a:hover.prodBox .prodDetails .orderBtn {
    transition: 0.2s;
}

.dv_card_title {
	color: #666 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	margin-bottom: 0 !important;
}

.dv-price {
	color: #000;
}

.dv-cta-block {
	color: #000;
	font-size: 14px;
}

.dv-cta-block a {
	color: #C00;
	text-decoration: underline;
	font-size: 14px;
}

.prodBuy span img {
	width: 25px !important;
	padding-right: 3px;
}

.card_rich_media {
	width: auto;
}

.platformHomeCustom img {
	display: inline !important;
	width: auto !important;
}

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

/********************/
/****** FOOTER ******/
/********************/

#footer {
	margin: 0 auto 20px auto;
	min-height: 150px;
	max-width: 960px;
 	padding-top: 20px;
	margin-bottom: -40px
}

#footer p {
	padding-bottom: 10px;
    font-size: 10px;
    font-family: opensans, helvetica, 'arial narrow';;
    text-align: left;
}

@media (max-width: 959px) {
	.toTopBtn {
	    bottom: 10px;
	}
}

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

/********************/
/****** FIXES ******/
/********************/

.cart h4 { min-width: 150px; }

.clearfix { background-color: transparent; }

/* coreStyles Fixes */
.navBar { display: none; }

.headBar {
    height: 90px;
    padding: 12px 6px 0 6px;
}

.mainBody { background-color: transparent; }

.platformBar {
	padding: 0;
	font-family: solido_book, helvetica, 'arial narrow';
}

.platformBar li {
    list-style-type: none;
    margin-left: 0;
}

.secMenuPosition {
	display: none;
	background-color: transparent;
}

.ui-autocomplete li { list-style-type: none; } /* search bar suggestions */

.fullWidth h1 { margin: 0; }

.carousel-indicators { display: none; }

.quickSearch p.added { padding: 1px 4px 1px 0 !important; } /* advanced search alignment */

.dv-card-wrap { padding-bottom: 5px; } /* sku padding for nordic */

/********************/
/*** 5 COL LAYOUT ***/
/********************/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}