@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) <== rwc: where is this?
        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",Arial,Helvetica,sans-serif		400				normal
Regular Italic		"proxima-nova-condensed",Arial,Helvetica,sans-serif		400				italic
Bold				"proxima-nova-condensed",Arial,Helvetica,sans-serif		700				normal
Bold Italic			"proxima-nova-condensed",Arial,Helvetica,sans-serif		700				italic
Extrabold			"proxima-nova-condensed",Arial,Helvetica,sans-serif		800				normal
Extrabold Italic	"proxima-nova-condensed",Arial,Helvetica,sans-serif		800				italic

Regular: 			"Tobi","Arial Black",Arial,Helvetica,sans-serif;
					"helsinki",Arial,Helvetica,sans-serif					400				normal

Medium				'Roboto',arial,sans-serif;
==> src: from typekit: http://use.typekit.net/urg5etk.js
==> used in: legal footer

XXXXXXXXXXXXXXXXXXXXXXX FOR LOCALES NOT SUPPORTED YET XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Bold				"Noto Sans","Arial Black",Arial,Helvetica,sans-serif;	700				normal
==> src: filesystem or @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=latin,greek,latin-ext,greek-ext,cyrillic,devanagari,vietnamese,cyrillic-ext);
==> used in: main page, nav, headers

Regular				"Noto Sans",Arial,Helvetica,sans-serif;					400				normal
src: filesystem or @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=latin,greek,latin-ext,greek-ext,cyrillic,devanagari,vietnamese,cyrillic-ext);
==> used in: terms page, change lang, char/property desctiption

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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;
}

html.wbk-layout-desktop.wbk-gallery-bottom #siteWrapper {
    overflow: hidden;
    height: 100vh;
}
html.wbk-page-type-exec.wbk-layout-desktop.is-ipad #siteWrapper,
html.wbk-page-type-exec.wbk-layout-desktop.is-tablet #siteWrapper {
    /* KW-7056 */
    position: fixed;
    width: 100%
}

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

.container-fluid {
    padding: 0;
}

html.wbk-layout-desktop .container-fluid { /* KW-4289, KW-4217, KW-4300;*/
    padding: 0;
    height: 100vh;
}

/* 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-modal {
        width: 630px;
    }
}

@media (min-width: 992px) {
    /*KW-4289, KW-4217, KW-4300;*/
    .wbk-container:not(.detail-box) {
        width: 945px;
    }

    .detail-box {
        max-width: 945px;
    }

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

@media (min-width: 1200px) {
    /*KW-4289, KW-4217, KW-4300;*/
    .wbk-container:not(.detail-box) {
        width: 1155px;
    }

    .detail-box {
        max-width: 1155px;
    }
}

@media (min-width: 1280px) {
    /*KW-4289, KW-4217, KW-4300;*/
    .wbk-container-modal:not(.detail-box) {
        width: 1100px;
    }

    .detail-box {
        max-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", Arial, Helvetica, sans-serif;
    /*font-size: 18px;*/
    font-size: 1.25em;
    line-height: 1.3em;
    position: relative;
    z-index: 0;
    padding-top: 93px; /* push down on all vertical pages to compensate for the top-nav (83px) + padding between top nav and beginning of content (30px) */
}

@media screen and (max-width: 1100px) {
    #wbk-body {
        padding-top: 73px;
    }
}

.wbk-page-type-exec #wbk-body {
    padding-top: 130px; /*150px;*/
}

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

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

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: 1002;
}

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

.wbk-page-home3 #wbk-desktop-bottom-nav-inner,
.wbk-page-home4 #wbk-desktop-bottom-nav-inner,
.wbk-page-type-property3 #wbk-desktop-bottom-nav-inner,
.wbk-page-type-character3 #wbk-desktop-bottom-nav-inner,
.wbk-page-type-promo3 #wbk-desktop-bottom-nav-inner,
.wbk-page-type-exec-3 #wbk-desktop-bottom-nav-inner {
    height: 40px;
    position: relative;
    left: 11px;
    top: 1px;
}

.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; /* TODO: rwc: this may not work in RTL locales  */
    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; /* TODO: rwc: this may not work in RTL locales  */
    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; /* TODO: rwc: this may not work in RTL locales  */
    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,
#wbk-phone-left-nav .parents-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 .parents-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 .parents-nav .switch {
    background-image: url("images/desktop/page-parents/icon-parents.png");
    background-size: 20px auto;
    background-position: 22px center !important;
    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, Helvetica, 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; /* TODO: rwc: this may not work in RTL locales  */
}

#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 .parents-nav,
#wbk-phone-left-nav .legal-nav {
    background-color: #001926;
}

#wbk-phone-left-nav .language-nav .switch,
#wbk-phone-left-nav .parents-nav .switch,
#wbk-phone-left-nav .legal-nav .switch,
#wbk-phone-left-nav .language-nav a,
#wbk-phone-left-nav .parent-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 .parents-nav .switch {
    background-position: 7px -500px; /* todo set correct icon */
}

#wbk-phone-left-nav .parents-nav strong {
    font-weight: normal;
}

#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 .parent-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 .parents-nav .switch span,
#wbk-phone-left-nav .legal-nav .switch span {
    background-position: right -7px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#wbk-phone-left-nav .legal-nav ul li a {
    font-family: "Roboto", Arial, Helvetica, 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 .parents-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; /* TODO: rwc: this may not work in RTL locales  */
    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;
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    width: 150%; /* fallback for browsers without support for calc() */
    width: calc(105% / .7);
}

/* 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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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;
}

#wbk-phone-bottom-nav .showsmore .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;
}

#wbk-phone-bottom-nav .showsmore .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");
}

#wbk-phone-bottom-nav .showsmore .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/icon-showsmore.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;
    }

    html.wbk-layout-phone #wbk-body {
        -webkit-transition: margin-left .25s ease-out;
        -o-transition: margin-left .25s ease-out;
        -moz-transition: margin-left 0.25s ease-out 0s;
        -ms-transition: margin-left 0.25s ease-out 0s;
        transition: margin-left 0.25s ease-out 0s;
        width: 100%;
        margin-bottom: 63px; /*real bottom-menu height 90*0.7*/
    }

    html.wbk-layout-phone.offcanvas-phone #wbk-body {
        margin-left: 90%;
    }
}

/*
********
******** 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 6px transparent;
    /*display: inline-block;*/
    display: none;
    height: 83px;
    margin: 0 15px 0 10px;
    text-indent: -9999px;
    width: 118px;
}

.wbk-page-type-property3 #wbk-desktop-top-nav .local-nav .logo a,
.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a,
.wbk-page-type-promo3 #wbk-desktop-top-nav .local-nav .logo a,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a {
    background: url('images/desktop/nav-top/wb-logo-header-vert.png') left 0px no-repeat;
    display: inline-block;
    height: 128px;
    margin: 0 0px 0 0px;
    text-indent: -9999px;
    width: 110px;
}

#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-page-type-property3 #wbk-desktop-top-nav .local-nav .property a,
.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .property a,
.wbk-page-type-promo3 #wbk-desktop-top-nav .local-nav .property a,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .property a {
    height: 100px;
    margin-top: 10px;
    margin-left: 0;
}

#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-page-type-property3 #wbk-desktop-top-nav-inner .local-nav,
.wbk-page-type-character3 #wbk-desktop-top-nav-inner .local-nav,
.wbk-page-type-promo3 #wbk-desktop-top-nav-inner .local-nav,
.wbk-page-type-exec-3 #wbk-desktop-top-nav-inner .local-nav {
    background: none;
}

#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;
    }
}

/***
****
**** DESKTOP TOP NAV 3
**** (this needs to be in the default skin template so that we do not duplicate it in other pages)
****/

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

#top-nav-no-click {
    z-index: 109;
}

#wbk-desktop-top-nav-inner-3 {
    width: 100%;
    margin-top: -339px;
    top: 0px;
    position: relative;
}

#wbk-desktop-top-nav-inner-3.active {
    margin-top: 0px;
    top: 0px;
}

#wbk-desktop-top-nav-inner-3.opening {
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -moz-animation-name: opening;
    -o-animation-name: opening;
    -webkit-animation-name: opening;
    animation-name: opening;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes opening {
    0% {
        margin-top: -339px;
        top: 0px;
    }

    100% {
        margin-top: 0px;
        top: 0px;
    }
}

#wbk-desktop-top-nav-inner-3.closing {
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -moz-animation-name: closing;
    -o-animation-name: closing;
    -webkit-animation-name: closing;
    animation-name: closing;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin-top: 0px;
    top: 0px;
    position: relative;
}

@keyframes closing {
    0% {
        margin-top: 0px;
        top: 0px;
    }

    100% {
        margin-top: -339px;
        top: 0px;
    }
}

#wbk-desktop-top-nav-inner-3.partial {
    margin-top: -130px;
}

#wbk-desktop-top-nav-inner-3.bounce-up {
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-name: bounceUp;
    -o-animation-name: bounceUp;
    -webkit-animation-name: bounceUp;
    animation-name: bounceUp;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes bounceUp {
    0% {
        margin-top: -130px;
    }

    15% {
        margin-top: -110px;
    }

    40% {
        margin-top: -150px;
    }

    100% {
        margin-top: -339px;
    }
}

#wbk-desktop-top-nav-3 .toggle {
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); /* << always center of screen */
    top: calc(100% - 2px);
    position: absolute;
    cursor: pointer;
    background-image: url("images/desktop/nav-top/franchise-menu/dd-bg-tab.png");
    width: 246px;
    height: 132px;
}

#wbk-desktop-top-nav-3 .toggle .toggle_logo {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-bg-tab_icon.png");
    display: block;
    margin: auto;
    position: relative;
    width: 81px;
    height: 49px;
    top: 27px;
    left: 5px;
    background-repeat: no-repeat;
    background-size: 90%;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    /* remove blinking cursor */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    color: transparent;
}

#wbk-desktop-top-nav-3 .toggle .toggle_logo: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);
}

#wbk-desktop-top-nav-3 .toggle .batman_toggle_logo {
    background-image: url("images/desktop/nav-top/page-home-3/dc_tab_bat_symbol.png");
    display: block;
    width: 120px;
    height: 75px;
    margin: auto;
    position: relative;
    top: 6px;
    right: 0px;
}

/* GLOBAL NAV RWD */

@media screen and (max-width: 2000px) {
    #wbk-desktop-top-nav-3 {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -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;
        width: calc(100% / 0.9);
    }

    #wbk-desktop-top-nav .global-nav {
        -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;
    }

    #wbk-desktop-top-nav-3 .slider li {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1800px) {
    #wbk-desktop-top-nav-3 {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -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;
        width: calc(100% / 0.7);
    }

    #wbk-desktop-top-nav .global-nav {
        -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;
    }

    #wbk-desktop-top-nav-3 .slider li {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 1200px) {
    #wbk-desktop-top-nav-3 {
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -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;
        width: calc(100% / 0.6);
    }
}

@media screen and (max-width: 1000px) {
    #wbk-desktop-top-nav-3 {
        -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: 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;
        width: calc(100% / 0.5);
    }
}

@media screen and (max-width: 800px) {
    #wbk-desktop-top-nav-3 {
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -o-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        -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;
        width: calc(100% / 0.4);
    }
}

/* TOP NAV RWD */

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

    #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;
    }
}

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

    #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;
    }
}

#wbk-desktop-top-nav-3 .slider {
    width: 100%;
    height: 320px; /* was 321 - this changed with new asset in KW-4025 */
    left: 0;
    right: 0;
    top: -100%;
    position: relative;
    background-image: url('images/desktop/nav-top/franchise-menu/dd-bg.png'), url('images/desktop/nav-top/franchise-menu/dd-bg-1px.png');
    background-position: center top, center top;
    background-repeat: no-repeat, repeat-x;
}

#wbk-desktop-top-nav-3 .slider .bx-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px auto;
    /*padding: 0 120px;*/
}

#wbk-desktop-top-nav-3 .slider li {
    /*padding-top: 64px;*/
    height: 260px;
    max-width: 190px;
}

#wbk-desktop-top-nav-3 .slider li a {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#wbk-desktop-top-nav-3 .slider li.spacer a {
    top: 0;
    bottom: auto;
    z-index: 10;
}

#wbk-desktop-top-nav-3 .slider li.character p {
    margin: 0 32px;
    text-align: center;
    position: relative;
    display: inline-block;
    bottom: -25px;
    height: 60px;
}

#wbk-desktop-top-nav-3 .slider li.character img,
#wbk-desktop-top-nav-3 .slider li.franchise img,
#wbk-desktop-top-nav-3 .slider li.property img {
    max-width: 144px;
    width: 144px;
    margin: 0px auto;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

#wbk-desktop-top-nav-3 .slider li .title-property {
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 12px;
}

#wbk-desktop-top-nav-3 .slider li.sd .title-property,
#wbk-desktop-top-nav-3 .slider li.lt .title-property,
#wbk-desktop-top-nav-3 .slider li.hub .title-property {
    font-size: 20px;
    color: #505050;
    text-shadow: #FFF 1px 1px 1px;
    font-weight: 800;
}

#wbk-desktop-top-nav-3 .slider li.dc .title-property {
    font-size: 18px;
    color: #4D4D4D;
    font-weight: 800;
}

#wbk-desktop-top-nav-3 .slider li.character .title-character {
    color: #48aeea;
    font-size: 14px;
    text-transform: uppercase;
}

#wbk-desktop-top-nav-3 .slider li .title-property::before {
    text-shadow: none !important;
    content: "\00a0"; /* << space */
    position: absolute;
    width: 22px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
}

#wbk-desktop-top-nav-3 .slider li.dc .title-property::before {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-dc.png");
    top: 11px;
    left: -24px;
}

#wbk-desktop-top-nav-3 .slider li.hub .title-property::before,
#wbk-desktop-top-nav-3 .slider li.lt .title-property::before,
#wbk-desktop-top-nav-3 .slider li.sd .title-property::before {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-wb.png");
    top: 11px;
    left: -24px;
}

#wbk-desktop-top-nav-3 .slider li.current-page-item .title-property {
    color: #fff;
    text-shadow: #000 1px 2px 3px;
    font-weight: 400;
}

#wbk-desktop-top-nav-3 .slider li.current-page-item .title-property::before {
    display: none;
}

#wbk-desktop-top-nav-3 .slider li.current-page-item p::after {
    content: "";
    position: absolute;
    top: 7px;
    left: -20px;
    bottom: 5px;
    right: -20px;
    background-color: #F48533;
    z-index: -1;
    border-radius: 30px;
    box-shadow: 0 4px 0 0 #686868;
}

#wbk-desktop-top-nav-3 .slider li.dc .title-character {
    color: #48aeea;
    font-size: 14px;
    text-transform: uppercase;
}

#wbk-desktop-top-nav-3 .slider li.hub .title-character,
#wbk-desktop-top-nav-3 .slider li.lt .title-character,
#wbk-desktop-top-nav-3 .slider li.sd .title-character {
    color: #F48533;
    font-size: 14px;
}

#wbk-desktop-top-nav-3 .slider li.character.dc,
#wbk-desktop-top-nav-3 .slider li.franchiseLink.dc {
    font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 600;
}

#wbk-desktop-top-nav-3 .slider li.character.hub,
#wbk-desktop-top-nav-3 .slider li.franchiseLink.hub,
#wbk-desktop-top-nav-3 .slider li.character.lt,
#wbk-desktop-top-nav-3 .slider li.franchiseLink.lt,
#wbk-desktop-top-nav-3 .slider li.character.sd,
#wbk-desktop-top-nav-3 .slider li.franchiseLink.sd {
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif;
    text-shadow: #000 1px 2px 1px;
    font-style: normal;
    font-weight: 400;
}

#wbk-desktop-top-nav-3 .slider li.current-page-item {
    background: url('images/desktop/nav-top/page-home-3/wb_page_indicator.png') top center no-repeat;
}

#wbk-desktop-top-nav-3 .slider li.spacer {
    max-width: 28px;
    margin: 0px 40px 0 37px !important;
    padding-top: 70px;
}

#wbk-desktop-top-nav-3 .slider li.spacer span.slash {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-separator.png");
    width: 28px;
    height: 181px;
    display: inline-block;
    /*background-size: 20px 150px;*/
    background-repeat: no-repeat;
}

#wbk-desktop-top-nav-3 .slider li.spacer span.brand-logo.dc {
    background: url("images/desktop/nav-top/franchise-menu/dd-legend-logo-dc-2.png") no-repeat;
    width: 64px;
    height: 34px;
    position: absolute;
    top: 16px;
    left: 71px;
}

#wbk-desktop-top-nav-3 .slider li.spacer span.brand-logo.dc::before {
    content: "\00a0"; /* << space */
    position: relative;
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-dc.png");
    background-repeat: no-repeat;
    /*background-size: 14px;*/
    width: 22px;
    height: 22px;
    display: inline-block;
    top: 6px;
    left: -26px;
}

#wbk-desktop-top-nav-3 .slider li.spacer span.brand-logo.hub {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-logo-wb.png");
    width: 44px;
    height: 51px;
    position: absolute;
    top: 5px;
    left: 64px;
}

#wbk-desktop-top-nav-3 .slider li.spacer span.brand-logo.hub::before {
    content: "\00a0"; /* << space */
    position: relative;
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-wb.png");
    background-repeat: no-repeat;
    /*background-size: 14px;*/
    width: 22px;
    height: 22px;
    display: inline-block;
    top: 16px;
    left: -22px;
}

#wbk-desktop-top-nav-3 .slider li.spacer img {
    height: 160px;
    width: 40px;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-arrow-outer {
    position: absolute;
    top: -6px;
    bottom: 0;
    width: 119px;
    height: 100%;
    margin: 0;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-prev-outer {
    left: 0;
    right: auto;
    width: 130px;
    background: url('images/desktop/nav-top/franchise-menu/dd-left-button.png') right center no-repeat !important;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-next-outer {
    left: auto;
    right: 0;
    width: 119px;
    background: url('images/desktop/nav-top/franchise-menu/dd-right-button.png') left center no-repeat !important;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction a {
    padding: 0;
    top: 49%;
    margin-top: 0;
    -moz-transform: translate(0, -51%);
    -ms-transform: translate(0, -51%);
    -o-transform: translate(0, -51%);
    -webkit-transform: translate(0, -51%);
    transform: translate(0, -51%);
    width: 106px;
    height: 124px;
    left: 0px;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-prev {
    /*background: url('images/desktop/nav-top/franchise-menu/dd-left-arrows.png') right center no-repeat !important;*/
    background-image: url(images/desktop/nav-top/franchise-menu/dd-left-arrows.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 50px !important;
    left: -35px;
    -webkit-transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    -o-transition: background-size 0.4s ease;
    transition: background-size 0.4s ease;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-prev:hover {
    background: url('images/desktop/nav-top/franchise-menu/dd-left-arrows.png') right center no-repeat !important;
    /*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);*/
    background-size: 59px !important;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-next {
    background: url('images/desktop/nav-top/franchise-menu/dd-right-arrows.png') left center no-repeat !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: 50px !important;
    left: 39px;
    -webkit-transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    -o-transition: background-size 0.4s ease;
    transition: background-size 0.4s ease;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-controls-direction .bx-next:hover {
    background: url('images/desktop/nav-top/franchise-menu/dd-right-arrows.png') left center no-repeat !important;
    /*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);*/
    background-size: 59px !important;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-viewport {
    height: 100% !important;
    width: 100% !important;
    left: 0;
}

#wbk-desktop-top-nav-3 .bx-wrapper .bx-viewport ul {
    margin-left: 0;
}

#wbk-desktop-top-nav-3 .slider 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;
}

#wbk-desktop-top-nav-3 .slider li.hover a {
    -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-desktop-top-nav-3 .slider li.no-hover a {
    opacity: 0.5;
}

#wbk-desktop-top-nav-3 {
    -webkit-transition: all 0.5s cubic-bezier(0.405, 0, 0.345, 1); /* older webkit */
    -webkit-transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -moz-transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -o-transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445); /* custom */
}

#wbk-desktop-top-nav-3.bouncing {
    -moz-animation-timing-function: cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -o-animation-timing-function: cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -webkit-animation-timing-function: cubic-bezier(0.405, -0.215, 0.345, 1.445);
    animation-timing-function: cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-name: bouncingAnimation;
    -o-animation-name: bouncingAnimation;
    -webkit-animation-name: bouncingAnimation;
    animation-name: bouncingAnimation;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes bouncingAnimation {
    0% {
        top: 0px;
    }

    20% {
        top: 13px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 0px;
    }
}

/*
********
******** 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 {
    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 {
    padding-top: 55px; /* 90px; KW-3512 */
}

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

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: 1002;
}

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

html.wbk-layout-desktop #executable {
    margin: 20px auto;
    position: relative;
}

html.wbk-layout-desktop.wbk-page-type-downloadable #executable,
html.wbk-layout-desktop.wbk-page-printable #executable,
html.wbk-layout-desktop.wbk-page-comic #executable,
html.wbk-layout-desktop.wbk-comic-reader #executable {
    margin: 0 20px 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-wrapper {
    display: inline-block;
    max-height: 45px;
}
.wbk-layout-desktop.wbk-page-comic.wbk-page-type-exec-3 .meta .like-wrapper {
    padding-top: 10px;
}
html.wbk-page-comic.wbk-layout-phone  .like-wrapper {
    max-height: none;
    margin-top:10px;
}

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

.meta .like-box .indicator {
    display: inline-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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    font-size: 42px;
    font-style: italic;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    padding-right: 10px;
}

.meta .info .date {
    color: #0082cf;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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;
}

html.wbk-layout-phone .meta .info {
    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
********
*/


#executable.video .aspect-ratio {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 45%; /*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-exec .meta {
    margin: 0 auto ;
    padding: 0;
}

html.wbk-page-type-video .meta {
    width: 80%;
}

html.wbk-page-comic .meta,
html.wbk-page-printable .meta {
    margin-top: 200px;
}

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

#executable.video .aspect-ratio #executable-inner {
    -moz-box-shadow: -12px 12px 0 0 rgba(0, 0, 0, 0.34), 0 0 0 4px #000;
    -webkit-box-shadow: -12px 12px 0 0 rgba(0, 0, 0, 0.34), 0 0 0 4px #000;
    box-shadow: -12px 12px 0 0 rgba(0, 0, 0, 0.34), 0 0 0 4px #000;
    height: 100%;
    width: 80%;
    position: absolute;
    /*KW-2811*/
    margin: 0 0 0 10%;
}

/*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-printable #executable {
    display: table;
    height: 500px;
}

html.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; max-width: 100%;
    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%;
}

.icon-play-again {
    background: url("images/desktop/page-executable/play_again_overlay.png") no-repeat transparent;
    height: 183px;
    width: 243px;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    -o-transform: translate(-50%, -50%) scale(0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);

    padding-top: 108px;
    color: #FFF !important;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 36px;
}

/*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-comic .comic-buttons,
html.wbk-page-printable .download-buttons,
html.wbk-page-wallpaper .download-buttons {
    margin: 20px 0 0;
    float: none;
    clear: both;
}
html.wbk-page-comic.wbk-layout-phone .comic-buttons {
    margin: 0;
}

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

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

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

    .modal-hero {
        display: none;
    }
}

@media (max-height: 600px) {
    .modal-dialog {
        margin-top: 80px;
    }
}

#modal-positiveleavingdomain, #modal-leavingdomain {
    overflow: visible;
}

#modal-positiveleavingdomain .modal-dialog {
    width: 597px;
    max-width: 100%;
    z-index: 1050; /*this should set jerry's foot above the box*/
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    left: 50%;
}

@media (max-height: 800px) {
    #modal-positiveleavingdomain .modal-dialog {
        -moz-transform: translate(-50%, -50%) scale(0.7);
        -ms-transform: translate(-50%, -50%) scale(0.7);
        -o-transform: translate(-50%, -50%) scale(0.7);
        -webkit-transform: translate(-50%, -50%) scale(0.7);
        transform: translate(-50%, -50%) scale(0.7);

    }
}

#modal-positiveleavingdomain .modal-hero.positive {
    background: url("images/desktop/modal-bs/HUB_modal_pos.png") no-repeat scroll center top transparent;
    height: 436px;
    position: relative;
    bottom: -30px; /*different for other sites*/
    z-index: 1051;
}

#modal-leavingdomain .modal-dialog {
    margin-top: 150px;
    width: 707px;
    z-index: 1050; /*this should set jerry's foot above the box*/
}

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

#modal-zoinkspoints .modal-body {
    background: url(images/desktop/modal-bs/pattern-overlay2.png) no-repeat top left #1a84dc;
    border-bottom: 1px solid #044d92;
}

#modal-zoinkspoints .modal-hero {
    background: url(images/desktop/modal-bs/scooby-image-Zoinks.png) center top no-repeat;
    background-size: auto 300px;
    height: 300px;
    position: relative;
    bottom: -35px;
    z-index: 1051;
}

.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, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
}
.wbk-banner .wbk-banner-content a {
    color: #fff;
    text-decoration: underline !important;
}

.wbk-banner .wbk-banner-content h2 {
    color: #fff;
    font-family: "Roboto", Arial, Helvetica, 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, Helvetica, 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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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 span {
    font-size: 16px !important;
}
.modal-body p {
    color: #fff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}

.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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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),
.modal-button.done 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),
.modal-button.done: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-footer {
        padding: 19px 5px;
    }

    .modal-button {
        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;
}

html.wbk-layout-phone.wbk-page-type-video #executable-inner,
html.wbk-layout-phone.wbk-page-type-video #executable.video .aspect-ratio #executable-inner {
    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-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-printable.wbk-layout-phone .executable-meta{
    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;
    display:inline-block;
}

/* 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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: 0px 0px;
}

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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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;
    margin:0 -2px;
}

.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-layout-phone .wbk-gallery-item {
    margin-top: 7%;
}

.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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: absolute;
}

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;
    pointer-events: none;
}

.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*/
.wbk-layout-desktop .bxgallerypage .bx-wrapper {
    max-width: 470px !important;
    margin: 0 !important;
}

.wbk-layout-phone:not(.wbk-page-type-character3):not(.wbk-page-type-property3) .bxgallerypage .bx-wrapper {
    max-width: 1100px !important;
}

.bxgallerypage .bx-wrapper {
    margin: 0 auto;
    padding: 0 30px;
}

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

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

.bxgallerypage li {
    opacity: 0;
}

.wbk-container .slick-slider .slick-slide {
    height: auto;
}

.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;
}

html.wbk-layout-phone .bxgallerypage .bx-wrapper {
    margin-left: 50px !important;
    margin-right: 50px !important;
    max-width: 100% !important;
}

.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;
}

.wbk-modal#modal-language,
.wbk-modal#modal-language .wbk-modal-outer,
.wbk-modal#modal-legal,
.wbk-modal#modal-legal .wbk-modal-outer {
    z-index: 1100;
}

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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: none;
    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: none;
}

.wbk-modal-filters.bottom li.active {
    background: none;
}

.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 */
    -ms-zoom: 0.8;
    zoom: 0.8; /* Other non-webkit browsers */
    -ms-zoom: 80%;
    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: 7px 20px 8px;
    border-left: 1px solid #FFF;
    margin: 0;
    position: relative;
    top: 7px;
}

#modal-legal li.wb_logo {
    border: none;
    top: 0px;
}

#modal-legal li.no_border {
    border-left: none;
}

#modal-legal li a {
    border-bottom: 1px solid white;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#modal-legal a:hover,
#modal-legal a.selected {
    color: rgb(0, 140, 255);
}
#modal-legal li:first-child {
    border-left: none;
}

#modal-legal .wbk-modal-body p {
    color: #6b99b1;
    font-family: Arial, Helvetica, sans-serif; /* KW-2891 */
    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;
}

html.wbk-layout-desktop .DNNBanner,
html.wbk-layout-desktop .DNNBanner .bg-1,
html.wbk-layout-desktop .DNNBanner .bg-2,
html.wbk-layout-desktop .banner-bg-fill {
    height: 100vh;
}

.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;
}
/*.wbk-layout-phone .DNNBanner .bg-2 {
    background-size: cover !important;
}*/

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

.DNNHeaderChevronPane .banner-bg-fill {
    width: 100%;
    position: absolute;
    top: 350px;
    bottom: 0;
    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: 0;
    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;
    background-position: 50% 54px;
}

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.hub.banner-generic.downloads .bg-1 {
    background-image: url('images/desktop/banner/HUB_Exec_Generic_Downloads.jpg');
}

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

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

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

/** Scooby Doo generic **/
.DNNBanner.scooby-doo.banner-generic .bg-1 {
    background-image: url('images/desktop/banner/SD/banner-generic.jpg');
}

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

.DNNBanner.banner-generic-chevron .bg-2 {
    /* KW-2855 */
    background-image: url('images/desktop/chevrons/HUB/HUB_verticalGenericBG.png');
}

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

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

/*.DNNBanner.hub.banner-flintstones-chevron.yellow.flintstones .bg-2 {
	background-image: url('images/desktop/banner/FS/FL_verticalYellowBG.png');
}*/

.DNNBanner.hub.banner-tom-jerry-chevron.tom-and-jerry .bg-2 {
    background-image: url('images/desktop/banner/TJ/TJ_verticalGreyBG.png');
}

.DNNBanner.hub.banner-tom-jerry-chevron.teal.tom-and-jerry .bg-2 {
    background-image: url('images/desktop/banner/TJ/TJ_verticalTealBG.png');
}

/* general backgrounds #f2f2f2 */
.DNNBanner.banner-character .bg-2, .DNNBanner.hub.banner-character .bg-2 {
    background-image: url('images/desktop/banner/HUB_verticalGeneric_grey.png');
}

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

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

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

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

.DNNBanner.banner-flintstones-chevron .banner-bg-fill {
    background: #f2f2f2;
}

.DNNBanner.banner-tom-jerry-chevron .banner-bg-fill {
    background: #f2f2f2;
}

/* comics yellow #FFC200 */
.DNNBanner.banner-comics .bg-2, .DNNBanner.hub.banner-comics .bg-2 {
    background-image: url('images/desktop/banner/HUB_verticalGeneric_yellow.png');
}

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

/* videos purple #703DB5 */
.DNNBanner.banner-videos .bg-2, .DNNBanner.hub.banner-videos .bg-2 {
    background-image: url('images/desktop/banner/HUB_verticalGeneric_purple.png');
}

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

/* games red #BF173F */
.DNNBanner.banner-games .bg-2, .DNNBanner.hub.banner-games .bg-2 {
    background-image: url('images/desktop/banner/HUB_verticalGeneric_red.png');
}

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

/* downloads green #94A300 */
.DNNBanner.banner-downloads .bg-2, .DNNBanner.hub.banner-downloads .bg-2 {
    background-image: url('images/desktop/banner/HUB_verticalGeneric_green.png');
}

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

/* END: Executable CHEVRON */

/*
********
******** GALLERY CHEVRON IN EXE PAGES
********
*/
.DNNGalleriesPane {
    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 {
    /*, .wbk-layout-phone .featured-title {*/
    color: #fff;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    font-size: 80px;
    font-style: italic;
    font-weight: 800;
    text-shadow: -4px 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: 30px !important;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    font-weight: 400;
    height: auto;
    line-height: 1em;
    margin: 40px 0 0;
    text-align: center;
    text-shadow: none;
    margin: 20px 0;
}

@media (max-width: 425px) {
    .wbk-layout-phone .DNNGalleryRelated h3,
    .wbk-layout-phone .DNNGalleryRelated h2 {
        font-size: 26px !important;
    }
}

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 */
/* videos purple #703DB5 */
.gallery-bg.video, .DNNGalleryVideo .gallery-bg {
    background-image: url('images/desktop/gallery/HUB_verticalVideoBG.png');
}

/* KW-2855 */
.DNNGalleryVideo.hub .gallery-bg.video {
    background-image: url('images/desktop/chevrons/HUB/HUB_verticalVideoBG.png');
}

.DNNGalleryVideo.hub.flintstones .gallery-bg.video {
    background-image: url('images/desktop/gallery/FS/FL_verticalVideoBG.png');
}

.DNNGalleryVideo.hub.tom-and-jerry .gallery-bg.video {
    background-image: url('images/desktop/gallery/TJ/TJ_verticalVideoBG.png');
}

.DNNGalleryVideo.hub.looney-tunes .gallery-bg.video {
    background-image: url('images/desktop/gallery/LT/LT_verticalVideoBG.png');
}

.DNNGalleryVideo.hub.scooby-doo .gallery-bg.video {
    background-image: url('images/desktop/gallery/SD/SD_verticalVideoBG.png');
}

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

/* games red #BF173F */
.gallery-bg.game, .DNNGalleryGame .gallery-bg {
    background-image: url('images/desktop/gallery/HUB_verticalGamesBG.png');
}

/* KW-2855 */
.DNNGalleryGame.hub .gallery-bg.game {
    background-image: url('images/desktop/chevrons/HUB/HUB_verticalGamesBG.png');
}

.DNNGalleryGame.hub.flintstones .gallery-bg.game {
    background-image: url('images/desktop/gallery/FS/FL_verticalGamesBG.png');
}

.DNNGalleryGame.hub.tom-and-jerry .gallery-bg.game {
    background-image: url('images/desktop/gallery/TJ/TJ_verticalGamesBG.png');
}

.DNNGalleryGame.hub.looney-tunes .gallery-bg.game {
    background-image: url('images/desktop/gallery/LT/LT_verticalGamesBG.png');
}

.DNNGalleryGame.hub.scooby-doo .gallery-bg.game {
    background-image: url('images/desktop/gallery/SD/SD_verticalGamesBG.png');
}

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

/* comics yellow #FFC200 */
.gallery-bg.comicbook, .DNNGalleryComic .gallery-bg {
    background-image: url('images/desktop/gallery/HUB_verticalComicsBG.png');
}

/* KW-2855 */
.DNNGalleryComic.hub .gallery-bg.comicbook {
    background-image: url('images/desktop/chevrons/HUB/HUB_verticalComicsBG.png');
}

.DNNGalleryComic.hub.flintstones .gallery-bg.comicbook {
    background-image: url('images/desktop/gallery/FS/FL_verticalComicsBG.png');
}

.DNNGalleryComic.hub.tom-and-jerry .gallery-bg.comicbook {
    background-image: url('images/desktop/gallery/TJ/TJ_verticalComicsBG.png');
}

.DNNGalleryComic.hub.looney-tunes .gallery-bg.comicbook {
    background-image: url('images/desktop/gallery/LT/LT_verticalComicsBG.png');
}

.DNNGalleryComic.hub.scooby-doo .gallery-bg.comicbook {
    background-image: url('images/desktop/gallery/SD/SD_verticalComicsBG.png');
}

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

/* downloads green #94A300 */
.gallery-bg.downloadable, .DNNGalleryDownload .gallery-bg {
    background-image: url('images/desktop/gallery/HUB_verticalDownloadsBG.png');
}

/* KW-2855 */
.DNNGalleryDownload.hub .gallery-bg.downloadable {
    background-image: url('images/desktop/chevrons/HUB/HUB_verticalDownloadsBG.png');
}

.DNNGalleryDownload.hub.flintstones .gallery-bg.downloadable {
    background-image: url('images/desktop/gallery/FS/FL_verticalDownloadsBG.png');
}

.DNNGalleryDownload.hub.tom-and-jerry .gallery-bg.downloadable {
    background-image: url('images/desktop/gallery/TJ/TJ_verticalDownloadsBG.png');
}

.DNNGalleryDownload.hub.looney-tunes .gallery-bg.downloadable {
    background-image: url('images/desktop/gallery/LT/LT_verticalDownloadsBG.png');
}

.DNNGalleryDownload.hub.scooby-doo .gallery-bg.downloadable {
    background-image: url('images/desktop/gallery/SD/SD_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/HUB_verticalGeneric_grey.png');
}

html.wbk-page-type-exec.wbk-layout-phone .DNNGalleryRelated .gallery-bg {
    background-image: url('images/phone/banner/HUB_verticalGeneric_grey.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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: 0px -1px; /*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, -13px -1px; /*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: -487px -1px; /*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 .showsmore .wbk-btn span:nth-child(2) {
    background-image: url("images/desktop/nav-top/icon-showsmore.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, -13px -1px; /*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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: 40px;
    vertical-align: top;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    font-weight: 800;
    font-style: italic;
    font-size: 16px;
    line-height: 40px;
}

/* text */
#wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1) {
    background-image: url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
    background-position: left top;
    padding: 0 0 0 20px;
}

#wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(1) {
    background-image: url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
    background-position: 0px 0px;
    padding: 0 0 0 20px;
    background-size: auto 88px;
}

.wbk-social-footer #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-home3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-home4 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-type-promo3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-type-property3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-type-character3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-type-exec-3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1) {
    background-size: auto 88px;
}

.wbk-social-footer #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(1),
.wbk-page-home3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-home4 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-type-promo3 #wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(1),
.wbk-page-type-property3 #wbk-desktop-bottom-nav.wbk-footer-social-href .wbk-btn span:nth-child(1),
.wbk-page-type-character3 #wbk-desktop-bottom-nav.wbk-footer-social-href .wbk-btn span:nth-child(1),
.wbk-page-type-exec-3 #wbk-desktop-bottom-nav.wbk-footer-social-href .wbk-btn span:nth-child(1) {
    background-size: auto 88px;
}

/* icon */
#wbk-desktop-bottom-nav .wbk-btn.wbk-modal-toggle span:nth-child(2) {
    background-position: 15px 8px, right top;
    padding: 0 0 0 70px;
    background-size: auto 62.5%, auto 88px;
}

#wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href 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;
    background-image: url(images/desktop/nav-bottom/button-hpage-angled-angled.png);
    background-size: auto 88px;
    background-position: right top;
    padding: 0 0 0 20px !important;
}

#wbk-desktop-bottom-nav .wbk-btn.languages:hover span:nth-child(2) {
    background-size: auto 88px;
    background-position: right bottom;
}

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

.wbk-social-footer .wbk-btn.partners span:nth-child(2),
.wbk-page-home3 .wbk-btn.legal span:nth-child(2),
.wbk-page-home4 .wbk-btn.legal span:nth-child(2),
.wbk-page-type-promo3 .wbk-btn.legal span:nth-child(2),
.wbk-page-type-property3 .wbk-btn.legal span:nth-child(2),
.wbk-page-type-character3 .wbk-btn.legal span:nth-child(2),
.wbk-page-type-exec-3 .wbk-btn.legal span:nth-child(2),
.wbk-social-footer .wbk-btn.partners span:nth-child(2),
.wbk-page-home3 .wbk-btn.partners span:nth-child(2),
.wbk-page-home4 .wbk-btn.partners span:nth-child(2),
.wbk-page-type-promo3 .wbk-btn.partners span:nth-child(2),
.wbk-page-type-property3 .wbk-btn.partners span:nth-child(2),
.wbk-page-type-character3 .wbk-btn.partners span:nth-child(2),
.wbk-page-type-exec-3 .wbk-btn.partners span:nth-child(2) {
    background-size: auto, auto 88px;
}

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

.wbk-social-footer #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-home3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-home4 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-type-promo #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-type-promo3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-type-property3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-type-character3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2),
.wbk-page-type-exec-3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href span:nth-child(2) {
    background-position: 12px 8px, right top;
    padding: 0 0 0 53px;
    background-size: auto 62.5%, auto 88px;
}

#wbk-desktop-bottom-nav .wbk-btn .wbk-footer-social {
    padding: 0px 0 0 23px;
}

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

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

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

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

#wbk-desktop-bottom-nav .wbk-btn.youtube span:nth-child(2) {
    background-image: url("images/desktop/nav-bottom/icon-youtube.png"), url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
    margin-left: -13px;
    padding: 0 0 0 63px !important;
}

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

/* parent site icon */
#wbk-desktop-bottom-nav .wbk-btn.parents span:nth-child(2) {
    background-image: url("images/desktop/page-parents/icon-parents.png"), url("images/desktop/nav-bottom/button-hpage-angled-angled.png");
    /*margin-left: -13px;*/
    /*padding: 0 0 0 63px !important;*/
}

.wbk-social-footer #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang,
.wbk-page-home3 #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang,
.wbk-page-home4 #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang,
.wbk-page-type-property3 #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang,
.wbk-page-type-character3 #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang,
.wbk-page-type-promo3 #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang,
.wbk-page-type-exec-3 #wbk-desktop-bottom-nav .wbk-btn img.wbk-footer-lang {
    box-shadow: 0px 1px 1px #003270;
    border: 1px solid #003270;
    margin: 8px 0px 0 0px;
    height: 22px;
}

/* HOVER */

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

#wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(1) {
    /*background-position: left -55px;*/
}

.wbk-social-footer #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2),
.wbk-page-home3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2),
.wbk-page-home4 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2),
.wbk-page-type-promo3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2),
.wbk-page-type-character3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2),
.wbk-page-type-exec-3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2),
.wbk-page-type-property3 #wbk-desktop-bottom-nav .wbk-btn.wbk-footer-social-href:hover span:nth-child(2) {
    background-position: 12px 8px, right bottom;
}

#wbk-desktop-bottom-nav .wbk-btn:hover span:nth-child(2) {
    background-position: 15px 8px, 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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    font-size: 40px;
    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;
}

html.wbk-layout-desktop .DNNCharacterHeadShot .mobile-character-headshot {
    display: none;
}

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

.wbk-page-type-character3 .DNNPropertyBodyShot,
.wbk-page-type-property3 .DNNPropertyBodyShot,
.wbk-page-type-property3 .DNNCharacterBodyShot,
.wbk-page-type-character3 .DNNCharacterBodyShot {
    margin-top: -10%;
    padding-left: 15%;
}

.wbk-page-type-promo3 .DNNPropertyBodyShot,
.wbk-page-type-promo3 .DNNCharacterBodyShot {
    margin-top: -10%;
}

.DNNPromoBodyShot {
    margin-top: 120px;
}

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

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

.DNNPropertyBodyShot img,
.DNNCharacterBodyShot img {
    height: 490px;
}

.DNNCharacterMoreFrom h3 {
    /*Remove titles temporally*/
    display: none;
    color: #022039;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif; /*TODO - correct font? */
    font-size: 28px;
}

.DNNCharacterMoreFrom img {
    cursor: pointer;
}

@media (max-width: 1200px) {
    .DNNPropertyBodyShot img,
    .DNNCharacterBodyShot img {
        height: 440px;
    }

    .DNNPropertyDescription h3,
    .DNNCharacterDescription h3 {
        font-size: 40px;
    }

    .DNNPropertyDescription p,
    .DNNCharacterDescription p {
        font-size: 16px;
    }
}

@media (max-width: 1000px) {
    .DNNPropertyBodyShot img,
    .DNNCharacterBodyShot img {
        height: 420px;
    }

    .DNNPropertyDescription h3,
    .DNNCharacterDescription h3 {
        font-size: 36px;
    }

    .DNNPropertyDescription p,
    .DNNCharacterDescription p {
        font-size: 14px;
    }
}

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,
html.wbk-layout-phone .DNNPromoBodyShot {
    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 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/HUB_verticalGeneric_grey.png');*/
    padding-top: 200px;
    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: 140px;
    }
}

html.wbk-layout-phone .DNNSiteGeneric {
    /*background-image: url('images/phone/banner/HUB_verticalGeneric_grey.png');*/
    padding: 110px 0 0;
    margin: 0;
    background-size: 1000px 343px;
}
html.wbk-layout-phone .DNNSiteGeneric .gallery-bg-fill {
    display: none;
}

.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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes wb-tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
        -o-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);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
        -o-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);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        -o-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);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes wb-tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
        -o-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);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg);
        -o-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);
        -moz-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
        -o-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);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.wb-tada {
    -webkit-animation-name: wb-tada;
    -moz-animation-name: wb-tada;
    -o-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-layout-desktop .wbk-page-content #wbk-body {
    max-height: 100%;
}

html.wbk-page-type-promo body {
    background-color: #f2f2f2;
}

html.wbk-page-type-promo .DNNEventList span {
    display: inline-block;
    margin-left: 25px;
}

/*KW-4709: Terms and privacy pages */
html.wbk-page-type-promo .DNNEventList .Normal span,
html.wbk-page-type-promo .DNNEventList .Normal a span {
    display: inline;
    margin-left: 0; margin-right: 0;
}
html.wbk-page-type-promo .DNNEventList p.MsoNormal span {
    margin-left: 0;
}
html.wbk-page-type-promo .DNNEventList p.MsoNormal a span {
    margin-left: 0px;
    margin-right: 0px;
}
html.wbk-page-type-promo .DNNEventList a {
    color: #2f97d8;
}
html.wbk-page-type-promo .DNNEventList p {
    margin: 7px 0;
    color: #005bac;
}

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;
    }

    html.wbk-layout-desktop.wbk-page-type-promo .DNNPromoBodyShot {
        margin-top: 120px;
    }
}

/* 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;
    }
}

/***
****
**** Specific to the PropertyPage3 layout
****
*/

.wbk-page-type-property3 .DNNGalleryRelated.smaller,
.wbk-page-type-property3 .DNNGalleryRelated.smaller .bxgallerypage,
.wbk-page-type-property3 .DNNGalleryRelated.smaller .wbk-container,
.wbk-page-type-character3 .DNNGalleryRelated.smaller,
.wbk-page-type-character3 .DNNGalleryRelated.smaller .bxgallerypage,
.wbk-page-type-character3 .DNNGalleryRelated.smaller .wbk-container {
    width: 100%;
    /*width: 92.5%;*/
    position: relative;
    /*left: -10px;*/
}

/*.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller .bxgallerypage,
.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller .wbk-container,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller .bxgallerypage,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller .wbk-container {
	left: -35px;
}*/

.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller,
.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller .bxgallerypage,
.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller .wbk-container,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller .bxgallerypage,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller .wbk-container {
    width: 100%;
}


html.wbk-page-type-property.wbk-page-type-property3 .DNNGalleryRelated.smaller ul,
html.wbk-page-type-character.wbk-page-type-property3 .DNNGalleryRelated.smaller ul,
html.wbk-page-type-property.wbk-page-type-character3 .DNNGalleryRelated.smaller ul,
html.wbk-page-type-character.wbk-page-type-character3 .DNNGalleryRelated.smaller ul {
    margin:0;
    padding: 0 50px;
}

.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller ul,
.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller ul,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller ul,
.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller ul {
    margin: 0 auto !important;
}

html.wbk-page-type-property.wbk-page-type-property3 .DNNGalleryRelated.smaller li,
html.wbk-page-type-character.wbk-page-type-property3 .DNNGalleryRelated.smaller li,
html.wbk-page-type-property.wbk-page-type-character3 .DNNGalleryRelated.smaller li,
html.wbk-page-type-character.wbk-page-type-character3 .DNNGalleryRelated.smaller li {
    margin-top: 0;
    margin-left: 4px;
}

.wbk-layout-phone.wbk-page-type-character3 .DNNGalleryRelated.smaller li,
.wbk-layout-phone.wbk-page-type-property3 .DNNGalleryRelated.smaller li {
    margin-left: 10px;
    text-align: center;
}
.DNNGalleryRelated.smaller .slick-slide a {
    padding:5px  0 10px ;
    text-align: center;
}

.DNNGalleryRelated.smaller .slick-slide img {
    display: inline-block;
    width: 85%;
}
html.wbk-layout-phone .DNNGalleryRelated.smaller .slick-slide img {
    width: 90%;
}

.DNNGalleryRelated.smaller .slick-arrow {
    background: url('images/desktop/carousel/carousel-arrows.png') no-repeat 0 0 transparent !important;
    padding: 0;
    top: 50%; /*(0.7 * 50%)-due to scaling*/
    width: 63px;
    height: 105px;
    z-index: 1;
    position: absolute;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7) ;
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-top:-52px;
}


.wbk-layout-phone .DNNGalleryRelated.smaller .slick-arrow {
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

@media (max-width: 500px) {

    .wbk-layout-phone .DNNGalleryRelated.smaller .slick-arrow {
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        -webkit-transform: scale(.5) ;
        transform: scale(.5) ;
    }
}

.DNNGalleryRelated.smaller .slick-prev {
    left:0;
    background-position: -63px -105px !important;
}

.wbk-layout-desktop .DNNGalleryRelated.smaller .slick-prev:hover {
    background-position: -63px 0 !important;
    cursor: pointer;
}

.DNNGalleryRelated.smaller .slick-next {
    right: 0;
    background-position: 0 -105px !important;
}

.wbk-layout-desktop .DNNGalleryRelated.smaller .slick-next:hover {
    background-position: 0 0px !important;
    cursor: pointer;
}


.wbk-page-type-property3 .DNNTopLeftPane .aspect-ratio,
.wbk-page-type-character3 .DNNTopLeftPane .aspect-ratio {
    position: relative;
    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;
}

.wbk-page-type-property3 .DNNTopLeftPane .aspect-ratio #executable-inner,
.wbk-page-type-character3 .DNNTopLeftPane .aspect-ratio #executable-inner {
    -moz-box-shadow: -8px 8px 0 0 rgba(0, 0, 0, 0.34), 0 0 0 2px black;
    -webkit-box-shadow: -8px 8px 0 0 rgba(0, 0, 0, 0.34), 0 0 0 2px black;
    box-shadow: -8px 8px 0 0 rgba(0, 0, 0, 0.34), 0 0 0 2px black;
    height: 100%;
    width: 95%;
    position: absolute;
    margin: 0 0 0 2.5%;
}

.wbk-page-type-property2 .DNNTopLeftPane .aspect-ratio #executable-inner .topVideo,
.wbk-page-type-property3 .DNNTopLeftPane .aspect-ratio #executable-inner .topVideo,
.wbk-page-type-character3 .DNNTopLeftPane .aspect-ratio #executable-inner .topVideo {
    width: 100%;
    height: 100%;
}

.wbk-page-type-property3 .DNNTopLeftPane .DNNCharacterHeadShot,
.wbk-page-type-property3 .DNNTopLeftPane .DNNPropertyHeadShot,
.wbk-page-type-property3 .DNNTopLeftPane .DNNPromoHeadShot,
.wbk-page-type-character3 .DNNTopLeftPane .DNNCharacterHeadShot,
.wbk-page-type-character3 .DNNTopLeftPane .DNNPropertyHeadShot,
.wbk-page-type-character3 .DNNTopLeftPane .DNNPromoHeadShot {
    text-align: center;
    top: inherit;
    margin: 0;
    position: relative;

}

.wbk-layout-phone.wbk-page-type-property3 .DNNTopLeftPane .DNNCharacterHeadShot,
.wbk-layout-phone.wbk-page-type-property3 .DNNTopLeftPane .DNNPropertyHeadShot,
.wbk-layout-phone.wbk-page-type-property3 .DNNTopLeftPane .DNNPromoHeadShot,
.wbk-layout-phone.wbk-page-type-character3 .DNNTopLeftPane .DNNCharacterHeadShot,
.wbk-layout-phone.wbk-page-type-character3 .DNNTopLeftPane .DNNPropertyHeadShot,
.wbk-layout-phone.wbk-page-type-character3 .DNNTopLeftPane .DNNPromoHeadShot {
    margin: 20px  0;
    position: relative;
}

.wbk-page-type-property3 .DNNTopLeftPane .DNNCharacterHeadShot img,
.wbk-page-type-property3 .DNNTopLeftPane .DNNPropertyHeadShot img,
.wbk-page-type-property3 .DNNTopLeftPane .DNNPromoHeadShot img,
.wbk-page-type-character3 .DNNTopLeftPane .DNNCharacterHeadShot img,
.wbk-page-type-character3 .DNNTopLeftPane .DNNPropertyHeadShot img,
.wbk-page-type-character3 .DNNTopLeftPane .DNNPromoHeadShot img {
    width: 50%;
    height: auto;
}

.wbk-page-type-property3 .DNNTopLeftPane .video,
.wbk-page-type-character3 .DNNTopLeftPane .video {
    padding-top: 10px;
    width: 90%;
    margin: 0 auto;
}

.wbk-layout-phone.wbk-page-type-property3 .DNNTopLeftPane .video,
.wbk-layout-phone.wbk-page-type-character3 .DNNTopLeftPane .video {
    width: 100%;
}

/***
****
**** Tab Wrapper #tab-wrapper
****
*/

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    list-style: none outside none;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link {
    display: inline-block;
    cursor: pointer;
    float: left;
    height: 57px;
    margin-right: -10px;
    margin-left: 0;
    width: 20%;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link span span { /* KW-3373 */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs li.tab-link:first-child {
    padding-left: 1px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs li.tab-link:last-child {
    background-position: top right;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link .wbk-btn {
    color: #fff;
    cursor: pointer;
    display: table;
    width: 100%;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 100%;
    line-height: 57px;
    vertical-align: middle;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link .wbk-btn span {
    background-color: transparent;
    background-repeat: no-repeat;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    position: relative;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/carousel/button-gallery-filters.png);
    background-position: 0 0;
    display: table-cell;
    width: 40%;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link .wbk-btn span:nth-child(2) {
    background-image: url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right 0;
    display: table-cell;
    overflow: hidden;
    width: 60%;
    text-align: left;
    text-shadow: -1px -1px 0 #002a58, 1px -1px 0 #002a58, -1px 1px 0 #002a58, 1px 1px 0 #002a58, -1px 1px 3px rgba(0, 0, 0, .9);
    padding-left: 2px;
    left: -1px; /* fixes the "gap" between the left- and right-handed bg images when "scaling" down */
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all .wbk-btn span:nth-child(2) {
    font-size: 26px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-all.png),url(images/desktop/carousel/button-gallery-filters.png);
    background-position: center 4px, 0 0;
    background-size: 65px, auto;
    display: table-cell;
    width: 40%;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all.current .wbk-btn span:nth-child(1),
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all .wbk-btn:hover span:nth-child(1) {
    /*background-position: 0 -134px;*/
    padding: 0px 24px 0 22px;
    background-image: url(images/desktop/nav-top/icon-all.png),url(images/desktop/carousel/button-gallery-filters.png);
    background-position: center 4px, 0 -134px;
    background-size: 65px, auto;
}

@media (min-width: 950px) and (max-width: 1080px) {
    .wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all .wbk-btn span:nth-child(1) {
    background-position: center 2px, 0 0;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all.current .wbk-btn span:nth-child(1),
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all .wbk-btn:hover span:nth-child(1) {
    background-position: center 2px, 0 -134px;
}
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all.current .wbk-btn span:nth-child(2),
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.all .wbk-btn:hover span:nth-child(2) {
    background-position: right -134px;
    color: #095AA9;
    text-shadow: -1px -1px 0 #cddbea, 1px -1px 0 #cddbea, -1px 1px 0 #cddbea, 1px 1px 0 #cddbea, -1px 1px 3px #cddbea;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-videos.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -1px, 0 0;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video.current .wbk-btn span:nth-child(1),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video.all-selected .wbk-btn span:nth-child(1),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video .wbk-btn:hover span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-videos.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -104px, 0 -268px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video.current .wbk-btn span:nth-child(2),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video.all-selected .wbk-btn span:nth-child(2),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.video .wbk-btn:hover span:nth-child(2) {
    background-image: url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -268px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-comics.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -5px, 0 0;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic.current .wbk-btn span:nth-child(1),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic.all-selected .wbk-btn span:nth-child(1),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic .wbk-btn:hover span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-comics.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -104px, 0 -335px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic.current .wbk-btn span:nth-child(2),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic.all-selected .wbk-btn span:nth-child(2),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.comic .wbk-btn:hover span:nth-child(2) {
    background-image: url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -335px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-games.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -3px, 0 0;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game.current .wbk-btn span:nth-child(1),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game.all-selected .wbk-btn span:nth-child(1),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game .wbk-btn:hover span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-games.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -102px, 0 -201px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game.current .wbk-btn span:nth-child(2),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game.all-selected .wbk-btn span:nth-child(2),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.game .wbk-btn:hover span:nth-child(2) {
    background-image: url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -201px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-downloads.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -2px, 0 0;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore .wbk-btn span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-showsmore.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -2px, 0 0;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download.current .wbk-btn span:nth-child(1),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download.all-selected .wbk-btn span:nth-child(1),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download .wbk-btn:hover span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-downloads.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -103px, 0 -402px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore.current .wbk-btn span:nth-child(1),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore.all-selected .wbk-btn span:nth-child(1),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore .wbk-btn:hover span:nth-child(1) {
    background-image: url(images/desktop/nav-top/icon-showsmore.png), url(images/desktop/carousel/button-gallery-filters.png);
    background-position: right -103px, 0 -402px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download.current .wbk-btn span:nth-child(2),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download.all-selected .wbk-btn span:nth-child(2),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.download .wbk-btn:hover span:nth-child(2) {
    background-position: right -402px;
}

.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore.current .wbk-btn span:nth-child(2),
    /*.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore.all-selected .wbk-btn span:nth-child(2),*/
.wbk-gallery-bottom #tab-wrapper .DNNTabbedNavigationPane.tabs .tab-link.showsmore .wbk-btn:hover span:nth-child(2) {
    background-position: right -402px;
}

.wbk-gallery-bottom.wbk-layout-phone #tab-wrapper .DNNTabbedNavigationPane.tabs {
    display: none;
}

/* Galleries Pane */

.wbk-gallery-bottom #wbk-body .detail-box {
    padding-bottom: 0;
    position: relative;
}

.wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries {
    background: rgba(242, 242, 242, 1);
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
    border-top: rgba(0, 0, 0, 0.7) solid 10px;
    padding-bottom: 40px;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.wbk-layout-phone.wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries {
    background: none;
    border: none;
    position: relative;
    width: 100%;
}

html.wbk-layout-phone.wbk-gallery-bottom .bxslider li a:hover,
html.wbk-layout-phone.wbk-gallery-bottom .bxslider li a:active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.wbk-gallery-bottom #wbk-body #tab-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}

.wbk-gallery-bottom .DNNGalleriesPane {
    width: 100%;
    margin: -2% 0 -3.5% 0;
}

.wbk-gallery-bottom .DNNGalleriesPane .bxslider-outer {
    padding-left: 80px;
    padding-right: 80px;
}

.wbk-layout-phone.wbk-gallery-bottom .DNNGalleriesPane .bxslider-outer {
    padding-left: 0;
    padding-right: 0;
}

.wbk-gallery-bottom .DNNGalleriesPane ul.bxslider {
    margin: 0;
}

.wbk-gallery-bottom .DNNGalleriesPane .bx-viewport,
.wbk-gallery-bottom .DNNGalleriesPane .bxslider.slick-slider {
    left: 0;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-control a,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-control span,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow {
    /*position: absolute;
    width: 5%;
    height: 46%;
    top: 27%;*/
    position: absolute;
    width: 63px;
    height: 105px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.wbk-layout-phone.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-control a,
.wbk-layout-phone.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-control span,
.wbk-layout-phone.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow {
    display: none;
    pointer-events: none;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-next a,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-next .bx-next,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow.slick-next {
    /*background: url('images/desktop/carousel/carousel-arrows.png') no-repeat;
    background-size: auto 100%;
    background-position: right center;
    right: 0;*/
    right: 13px;
    background: url('images/desktop/carousel/carousel-arrows.png');
    background-position: 0px -105px;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow.slick-next {
    right: -70px;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-next a:hover,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-next .bx-next:hover,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow.slick-next:hover {
    background-position: 0px 0px;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-prev a,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-prev .bx-prev,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow.slick-prev {
    /*background: url('images/desktop/carousel/carousel-arrows.png') no-repeat;
    background-size: auto 100%;
    background-position: left center;
    left: 0;*/
    left: 13px;
    background: url('images/desktop/carousel/carousel-arrows.png');
    background-position: 63px -105px;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow.slick-prev {
    left: -70px;
}

.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-prev a:hover,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .gallery-prev .bx-prev:hover,
.wbk-gallery-bottom .DNNGalleriesPane .filtered-gallery .slick-arrow.slick-prev:hover {
    background-position: 63px 0px;
}

/* Gallery Tiles */
.wbk-gallery-bottom .filtered-gallery li {
    /*padding-left: 2px;
    padding-right: 2px;*/
    /*padding-left: 4px;
	padding-right: 4px;*/
    /*padding-top: 12px;*/
    /*width: 285px !important;*/
    padding: 0 20px;
    height: auto;
}

.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li {
    /*margin-bottom: -11.5%;*/
    /* margin-bottom: -7.5%; */
}

.wbk-gallery-bottom .filtered-gallery li .aspect-ratio {
    position: relative;
    display: block;
}

.wbk-gallery-bottom .filtered-gallery li .indicator {
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100% 100%; /* 100% auto;*/
    position: absolute;
    right: -1px;
    top: 2px;
    height: 31%; /* 100%;*/
    width: 34%;
}

/*.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li {*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
/*}*/

/*.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li .aspect-ratio {*/
    /*margin-top: -4%;*/
/*}*/

.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li .indicator {
    /*background-size: 50% auto;*/
    /*right: -8px;*/
    /*top: -12px;*/
    width: 21%; height: 21%;
    top: 2.5%;
}

.wbk-gallery-bottom .filtered-gallery li.game .indicator {
    background-image: url("images/desktop/page-home/Hub_ContentIndicator_Games.png");
}

.wbk-gallery-bottom .filtered-gallery li.video .indicator {
    background-image: url("images/desktop/page-home/Hub_ContentIndicator_Videos.png");
}

.wbk-gallery-bottom .filtered-gallery li.comicbook .indicator {
    background-image: url("images/desktop/page-home/Hub_ContentIndicator_Comics.png");
}

.wbk-gallery-bottom .filtered-gallery li.downloadable .indicator {
    background-image: url("images/desktop/page-home/Hub_ContentIndicator_Downloads.png");
}

/* new comps for executables do not have indicators */
.wbk-page-type-exec-3 .filtered-gallery li .indicator {
    display: none;
}

/* hide empty items on phones*/
.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li.empty-list-item {
    display: none;
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li figcaption,
.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li figcaption {
    background: none repeat scroll 0 0 rgba(0, 22, 36, 0.8);
    -moz-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    color: #fff;
    bottom: 7%;
    left: 3.2%;
    right: 4.4%;
    /* height: 58px; */
    padding: 1% 2%;
    position: absolute;
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li.image figcaption,
.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li.promo figcaption,
.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li.promo figcaption,
.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li.promo figcaption {
    display: none;
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li figcaption span,
.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li figcaption span {
    width: 95%;
    line-height: 112%;
    margin: 1% 0;
    /* overflow: hidden; */
    text-shadow: 0 -1px black, -3px 3px rgba(27, 27, 27, 1);
    color: #fff;
    font-family: Tobi, "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    height: auto;
    position: relative;
    text-transform: uppercase;
    font-size: initial;
}
.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li figcaption span {
    font-size: 35px;
    line-height: 100%;
}
@media screen and (max-width: 1200px) {
    .wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li figcaption span {
        font-size: 29px;
        line-height: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li figcaption span {
        font-size: 26px;
        line-height: 112%;
    }
}
.wbk-layout-phone.wbk-gallery-bottom .filtered-gallery li figcaption span {
    font-size: 5.8vw;
    line-height: 112%;
}
.wbk-gallery-bottom .filtered-gallery li .wbk-image-wrapper img {
    /*.slick-slide img*/
    display: block;
    width: 100%;
}

/* Hide desktop top nav */
.wbk-page-type-property3 #wbk-desktop-top-nav .local-nav .anchors,
.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .anchors {
    display: none;
}

/* Bottom phone filters */
.wbk-gallery-bottom #wbk-phone-bottom-nav .anchors,
.wbk-gallery-bottom #wbk-phone-bottom-nav .anchors li,
.wbk-gallery-bottom #wbk-phone-bottom-nav .anchors li .wbk-btn,
.wbk-gallery-bottom #wbk-phone-bottom-nav .anchors li .wbk-btn span {
    height: 90px;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .anchors li {
    width: 20%;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .wbk-btn span:nth-child(1) {
    background-image: url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    padding: 0 20px 0 0;
    left: -10px;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    padding: 0;
    width: 94%;
}

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

.wbk-gallery-bottom #wbk-phone-bottom-nav .videos .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/videosiconoff.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center 0;
    background-size: auto 50%, auto;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .games .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/gamesiconoff.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center 0;
    background-size: auto 50%, auto;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .comics .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/comicsiconoff.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center 0;
    background-size: auto 50%, auto;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .downloads .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/downloadsiconoff.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center 0;
    background-size: auto 50%, auto;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .showsmore .wbk-btn span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/icon-showsmore.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 10px, center 0;
    background-size: auto 250px, auto;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
    background-image: url("images/desktop/nav-top/icon-all.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: 90% 16px, 0px 0px;
	background-size: 70% auto, auto;
    color: transparent;

    /*background-image: url("images/phone/nav-bottom/button-gallery-anchors-2.png");*/
    /*background-position: left 0;*/
    /*font-size: 30px;
    font-family: Tobi, "Arial Black", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: 100px;
    text-align: center;
    padding-left: 12px;*/
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(1) {
	background-position: left -234px;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 60% 14px, left -234px;
	color: transparent;
}
@media (min-width: 501px) and (max-width: 767px) {
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
	background-position: 60% 12px, 0px 0px;
	background-size: auto, auto;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 60% -82px, left -234px;
	background-size: auto, auto;
}
}
@media (min-width: 426px) and (max-width: 500px) {
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
	background-position: 70% 12px, 0px 0px;
	background-size: auto, auto;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 70% -82px, left -234px;
	background-size: auto, auto;
}
}
@media (min-width: 401px) and (max-width: 425px) {
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
	background-position: 75% 12px, 0px 0px;
	background-size: auto, auto;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 75% -82px, left -234px;
	background-size: auto, auto;
}
}
@media (min-width: 351px) and (max-width: 400px) {
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
	background-position: 90% 12px, 0px 0px;
	background-size: 75% auto, auto;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 90% -78px, left -234px;
	background-size: 75% auto, auto;
}
}
@media (min-width: 301px) and (max-width: 350px) {
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
	background-position: 90% 20px, 0px 0px;
	background-size: 70% auto, auto;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 90% -50px, left -234px;
	background-size: 70% auto, auto;
}
}
@media (max-width: 300px) {
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn span:nth-child(2) {
	background-position: 80% 22px, 0px 0px;
	background-size: 70% auto, auto;
}
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
	background-position: 80% -42px, left -234px;
	background-size: 70% auto, auto;
}
}

/*.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(1) {
    background-position: left -234px;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(2) {
    background-position: center -234px;
    color: #0B5AA7;
}
*/
.wbk-gallery-bottom #wbk-phone-bottom-nav .all .wbk-btn.active span:nth-child(3) {
    background-position: right -234px;
    z-index: 1;
}

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

.wbk-gallery-bottom #wbk-phone-bottom-nav .videos .wbk-btn.active span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/videosiconon.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center -468px;
}

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

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

.wbk-gallery-bottom #wbk-phone-bottom-nav .games .wbk-btn.active span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/gamesiconon.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center -351px;
}

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

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

.wbk-gallery-bottom #wbk-phone-bottom-nav .comics .wbk-btn.active span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/comicsiconon.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center -585px;
}

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

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

.wbk-gallery-bottom #wbk-phone-bottom-nav .downloads .wbk-btn.active span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/downloadsiconon.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center 26px, center -702px;
}

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

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

.wbk-gallery-bottom #wbk-phone-bottom-nav .showsmore .wbk-btn.active span:nth-child(2) {
    background-image: url("images/phone/nav-bottom/icon-showsmore.png"), url("images/phone/nav-bottom/button-gallery-anchors-2.png");
    background-position: center -115px, center -702px;
}

.wbk-gallery-bottom #wbk-phone-bottom-nav .showsmore .wbk-btn.active span:nth-child(3) {
    background-position: right -702px;
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery 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;
    position:relative;
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li.hover a {
    -webkit-transform: scale(1.05) translateY(5px);
    -moz-transform: scale(1.05) translateY(5px);
    -o-transform: scale(1.05) translateY(5px);
    -ms-transform: scale(1.05) translateY(5px);
    transform: scale(1.05) translateY(5px);
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery li.no-hover a {
    opacity: 0.5;
}

.wbk-layout-desktop.wbk-gallery-bottom .filtered-gallery .bx-viewport {
    height: 260px !important; /* KW-3614, KW-3615 */
    padding-top: 25px; /* KW-3614, KW-3615 */
}

/* HIDE TOP NAV BAR */

html.wbk-page-type-property3 #wbk-desktop-top-nav-inner,
html.wbk-page-type-character3 #wbk-desktop-top-nav-inner,
html.wbk-page-type-promo3 #wbk-desktop-top-nav-inner,
html.wbk-page-type-exec-3 #wbk-desktop-top-nav-inner {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* TOP NAV RWD */

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

    html.wbk-page-type-property3 #wbk-desktop-bottom-nav,
    html.wbk-page-type-character3 #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);
    }

    #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;
    }
}

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

    html.wbk-page-type-property3 #wbk-desktop-bottom-nav,
    html.wbk-page-type-character3 #wbk-desktop-bottom-nav {
        -moz-transform: scale(0.70);
        -ms-transform: scale(0.70);
        -o-transform: scale(0.70);
        -webkit-transform: scale(0.70);
        transform: scale(0.70);
    }

    #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;
    }
}

/* BREADCRUMBS */

.wbk-page-type-property3 #wbk-desktop-top-nav-inner .local-nav,
.wbk-page-type-character3 #wbk-desktop-top-nav-inner .local-nav {
    /*background: url("images/desktop/nav-top/bg-light.png") no-repeat -820px top;*/
}

.wbk-page-type-property3 #wbk-desktop-top-nav .local-nav .property img,
.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .property img,
.wbk-page-type-promo3 #wbk-desktop-top-nav .local-nav .property img,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .property img {
    height: 102%;
    position: relative;
    top: -2px;
}

.wbk-page-type-property3 #wbk-desktop-top-nav .local-nav .character img,
.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .character img,
.wbk-page-type-promo3 #wbk-desktop-top-nav .local-nav .character img,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .character img {
    height: 100%;
    left: 10px;
    position: relative;
    top: 0;
}

/* DISABLE HAMBURGER MENU */
.wbk-page-type-property3 #wbk-desktop-top-nav .toggle,
.wbk-page-type-character3 #wbk-desktop-top-nav .toggle,
.wbk-page-type-promo3 #wbk-desktop-top-nav .toggle,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .toggle {
    display: none;
}

/* CHEVRONS */

/***
****
**** End of PropertyPage3 layout
****
*/

/***
**** Executable 3
***/

/** Bottom Gallery Title */
.wbk-page-type-exec-3 .wbk-desktop-bottom-galleries #tab-wrapper h2 {
    color: #fff;
    font-family: Tobi, "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding-right: 10px;
    text-shadow: -2px -2px 0 #414141, 2px -2px 0 #414141, -2px 2px 0 #414141, 2px 2px 0 #414141, -4px 3px 4px rgba(0, 0, 0, .7);
    text-align: center;
    width: 100%;
    padding: 0;
}

.wbk-page-type-exec-3 .wbk-gallery-bottom #wbk-body #tab-wrapper {
    margin-top: 30px;
    margin-bottom: 16px;
}

.wbk-page-type-exec-3 .wbk-gallery-bottom #wbk-body .detail-box {
    padding-bottom: 0;
    /*top: -15px;*/
    top: -41px;
    position: relative;
}

html.wbk-layout-phone.wbk-page-type-exec.wbk-page-type-exec-3 .meta {
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
}
html.wbk-layout-phone.wbk-page-comic .meta>div,
html.wbk-layout-phone.wbk-page-printable .meta>div {
    text-align: center;
}

html.wbk-layout-phone.wbk-page-type-exec.wbk-page-type-exec-3 .meta .info {
    float: none;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

html.wbk-layout-phone.wbk-page-type-exec.wbk-page-type-exec-3 .meta .read-more {
    float: none;
}
html.wbk-layout-phone.wbk-page-type-exec.wbk-page-type-exec-3.wbk-page-wallpaper .meta .read-more {
    float: left;
position: relative;
top: -2px;
padding: 0px !important;
}
html.wbk-layout-phone.wbk-page-type-exec.wbk-page-type-exec-3 .meta .read-more-button {
    padding: 0;
}

html.wbk-page-comic.wbk-page-type-exec-3 #executable-inner,
html.wbk-page-printable.wbk-page-type-exec-3 #executable-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    max-width: 600px;
    /* KW-3844 */
    /*top: -40px;*/
    position: relative;
}

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

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

html.wbk-page-type-game.wbk-page-type-exec-3 .DNNContentRow,
html.wbk-page-wallpaper.wbk-page-type-exec-3 .DNNContentRow {
    position: relative;
    /*top: -40px;*/
}

html.wbk-page-type-game.wbk-page-type-exec-3 #executable-inner,
html.wbk-page-wallpaper.wbk-page-type-exec-3 #executable-inner {
    max-height: 440px;
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

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

html.wbk-page-type-exec.wbk-page-video.wbk-page-type-exec-3 .meta,
html.wbk-page-type-exec.wbk-page-wallpaper.wbk-page-type-exec-3 .meta,
html.wbk-page-type-exec.wbk-page-html5game.wbk-page-type-exec-3 .meta,
html.wbk-page-type-exec.wbk-page-type-game.wbk-page-type-exec-3 .meta {
    margin: 20px auto 0; /* KW-3844 */
}

/** Meta Info */
.wbk-page-type-exec-3 .meta .info {
    padding-left: 0;
    min-height: 0;
    padding-bottom: 10px;
    float: left;
    width: 45%;
    text-transform: uppercase;
}
.wbk-page-type-exec-3.wbk-page-type-game .meta .info,
.wbk-page-type-exec-3.wbk-page-type-video .meta .info {
    width: 100%;
}

.wbk-page-wallpaper.wbk-page-type-exec-3 .meta .info,
.wbk-page-comic.wbk-page-type-exec-3 .meta .info,
.wbk-page-printable.wbk-page-type-exec-3 .meta .info {
    width: 100%;
}
.wbk-page-wallpaper.wbk-page-type-exec-3 .meta .info {
    text-align: center;
}
.wbk-page-type-exec-3 .meta .like-box {
    float: left;
    -moz-transform: scale(.72);
    -ms-transform: scale(.72);
    -o-transform: scale(.72);
    -webkit-transform: scale(.72);
    transform: scale(.72);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    padding: 0 0 0 5px;
}

.wbk-page-type-exec-3 .meta .number-of-likes {
    display: inline-block !important;
    position: relative;
    float: left;
    color: #fff;
    font-family: Tobi, "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    text-shadow: -2px -2px 0 #00295a, 2px -2px 0 #00295a, -2px 2px 0 #00295a, 2px 2px 0 #00295a, -4px 3px 4px rgba(0, 0, 0, .7);
    top: 5px;
    right: 15px;
}


.wbk-page-comic.wbk-page-type-exec-3 .executable-meta,
.wbk-page-printable.wbk-page-type-exec-3 .executable-meta {
    display: block;
    height: auto;
    width: 100%;
}

.wbk-page-comic.wbk-page-type-exec-3 .meta-wrapper,
.wbk-page-printable.wbk-page-type-exec-3 .meta-wrapper {
    display: block;
}

.wbk-layout-desktop.wbk-page-wallpaper.wbk-page-type-exec-3 .meta .desktop-only {
    display: block;
    width: auto;
    margin: 0 auto;
    padding-left: 4%;
}
.wbk-layout-phone.wbk-page-wallpaper.wbk-page-type-exec-3 .meta .device-only {
    display: block;
    width: 280px;
    margin: 0 auto;
    height: 50px;
}

/** Read More */
.wbk-page-type-exec-3 .meta .read-more {
    display: inline-block !important;
    margin-bottom:5px;
}

.wbk-page-wallpaper.wbk-page-type-exec-3 .meta .read-more,
.wbk-page-comic.wbk-page-type-exec-3 .meta .read-more,
.wbk-page-printable.wbk-page-type-exec-3 .meta .read-more {
    float: left;
}
.wbk-page-wallpaper.wbk-page-type-exec-3 .meta .read-more {
    padding: 0 10px 0 0;
}
.wbk-page-printable.wbk-page-type-exec-3 .download-buttons {
    float: left;
    width: 100%;
}

.wbk-layout-desktop.wbk-page-wallpaper.wbk-page-type-exec-3 .download-buttons {
    margin: 0px 0 0 0;
    /*text-align: center;*/
    float: left;

    -moz-transform: scale(.72);
    -ms-transform: scale(.72);
    -o-transform: scale(.72);
    -webkit-transform: scale(.72);
    transform: scale(.72);
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    padding: 0 0 0 0px;
}

.wbk-page-type-exec-3 .meta .desc {
    display: none !important;
}

.wbk-page-read-more .meta .read-more-button {
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 45px;
    padding: 0;
    white-space: nowrap;
}

.wbk-page-read-more .meta .read-more-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: "Tobi", "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    height: inherit;
    line-height: 45px;
    padding: 0 10px;
    text-align: center;
    text-shadow: -1px 1px 0 #000;
    vertical-align: top;
}

@media (max-width: 425px) {
    .wbk-layout-phone.wbk-page-read-more .meta .read-more-button span {
        font-size: 16px;
    }
}

.wbk-page-read-more .meta .read-more-button span:nth-child(1) {
    background-position: top left;
}

.wbk-page-read-more .meta .read-more-button span:nth-child(2) {
    background-position: top center;
    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;
    margin:0 -2px;
}

.wbk-page-read-more .meta .read-more-button span:nth-child(3) {
    background-position: top right;
}

.wbk-page-read-more .meta .read-more-button:hover span:nth-child(1) {
    background-position: bottom left;
}

.wbk-page-read-more .meta .read-more-button:hover span:nth-child(2) {
    background-position: bottom center;
    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;
}

.wbk-page-read-more .meta .read-more-button:hover span:nth-child(3) {
    background-position: bottom right;
}

.wbk-page-read-more #modal-content-info .modal-body h2 {
    font-size: 46px;
    margin: 0;
    /*text-shadow: none;*/
}

.wbk-page-read-more #modal-content-info .modal-body h3 {
    font-style: normal;
    font-weight: 200;
    font-size: 1.73em;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: none;
    line-height: 0.9em;
}

.wbk-page-read-more #modal-content-info .modal-body p {
    margin: 0;
    padding: 3px 0;
}
.wbk-page-read-more #modal-content-info .modal-body pre,
.wbk-page-read-more #modal-content-info .modal-body code,
.wbk-page-read-more #modal-content-info .modal-body blockquote,
.wbk-page-read-more #modal-content-info .modal-body h1,
/*.wbk-page-read-more #modal-content-info .modal-body h2,*/
.wbk-page-read-more #modal-content-info .modal-body h3,
.wbk-page-read-more #modal-content-info .modal-body h4,
.wbk-page-read-more #modal-content-info .modal-body h5,
.wbk-page-read-more #modal-content-info .modal-body h6
{
    background-color: inherit; /* included for fall through cascade */
    background-color: transparent;
    color: inherit;
    color: #FFF;
    font: inherit;
    font-size: large;
}
.wbk-page-read-more #modal-content-info .modal-body blockquote {
    border: none
}
.wbk-page-read-more #modal-content-info .modal-body h1 {
    color: #fff;
    font-family: Tobi,"Arial Black",Arial,Helvetica,sans-serif;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    text-shadow: -2px -2px 0 #153a5e, 2px -2px 0 #153a5e, -2px 2px 0 #153a5e, 2px 2px 0 #153a5e, -4px 4px 1px rgba(0,0,0,.4);
}
.wbk-page-read-more #modal-content-info .modal-dialog {
    margin-top: 0;/*60px;*/
    padding-top: 0;
    width: 70%;
}
@media (min-width: 992px) {
    .wbk-page-read-more #modal-content-info .modal-content,
    .wbk-page-read-more #modal-content-info .character-headshot:not(:empty) + .modal-content {
        margin-top: 17.5vh; /*140px;*/
    }
    .wbk-page-read-more #modal-content-info .modal-body {
        max-height: 60%;
        overflow-y: auto;
    }
}
@media (max-width: 991px) {
    .wbk-page-read-more #modal-content-info .modal-content {
        margin-top: 7.5vh;
    }
    .wbk-page-read-more #modal-content-info .modal-body {
        max-height: 70%;
        overflow-y: auto;
    }
    .wbk-page-read-more #modal-content-info .character-headshot:not(:empty) + .modal-content {
        margin-top: 17.5vh;
    }
    .wbk-page-read-more #modal-content-info .character-headshot:not(:empty) + .modal-content .modal-body {
        max-height: 60%;
        overflow-y: auto;
    }
}
@media (max-height: 700px) {
    .wbk-page-read-more #modal-content-info .modal-dialog {
        width: 80%;
    }
    .wbk-page-read-more #modal-content-info .modal-content {
        margin-top: 20%;
    }
    .wbk-page-read-more #modal-content-info .character-headshot:not(:empty) + .modal-content {
        margin-top: 60%;
    }
}
.wbk-page-read-more #modal-content-info .character-headshot {
    position: absolute;
    width: 100%;
    z-index: 100;
}
.wbk-page-read-more #modal-content-info .character-headshot img {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 140px;
    top: -115px;
}

/***
**** End of Executable 3
***/

/***
**** Character & Property 3
***/
.wbk-page-type-character3 .read-more,
.wbk-page-type-property3 .read-more {
    text-align: center;
}

.wbk-layout-phone.wbk-page-type-property3 .read-more {
    width: 100%;
}

.wbk-page-read-more .read-more-title,
.wbk-page-read-more .read-more-subtitle {
    text-transform: uppercase;
}

.wbk-page-type-property3 .read-more-title.hidden,
.wbk-page-type-property3 .read-more-subtitle.hidden,
.wbk-page-type-property3 .read-more-description.hidden,
.wbk-page-type-character3 .read-more-title.hidden,
.wbk-page-type-character3 .read-more-subtitle.hidden,
.wbk-page-type-character3 .read-more-description.hidden {
    display: none;
}

.wbk-page-type-property3 .DNNCharacterDescription,
.wbk-page-type-character3 .DNNCharacterDescription,
.wbk-page-type-property3 .DNNPropertyDescription,
.wbk-page-type-character3 .DNNCharacterDescription {
    margin: 0;
    text-align: center;
}

.wbk-page-type-property3 .DNNCharacterDescription h3,
.wbk-page-type-property3 .DNNCharacterDescription h4,
.wbk-page-type-character3 .DNNCharacterDescription h3,
.wbk-page-type-character3 .DNNCharacterDescription h4,
.wbk-page-type-property3 .DNNPropertyDescription h3,
.wbk-page-type-property3 .DNNPropertyDescription h4,
.wbk-page-type-character3 .DNNPropertyDescription h3,
.wbk-page-type-character3 .DNNPropertyDescription h4 {
    margin: 5px 0;
    text-align: center;
}

/***
**** End of Character 3
***/

/***
**** Phone layout of Property/Character 3
***/
html.wbk-layout-phone.wbk-page-type-property3 .bx-controls-direction a,
html.wbk-layout-phone.wbk-page-type-character3 .bx-controls-direction a {
    display: block !important;
    pointer-events: initial;
}

.wbk-page-type-property3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-prev,
.wbk-page-type-character3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-prev {
    left: -10px;
}

.wbk-page-type-property3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-next,
.wbk-page-type-character3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-next {
    right: -10px;
}

.wbk-layout-phone.wbk-page-type-property3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction a {
    top: 65px;
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.wbk-layout-phone.wbk-page-type-property3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-prev,
.wbk-layout-phone.wbk-page-type-character3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-prev {
    left: -50px;
}

.wbk-layout-phone.wbk-page-type-property3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-next,
.wbk-layout-phone.wbk-page-type-character3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction .bx-next {
    right: -50px;
}

.wbk-page-type-property3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction a:hover,
.wbk-page-type-character3 .smaller .bxgallerypage .bx-wrapper .bx-controls-direction a:hover {
    /*top: 55px;*/
}

.wbk-layout-desktop.wbk-page-type-property3 .mobile-character-headshot,
.wbk-layout-desktop.wbk-page-type-character3 .mobile-character-headshot {
    display: none;
}

.wbk-layout-phone.wbk-page-read-more .DNNTopRightPane {
    /* display: none; !!! KW-4097 */
}

/* KW-4097 */
.wbk-layout-phone.wbk-page-read-more.wbk-page-type-exec-3 .meta,
.wbk-layout-phone.wbk-page-comic.wbk-page-type-exec-3 .meta {
    margin-top: 0px;
    max-width: 100%;
}

.wbk-layout-phone.wbk-page-read-more.wbk-page-type-exec-3 .meta .read-more,
.wbk-layout-phone.wbk-page-comic.wbk-page-type-exec-3 .meta .read-more {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(0.9);
}

.wbk-layout-phone.wbk-page-read-more.wbk-page-type-exec-3 .meta .like-box,
.wbk-layout-phone.wbk-page-comic.wbk-page-type-exec-3 .meta .like-box {
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(0.9);
}

.wbk-layout-phone.wbk-page-read-more.wbk-page-type-exec-3 .meta .number-of-likes,
.wbk-layout-phone.wbk-page-comic.wbk-page-type-exec-3 .meta .number-of-likes {
    position: relative;
    top: 0;
    right: -5px;
}

.wbk-layout-phone.wbk-page-read-more .mobile-character-info {
    position: relative;
    width: 100%;
    z-index: 10;
    text-align: left;
    padding: 20px 0;
    border-bottom: 2px solid #c4c8cb;
    margin: 5px 0 0;
}

.wbk-layout-phone.wbk-page-read-more .mobile-character-info img {
    /*display: inline-block;*/
    height: 70px;
    float: left;
}

.wbk-layout-phone.wbk-page-read-more .mobile-character-info h3 {
    /*display: inline;*/
    /*font-size: 45px;*/
    vertical-align: middle;
    display: block;
    margin: 15px 0px 0 85px;
    text-align: left;
    text-transform: uppercase;
}
@media (max-width: 425px) {
    .wbk-layout-phone.wbk-page-read-more .mobile-character-info h3 {
        /*padding-top: 5px;*/
        /*min-height: auto;*/
        /*width: 100%;*/
        /*font-size: 36px;*/
        /*margin-left: -70px;*/
        display: block;
        margin: 15px 0px 0 85px;
        text-align: left;
        text-transform: uppercase;
        font-size: 26px;
    }
}

.wbk-layout-phone.wbk-page-read-more .mobile-character-info.no-headshot h3 {
    display: block;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
/*.wbk-layout-phone.wbk-page-read-more .mobile-character-info.no-headshot h3 {*/
    /*padding-left: 15px;*/
    /*padding-top: 75px;*/
/*}*/

.wbk-layout-phone.wbk-page-read-more .mobile-character-info .meta {
    position: relative;
    text-align: center;
    padding-top: 40px;
}
.wbk-layout-phone.wbk-page-read-more .mobile-character-info.no-headshot .meta {
    position: relative;
    text-align: center;
    padding-top: 20px;
}

/***
**** End of phone layout of Property/Character 3
***/

@media (min-width: 1700px) {
    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesTabPane {
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        -webkit-transform-origin: left;
        transform-origin: left;
        width: calc(100% / .7);
    }

    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesPane {
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        -webkit-transform-origin: left;
        transform-origin: left;
        width: calc(100% / .7);
    }

    .wbk-gallery-bottom #wbk-body #tab-wrapper {
        margin-top: 10px;
        margin-bottom: 0;
    }
}

@media (max-width: 1699px) {
    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesTabPane {
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        -webkit-transform-origin: left;
        transform-origin: left;
        width: calc(100% / .7);
    }

    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesPane {
        margin: -3% 0 -4.5% 0;
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        -webkit-transform-origin: left;
        transform-origin: left;
        width: calc(100% / .6);
    }

    .wbk-gallery-bottom #wbk-body #tab-wrapper {
        margin-top: 10px;
        margin-bottom: -60px;
    }
}

@media (max-width: 1399px) {
    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesPane {
    }

    .wbk-gallery-bottom #wbk-body #tab-wrapper {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .wbk-layout-desktop.wbk-gallery-bottom #wbk-body #tab-wrapper h2 {
        font-size: 36px;
    }
}

@media (max-width: 1199px) {
    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesTabPane {
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        -webkit-transform: scale(.5);
        transform: scale(.5);
        width: calc(100% / .5);
    }

    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesPane {
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
        width: calc(100% / .6);
    }

    .wbk-gallery-bottom #wbk-body #tab-wrapper {
        margin-top: 10px;
        margin-bottom: -25px;
    }

    .wbk-layout-desktop.wbk-gallery-bottom #wbk-body #tab-wrapper h2 {
        font-size: 30px;
    }
}

@media (max-width: 1000px) {
    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesTabPane {
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        -webkit-transform: scale(.5);
        transform: scale(.5);
        width: calc(100% / .5);
    }

    .wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesPane {
        margin: -8% 0 -9.5% 0;
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        -webkit-transform: scale(.5);
        transform: scale(.5);
        width: calc(100% / .5);
    }

    .wbk-gallery-bottom #wbk-body #tab-wrapper {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .wbk-layout-desktop.wbk-gallery-bottom #wbk-body #tab-wrapper h2 {
        font-size: 24px;
    }
}

.wbk-layout-phone.wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #dnn_GalleriesPane {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    margin: 0;
}

.wbk-layout-phone.wbk-gallery-bottom #wbk-body .wbk-desktop-bottom-galleries #tab-wrapper {
    margin: 0;
}

.wbk-layout-phone.wbk-gallery-bottom.wbk-page-type-exec-3 #wbk-body .wbk-desktop-bottom-galleries #tab-wrapper {
    padding-top: 60px;
}

.wbk-layout-phone.wbk-gallery-bottom.wbk-page-type-exec-3 #wbk-body .wbk-desktop-bottom-galleries {
    /*background: url(images/phone/banner/HUB_verticalGeneric_grey.png) center top no-repeat, linear-gradient(transparent 60px, #F2F2F2 60px);*/
}

.wbk-layout-phone.wbk-page-type-exec-3 .wbk-desktop-bottom-galleries #tab-wrapper h2 {
    color: #fff;
}

@media (max-width: 425px) {
    .wbk-layout-phone.wbk-page-type-exec-3 .wbk-desktop-bottom-galleries #tab-wrapper h2 {
        font-size: 28px;
    }
}

/***
    Phone top nav 3
*/
#wbk-phone-top-nav-3 {
    -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-3 {
    background: url("images/phone/nav-top/bg1.png") repeat scroll 0 0 transparent;
    height: 54px;
}

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

#wbk-phone-top-nav-inner-3 .logo {
    background: url("images/desktop/nav-top/franchise-menu/dd-legend-logo-wb.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 51px;
    left: 10px;
    position: relative;
    text-indent: -9999px;
    top: 1px;
    width: 65px;
    float: left;
}

#wbk-phone-top-nav-inner-3 .franchise-logo img {
    display: inline-block;
    height: 48px;
    width: auto;
    position: relative;
    text-indent: -9999px;
    top: 4px;
    float: left;
}

/* social links mobile KW-5611 */
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner {
    display: none;
}
.offcanvas-phone #wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner {
    display: block;
}
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href {
    display: block;
    float: left;
    width: 42px;
    height: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;

    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
}
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href.facebook {
    background-image: url("images/desktop/nav-bottom/icon-facebook.png");
}
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href.twitter {
    background-image: url("images/desktop/nav-bottom/icon-twitter.png");
}
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href.instagram {
    background-image: url("images/desktop/nav-bottom/icon-instagram.png");
}
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href.pinterest {
    background-image: url("images/desktop/nav-bottom/icon-pinterest.png");
}
#wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href.youtube {
    background-image: url("images/desktop/nav-bottom/icon-youtube.png");
}
@media screen and (max-width: 450px) {
    #wbk-phone-top-nav-inner-3 .logo {
        width: 55px;
    }
    #wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href {
        width: 34px;
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
}
@media (max-width: 400px) {
    #wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href {
        display: block;
        float: left;
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-left: -0px;
    }
}
@media (max-width: 350px) {
    #wbk-phone-top-nav-inner-3 .wbk-mobile-top-nav-social-inner .wbk-social-href {
        display: block;
        float: left;
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        margin-left: -7px;
    }
}

.offcanvas-phone #wbk-phone-top-nav-3 .modal-toggles {
    float: right !important;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 [role="navigation"] {
    width: 90%;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 ul:last-child {
    margin-bottom: 50px;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav {
    background: url(images/phone/nav-top/franchise_menu_bg.jpg) center top no-repeat, #F2F2F2;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li {
    width: 48%;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    margin-left: 1%;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li .franchiseIcon {
    position: relative;
    width: 60%;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60%;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li img {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li .title-property {
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    padding: 12px;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.sd .title-property,
#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.lt .title-property,
#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.hub .title-property {
    font-size: 20px;
    color: #505050;
    text-shadow: #FFF 1px 1px 1px;
    font-weight: 800;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.dc .title-property {
    font-size: 18px;
    color: #4D4D4D;
    font-weight: 800;
    width: 100%;
    font-style: italic;
    text-shadow: #FFF 1px 1px 1px;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li .title-property::before {
    text-shadow: none !important;
    content: "\00a0"; /* << space */
    position: absolute;
    width: 16px;
    height: 18px;
    display: inline-block;
    background-size: 16px 16px;
    background-position: left 1px;
    background-repeat: no-repeat;
    margin-left: -20px;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.dc .title-property::before {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-dc.png");
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.hub .title-property::before,
#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.lt .title-property::before,
#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.sd .title-property::before {
    background-image: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-wb.png");
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.spacer {
    width: 100%;
    height: 70px;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.spacer span.brand-logo.dc {
    /* KW-3715 */
    /*background: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-dc.png") no-repeat left 4px, url("images/desktop/nav-top/franchise-menu/dd-legend-logo-dc-2.png") no-repeat 24px top;*/
    background: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-dc.png") no-repeat left 9px, url("images/desktop/nav-top/franchise-menu/dd-legend-logo-dc-2.png") no-repeat 24px top;
    background-size: 16px 16px, auto;
    width: 100%;
    height: 34px;
    position: absolute;
    top: 20px;
    left: 10px;
}

#wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li.spacer span.brand-logo.hub {
    background: url("images/desktop/nav-top/franchise-menu/dd-legend-dot-wb.png") no-repeat left 14px, url("images/desktop/nav-top/franchise-menu/dd-legend-logo-wb.png") no-repeat 20px top;
    background-size: 16px 16px, auto 45px;
    width: 100%;
    height: 45px;
    position: absolute;
    top: 10px;
    left: 10px;
}
/* RWD for KW-5397 */
@media (max-width: 414px) {
    #wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li {
        margin-left: 0%;
        margin-top: -10px;
        transform: scale(0.9);
        font-size: 19px;
    }
    #wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li .title-property {
        margin-bottom: 0px;
    }
}
@media (max-width: 375px) {
    #wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li {
        margin-top: -12px;
        transform: scale(0.85);
    }
    #wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li .title-property {
        margin-bottom: 0px;
    }
}
@media (max-width: 320px) {
    #wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li {
        margin-top: -16px;
        transform: scale(0.8);
        font-size: 18px;
    }
    #wbk-phone-left-nav.wbk-phone-left-nav-3 .franchise-nav li .title-property {
        margin-bottom: 0px;
    }
}

/* KW-3851, KW-4296: no horizontal and vertical scroll on desktop */
.wbk-layout-desktop.wbk-gallery-bottom body {
    overflow-x: hidden;
    overflow-y: hidden;
}

/*
	SCALING BODY CONTENT ACCORDING TO ***WINDOW HEIGHT***
*/

.wbk-layout-desktop:not(.wbk-page-home) .detail-box {
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;

}

.center-vert-horz {
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    left: 50%;
}

/* KW-4300 ipad specific */
/* Portrait and Landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    html.wbk-page-home3 #wbk-left-logo,
    html.wbk-page-home4 #wbk-left-logo {
        -moz-transform: scale(0.65) !important;
        -ms-transform: scale(0.65) !important;
        -o-transform: scale(0.65) !important;
        -webkit-transform: scale(0.65) !important;
        transform: scale(0.65) !important;
    }

    .wbk-page-type-exec-3 .meta .info {
        width: 100%;
    }

    html.wbk-page-type-exec-3 .download-buttons {
        max-width: none;
    }

}

/* Portrait */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    html.wbk-page-home3 #wbk-desktop-top-nav .local-nav,
    html.wbk-page-home4 #wbk-desktop-top-nav .local-nav,
    html.wbk-page-home3 #wbk-desktop-bottom-nav,
    html.wbk-page-home4 #wbk-desktop-bottom-nav {
        -moz-transform: scale(0.85) !important;
        -ms-transform: scale(0.85) !important;
        -o-transform: scale(0.85) !important;
        -webkit-transform: scale(0.85) !important;
        transform: scale(0.85) !important;
    }

    #wbk-desktop-top-nav .global-nav ul#global-filters-home,
    #global-filters-home {
        -moz-transform: scale(0.95) !important;
        -ms-transform: scale(0.95) !important;
        -o-transform: scale(0.95) !important;
        -webkit-transform: scale(0.95) !important;
        transform: scale(0.95) !important;
    }

    html.wbk-page-home3.wbk-layout-desktop .isotope,
    html.wbk-page-home4.wbk-layout-desktop .isotope {
        top: 16px !important;
    }

    html.wbk-page-type-game.wbk-page-type-exec-3 #executable-inner img,
    html.wbk-page-wallpaper.wbk-page-type-exec-3 #executable-inner img,
    html.wbk-page-comic.wbk-page-type-exec-3 #executable-inner img {
        max-height: none !important;
    }

    html.wbk-page-type-game.wbk-page-type-exec-3 #executable-inner,
    html.wbk-page-wallpaper.wbk-page-type-exec-3 #executable-inner {
        max-height: none !important;
    }

    html.wbk-page-type-game .meta, html.wbk-page-type-video .meta {
        width: 100%;
    }

    html.wbk-page-type-exec3 .detail-box,
    html.wbk-page-type-character3 .detail-box,
    html.wbk-page-type-property3 .detail-box {
        top: 40px;
    }

    html.wbk-page-type-game.wbk-page-type-exec-3 .detail-box,
    html.wbk-page-type-video.wbk-page-type-exec-3 .detail-box {
        max-width: 100% !important;
    }

    .wbk-page-wallpaper.wbk-page-type-exec-3 .download-buttons {
        text-align: left;
    }

    .DNNGalleryRelated.smaller .slick-arrow {
        top: 0px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    html.wbk-page-home3 #wbk-desktop-top-nav .local-nav,
    html.wbk-page-home4 #wbk-desktop-top-nav .local-nav,
    html.wbk-page-home3 #wbk-desktop-bottom-nav,
    html.wbk-page-home4 #wbk-desktop-bottom-nav {
        -moz-transform: scale(0.95) !important;
        -ms-transform: scale(0.95) !important;
        -o-transform: scale(0.95) !important;
        -webkit-transform: scale(0.95) !important;
        transform: scale(0.95) !important;
    }

    html.wbk-page-home3.wbk-layout-desktop .isotope,
    html.wbk-page-home4.wbk-layout-desktop .isotope {
        top: -26px !important;
    }

    html.wbk-page-type-video.wbk-page-type-exec-3 .detail-box {
        max-width: 748px;
    }

    html.wbk-page-comic.wbk-page-type-exec-3 #executable-inner img,
    html.wbk-page-printable.wbk-page-type-exec-3 #executable-inner img {
        max-height: 450px !important;
    }

}

/*EditMode*/
.dnnEditState .detail-box {
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    height:200px;
    overflow: hidden;
}
.dnnEditState .wbk-desktop-bottom-galleries {
    max-width: 50%;
    left: 200px;
    top:300px;
    position:absolute !important;
    width:50% !important;
}
.dnnEditState .bg-1, .dnnEditState .bg-2{
    height:50px;
}
.dnnEditState .wbk-body {
    z-index: 1;
}

/** Age Check Modal
  *
  * KW-5468
  *
  */
#modal-parentssection-agecheck .modal-hero {
    background: url("images/desktop/modal-bs/HUB_modal_pos.png") no-repeat scroll center top transparent; /*todo change image*/
    height: 436px;
    position: relative;
    bottom: -30px;
    z-index: 1051;
}
#modal-parentssection-agecheck .modal-dialog {
    width: 597px;
    max-width: 100%;
    z-index: 1050;
}
#modal-parentssection-agecheck-error,
#modal-parentssection-agecheck-error .modal-dialog {
    z-index: 1051;
}
@media screen and (max-height: 840px) {
    #modal-parentssection-agecheck .modal-dialog,
    #modal-parentssection-agecheck-error .modal-dialog {
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        -webkit-transform-origin: top center;
        transform-origin: top center;
        margin-top: 0;
    }
}
@media screen and (max-height: 600px) {
    #modal-parentssection-agecheck .modal-dialog,
    #modal-parentssection-agecheck-error .modal-dialog {
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
        margin-top: 0;
    }
}
#modal-parentssection-agecheck .modal-body {
    text-align: center;
}
#modal-parentssection-agecheck h2 {
    text-transform: uppercase;
}
#modal-parentssection-agecheck select {
    height: 44px;
    margin: 10px 4px 0;
    min-width: 140px;
    padding: 5px 60px 5px 20px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    color: #fff;
    font-family: "Tobi", "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2em;
    text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;

    border: none;
    background: url(images/desktop/modal-bs/select2.png) top right no-repeat, url(images/desktop/modal-bs/select1.png) top left no-repeat, #fff;
}
#modal-parentssection-agecheck select option {
    color: #182E63;
    background: #fff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-shadow: none;
}
#modal-parentssection-agecheck select option:first-child {
    color: #96b0f6;
}
#modal-parentssection-agecheck select::-ms-expand {
    /* remove default arrow in IE 10 and 11 */
    display: none;
}

@media screen and (min-width:0\0) {
    /* target Internet Explorer 9 to undo the custom arrow */
    #modal-parentssection-agecheck select {
        background:none\9;
        padding: 5px\9;
    }
}
@media screen and (max-width: 500px) {
    #modal-parentssection-agecheck-error .modal-dialog,
    #modal-parentssection-agecheck .modal-dialog {
        max-width: 88%;
        margin-top: 28%;
    }
    #modal-parentssection-agecheck-error .modal-button,
    #modal-parentssection-agecheck .modal-button {
        margin-bottom: 0px;
    }
    #modal-parentssection-agecheck .modal-button span:nth-child(2),
    #modal-parentssection-agecheck-error .modal-button span:nth-child(2) {
        font-size: 14px;
    }
    #modal-parentssection-agecheck-error h2,
    #modal-parentssection-agecheck h2 {
        font-size: 9vw;
    }
}
@media screen and (max-width: 374px) {
    #modal-parentssection-agecheck-error .modal-button,
    #modal-parentssection-agecheck .modal-button {
        margin-bottom: 0px;
    }
    #modal-parentssection-agecheck .modal-button span:nth-child(2),
    #modal-parentssection-agecheck-error .modal-button span:nth-child(2) {
        font-size: 13px;
    }
}
@media screen and (max-width: 350px) {
    #modal-parentssection-agecheck-error .modal-button.cancel,
    #modal-parentssection-agecheck .modal-button.cancel {
        margin-bottom: 10px;
    }
    #modal-parentssection-agecheck .modal-button span:nth-child(2),
    #modal-parentssection-agecheck-error .modal-button span:nth-child(2) {
        font-size: 15px;
    }
}
/**
  * / END AGE CHECK AGE GATE
  */

/**
 * GLOBAL IMAGE CONTRAST OPTIMIZATION
 * see: https://jira.fuelindustries.com/browse/KW-6304
 * >> https://codepen.io/rwcorbett/pen/gWBZRp
 */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/**
  * Ad banner for products - KW-6633
  */
/** PRODUCT EXECUTABLE GALLERY */
.filtered-gallery .prod-flag-inner,
.product-gallery .prod-flag-inner,
.product .isotope-item-inner .prod-flag-inner {
    position:absolute;
    /* width: 45px; height: 35px; */
    /* width: 35px; */
    height: 30px;
    -webkit-transform: skew(-5.85deg);
    -moz-transform: skew(-5.85deg);
    -o-transform: skew(-5.85deg);
    z-index: 997;
    border: 3px solid black;
}
.product-gallery .prod-flag-inner.prod-flag-lg {
    top: 1px;
    left: 9%;
    padding: 0;
    margin-left: -2px;
}
.filtered-gallery .prod-flag-inner.prod-flag-sm,
.product-gallery .prod-flag-inner.prod-flag-sm,
.product .isotope-item-inner .prod-flag-inner.prod-flag-sm {
    top: 23px;
    left: 32px;
    padding: 0;
    margin-left: -2px;
}
.filtered-gallery .prod-flag-angle,
.product-gallery .prod-flag-angle,
.product .isotope-item-inner .prod-flag-angle {
    position: absolute; top: 0; left: 0;
    /* border-right: 45px solid rgba(0,0,0,0.0); */
    /* border-top: 35px solid rgba(255,0,0,0.85); */
    z-index: 998;
    background-color: #30434C;
    width: 100%;
    height: 102%;
}
.filtered-gallery .prod-flag-text,
.product-gallery .prod-flag-text,
.product .isotope-item-inner .prod-flag-text {
    color: #FFF;
    /* font-size: 85%; */
    font-size: 16px;
    font-size: 100%;
    position: relative;
    top: 3px; left: 2px;
    z-index: 999;
    padding: 0px 5px 0 3px;
}

/** CONTENT TILES */
.product.w12.h08 .isotope-item-inner .prod-flag-inner.prod-flag-lg { top: 3.6%; left: 3.8%;}
.product.w10.h08 .isotope-item-inner .prod-flag-inner.prod-flag-lg { top: 3.6%; left: 4.2%;}
.product.w06.h04 .isotope-item-inner .prod-flag-inner.prod-flag-lg { top: 6.8%; left: 7.1%;}
.product.w05.h04 .isotope-item-inner .prod-flag-inner.prod-flag-lg { top: 6.8%; left: 8.8%;}

.wbk-layout-phone .product.w12.h08 .isotope-item-inner .prod-flag-inner.prod-flag-lg { border-width: 2px; /*width: 33px;*/ height: 28px; }
.wbk-layout-phone .product.w10.h08 .isotope-item-inner .prod-flag-inner.prod-flag-lg { border-width: 2px; /*width: 33px;*/ height: 28px; }
.wbk-layout-phone .product.w06.h04 .isotope-item-inner .prod-flag-inner.prod-flag-lg { border-width: 2px; /*width: 33px;*/ height: 28px; }
.wbk-layout-phone .product.w05.h04 .isotope-item-inner .prod-flag-inner.prod-flag-lg { border-width: 2px; /*width: 33px;*/ height: 28px; left: 53.8%;}

/** GALLERY TILES */
.filtered-gallery ul.bxslider .prod-flag-inner.prod-flag-sm {
    top: 6.8%; /*20px;*/ left: 8.8%; /*26px;*/
}
.filtered-gallery ul.gallery .prod-flag-inner.prod-flag-sm {
    top: 7.6%;
    left: 7.8%;
    border-width: 2px;
    font-size: 14px;
    /* width: 33px; */
    height: 30px;
}
.wbk-layout-phone .filtered-gallery ul.gallery .prod-flag-inner.prod-flag-sm,
.wbk-layout-phone .filtered-gallery ul.bxslider .prod-flag-inner.prod-flag-sm {
    top: 7%;
    left: 9%;
    border-width: 2px;
    font-size: 14px;
    /*width: 33px;*/
    height: 28px;
}


    /** TEMP character thumbnails - special CSS fix */

    html .character.w10.h08 .temp-thumb img[src*="Temp_Thumbs"],
    html .character.w12.h08 .temp-thumb img[src*="Temp_Thumbs"],
    html .character.w05.h04 .temp-thumb img[src*="Temp_Thumbs"],
    html .character.w06.h04 .temp-thumb img[src*="Temp_Thumbs"] {
        display: block;
        height: 100%;
        max-width: 100%;
        width: auto;
        position: relative;
        margin: 0 auto;
    }

    html.wbk-layout-desktop .character.w10.h08 .temp-thumb img[src*="Temp_Thumbs"],
    html.wbk-layout-desktop .character.w12.h08 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0;
        height: 95%;
    }
    html.wbk-layout-phone .character.w10.h08 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0vw;
        height: auto;
        width: 86.2%;
    }
    html.wbk-layout-phone .character.w12.h08 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0;
        height: auto;
        width: 72.5%;
    }
    html.wbk-layout-desktop .character.w05.h04 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0.5vh;
        height: 90%;
    }
    html.wbk-layout-phone .character.w05.h04 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0; right: 0;
        height: 100%;
        width: auto;
    }
    html.wbk-layout-desktop .character.w06.h04 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0.5vh;
        height: 90%;
    }
    html.wbk-layout-phone .character.w06.h04 .temp-thumb img[src*="Temp_Thumbs"] {
        top: 0; right: 0;
        height: 100%;
        width: auto;
    }

    html.wbk-layout-phone .character.w05.h04 .temp-thumb .wbk-image-wrapper,
    html.wbk-layout-phone .character.w06.h04 .temp-thumb .wbk-image-wrapper {
        float: right !important;
        margin-right: 15% !important;
        height: 80% !important;
    }

    html .character.w10.h08 .temp-thumb span.indicator,
    html .character.w12.h08 .temp-thumb span.indicator {
        top: 3.4%;
        right: 10%;
    }
    html .character.w05.h04 .temp-thumb span.indicator {
        top: 2%;
        right: 0%;
    }
    html .character.w06.h04 .temp-thumb span.indicator {
        top: 2%;
        right: 0%;
    }
    html.wbk-layout-phone .character.w05.h04 .temp-thumb span.indicator,
    html.wbk-layout-phone .character.w06.h04 .temp-thumb span.indicator {
        top: -2px;
        right: -1px;
    }


    html .character.w10.h08 .temp-thumb figcaption {
        left: 7.2%;
        width: 73.8%;
    }
    html .character.w12.h08 .temp-thumb figcaption {
        left: 14.4%;
        width: 61.4%;
    }
    html .character.w05.h04 .temp-thumb figcaption {
        left: 9.8%;
        width: 69.8%;
    }
    html .character.w06.h04 .temp-thumb figcaption {
        left: 17.2%;
        width: 57.4%;
    }

/* KW-5399 - ajust title on mobile devices */
@media (max-width: 425px) {
    .DNNSiteGeneric h3,
    .DNNSiteGeneric h3.title {
        font-size: 22px;
    }
    .DNNSiteGeneric p.MsoNormal.title span,
    .DNNSiteGeneric p.MsoNormal span.subtitle {
        font-size: 18px;
    }
}