a,body,div,h1,h2,h3,h4,h5,h6,html,img,p,small,span{margin:0;padding:0;border:0;font:inherit}*,::after,::before{-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{content:"";display:table;clear:both}body,html{height:100%}body{color:#787a80;background-color:#28aadc;font-family:"Roboto Slab",serif;font-size:18px}h1,h2,h3,h4,h5,h6{font-weight:400}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.wrapper{margin:0 auto;width:100%;min-width:480px}.container{margin:0 auto;width:100%;max-width:1024px}.header{padding:10px 10px 10px 40px}.header__logo{float:left;margin-left:-30px;width:220px;height:40px}.header__title{float:right;color:#fff;font-size:18px;line-height:30px}.content{padding:20px;background-color:#fff;background-image:url("../img/og-image.png");background-position:center;}.footer{padding:20px;font-size:14px}.footer__left,.footer__right{width:50%}.footer__left{float:left}.footer__right{float:right;text-align:right}.footer__title{margin-bottom:10px;color:#166888}.footer__social{margin-bottom:10px;color:#fff}.footer__social--heading{margin-bottom:5px}.footer__copyright{color:#fff}.footer__copyright a{color:#166888}.mg__meta{margin-bottom:10px;color:#003366}.mg__meta--item{display:inline-block}.mg__meta--left{float:left}.mg__meta--right{float:right}.mg__meta--level{margin-right:20px}.mg__start-screen{text-align:center;padding:20px 20px}.mg__start-screen--heading{background-image:url(../img/title.png);width:436px;height:50px;  margin-bottom:10px;display:inline-block;}.mg__start-screen--sub-heading{font-size:24px;margin-bottom:10px;color:#28aadc}.mg__start-screen--sub-heading::after,.mg__start-screen--sub-heading::before{margin:0 5px;content:"-"}.mg__start-screen--text{margin-bottom:20px}.mg__start-screen--level-select{list-style:none;margin:0;padding:0}.mg__start-screen--level-select span{color:#ff3c50;font-size:18px;cursor:pointer}.mg__start-screen--level-select span:hover{color:#d50016}.mg__wrapper{margin:0 auto;width:100%}.mg__contents{position:relative;padding-bottom:50%;margin-left:-5px;margin-right:-5px}.mg__tile{position:absolute;padding:5px}.mg__level-1 .mg__tile{width:25%;height:50%}.mg__level-1 .mg__tile-1{top:0;left:0}.mg__level-1 .mg__tile-2{top:0;left:25%}.mg__level-1 .mg__tile-3{top:0;left:50%}.mg__level-1 .mg__tile-4{top:0;left:75%}.mg__level-1 .mg__tile-5{top:50%;left:0}.mg__level-1 .mg__tile-6{top:50%;left:25%}.mg__level-1 .mg__tile-7{top:50%;left:50%}.mg__level-1 .mg__tile-8{top:50%;left:75%}.mg__level-2 .mg__tile{width:16.66667%;height:33.33333%}.mg__level-2 .mg__tile-1{top:0;left:0}.mg__level-2 .mg__tile-2{top:0;left:16.66667%}.mg__level-2 .mg__tile-3{top:0;left:33.33333%}.mg__level-2 .mg__tile-4{top:0;left:50%}.mg__level-2 .mg__tile-5{top:0;left:66.66667%}.mg__level-2 .mg__tile-6{top:0;left:83.33333%}.mg__level-2 .mg__tile-7{top:33.33333%;left:0}.mg__level-2 .mg__tile-8{top:33.33333%;left:16.66667%}.mg__level-2 .mg__tile-9{top:33.33333%;left:33.33333%}.mg__level-2 .mg__tile-10{top:33.33333%;left:50%}.mg__level-2 .mg__tile-11{top:33.33333%;left:66.66667%}.mg__level-2 .mg__tile-12{top:33.33333%;left:83.33333%}.mg__level-2 .mg__tile-13{top:66.66667%;left:0}.mg__level-2 .mg__tile-14{top:66.66667%;left:16.66667%}.mg__level-2 .mg__tile-15{top:66.66667%;left:33.33333%}.mg__level-2 .mg__tile-16{top:66.66667%;left:50%}.mg__level-2 .mg__tile-17{top:66.66667%;left:66.66667%}.mg__level-2 .mg__tile-18{top:66.66667%;left:83.33333%}.mg__level-3 .mg__tile{width:12.5%;height:25%}.mg__level-3 .mg__tile-1{top:0;left:0}.mg__level-3 .mg__tile-2{top:0;left:12.5%}.mg__level-3 .mg__tile-3{top:0;left:25%}.mg__level-3 .mg__tile-4{top:0;left:37.5%}.mg__level-3 .mg__tile-5{top:0;left:50%}.mg__level-3 .mg__tile-6{top:0;left:62.5%}.mg__level-3 .mg__tile-7{top:0;left:75%}.mg__level-3 .mg__tile-8{top:0;left:87.5%}.mg__level-3 .mg__tile-9{top:25%;left:0}.mg__level-3 .mg__tile-10{top:25%;left:12.5%}.mg__level-3 .mg__tile-11{top:25%;left:25%}.mg__level-3 .mg__tile-12{top:25%;left:37.5%}.mg__level-3 .mg__tile-13{top:25%;left:50%}.mg__level-3 .mg__tile-14{top:25%;left:62.5%}.mg__level-3 .mg__tile-15{top:25%;left:75%}.mg__level-3 .mg__tile-16{top:25%;left:87.5%}.mg__level-3 .mg__tile-17{top:50%;left:0}.mg__level-3 .mg__tile-18{top:50%;left:12.5%}.mg__level-3 .mg__tile-19{top:50%;left:25%}.mg__level-3 .mg__tile-20{top:50%;left:37.5%}.mg__level-3 .mg__tile-21{top:50%;left:50%}.mg__level-3 .mg__tile-22{top:50%;left:62.5%}.mg__level-3 .mg__tile-23{top:50%;left:75%}.mg__level-3 .mg__tile-24{top:50%;left:87.5%}.mg__level-3 .mg__tile-25{top:75%;left:0}.mg__level-3 .mg__tile-26{top:75%;left:12.5%}.mg__level-3 .mg__tile-27{top:75%;left:25%}.mg__level-3 .mg__tile-28{top:75%;left:37.5%}.mg__level-3 .mg__tile-29{top:75%;left:50%}.mg__level-3 .mg__tile-30{top:75%;left:62.5%}.mg__level-3 .mg__tile-31{top:75%;left:75%}.mg__level-3 .mg__tile-32{top:75%;left:87.5%}.mg__tile--inner{position:relative;width:100%;height:100%;cursor:pointer}.mg__tile--inside,.mg__tile--outside{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s,background .3s;transition:transform .3s,background .3s;border-radius:6px;}.mg__tile--outside{background:url(../img/default/logo-bw.png) 50% 50% no-repeat #006699;box-shadow:0 0 0 0px #787a80}.mg__tile--inside{background-color:#d5eff9;box-shadow:0 0 0 0px #787a80;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.mg__tile--inner.flipped .mg__tile--outside{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.mg__tile--inner.flipped .mg__tile--inside{-webkit-transform:rotateY(0);transform:rotateY(0)}.mg__tile--inner.flipped.correct .mg__tile--inside{background-color:#ffe7c1}.mg__onend{padding:80px 20px;text-align:center}.mg__onend--heading{margin-bottom:10px;color:#28aadc;font-size:30px}.mg__onend--message{margin-bottom:10px}.mg__button{margin:5px;display:inline-block;padding:5px;color:#fff;font-family:"Roboto Slab",serif;font-size:16px;appearance:none;background:#ff6600;border:none;border-radius:3px;box-shadow:none;cursor:pointer}.mg__button:hover{background:#333333;
}.button_audio {
  width: 30px;
  background-color: #006699;
}
#music {
  position:relative;
}
.fb-like,.twitter-share-button{display:inline-block;vertical-align:middle}.fb-like{margin-right:10px}#fusionads{display:inline-block;padding:5px;background:#fff;font-size:11px;line-height:1.2;text-align:left}#fusionads .fusion-wrap{display:block;margin:0 0 5px;width:130px}#fusionads a.fusion-text{display:block;color:#787a80}#fusionads a.fusion-img{display:block;margin-bottom:5px;width:130px;height:100px;background-color:#fff}#fusionads a.fusion-img img{display:block;margin:0 0 10px}#fusionads a.fusion-poweredby{color:#28aadc}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxMiddleLeft{}
    #cboxMiddleRight{}
    #cboxTopCenter{}
    #cboxBottomCenter{}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}