.lp{--cream:#FAF8F4;--ink:#1A1610;--gold:#C9A84C;--gold-lt:#E8D08A;--gold-dk:#8A6B22;--stone:#F0EDE6;--stone2:#E2DDD4;--muted:#8A8070;background:var(--cream);color:var(--ink);border-radius:16px;overflow:hidden}
.lp *{box-sizing:border-box;margin:0;padding:0}
.lp h1,.lp h2,.lp h3,.lp h4{font-family:'Playfair Display',serif}
/* Tablet (iPad e simili) */
@media (max-width: 1024px) {
.lp-hero {
grid-template-columns: 1fr 1fr;
padding: 2.5rem 4rem 2rem!important;;
gap: 1.5rem;
}
.lp-steps {
background: var(--stone);
padding: 2.5rem 1rem!important;
padding-bottom: 2.5rem;
}
.contact
{
padding: 20px!important;
}
}
/* Mobile */
@media (max-width: 768px) {
.lp-hero {
grid-template-columns: 1fr;
padding: 2rem 1.5rem!important;
gap: 1.5rem;
}
#chisiamo
{
max-width: 320px!important;
}
.lp-steps {
background: var(--stone);
padding: 2.5rem 1rem!important;
padding-bottom: 2.5rem;
}
.contact
{
padding: 20px!important;
}
#regForm
{
display:block!important;
}
}
.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--stone2);background:var(--cream)}
.lp-nav .brand{font-family:'Playfair Display',serif;font-weight:700;font-size:1rem;color:var(--ink)}
.lp-nav .navl{display:flex;gap:.75rem}
.lp-nav .navl a{font-size:.7rem;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.07em}
.lp-nav .ncta{font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;background:var(--ink);color:var(--cream);padding:.45rem 1.1rem;border-radius:999px;text-decoration:none}
.lp-hero{grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 14rem 2.5rem;align-items:center;background:var(--cream)}
.lp-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:1.25rem}
.lp-eyebrow::before,.lp-eyebrow::after{content:'';width:22px;height:1px;background:var(--gold);flex-shrink:0}
.lp-hero h1{font-size:3.6rem;font-weight:700;line-height:1.05;color:var(--ink);margin-bottom:.6rem}
.lp-hero h1 em{color:var(--gold);font-style:normal;display:block}
.lp-sub{font-size:.85rem;font-weight:300;color:var(--muted);line-height:1.75;margin-bottom:1.75rem}
.lp-sub b{color:var(--ink);font-weight:500}
.lp-acts{display:flex;align-items:center;gap:1rem}
.lp-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ink);font-weight:600;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;padding:.8rem 1.75rem;border-radius:999px;text-decoration:none;border:none;cursor:pointer}
.lp-ghost{font-size:.78rem;color:var(--muted);text-decoration:none;font-weight:500;border-bottom:1px solid var(--stone2);padding-bottom:1px}
.prize-card{background:var(--ink);color:var(--cream);border-radius:22px;text-align:center;position:relative;overflow:hidden}
.prize-card::before{content:'';position:absolute;top:-50px;left:-50px;width:160px;height:160px;border-radius:50%;background:rgba(201,168,76,0.1)}
.prize-card::after{content:'';position:absolute;bottom:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:rgba(201,168,76,0.07)}
.p-dots{display:flex;justify-content:center;gap:5px;margin-bottom:1.1rem;position:relative;z-index:1}
.p-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.p-dot:nth-child(1){opacity:.4}.p-dot:nth-child(2){opacity:1;transform:scale(1.25)}.p-dot:nth-child(3){opacity:.4}
.p-lbl{font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem;position:relative;z-index:1}
.p-amount{font-family:'Playfair Display',serif;font-size:4.5rem;font-weight:900;line-height:1;color:var(--cream);position:relative;z-index:1}
.p-unit{font-size:.75rem;color:rgba(250,248,244,.4);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem;position:relative;z-index:1}
.p-strip{background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);border-radius:9px;padding:.7rem .9rem;font-size:.72rem;color:var(--gold-lt);font-weight:500;position:relative;z-index:1}
.lp-steps{background:var(--stone);padding:2.5rem 14rem}
.s-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:.75rem}
.lp-steps h2{font-size:1.75rem;font-weight:700;margin-bottom:2rem}
.steps-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.step-i{background:var(--cream);border:1px solid var(--stone2);border-radius:12px;padding:1.5rem 1.25rem}
.step-n{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:900;color:var(--stone2);line-height:1;margin-bottom:.75rem}
.step-t{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.4rem}
.step-d{font-size:.78rem;color:var(--muted);line-height:1.65;font-weight:300}
.sl-lbl{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:1.25rem}
.sw{overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent);margin-bottom:10px}
.st{display:flex;gap:10px;animation:stk 22s linear infinite;width:max-content}
.st.r{animation-direction:reverse}
@keyframes stk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.gc2{width:90px;height:52px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.55rem;letter-spacing:.06em}
.lp-form{background:var(--ink);}
.lp-form .s-eyebrow{color:var(--gold)}
.lp-form h2{font-size:2rem;color:var(--cream);margin-bottom:.4rem}
.lp-form>p{font-size:.82rem;color:rgba(250,248,244,.4);margin-bottom:2rem}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.fg-full{grid-column:1/-1}
label{display:block;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,248,244,.35);margin-bottom:.35rem}
input, select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#FAF8F4;border-radius:9px;padding:.7rem .9rem;font-size:.85rem;font-weight:300;-webkit-appearance:none}
input:focus, select:focus{border-color:var(--gold);outline:none}
input::placeholder{color:rgba(250,248,244,.18)}
select option{background:#1A1610}
.ck{display:flex;align-items:flex-start;gap:9px;margin-top:.6rem}
.ck input[type=checkbox]{flex-shrink:0;margin-top:2px;accent-color:var(--gold);width:16px;height:16px}
.ck label{font-size:.72rem;color:rgba(250,248,244,.3);line-height:1.55;font-weight:300}
.ck label a{color:var(--gold);text-decoration:none}
.sub-a{text-align:center;margin-top:1.5rem}
.sub-btn{background:var(--gold);color:var(--ink);border:none;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 2.5rem;border-radius:999px;cursor:pointer}
.sub-a p{font-size:.65rem;color:rgba(250,248,244,.2);margin-top:.5rem}
.lp-about{border-radius:10px 10px 0 0; padding:2.5rem 2rem;background:var(--cream);border-top:1px solid var(--stone2);grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.about-img{background:var(--stone);border-radius:16px;height:200px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--stone2)}
.lp-about h2{font-size:1.75rem;margin-bottom:.9rem}
.lp-about p{font-size:.82rem;color:var(--muted);line-height:1.8;font-weight:300;margin-bottom:.75rem}
.lp-about strong{color:var(--ink);font-weight:600}
.a-btns{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
.a-btn-d{display:inline-block;background:var(--ink);color:var(--cream);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.65rem 1.4rem;border-radius:999px;text-decoration:none}
.a-btn-l{display:inline-block;border:1px solid var(--stone2);color:var(--ink);font-size:.72rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;padding:.65rem 1.4rem;border-radius:999px;text-decoration:none}
.lp-footer{ border-radius:0 0 10px 10px; background:var(--ink);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}
.lp-footer .fl{display:flex;gap:1.25rem}
.lp-footer .fl a{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(250,248,244,.28);text-decoration:none}
.lp-footer .fc{font-size:.62rem;color:rgba(250,248,244,.16)}
*
{
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: 'Montserrat', Arial, Helvetica,sans-serif!important;
}
#sezione-1
{
background: linear-gradient(90deg, rgba(233,165,60,1) 28%, rgba(222,118,50,1) 100%);
}
.bottoni
{
margin: 5rem 0 0 0;
background-color: transparent;
border: 2px solid white;
color: white;
padding: 20px 100px;
font-size: 20px;
font-weight: 900;
}
#global-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
}
#global-loader .loader {
width: 70px;
height: 70px;
border: 6px solid rgba(255, 255, 255, 0.2);
border-top: 6px solid #ffffff;
border-radius: 50%;
animation: spin 0.8s linear infinite;
display: block;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.bottoni-2
{
margin: 2rem 0 0 0;
background-color: #93bada;
border: 2px solid white;
color: white;
padding: 10px 50px;
font-size: 20px;
font-weight: 900;
}
.bottoni:hover
{
transition: all;
transition-delay: .1s!important;
background-color: white;
color:#93bada;
border: 2px solid white;
}
.form-check-label
{
margin-left:5px;
}
/* form */
#regForm {
margin: auto;
font-size: 12px;
width: 80%;
opacity: 0.9;
-webkit-animation: fadeInForm 2.5s;
animation: fadeInForm 2.5s;
border-radius: 10px;
}
/* input */
input,select {
padding: 10px!important;
margin: 5px 0;
width: 99%;
font-size: 17px;
font-family: 'Montserrat', Arial, Helvetica,sans-serif;
border: 1px solid #aaaaaa;
border-radius: 10px;
}
/* Mark input boxes that gets an error on validation: */
.error
{
border: 1px solid #ff0000!important;
animation: errore 0.6s ;
}
.errorlable
{
color: #ff0000!important;
}
@keyframes errore {
0% {
transform: translateX(0px);
timing-function: ease-in;
}
37% {
transform: translateX(5px);
timing-function: ease-out;
}
55% {
transform: translateX(-5px);
timing-function: ease-in;
}
73% {
transform: translateX(4px);
timing-function: ease-out;
}
82% {
transform: translateX(-4px);
timing-function: ease-in;
}
91% {
transform: translateX(2px);
timing-function: ease-out;
}
96% {
transform: translateX(-2px);
timing-function: ease-in;
}
100% {
transform: translateX(0px);
timing-function: ease-in;
}
}
#btn-form
{
padding: 10px 100px!important;
background-color: #93bada!important;
border: 2px solid white !important;
color: white!important;
border: none!important;
border-radius: 5px!important;
cursor: pointer!important;
margin-bottom: 10px;
}
#form-group
{
text-align: left!important;
padding-top: 20px;
padding-bottom: 0!important;
text-align: center!important;
margin: auto;
}
#btn-form:hover
{
color: #93bada!important;
background-color: rgba(255, 255, 255, 0.419)!important;
border:1px solid #93bada !important;
}
/* Hide all steps by default: */
.tab {
display: none;
}
.tab img
{
padding-bottom: 30px;
width: 150px;
height: auto;
}
#thankyou {
display: none;
}
.bg-form
{
background-color: rgba(255, 255, 255, 0.405);
border-radius:30px ;
/* border: 1px solid #4b4b4b; */
}
.bg-form h3
{
text-align: center;
font-family: 'Montserrat', Arial, Helvetica,sans-serif!important;
padding-top: 15px;
}
.bg-form p
{
text-align: center;
font-family: 'Montserrat', Arial, Helvetica,sans-serif!important;
padding-top: 5px;
padding:0 20px
}
#regForm h5
{
color: white;
}
/* Hide all steps by default: */
.tab {
display: none;
}
#phone-visual
{
background-color: rgba(0, 0, 0, 0.577);
}
#thankyou {
display: none;
}
#contact
{
background-image: url("../img/scrivania.jpg");
background-position: center;
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;
}
#sezione-1
{
background-image: url("../img/braccio.png") ;
background-color: #93bada;
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
/* background-attachment: fixed; */
}
.contact
{
background-color: #00000089;
height: 100%;
width: 100%;
padding: 50px;
}
.img-tel
{
display: none;
}
.testo-completo {
display: none;
}
#mostra-testo
{
color: blue;
cursor: pointer;
}
.footer-basic {
padding:20px 0;
background-color:#292929;
color:#ffffff;
}
.footer-basic ul {
padding:0;
list-style:none;
text-align:center;
font-size:18px;
line-height:1.6;
margin-bottom:0;
}
.footer-basic li {
padding:0 10px;
}
.footer-basic ul a {
color:inherit;
text-decoration:none;
opacity:0.8;
}
.footer-basic ul a:hover {
opacity:1;
}
.img-click
{
margin-left: 15px;
}
.footer-basic .social {
text-align:center;
padding-bottom:25px;
}
.footer-basic .social > a {
font-size:24px;
width:40px;
height:40px;
line-height:40px;
display:inline-block;
text-align:center;
border-radius:50%;
border:1px solid #ccc;
margin:0 8px;
color:inherit;
opacity:0.75;
}
.footer-basic .social > a:hover {
opacity:0.9;
}
.footer-basic .copyright {
margin-top:15px;
text-align:center;
font-size:13px;
color:#aaa;
margin-bottom:0;
}
#phone-visual
{
height: 100%;
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7));
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7));
}
}
.loop--slider {
height: 100px;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.loop--slider::before, .loop--slider::after {
content: "";
height: 100px;
position: absolute;
width: 200px;
z-index: 2;
}
.loop--slider::after {
right: 0;
top: 0;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.loop--slider::before {
left: 0;
top: 0;
}
.loop--slider .loop--slide--track {
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
display: -webkit-box;
display: flex;
width: calc(250px * 14);
}
#reverse
{
animation-direction: reverse;
}
.loop--slider .loop--slide {
height: 100px;
width: 250px;
}
.shapedividers_com-9114{
overflow:hidden;
position:relative;
}
.shapedividers_com-9114::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
background-size: 100% 13px;
background-position: 50% 0%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:768px){
.shapedividers_com-9114::before{
background-size: 100% 21px;
background-position: 50% 0%;
}
}
@media (min-width:1025px){
.shapedividers_com-9114::before{
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 16px;
background-position: 50% 0%;
}
}
@media (min-width:2100px){
.shapedividers_com-9114::before{
background-size: 100% calc(2vw + 16px);
}
}
.shapedividers_com-9634{
overflow:hidden;
position:relative;
}
.shapedividers_com-9634::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
background-size: 100% 13px;
background-position: 50% 100%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:768px){
.shapedividers_com-9634::before{
background-size: 100% 21px;
background-position: 50% 100%;
}
}
@media (min-width:1025px){
.shapedividers_com-9634::before{
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 16px;
background-position: 50% 100%;
}
}
@media (min-width:2100px){
.shapedividers_com-9634::before{
background-size: 100% calc(2vw + 16px);
}
}