/* NUOVO CSS TODO */

.card--contest-user .details li i,
.card--contest-user .title {
    color: #FFF;
}

body,
section#contests {
    background-color: #000104 !important;
}

body.page-id-6111 .icons-menu {
    display: none !important;
}

body.page-id-6111 input {
    appearance: textfield;
    background: #1E1E1E;
    border: 2px solid #1E1E1E;
    color: #FFF;
    font-size: 32px;
    line-height: 32px;
    padding: 20px 18px;
    text-align: center;
    vertical-align: bottom;
    margin: 0 3px;
    font-family: Jasper;
    outline: none;
    transition: border-color .25s ease-in-out;
}

@media (max-width: 480px) {
    body.page-id-6111 input {
        font-size: 24px;
        line-height: 24px;
    }
    
    body.page-id-6111 .heading {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 335px) {
    body.page-id-6111 input {
        font-size: 20px;
        line-height: 20px;
    }
}


body.page-id-6111 .heading {
    padding-left: 15px;
    padding-right: 15px;
}

body.page-id-6111 input.error {
    border-color: #c82600;
    color: #c82600;
}

body.page-id-6111 .inputs-error {
    display: none;
}

body.page-id-6111 .inputs-error.visible {
    display: block;
}

body.page-id-6111 input.error::placeholder,
body.page-id-6111 .inputs-error p {
    color: #c82600;
}

body.page-id-6111 input:focus {
    color: white;
    border-color: white;
}

body.page-id-6111 input:focus::placeholder {
    color: white;
}

body.page-id-6111 button[type="submit"] {
    display: inline-flex;
height: 60px;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
font-family: "Franklin";
font-size: 18px;
font-weight: bold;
line-height: 1;
border-width: 3px;
border-style: solid;
border-radius: 0;
cursor: pointer;
outline: none;
box-sizing: content-box;
box-shadow: none !important;
transition: all 300ms;
}

body.page-id-6111 button[type="submit"]:disabled {
    opacity: .3;
    pointer-events: none;
    cursor: not-allowed;
}

body.page-id-6111 button[type="submit"]:hover {
    color: #1E1E1E;
    background: #FFF;
}

.birthday-input-row {
    text-align: center;
}

.birthday-input-row .inputs {
    margin-bottom: 30px;
}

header.site-header {
    z-index: 1000;
}

body.contest-template-default main.site-content {
}

body.product-modal-open {
    overflow: hidden;
}

body.home main.site-content {
    padding-top: 0;
}

.card--product-main .content-col.scrollable {
    overflow-y: auto;
    display: block !important;
}


.card--product-main .close {
    background: transparent;
    color: #FFF;
    width: 68px;
    height: 68px;
    padding: 0;
    border-radius: 100px;
    top: 20px;
    right: 30px;
}

.card--product-main .close:before {
    width: initial;
}

.card--product-small.evo {
    background: transparent;
    padding-bottom: 0;
}

.card--product-small.evo img {
    margin-bottom: 0;
}

.card--product-small.evo .props-wrap {
    position: relative;
    padding-top: 30px;
    background-color: #1E1E1E;
    padding-bottom: 24px;
}

.card--product-small.evo .props-wrap .link {
    position: initial;
}

.card--product-small.evo .props-wrap .excerpt {
    margin-bottom: 46px;
}

.home-key-visual .overlay-wrap {
    padding-top: 90px;
    padding-left: 55px;
    padding-right: 55px;
}

.home-key-visual .kv-main-image {
    max-height: 982px;
}

.home-key-visual .info-text-wrap {
    position: absolute;
    bottom: 50px;
    left: 0;
    max-width: 50vw;
    font-size: 16px;
    margin-bottom:100px;
}

.home-key-visual .kv-info-text {
    font-family: Jasper;
}

.home-key-visual .kv-info-text-big {
    text-transform: uppercase !important; 
    margin-bottom: 0;
}

.home-key-visual .kv-info-text .kv-info-text-small {
}

.home-key-visual .bottle-image-wrap {
    position: absolute;
    bottom: -240px;
    right: 0;
}

.home-key-visual .center-row {
    margin-top: 10rem;
    display: flex;
    justify-content: flex-end;
    width: 70%;
}

.home-key-visual .bottom-row {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.overlay-wrap-shadow {
    box-shadow: inset 0px 150px 200px -50px rgb(30 30 30),
    inset 0px -300px 200px -50px rgb(7 7 7);
}

.overlay-wrap-shadow-bottom {
    box-shadow: inset 0px -300px 200px -50px rgb(30 30 30);
}

.overlay-wrap-shadow-top {
    box-shadow: inset 0px 200px 200px -50px rgb(30 30 30);
}

.prizes-claim {
    text-align: center;
    text-transform: uppercase;
    width: 70%;
    margin:auto;
    margin-top:20px;
}

.section-claim {
    text-align: center;
    width: 70%;
    margin:auto;
    margin-top:20px; 
}

/* TEMP */

h1, h2, h3, h4, h5, h6 {
    color: #FFF;
}

.site-footer {
    background-image: none;
}

.site-footer:before {
    background: #000104;
    opacity: 1;
}

.site-footer,
.site-footer .site-navigation ul li a {
    color: #FFF;
}

.element-hidden {
    font-size: .1px;
    margin-bottom: 0;
    color: transparent;
}

.image.overlay {
    position: relative;
}

.image.overlay > .overlay-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.image.overlay > .overlay-wrap > .overlay-inner {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    position: relative;
}

.image.overlay > .overlay-wrap > .overlay-inner > div[class*=-col] {
    padding: 0 15px;
    /* flex-basis: 50%; */
}

.image.overlay > .overlay-wrap > .overlay-inner .top-row {
    position: absolute;
    top: 0;
    margin-top: 25px;
}

.myjack-image {
    width: 90%;
    margin-left: 5%;
}

.myjack-image  img.fullwidth {
    border-radius: 24px;
}

.myjack-image .overlay-col {
    display: flex;
    justify-content: flex-end;
}

.myjack-image .overlay-col img {
    width: 80%;
    margin-top: 70px;
}

.image.overlay > .overlay-wrap > .overlay-inner {
    align-items: flex-start !important;
}

img.fullwidth,
.image.full-width img {
    width: 100%;
    object-fit: cover;
}

.background--card-grey {
    background-color: #1E1E1E;
}

.button-wrap a.border--white:hover, .btn.border--white:hover {
    border-color: #FFF;
}

.button-wrap a.color--white:hover, .btn.color--white:hover {
    color: #1E1E1E;
    background-color: #FFF;
}

.button-wrap a.variant--lg,
.variant--lg {
    padding: 0 115px;
    color: black;
    background-color: white;
}

.button-wrap a.variant--lg:hover ,
.variant--lg:hover {
    padding: 0 115px;
    color: white;
    background-color: #000104; 
}

.spacer-block {
    clear: both;
}

.font-size--36 {
    font-size: 36px;
}

.text-transform--uppercase {
    text-transform: uppercase;
}

.text-transform--lowercase {
    text-transform: lowercase;
}

.font-family--franklin {
    font-family: "Franklin";
}

.font-family--jasper {
    font-family: "Jasper";
}

.font-family--franklin > *,
.font-family--jasper > * {
    font-family: inherit;
}

.info-text.has-icon {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    align-items: flex-start;
    line-height: 1;
}

.info-text.has-icon ul.mb-8 li {
    margin-bottom: 8px;
}

.info-text.has-icon .text {
    padding-left: 30px;
}

.has-max-width {
    margin-left: auto;
    margin-right: auto;
}

.contest-card-evo-wrap {
    background: #000104;
}

.contest-card-evo-inner {
    display: flex;
    align-items: center;
    box-shadow: inset 0px 300px 200px -50px rgb(30 30 30);
    margin-bottom: 8rem;
}


.contest-card-evo-inner .left-col {
    flex-basis: 62.5%;
}

.contest-card-evo-inner .right-col {
    flex-basis: 37.5%;
    padding-left: 32px;
    padding-right: 100px;
}

.contest-card-evo-inner .evo-image {
    width: 100%;
    object-fit: cover;
}

.contest-card-evo-inner .title-silhouette {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 2rem;
}

.contest-card-evo-inner .title-silhouette h3 {
    font-size: 48px;
    line-height: 35px;
    margin-bottom: 0;
    color: #FFF;
    text-transform: uppercase;
}

.contest-card-evo-inner .title-silhouette h4 {
    text-transform: uppercase;
}

.contest-card-evo-inner .track-info-text-wrap {
    margin-top: 15px;
}

.contest-card-evo-props {
    padding-top: 60px;
    text-align: center;
}

.contest-card-evo-props ul {
    justify-content: center;
}

.contest-card-evo-wrap.invert-order .contest-card-evo-inner .left-col {
    order: 1;
}

.contest-card-evo-wrap.invert-order .contest-card-evo-inner .right-col {
    order: 0;
    padding-right: 32px;
    padding-left: 100px;
}

.contest-card-evo-wrap.invert-order .contest-card-evo-inner .right-col .title-silhouette {
    /* justify-content: flex-end; */
    justify-content: flex-start;
}

.contest-card-evo-wrap.invert-order .contest-card-evo-inner .right-col .title-silhouette > img {
    margin-left: 16px;
    margin-bottom: 1px;   
}

/* .contest-card-evo-wrap.invert-order .contest-card-evo-inner .right-col .title-silhouette .contest-card-title {
    order: 1;
} */

.padding-top--9 {
    padding-top: 9vw;
}

.padding-bottom--9 {
    padding-bottom: 9vw;
}

.font-size--32 {
    font-size: 32px;
}

.contest-rules-button.button-wrap {
    margin-top: 60px;
}

.acf-field p.description {
    color: #FFF;
}

.site-form .acf-fields .acf-field .acf-input .acf-true-false label span {
    justify-content: center;
}

.site-form .acf-fields .acf-field .acf-input .acf-true-false label span:before {
    border: 1px solid #FFF;
}

.site-form .acf-fields .acf-field .acf-input .acf-true-false label input:checked+span:before {
    background: #FFF;
}

.site-form .acf-fields .acf-field .acf-input .acf-true-false label span:after {
    border-bottom: 3px solid #000104;
    border-right: 3px solid #000104;
}

.site-form .acf-fields .acf-field .acf-input .acf-true-false label span {
    position: relative;
    width: max-content;
    margin: 0 auto;
    align-items: center;
}

.site-form .acf-fields .acf-field .acf-input .acf-true-false label span p {
    margin-bottom: 0;
}

.contest-steps .step:first-child .image:before {
    border-top: 8px solid #FFF;
    border-bottom: none;
    margin-top: 0;
}

.info-scontrino-popup {
    background:rgba(70,70,70,0.7)
}

.info-scontrino-popup:not(.has-trigger) .button-wrap.trigger {
    display: none;
}

.info-scontrino-popup.has-trigger .popup-close {
    display: none !important;
}

.info-scontrino-popup .inner{
    justify-content:flex-start;
    margin-top:210px;
}

.info-scontrino-popup .inner .form ol{
    list-style-position:inside;
    padding-left:0;
    font-weight:bold;
}

.info-scontrino-popup .inner .form ul{
    list-style-position:outside;
    padding-left:20px;
}

.info-scontrino-popup .inner .form {
    max-width: 1112px;
}

.info-scontrino-popup .info-text-wrap li {
    font-weight: 400;
}

.info-scontrino-popup .info-text-wrap ul {
    list-style-type: disc;
}

.info-scontrino-popup .title-wrap h2 {
    font-size: 48px;
}

.info-scontrino-popup .examples-wrap {
    display: flex;
    padding-top: 30px;
}

.info-scontrino-popup .examples-wrap .example {
    min-width: 0;
    flex-basis: 33.33%;
}

.info-scontrino-popup .examples-wrap .example:nth-child(2) {
    padding: 0 45px;
}

.info-scontrino-popup .examples-wrap .example .status {
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 400;
}

.info-scontrino-popup .examples-wrap .example .reason {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 30px;
    font-weight: 400;
}

.info-scontrino-popup .examples-wrap .example img {
    width: 100%;
    height: auto;
}

.scopri-come {
    position: relative;
    text-decoration-line: none;
    font-weight: 700;
    white-space: nowrap;
}

.contest-form .acf-fields .acf-field.contest-upload .acf-label .filename {
    color: #FFF;
}

.scopri-come:after {
    content: "";
    border: 2px solid #FFF;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
}

.contest-steps .step:first-child .image:before {
    width: 980px;
    left: 192px;
}

.contest-steps .step {
    flex-basis: 20%;
    min-width: 0;
}

.products-streams {
    position: relative;
}

.products-streams .swiper-controls {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
    display: flex;
    z-index: 1;
    padding: 0 42px;
}

.products-streams .swiper-controls .swiper-arrow {
    background-color: #000104;
    color: #FFF;
    width: 70px;
    height: 70px;
    margin: 0;
    border-radius: 100px;
}

.user-registration form .ur-button-container button {
    color: #FFF;
    border: 2px solid #FFF;
}

.products-streams .swiper-controls .swiper-arrow:before {
    width: initial;
}

.anagraphic-popup .inner .form .acf-form-response {
    color: #FFF;
    border: 1px solid #FFF;
}

.site-form .acf-spinner {
    left: 0;
    right: 0;
    margin: 20px auto 0 auto;
}

.regolamento-popup {
    background: rgba(0, 1, 4, .4);
}

.site-popup .inner .form {
    background: rgba(30, 30, 30, 1);
}

.site-header .icons-menu li a {
    font-size: 24px;
}

.site-form .wpcf7 .form-row .btn {
    border-color: #FFF;
    background: #1E1E1E;
    color: #FFF;
}

.card--product-main .row .col-12.content-col,
.site-popup .inner .form {
    background: rgba(30, 30, 30, 0.9);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.card--response-valid .description {
    margin-bottom: 0;
}

.card--response-valid .icon-close:before {
    color: #FFF;
}

/* END NUOVO CSS TODO */

/* RESPONSIVE TODO */
@media (max-width: 1399px) {
    .contest-steps .step:first-child .image:before {
        width: 920px;
        left: 165px;
    }
}

@media (min-width: 1024px) and (max-width: 1349px) {
    .home-key-visual .info-text-wrap {
        bottom: 16px;
        max-width: 48vw;
    }

    .home-key-visual .center-row img {
        max-width: 40vw;
    }

    .home-key-visual .kv-bottle {
        max-width: 21vw;
    }

    .home-key-visual .bottle-image-wrap {
        bottom: -17vw;
    }
}

@media (max-width: 1199px) {
    .contest-steps .step:first-child .image:before {
        width: 700px;
        left: 136px;
    }
}

@media (min-width: 1024px) {
    .image:not(.home-key-visual) .overlay-inner {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1023px) {
    .image:not(.home-key-visual) .overlay-inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .kv-contest-monza .image .overlay-inner,
    .kv-contest-imola .image .overlay-inner,
    .ticket-kv-home .image .overlay-inner {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .contest-steps .step:first-child .image:before {
        width: 570px;
        left: 100px;
        border-top: 5px solid #FFF;
    }

    .home-key-visual:not(.mobile) .info-text-wrap {
        bottom: 0;
        max-width: 38vw;
    }

    .home-key-visual:not(.mobile) .center-row img {
        max-width: 40vw;
    }

    .home-key-visual:not(.mobile) .kv-bottle {
        max-width: 21vw;
    }

    .home-key-visual:not(.mobile) .bottle-image-wrap {
        bottom: -20vw;
    }

    .products-streams .swiper-controls {
        position: initial;
        left: 0;
        top: 50%;
        transform: none;
        display: flex;
        z-index: 1;
        justify-content: center;
        margin-top: 45px;
        column-gap: 24px;
    }

    .products-streams .swiper-controls .swiper-arrow {
        width: 55px;
        height: 55px;
    }

    .gadget-kv-home .image.mobile.overlay.two-columns .overlay-inner {
        flex-direction: initial;
    }

    .gadget-kv-home .image.mobile.overlay.two-columns .overlay-inner .left-col {
        order: 0;
    }

    .gadget-kv-home .image.mobile.overlay.two-columns .overlay-inner .right-col {
        order: 1;
    }

    .home-key-visual.mobile .overlay-wrap > .overlay-inner .top-row {
        position: initial;
    }

    .home-key-visual.mobile .overlay-wrap {
        padding-left: 0;
    }

    .home-key-visual.mobile .overlay-inner {
        display: block !important;
    }

    .home-key-visual.mobile .center-row {
        margin-top: 40px;
    }

    .home-key-visual.mobile .bottom-row {
        position: initial;
    }

    .home-key-visual.mobile .bottle-image-wrap {
        position: initial;
        text-align: center;
        margin-top: 16px;
    }

    .home-key-visual.mobile .kv-text {
        margin-top: -150px;
    }

    .home-key-visual.mobile .info-text-wrap {
        position: initial;
        bottom: initial;
        left: initial;
        max-width: initial;
    }

    .home-key-visual.mobile .info-text-wrap .kv-info-text {
        padding: 0 !important;
    }

    .image.overlay.two-columns .overlay-inner {
        padding: 0 30px;
    }

    .info-text.has-icon {
        padding: 0 30px;
    }

    .info-text.has-icon img {
        max-width: 40px;
        max-height: 40px;
    }

    .info-text.has-icon .text {
        padding-left: 15px;
    }

    .font-size--36 {
        font-size: 20px;
    }

    .image.mobile.overlay.two-columns .overlay-inner {
        flex-direction: column;
    }

    .image.mobile.overlay.two-columns .overlay-inner .left-col {
        order: 1;
    }

    .image.mobile.overlay.two-columns .overlay-inner .right-col {
        order: 0;
    }
}

@media (min-width: 992px) and (max-width: 1022px) {
    .contest-steps .step:first-child .image:before {
        width: 700px;
        left: 138px;
        border-top: 5px solid #FFF;
    }
}

@media (min-width: 784px) {
    .site-popup .inner .card--response-valid .close,
    .site-popup .inner .form .close {
        position: initial;
        justify-content: flex-end;
        margin-left: auto;
    }

    .card--response-valid .popup-close.close,
    .anagraphic-form .popup-close.close {
        margin-top: 0 !important;
    }

    .card--response-valid .icon-close,
    .anagraphic-form .icon-close {
        margin-top: 30px;
    }

    .card--response-valid .icon-close:before,
    .anagraphic-form .icon-close:before {
        transform: translateX(-30px);
    }
}

@media (max-width: 783px) {
    .image:not(.home-key-visual) .overlay-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .kv-contest-monza .image .overlay-inner,
    .kv-contest-imola .image .overlay-inner,
    .ticket-kv-home .image .overlay-inner {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .icon-close:before {
        transform: initial;
    }

    .site-form .acf-fields .acf-field .acf-input .acf-true-false label span:after {
        top: 14px;
    }

    .contest-card-evo-inner {
        display: block;
    }

    .contest-card-evo-inner .right-col {
        padding: 0 30px;
        margin-top: -60px;
    }

    .contest-card-evo-props {
        padding-top: 30px;
        font-size: 14px;
    }

    .contest-card-evo-props .terms {
        margin-bottom: 5px;
    }

    .contest-card-evo-inner .contest-card-title {
        margin-right: 5px;
    }

    .contest-card-evo-inner .title-silhouette h3 {
        font-size: 32px;
        line-height: 24px;
    }

    .contest-card-evo-inner .track-info-text-wrap {
        font-size: 14px;
    }

    .info-scontrino-popup.has-trigger .inner {
        margin-top: 0 !important;
    }

    .info-scontrino-popup .title-wrap h2 {
        font-size: 26px;
    }

    .info-scontrino-popup .examples-wrap {
        display: block;
    }

    .info-scontrino-popup .examples-wrap .example:nth-child(2) {
        padding: 0;
    }

    .info-scontrino-popup .info-text-wrap li {
        font-size: 16px;
    }

    .info-scontrino-popup .examples-wrap .example .status {
        font-size: 22px;
    }

    .info-scontrino-popup .examples-wrap .example .reason {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 45px;
    }

    .site-popup .inner .card--response-valid .close,
    .site-popup .inner .form .close {
        background: #000104;
    }

    #registration-form .acf-field:not(.contest-upload),
    #registration-form .acf-field:not(.contest-upload) .acf-label {
        padding-left: 45px;
        padding-right: 45px;
    }

    #registration-form .acf-field-true-false label {
        display: flex;
    }

    #registration-form input[type=submit] {
        padding: 15px 35px;
        width: initial;
    }

    #registration-form .acf-field.contest-upload {
        padding-left: 30px;
        padding-right: 30px;
    }

    .site-form .acf-fields .contest-upload .acf-input {
        border: none;
        padding: 0;
    }

    .contest-rules-button.button-wrap {
        margin-top: 0;
    }

    .come-partecipare.padding-top--9 {
        padding-top: 15vw;
        padding-bottom: 180px;
    }

    .il-premio.padding-bottom--5 {
        padding-bottom: 12.5vh;
    }

    .image.mobile.overlay.two-columns .top-row p {
        font-size: 12px;
        line-height: 15px;
        padding: 0 30px;
    }

    .pagina-dettaglio .fullwidth {
        max-height: 700px;
    }

    .pagina-dettaglio .overlay-inner {
        max-width: 430px;
        margin: 0 auto;
    }

    .pagina-dettaglio .left-col {
        padding-top: 8.5vh !important;
    }

    .pagina-dettaglio .right-col {
        padding-top: 1.5vh !important;
    }

    .contest-steps .step:first-child .image:before {
        width: 0;
    }

    .button-wrap a.variant--md,
    .variant--md {
        padding: 0 20px;
    }

    .button-wrap a.variant--lg,
    variant--lg {
        padding: 0 35px;
    }

    .site-header {
        height: 90px;
    }

    main.site-content {
        /* padding-top: 90px; */
        padding-top: 72px;
    }

    .site-header .site-logo a img {
        height: 62px;
    }

    .site-header .icons-menu li a {
        font-size: 18px;
        margin-top: 12px;
    }

    .site-header .icons-menu li a i {
        margin-left: 0;
        font-size: 18px;
    }
}
/* END RESPONSIVE TODO */

/* START ANIMAZIONI */
body.loaded .home-key-visual:not(.animate) .overlay-inner .top-row > p,
body.loaded .home-key-visual:not(.animate) .overlay-inner .center-row > img,
body.loaded .home-key-visual:not(.animate) .overlay-inner .kv-info-text,
body.loaded .home-key-visual:not(.animate) .overlay-inner .kv-bottle,
body.loaded .home-key-visual:not(.animate) .overlay-inner .kv-text,
body.loaded:not(.mobile) .ticket-kv-home .image:not(.animate) .overlay-inner,
body.loaded:not(.mobile) .gadget-kv-home .image:not(.animate) .overlay-inner,
body.loaded.mobile .ticket-kv-home .image:not(.animate) .overlay-col,
body.loaded.mobile .gadget-kv-home .image:not(.animate) .left-col,
body.loaded.mobile .gadget-kv-home .image:not(.animate) .right-col,
body.loaded.mobile .kv-ticket-info-text:not(.animate) > *,
body.loaded:not(.mobile) .kv-ticket-info-text:not(.animate) > *,
body.loaded .kv-gadget-info-text:not(.animate) > *,
body.loaded .section-container.home-sect.animatable:not(.animate) .button-wrap.animated,
body.loaded .monza-card:not(.animate) .left-col,
body.loaded .monza-card:not(.animate) .right-col,
body.loaded .imola-card:not(.animate) .left-col,
body.loaded .imola-card:not(.animate) .right-col,
body.loaded .imola-card:not(.animate) .contest-card-evo-props,
body.loaded .monza-card:not(.animate) .contest-card-evo-props
{
    transform: translateX(-9999px);
}

body.loaded .home-key-visual.animate .overlay-inner .top-row > p {
    animation-name: top-row-translate-y;
    animation-duration: 1.5s;
}

body.loaded .home-key-visual.animate .overlay-inner .center-row > img {
    animation-name: center-row-translate-x;
    animation-duration: 1.5s;
}

body.loaded .home-key-visual.animate .overlay-inner .kv-info-text {
    animation-name: center-row-translate-x;
    animation-duration: 1.5s;
}

body.loaded .home-key-visual.animate .overlay-inner .kv-bottle {
    animation-name: kv-bottle-translate-y;
    animation-duration: 1.5s;
}

body.loaded .home-key-visual.animate .overlay-inner .kv-text {
    animation-name: kv-text-translate-x;
    animation-duration: 1.5s;
    z-index: 1;
}

body.loaded:not(.mobile) .ticket-kv-home .image.animate .overlay-inner,
body.loaded:not(.mobile) .gadget-kv-home .image.animate .overlay-inner {
    animation-name: kv-gadget-translate-x;
    animation-duration: 1.5s;
}

body.loaded.mobile .ticket-kv-home .image.animate .overlay-col {
    animation-name: contest-kv-ticket-translate-y-mobile;
    animation-duration: 1.5s;
}

body.loaded.mobile .gadget-kv-home .image.animate .left-col {
    animation-name: detail-kv-left-col-translate-x;
    animation-duration: 1.5s;
}

body.loaded.mobile .gadget-kv-home .image.animate .right-col {
    animation-name: detail-kv-right-col-translate-x;
    animation-duration: 1.5s;
}

body.loaded.mobile .kv-ticket-info-text.animate > * {
    animation-name: kv-gadget-translate-x-mobile-left;
    animation-duration: 1.5s;
}
body.loaded:not(.mobile) .kv-ticket-info-text.animate > *,
body.loaded .kv-gadget-info-text.animate > * {
    animation-name: kv-gadget-translate-x;
    animation-duration: 1.5s;
}

body.loaded .section-container.home-sect.animatable.animate .button-wrap.animated
 {
    animation-name: contests-btn-translate-x;
    animation-duration: 1.25s;
}

body.loaded .monza-card.animate .left-col {
    animation-name: contest-card-left-col-translate-x;
    animation-duration: 1.5s;
}

body.loaded .imola-card.animate .left-col {
    animation-name: contest-card-right-col-translate-x;
    animation-duration: 1.5s;
}

body.loaded .imola-card.animate .right-col {
    animation-name: contest-card-left-col-translate-x;
    animation-duration: 1.5s;
}

body.loaded .monza-card.animate .right-col {
    animation-name: contest-card-right-col-translate-x;
    animation-duration: 1.5s;
}

body.loaded .imola-card.animate .contest-card-evo-props,
body.loaded .monza-card.animate .contest-card-evo-props {
    animation-name: contest-card-props-translate-y;
    animation-duration: 1.5s;
}

@keyframes contest-card-props-translate-y {
    0% {
        transform: translateY(200px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes contest-card-left-col-translate-x {
    0% {
        transform: translateX(-100vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes contest-card-right-col-translate-x {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes detail-kv-left-col-translate-x {
    0% {
        transform: translateX(-100vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes detail-kv-right-col-translate-x {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes kv-gadget-translate-x {
    0% {
        transform: translateX(45vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes kv-gadget-translate-x-mobile-left {
    0% {
        transform: translateX(-45vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes contests-btn-translate-x {
    0% {
        transform: translateX(-100vw);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes top-row-translate-y {
    0% {
        transform: translateY(-150px);
    }
    70% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes top-row-translate-y-no-bounce {
    0% {
        transform: translateY(-150px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes center-row-translate-x {
    0% {
        transform: translateX(-1000px);
    }
    70% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes kv-text-translate-x {
    0% {
        transform: translateX(1000px);
    }
    70% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes kv-bottle-translate-y {
    0% {
        transform: translateY(1000px);
    }
    70% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes detail-kv-btn-translate-y {
    0% {
        transform: translateY(200px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes contest-step-left-translate-x {
    0% {
        transform: translateX(-20px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes contest-step-right-translate-x {
    0% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes contest-kv-ticket-translate-y  {
    0% {
        transform: translateY(15vh);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes contest-kv-ticket-translate-y-mobile  {
    0% {
        transform: translateY(20vh);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes form-fields-padding-top {
    0% {
        padding-top: 30px;
    }
    100% {
        padding-top: 15px;
    }
}

@keyframes dettaglio-mobile-left-column-translate-x {
    0% {
        transform: translateX(-1000px);
    }
    70% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes dettaglio-mobile-right-column-translate-x {
    0% {
        transform: translateX(1000px);
    }
    70% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes dettaglio-mobile-top-row-translate-y {
    0% {
        transform: translateY(-150px);
    }
    70% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes contest-steps-mobile {
    0% {
        margin-bottom: 45px;
    }
    100% {
        margin-bottom: 30px;
    }
}

body.loaded:not(.mobile) .pagina-dettaglio.overlay.two-columns:not(.animate) .overlay-inner .top-row > p,
body.loaded.mobile .pagina-dettaglio.overlay.two-columns:not(.animate) .overlay-inner .top-row > p,
body.loaded.mobile .pagina-dettaglio.overlay.two-columns:not(.animate) .overlay-inner .left-col,
body.loaded.mobile .pagina-dettaglio.overlay.two-columns:not(.animate) .overlay-inner .right-col,
body.loaded.mobile .section-container.detail.animatable:not(.animate) .button-wrap,
body.loaded.mobile .kv-contest-monza .image:not(.animate) .overlay-col,
body.loaded.mobile .kv-contest-imola .image:not(.animate) .overlay-col,
body.loaded.mobile .kv-contest-monza-info-text:not(.animate) > *,
body.loaded.mobile .kv-contest-imola-info-text:not(.animate) > *,
body.loaded:not(.mobile) .pagina-dettaglio.overlay.two-columns:not(.animate) .overlay-inner .left-col,
body.loaded:not(.mobile) .pagina-dettaglio.overlay.two-columns:not(.animate) .overlay-inner .right-col,
body.loaded:not(.mobile) .kv-contest-monza .image:not(.animate) .overlay-col,
body.loaded:not(.mobile) .kv-contest-imola .image:not(.animate) .overlay-col,
body.loaded:not(.mobile) .kv-contest-monza-info-text:not(.animate) > *,
body.loaded:not(.mobile) .kv-contest-imola-info-text:not(.animate) > *
{
    transform: translateX(-9999px);
}

body.loaded.mobile .contest-steps:not(.animate) .step {
    margin-bottom: 45px;
}

body.loaded:not(.mobile) .contest-steps:not(.animate) .step:nth-child(1),
body.loaded:not(.mobile) .contest-steps:not(.animate) .step:nth-child(2) {
    transform: translateX(-20px);
}

body.loaded:not(.mobile) .contest-steps:not(.animate) .step:nth-child(4),
body.loaded:not(.mobile) .contest-steps:not(.animate) .step:nth-child(5) {
    transform: translateX(20px);
}

body.loaded section.contest-form.animatable:not(.animate) #registration-form .acf-field {
    padding-top: 30px;
}

body.loaded:not(.mobile) .pagina-dettaglio.overlay.two-columns .overlay-inner .top-row > p {
    animation-name: top-row-translate-y-no-bounce;
    animation-duration: 2.2s;
}

body.loaded.mobile .pagina-dettaglio.overlay.two-columns .overlay-inner .top-row > p {
    animation-name: dettaglio-mobile-top-row-translate-y;
    animation-duration: 1.5s;
}

body.loaded.mobile .pagina-dettaglio.overlay.two-columns .overlay-inner .left-col {
    animation-name: dettaglio-mobile-right-column-translate-x;
    animation-duration: 1.5s;
}

body.loaded.mobile .pagina-dettaglio.overlay.two-columns .overlay-inner .right-col {
    animation-name: dettaglio-mobile-left-column-translate-x;
    animation-duration: 1.5s;
}

body.loaded.mobile .section-container.animatable.animate .button-wrap {
    animation-name: detail-kv-btn-translate-y;
    animation-duration: 1.2s;
}

body.loaded.mobile .kv-contest-imola .image.animate .overlay-col,
body.loaded.mobile .kv-contest-monza .image.animate .overlay-col {
    animation-name: contest-kv-ticket-translate-y-mobile;
    animation-duration: 1.5s;
}

body.loaded.mobile .kv-contest-imola-info-text.animate > *,
body.loaded.mobile .kv-contest-monza-info-text.animate > * {
    animation-name: contest-kv-ticket-translate-y-mobile;
    animation-duration: 1.5s;
}

body.loaded:not(.mobile) .pagina-dettaglio.overlay.two-columns .overlay-inner .left-col {
    animation-name: detail-kv-left-col-translate-x;
    animation-duration: 2.2s;
}

body.loaded:not(.mobile) .pagina-dettaglio.overlay.two-columns .overlay-inner .right-col {
    animation-name: detail-kv-right-col-translate-x;
    animation-duration: 2.2s;
}

body.loaded:not(.mobile) .section-container.detail.animatable.animate .button-wrap
 {
    animation-name: detail-kv-btn-translate-y;
    animation-duration: 2.2s;
}

body.loaded.mobile .contest-steps.animate .step {
    animation-name: contest-steps-mobile;
    animation-duration: 1.5s;
}

body.loaded:not(.mobile) .contest-steps.animate .step:nth-child(1),
body.loaded:not(.mobile) .contest-steps.animate .step:nth-child(2)
{
    animation-name: contest-step-left-translate-x;
    animation-duration: 1.5s;
}

body.loaded:not(.mobile) .contest-steps.animate .step:nth-child(4),
body.loaded:not(.mobile) .contest-steps.animate .step:nth-child(5) {
    animation-name: contest-step-right-translate-x;
    animation-duration: 1.5s;
}

body.loaded:not(.mobile) .kv-contest-imola .image.animate .overlay-col,
body.loaded:not(.mobile) .kv-contest-monza .image.animate .overlay-col {
    animation-name: contest-kv-ticket-translate-y;
    animation-duration: 1.5s;
}

body.loaded:not(.mobile) .kv-contest-imola-info-text.animate > *,
body.loaded:not(.mobile) .kv-contest-monza-info-text.animate > * {
    animation-name: contest-kv-ticket-translate-y;
    animation-duration: 1.5s;
}

body.loaded section.contest-form.animatable.animate #registration-form .acf-field {
    animation-name: form-fields-padding-top;
    animation-duration: 1s;
}
/* END ANIMAZIONI */