.main-feature-big,
    .main-feature-guide{
        display: none;
    }

    .breadcrumbs{
        display: none;
    }

    @media screen and (min-width: 1440px){
        .container {
            width: 1400px;
        }
    }

    @media screen and (max-width: 992px){
        .ls .container{
            padding-left: 35px;
            padding-right: 35px;
        }
    }

    .img-hover-v1:hover img {
    -transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    }

    .footer-v1{
        position: relative;
    }

    .footer-v1 .copyright {
        background: #fff url(https://assets.landingpages.gamigo.com/websites/fiesta/images/background-copyright.png) no-repeat scroll 0% 0%;
        padding: 75px 0px 5px;
        min-height: 110px;
    }

    strong{
        color: #fff;
    }

    .border-box {
        background-color: #fff7e3;
        border-style: solid;
        border-width: 30px 40px 30px 40px;
        -moz-border-image: url(https://assets.frontend.gamigo.com/cms/24/page/fiesta-box-border-v1.png) 30 40 30 40 repeat stretch;
        -webkit-border-image: url(https://assets.frontend.gamigo.com/cms/24/page/fiesta-box-border-v1.png) 30 40 30 40 repeat stretch;
        border-image: url(https://assets.frontend.gamigo.com/cms/24/page/fiesta-box-border-v1.png) 30 40 30 40 repeat stretch;
    }

    .ls h2{
        font: 700 6rem/6rem "Alice", serif;
        color: #b2ffee;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
        text-transform: uppercase;
    }

    .ls h3{
        font: 700 4rem/4.5rem "Alice", serif;
        color: #fff;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
        text-transform: uppercase;
    }

    .ls h4{
        font: 700 2.8rem/3.15rem "Alice", serif;
        color: rgb(173, 197, 239);
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
        text-transform: none;
        border-bottom: 0;
    }

    .ls h5{
        font: 700 4.0rem/4.5rem "Alice", serif;
        color: #fff;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
        text-transform: uppercase;
    }

    .ls p{
        font: 400 1.8rem/2.1rem "Noto Sans", sans-serif;
        color: rgb(239, 239, 239);
        
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
        margin-bottom: 25px;
    }

    @media screen and (min-width: 993px) and (max-width: 1440px){
        .item-section .col-lg-12,
        .coin-section .col-lg-12,
        .top-up-section .col-lg-12{
            width: 80%;
            margin-left: 10%;
        }   
    }

    @media screen and (min-width: 993px) and (max-width: 1200px){
        .coin-section .col-lg-12{
            width: 90%;
            margin-left: 5%;
        }
    }

    @media screen and (max-width: 768px){
        .ls h2{
            font: 700 4.5rem/4.5rem "Alice", serif;
        }
    }

    /* section definitions */

    #mb-header::after{
        content:'';
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/divider-fel.webp') no-repeat center top/cover;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 2000px;
        height: 80px;
    }

    #mb-story::after,
    #mb-environments::after,
    #mb-enemies::after,
    #mb-zones::after,
    #mb-weapons::after{
        content:'';
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/divider-fel.webp') no-repeat center top/cover;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 2000px;
        height: 80px;
    }

    /* header */

    #mb-header{
        background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-header.webp') no-repeat center top/cover;
        position: relative;
        min-height: 900px;
        border-top: 2px solid #cba66b;
        padding-bottom: 75px;
    }

    #mb-header .content{
        padding-top: 100px;
        z-index: 10;
    }

    #mb-header .content-box{
        padding-bottom: 175px;
        text-align: center;
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-logo.png') no-repeat center top/cover;
    }

    .ls-logo{
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/logo-fiesta-legels-siege.webp') no-repeat center top/cover;
        width: 380px;
        height: 226px;
        margin: 0px auto 10px;
    }

    .legel{
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/legel.webp') no-repeat center top/cover;
        width: 900px;
        height: 810px;
        position: absolute;
        bottom: -35px;
        right: -700px;
    }

    .kali{
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/kali.webp') no-repeat center top/cover;
        width: 1060px;
        height: 1286px;
        position: absolute;
        bottom: -442px;
        left: -775px;
    }

    .dust{
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/green-dust.webp') no-repeat center top/cover;
        width: 2000px;
        height: 682px;
        position: absolute;
        bottom: 32px;
        left: 0px;
        right: 0px;
        animation: 10s ease-in-out 0s infinite alternate none running pulsate, 2s ease-in-out 0s infinite alternate none running move;
    }

    @keyframes pulsate{
        0% {
            opacity: 1;
        } 
        20% {
            opacity: .8;
        }
        40% {
            opacity: .75;
        }
        60% {
            opacity: .9;
        }
        80% {
            opacity: .75;
        }
        100% {
            opacity: 1;
        }
    }


    @media screen and (max-width: 1440px){
        .kali{
            left: -645px;
        }
    }

    @media screen and (max-width: 1200px){
        #mb-header .content-box {
            background-position: center bottom;
        }

        .dust{
            background-position: center bottom;
            width: 100%;
        }

        .video-box a{
            margin: 0px auto;
        }

        .textbox{
            text-align: center;
            margin-top: 50px;
        }

        .legel{
            width: 820px;
            height: 740px;           
            right: -390px;
            bottom: -65px;
        }

        .kali{
            left: -375px;
        }
    }

    @media screen and (max-width: 992px){
        .legel{
            width: 650px;
            height: 585px;
            right: -330px;
            bottom: -35px;
        }

        .kali{
            width: 850px;
            height: 1036px;
            left: -360px;
            bottom: -302px;
        }
    }

    @media screen and (max-width: 768px){
        .legel{
            width: 550px;
            height: 475px;
            right: -210px;
            bottom: -35px;
        }
        .kali{
            width: 710px;
            height: 856px;
            left: -180px;
            bottom: -422px;
        }

        #mb-header .content-box{
            padding-bottom: 75px;
        }
    }

    @media screen and (max-width: 675px){
        .legel{
            right: -310px;
        }
        .kali{
            left: -280px;
        }
    }

    @media screen and (max-width: 480px){
        .ls .container {
            padding-left: 15px;
            padding-right: 15px;
        }

        #mb-header.ls .container {
            padding-left: 0px;
            padding-right: 0px;
        }

        .legel{
            width: 400px;
            height: 363px;
            right: -130px;
            bottom: -100px;
        }

        .kali{
            width: 610px;
            height: 726px;
            left: -180px;
            bottom: -422px;
        }

        .ls-logo{
            width: 250px;
            height: 148px;
        }
    }

    /* Button Display */

    .ls-cta{
        display: block;
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/ls-cta.webp') no-repeat center top/cover;
        width: 300px;
        height: 100px;
        font: 700 2.7rem/3.0rem "Alice", serif;
        margin: 50px auto 30px;
        padding-top: 38px;
        color: #fff;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
        text-align: center;
        text-transform: uppercase;
    }

    .ls-cta:hover,
    .ls-cta:focus{
        background-position: center bottom;
        text-decoration: none;
        color: #fdfdfd;
        padding-left: 1px;
        padding-top: 39px;
    }

    @media screen and (max-width: 480px){
        .ls-cta {
            transform: scale(0.8);
        }
    }

    /* story */

    #mb-story{
        background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-story.webp') no-repeat center top/cover;
        position: relative;
        min-height: 800px;
        border-top: 2px solid #000;
        padding-bottom: 50px;
    }

    #mb-story .content{
        padding-top: 85px;
        padding-bottom: 70px;
        z-index: 10;
    }
    
    .feather-demon{
        width: 900px;
        height: 900px;
        background: transparent url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/demon.webp') no-repeat center top/cover;
        position: absolute;
        bottom: 0;
        left: 0px;
    }

   .feather-demon::before{
       content: '';
       width: 125px;
       height: 60px;
       position: absolute;
       top: 266px;
       left: 419px;
       transform: scale(0.95);
       background: transparent url("https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/feather-demon-eye-animation.webp") no-repeat right top;
       animation: fd-eye-lids 3s steps(24) infinite;
       z-index: 10;
   }

    @media screen and (max-width: 1440px){
        .feather-demon{
            left: -200px;
        }
    }

    @media screen and (max-width: 1200px){
        .feather-demon{
            width: 800px;
            height: 800px;
            left: -260px;
        }

        .feather-demon::before {
            top: 232px;
            left: 366px;
            transform: scale(0.85);
        }
    }

    @media screen and (max-width: 992px){
        .feather-demon{
            left: -170px;
            opacity: 0.5;
            width: 650px;
            height: 650px;
        }

        .feather-demon::before {
            top: 183px;
            left: 286px;
            transform: scale(0.7);
        }

        section#mb-story::before{
            content: "";
            background: linear-gradient(220deg, transparent 15%, black);
            position: absolute;
            left: 0px;
            top: 0;
            width: 100%;
            height: 100%;
        }        
    }

    @media screen and (max-width: 768px){
        #mb-story .content {
            padding-top: 50px;
        }
    }

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

    }

    .lights{position:absolute;left:50%;top:50%;width:.4vw;height:.4vw;margin:-.2vw 0 0 9.8vw;animation:ease 200s alternate infinite;pointer-events:none}.lights::before{background:#fff;opacity:.4;animation:drift ease alternate infinite}.lights::before,.lights::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:-10vw}.lights::after{background:#fff;opacity:0;box-shadow:0 0 0 0 #ff0;animation:drift ease alternate infinite,flash ease infinite}.lights:nth-child(1){animation-name:move1}.lights:nth-child(2){animation-name:move2}.lights:nth-child(3){animation-name:move3}.lights:nth-child(4){animation-name:move4}.lights:nth-child(5){animation-name:move5}.lights:nth-child(6){animation-name:move6}.lights:nth-child(7){animation-name:move7}.lights:nth-child(8){animation-name:move8}.lights:nth-child(9){animation-name:move9}.lights:nth-child(10){animation-name:move10}.lights:nth-child(1)::before{animation-duration:9s}.lights:nth-child(1)::after{animation-duration:9s,8024ms;animation-delay:0ms,8344ms}.lights:nth-child(2)::before{animation-duration:10s}.lights:nth-child(2)::after{animation-duration:10s,6618ms;animation-delay:0ms,4002ms}.lights:nth-child(3)::before{animation-duration:10s}.lights:nth-child(3)::after{animation-duration:10s,10413ms;animation-delay:0ms,5719ms}.lights:nth-child(4)::before{animation-duration:13s}.lights:nth-child(4)::after{animation-duration:13s,6293ms;animation-delay:0ms,2239ms}.lights:nth-child(5)::before{animation-duration:18s}.lights:nth-child(5)::after{animation-duration:18s,10401ms;animation-delay:0ms,5233ms}.lights:nth-child(6)::before{animation-duration:16s}.lights:nth-child(6)::after{animation-duration:16s,7447ms;animation-delay:0ms,4570ms}.lights:nth-child(7)::before{animation-duration:13s}.lights:nth-child(7)::after{animation-duration:13s,5205ms;animation-delay:0ms,3152ms}.lights:nth-child(8)::before{animation-duration:15s}.lights:nth-child(8)::after{animation-duration:15s,8445ms;animation-delay:0ms,728ms}.lights:nth-child(9)::before{animation-duration:16s}.lights:nth-child(9)::after{animation-duration:16s,6043ms;animation-delay:0ms,2574ms}.lights:nth-child(10)::before{animation-duration:15s}.lights:nth-child(10)::after{animation-duration:15s,8845ms;animation-delay:0ms,1464ms}@keyframes drift{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes flash{0%,30%,100%{opacity:0;box-shadow:0 0 0 0 #ff0}5%{opacity:1;box-shadow:0 0 2vw .4vw #ff0}}@keyframes move1{0%{transform:translateX(12vw) translateY(43vh) scale(0.76)}5.55556%{transform:translateX(-40vw) translateY(-30vh) scale(0.46)}11.1111%{transform:translateX(44vw) translateY(-6vh) scale(0.6)}16.6667%{transform:translateX(41vw) translateY(-33vh) scale(0.46)}22.2222%{transform:translateX(-38vw) translateY(1vh) scale(0.81)}27.7778%{transform:translateX(34vw) translateY(-46vh) scale(0.86)}33.3333%{transform:translateX(-35vw) translateY(25vh) scale(0.26)}44.4444%{transform:translateX(25vw) translateY(37vh) scale(0.62)}50%{transform:translateX(-2vw) translateY(-9vh) scale(0.61)}55.5556%{transform:translateX(-46vw) translateY(17vh) scale(0.82)}61.1111%{transform:translateX(9vw) translateY(23vh) scale(0.46)}66.6667%{transform:translateX(11vw) translateY(-39vh) scale(0.42)}72.2222%{transform:translateX(-47vw) translateY(11vh) scale(0.67)}77.7778%{transform:translateX(-38vw) translateY(-41vh) scale(0.66)}83.3333%{transform:translateX(26vw) translateY(44vh) scale(0.45)}88.8889%{transform:translateX(-23vw) translateY(-42vh) scale(0.26)}94.4444%{transform:translateX(-15vw) translateY(-38vh) scale(0.83)}100%{transform:translateX(39vw) translateY(-33vh) scale(0.73)}}@keyframes move2{0%{transform:translateX(50vw) translateY(16vh) scale(0.87)}4.7619%{transform:translateX(34vw) translateY(10vh) scale(0.5)}9.52381%{transform:translateX(27vw) translateY(-10vh) scale(0.93)}14.2857%{transform:translateX(0vw) translateY(21vh) scale(0.48)}19.0476%{transform:translateX(-26vw) translateY(39vh) scale(0.96)}23.8095%{transform:translateX(-24vw) translateY(-28vh) scale(0.47)}28.5714%{transform:translateX(36vw) translateY(-6vh) scale(0.32)}33.3333%{transform:translateX(-38vw) translateY(48vh) scale(0.69)}38.0952%{transform:translateX(34vw) translateY(-19vh) scale(0.84)}42.8571%{transform:translateX(5vw) translateY(-42vh) scale(0.77)}47.619%{transform:translateX(20vw) translateY(39vh) scale(0.51)}52.381%{transform:translateX(34vw) translateY(28vh) scale(0.69)}57.1429%{transform:translateX(-38vw) translateY(49vh) scale(0.28)}61.9048%{transform:translateX(-48vw) translateY(-1vh) scale(0.88)}66.6667%{transform:translateX(-9vw) translateY(-40vh) scale(0.32)}71.4286%{transform:translateX(-39vw) translateY(-24vh) scale(0.61)}76.1905%{transform:translateX(39vw) translateY(42vh) scale(0.53)}80.9524%{transform:translateX(9vw) translateY(18vh) scale(0.36)}85.7143%{transform:translateX(29vw) translateY(18vh) scale(0.88)}90.4762%{transform:translateX(-34vw) translateY(-36vh) scale(0.44)}95.2381%{transform:translateX(-38vw) translateY(27vh) scale(0.55)}100%{transform:translateX(12vw) translateY(19vh) scale(0.98)}}@keyframes move3{0%{transform:translateX(-39vw) translateY(39vh) scale(0.6)}3.7037%{transform:translateX(5vw) translateY(35vh) scale(0.55)}7.40741%{transform:translateX(31vw) translateY(-4vh) scale(0.45)}11.1111%{transform:translateX(44vw) translateY(-34vh) scale(0.3)}14.8148%{transform:translateX(-41vw) translateY(-46vh) scale(0.61)}18.5185%{transform:translateX(24vw) translateY(-49vh) scale(0.61)}22.2222%{transform:translateX(8vw) translateY(9vh) scale(0.76)}25.9259%{transform:translateX(-8vw) translateY(34vh) scale(0.31)}29.6296%{transform:translateX(1vw) translateY(45vh) scale(1)}33.3333%{transform:translateX(34vw) translateY(-8vh) scale(0.69)}37.037%{transform:translateX(27vw) translateY(-37vh) scale(0.67)}40.7407%{transform:translateX(-46vw) translateY(-17vh) scale(0.61)}44.4444%{transform:translateX(-19vw) translateY(-2vh) scale(0.32)}48.1481%{transform:translateX(-18vw) translateY(-28vh) scale(0.33)}51.8519%{transform:translateX(35vw) translateY(41vh) scale(0.84)}55.5556%{transform:translateX(-17vw) translateY(13vh) scale(0.67)}59.2593%{transform:translateX(-8vw) translateY(-7vh) scale(0.55)}62.963%{transform:translateX(10vw) translateY(8vh) scale(0.69)}66.6667%{transform:translateX(42vw) translateY(-3vh) scale(0.5)}70.3704%{transform:translateX(-14vw) translateY(-23vh) scale(0.52)}74.0741%{transform:translateX(26vw) translateY(-4vh) scale(0.97)}77.7778%{transform:translateX(-5vw) translateY(-42vh) scale(0.73)}81.4815%{transform:translateX(-33vw) translateY(8vh) scale(0.88)}85.1852%{transform:translateX(35vw) translateY(30vh) scale(0.55)}88.8889%{transform:translateX(0vw) translateY(-28vh) scale(0.48)}92.5926%{transform:translateX(-15vw) translateY(-14vh) scale(0.85)}96.2963%{transform:translateX(-29vw) translateY(36vh) scale(0.68)}100%{transform:translateX(-36vw) translateY(-15vh) scale(0.46)}}@keyframes move4{0%{transform:translateX(-26vw) translateY(31vh) scale(0.52)}3.7037%{transform:translateX(-38vw) translateY(-36vh) scale(0.32)}7.40741%{transform:translateX(-36vw) translateY(12vh) scale(0.95)}11.1111%{transform:translateX(49vw) translateY(31vh) scale(0.92)}14.8148%{transform:translateX(-30vw) translateY(-26vh) scale(0.64)}18.5185%{transform:translateX(-21vw) translateY(-20vh) scale(0.79)}22.2222%{transform:translateX(-45vw) translateY(-20vh) scale(0.5)}25.9259%{transform:translateX(8vw) translateY(41vh) scale(0.5)}29.6296%{transform:translateX(31vw) translateY(-6vh) scale(0.9)}33.3333%{transform:translateX(-39vw) translateY(20vh) scale(0.75)}37.037%{transform:translateX(-2vw) translateY(32vh) scale(0.83)}40.7407%{transform:translateX(-24vw) translateY(38vh) scale(0.66)}44.4444%{transform:translateX(-19vw) translateY(50vh) scale(0.63)}48.1481%{transform:translateX(-19vw) translateY(14vh) scale(0.61)}51.8519%{transform:translateX(47vw) translateY(-5vh) scale(0.47)}55.5556%{transform:translateX(-5vw) translateY(41vh) scale(0.76)}59.2593%{transform:translateX(12vw) translateY(25vh) scale(0.84)}62.963%{transform:translateX(48vw) translateY(23vh) scale(0.33)}66.6667%{transform:translateX(-44vw) translateY(-31vh) scale(0.84)}70.3704%{transform:translateX(-22vw) translateY(25vh) scale(0.59)}74.0741%{transform:translateX(-19vw) translateY(-29vh) scale(0.78)}77.7778%{transform:translateX(-46vw) translateY(-17vh) scale(0.84)}81.4815%{transform:translateX(15vw) translateY(1vh) scale(0.87)}85.1852%{transform:translateX(-11vw) translateY(-19vh) scale(0.9)}88.8889%{transform:translateX(-44vw) translateY(-11vh) scale(0.62)}92.5926%{transform:translateX(-38vw) translateY(3vh) scale(0.88)}96.2963%{transform:translateX(-26vw) translateY(-8vh) scale(0.9)}100%{transform:translateX(6vw) translateY(7vh) scale(0.54)}}@keyframes move5{0%{transform:translateX(37vw) translateY(48vh) scale(0.77)}4.54545%{transform:translateX(7vw) translateY(3vh) scale(0.3)}9.09091%{transform:translateX(27vw) translateY(-40vh) scale(0.77)}13.6364%{transform:translateX(-42vw) translateY(14vh) scale(0.9)}18.1818%{transform:translateX(6vw) translateY(40vh) scale(0.93)}22.7273%{transform:translateX(-29vw) translateY(48vh) scale(0.72)}27.2727%{transform:translateX(23vw) translateY(9vh) scale(0.63)}31.8182%{transform:translateX(12vw) translateY(44vh) scale(0.68)}36.3636%{transform:translateX(17vw) translateY(-6vh) scale(0.68)}40.9091%{transform:translateX(-25vw) translateY(-21vh) scale(0.91)}45.4545%{transform:translateX(15vw) translateY(-14vh) scale(0.94)}50%{transform:translateX(29vw) translateY(-29vh) scale(0.91)}54.5455%{transform:translateX(-14vw) translateY(-28vh) scale(0.58)}59.0909%{transform:translateX(50vw) translateY(48vh) scale(0.8)}63.6364%{transform:translateX(0vw) translateY(3vh) scale(0.47)}68.1818%{transform:translateX(-18vw) translateY(-22vh) scale(0.83)}72.7273%{transform:translateX(-38vw) translateY(-44vh) scale(0.92)}77.2727%{transform:translateX(-2vw) translateY(42vh) scale(0.76)}81.8182%{transform:translateX(-8vw) translateY(-10vh) scale(0.84)}86.3636%{transform:translateX(-25vw) translateY(-4vh) scale(0.76)}90.9091%{transform:translateX(29vw) translateY(37vh) scale(0.7)}95.4545%{transform:translateX(-40vw) translateY(-1vh) scale(0.92)}100%{transform:translateX(-34vw) translateY(-1vh) scale(0.58)}}@keyframes move6{0%{transform:translateX(-49vw) translateY(-1vh) scale(0.63)}5.88235%{transform:translateX(-36vw) translateY(43vh) scale(0.99)}11.7647%{transform:translateX(35vw) translateY(-38vh) scale(0.49)}17.6471%{transform:translateX(47vw) translateY(38vh) scale(0.89)}23.5294%{transform:translateX(30vw) translateY(-3vh) scale(0.33)}29.4118%{transform:translateX(-44vw) translateY(38vh) scale(0.87)}35.2941%{transform:translateX(-23vw) translateY(19vh) scale(0.79)}41.1765%{transform:translateX(-22vw) translateY(24vh) scale(0.8)}47.0588%{transform:translateX(13vw) translateY(0vh) scale(0.67)}52.9412%{transform:translateX(5vw) translateY(12vh) scale(0.67)}58.8235%{transform:translateX(-48vw) translateY(24vh) scale(0.59)}64.7059%{transform:translateX(-10vw) translateY(-26vh) scale(0.85)}70.5882%{transform:translateX(-46vw) translateY(46vh) scale(0.5)}76.4706%{transform:translateX(21vw) translateY(25vh) scale(0.87)}82.3529%{transform:translateX(-43vw) translateY(-35vh) scale(0.93)}88.2353%{transform:translateX(-27vw) translateY(18vh) scale(0.53)}94.1176%{transform:translateX(25vw) translateY(-8vh) scale(0.81)}100%{transform:translateX(42vw) translateY(-29vh) scale(0.52)}}@keyframes move7{0%{transform:translateX(-10vw) translateY(17vh) scale(0.65)}4.34783%{transform:translateX(-24vw) translateY(1vh) scale(0.89)}8.69565%{transform:translateX(-43vw) translateY(42vh) scale(0.67)}13.0435%{transform:translateX(-8vw) translateY(23vh) scale(0.76)}17.3913%{transform:translateX(-41vw) translateY(-5vh) scale(0.75)}21.7391%{transform:translateX(-8vw) translateY(31vh) scale(1)}26.087%{transform:translateX(30vw) translateY(-46vh) scale(0.53)}30.4348%{transform:translateX(-40vw) translateY(-19vh) scale(0.31)}34.7826%{transform:translateX(31vw) translateY(43vh) scale(0.37)}39.1304%{transform:translateX(-22vw) translateY(-3vh) scale(0.57)}43.4783%{transform:translateX(41vw) translateY(1vh) scale(0.86)}47.8261%{transform:translateX(-29vw) translateY(-30vh) scale(0.26)}52.1739%{transform:translateX(-10vw) translateY(10vh) scale(0.31)}56.5217%{transform:translateX(18vw) translateY(-44vh) scale(0.83)}60.8696%{transform:translateX(2vw) translateY(32vh) scale(0.67)}65.2174%{transform:translateX(27vw) translateY(19vh) scale(0.71)}69.5652%{transform:translateX(28vw) translateY(7vh) scale(0.93)}73.913%{transform:translateX(-43vw) translateY(-15vh) scale(0.57)}78.2609%{transform:translateX(25vw) translateY(41vh) scale(0.65)}82.6087%{transform:translateX(-38vw) translateY(-47vh) scale(1)}86.9565%{transform:translateX(26vw) translateY(36vh) scale(0.72)}91.3043%{transform:translateX(-35vw) translateY(-45vh) scale(0.78)}95.6522%{transform:translateX(-7vw) translateY(-14vh) scale(0.29)}100%{transform:translateX(-13vw) translateY(0vh) scale(0.38)}}@keyframes move8{0%{transform:translateX(3vw) translateY(12vh) scale(0.46)}4%{transform:translateX(-16vw) translateY(-19vh) scale(0.74)}8%{transform:translateX(2vw) translateY(-43vh) scale(0.45)}12%{transform:translateX(10vw) translateY(17vh) scale(0.46)}16%{transform:translateX(-18vw) translateY(16vh) scale(0.99)}20%{transform:translateX(23vw) translateY(-40vh) scale(0.3)}24%{transform:translateX(9vw) translateY(23vh) scale(0.65)}28%{transform:translateX(36vw) translateY(-31vh) scale(0.72)}32%{transform:translateX(-38vw) translateY(-43vh) scale(0.86)}36%{transform:translateX(-38vw) translateY(-44vh) scale(0.5)}40%{transform:translateX(39vw) translateY(34vh) scale(0.5)}44%{transform:translateX(-19vw) translateY(45vh) scale(0.41)}48%{transform:translateX(43vw) translateY(-11vh) scale(0.49)}52%{transform:translateX(50vw) translateY(7vh) scale(0.83)}56%{transform:translateX(-48vw) translateY(-41vh) scale(0.42)}60%{transform:translateX(33vw) translateY(18vh) scale(0.78)}64%{transform:translateX(-22vw) translateY(-7vh) scale(0.34)}68%{transform:translateX(-16vw) translateY(-12vh) scale(0.66)}72%{transform:translateX(-48vw) translateY(-24vh) scale(1)}76%{transform:translateX(-23vw) translateY(-35vh) scale(0.64)}80%{transform:translateX(10vw) translateY(-47vh) scale(0.45)}84%{transform:translateX(-29vw) translateY(11vh) scale(0.79)}88%{transform:translateX(23vw) translateY(-18vh) scale(0.73)}92%{transform:translateX(19vw) translateY(-16vh) scale(0.91)}96%{transform:translateX(11vw) translateY(-19vh) scale(0.6)}100%{transform:translateX(24vw) translateY(9vh) scale(0.78)}}@keyframes move9{0%{transform:translateX(38vw) translateY(-21vh) scale(0.88)}3.84615%{transform:translateX(18vw) translateY(2vh) scale(0.51)}7.69231%{transform:translateX(-10vw) translateY(25vh) scale(0.74)}11.5385%{transform:translateX(45vw) translateY(26vh) scale(0.74)}15.3846%{transform:translateX(-2vw) translateY(-8vh) scale(0.29)}19.2308%{transform:translateX(-26vw) translateY(28vh) scale(0.95)}23.0769%{transform:translateX(-31vw) translateY(2vh) scale(0.99)}26.9231%{transform:translateX(-20vw) translateY(13vh) scale(0.28)}30.7692%{transform:translateX(-18vw) translateY(27vh) scale(0.9)}34.6154%{transform:translateX(17vw) translateY(-15vh) scale(0.39)}38.4615%{transform:translateX(-16vw) translateY(3vh) scale(0.9)}42.3077%{transform:translateX(-25vw) translateY(7vh) scale(0.29)}46.1538%{transform:translateX(-41vw) translateY(-1vh) scale(0.97)}50%{transform:translateX(2vw) translateY(28vh) scale(0.42)}53.8462%{transform:translateX(26vw) translateY(-11vh) scale(0.48)}57.6923%{transform:translateX(46vw) translateY(-48vh) scale(0.71)}61.5385%{transform:translateX(-39vw) translateY(33vh) scale(0.74)}65.3846%{transform:translateX(6vw) translateY(17vh) scale(0.99)}69.2308%{transform:translateX(11vw) translateY(18vh) scale(0.31)}73.0769%{transform:translateX(15vw) translateY(-42vh) scale(0.92)}76.9231%{transform:translateX(-18vw) translateY(15vh) scale(0.44)}80.7692%{transform:translateX(-46vw) translateY(-21vh) scale(0.72)}84.6154%{transform:translateX(9vw) translateY(32vh) scale(0.99)}88.4615%{transform:translateX(-12vw) translateY(6vh) scale(0.47)}92.3077%{transform:translateX(34vw) translateY(-37vh) scale(0.44)}96.1538%{transform:translateX(-27vw) translateY(-34vh) scale(0.88)}100%{transform:translateX(-1vw) translateY(30vh) scale(0.31)}}@keyframes move10{0%{transform:translateX(-28vw) translateY(29vh) scale(0.39)}3.84615%{transform:translateX(7vw) translateY(-16vh) scale(0.76)}7.69231%{transform:translateX(-16vw) translateY(48vh) scale(0.57)}11.5385%{transform:translateX(22vw) translateY(-9vh) scale(0.89)}15.3846%{transform:translateX(31vw) translateY(-42vh) scale(0.35)}19.2308%{transform:translateX(-41vw) translateY(13vh) scale(0.93)}23.0769%{transform:translateX(46vw) translateY(-13vh) scale(0.34)}26.9231%{transform:translateX(-48vw) translateY(-21vh) scale(0.87)}30.7692%{transform:translateX(-5vw) translateY(-48vh) scale(0.71)}34.6154%{transform:translateX(-25vw) translateY(-8vh) scale(0.88)}38.4615%{transform:translateX(-41vw) translateY(-23vh) scale(0.59)}42.3077%{transform:translateX(29vw) translateY(38vh) scale(0.74)}46.1538%{transform:translateX(-36vw) translateY(-37vh) scale(0.87)}50%{transform:translateX(35vw) translateY(-41vh) scale(0.84)}53.8462%{transform:translateX(4vw) translateY(43vh) scale(0.53)}57.6923%{transform:translateX(16vw) translateY(2vh) scale(0.74)}61.5385%{transform:translateX(16vw) translateY(-42vh) scale(0.32)}65.3846%{transform:translateX(40vw) translateY(-44vh) scale(0.62)}69.2308%{transform:translateX(-29vw) translateY(-8vh) scale(0.43)}73.0769%{transform:translateX(-35vw) translateY(-36vh) scale(0.53)}76.9231%{transform:translateX(31vw) translateY(-11vh) scale(0.65)}80.7692%{transform:translateX(-37vw) translateY(19vh) scale(0.51)}84.6154%{transform:translateX(11vw) translateY(50vh) scale(0.3)}88.4615%{transform:translateX(-18vw) translateY(-40vh) scale(0.55)}92.3077%{transform:translateX(-33vw) translateY(9vh) scale(0.69)}96.1538%{transform:translateX(-34vw) translateY(-17vh) scale(0.27)}100%{transform:translateX(6vw) translateY(22vh) scale(0.39)}}


        /* weapons */

        #mb-weapons{
            background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-weapons.webp') no-repeat center top/cover;
            position: relative;
            min-height: 900px;
            border-top: 2px solid #cba66b;
            padding-bottom: 75px;
            text-align: center;
        }
   
        #mb-weapons .container.content{
            padding: 75px 0 0 0;
            z-index: 10;
        }
   
        #mb-weapons h3{
            font: 700 3.5rem/4.5rem "Alice", serif;
            color: rgb(173, 197, 239);
        }
      
       .splide-weapons img{
           filter: drop-shadow(12px 4px 14px black);
       }
        
        @media screen and (min-width: 1600px) {
        }
        
        @media screen and (min-width: 1440px) and (max-width: 1599px) {
        }
        
        @media screen and (min-width: 1200px) and (max-width: 1439px) {
        }
        
        @media screen and (max-width: 1199px) {
        }
        
        @media screen and (max-width: 991px) {
          #media {
            padding-top: 0px;
          }
        }
                
        @media screen and (max-width: 768px){
           #mb-weapons .container.content{
               padding: 68px 20px 0 20px;
           }
   
           #mb-weapons .content {
               padding-top: 0px;
           }
        }
   
        @media screen and (max-width: 600px) {
        }
        
        @media screen and (min-width: 480px) and (max-width: 649px) {
        }
        
        @media screen and (max-width: 479px) {
   
        }

            /* zones */

     #mb-zones{
        background: #fff;
        position: relative;        
        border-top: 2px solid #cba66b;
        text-align: center;
    }

    #mb-zones .container.content{
        padding: 45px 0 0 0;
        z-index: 10;
    }

    #mb-zones h3{
        font: 700 3.5rem/4.5rem "Alice", serif;
        color: rgb(173, 197, 239);
    }
    .legelheim{
       position: relative;
       background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-media.webp') no-repeat center top/cover;
       width: 100%;
       min-height: 900px;
       padding-top: 250px;
    }
    .palace{
        position: relative;
        background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-media.webp') no-repeat center top/cover;
        width: 100%;
        min-height: 900px;
        padding-top: 250px;
     }
     .grave{
        position: relative;
        background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-media.webp') no-repeat center top/cover;
        width: 100%;
        min-height: 900px;
        padding-top: 250px;
     }
     .sanctuary{
        position: relative;
        background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/background-media.webp') no-repeat center top/cover;
        width: 100%;
        min-height: 900px;
        padding-top: 250px;
     }

    .splide-zones .splide__track {
       padding: 0px;
    }

    #mb-zones .splide__slide::before {
        content: '';
        width: 100%;
        height: 350px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        z-index: 20;
        position: absolute;
        left: 0;
        right: 0;
    }

    .zones{
        display: flex;
        padding-bottom: 200px;
    }

    .zone-image{
       position: relative;
       width: 660px;
       height: 475px;
       display: block;
       transform: scale(0.8);
    }

    .zone-image img{
        filter: drop-shadow(2px 30px 20px rgba(0, 0, 0, 0.75));
    }

    .zone-image img:hover{
        filter: drop-shadow(2px 20px 20px rgba(0, 0, 0, 0.95));
    }

    .video-box a::after{
       content: '';
       position: absolute;
       right: -13px;
       bottom: -13px;
       width: 757px;
       height: 475px;
       background: transparent url("https://assets.landingpages.gamigo.com/websites/fiesta/images/reflection/zone-image-border.png") no-repeat center top / cover;
       /*box-shadow: 0px 0px 60px 15px inset rgb(0 0 0 / 60%), 2px 2px 5px rgb(0 0 0 / 35%);*/
       z-index: 1;
    }

    /*.zone-image::after{
        content: '';
        position: absolute;
        right: -30px;
        bottom: -165px;
        width: 800px;
        height: 664px;
        background: transparent url(https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/frame-border.png) no-repeat center top / cover;
        z-index: 1;
    }

    .zone-image:nth-child(2)::after{
        content: '';
        position: absolute;
        right: -40px;
        bottom: -165px;
        width: 800px;
        height: 664px;
        background: transparent url(https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/frame-border.png) no-repeat center top / cover;
        z-index: 1;
        transform: rotateY(-180deg);            
    }*/

    .video-box a{
        position: relative;
        height: 405px;
        display: block;
        width: 729px;
        margin: 0px auto;
    }

    .zone-nav{
       position: absolute;
       z-index: 10;
       width: 600px;
       left: 50%;
       margin-left: -300px;
       top: 100px;
   
    }
    .zone-links{
       display: flex;
       justify-content: space-between;
       color: #fff;
       font-size: 16px;
       padding-top: 10px;
       text-shadow: 1px 2px 0px rgba(0,0,0,0.75), 2px 2px 6px rgba(0,0,0,0.5)
    }

    .zone-links >div {
        cursor: pointer;
    }

    @media screen and (max-width: 1439px) {
        .zones{
            flex-wrap: wrap;
            justify-content: center;
        }
        .zone-image {
            position: relative;
            width: auto;
            height: auto;
            margin-bottom: 0px;
            transform: none;
        }

        .splide__slide img {
            vertical-align: bottom;
            width: 100%;
            padding: 0px 20px;
        }
    }
    
    @media screen and (max-width: 1199px) {
    }
    
    @media screen and (max-width: 991px) {
        #mb-zones .container.content {
            padding: 35px 0 0 0;
            z-index: 10;
        }

        .zone-nav{
            top: 60px;
        }
    }
    
    @media screen and (max-width: 768px){
        #mb-zones .container.content {
            padding: 5px 0 0 0;
            z-index: 10;
        }

        .zone-nav {
            position: absolute;
            z-index: 10;
            width: 100%;
            left: auto;
            margin: 0px auto;
            top: 75px;
        }

        .zone-links {
            display: flex;
            justify-content: space-evenly;
            color: #fff;
            flex-wrap: wrap;
        }
    }

    @media screen and (max-width: 468px){
        #mb-zones .container.content {
            padding: 5px 0 0 0;
            z-index: 10;
        }

        .rooster{
            transform: scale(0.8);
            right: -120px;
        }

        .fairy{
            transform: scale(0.8);
            left: -120px;
        }

        .crawler{
            transform: scale(0.8);
            left: -120px;
        }
    }

    /* zone-creatures */

   .rooster{
       position: absolute;
       z-index: 10;
       bottom: -70px;
       right: -40px;
       background:	transparent url("https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/legel-rooster.webp") no-repeat center top/cover;
       width: 474px;
       height: 431px;
       display: flex;
       justify-content: center;
       align-items: center;
   }
   
   .fairy{
       position: absolute;
       z-index: 10;
       top: 30px;
       left: -30px;
       background:	transparent url("https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/legel-fairy.webp") no-repeat center top/cover;
       width: 474px;
       height: 431px;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .crawler{
       position: absolute;
       z-index: 10;
       bottom: -70px;
       right: -40px;
       background:	transparent url("https://assets.landingpages.gamigo.com/websites/fiesta/images/legel/legel-crawler.webp") no-repeat center top/cover;
       width: 474px;
       height: 431px;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .eyes {
     position: relative;
     top: -100px;
     left: -32px;
     display: flex;
     width: 91px;
     height: 71px;
   }
   
   .eyess::before{
       content: '';
       width: 91px;
       height: 71px;
       position: absolute;
       top: 0px;
       left: 0px;
       transform: translate(-50%, -50%);
       transform: scale(1);   
       background: transparent url("https://assets.landingpages.gamigo.com/websites/fiesta/images/reflection/fizzard-eye-sprite.png") no-repeat right top;
       animation: eye-lids 3s steps(27) infinite;
       z-index: 10;
   }
   
   @keyframes eye-lid{
       0%   {background-position:    0px;}
       80%  {background-position:    -91px;}
       85%  {background-position:    -182px;}
       90%  {background-position:    -273px;}
       95%  {background-position:    -364px;}
   }
   
   @keyframes eye-lids{
       from   {background-position:    0px;}
       to     {background-position:    -2457px;}
   }

   .dot{
       position: absolute;
       width: 15px;
       height: 10px;
       display: block;
       margin: 0 15px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.95);
       top: 17px;
       left: 33px;
       z-index: 9;
   }
   
   .eyes .eye {
     position: relative;
     width: 65px;
     height: 65px;
     display: block;
     margin: 0 15px;
     border-radius: 50%;
   }

   .eyes .eye::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 25px;
     width: 30px;
     height: 30px;
     background: #333;
     border-radius: 50%;
     transform: translate(-50%,-50%);
   }

       /* environments */

       #mb-environments{
        background: #000 url('https://assets.landingpages.gamigo.com/websites/fiesta/images/reflection/background-environment.webp') no-repeat center center/cover;
        position: relative;
        min-height: 900px;
        border-top: 2px solid #cba66b;
        padding-bottom: 75px;
        text-align: center;
    }

    #mb-environments .container.content{
        padding: 125px 0 0 0;
        z-index: 10;
    }

    #mb-environments h3{
        font: 700 3.5rem/4.5rem "Alice", serif;
        color: rgb(173, 197, 239);
    }
   
    svg {
      width: 100%;
      height: 100%;
    }
    
    .slick-slide img,
    .slick-slide svg {
      opacity: 0.8;
      transition: all 300ms ease;
      width: 100%;
      height: auto;
    
      margin: 45px;
      padding: 0% 5%;
      position: relative;
      text-align: center;
    }
    
    .slick-center img,
    .slick-center svg {
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -o-transform: scale(1.15);
      -webkit-transform: scale(1.15);
      color: #e67e22;
      opacity: 1;
      transform: scale(1.15);
    }
    
    .splide__track {
      padding: 20px;
    }
    
    .splide__slide {
      opacity: 0.8;
      transition: all 300ms ease;
    }
    
    .splide__slide.is-active.is-visible {
      opacity: 1;
    }
    
    .areas a {
      display: block;
    }
    
    .splide.screenshot::before {
      content: "";
      position: absolute;
      top: 10px;
      left: -10px;
      width: 786px;
      height: 433px;
      background: url("https://assets.landingpages.gamigo.com/websites/fiesta/images/midnight/temp/mb-image-border.svg") 
      no-repeat center top/cover;
      z-index: 10;
    }
    
    .slick-dotted.slick-slider {
      margin-bottom: 50px;
    }
    
    .slick-dots {
      position: absolute;
      bottom: -50px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
      z-index: 10;
    }
    
    .slick-dots li {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
    }
    
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 30px;
      height: 30px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
    }
    
    .slick-dots li button:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 35px;
      height: 35px;
      text-align: center;
      opacity: 0.25;
      background-image: url("https://assets.landingpages.gamigo.com/websites/fiesta/images/midnight/temp/mb-spritesheet.png");
      background-position: -35px -78px;
    }
    
    .slick-dots li.slick-active button:before {
      opacity: 0.75;
      background-position: 0px -78px;
    }
    
    .splide__pagination {
      bottom: -2.5em;
    }
    
    .splide__pagination__page {
      display: inline-block;
      width: 35px;
      height: 35px;
      background: none;
      border-radius: 0;
      margin: 3px;
      padding: 0;
      transition: transform 0.2s linear;
      border: none;
      opacity: 0.7;
    
      background-image: url("https://assets.landingpages.gamigo.com/websites/fiesta/images/midnight/temp/mb-spritesheet.png");
      background-position: -35px -78px;
    }
    
    .splide__pagination__page.is-active {
      background-color: transparent;
      background-image: url("https://assets.landingpages.gamigo.com/websites/fiesta/images/midnight/temp/mb-spritesheet.png");
      background-position: 0px -78px;
      opacity: 1;
    }
    
    img.screen {
      mask-image: url("https://assets.landingpages.gamigo.com/websites/fiesta/images/midnight/temp/mb-image-mask.svg");
      mask-size: 90%;
      mask-repeat: no-repeat;
      mask-position: center;
      -webkit-mask-image: url("https://assets.landingpages.gamigo.com/websites/fiesta/images/midnight/temp/mb-image-mask.svg");
      -webkit-mask-size: 90%;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
    }
    
    img.area-border {
      position: absolute;
      top: -35px;
      left: -10px;
      z-index: 1;
    }
    
    img.area-border {
      position: absolute;
      top: 33px;
      left: 30px;
      z-index: 1;
      width: 90%;
    }
    
    .slick-slide a {
      display: block;
      width: 100%;
      height: 100%;
    }
    
    @media screen and (min-width: 1600px) {
    }
    
    @media screen and (min-width: 1440px) and (max-width: 1599px) {
    }
    
    @media screen and (min-width: 1200px) and (max-width: 1439px) {
    }
    
    @media screen and (max-width: 1199px) {
    }
    
    @media screen and (max-width: 991px) {
      #media {
        padding-top: 0px;
      }
    }
            
    @media screen and (max-width: 768px){
       #mb-environments .container.content{
           padding: 68px 20px 0 20px;
       }

       #mb-environments .content {
           padding-top: 0px;
       }
    }

    @media screen and (max-width: 600px) {
    }
    
    @media screen and (min-width: 480px) and (max-width: 649px) {
    }
    
    @media screen and (max-width: 479px) {
      .splide__list {
        width: 100%;
      }
    
      .splide__track {
        padding: 0;
      }
    
      img.screen {
        width: 100%;
        margin-left: 0%;
      }
    
      img.area-border {
        position: absolute;
        top: 7%;
        left: 12px;
        z-index: 1;
        width: 90%;
      }
    }