/** COMPILED FROM SCSS SOURCE. DO NOT EDIT DIRECTLY */
@import url(https://fonts.googleapis.com/css?family=Muli:300i);
@font-face { font-family: "Gotham Book"; font-style: normal; font-weight: normal; src: local("gotham-book.woff"), url("https://www.maddencdn.com/content/fonts/gotham/gotham-book.woff") format("woff"); }

html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: #fff url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/sidebar_bg.gif) top left repeat-y; background-size: 350px 400px; font-size: 1em; line-height: 1.2em; }

html img, body img { border: none; }

h4 { display: none; }

#isSmall { visibility: hidden; float: none; }

#isMedium { visibility: hidden; float: none; }

#isLarge { visibility: hidden; float: none; }

.w1Col { width: 12.5%; }

.w2Col { width: 25%; }

.w3Col { width: 37.5%; }

.w4Col { width: 50%; }

.w5Col { width: 62.5%; }

.w6Col { width: 75%; }

.w7Col { width: 87.5%; }

.w8Col { width: 100%; }

.floatLeft { float: left; }

.floatRight { float: right; }

.contentLeft { text-align: left; }

.contentCenter { text-align: center; }

.contentRight { text-align: right; }

blockquote { display: none; }

.nonResponsive { display: none; }

#loading { background: rgba(0, 0, 0, 0.95) url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon_loading.gif) no-repeat center 56%; display: inline-block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1001; width: 100%; height: 100vh; text-align: center; -webkit-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }

#loading.complete { opacity: 0; pointer-events: none; }

#loading img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; }

.top { position: absolute; width: 100%; height: 160px; padding: 10px 0 0 0; top: 0; left: 0; z-index: 1000; }

.top .topLogo { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.top .topLogo img { display: block; width: 100%; height: auto; margin: auto; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 3em; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#c2Title, #c3Title, #c4Title { position: absolute; bottom: 25px; left: 100px; }

.chapterImage { cursor: default; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 0; text-align: center; height: 100vh; overflow: hidden; line-height: 1.5em; }

.chapterImage .chapterTitle { position: absolute; bottom: 75px; right: 0; width: 60%; z-index: 100; background: rgba(23, 18, 11, 0.7); padding: 2em; }

.chapterImage .chapterTitle img { display: block; width: 100%; height: auto; margin: auto; }

.chapterImage .chapterTitle h1, .chapterImage .chapterTitle h2 { font-size: 0; line-height: 0; }

.chapterImage .chapterTitle h4 { display: none; }

.chapterImage .chapterHeadline { position: absolute; width: 90%; }

.chapterImage .chapterHeadline.centered { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 5%; }

.chapterImage .chapterHeadline.right { right: 5%; }

.chapterImage .chapterHeadline.right img { float: right; }

.chapterImage .chapterHeadline.top { top: 100px; }

.chapterImage .chapterHeadline h4 { font-size: 0; line-height: 0; }

.chapterImage .chapterHeadline img { display: block; width: 100%; height: auto; margin: auto; }

.chapterImage .chapterHeadline.c2 img { max-width: 650px; }

.chapterImage .chapterHeadline.c3 img { max-width: 499px; }

.chapterImage .chapterHeadline.c4 img { max-width: 950px; }

.chapter { margin: 0 auto; padding: 0; overflow: hidden; width: 100%; position: relative; z-index: 499; }

.chapter.c1 { margin-top: -50px; }

.chapter.c2 { margin-top: 5em; }

.chapter .leftImage { position: relative; width: 100vw; height: 100vh; z-index: 10; }

.chapter .leftImage .chapterBG { position: absolute; width: 100%; height: 100%; }

section { position: relative; display: block; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 5em; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; font-family: "Din", sans-serif; color: #333; width: calc(100% - 550px); margin: 0 0 0 550px; }

section.fullWidth { padding: 5em 0; }

section.c1, section.c2, section.c3, section.c4 { margin: 0px 1em 0 30em; width: 50%; }

section.c1 p, section.c2 p, section.c3 p, section.c4 p { padding: 0; }

section h4 { display: none; }

section h2 { color: #fff; }

section .innerText { padding: 0; font-size: 0.8em; }

section p { padding: 0; margin-bottom: 1em; }

section .pullquote { position: relative; width: 100%; margin: 2em auto; padding: 50px; font-style: "Din", sans-serif; font-weight: 400; font-style: italic; font-size: 2em; line-height: 1.35em; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: 0.5s ease-in 0.5s; -o-transition: 0.5s ease-in 0.5s; transition: 0.5s ease-in 0.5s; }

section .pullquote.show { opacity: 1; -webkit-transition: 0.5s ease-in 0.5s; -o-transition: 0.5s ease-in 0.5s; transition: 0.5s ease-in 0.5s; }

section .pullquote.darkBlue { color: #436684; border: 2px solid #436684; }

section .pullquote.green { color: #8aae66; border: 2px solid #8aae66; }

section .pullquote:before, section .pullquote:after { content: ""; width: 57px; height: 45px; position: absolute; }

section .pullquote.darkBlue:before, section .pullquote.darkBlue:after { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/pullquote.png) no-repeat; background-size: cover; }

section .pullquote.green:before, section .pullquote.green:after { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/pullquote-green.png) no-repeat; background-size: cover; }

section .pullquote:before { top: -33px; left: -14px; }

section .pullquote:after { bottom: -33px; right: -14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

section .inlineImage { position: relative; width: 100%; margin: 4em auto; max-width: 700px; opacity: 0; -webkit-transition: 0.5s ease-in 0.5s; -o-transition: 0.5s ease-in 0.5s; transition: 0.5s ease-in 0.5s; }

section .inlineImage.show { opacity: 1; -webkit-transition: 0.5s ease-in 0.5s; -o-transition: 0.5s ease-in 0.5s; transition: 0.5s ease-in 0.5s; }

section .inlineImage.lightbox { overflow: hidden; }

section .inlineImage.lightbox .image { float: left; width: calc(100% / 3 - 20px); margin: 10px; }

section .inlineImage img { display: block; width: 100%; height: auto; margin: auto; }

section a:link, section a:visited, section a:active { text-decoration: none; font-weight: bold; color: #49a6d7; }

section a:link.darkBlue, section a:visited.darkBlue, section a:active.darkBlue { color: #436684; }

section a:link.blue, section a:visited.blue, section a:active.blue { color: #49a6d7; }

section a:link.green, section a:visited.green, section a:active.green { color: #8aae66; }

section a:link.orange, section a:visited.orange, section a:active.orange { color: #dc8621; }

section a:hover { text-decoration: underline; }

section a.cta:link, section a.cta:visited, section a.cta:active { display: block; width: 85%; margin: 2em auto 0 auto; padding: 20px; color: #88191f; font-family: "Din", sans-serif; font-weight: 400; font-size: 2em; line-height: 1.35em; text-align: center; border: 2px solid #88191f; -webkit-box-sizing: border-box; box-sizing: border-box; }

section a.cta:link span, section a.cta:visited span, section a.cta:active span { font-family: "cubano", sans-serif; display: block; font-size: 200%; line-height: 1em; }

section a.cta:hover { text-decoration: none; background: #88191f; color: #fff; }

.inlineShare { text-align: center; margin: 2em 0 0 0; width: 100%; }

.inlineShare.fullWidth { margin-left: 0; width: 100%; }

.inlineShare span { position: relative; display: inline-block; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); text-transform: uppercase; color: #49a6d7; font-family: "Din", sans-serif; font-size: 0.9em; font-weight: bold; }

.inlineShare a { text-decoration: none !important; display: inline-block; width: 28px; height: 28px; margin-left: 8px; }

.inlineShare a.facebook { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon_facebook.png) no-repeat; background-size: cover; }

.inlineShare a.facebook.blue { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon-facebook-hover.png) no-repeat; background-size: cover; }

.inlineShare a.pinterest { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon_pinterest.png) no-repeat; background-size: cover; }

.inlineShare a.pinterest.blue { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon-pinterest-hover.png) no-repeat; background-size: cover; }

.inlineShare a.twitter { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon_twitter.png) no-repeat; background-size: cover; }

.inlineShare a.twitter.blue { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/icon-twitter-hover.png) no-repeat; background-size: cover; }

.inlineShare a:hover { opacity: 0.7; }

.footer { position: relative; width: 100%; background: #88191f; text-align: center; padding: 0 0 2em 0; z-index: 999; }

.footer a { text-decoration: none; }

.footer .alsoLike { overflow: hidden; width: 90%; margin: 0; text-align: center; padding: 1em 5%; text-align: center; color: #fff; font-family: "Din", sans-serif; font-weight: normal; font-size: 2.5em; line-height: 1.25em; text-transform: uppercase; }

.footer .alsoLikeLinkWrap .linkWrapper { position: relative; height: 175px; width: 20%; max-width: 300px; margin: 0 20px; display: inline-block; }

.footer .alsoLikeLinkWrap .rLink { width: 100%; height: 100%; position: absolute; display: inline-block; left: 0; top: 0; max-height: 180px; -webkit-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; transition: 0.25s ease-in; }

.footer .alsoLikeLinkWrap .rLink.rLink1 { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/footer_img1.jpg) no-repeat; background-size: cover; background-position: center; height: 175px; }

.footer .alsoLikeLinkWrap .rLink.rLink2 { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/footer_img2.jpg) no-repeat; background-size: cover; background-position: center; height: 175px; }

.footer .alsoLikeLinkWrap .rLink.rLink3 { background: transparent url(https://maddencdn.com/content/images/2020/buffalo/unexpected-legacy/footer_img3.jpg) no-repeat; background-size: cover; background-position: center; height: 175px; }

.footer .alsoLikeLinkWrap .rLink:hover .linkTitleWrapper { background-color: rgba(0, 0, 0, 0.9); }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper { background: rgba(23, 18, 11, 0.7); display: table; position: absolute; width: calc(100% - 20px); height: 100%; bottom: 0; padding: 10px; height: 20%; -webkit-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; transition: 0.25s ease-in; -webkit-box-sizing: unset; box-sizing: unset; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper .linkTitle { display: table-cell; vertical-align: middle; color: #fff; font-family: "Din", sans-serif; font-weight: 700; font-size: 1em; line-height: 1.125em; text-transform: uppercase; }