:root { --primario:#efdebd; --oro:#d3a953; --argento:#e5e5e5 /*c2c2c2*/ /*c0c0c0*/; --argentoScuro:#c2c2c2; } #menu_Responsive {display:none; position:absolute; right:20px; top:0; height:60px; color:#f4d993; } #menu_Responsive:before {content:"MENU"; font-size:20px; line-height:60px; font-weight:600;} #menu_Responsive:hover:before {text-decoration:none; color:#fff;} #menu_Responsive.menu_aperto {/*background: url("../images/struttura/menu_Responsive_chiudi.png") center right no-repeat;*/} #menu_Responsive.menu_aperto:before {content:"CHIUDI"; color:#fff; } @media all and (max-width:1199px) { #menu_Responsive {display:block;} /*#boxMenu {display:none;} */ #menu_Responsive.menu_aperto, #boxMenu.menu_aperto {display:block;} } body {background-color:#fff;} .centroBody, #content {position:relative; float:left; clear:both; width:100%;} #content {z-index:1;} @media all and (max-width:1199px) {#content.nonVisibile, .moduletable.nonVisibile, .mod-custom.nonVisibile {display:none;} /*FONDAMENTALE per l'apertura del MENU_RESPONSIVE e FORM RICHIESTA a tutto schermo*/ } @media all and (min-width:1200px) {#content.nonVisibile, .moduletable.nonVisibile, .mod-custom.nonVisibile {display:block !important;}} #CONTENITORE_TOP {float:left; width:100%; z-index:0;} #CONTENITORE_TOP {background:var(--oro) url("../images/struttura/sf_oro_1440.jpg") center top no-repeat;} @media all and (max-width:1199px) {#CONTENITORE_TOP.menu_aperto {position:fixed; top:0; left:0; height:100%; background-repeat:repeat-y;} } @media all and (min-width:1200px) {#CONTENITORE_TOP.menu_aperto {position:relative;} } #CONTENITORE_TOP #fascia {position:relative; float:left; width:100%; min-height:60px; height:100%; margin-top:60px; background-color: rgba(0,0,0,0.80)} @media all and (min-width:1200px){ #CONTENITORE_TOP #fascia {height:auto;} } #CONTENITORE_TOP #fascia .nomeAzienda {display:none;} @media all and (min-width:690px){ #CONTENITORE_TOP #fascia .nomeAzienda {float:left; display:flex; width:calc(50% - 75px); align-items:center; justify-content:flex-end; padding-left:25px; min-height:60px;} #CONTENITORE_TOP #fascia .nomeAzienda a {float:left; padding-right:15px; font-weight:600; color:#f4d993;} #CONTENITORE_TOP #fascia .nomeAzienda a small {float:left;} } @media all and (max-width:1059px){ #CONTENITORE_TOP #fascia .nomeAzienda a {width:100%; font-size:30px; line-height:24px;} #CONTENITORE_TOP #fascia .nomeAzienda a small {width:100%; font-size:20px; line-height:18px;} } @media all and (min-width:1060px){ #CONTENITORE_TOP #fascia .nomeAzienda {padding-right:50px;} #CONTENITORE_TOP #fascia .nomeAzienda a {font-size:30px;} #CONTENITORE_TOP #fascia .nomeAzienda a small {padding-top:3px; padding-right:10px; font-size:20px; line-height:18px;} } #menu_Logo {position:absolute; top:-30px; left:15px; width:120px; height:120px; z-index:100;} @media all and (min-width:691px){#menu_Logo {top:-45px; left:calc(50% - 75px); width:150px; height:150px;}} #menu_Logo span {display:none;} #boxMenu {float:right; width:100%; margin-top:100px;} @media all and (min-width:1199px) {#boxMenu {display:block !important; width:auto; padding-right:20px; margin-top:0; /*(lasia x vers. desktop)*/;}} .pulsTel {display:inline-block; position: absolute; top:19px; right:20px; color:#000 !important; font-weight:600;} .pulsTel:hover {color:#000 !important; text-decoration:underline;} .hp_segnaposto {float:left; width:100%; padding-bottom:30px; text-align:center;} .hp_segnaposto h1 {display:block; width:80%; margin:70px auto 0 auto; font-size:50px; line-height:42px;} .hp_segnaposto h2 {display:block; width:80%; margin:10px auto 0 auto; font-size:20px; line-height:20px; color:#fff;} .hp_segnaposto h2 a {color:#fff;} .hp_segnaposto h2 a:hover {text-decoration:underline; color:#fff;} .hp_segnaposto p {display:block; width:80%; margin:3px auto 0 auto; font-size:18px; line-height:20px; font-weight:400;} @media all and (max-width:690px) {.hp_segnaposto h1 {margin-top:50px;}} @media all and (max-width:1199px) {.hp_segnaposto h1.segnapostoAperto {margin-top:30px;}} .box_percheSceglierci {position:relative; float:left; width:100%; padding:0 5% 50px 5%; text-align:center; font-size:0;} .box_percheSceglierci .boxPerche {display:inline-block; width:30%; padding:0 3% 30px 3%; vertical-align:top;} .box_percheSceglierci .boxPerche figure {float:left; width:100%; height:80px; background-position:center top; background-repeat:no-repeat;} .box_percheSceglierci .boxPerche figure.primo {background-image:url("../images/struttura/ico_quotazioneReale.png");} .box_percheSceglierci .boxPerche figure.secondo {background-image:url("../images/struttura/ico_pagamentoImmediato.png");} .box_percheSceglierci .boxPerche figure.terzo {background-image:url("../images/struttura/ico_sicurezzaAffidabilita.png");} .box_percheSceglierci .boxPerche h6 {float:left; width:100%; margin-top:10px; font-size:20px; line-height:18px; font-weight:600;} .box_percheSceglierci .boxPerche span {float:left; width:100%; margin-top:10px; font-size:18px; line-height:20px;} @media all and (max-width:900px) {.box_percheSceglierci .boxPerche {width:33%;}} @media all and (max-width:780px) {.box_percheSceglierci .boxPerche {width:50%;}} @media all and (max-width:580px) {.box_percheSceglierci .boxPerche {width:100%;}} .boxBottom_chiSiamo {position:relative; float:left; width:100%; padding:0 10% 60px 10%; text-align:center; background-color:#fff;} .boxBottom_chiSiamo h5 {display:block; font-size:24px; font-weight:600;} .boxBottom_chiSiamo p {display:block; max-width:630px; margin:0 auto; padding-top:20px; font-size:20px; line-height:22px;} .boxBottom_chiSiamo p a {display:inline-block; padding:6px 15px 8px 15px; margin:20px auto 0 auto; font-size:18px; line-height:18px; border-radius:20px; border:1px solid #444; color:#000;} .boxBottom_chiSiamo p a:hover {color:#fff; background-color:#000;} #chisiamo .boxIntro {float:left; width:100%; padding:70px 5% 150px 5%; text-align:center; background-color:var(--primario);} #chisiamo .boxIntro h6 {float:left; width:100%; font-size:50px; line-height:42px; font-weight:bold;} #chisiamo .boxIntro h2 {float:left; width:100%; padding-top:30px; font-size:20px; line-height:25px; font-weight:600;} #chisiamo .boxIntro p {display:inline-block; max-width:750px; padding-top:60px; margin-left:auto; margin-right:auto; font-size:20px; line-height:25px;} #chisiamo .valoreReale {position:relative; float:left; width:100%; text-align:center; padding-left:5%; padding-right:5%;} #chisiamo .valoreReale .icoValoreReale {position:absolute; left:calc(50% - 100px); top:-100px; width:200px; height:200px; border-radius:50%; background:#fff url("../images/struttura/ico_valorereale.png") center 15px no-repeat;} #chisiamo .valoreReale h6 {display:block; margin-top:100px; margin-bottom:20px; font-size:50px; line-height:42px; font-weight:bold;} #chisiamo .valoreReale p {display:block; max-width:640px; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; font-size:20px; line-height:25px;} @media all and (max-width:780px) {#chisiamo .valoreReale h6 br, #chisiamo .valoreReale p br {display:none;}} #chisiamo .cosaCompriamo {position:relative; float:left; width:100%; padding:80px 15px 100px 15px; margin-top:50px; margin-bottom:50px; font-size:0; text-align:center; background: url("../images/struttura/cosaCompriamo_lineaVerticale.png") center top repeat-y;} #chisiamo .cosaCompriamo:before {position:absolute; left:calc(50% - 20.5px); top:0; width:41px; height:41px; content:""; background: url("../images/struttura/cosaCompriamo_icoInterrogativo.png") center center;} #chisiamo .cosaCompriamo:after {position:absolute; left:calc(50% - 60px); bottom:-20px; width:120px; height:72px; content:""; background: url("../images/struttura/lingotto.png") center; background-size:contain;} #chisiamo .cosaCompriamo .box {display:inline-block; width:50%; min-height:150px; max-width:500px; vertical-align:top;} #chisiamo .cosaCompriamo .box.secondo {padding-top:80px;} #chisiamo .cosaCompriamo .box h6 {float:left; width:calc(100% - 3px); margin-left:2px; margin-right:1px; padding:20px; font-size:32px; line-height:28px; font-weight:600; background-color:var(--primario);} #chisiamo .cosaCompriamo .box span {float:left; width:100%; padding:20px 40px 0 40px; font-size:20px; line-height:22px;} @media all and (max-width:500px) { #chisiamo .cosaCompriamo {padding-bottom:0;} #chisiamo .cosaCompriamo .box {float:left; width:100%; max-width:800px; background-color:#fff;} #chisiamo .cosaCompriamo .box.secondo {padding-top:40px;} #chisiamo .cosaCompriamo:after {display:none;} } #contatti .boxIntro {float:left; width:100%; padding:70px 5% 50px 5%; text-align:center; background-color:var(--primario);} #contatti .boxIntro h6 {float:left; width:100%; font-size:50px; line-height:42px; font-weight:bold;} #contatti .boxIntro h2 {float:left; width:100%; padding-top:30px; font-size:20px; line-height:25px; font-weight:600;} #contatti .boxIntro .telefono {float:left; width:100%; padding-top:40px; font-size:20px;} #contatti .boxIntro .telefono strong, #contatti .boxIntro .telefono a {display:inline-block; padding:7px; font-size:34px; line-height:25px; font-weight:bold; color:var(--oro);} #contatti .boxIntro p.orari {float:left; width:100%; padding-top:40px; font-size:20px; line-height:25px;} #boxFiliali {float:left; width:100%; padding:60px 5% 70px 5%; text-align:center;} #boxFiliali h6 {float:left; width:100%; font-size:34px; line-height:34px; font-weight:300;} #boxFiliali .filiale {float:left; width:100%; padding-top:50px;} @media all and (min-width:930px) {#boxFiliali .filiale {width:33%;} } #boxFiliali .filiale h5 {float:left; width:100%; font-size:34px; line-height:34px; font-weight:600;} #boxFiliali .filiale span {float:left; width:100%; padding-top:5px; font-size:20px; line-height:30px;} #boxFiliali .filiale p {float:left; width:100%; padding-top:50px; font-size:20px; line-height:30px;} #boxFiliali .filiale figure {float:left; width:100%; margin-top:20px; text-align:center;} #boxFiliali .filiale figure img {display:inline-block; width:250px; height:250px;} #boxFiliali .filiale .maps {position:relative; float:left; margin-left:calc(50% - 20px); top:-35px; width:280px; height:60px; z-index:0;} #boxFiliali .filiale .maps:before {position:absolute; left:-20px; top:-5px; width:80px; height:80px; border-radius:50%; content:""; background-color:#fff; z-index:0;} #boxFiliali .filiale .maps:hover:before {left:-40px; top:-25px; width:120px; height:120px; border-radius:50%; content:""; background-color:#fff; z-index:0;} #boxFiliali .filiale .maps figure {position:relative; float:left; width:42px; height:60px; margin-top:12px; background: url("../images/struttura/puls_maps.png") left top no-repeat; z-index:1;} #boxFiliali .filiale .maps:after {position:absolute; left:50px; top:50px; width:160px; content:"Guarda la posizione su google Maps"; font-size:18px; line-height:18px; text-align:left; font-weight:400;} #boxFiliali .filiale .maps:hover:after {color:#09c;} #bloccaPrezzo .boxIntro {float:left; width:100%; padding:80px 5% 40px 5%; text-align:center; background-color:var(--argentoScuro);} #bloccaPrezzo .boxIntro.oro {background:var(--oro) url("../images/struttura/sf_oro_1440.jpg") center top no-repeat;} #bloccaPrezzo .boxIntro.argento {background:var(--argentoScuro) url("../images/struttura/sf_argento_1440.jpg") center top no-repeat;} #bloccaPrezzo .boxIntro h6 {float:left; width:100%; font-size:50px; line-height:42px; font-weight:bold;} #bloccaPrezzo .boxIntro p {float:left; width:100%; padding-top:20px; font-size:20px; line-height:25px; font-weight:600;} .puls_selOro, .puls_selArgento {float:left; width:100%; font-size:50px; line-height:120px; font-weight:bold; color:#fff !important; text-shadow:0 3px 5px rgba(0,0,0,0.60); text-align:center; background-position:center top; background-repeat:no-repeat; cursor:pointer;} .puls_selOro {background-image:url("../images/struttura/sf_oro_1440.jpg"); margin-bottom:1px;} .puls_selArgento {background-image:url("../images/struttura/sf_argento_1440.jpg"); background-color:var(--argneto);} .puls_selOro:hover, .puls_selArgento:hover {text-shadow:0 8px 8px rgba(0,0,0,0.60);} #formBloccaprezzo {float:left; width:100%; padding-top:50px; text-align:center;} #formBloccaprezzo.formOro {background-color:var(--primario);} #formBloccaprezzo.formArgento {background-color:var(--argento); padding-top:50px;} .formResponsive {margin:0 !important;} .formResponsive .formValidation {float:left; width:100%;} .formResponsive .formError {float:left; width:100%; height:auto !important; margin:0 0 5px 0 !important; font-size:22px !important; line-height:20px !important; color:#f33 !important;} #rsform_error_3, #rsform_error_4 {float:left; width:100%; margin-bottom:25px; color:#f33; font-size:24px; line-height:26px; font-weight:300;} #rsform_error_3 strong, #rsform_error_4 strong {float:left; width:100%; font-size:32px; font-weight:bold;} #formBloccaprezzo .quotazione {padding-bottom:30px; DISPLAY:NONE;} #formBloccaprezzo .quotazione h3 {float:left; width:100%; font-size:30px; font-weight:bold; padding-bottom:20px;} #formBloccaprezzo.formOro .quotazione h3 {color:#fff; /*color:var(--oro);*/} #formBloccaprezzo.formArgento .quotazione h3 {color:#fff;} #formBloccaprezzo .quotazione input[type="text"] {position:relative; float:none !important; width:auto !important; padding:0 5px; margin-bottom:5px; height:30px; font-size:34px; text-align:center; font-weight:600; border:none; background-color:var(--principale); cursor:auto; color:#000; z-index:100;} #formBloccaprezzo .quotazione span {font-size:30px; line-height:28px; text-align:center;} #formBloccaprezzo .box_Selezioni {float:left; width:80%; margin:40px 10% 0 10%; padding:0 3%; border:2px solid #fff; border-radius:40px; font-size:0;} @media all and (min-width:801px) {#formBloccaprezzo .box_Selezioni {position:relative;width:700px; margin-left:50%; left:-350px; margin-right:0;} } #formBloccaprezzo .box_Selezioni h4 {position:relative; top:-18px; display:inline-block; max-width:80%; padding-left:15px; padding-right:15px; font-size:26px; line-height:26px; font-weight:500; color:red;} @media all and (min-width:650px) {#formBloccaprezzo .box_Selezioni h4 br {display:none;} } #formBloccaprezzo .box_Selezioni h4.selezionato {color:#fff;} #formBloccaprezzo .box_Selezioni h4:before {position:absolute; top:0; margin-left:50%; width:160px; left:-80px; height:30px; content:"";} #formBloccaprezzo.formOro .box_Selezioni h4:before {background-color:var(--primario);} #formBloccaprezzo.formArgento .box_Selezioni h4:before {background-color:var(--argento);} #formBloccaprezzo .box_Selezioni h4 strong {position:relative; float:left; width:100%; padding-left:20px; padding-right:20px; padding-bottom:10px; font-size:36px; font-weight:bold; z-index:10; text-shadow:0 3px 5px rgba(0,0,0,0.60);} #formBloccaprezzo.formOro .box_Selezioni h4 strong {color:#fff;} #formBloccaprezzo.formArgento .box_Selezioni h4 strong {color:#fff;} #formBloccaprezzo .carati, #formBloccaprezzo .purezza {position:relative; width:100%; padding-bottom:5px;} #formBloccaprezzo .carati label, #formBloccaprezzo .purezza label {display:inline-block; height:auto; width:33%; margin-top:10px; margin-bottom:5px; font-size:0;} @media all and (min-width:751px) { #formBloccaprezzo .carati label, #formBloccaprezzo .purezza label {width:22%;} } #formBloccaprezzo .carati label input, #formBloccaprezzo .purezza label input {float:none !important; position:relative; width:90px; height:90px; border-radius:50%; margin:0; border:none; cursor:pointer !important;} #formBloccaprezzo .carati label input:hover {background-color:var(--oro);} #formBloccaprezzo .carati label input[type="radio"]:checked {background-color:var(--oro);} #formBloccaprezzo .purezza label input:hover {background-color:#444;} #formBloccaprezzo .purezza label input[type="radio"]:checked {background-color:#444;} #formBloccaprezzo .carati label input:before, #formBloccaprezzo .purezza label input:before {position:absolute; left:0; top:15px; width:100%; height:70px; font-size:14px; line-height:14px; color:#666; text-align:center;} #formBloccaprezzo .carati label input:before {content:"oro";} #formBloccaprezzo .purezza label input:before {content:"argento";} #formBloccaprezzo .carati label input:after, #formBloccaprezzo .purezza label input:after {position:absolute; left:0; top:33px; width:100%; height:70px; font-size:26px; line-height:24px; font-weight:bold; color:#000; text-align:center; letter-spacing:-0.5px;} #formBloccaprezzo .carati label input#Carati0:after {content:"24 k";} #formBloccaprezzo .carati label input#Carati1:after {content:"18 k";} #formBloccaprezzo .carati label input#Carati2:after {content:"14 k";} #formBloccaprezzo .purezza label input#Purezza0:after {content:"999";} #formBloccaprezzo .purezza label input#Purezza1:after {content:"925";} #formBloccaprezzo .purezza label input#Purezza2:after {content:"800";} #formBloccaprezzo .carati label input:hover:before, #formBloccaprezzo .carati label input:hover:after {color:#fff;} #formBloccaprezzo .purezza label input:hover:before, #formBloccaprezzo .purezza label input:hover:after {color:#fff;} #formBloccaprezzo .carati label input[type="radio"]:checked:before, #formBloccaprezzo .carati label input[type="radio"]:checked:after, #formBloccaprezzo .purezza label input[type="radio"]:checked:before, #formBloccaprezzo .purezza label input[type="radio"]:checked:after {color:#fff;} #formBloccaprezzo .quotazioneUnGrammo {position:relative; display:inline-block; width:33%;} @media all and (min-width:751px) { #formBloccaprezzo .quotazioneUnGrammo {width:22%;} } #formBloccaprezzo .quotazioneUnGrammo:before {float:left; width:100%; content:"al gr"; margin-bottom:5px; font-size:18px; line-height:16px; color:#444;} #formBloccaprezzo .quotazioneUnGrammo input {width:auto !important; padding:0 0 0 13px !important; margin-bottom:25px; text-align:center; font-size:20px; line-height:14px; color:#000; font-weight:600; background-color:transparent;} #formBloccaprezzo .quotazioneUnGrammo span {display:inline-block; width:13px; font-size:19px; line-height:20px;} #formBloccaprezzo .peso {float:left; position:relative; bottom:-30px; width:230px; margin-left:50%; left:-115px; margin-bottom:0;} #formBloccaprezzo.formOro .peso {background-color:var(--primario);} #formBloccaprezzo.formArgento .peso {background-color:var(--argento);} #formBloccaprezzo .peso label {position: relative; top:-10px; float:left; width:100%; margin-bottom:10px; font-size:26px; line-height:28px; font-weight:300; text-align:center;} #formBloccaprezzo .peso label span {margin-bottom:10px; font-size:36px; font-weight:bold; text-shadow:0 3px 5px rgba(0,0,0,0.60);} #formBloccaprezzo.formOro .peso label span {color:var(--oro); color:#fff;} #formBloccaprezzo.formArgento .peso label span {color:#fff;} #formBloccaprezzo .peso input {float:left; width:80% !important; margin-left:10% !important; height:60px; line-height:60px; padding:0 0 0 15px; font-size:28px; border-radius:15px; background-color:#fff; text-align:center; font-weight:600; margin-bottom:0; color:#010101;} #formBloccaprezzo .peso label:after {position:absolute; right:-15px; bottom:-70px; content:"gr"; width:40px; height:40px; line-height:34px; text-align:center; border-radius:50%;} #formBloccaprezzo.formOro .peso label:after {background-color:var(--primario);} #formBloccaprezzo.formArgento .peso label:after {background-color:var(--argento);} #formBloccaprezzo .offerta {float:left; width:100%; margin-top:30px; margin-bottom:0; text-align:center;} #formBloccaprezzo .offerta p {float:left; width:100%; font-size:32px; font-weight:bold;} #formBloccaprezzo.formOro .offerta p {color:var(--oro);} #formBloccaprezzo.formArgento .offerta p {color:#fff;} #formBloccaprezzo .offerta input {float:none !important; position:relative; width:auto !important; height:55px; margin-top:13px; font-size:50px; font-weight:bold; color:#010101; text-align:center; cursor:auto; background-color:var(--primaria);} #formBloccaprezzo .offerta ico {display:inline-block; width:20px; margin-top:30px; font-size:34px;} .valoreReale {position:relative; float:left; width:100%; padding-left:5%; padding-right:5%; margin-top:140px; text-align:center; background-position:center top; background-repeat:no-repeat; background-image:url("../images/struttura/lineaOro_1440x25.png");} .valoreReale.oro {background-color:var(--argento); border-bottom:120px solid var(--argento);} .valoreReale.argento {background-color:var(--primario); border-bottom:120px solid var(--primario);} .valoreReale.bloccaprezzo {background-color:var(--argento); border-bottom:120px solid var(--argento); border-top:120px solid var(--argento); margin-top:0; } .valoreReale .icoValoreReale {position:absolute; left:calc(50% - 95px); top:-82px; width:190px; height:190px; border-radius:50%; background:url("../images/struttura/ico_valorereale.png") center no-repeat;} .valoreReale p {display:block; max-width:700px; margin:106px auto 0 auto; font-size:24px; line-height:24px;} .valoreReale p strong {display:block; padding-top:4px; padding-bottom:2px; font-weight:bold;} .valoreReale:before {position:absolute; left:calc(50% - 100px); bottom:-190px; width:200px; height:120px; margin-bottom:40px; content:""; background: url("../images/struttura/lingotto.png") center no-repeat;} @media all and (min-width:600px) {.valoreReale p strong br {display:none;}} .testo_Introduzione {float:left; width:100%; padding:0 5% 0 5%; text-align:center !important;} .testo_Introduzione div {display:block; max-width:840px; margin-left:auto; margin-right:auto;} .testo_Introduzione div h5 {font-size:50px; line-height:48px; font-weight:bold;} @media all and (max-width:900px) {.testo_Introduzione div h5 br {display:none;}} .testo_Introduzione div h6 {margin-top:40px; margin-bottom:15px; font-size:24px; line-height:26px; font-weight:300;} .testo_Introduzione div p.introduzione {font-size:18px; line-height:20px; font-weight:300; font-style:italic;} .testo_Introduzione div .regolamento {display:inline-block; margin-top:25px; font-size:18px; font-weight:bold; color:#4d301a; text-decoration:underline;} .testo_Introduzione div .pulsPrezzo {display:inline-block; margin-top:40px; padding:15px 45px; color:#f4d993; font-size:22px; font-weight:bold; background-color:#4d301a; border-radius:30px;} .testo_Introduzione div .pulsPrezzo:hover {background-color:#3d2512;} .testo_bloccaAdesso {float:left !important; width:100% !important; padding:30px 20px 0 20px !important; margin-bottom:0 !important; font-size:18px; line-height:24px; font-weight:400; text-align:center !important;} .testo_bloccaAdesso strong {float:left; width:100%; font-size:24px; line-height:26px; font-weight:600; color:red;} /*.testo_bloccaAdesso strong.selezionato {color:#fff; display:none;}*/ .testo_bloccaAdesso.selezionato {color:#fff; display:none;} @media all and (max-width:400px) {.testo_bloccaAdesso br {display: none;}} .pagBloccaprezzo.pagBloccaprezzo {background-color:var(--primario);} #formBloccaprezzo .box_PulsBloccaOra {float:left; width:100%; margin-top:40px;} #formBloccaprezzo .box_PulsBloccaOra #puls_bloccaOra {float:left; width:80%; max-width:360px; margin-left:10%; margin-right:10%; padding:20px 10px; font-size:24px; line-height:20px; font-weight:600; color:#f4d993; text-align:center; border-radius:20px; box-shadow:0px 0px 5px 8px var(--oro); background-color:#000; cursor:pointer;} #formBloccaprezzo .box_PulsBloccaOra #puls_bloccaOra:hover {color:#fff; box-shadow:0px 0px 5px 12px var(--oro);} @media all and (min-width:400px) {#formBloccaprezzo .box_PulsBloccaOra #puls_bloccaOra {position:relative; width:360px; margin-left:50%; left:-180px; margin-right:0;}} #formBloccaprezzo #datiCliente {float:left; width:100%; margin-top:10px; display:none;} #formBloccaprezzo #datiCliente.box_aperto {display:block;} #formBloccaprezzo #datiCliente .intro {float:left; width:100%; margin-bottom:15px; padding:0 5% 15px 5%; font-size:20px; line-height:26px;} #formBloccaprezzo #datiCliente .intro strong {float:left; width:100%; margin-bottom:10px; line-height:20px;} #formBloccaprezzo input#Nome, #formBloccaprezzo input#Cognome, #formBloccaprezzo input#Citta, #formBloccaprezzo select#Provincia, #formBloccaprezzo select#Filiale, #formBloccaprezzo input#Telefono, #formBloccaprezzo input#Email {width:80% !important; max-width:360px; height:50px; line-height:50px; margin-left:10%; margin-right:10%; margin-bottom:10px; padding:0 10px; border-radius:15px; border:none; font-size:24px; background-color:#fff;} @media all and (max-width:410px) {#formBloccaprezzo input, #formBloccaprezzo select {float:left;}} #formBloccaprezzo input#Nome.rsform-error, #formBloccaprezzo input#Cognome.rsform-error, #formBloccaprezzo input#Telefono.rsform-error, #formBloccaprezzo input#Citta.rsform-error, #formBloccaprezzo select#Provincia.rsform-error, #formBloccaprezzo select#Filiale.rsform-error, #formBloccaprezzo input#Email.rsform-error, #formBloccaprezzo input[type="number"].rsform-error {border:2px solid #f33 !important;} #formBloccaprezzo .testo_filiali {display:block; padding:40px 5% 10px 5%; font-size:20px; line-height:24px; text-align:center;} #formBloccaprezzo .testo_verificaInSede {display:block; max-width:700px; margin:25px auto 5px auto; padding-left:5%; padding-right:5%; font-size:16px; line-height:18px; text-align:center;} #formBloccaprezzo .testo_verificaInSede strong {display:block; margin-bottom:5px; font-weight:500;} #formBloccaprezzo button#Puls_invio {width:80% !important; max-width:360px; margin-left:10%; margin-right:10%; margin-top:5px; padding:20px 10px; border-radius:20px; border:none; font-size:24px; font-weight:600; color:#f4d993; text-shadow:none !important; text-transform:uppercase; background-color:#000;} #formBloccaprezzo button#Puls_invio:hover {background-color:#000;} .rsfp_thankyou_popup_inner {display:flex; justify-content:center; align-items:center; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; background-color:transparent !important;} .rsfp_thankyou_popup_outer {background: rgba(0, 0, 0, .8) !important;} .box_OKinvio {float:left; width:80%; padding:60px 5% 60px 5%; text-align:center; background-color:var(--primario);} .box_OKinvio h2 {float:left; width:100%; font-size:40px; line-height:38px;} .box_OKinvio .rigaComplimenti {float:left; width:100%; padding-top:25px; font-size:28px; line-height:30px; font-weight:400;} .box_OKinvio .informazioni {float:left; width:100%; padding-top:30px; font-size:22px; line-height:26px;} .rsfp_thankou_popup_close_btn {top:20px !important; right:20px !important; padding:10px; font-size:45px !important; color:#fff !important; border-radius:50%; border:1px solid #fff;} .rsfp_thankou_popup_close_btn:hover {background-color:#fff; color:#000 !important;} #CONTENITORE_FOOTER {float:left; width:100%; z-index:0;} #CONTENITORE_FOOTER {padding:25px; background:var(--oro) url("../images/struttura/sf_oro_1440.jpg") center bottom no-repeat;} #CONTENITORE_FOOTER h3 {float:left; padding-right:20px; font-size:16px; line-height:18px; font-weight:bold; color:#000;} #CONTENITORE_FOOTER span {float:left; padding-right:20px; font-size:16px; line-height:18px;} #CONTENITORE_FOOTER a {float:right; padding-left:15px; font-size:16px; line-height:18px; font-weight:600; color:#000;} #CONTENITORE_FOOTER a:hover {text-decoration:underline;} @media all and (max-width:780px) { #CONTENITORE_FOOTER h3, #CONTENITORE_FOOTER span {width:100%} #CONTENITORE_FOOTER a {clear:left; float:left; padding-right:15px; padding-left:0;} #CONTENITORE_FOOTER a.telefono {margin-top:15px} }