.showcat {
        display: block !important;
    }

    .hidecat {
        display: none !important;
    }


    .slidercat {
        width: 100%;
    }

    .slidercat .carousel-cell {
        width: 200px;
        height: 140px;
        margin-right: 10px;
        border-radius: 5px;

    }

    .slidertestemunhos .carousel-cell {
        width: 33%;
        height: 460px;
        margin-right: 10px;
        border-radius: 5px;
    }

    .slidertestemunhos .flickity-prev-next-button.previous {
        left: -50px !important;
        width: 20px;
        height: 40px;
        background-size: contain;
        background-image: url(../images/arrowleft_grey.svg);
        background-color: transparent;
        background-repeat: no-repeat;
        border-radius: 0 !important;
    }

    .slidertestemunhos .flickity-prev-next-button.next {
        right: -50px !important;
        width: 20px;
        height: 40px;
        background-size: contain;
        background-image: url(../images/arrowright_grey.svg);
        background-color: transparent;
        background-repeat: no-repeat;
        border-radius: 0 !important;
    }


    #art,
    #relaxing,
    #sight,
    #history,
    #culture,
    #romance,
    #aventure,
    #playing,
    #walking,
    #laughing,
    #eating,
    #sailing,
    #nature,
    #beach {
        display: none;
    }


    .initial {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        z-index: 99999;
    }

    .off {
        display: none;
    }

    .init {

        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%) !important;
        border: 0px solid #ffa32d !important;
        min-width: 0px !important;
        ;
        min-height: 0px !important;
        ;
    }

    .start {
        min-width: 400vh;
        min-height: 400vh;
        left: -10%;
        top: -120%;

        background-color: #ffa32d;
        font-size: 74px;
        border-radius: 50%;
        overflow: visible;
        text-align: center;
        vertical-align: center;
        border-width: 300vh;

        transition: all .9s, background-color .8s;
        transition-timing-function: ease;
        position: absolute;
        z-index: 999999;
        background-image: url(../images/everyday_cor.png);
        background-position: center;
        background-size: 35% auto;
        background-repeat: no-repeat;
    }

    /* Curtain element */
    .colartista .curtain {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        background: #96cdc8;
    }

    .grid.swipe-right .curtain {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .grid.swipe-down .curtain {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    .grid.swipe-rotate .curtain {
        width: 200%;
        height: 200%;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    /* Shadow */
    .grid .curtain::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 1);
        content: '';
    }

    /* Swipe rotate */
    .grid.swipe-rotate li.animate .curtain {
        -webkit-animation: swipeRotate 1.5s ease forwards;
        animation: swipeRotate 1.5s ease forwards;
    }

    @-webkit-keyframes swipeRotate {
        0% {}

        /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
        50%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
        }

        100% {
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
        }
    }

    @keyframes swipeRotate {
        0% {}

        50%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }

        100% {
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
        }
    }

    /* Shadow */
    .grid li.animate .curtain::after {
        -webkit-animation: fadeOut 1.5s ease forwards;
        animation: fadeOut 1.5s ease forwards;
        -webkit-animation-delay: inherit;
        animation-delay: inherit;
    }

    @-webkit-keyframes fadeOut {
        0% {}

        /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
        50%,
        60% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeOut {
        0% {}

        50%,
        60% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    /* Hide image and title and show at half time */
    .grid li img,
    .grid li h3 {
        visibility: hidden;
    }

    .grid li.animate img,
    .grid li.animate h3 {
        -webkit-animation: showMe 1.5s step-end forwards;
        animation: showMe 1.5s step-end forwards;
    }

    @-webkit-keyframes showMe {
        from {
            visibility: hidden;
        }

        60%,
        100% {
            visibility: visible;
        }
    }

    @keyframes showMe {
        from {
            visibility: hidden;
        }

        60%,
        100% {
            visibility: visible;
        }
    }

    .grid li.shown img,
    .grid li.shown h3 {
        visibility: visible;
    }

    .headertext1 {
        font-family: 'Playfair Display', serif;
        color: #fff;
        font-size: 60px;
        font-weight: 300;
        z-index: 999;
        width: 100%;
        left: 0;
        font-style: italic;
        text-align: center;
        animation-name: fadeIn;
        -webkit-animation-name: fadeIn;

        animation-duration: 3s;
        -webkit-animation-duration: 3s;

        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;

        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;

        animation-delay: 4s;
        -webkit-animation-delay: 4s;
        opacity: 0;
        transform: translateY(-50px);
    }


    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-50px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-50px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    .headertext2 {
        font-family: 'Playfair Display', serif;
        color: #fff;
        font-size: 60px;
        font-weight: 300;
        z-index: 999;
        width: 100%;
        left: 0;
        font-style: italic;
        text-align: center;
        animation-name: fadeIn2;
        -webkit-animation-name: fadeIn2;

        animation-duration: 3s;
        -webkit-animation-duration: 3s;

        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;

        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;

        animation-delay: 6s;
        -webkit-animation-delay: 6s;
        opacity: 0;
        transform: translateY(-50px);
    }


    @keyframes fadeIn2 {
        from {
            opacity: 0;
            transform: translateY(-50px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @-webkit-keyframes fadeIn2 {
        from {
            opacity: 0;
            transform: translateY(-50px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }


    .headertext3 {
        font-family: 'Playfair Display', serif;
        color: #fff;
        font-size: 60px;
        font-weight: 300;
        z-index: 999;
        width: 100%;
        left: 0;
        font-style: italic;
        text-align: center;
        animation-name: fadeIn2;
        -webkit-animation-name: fadeIn2;

        animation-duration: 3s;
        -webkit-animation-duration: 3s;

        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;

        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;

        animation-delay: 8s;
        -webkit-animation-delay: 8s;
        opacity: 0;
        transform: translateY(-50px);
    }


    @keyframes fadeIn2 {
        from {
            opacity: 0;
            transform: translateY(-50px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @-webkit-keyframes fadeIn2 {
        from {
            opacity: 0;
            transform: translateY(-50px);
        }

        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }