﻿/* BANNER 900 x 300 - TIPO 1 */

.Ban900300Tipo1-lm{width:900px; height:300px; overflow:hidden;font-size:medium;background:#fff;}
.Ban900300Tipo1-lm a.link-banner{display:block;width:100%;height:100%;border:4px solid #30D288;overflow:hidden}
.Ban900300Tipo1-lm .height-100{height:100%}
.Ban900300Tipo1-lm .width-40{width:40%}
.Ban900300Tipo1-lm .width-100{width:100%}
.Ban900300Tipo1-lm .width-35{width:35%}     
.Ban900300Tipo1-lm .width-25{width:25%}
.Ban900300Tipo1-lm .nome-campeggio{will-change:transform;transform:translateX(-100%);margin:0;text-align:left;font-size:17px;font-weight:bold;font-family:Poppins, Arial, sans-serif;color:#085648;padding-left:6px}
.Ban900300Tipo1-lm .nome-regione{will-change:transform;transform:translateX(-100%);text-align:left;font-size:15px;font-weight:bold;font-family:Poppins, Arial, sans-serif;color:#085648;padding-left:6px;margin:0}
.Ban900300Tipo1-lm .container-dati{width:100%}
.Ban900300Tipo1-lm .foto{border-radius:29px;display:block;margin:auto;width:100%;transform:scale(1);will-change:transform}
/*.Ban900300Tipo1-lm .riga-1{text-align:right;font-family:Poppins;color:rgb(72, 72, 72);font-size:22px;opacity:0;will-change:opacity}*/
.Ban900300Tipo1-lm .titolo{text-align:right;font-family:Poppins;color:rgb(72, 72, 72);font-size:20px;opacity:0;will-change:opacity}
.Ban900300Tipo1-lm .periodo{text-align:right;font-family:Poppins;color:rgb(72, 72, 72);font-size:18px;letter-spacing:1px;opacity:0;will-change:opacity}
.Ban900300Tipo1-lm #CallToActionADV{transform:translateX(120%);will-change:transform;cursor:pointer;text-transform:uppercase; font-family:Poppins ;background:#099259;color:#fff;border-radius: 21px;box-shadow: rgba(232, 232, 232, 0.5) 0px 2px 8px 0px;width:178px;height:42px;outline:none;border:none}
.Ban900300Tipo1-lm #CallToActionADV:hover{background:#29C588}
.Ban900300Tipo1-lm .etichetta-prezzo{margin:0;background: #E4E87D;transform:scale(0);will-change:transform}
.Ban900300Tipo1-lm .etichetta-principale{font-family:Oswald,Arial,sans-serif;opacity:0;will-change:opacity;background:#fff;padding:8px 0;margin:0;border: 2px solid #099259;color: #099259;letter-spacing: 2px;text-transform: uppercase;font-size:15px}
.Ban900300Tipo1-lm .container-etichetta-prezzo{font-family:Oswald,Arial,sans-serif;padding-top:8px;transform: translateX(10px);z-index:1}
.Ban900300Tipo1-lm .container-etichetta-principale{width: 100%;}
.Ban900300Tipo1-lm #svg{transform:translateY(100%);will-change:transform}
.Ban900300Tipo1-lm .col-2{transform:translateY(-100%);will-change:transform}
.Ban900300Tipo1-lm .banner-content-area{background:rgba(255,255,255,0);position:absolute;top:0;left:0;width:100%;height:100%}

.Ban900300Tipo1-lm .animation-campeggio{animation:a-campeggio-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-campeggio-900300-tipo-1{0%{transform:translateX(-100%)}10%{transform:translateX(-100%)}20%{transform:translateX(0%)}80%{transform:translateX(0%)}100%{transform:translateX(-100%)}}
.Ban900300Tipo1-lm .animation-regione{animation:a-regione-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-regione-900300-tipo-1{0%{transform:translateX(-100%)}15%{transform:translateX(-100%)}25%{transform:translateX(0%)}80%{transform:translateX(0%)}100%{transform:translateX(-100%)}}
.Ban900300Tipo1-lm .animation-cta{animation:a-cta-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-cta-900300-tipo-1{0%{opacity:1;transform:translateX(120%)}20%{transform:translateX(120%)}40%{transform:translateX(0%)}80%{opacity:1;transform:translateX(0%)}99%{opacity:0;transform:translateX(0%)}100%{transform:translateX(120%);opacity:0}}
.Ban900300Tipo1-lm .animation-svg{animation:a-svg-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-svg-900300-tipo-1{0%{transform:translateY(100%)}10%{transform:translateY(0%)}80%{transform:translateY(0%)}100%{transform:translateY(100%)}}
/*.Ban900300Tipo1-lm .animation-riga-1{animation:a-riga-1-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-riga-1-900300-tipo-1{0%{opacity:0}20%{opacity:0}40%{opacity:1}80%{opacity:1}100%{opacity:0}}*/
.Ban900300Tipo1-lm .animation-titolo{animation:a-titolo-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-titolo-900300-tipo-1{0%{opacity:0}25%{opacity:0}45%{opacity:1}80%{opacity:1}100%{opacity:0}}
.Ban900300Tipo1-lm .animation-periodo{animation:a-periodo-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-periodo-900300-tipo-1{0%{opacity:0}30%{opacity:0}50%{opacity:1}80%{opacity:1}100%{opacity:0}}        
.Ban900300Tipo1-lm .animation-col-2{animation:a-col-2-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-col-2-900300-tipo-1{0%{transform:translateY(-100%)}10%{transform:translateY(0%)}100%{transform:translateY(0%)}}
.Ban900300Tipo1-lm .animation-foto{animation:a-foto-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-foto-900300-tipo-1{0%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}100%{transform:scale(3.5);opacity:0.8}}
.Ban900300Tipo1-lm .animation-etichetta-principale{animation:a-etichetta-principale-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-etichetta-principale-900300-tipo-1{0%{opacity:0}50%{opacity:0}60%{opacity:1}80%{opacity:1}99%{opacity:0}100%{opacity:0}}
.Ban900300Tipo1-lm .animation-etichetta-prezzo{animation:a-etichetta-prezzo-900300-tipo-1 5s ease-in-out infinite}
@keyframes a-etichetta-prezzo-900300-tipo-1{0%{transform:scale(0)}55%{transform:scale(0)}65%{transform:scale(1)} 80%{transform:scale(1)}100%{transform:scale(0)}}


/* BANNER 900 x 300 - TIPO 2 */

.Ban900300Tipo2-lm{width:900px; height:300px; overflow:hidden;font-size:medium;background:#fff;}
.Ban900300Tipo2-lm a.link-banner{display:block;width:100%;height:100%;}
.Ban900300Tipo2-lm .layer-background{position:absolute;top:0;left:0;height:100%;width:100%;opacity: 0.2;background-position: center;background-size: cover;}
.Ban900300Tipo2-lm #CallToActionADV {will-change:opacity;opacity:0;cursor: pointer;background-color: #2250fc;color: #fff;border-radius: 5px;padding: 12px 18px;text-transform: uppercase;border: none;font-family: Oswald, Arial, sans-serif;transition:opacity .5s linear;}
.Ban900300Tipo2-lm #CallToActionADV:hover {background-color: #0333e8;}
.Ban900300Tipo2-lm .blocco-left{width:450px;height:100%}
.Ban900300Tipo2-lm .container-dati{overflow:hidden;width:75%;margin:auto}
.Ban900300Tipo2-lm .descrizione, .Ban900300Tipo2-lm .riga-1, .Ban900300Tipo2-lm .titolo, .Ban900300Tipo2-lm .periodo{letter-spacing:1px;font-size:26px;color:#494949;margin:0 auto;will-change:transform;font-family:Anton;background-color:rgba(231, 238, 126,0);will-change:background-color;border-radius:50%}
.Ban900300Tipo2-lm .container-etichetta-principale{overflow:hidden}        
.Ban900300Tipo2-lm .etichetta-principale{transform:translateX(-120%);will-change:transform;margin:0;background: rgba(231, 238, 126,1);border-radius: 8px;color: #494949;font-family: Anton,sans-serif,serif;}        
.Ban900300Tipo2-lm .periodo{font-size:24px}
.Ban900300Tipo2-lm .etichetta-prezzo{margin: 0;background: rgba(231, 238, 126,1);color: #494949;border-radius: 8px;font-family:Anton, sans-serif,serif;transform:translateX(120%);will-change:transform}        
.Ban900300Tipo2-lm .container-foto{border-radius:50% 0 0 50%;width:450px;height:100%;background-size:cover;background-repeat:no-repeat;transform:translateX(101%);will-change:translate}       
.Ban900300Tipo2-lm .nome-campeggio, .Ban900300Tipo2-lm .nome-regione {width:0%;font-size:20px;text-align:left;font-weight:bold;font-family: Consolas,sans-serif;text-transform: uppercase;letter-spacing:1px;color: #0333e8;margin: 0;overflow: hidden;white-space: nowrap;}
/*.Ban900300Tipo2-lm .riga-1{transform:translateY(350%);will-change:transform}*/
.Ban900300Tipo2-lm .titolo{transform:translateY(250%);will-change:transform}
.Ban900300Tipo2-lm .periodo{transform:translateY(150%);will-change:transform}       
.Ban900300Tipo2-lm .animation-container-foto{animation: a-container-foto-900300-tipo-2 5s ease-in-out infinite;}
/*.Ban900300Tipo2-lm .animation-riga-1{animation: a-riga-1-900300-tipo-2 5s ease-in-out infinite;}*/
.Ban900300Tipo2-lm .animation-titolo{animation: a-titolo-900300-tipo-2 5s ease-in-out infinite;}
.Ban900300Tipo2-lm .animation-periodo{animation: a-periodo-900300-tipo-2 5s ease-in-out infinite;}
.Ban900300Tipo2-lm .animation-etichetta-principale{animation: a-etichetta-principale-900300-tipo-2 5s ease-in-out infinite;}
.Ban900300Tipo2-lm .animation-etichetta-prezzo{animation: a-etichetta-prezzo-900300-tipo-2 5s ease-in-out infinite;}
.Ban900300Tipo2-lm .animation-opacity-cta{animation: a-cta-900300-tipo-2 5s ease-in-out infinite;}
@keyframes a-container-foto-900300-tipo-2{0%{transform:translateX(101%);}10%{transform:translateX(0%);} 90%{transform:translateX(0%);} 96.5%{transform:translateX(101%);}100%{transform:translateX(101%);}}
@keyframes type-campeggio{0%{width:0px;}11%{width:100%}91%{width:100%} 98%{width:0} 100%{width:0%}}
@keyframes type-regione{0%{width:0px;}11%{width:0%}18%{width:100%}91%{width:100%}98%{width:0}100%{width:0%}}
/*@keyframes a-riga-1-900300-tipo-2{0%{transform:translateY(350%);}10%{transform:translateY(350%);}20%{transform:translateY(0%)}93%{transform:translateY(0%)}100%{transform:translateY(350%)}}*/
@keyframes a-titolo-900300-tipo-2{0%{transform:translateY(250%);}16%{transform:translateY(250%);}24%{transform:translateY(0)}93%{transform:translateY(0)}97%{transform:translateY(250%)}100%{transform:translateY(250%)}}
@keyframes a-periodo-900300-tipo-2{0%{transform:translateY(150%);}20%{transform:translateY(150%)}27%{transform:translateY(0)}93%{transform:translateY(0)}96%{transform:translateY(150%)}100%{transform:translateY(150%)}}
@keyframes a-etichetta-principale-900300-tipo-2{0%{transform:translateX(-120%);}27%{transform:translateX(-120%)}33%{transform:translateX(0%)}  93%{transform:translateX(0)}96%{transform:translateX(-120%)}100%{transform:translateX(-120%)}}
@keyframes a-etichetta-prezzo-900300-tipo-2{0%{transform:translateX(120%);}27%{transform:translateX(120%)}33%{transform:translateX(0%)}95%{transform:translateX(0)}96%{transform:translateX(120%)}100%{transform:translateX(120%)}}
@keyframes a-cta-900300-tipo-2{0%{opacity:0;}27%{opacity:0}33%{opacity:1}95%{opacity:1}96%{opacity:0}100%{opacity:0}}


/* BANNER 300 X 450 - TIPO 1 */

.Ban300450Tipo1-lm{display:block;width:300px;height:450px;overflow:hidden;font-size:medium;background:#fff;border:1px solid #ccc;}
.Ban300450Tipo1-lm .layer-img{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover}
.Ban300450Tipo1-lm .nome-regione-statico{color:#fff;font-size: 33px;width:100%;font-family:Poppins,sans-serif,serif}
.Ban300450Tipo1-lm .periodo-statico{color:#fff;font-size: 27px;width:100%;font-family:Anton,sans-serif,serif}
.Ban300450Tipo1-lm .blocco-top{width:100%;height:50%}                
.Ban300450Tipo1-lm .blocco-top-inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:6px 8px}
.Ban300450Tipo1-lm .nome-campeggio{transform:translateY(calc(-100% - 6px));-ms-transform: translateY(-100%) translateY(-6px);will-change:transform;margin:0;font-family:Poppins,sans-serif,serif;text-align:left}
.Ban300450Tipo1-lm .nome-regione{transform:translateY(calc(-200% - 6px));-ms-transform: translateY(-200%) translateY(-6px);will-change:transform;margin:0;font-family:Poppins, sans-serif,serif;text-align:left}
.Ban300450Tipo1-lm .wrapper-container-dati{width:100%;padding: 0 8px 0 8px;}
.Ban300450Tipo1-lm .container-dati{margin:0;padding:0;width:100%;transform:translateX(calc(100% + 8px));-ms-transform: translateX(100%) translateX(-8px);will-change:transform}
/*.Ban300450Tipo1-lm .riga-1{margin:0;font-family:Montserrat,sans-serif,serif;font-size:22px;text-align:right;font-weight:bold;color:rgb(40,40,40)}*/
.Ban300450Tipo1-lm .titolo{margin:0;font-family:Montserrat,sans-serif,serif;font-size:15px;text-align:right;font-weight:bold;color:rgb(40,40,40)}
.Ban300450Tipo1-lm .periodo{margin:0;font-family:Poppins,sans-serif,serif;font-size:13px;text-align:right;font-weight:bold;color:rgb(40,40,40)}
.Ban300450Tipo1-lm .container-etichetta-principale{width:100%;text-align:left;padding:0 8px}
.Ban300450Tipo1-lm .etichetta-principale{display:inline-block;padding:4px;border:2px solid #FFE242;text-transform:uppercase;font-size:17px;color:rgb(40,40,40);transform:scale(0);will-change:transform}
.Ban300450Tipo1-lm .blocco-middle{width:100%;height:35%}
.Ban300450Tipo1-lm .wrapper-container-foto{width:100%;}
.Ban300450Tipo1-lm .container-foto{width:100%;transform:translateX(-100%);will-change:transform}
.Ban300450Tipo1-lm .foto{display:block;margin:auto;width:80%;border-radius:10px;}    
.Ban300450Tipo1-lm .etichetta-prezzo{margin: 0;background-color: rgba(0, 0, 0,.5);width: 80%;border-radius: 0 0 10px 10px;color: #fff;text-transform: uppercase;font-family: Raleway;font-size: 13px;letter-spacing: 1px;}
.Ban300450Tipo1-lm .blocco-bottom{width:100%;height:15%;}
.Ban300450Tipo1-lm #CallToActionADV{will-change:transform, background-color;transform:translateY(150%);transition:background-color .2s ease-in;cursor:pointer;text-transform:uppercase; font-family:Poppins;color:rgb(40,40,40);font-family:Raleway;width:178px;height:42px;border:2px solid rgb(40,40,40);background:#fff}
.Ban300450Tipo1-lm #CallToActionADV:hover{background-color:rgb(255, 226, 66)}                       
.Ban300450Tipo1-lm #svg{transform:translateY(-100%);will-change:transform}  
.Ban300450Tipo1-lm .animation-layer-img{animation:animation-layer-img 7s ease-in-out infinite}
@keyframes animation-layer-img{0%{opacity:1}7%{opacity:1}14%{opacity:1}65%{opacity:0}85%{opacity:0}100%{opacity:1}}
.Ban300450Tipo1-lm .animation-svg{animation:animation-svg-tipo2 7s ease-in-out infinite}
@keyframes animation-svg-tipo2{0%{transform:translateY(-100%)}7%{transform:translateY(-100%)}21%{transform:translateY(0)}85%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.Ban300450Tipo1-lm .animation-campeggio{animation:animation-nome-campeggio-tipo2 7s ease-in-out infinite}
@keyframes animation-nome-campeggio-tipo2{0%{transform:translateY(calc(-100% - 6px));-ms-transform: translateY(-100%) translateY(-6px); }7%{transform:translateY(calc(-100% - 6px));-ms-transform: translateY(-100%) translateY(-6px); }14%{transform:translateY(calc(-100% - 6px));-ms-transform: translateY(-100%) translateY(-6px); }28%{transform:translateY(0)}85%{transform:translateY(0)}92%{transform:translateY(calc(-100% - 6px));-ms-transform: translateY(-100%) translateY(-6px); }100%{transform:translateY(calc(-100% - 6px));-ms-transform: translateY(-100%) translateY(-6px); }}
.Ban300450Tipo1-lm .animation-regione{animation:animation-nome-regione-tipo2 7s ease-in-out infinite}
@keyframes animation-nome-regione-tipo2{0%{transform:translateY(calc(-200% - 6px));-ms-transform: translateY(-200%) translateY(-6px);}7%{transform:translateY(calc(-200% - 6px));-ms-transform: translateY(-200%) translateY(-6px);}12.25%{transform:translateY(calc(-200% - 6px));-ms-transform: translateY(-200%) translateY(-6px);}24.5%{transform:translateY(0)}87%{transform:translateY(0)}94%{transform:translateY(calc(-200% - 6px));-ms-transform: translateY(-200%) translateY(-6px);}100%{transform:translateY(calc(-200% - 6px));-ms-transform: translateY(-200%) translateY(-6px);}}
.Ban300450Tipo1-lm .animation-container-dati{animation:animation-container-dati-tipo2 7s ease-in-out infinite}
@keyframes animation-container-dati-tipo2 {0%{transform:translateX(calc(100% + 8px));-ms-transform: translateX(100%) translateX(-8px);}27.5%{transform:translateX(calc(100% + 8px));-ms-transform: translateX(100%) translateX(-8px);}32.5%{transform:translateX(0)}85%{transform:translateX(0)}100%{transform:translateX(calc(100% + 8px));-ms-transform: translateX(100%) translateX(-8px);}}
.Ban300450Tipo1-lm .animation-container-foto{animation:animation-container-foto-tipo2 7s ease-in-out infinite}
@keyframes animation-container-foto-tipo2 {0%{transform:translateX(-100%)}27.5%{transform:translateX(-100%)}32.5%{transform:translateX(0)}85%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.Ban300450Tipo1-lm .animation-etichetta-principale{animation:animation-etichetta-principale-tipo2 7s ease-in-out infinite}
@keyframes animation-etichetta-principale-tipo2{0%{transform:scale(0) rotate(0)}32.5%{transform:scale(0) rotate(0)}36%{transform:scale(0) rotate(0)}42%{transform:scale(1) rotate(0)}50%{transform:scale(1) rotate(10deg)}57%{transform:scale(1) rotate(-10deg)}64%{transform:scale(1) rotate(10deg)}71%{transform:scale(1) rotate(0)}85%{transform:scale(1) rotate(0)}92%{transform:scale(0) rotate(0)}100%{transform:scale(0)rotate(0)}}
.Ban300450Tipo1-lm .animation-cta{animation:animation-cta-tipo2 7s ease-in-out infinite}
@keyframes animation-cta-tipo2{0%{transform:translateY(150%)}36%{transform:translateY(150%)}50%{transform:translateY(0)}85%{transform:translateY(0)}88%{transform:translateY(150%)}100%{transform:translateY(150%)}}


/* BANNER 300 X 450 - TIPO 2 */
.Ban300450Tipo2-lm{text-decoration:none;animation:animation-background 8s ease-in-out infinite;display:block;width:300px;height:450px;overflow:hidden;font-size:medium;background:linear-gradient(-45deg, #ee7752, #e7357e, #23a6d5,#23d5ab);background-size:400% 400%;}    
.blocco-top{width:100%;height:202.5px}
.Ban300450Tipo2-lm .periodo{padding:4px 0;letter-spacing:1px;margin:0;color:#fff;font-family:'Julius Sans One', sans-serif, serif;transform:translateY(-100%);will-change:transform;}
.Ban300450Tipo2-lm .layer-statico{opacity:1;will-change:opacity}
.Ban300450Tipo2-lm .layer-statico-inner{width:100%;}
.Ban300450Tipo2-lm .animation-layer-statico{animation:animation-layer-statico-tipo-2 7s ease-in-out infinite}
@keyframes animation-layer-statico-tipo-2{0%{opacity:1}28%{opacity:0}98.5%{opacity:0}100%{opacity:1}}
.Ban300450Tipo2-lm .periodo-statico{padding:4px 0;font-size:22px;margin:0;color:#fff;font-family:'Julius Sans One', sans-serif, serif;}
.Ban300450Tipo2-lm .animation-periodo{animation:animation-periodo-tipo2 7s ease-in-out infinite}
@keyframes animation-periodo-tipo2{0%{transform:translateY(-100%);}7%{transform:translateY(-100%);}14%{transform:translateY(0)}98%{transform:translateY(0)}100%{transform:translateY(-100%);}}
.Ban300450Tipo2-lm .wrapper-container-foto{transform:translateX(-100%);will-change:transform}
.Ban300450Tipo2-lm .animation-wrapper-container-foto{animation:animation-wrapper-container-foto 7s ease-in-out infinite}
.Ban300450Tipo2-lm .etichetta-prezzo{display:block;background: #fff;color: #D83E85;padding:9px;will-change:transform}
.Ban300450Tipo2-lm .animation-etichetta-prezzo{animation:animation-etichetta-prezzo-tipo2 7s ease-out infinite}
@keyframes animation-etichetta-prezzo-tipo2{0%{transform:scale(0)}54%{transform:scale(0)}56%{transform:scale(1)}84%{transform:scale(1)}98%{transform:scale(0)}100%{transform:scale(0)}}
@keyframes animation-wrapper-container-foto{0%{transform:translateX(-100%);}13%{transform:translateX(-100%);}25%{transform:translateX(0)}84%{transform:translateX(0)}98%{transform:translateX(-100%);}100%{transform:translateX(-100%);}}
.Ban300450Tipo2-lm .container-foto{width:81%;margin:auto;background:#fff;padding:8px;border-radius:9px;overflow:hidden}
.Ban300450Tipo2-lm .blocco-middle{width:100%;height:202.5px;padding:6px 6px 0 }
.Ban300450Tipo2-lm .container-regione-campeggio{transform:scale(0);will-change:transform}
.Ban300450Tipo2-lm .animation-container-regione-campeggio{animation:animation-container-regione-campeggio 7s ease-out infinite}
@keyframes animation-container-regione-campeggio{0%{transform:scale(0);}26%{transform:scale(0)}29%{transform:scale(1)}98%{transform:scale(1)}100%{transform:scale(0)}}
.Ban300450Tipo2-lm .nome-regione{font-family:Lato;margin:0;text-transform:uppercase;color:#fff;font-size:13px;}
.Ban300450Tipo2-lm .nome-campeggio{font-family:Lato;margin:0;text-transform:uppercase;color:#fff;font-weight:bold;font-size:14px}
.Ban300450Tipo2-lm .nome-campeggio-statico{font-family:Lato;margin:0;text-transform:uppercase;color:#fff;font-weight:bold;font-size:20px}
.Ban300450Tipo2-lm .wrapper-container-dati{width:100%;padding-top:52px;padding-left: 5px;padding-right: 5px;}
.Ban300450Tipo2-lm .container-dati{display: inline-block;}
.Ban300450Tipo2-lm .container-dati-before:before{will-change:width;content:'';height:3px;width:100%;background:#fff;top:-2px;left:0;position: absolute;animation:animation-container-dati-before 7s ease-in-out infinite}
@keyframes animation-container-dati-before{0%{width:0%}29%{width:0%}33%{width:100%}90%{width:100%}99%{width:0%}100%{width:0%}}
/*.Ban300450Tipo2-lm .riga-1{margin:0;color:#fff;font-family: Anton;font-size: 25px;letter-spacing: .5px;}*/
.Ban300450Tipo2-lm .titolo{margin:0;color:#fff;font-family: Anton;font-size: 21px;letter-spacing: .5px;}
.Ban300450Tipo2-lm .etichetta-principale{margin:0;color:#fff;font-family: Anton;font-size: 17px;letter-spacing: .5px;}
.Ban300450Tipo2-lm .dati{transform:translateX(200%);will-change:transform}
.Ban300450Tipo2-lm .animation-dati{animation:animation-dati 7s ease-in-out infinite}
@keyframes animation-dati{0%{transform:translateX(200%)}29%{transform:translateX(200%)}33%{transform:translate(0)}90%{transform:translateX(0)}99%{transform:translateX(200%)}100%{transform:translate(200%)}}
.Ban300450Tipo2-lm .blocco-bottom{width:100%;height:45px}
.Ban300450Tipo2-lm .container-cta{width:100%}
.Ban300450Tipo2-lm .animation-cta{animation:animation-cta-tipo3 7s ease-in-out infinite}
@keyframes animation-cta-tipo3{0%{opacity:0}33%{opacity:0}55%{opacity:1}98%{opacity:1}100%{opacity:0}}
.Ban300450Tipo2-lm #CallToActionADV{will-change:opacity;opacity:0;width: 178px;border-radius: 21px;background:#fff;border:none;height:32px;color:#D83E85;font-weight:bold;font-family:'Julius Sans One',sans-serif,serif}    
@keyframes animation-background{0%{background-position: 0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}


/* BANNER 300 X 300 - TIPO 1 */
.Ban300300Tipo1-lm {text-align:center;font-size:medium;text-decoration:none;background:#fff;width:300px;height:300px;display:block;overflow:hidden;border:1px solid #ccc;}    
.Ban300300Tipo1-lm .position-fill{position:absolute;top:0;left:0;width:100%;height:100%;}
.Ban300300Tipo1-lm .periodo-statico{color: #fff;font-size: 27px;width: 100%;font-family: Anton,sans-serif,serif;margin:0}
.Ban300300Tipo1-lm .nome-campeggio-statico{color: #fff;font-size: 25px;font-weight:bold;width: 100%;font-family: Poppins,sans-serif,serif;margin:0} 
.Ban300300Tipo1-lm .container-dati{width:100%;padding:0 4px;overflow:hidden}
.Ban300300Tipo1-lm .container-campeggio-regione{width:100%;padding:0 4px;overflow:hidden;margin-top:20px}
.Ban300300Tipo1-lm .foto{width:100%}    
.Ban300300Tipo1-lm .container-cta{padding-bottom:8px}
.Ban300300Tipo1-lm .etichetta-prezzo{background:#fff;padding:0 4px;font-family:'Julius Sans One',sans-serif,serif;font-weight: bold;}
.Ban300300Tipo1-lm .etichetta-principale{background:#fff;padding:0 4px;font-family:'Julius Sans One',sans-serif,serif;font-weight: bold;}
.Ban300300Tipo1-lm .layer-img{background-position:center;background-size:cover;background-repeat:no-repeat;animation:animation-layer-img-300300-tipo-1 10s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo1-lm #CallToActionADV{font-family:Oswald,Arial,sans-serif;cursor:pointer;margin:auto;width: 178px;border-radius: 21px;background: #fff;border: none;height: 32px;color:#0099FF;animation:animation-cta-300300-tipo-1 10s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo1-lm .container-cta-2{width:100%}
.Ban300300Tipo1-lm #CallToActionADV-2{font-family:Oswald,Arial,sans-serif;cursor:pointer;margin:auto;width: 178px;border-radius: 21px;background: #fff;border: none;height: 32px;color:#F89C00;animation:animation-cta-2-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .container-foto{overflow:hidden;width:100%;animation:animation-container-foto-300300-tipo-1 10s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo1-lm .nome-campeggio{color: #fff;margin: 0;font-size: 18px;text-transform: uppercase;font-family:Poppins,sans-serif,serif;animation:animation-nome-campeggio-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .nome-regione{color: #fff;margin: 0;font-size: 15px;text-transform: uppercase;font-family:Poppins,sans-serif,serif;animation:animation-nome-regione-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .periodo{font-family:Oswald,Arial,sans-serif;color:#fff;margin:0;font-size:25px;animation:animation-periodo-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
/*.Ban300300Tipo1-lm .riga-1{font-family:Oswald,Arial,sans-serif;color:#fff;margin:0;font-size:22px;animation:animation-riga-1-300300-tipo-1 10s ease-in-out infinite;will-change:transform}*/
.Ban300300Tipo1-lm .titolo{font-family:Oswald,Arial,sans-serif;color:#fff;margin:0;font-size:20px;animation:animation-titolo-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .svg-1{animation:animation-svg-1-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .svg-2{animation:animation-svg-2-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .etichetta-principale{animation:animation-etichetta-principale-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo1-lm .etichetta-prezzo{animation:animation-etichetta-prezzo-300300-tipo-1 10s ease-in-out infinite;will-change:transform}
@keyframes animation-layer-img-300300-tipo-1{0%{opacity:1}10%{opacity:1}20%{opacity:0}90%{opacity:0}100%{opacity:1}}
@keyframes animation-svg-1-tipo-1{0%{transform:translateY(-100%)}10%{transform:translateY(-100%)}20%{transform:translateY(0)}90%{transform:translateY(0)}100%{transform:translateY(-100%)}}
@keyframes animation-svg-2-tipo-1{0%{transform:translateY(100%)}10%{transform:translateY(100%)}20%{transform:translateY(0)}90%{transform:translateY(0)}100%{transform:translateY(100%)}}
@keyframes animation-nome-regione-300300-tipo-1{0%{transform:translateY(-100%)}20%{transform:translateY(-100%)}25%{transform:translateY(0)}90%{transform:translateY(0)}100%{transform:translateY(-100%)}}
@keyframes animation-nome-campeggio-300300-tipo-1{0%{transform:translateX(-100%)}20%{transform:translateX(-100%)}25%{transform:translateX(0)}90%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@keyframes animation-periodo-300300-tipo-1{0%{transform:translateX(100%)}25%{transform:translateX(100%)}30%{transform:translateX(0)}50.5%{transform:translateX(0)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
/*@keyframes animation-riga-1-300300-tipo-1{0%{transform:translateX(-100%)}25%{transform:translateX(-100%)}30%{transform:translateX(0)}50.5%{transform:translateX(0)}60%{transform:translateX(-100%)}100%{transform:translateX(-100%)}}*/
@keyframes animation-titolo-300300-tipo-1{0%{transform:translateY(100%)}25%{transform:translateY(100%)}30%{transform:translateY(0)}50.5%{transform:translateY(0)}60%{transform:translateY(100%)}100%{transform:translateY(100%)}}
@keyframes animation-cta-300300-tipo-1{0%{opacity:0}30%{opacity:0}35%{opacity:1}55%{opacity:1}60%{opacity:0}100%{opacity:0}}
@keyframes animation-container-foto-300300-tipo-1{0%{opacity:0}55%{opacity:0}60%{opacity:1}90%{opacity:1}100%{opacity:0}}
@keyframes animation-etichetta-principale-300300-tipo-1{0%{transform:translateY(-100%)}60%{transform:translateY(-100%)}70%{transform:translateY(0)}90%{transform:translateY(0)}100%{transform:translateY(-100%)}}
@keyframes animation-etichetta-prezzo-300300-tipo-1{0%{transform:translateY(100%)}60%{transform:translateY(100%)}70%{transform:translateY(0)}90%{transform:translateY(0)}100%{transform:translateY(100%)}}
@keyframes animation-cta-2-300300-tipo-1{0%{transform:scale(0)}70%{transform:scale(0)}75%{transform:scale(1)}90%{transform:scale(1)}100%{transform:translateY(100%)}}


/* BANNER 300 X 300 - TIPO 2 */
.Ban300300Tipo2-lm {text-align:center;font-size:medium;text-decoration:none;width:300px;height:300px;display:block;overflow:hidden;} 
.Ban300300Tipo2-lm .position-fill{position:absolute;top:0;left:0;width:100%;height:100%;}
.Ban300300Tipo2-lm .content{/*background: rgb(9,2,2);background: linear-gradient(0deg, rgba(9,2,2,1) 0%, rgba(4,1,1,1) 100%);*/background:#467493}
.Ban300300Tipo2-lm .container-campeggio-regione{padding:24px 4px 4px;height:100px}
.Ban300300Tipo2-lm .nome-regione{color:#BACE00;font-size:medium;text-align:right;margin:0;text-transform:uppercase;font-family:Poppins,sans-serif,serif;animation:a-nome-regione-300300-tipo-2 12s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo2-lm .nome-campeggio{color:#BACE00;font-size:medium;text-align:right;margin:0;text-transform:uppercase;font-family:Poppins,sans-serif,serif;animation:a-nome-campeggio-300300-tipo-2 12s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo2-lm .blocco-midlle-bottom{height:200px}
.Ban300300Tipo2-lm .container-cta{padding:4px 0;position:absolute;top:140px;left:0;width:100%;height:60px;animation:a-container-cta-300300-tipo-2 12s ease-in-out infinite}
.Ban300300Tipo2-lm #CallToActionADV{font-family:Oswald,Arial,sans-serif;cursor:pointer;margin:auto;width: 178px;border-radius: 21px;background: #BACE00;border: 2px solid #BACE00;height: 32px;}
.Ban300300Tipo2-lm .container-dati{position:absolute;top:0;left:0;width:100%;height:140px;padding:0 4px;background:none}
.Ban300300Tipo2-lm .periodo{font-family:Oswald,Arial,sans-serif;margin:0;text-align:left;font-size:23px;font-family:'Julius Sans One',sans-serif,serif;color:#fff;animation:a-periodo-300300-tipo-2 12s ease-in-out infinite;will-change:opacity}
/*.Ban300300Tipo2-lm .riga-1{margin:0;text-align:left;font-size:18px;font-family:Poppins;color:#BACE00;animation:a-riga-1-300300-tipo-2 12s ease-in-out infinite;will-change:opacity}*/
.Ban300300Tipo2-lm .titolo{margin:0;text-align:left;font-size:18px;font-family:Poppins;color:#fff;animation:a-titolo-300300-tipo-2 12s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo2-lm .foto{width:100%}
.Ban300300Tipo2-lm .etichetta-principale{padding:0 4px;font-family: 'Julius Sans One';color: #000;background:#fff;animation:a-etichetta-principale-300300-tipo-2 12s ease-in-out infinite}
.Ban300300Tipo2-lm .etichetta-prezzo{padding:0 4px;font-family: 'Julius Sans One';color: #000;background:#fff;animation:a-etichetta-prezzo-300300-tipo-2 12s ease-in-out infinite}
.Ban300300Tipo2-lm .container-cta-2{width:100%}
.Ban300300Tipo2-lm #CallToActionADV-2{font-family:Oswald,Arial,sans-serif;cursor:pointer;margin:auto;width: 178px;border-radius: 21px;background: #BACE00;border: 2px solid #BACE00;height: 32px;color:#000;will-change:opacity;animation:animation-cta-2-300300-tipo-2 12s ease-in-out infinite}
.Ban300300Tipo2-lm .periodo-statico{color: #fff;font-size: 27px;width: 100%;font-family: Anton,sans-serif,serif;margin:0}
.Ban300300Tipo2-lm .nome-campeggio-statico{color: #fff;font-size: 25px;font-weight:bold;width: 100%;font-family: Poppins,sans-serif,serif;margin:0} 
.Ban300300Tipo2-lm .layer-img{background-position:center;background-size:cover;background-repeat:no-repeat;animation:a-layer-img-300300-tipo-2 12s ease-in-out infinite;will-change:transform}
.Ban300300Tipo2-lm .container-foto{border-top: 2px solid #BACE00;animation:a-container-foto-300300-tipo-2 12s ease-in-out infinite;will-change:transform;overflow:hidden}        
@keyframes a-layer-img-300300-tipo-2{0%{transform:scale(1)}8.33%{transform:scale(1)}16.66%{transform:scale(0)}91.66%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes a-nome-regione-300300-tipo-2{0%{opacity:0}16.66%{opacity:0}20.83%{opacity:1}100%{opacity:1} }
@keyframes a-nome-campeggio-300300-tipo-2{0%{opacity:0}20.83%{opacity:0}25%{opacity:1}100%{opacity:1} }
@keyframes a-periodo-300300-tipo-2 {0%{opacity:0}25%{opacity:0}29.16%{opacity:1}100%{opacity:1}}
/*@keyframes a-riga-1-300300-tipo-2{0%{opacity:0}29.16%{opacity:0}33.33%{opacity:1}100%{opacity:1}}*/
@keyframes a-titolo-300300-tipo-2{0%{opacity:0}29.16%{opacity:0}33.33%{opacity:1}100%{opacity:1}}
@keyframes a-container-cta-300300-tipo-2{0%{transform:translateX(100%)}33.33%{transform:translateX(100%)}37.5%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes a-container-foto-300300-tipo-2 {0%{transform:translateX(100%) translateY(100%)}58.33%{transform:translateX(100%) translateY(100%)}62.5%{transform:translateX(0) translateY(0)}100%{transform:translateX(0) translateY(0)}}
@keyframes a-etichetta-principale-300300-tipo-2{0%{transform:translateX(-100%)}62.5%{transform:translateX(-100%)}66.66%{transform:translateX(0)}100%{transform:translateX(0)} }
@keyframes a-etichetta-prezzo-300300-tipo-2{0%{transform:translateX(100%)}62.5%{transform:translateX(100%)}66.66%{transform:translateX(0)}100%{transform:translateX(0)}}
@keyframes animation-cta-2-300300-tipo-2{0%{opacity:0}66.66%{opacity:0}75%{opacity:1}100%{opacity:1}}

/* BANNER 300 X 300 - TIPO 3 */
.Ban300300Tipo3-lm {text-align:center;font-size:medium;text-decoration:none;width:300px;height:300px;display:block;overflow:hidden;background:#fff} 
.Ban300300Tipo3-lm .position-fill{position:absolute;top:0;left:0;width:100%;height:100%;}
.Ban300300Tipo3-lm .container-campeggio-regione{padding:0 4px;height:100px;overflow:hidden;}
.Ban300300Tipo3-lm .nome-regione{animation:a-regione-300300-tipo-3 10s ease-in-out infinite;padding-top:14px;will-change:transform;color:#172026;font-size:15px;text-align:center;margin:0;text-transform:uppercase;font-family:Lato,sans-serif,serif;/*animation:a-nome-regione-300300-tipo-2 12s ease-in-out infinite;will-change:opacity*/}
.Ban300300Tipo3-lm .nome-campeggio{animation:a-campeggio-300300-tipo-3 10s ease-in-out infinite;will-change:transform;padding-bottom:4px;color:#172026;font-size:19px;text-align:center;margin:0;text-transform:uppercase;font-family:Lato,sans-serif,serif;/*animation:a-nome-campeggio-300300-tipo-2 12s ease-in-out infinite;will-change:opacity*/}
.Ban300300Tipo3-lm .wrapper-container-dati{height:140px;padding:0 4px}
.Ban300300Tipo3-lm .container-dati{animation:a-container-dati-300300-tipo-3 10s ease-in-out infinite;will-change:transform;width:100%;background:rgba(255,255,255,.5);border-radius:21px}
.Ban300300Tipo3-lm .periodo{font-family:Oswald,Arial,sans-serif;margin:0;color:rgb(42,42,42);font-size:25px;animation:a-periodo-300300-tipo-3 10s ease-in-out infinite;will-change:opacity}
/*.Ban300300Tipo3-lm .riga-1{font-family:Oswald,Arial,sans-serif;margin:0;color:rgb(42,42,42);font-size:23px;animation:a-riga-1-300300-tipo-3 10s ease-in-out infinite;will-change:opacity}*/
.Ban300300Tipo3-lm .titolo{font-family:Oswald,Arial,sans-serif;margin:0;color:rgb(42,42,42);font-size:21px;animation:a-titolo-300300-tipo-3 10s ease-in-out infinite;will-change:opacity}
.Ban300300Tipo3-lm #CallToActionADV{font-family:Oswald,Arial,sans-serif;animation:a-cta-300300-tipo-3 10s ease-in-out infinite;will-change:opacity,transform;cursor:pointer;margin:auto;width: 178px;border-radius: 11px;background:#adceff;border: 2px solid rgb(42,42,42);height: 32px;}
.Ban300300Tipo3-lm #CallToActionADV-2{font-family:Oswald,Arial,sans-serif;animation:a-cta-2-300300-tipo-3 10s ease-in-out infinite;will-change:opacity;cursor:pointer;margin:auto;width: 178px;border-radius: 11px;background:#adceff;border: 2px solid rgb(42,42,42);height: 32px;}
.Ban300300Tipo3-lm .wrapper-container-cta{height:50px}
.Ban300300Tipo3-lm .container-foto{animation:a-container-foto-300300-tipo-3 10s ease-in-out infinite;will-change:transform;height:200px;position:absolute;top:100px;left:0;width:100%;}
.Ban300300Tipo3-lm .foto{width:100%}
.Ban300300Tipo3-lm .etichetta-principale{padding: 0 4px;background: rgba(255,255,255,.8);color:rgb(42,42,42);font-size: 20px;font-family:poppins,sans-serif,serif}
.Ban300300Tipo3-lm .etichetta-prezzo{width:100%;text-align:center;padding:0 4px;background:rgba(255,255,255,.8);color:rgb(42,42,42);font-size:18px;font-family:poppins,sans-serif,serif}
.Ban300300Tipo3-lm .layer-img{background-position:center;background-size:cover;background-repeat:no-repeat;}
.Ban300300Tipo3-lm .periodo-statico{color: #fff;font-size: 27px;width: 100%;font-family: Anton,sans-serif,serif;margin:0}
.Ban300300Tipo3-lm .nome-campeggio-statico{color: #fff;font-size: 25px;font-weight:bold;width: 100%;font-family: Poppins,sans-serif,serif;margin:0} 
.Ban300300Tipo3-lm #svg-1{animation:a-svg-1-300300-tipo-3 10s ease-in-out infinite;will-change:transform}
.Ban300300Tipo3-lm #svg-2{animation:a-svg-2-300300-tipo-3 10s ease-in-out infinite;will-change:transform}
@keyframes a-svg-2-300300-tipo-3{0%{transform:translateX(300px)}10%{transform:translateX(300px)}20%{transform:translateX(0)}90%{transform:translateX(0)}100%{transform:translateX(300px)} }
@keyframes a-svg-1-300300-tipo-3{0%{transform:translateX(-300px)}10%{transform:translateX(-300px)}20%{transform:translateX(0)}90%{transform:translateX(0)}100%{transform:translateX(-300px)}}
@keyframes a-regione-300300-tipo-3{0%{transform:translateY(-100%)}20%{transform:translateY(-100%)}25%{transform:translateY(0)}90%{transform:translateY(0)}95%{transform:translateY(-100%)}100%{transform:translateY(-100%)}  }
@keyframes a-campeggio-300300-tipo-3{0%{transform:translateY(200%)}20%{transform:translateY(200%)}25%{transform:translateY(0)}90%{transform:translateY(0)}95%{transform:translateY(200%)}100%{transform:translateY(200%)} }
@keyframes a-container-dati-300300-tipo-3{0%{transform:scale(0)}25%{transform:scale(0)}30%{transform:scale(1)}90%{transform:scale(1)}95%{transform:scale(0)}100%{transform:scale(0)}}
@keyframes a-periodo-300300-tipo-3{0%{opacity:0}30%{opacity:0}35%{opacity:1}90%{opacity:1}95%{opacity:0}100%{opacity:0}}
/*@keyframes a-riga-1-300300-tipo-3{0%{opacity:0}35%{opacity:0}40%{opacity:1}90%{opacity:1}95%{opacity:0}100%{opacity:0}}*/
@keyframes a-titolo-300300-tipo-3{0%{opacity:0}35%{opacity:0}40%{opacity:1}90%{opacity:1}95%{opacity:0}100%{opacity:0}}
/*@keyframes a-titolo-300300-tipo-3{0%{opacity:0}40%{opacity:0}45%{opacity:1}90%{opacity:1}95%{opacity:0}100%{opacity:0}}*/
@keyframes a-cta-300300-tipo-3{0%{opacity:0;transform:translateX(-50%)}40%{opacity:0;transform:translateX(-50%)}50%{opacity:1;transform:translateX(0)}90%{opacity:1;transform:translateX(0)}95%{opacity:0;transform:translateX(-50%)}100%{opacity:0;transform:translateX(-50%)}}
@keyframes a-container-foto-300300-tipo-3{0%{transform:translateY(100%)}70%{transform:translateY(100%)}75%{transform:translateY(0)}92%{transform:translateY(0)}100%{transform:translateY(100%)}}
@keyframes a-cta-2-300300-tipo-3{0%{opacity:0}70%{opacity:0}80%{opacity:1}90%{opacity:1}92%{opacity:0}100%{opacity:0}}

