/**
* title:      Farmaggedon
* created:    10/01/2023
* author:     Development Team <info@optiva.co.uk>
* copyright:  Optiva Ltd

* ========================================================================== */

@font-face { font-family: Violence; src: url(../fonts/Violence.otf); }
@font-face { font-family: Violence-Swash; src: url(../fonts/Violence-Swash.otf); }

/* Generic */
html { overflow-x: hidden; }
body { background: #000000; overflow-x: hidden; font-family: 'Poppins', sans-serif; }

.container { max-width: 1640px; }

h1 { color: #da2230; font-size: 82px; line-height: 84px; font-weight: 900; margin: 0px; }
h2 { color: #da2230; font-size: 82px; line-height: 84px; font-weight: 600; margin: 0px; }
h3 { color: #da2230; font-size: 70px; line-height: 74px; font-weight: 600; margin: 0px; }
h4 { color: #da2230; font-size: 50px; line-height: 56px; font-weight: 600; margin: 0px; }
h5 { color: #da2230; font-size: 36px; line-height: 42px; font-weight: 600; margin: 0px; }
h6 { color: #da2230; font-size: 20px; line-height: 28px; font-weight: 600; margin: 0px; }

p { color: #2e4960; font-size: 24px; line-height: 32px; font-weight: 300; }
p strong { font-weight: 600; }
p a { color: #da2230; }
p a:hover { color: #da2230; }

li { color: #2e4960; font-size: 20px; line-height: 28px; font-weight: 300;}
li a { color: #da2230; }
li a:hover { color: #da2230; }

a { color: #da2230; text-decoration: none; }
a:link { text-decoration: none; }
a:hover { color: #da2230; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }

/* Fonts */
.violence { font-family: Violence; font-weight: 100; }
h2.violence { font-size: 116px; line-height: 112px; }
h3.violence { font-size: 84px; line-height: 87px; }
h4.violence { font-size: 60px; line-height: 66px; }
h5.violence { font-size: 46px; line-height: 56px; }
h6.violence { font-size: 36px; line-height: 44px; }

.drop-shadow { filter: drop-shadow(5px 2px 2px black); }

/* Buttons */
.btn { font-size: 18px; line-height: 20px; font-weight: 500; padding: 11px 40px; border: 1px #ccc solid; border-radius: 30px; filter: drop-shadow(0px); box-shadow: none; transition-timing-function: ease-in; transition: 0.3s; }
.btn:hover { transition-timing-function: ease-in; transition: 0.3s; }
.btn:focus { transition-timing-function: ease-in; transition: 0.3s; }

.btn-blood { background: url('../assets/btn-blood-bg.png') 50% center no-repeat; border: 0px; border-radius: 0px; width: 222px; height: 99px; display: inline-block; color: #ffffff; font-size: 24px; line-height: 26px!important; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; padding: 24px 0px 0px 0px; position: relative; vertical-align: top; -webkit-appearance: none!important; }
.btn-blood:hover { color: #f5bd15; }

.btn-splat { mask: url('../assets/btn-splat-bg.svg') 50% center no-repeat; -webkit-mask: url('../assets/btn-splat-bg.svg') 50% center no-repeat; border-radius: 0px; background: #6f6060; color: #ffffff; font-size: 27px; line-height: 29px!important; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; width: 352px; height: 89px; padding: 0px; }
.btn-splat:hover { background: #da2230; }

.btn-red { color: #ffffff; background: #da2230; border-color: #da2230; }
.btn-red:hover { color: #ffffff; background: #ec2938; border-color: #ec2938; }

.btn-grey { color: #333333; background: #b3b3b3; border-color: #b3b3b3; }
.btn-grey:hover { color: #333333; background: #ffffff; border-color: #ffffff; }

.btn-dark-grey-keyline { color: #999999; border-color: #999999; }
.btn-dark-grey-keyline:hover { color: #0f1718; background: #999999; }

.btn-white-keyline { color: #ffffff; border-color: #ffffff; }
.btn-white-keyline:hover { background: #ffffff; color: #333333; }

/**
* Main Header/Navigation
* ========================================================================== */	

header .header { background: none; padding: 0px; position: fixed; top: 0px; width: 100%; margin: auto; z-index: 50; transition: 0.2s; transition-timing-function: ease-in; }
    header .header .container { width: 100%; max-width: 100%; padding: 0px; }

    header .header .logo { top: 20px; left: 0px; right: 0px; max-width: 500px; text-align: center; margin: auto; position: absolute; transition: 0.4s; transition-timing-function: ease-in; }
    header .header .left-splat { background: url('../assets/nav-left-splat-bg.png') bottom right no-repeat; width: 360px; height: 210px; padding: 40px 0px 0px 21px; float: left; transition-timing-function: ease-in; transition: 0.3s; }
        header .header .left-splat .text { background-color: #ffffff; mask: url('../assets/buy-tickets-text.svg') 50% center no-repeat; -webkit-mask: url('../assets/buy-tickets-text.svg') 50% center no-repeat; width: 187px; height: 41px; transition-timing-function: ease-in; transition: 0.3s; }
        header .header .left-splat .text:hover { background-color: #f5bd15; }
        header .header .left-splat i { display: none; }
    header .header .right-splat { background: url('../assets/nav-right-splat-bg.png') bottom left no-repeat; width: 230px; height: 230px; padding: 40px 40px 0px 0px; text-align: right; float: right; transition-timing-function: ease-in; transition: 0.3s; }
        header .header .right-splat .nav-icon { background-color: #ffffff; mask: url('../assets/nav-icon.svg') 50% center no-repeat; -webkit-mask: url('../assets/nav-icon.svg') 50% center no-repeat; width: 62px; height: 36px; cursor: pointer; float: right; transition-timing-function: ease-in; transition: 0.3s; }
        header .header .right-splat .nav-icon:hover { background-color: #f5bd15; transition-timing-function: ease-in; transition: 0.3s; }

header .header.scrolled { height: 0px; }
    header .header.scrolled .container { height: 0px; }
    header .header.scrolled .row { height: 0px; }
    header .header.scrolled .col { height: 0px; }

    header .header.scrolled .left-splat { width: 300px; height: 175px; padding: 30px 0px 0px 14px; transition-timing-function: ease-in; transition: 0.3s; }
        header .header.scrolled .left-splat .text { width: 130px; height: 29px; transition-timing-function: ease-in; transition: 0.3s; }

    header .header.scrolled .right-splat { width: 200px; height: 200px; padding: 22px 20px 0px 0px; transition-timing-function: ease-in; transition: 0.3s; }
        header .header.scrolled .right-splat .nav-icon {  }

    header .header.scrolled .logo { top: -140px; transition: 0.4s; transition-timing-function: ease-in; }


/**
* Mobile Menu
* ========================================================================== */	

.popup-navigation { background: none; width: 320px; height: 207px; top: -1007px; left: auto; right: -1020px; overflow: visible; position: fixed; z-index: 1; transition-timing-function: linear; transition: 0.8s; }
.popup-navigation.active { visibility: visible; width: 100%; height: 100vh; opacity: 1; top: 0vh; right: 0px; z-index: 500000; transition-timing-function: linear; transition: 0.2s; }

    .popup-navigation .background { background: #b50000; mask: url('../assets/Blood-Nav-Bg.svg') left top no-repeat; -webkit-mask: url('../assets/Blood-Nav-Bg.svg') left top no-repeat; mask-size: 346px; -webkit-mask-size: 346px;  width: 100%; height: 100%; right: 0px; top: -620px; top: 0px; position: absolute; transition-timing-function: linear; transition: 0.8s; }
    .popup-navigation.active .background { width: 3300px; height: 2138px; background-position: left top!important; mask-size: 3300px; -webkit-mask-size: 3300px; right: -50px; top: -650px; transition-timing-function: linear; transition: 0.2s; }

    .popup-navigation .content-container { width: 100%; height: 100%; position: absolute; display: none; }
    .popup-navigation.active .content-container { display: block; }

    .popup-navigation .close-icon { background-color: #ffffff; mask: url('../assets/nav-close-icon.svg') 50% center no-repeat; -webkit-mask: url('../assets/nav-close-icon.svg') 50% center no-repeat; width: 57px; height: 58px; top: 25px; right: 35px; position: absolute; transition-timing-function: ease-in; transition: 0.4s; }
    .popup-navigation .close-icon:hover { background-color: #1d1d1b; cursor: pointer; transition-timing-function: ease-in; transition: 0.4s; }

    .popup-navigation .splat-link { background: url('../assets/splat-link-bg.png') bottom center; height: 400px; width: 653px; top: -210px; left: 0px; right: 250px; margin: auto; position: absolute; }
        .popup-navigation .splat-link .text { background-color: #1d1d1b; mask: url('../assets/buy-tickets-text.svg') 50% center no-repeat; -webkit-mask: url('../assets/buy-tickets-text.svg') 50% center no-repeat; width: 262px; height: 58px; left: 250px; right: 0px; bottom: 90px; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.3s; }
        .popup-navigation .splat-link:hover .text { background-color: #b50000; }
    
    .popup-navigation .splat-link { opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }
    .popup-navigation.active .splat-link { animation-name: popup-nav-left-splat-link; animation-duration: 1s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes popup-nav-left-splat-link {  0% { visibility: hidden; opacity: 0; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); } 100% { visibility: visible; opacity: 1; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }  }

    .popup-navigation .content { max-width: 1200px; margin: auto; position: relative; }

    .popup-navigation .content .main-links { margin-top: 220px; }
        .popup-navigation .content .main-links ul { text-align: center; list-style: none; padding: 0px; margin: 0px; position: relative; }
        .popup-navigation .content .main-links ul li { color: #ffffff; font-size: 46px; line-height: 54px; font-family: Violence; font-weight: 100; }
        .popup-navigation .content .main-links ul li a { color: #ffffff; transition-timing-function: ease-in; transition: 0.4s; }
        .popup-navigation .content .main-links ul li a:hover { color: #f5bd15; transition-timing-function: ease-in; transition: 0.4s; }

    .popup-navigation .content .main-links .left ul { top: 90px; opacity: 0; visibility: hidden; }
    .popup-navigation.active .content .main-links .left ul { animation-name: popup-nav-left-ul; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes popup-nav-left-ul {  0% { visibility: hidden; opacity: 0; top: 90px; } 100% { visibility: visible; opacity: 1; top: 0px; }  }

    .popup-navigation .content .main-links .middle ul { top: 90px; opacity: 0; visibility: hidden; }
    .popup-navigation.active .content .main-links .middle ul { animation-name: popup-nav-middle-ul; animation-duration: 1s; animation-delay: 0.8s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes popup-nav-middle-ul {  0% { visibility: hidden; opacity: 0; top: 90px; } 100% { visibility: visible; opacity: 1; top: 0px; }  }

    .popup-navigation .content .main-links .right ul { top: 90px; opacity: 0; visibility: hidden; }
    .popup-navigation.active .content .main-links .right ul { animation-name: popup-nav-right-ul; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes popup-nav-right-ul {  0% { visibility: hidden; opacity: 0; top: 90px; } 100% { visibility: visible; opacity: 1; top: 0px; }  }

    
    .popup-navigation .content .sub-links { font-size: 0px; margin-top: 70px; text-align: center; position: relative; }
        .popup-navigation .content .sub-links h5 { color: #040100; font-size: 17px; line-height: 24px; position: relative; }
        .popup-navigation .content .sub-links h5 a { color: #ffffff; transition-timing-function: ease-in; transition: 0.4s; }
        .popup-navigation .content .sub-links h5 a:hover { color: #f5bd15; transition-timing-function: ease-in; transition: 0.4s; }
        .popup-navigation .content .sub-links h5 span { padding: 0px 8px; }

    .popup-navigation .content .sub-links h5 { top: 90px; opacity: 0; visibility: hidden; }
    .popup-navigation.active .content .sub-links h5 { animation-name: popup-nav-sub-links; animation-duration: 1s; animation-delay: 1.3s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes popup-nav-sub-links {  0% { visibility: hidden; opacity: 0; top: 90px; } 100% { visibility: visible; opacity: 1; top: 0px; }  }

    
    .popup-navigation .social-icons { margin: 55px 0px 0px 0px; position: relative; }
        .popup-navigation .social-icons li a { background: #1d1d1b; }
        .popup-navigation .social-icons li a:hover { background: #f5bd15; }
        
    .popup-navigation .social-icons { top: 90px; opacity: 0; visibility: hidden; }
    .popup-navigation.active .social-icons { animation-name: popup-nav-sub-links-social; animation-duration: 1s; animation-delay: 1.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes popup-nav-sub-links-social {  0% { visibility: hidden; opacity: 0; top: 90px; } 100% { visibility: visible; opacity: 1; top: 0px; }  }


/**
* Header Mask Panel
* ========================================================================== */

.header-video-mask-panel { position: relative; text-align: center; overflow: hidden; min-height: 1800px; }
    .header-video-mask-panel video { min-height: 1080px; width: 101%; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
    .header-video-mask-panel video.desktop { display: block; }
    .header-video-mask-panel video.mobile { display: none; }
    .header-video-mask-panel .rocks-bg { background: url('../assets/header-video-mask-panel-rocks.png') top center no-repeat; background-size: 100%; height: 520px; width: 101%; position: fixed; bottom: -100px; left: 50%; transform: translateX(-50%); right: 0px; margin: auto;}
    .header-video-mask-panel .rocks-bg.fixed { position: fixed; }

/**
* Rocks Transition Panel
* ========================================================================== */

.rocks-transition-panel { background: url('../assets/rocks-transition-panel-bg.png'); padding: 460px 0px 120px 0px; text-align: center; position: relative; z-index: 1; min-height: 430px; }
    .rocks-transition-panel img { margin: auto; }

    .rocks-transition-panel.scrolled {  }
    .rocks-transition-panel img { opacity: 0; visibility: hidden; transition-timing-function: ease-in; transition: 0.6s; }
    .rocks-transition-panel.scrolled img { opacity: 1; visibility: visible; transition-timing-function: ease-in; transition: 0.6s; }

    .header-video-mask-panel + .rocks-transition-panel { margin-top: 0px; }

/**
* Full Page Slider
* ========================================================================== */

.full-page-slider-panel { background: #000000; position: relative; }
    .full-page-slider-panel .slick-slide { padding: 60px 0px; min-height: 1080px; position: relative; overflow: hidden; }
        .full-page-slider-panel .slick-slide video { opacity: 0; visibility: hidden; width: 1920px; height: 100%; max-height: 1080px; position: absolute; left: 0px; right: 0px; margin-left: 50vw; transform: translate(-50%); }
        .full-page-slider-panel.animate .slick-slide video { animation-name: full-page-slider-panel-video; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; animation-iteration-count: 1; }
        @keyframes full-page-slider-panel-video {  0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } }
    .full-page-slider-panel .slick-slide .col { text-align: center; }
        .full-page-slider-panel .slick-slide .col img { margin: auto; }

    .full-page-slider-panel .center-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; z-index: 1; }
        .full-page-slider-panel .center-content a { font-size: 0px; line-height: 0px; }

    .full-page-slider-panel .slick-slider .gallery-arrow { top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; }
    .full-page-slider-panel.animate .slick-slider .gallery-arrow { opacity: 1; visibility: visible; }
        .full-page-slider-panel .slick-slider .gallery-arrow.prev { left: 40px; }
        .full-page-slider-panel .slick-slider .gallery-arrow.next { right: 40px; }

    .full-page-slider-panel .slick-dots { bottom: 125px; opacity: 0; visibility: hidden; }
    .full-page-slider-panel.animate .slick-dots { opacity: 1; visibility: visible; }


    .full-page-slider-panel img.characters { position: absolute; top: 180px; left: 0px; right: 0px; margin: auto; }

    .full-page-slider-panel .slick-slide .logo { opacity: 0; left: -900px; max-width: 1000px; max-height: 300px; position: relative; }
    .full-page-slider-panel.animate .slick-current.slick-active .logo { animation-name: full-page-slider-panel-logo; animation-duration: 1s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-logo {  0% { opacity: 0; left: -900px; } 100% { opacity: 1; left: 0px; } }

    .full-page-slider-panel .contagion.slick-slide .logo { max-height: 250px; margin-bottom: 0px; }
    .full-page-slider-panel .contagion.slick-slide img.characters { opacity: 0; top: 180px; }
    .full-page-slider-panel.animate .contagion.slick-current.slick-active img.characters { animation-name: full-page-slider-panel-con-characters; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-con-characters {  0% { opacity: 0; left: 1080px; } 100% { opacity: 1; left: 0px; } }
        
    .full-page-slider-panel .meat-locker.slick-slide .center-content { margin-top: 50px; }
    .full-page-slider-panel .meat-locker.slick-slide .logo { max-height: 250px; margin-bottom: 50px; }
    .full-page-slider-panel .meat-locker.slick-slide img.characters { opacity: 0; top: 130px; left: -250px; }
    .full-page-slider-panel.animate .meat-locker.slick-current.slick-active img.characters { animation-name: full-page-slider-panel-ml-characters; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-ml-characters {  0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: -250px; } }

    .full-page-slider-panel .zombie-anni.slick-slide .center-content { margin-top: 50px; }
    .full-page-slider-panel .zombie-anni.slick-slide .logo { max-height: 300px; margin-bottom: 40px; }
    .full-page-slider-panel .zombie-anni.slick-slide img.characters { opacity: 0; top: 110px; left: 120px; }
    .full-page-slider-panel.animate .zombie-anni.slick-current.slick-active img.characters { animation-name: full-page-slider-panel-za-characters; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-za-characters {  0% { opacity: 0; left: 980px; } 100% { opacity: 1; left: 120px; } }

    .full-page-slider-panel .beast-of-terror.slick-slide .center-content { margin-top: 50px; }
    .full-page-slider-panel .beast-of-terror.slick-slide .logo { max-height: 300px; margin-bottom: 50px; }
    .full-page-slider-panel .beast-of-terror.slick-slide img.characters { opacity: 0; top: 130px; }
    .full-page-slider-panel.animate .beast-of-terror.slick-current.slick-active img.characters { animation-name: full-page-slider-panel-bot-characters; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-bot-characters {  0% { opacity: 0; left: 1080px; } 100% { opacity: 1; left: 0px; } }

    .full-page-slider-panel .maze.slick-slide .center-content { margin-top: 50px; }
    .full-page-slider-panel .maze.slick-slide .logo { max-height: 300px; margin-bottom: 30px; }
    .full-page-slider-panel .maze.slick-slide img.characters { opacity: 0; top: 130px; }
    .full-page-slider-panel.animate .maze.slick-current.slick-active img.characters { animation-name: full-page-slider-panel-maze-characters; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-maze-characters {  0% { opacity: 0; left: 1080px; } 100% { opacity: 1; left: -300px; } }

    .full-page-slider-panel .btn-blood { opacity: 0; bottom: -350px; position: relative; }
    .full-page-slider-panel.animate .slick-current.slick-active .btn-blood { animation-name: full-page-slider-panel-btn; animation-duration: 1s; animation-delay: 0.9s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes full-page-slider-panel-btn {  0% { opacity: 0; bottom: -350px; } 100% { opacity: 1; bottom: 0px; } }

    @media screen and (min-width: 767px) {
        .full-page-slider-panel .slick-slide { background-image: unset!important; }
    }

    .rocks-transition-panel + .full-page-slider-panel { margin-top: -40px; }

/**
* Poster Features Slider Panel
* ========================================================================== */

.poster-features-slider-panel { background: #000000 url('../assets/Poster-Wall-BG.jpg') top center no-repeat; min-height: 1300px; padding: 100px 0px 150px 0px; position: relative; z-index: 1; }
    .poster-features-slider-panel .col { text-align: center; }
        .poster-features-slider-panel .col img { margin: auto; }   
    .poster-features-slider-panel .slick-dots { bottom: -100px; }    
    .poster-features-slider-panel .slick-slide { min-height: 715px; }
        .poster-features-slider-panel .slick-slide img { width: 95%; margin: 20px auto auto auto; transition-timing-function: ease-in; transition: 0.3s; }
        .poster-features-slider-panel .slick-slide:hover img { width: 100%; margin: 0px auto auto auto; filter: brightness(1.5); transition-timing-function: ease-in; transition: 0.3s; }
    .poster-features-slider-panel .slick-slider .gallery-arrow { top: 50%; transform: translateY(-50%); visibility: hidden; opacity: 0; transition-timing-function: ease-in; transition: 0.3s; }
    .poster-features-slider-panel .slick-slider:hover .gallery-arrow { visibility: visible; opacity: 1; transition-timing-function: ease-in; transition: 0.3s; }
        .poster-features-slider-panel .slick-slider .gallery-arrow.prev { left: 40px; }
        .poster-features-slider-panel .slick-slider .gallery-arrow.next { right: 40px; }

    .poster-features-slider-panel .flick-animation {  }
    .poster-features-slider-panel img.flick-animation { animation-name: flick-animation; animation-duration: 8s; animation-delay: 0s; animation-iteration-count: 500; }
    @keyframes flick-animation {  0% { filter: grayscale(0); -webkit-filter: grayscale(0); } 
    40% { filter: grayscale(0); -webkit-filter: grayscale(0); }  42% { filter: grayscale(1); -webkit-filter: grayscale(1); } 44% { filter: grayscale(0); -webkit-filter: grayscale(0); } 
    46% { filter: grayscale(1); -webkit-filter: grayscale(1); } 48% { filter: grayscale(0); -webkit-filter: grayscale(0); }

    60% { filter: grayscale(0); -webkit-filter: grayscale(0); }  62% { filter: grayscale(1); -webkit-filter: grayscale(1); }

    80% { filter: grayscale(0); -webkit-filter: grayscale(0); }  82% { filter: grayscale(1); -webkit-filter: grayscale(1); } 84% { filter: grayscale(0); -webkit-filter: grayscale(0); } 

    90% { filter: grayscale(0); -webkit-filter: grayscale(0); }  92% { filter: grayscale(1); -webkit-filter: grayscale(1); } 94% { filter: grayscale(0); -webkit-filter: grayscale(0); } 
    96% { filter: grayscale(1); -webkit-filter: grayscale(1); } 98% { filter: grayscale(0); -webkit-filter: grayscale(0); } 100% { filter: grayscale(1); -webkit-filter: grayscale(1); }  }


    .full-page-slider-panel + .poster-features-slider-panel { margin-top: 0px; }

/**
* Zombie Featured Panel
* ========================================================================== */

.zombie-featured-panel { background: #000000; padding: 100px 0px; min-height: 1200px; overflow: hidden; position: relative; }
    .zombie-featured-panel img.zombie { max-width: 920px; margin: auto; left: 120px; right: 0px; position: absolute; opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
    .zombie-featured-panel.animate img.zombie { animation-name: zombie-featured-body; animation-duration: 2s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; transition-timing-function: ease-in; transition: 0.6s; }
    @keyframes zombie-featured-body {  0% { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }  
    100% { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }  }
    .zombie-featured-panel.animate img.zombie.active { filter: brightness(1.9); transition-timing-function: ease-in; transition: 1.2s; }

    .zombie-featured-panel .glow { opacity: 0; visibility: hidden; width: 65%; height: 1px; background-color: #c80d0c; box-shadow: 0px 0px 0px 0px #c80d0c; position: absolute; top: 720px; left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.8s; }
    .zombie-featured-panel .glow.active { opacity: 1; visibility: visible; box-shadow: 0px 0px 340px 400px #c80d0c; transition-timing-function: ease-in; transition: 0.8s; }

    .zombie-featured-panel .smoke-1 { background: url('../assets/zombie-featured-panel-smoke-1.png') bottom center no-repeat; height: 100%; width: 100%; bottom: 0px; left: 0px; right: 0px; margin: auto; position: absolute; }

    .zombie-featured-panel .fog-left { width: 1051px; height: 712px; max-width: unset; left: -300px; top: 0px; position: absolute; }
    .zombie-featured-panel .fog-right { width: 1596px; height: 984px; max-width: unset; right: -300px; top: 0px; position: absolute; }

    .zombie-featured-panel .fog-left { animation-name: zombie-featured-panel-fog-left; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes zombie-featured-panel-fog-left {  0% { left: -300px } 50% { left: 0px } 100% { left: -300px; }  }
    .zombie-featured-panel .fog-right { animation-name: zombie-featured-panel-fog-right; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes zombie-featured-panel-fog-right {  0% { right: -300px } 50% { right: 0px } 100% { right: -300px; }  }

.zombie-featured-hand-panel { width: 100%; max-width: 1027px; min-height: 1200px; position: absolute; z-index: 10; }
    .zombie-featured-hand-panel.animate { left: 0px; animation-name: zombie-featured-hand-move; animation-duration: 8.5s; animation-delay: 2.1s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; transition-timing-function: ease-in; transition: 0.6s; }
    .zombie-featured-hand-panel.animate.active { filter: brightness(1.9); transition-timing-function: ease-in; transition: 0.6s; }
    @keyframes zombie-featured-hand-move {  0% { left: 0px; margin-top: 0px; }  10% { left: 20px; margin-top: 0px; } 20% { left: 40px; margin-top: 0px; } 30% { left: 60px; margin-top: 0px; }  40% { left: 80px; margin-top: 0px; } 
    50% { left: 80px; margin-top: 20px; } 60% { left: 80px; margin-top: 40px; } 70% { left: 60px; margin-top: 60px; } 80% { left: 40px; margin-top: 40px; } 90% { left: 20px; margin-top: 20px; } 100% { left: 0px; margin-top: 0px; }  }

    .zombie-featured-hand-panel img.hand { top: 200px; left: 60px; position: absolute; opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }
    .zombie-featured-hand-panel.animate img.hand { animation-name: zombie-featured-hand; animation-duration: 1s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-iteration-count: 1; }
    @keyframes zombie-featured-hand {  0% { opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }  
    100% { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }  }


.zombie-featured-panel .blood-splat-cta { opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }
.zombie-featured-panel.animate .blood-splat-cta { animation-name: zombie-featured-hand; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; animation-iteration-count: 1; }
@keyframes zombie-featured-hand {  0% { opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }  
100% { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }  }

.blood-splat-cta { background: url('../assets/blood-splat-cta-bg.png') top center no-repeat; width: 590px; height: 547px; bottom: 200px; right: 150px; position: absolute;  }
    .blood-splat-cta .text { background: #ffffff; top: 50%; transform: translateY(-50%); left: 0px; right: 22px; margin: 25px auto auto auto; position: absolute; transition-timing-function: ease-in; transition: 1.3s; }
    .blood-splat-cta .text:hover { background: #f5bd15; transition-timing-function: ease-in; transition: 1.3s; }
    .blood-splat-cta .text.grab-tickets { /* width: 330px; height: 302px; */ width: 55%; height: 100%; mask-position: 50% center; -webkit-mask-position: 50% center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }

/**
* House Featured Header Panel
* ========================================================================== */

.house-featured-header-panel { background: #000000; padding: 0px; min-height: 1080px; position: relative; overflow: hidden; }
    .house-featured-header-panel .background { background-position: top center; background-repeat: no-repeat; position: absolute; top: 0px; width: 100%; height: 100%; min-height: 1080px; overflow: hidden; }
    .house-featured-header-panel { text-align: center; }
        .house-featured-header-panel img { margin: auto; display: block; }
    .house-featured-header-panel .center-content { width: 90%; max-width: 1000px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: 50px auto auto auto; z-index: 1; }
    .house-featured-header-panel h4 { color: #ffffff; }    
    .house-featured-header-panel img.characters { position: absolute; top: 180px; left: 0px; right: 0px; margin: auto; }
    
    .house-featured-header-panel.contagion .center-content { margin-top: 0px; }
    .house-featured-header-panel.contagion .logo { max-height: 250px; margin-bottom: 0px; }
    .house-featured-header-panel.contagion img.characters { top: 180px; }
        
    .house-featured-header-panel.meat-locker .center-content { margin-top: 50px; }
    .house-featured-header-panel.meat-locker .logo { max-height: 250px; margin-bottom: 50px; }
    .house-featured-header-panel.meat-locker img.characters { top: 130px; left: -250px; }

    .house-featured-header-panel.zombie-anni .center-content { margin-top: 50px; }
    .house-featured-header-panel.zombie-anni .logo { max-height: 300px; margin-bottom: 40px; }
    .house-featured-header-panel.zombie-anni img.characters { top: 110px; left: 120px; }

    .house-featured-header-panel.beast-of-terror .center-content { margin-top: 50px; }
    .house-featured-header-panel.beast-of-terror .logo { max-height: 300px; margin-bottom: 50px; }
    .house-featured-header-panel.beast-of-terror img.characters { top: 130px; }

    .house-featured-header-panel.maze-of-death .center-content { margin-top: 0px; }
    .house-featured-header-panel.maze-of-death .logo { max-height: 300px; margin-bottom: 30px; }
    .house-featured-header-panel.maze-of-death img.characters { top: 130px; right: 250px; }

    .house-featured-header-panel.fear-go-round .center-content { margin-top: -50px; }
    .house-featured-header-panel.fear-go-round .logo { max-height: 300px; margin-bottom: 0px; }

    .house-featured-header-panel.freak-street .center-content { margin-top: -50px; }
    .house-featured-header-panel.freak-street .logo { max-height: 350px; margin-bottom: 30px; }

    .house-featured-header-panel.house-of-rock .center-content { margin-top: -50px; }
    .house-featured-header-panel.house-of-rock .logo { max-height: 350px; margin-bottom: 30px; }

    .house-featured-header-panel.scary-oke .center-content { margin-top: -50px; }
    .house-featured-header-panel.scary-oke .logo { max-height: 300px; margin-bottom: 0px; }

    .house-featured-header-panel.zombie-arms .center-content { margin-top: -50px; }
    .house-featured-header-panel.zombie-arms .logo { max-height: 275px; margin-bottom: 10px; }

    .house-featured-header-panel .fog-left { width: 1051px; height: 712px; max-width: unset; left: -300px; bottom: -0px; position: absolute; }
    .house-featured-header-panel .fog-right { width: 1596px; height: 984px; max-width: unset; right: -300px; bottom: -200px; position: absolute; }

    .house-featured-header-panel .fog-left { animation-name: house-featured-header-panel-fog-left; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes house-featured-header-panel-fog-left {  0% { left: -300px } 50% { left: 0px } 100% { left: -300px; }  }
    .house-featured-header-panel .fog-right { animation-name: house-featured-header-panel-fog-right; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes house-featured-header-panel-fog-right {  0% { right: -300px } 50% { right: 0px } 100% { right: -300px; }  }

/**
* Internal House Text Panel
* ========================================================================== */

.internal-house-text-panel { background: #000000; padding: 0px 0px 100px 0px; position: relative; overflow: hidden; }
    .internal-house-text-panel .container { max-width: 950px; margin: auto; }
    .internal-house-text-panel .col { text-align: center; }
    .internal-house-text-panel .col .text-content { color: #b8b8b8; font-size: 34px; line-height: 42px; font-weight: 300; }
        .internal-house-text-panel .col .text-content p { color: #b8b8b8; font-size: 34px; line-height: 42px; font-weight: 300; }
        .internal-house-text-panel .col .text-content strong { font-weight: 600; }
        .internal-house-text-panel .col .text-content .btn { margin-top: 40px; }

/**
* Internal Header Panel
* ========================================================================== */

.internal-header-panel { background: #000000; padding: 60px 0px; min-height: 880px; position: relative; }
    .internal-header-panel .background { background-position: top center; background-repeat: no-repeat; position: absolute; top: 0px; width: 100%; height: 100%; min-height: 880px; overflow: hidden; }
    .internal-header-panel .col { text-align: center; }
    .internal-header-panel .center-content { width: 90%; max-width: 700px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; z-index: 1; }
    .internal-header-panel h2 { color: #ffffff; margin-bottom: 30px; }
    .internal-header-panel h4 { color: #ffffff; }
    .internal-header-panel h5 { color: #ffffff; }
    .internal-header-panel h6 { color: #ffffff; }
    .internal-header-panel p { color: #ffffff; }
    .internal-header-panel img.characters { position: absolute; top: 180px; left: 0px; right: 0px; margin: auto; }

    .internal-header-panel .fog-left { width: 1051px; height: 712px; left: -300px; bottom: -0px; position: absolute; }
    .internal-header-panel .fog-right { width: 1596px; height: 984px; right: -300px; bottom: -200px; position: absolute; }

    .internal-header-panel .fog-left { animation-name: house-featured-header-panel-fog-left; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes internal-header-panel-fog-left {  0% { left: -300px } 50% { left: 0px } 100% { left: -300px; }  }
    .internal-header-panel .fog-right { animation-name: house-featured-header-panel-fog-right; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes internal-header-panel-fog-right {  0% { right: -300px } 50% { right: 0px } 100% { right: -300px; }  }

    .internal-header-panel.reduced { min-height: 650px; }
        .internal-header-panel.reduced .background { background-position: bottom center; min-height: 650px; }
        .internal-header-panel.reduced .center-content { margin-top: 40px; }

/**
* Internal Panel
* ========================================================================== */

.internal-panel { background: #000000; padding: 0px 0px 100px 0px; position: relative; }
    .internal-panel .container { max-width: 950px; margin: auto; }
    .internal-panel .container.wide { width: 95%; max-width: 1300px; margin: auto; }
    .internal-panel .col { text-align: center; }
        .internal-panel .col .text-content { color: #b8b8b8; font-size: 26px; line-height: 34px; }
            .internal-panel .col .text-content h2 { margin-bottom: 40px; }
            .internal-panel .col .text-content h3 { margin-bottom: 40px; }
            .internal-panel .col .text-content h4 { margin-bottom: 30px; }
            .internal-panel .col .text-content h5 { margin-bottom: 30px; }
            .internal-panel .col .text-content p { color: #b8b8b8; font-size: 26px; line-height: 34px; }
            .internal-panel .col .text-content .inline-error-message.error { color: #da2230; }
            .internal-panel .col .text-content .btn { margin-top: 40px; }

        .internal-panel .col .text-content .faqs-container { max-width: 750px; margin: auto; }
        .internal-panel .col .text-content .faqs-search { text-align: left; margin-bottom: 30px; }
            .internal-panel .col .text-content .faqs-search input { height: 44px; width: 80%; display: inline-block; vertical-align: top; border-radius: 30px; border: none; padding: 5px 20px; }
            .internal-panel .col .text-content .faqs-search .btn { width: 15%; padding-left: 0px; padding-right: 0px; margin-top: 0px; float: right; }

        .internal-panel .col .text-content .accordion-item { background: #333333; border: none; border-radius: 0px; margin-bottom: 30px; }
            .internal-panel .col .text-content .accordion-item .accordion-header { margin: 0px; }
                .internal-panel .col .text-content .accordion-item .accordion-header p { color: #ffffff; font-size: 20px; line-height: 26px; font-weight: 600; margin: 0px; }
            .internal-panel .col .text-content .accordion-item .accordion-button { background-color: #da2230; border-radius: 0px; }
            .internal-panel .col .text-content .accordion-item .accordion-button::after { background: url('/assets/chevron-down-regular.svg') top center no-repeat; }
            .internal-panel .col .text-content .accordion-item .accordion-body { text-align: left; }
                .internal-panel .col .text-content .accordion-item .accordion-body p { color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 300; margin: 0px; }
                .internal-panel .col .text-content .accordion-item .accordion-body span.badge { background-color: #da2230; font-size: 12px; color: #fff; border-radius: 20px; padding: 5px 7px; margin-top: 17px; margin-right: 5px; }

        .internal-panel .ticket-times { display: inline-block; margin: 15px auto auto auto; list-style: none; float: none; padding: 0px; }
            .internal-panel .ticket-times li { background: #da2230; border-radius: 50%; height: 75px; width: 75px; color: #ffffff !important; margin: 0px 14px !important; padding: 24px 0px 0px 0px !important; display: block; text-align: center; float: left; font-size: 22px; }

        .internal-panel .ticket-feature { border: 1px #666666 solid; margin-bottom: 30px; }
            .internal-panel .ticket-feature .header { color: #ffffff; }
                .internal-panel .ticket-feature .header th { font-weight: 600; text-align: center; border: none; }
            .internal-panel .ticket-feature.green .header { background: #00cc66; }
            .internal-panel .ticket-feature.bronze .header { background: #996633; }
            .internal-panel .ticket-feature.silver .header { background: #999999; }
            .internal-panel .ticket-feature.gold .header { background: #CC9900; }
            .internal-panel .ticket-feature .body td { height: 255px; vertical-align: middle; padding: 25px; border-color: #999; border: none; }
            .internal-panel .ticket-feature .body h2 { font-size: 40px; line-height: 48px; margin-bottom: 25px; font-weight: 100; font-family: Violence; }
            .internal-panel .ticket-feature .body h4 { color: #666666; font-size: 16px; line-height: 20px; padding: 0px!important; margin: 15px 0px 0px 0px!important; font-family: 'Open Sans', sans-serif; }
            .internal-panel .ticket-feature .body h3 { color: #da2230; font-size: 42px; line-height: 48px; font-weight: 600; padding: 0px!important; margin: 0px 0px 15px 0px!important; font-family: 'Open Sans', sans-serif; }
            .internal-panel .ticket-feature .body h3:last-child { margin-bottom: 0px!important; }
            .internal-panel .ticket-feature .body h5 { color: #cccccc; font-size: 24px; line-height: 30px; font-weight: 400; margin: 0px; }
            .internal-panel .ticket-feature .body .btn { background: none; color: #cc0000!important; border: #cc0000 2px solid; }
            .internal-panel .ticket-feature .body .btn a { color: #cc0000; }
            .internal-panel .ticket-feature .body .btn:hover { background: #cc0000; border-color: #cc0000; color: #fff!important; }
            .internal-panel .ticket-feature .body .btn:hover a { color: #fff; }

        .internal-panel form .formeo.formeo-render .formeo-column { padding: 0px 10px; }
        .internal-panel form .formeo label { color: #999999; font-size: 36px; line-height: 42px; margin-bottom: 14px; margin-left: 5px; font-family: Violence; }
        .internal-panel form .formeo label .text-error { display: none; }
        .internal-panel form .formeo input.form-control { height: 40px; }
        .internal-panel form .formeo select.form-control { height: 40px; }
        .internal-panel form .formeo input[type="checkbox"] { margin-top: 0px; vertical-align: middle; }
        .internal-panel form .formeo input[type="checkbox"] + label { font-size: 18px; line-height: 26px; font-family: 'Poppins', sans-serif; margin-left: 10px; margin-bottom: 0px; }
        .internal-panel form .formeo .btn { margin-top: 0px!important; }
        .internal-panel form .formeo .form-control.error::placeholder { color: #da2230; }

        .internal-panel .cta-side-contact-details-panel { text-align: left; padding-left: 30px; }
            .internal-panel .cta-side-contact-details-panel .border { width: 100%; height: 1px; margin-top: 20px; margin-bottom: 15px; border: 1px #ccc solid!important; }
            .internal-panel .cta-side-contact-details-panel h2 { color: #333333; font-size: 30px; line-height: 34px; font-weight: 700; margin: 0px; }
            .internal-panel .cta-side-contact-details-panel h2 a { color: #333333; }
            .internal-panel .cta-side-contact-details-panel h3 { color: #da2230; font-size: 38px; line-height: 48px; font-weight: 100; margin: 10px 0px 8px 0px; font-family: Violence; }
            .internal-panel .cta-side-contact-details-panel h4 { color: #da2230; font-size: 26px; line-height: 32px; font-weight: 700; margin: 5px 0px 20px 0px; } 
            .internal-panel .cta-side-contact-details-panel h4 a { color: #da2230; }
            .internal-panel .cta-side-contact-details-panel h5 { color: #cccccc; font-size: 18px; line-height: 25px; margin-bottom: 18px; }
            .internal-panel .cta-side-contact-details-panel p { color: #cccccc; font-size: 19px; line-height: 27px; margin-bottom: 18px; }
            .internal-panel .cta-side-contact-details-panel p a:link { color: #cccccc; }
            .internal-panel .cta-side-contact-details-panel p a:hover { color: #30aee1; }

/**
* Internal Full Video Panel
* ========================================================================== */
        
.internal-full-video-panel { background: #000000; padding: 0px; position: relative; }
    .internal-full-video-panel .col { text-align: center; }
    .internal-full-video-panel .col h3 { color: #ffffff; top: 40px; left: 0px; right: 0px; margin: auto; position: absolute; }
    .internal-full-video-panel .play-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; cursor: pointer; height: 275px; width: 273px; background-position: 50% center; background-repeat: no-repeat; transition: 0.4s; transition-timing-function: ease-in; }
    .internal-full-video-panel .play-icon.play { opacity: 1; background-image: url('../assets/play-icon.png'); transition: 0.4s; transition-timing-function: ease-in; }
    .internal-full-video-panel .play-icon.play:hover { opacity: 0.7; background-image: url('../assets/play-icon-white.png'); transition: 0.4s; transition-timing-function: ease-in; }
    .internal-full-video-panel .play-icon.pause { display: none; opacity: 0; background-image: url('../assets/pause-icon.png'); transition: 0.4s; transition-timing-function: ease-in; }
    .internal-full-video-panel .play-icon.pause:hover { opacity: 1; transition: 0.4s; transition-timing-function: ease-in; }
    .internal-full-video-panel video { width: 100%; height: 100%; max-height: 1080px; position: relative; }

/**
* Full Page Slider
* ========================================================================== */

.full-page-gallery-slider-panel { background: #000000; position: relative; }
    .full-page-gallery-slider-panel .col h3 { color: #ffffff; top: 40px; left: 0px; right: 0px; margin: auto; position: absolute; text-align: center; }
    .full-page-gallery-slider-panel .slick-slide { min-height: 877px; background-position: top center; background-repeat: no-repeat; position: relative; }

    .full-page-gallery-slider-panel .slick-slider .gallery-arrow { top: 50%; transform: translateY(-50%); transition-timing-function: ease-in; transition: 0.3s; }
        .full-page-gallery-slider-panel .slick-slider .gallery-arrow.prev { left: 40px; }
        .full-page-gallery-slider-panel .slick-slider .gallery-arrow.next { right: 40px; }


/**
* Parallax Section
* ========================================================================== */

.parallax-section-panel { position: relative; z-index: 20; }
    .parallax-section-panel img { position: absolute; }
    .parallax-section-panel .fire-overlay.left { top: -100px; left: -200px; max-width: 800px; }
    .parallax-section-panel.fixed .fire-overlay.left { animation-name: parallax-section-fire-overlay-left-top; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes parallax-section-fire-overlay-left-top {  0% { top: -100px; } 50% { top: 100px; } 100% { top: -100px; }  }

    .parallax-section-panel .fire-overlay.right.top { top: -250px; right: -200px; max-width: 800px; }
    .parallax-section-panel.fixed .fire-overlay.right.top { animation-name: parallax-section-fire-overlay-right-top; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes parallax-section-fire-overlay-right-top {  0% { top: -250px; } 50% { top: -50px; } 100% { top: -250px; }  }

    .parallax-section-panel .fire-overlay.right.bottom { top: 200px; right: -100px; max-width: 600px; }
    .parallax-section-panel.fixed .fire-overlay.right.bottom { animation-name: parallax-section-fire-overlay-right-bottom; animation-duration: 50s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes parallax-section-fire-overlay-right-bottom {  0% { top: 200px; } 50% { top: 400px; } 100% { top: 200px; }  }


    .parallax-section-panel .fog-left { width: 1051px; height: 712px; max-width: unset; opacity: 0.7; left: -300px; top: 200px; position: absolute; }
    .parallax-section-panel .fog-right { width: 1596px; height: 984px; max-width: unset; opacity: 0.7; right: -300px; top: 200px; position: absolute; }

    .parallax-section-panel .fog-left { animation-name: parallax-section-panel-fog-left; animation-duration: 80s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes parallax-section-panel-fog-left {  0% { left: -300px } 50% { left: 0px } 100% { left: -300px; }  }
    .parallax-section-panel .fog-right { animation-name: parallax-section-panel-fog-right; animation-duration: 80s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    @keyframes parallax-section-panel-fog-right {  0% { right: -300px } 50% { right: 0px } 100% { right: -300px; }  }


/**
* Side Text Img Holder
* ========================================================================== */

.side-text-img-holder { position: relative; }
    .side-text-img { opacity: 0.6; background-position: 50% center; background-repeat: no-repeat; position: absolute; z-index: 1; }
    .side-text-img.left { width: 677px; height: 730px; background-size: cover; background-image: url('../assets/Blood-Side.png'); top: 100px; left: -250px; opacity: 0.4; z-index: 1; }
    .side-text-img.right { width: 677px; height: 761px; background-size: cover; background-image: url('../assets/Blood-Side-1.png'); top: -150px; right: -200px; opacity: 0.6; z-index: 1; }
    .side-text-img.contagion.left { background-image: url('../assets/contagion-side-text-img-left.png'); }
    .side-text-img.contagion.right { background-image: url('../assets/contagion-side-text-img-right.png'); }
    .side-text-img.bot.left { background-image: url('../assets/beast-side.png'); }
    .side-text-img.bot.right { background-image: url('../assets/beast-side.png'); }
    .side-text-img.meat-locker.left { background-image: url('../assets/meat-locker-side.png'); }
    .side-text-img.meat-locker.right { background-image: url('../assets/meat-locker-side.png'); }
    .side-text-img.zombie-anni.left { background-image: url('../assets/zombie-side.png'); }
    .side-text-img.zombie-anni.right { background-image: url('../assets/zombie-side.png'); }
    .side-text-img.fear-go-round.left { background-image: url('../assets/fear-side.png'); }
    .side-text-img.fear-go-round.right { background-image: url('../assets/fear-side.png'); }
    

/**
* Gradients
* ========================================================================== */

.gradient-top { top: 0px; position: absolute; height: 570px; width: 100%; background: url('../assets/internal-panel-gradient-top.png') top center repeat-x; }
.gradient-bottom { bottom: 0px; position: absolute; height: 570px; width: 100%; background: url('../assets/internal-panel-gradient-bottom.png') bottom center repeat-x; }

/**
* Footer CTA Panel
* ========================================================================== */

.footer-cta-panel { background: none; overflow: hidden; position: relative; }
    .footer-cta-panel .rocks { background: url('../assets/footer-cta-rocks-bg.png') top center no-repeat; width: 100%; height: 504px; }
    .footer-cta-panel.internal .rocks { display: none; }
    .footer-cta-panel .background { background: #000000; padding: 0px 0px 100px 0px; margin-top: -160px; }
    .footer-cta-panel.internal .background { padding-top: 80px; margin-top: 0px; }
    .footer-cta-panel .container { width: 100%; max-width: 1140px; margin: auto; }
    .footer-cta-panel .col h2 { margin-bottom: 80px; }

    .footer-cta-panel form  .formeo.formeo-render .formeo-column { padding: 0px 10px; }
    .footer-cta-panel form .formeo label { color: #999999; font-size: 36px; line-height: 42px; margin-bottom: 10px; margin-left: 15px; font-family: Violence; }
    .footer-cta-panel form .formeo label .text-error { display: none; }
    .footer-cta-panel form .formeo input { background: #ffffff; border: 0px; height: 89px; color: #da2230; font-size: 18px; padding: 10px 30px; mask: url('../assets/input-mask-bg.svg') 50% center no-repeat; -webkit-mask: url('../assets/input-mask-bg.svg') 50% center no-repeat; }
    .footer-cta-panel form .formeo .btn { margin-top: 47px; }
    .footer-cta-panel form .formeo .form-control.error::placeholder { color: #da2230; }

    .zombie-featured-panel + .footer-cta-panel { margin-top: -220px; }


/**
* Generic Panels
* ========================================================================== */

/* Centre Feature Content Panel */
.center-feature-content-panel { padding: 0px 30px 0px 30px; min-height: 800px; background-color: #032e3e; background-size: 1850px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; margin-bottom: 50px; }
    .center-feature-content-panel .contained { min-height: 800px; width: 100%; max-width: 1000px; margin: auto; position: relative; }
    .center-feature-content-panel .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 100%; margin: auto; }
    .center-feature-content-panel .left { padding-right: 50px; }
        .center-feature-content-panel .left h5 { color: #cccccc; font-size: 20px; line-height: 26px; margin-bottom: 15px; text-transform: uppercase; }
        .center-feature-content-panel .left h4 { color: #ffffff; margin-bottom: 30px; text-transform: uppercase; }
        .center-feature-content-panel .left p { color: #cccccc; font-size: 18px; line-height: 24px; margin-bottom: 30px; }
    .center-feature-content-panel .right { padding-left: 60px; }
    .center-feature-content-panel .right.border-left { border-left: 1px #cccccc solid; }

    .center-feature-content-panel .circle-cta-feature { background: #caa330; height: 270px; width: 270px; border-radius: 50%; text-align: center; position: relative; margin-top: 40px; }
        .center-feature-content-panel .circle-cta-feature h5 { color: #ffffff; font-size: 30px; line-height: 38px; font-weight: 900; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; text-transform: uppercase; }

/* Left Content Panel */
.left-content-panel { padding: 170px 0px 170px 0px; min-height: 500px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .left-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .left-content-panel ul.no-border li { border: 0px; }
    .left-content-panel li { color: #607e86; font-weight: 300; padding: 12px 0px; border-bottom: 1px #38b6ab solid; }
    .left-content-panel li:first-child { padding-top: 0px; }
    .left-content-panel li:last-child { border: none; }
    .left-content-panel h6 { color: #607e86; margin-bottom: 15px; }
    .left-content-panel h5 { color: #607e86; margin-bottom: 15px; }
    .left-content-panel h2 { margin-bottom: 25px; }
    .left-content-panel h3 { margin-bottom: 25px; }
    .left-content-panel h4 { color: #00a8b7; margin-bottom: 25px; }
    .left-content-panel p { color: #607e86; margin-bottom: 25px; }
    .left-content-panel li { color: #607e86; }
    .left-content-panel strong { font-weight: 600; }
    .left-content-panel h2 + p + p { margin-bottom: 0px; }
    .left-content-panel .btn { margin-top: 30px; }
    .left-content-panel[dark-mode] { background: #182733; }
    .left-content-panel .center-content { width: 100%; max-width: 620px; margin-left: 0; margin-right: 0; }
    .left-content-panel .img-side .side-img { top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: auto; position: absolute; }
    .left-content-panel .glow.left { background-color: #11566d; box-shadow: 0px 0px 320px 380px #11566d; }

    /* Vertical Center */
    .left-content-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
        .left-content-panel.vertical-center .col { min-height: 900px; position: relative; }
        .left-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 600px; margin: auto; }

    .left-content-panel.vertical-center.height-800 { min-height: 800px; }
        .left-content-panel.vertical-center.height-800 .col.right { min-height: 800px; }     
    .left-content-panel.vertical-center.height-700 { min-height: 700px; }
        .left-content-panel.vertical-center.height-700 .col.right { min-height: 700px; }     
    .left-content-panel.vertical-center.height-600 { min-height: 600px; }
        .left-content-panel.vertical-center.height-600 .col.right { min-height: 600px; }  
        
    /* Cutoff Img */
    .left-content-panel.cutoff-img .side-img { left: 0px; bottom: 0px; position: absolute; }

    /* Shape */
    .left-content-panel.shape.vertical-center { min-height: 1000px; padding: 0px 0px 0px 0px; }
    .left-content-panel.shape.vertical-center .col { min-height: 1000px; }
    .left-content-panel.shape.vertical-center .center-content { max-width: 720px; }
    .left-content-panel.shape .side-hexagon-container { width: 920px; height: 920px; right: -110px; top: 40px; position: absolute; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon { background-color: #38b6ab; width: 920px; height: 920px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 440px; bottom: 0px; left: 80px; position: absolute; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon.blue { background-color: #00a5c8; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon.image { background-position: 50% center; background-repeat: no-repeat; background-size: cover; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon { background-color: #38b6ab; width: 315px; height: 315px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon img { max-width: 200px; max-height: 160px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon.bottom { top: auto; bottom: 160px; left: -40px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon { width: 185px; height: 185px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon.bottom { top: auto; left: 55px; bottom: -30px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.blue { background-color: #00a5c8 }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.green { background-color: #38b6ab; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon { background-color: #577792; opacity: 0.6; width: 230px; height: 230px; mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; position: absolute; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon.top { top: 0px; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon.right { right: 150px; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon.bottom { bottom: 0px; }

    /* Overlay */
    @media screen and (min-width: 1600px) {
        .left-content-panel.shape.overlay .side-hexagon-container { width: 820px; height: 820px; top: 85px; right: -60px; }
        .left-content-panel.shape.overlay .side-hexagon-container .side-hexagon.image { width: 820px; height: 820px; background-size: 724px; }
        .left-content-panel.shape.overlay .side-hexagon-container .side-hexagon.image + .side-overlay-image { position: absolute; top: -78px; left: -35px; right: 0px; margin: auto; } 
    }

    /* Next To */
    .right-content-panel.shape + .shape-container + .left-content-panel.shape { margin-top: -100px; }


/* Right Content Panel */
.right-content-panel { padding: 170px 0px 170px 0px; min-height: 500px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .right-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .right-content-panel ul.no-border li { border: 0px; }
    .right-content-panel li { color: #666666; font-weight: 300; padding: 12px 0px; border-bottom: 1px #38b6ab solid; }
    .right-content-panel li:first-child { padding-top: 0px; }
    .right-content-panel li:last-child { border: none; }
    .right-content-panel h6 { color: #666666; margin-bottom: 15px; }
    .right-content-panel h5 { color: #666666; margin-bottom: 15px; }
    .right-content-panel h2 { margin-bottom: 25px; }
    .right-content-panel h3 { margin-bottom: 25px; }
    .right-content-panel h4 { color: #00a8b7; margin-bottom: 25px; }
    .right-content-panel p { color: #607e86; margin-bottom: 25px; }
    .right-content-panel li { color: #607e86; }
    .right-content-panel strong { font-weight: 600; }
    .right-content-panel h2 + p + p { margin-bottom: 0px; }
    .right-content-panel p + .btn { margin-top: 20px; }
    .right-content-panel .btn { margin-top: 30px; }
    .right-content-panel[dark-mode] { background: #182733; }
    .right-content-panel .center-content { width: 100%; max-width: 620px; margin-left: 0; margin-right: 0; }
    .right-content-panel .img-side .side-img { top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: auto; position: absolute; }
    .right-content-panel .glow.left { background-color: #11566d; box-shadow: 0px 0px 320px 380px #11566d; }

    /* Vertical Center */
    .right-content-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
        .right-content-panel.vertical-center .col { min-height: 900px; position: relative; }
        .right-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 600px; margin: auto; }

    .right-content-panel.vertical-center.height-800 { min-height: 800px; }
        .right-content-panel.vertical-center.height-800 .col { min-height: 800px; }     
    .right-content-panel.vertical-center.height-700 { min-height: 700px; }
        .right-content-panel.vertical-center.height-700 .col { min-height: 700px; }     
    .right-content-panel.vertical-center.height-600 { min-height: 600px; }
        .right-content-panel.vertical-center.height-600 .col { min-height: 600px; }  
        
    /* Cutoff Img */
    .right-content-panel.cutoff-img .side-img { left: 0px; bottom: 0px; position: absolute; }

    /* Shape */
    .right-content-panel .circle-side-img-mask.large { left: -90px; top: -85px; }

    .right-content-panel.shape.vertical-center { min-height: 1000px; padding: 0px 0px 0px 0px; }
    .right-content-panel.shape.vertical-center .col { min-height: 1000px; }
    .right-content-panel.shape.vertical-center .center-content { max-width: 720px; }
    .right-content-panel.shape .side-hexagon-container { width: 920px; height: 920px; left: -110px; top: 40px; position: absolute; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon { background-color: #38b6ab; width: 920px; height: 920px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat;  }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 640px; max-height: 825px; bottom: 0px; right: 80px; position: absolute; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { right: -20px; top: 50%; transform: translateY(-50%); bottom: auto; margin: auto; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon.blue { background-color: #00a5c8; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon.green { background-color: #38b6ab; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon.image { background-position: 50% center; background-repeat: no-repeat; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon { background-color: #577792; opacity: 0.6; width: 230px; height: 230px; mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; position: absolute; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.big { width: 400px; height: 400px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.top { top: 0px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.right { right: 150px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.bottom { bottom: 0px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.big.right { right: 70px; }

    
    @media screen and (min-width: 1700px) {

        .right-content-panel.cutoff-img.animate .side-img { bottom: -655px;  }
        .right-content-panel.cutoff-img.animate .side-img.visible { animation-name: right-content-panel-cutoff-img; animation-duration: 1.3s; animation-delay: 0s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-iteration-count: 1; bottom: -655px; }
        @keyframes right-content-panel-cutoff-img {  0% { bottom: -655px; }  80% { bottom: -105px; } 100% { bottom: -155px; }  }

    }

    /* Next To */
    .featured-products-slider-panel + .shape-container + .right-content-panel.shape { margin-top: -70px; }
    .right-content-panel + .shape-container + .shape-container + .featured-products-slider-panel { margin-top: 0px; }
    .left-content-panel + .shape-container + .shape-container + .featured-products-slider-panel { margin-top: 0px; }
    .left-content-panel.shape + .shape-container + .right-content-panel.shape { margin-top: -100px; }


/* Center Content Panel */
.center-content-panel { padding: 100px 0px 100px 0px; overflow: hidden; position: relative; width: 100%; }
    .center-content-panel .col-lg-3 { text-align: center; min-height: 200px; position: relative; }
        .center-content-panel .col-lg-3 img { max-width: 350px; max-height: 190px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .center-content-panel h2 { margin-bottom: 40px; }

    .center-content-panel .slide { padding: 0px!important; }

    .center-content-panel .s_carousel.s_carousel_default .carousel-indicators { position: relative; bottom: 0px; margin: 0px; padding: 60px 0px 0px 0px; }
        .center-content-panel .s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
        .center-content-panel .s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }


/* Center Content Side Images Panel */
.center-content-side-images-panel { overflow: hidden; position: relative; text-align: center; }
.center-content-side-images-panel.overlap { z-index: 1; }
    .center-content-side-images-panel p { color: #607e86; margin-bottom: 25px; }

.center-content-side-images-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
    .center-content-side-images-panel.vertical-center .col { min-height: 900px; }
    .center-content-side-images-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 840px; margin: auto; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container { width: 490px; height: 490px; position: absolute; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon { background-color: #38b6ab; width: 490px; height: 490px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container.left { top: 160px; left: -80px; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container.right { top: 160px; right: -80px; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 400px; max-height: 575px; bottom: 0px; right: 80px; position: absolute; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { left: 0px; right: 0px; top: 50%; transform: translateY(-50%); bottom: auto; margin: auto; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon.blue { background-color: #00a5c8; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon.green { background-color: #38b6ab; }

    .center-content-side-images-panel.vertical-center .hexagon-grid.one { top: 100px; }
    .center-content-side-images-panel.vertical-center .hexagon-grid.two { top: 100px; }

    .center-content-side-images-panel.height-800 { min-height: 800px; }
        .center-content-side-images-panel.height-800 .col { min-height: 800px; }     
    .center-content-side-images-panel.height-700 { min-height: 700px; }
        .center-content-side-images-panel.height-700 .col { min-height: 700px; }     
    .center-content-side-images-panel.height-600 { min-height: 600px; }
        .center-content-side-images-panel.height-600 .col { min-height: 600px; }  

    .cutoff-internal-header-panel + .center-content-side-images-panel { margin-top: -50px; }
    .center-content-side-images-panel + .shape-container + .environment-slider-panel { margin-top: -50px; }

    .center-content-side-images-panel + .shape-container .hexagon-grid.one { top: 40px; }
    

/* Double Content Panel */
.double-content-panel { min-height: 800px; overflow: hidden; position: relative; }
    .double-content-panel .container { width: 100%; max-width: 100%; padding: 0px; }
    .double-content-panel .left { padding: 150px 0px 0px 0px; min-height: 800px; position: relative; }
    .double-content-panel .right { padding: 150px 0px 0px 0px; min-height: 800px; position: relative; }
    .double-content-panel .center-content { position: absolute; left: 0px; right: 0px; width: 94%; max-width: 700px; margin: auto; }

    .double-content-panel h6 { margin-bottom: 15px; }
    .double-content-panel h5 { color: #ffffff; font-weight: 600; margin-bottom: 25px; }
    .double-content-panel h2 { color: #ffffff; margin-bottom: 25px; }
    .double-content-panel h3 { color: #ffffff; margin-bottom: 25px; }
    .double-content-panel p { color: #ffffff; margin-bottom: 35px; }

    .double-content-panel[dark-mode] h6 { color: #ffffff; }

    .double-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 700px; margin: auto; }
        .double-content-panel .left .center-content { width: 100%; max-width: 490px; left: 100px; right: auto; }
        .double-content-panel .left .cutoff-img { position: absolute; bottom: -300px; right: -140px; }
        .double-content-panel .right .center-content { width: 100%; max-width: 490px; left: 80px; right: auto; }
        .double-content-panel .right .cutoff-img { position: absolute; bottom: -20px; right: -85px; }


/* Top Cutoff Center Panel */
.top-cutoff-center-panel { min-height: 1120px; position: relative; overflow: hidden; }
    .top-cutoff-center-panel .center-content { padding-top: 700px; text-align: center; max-width: 720px; margin: auto; }

    .top-cutoff-center-panel .mask { background: #00a5c8; min-height: 1120px; mask: url(../assets/Hex-Down-01.svg) center top no-repeat; -webkit-mask: url(../assets/Hex-Down-01.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; } 
    .top-cutoff-center-panel .side-img { position: absolute; top: 50px; z-index: 1; display: block; }
    .top-cutoff-center-panel .side-img.left { left: -50px; }
    .top-cutoff-center-panel .side-img.right { right: -50px; }
    .top-cutoff-center-panel .hexagon-grid.single { top: 290px; left: 0px; right: 0px; margin: auto; }
    .top-cutoff-center-panel .glow { background-color: #00cae5; box-shadow: 0px 0px 240px 300px #00cae5; top: -250px; }
    .top-cutoff-center-panel .glow.left { left: 80px; right: auto; }
    .top-cutoff-center-panel .glow.right { right: 80px; left: auto; }
    .top-cutoff-center-panel .formeo input.form-control { height: 40px; border-radius: 40px; border: 0px; }
    .top-cutoff-center-panel .formeo input.form-control.error { border: 1px #ccc solid; }
    .top-cutoff-center-panel .formeo .formeo-column { padding: 0px 10px; }

.center-content-side-images-panel + .top-cutoff-center-panel { margin-top: -200px; }
.internal-page-panel + .top-cutoff-center-panel  { margin-top: -130px; }


/**
* Dark Mode
* ========================================================================== */

    [dark-mode] h6 { color: #cccccc; }
    [dark-mode] h5 { color: #ffffff; }
    [dark-mode] h2 { color: #003366; }
    [dark-mode] h3 { color: #ffffff; }
    [dark-mode] h4 { color: #ffffff; }
    [dark-mode] p { color: #ffffff; }
    [dark-mode] li { color: #ffffff; }

/**
* Slider Arrows
* ========================================================================== */

.slick-slider .gallery-arrow { background: url(../assets/arrow-bg.png) 50% center no-repeat; position: absolute; top: 105px; z-index: 10; width: 82px; height: 80px; padding: 0px; text-align: center; cursor: pointer; transition: 0.2s; transition-timing-function: ease-in; }
    .slick-slider .gallery-arrow .icon { height: 48px; width: 37px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .slick-slider .gallery-arrow.prev .icon { background: #ffffff; mask: url(../assets/arrow-left.svg) 50% center no-repeat; -webkit-mask: url(../assets/arrow-left.svg) 50% center no-repeat;  }
    .slick-slider .gallery-arrow.prev:hover .icon { background: #f5bd15; }
    .slick-slider .gallery-arrow.next .icon { background: #ffffff; mask: url(../assets/arrow-right.svg) 50% center no-repeat; -webkit-mask: url(../assets/arrow-right.svg) 50% center no-repeat; }
    .slick-slider .gallery-arrow.next:hover .icon { background: #f5bd15; }

/**
* Social Icons
* ========================================================================== */

.social-icons { display: inline-block; margin: auto; padding: 0px; margin: 0px 0px 35px 0px; list-style: none; float: none; }
    .social-icons li { float: left; width: 66px; height: 66px; margin: 0px 6px; border: 0px; }
    .social-icons li a { mask: url('../assets/social-circle-mask.svg') 50% center no-repeat; -webkit-mask: url('../assets/social-circle-mask.svg') 50% center no-repeat; background: #c80d0c; height: 66px; width: 66px; display: block; text-align: center; position: relative; transition-timing-function: ease-in; transition: 0.4s; }
    .social-icons li a:hover { background: #b20c0b; transition-timing-function: ease-in; transition: 0.4s; }
    .social-icons li a i { color: #fff; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: 2px auto auto auto; }
    .social-icons li a:hover i { color: #fff; }
    .social-icons li.facebook a { font-size: 34px; }
    .social-icons li.twitter a { font-size: 34px; }
    .social-icons li.ticktok a { font-size: 34px; }
    .social-icons li.youtube a { font-size: 34px; }
    .social-icons li.instagram a { font-size: 34px; }


/**
* Footer
* ========================================================================== */

footer { background: #000000; text-align: center; padding: 135px 15px 160px 15px; overflow: hidden; position: relative; }
    footer .container { max-width: 840px; position: relative; z-index: 1; }

    footer .footer-left-bg { position: absolute; bottom: 0px; left: -300px; background: url('../assets/footer-left-bg.png') bottom right no-repeat; height: 499px; width: 1007px; }
    footer .footer-right-bg { position: absolute; bottom: 0px; right: -300px; background: url('../assets/footer-right-bg.png') bottom left no-repeat; height: 484px; width: 1047px; }

    footer .glow { width: 1px; height: 1px; background-color: #c80d0c; box-shadow: 0px 0px 0px 0px #c80d0c; position: absolute; bottom: 100px; left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 1.6s; }
    footer .glow.left { left: 100px; right: auto; }
    footer .glow.right { left: auto; right: 100px; }
    footer .glow.active { box-shadow: 0px 0px 240px 300px #c80d0c; transition-timing-function: ease-in; transition: 1.6s; }

    footer img { width: 468px; margin-bottom: 32px; }
    footer h6 { color: #be1522; font-size: 20px; line-height: 36px; font-weight: 200; margin-bottom: 35px; }
    footer h6 a { color: #ffffff; font-size: 28px; line-height: 34px; font-weight: 200; padding: 0px 14px; display: inline-block; font-family: Violence; transition-timing-function: ease-in; transition: 0.3s;  }
    footer h6 a:first-child { padding-left: 0px; }
    footer h6 a:last-child { padding-right: 0px; }
    footer h6 a:hover { color: #be1522; transition-timing-function: ease-in; transition: 0.3s; }
    footer h6 span { display: inline-block; vertical-align: top; }
    footer p { color: #666666; font-size: 30px; font-weight: 200; font-family: Violence; }
    footer p.optiva { font-size: 18px; line-height: 26px; font-weight: 300; margin-top: 50px; font-family: 'Poppins', sans-serif; }
    footer p.optiva a { color: #666666; }
    footer p.optiva a:hover { color: #ffffff; }

    .footer-cta-panel + footer { margin-top: -100px; }

/**
* Modals
* ========================================================================== */

.video-modal .modal-content { border-radius: 0px; }
.video-modal .modal-lg { max-width: 1100px; }
.video-modal .container { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; }
.video-modal .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; }
.video-modal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video-modal .row { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; }
    .video-modal .modal-body { background: #fff; padding: 0px;}
        .video-modal .modal-body video { display: block; width: 100%; }


/**
* Tablet/Mobile Resolutions
* ========================================================================== */

@media screen and (max-width: 1850px) {

    .zombie-featured-panel img.zombie { left: 320px; }
    .zombie-featured-panel .blood-splat-cta { right: 50px; }

    .side-text-img.left { left: -300px; }
    .side-text-img.right { right: -300px; }

}

@media screen and (max-width: 1800px) {

    .poster-features-slider-panel .slick-slide { min-height: 675px; }

}

@media screen and (max-width: 1750px) {

    .popup-navigation.active .background { right: -180px; }

}

@media screen and (max-width: 1700px) {

    .side-text-img.left { width: 477px; height: 514px; background-size: 477px; left: -200px; }
    .side-text-img.right { width: 477px; height: 536px; background-size: 477px; right: -200px; }

    .zombie-featured-panel img.zombie { left: 520px; }
    .blood-splat-cta { width: 490px; height: 454px; background-size: 490px; }

    .poster-features-slider-panel .slick-slide { min-height: 655px; }

}

@media screen and (max-width: 1650px) {

    .parallax-section-panel .fire-overlay.left { left: -300px; max-width: 800px; }
    .parallax-section-panel .fire-overlay.right.top { right: -300px; max-width: 800px; }
    .parallax-section-panel .fire-overlay.right.bottom { right: -200px; max-width: 600px; }

    .internal-full-video-panel .play-icon { max-width: 180px; background-size: 180px; }

    footer .glow { bottom: 30px; }
    footer .glow.left { left: 30px; }
    footer .glow.right { right: 30px; }

    footer .footer-left-bg { left: -400px; }
    footer .footer-right-bg { right: -400px; }

}

@media screen and (max-width: 1600px) {

    .blood-splat-cta { width: 400px; height: 371px; background-size: 400px; }
        .blood-splat-cta .text { margin: 20px auto auto auto; }

    .internal-house-text-panel .container { max-width: 800px; }
    .internal-house-text-panel .col p { font-size: 28px; line-height: 36px; }

}

@media screen and (max-width: 1500px) {

    .popup-navigation.active .background { right: -280px; }

    .header-video-mask-panel { min-height: 1500px; }
        .header-video-mask-panel video { top: -150px; transform: translateX(-50%) translateY(0px); }

    .rocks-transition-panel img { opacity: 1; visibility: visible; }

    .parallax-section-panel .fire-overlay.left { left: -300px; max-width: 700px; }
    .parallax-section-panel .fire-overlay.right.top { right: -300px; max-width: 700px; }
    .parallax-section-panel .fire-overlay.right.bottom { right: -200px; max-width: 500px; }

    .zombie-featured-hand-panel img.hand { left: -20px; }

    .side-text-img.contagion.left { width: 320px; height: 345px; background-size: 320px; left: -100px; } 
    .side-text-img.contagion.right { width: 320px; height: 360px; background-size: 320px; right: -100px; } 

    .poster-features-slider-panel .slick-slide { min-height: 655px; }

}

@media screen and (max-width: 1400px) {

    header .header .logo { max-width: 400px; }

    .header-video-mask-panel video { top: -200px; }

    .full-page-slider-panel .slick-slide .logo { max-width: 60%; }
    .full-page-slider-panel .contagion.slick-slide .logo { margin-bottom: 10px; }

    .zombie-featured-hand-panel { max-width: 750px; min-height: 950px; }
        .zombie-featured-hand-panel img.hand { left: 30px; }

    .zombie-featured-panel { min-height: 950px; }
        .zombie-featured-panel img.zombie { left: 220px; max-width: 820px; }
        .zombie-featured-panel .smoke-1 { background-size: 1400px; }
    
    .poster-features-slider-panel { background-position: bottom center; min-height: 1150px; background-size: 1700px; }
        .poster-features-slider-panel .slick-slide { min-height: 545px; }

    .side-text-img.left { width: 400px; height: 449px; background-size: 400px; }
    .side-text-img.right { width: 400px; height: 449px; background-size: 400px; }

    .internal-panel .col .text-content p.inline-error-message {font-size: 20px; line-height: 28px; }

    footer .glow { bottom: -30px; }
    footer .glow.left { left: -30px; }
    footer .glow.right { right: -30px; }
    footer .footer-left-bg { width: 800px; height: 396px; left: -300px; background-size: 800px; }
    footer .footer-right-bg { width: 800px; height: 370px; right: -300px; background-size: 800px; }

}

@media screen and (max-width: 1340px) {

    .poster-features-slider-panel .slick-slide { min-height: 495px; }

}


@media screen and (max-width: 1300px) {

    .popup-navigation.active .background { right: -400px; }

    .header-video-mask-panel video { top: -220px; }

    .blood-splat-cta { width: 320px; height: 297px; background-size: 320px; }
        .blood-splat-cta .text { margin: 14px auto auto auto; right: 12px; }

    .side-text-img.left { width: 280px; height: 315px; background-size: 280px; left: -100px; }
    .side-text-img.right { width: 280px; height: 315px; background-size: 280px; right: -100px; }
    .side-text-img.contagion.left { width: 280px; height: 302px; background-size: 280px; left: -110px; } 
    .side-text-img.contagion.right { width: 280px; height: 315px; background-size: 280px; right: -110px; } 

    .internal-panel .cta-side-contact-details-panel h4 { font-size: 23px; line-height: 30px; }
    .internal-panel .cta-side-contact-details-panel p { font-size: 17px; line-height: 25px; }

}

@media screen and (max-width: 1200px) {

    h1 { font-size: 72px; line-height: 80px; }
    h2 { font-size: 72px; line-height: 80px; }
    h3 { font-size: 60px; line-height: 68px; }
    h4 { font-size: 40px; line-height: 48px; }
    h5 { font-size: 32px; line-height: 40px; }

    h2.violence { font-size: 100px; line-height: 108px; }
    h3.violence { font-size: 74px; line-height: 77px; }
    h4.violence { font-size: 50px; line-height: 56px; }
    h5.violence { font-size: 40px; line-height: 48px; }

    .popup-navigation .content .main-links ul li { font-size: 38px; line-height: 44px; }
    
    .popup-navigation .content .sub-links { margin-top: 50px; }
        .popup-navigation .content .sub-links h5 { font-size: 15px; line-height: 22px; }
        .popup-navigation .content .sub-links h5 span { padding: 0px 4px; }


    header .header .logo { max-width: 350px; }

    header .header .left-splat { width: 300px; height: 175px; padding: 30px 0px 0px 14px; }
        header .header .left-splat .text { width: 130px; height: 29px; transition-timing-function: ease-in; transition: 0.3s; }
        
    header .header .right-splat { width: 200px; height: 200px; padding: 22px 20px 0px 0px; }

    .header-video-mask-panel { min-height: 640px; }
        .header-video-mask-panel video { position: absolute; width: 1200px !important; }
        .header-video-mask-panel .rocks-bg { display: none; }

    .header-video-mask-panel + .rocks-transition-panel { margin-top: -300px; }
    .header-video-mask-panel + .parallax-section-panel + .rocks-transition-panel { margin-top: -300px; }
    .rocks-transition-panel { background-size: 1200px; background-position: top center; padding: 300px 0px 80px 0px; }

    .rocks-transition-panel + .full-page-slider-panel { margin-top: -100px; }

    .parallax-section-panel { display: none; }

    .poster-features-slider-panel { padding: 10px 0px 150px 0px; min-height: 1050px; background-size: 1500px; }

    .gradient-top { background-size: 1200px; }
    .gradient-bottom { background-size: 1200px; }

    .internal-house-text-panel .container { max-width: 700px; }
        .internal-house-text-panel .col .text-content { font-size: 24px; line-height: 32px; }
        .internal-house-text-panel .col .text-content p { font-size: 24px; line-height: 32px; }

    .internal-panel .container { max-width: 700px; }
        .internal-panel .col .text-content { font-size: 24px; line-height: 32px; }
        .internal-panel .col .text-content p { font-size: 24px; line-height: 32px; }

    .zombie-featured-hand-panel { max-width: 600px; min-height: 800px; }

    .zombie-featured-panel { min-height: 880px; }
        .zombie-featured-panel .smoke-1 { background-size: 1200px; }
        .zombie-featured-panel img.zombie { max-width: 720px; }

    .internal-full-video-panel .play-icon { max-width: 140px; background-size: 140px; }

    .internal-panel form .formeo input[type="checkbox"] + label { width: 90%; }
    .internal-panel form .formeo input[type="checkbox"] { vertical-align: top; margin-top: 12px; }

    .zombie-featured-panel .fog-left { animation: none!important; }
    .zombie-featured-panel .fog-right { animation: none!important; }
    .zombie-featured-hand-panel.animate { animation: none!important; }

    .slick-slider .gallery-arrow { width: 60px; height: 59px; background-size: 60px; }
        .slick-slider .gallery-arrow .icon { height: 38px; width: 27px; }

    .footer-cta-panel form .formeo-row { display: block!important; }
    .footer-cta-panel form .formeo.formeo-render .formeo-column { width: 100%!important; } 
    .footer-cta-panel form .formeo input { max-width: 380px; margin: auto; }
    .footer-cta-panel form .formeo-column { text-align: center; margin-bottom: 25px; }
    .footer-cta-panel form .formeo .btn { margin-top: 10px; }

    footer .footer-left-bg { width: 500px; height: 248px; left: -50px; background-size: 500px; }
    footer .footer-right-bg { width: 500px; height: 231px; right: -100px; background-size: 500px; }

    footer .glow { display: none; }

}

@media screen and (max-width: 1100px) {

    .poster-features-slider-panel { min-height: 950px; background-size: 1400px; }
    .poster-features-slider-panel .slick-dots { bottom: -30px; }

    .zombie-featured-hand-panel { max-width: 500px; min-height: 700px; }
    .zombie-featured-panel img.zombie { max-width: 620px; }

    .internal-panel .col .text-content p.inline-error-message { font-size: 18px; line-height: 26px; }

    .blood-splat-cta { width: 280px; height: 260px; background-size: 280px; }

    .side-text-img { display: none!important; }

}

@media screen and (max-width: 991px) {

    h1 { font-size: 64px; line-height: 72px; }
    h2 { font-size: 64px; line-height: 72px; }
    h3 { font-size: 52px; line-height: 60px; }
    h4 { font-size: 36px; line-height: 44px; }
    h5 { font-size: 28px; line-height: 36px; }

    h2.violence { font-size: 86px; line-height: 94px; }
    h3.violence { font-size: 68px; line-height: 73px; }
    h4.violence { font-size: 46px; line-height: 54px; }
    h5.violence { font-size: 36px; line-height: 44px; }

    .popup-navigation .splat-link { animation: none!important; opacity: 1; visibility: visible; transform: scale(1.0); }
    .popup-navigation .content-container { overflow: auto; }
    .popup-navigation .content .main-links ul { animation: none!important; top: 0px!important; opacity: 1!important; visibility: visible!important; }
    .popup-navigation .content .sub-links { padding-bottom: 100px; }
    .popup-navigation .content .sub-links h5 { font-size: 17px; line-height: 29px; animation: none!important; top: 0px; opacity: 1; visibility: visible; }
    .popup-navigation .content .sub-links h5 span.break { display: block; visibility: hidden; height: 0px; }
    .popup-navigation .social-icons { margin: 40px 0px 0px 0px; animation: none!important; top: 0px; opacity: 1; visibility: visible; }

    header .header .left-splat { background: url('../assets/nav-left-splat-mobile-bg.png') bottom right no-repeat; width: 200px; height: 200px; padding: 22px 0px 0px 25px; }
        header .header.scrolled .left-splat { width: 200px; height: 200px; padding: 22px 0px 0px 25px; } 
        header .header .left-splat .text { display: none; }
        header .header .left-splat i { display: block; font-size: 40px; color: #ffffff; }
        header .header .left-splat i:hover { color: #f5bd15; }

    .header-video-mask-panel video.desktop { display: none; }
    .header-video-mask-panel video.mobile { display: block; }

    .full-page-slider-panel .slick-slide video { animation: none!important; opacity: 1; visibility: visible; }

    .full-page-slider-panel .slick-slider .gallery-arrow { top: 50%; transform: translateY(-50%); opacity: 1; visibility: visible; }
        .full-page-slider-panel .slick-slider .gallery-arrow.prev { left: 20px; }
        .full-page-slider-panel .slick-slider .gallery-arrow.next { right: 20px; }

    .full-page-slider-panel .slick-dots { bottom: 125px; opacity: 1; visibility: visible; }

    .full-page-slider-panel .slick-slide .logo { animation: none!important; opacity: 1; left: 0px; }

    .full-page-slider-panel .contagion.slick-slide img.characters { animation: none!important; opacity: 1; left: 0px; }
    .full-page-slider-panel .meat-locker.slick-slide img.characters { animation: none!important; opacity: 1; left: -250px; }
    .full-page-slider-panel .zombie-anni.slick-slide img.characters { animation: none!important; opacity: 1; left: 120px; }
    .full-page-slider-panel .beast-of-terror.slick-slide img.characters { animation: none!important; opacity: 1; left: 0px; }
    .full-page-slider-panel .maze.slick-slide img.characters { animation: none!important; opacity: 1; left: -300px; }

    .full-page-slider-panel .btn-blood { animation: none!important; opacity: 1; bottom: 0px; }

    .poster-features-slider-panel .slick-dots { bottom: -130px; }
    .poster-features-slider-panel img.flick-animation { animation: none!important; filter: grayscale(0); -webkit-filter: grayscale(0); }

    .zombie-featured-hand-panel img.hand { animation: none!important; opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    .zombie-featured-panel img.zombie { animation: none!important; opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    .zombie-featured-panel .blood-splat-cta { z-index: 20; animation: none!important; opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

    .house-featured-header-panel .fog-left { animation: none!important; left: -650px; }
    .house-featured-header-panel .fog-right { animation: none!important; right: -1050px; }

    .internal-header-panel .fog-left { animation: none!important; left: -650px; }
    .internal-header-panel .fog-right { animation: none!important; right: -1050px; }

    .full-page-gallery-slider-panel .slick-slide { min-height: 730px; background-size: 1650px; }

    .internal-panel .cta-side-contact-details-panel { padding: 50px 15px 0px 15px; }

    .footer-cta-panel .col h2 { margin-bottom: 50px; }

    footer h6 a { font-size: 24px; line-height: 28px; padding: 0px 10px; }
    footer .footer-left-bg { width: 300px; height: 149px; left: 0px; background-size: 300px; }
    footer .footer-right-bg { width: 300px; height: 139px; right: 0px; background-size: 300px; }

}

@media screen and (max-width: 850px) {

    .popup-navigation .content .main-links ul li { font-size: 36px; line-height: 44px; }

    .poster-features-slider-panel .slick-dots { bottom: 0px; }

}

@media screen and (max-width: 767px) {

    h1 { font-size: 54px; line-height: 62px; }
    h2 { font-size: 54px; line-height: 62px; }
    h3 { font-size: 44px; line-height: 50px; }
    h4 { font-size: 32px; line-height: 40px; }
    h5 { font-size: 26px; line-height: 34px; }
    
    h2.violence { font-size: 70px; line-height: 80px; }
    h3.violence { font-size: 58px; line-height: 64px; }
    h4.violence { font-size: 40px; line-height: 46px; }
    h5.violence { font-size: 32px; line-height: 40px; }

    .popup-navigation .background { mask: none; -webkit-mask: none; }

    .popup-navigation .content .main-links { margin-top: 140px; }

    .popup-navigation .content .sub-links h5 a {  display: block; }
    .popup-navigation .content .sub-links h5 span { display: none; }
    .popup-navigation .content .sub-links h5 span.break { display: none; }

    .popup-navigation .splat-link { height: 336px; width: 400px; background-size: 400px; top: -225px; right: 110px; }
        .popup-navigation .splat-link .text { width: 150px; height: 34px; left: 160px; bottom: 55px; }

    header .header .left-splat { width: 110px; height: 110px; padding: 12px 0px 0px 15px; background-size: 160px; }
    header .header.scrolled .left-splat { width: 110px; height: 110px; padding: 12px 0px 0px 15px; }
        header .header .left-splat i { display: block; font-size: 35px; }

    header .header .right-splat { width: 110px; height: 110px; padding: 12px 15px 0px 0px; background-size: 160px; }
    header .header.scrolled .right-splat { width: 110px; height: 110px; padding: 12px 15px 0px 0px; }
        header .header .right-splat .nav-icon { width: 42px; }

    .btn-blood { width: 170px; height: 76px; font-size: 19px; line-height: 21px !important; padding: 19px 0px 0px 0px; background-size: 170px; }

    .rocks-transition-panel + .full-page-slider-panel { margin-top: -50px; }

    .full-page-slider-panel .slick-slide { min-height: 750px; padding: 0px; background-position: top center; background-repeat: no-repeat; background-size: 1200px; }
        .full-page-slider-panel .slick-slide video { display: none!important; }
        .full-page-slider-panel .slick-slide img.characters { top: 50px!important; max-width: 450px;  }
        .full-page-slider-panel .zombie-anni.slick-slide img.characters { max-width: 400px; }
        .full-page-slider-panel .meat-locker.slick-slide img.characters { max-width: 500px; left: -50px; }
        .full-page-slider-panel .beast-of-terror.slick-slide img.characters { max-width: 300px; }
        .full-page-slider-panel .maze.slick-slide img.characters { max-width: 450px; left: -30px; }

        .full-page-slider-panel .slick-slide .logo { max-height: 200px!important; }
        .full-page-slider-panel .meat-locker.slick-slide .logo { max-height: 170px!important; }

    .full-page-slider-panel .slick-dots { bottom: 35px; }

    .poster-features-slider-panel { min-height: 850px; padding: 10px 0px 100px 0px; background-size: 1100px; }
    .poster-features-slider-panel .slick-dots { bottom: -50px; }
    .poster-features-slider-panel .slick-slider .gallery-arrow.prev { left: 15px; }
    .poster-features-slider-panel .slick-slider .gallery-arrow.next { right: 15px; }

    .zombie-featured-panel { padding: 30px 0px 100px 0px; }
        .zombie-featured-panel img.zombie { max-width: 500px; }

    .zombie-featured-hand-panel { max-width: 400px; min-height: 600px; }

    .house-featured-header-panel { min-height: 750px; }
        .house-featured-header-panel .background { min-height: 750px; background-size: 1150px; }
        .house-featured-header-panel.fear-go-round .background { background-size: 1550px; }
        .house-featured-header-panel.freak-street .background { background-size: 1550px; }
        .house-featured-header-panel.house-of-rock .background { background-size: 1550px; }
        .house-featured-header-panel.scary-oke .background { background-size: 1550px; }
        .house-featured-header-panel.zombie-arms .background { background-size: 1550px; }
        .house-featured-header-panel .logo { max-height: 250px!important; }
        .house-featured-header-panel.fear-go-round .logo { margin-bottom: 15px; }
        .house-featured-header-panel.contagion .logo { margin-bottom: 15px; }
        .house-featured-header-panel.meat-locker .logo { max-height: 170px!important; }
        .house-featured-header-panel.beast-of-terror .logo { max-height: 200px!important; }
        .house-featured-header-panel.zombie-anni .logo { max-height: 180px!important; }
        .house-featured-header-panel.maze-of-death .logo {max-height: 190px !important; }
        .house-featured-header-panel img.characters { max-width: 400px; }
        .house-featured-header-panel.beast-of-terror img.characters { max-width: 300px; }
        .house-featured-header-panel.meat-locker img.characters { max-width: 500px; left: -50px; }
        .house-featured-header-panel.zombie-anni img.characters { left: 20px; }
        .house-featured-header-panel.maze-of-death img.characters { max-width: 500px; right: 50px; }
        .house-featured-header-panel h4 { width: 90%; margin: auto; }

    .internal-house-text-panel .col .text-content { font-size: 21px; line-height: 27px; padding: 0px 15px; }
    .internal-house-text-panel .col .text-content p { font-size: 21px; line-height: 27px; }

    .internal-panel .col .text-content { font-size: 21px; line-height: 27px; padding: 0px 15px; }
    .internal-panel .col .text-content p { font-size: 21px; line-height: 27px; }

    .internal-panel .ticket-times li { height: 55px; width: 55px; margin: 0px 8px !important; padding: 15px 0px 0px 0px !important; font-size: 17px; }
   
    .internal-panel .ticket-feature { max-width: 400px; margin: auto auto 30px auto; width: 100%; }

    .internal-full-video-panel { display: none; }

    .internal-header-panel h2 { margin-bottom: 20px; }
    .internal-header-panel.reduced { min-height: 500px; }
    .internal-header-panel.reduced .background { min-height: 500px; background-size: 1500px; }
    
    .full-page-gallery-slider-panel .slick-slide { min-height: 650px; background-size: 1500px; }
    .full-page-gallery-slider-panel .slick-slider .gallery-arrow { display: none!important; }

    .internal-panel .tz-gallery { padding: 0px 20px; }

    .internal-panel .col .text-content .accordion-item .accordion-header p { font-size: 18px; line-height: 24px; }
    .internal-panel .col .text-content .accordion-item .accordion-body p { font-size: 16px; line-height: 24px; }

    .internal-panel .col .text-content .faqs-container .col-xs-12 { padding: 0px; }
    .internal-panel .col .text-content .faqs-search input { width: 75%; font-size: 14px; }
    .internal-panel .col .text-content .faqs-search .btn { width: 20%; }

    .internal-house-text-panel .col .text-content .btn { margin-top: 30px; }

    .social-icons li { width: 50px; height: 50px; }
    .social-icons li a { height: 50px; width: 50px; }
    .social-icons li.facebook a { font-size: 24px; }
    .social-icons li.twitter a { font-size: 24px; }
    .social-icons li.ticktok a { font-size: 24px; }
    .social-icons li.youtube a { font-size: 24px; }
    .social-icons li.instagram a { font-size: 24px; }

    footer { padding: 85px 15px 140px 15px; }
        footer img { width: 350px; margin-bottom: 16px; }
        footer h6 a { display: block; font-size: 34px; line-height: 48px; padding: 0px; }
        footer h6 span { display: none; }

}


@media screen and (max-width: 650px) {
    
    header .header .logo { max-width: 300px; }

    .full-page-slider-panel .slick-slider .gallery-arrow { display: none!important; }

    .poster-features-slider-panel .slick-slide.slick-current img { filter: brightness(1.5); }
    .poster-features-slider-panel .slick-slide:hover img { width: 95%; margin: 20px auto auto auto; }
    .poster-features-slider-panel .slick-dots { bottom: -110px; }

    .zombie-featured-panel { min-height: 680px; }
        .zombie-featured-panel img.zombie { max-width: 450px; left: 120px; }
        .zombie-featured-panel .blood-splat-cta { bottom: 100px; }

    .zombie-featured-hand-panel { max-width: 300px; min-height: 500px; }

    .house-featured-header-panel h4 br { display: none; }
    
    .internal-panel form .formeo.formeo-render .formeo-row { display: block; }
    .internal-panel form .formeo.formeo-render .formeo-column { padding: 0px 0px; margin-bottom: 20px; }

    footer { padding: 85px 15px 150px 15px; }
        footer .footer-left-bg { display: none; }
        footer .footer-right-bg { left: 0px; margin: auto; }

}


@media screen and (max-width: 600px) {

    .rocks-transition-panel img { max-width: 320px; width: 100%; }
        
    .full-page-gallery-slider-panel .slick-slide { min-height: 570px; background-size: 1400px; }

    .internal-panel .col .text-content .faqs-search input { width: 100%; }
    .internal-panel .col .text-content .faqs-search .btn { width: 120px; float: none; margin: 25px auto auto auto; display: block; }

    .internal-header-panel h5 br { display: none; }

    .btn-splat { width: 320px; height: 80px; }

    .full-page-gallery-slider-panel .slick-slide .gradient-top { background-size: 700px; }
    .full-page-gallery-slider-panel .slick-slide .gradient-bottom { background-size: 700px; }

    .house-featured-header-panel.contagion .logo { margin-bottom: 15px; }

    .footer-cta-panel.internal .background { padding-top: 30px; }

}


@media screen and (max-width: 500px) {

    h2.violence { font-size: 64px; line-height: 72px; }

    .popup-navigation .splat-link { right: auto; left: -190px; } 

    header .header .left-splat { width: 100px; height: 100px; padding: 9px 0px 0px 12px; background-size: 150px; }
    header .header.scrolled .left-splat { width: 100px; height: 100px; padding: 9px 0px 0px 12px; }
        header .header .left-splat i { display: block; font-size: 32px; }

    header .header .right-splat { width: 100px; height: 100px; padding: 9px 12px 0px 0px; background-size: 150px; }
    header .header.scrolled .right-splat { width: 100px; height: 100px; padding: 9px 12px 0px 0px; }
        header .header .right-splat .nav-icon { width: 37px; }

    header .header .logo { max-width: 250px; }

    .full-page-slider-panel .slick-slide .logo { max-width: 70%; }


    .zombie-featured-panel img.zombie { left: 50px; }
    .zombie-featured-hand-panel img.hand { left: 10px; }

    .blood-splat-cta { width: 230px; height: 213px; background-size: 230px; }
        .blood-splat-cta .text { margin: 10px auto auto auto; }

    footer p.optiva { font-size: 15px; line-height: 23px; }

}

@media screen and (max-width: 450px) {

    header .header .logo { max-width: 220px; }

    .full-page-slider-panel .zombie-anni.slick-slide img.characters { left: 0px; }

    .full-page-gallery-slider-panel .slick-slide { min-height: 520px; background-size: 1350px; }

    .internal-panel .col .text-content p.inline-error-message { font-size: 17px; line-height: 25px; }

}

@media screen and (max-width: 450px) {

    .zombie-featured-panel img.zombie { left: 0px; }

    .zombie-featured-hand-panel { max-width: 250px; min-height: 400px; }
        .zombie-featured-hand-panel img.hand { top: 250px; left: -30px; }

}



/**
* Gallery
* ========================================================================== */

/* Styles for the gallery */

.tz-gallery {
    padding-top: 0px;
}

.tz-gallery .thumbnail {
    padding: 0;
    margin-bottom: 0px;
    border: none;
    margin-bottom: 30px;
}

.tz-gallery img {
    border-radius: 0px;
    border: 1px solid #da2230;
}

.tz-gallery .caption{
    padding: 0px 0px;
    text-align: center;
}

.tz-gallery .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.tz-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

.baguetteBox-button {
    background-color: transparent !important;
}


/**
* Slick Slider
* ========================================================================== */

.slick-slider { position: relative; display: block; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-dots { position: absolute; bottom: 45px; display: block; width: 100%; list-style: none; text-align: center; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
    .slick-dots li { position: relative; display: inline-block; width: 33px; height: 30px; margin: 0 2px; padding: 0; cursor: pointer; border: 0px; }
    .slick-dots li button { background: url(../assets/slick-dot.png) center 5px no-repeat; border: none !important; font-size: 0; line-height: 0; display: block; height: 30px; width: 33px; padding: 0px; cursor: pointer; color: #cc0000; outline: none; border-radius: 50%; }
    .slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
    .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; }
    .slick-dots li button:before { font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; width: 33px; height: 30px; content: ''; text-align: center; opacity: .25; color: #051D49; border-radius: 50%; }
    .slick-dots li.slick-active button:before { border: none !important; opacity: 1; color: #ccc !important; height: 30px; width: 33px; border-radius: 25px; }
    .slick-dots li.slick-active { border: none !important; height: 30px; width: 33px; border-radius: 25px; }
    .slick-dots li.slick-active button { background: url(../assets/slick-dot-active.png) 50% center no-repeat; border: none !important; height: 30px; width: 33px; border-radius: 25px; }


@media screen and (max-width: 767px) {

    .slick-dots li { width: 24px; height: 24px; margin: 0 4px; }
    .slick-dots li button { width: 24px; height: 24px; background-position: top center; background-size: 24px!important; }
    .slick-dots li button:before { width: 24px; height: 24px; }
    .slick-dots li.slick-active button:before { width: 32px; height: 32px; background-size: 32px!important; }
    .slick-dots li.slick-active { width: 32px; height: 32px; background-size: 32px!important; }
    .slick-dots li.slick-active button { width: 32px; height: 32px; background-size: 32px!important; }

}