/* ASSISTENZA GENOMA */
.assistenzaGenoma {
    background: #003883;
}
.gridAssistenza {
    margin: auto;
}
.gridAssistenza, .gridAssistenza > div:nth-child(2) > form{
    display: flex;
}
.gridAssistenza > div:nth-child(2) > form {
    flex-direction: column;
}
.gridAssistenza > div:nth-child(2) > form > div > input, .gridAssistenza > div:nth-child(2) > form > div > textarea{
    width: -webkit-fill-available;
}
h2.titleAssistenza, p.textAssistenza {
    font-family: 'news-gothic-std', sans-serif;
    color: #fff;
}
.colAssistenza:first-child img {
    height: auto;
}
div#assistenzaGenoma .campo.ruolo, div#assistenzaGenoma span.ruolo, div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma .privacy label, div#assistenzaGenoma .newsletter label {
    display: flex;
}
div#assistenzaGenoma form > div > input, div#assistenzaGenoma form > div > select, div#assistenzaGenoma form > div > textarea, div#assistenzaGenoma p.textRuolo, div#assistenzaGenoma span.ruolo > label > span, div#assistenzaGenoma .privacy > label > span, div#assistenzaGenoma .newsletter > label > span, div#assistenzaGenoma span.text-danger span{
    font-family: 'news-gothic-std', sans-serif;
}
div#assistenzaGenoma form > div > input, div#assistenzaGenoma form > div > input::placeholder,  div#assistenzaGenoma form > div > select, div#assistenzaGenoma p.textRuolo, div#assistenzaGenoma .campo.ruolo span, div#assistenzaGenoma form > div > textarea, div#assistenzaGenoma form > div > textarea::placeholder, div#assistenzaGenoma .privacy > label > span:first-of-type, div#assistenzaGenoma .newsletter > label > span:first-of-type, div#assistenzaGenoma form > input:first-of-type, input#DNTCaptchaInputText, input#DNTCaptchaInputText::placeholder{
    color: white;
}
div#assistenzaGenoma form > div > input:focus, div#assistenzaGenoma form > div > textarea:focus, div#assistenzaGenoma form > div > select:focus, input#DNTCaptchaInputText:focus{
    outline: none;
}
div#assistenzaGenoma form > div:nth-child(-n+3), div#assistenzaGenoma .campo.messaggio,  div#assistenzaGenoma .campo.richiesta{
    display: flex;
    flex-direction: column;
}
div#assistenzaGenoma span.text-danger {
    order: 1;
}
div#assistenzaGenoma form > div:nth-child(-n+3) input, div#assistenzaGenoma .campo.messaggio textarea {
    order: 2;
}
div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma .privacy label, div#assistenzaGenoma .newsletter label {
    align-items: center;
}
div#assistenzaGenoma .campo.privacy a, div#assistenzaGenoma span.text-danger{
    color: #EE7D11;
}
div#assistenzaGenoma .campo.privacy a:hover{
    opacity:0.7;
}
div#assistenzaGenoma p.textRuolo, div#assistenzaGenoma input[type="submit"]{
    font-weight: bold;
}
div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input, div#assistenzaGenoma .campo textarea,  div#assistenzaGenoma form > div > select{
    background-color: transparent;
    border: 1px solid white;
}
div#assistenzaGenoma select#Request option{
    background: #003883;
}
div#assistenzaGenoma .privacy label{
    flex-wrap: wrap;
}
div#assistenzaGenoma p.textRuolo {
    margin: 0;
}
div#assistenzaGenoma input[type="radio"], div#assistenzaGenoma input[type="checkbox"]{
    position: relative;
    appearance: none;
    border: 1px solid white;
    background-color: #003883;
    border-radius: 50%;
}
div#assistenzaGenoma input[type="radio"]:checked::after, div#assistenzaGenoma input[type="checkbox"]:checked::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #EE7D11;
}
.campo.richiesta{
    position: relative;
}
.campo.richiesta::after{
    bottom: 0;
    z-index: 1;
    display: flex;
    line-height: 1;
    color: white;
    content: '\e313';
    font-weight: 200;
    position: absolute;
    align-items: center;
    font-family: 'Material Symbols Outlined', sans-serif;
}
select.richiesta {
    order: 2;
    z-index: 2;
    width: 100%;
    cursor: pointer;
    appearance: none;
    position: relative;
}
div#assistenzaGenoma input[type="submit"]{
    background-color: #EE7D11;
    border: 1px solid #EE7D11;
    border-radius: 44px;
    cursor: pointer;
}
div#assistenzaGenoma input[type="submit"]:hover{
    background-color: transparent;
    color: #EE7D11;
}
div#assistenzaGenoma span.u-form-kit-response-output, div#assistenzaGenoma span.text-danger{
    display: block;
}
div#assistenzaGenoma .campo.privacy span.text-danger{
    order: -1;
    flex: 0 0 100%;
}
@media (max-width: 550px){
    div#assistenzaGenoma {
        padding: 15vw 10vw;
    }
    .gridAssistenza {
        grid-gap: 10vw;
    }
    h2.titleAssistenza {
        font-size: 10vw;
        line-height: 10vw;
        margin: 0 0 6vw;
    }
    p.textAssistenza {
        font-size: 4.3vw;
    }
    .gridAssistenza > div:first-child img {
        display: none;
    }
    .gridAssistenza > div:nth-child(2) > form {
        grid-gap: 1.5vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma .campo input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select, div#assistenzaGenoma input[type="submit"], div#assistenzaGenoma span.u-form-kit-response-output{
        font-size: 4.3vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma span.u-form-kit-response-output{
        margin-bottom: 5vw;
    }
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input{
        height: 15vw;
        padding: 0 6vw;
    }
    div#assistenzaGenoma .campo.ruolo, span.text-danger{
        padding-left: 6vw;
    }
    div#assistenzaGenoma .campo.ruolo {
        flex-direction: column;
        align-items: flex-start;
    }
    div#assistenzaGenoma p.textRuolo {
        padding-bottom: 15px;
    }
    div#assistenzaGenoma span.ruolo {
        grid-gap: 30px;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma .privacy label, div#assistenzaGenoma .newsletter label{
        grid-column-gap: 1.5vw;
    }
    div#assistenzaGenoma .campo textarea{
        max-height: 45vw;
        padding: 6vw;
    }
    .campo select{
        padding: 0 13vw 0 6vw;
    }
    .campo select, .campo.richiesta::after{
        height: 15vw;
    }
    .campo.richiesta::after{
        right: 4.5vw;
        font-size: 6vw;
    }
    div#assistenzaGenoma input[type="checkbox"]{
        flex: 0 0 auto;
    }
    div#assistenzaGenoma .campo.privacy span:not(.text-danger, #privacy-error), div#assistenzaGenoma .campo.newsletter span:not(.text-danger){
        flex: 0 0 calc(100% - 9vw);
    }
    div#assistenzaGenoma input[type="submit"]{
        height: 12vw;
        width: 100%;
    }
    div#assistenzaGenoma span.field-validation-error{
        margin-bottom: 2vw;
    }
}
@media (min-width:551px){
    div#assistenzaGenoma .campo.ruolo{
        align-items: center;
    }
}
@media (min-width: 551px) and (max-width: 766.9px){
    div#assistenzaGenoma {
        padding: 15vw 10vw;
    }
    h2.titleAssistenza {
        font-size: 7.2vw;
        line-height: 7.2vw;
        margin: 0 0 6vw;
    }
    p.textAssistenza {
        font-size: 5.25vw;
        width: 62vw;
    }
    .gridAssistenza > div:first-child img {
        right: -5vw;
        max-width: 27vw;
        top: -5vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma .campo input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select, div#assistenzaGenoma input[type="submit"], div#assistenzaGenoma span.u-form-kit-response-output{
        font-size: 2.63vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma span.u-form-kit-response-output{
        margin-bottom: 4vw;
    }
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input{
        height: 11vw;
        padding: 0 5vw;
    }
    div#assistenzaGenoma .campo.ruolo{
        padding-left: 5vw;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma span.text-danger{
        margin-left: 5vw;
    }
    div#assistenzaGenoma .campo textarea{
        height: 30vw;
        padding: 5vw;
    }
    .campo select{
        padding: 0 10.5vw 0 5vw;
    }
    .campo select, .campo.richiesta::after{
        height: 11vw;
    }
    .campo.richiesta::after{
        right: 3.5vw;
        font-size: 4.3vw;
    }
    div#assistenzaGenoma input[type="checkbox"]{
        flex: 0 0 auto;
    }
    div#assistenzaGenoma .campo.privacy span:not(.text-danger, #privacy-error), div#assistenzaGenoma .campo.newsletter span:not(.text-danger){
        flex: 0 0 calc(100% - 7vw);
    }
    div#assistenzaGenoma input[type="submit"]{
        height: 10vw;
        width: 100%;
    }
    div#assistenzaGenoma span.field-validation-error{
        margin-bottom: 1.5vw;
    }
}
@media (min-width: 551px) and (max-width: 899.9px){
    .gridAssistenza {
        grid-gap: 10vw;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma .privacy label, div#assistenzaGenoma .newsletter label{
        grid-column-gap: 1vw;
    } 
}
@media (max-width:766.9px){
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input, div#assistenzaGenoma .campo select{
        border-radius: 8vw;
    }
    div#assistenzaGenoma .campo textarea {
        border-radius: 5vw;
    }
    div#assistenzaGenoma input[type="radio"], div#assistenzaGenoma input[type="checkbox"]{
        width: 4vw;
        height: 4vw;
    }
    div#assistenzaGenoma input[type="radio"]:checked::after, div#assistenzaGenoma input[type="checkbox"]:checked::after{
        width: 2.2vw;
        height: 2.2vw;
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
    /* ASSISTENZA GENOMA */
    div#assistenzaGenoma {
        padding: 8vw;
    }
    h2.titleAssistenza {
        font-size: 5.7vw;
        line-height: 5.7vw;
        width: 45vw;
        margin: 0 0 3vw;
    }
    p.textAssistenza {
        font-size: 4.15vw;
        line-height: 4.8vw;
        width: 45vw;
    }
    .gridAssistenza > div:first-child img {
        right: 0;
        max-width: 35vw;
        top: 0;
    }
    div#assistenzaGenoma .formContatti{
        padding: 10vw 8vw;
    }
    div#assistenzaGenoma h2.titleContatti{
        font-size: 6vw;
        margin: 0 0 3vw;
    }
    div#assistenzaGenoma h3.subtitleContatti{
        font-size: 4.2vw;
        margin: 0 0 6vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma .campo input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select, div#assistenzaGenoma input[type="submit"], div#assistenzaGenoma span.u-form-kit-response-output{
        font-size: 2.06vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma span.u-form-kit-response-output{
        margin-bottom: 3vw;
    }
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input{
        height: 7vw;
        padding: 0 4vw;
    }
    div#assistenzaGenoma .campo.ruolo{
        padding-left: 4vw;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma span.text-danger{
        margin-left: 4vw;
    }
    div#assistenzaGenoma .campo textarea{
        height: 20vw;
        padding: 4vw;
    }
    .campo select{
        padding: 0 8vw 0 4vw;
    }
    .campo select, .campo.richiesta::after{
        height: 7vw;
    }
    .campo.richiesta::after{
        right: 2.5vw;
        font-size: 3.2vw;
    }
    div#assistenzaGenoma input[type="radio"], div#assistenzaGenoma input[type="checkbox"]{
        width: 3vw;
        height: 3vw;
    }
    div#assistenzaGenoma input[type="radio"]:checked::after, div#assistenzaGenoma input[type="checkbox"]:checked::after{
        width: 1.5vw;
        height: 1.5vw;
    }
    div#assistenzaGenoma input[type="checkbox"]{
        flex: 0 0 auto;
    }
    div#assistenzaGenoma .campo.privacy span:not(.text-danger, #privacy-error), div#assistenzaGenoma .campo.newsletter span:not(.text-danger){
        flex: 0 0 calc(100% - 5vw);
    }
    div#assistenzaGenoma input[type="submit"]{
        height: 7vw;
        width: 40vw;
    }
    div#assistenzaGenoma span.field-validation-error{
        margin-bottom: 1vw;
    } 
}
@media (min-width:767px) and (max-width:1099.9px){
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select {
        border-radius: 3.5vw;
    }  
}
@media (max-width: 899.9px){
    .gridAssistenza, div#assistenzaGenoma .gridContatti {
        flex-direction: column;
    }
    .gridAssistenza > div:first-child {
        position: relative;
    }
    .gridAssistenza > div:first-child img {
        position: absolute;
    }
    p.textAssistenza {
        margin: 0;
    }
}
@media (min-width:900px) {
    div#assistenzaGenoma input[type="checkbox"]{
        flex: 0 0 auto;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma .privacy label, div#assistenzaGenoma .newsletter label{
        grid-column-gap: 0.5vw;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    /* ASSISTENZA GENOMA */ 
    div#assistenzaGenoma {
        padding: 10vw;
    }
    .gridAssistenza {
        width: 84vw;
        grid-gap: 7vw;
    }
    .gridAssistenza > div:first-child {
        flex: 0 1 45%;
    }
    h2.titleAssistenza {
        font-size: 4.25vw;
        line-height: 4.25vw;
        margin: 0 0 3vw;
    }
    p.textAssistenza {
        font-size: 3.1vw;
        line-height: 3.7vw;
        margin: 0 0 6vw;
    }
    .gridAssistenza > div:nth-child(2) {
        flex: 0 1 55%;
    }
    div#assistenzaGenoma .formContatti{
        padding: 6vw 7vw;
    }
    div#assistenzaGenoma .gridContatti{
        justify-content: space-between;
    }
    div#assistenzaGenoma .col1-contatti{
        flex: 0 0 25vw;
    }
    div#assistenzaGenoma .col2-contatti{
        flex: 0 0 50vw;
    }
    div#assistenzaGenoma h2.titleContatti{
        font-size: 3.1vw;
        margin: 0 0 3vw;
    }
    div#assistenzaGenoma h3.subtitleContatti{
        font-size: 2.5vw;
        margin: 0 0 3vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma .campo input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select, div#assistenzaGenoma input[type="submit"], div#assistenzaGenoma span.u-form-kit-response-output{
        font-size: 1.55vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma span.u-form-kit-response-output{
        margin-bottom: 2vw;
    }
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input{
        height: 5.5vw;
        padding: 0 3vw;
    }
    div#assistenzaGenoma .campo.ruolo{
        padding-left: 3vw;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma span.text-danger{
        margin-left: 3vw;
    }
    div#assistenzaGenoma .campo textarea{
        height: 13vw;
        padding: 3vw;
    }
    .campo select{
        padding: 0 5.5vw 0 3vw;
    }
    .campo select, .campo.richiesta::after{
        height: 5.5vw;
    }
    .campo.richiesta::after{
        right: 2vw;
        font-size: 2.2vw;
    }
    div#assistenzaGenoma input[type="radio"], div#assistenzaGenoma input[type="checkbox"]{
        width: 1.8vw;
        height: 1.8vw;
    }
    div#assistenzaGenoma input[type="radio"]:checked::after, div#assistenzaGenoma input[type="checkbox"]:checked::after{
        width: 0.7vw;
        height: 0.7vw;
    }
    div#assistenzaGenoma .campo.privacy span:not(.text-danger, #privacy-error), div#assistenzaGenoma .campo.newsletter span:not(.text-danger){
        flex: 0 0 calc(100% - 4vw);
    }
    div#assistenzaGenoma input[type="submit"]{
        height: 6vw;
        width: 100%;
    }
    div#assistenzaGenoma span.field-validation-error{
        margin-bottom: 1vw;
    }
}
@media (max-width: 1099.9px){
    .colAssistenza:first-child img {
        width: 100%;
    } 
}
@media (min-width: 1100px){
    /* ASSISTENZA GENOMA */
    .assistenzaGenoma {
        padding-block: 7vw;
    }
    h2.titleAssistenza {
        margin: 0 0 2vw;
    }
    div#assistenzaGenoma span.text-danger span, div#assistenzaGenoma .campo.privacy span, div#assistenzaGenoma .campo.newsletter span {
        font-size: 15px;
    } 
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select {
        border-radius: 2.5vw;
    } 
    div#assistenzaGenoma input[type="checkbox"]{
        width: 20px;
        height: 20px;
    }
    div#assistenzaGenoma input[type="checkbox"]:checked::after{
        width: 9px;
        height: 9px;
    } 
}
@media (min-width: 1100px) and (max-width: 1400px){  
    .gridAssistenza {
        width: 85vw;
        grid-gap: 7vw;
    }
    .gridAssistenza > div:first-child {
        flex: 0 1 40%;
    }
    .gridAssistenza > div:nth-child(2) {
        flex: 0 1 60%;
    }
    h2.titleAssistenza {
        font-size: 3.94vw;
        line-height: 3.94vw;
    }
    p.textAssistenza {
        font-size: 2.86vw;
        line-height: 3.3vw;
        margin: 0 0 4vw;
    }
    .colAssistenza:first-child img{
        width: 28vw;
    }
    .gridAssistenza > div:nth-child(2) > form{
        grid-gap: 1.5vw;
    }
    div#assistenzaGenoma .campo, div#assistenzaGenoma .campo input, div#assistenzaGenoma .campo textarea, div#assistenzaGenoma .campo select, div#assistenzaGenoma input[type="submit"], div#assistenzaGenoma span.u-form-kit-response-output{
        font-size: 1.45vw;
    }
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter) input{
        height: 5.5vw;
        padding: 0 3vw;
    }
    div#assistenzaGenoma .campo.ruolo{
        padding-left: 3vw;
    }
    div#assistenzaGenoma span.ruolo label, div#assistenzaGenoma span.text-danger{
        margin-left: 3vw;
    }
    div#assistenzaGenoma .campo textarea{
        height: 13vw;
        padding: 3vw;
    }
    .campo select{
        padding: 0 5vw 0 3vw;
    }
    .campo select, .campo.richiesta::after{
        height: 5.5vw;
    }
    .campo.richiesta::after{
        right: 1.5vw;
        font-size: 2.2vw;
    }
    div#assistenzaGenoma input[type="radio"]{
        width: 2.2vw;
        height: 2.2vw;
    }
    div#assistenzaGenoma input[type="radio"]:checked::after{
        width: 1vw;
        height: 1vw;
    }
    div#assistenzaGenoma .campo.privacy span:not(.text-danger, #privacy-error), div#assistenzaGenoma .campo.newsletter span:not(.text-danger){
        flex: 0 0 calc(100% - 4vw);
    }
    div#assistenzaGenoma input[type="submit"]{
        height: 5vw;
        width: 25vw;
    }
    div#assistenzaGenoma span.field-validation-error{
        margin-bottom: 1vw;
    }
}
@media (min-width: 1401px){
    /* ASSISTENZA GENOMA */
    .gridAssistenza {
        width: 70vw;
        grid-gap: 5vw;
    }
    .gridAssistenza > div:first-child {
        flex: 0 1 30%;
    }
    .gridAssistenza > div:nth-child(2) {
        flex: 0 1 70%;
    }
    h2.titleAssistenza {
        font-size: 2.87vw;
        line-height: 2.87vw;
        width: 22vw;
    }
    p.textAssistenza {
        font-size: 2.1vw;
        line-height: 2.4vw;
        width: 26vw;
        margin: 0 0 3vw;
    }
    .colAssistenza:first-child img {
        width: 24vw;
    }
    .gridAssistenza > div:nth-child(2) > form{
        grid-gap: 1vw;
    }
    div#assistenzaGenoma form > div:nth-child(-n+5), div#assistenzaGenoma .campo:not(.captcha) input, .campo select, .campo textarea, div#assistenzaGenoma input[type="submit"], div#assistenzaGenoma span.u-form-kit-response-output{
        font-size: 1.05vw;
    }
    div#assistenzaGenoma .campo:not(.ruolo, .privacy, .newsletter, .captcha) input{
        height: 4.2vw;
        padding: 0 2.6vw;
    }
    div#assistenzaGenoma .campo.ruolo{
        padding-left: 2.7vw;
    }
    div#assistenzaGenoma .campo.ruolo, div#assistenzaGenoma span.ruolo {
        grid-gap: 2.6vw;
    }
    div#assistenzaGenoma span.text-danger{
        margin: 0 0 0.5vw 2.6vw;
    }
    div#assistenzaGenoma .campo textarea{
        height: 13vw;
        padding: 2.6vw;
    }
    div#assistenzaGenoma input[type="radio"]{
        width: 1.8vw;
        height: 1.8vw;
    }
    div#assistenzaGenoma input[type="radio"]:checked::after{
        width: 0.8vw;
        height: 0.8vw;
    }
    div#assistenzaGenoma .campo.privacy span:not(.text-danger), .campo.newsletter span:not(.text-danger){
        flex: 0 0 calc(100% - 3vw);
    }
    .campo select{
        padding: 0 4vw 0 2.6vw;
    }
    .campo select, .campo.richiesta::after{
        height: 4.2vw;
    }
    .campo.richiesta::after{
        right: 1.5vw;
        font-size: 1.8vw;
    }
    .dntCaptcha {
        display: flex;
        gap: 20px;
        align-items: stretch;
    }
    img#dntCaptchaImg {
        height: 2vw;
        margin: 0 !important;
    }
    input#DNTCaptchaInputText {
        height: -webkit-fill-available;
        width: 10vw;
        padding-inline: 1vw;
    }
    div#assistenzaGenoma input[type="submit"]{
        height: 4vw;
        width: 18.5vw;
    }

}