/*Yellow Balloon Font Included*/
@font-face{
    font-family: 'YellowBalloon';
    font-weight: normal;
    font-style: normal;
    src: url('/static/fonts/YellowBalloon.eot');
    src: url('/static/fonts/YellowBalloon.eot?') format('embedded-opentype'), url('/static/fonts/YellowBalloon.ttf') format('truetype'), url('/static/fonts/YellowBalloon.woff') format('woff'), url('static/fonts/YellowBalloon.svg#HW_2.0_icons') format('svg');
}
/*global header styles starts here*/
#globalHeader{
    max-height: 29px;
}
.global-header-container > ul{
    line-height: 28px;
    top: 0;
}
#globalHeader .global-header-bg{
    background: #ece810;
}
#globalHeader+#main>#headerContent,
	#headerContent{
    height: auto;
    background: none;
    background: url('/static/images/GA/GA-new/page-bgnd.jpg') repeat;
}
body.page-monstermaker #headerContent{
	z-index: 101;
}
body.page-shop #headerContent{
	z-index:10;
}
/*Header styles starts here*/
.header-logo-wrapper{
    position: relative;
    z-index: 101;
    float: left;
    width: 100%;
    padding-bottom: .2em;
    background: url('/static/images/GA/GA-new/header-bgnd-new.png');
    background-size: 100% 104%;
}
#headerContent .left-header-char{
    position: absolute;
    z-index: 101;
    top: 0;
    float: left;
    max-width: 15.8369em;
}
#headerContent .right-header-char{
    float: right;
    max-width: 8.574em;
    margin-top: -1.318em;
}
#headerContent{
    margin: 0;
    padding: 0;
}
body #headerContent header,
.rwd-ga #headerContent header,
.rwd-ga .mh-logo-container{
    width: auto;
    padding: 0;
    text-align: center;
	height:auto;
}
body #headerContent header .mh-logo-container{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 3.9359em;
    margin: auto;
}
body #headerContent header .mh-logo-container > a{
    /*max-width: 19.397em;*/
    max-width: 17em;
    margin-top: -12px;
}
body #headerContent header .mh-logo-container a img{
    margin: 0;
}
#headerContent .hamburger-menu-button{
    display: none;
}
#headerContent header nav.nav-container{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -.22em;
    text-align: center;
    vertical-align: middle;
    background-image: url(/static/images/GA/GA-new/main-nav-bgnd2.png);
    background-position: 0 0;
    background-size: 100% 100%;
}
#headerContent nav.nav-container:after{
    position: absolute;
    right: 0em;
    bottom: -3.5em;
    height: 3.7955em;
    content: '';
    background-image: url(/static/images/GA/GA-new/header-after-icon.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 3.233em;
    z-index: 1;
}
.rwd-ga #headerContent .nav-menu,
#headerContent .nav-menu{
    position: relative;
    z-index: 99;
    display: inline-block;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    /* margin-top: -.023em; */
    padding: 0;
    letter-spacing: -4px;
    background: none;
	vertical-align:bottom;
}
#headerContent header nav.nav-container:before{
    position: absolute;
    z-index: 100;
    top: -.1874em;
    left: 0;
    width: 100%;
    max-width: 33em;
    height: .7027em;
    content: '';
    background-image: url(/static/images/GA/GA-new/main-nav-before-missed-transparent1.png);
    background-size: 33em 100%;
}
#headerContent:after{
    position: absolute;
    right: 0;
    bottom: -0.9839em;
    left: 0;
    height: 0.9839em;
    content: '';
    background-image: url(/static/images/GA/GA-new/main-nav-after-icon.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#headerContent .nav-menu li{
    font-size: .8433em;
    margin: 0;
    padding: 0;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
            transition: all .25s linear;
    letter-spacing: normal;
}
#headerContent .nav-menu li.tabActive{
    background: #000;
}
#headerContent .nav-menu li.tabActive > a{
    color: #ec008c;
}
#headerContent .nav-menu li:not(.tabActive):hover{
    background: #ec008c;
}
#headerContent .nav-menu li a{
    font-size: 1em;
    min-height: 0;
    margin: 0;
    padding: .937em 1.2em .43em;
    border: none;
    background: none;
}
#headerContent .nav-menu .more-menu .nav-sprite-img{
    display: inline-block;
    width: .89em;
    height: .3em;
    margin-right: 1px;
    vertical-align: -.01em;
    background-image: url('/static/images/GA/GA-new/menu-more-icon.png');
    background-position: 0 100%;
    background-size: 100% 200%;
}
#headerContent .nav-menu li.more-menu > a:after{
    position: relative;
    left: .3em;
    display: inline-block;
    display: n;
    content: '';
    -webkit-transition: transform .3s ease;
       -moz-transition: transform .3s ease;
        -ms-transition: transform .3s ease;
            transition: transform .3s ease;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    vertical-align: middle;
    border-top: .4em solid #fff;
    border-top-color: #fff;
    border-right: .4em solid rgba(0, 0, 0, 0);
    border-left: .4em solid rgba(0, 0, 0, 0);
}
#headerContent header .sub-nav{
    top: 99%;
    right: 0;
    left: auto;
    width: 250%;
    max-width: 46.85em;
    margin-top: -0.02em;
    padding-bottom: 0;
    text-align: left;
    background: rgba(236, 0, 140, .9);
	max-height: 0;
    -webkit-transition: max-height 0.15s ease-out;
	-moz-transition: max-height 0.15s ease-out;
	transition: max-height 0.15s ease-out;
    overflow: hidden;
    opacity: 0;
	display: block;
}
#headerContent header li:not(.more-menu) .sub-nav{
    right: auto;
    left: 0;
}
#headerContent header .sub-nav .sub-nav-content{
    vertical-align: bottom;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#headerContent header .sub-nav .sub-nav-items{
    padding: 0;
}
#headerContent .nav-menu li.expend-icon{
    position: relative;
    z-index: 1;
}
#headerContent .nav-menu li.expend-icon:hover .sub-nav{
    max-height: 1000px;
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
    opacity: 1;
}
#headerContent .nav-menu .sub-nav-items > li,
#headerContent .nav-menu .sub-nav-items a{
    display: block;
}
#headerContent .nav-menu .sub-nav-items a{
    font: normal 1em 'YellowBalloon',Arial,sans-serif;
    padding: .7em 1.2em;
}
#headerContent .nav-menu .sub-nav-items li:hover a{
    color: #00aeef;
    background: #000;
}
#headerContent .nav-menu li.more-menu:hover > a:after{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    border-top: .4em solid rgb(255, 255, 255);
    border-top-color: rgb(255, 255, 255);
    border-left: .4em solid rgba(0, 0, 0, 0);
}
#headerContent header nav.nav-container .right-nav{
    position: relative;
    right: 1.2em;
    float: right;
    margin-right: 0;
    padding: .5em .702em .468em;
    vertical-align: bottom;
}
#headerContent header nav.nav-container .right-nav .global_view{
    font-size: .5em;
    color: #fff;
	text-decoration: none;
}
#headerContent header nav.nav-container .right-nav .global_view .wishlist-txt{
    font: normal 1em 'LucidaGrande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
            transition: all .25s linear;
    color: #ece810;
    vertical-align: middle;
}
#headerContent header nav.nav-container .right-nav .global_view:hover .wishlist-txt{
    color: #000;
}
#headerContent header nav.nav-container .right-nav .global_view:hover .sprite-wishlist{
    background-position: 0 100%;
}
#headerContent header nav.nav-container .right-nav .global_view #wishlist_count{
    font: bold 1em 'LucidaGrande',Arial,sans-serif;
    vertical-align: middle;
}
#headerContent header nav.nav-container .right-nav .global_view .sprite-wishlist{
    display: inline-block;
    width: 1.563em;
    height: 1.563em;
    vertical-align: middle;
    background: url('/static/images/GA/GA-new/main-nav-wishlist-bgnd.png');
    background-size: 100% 200%;
}
/*mobile Header styles starts here*/
@media screen and (max-width:767px){
	
	#globalHeader{
		font-size:16px;
	}
	#headerContent .nav-menu li.expend-icon:hover .sub-nav{
        display: block;
        height: 0;
    }
    #headerContent .nav-menu li:not(.tabActive):hover{
        background: #008dc2;
    }
    #headerContent,
    .rwd-ga #headerContent{
		z-index: 111;
    }
    #headerContent .left-header-char,
    #headerContent .right-header-char{
        display: none;
    }
    body #headerContent header .mh-logo-container{
        position: static;
        float: none;
        margin: 1em 0;
    }
    .header-logo-wrapper{
        padding-bottom: .5em;
        background-size: 289% 110%;
    }
    #headerContent header .nav-menu:before,
		#headerContent:after{
        content: none;
    }
    body #headerContent header,
    .rwd-ga #headerContent header{
        font-size: .8em;
        display: inline-block;
        width: 100%;
        height: auto;
    }
    body #headerContent header > nav.clear-both{
        position: absolute;
        top: 73%;
        left: 0;
        overflow: hidden;
        width: auto;
        /* font-size: 1.5em; */
        width: 0;
        -webkit-transition: width .3s ease-out;
           -moz-transition: width .3s ease-out;
            -ms-transition: width .3s ease-out;
                transition: all .3s ease-out;
        background: url('/Static/images/GA/mobilenav_bg.png');
        background: #ed0c6e;
    }
    #headerContent .nav-container.active{
        width: auto;
    }
    #headerContent .nav-container{
        font-size: .8em;
    }
    .rwd-ga #headerContent .nav-menu,
    #headerContent .nav-menu,
    #headerContent .right-nav{
        display: inline-block;
        background: #ed0c6e;
    }
    .rwd-ga #headerContent .nav-menu,
    #headerContent .nav-menu{
        padding-top: 1em;
        box-shadow: 0 -4px 2px;
    }
    .rwd-ga #headerContent .nav-container.active .nav-menu,
    #headerContent .nav-container.active .nav-menu,
    #headerContent .nav-container.active .right-nav{
        display: block;/* width: auto; */
        /*         width: 100%; */
        background: none;
    }
    #headerContent .nav-menu li{
        display: block;
    }
    div#headerContent header > nav.clear-both ul.nav-menu li a{
        /* display: block; */
        padding: .937em 5.702em .468em 1em;
    }
    #headerContent .hamburger-menu-button{
		position: absolute;
		z-index: 108;
		bottom: 0;
		display: block;
		margin: 0 auto;
		cursor: pointer;
		background: url('/static/images/GA/GA-new/hamburger_icon.png') 0 0;
		background-size: 1.2em .9em;
		left: 0;
		top: 0;
		height: 70%;
		background-repeat: no-repeat;
		background-position: center 60%;
		width: 2.5em;
    }
    #headerContent header nav.nav-container:before,
    #headerContent nav.nav-container:after{
        content: none;
    }
    #headerContent header nav.nav-container .right-nav{
        float: none;
        /* width: 100%; */
        padding: 0;
    }
    #headerContent header nav.nav-container .right-nav .ga-wishlistcount{
        display: block;
        padding: .937em;
    }
    #headerContent header ul nav.sub-nav{
        position: relative;
        left: 2em;
        overflow: hidden;
        width: auto;
        height: 0;
    }
    #headerContent .nav-menu li.expend-icon.active nav.sub-nav{
        left: 0;
        height: auto;
        background: #ECE810;
		margin: 0 1em;
		max-height: 1000px;
		opacity: 1;
    }
	#headerContent .nav-menu .sub-nav-items a{	
		color: #000;
	}
	#headerContent .nav-menu li.expend-icon.active{
		padding-bottom: .5em;
	}
    body #headerContent header .mh-logo-container a img{
        margin-left: 1.5em;
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
	#headerContent header nav.nav-container .right-nav .global_view{
		font-size: .7em;
	}
}
@media screen and (min-width:767px) and (max-width:960px){
	#headerContent header nav.nav-container .right-nav,
		#headerContent .nav-menu li a{
			font-size:1.2em;
	}
}
/*Footer styles starts here*/
#bottomContent{
    position: relative;
}
body.kids-refresh #bottomContent,
	body.home-refresh #bottomContent{
	margin-top: 5em;
}
#bottomContent:before{
    position: absolute;
    z-index: 1;
    top: -3.16em;
    right: 0;
    left: 0;
    height: 3.1398em;
    content: none;
    background-image: url('/static/images/GA/GA-new/footer-before-bgnd1.png');
    background-size: 100%;
}
#bottomContent .bottom-content:before{
    position: relative;
    right: 0;
    left: 0;
    height: 6px;
    content: '';
    background: #00b0f2;
    top:0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 2.5em;
}
body.kids-refresh #bottomContent .bottom-content:before,
	body.home-refresh #bottomContent .bottom-content:before,
	body.dvd-refresh #bottomContent .bottom-content:before{
    position: absolute;
	top: -67px;
    right: 0;
    left: 0;
    height: 67px;
    content: '';
    background: url('/static/images/GA/GA-new/footer-before-bgnd.png');
    background-size: 100%;
    background-position: bottom;
	background-repeat: repeat-x;
}
#bottomContent .bottom-content{
    position: relative;
    width: auto;
    background: url('/static/images/GA/GA-new/footer-bgnd.jpg');
    /* padding-bottom: 1em; */
    background-size: 100%;
}
#bottomContent .bottom-content .social-link,
#bottomContent .bottom-content .mh-logo{
    margin-top: 0;
}
#copyRight{
    margin: 1em 0;
}
#copyRight ul li{
    font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
    color: #eb008b;
}
#copyRight ul li:first-child{
	color: #fff;
}
#copyRight ul li span, 
	#copyRight ul li span>a{
		padding: 0;
		cursor: pointer;
		color: #eb008b;
}
#copyRight ul li span.border-right{
    padding: 0;
    border: none;
}
#copyRight ul li span.border-right:after{
    display: inline-block;
    width: 2px;
    height: 80%;
    margin: 0 3px;
    content: '|';
    color: #fff;
}
#copyRight ul li span:hover{
    text-decoration: underline;
}
#copyRight ul li:last-child{
    margin: 0;
    padding: 0;
}
#bottomContent .bottom-content .social-link ul{
    padding: 0;
    border: none;
}
#bottomContent .bottom-content .social-link li{
    margin: 0 20px;
    padding: 0;
}
#bottomContent .copyrights-text{
    font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
    padding: 1em 0;
    color: #fff;
}
#bottomContent #block-monsterhigh_language-language_dropdown .dd, .dropdown .dd{
	width: 175px !important;
}
#bottomContent #block-monsterhigh_language-language_dropdown .dd .ddChild, .dropdown .dd .ddChild{
	width:100% !important;
}
.ga-footer#footer{
    /*font-size: 1em;*/
    background: url('/static/images/GA/GA-new/footer-bgnd.jpg');
	background-position: 0 75%;
}
.ga-footer.footer-expanded{
    padding-bottom: 2em;
}
.ga-footer#footer #collapseBtn{
    font-size: 20px;
    display: block;
    margin: 0;
    padding: 1em 0 .3em;
    background: url(/static/images/GA/GA-new/footer-expand-bgnd.png) repeat-x;
    background-size: 100% 100%;
}
.ga-footer#footer #collapseBtn a.expand-footer-arrow{
    font: normal .71em 'YellowBalloon',Arial,sans-serif;
    display: inline-block;
    height: auto;
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
            transition: all .2s linear;
    vertical-align: top;
    text-transform: uppercase;
    color: #000;
    background: none;
    /* padding: 1em 0; */
}
.ga-footer#footer #collapseBtn a.expand-footer-arrow:after{
    display: inline-block;
    width: 11px;
    height: 8px;
    margin: 0 .5em;
    margin-top: .3em;
    content: '';
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
    vertical-align: top;
    background: #fff url('/static/images/GA/GA-new/footer-accordion-arrows.png');
    background-position: 0 0;
    background-size: 100% 200%;
}
.ga-footer.footer-expanded#footer #collapseBtn a.expand-footer-arrow:after{
    background-position: 0 100%;
}
.ga-footer#footer #footer div{
    margin: 0;
}
.ga-footer#footer .fat-footer-content{
    background: #fff url('/static/images/GA/GA-new/promo-container-bgnd.png');
}
.ga-footer#footer .fat-footer-content,
.ga-footer#footer .footer-content{
    overflow: hidden;
    height: 0;
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
            transition: all .2s linear;
    opacity: 0;
}
.ga-footer#footer.footer-expanded .fat-footer-content,
.ga-footer#footer.footer-expanded .footer-content{
    overflow: visible;
    height: auto;
    opacity: 1;
}
.ga-footer#footer .fat-footer-content .content{
    display: inline-block;
    padding-top: 1em;
}
#footer ul.ft-row-wrap li.ft-list-container{
    text-align: left;
}
#footer ul.ft-row-wrap{
    display: inline-block;
    width: auto;
}
#footer div{
    margin-bottom: 0;
}
#footer .footer-content{
    font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
}
#footer ul.ft-inline-wrap li{
    color: #fff;
}
#footer p#ft-intro-statement{
	margin: 0;padding: 20px 10em;
}

/*mobile Footer styles starts here*/
@media screen and (max-width:767px){
    div#bottomContent .bottom-content:before,
    #mainContent:before,
    #bottomContent:before,
    #mainContent .other-promo-container:before{
        font-size: .3em;
    }
    div#bottomContent{
        font-size: .7em;
    }
    #footer ul.ft-row-wrap li.ft-list-container{
        width: 109px;
    }
	#footer p#ft-intro-statement{
		margin: 0;padding: 20px 2em;
	}
	#bottomContent .bottom-content .social-link li {
	    margin: 0 16px;
	}
}


/* Interstitials styles starts here */

#PCS.prodCata .PopupNavigation li.pop_button {
    float: none;
    display: inline-block;
    vertical-align: bottom;
}
#PCS.prodCata .PopupNavigation li.pop_button .keepMHBtn,
    #PCS.prodCata .PopupNavigation li.pop_button #sendmail.keepMHBtn{
        height: 48px;
        line-height: 48px;
        background-size: 100% 200%;
        background-position: 0 0;
    }
#PCS.prodCata .PopupNavigation li.pop_button .keepMHBtn:hover,
      #PCS.prodCata .PopupNavigation li.pop_button #sendmail.keepMHBtn:hover{
    background-position: -1px 97%;
}
   
#PCS.prodCata .PopupNavigation li.pop_button .akeepbtn{
    top:0;
}
/* Interstitials styles ends here */



/* inner pages container bottom styles  */

body div.games-container{
	margin-bottom:0;
	padding-bottom:0;
}
.video-main span.video-title{
	z-index: 99;
}
.mm_Container .mm_TabContent{
	z-index:1;
}
.games-container .games-play-section{
	padding-top: 2em;
}


@media screen and (max-width: 1024px) and (min-width: 901px){
	body.page-shop #PCS.prodCata .overlay-content,
		body.page-monstermaker #PCS.prodCata .overlay-content{
	    left: 40%;
	}
	body.page-monstermaker #PCS.prodCata{
		z-index:999;
	}
}
@media screen and (max-width: 900px) and (min-width: 768px){
	body.page-shop #PCS.prodCata,
		body.page-monstermaker #PCS.prodCata{
		position: relative;
	}
	body.page-monstermaker #PCS.prodCata{
		z-index:999;
	}
	body.page-shop #PCS.prodCata .overlay-content,
		body.page-monstermaker #PCS.prodCata .overlay-content{
		left: 27%;
	}
}
@media screen and (max-width: 767px) {
	.dvd-body div#dvdVideoJoverlay{
		    z-index: 112;
	}
	#about-sections .about-subscribe-section >div {
	    background-size: 275px auto;
	}
	#dvdVideoJoverlay #dvdVideoOverlay .slides>li{
		height: auto;
	}
	#dvdVideoJoverlay #dvdVideoOverlay .slides>li .ooyala-video-player{
		position: relative;
	    height: 0 !important;
	    padding-bottom: 56.5%;
	    vertical-align: bottom;
	}
	#dvdVideoJoverlay #dvdVideoOverlay .slides>li .ooyala-video-player .innerWrapper{
		position: absolute;
	}
	#dvdVideoJoverlay #dvdVideoOverlay .slides>li .dvd-video-popup-content{
		padding: .3em;
		width: auto;
	}
	.dvd-videos-mobile-popup .dvd-video-mobile-thumb{
		margin-top:0;
	}
	#PCS.prodCata .Retailer_overlay-bg, .prodCata .Mattel_overlay-bg {
		z-index: 112;
	}
}
@media screen and (min-width:768px) and (max-width:1024px){
/*MNHI-586 (Tab - Interstitial is not center aligned) - /GA-global.css*/
  .prodCata .overlay-content{
        left: 0;
        width: 704px;
        margin: 0 auto;
  }
  #dvdVideoJoverlay #dvdVideoOverlay .slides>li .ooyala-video-player{
	    height: 62% !important;
  }
}
@media screen and (min-width: 768px) {
	.header-logo-wrapper{
		height: 6.8340em;
	}
}