/** COMPILED FROM SCSS SOURCE. DO NOT EDIT DIRECTLY */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700|Ultra:400|Neuton:400|Oswald:400);
a { color: #2fb5ea; }

body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "Neuton", serif; font-size: 62.5%; line-height: 1.2em; }

body img { border: none; }

img[src="//tag.yieldoptimizer.com/ps/analytics?pxid=14763&"], img[src="https://t.visto1.net/e?adv=534&ca=0&acc=69&tag=1237381visittampabaydisp"], img[src="https://t.visto1.net/rt?adv=534&ca=0&acc=69&tag=1237381visittampabaydi38"] { display: none; }

.top { position: absolute; top: 0; width: 100%; z-index: 9999; height: 100px; }

.top .navTitle { display: inline-block; position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: white; font-size: 150%; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: bold; line-height: 1.1em; max-width: 55%; }

@media (max-width: 1400px) { .top .navTitle { display: none; } }

.top .navLogo { display: inline-block; position: absolute; left: 50%; top: 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90px; height: auto; }

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

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

.mobileMenuWrapper { display: none; }

#loading { background: rgba(0, 0, 0, 0.95) url(https://maddencdn.com/content/images/2019/tampabay/baycrafted/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 .5s; -o-transition: opacity ease .5s; transition: opacity ease .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; max-width: 100vw; }

.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; z-index: 10; }

.chapterImage.c0 .chapterTitle { position: absolute; left: 50%; top: 50%; width: 80%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin: 0 auto; }

.chapterImage.c0 .chapterTitle h1, .chapterImage.c0 .chapterTitle h2 { display: none; }

.chapterImage.c0 .chapterTitle img { width: 95%; max-width: 420px; height: auto; }

.chapterImage video { min-height: 100%; min-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

@-webkit-keyframes backIn { 0% { left: -100px; }
  100% { left: 0; } }

@keyframes backIn { 0% { left: -100px; }
  100% { left: 0; } }

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

.chapter#c3 { z-index: 9; }

section { position: relative; cursor: default; padding: 5em 0; text-align: left; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://maddencdn.com/content/images/2019/tampabay/baycrafted/background.jpg"); }

section.white { color: white; background: #222222; }

section.center { text-align: center; }

section.c2 { padding: 3em 0 10em; }

section.c4 { padding: 10em 0; }

section.c5 { padding-top: 0; }

section .textImage { width: 95%; max-width: 630px; height: auto; }

section h2 { font-size: 12em; font-weight: normal; line-height: 1em; font-family: "Ultra", serif; margin: 0; }

section h3 { font-size: 3.5em; font-weight: normal; line-height: 1.2em; margin: 0; }

section h4 { font-size: 1.6em; font-weight: normal; }

section p { font-size: 3.2em; line-height: 1.5em; width: 100%; max-width: 1000px; margin: 0em auto 1em; }

.iconLinks { width: 95%; max-width: 1000px; margin: .5em auto; padding: 4.5em 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; 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; }

.iconLinks .icon { display: inline-block; vertical-align: top; width: 145px; color: white; text-decoration: none; }

.iconLinks .icon img { width: 100%; height: auto; }

.iconLinks .icon p { font-family: "Oswald", sans-serif; font-size: 1.6em; color: #FFDE0E; margin: 0; }

.inlineShare { position: absolute; top: 5em; right: 5em; }

.inlineShare span { font-size: 1.2em; font-family: "Roboto", sans-serif; text-transform: uppercase; opacity: .2; display: inline-block; vertical-align: middle; }

.inlineShare .socialShare { display: inline-block; vertical-align: middle; width: 18px; margin: 0 0 0 .5em; }

.inlineShare .socialShare img { width: 100%; height: auto; }

.slider { position: relative; width: 100%; display: block; margin-bottom: 10em; }

.slider .slick-slide { position: relative; }

.slider .slick-slide .slideCaption { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(34, 34, 34, 0.6); color: white; }

.slider .slick-slide .slideCaption p { margin: 1em; font-size: 2.2em; font-family: "Roboto", sans-serif; }

.map { margin-top: 10em; position: relative; }

.map .mapHeader { background: #222222; width: 100%; text-align: center; color: white; }

.map .mapHeader p { font-size: 3em; font-weight: bold; margin: 0 auto; line-height: 3em; font-family: "Roboto", sans-serif; max-width: none; }

.map .mapSelectors { height: 700px; overflow: auto; display: inline-block; width: 430px; float: left; }

.map .mapSelectors .mapSelector { position: relative; padding: 1.5em 1em; cursor: pointer; border-bottom: 1px solid #CCCCCC; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.map .mapSelectors .mapSelector:hover, .map .mapSelectors .mapSelector.active { background: rgba(0, 0, 0, 0.3); }

.map .mapSelectors .mapSelector .title { font-size: 2.4em; margin: 0; font-family: "Roboto", sans-serif; font-weight: bold; text-transform: uppercase; max-width: calc(100% - 50px); line-height: 1.2em; }

.map .mapSelectors .mapSelector .address { font-size: 1.6em; font-family: "Roboto", sans-serif; margin: 0; }

.map .mapSelectors .mapSelector img { position: absolute; right: 1em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.map #googleMap { height: 700px; width: calc(100% - 430px); display: inline-block; }

.map .showAllMap { position: absolute; right: 1em; bottom: 2.5em; cursor: pointer; }

.map .showAllMap:hover { opacity: .8; }

.map .showAllMap img { display: inline-block; vertical-align: middle; width: 220px; }

#scrollSection { background: none; padding: 0; }

#scrollSection .innerSection { width: 100%; height: 100vh; position: relative; overflow: hidden; }

#scrollSection .innerSection.relative { z-index: 8 !important; }

#scrollSection .innerSection.relative .backgroundEl { position: relative; z-index: 1 !important; }

#scrollSection .innerSection .backgroundEl { width: 100%; height: 100%; top: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; position: fixed; z-index: -1; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

#scrollSection .innerSection .textEl { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 2.5em; z-index: 2; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

#scrollSection .innerSection .textEl.collapse { -webkit-transform: translateY(calc(100% - 90px)); -ms-transform: translateY(calc(100% - 90px)); transform: translateY(calc(100% - 90px)); cursor: pointer; }

#scrollSection .innerSection .textEl.collapse:hover { background: rgba(0, 0, 0, 0.9); }

#scrollSection .innerSection .textEl.collapse.showFullHeight { -webkit-transform: none; -ms-transform: none; transform: none; }

#scrollSection .innerSection .textEl.collapse.showFullHeight:hover { background: rgba(0, 0, 0, 0.7); }

#scrollSection .innerSection .textEl h2 { font-family: "Neuton", serif; font-weight: normal; font-size: 4em; width: 95%; max-width: 1000px; margin: 0 auto 10px; }

#scrollSection .innerSection .textEl p { font-size: 3em; margin: 1em auto 0; }

#scrollSection .innerSection .textEl p.subtitle { color: #FFDE0E; font-size: 3.2em; margin: 0 auto; }

.fullImage { width: 100%; height: auto; }

.inlineImage { width: auto; max-width: 95%; height: auto; display: block; margin: 7em auto 2em; }

.imageRow { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.imageRow img { margin-right: 1%; height: 160px; }

.cta { background: #222222; width: 95%; max-width: 1000px; display: block; padding: 1em 0; margin: 2em auto 1em; text-align: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; cursor: pointer; color: white; font-size: 5em; text-decoration: none; line-height: 1em; letter-spacing: .05em; }

.cta:hover { background: black; }

.videoPlayer { margin: 10em 0 0; background: #111111; }

.videoPlayer .videoSelectors { height: calc((100vw - 320px) / 1.8); overflow: auto; display: inline-block; width: 320px; float: left; }

.videoPlayer .videoSelectors .videoSelector { position: relative; padding: 2em 60px 2em 0; cursor: pointer; background: #222222; margin-bottom: 2px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.videoPlayer .videoSelectors .videoSelector:hover, .videoPlayer .videoSelectors .videoSelector.active { background: rgba(0, 0, 0, 0.3); }

.videoPlayer .videoSelectors .videoSelector p { font-size: 2.4em; color: #FFDE0E; margin: 0; font-family: "Roboto", sans-serif; font-weight: bold; text-transform: uppercase; padding-left: 20px; width: calc(100% - 20px); }

.videoPlayer .videoSelectors .videoSelector img { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.videoPlayer .video { width: calc(100% - 320px); min-height: calc((100vw - 320px) / 1.8); display: inline-block; position: relative; overflow: hidden; }

.videoPlayer .video:hover .controls { opacity: 1; }

.videoPlayer .video video { width: 100%; display: block; }

.videoPlayer .video .controls { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.7); padding: 2em 0; z-index: 2; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.videoPlayer .video .controls .progressBar { position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: black; cursor: pointer; }

.videoPlayer .video .controls .progressBar .timeBar { width: 0%; height: 100%; background: #2699fb; -webkit-transition: width .438s linear; -o-transition: width .438s linear; transition: width .438s linear; }

.videoPlayer .video .controls .replayBtn, .videoPlayer .video .controls .prevBtn, .videoPlayer .video .controls .nextBtn, .videoPlayer .video .controls .playBtn, .videoPlayer .video .controls .pauseBtn { display: inline-block; vertical-align: middle; margin: 0 2em; cursor: pointer; position: relative; }

.videoPlayer .video .controls .replayBtn .hover, .videoPlayer .video .controls .prevBtn .hover, .videoPlayer .video .controls .nextBtn .hover, .videoPlayer .video .controls .playBtn .hover, .videoPlayer .video .controls .pauseBtn .hover { opacity: 0; position: absolute; left: 0; top: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.videoPlayer .video .controls .replayBtn:hover .hover, .videoPlayer .video .controls .prevBtn:hover .hover, .videoPlayer .video .controls .nextBtn:hover .hover, .videoPlayer .video .controls .playBtn:hover .hover, .videoPlayer .video .controls .pauseBtn:hover .hover { opacity: 1; }

.videoPlayer .video .controls .replayBtn { margin-left: -38px; }

.videoPlayer .video .controls .playBtn { display: none; }

.videoPlayer .video .controls.paused { opacity: 1 !important; }

.videoPlayer .video .controls.paused .pauseBtn { display: none; }

.videoPlayer .video .controls.paused .playBtn { display: inline-block; }

.footer { position: relative; width: 100%; text-align: center; padding: 2.0em 0; z-index: 1000; background: #222222; }

.footer a { text-decoration: none; }

.footer .alsoLike { position: relative; overflow: hidden; width: 90%; margin: 0 auto; text-align: center; padding: 1em 0; text-align: center; color: #fff; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1.6em; line-height: 1em; text-transform: uppercase; }

.footer .alsoLikeLinkWrap .linkWrapper { position: relative; padding-bottom: 16%; width: 30%; max-width: 300px; margin: 0 1%; display: inline-block; }

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

.footer .alsoLikeLinkWrap .rLink { width: 100%; height: 100%; position: absolute; display: inline-block; left: 0; top: 0; background-color: #000; }

.footer .alsoLikeLinkWrap .rLink.rLink1 { background: transparent url(https://maddencdn.com/content/images/2019/tampabay/baycrafted/footer_img1.jpg) no-repeat; background-size: cover; }

.footer .alsoLikeLinkWrap .rLink.rLink2 { background: transparent url(https://maddencdn.com/content/images/2019/tampabay/baycrafted/footer_img2.jpg) no-repeat; background-size: cover; }

.footer .alsoLikeLinkWrap .rLink.rLink3 { background: transparent url(https://maddencdn.com/content/images/2019/tampabay/baycrafted/footer_img3.jpg) no-repeat; background-size: cover; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper { background-color: rgba(0, 0, 0, 0.6); display: table; position: absolute; width: calc(100% - 20px); bottom: 0; padding: 10px 10px 8px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper a:hover, .footer .alsoLikeLinkWrap .rLink .linkTitleWrapper a:visited, .footer .alsoLikeLinkWrap .rLink .linkTitleWrapper a:hover { background-color: #FFDE0E; }

.footer .alsoLikeLinkWrap .rLink .linkTitleWrapper .linkTitle { display: table-cell; vertical-align: middle; color: #fff; font-family: "Roboto", sans-serif; font-size: 1.6em; line-height: 1em; text-align: left; text-transform: capitalize; padding: 0; }