@media only screen and (min-width: 768px) {

    /*#region GENERICHE */

    html {
        background-color: #fff;
    }

    body {
        /*font-size: 12pt;*/
        font-size: 17px;
        background-color: #fff;
    }

    /*region Box generico */

    .contenitoreBox {
        margin-left: auto;
        margin-right: auto;
    }

    .headerBox {
    }

    .corpoBox {
        padding: 10px;
        overflow: hidden;
    }

    .h2Box {
        font-size: 14pt;
        color: #000;
        padding: 0px;
        margin: 0px;
    }

    .h3Box {
        font-size: 14pt;
        padding: 0px;
        margin: 0px;
    }

    /*#endregion*/

    /*#region FORM */

    .ulCoppia {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .liCoppia {
        text-decoration: none;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .chiave {
        float: left;
    }

    .valore {
        float: right;
        font-weight: bold;
    }

    /*#endregion*/

    /*#region INPUT */

    input.text {
        padding: 5px;
        border: 1px solid #999;
        font-size: 17px;
        font-style: normal;
        color: #000;
        font-family: inherit;
        width: 94%;
    }

        input.text:focus {
            outline: 0px;
            border: 1px solid #000;
        }

    input.btnAnnulla {
        padding: 5px 10px 5px 10px;
    }


    /*#endregion*/

    /*#region TEXTAREA*/

    textarea.text {
        padding: 5px;
        border: 1px solid #999;
        color: #000;
        font-size: 18px;
        font-family: inherit;
        border-radius: 0px;
    }

        textarea.text:focus {
            outline: 0px;
            border: 1px solid #1e61d4;
        }

    /*#endregion*/

    /*#region SELECT */

    select {
        padding: 5px;
        border: 1px solid #999;
        font-size: 18px;
        font-style: normal;
        color: #000;
        font-family: inherit;
    }

    /*#endregion*/

    /*#region LINK */

    a.lnkGenerico {
        padding: 5px 10px 5px 10px;
    }

    a.lnkProcedi {
        padding: 5px 10px 5px 10px;
    }

    /*#endregion*/

    /*#region STRUTTURA SITO */

    #contenitore {
        margin-right: auto;
        margin-left: auto;
        overflow: hidden;
    }

    #testata {
        position: relative;
    }

    #top {
        background-color: #fff;
        z-index: 999;
        width: 100%;
        position: relative;
    }

    #testata.smaller #top {
        position: fixed;
    }

    #helperHeader {
        display: none;
    }

    #testata.smaller #helperHeader {
        height: 135px;
        display: block !important;
    }

    #contenutiHeader {
        position: relative;
    }

    #corpo {
        position: relative;
        padding-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        clear: both;
        background-color: rgba(255,255,255,1) !important;
    }

    #contenutiCorpo {
        display: block;
    }

    body.dueColonne #contenutiCorpo {
        width: 96%;
        margin: 0 auto;
    }


    #bottomCorpo {
        clear: both;
        width: 100%;
    }

    body.unaColonna #corpo {
        background-color: rgba(255, 255, 255, 1);
        padding: 0px;
        border-radius: 0px;
    }

    body.dueColonne #corpo {
        background-color: rgba(255, 255, 255, 1) !important;
    }

    #sinistra {
        padding: 0px;
        width: 20%;
        float: left;
        overflow: hidden;
    }

    #scroll_left {
        margin: 2% auto 0 auto;
        width: 96%;
        padding: 0 2%;
        overflow: hidden;
        background-color: rgba(201, 1, 25, 0.7);
        color: #fff;
    }

    #lblMessaggioScorrimento,
    #lblMessaggioScorrimento strong {
        font-weight: 300;
    }

    #centro1colonna {
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }

    #centro2colonne {
        width: 78%;
        overflow: hidden;
        float: right;
    }

    #centro3colonne {
        width: 530px;
        overflow: hidden;
        margin-right: 10px;
        float: left;
    }

    #raggruppamento {
        float: right;
        overflow: hidden;
        width: 760px;
        margin-right: 128px;
    }

    #destra {
        width: 220px;
        float: right;
        display: block;
        overflow: hidden;
    }

    .unaColonnaHome #centro1colonna {
        width: 100%;
    }

    .sezionePagina {
        margin: 0 auto;
        width: 96%;
        max-width: 1280px;
        border: none;
        overflow: hidden;
        background-color: transparent;
    }

    .rigaPagina {
        text-align: justify;
    }

    .colonnaPagina {
    }

        .colonnaPagina p {
            margin-top: 0px;
            margin-bottom: 10px;
        }

    #testoHomeSotto {
        width: 100%;
        clear: both;
    }

    /*#endregion*/

    /*#region --- HEADER --- */

    /*#region --- TEMPLATE HEADER --- */

    #headerMobile, #contenitoreBtnMenuMobile, #strumentiMobile, #infoShippingMob, #logoMob {
        display: none
    }

    #boxHeaderTop {
        font-size: 13px;
        padding: 5px 0;
        border-bottom: 1px solid #efefef
    }

    #contenutoHeaderTop {
        width: 98%;
        max-width: 1280px;
        margin: 0 auto;
        height: 25px;
        display: flex;
        justify-content: space-between
    }

    #contenutoHeaderTopRight > div {
        position: relative;
        display: inline-block;
        margin-left: 15px
    }

    #boxHeaderMain {
        position: relative;
        width: 98%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 5px 0;
        height: 50px;
        background: #fff;
        text-align: right;
        display: flex;
        justify-content: space-between
    }

        #boxHeaderMain > div {
            display: inline-flex;
            align-items: center;
        }

    #contenutoHeaderMainRight > div {
        position: relative;
        margin-left: 1.5%;
    }

    #contenutoHeaderMainRight {
        flex-grow: 2;
        justify-content: flex-end;
    }

    /*#endregion */

    /*#region --- BANNER TOP --- */

    /*#banner {
        transition: none
    }*/

    #pnlContenutoBanner {
        text-align: center;
        font-size: 13px;
        margin: 0 auto;
        padding: 5px 0;
        max-width: 1280px;
        width: 98%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #pnlContenutoBanner > div {
            flex-grow: 2;
            justify-content: flex-end;
        }

    #banner #btnBanner {
        width: 20px;
        text-align: right;
        cursor: pointer;
    }

    #banner i:before {
        color: #fff
    }

    #pnlContenutoBanner > div * {
        margin: 0
    }

    #pnlContenutoBanner img {
        max-height: 500px;
        width: auto
    }

    #banner:before {
        margin-right: 3px
    }

    /*#endregion */

    /*#region --- INFO SPEDIZIONE --- */

    #infoShipping {
        display: inline-block;
        position: relative;
        text-align: left
    }

        #infoShipping span {
            color: #ff6600;
            line-height: 25px
        }

            #infoShipping span:before {
                font-family: 'fontAwesome';
                content: '\f0d1';
                margin-right: 5px;
            }

    /*#endregion */

    /*#region --- INFO SITO --- */

    #infoSite {
        margin: 0
    }

        #infoSite .contacts {
            display: inline-block
        }

        #infoSite .indirizzo {
            display: none !important;
        }

            #infoSite .contacts > div {
                display: inline-block;
                margin-left: 10px
            }

            #infoSite .contacts a {
                line-height: 25px
            }

                #infoSite .contacts a label, #contenutoHeaderTopRight .lnkGestione i {
                    padding-right: 3px
                }

        #infoSite .social {
            display: inline-block;
            padding: 0;
            margin: 0;
            vertical-align: top
        }

            #infoSite .social ul {
                margin: 0;
                padding: 0
            }

            #infoSite .social li {
                display: inline-block;
                margin: 0 2px
            }

        #infoSite .socialButton:hover {
            background-color: #fff
        }

        #infoSite .socialButton:before {
            display: inline-block
        }

        #infoSite .socialButton {
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: translate(0,0);
            background-color: rgba(193,227,243,0);
            width: 25px;
            height: 25px;
            line-height: 25px;
            vertical-align: top;
            overflow: hidden;
            text-align: center;
            border-radius: 100%;
            text-align: center;
            font-size: 0
        }

            #infoSite .socialButton:hover {
                background: #1e61d4;
                color: #fff
            }

                #infoSite .socialButton:hover:before {
                    color: #fff !important
                }

            #infoSite .socialButton:before {
                text-align: center;
                font-size: 15px;
                color: #1e61d4
            }

    /*#endregion */

    /*#region --- LINGUE --- */

    #contenitoreSceltaLingua {
        display: none !important;
    }

    #contenitoreSceltaLingua {
        background-color: #fff;
        border-radius: 3px;
        cursor: pointer;
        z-index: 10;
        float: right;
        text-align: right
    }

    #ddlSceltaLingua {
        font-weight: 300;
        font-size: 18px;
        display: inline-block;
        border: 1px solid #ed1b26;
        padding: 3px 3px 3px 5px;
        margin: 0;
        outline: none;
        -webkit-appearance: none;
        border-radius: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        cursor: pointer;
        width: 105px;
        border-color: #ed1b26
    }

        #ddlSceltaLingua option {
            cursor: pointer
        }

        #ddlSceltaLingua:focus {
            outline: 0;
            color: #4d4d4d;
            box-shadow: none
        }

    .lang-selectbox-options ul {
        list-style: none;
        padding: 5px 10px 5px 5px;
        margin: 0;
    }

    .lang-option {
        display: block;
        font-weight: 300;
        text-decoration: none !important;
        font-size: 13px;
        padding-left: 3px;
        text-align: left;
    }

        .lang-option i {
            background-size: 100% !important;
            display: inline-block;
            width: 17px;
            height: 13px;
            margin: 0 3px;
            vertical-align: text-top;
        }

    #langsContainer {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        overflow: hidden;
        height: 0;
    }

    #languageBox {
        background-color: #e6eaee
    }

    .hide-option-language {
        height: 0
    }

    .open-option-language {
        height: 25px !important;
    }

    #selected-lang {
        text-decoration: none !important;
        padding: 4px !important;
        display: block;
    }

        #selected-lang:after {
            font-family: fontAwesome;
            content: '\f0d7';
            display: inline-block;
            margin-left: 4px;
            padding-right: 4px
        }

    /*#endregion */

    /*#region --- LOGO --- */

    #logo {
        overflow: hidden
    }

        #logo p {
            margin: 0
        }

        #logo img {
            max-height: 50px;
            max-width: 250px;
            width: auto;
            height: auto
        }

    /*#endregion */

    /*#region --- CERCA --- */

    #pnlCerca{
        display:flex;
        height:32px;
    }

    #contenitoreCerca {
        flex: 1 1 auto;
    }

    .inputCerca {
        padding: 2px 5px;
        border: 1px solid #1e61d4;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        font-size: 15px;
        line-height: 26px;
        width: calc(100% - 45px);
        background-color: rgba(255, 255, 255, 0.9);
        opacity: 1 !important;
        border-right: 0px solid !important;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .inputCerca::-webkit-input-placeholder {
            color: #575755
        }

        .inputCerca:focus {
            outline: 0;
            color: #000;
        }


    .btnCerca {
        width: 34px;
        height: 32px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-width: 0px;
        background-color: #1e61d4;
        background-image: url(Images/lente-ico.png);
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 0px;
        padding: 0px;
        opacity: 1 !important;
    }

    /*#region --- AUTOCOMPLETE REASEARCH CONTAINER --- */

    #research-container a:hover {
        text-decoration: underline
    }

    #research-container {
        z-index: 2;
        border-top: 1px solid #ccc;
        right: 34px;
        overflow: hidden;
    }

        #research-container .boxContainerResults {
            max-height: calc(100vh - 181px);
            overflow-y: auto;
            overflow-x: hidden;
        }

    .autocomplete-product:hover a, .autocomplete-element:hover a {
        color: #000 !important
    }

    .autocomplete-element:hover a {
        text-decoration: none !important
    }

        .autocomplete-element:hover a:after {
            padding-left: 9px
        }

    .div-link:hover a:after {
        padding-left: 8px
    }

    .autocomplete-suggestion {
        font-size: 14px !important
    }

    .autocomplete-suggestion {
        cursor: pointer
    }

    /*#endregion */

    /*#endregion */

    /*#region --- AREA PERSONALE / BOX LOGIN --- */

    #contenitoreNavigazioneStrumenti {
        max-width: calc(100% - 42px);
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        font-size: 16px;
        z-index: 3;
    }

    .pnl-login {
        text-align: right;
        line-height: 36px
    }

    #contenitoreNavigazioneStrumenti a i {
        margin-right: 5px
    }

    #contenitoreNavigazioneStrumenti .user-link {
        font-size: 16px;
        vertical-align: top;
        text-align: right
    }

        #contenitoreNavigazioneStrumenti .user-link:hover {
            text-decoration: none
        }

    #lblAccediRegistrati {
        cursor: pointer
    }

    .box-login {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        width: 769px;
        top: 35px;
        right: -150px;
        z-index: 1;
        background: #fff;
        /*border: 1px solid rgba(0,0,0,0.5);*/
        padding: 31px;
        text-align: left;
        font-size: 14px;
        line-height: normal;
        box-shadow: 0px 0px 20px #575755;
        z-index: 4;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        border-radius: 3px;
    }

    .pnl-login:hover .box-login {
        opacity: 1;
        visibility: visible;
    }

    .show-block {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .box-social, .box-submit, .box-reg {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        width: 30.666%;
        overflow: hidden
    }

    .box-login .box-social {
        margin-right: 4%
    }

    .box-login .box-reg {
        margin-left: 4%
    }

        .box-login .box-reg .reg-text span {
            font-size: 14px !important
        }

    .box-login .title {
        font-size: 24px;
        margin-bottom: 20px;
        display: block;
        font-weight: 600
    }

    .box-social a.btnFacebookLogin {
        padding: 10px;
        width: calc(100% - 22px);
        display: inline-block;
        background-color: #4267b2;
        border: 1px solid #4267b2;
        color: #fff;
        text-align: center
    }

        .box-social a.btnFacebookLogin:hover {
            background-color: #3b5998;
            text-decoration: none
        }

    span.buttonText {
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 600;
        line-height: 25px
    }

    span.fb-icon {
        vertical-align: middle
    }

    i.fa.fa-facebook {
        font-size: 18px
    }

    .contenitoreGoogleBtn {
        position: relative;
        margin-top: 15px
    }

    #btnGoogleLogin {
        display: inline-block;
        background: white;
        color: #444;
        padding: 10px;
        width: calc(100% - 22px);
        border: 1px solid #888;
        text-align: center
    }

    .contenitoreGoogleBtn:hover #btnGoogleLogin {
        background-color: #ebebeb;
        cursor: pointer
    }

    span.icon {
        background: url(/Administrator/Images/google_logo.svg);
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px
    }

    .box-login ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0
    }

    .box-login li {
        margin-bottom: 10px;
        overflow: hidden;
        white-space: normal
    }

    .box-login .text {
        font-size: 16px;
        width: calc(100% - 12px);
        margin-bottom: 5px;
        line-height: 25px;
        padding: 10px 5px
    }

    .reg-text, .box-input {
        min-height: 150px;
    }

    .box-submit #lnkPassword {
        display: block;
        font-size: 13px;
        color: #0575ff
    }

    .box-login .btnGenerico {
        display: block;
        width: 100%;
        font-weight: 600;
        padding: 10px 0;
        font-size: 16px;
        border: 2px solid #0cb443;
        background: #0cb443;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        margin-top: 20px
    }

        .box-login .btnGenerico:hover {
            background-color: #0a7931;
            border: 2px solid #0a7931;
            text-decoration: none
        }

    .showPassword {
        margin-left: calc(100% - 22px)
    }

    .lblButtonShowPassword {
        position: absolute;
        line-height: 47px
    }

    .box-login #pnlError {
        background: #d00739;
        color: #fff;
        border-radius: 3px;
        padding: 5px;
        margin-bottom: 10px;
    }

        .box-login #pnlError:before {
            content: '\f071';
            font-family: 'fontAwesome'
        }

    .box-reg p {
        margin-top: 0
    }

        .box-reg p span {
            font-size: 16px !important;
            white-space: normal
        }

    .box-reg li {
        margin-bottom: 5px
    }

        .box-reg li:last-child {
            margin-bottom: 0
        }

    /* .myaccount-links ul::before, .box-login::before {
        content: '';
        background: #fff;
        border: 1px solid rgba(0,0,0,0.5);
        border-bottom-color: rgba(0,0,0,0.5);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: rgba(0,0,0,0.5);
        border-left-style: solid;
        border-left-width: 1px;
        border-bottom: 0 solid;
        border-left: 0 solid;
        position: absolute;
        right: 225px;
        left: auto;
        top: -5px;
        width: 8px;
        height: 8px;
        transform: rotate( -45deg )
    }

    .myaccount-links ul::before {
        right: 75px
    }*/

    .myaccount {
        display: inline-block;
        position: relative
    }

        .myaccount a {
            display: block;
            text-align: right
        }

            .myaccount a:hover {
                text-decoration: none
            }

    #pnlLinksLogged {
        display: inline-block;
        line-height: 36px
    }

    .myaccount-links {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 0;
        top: 35px;
        z-index: 1;
        font-size: 16px;
        box-shadow: 0px 0px 20px #575755;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .myaccount-links ul li:first-child {
            border-bottom: 1px solid #cdd9cf;
        }

    #pnlLinksLogged:hover .myaccount-links {
        opacity: 1;
        visibility: visible;
    }

    .myaccount-links ul {
        list-style: none;
        padding: 21px;
        margin: 0;
        background: #fff;
        border-radius: 3px;
    }

    .myaccount-links li {
        display: block;
        margin-bottom: 7px
    }

        .myaccount-links li:last-child {
            margin-bottom: 0
        }

    .myaccount-links a {
        text-align: left;
        color: #000;
        display: block;
        line-height: normal
    }

        .myaccount-links a:hover {
            text-decoration: underline
        }

    .contenitoreMessaggioSocialLoginUnavailable {
        text-align: left;
        white-space: initial;
        background-color: #fff6f0;
        border: 1px solid #ff6600;
        padding: 2%;
    }

    .lblSocialLoginUnavailable {
        font-size: 13px;
    }

        .lblSocialLoginUnavailable strong {
            color: #ff6600;
            font-size: 16px;
        }

        .lblSocialLoginUnavailable i {
            font-size: 20px;
        }


    /*#endregion */

    /*#region --- CARRELLO / LISTA DESIDERI --- */

    #lnkListaDesideri, #lnkCarrello {
        font-size: 18px;
        line-height: 32px;
        right: 0
    }

        #lnkCarrello:hover #lblVaiCarrello, #lnkListaDesideri:hover #lblVaiListaDesideri {
            text-decoration: underline !important
        }

        #lnkCarrello:hover, #lnkListaDesideri:hover {
            text-decoration: underline !important
        }

    #lnkListaDesideriTxt:before {
        content: '\f004'
    }

    #lnkCarrelloTxt:before {
        content: '\f07a'
    }

    #lnkCarrelloTxt:before, #lnkListaDesideriTxt:before {
        font-family: fontAwesome;
        font-size: 16px;
        padding: 2px 0;
        display: inline-block
    }

    #lblVaiCarrello, #lblVaiListaDesideri {
        font-size: 16px;
        margin-left: 3px
    }

    #lbltotaleCarrello, #lbltotaleListaDesideri {
        position: relative;
        top: 5px;
        margin-left: 3px;
        border-radius: 100%;
        color: #fff;
        text-align: center;
        display: inline-block;
        background-color: #1e61d4;
        font-weight: 400;
        width: 20px;
        height: 20px;
        font-size: 10px;
        line-height: 20px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    #contenitoreBoxCarrello {
        display: inline-block;
        vertical-align: top
    }

    .hideCountCart {
        display: none !important
    }

    /*#endregion */

    /*#region --- BANNER SITO --- */

    #pnlBannerSito > div {
        margin: 0 auto;
        width: 96%;
        max-width: 1280px;
        padding: 5px 0;
    }

    #pnlBannerSito p {
        margin: 0;
    }

    /*#endregion */

    /*#endregion */

    /*#region --- MENU' PAGINE TOP  --- */

    #bg-fade {
        position: fixed;
        width: 100%;
        left: 0px;
        z-index: -1 !important;
        height: 100vh;
        background: rgba(0, 0, 0, 0.3);
        display: none;
    }

    .bg-show {
        display: block !important;
    }

    #navPagineTop {
        border-radius: 0px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
        width: 100%;
        z-index: 998;
        background-color: #1e61d4;
        box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    }

        #navPagineTop ul {
            margin: 0px;
            padding: 0px;
            margin: 0 auto;
            position: relative;
        }

        #navPagineTop li {
            margin: 0px;
            text-align: left;
            display: inline-block;
            text-align: center;
        }

            #navPagineTop li:last-child {
                margin-right: 0px;
            }

    .top-page {
        margin: 0px;
        text-align: left;
        display: inline-block;
        text-align: center;
    }

        .top-page:last-child {
            margin-right: 0px;
        }

    a.page-link {
        font-size: 16px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: top;
        white-space: pre-wrap;
        font-weight: 500;
        padding: 8px 15px;
        letter-spacing: 1px;
        text-decoration: none !important;
        position: relative;
        color: #fff;
    }

    #navPagineTop li a:after {
        content: '';
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        top: auto;
        bottom: 1px;
        left: 0;
        opacity: 0;
        height: 3px;
    }

    #navPagineTop ul:before {
        content: '';
        position: absolute;
        width: 100%;
        background-color: #dadada;
        top: auto;
        bottom: 0;
        left: 0;
        opacity: 1;
        height: 1px;
    }

    .top-categories ul:before {
        display: none !important;
    }

    .top-page:hover .page-link:after {
        opacity: 1 !important;
    }

    #navPagineTop .top-categories {
        z-index: 4;
        position: absolute;
        clear: both;
        left: 50%;
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
        color: #000;
        overflow-y: auto;
        background-color: #fff;
        padding: 0px;
        text-align: center;
        width: 100%;
        max-width: 1280px;
        max-height: calc(100vh - 180px);
        display: none;
        border: 1px solid #dadada;
        border-top: 0;
    }

    #navPagineTop .col-3, #navPagineTop .col-4 {
        display: inline-block;
        padding: 10px !important;
        margin: 0px !important;
        vertical-align: top;
    }

    #navPagineTop .col-3 {
        width: calc(33.33% - 20px);
        max-width: 400px;
    }

    #navPagineTop .col-4 {
        width: calc(25% - 20px);
        max-width: 295px;
    }

    #navPagineTop .top-page:hover .top-categories {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    #navPagineTop .top-categories ul {
        padding: 10px;
    }

    #navPagineTop .top-categories .top-cat {
        display: block;
        text-align: left;
        vertical-align: top;
        margin-top: 0px;
        margin-bottom: 7px;
    }

        #navPagineTop .top-categories .top-cat ul {
            margin: 0px;
            padding: 0px;
        }

    #navPagineTop .top-categories .child-cat {
        display: block;
        text-align: left;
        vertical-align: top;
    }


    #navPagineTop .top-cat a {
        font-size: 16px;
        font-weight: 500;
        display: block;
        padding: 4px 0px;
        background: none;
        margin-bottom: 8px;
    }

        #navPagineTop .top-cat a:hover {
            text-decoration: none;
            color: #1e61d4;
            transition: all 0s;
        }

    #navPagineTop .child-cat a {
        font-size: 13px;
        font-weight: 500;
        display: block;
        padding: 3px 0px;
        padding-left: 16px;
    }

    .child-cat a:after {
        display: inline-block;
        content: '\f054';
        font-family: fontAwesome;
        padding-left: 3px;
        font-size: 9px;
    }

    .child-cat .dots-more-cats:after {
        display: none;
    }

    /*#region ---------- SCROLLBAR ---------- */

    #navPagineTop .top-categories::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    }

    #navPagineTop .top-categories::-webkit-scrollbar {
        width: 6px;
    }

    #navPagineTop .top-categories::-webkit-scrollbar-thumb {
        background-color: #e6e6e6;
        border: 0px solid !important;
        border-radius: 5px;
    }

    /*#endregion*/
    /*#endregion*/

    /*#region --- FOOTER --- */

    /*#region -------------- CONTAINERS ------------- */

    #footer {
        position: relative;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        width: 100%;
        clear: both;
        overflow: hidden;
        margin-top: 30px;
        background-color: #0a0a0a;
        color: #fff;
    }

    .containerSocial {
        display: inline-block;
    }

    #contenutiFooter {
        width: 96%;
        max-width: 1280px;
        padding-top: 0%;
        padding-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    #ZonaPagina_TopFooter {
        margin-bottom: 2%;
        padding: 1% 0%;
    }

    #ZonaPagina_MiddleFirstFooter {
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 2%;
    }

    /*#region --- BOX NEWSLETTER --- */

    #contenitoreBoxNewsletter {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 1% 0;
    }

    .newsletterMsgBox, .newsletterLnkBox {
        font-style: italic;
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff;
        font-size: 16pt;
    }

    .newsletterMsgBox {
        margin-right: 3%;
        text-align: left;
    }

    .newsletterLnkBox {
        flex: 0 0 auto;
    }

    #lnkNewsletter {
        display: block;
        text-align: center;
        color: #fff;
        background-color: #1e61d4;
        font-style: normal;
        line-height: 50px;
        padding: 0px 20px;
        border-radius: 4px;
        font-size: 13pt;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        #lnkNewsletter:hover {
            background-color: #194fad;
        }

    #lblmsgNewsletter:first-letter {
        color: #1e61d4
    }

    #pnlNewsletter input[type=checkbox] {
        width: 18px;
        height: 18px;
        display: inline-block
    }

    #pnlNewsletter label, #pnlNewsletter label * {
        vertical-align: middle;
        font-size: 12px;
        font-weight: 300;
        cursor: pointer
    }

        #pnlNewsletter label a {
            text-decoration: underline;
            color: #fff
        }

    #contenitoreBoxNewsletter .text {
        width: calc(100% - 12px);
        max-width: 500px;
        border-radius: 0;
        font-size: 18px;
        font-weight: 300
    }

    #ulNewsletter li:nth-child(2) {
        display: none
    }

    /*#endregion*/

    /*#endregion*/

    /*#region --------- SOCIAL BOX --------- */

    #footer .social {
        list-style: none;
        display: inline-block;
        z-index: 10;
        padding: 0;
        vertical-align: top;
        text-align: center;
        text-align: right;
        white-space: nowrap;
        margin: 0;
    }

        #footer .social a {
            display: block;
            text-align: center;
        }

    #footer .socialButton:hover {
        background: #fff;
        color: #1e61d4;
        -webkit-transition: all 0.3s ease-in-out !important;
        -moz-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    #footer .social li {
        display: inline-block !important;
        padding: 0px 2.5px;
    }

    #footer .socialButton {
        display: inline-block;
        font-size: inherit;
        text-rendering: auto;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        width: 30px;
        height: 30px;
        line-height: 30px;
        -webkit-font-smoothing: antialiased;
        border-radius: 100%;
        font-size: 0px;
        color: #fff;
        -webkit-transition: all 0.2s ease-in-out !important;
        -moz-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

        #footer .socialButton:before {
            font-family: fontAwesome;
            font-size: 15px;
            border: 0px solid;
            transition: none !important;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
        }

    /*#endregion*/

    /*#region ------- FOOTER SITO (NOME AZIENDA E CONTATTI) --------- */

    #footerSito {
        padding: 2% 0%;
        margin-top: 3%;
        border-top: 1px solid #1e61d4;
    }

        #footerSito p {
            font-weight: 300 !important;
            margin: 2px 0px !important;
        }

    .footerName {
        display: inline-block;
        vertical-align: top;
        padding-right: 15px;
        vertical-align: top;
    }

        .footerName .name {
            font-size: 18px;
            line-height: 20px;
            letter-spacing: 0px;
            font-weight: 600;
            margin-bottom: 7px;
            vertical-align: top;
            margin-top: 1px;
            font-family: Montserrat;
            color: #1e61d4;
        }

        .footerName span {
            font-size: 14px;
            letter-spacing: 1px;
            display: block;
            vertical-align: top;
            font-weight: 300;
        }

    #footer a:hover {
        text-decoration: none;
    }

    .contattiFooter {
        display: inline-block;
        vertical-align: top;
        padding: 0 1%;
        height: 90px;
        width: calc(100% - 380px);
        border-left: 1px solid #1e61d4;
    }

        .contattiFooter div {
            line-height: 32px;
            font-size: 16px;
            text-align: left;
            letter-spacing: 1px;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 5px;
        }

        .contattiFooter, .contattiFooter a {
            color: #fff;
        }

            .contattiFooter span {
                text-decoration: none;
            }

            .contattiFooter a:hover {
                text-decoration: underline !important;
            }

            .contattiFooter .place span:before,
            .contattiFooter .place a:before {
                content: '\f041';
            }

            .contattiFooter .place span {
                display: inline-block;
            }

                .contattiFooter .place span:nth-child(n+2) {
                    display: block;
                    font-size: 14px;
                    line-height: 14px;
                    margin-left: 40px;
                }

            .contattiFooter .phone a:before {
                content: '\f095';
            }

            .contattiFooter .fax span:before {
                content: '\f1ac';
                font-size: 14px;
            }

            .contattiFooter .mail a:before {
                content: '\f0e0';
                font-size: 14px;
            }

            .contattiFooter .whatsapp a:before {
                content: '\f232';
                font-size: 22px;
            }

            .contattiFooter div span:before,
            .contattiFooter div a:before {
                font-family: fontAwesome;
                font-size: 18px;
                display: inline-block;
                text-align: center;
                width: 40px;
                font-style: normal;
            }

    /*#endregion*/

    /*#region --- PAGAMENTI ACCETTATI / PAYMENTS ACCEPTED --- */

    #containerPayments {
        width: 96%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    #containerTitlePaymentsAccepted {
        font-style: italic;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 500;
        text-align: right;
    }

    #paymentsAccepted {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-self: center;
        align-items: center;
        align-content: center;
        padding: 0;
        background-color: rgba(255,255,255,0.05);
        border-radius:5px;
    }

    #paymentsAccepted a {
        padding: 5px 2%;
    }

    .iconPayment{
        width:90px;
        height:auto;
        max-height:45px;
    }

    .scalapay, .contrassegno, .pagamentoinnegozio {
        filter: invert(1);
    }

    .cartadicreditoconnexi{
        width:250px !important;
    }

    /*#endregion*/

    /*#region --- PAGINE LEGALI / CRONOLOGIA --- */

    #boxPagineLegali {
        margin-top: 2%;
        width: 96%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: right;
    }

        #boxPagineLegali a {
            position:relative;
            margin-left: 1%;
            padding: 5px;
            display: inline-block;
            line-height: 30px;
            color: #fff;
        }

            #boxPagineLegali a:before {
                content: '';
                position: absolute;
                width: 100%;
                background-color: #1e61d4;
                top: 0;
                bottom: auto;
                left: 0;
                opacity: 0;
                height: 2px;
            }

            #boxPagineLegali a:hover:before {
                opacity: 1;
            }

    /*#endregion */

    /*#region --------- PAGINE FOOTER --------- */
        #navPagineSotto {
            position: relative;
            margin: 0% auto;
            padding: 0;
            list-style: none;
            overflow: hidden;
            vertical-align: top;
            border-bottom: 1px solid #1e61d4;
            padding-bottom: 2%;
        }

        #navPagineSotto ul {
            margin: 0px;
            padding: 0px;
        }

        #navPagineSotto li:before {
            content: '';
            position: absolute;
            width: 100%;
            background-color: #1e61d4;
            top: 0;
            bottom: auto;
            left: 0;
            opacity: 0;
            height: 2px;
        }

        #navPagineSotto li:hover:before {
            opacity: 1;
        }

        #navPagineSotto li {
            position: relative;
            display: inline-block;
            text-align: center;
            margin-right: 1%;
            white-space: nowrap;
        }

        #navPagineSotto a {
            padding: 5px;
            display: block;
            line-height: 30px;
            color: #fff;
        }

            #navPagineSotto a:hover {
                text-decoration: none;
            }


    /*#endregion*/


    /*#region -------- ICONE CERTIFICAZIONI --------*/

    .icons-certified {
        text-align: center;
        text-align: right;
        vertical-align: top;
        text-align: right;
        margin-left: 1%;
    }

        .icons-certified a,
        .icons-certified span {
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            margin-bottom: 4%;
        }

        .icons-certified span {
            margin-right: 0px !important;
        }

        .icons-certified img,
        .icons-certified svg {
            height: auto;
            width: auto;
            max-height: 120px;
            max-width: 90%;
            border-radius: 4px;
            overflow: hidden;
        }

    /*#endregion*/

    .navFooterPages {
        display: block;
        font-size: 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

        .navFooterPages ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
            margin-bottom: 10px;
            overflow: hidden;
        }

        .navFooterPages li {
            display: inline-block;
            margin-right: 2%;
            margin-bottom: 2%;
        }

            .navFooterPages li:last-child {
                margin-right: 0px;
            }

        .navFooterPages a {
            font-size: 17px;
            color: #333;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 3px;
            display: inline-block;
            padding: 5px 10px;
            white-space: nowrap;
        }

            .navFooterPages a:hover {
                background: #fff;
            }

    /*#endregion*/

    /*#region - SEZIONE CONTATTI - */

    #sezioneContatti {
        text-align: center;
        margin: 50px auto 0 auto;
        display: block;
    }

    .contenitoreContatto {
        display: inline-block;
        width: 22%;
        text-align: center;
        position: relative;
        padding-bottom: 60px;
    }

        .contenitoreContatto .fotoIconContatti img {
            max-width: 100px;
            max-height: 100px;
        }

        .contenitoreContatto a {
            text-decoration: none;
        }

    .descContatto {
        display: none;
        z-index: 5;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 105px;
        width: 128px;
        text-transform: uppercase;
        font-weight: 300;
        font-family: Work Sans;
        font-size: 12px;
        line-height: 128px;
        border-radius: 100%;
        text-align: center;
    }

    .divContatto {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .divContatto2 {
        margin-top: 50px;
        display: inline-block;
        width: 30%;
        text-align: center;
        display: none;
    }

    .fotoIconContatti {
        text-align: center;
        width: 100%;
    }

    .valueContatto {
        text-align: center;
        margin-top: 20px;
        font-size: 20px;
    }

        .valueContatto a {
            display: block;
        }

            .valueContatto a:hover {
                text-shadow: 0px 0px 1px #575755;
            }

    /*#endregion*/

    /*#region Contenuti Pagina 2 colonne */

    body.dueColonne #headerBoxPagina {
        display: block;
    }

    body.dueColonne .sezionePagina {
        background-position: bottom left;
        background-repeat: no-repeat;
        border: 0px;
        margin-bottom: 30px;
        border-radius: 0px;
        width: 100%;
    }

    body.dueColonne .rigaPagina {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    .unaColonnaPagine .colonnaPagina,
    #thanks .colonnaPagina {
        max-width: 90%;
        margin: 3% auto;
        display: block;
        float: none;
    }

        .unaColonnaPagine .colonnaPagina div {
            margin: 1% 0;
        }

        .unaColonnaPagine .colonnaPagina span,
        .unaColonnaPagine .colonnaPagina p,
        .unaColonnaPagine .colonnaPagina li,
        .unaColonnaPagine .colonnaPagina em {
            font-size: 20px;
            font-weight: 300;
            font-style: normal;
        }

        .unaColonnaPagine .colonnaPagina strong {
            font-weight: 500 !important;
        }



    /*#endregion*/

    /*#region --- RECENSIONI --- */

    .valutazione:before,
    .valutazione1:before,
    .valutazione1half:before,
    .valutazione2:before,
    .valutazione2half:before,
    .valutazione3:before,
    .valutazione3half:before,
    .valutazione4:before,
    .valutazione4half:before,
    .valutazione5:before {
        font-family: fontAwesome;
        color: #f3a00a;
        font-size: 20px;
        letter-spacing: 3px
    }

    .valutazione:before {
        content: '\f006 \f006 \f006 \f006 \f006'
    }

    .valutazione0half:before {
        content: '\f123 \f006 \f006 \f006 \f006'
    }

    .valutazione1:before {
        content: '\f005 \f006 \f006 \f006 \f006'
    }

    .valutazione1half:before {
        content: '\f005 \f123 \f006 \f006 \f006'
    }

    .valutazione2:before {
        content: '\f005 \f005 \f006 \f006 \f006'
    }

    .valutazione2half:before {
        content: '\f005 \f005 \f123 \f006 \f006'
    }

    .valutazione3:before {
        content: '\f005 \f005 \f005 \f006 \f006'
    }

    .valutazione3half:before {
        content: '\f005 \f005 \f005 \f123 \f006'
    }

    .valutazione4:before {
        content: '\f005 \f005 \f005 \f005 \f006'
    }

    .valutazione4half:before {
        content: '\f005 \f005 \f005 \f005 \f123'
    }

    .valutazione5:before {
        content: '\f005 \f005 \f005 \f005 \f005'
    }

    .lnkProdottoRecensioni {
        display: block;
        padding: 2% 0;
    }

        .lnkProdottoRecensioni:hover {
            text-decoration: none;
        }

            .lnkProdottoRecensioni:hover .lblCountRec {
                text-decoration: underline;
            }

        .lnkProdottoRecensioni .lblCountRec {
            margin-left: 5px;
        }

    /*#endregion */

    /*#region --- Google Policies --- */

    .googlePolicies {
        margin-top: 20px;
        font-weight: 400;
        font-size: 13px;
        color: #8e8e8e;
        text-align: left;
    }

        .googlePolicies a {
            color: #0575ff;
            font-weight: 400;
        }

    /*#endregion */

    /*#region --- POPUP --- */

    #popUpAdvice {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 99999;
        height: 100%;
        width: 100%;
    }

        #popUpAdvice .modalcontent {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 48%;
            padding: 2% 2%;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 0 25px 5px #999;
            color: #111;
            text-align: center;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        /*#popUpAdvice #btnConfermaPopUpAdvice {
            background-color: #18a300;
            border-radius: 2px;
            color: #fff;
            padding: 5px 10px;
            text-transform: uppercase;
            font-weight: 600 !important;
            border-radius: 3px;
            vertical-align: top;
            display: inline-block;
            font-size: 17px;
            border: 0 solid;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            width: 200px;
            margin-top: 20px;
            font-family: inherit;
        }

            #popUpAdvice #btnConfermaPopUpAdvice:hover {
                background-color: #055328;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            }*/

        #popUpAdvice #btnClosePopUp {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            font-size: 0;
        }

            #popUpAdvice #btnClosePopUp:before {
                font-family: 'FontAwesome';
                content: "\f00d";
                font-size: 20px;
            }


    /*#endregion */

    /*#region SHOW MORE */

    .showMore {
        position: relative;
        color: #0575ff !important;
        font-weight: 400;
        font-size: 2vh;
        text-align: center;
        left: 0;
        z-index: 2;
        letter-spacing: 0.5px;
        margin-left: 10px;
        padding: 10px 10px;
        text-decoration: none;
        border: 0;
        display: inline-block;
    }

        .showMore:hover {
            border: 0 !important
        }

        .showMore:after {
            font-family: fontAwesome;
            margin-left: 5px;
            display: inline-block;
            text-align: center;
            content: '\f105';
            padding-left: 0
        }

    /*#endregion*/

    /*#region --- MESSAGE BAR --- */

    #messaggiTop {
        position: fixed;
        width: 0;
        display: block;
        z-index: -9999;
    }

        #messaggiTop.active {
            z-index: 99;
            width: 100%;
        }

    #messaggiBottom {
        position: fixed;
        bottom: 0;
        width: 0;
        display: block;
        z-index: -9999;
    }

        #messaggiBottom.active {
            z-index: 99;
            width: 100%;
        }

    #messaggiCenter {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        z-index: -9999;
    }

        #messaggiCenter.active {
            z-index: 9999;
            width: 100%;
            height: 100%;
        }

    #messaggiLeft {
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: 400px;
        width: 0;
        height: 0;
        display: block;
        z-index: -9999;
    }

        #messaggiLeft.active {
            z-index: 9999;
            width: 40%;
            height: 100%;
        }

    #messaggiRight {
        position: fixed;
        bottom: 0;
        right: 0;
        max-width: 400px;
        width: 0;
        height: 0;
        display: block;
        z-index: -9999;
    }

        #messaggiRight.active {
            z-index: 9999;
            width: 40%;
            height: 100%;
        }

    .messageBar {
        position: relative;
        width: 100%;
        background-color: rgb(233, 237, 238);
    }

        .messageBar.hide {
            display: none !important;
        }


        .messageBar.hidden-cookie {
            display: none !important;
        }

        .messageBar.dark-bg:before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            z-index: -9999;
        }

    #messaggiTop .messageBar {
        top: -100vh;
        box-shadow: 0px 2px 5px rgb(0 0 0 / 15%);
        -webkit-transition: top 0.6s;
        -moz-transition: top 0.6s;
        -ms-transition: top 0.6s;
        -o-transition: top 0.6s;
        transition: top 0.6s;
    }

    #messaggiBottom .messageBar {
        bottom: -100vh;
        box-shadow: 0px -2px 5px rgb(0 0 0 / 15%);
        -webkit-transition: bottom 0.6s;
        -moz-transition: bottom 0.6s;
        -ms-transition: bottom 0.6s;
        -o-transition: bottom 0.6s;
        transition: bottom 0.6s;
    }

    #messaggiLeft .messageBar {
        left: -100%;
        box-shadow: 2px -2px 5px rgb(0 0 0 / 15%);
        -webkit-transition: left 0.6s;
        -moz-transition: left 0.6s;
        -ms-transition: left 0.6s;
        -o-transition: left 0.6s;
        transition: left 0.6s;
    }

    #messaggiRight .messageBar {
        right: -100%;
        box-shadow: -2px -2px 5px rgb(0 0 0 / 15%);
        -webkit-transition: right 0.6s;
        -moz-transition: right 0.6s;
        -ms-transition: right 0.6s;
        -o-transition: right 0.6s;
        transition: right 0.6s;
    }


    #messaggiCenter .messageBar {
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
        /*-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		transition: opacity 0.5s;*/
        border-radius: 10px;
        width: 0;
        height: 0;
        padding: 0;
        opacity: 0;
        top: -100%;
        left: -100%;
        overflow: hidden;
    }

    #messaggiLeft .messageBar, #messaggiRight .messageBar {
        height: calc( 100% - 50px);
        padding: 50px 0;
    }

    #messaggiTop .messageBar.show {
        top: 0px;
    }

    #messaggiBottom .messageBar.show {
        bottom: 0px;
    }

    #messaggiCenter .messageBar.show {
        height: auto;
        width: auto;
        opacity: 1;
        top: 20%;
        left: 25%;
        padding: 2% 2%;
        width: 46%;
        height: 56%;
        min-height: 300px;
        min-width: 400px;
    }

    #messaggiRight .messageBar.show {
        right: 0px;
    }

    #messaggiLeft .messageBar.show {
        left: 0px;
    }

    .messageBar.show.dark-bg:before {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: -1;
        pointer-events: auto;
    }

    #messaggiTop .pnlContenutoMessageBar, #messaggiBottom .pnlContenutoMessageBar {
        margin: 0 auto;
        padding: 5px 10%;
        max-width: 1280px;
        width: 80%;
    }

        #messaggiTop .pnlContenutoMessageBar div, #messaggiBottom .pnlContenutoMessageBar div {
            max-height: 60vh;
            overflow: auto;
        }

    #messaggiLeft .pnlContenutoMessageBar, #messaggiRight .pnlContenutoMessageBar {
        margin: 0 auto;
        padding: 2% 10% 2% 10%;
        height: 96%;
    }

    #messaggiCenter .pnlContenutoMessageBar {
        height: calc(100% - 70px);
        margin-top: 20px;
    }

        #messaggiLeft .pnlContenutoMessageBar div, #messaggiRight .pnlContenutoMessageBar div, #messaggiCenter .pnlContenutoMessageBar div {
            overflow-y: auto;
            max-height: calc(80vh - 80px);
        }

        #messaggiCenter .pnlContenutoMessageBar div {
            overflow-y: auto;
            height: 90%;
        }

    .pnlContenutoMessageBar div::-webkit-scrollbar {
        width: 10px;
    }

    .pnlContenutoMessageBar div::-webkit-scrollbar-thumb {
        background: #e9edee;
        border-radius: 10px;
    }

    .pnlContenutoMessageBar img {
        max-width: 100%;
    }

    #messaggiTop .pnlContenutoMessageBar div {
        width: 100%;
    }

    .pnlContenutoMessageBar div a {
        color: #0575ff !important;
        text-decoration: underline;
    }

    #messaggiTop .close-messagebar, #messaggiBottom .close-messagebar {
        text-align: center;
        cursor: pointer;
        padding: 8px 40px;
        border-radius: 72px;
        font-size: 20px;
        background-color: #DADADA;
        color: #4D4D4D;
        font-weight: bold;
        min-width: 130px;
        margin: 10px auto;
        display: inline-block;
    }

    #messaggiRight .close-messagebar, #messaggiLeft .close-messagebar, #messaggiCenter .close-messagebar {
        position: absolute;
        top: 10px;
        font-size: 40px;
        cursor: pointer;
        line-height: 40px;
        border-radius: 40px;
        width: 40px;
        text-align: center;
        transition: transform 0.5s;
        -webkit-transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -ms-transition: transform 0.5s;
        -o-transition: transform 0.5s;
    }

    #messaggiRight .close-messagebar, #messaggiCenter .close-messagebar {
        right: 10px;
    }

    #messaggiLeft .close-messagebar {
        left: 10px;
    }

    #messaggiTop .close-messagebar:hover, #messaggBottom .close-messagebar:hover {
        opacity: 0.9;
        text-decoration: underline;
    }

    #messaggiRight .close-messagebar:hover, #messaggiLeft .close-messagebar:hover, #messaggiCenter .close-messagebar:hover {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .cta-messagebar {
        text-align: center;
        cursor: pointer;
        padding: 8px 40px;
        border-radius: 72px;
        font-size: 20px;
        background-color: #0cb443;
        color: #fff;
        font-weight: bold;
        min-width: 130px;
        margin: 15px 15px 15px 0;
        display: inline-block;
        text-decoration: none;
    }

        .cta-messagebar:hover {
            opacity: 0.9;
            text-decoration: underline;
        }

    #messaggiLeft .cta-messagebar, #messaggiRight .cta-messagebar {
        display: block;
        font-size: 22px;
        margin: 30px 0px 20px 0;
    }

    #messaggiCenter .cta-messagebar {
        display: block;
        font-size: 22px;
        margin: 30px auto 20px auto;
        max-width: 400px;
    }
    /*#endregion */
}

@media only screen and (max-width:950px) and (min-width:768px) {

    /*#region --- HEADER --- */

    .box-login {
        display: none !important;
    }

    #boxHeaderTop {
        font-size: 11px;
    }

    .lnkGestione {
        font-size: 0
    }

        .lnkGestione i {
            padding: 0
        }

        .lnkGestione :before {
            font-size: 13px;
        }

    #boxGestione, #contenitoreSceltaLingua {
        margin-left: 10px;
    }

    #selected-lang, .lang-option {
        font-size: 0;
    }

        #selected-lang:after {
            font-size: 13px;
        }

    .lang-option {
        font-size: 0;
    }

    #lblVaiCarrello, #lblVaiListaDesideri {
        font-size:0;
    }

    /*#endregion */

    /*#region --- FOOTER --- */
    .contattiFooter {
        height: 100px !important;
    }

        .contattiFooter div {
            line-height: 21px !important;
            font-size: 15px !important;
        }

    /*#endregion*/
}
@media only screen and (min-width: 768px) and (max-width:1177px) {

    /*#region --- BOX NEWSLETTER --- */

    #contenitoreBoxNewsletter {
        flex-direction: column;
        align-items: flex-start;
    }

    .newsletterLnkBox {
        margin-top: 1%;
        font-size: 12pt;
    }

    /*#endregion */
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    
    /*#region --- PAGAMENTI ACCETTATI --- */

    .iconPayment {
        width: 80px ;
        max-height: 40px ;
    }

    /*#endregion*/

    /*#region --- Link Mostra Tutto --- */

    .showMore {
        font-size: 1.5vh !important;
    }
    /*#endregion */

}