/* Pagina PROFESSIONISTA o CENTRO */ .header-top{height:90px; width:100%; background:#F7F7F7} .logo-blancone{float:left; position:absolute; width:222px; margin:0 auto; left:-90px; right:0} .logo-blancone img{margin:15px auto 0 auto; display:block; width:222px; height:60px} .logo-blancone.igCe{float:none; position:inherit; width:222px; margin:20px auto 0px auto; left: inherit; right: inherit;} .logo-blancone.igCe img{margin:0px auto 0 auto; display:block; width:222px; height:60px} .main-container.igCe {background: #21A1E1;} .margin-content-two.igCe{min-height: 500px; color: #FFFFFF; text-align: center; padding: 30px 0px 0px 0px;} .margin-content-two.igCe.profStudio{min-height: 500px; color: #FFFFFF; text-align: center; /*padding: 30px 0px 0px 0px;*/ width: 100%; padding: 40px 0px; margin: 0px;} .margin-content-two.igCe h1 {font-weight: 700!important; font-size: 25px;} .OD-content-two {max-width:852px; margin:0px auto 20px auto; background:#fff; font-size: 18px;} .OD-content-two.igCe {background: #21A1E1; max-width: /*920px*/ 930px; margin-bottom: 0px;} .OD-content-two .text-content-two {padding: 30px 11%;} .text-content-two.igCe {font-size: 22px; line-height: 30px;} .text-content-two.igCe#testoIniziale {font-size: 20px; line-height: 25px;} .text-content-two.igCe span {text-transform: uppercase; font-weight: 700;} .text-content-two.igCe a {color: #FFF; font-size: 22px; font-weight: 700; line-height: 25px;} .text-content-two.igCe form {margin-top: 40px;} .text-content-two.igCe .input-botton {max-width: 390px /*580px 450px*/; margin: 10px auto; font-size: 15px;} .text-content-two.igCe .input-botton .bottone {width: 160px /*250px*/; height: 50px; line-height: 50px; padding: 0px 10px 5px 10px; cursor: pointer; background: #A7DBF4; text-align: center; color: #152B7F; font-weight: 700; border-radius: 5px; text-transform: uppercase;} /*.text-content-two.igCe .input-botton .bottone:hover {background: #; color: #152B7F; border: 1px solid #A7DBF4;}*/ .text-content-two.igCe .input-botton .bottone:hover {background: #152B7F; color: #FFFFFF;} .text-content-two.igCe .input-botton .bottone.left {float: left; margin-right: 15px;} .text-content-two.igCe .input-botton .bottone.left.last {margin-right: 0px;} .text-content-two.igCe .input-botton .bottone#centroButton {margin: 0px;} .text-content-two.igCe .input-botton .bottone.right {float: right; /*line-height: 18px; padding-top: 8px; height: 42px;*/} .text-content-two.igCe .dati { position: relative; top: 30px; text-align: left; color: #152B7F; background: #FFFFFF; padding: 20px 60px; display: none;} /*.text-content-two.igCe .dati.studio:after, .arrow_box:before { bottom: 100%; right: 19%; border: solid transparent; content: " "; position: absolute;} .text-content-two.igCe .dati.studio:after { border-bottom-color: #FFFFFF; border-width: 25px;} .text-content-two.igCe .dati.studio:before { border-bottom-color: #FFFFFF; border-width: 25px; } .text-content-two.igCe .dati.professionista:after, .arrow_box:before { bottom: 100%; /left: 25%;/ border: solid transparent; content: " "; position: absolute;} .text-content-two.igCe .dati.professionista.igienista:after, .arrow_box:before {left: 47%; /32.5% /19.5%/;} .text-content-two.igCe .dati.professionista.dentista:after, .arrow_box:before {left: 47%; /58.5% /46.5%/;} .text-content-two.igCe .dati.professionista:after { border-bottom-color: #FFFFFF; border-width: 25px;} .text-content-two.igCe .dati.professionista:before { border-bottom-color: #FFFFFF; border-width: 25px; }*/ .text-content-two.igCe .dati.professionista-after:after, .arrow_box:before { bottom: 100%; left: 47%; border: solid transparent; content: " "; position: absolute;} .text-content-two.igCe .dati.professionista-after:after { border-bottom-color: #FFFFFF; border-width: 25px;} .text-content-two.igCe .dati.professionista-after:before { border-bottom-color: #FFFFFF; border-width: 25px; } .text-content-two.igCe .dati .titolo {font-size: 20px; line-height: 30px; font-weight: 700; text-align: center;} .text-content-two.igCe .dati .titolo span {text-transform: none; font-weight: 400; font-size: 18px; line-height: 20px;} .text-content-two.igCe .dati .datiScheda {font-size: 20px; line-height: 30px; text-align: center; font-weight: 700;} .text-content-two.igCe .dati .contSchedaCentro {padding: 30px 0px 20px 0px; border-bottom: 1px solid #727272; background: #EDEDED; color: #000; border-radius: 5px; padding: 30px 30px 20px 30px; margin-bottom: 20px;} .text-content-two.igCe .dati .datiSchedaCompleta {font-size: 16px; line-height: 30px;} .text-content-two.igCe .dati .datiSchedaCompleta .bottoneSalvaEmaiStudio { width: 80px; height: 40px; border: none; border-radius: 20px;background: #1F00FF; color: #ffffff; margin-left: 10px; font-size: 16px; font-weight: bold; cursor: pointer;} /*.text-content-two.igCe .dati .datiSchedaCompleta .bottoneSalvaEmaiStudio:hover {background: #A7DBF4; color: #152b7f;}*/ .text-content-two.igCe .dati .datiForm .titolo {font-size: 20px; line-height: 30px; font-weight: 700; text-align: center;} .text-content-two.igCe .dati.professionista .datiForm .field {float: left; width: 50%; margin: 0px 0px 30px 0px;} .text-content-two.igCe .dati.professionista .datiForm .field .label {font-size: 18px; padding-bottom: 5px;} .text-content-two.igCe .dati.professionista .datiForm .field .value {} .text-content-two.igCe .dati.professionista .datiForm .field .value input {width: 85%; padding: 10px;} .text-content-two.igCe .dati.professionista .datiForm .fieldLong {margin: 0px 0px 30px 0px;} .text-content-two.igCe .dati.professionista .datiForm .fieldLong .value input {width: 95%; padding: 10px 3px; text-align: center; /*background: #F8F5F2; cursor: none; border: none;*/} .text-content-two.igCe .dati.professionista .datiForm .fieldLong .label {font-size: 18px; padding-bottom: 5px;} .text-content-two.igCe .dati.professionista .datiForm#formSchedeCentri {display: none;} .text-content-two.igCe #datiProfessionista #riepilogoCentri {display: none;} .text-content-two.igCe .dati.professionista #formNomeCognome .error {text-align: center; background: red; padding: 10px; color: #fff; font-size: 16px;} /*.text-content-two.igCe .dati.professionista-after .datiForm .back {font-size: 14px; color: #555555; cursor: pointer;} .text-content-two.igCe .dati.professionista-after .datiForm .back:hover {text-decoration: underline;}*/ .OD-content-two.igCe .grazie {font-size: 12px; padding: 50px 0px;} .text-content-two.igCe .dati .contButton {max-width: 400px; margin: 0 auto;} .text-content-two.igCe .dati .contButton #emailCentroMod {display: none; width: 300px; margin: 50px auto 20px auto; text-align: center; padding: 10px;} .OD-content-two.igCe .submitModifica {float:left; width: 190px; height: 45px; background: #1F00FF; border-radius: 22px; margin: 30px auto; cursor: pointer; display: block; margin-right: 20px;} .OD-content-two.igCe .submitModifica input {width: 190px; height: 45px; border: none; border-radius: 22px; background: transparent; border: none; color: #ffffff; padding-bottom: 10px; font-weight: 700; cursor: pointer;} .OD-content-two.igCe .submitModifica:hover, .OD-content-two.igCe .submitModifica input:hover {background: rgb(167, 219, 244); color: #152B7F;} .OD-content-two.igCe .submitModifica input#save {display: none;} .OD-content-two.igCe .submitConferma input#cancel {display: none; background: rgb(167, 219, 244); color: #152B7F;} .OD-content-two.igCe .submitConferma input#cancel:hover {color: #fff;} .OD-content-two.igCe .submitConferma {float:left; width: 190px; height: 45px; background: #1F00FF; border-radius: 22px; margin: 30px auto; cursor: pointer; display: block;} .OD-content-two.igCe .submitConferma input {width: 190px; height: 45px; border: none; border-radius: 22px; background: transparent; border: none; color: #ffffff; padding-bottom: 10px; font-weight: 700; cursor: pointer;} .OD-content-two.igCe .submitConferma:hover, .OD-content-two.igCe .submitConferma input:hover {background: rgb(167, 219, 244); color: #152B7F;} .OD-content-two.igCe .submitConferma#submitConfermaCentriSelezionati, .OD-content-two.igCe .submitConferma#submitConfermaInserimentoCentro {margin-right: 20px;} .text-content-two.igCe .dati .contButtonConfermaCentro { margin: 0 auto;} .OD-content-two.igCe .submitConfermaCentro {float:left; width: 330px; height: 30px; margin: 30px 20px 30px 0px; cursor: pointer; display: block; font-size: 18px; line-height: 30px;} .OD-content-two.igCe .submitConfermaCentro.noDatiCentro {width: 90%; margin: 0px 0px 10px 0px;} #msgNoDatiCentro {font-size: 17px; color: red; margin: 0px 0px 20px 40px; display: none;} .OD-content-two.igCe .submitConfermaCentro input {float: left; width: 30px; height: 30px; border: none; background: transparent; border: none; font-weight: 700; cursor: pointer;} .OD-content-two.igCe .submitConfermaCentro label {float: left; height: 30px; line-height: 30px; margin-left: 10px; color: #152B7F;} .OD-content-two.igCe .submitNONConfermaCentro {max-width:550px; height: 30px; margin: 60px auto; cursor: pointer; display: block; font-size: 18px; line-height: 30px;} .OD-content-two.igCe .submitNONConfermaCentro input {float: left; width: 30px; height: 30px; border: none; background: transparent; border: none; font-weight: 700; cursor: pointer;} .OD-content-two.igCe .submitNONConfermaCentro label {float: left; height: 30px; line-height: 30px; margin-left: 10px; color: #152B7F;} .OD-content-two.igCe .submitProsegui {width: 190px; height: 45px; background: #1F00FF; border-radius: 22px; margin: 30px auto; cursor: pointer; display: block;} .OD-content-two.igCe .submitProsegui input {width: 190px; height: 45px; border: none; border-radius: 22px; background: transparent; border: none; color: #ffffff; padding-bottom: 10px; font-weight: 700; cursor: pointer;} .OD-content-two.igCe .submitProsegui:hover, .OD-content-two.igCe .submitConferma input:hover {background: rgb(167, 219, 244); color: #152B7F;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca p.titolo {font-size: 20px; line-height: 25px; font-weight: 700; text-align: center; padding-top: 40px; border-top: 1px solid #ccc; margin-bottom: 15px} .text-content-two.igCe .dati.professionista-after .datiFormRicerca p.sottotitolo {font-size: 18px; text-align: center; margin: 0px 0px 30px 0px;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .contFieldS {max-width: 720px; margin: 20px auto;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .contFieldS .fieldS {float: left; width: 360px /*240px*/;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .contFieldS .fieldS label {font-size: 18px; color: #555555;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .contFieldS .fieldS input {height: 20px; padding: 10px 5px; width: 85%;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .contFieldS .fieldS select {padding: 7.5px 10px; width: 95%;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .contFieldS .fieldS.noMargin {margin-right: 0px;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .buttonSearch {width: 190px; height: 45px; background: #1F00FF; border-radius: 22px; margin: 30px auto; cursor: pointer; display: block;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .buttonSearch input {width: 190px; height: 45px; border: none; border-radius: 22px; background: transparent; color: #ffffff; padding-bottom: 10px; font-weight: 700; cursor: pointer;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .buttonSearch input:hover {background: rgb(167, 219, 244); color: #152B7F;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca #listaCentriCercati p {max-width: 565px; margin: 0 auto; font-size: 16px; color: red; text-align: left; padding: 40px 0px; line-height: 22px;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca #listaCentriCercati p.fraseResult {font-size: 16px; max-width: 100%; margin: 20px 0px; color: #152B7F; text-align: left; padding: 0px; line-height: 22px;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .submitConcludi {max-width: 280px; height: 45px; background: #1F00FF; border-radius: 22px; margin: 30px auto; cursor: pointer; display: block;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .submitConcludi input {width: 100%; height: 45px; border: none; border-radius: 22px; background: transparent; color: #ffffff; padding-bottom: 10px; font-weight: 700; cursor: pointer;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .submitConcludi input:hover {background: rgb(167, 219, 244); color: #152B7F;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .submitInserisci {max-width: 280px; height: 45px; background: #1F00FF; border-radius: 22px; margin: 30px auto; cursor: pointer; display: block;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .submitInserisci input {width: 100%; height: 45px; border: none; border-radius: 22px; background: transparent; color: #ffffff; padding-bottom: 10px; font-weight: 700; cursor: pointer;} .text-content-two.igCe .dati.professionista-after .datiFormRicerca .submitInserisci input:hover {background: rgb(167, 219, 244); color: #152B7F;} #formLandCensimento #inserimentoCentro {display: none;} #formLandCensimento #inserimentoCentro .messaggio {color: red; text-align: center; padding: 20px 10px 0px; margin-bottom: 30px; border: 1px solid red; font-size: 18px; line-height: 25px;} #formLandCensimento #inserimentoCentro input[type="text"], #formLandCensimento #inserimentoCentro input[type="password"] {border: 1px solid #ddd; height: 41px; width: 93%; padding:0 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; color: #32373c; outline: 0 none; transition: border-color 0.05s ease-in-out 0s;} #formLandCensimento #inserimentoCentro select {border: 1px solid #ddd; height: 41px; width: 102%; padding:0 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; color: #32373c; outline: 0 none; transition: border-color 0.05s ease-in-out 0s;} #formLandCensimento #inserimentoCentro .left{float:left; width:45%; margin-bottom:15px} #formLandCensimento #inserimentoCentro .left.first {width: 100%;} #formLandCensimento #inserimentoCentro .left.first p {margin-top: 0px; font-size: 14px;} #formLandCensimento #inserimentoCentro .left p {font-size: 16px; line-height: 22px;} #formLandCensimento #inserimentoCentro .left label, #formLandCensimento #inserimentoCentro .right label {font-size: 18px;} #formLandCensimento #inserimentoCentro .right{float:right; width:45%; margin-bottom:15px} #formLandCensimento #inserimentoCentro .trattamentiAcquistati label {font-size: 18px; display: block;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .bottoneTratt {float: left; margin-right: 30px; margin-top: 15px; /*border: 2px solid #CCCCCC; padding: 5px 0px; width: 142px;*/ text-align: center; cursor: pointer;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .bottoneTratt input {float: left; margin-right: 5px; margin-top: 23px;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .bottoneTratt img {float: right;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .scalaColore {float: left; margin-right: 30px; margin-top: 15px; /*border: 2px solid #CCCCCC; padding: 5px 0px; width: 142px;*/ text-align: center; cursor: pointer;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .scalaColore input {float: left; width: 20px; height: 20px; border: none; background: transparent; border: none; font-weight: 700; cursor: pointer; margin-right: 5px; margin-top: 23px;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .scalaColore label {font-size: 15px; font-weight: 700; margin-top: 15px;} #formLandCensimento #inserimentoCentro .trattamentiAcquistati .scalaColore img {float: right; max-width: 360px;} .popupRituals {max-width: 500px; padding: 10px;} .popupRituals ul {list-style: none; margin: 0px; padding: 0px;} .popupRituals ul li {padding-left: 50px;height: 50px; line-height: 50px;} .popupRituals ul li#brush {background: url('../images/brush.png') no-repeat left;} .popupRituals ul li#duettoA {background: url('../images/duettoA.png') no-repeat left;} .popupRituals ul li#duettoC {background: url('../images/duettoC.png') no-repeat left;} .popupRituals ul li#stick {background: url('../images/stick.png') no-repeat left;} .popupRituals ul li#lips {background: url('../images/lips.png') no-repeat left;} #formLandCensimento #inserimentoCentro .line{width:100%; height:1px; background:#ccc; margin:20px 0} #formLandCensimento #inserimentoCentro #privacy{width:auto!important; float:left; height:auto!important} #formLandCensimento #inserimentoCentro .privacy{float:left; margin:-10px 0 30px 10px; color: #6d6d6d; font-size:15px; width:95%} #formLandCensimento #inserimentoCentro .privacy a {font-size: 16px;} #formLandCensimento #inserimentoCentro #ragione-sociale{width:97%} #formLandCensimento #inserimentoCentro .datiLabel {font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 20px 0px 20px 0px;} .lds-ring { /*display: inline-block;*/ position: relative; width: 40px; height: 40px; margin: 0 auto 30px auto; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 34px; height: 34px; margin: 8px; border: 4px solid #ccc; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ccc transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .footer{margin-top:150px; border-top:20px solid #008CDC; height:200px; background:#F8F5F2; padding:60px 20px} .footer p{padding:0; margin:0} .footer-container{max-width:1100px; margin:0 auto} .footer.igCe {margin-top: 0px; height: 150px} .footer.igCe .footer-container {max-width: 550px;} .contLogoFooterIGCE {float: left; margin-top: 25px;} .contDatiFooterIGCE {float: left; margin-left: 40px;} .contDatiFooterIGCE .indirizzo-footer {margin-top: 0px;} .indirizzo-footer-text{font-size:0.75em; margin-left:5px} /* Pagina IN MANUTENZIONE */ .image-random-ultra{text-align:center; position:relative; width:100%; border-bottom:10px solid #A27AFA} .image-random-ultra img{width:100%; display:block} .bg-image-random{text-align:center; position:absolute; bottom:0; width:100%} .bg-image-random img{width:100%} .glitter-line {height:30px;} .glitter-line img{width:100%} .margin-content-two{margin:0 20px} .sub-title-product-registrazione{color:#951B81; font-size:1.1em!important; font-weight:300; text-align:center; margin-bottom:60px} .sub-title-product-registrazione{padding: 10px 40px; color: #182F7E;} .sub-title-product-registrazione .nota {text-align: left;} .sub-title-product-registrazione p{font-size:1.3em!important;} .sub-title-product-registrazione p img.welcomekit {width: 90%/*550px*/; margin: 20px auto 0px auto;} .sub-title-product-registrazione p span.notaWK {font-size: 15px; color: #000;} /* Pagina NOMINA RESPONSABILE TRATTAMENTO DATI */ .content-two { max-width: 1100px; margin: 20px auto;} .main-description-product {width: 100%; background: #fff;} .siamo {padding: 30px 0 0 60px;} .text-product-title { color: #008CDC; font-size: 3em;} #text-intro-siamo {padding: 20px 60px 60px 60px;} @media screen and (max-width: 525px) { #text-intro-siamo {padding: 20px;} #text-intro-siamo ul {margin: 0px; padding: 0px 15px;} .siamo {padding: 20px 0 0 20px;} }