body.loading {
    cursor: progress;
    overflow: hidden;
    background-color: #fff;
    padding: 0;
    margin: 0;
}
body.loading .page_loader {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
body.loading #page_header {
    opacity: 0;
}
body.loading:not(.page-homepage) #page_content {
    opacity: 0;
}
body.page-homepage.loadingHome #page_content {
    opacity: 0;
}
body:not(.loading) .loader_animation {
    display: none;
}
.loader_animation {
    z-index: 2041;
    opacity: 1;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.loader_animation .wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    max-height: 600px;
}
@media (min-width: 500px) {
    .loader_animation .wrapper {
        height: 90vh;
        max-height: unset;
    }
}
@media (min-width: 1024px) {
    .loader_animation .wrapper {
        height: 100%;
        justify-content: center;
        align-items: center;
    }
}
.loader_animation .wrapper > div img.violaIsWow {
    display: none;
}
.loader_animation .wrapper > div .ico-load {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
body[data-namespace="homepage"] .loader_animation,
body[data-namespace="listaProdotti"] .loader_animation,
body[data-namespace="dettaglioProdotto"] .loader_animation,
body[data-namespace="shopProdotto"] .loader_animation,
body[data-namespace="weAreViola"] .loader_animation,
body[data-namespace="magazine"] .loader_animation,
body[data-namespace="packagingDisposal"] .loader_animation,
body[data-namespace="download"] .loader_animation,
body[data-namespace="register_product"] .loader_animation {
    height: 50%;
}
body[data-namespace="homepage"] .loader_animation .wrapper,
body[data-namespace="listaProdotti"] .loader_animation .wrapper,
body[data-namespace="dettaglioProdotto"] .loader_animation .wrapper,
body[data-namespace="shopProdotto"] .loader_animation .wrapper,
body[data-namespace="weAreViola"] .loader_animation .wrapper,
body[data-namespace="magazine"] .loader_animation .wrapper,
body[data-namespace="packagingDisposal"] .loader_animation .wrapper,
body[data-namespace="download"] .loader_animation .wrapper,
body[data-namespace="register_product"] .loader_animation .wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    max-height: 600px;
}
@media (min-width: 500px) {
    body[data-namespace="homepage"] .loader_animation .wrapper,
    body[data-namespace="listaProdotti"] .loader_animation .wrapper,
    body[data-namespace="dettaglioProdotto"] .loader_animation .wrapper,
    body[data-namespace="shopProdotto"] .loader_animation .wrapper,
    body[data-namespace="weAreViola"] .loader_animation .wrapper,
    body[data-namespace="magazine"] .loader_animation .wrapper,
    body[data-namespace="packagingDisposal"] .loader_animation .wrapper,
    body[data-namespace="download"] .loader_animation .wrapper,
    body[data-namespace="register_product"] .loader_animation .wrapper {
        height: 90vh;
        max-height: unset;
    }
}
@media (min-width: 1024px) {
    body[data-namespace="homepage"] .loader_animation .wrapper,
    body[data-namespace="listaProdotti"] .loader_animation .wrapper,
    body[data-namespace="dettaglioProdotto"] .loader_animation .wrapper,
    body[data-namespace="shopProdotto"] .loader_animation .wrapper,
    body[data-namespace="weAreViola"] .loader_animation .wrapper,
    body[data-namespace="magazine"] .loader_animation .wrapper,
    body[data-namespace="packagingDisposal"] .loader_animation .wrapper,
    body[data-namespace="download"] .loader_animation .wrapper,
    body[data-namespace="register_product"] .loader_animation .wrapper {
        height: 100%;
        justify-content: center;
        align-items: flex-end;
    }
}
body[data-namespace="homepage"] .loader_animation .wrapper > div,
body[data-namespace="listaProdotti"] .loader_animation .wrapper > div,
body[data-namespace="dettaglioProdotto"] .loader_animation .wrapper > div,
body[data-namespace="shopProdotto"] .loader_animation .wrapper > div,
body[data-namespace="weAreViola"] .loader_animation .wrapper > div,
body[data-namespace="magazine"] .loader_animation .wrapper > div,
body[data-namespace="packagingDisposal"] .loader_animation .wrapper > div,
body[data-namespace="download"] .loader_animation .wrapper > div,
body[data-namespace="register_product"] .loader_animation .wrapper > div {
    transform: translateY(-39px);
}
@media (min-width: 1024px) {
    body[data-namespace="homepage"] .loader_animation .wrapper > div,
    body[data-namespace="listaProdotti"] .loader_animation .wrapper > div,
    body[data-namespace="dettaglioProdotto"] .loader_animation .wrapper > div,
    body[data-namespace="shopProdotto"] .loader_animation .wrapper > div,
    body[data-namespace="weAreViola"] .loader_animation .wrapper > div,
    body[data-namespace="magazine"] .loader_animation .wrapper > div,
    body[data-namespace="packagingDisposal"] .loader_animation .wrapper > div,
    body[data-namespace="download"] .loader_animation .wrapper > div,
    body[data-namespace="register_product"] .loader_animation .wrapper > div {
        transform: translateY(31px);
    }
}
@media (min-width: 1800px) {
    body[data-namespace="homepage"] .loader_animation .wrapper > div,
    body[data-namespace="listaProdotti"] .loader_animation .wrapper > div,
    body[data-namespace="dettaglioProdotto"] .loader_animation .wrapper > div,
    body[data-namespace="shopProdotto"] .loader_animation .wrapper > div,
    body[data-namespace="weAreViola"] .loader_animation .wrapper > div,
    body[data-namespace="magazine"] .loader_animation .wrapper > div,
    body[data-namespace="packagingDisposal"] .loader_animation .wrapper > div,
    body[data-namespace="download"] .loader_animation .wrapper > div,
    body[data-namespace="register_product"] .loader_animation .wrapper > div {
        transform: translateY(43px);
    }
}
body[data-namespace="homepage"] .loader_animation .wrapper > div img.violaIsWow,
body[data-namespace="listaProdotti"]
    .loader_animation
    .wrapper
    > div
    img.violaIsWow,
body[data-namespace="dettaglioProdotto"]
    .loader_animation
    .wrapper
    > div
    img.violaIsWow,
body[data-namespace="shopProdotto"]
    .loader_animation
    .wrapper
    > div
    img.violaIsWow,
body[data-namespace="weAreViola"]
    .loader_animation
    .wrapper
    > div
    img.violaIsWow,
body[data-namespace="magazine"] .loader_animation .wrapper > div img.violaIsWow,
body[data-namespace="packagingDisposal"]
    .loader_animation
    .wrapper
    > div
    img.violaIsWow,
body[data-namespace="download"] .loader_animation .wrapper > div img.violaIsWow,
body[data-namespace="register_product"]
    .loader_animation
    .wrapper
    > div
    img.violaIsWow {
    display: inline-block;
    width: 80%;
}
@media (min-width: 1024px) {
    body[data-namespace="homepage"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="listaProdotti"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="dettaglioProdotto"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="shopProdotto"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="weAreViola"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="magazine"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="packagingDisposal"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="download"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="register_product"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow {
        width: 90%;
    }
}
@media (min-width: 1800px) {
    body[data-namespace="homepage"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="listaProdotti"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="dettaglioProdotto"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="shopProdotto"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="weAreViola"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="magazine"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="packagingDisposal"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="download"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow,
    body[data-namespace="register_product"]
        .loader_animation
        .wrapper
        > div
        img.violaIsWow {
        width: 100%;
    }
}
body[data-namespace="homepage"] .loader_animation .wrapper > div .ico-load,
body[data-namespace="listaProdotti"] .loader_animation .wrapper > div .ico-load,
body[data-namespace="dettaglioProdotto"]
    .loader_animation
    .wrapper
    > div
    .ico-load,
body[data-namespace="shopProdotto"] .loader_animation .wrapper > div .ico-load,
body[data-namespace="weAreViola"] .loader_animation .wrapper > div .ico-load,
body[data-namespace="magazine"] .loader_animation .wrapper > div .ico-load,
body[data-namespace="packagingDisposal"]
    .loader_animation
    .wrapper
    > div
    .ico-load,
body[data-namespace="download"] .loader_animation .wrapper > div .ico-load,
body[data-namespace="register_product"]
    .loader_animation
    .wrapper
    > div
    .ico-load {
    opacity: 0;
    position: absolute;
    top: 320px;
    left: 50%;
    animation: fadeIn 0.5s ease-in-out 0.35s forwards;
    -webkit-animation: fadeIn 0.5s ease-in-out 0.35s forwards;
    -moz-animation: fadeIn 0.5s ease-in-out 0.35s forwards;
    -o-animation: fadeIn 0.5s ease-in-out 0.35s forwards;
    -ms-animation: fadeIn 0.5s ease-in-out 0.35s forwards;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*# sourceMappingURL=boot.css.map*/