@import url("https://fonts.googleapis.com/css?family=Muli:400,700|Patua+One");@font-face{font-family:'Din';font-style:normal;font-weight:normal;src:url("https://www.maddencdn.com/content/fonts/din/din-regular-webfont.woff") format("woff")}@font-face{font-family:'Din';font-style:normal;font-weight:500;src:url("https://www.maddencdn.com/content/fonts/din/din-medium-webfont.woff") format("woff")}@font-face{font-family:'Din';font-style:normal;font-weight:700;src:url("https://www.maddencdn.com/content/fonts/din/din-bold-webfont.woff") format("woff")}.customStoryCss{color:#343434;line-height:1.2em;font-size:20px;font-family:"Din", sans-serif}.customStoryCss *{-webkit-box-sizing:content-box;box-sizing:content-box}#mainSection{overflow:hidden}#isSmall{visibility:hidden;float:none}#isMedium{visibility:hidden;float:none}#isLarge{visibility:hidden;float:none}a{color:#3f9dda;text-decoration:none}a:hover{text-decoration:underline}div,p,span{font-size:.8rem;position:relative}.chapterImage{width:100%;max-width:1250px;max-height:550px;height:45vw;text-align:center;position:relative;margin:120px auto 0;-webkit-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.chapterImage.c1{margin:210px auto 0}.chapterImage.c0{margin-top:-5px;overflow:hidden;height:100vh;max-width:none;max-height:none}.chapterImage.c0:after,.chapterImage.c0:before{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;-webkit-filter:blur(4px);filter:blur(4px);z-index:2}.chapterImage.c0:after{-webkit-filter:none;filter:none;opacity:.1;background:black}.chapterImage.c0.heightGone{height:0}.chapterImage .storyTitle{color:white;position:absolute;margin:0 auto;left:0;right:0;bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);max-width:950px;z-index:3}.chapterImage .storyTitle h1{font-family:"Patua One", sans-serif;line-height:1.2em;font-size:7em;margin:1rem auto;font-weight:normal}.chapterImage .storyTitle h1 span{display:block;font-size:1.2em}.chapterImage .chapterTitle{position:absolute;margin:0 auto;top:0;left:0;right:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.chapterImage .chapterTitle h2{font-family:"Patua One", sans-serif;color:#3f9dda;text-transform:uppercase;font-weight:normal;font-size:3em;margin:1em auto}.chapterImage .photoCaption{position:absolute;left:0;right:0;text-align:left;bottom:0;padding:20px;overflow:hidden;border-top-right-radius:10px;background:rgba(0, 0, 0, 0.6)}.chapterImage .photoCaption p{color:white;margin:0;z-index:3;font-family:"Patua One", sans-serif;font-size:1.1rem}.intro{height:auto;width:100%;padding:100px 0 50px;position:relative;-webkit-box-shadow:0px 5px 5px rgba(56, 64, 69, 0.161);box-shadow:0px 5px 5px rgba(56, 64, 69, 0.161)}.intro .introText{text-align:center;width:95%;max-width:1250px;display:block;padding:0 0 50px;margin:0 auto}.intro .introText p{font-family:"Din", sans-serif;color:#343434;font-size:1.5em;line-height:1.4em;text-align:left;font-weight:400}.intro .introText p span{color:#3f9dda;font-family:"Patua One", sans-serif;text-transform:uppercase;font-size:1.2em;font-weight:normal;display:inline-block;vertical-align:middle}.intro .introText p.center{text-align:center}.intro .introText p.center span{display:block}.intro .scrollPrompt{display:block;text-align:center;cursor:pointer}.intro .scrollPrompt span{font-size:1.5em}.intro .scrollPrompt p{text-align:center;margin:0 auto;font-size:1.3em;font-weight:500;line-height:1em}.chapter{text-align:center;-webkit-box-shadow:0px 5px 5px rgba(56, 64, 69, 0.161);box-shadow:0px 5px 5px rgba(56, 64, 69, 0.161)}.chapter section{margin:0 auto;padding:2rem 0;width:95%;max-width:1250px}.chapter section p{text-align:left;font-weight:400;font-size:1.3em;line-height:1.5em}.chapter section p a{font-weight:bold}.quiz{width:100%;height:100vh;position:relative;overflow:hidden;-webkit-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.quiz.heightGone{height:0}.quiz .quizSection{position:absolute;margin:0 auto;left:0;right:0;top:50%;width:95%;max-width:886px;-webkit-transform:translateY(-50%) translateX(-50px);-ms-transform:translateY(-50%) translateX(-50px);transform:translateY(-50%) translateX(-50px);-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;opacity:0;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.quiz .quizSection.active{opacity:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;pointer-events:all}.quiz .quizSection.active~.quizSection{-webkit-transform:translateY(-50%) translateX(50px);-ms-transform:translateY(-50%) translateX(50px);transform:translateY(-50%) translateX(50px);z-index:11}.quiz .quizSection h3{font-family:"Din", sans-serif;font-size:1.7em;color:#343434;font-weight:500;width:100%;margin:1em auto}.quiz .quizSection .quizAnswer{display:inline-block;vertical-align:top;max-width:280px;width:calc(33% - 12px);height:auto;margin:10px auto;border-radius:16px;overflow:hidden;-webkit-box-shadow:1px 4px 6px #00000029;box-shadow:1px 4px 6px #00000029;cursor:pointer;-webkit-transition:.25s ease;-o-transition:.25s ease;transition:.25s ease}.quiz .quizSection .quizAnswer.chosen{-webkit-box-shadow:1px 4px 6px #00000064;box-shadow:1px 4px 6px #00000064;background:#00000026}.quiz .quizSection .quizAnswer img{width:100%;display:block}.quiz .quizSection .quizAnswer p{padding:15px 10px;margin:0;text-align:center;font-size:1.3em;font-weight:500;color:#343434}.quiz .quizSection .quizAnswer:hover{-webkit-transform:translateX(-1px) translateY(-1px);-ms-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px);-webkit-box-shadow:0 3px 6px #00000064;box-shadow:0 3px 6px #00000064}.quiz .quizSection.q1{max-width:1165px}.quiz .quizSection.q1 .quizAnswer{width:calc(25% - 12px)}.quiz .quizNav{text-align:center;position:absolute;margin:10px auto;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz .quizNav span{display:inline-block;vertical-align:middle;width:12px;height:12px;border-radius:50%;border:2px solid #3f9dda;background:#3f9dda;cursor:pointer;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.quiz .quizNav span.active~span{background:none;border-color:#343434}.quiz .quizNav span.visited{background:#3f9dda!important;border-color:#3f9dda!important}.quiz .quizNav span.active{background:#343434!important;border-color:#343434!important}.quiz .quizNav span.visited:hover{background:#343434!important;border-color:#343434!important}.quiz .quizNav i{cursor:pointer;display:inline-block;vertical-align:middle;font-size:16px;color:#343434}.quiz .quizNav i:hover{color:#3f9dda}.loadingPage{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:100;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.loadingPage.active{opacity:1}.loadingPage:after,.loadingPage:before{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;-webkit-filter:blur(10px);filter:blur(10px);z-index:2}.loadingPage:after{-webkit-filter:none;filter:none;opacity:.4;background:black}.loadingPage h2{color:white;text-align:center;position:absolute;display:inline-block;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:100}.loadingPage h2:after,.loadingPage h2:before{content:"";position:absolute;display:block;bottom:-15px;left:0;width:100%;height:4px;border-radius:8px;background:white;opacity:.4;-webkit-transition:2s ease;-o-transition:2s ease;transition:2s ease}.loadingPage h2:after{opacity:1;width:0}.loadingPage h2.active:after{width:100%}.cta{width:275px;margin:2.5rem auto 0;padding:20px;max-width:90%;border-radius:16px;-webkit-box-shadow:0px 3px 11px rgba(0, 0, 0, 0.36);box-shadow:0px 3px 11px rgba(0, 0, 0, 0.36)}.cta h2{font-size:1.1rem;margin:0;font-family:"Din", sans-serif;font-weight:500}.cta .copyBox{background:#F0F0F0;border-radius:8px;margin:10px 0;cursor:pointer;height:24px}.cta .copyBox textarea{pointer-events:none;opacity:0;width:100vw}.cta .copyBox p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cta .copyBox p:after{content:"";position:absolute;z-index:10;bottom:-5px;left:0;right:0;margin:auto;width:0;border-width:5px;border-style:solid;border-color:transparent transparent #3f9dda transparent;opacity:0;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}.cta .copyBox p:before{content:"copy url";position:absolute;z-index:10;width:100px;background:#48A1FA;border-radius:8px;font-size:.7rem;left:0;right:0;bottom:0;margin:auto;-webkit-transform:translateY(calc(100% + 5px));-ms-transform:translateY(calc(100% + 5px));transform:translateY(calc(100% + 5px));color:white;opacity:0;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}.cta .copyBox p span{width:220px;height:24px;overflow:hidden;display:inline-block;vertical-align:middle;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.cta .copyBox:hover p:after,.cta .copyBox:hover p:before{opacity:1}.cta .copyBox.copied p:before{content:"copied!"}.cta .socialIconWrap .socialIcon{width:65px;height:65px;border-radius:50%;overflow:hidden;margin:5px;-webkit-box-shadow:0px 3px 11px rgba(0, 0, 0, 0.36);box-shadow:0px 3px 11px rgba(0, 0, 0, 0.36);display:inline-block;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;cursor:pointer}.cta .socialIconWrap .socialIcon.mail{background:white}.cta .socialIconWrap .socialIcon.facebook{background:#4267B2}.cta .socialIconWrap .socialIcon.twitter{background:#1DA1F2}.cta .socialIconWrap .socialIcon span{font-size:2rem;line-height:65px}.cta .socialIconWrap .socialIcon span.fa-envelope{color:#343434}.cta .socialIconWrap .socialIcon span.fa-facebook-f{color:white;font-size:48px;-webkit-transform:translateY(8px) translateX(6px);-ms-transform:translateY(8px) translateX(6px);transform:translateY(8px) translateX(6px)}.cta .socialIconWrap .socialIcon span.fa-twitter{color:white}.cta .socialIconWrap .socialIcon:hover{-webkit-box-shadow:1px 4px 11px rgba(0, 0, 0, 0.66);box-shadow:1px 4px 11px rgba(0, 0, 0, 0.66)}.floatingNav{position:fixed;top:50%;z-index:2;left:calc(50% + 682px);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:0 auto;padding:0 10px;border-left:2px solid black}.floatingNav span{color:black;cursor:pointer;font-size:2rem;margin:10px 0;display:block;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.floatingNav span:hover{color:#3f9dda}.floatingNav span.active{color:#3f9dda;-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px)}.createPage,.home_link,.returnToQuiz,.sectionCta{display:inline-block;margin-top:1rem;text-decoration:none;font-family:"Patua One", sans-serif;font-weight:normal;background:#3f9dda;color:white;border-radius:8px;padding:8px 20px;font-size:1.3em;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}.createPage:hover,.home_link:hover,.returnToQuiz:hover,.sectionCta:hover{background:#1572ce;text-decoration:none}.home_link{display:block;width:275px;height:35px;line-height:35px;margin:1em auto 0;text-align:center}.home_link.extraMargin{margin:.5em auto 5em}.createPage,.returnToQuiz{pointer-events:none;position:absolute;bottom:45px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;height:30px;text-align:center;line-height:30px;font-size:1.3em;text-transform:uppercase}.createPage.active,.returnToQuiz.active{pointer-events:all;opacity:1}.createPageModal{z-index:1000;opacity:0;pointer-events:none;display:block;position:absolute;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.createPageModal .modalButtonWrapper{background:white;border-radius:5px;text-align:center;padding:20px 50px;width:calc(95% - 100px);max-width:300px;position:absolute;left:0;right:0;top:50%;margin:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.createPageModal .modalButtonWrapper .inModal,.createPageModal .modalButtonWrapper .returnToQuiz{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:1rem auto;display:block;position:relative;-webkit-transform:none;-ms-transform:none;transform:none;left:unset;bottom:unset}.createPageModal.active{pointer-events:all;opacity:1}.createPageModal.active .modalButtonWrapper .inModal,.createPageModal.active .modalButtonWrapper .returnToQuiz{pointer-events:all;opacity:1}