@charset "utf-8";

/* CSS Document */

#maximenuck114-mobile {
    width: 100% !important;
}

[data-id="maximenuck114"].mobilemenuck {
    background: #2d357e;
}

[data-id="maximenuck114"] .mobilemenuck-bar-title,
[data-id="maximenuck114"] .mobilemenuck-title {
    background: #161e63;
}

[data-id="maximenuck114"] .mobilemenuck-bar-button,
[data-id="maximenuck114"] .mobilemenuck-item>.level1 {
    background: #FFF;
    color: #2d357e;
}

[data-id="maximenuck114"] .mobilemenuck-title,
[data-id="maximenuck114"] .mobilemenuck-button {
    color: #FFF;
}

[data-id="maximenuck114"] .mobilemenuck-item>.level1:hover,
[data-id="maximenuck114"] .mobilemenuck-item>.level1.open,
[data-id="maximenuck114"] .mobilemenuck-item>.level1:hover .titreck-text .titreck-title,
[data-id="maximenuck114"] .mobilemenuck-item>.level1.open .titreck-text .titreck-title {
    color: #FFF !important;
    background: #161e63;
}


/* TABLET */

@media (max-width: 1200px) {
    #slideshow {
        margin-top: -10.5%;
    }
}

@media (max-width: 1100px) {
    .servizioPaziente .container {
        width: 39%;
    }
}

@media (max-width: 1000px) {
    #slideshow {
        margin-top: -11%;
    }
}

@media (max-width: 900px) {
    #slideshow {
        margin-top: -11.5%;
    }
}

@media (max-width: 800px) {
    #slideshow {
        margin-top: -12%;
    }
}


/* MOBILE */

@media (max-width: 700px) {
    img.renma {
        width: 100% !important;
        margin-right: 0% !important;
    }
    .igieneSicurezzaHome.mobile,
    #logo_mobile {
        display: block;
    }
    #top {
        background-size: 100%;
    }
    #top_left .contatto,
    #top_left .icona,
    #top_left .titolo,
    #top_left .contenuto {
        float: none;
    }
    #top_left,
    #top_right {
        width: 100vw;
        text-align: center;
    }
    #top_left {
        padding: 3vh 0px 2vh 0px;
    }
    #top_left .contatto {
        width: 100%;
    }
    #top_left .contenuto {
        margin-right: 0px;
    }
    #top_right {
        padding: 2vh 0px;
    }
    #top_right #richiedi_appuntamento_modal {
        font-size: 16px;
    }
    #nav {
        display: none;
    }
    #slideshow {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .camera_caption {
        bottom: 30%;
    }
    .camera_caption .camera_caption_title {
        font-size: 20px;
        line-height: 30px;
    }
    .camera_caption .camera_caption_desc {
        font-size: 12px;
        line-height: 22px;
    }
    #bottom .bottom {
        width: 92vw;
        border-top: 1px solid #e9e9e9;
        padding-top: 3vh;
    }
    #bottom .newsletter {
        order: 1;
    }
    #bottom .contatti {
        order: 2;
    }
    #bottom .social {
        order: 3;
    }
    .refertionline {
        background-size: cover;
        background-position: right;
    }
    .refertionline h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .refertionline h3,
    .refertionline p {
        width: 100%;
        text-align: center;
    }
    .refertionline .btnRefertiOnline {
        position: relative;
        float: left;
        width: 80%;
        margin: 30px 0px 0px 10%;
        font-size: 16px;
        text-align: center;
        right: 0px;
        padding: 10px 0px;
    }
    #modale #contenuto {
        left: 10vw;
        width: 74vw;
    }
    h1 {
        font-size: 10vw;
        line-height: 12vw;
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 7vw;
        line-height: 9vw;
    }
    #article .visforms .infoContact,
    #article .visforms form {
        width: 100% !important;
        text-align: center;
    }
    #article .visforms form label,
    #article .visforms form input {
        width: 100%;
        text-align: left;
    }
    #article .visforms .formLavoraConNoi {
        margin: 30px 0px;
    }
    #article .visforms .formLavoraConNoi .field21 .visCSSrbinl label,
    #article .visforms .formLavoraConNoi .field21 .visCSSrbinl input,
    #article .visforms .formLavoraConNoi .field21 p {
        width: 100%;
    }
    #article .visforms .infoContact img {
        float: none;
        width: 10%;
        padding: 5%;
        margin: 0px 40% 20px 40%;
    }
    #article .formFormazione {
        width: 100%;
        margin: 0px;
    }
    #article .formFormazione form {
        width: 100% !important;
        margin: 0px !important;
    }
    .servizioPaziente .container {
        width: 95.2%;
        margin: 30px 0px;
    }
    .mfp_default_item {
        margin: 2% 0px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .igiene-sicurezza .container {
        width: 100%;
        margin: 30px 0%;
    }
    #infodata {
        width: 90%;
        padding: 5%;
        background-image: none;
    }
    .blogHome h3,
    .valoriAziendali h3 {
        font-size: 6vw;
    }
    .valoriAziendali .elemento {
        width: 100%;
        margin: 5% 0px;
    }
    .igieneSicurezzaHome .elemento {
        width: 100%;
        margin: 0px 0px 5% 0px;
    }
    .strutturaHome #presentazione,
    .strutturaHome #video {
        position: relative;
        float: left;
        width: 100%;
    }
    .strutturaHome #presentazione .titolo {
        position: relative;
        float: left;
        font-size: 6vw;
        width: 100%;
        font-size: 26px;
        line-height: 36px;
        color: #2d357e;
        margin: 0px !important;
        text-transform: uppercase;
        border-bottom: 2px solid #2d357e;
        padding: 0px !important;
        font-weight: bold;
        text-align: center;
    }
    .strutturaHome #presentazione .titolo,
    .strutturaHome #presentazione .testo,
    .strutturaHome #presentazione img {
        width: 100% !important;
        padding: 0px;
        margin: 10px 0px;
    }
    .moduloRecensioni .mfp_carousel_introtext,
    .moduloRecensioni .mfp_carousel_title {
        font-size: 14px !important;
        line-height: 24px !important;
    }
    .moduloRecensioni .tns-controls [data-controls="prev"] {
        margin-left: 8% !important;
    }
    .moduloRecensioni .tns-controls [data-controls="next"] {
        margin-right: 8%;
    }
    .moduloRecensioni .apiciRecensioni {
        font-size: 15vw;
        height: 50px;
        margin-left: -40px;
    }
    .moduloRecensioni .titoloRecensioni {
        font-size: 6vw;
        top: -50px;
    }
    #right {
        width: 100%;
        text-align: center;
    }
    .categorieBlog {
        width: 90%;
    }
    #right ul {
        margin: 0px;
        padding: 0px;
    }
    #right ul li {
        list-style: none;
        padding: 10px 0px;
        margin: 0px;
        text-transform: uppercase;
        text-align: center;
    }
    /* Allineamento immagini articolo esteso */
    figure.align-left,
    figure.align-right {
        float: left !important;
        width: 100% !important;
        margin: 20px 0px !important;
    }
    /* PAGINE */
    .struttura,
    .storia,
    .staff,
    .servizi_sanitari,
    .screening,
    .preparazione_esami,
    .igiene_sicurezza_privati,
    .igiene_sicurezza_aziende,
    .igiene-soicurezza,
    .convenzioni,
    .sanit_card,
    .unita_sanitarie_mobili,
    .gestione_sicura_online,
    .sanit_card_aziendale,
    .formazione,
    .scegliere_radiosanit,
    .inizitive,
    .blog,
    .healthblog,
    .curiosita,
    .alimentazione,
    .bellezza,
    .ricerca,
    .menuhelp {
        width: 100%;
        margin: 0px;
    }
    ul {
        padding: 10px 5%;
        width: 90%;
    }
    #footer #menu_help ul {
        width: 100%;
    }
    .struttura .com-content-article__body,
    .storia .com-content-article__body,
    .screening .com-content-article__body {
        width: 100%;
    }
    .storia figure,
    .screening figure {
        margin: 20px 0px !important;
    }
    .convenzioni .imageList {
        width: 45% !important;
    }
    .galleria .titoloVideo,
    .galleria video {
        width: 100%;
    }
    .galleria .titoloVideo {
        text-align: center;
    }
    .galleria video {
        margin: 0%;
    }

    .counter {
        width: 90%;
        margin: 0px 5% 5% 5%;
    }
}

@media (max-width: 500px) {
    #footer #menu_help ul li {
        display: block;
        border: 0px
    }
    #logo_mobile img {
        width: 70%;
    }
}

@media (max-width: 350px) {
    #logo_mobile img {
        width: 80%;
    }
}