@charset "utf-8";

/*	NOTES

	BOOTSTRAP MEDIA QUERY SIZES
	===========================
	Device        Min   Max
	---------------------------
	Phone             > 767px
	Tablet        768 - 991px
	Desktop       992 - 1199px
	Large Desktop 1200px >

	WB MEDIA QUERY SIZES
	===========================

	---------------------------
	Max 1920px -          banners/bgs, galleries
	Max 1420px - top nav, banners/bgs, galleries
	Max 1280px -          banners/bgs, galleries
	Max 1280px - 1280 Google Nexus10, 1024Ipad- above the fold tablets
	Max 1200px -
	Max 1100px -

    skin.css file for defining the styling common to ALL portals
    (this) default.css file for defining the styling specific to EACH portal

    Default site: (\Portals\_default\Skins\default.css)
        this is the CSS found in Default Site > Admin > Site Settings > Stylesheet Editor tab

    Portal site: (\Portals\[portalId]\portal.css)
        this is the CSS found in Portal [portalId] > Admin > Site Settings > Stylesheet Editor tab
        if the user clicks the "Restore Default Style Sheet" button, it will load default.css above

    landing       --> #c52e49
    games         --> #7ea75f
    videos        --> #716491
    downloadables --> #f1d357

==========================================================================

Variation			font-family												font-weight		font-style
------------------------------------------------------------------------------------------------------
Regular				"proxima-nova-condensed",helvetica,arial,sans-serif		400				normal
Regular Italic		"proxima-nova-condensed",helvetica,arial,sans-serif		400				italic
Bold				"proxima-nova-condensed",helvetica,arial,sans-serif		700				normal
Bold Italic			"proxima-nova-condensed",helvetica,arial,sans-serif		700				italic
Extrabold			"proxima-nova-condensed",helvetica,arial,sans-serif		800				normal
Extrabold Italic	"proxima-nova-condensed",helvetica,arial,sans-serif		800				italic

Regular				"Tobi",helvetica,arial,sans-serif					400				normal

Medium				'Roboto',arial,sans-serif;


font-size (point size vs pixel size)
-----------
pt > px
60pt > 54px
16pt > 22px
12pt > 16px
9pt > 12px

*/

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

/*
********
******** BOOTSTRAP FIXES
********
*/

.Normal, .NormalDisabled, .NormalDeleted {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default.active {
	background-image: none;
}
/*Make outer rows container full width, to get backgroud images in rows full width */
/*.container-fluid {
    padding: 0;
}

    .container-fluid .row {
        margin: 0 auto;
    }*/

/*
********
******** DNN FIXES
********
*/

html.dnnlogin #desktopLeftnav,
html.dnnlogin #endlessScrollWeb-wrapper,
html.dnnlogin #endlessScrollMobile-wrapper,
html.dnnlogin #endlessScrollNoClick,
html.dnnlogin #nudge-arrow-outer,
html.dnnlogin #return-arrow-outer,
html.dnnlogin #vignette {
	display: none !important;
}

html.dnnlogin #wbk-body {
	background: none transparent !important;
}

html.dnnlogin #siteWrapper {
	width: 500px;
	margin: 0 auto;
	padding: 200px 0 0;
}

/*
********
******** CONTENT WIDTH MODIFIERS
********
*/

.container-fluid {
	padding: 0;
}

/* removes the padding*/
.row > [class*="col-"].no-padding {
	padding: 0;
}

.wbk-container {
	margin: 0 auto;
}

.wbk-container-modal {
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 767px) {
	/* phone layout: override bootstrap's .row's negative margins to remove gutters down the side of the page (re: chevrons) */
	/* phone layout: add left/right paddings or margins to elements where gutters are needed */
	.row {
		margin: 0;
	}
}

@media (min-width: 768px) {
	.wbk-container {
		width: 722px;
	}

	.wbk-container-modal {
		width: 630px;
	}
}

@media (min-width: 992px) {
	.wbk-container {
		width: 945px;
	}

	.wbk-container-modal {
		width: 840px;
	}
}

@media (min-width: 1200px) {
	.wbk-container {
		width: 1155px;
	}
}

@media (min-width: 1280px) {

	.wbk-container-modal {
		width: 1100px;
	}
}

/*
********
******** GLOBAL
********
*/


a, a:hover, a:visited {
	cursor: pointer;
	text-decoration: none !important;
}

#wbk-body canvas {
	cursor: pointer;
}

/* inherit height from window */
html.wbk-page-home.wbk-layout-desktop,
html.wbk-page-home.wbk-layout-desktop body {
	height: 100%;
}

html.wbk-page-home.wbk-layout-phone,
html.wbk-page-home.wbk-layout-phone body {
	width: 100%;
	overflow-x: hidden;
}

#wbk-busy {
	display: none;
	height: 100px;
	left: 50%;
	margin: -50px 0 0 -50px;
	position: fixed;
	top: 50%;
	width: 100px;
	z-index: 999;
}

/*
********
******** VISIBLITY: DESKTOP VS. PHONE
********
*/

.visible-phone-block,
.visible-desktop-block {
	display: none;
}

html.wbk-layout-phone .visible-phone-inline {
	display: inline;
}

html.wbk-layout-phone .visible-phone-inline-block {
	display: inline-block;
}

html.wbk-layout-phone .visible-phone-block {
	display: block;
}

html.wbk-layout-desktop .visible-desktop-inline {
	display: inline;
}

html.wbk-layout-desktop .visible-desktop-inline-block {
	display: inline-block;
}

html.wbk-layout-desktop .visible-desktop-block {
	display: block;
}

/*
********
******** BASIC STYLE
********
*/

/* hide from user until finished initializing. see desktopLeftnav.js > desktopLeftnav_onregister() */
#desktopLeftnav {
	opacity: 0;
}

#wbk-body {
	color: #2c2c2c;
	font-family: "Roboto",sans-serif;
	font-size: 18px;
	line-height: 1.3em;
	position: relative;
	z-index: 0;
	padding-top: 113px; /* push down on all vertical pages to compensate for the top-nav (83px) + padding between top nav and beginning of content (30px) */
}

.wbk-page-type-exec #wbk-body {
	padding-top: 170px;
}
/*1280 Google Nexus10, 1024Ipad- above the fold tablets */
@media screen and (max-width: 1280px) {
	html.wbk-page-type-exec #wbk-body {
		padding-top: 133px;
	}
}

@media screen and (max-width: 1100px) {
	html.wbk-page-type-exec #wbk-body {
		padding-top: 93px;
	}
}

html.wbk-layout-phone.wbk-page-type-exec.wbk-page-wallpaper #wbk-body,
html.wbk-page-type-exec.wbk-layout-phone.wbk-page-type-game #wbk-body {
	padding-top: 0;
}

html.wbk-layout-desktop.wbk-page-home #wbk-body {
	padding-top: 0; /* don't push down for the home page */
	padding-bottom: 0;
}

#wbk-desktop-bottom-nav {
	bottom: 0;
	min-width: 400px;
	position: fixed;
	right: -6px;
	text-align: right;
	z-index: 102;
}

#wbk-desktop-bottom-nav-inner {
	height: 45px;
	position: relative;
	left: 5px;
}

.no-click {
	background: #000;
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0.75;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 0;
}

/*
********
******** PHONE TOP NAV AND LEFT NAV
********
*/

/*
    STYLING > PHONE TOP NAV AND LEFT NAV
    (FUNCTIONALITY BELOW)
*/

#wbk-phone-top-nav {
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	box-shadow: 0 0 2px 2px #000;
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	-moz-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	-webkit-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	z-index: 101;
}

#wbk-phone-top-nav-inner {
	background: url("images/phone/nav-top/bg.png") repeat scroll 0 0 transparent;
	height: 53px;
}

	#wbk-phone-top-nav-inner .toggle-nav {
		background: url("images/phone/nav-top/toggle.png") no-repeat scroll 0 0 transparent;
		display: inline-block;
		height: 53px;
		text-indent: -9999px;
		width: 69px;
	}

	#wbk-phone-top-nav-inner .logo {
		background: url("images/phone/nav-top/logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
		display: inline-block;
		height: 43px;
		left: 10px;
		position: relative;
		text-indent: -9999px;
		top: 7px;
		width: 100px;
	}

	#wbk-phone-top-nav-inner .close-nav {
		background: url("images/phone/nav-top/close.png") repeat scroll 0 0 transparent;
		display: block;
		height: 53px;
		text-indent: -9999px;
		width: 66px;
	}

#wbk-phone-left-nav {
	color: #fff;
	height: 100%;
	margin: 0;
	position: fixed;
	top: 53px;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-moz-transition: left 0.25s ease-out 0s;
	transition: left 0.25s ease-out 0s;
	width: 100%;
	z-index: 100;
}

	#wbk-phone-left-nav [role="navigation"] {
		background: none repeat scroll 0 0 #000b11;
		-moz-box-shadow: 0 0 2px 2px #000;
		-webkit-box-shadow: 0 0 2px 2px #000;
		box-shadow: 0 0 2px 2px #000;
		color: #fff;
		height: 100%;
		overflow-y: auto;
		padding: 0 0 53px;
		position: absolute;
		width: 80%;
		z-index: 1;
	}

		#wbk-phone-left-nav [role="navigation"] ul {
			margin: 0;
		}

		#wbk-phone-left-nav [role="navigation"] a {
			color: #fff;
		}

	#wbk-phone-left-nav .home-nav,
	#wbk-phone-left-nav .sites-nav,
	#wbk-phone-left-nav .language-nav,
	#wbk-phone-left-nav .legal-nav {
		background-color: #00314a;
	}

		#wbk-phone-left-nav .home-nav .switch,
		#wbk-phone-left-nav .home-nav li,
		#wbk-phone-left-nav .sites-nav .switch,
		#wbk-phone-left-nav .sites-nav ul li,
		#wbk-phone-left-nav .language-nav .switch,
		#wbk-phone-left-nav .language-nav ul li,
		#wbk-phone-left-nav .legal-nav .switch,
		#wbk-phone-left-nav .legal-nav ul li {
			background-image: url("images/phone/nav-left/icons.png");
			background-position: 7px 0;
			background-repeat: no-repeat;
			cursor: pointer;
		}

			#wbk-phone-left-nav .home-nav li.games {
				background-position: 7px -100px; /* games */
			}

			#wbk-phone-left-nav .home-nav li.comics {
				background-position: 7px -200px; /* comics */
			}

			#wbk-phone-left-nav .home-nav li.downloads {
				background-position: 7px -300px; /* downloads */
			}

			#wbk-phone-left-nav .language-nav ul li span {
				margin-left: 5px;
				font-family: 'Roboto',arial,sans-serif;
			}

		#wbk-phone-left-nav .home-nav a {
			border-bottom: 1px solid #001824;
			border-top: 1px solid #004167;
			display: block;
			height: 62px;
			line-height: 60px;
			padding: 0 0 0 75px;
		}

	#wbk-phone-left-nav .sites-nav {
		background-color: #002539;
	}

		#wbk-phone-left-nav .sites-nav .switch,
		#wbk-phone-left-nav .sites-nav a {
			border-bottom: 1px solid #001824;
			border-top: 1px solid #004167;
			display: block;
			height: 58px;
			line-height: 56px;
			padding: 0 0 0 75px;
		}

		#wbk-phone-left-nav .sites-nav .switch {
			background-position: 7px -400px; /* shield */
		}

		#wbk-phone-left-nav .sites-nav ul li {
			background-position: 7px -700px; /* dot */
		}

			#wbk-phone-left-nav .sites-nav ul li span {
				display: block;
				text-indent: -9999px;
			}

		#wbk-phone-left-nav .sites-nav .logo-dc span {
			background: url("images/phone/nav-left/logo-dc.png") no-repeat scroll left center rgba(0, 0, 0, 0);
		}

		#wbk-phone-left-nav .sites-nav .logo-sd span {
			background: url("images/phone/nav-left/logo-sd.png") no-repeat scroll left center rgba(0, 0, 0, 0);
		}

		#wbk-phone-left-nav .sites-nav .logo-lt span {
			background: url("images/phone/nav-left/logo-lt.png") no-repeat scroll left center rgba(0, 0, 0, 0);
		}

	#wbk-phone-left-nav .language-nav,
	#wbk-phone-left-nav .legal-nav {
		background-color: #001926;
	}

		#wbk-phone-left-nav .language-nav .switch,
		#wbk-phone-left-nav .legal-nav .switch,
		#wbk-phone-left-nav .language-nav a,
		#wbk-phone-left-nav .legal-nav a {
			border-bottom: 1px solid #000507;
			border-top: 1px solid #001c2f;
			display: block;
			height: 47px;
			line-height: 42px;
			padding: 0 0 0 75px;
		}

		#wbk-phone-left-nav .language-nav .switch {
			background-position: 7px -500px; /* shuffle */
		}

		#wbk-phone-left-nav .language-nav ul li {
			/*background-position: 7px -707px;*/ /* dot */
			background-image: none;
		}

		#wbk-phone-left-nav .legal-nav .switch {
			background-position: 7px -600px; /* plus */
		}

		#wbk-phone-left-nav .legal-nav ul li {
			background-position: 7px -707px; /* dot */
		}

		#wbk-phone-left-nav .language-nav ul li a {
			padding: 0 0 0 20px;
			font-size: 14px;
			font-style: normal;
		}

			#wbk-phone-left-nav .language-nav ul li a img {
				padding-right: 10px;
			}

@media screen and (max-width: 400px) {
	#wbk-phone-left-nav [role="navigation"] {
		width: 100%;
	}
}


/*
    PHONE TOP NAV AND LEFT NAV > FUNCTIONALITY
*/

#wbk-phone-left-nav .sites-nav ul,
#wbk-phone-left-nav .language-nav ul,
#wbk-phone-left-nav .legal-nav ul {
	display: none;
}

#wbk-phone-left-nav .sites-nav .switch span,
#wbk-phone-left-nav .language-nav .switch span,
#wbk-phone-left-nav .legal-nav .switch span {
	background-image: url("images/phone/nav-left/arrow-expand-collapse.png");
	background-repeat: no-repeat;
	background-position: right 0;
	display: block;
}
/* exception */
#wbk-phone-left-nav .language-nav .switch span,
#wbk-phone-left-nav .legal-nav .switch span {
	background-position: right -7px;
	font-family: 'Roboto',arial,sans-serif;
	font-size: 16px;
}

#wbk-phone-left-nav .legal-nav ul li a {
	font-family: 'Roboto',arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

#wbk-phone-left-nav .sites-nav.open .switch span {
	background-position: right -100px;
}

#wbk-phone-left-nav .language-nav.open .switch span,
#wbk-phone-left-nav .legal-nav.open .switch span {
	background-position: right -107px;
}

#wbk-phone-top-nav .modal-toggles {
	background: url("images/phone/nav-top/bg-modals.png") no-repeat scroll top right transparent;
	height: 53px;
	width: 120px;
}

	#wbk-phone-top-nav .modal-toggles.modalCharacters {
		background: url("images/phone/nav-top/bg-modals-characters-hitstate.png") no-repeat scroll top right transparent;
	}

	#wbk-phone-top-nav .modal-toggles.modalProperties {
		background: url("images/phone/nav-top/bg-modals-shows-hitstate.png") no-repeat scroll top right transparent;
	}

	#wbk-phone-top-nav .modal-toggles span {
		display: inline-block;
		height: 53px;
		text-indent: -9999px;
		width: 58px;
	}

#wbk-phone-top-nav .close-toggle {
	display: none;
}

html.offcanvas-phone #wbk-phone-top-nav .toggle-nav,
html.offcanvas-phone #wbk-phone-top-nav .modal-toggles,
html.offcanvas-phone #wbk-phone-bottom-nav,
html.wbk-layout-desktop #wbk-phone-bottom-nav {
	display: none !important;
}

html.offcanvas-phone #wbk-phone-top-nav .close-toggle {
	display: block;
}

#wbk-phone-bottom-nav {
	bottom: 0;
	left: -15px;
	margin: 0;
	position: fixed;
	right: 0;
	z-index: 100;
}

	/* hide by default, show when req'd, see wbk-nav-bottom.js */
	#wbk-phone-bottom-nav,
	#wbk-phone-bottom-nav ul.logos,
	#wbk-phone-bottom-nav li.property,
	#wbk-phone-bottom-nav li.character,
	#wbk-phone-bottom-nav li.details h2,
	#wbk-phone-bottom-nav li.details h3,
	#wbk-phone-bottom-nav ul.anchors,
	#wbk-phone-bottom-nav li.videos,
	#wbk-phone-bottom-nav li.games,
	#wbk-phone-bottom-nav li.comics,
	#wbk-phone-bottom-nav li.downloads {
		display: none;
	}

		#wbk-phone-bottom-nav .logos {
			background: none repeat scroll 0 0 rgba(0,22,36,0.95);
			list-style: none outside none;
			margin: 0;
			padding: 11px 0 8px 30px;
		}

			#wbk-phone-bottom-nav .logos li {
				float: left;
				position: relative;
				z-index: 2;
			}

			#wbk-phone-bottom-nav .logos .character {
				margin: 0 0 0 -20px;
				z-index: 1;
			}

			#wbk-phone-bottom-nav .logos .details {
				margin: 0 0 0 15px;
				z-index: 1;
			}

			#wbk-phone-bottom-nav .logos h2 {
				color: #fff;
				font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
				font-size: 16px;
				font-style: italic;
				font-weight: 800;
				line-height: 1;
				margin: 0;
				text-shadow: 0 -1px black, -3px 3px rgba(27, 27, 27, 1);
			}

			#wbk-phone-bottom-nav .logos img {
				height: 30px;
			}

			#wbk-phone-bottom-nav .logos h3 {
				color: #50c0ff;
				font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
				font-size: 14px;
				font-style: italic;
				font-weight: 800;
				line-height: 1;
				margin: 0;
				text-shadow: 0 -1px black, -3px 3px rgba(27, 27, 27, 1);
			}

		#wbk-phone-bottom-nav .anchors {
			-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.7);
			-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.7);
			box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.7);
			display: inline-block;
			height: 60px;
			list-style: none outside none;
			margin: 0;
			position: relative;
			vertical-align: top;
			width: 100%;
		}

			#wbk-phone-bottom-nav .anchors li {
				float: left;
				height: 60px;
				width: 25%;
			}

		#wbk-phone-bottom-nav .wbk-btn {
			color: #fff;
			cursor: pointer;
			display: block;
			font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
			font-size: 16px;
			font-style: italic;
			font-weight: 800;
			height: 60px;
			line-height: 130px;
			position: relative;
			vertical-align: middle;
			width: 100%;
		}

			/* sub spans (all) */
			#wbk-phone-bottom-nav .wbk-btn span {
				background-color: transparent;
				background-repeat: no-repeat;
				display: block;
				height: 83px;
				vertical-align: top;
			}

				/*
    TOP NAV > LEFT > LOCAL ANCHORS
*/

				/* sub span (1/left)  */
				#wbk-phone-bottom-nav .wbk-btn span:nth-child(1) {
					background-image: url("images/phone/nav-bottom/button-gallery-anchors.png");
					background-position: left top;
					left: -9px;
					padding: 0 0 0 13px;
					position: absolute;
					top: 0;
					width: 13px;
				}

		#wbk-phone-bottom-nav .videos .wbk-btn.active span:nth-child(1) {
			background-position: left -140px;
		}


		#wbk-phone-bottom-nav .games .wbk-btn.active span:nth-child(1) {
			background-position: left -210px;
		}

		#wbk-phone-bottom-nav .comics .wbk-btn.active span:nth-child(1) {
			background-position: left -280px;
		}

		#wbk-phone-bottom-nav .downloads .wbk-btn.active span:nth-child(1) {
			background-position: left -350px;
		}


		/* sub span (2/center/content) */
		#wbk-phone-bottom-nav .wbk-btn span:nth-child(2) {
			/* background-image: see "specific buttons" below */
			background-position: center 0, center top;
			padding: 0 40px;
			width: 99%;
		}

		/* sub span (3/right) */
		#wbk-phone-bottom-nav .wbk-btn span:nth-child(3) {
			background-image: url("images/phone/nav-bottom/button-gallery-anchors.png");
			background-position: right top;
			padding: 0 0 0 13px;
			position: absolute;
			right: -4px;
			top: 0;
			width: 13px;
		}

		#wbk-phone-bottom-nav li:last-child .wbk-btn span:nth-child(3) {
			right: -11px;
		}

		#wbk-phone-bottom-nav .videos .wbk-btn.active span:nth-child(3) {
			background-position: right -140px;
			z-index: 1;
		}

		#wbk-phone-bottom-nav .games .wbk-btn.active span:nth-child(3) {
			background-position: right -210px;
			z-index: 1;
		}

		#wbk-phone-bottom-nav .comics .wbk-btn.active span:nth-child(3) {
			background-position: right -280px;
			z-index: 1;
		}

		#wbk-phone-bottom-nav .downloads .wbk-btn.active span:nth-child(3) {
			background-position: right -350px;
			z-index: 1;
		}

		/*
    TOP NAV > LEFT AND RIGHT (DEFAULT LAYOUT) > ALL WBK-BUTTONS > SPECIFIC BUTTONS
*/


		#wbk-phone-bottom-nav .videos .wbk-btn span:nth-child(2) {
			background-image: url("images/phone/nav-bottom/icon-videos.png"), url("images/phone/nav-bottom/button-gallery-anchors.png");
		}

		#wbk-phone-bottom-nav .games .wbk-btn span:nth-child(2) {
			background-image: url("images/phone/nav-bottom/icon-games.png"), url("images/phone/nav-bottom/button-gallery-anchors.png");
		}

		#wbk-phone-bottom-nav .comics .wbk-btn span:nth-child(2) {
			background-image: url("images/phone/nav-bottom/icon-comics.png"), url("images/phone/nav-bottom/button-gallery-anchors.png");
		}

		#wbk-phone-bottom-nav .downloads .wbk-btn span:nth-child(2) {
			background-image: url("images/phone/nav-bottom/icon-downloads.png"), url("images/phone/nav-bottom/button-gallery-anchors.png");
		}


/*
    PHONE TOP AND LEFT NAV: HIDDEN AND VISIBLE STATES
*/

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

	/* left nav = hidden */

	#wbk-phone-left-nav {
		left: -100%;
	}

	/* left nav = visible */

	html.offcanvas-phone #wbk-phone-top-nav .no-click {
		display: block;
	}

	html.offcanvas-phone #wbk-phone-left-nav {
		left: 0;
	}

		html.offcanvas-phone #wbk-phone-left-nav .no-click {
			display: block;
		}
}

/*
********
******** DESKTOP TOP NAV AND LEFT NAV
********
*/

#wbk-desktop-top-nav {
	left: 0;
	margin: 0;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 100;
}

	#wbk-desktop-top-nav .local-nav .logos {
		padding: 0 10px 0 0;
	}

	#wbk-desktop-top-nav .local-nav .logos,
	#wbk-desktop-top-nav .local-nav .anchors {
		display: inline-block;
		float: left;
		height: 83px;
		list-style: none outside none;
		margin: 0;
		position: relative;
		vertical-align: top;
	}

		#wbk-desktop-top-nav .local-nav .logos li,
		#wbk-desktop-top-nav .local-nav .anchors li {
			float: left;
			height: 83px;
		}

	#wbk-desktop-top-nav .local-nav .logo a {
		background: url("images/desktop/nav-top/logo.png") no-repeat scroll left 14px transparent;
		display: inline-block;
		height: 83px;
		margin: 0 15px 0 10px;
		text-indent: -9999px;
		width: 118px;
	}

	#wbk-desktop-top-nav .local-nav .property {
		margin: 0 0 0 15px;
		position: relative;
		z-index: 1;
	}

		#wbk-desktop-top-nav .local-nav .property a {
			display: inline-block;
			height: 83px;
		}

	#wbk-desktop-top-nav .local-nav .character {
		margin: 0 15px 0 -40px;
		position: relative;
		z-index: 0;
	}

	#wbk-desktop-top-nav .local-nav .property img {
		height: 54px;
		position: relative;
		top: 13px;
	}

	#wbk-desktop-top-nav .local-nav .character img {
		height: 54px;
		left: 18px;
		position: relative;
		top: 13px;
	}

	#wbk-desktop-top-nav .global-nav {
		min-width: 400px;
		position: absolute;
		top: 0;
		right: 0;
	}

		#wbk-desktop-top-nav .global-nav ul {
			display: inline-block;
			list-style: none outside none;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0;
			top: 0;
			white-space: nowrap;
			height: 83px;
		}

		#wbk-desktop-top-nav .global-nav li {
			cursor: pointer;
			display: inline-block;
			margin-right: -1px;
		}

/* Exceptions */
html.wbk-page-home #wbk-desktop-top-nav .local-nav {
	display: none;
}

html.wbk-page-home #wbk-desktop-top-nav .global-nav {
	right: -10px;
	white-space: nowrap;
}

#wbk-desktop-top-nav-inner {
	background: url("images/desktop/nav-top/bg-dark.png") repeat scroll left center transparent;
	-moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.5);
	height: 83px;
}

/* Exceptions */
html.wbk-page-home #wbk-desktop-top-nav-inner {
	background: none transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 63px;
}

#wbk-desktop-top-nav-inner .local-nav {
	background: url("images/desktop/nav-top/bg-light.png") repeat scroll right top transparent;
	position: absolute;
	top: 0;
	left: 0;
}

	#wbk-desktop-top-nav-inner .local-nav .local-nav-inner {
		padding-right: 6px;
		position: relative;
	}


#wbk-desktop-left-nav {
	height: 100%;
	left: 0;
	margin: 0;
	overflow: visible;
	position: device-fixed;
	position: -webkit-sticky;
	position: fixed;
	top: 0;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-moz-transition: left 0.25s ease-out 0s;
	transition: left 0.25s ease-out 0s;
	z-index: 102;
}

	#wbk-desktop-left-nav nav {
		height: 100%;
		position: relative;
		z-index: 1;
	}

/*
    DESKTOP TOP AND LEFT NAV: HIDDEN AND VISIBLE STATES
*/

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

	/* Desktop top nav = left; left nav = hidden */

	#wbk-desktop-left-nav {
		left: -600px; /* -300px with no page zoom, -600px to support 50% zoom level */
	}

	html.wbk-page-home #wbk-desktop-left-nav {
		left: 0;
	}

	/* Desktop top nav = right; left nav = visible */

	html.offcanvas-desktop #wbk-desktop-left-nav {
		left: 0;
	}

		html.offcanvas-desktop #wbk-desktop-left-nav .no-click {
			display: block;
		}
}



/*
********
******** ISOTOPE ITEMS: CAROUSEL
********
*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: none;
}


/*
********
******** GLOBAL: HEADERS
********
*/

.h-white {
	color: #fff;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
}

h1.h-white {
	text-shadow: 3px 3px rgba(0, 0, 0, 0.3);
}

/*
********
******** GLOBAL: STD THUMBNAILS
********
*/

.wbk-thumbnail {
	border: 2px solid #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 7px 0 -3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 7px 0 -3px rgba(0, 0, 0, 0.7);
	box-shadow: 0 7px 0 -3px rgba(0, 0, 0, 0.7);
	position: relative;
}

	.wbk-thumbnail .shadow {
		bottom: -20px;
		left: -25px;
		position: absolute;
		right: 0;
		top: 5px;
		z-index: -1;
	}

	.wbk-thumbnail figcaption {
		background: #333;
		bottom: 0;
		color: #fff;
		left: 0;
		position: absolute;
		right: 0;
	}

	.wbk-thumbnail img {
		width: 100%;
	}

	.wbk-thumbnail .icon-play {
		background: url("http://placehold.it/50x40/000000/ffffff&text=Play") no-repeat scroll left top transparent;
		left: 50%;
		opacity: 0.5;
		position: absolute;
		top: 50%;
	}

/*
********
******** GLOBAL: GENERAL
********
*/

/*
********
******** HOME PAGE
********
*/

html.wbk-page-home.wbk-layout-desktop #Body {
	height: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 0;
	-ms-overflow-style: scrollbar;
}

html.wbk-page-home.wbk-layout-desktop #Form {
	height: 100%;
}

/* isotope > landing section > styled via #wbk-body to make up for possible paddings and margins */
html.wbk-page-home.wbk-layout-desktop #wbk-body {
	background-color: #5B5B5B;
	background-image: url(images/desktop/page-home/hero-landing.jpg), url(images/desktop/page-home/grad-landing.jpg);
	background-position: top left;
	background-repeat: no-repeat, repeat-x;
	background-size: auto 100%;
	/* end duplication */
	float: left;
	height: 100%;
}

/* isotope > landing section > styled via #wbk-body to make up for possible paddings and margins */
html.wbk-page-home.wbk-layout-phone #wbk-body {
	background-color: #5B5B5B;
	background-image: url(images/phone/page-home/hero-landing.jpg);
	background-position: top left;
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto;
	padding-top: 90px;
}

html.wbk-layout-desktop .hero-image {
	min-height: 100%;
	position: absolute;
	bottom: 0;
}

	html.wbk-layout-desktop .hero-image img {
		height: 100%;
	}

html.wbk-layout-phone .hero-image {
	display: none;
}

html.wbk-layout-phone #wbk-desktop-bottom-nav {
	display: none;
}

html.wbk-layout-desktop #wbk-desktop-bottom-nav {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 101;
}


/*
********
******** EXECUTABLE PAGES
********
*/


html.wbk-layout-desktop #executable {
	/*margin-bottom: 30px;*/
	margin: 0 auto;
}

#executable object {
	height: 100%;
	width: 100%;
	max-height: 677px;
}


#executable .meta .links {
	float: right;
	text-align: right;
}

/***Executable pages Likes- Meta*/
/*Disable like text until user authentication*/
/*.like-text {
    display: none;
}*/

.like-box.click-to-like {
	cursor: pointer;
}

	.like-box.click-to-like:hover .indicator {
		background-position: left -100px;
	}

.like-box.liked .indicator {
	background-position: left bottom !important;
	cursor: auto;
}

.meta {
	position: relative;
}

	.meta .like-box {
		left: 0;
		position: absolute;
		top: 0;
	}

		.meta .like-box:hover {
			cursor: pointer;
		}

		.meta .like-box .indicator {
			display: block;
			height: 63px;
			width: 93px;
			background: url('images/desktop/gallery/like-btn.png') no-repeat left top transparent;
		}

	.meta .info {
		min-height: 65px;
		padding-left: 105px;
	}

		.meta .info h2 {
			color: #fff;
			font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
			font-size: 42px;
			font-style: italic;
			font-weight: 800;
			line-height: 1;
			margin: 0;
			padding-right: 10px;
		}

		.meta .info .date {
			color: #0082cf;
			font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
			font-size: 20px;
			font-style: italic;
			font-weight: 700;
			line-height: 1;
			margin: 0;
		}

	.meta .desc {
		color: #fff;
		margin: 10px 5px 0;
		padding: 0;
	}

.comic-buttons {
	margin: 20px 0 0;
}
/*Parent-logo in Executable-Meta*/
.parent-logo {
	float: right;
}

	.parent-logo img {
		max-width: 100%;
		cursor: pointer;
	}

html.wbk-layout-phone .meta .info {
	padding-left: 71px;
	min-height: 45px;
}

	html.wbk-layout-phone .meta .info h2 {
		text-shadow: none;
	}

html.wbk-layout-phone .meta .like-box .indicator {
	height: 44px;
	width: 65px;
	background-size: 100%;
}

html.wbk-layout-phone .like-box.click-to-like:hover .indicator {
	background-position: left -71px;
}

html.wbk-layout-phone h2 {
	font-size: 40px;
}

html.wbk-layout-phone .date {
	font-size: 10px;
}

.no-margin {
	margin: 0;
}

/*
********
******** EXECUTABLE PAGES Specifics
********
*/

/*Video*/
#executable.video .aspect-ratio {
	position: relative;
	/*KW-2811
see also around 198 - based on media-queries on .wbk-container

@media (min-width: 1200px) /** desktop *
    width: 1155px;

@media (min-width: 992px) /** tablet landscape *
    width: 945px;

@media (min-width: 768px) /** tablet portrait
    width: 722px;

below this the site goes full width /** todo: find the CSS rule for this

	*/
	width: 100%;
	height: auto;
	padding-bottom: 53.5%; /*for 16:9 if 100% width below then 56.25%, else 53.5%*/
	margin: 0 auto;
	text-align: center;
}

html.wbk-layout-phone #executable.video .aspect-ratio {
	padding-bottom: 56.25%;
	width: 100%;
}
/* same as .aspect-ratio above - not, the parent node is completely different*/
html.wbk-page-type-video .meta {
	width: 60%;
	margin: 20px auto 0;
}

#executable.video .aspect-ratio #executable-inner {
	/*border: 4px solid black;*/
	-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
	-webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
	height: 100%;
	width: 95%;
	position: absolute;
	/*KW-2811*/
	margin: 0 0 0 2.5%; /* account for the dropshadow */
}

/*Printable- Comic left- Right boxes , meta align at middle*/

html.wbk-page-comic .executable-meta,
html.wbk-page-printable .executable-meta {
	display: table;
	height: 500px;
	width: 100%;
}

html.wbk-page-comic .meta-wrapper,
html.wbk-page-printable .meta-wrapper {
	display: table-cell;
	vertical-align: middle;
}

html.wbk-page-comic .parent-logo,
html.wbk-page-printable .parent-logo {
	float: none;
	margin-top: 20px;
}

html.wbk-page-printable #executable {
	display: table;
	height: 500px;
}

html.wbk-layout-desktop.wbk-page-comic #executable {
	display: table;
}

html.wbk-page-comic #executable-inner,
html.wbk-page-printable #executable-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	max-width: 600px;
}

	html.wbk-page-comic #executable-inner img,
	html.wbk-page-printable #executable-inner img {
		max-height: 500px;
		max-width: 100%;
		border: 4px solid black;
		-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
		-webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
		box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
	}

	html.wbk-page-comic #executable-inner img {
		cursor: pointer;
	}

/*Wallpaper-Game*/
html.wbk-page-type-game #executable-inner,
html.wbk-page-wallpaper #executable-inner {
	max-height: 375px;
	max-width: 750px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

	html.wbk-page-type-game #executable-inner img,
	html.wbk-page-wallpaper #executable-inner img {
		max-height: 375px;
		width: auto;
		border: 4px solid black;
		-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
		-webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
		box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.34);
	}

/* !desktop > home or game page > flash games > show as unplayable */

.icon-desktop-only {
	background: url("images/desktop/modal-bs/icon-desktop-only.png") no-repeat scroll 50% 45% transparent;
	display: none;
	height: 80px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 80px;
	margin: -40px 0 0 -40px;
}


.isotope-item.h04 .icon-desktop-only {
	top: 40%;
}

/*Overlay for executable-meta be unclickable*/
.overlay-desktop-only {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*No-Mobile Items show icon*/
html.wbk-layout-phone .wbk-gallery-item.mobile-disabled .wbk-image-wrapper .icon-desktop-only,
html.wbk-page-home.wbk-layout-phone .isotope-item.mobile-disabled:not(.image) .icon-desktop-only,
html.wbk-layout-phone #executable.mobile-disabled .icon-desktop-only,
/* no-flash: feeds on any page */
html.no-flash .feed li.flashgame .icon-desktop-only,
/* no-flash: home tiles */
html.no-flash.wbk-page-home li.isotope-item.flashgame .icon-desktop-only,
/* no-flash: flash game page */
html.no-flash.wbk-page-flashgame #executable .icon-desktop-only {
	display: block;
}
/*Hide video playing for no-mobile items*/
html.wbk-layout-phone.wbk-page-type-video #executable.mobile-disabled object {
	display: none;
}
/*Show and make unclickable meta */
html.wbk-layout-phone .executable-meta.mobile-disabled .overlay-desktop-only {
	display: block;
}

/* no-flash: feeds on any page */
html.no-flash .feed li.flashgame img.wbk-thumb,
/* no-flash: home tiles */
html.no-flash.wbk-page-home li.isotope-item.flashgame img.wbk-thumb {
	opacity: 0.6;
}

/* Exception: home > small tiles on desktop */
html.no-flash.wbk-page-home.wbk-layout-desktop .isotope-item.h04.flashgame .icon-desktop-only {
	margin: -40px 0 0 -40px;
}
/* Exception: home > small tiles on phone */
html.wbk-layout-phone .wbk-gallery-item.mobile-disabled .wbk-image-wrapper img,
html.wbk-page-home.wbk-layout-phone .isotope-item.mobile-disabled:not(.image) .wbk-thumb,
html.no-flash.wbk-page-home.wbk-layout-phone .isotope-item.h04.flashgame .wbk-thumb,
html.no-flash.wbk-page-flashgame #executable img {
	opacity: 0.4;
}

html.wbk-layout-phone #executable.mobile-disabled img,
html.wbk-layout-phone #executable.mobile-disabled iframe {
	opacity: 0.5;
}


html.wbk-page-type-exec .meta {
	margin: 25px auto 0;
}

html.wbk-page-type-game .meta,
html.wbk-page-wallpaper .meta {
	max-width: 750px;
}

html.wbk-page-comic .comic-buttons,
html.wbk-page-printable .download-buttons,
html.wbk-page-wallpaper .download-buttons {
	margin: 20px 0 0;
}

html.wbk-page-type-exec.wbk-page-printable .download-buttons {
	text-align: left;
}

.modal-dialog {
	margin-top: 100px;
	width: 500px;
}

#modal-cookie-express .modal-dialog {
	max-width: 750px;
	width: auto;
}

#modal-cookie-express .carousel-indicators li.active,
#modal-cookie-express .carousel-indicators li {
	margin: 0 4%;
}

#modal-cookie-express .carousel-indicators {
	bottom: -35px;
}

#modal-cookie-express .carousel-inner p {
	margin: 20px;
}

#modal-cookie-express .carousel-control span {
	top: 25%;
}

#modal-cookie-express .carousel-control.right span {
	right: 0;
}

#modal-cookie-express .carousel-control.left span {
	left: 0;
	margin-left: 0;
}

#modal-cookie-express .cookie-more-info {
	display: none;
}

@media (max-width: 900px) {
	#modal-cookie-express .modal-dialog {
		margin: 100px 50px 0;
	}
}

@media (max-width: 767px) {
	.modal-dialog {
		width: 80%;
		margin: 200px auto 0;
	}

	#modal-cookie-express .modal-dialog {
		margin: 100px 50px 0;
	}

	.modal-hero {
		display: none;
	}
}


.modal-hero {
	background: url("images/desktop/modal-bs/hero.png") no-repeat scroll center top transparent;
	height: 183px;
	position: relative;
	bottom: 0; /*different for other sites*/
	z-index: 1;
}

.modal-content {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.8);
	box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.8);
	overflow: hidden;
	border: 3px solid #001c30;
}

.modal-header {
	display: none;
}

.wbk-banner {
	max-width: 800px;
	padding: 10px 80px 10px 10px;
	position: fixed;
	top: 0;
	-moz-transform: skew(-5deg);
	-ms-transform: skew(-5deg);
	-o-transform: skew(-5deg);
	-webkit-transform: skew(-5deg);
	transform: skew(-5deg);
	left: 265px;
	right: 0;
	display: none;
	z-index: 202;
}

	.wbk-banner .wbk-baner-close {
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 50px;
		height: 50px;
		background: url("images/desktop/modals/modal-close.png") no-repeat transparent;
		background-position: -3px 0;
	}

	.wbk-banner .wbk-banner-content {
		color: #fff;
		font-family: 'Roboto',arial,sans-serif;
		font-size: 16px;
		text-align: left;
	}

		.wbk-banner .wbk-banner-content h2 {
			color: #fff;
			font-family: 'Roboto',arial,sans-serif;
			font-weight: bold;
			font-size: 18px;
			text-align: left;
		}

		.wbk-banner .wbk-banner-content .wbk-banner-more {
			color: #fff;
			font-family: 'Roboto',arial,sans-serif;
			font-weight: bold;
			font-size: 18px;
			text-align: left;
		}

html.wbk-layout-phone .wbk-banner {
	max-width: 100%;
	left: 0;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}

.modal-body {
	background: url(images/desktop/modal-bs/pattern.png) no-repeat top left #035584;
	border-bottom: 1px solid #012f46;
}

	.modal-body h2 {
		color: #fff;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-size: 54px;
		font-style: italic;
		font-weight: 800;
		line-height: 1.2em;
		text-align: center;
		text-shadow: -4px 4px 1px rgba(0, 0, 0, 0.4);
	}

	.modal-body h3 {
		color: #fff;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-size: 27px;
		font-style: italic;
		font-weight: 800;
		line-height: 1.2em;
		text-align: center;
		text-shadow: -4px 4px 1px rgba(0, 0, 0, 0.4);
	}

	.modal-body p {
		color: #fff;
		font-family: 'Roboto',arial,sans-serif;
		font-size: 16px;
		text-align: center;
	}

.cookie-more-info .title {
	color: #fff;
	font-family: 'Roboto',arial,sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}

.cookie-more-info {
	color: #fff;
	font-family: 'Roboto',arial,sans-serif;
	font-size: 14px;
	text-align: left;
}


.modal-footer {
	background-color: #012f46;
	border-top: 1px solid #035584;
	margin-top: 0;
	padding-bottom: 0; /* taken care of by buttons for vertical spacing for phones */
	text-align: center;
}

.modal-button {
	cursor: pointer;
	display: inline-block;
	float: none;
	height: 45px;
	margin-bottom: 20px; /* vertical spacing for phones */
	padding: 0 15px;
	white-space: nowrap;
}

	.modal-button span {
		background-color: transparent;
		background-image: url("images/desktop/modal-bs/button.png");
		background-repeat: no-repeat;
		color: #fff;
		display: inline-block;
		float: left;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: 800;
		height: inherit;
		line-height: 45px;
		padding: 0 10px;
		text-align: center;
		text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.2);
		vertical-align: top;
	}


		.modal-button span:nth-child(1) {
			background-position: top left;
		}


		.modal-button span:nth-child(2) {
			background-position: top center;
		}

	.modal-button.cancel span:nth-child(2) {
		background-image: url("images/desktop/modal-bs/cancel-icon.png"), url("images/desktop/modal-bs/button.png");
		background-position: top right, top center;
		padding: 0 40px 0 10px;
	}

	.modal-button.continue span:nth-child(2) {
		background-image: url("images/desktop/modal-bs/continue-icon.png"),url("images/desktop/modal-bs/button.png");
		background-position: top right, top center;
		padding: 0 40px 0 10px;
	}

	.modal-button span:nth-child(3) {
		background-position: top right;
	}

	.modal-button:hover span:nth-child(1) {
		background-position: bottom left;
	}

	.modal-button:hover span:nth-child(2) {
		background-position: bottom center;
	}

	.modal-button.cancel:hover span:nth-child(2) {
		background-image: url("images/desktop/modal-bs/cancel-icon.png"), url("images/desktop/modal-bs/button.png");
		background-position: bottom right, bottom center;
		padding: 0 40px 0 10px;
	}

	.modal-button.continue:hover span:nth-child(2) {
		background-image: url("images/desktop/modal-bs/continue-icon.png"), url("images/desktop/modal-bs/button.png");
		background-position: bottom right, bottom center;
		padding: 0 40px 0 10px;
	}

	.modal-button:hover span:nth-child(3) {
		background-position: bottom right;
	}


@media (max-width: 500px) {

	#modal-cookie-express .modal-dialog {
		width: 100%;
		margin: 100px 0 0;
	}

	.modal-footer {
		padding: 19px 5px;
	}

	.modal-button {
		padding: 0;
	}

	.cookie-more-info .row.title {
		display: none;
	}

	.cookie-more-info .row {
		border-bottom: 1px solid white;
	}

		.cookie-more-info .row > div {
			padding: 0;
		}
}

@media (max-width: 1280px) {
	/*Comic-Printable*/
	html.wbk-page-comic .executable-meta,
	html.wbk-page-printable .executable-meta {
		height: 400px;
	}


	html.wbk-page-printable #executable {
		height: 400px;
	}

	html.wbk-page-comic #executable-inner img,
	html.wbk-page-printable #executable-inner img {
		max-height: 400px;
	}
	/*Wallpaper-Game*/
	html.wbk-page-type-game #executable-inner,
	html.wbk-page-wallpaper #executable-inner {
		max-height: 325px;
	}

		html.wbk-page-type-game #executable-inner img,
		html.wbk-page-wallpaper #executable-inner img {
			max-height: 325px;
		}

	html.wbk-page-type-exec .download-buttons {
		max-width: 910px;
		margin: 20px auto 0;
		text-align: center;
	}
}

@media (max-width: 992px) {
	/*Commom*/
	html.wbk-page-type-exec .info h2 {
		font-size: 35px;
	}

	html.wbk-page-type-exec .download-buttons {
		max-width: 505px;
	}
	/*Comic-Printable*/
	html.wbk-page-comic #executable img,
	html.wbk-page-printable #executable img {
		max-height: 400px;
	}
}

/*Phone Specific*/
html.wbk-layout-phone #executable {
	position: relative;
	margin: 0 auto;
}

html.wbk-layout-phone.wbk-page-type-video #executable {
	position: relative;
	/*KW-2811 margin: 0 20px 0;*/
}
html.wbk-layout-phone.wbk-page-type-video #executable-inner,
html.wbk-layout-phone.wbk-page-type-video #executable.video .aspect-ratio #executable-inner {
	/*KW-2811*/
	margin: 0 0 0 1%;
	box-shadow: -5px 5px 0px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: -5px 5px 0px 0px rgba(0,0,0,0.34);
	-webkit-box-shadow: -5px 5px 0px 0px rgba(0,0,0,0.34);
	width: 100%;

}

html.wbk-layout-phone.wbk-page-wallpaper #executable {
	margin: 70px auto 0;
}

html.wbk-layout-phone.wbk-page-type-game #executable {
	margin: 70px auto 0;
}


html.wbk-layout-phone.wbk-page-printable #executable {
	margin: 0;
}

html.wbk-page-type-exec.wbk-layout-phone .download-buttons {
	max-width: 400px;
}

html.wbk-page-comic.wbk-layout-phone .meta-wrapper,
html.wbk-page-printable.wbk-layout-phone .meta-wrapper {
	display: block;
}

html.wbk-page-comic.wbk-layout-phone #executable-inner,
html.wbk-page-printable.wbk-layout-phone #executable-inner {
	display: block;
	text-align: center;
	margin: 0 auto;
}

html.wbk-page-type-exec.wbk-layout-phone #executable-inner img {
	max-width: 90%;
	height: auto;
	max-height: 100%;
}

html.wbk-page-comic.wbk-layout-phone #executable-inner img,
html.wbk-page-printable.wbk-layout-phone #executable-inner img,
html.wbk-page-type-game.wbk-layout-phone #executable-inner img {
	max-height: 350px;
	width: auto;
}

html.wbk-page-wallpaper.wbk-layout-phone #executable-inner img {
	width: 100%;
}

html.wbk-page-comic.wbk-layout-phone .executable-meta,
html.wbk-page-comic.wbk-layout-phone #executable,
html.wbk-page-printable.wbk-layout-phone .executable-meta,
html.wbk-page-printable.wbk-layout-phone #executable {
	display: block;
	height: auto;
}


html.wbk-page-wallpaper.wbk-layout-phone #executable-inner {
	max-height: 350px;
	width: 100%;
}

html.wbk-page-type-exec.wbk-layout-phone .meta {
	width: 100%;
	max-width: 750px;
}

html.wbk-page-type-exec.wbk-layout-phone .info h2 {
	font-size: 28px;
	overflow-wrap: break-word;
	padding: 0;
}

html.wbk-page-type-game.wbk-layout-phone #executable-inner {
	max-height: 350px;
	width: 90%;
}


html.wbk-layout-phone.wbk-page-comic .wbk-btn-exec {
	display: inline-block;
}

html.wbk-layout-phone.wbk-page-comic .comic-buttons,
html.wbk-layout-phone.wbk-page-printable .download-buttons {
	max-width: 100%;
	text-align: center;
}

html.wbk-layout-phone .parent-logo {
	display: none;
}


/* html 5 games */

html.wbk-page-flashgame #game-container,
html.wbk-page-html5game #game-container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 201;
}

html.wbk-page-flashgame #game-no-click,
html.wbk-page-html5game #game-no-click {
	z-index: 200;
}

html.wbk-page-flashgame #close-game,
html.wbk-page-html5game #close-game {
	background: url("images/desktop/page-game/game-close.png") no-repeat bottom right transparent;
	cursor: pointer;
	display: none;
	height: 50px;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 50px;
	z-index: 202;
}

	html.wbk-page-flashgame #close-game:hover,
	html.wbk-page-html5game #close-game:hover {
		background-position: top right;
	}


/**Executable buttons*/
.wbk-btn-exec {
	display: inline-block;
	float: none;
	height: 62px;
	padding: 0 15px;
	white-space: nowrap;
}

	.wbk-btn-exec:hover {
		background-position: bottom center;
	}

	.wbk-btn-exec .text {
		color: #fff;
		display: inline-block;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-size: 22px;
		font-style: italic;
		font-weight: 800;
		height: 62px;
		line-height: 62px;
		text-align: left;
		text-shadow: -2px 2px #000;
		vertical-align: top;
	}

	.wbk-btn-exec .ico {
		padding: 0 !important;
	}


		.wbk-btn-exec .ico.ico-more {
			background-image: url("images/desktop/gallery/more-icon.png");
			background-repeat: no-repeat;
			display: inline-block;
			height: 62px;
			width: 38px;
			background-position: top center;
		}

	.wbk-btn-exec:hover .ico.ico-more {
		background-position: bottom center;
	}

html.wbk-page-wallpaper .download-buttons .wbk-btn-exec .ico {
	background-image: url("images/desktop/gallery/wallpaper-icons.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 62px;
	width: 42px;
}

html.wbk-page-printable .meta-wrapper .wbk-btn-exec,
html.wbk-page-comic .meta-wrapper .wbk-btn-exec {
	padding: 0;
}

.wbk-btn-exec .ico.ico-mobile,
.wbk-btn-exec:hover .ico.ico-mobile {
	background-position: 0 0;
}

.wbk-btn-exec .ico.ico-ipad,
.wbk-btn-exec:hover .ico.ico-ipad {
	background-position: 0 -104px;
}

.wbk-btn-exec .ico.ico-android,
.wbk-btn-exec:hover .ico.ico-android {
	background-position: 0 -210px;
}

.wbk-btn-exec .ico.ico-desktop,
.wbk-btn-exec:hover .ico.ico-desktop {
	background-position: 0 -315px;
}

.wbk-btn-exec span {
	background-color: transparent;
	background-image: url("images/desktop/gallery/wbk-exec-btn-bg.png");
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 800;
	height: 44px;
	line-height: 37px;
	padding: 0 10px;
	text-shadow: -1px 1px 0 #000;
	vertical-align: top;
}

	.wbk-btn-exec span:nth-child(1):not(.ico) {
		background-position: top left;
		height: 62px;
	}

	.wbk-btn-exec span:nth-child(2) {
		background-position: top center;
		height: 62px;
		text-align: center;
		padding: 0 20px;
	}

	.wbk-btn-exec span:nth-child(3) {
		background-position: top right;
		height: 62px;
	}


.wbk-btn-exec:hover span:nth-child(1) {
	background-position: bottom left;
}

.wbk-btn-exec:hover span:nth-child(2) {
	background-position: bottom center;
}

.wbk-btn-exec:hover span:nth-child(3) {
	background-position: bottom right;
}

@media (max-width: 1280px) {
	.wbk-btn-exec span:nth-child(2) {
		/*width: 170px;*/
		font-size: 18px;
	}

	.wbk-btn-exec {
		margin-bottom: 10px;
		padding: 0 10px;
	}

	.download-buttons > div {
		padding: 0 7px;
	}

	.wbk-btn-exec span {
		padding: 0 7px;
	}
}

@media (max-width: 767px) {
	.wbk-btn-exec {
		padding: 0;
	}

		.wbk-btn-exec span:nth-child(2) {
			/*width: 160px;*/
			font-size: 16px;
		}
}

@media (max-width: 500px) {
	.wbk-btn-exec span:nth-child(2) {
		/*width: 135px;*/
		font-size: 14px;
		padding: 0 10px;
	}

	html.wbk-page-type-exec.wbk-page-wallpaper .download-buttons {
		max-width: 345px;
		margin: 0 auto;
	}

	html.wbk-page-wallpaper .download-buttons .wbk-btn-exec .ico {
		padding: 0;
	}
}

@media (max-width: 400px) {
	html.wbk-page-type-exec.wbk-page-wallpaper .download-buttons {
		max-width: 280px;
		margin: 0 auto;
	}

	html.wbk-page-wallpaper .download-buttons .wbk-btn-exec {
		height: 36px;
	}

		html.wbk-page-wallpaper .download-buttons .wbk-btn-exec span {
			background-image: url("images/phone/gallery/wbk-exec-btn-bg.png");
			height: 36px;
		}

			html.wbk-page-wallpaper .download-buttons .wbk-btn-exec span:nth-child(2) {
				width: 100px;
				padding: 0 6px;
			}

		html.wbk-page-wallpaper .download-buttons .wbk-btn-exec .ico {
			background-image: url("images/phone/gallery/wallpaper-icons.png");
			height: 30px;
			width: 30px;
		}

		html.wbk-page-wallpaper .download-buttons .wbk-btn-exec span:nth-child(3),
		html.wbk-page-wallpaper .download-buttons .wbk-btn-exec span:nth-child(2),
		html.wbk-page-wallpaper .download-buttons .wbk-btn-exec span:nth-child(1):not(.ico) {
			height: 36px;
			line-height: 36px;
			font-size: 10px;
		}

	.wbk-btn-exec .ico.ico-mobile, .wbk-btn-exec:hover .ico.ico-mobile {
		background-position: -3px -11px;
	}

	.wbk-btn-exec .ico.ico-desktop, .wbk-btn-exec:hover .ico.ico-desktop {
		background-position: -4px -329px;
	}

	.wbk-btn-exec .ico.ico-android, .wbk-btn-exec:hover .ico.ico-android {
		background-position: -6px -222px;
	}

	.wbk-btn-exec .ico.ico-ipad, .wbk-btn-exec:hover .ico.ico-ipad {
		background-position: -6px -118px;
	}
}

/**Executable pages Thumbnails**/


.feed li {
	opacity: 1;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

	.feed li.loading {
		opacity: 0;
	}

.feed .wbk-thumbnail {
	margin: 0 20px 20px 0;
	padding: 0;
}

.feed .wbk-thumb {
	/*height: 250px;*/
	width: 100%;
	max-height: 250px;
}

/* default: hide "next" button for auto loading */
.feed-wrapper .feed {
	margin: 0;
}

.feed-nav {
	display: none;
}
/* if allowing user to click for more, then show and style */
.feed-wrapper.click-for-more .feed-nav {
	display: block;
	text-align: center;
	margin: 0;
	padding: 50px 0 0;
}

html.wbk-page-type-exec .feed-wrapper.click-for-more .feed-nav {
	padding: 50px 0;
}

.wbk-gallery-item {
	margin-top: 4%;
}

	.wbk-gallery-item .aspect-ratio {
		position: relative;
		width: 100%;
		height: 0;
	}

		.wbk-gallery-item .aspect-ratio > a {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}

	.wbk-gallery-item figure {
		float: none;
	}

	.wbk-gallery-item .wbk-image-wrapper {
		height: auto;
	}

	.wbk-gallery-item figcaption {
		color: #48aeea;
		font-size: 24px;
		font-weight: bold;
		text-align: left;
	}

		.wbk-gallery-item figcaption p {
			font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
			font-size: 26px;
			font-style: italic;
			font-weight: 800;
			line-height: 1;
			margin: 0;
			padding: 0;
			height: 100%;
		}

/**Vertical Specific */

.wbk-gallery-item-vertical {
	background: url('images/desktop/gallery/thumb-vert-bg.png') no-repeat center top transparent;
	-webkit-background-size: 100% !important;
	background-size: contain !important;
}

	.wbk-gallery-item-vertical .aspect-ratio {
		padding-bottom: 116%;
		width: 120%;
		margin-left: 5%;
	}

	.wbk-gallery-item-vertical .wbk-image-wrapper {
		width: 85%;
		margin-top: 2.5%;
		height: 50%;
		position: relative;
	}


		.wbk-gallery-item-vertical .wbk-image-wrapper > img {
			max-height: 100%;
			width: 80%;
			right: 13%;
			position: absolute;
		}

	.wbk-gallery-item-vertical figure {
		height: 100%;
	}

	.wbk-gallery-item-vertical figcaption {
		height: 39%;
		margin: 2%;
		width: 70%;
		overflow: hidden;
	}


/***Horizontal Specific*/

.wbk-gallery-item-horizontal {
	background: url('images/desktop/gallery/thumb-horiz-bg.png') no-repeat center top transparent;
	-webkit-background-size: 100% !important;
	background-size: contain !important;
}

	.wbk-gallery-item-horizontal .aspect-ratio {
		padding-bottom: 37%;
	}

	.wbk-gallery-item-horizontal .wbk-image-wrapper,
	html.wbk-page-home.wbk-layout-phone .h04 .wbk-image-wrapper {
		width: 45%;
		float: left;
		/*margin-top: 1.3%;*/
		height: 90%;
		margin-left: 4.5%;
		position: relative;
	}

	.wbk-gallery-item-horizontal .wbk-image-wrapper {
		margin-top: 1%;
	}

		.wbk-gallery-item-horizontal .wbk-image-wrapper img {
			position: relative;
			left: 0;
			width: 95%;
		}

		.wbk-gallery-item-horizontal .wbk-image-wrapper img,
		html.wbk-page-home.wbk-layout-phone .h04 .wbk-image-wrapper img {
			max-height: 250px;
		}


.wbk-page-home.wbk-layout-phone .h04 figcaption {
	display: inline-block;
	margin-top: 4.8%;
	width: 45%;
	height: 80%;
	background: none;
}

.wbk-gallery-item-horizontal figcaption {
	display: inline-block;
	margin-top: 4.8%;
	width: 45%;
	height: 80%;
	background: none;
	overflow: hidden;
	position: absolute;
	right: 4%;
}

	.wbk-gallery-item-horizontal figcaption p {
		height: 100%;
	}

html .wbk-gallery-item-horizontal figcaption {
	margin-top: 3.8%;
}

html.wbk-page-home.wbk-layout-phone .mysterybox .isotope-item-inner {
	background: none transparent;
	text-align: center;
}



/*
********
******** COMIC BOOK READER
********
******** Mode 1: Default screen mode, inline, executable page
******** Mode 2: Full screen mode
********
*/

/* INLINE/EXECUTABLE VIEW */


#comic-page-placeholder {
	border: 4px solid #000000;
	-moz-box-shadow: -6px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -6px 6px rgba(0, 0, 0, 0.6);
	box-shadow: -6px 6px rgba(0, 0, 0, 0.6);
	height: 550px;
}

#comic-book {
	display: none;
	/* use these properties to hide the comic book "flash" on the page just before it switches to full screen */
	position: fixed;
	top: -9999px;
	left: -9999px;
}

	#comic-book .close-full-screen {
		background: url(images/desktop/page-comic/close.png) no-repeat top center transparent;
		cursor: pointer;
		display: inline-block;
		height: 51px;
		line-height: 24px;
		position: relative;
		right: 10px;
		text-indent: -9999px;
		top: 10px;
		width: 61px;
	}



	#comic-book h3 {
		color: #fff;
		display: none;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-size: 38px;
		font-style: italic;
		font-weight: 800;
		margin-bottom: 0;
	}

	#comic-book h4 {
		display: none;
		margin-top: 0;
	}

	#comic-book .controls {
		padding: 15px 0;
	}

/* phone > shrink and move the controls */
html.wbk-layout-phone #comic-book .controls {
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	width: 200%;
}

#comic-book .controls button {
	height: 27px;
}

#comic-book .controls select {
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); /* same as bootstrap .btn */
	display: inline-block;
	padding: 12px;
	vertical-align: top;
}

html.wbk-layout-phone #comic-book .controls select {
	padding: 8px;
	vertical-align: top;
	top: 2px;
	font-size: 18px;
	position: relative;
}

#comic-book .controls ul.comic-page-nav {
	background: url("images/desktop/page-comic/nav-bg.png") no-repeat scroll left top transparent;
	display: inline-block;
	height: 48px;
	list-style: none outside none;
	margin: 0 20px;
	padding-left: 4px;
	width: 359px;
}

	#comic-book .controls ul.comic-page-nav li {
		background: url("images/desktop/page-comic/nav-btn.png") no-repeat scroll top center transparent;
		cursor: pointer;
		float: left;
		height: 43px;
		margin-right: -4px;
		position: relative;
		top: 5px;
		width: 90px;
	}

		#comic-book .controls ul.comic-page-nav li:nth-child(1) {
			z-index: 4;
		}

		#comic-book .controls ul.comic-page-nav li:nth-child(2) {
			z-index: 3;
		}

		#comic-book .controls ul.comic-page-nav li:nth-child(3) {
			z-index: 2;
		}

		#comic-book .controls ul.comic-page-nav li:nth-child(4) {
			z-index: 1;
		}

		#comic-book .controls ul.comic-page-nav li.disabled {
			cursor: default;
			opacity: 0.5;
		}

	#comic-book .controls ul.comic-page-nav span {
		background-image: url("images/desktop/page-comic/nav-btns.png");
		background-color: transparent;
		background-repeat: no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 43px;
		text-indent: -9999px;
		width: 90px;
	}

	#comic-book .controls ul.comic-page-nav .first span {
		background-position: center 0;
	}

	#comic-book .controls ul.comic-page-nav .prev span {
		background-position: center -41px;
	}

	#comic-book .controls ul.comic-page-nav .next span {
		background-position: center -83px;
	}

	#comic-book .controls ul.comic-page-nav .last span {
		background-position: center -125px;
	}

#comic-book .controls ul.change-size {
	background: url("images/desktop/page-comic/screen-bg.png") no-repeat scroll left top transparent;
	display: inline-block;
	height: 48px;
	list-style: none outside none;
	margin: 0;
	padding-left: 4px;
	width: 240px;
}

html.wbk-layout-phone #comic-book .controls ul.change-size {
	background: url("images/phone/page-comic/screen-bg.png") no-repeat scroll left top transparent;
	width: 165px;
}

#comic-book .controls ul.change-size li {
	background: url("images/desktop/page-comic/screen-btn.png") no-repeat scroll top center transparent;
	cursor: pointer;
	float: left;
	height: 43px;
	margin-right: -4px;
	position: relative;
	top: 5px;
	width: 80px;
}

	#comic-book .controls ul.change-size li.active {
		cursor: default;
		background-image: none;
	}

	#comic-book .controls ul.change-size li:nth-child(1) {
		z-index: 3;
	}

	#comic-book .controls ul.change-size li:nth-child(2) {
		z-index: 2;
	}

	#comic-book .controls ul.change-size li:nth-child(3) {
		z-index: 1;
	}

#comic-book .controls ul.change-size span {
	background-image: url("images/desktop/page-comic/screen-btns.png");
	background-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	height: 43px;
	text-indent: -9999px;
	width: 80px;
}

#comic-book .controls ul.change-size .default span {
	background-position: center -56px;
}

#comic-book .controls ul.change-size .screen-width span {
	background-position: center -156px;
}

#comic-book .controls ul.change-size .screen-height span {
	background-position: center -256px;
}

#comic-book .controls ul.change-size .default.active span {
	background-position: center -6px;
}

#comic-book .controls ul.change-size .screen-width.active span {
	background-position: center -106px;
}

#comic-book .controls ul.change-size .screen-height.active span {
	background-position: center -206px;
}

#comic-book #page-view {
	width: 500px;
	margin: 0 auto;
}

html.wbk-layout-phone #comic-book #page-view {
	width: auto;
}

#comic-book #page-view a {
	height: 124px;
	margin-top: -50px;
	outline: medium none;
	position: absolute;
	text-decoration: none;
	top: 40%;
	width: 124px;
}

#comic-book #next {
	background: url("images/desktop/page-comic/arrow-right.png") no-repeat scroll top left transparent;
	right: 50px;
}

	#comic-book #next:hover {
		background-position: bottom left;
	}

#comic-book #prev {
	background: url("images/desktop/page-comic/arrow-left.png") no-repeat scroll right top transparent;
	left: 50px;
}

	#comic-book #prev:hover {
		background-position: bottom left;
	}

html.wbk-layout-phone #comic-book #prev,
html.wbk-layout-phone #comic-book #next {
	background-size: 62px;
	height: 62px;
	opacity: 0.5;
	width: 62px;
}

html.wbk-layout-phone #comic-book #next {
	right: 10px;
}

html.wbk-layout-phone #comic-book #prev {
	left: 10px;
}

#comic-book #page {
	border: 1px solid rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	max-width: 100%;
}


/* FULL SCREEN MODE */

html.fullscreen #comic-book {
	display: block;
	overflow: auto;
	width: 100%;
	/* undo the non-fullscreen view settings */
	position: relative; /*undo fixed*/
	top: inherit; /*undo -9999px*/
	left: inherit; /*undo -9999px*/
}

html.wbk-layout-phone.fullscreen #comic-book .close-full-screen {
	display: none;
}

html.fullscreen #comic-book h3,
html.fullscreen #comic-book h4 {
	display: inherit;
}

html.fullscreen #comic-book .controls .change-size {
	display: inline-block;
}

html.fullscreen #comic-book .controls .open-full-screen {
	display: none;
}

html.fullscreen #comic-book #page {
	max-width: none;
}

html.fullscreen #comic-book #page-view {
	width: auto;
}

	html.fullscreen #comic-book #page-view a {
		position: fixed;
	}

	html.fullscreen #comic-book #page-view.screen-width #page {
		width: 100%;
	}

	html.fullscreen #comic-book #page-view.screen-height #page {
		max-width: none;
		width: auto;
	}

/*
********
******** CAROUSEL COMMON
********
*/
.bx-wrapper .bx-loading {
	background: none;
}
/*Phone*/
html.wbk-layout-phone:not(.wbk-page-home) .bx-controls-direction a {
	display: none !important;
}

.bx-wrapper .bx-controls-direction a {
	background: url('images/desktop/carousel/carousel-arrows.png') no-repeat 0 0 transparent !important;
	padding: 0;
	top: 50%;
	margin-top: -40px;
	width: 50px;
	height: 80px;
}

/*Carousel  CharacterPage*/
.bxgallerypage .bx-wrapper {
	margin: 0 auto;
	max-width: 1100px !important;
	padding: 0 50px;
}

	.bxgallerypage .bx-wrapper .bx-viewport {
		height: auto !important;
		padding: 2% 0;
	}


.bxgallerypage > h3 {
	padding-left: 48px;
	font-size: 46px;
}

.bxgallerypage li {
	opacity: 0;
}

.bxgallerypage .bx-wrapper .bx-controls-direction a {
	background: url('images/desktop/carousel/carousel-arrows.png') no-repeat 0 0 transparent !important;
	padding: 0;
	top: 50%;
	margin-top: -40px;
	width: 70px;
	height: 87px;
	z-index: 0;
}

.bxgallerypage .bx-wrapper .bx-controls-direction .bx-prev {
	left: -11px;
	background-position: -70px -115px !important;
}

	.bxgallerypage .bx-wrapper .bx-controls-direction .bx-prev:hover {
		left: -11px;
		background-position: -70px -11px !important;
	}

.bxgallerypage .bx-wrapper .bx-controls-direction .bx-next {
	right: 0;
	background-position: 0 -115px !important;
}

	.bxgallerypage .bx-wrapper .bx-controls-direction .bx-next:hover {
		right: 0;
		background-position: 0 -11px !important;
	}

html.wbk-layout-phone .bxgallerypage > div,
html.wbk-layout-phone .bxgallerypage .bx-wrapper {
	padding: 0;
}

.bxgallerypage .bxslider li a {
	-webkit-transition: transform 0.4s ease;
	-moz-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	display: block;
}


/*For IOS*/
html.wbk-layout-phone .bxslider li a:link {
}

html.wbk-layout-phone .bxslider li a:visited {
}

html.wbk-layout-desktop .bxgallerypage .bxslider li.hover a,
html.wbk-layout-phone .bxslider li a:hover,
html.wbk-layout-phone .bxslider li a:active {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}




/*
********
******** WBK MODAL "SLIDERS"
********
*/

.wbk-modal-backdrop {
	background: #000;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 200;
}

/* top, bottom, transition are set further below */
.wbk-modal {
	background: url('images/desktop/modals/dropdown-menu-bg.png') top center no-repeat transparent;
	color: white;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 201;
}

html.wbk-layout-phone .wbk-modal {
	background: url('images/phone/modals/dropdown-menu-bg.png') top center transparent;
}

html.wbk-layout-phone .bottom-box {
	height: 100%;
	border-top: 2px solid #004d73;
	background: rgba(0,0,0,0.32);
	padding-top: 6px;
}

html.wbk-layout-desktop .wbk-modal-backdrop {
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

html.wbk-layout-desktop .wbk-modal-top {
	/* top: is set in wbk-modal.js > getModalData() */
	-moz-transition: top 0.4s ease-out;
	-o-transition: top 0.4s ease-out;
	-webkit-transition: top 0.4s ease-out;
	transition: top 0.4s ease-out;
}

	html.wbk-layout-desktop .wbk-modal-top.open {
		top: 0 !important;
	}

html.wbk-layout-desktop .wbk-modal-bottom {
	-moz-transition: bottom 0.4s ease-out;
	-o-transition: bottom 0.4s ease-out;
	-webkit-transition: bottom 0.4s ease-out;
	transition: bottom 0.4s ease-out;
}

	html.wbk-layout-desktop .wbk-modal-bottom.open {
		bottom: 0 !important;
	}

.wbk-modal-outer {
	background: url('images/desktop/modals/dropdown-menu-bg.png'), #00395d; /* Old browsers */
	background: url('images/desktop/modals/dropdown-menu-bg.png'), -moz-linear-gradient(top, #00395d 0%, #001926 100%); /* FF3.6+ */
	background: url('images/desktop/modals/dropdown-menu-bg.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00395d), color-stop(100%,#001926)); /* Chrome,Safari4+ */
	background: url('images/desktop/modals/dropdown-menu-bg.png'), -webkit-linear-gradient(top, #00395d 0%,#001926 100%); /* Chrome10+,Safari5.1+ */
	background: url('images/desktop/modals/dropdown-menu-bg.png'), -o-linear-gradient(top, #00395d 0%,#001926 100%); /* Opera 11.10+ */
	background: url('images/desktop/modals/dropdown-menu-bg.png'), -ms-linear-gradient(top, #00395d 0%,#001926 100%); /* IE10+ */
	background: url('images/desktop/modals/dropdown-menu-bg.png'), linear-gradient(to bottom, #00395d 0%,#001926 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00395d', endColorstr='#001926',GradientType=0 ); /* IE6-9 */
	/*background: url('images/desktop/modals/dropdown-menu-bg.png') top center no-repeat transparent;*/
	background-position: top left;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.94);
	-webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.94);
	box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.94);
	padding: 0 0 20px;
	position: relative;
	z-index: 201;
}

html.wbk-layout-desktop .wbk-modal-top .wbk-modal-outer {
	border-bottom: 2px solid #003753;
}

html.wbk-layout-desktop .wbk-modal-bottom .wbk-modal-outer {
	border-top: 2px solid #003753;
}

.wbk-modal-inner {
	z-index: 1;
}

.wbk-modal-header {
	display: table;
}

html.wbk-layout-phone .wbk-modal-header {
	margin-left: 15px;
	width: 75%;
}

.wbk-modal-header .logo {
	margin-right: 20px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

.wbk-modal-header h2 {
	color: white;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
}

.wbk-modal .wbk-modal-close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	background: url("images/desktop/modals/modal-close.png") no-repeat transparent;
	background-position: -3px 0;
}

html.wbk-layout-phone .wbk-modal .wbk-modal-close:link {
}

html.wbk-layout-phone .wbk-modal .wbk-modal-close:visited {
}

html.wbk-layout-desktop .wbk-modal .wbk-modal-close:hover,
html.wbk-layout-phone .wbk-modal .wbk-modal-close:hover,
html.wbk-layout-phone .wbk-modal .wbk-modal-close:active {
	background-position: -3px -55px;
}


.wbk-modal-body h1.message {
	display: none;
	color: white;
	font-size: 24px;
	line-height: 1.2;
}

.modal-character .search-filter-wrapper {
	margin-bottom: 10px;
}

.search-box ::-webkit-input-placeholder {
	color: #667982;
	font-style: italic;
	font-weight: bold;
}

.search-box :-moz-placeholder {
	color: #667982;
	font-style: italic;
	font-weight: bold;
}

.search-box ::-moz-placeholder {
	color: #667982;
	font-style: italic;
	font-weight: bold;
}

.search-box :-ms-input-placeholder {
	color: #667982;
	font-style: italic;
	font-weight: bold;
}

.search-box input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

.search-box input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}


.search-box input {
	background: url("images/desktop/modals/search-bg.png") no-repeat scroll 22px 11px rgba(0, 0, 0, 0.32);
	border: 2px solid #004d73;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.75) inset;
	-webkit-box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.75) inset;
	box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.75) inset;
	color: #fff;
	height: 100%;
	padding-left: 65px;
	max-width: 400px;
	font-size: 24px;
	font-family: proxima-nova-condensed;
	font-weight: 800;
	font-style: italic;
}

html.wbk-layout-phone .search-box input {
	width: 95%;
}

/*Carousel Modals*/


.wbk-modal-body .bx-wrapper {
	margin: 0 auto;
	padding: 0 !important;
	height: auto;
	display: block;
	position: relative;
	max-width: 1120px !important;
}

	.wbk-modal-body .bx-wrapper .bx-viewport {
		left: 0;
		border: 2px solid #004d73;
		padding: 10px 0;
		height: auto !important;
		background: rgba(0,0,0,0.32);
		-moz-box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.75) inset, 0 0 20px 0 rgba(0, 0, 0, 0.75) inset;
		-webkit-box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.75) inset, 0 0 20px 0 rgba(0, 0, 0, 0.75) inset;
		box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.75) inset, 0 0 20px 0 rgba(0, 0, 0, 0.75) inset;
	}

	.wbk-modal-body .bx-wrapper .bx-controls-direction a {
		background: url('images/desktop/carousel/carousel-arrows.png') no-repeat 0 0 transparent !important;
		padding: 0;
		top: 50%;
		margin-top: -40px;
		width: 70px;
		height: 87px;
	}

	.wbk-modal-body .bx-wrapper .bx-controls-direction .bx-prev {
		left: -70px;
		background-position: -70px -325px !important;
	}

		.wbk-modal-body .bx-wrapper .bx-controls-direction .bx-prev:hover {
			background-position: -70px -219px !important;
		}

		.wbk-modal-body .bx-wrapper .bx-controls-direction .bx-prev.disabled {
			background-position: -70px -125px !important;
			display: block;
		}

	.wbk-modal-body .bx-wrapper .bx-controls-direction .bx-next {
		right: -70px;
		background-position: 10px -325px !important;
	}

		.wbk-modal-body .bx-wrapper .bx-controls-direction .bx-next:hover {
			background-position: 10px -219px !important;
		}

		.wbk-modal-body .bx-wrapper .bx-controls-direction .bx-next.disabled {
			background-position: 0 -125px !important;
			display: block;
		}

/*Modals List*/
.list-type {
	padding: 10px 0;
	border: 2px solid #004d73;
	background-image: url("images/desktop/modals/inner-box-bg.png");
	-moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
}

	.list-type ul {
		list-style: none;
		margin: 0 auto !important;
		-webkit-transform: none !important; /* Safari and Chrome */
		-moz-transform: none !important; /* Firefox */
		-ms-transform: none !important; /* IE 9 */
		-o-transform: none !important; /* Opera */
		transform: none !important;
	}

		.list-type ul.bxslider {
			list-style: none outside none;
			/*overflow: hidden;*/
			padding: 0;
		}

		.list-type ul li {
			display: inline-block;
			margin: 0 20px;
			vertical-align: top;
		}

		.list-type ul.bxslider li {
			float: none !important;
		}

		.list-type ul li a {
			text-decoration: none;
		}

			.list-type ul li a:visited {
				text-decoration: none;
			}

	.list-type .bxslider li {
		width: 150px !important;
	}


		.list-type .bxslider li img {
			width: 100%;
		}


.wbk-modal-body .bxslider li a {
	-webkit-transition: opacity 0.4s ease, transform 0.4s ease;
	-moz-transition: opacity 0.4s ease, transform 0.4s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease;
	opacity: 1;
	display: block;
}

html.wbk-layout-desktop .wbk-modal-body .bxslider li.no-hover a {
	opacity: 0.5;
}


html.wbk-layout-desktop .wbk-modal-body .bxslider li a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}

.wbk-modal-filters.top {
	display: inline-block;
	float: right;
	height: 55px;
	margin-bottom: 20px;
}

	.wbk-modal-filters.top ul {
		height: 100%;
		border: 2px solid #004d73;
		background: rgba(0,0,0,0.32);
		-moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
		box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
		margin: 0;
		padding-right: 5px;
		height: 55px;
	}

.wbk-modal-filters ul li {
	float: left;
	list-style: none;
}

.wbk-modal-filters.top li {
	background: url("images/desktop/modals/wbk-btn-on.png") no-repeat transparent center top;
	background-size: contain;
	position: relative;
	height: 100%;
	width: 106px;
	margin-top: 3px;
}

	.wbk-modal-filters.top li a {
		display: inline-block;
		height: 100%;
		width: 100%;
	}

		.wbk-modal-filters.top li a img {
			height: 60%;
			margin-top: 7%;
			margin-left: 6px;
		}

	.wbk-modal-filters.top li.active {
		background: url("");
		background-size: contain;
	}

html.no-touch .wbk-modal-filters.top li:hover {
	background: url("images/desktop/modals/wbk-btn-hover.png") no-repeat transparent center top;
}

.wbk-modal-filters.bottom {
	border: 0;
	background: #0a1b2d;
	width: 100%;
	position: fixed;
	height: 83px;
	bottom: 0;
	margin: 0 0 0 -1%;
	overflow-x: auto;
	-moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.75);
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 1;
	left: 0;
}

	.wbk-modal-filters.bottom ul {
		position: absolute;
		height: 100%;
		margin: 0;
		white-space: nowrap;
		display: inline-block;
		left: 0;
	}

	.wbk-modal-filters.bottom li {
		position: relative;
		height: 83px;
		width: 151px;
		margin-left: -13px;
		background: url("images/phone/modals/wbk-btn-on.png") no-repeat transparent center top;
		background-size: cover;
		display: inline-block;
	}

		.wbk-modal-filters.bottom li:hover {
			background: url("");
		}

		.wbk-modal-filters.bottom li.active {
			background: url("");
		}

		.wbk-modal-filters.bottom li a img {
			width: 65%;
			height: auto;
			margin-top: 10%;
		}

/*
******** WBK MODALS: SPECIFIC DESKTOP
*/

/*Character*/

.search-filter-wrapper {
	height: 55px;
}

.modal-search {
	display: inline-block;
	float: left;
	height: 100%;
	margin-bottom: 20px;
}
	/*In case client forget to remove title in dnn-container*/
	.modal-search h2 {
		margin: 0;
	}

	.modal-search div {
		height: 100%;
	}

html.wbk-layout-desktop #modal-character #filter-property {
	float: right;
}

html.wbk-layout-desktop #modal-character .list-type ul li {
	margin-right: 15px;
}


html.wbk-layout-desktop #modal-character .bxslider li p {
	font-style: italic;
	font-weight: bold;
	margin: 0 7px 0 -7px;
}

#modal-character .bxslider li p.title-property {
	font-size: 11px;
}

#modal-character .bxslider li img {
	max-width: 110px;
	margin: 0 auto 4px;
}

#modal-character .title-property {
	color: #FFF;
	font-size: 12px;
}

#modal-character .title-character {
	color: #48aeea;
	font-size: 14px;
}



html.wbk-layout-phone .modal-search {
	display: block;
	width: 95%;
	margin: 0 0 15px 15px;
}



html.wbk-layout-phone.landscape body {
	-moz-transform: scale(0.8, 0.8); /* Moz-browsers */
	zoom: 0.8; /* Other non-webkit browsers */
	zoom: 80%; /* Webkit browsers */
}

html.wbk-layout-phone.landscape .wbk-modal-top .wbk-modal-body ul {
	padding: 0 15% 0;
}

html.wbk-layout-phone.landscape .wbk-modal-header {
	display: inline-block;
	float: left;
}

html.wbk-layout-phone.landscape .search-filter-wrapper {
	display: inline-block;
	float: left;
	width: 80%;
}

html.wbk-layout-phone.landscape .wbk-modal-header h2 {
	display: none;
}

html.wbk-layout-phone.landscape #modal-character .wbk-modal-body {
	padding-bottom: 155px;
}

html.wbk-layout-phone.landscape .modal-search {
	margin: 8px 15px;
}

html.wbk-layout-phone.landscape .search-box input {
	max-width: 100%;
	width: 100%;
}
/*Character  DNN compatible*/
#modal-character .logo {
	background: url("images/desktop/modals/characters-icon.png") -11px 9px no-repeat transparent;
}


/*Property*/

#modal-property .logo {
	background: url("images/desktop/modals/properties-icon.png") transparent;
}

/*#modal-property .bxslider {
	margin: 0;
}*/


/*LEGAL*/
#modal-legal .logo {
	background: url("images/desktop/modals/legals-icon.png") 10px 0 no-repeat transparent;
	height: 58px;
}

#modal-legal .wbk-modal-header {
	padding: 15px 0;
}

#modal-legal .list-type {
	height: auto;
}

#modal-legal li {
	padding: 0 20px;
	border-left: 1px solid #FFF;
	margin: 0;
}

	#modal-legal li a {
		border-bottom: 1px solid white;
		color: white;
		font-size: 14px;
		font-weight: bold;
	}

	#modal-legal li:first-child {
		border-left: none;
	}

#modal-legal .wbk-modal-body p {
	color: #6b99b1;
	font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 20px 50px 0;
	text-align: center;
}

/*LANGUAGES*/

#modal-language .logo {
	background: url("images/desktop/modals/languages-icon.png") transparent;
}

#modal-language .wbk-modal-header {
	padding: 15px 0;
}

#modal-language .wbk-modal-body.list-type {
	padding: 10px 0 25px 5%;
}

#modal-language ul {
	max-width: 100%;
	margin: 0 5%;
}


	#modal-language ul li {
		width: 18%;
		margin: 15px 0 0 1%;
		float: left;
		height: 30px;
	}

#modal-language li a {
	display: table;
	color: #ffffff;
}

	#modal-language li a img {
		display: table-cell;
		padding-top: 2px;
	}

	#modal-language li a span {
		text-decoration: underline;
		display: table-cell;
		text-align: left;
		vertical-align: top;
	}

#modal-language ul li a img {
	padding-right: 5px;
}

@media screen and (max-width: 1100px) {
	#modal-language .wbk-modal-body.list-type {
		padding: 10px 3% 25px;
	}

	#modal-language ul li {
		width: 25%;
		margin: 15px 0 0;
	}
}

/*SITES*/

#modal-site .logo {
	background: url("images/desktop/modals/sites-icon.png") 0 0 no-repeat transparent;
}

#modal-site .wbk-modal-header {
	padding: 15px 0;
}

/*

******** WBK MODALS: SPECIFIC PHONE
*/

/*
    force modal to take up entire screen.
    user can scroll contents of modal independently of the page behind it.
*/

html.wbk-layout-phone.wbk-layout-modal #Body {
	overflow: hidden;
}

html.wbk-layout-phone.wbk-layout-modal .wbk-modal {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0 !important;
}


html.wbk-layout-phone .wbk-modal-top .wbk-modal-body {
	height: 100%;
	padding-bottom: 180px;
}


	html.wbk-layout-phone .wbk-modal-top .wbk-modal-body ul {
		/*max-width: 400px;*/
		/*margin: 5% auto 0;*/
		list-style: none outside none;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 5%;
		-webkit-transform: none !important; /* Safari and Chrome */
		-moz-transform: none !important; /* Firefox */
		-ms-transform: none !important; /* IE 9 */
		-o-transform: none !important; /* Opera */
		transform: none !important;
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}
/*
    MODAL: CHARACTERS
*/

html.wbk-layout-phone #modal-character .wbk-modal-body {
	/*max-width: 400px;*/
	margin: 0 auto;
	padding-bottom: 220px;
}


html.wbk-layout-phone #modal-character #filter-property {
	margin-top: 10px;
}


html.wbk-layout-phone #modal-character .wbk-modal-body ul li {
	float: left;
	margin-right: 0.3%;
	text-align: center;
	width: 32.1% !important;
}

	html.wbk-layout-phone #modal-character .wbk-modal-body ul li img {
		width: 100%;
	}

html.wbk-layout-phone #modal-character .bxslider li p {
	display: none;
}


/* copy of bootstrap class ".btn-group-justify .btn-group" */
html.wbk-layout-phone #modal-character #filter-property .btn-group {
	border-collapse: separate;
	display: table;
	table-layout: fixed;
	width: 100%;
}

/* copy of bootstrap class ".btn-group-justify .btn" */
html.wbk-layout-phone #modal-characters #filter-property .btn {
	display: table-cell;
	float: none;
	width: 1%;
}

/* end copy: justify */

html.wbk-layout-phone #modal-character .bxslider {
	list-style: none outside none;
	margin: 0;
}

html.wbk-layout-phone .wbk-modal-body .bxslider li {
	margin-bottom: 35px;
}

html.wbk-layout-phone #modal-character .bxslider li {
	float: left;
	margin-bottom: 10px;
	margin-right: 4.9%;
	text-align: center;
	width: 30%;
}

	html.wbk-layout-phone #modal-character .bxslider li:nth-child(3n) {
		margin-right: 0;
	}

	html.wbk-layout-phone #modal-character .bxslider li img {
		max-width: 100%;
	}

/*
    MODAL: SHOWS
*/


html.wbk-layout-phone #modal-property ul li {
	width: 100% !important;
}

html.wbk-layout-phone .wbk-modal-body .bxslider li a {
	display: inline-block;
}

html.wbk-layout-phone #modal-property li img {
	width: 60%;
	max-width: 230px;
}

html.wbk-layout-phone #modal-property .wbk-modal-body {
	/*max-width: 300px;*/
	margin: 0 auto;
	padding: 0 10% 80px;
}



/*
********
******** PAGE HEADER IMAGE AND CHEVRON (Shared between DNN and MVC)
********
*/

.DNNBanner,
.DNNBanner .bg-1,
.DNNBanner .bg-2 {
	left: 0;
	position: absolute;
	top: 0;
	bottom: -150px;
	width: 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top center;
}

	.DNNBanner .bg-1 {
		background-attachment: fixed; /*don't scroll with the page*/
		background-size: contain;
		z-index: -3;
		bottom: 0;
	}


	.DNNBanner .bg-2 {
		background-size: cover;
		top: 180px;
		z-index: -1;
	}

	.DNNBanner.banner-generic {
		bottom: 0;
	}


.DNNHeaderChevronPane .banner-bg-fill {
	width: 100%;
	position: absolute;
	top: 350px;
	bottom: -500px;
	z-index: -2;
}



@media (max-width: 1920px) {
	.DNNBanner .bg-1 {
		background-size: 1920px 366px;
	}

	.DNNBanner .bg-2 {
		background-size: 1920px 861px;
	}
}

@media (max-width: 1420px) {
	.DNNBanner .bg-1 {
		background-size: 1420px 271px;
	}

	.DNNBanner .bg-2 {
		background-size: 1420px 637px;
		padding-top: 160px;
	}
}

@media (max-width: 1280px) {
	.DNNBanner .bg-1 {
		background-size: 1280px 244px;
	}

	.DNNBanner .bg-2 {
		background-size: 1280px 574px;
		top: 150px;
	}
}

@media (max-width: 991px) {
	.DNNBanner .bg-2 {
		top: 135px;
	}
}

html.wbk-layout-phone.wbk-page-type-character .DNNHeaderChevronPane .banner-bg-fill,
html.wbk-layout-phone.wbk-page-type-property .DNNHeaderChevronPane .banner-bg-fill,
html.wbk-layout-phone .DNNHeaderChevronPane .banner-bg-fill {
	bottom: -500px;
	top: 310px;
}

html.wbk-layout-phone.wbk-page-type-exec .DNNHeaderChevronPane .banner-bg-fill {
	bottom: 0;
	top: 310px;
	height: 100%;
}



html.wbk-layout-phone .DNNBanner .bg-1 {
	background-size: 1000px 190.7px;
}

html.wbk-layout-phone .DNNBanner .bg-2 {
	top: 140px;
	background-size: 1000px 343px;
}



/*Images, colors  setup */

.DNNBanner.banner-generic .bg-1 {
	background-image: url('images/desktop/banner/banner-generic.jpg');
}

.DNNBanner.banner-generic-chevron .bg-2 {
	background-image: url('images/desktop/banner/grey-chevron.png');
}

.DNNBanner.banner-character .bg-2 {
	background-image: url('images/desktop/banner/grey-chevron.png');
}

html.wbk-layout-phone .DNNBanner.banner-character .bg-2 {
	background-image: url('images/phone/banner/grey-chevron.png');
}

.DNNBanner.banner-property .bg-2 {
	background-image: url('images/desktop/banner/grey-chevron.png');
}

html.wbk-layout-phone .DNNBanner.banner-property .bg-2 {
	background-image: url('images/phone/banner/grey-chevron.png');
}

.DNNBanner.banner-generic-chevron .banner-bg-fill,
.DNNBanner.banner-character .banner-bg-fill,
.DNNBanner.banner-property .banner-bg-fill {
	background: #f2f2f2;
}

.DNNBanner.banner-comics .bg-2 {
	background-image: url('images/desktop/banner/comics-chevron.png');
}

html.wbk-layout-phone .DNNBanner.banner-comics .bg-2 {
	background-image: url('images/phone/banner/comics-chevron.png');
}

.DNNBanner.banner-videos .bg-2 {
	background-image: url('images/desktop/banner/videos-chevron.png');
}

html.wbk-layout-phone .DNNBanner.banner-videos .bg-2 {
	background-image: url('images/phone/banner/videos-chevron.png');
}

.DNNBanner.banner-games .bg-2 {
	background-image: url('images/desktop/banner/games-chevron.png');
}

html.wbk-layout-phone .DNNBanner.banner-games .bg-2 {
	background-image: url('images/phone/banner/games-chevron.png');
}

.DNNBanner.banner-downloads .bg-2 {
	background-image: url('images/desktop/banner/downloads-chevron.png');
}

html.wbk-layout-phone .DNNBanner.banner-downloads .bg-2 {
	background-image: url('images/phone/banner/downloads-chevron.png');
}


/* END: Executable CHEVRON */


/*
********
******** GALLERY CHEVRON IN EXE PAGES
********
*/
.DNNGalleriesPane {
	margin-bottom: -150px;
	position: relative;
}

	.DNNGalleriesPane .DNNGallery {
		position: relative;
	}

html.wbk-page-type-exec .detail-box,
html.wbk-page-type-character .detail-box,
html.wbk-page-type-property .detail-box {
	padding-bottom: 120px;
}

html.wbk-page-type-exec.wbk-page-printable.wbk-layout-phone .detail-box,
html.wbk-page-type-exec.wbk-page-comic.wbk-layout-phone .detail-box {
	padding-bottom: 50px;
}


.gallery-bg {
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
	padding-top: 105px;
	padding-bottom: 120px;
	margin: -120px 0 0;
}

.gallery-title {
	position: relative;
	height: 140px;
	overflow: hidden;
}

.DNNGalleryRelated .gallery-title {
	margin: 30px 0;
	height: 150px;
}

.gallery-title h2 {
	color: #fff;
	font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
	font-size: 80px;
	font-style: italic;
	font-weight: 800;
	text-shadow: -4px 4px rgba(48, 48, 48, 0.6);
	line-height: 1;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-transform: uppercase;
}

html.wbk-page-type-gallery .gallery-bg {
	margin: -150px 0 0;
	padding-bottom: 0;
}

html.wbk-layout-phone.wbk-page-comic .gallery-bg,
html.wbk-page-printable.wbk-layout-phone .gallery-bg {
	margin: -50px 0 0;
	padding-bottom: 50px;
}


/*Covering middle of chevrom until bottom*/
html.wbk-page-type-legal .gallery-bg-fill,
html.wbk-page-type-exec .gallery-bg-fill,
html.wbk-page-type-property .gallery-bg-fill,
html.wbk-page-type-character .gallery-bg-fill {
	background-color: #f2f2f2;
	position: absolute;
	z-index: -1;
	top: 300px;
	left: 0;
	right: 0;
	bottom: -50px;
}


.DNNGalleryRelated {
	position: relative;
}

html.wbk-page-type-gallery .gallery-bg-fill {
	top: 0;
	height: 10%;
}

html.wbk-page-type-property .DNNGalleryRelated,
html.wbk-page-type-character .DNNGalleryRelated {
	margin: 0 !important;
}


.DNNGalleryRelated .bxgallerypage {
	margin: 0 auto;
}

.DNNGalleryRelated h3,
.DNNGalleryRelated h2 {
	color: #06182c;
	font-size: 24px;
	height: auto;
	line-height: 1em;
	margin: 40px 0 0;
	text-align: center;
	text-shadow: none;
	margin: 20px 0;
	font-family: "proxima-nova-condensed",arial,sans-serif;
}

html.wbk-page-type-character .DNNGalleryRelated .gallery-bg-fill,
html.wbk-page-type-property .DNNGalleryRelated .gallery-bg-fill {
	display: none;
}

.DNNGalleryRelated li {
	margin-top: 20px;
}

html.wbk-page-type-property .DNNGalleryRelated li,
html.wbk-page-type-character .DNNGalleryRelated li {
	margin-top: 0;
}

.DNNGalleryRelated .gallery-bg .feed-nav {
	display: none;
}

.DNNGalleryRelated .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: none;
}

.gallery-filters.wbk-filters {
	margin: 12% 0 0;
}

html.wbk-layout-desktop .wbk-filters li a span:nth-child(2) {
	min-width: 0 !important;
}

html.wbk-layout-phone .wbk-filter-wrapper {
	text-align: center;
}

.wbk-layout-phone .gallery-filters {
	display: inline-block;
	float: none !important;
}


.DNNGalleryRelated .gallery-filters {
	display: none;
}


@media (max-width: 1920px) {
	.gallery-bg {
		background-size: 1920px 961px;
	}

	.gallery-title {
		height: 135px;
	}
}

@media screen and (max-width: 1420px) {
	.DNNSiteGeneric,
	.gallery-bg {
		background-size: 1420px 710px;
		padding-top: 75px;
	}

	.gallery-title {
		height: 90px;
	}

	html.wbk-page-type-gallery .gallery-bg {
		margin: -100px 0 0;
	}
}

@media (max-width: 1280px) {
	.gallery-bg {
		background-size: 1280px 641px;
		padding-top: 65px;
	}

	.gallery-title {
		max-width: 1100px;
	}
}

@media screen and (max-width: 1100px) {
	html.wbk-page-type-gallery .gallery-bg {
		margin: -120px 0 0;
	}
}

html.wbk-layout-phone .gallery-bg {
	padding-top: 40px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1000px 383px;
	overflow: hidden;
}

	html.wbk-layout-phone .gallery-bg .gallery-title {
		max-width: 600px;
		margin: 0 auto;
		height: 55px;
	}

html.wbk-layout-phone .DNNGalleryRelated .gallery-bg .gallery-title {
	height: 150px;
	margin: 0;
}

html.wbk-layout-phone.wbk-page-type-gallery .gallery-bg {
	margin: -100px 0 0;
}

html.wbk-layout-phone .gallery-bg-fill {
	top: 100px;
	height: 100%;
}


html.wbk-layout-phone.wbk-page-type-exec .gallery-bg-fill {
	top: 100px;
	bottom: 0;
	height: auto;
}

html.wbk-layout-phone.wbk-page-type-gallery .gallery-bg-fill {
	top: 100px;
	padding-bottom: 50px;
	height: auto;
}

html.wbk-layout-phone.wbk-page-type-legal .gallery-bg-fill {
	bottom: 0;
	height: auto;
}


html.wbk-layout-phone .DNNGalleriesPane > div.DNNGallery {
	margin-top: -200px;
}

html.wbk-layout-phone .DNNGalleryRelated .gallery-bg {
	background-image: none;
}

/*Images, colors  setup */

.gallery-bg.video,
.DNNGalleryVideo .gallery-bg {
	background-image: url('images/desktop/gallery/verticalVideoBG.png');
}

html.wbk-layout-phone .gallery-bg.video,
html.wbk-layout-phone .DNNGalleryVideo .gallery-bg {
	background-image: url('images/phone/gallery/verticalVideoBG.png');
}

.gallery-bg.game,
.DNNGalleryGame .gallery-bg {
	background-image: url('images/desktop/gallery/verticalGamesBG.png');
}

html.wbk-layout-phone .gallery-bg.game,
html.wbk-layout-phone .DNNGalleryGame .gallery-bg {
	background-image: url('images/phone/gallery/verticalGamesBG.png');
}

.gallery-bg.comicbook,
.DNNGalleryComic .gallery-bg {
	background-image: url('images/desktop/gallery/verticalComicsBG.png');
}

html.wbk-layout-phone .gallery-bg.comicbook,
html.wbk-layout-phone .DNNGalleryComic .gallery-bg {
	background-image: url('images/phone/gallery/verticalComicsBG.png');
}

.gallery-bg.downloadable,
.DNNGalleryDownload .gallery-bg {
	background-image: url('images/desktop/gallery/verticalDownloadsBG.png');
}

html.wbk-layout-phone .gallery-bg.downloadable,
html.wbk-layout-phone .DNNGalleryDownload .gallery-bg {
	background-image: url('images/phone/gallery/verticalDownloadsBG.png');
}
/*Related Gallery images*/
html.wbk-page-type-exec .DNNGalleryRelated .gallery-bg {
	background-image: url('images/desktop/banner/grey-chevron.png');
}

html.wbk-page-type-exec.wbk-layout-phone .DNNGalleryRelated .gallery-bg {
	background-image: url('images/phone/banner/grey-chevron.png');
}

/*
********
******** TOP NAV > VISIBLE NAVS
********
*/

#global-nav-default,
#global-nav-home {
	display: none !important;
}

html.wbk-page-home #global-nav-home {
	display: inline-block !important;
}

html:not(.wbk-page-home) #global-nav-default {
	display: inline-block !important;
}

/*
********
******** TOP NAV > TOGGLE
********
*/

#wbk-desktop-top-nav .toggle {
	background: url("images/desktop/nav-top/toggle.png") no-repeat scroll left top transparent;
	display: inline-block;
	float: left;
	height: 83px;
	text-indent: -9999px;
	vertical-align: middle;
	width: 91px;
}

	#wbk-desktop-top-nav .toggle:hover {
		background-position: left -116px;
	}

/*
********
******** TOP NAV > WBK BUTTONS (Anchors and
********
*/

#wbk-desktop-top-nav .wbk-btn {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 800;
	height: 83px;
	line-height: 130px;
	vertical-align: middle;
}

/* snug up the buttons in a group */
#wbk-desktop-top-nav .local-nav .anchors li,
#wbk-desktop-top-nav .global-nav #global-nav-default li {
	margin-right: -13px;
}
	/* (snug up the buttons in a group > ) except the last button */
	#wbk-desktop-top-nav .local-nav .anchors li:last-child,
	#wbk-desktop-top-nav .global-nav #global-nav-default li:last-child {
		margin-right: 0;
	}
		/* last button is flat on the right hand side */
		#wbk-desktop-top-nav .global-nav #global-nav-default li:last-child .wbk-btn span:nth-child(3) {
			background-image: url("images/desktop/nav-top/button-global-nav.png");
		}

/* sub spans (all) */
#wbk-desktop-top-nav .wbk-btn span {
	background-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	height: 83px;
	vertical-align: top;
	position: relative;
}

/*#wbk-desktop-top-nav #global-nav-default .wbk-btn span {
	float: left;
}*/


#wbk-desktop-top-nav .wbk-btn.active span {
	z-index: 1;
}

/*
    TOP NAV > LEFT > LOCAL ANCHORS
*/

/* sub span (1/left)  */
#wbk-desktop-top-nav .local-nav .wbk-btn span:nth-child(1) {
	background-image: url("images/desktop/nav-top/button-gallery-anchors.png");
	background-position: top left;
	padding: 0 0 0 13px;
}

/* sub span (2/center/content) */
#wbk-desktop-top-nav .local-nav .wbk-btn span:nth-child(2) {
	/* background-image: see "specific buttons" below */
	background-position: top center, top center;
	padding: 0 40px;
}

/* sub span (3/right) */
#wbk-desktop-top-nav .local-nav .wbk-btn span:nth-child(3) {
	background-image: url("images/desktop/nav-top/button-gallery-anchors.png");
	background-position: top right;
	padding: 0 0 0 13px;
}

/*
    TOP NAV > RIGHT (DEFAULT LAYOUT) > TOP LEVEL LINKS
*/

/* sub span (1/left)  */
#wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn span:nth-child(1) {
	background-image: url("images/desktop/nav-top/button-global-nav.png");
	background-position: top left;
	padding: 0 0 0 13px;
}

/* sub span (2/center/content) */
#wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn span:nth-child(2) {
	/* background-image: see "specific buttons" below */
	background-position: top center, top center;
	padding: 0 20px;
	left: -4px;
	margin-right: -4px;
}

/* sub span (3/right) */
#wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn span:nth-child(3) {
	background-image: url("images/desktop/nav-top/button-global-nav.png");
	background-position: top right;
	padding: 0 0 0 13px;
}

#wbk-desktop-top-nav .global-nav #global-nav-default li:last-child .wbk-btn span:nth-child(3) {
	display: none;
}

/*
    TOP NAV > RIGHT (DEFAULT LAYOUT) > TOP LEVEL LINKS (exceptions for home page)
*/
html.wbk-page-home #wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn span:nth-child(1) {
	background-image: url("images/desktop/nav-top/button-global-nav-2.png");
}

html.wbk-page-home #wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn span:nth-child(3) {
	background-image: url("images/desktop/nav-top/button-global-nav-2.png");
}

/*
    TOP NAV > LEFT AND RIGHT (DEFAULT LAYOUT) > ALL WBK-BUTTONS > SPECIFIC BUTTONS
*/

#wbk-desktop-top-nav .games .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-games.png"), url("images/desktop/nav-top/button-gallery-anchors.png");
}

#wbk-desktop-top-nav .videos .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-videos.png"), url("images/desktop/nav-top/button-gallery-anchors.png");
}

#wbk-desktop-top-nav .comics .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-comics.png"), url("images/desktop/nav-top/button-gallery-anchors.png");
}

#wbk-desktop-top-nav .downloads .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-downloads.png"), url("images/desktop/nav-top/button-gallery-anchors.png");
}

#wbk-desktop-top-nav #global-nav-default .properties .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-shows.png"), url("images/desktop/nav-top/button-global-nav.png");
}

#wbk-desktop-top-nav #global-nav-default .characters .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-chars.png"), url("images/desktop/nav-top/button-global-nav.png");
}

#wbk-desktop-top-nav #global-nav-default .sites .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-wb.png"), url("images/desktop/nav-top/button-global-nav.png");
}

/*
    TOP NAV > LEFT AND RIGHT (DEFAULT LAYOUT) > ALL WBK-BUTTONS > SPECIFIC BUTTONS (exceptions for home page)
*/

html.wbk-page-home #wbk-desktop-top-nav #global-nav-default .properties .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-shows.png"), url("images/desktop/nav-top/button-global-nav-2.png");
}

html.wbk-page-home #wbk-desktop-top-nav #global-nav-default .characters .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-chars.png"), url("images/desktop/nav-top/button-global-nav-2.png");
}

html.wbk-page-home #wbk-desktop-top-nav #global-nav-default .sites .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/icon-wb.png"), url("images/desktop/nav-top/button-global-nav-2.png");
}

/*
    TOP NAV > LEFT AND RIGHT (DEFAULT LAYOUT) > ALL WBK-BUTTONS > DEFAULT HOVER
*/

#wbk-desktop-top-nav .local-nav .wbk-btn:hover span:nth-child(1),
#wbk-desktop-top-nav #global-nav-default .wbk-btn:hover span:nth-child(1) {
	background-position: left -100px;
}

#wbk-desktop-top-nav .local-nav .wbk-btn:hover span:nth-child(2),
#wbk-desktop-top-nav #global-nav-default .wbk-btn:hover span:nth-child(2) {
	background-position: center top, center -100px;
}

#wbk-desktop-top-nav .local-nav .wbk-btn:hover span:nth-child(3),
#wbk-desktop-top-nav #global-nav-default .wbk-btn:hover span:nth-child(3) {
	background-position: right -100px;
}


/*
    TOP NAV > LEFT AND RIGHT (DEFAULT LAYOUT) > ALL WBK-BUTTONS > SELECTED
*/


#wbk-desktop-top-nav .local-nav .videos .wbk-btn.active span:nth-child(1) {
	background-position: left -200px;
}

#wbk-desktop-top-nav .local-nav .videos .wbk-btn.active span:nth-child(2) {
	background-position: center -100px, center -200px;
}

#wbk-desktop-top-nav .local-nav .videos .wbk-btn.active span:nth-child(3) {
	background-position: right -200px;
}

#wbk-desktop-top-nav .local-nav .games .wbk-btn.active span:nth-child(1) {
	background-position: left -300px;
}

#wbk-desktop-top-nav .local-nav .games .wbk-btn.active span:nth-child(2) {
	background-position: center -99px, center -300px;
}

#wbk-desktop-top-nav .local-nav .games .wbk-btn.active span:nth-child(3) {
	background-position: right -300px;
}

#wbk-desktop-top-nav .local-nav .comics .wbk-btn.active span:nth-child(1) {
	background-position: left -400px;
}

#wbk-desktop-top-nav .local-nav .comics .wbk-btn.active span:nth-child(2) {
	background-position: center -101px, center -400px;
}

#wbk-desktop-top-nav .local-nav .comics .wbk-btn.active span:nth-child(3) {
	background-position: right -400px;
}

#wbk-desktop-top-nav .local-nav .downloads .wbk-btn.active span:nth-child(1) {
	background-position: left -500px;
}

#wbk-desktop-top-nav .local-nav .downloads .wbk-btn.active span:nth-child(2) {
	background-position: center -100px, center -500px;
}

#wbk-desktop-top-nav .local-nav .downloads .wbk-btn.active span:nth-child(3) {
	background-position: right -500px;
}

/*
    TOP NAV BREAK POINTS
*/

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

	/* .WBK-BTN > HIDE TEXT LABELS, MOVE ICONS DOWN, RESIZE BUTTONS */

	#wbk-desktop-top-nav .local-nav .wbk-btn span:nth-child(2),
	#wbk-desktop-top-nav #global-nav-default .wbk-btn span:nth-child(2) {
		overflow: hidden;
		line-height: 999px;
		width: 57px;
	}

	#wbk-desktop-top-nav .local-nav .wbk-btn span:nth-child(2) {
		background-position: center 7px, center top;
		padding: 0 35px;
	}
	/*Hover*/
	#wbk-desktop-top-nav .local-nav .wbk-btn:hover span:nth-child(2) {
		background-position: center 7px, center -100px;
	}

	#wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn span:nth-child(2) {
		background-position: center 7px, center top;
	}

	#wbk-desktop-top-nav .global-nav #global-nav-default .wbk-btn:hover span:nth-child(2) {
		background-position: center 7px, center -100px;
	}
	/*Active*/

	#wbk-desktop-top-nav .local-nav .videos .wbk-btn.active span:nth-child(2) {
		background-position: center -92px, center -200px;
	}

	#wbk-desktop-top-nav .local-nav .games .wbk-btn.active span:nth-child(2) {
		background-position: center -92px, center -300px;
	}

	#wbk-desktop-top-nav .local-nav .comics .wbk-btn.active span:nth-child(2) {
		background-position: center -94px, center -400px;
	}

	#wbk-desktop-top-nav .local-nav .downloads .wbk-btn.active span:nth-child(2) {
		background-position: center -94px, center -500px;
	}
}

/*
    TOP NAV > HOME PAGE > ALL WBK-BUTTONS
*/

html.wbk-page-home #global-nav-home .wbk-btn {
	color: #fff;
	height: 63px;
	line-height: 42px;
	vertical-align: middle;
}

	/* sub spans */
	html.wbk-page-home #global-nav-home .wbk-btn span {
		background-color: transparent;
		background-repeat: no-repeat;
		display: inline-block;
		height: 63px;
		vertical-align: top;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-weight: 800;
		font-style: italic;
		font-size: 22px;
		line-height: 63px;
	}
		/* text */
		html.wbk-page-home #global-nav-home .wbk-btn span:nth-child(1) {
			background-image: url("images/desktop/nav-top/page-home/button-global-angled-angled.png");
			background-position: left top;
			padding: 0 2px 0 30px;
		}

		/* icon */
		html.wbk-page-home #global-nav-home .wbk-btn span:nth-child(2) {
			background-position: left top, right top;
			padding: 0 0 0 90px;
		}

/* SPECIFIC BUTTONS */

html.wbk-page-home #global-nav-home .properties .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/page-home/icon-shows.png"), url("images/desktop/nav-top/page-home/button-global-angled-angled.png");
	margin-right: -10px;
}

html.wbk-page-home #global-nav-home .characters .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/page-home/icon-chars.png"), url("images/desktop/nav-top/page-home/button-global-angled-angled.png");
	margin-right: -10px;
	padding-right: 10px;
}

html.wbk-page-home #global-nav-home .sites .wbk-btn span:nth-child(2) {
	background-image: url("images/desktop/nav-top/page-home/icon-shield.png"), url("images/desktop/nav-top/page-home/button-global-angled-angled.png");
}

/* HOVER */

html.wbk-page-home #global-nav-home .wbk-btn:hover span:nth-child(1) {
	background-position: left bottom;
}

html.wbk-page-home #global-nav-home .wbk-btn:hover span:nth-child(2) {
	background-position: left bottom, right bottom;
}

@media screen and (max-width: 1100px) {
	#wbk-desktop-top-nav-inner {
		height: 63px;
	}

	html:not(.wbk-page-home) #wbk-desktop-top-nav .local-nav {
		float: none !important;
		left: 0;
		/*min-width: 800px;*/
		position: absolute;
		top: 0;
		width: auto;
	}

	#wbk-desktop-top-nav-inner .local-nav-inner {
		left: 0;
		white-space: nowrap;
	}

	html:not(.wbk-page-home) #wbk-desktop-top-nav .global-nav {
		float: none !important;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
	}

	/*
        Scaling
    */

	/* top navs: home page */
	html.wbk-page-home #wbk-desktop-top-nav .local-nav,
	html.wbk-page-home #wbk-desktop-top-nav .global-nav,
	html.wbk-page-home #wbk-desktop-bottom-nav {
		-moz-transform: scale(0.80);
		-ms-transform: scale(0.80);
		-o-transform: scale(0.80);
		-webkit-transform: scale(0.80);
		transform: scale(0.80);
	}

	html:not(.wbk-page-home) #wbk-desktop-top-nav .local-nav,
	html:not(.wbk-page-home) #wbk-desktop-bottom-nav {
		-moz-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-o-transform: scale(0.75);
		-webkit-transform: scale(0.75);
		transform: scale(0.75); /* matches height of top nav bg */
	}


	html:not(.wbk-page-home) #wbk-desktop-top-nav .global-nav {
		height: 63px;
	}

	html:not(.wbk-page-home) #wbk-desktop-top-nav #global-nav-default {
		-moz-transform: scale(0.75) translateY(-15px);
		-ms-transform: scale(0.75) translateY(-15px);
		-o-transform: scale(0.75) translateY(-15px);
		-webkit-transform: scale(0.75) translateY(-15px);
		transform: scale(0.75) translateY(-15px); /* matches height of top nav bg */
	}

	#wbk-desktop-top-nav .local-nav {
		-moz-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		-o-transform-origin: left top 0;
		-webkit-transform-origin: left top 0;
		transform-origin: left top 0;
	}

	#wbk-desktop-top-nav .global-nav {
		right: -3px;
		-moz-transform-origin: right top 0;
		-ms-transform-origin: right top 0;
		-o-transform-origin: right top 0;
		-webkit-transform-origin: right top 0;
		transform-origin: right top 0;
	}

	/* bottom nav: home page */
	#wbk-desktop-bottom-nav {
		-moz-transform-origin: right bottom 0;
		-ms-transform-origin: right bottom 0;
		-o-transform-origin: right bottom 0;
		-webkit-transform-origin: right bottom 0;
		transform-origin: right bottom 0;
	}
}

/*
    TOP NAV > HOME PAGE > ALL WBK-BUTTONS
*/

#wbk-desktop-bottom-nav .wbk-btn {
	color: #fff;
	cursor: pointer;
	line-height: 42px;
	vertical-align: middle;
}

	/* sub spans */
	#wbk-desktop-bottom-nav .wbk-btn span {
		background-color: transparent;
		background-repeat: no-repeat;
		display: inline-block;
		height: 45px;
		vertical-align: top;
		font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
		font-weight: 800;
		font-style: italic;
		font-size: 16px;
		line-height: 45px;
	}
		/* text */
		#wbk-desktop-bottom-nav .wbk-btn span:nth-child(1) {
			background-image: url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
			background-position: left top;
			padding: 0 0 0 30px;
		}

		/* icon */
		#wbk-desktop-bottom-nav .wbk-btn span:nth-child(2) {
			background-position: left 0, right top;
			padding: 0 0 0 80px;
		}

	/* SPECIFIC BUTTONS */

	#wbk-desktop-bottom-nav .wbk-btn.languages span:nth-child(2) {
		background-image: url("images/desktop/nav-bottom/icon-languages.png"), url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
		margin-right: -10px;
	}

	#wbk-desktop-bottom-nav .wbk-btn.legal span:nth-child(2) {
		background-image: url("images/desktop/nav-bottom/icon-legal.png"), url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
	}

    /* lang icon */
    #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang {
        margin: 10px 0 0 0;
        height: 26px;
    }

/* HOVER */

	#wbk-desktop-bottom-nav .wbk-btn:hover span:nth-child(1) {
		background-position: left bottom;
	}

	#wbk-desktop-bottom-nav .wbk-btn:hover span:nth-child(2) {
		background-position: left -55px, right bottom;
	}


/* ul */
.wbk-filters {
	list-style: none outside none;
	vertical-align: middle;
}

	.wbk-filters li {
		background-color: transparent;
		background-image: url("images/desktop/filter/filter-bg.png");
		background-repeat: no-repeat;
		overflow: visible;
		position: relative;
	}

		.wbk-filters li:nth-child(1) {
			background-position: top left;
			padding: 0 0 0 1px;
			z-index: 3;
		}

		.wbk-filters li:nth-child(2) {
			background-position: top center;
			z-index: 2;
		}

		.wbk-filters li:nth-child(3) {
			background-position: top right;
			padding: 0 4px 0 0;
			z-index: 1;
		}

		.wbk-filters li a {
			color: #fff;
			display: inline-block;
			float: none;
			margin-top: 4px;
			vertical-align: top;
		}

			.wbk-filters li a span {
				background-color: transparent;
				background-image: url("images/desktop/filter/filter-btn.png");
				background-repeat: no-repeat;
				display: inline-block;
				float: left;
				font-family: "proxima-nova-condensed",helvetica,arial,sans-serif;
				font-size: 18px;
				font-style: italic;
				font-weight: 800;
				height: 44px;
				line-height: 37px;
				padding: 0 10px;
				text-shadow: -1px 1px 0 #000;
				vertical-align: top;
			}

html.wbk-layout-phone .wbk-filters li a span {
	padding: 0 4%;
}

.wbk-filters li a span:nth-child(1) {
	background-position: top left;
}

.wbk-filters li a span:nth-child(2) {
	background-position: top center;
}

.wbk-filters li a span:nth-child(3) {
	background-position: top right;
}

.wbk-filters li.active a span {
	background-image: none;
	line-height: 41px;
}



.wbk-layout-phone .gallery-filters {
	width: 100%;
}

	.wbk-layout-phone .gallery-filters li {
		width: 32.8%;
	}

		.wbk-layout-phone .gallery-filters li a {
			display: block;
			width: 100%;
		}

.wbk-layout-phone .wbk-filters li.active a span .wbk-layout-phone .gallery-filters li span {
	line-height: normal;
	padding: 0 4%;
}



.wbk-layout-phone .gallery-filters li span:nth-child(2) {
	width: 80%;
	min-width: 0 !important;
	text-shadow: none;
	vertical-align: middle;
}

@media (max-width: 400px) {
	.wbk-layout-phone .gallery-filters li span:nth-child(2) {
		line-height: 19px;
	}
}

/*
********
******** EDIT CONTENTiTEM MODULE
********
*/
#contentitem-form .editor-label {
	margin: 20px 0;
}

#contentitem-form .editor-field > input, #contentitem-form .editor-field select, .multiselect {
	width: 100%;
}

#contentitem-form .checkbox-wrapper div {
	display: inline-block;
	padding: 20px 5px 0 0;
}

#contentitem-form .checkbox-wrapper input[type=checkbox] {
	width: 20px;
}

.pad-t-20 {
	padding-top: 20px;
}

.btn.multiselect {
	text-align: left;
}

.multiselect-container input[type="radio"] {
	display: none;
}

.multiselect-container > li > a > label.radio {
	margin-left: 0;
	padding-left: 12px;
}

input.datepicker {
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* (END) REPLACE WITH THIS SECTION WHEN READY */

/* CHARACTER  PPROPERTY PAGE */
.DNNPropertyDescription,
.DNNCharacterDescription {
	margin: 50px 0;
}

	.DNNPropertyDescription h3,
	.DNNCharacterDescription h3 {
		color: #022039;
		font-family: "proxima-nova-condensed",arial,sans-serif;
		font-size: 66px;
		font-style: italic;
		font-weight: 800;
		margin: 0 0 0.5em;
		margin-top: 20px;
		text-align: left;
		line-height: 0.8;
	}

	.DNNPropertyDescription p,
	.DNNCharacterDescription p {
		font-size: 20px;
		line-height: 1.3;
	}

.DNNPropertyHeadShot {
	margin: 70px 0 0 0;
}

.DNNCharacterHeadShot {
	text-align: left;
}

.DNNPropertyBodyShot,
.DNNCharacterBodyShot {
	text-align: right;
	text-align: left;
	margin-top: -113px;
}

	.DNNCharacterHeadShot img,
	.DNNCharacterBodyShot img {
		position: relative; /*for parallaxing*/
	}


	.DNNCharacterHeadShot img,
	.DNNPropertyHeadShot img,
	.DNNCharacterMoreFrom img,
	.DNNPropertyBodyShot img,
	.DNNCharacterBodyShot img {
		max-width: 100%;
	}


.DNNCharacterMoreFrom h3 {
	/*Remove titles temporally*/
	display: none;
	color: #022039;
	font-family: "proxima-nova-condensed",arial,sans-serif;
	font-size: 28px;
}

.DNNCharacterMoreFrom img {
	cursor: pointer;
}


html.wbk-layout-phone .DNNCharacterMoreFrom {
	text-align: center;
}

	html.wbk-layout-phone .DNNCharacterMoreFrom img {
		display: block;
		margin: 0 auto;
	}


@media screen and (max-width: 1280px) {
	.DNNPropertyDescription,
	.DNNCharacterDescription {
		margin: 30px 0;
	}

		.DNNPropertyDescription p,
		.DNNCharacterDescription p {
			font-size: 20px;
			line-height: 1.1;
		}

	.DNNCharacterHeadShot,
	.DNNPropertyHeadShot {
		margin: 0;
	}
}

html.wbk-layout-phone .DNNPropertyDescription h3, html.wbk-layout-phone .DNNCharacterDescription h3 {
	text-align: center;
}

html.wbk-layout-phone .DNNPropertyBodyShot,
html.wbk-layout-phone .DNNCharacterBodyShot {
	display: none;
}

html.wbk-layout-phone.wbk-page-type-character .detai-box,
html.wbk-layout-phone.wbk-page-type-property .detail-box {
	margin-top: -29px;
}

html.wbk-layout-phone .DNNCharacterHeadShot,
html.wbk-layout-phone .DNNPropertyHeadShot {
	text-align: center;
	padding: 0 5%;
}


	html.wbk-layout-phone .DNNPropertyHeadShot img {
		width: auto;
	}

html.wbk-layout-phone .DNNPropertyDescription,
html.wbk-layout-phone .DNNCharacterDescription {
	margin: 20px 0;
	text-align: center;
}

html.wbk-layout-phone.wbk-page-type-character .DNNRelatedRow > div,
html.wbk-layout-phone.wbk-page-type-property .DNNRelatedRow > div {
	padding: 0;
}
/*CSS for Legal Pages*/

.DNNSiteGeneric {
	background-image: url('images/desktop/banner/grey-chevron.png');
	padding-top: 160px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 650px;
	position: relative;
	width: 100%;
}

	.DNNSiteGeneric .row {
		margin: 0;
	}

@media (max-width: 1280px) {
	.DNNSiteGeneric {
		background-size: 1280px 574px;
		padding-top: 115px;
	}
}

html.wbk-layout-phone .DNNSiteGeneric {
	background-image: url('images/phone/banner/grey-chevron.png');
	padding: 90px 0 0;
	margin: 0;
	background-size: 1000px 343px;
}

.DNNSiteGeneric .title {
	color: #022039;
	font-size: 28px;
	line-height: 1;
}

.DNNSiteGeneric .subtitle {
	color: #48aeea;
	font-size: 20px;
}

.DNNSiteGeneric .small-subtitle {
	color: #48aeea;
}
/*Button-text centered vertically*/
.wbk-btn-exec span.btn-text,
.wbk-filters li a span.btn-text,
span.btn-text {
	position: relative;
	display: block;
	line-height: 1;
	top: 48%;
	white-space: normal;
	background: none;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: auto;
	float: none;
	text-transform: uppercase;
}


html.wbk-layout-phone span.btn-text {
	max-width: 150px;
	padding: 0;
	font-size: inherit;
}

html.wbk-layout-phone .wbk-btn-exec span.btn-text {
	max-width: 125px;
}


/*Body height greater than content height */
html.wbk-page-type-legal body,
html.wbk-page-type-gallery body {
	background: #f2f2f2;
}
/*Some media adjustment for verry small screen, buttons and text sitewide*/

html.wbk-layout-phone .wbk-gallery-item figcaption p {
	font-size: 22px;
	height: 100%;
}

@media (max-width: 500px) {
	.wbk-gallery-item figcaption p {
		font-size: 18px;
	}

	.wbk-filters li a span {
		font-size: 16px;
		padding: 0 5px;
	}


	html.wbk-layout-phone h2 {
		font-size: 35px;
	}


	html.wbk-page-type-exec.wbk-layout-phone .info h2 {
		font-size: 26px;
		line-height: 0.9;
	}

	.search-box input:focus, .search-box input {
		font-size: 18px;
	}
}

@media (max-width: 400px) {

	html.wbk-layout-phone .wbk-modal-header h2 {
		font-size: 25px;
	}
}

@media (max-width: 300px) {
	html.wbk-layout-phone h2 {
		font-size: 26px;
	}

	html.wbk-layout-phone .wbk-modal-header h2 {
		font-size: 20px;
	}
}

/*Analytics Pane*/
#wbk-analytics,
#wbk-redirects {
	display: none;
}

	#wbk-redirects .TitleH2 {
		display: none;
		visibility: hidden;
	}
/*Mystery Box Animation*/
.animated {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@-webkit-keyframes wb-tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1,1,1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1,1,1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1,1,1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1,1,1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes wb-tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1,1,1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1,1,1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1,1,1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1,1,1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.wb-tada {
	-webkit-animation-name: wb-tada;
	animation-name: wb-tada;
}

/*Content Page*/

html.wbk-page-thumbnails td > img {
	height: 20%;
}

html.wbk-page-content #wbk-desktop-top-nav,
html.wbk-page-thumbnails #wbk-desktop-top-nav {
	display: none;
}

.field-validation-error {
	color: red;
	font-size: 14px;
}

.wbk-page-content #wbk-body {
	margin: 50px;
	padding: 0;
}
html.wbk-page-type-promo body {
	background-color: #f2f2f2;
}

html.wbk-page-type-promo .DNNEventList span {
	display: inline-block;
	margin-left: 25px;
}

html.wbk-page-type-promo .DNNEventList p {
	margin: 7px 0;

}

html.wbk-page-type-promo .DNNHeaderChevronPane .banner-bg-fill {
	height: 100%;
	bottom: 0;
}

html.wbk-layout-desktop.wbk-page-type-promo .DNNBottomPane {
	margin-bottom: 45px;
}

@media (max-width: 1200px) {
	html.wbk-layout-desktop.wbk-page-type-promo .DNNPropertyBodyShot {
		margin-top: 0;
	}
}

/* Video player*/

.wbk-video-player {
    height: 446px;
}

.wbk-video-player .video-inner {
    position: relative;
    width: 65%;
    height: 100%;
    float: left;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: black;
    background-color: rgba(0,0,0,.5);
}

.wbk-video-player .video-inner.no-playlist,
.wbk-layout-phone .wbk-video-player .video-inner {
    width: 100%;
    padding: 0;
}

.wbk-layout-phone .wbk-video-player .video-playlist-viewport {
    display: none;
}

.wbk-video-player .video-playlist-viewport {
    position: relative;
    width: 35%;
    height: 100%;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: black;
    background-color: rgba(0,0,0,.5);
}

.wbk-video-player .video-playlist-item {
    position: relative;
    width: 100%;
    float: none;
    list-style: outside none none;
    color: lightgray;
    overflow: hidden;
}

.wbk-video-player .video-playlist-item.video-playlist-item-selected {
    color: white;
}

.wbk-video-player .video-playlist-item .video-playlist-item-thumbnail {
    width: 50%;
    height: auto;
    float: left;
}

.wbk-video-player .video-playlist-item .video-playlist-item-title {
    width: 50%;
    float: left;
    padding: 10% 6px;
    font-size: 11pt;
    line-height: 20px;
    cursor: default;
}

@media (max-width: 1200px) {
    .wbk-video-player {
        height: 380px;
    }
    .wbk-video-player .video-playlist-item .video-playlist-item-title {
        padding: 6px 6px;
        font-size: 11pt;
        line-height: 20px;
    }
}

@media (max-width: 992px) {
    .wbk-video-player {
        height: 320px;
    }
    .wbk-video-player .video-playlist-item .video-playlist-item-title {
        padding: 4px 4px;
        font-size: 8pt;
        line-height: 16px;
    }
}