/****************************************************/
/******************	GENERIC	*******************/
@import url('style_Custom.css');



/***************** CSS BASE TEMPLATE ****************/
* {
    outline: none;
}

#v2dTotem {
    display: none;
}

html {
    font-size: 100%;
}

body {
    padding: 0 !important;
    margin: 0;
}

img {
    border: none;
}

.clearfix {
    font-size: 1px;
    line-height: 1px;
    clear: both;
}

.clear {
    clear: both;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 700px) {
    html {
        font-size: 50%;
    }

    h3.series-name {
        font-size: 12px !important;
        display: block !important;
    }

    .img-brand {
        /*height: 35px !important;*/
        margin-top: 0px !important;
        /*width: 85px !important;*/
        height: 25px;
        height: 45px;
    }

    #compare-values {
        height: 160px;
    }

        #compare-values .center .row .col-xs-6 {
            width: 50%;
        }

    #compare-products .item {
        height: 255px !important;
    }

        #compare-products .item .buttonsquare {
            top: -34px;
            width: 100%;
            opacity: 0.72;
        }

        #compare-products .item .series-image {
            opacity: 1;
            min-height: 135px !important;
        }

        #compare-products .item .series-info {
            top: -34px;
            position: relative;
        }


    #compare-products .row .col-xs-6 {
        width: 50%;
    }

    #compare-products .item .series-image {
        height: 60px !important;
    }

    #mobileButton {
        display: block !important;
    }
}


@media only screen /*IPhone X/XS/11 PLUS */
and (min-device-width : 414px) and (max-device-width : 896px) and (orientation : landscape) {

    .buildButtonTop {
        display: none !important;
    }

    .navbarTop {
        display: none !important;
    }

    #scheda-mobile {
        /*display: none !important;*/
    }

    #scheda-mobile-landscape {
        /*display: block !important;
        position: fixed;
        top: 0;
        z-index: 99;
        background-color: rgba(0,0,0,0.9);
        margin: 0;
        bottom: 0;
        left: 0;
        right: 0;*/
    }

    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    .buttonsquare {
        margin-left: 0px !important;
    }

    .contatto > .formCont .buttonsquare {
        left: 20px;
        position: relative;
    }

    .info > a.buttonsquare.color {
        position: relative;
        left: 43%;
    }
}


/* IPAD Landscape/portrait */
/*  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) , (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) , (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) ,(min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) , (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) ,(min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape)*/

@media only screen /*Ipad 2,3,4 9.5 10.5 e 12.5*/
and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), (max-device-width: 800px) and (orientation: portrait), (max-device-width: 1280px) and (orientation: landscape) {
    html {
        font-size: 90%;
    }

    /* OTTIMIZZAZIONE HOME*/
    .elenco-full .elenco-img {
        max-width: 300px !important;
    }

    .spotlight-home .container-center p {
        text-align: center !important;
    }

    .elenco-over .vertical-center h3 {
        font-size: 150% !important;
        text-align: left !important;
    }

    .elenco-over .vertical-center p {
        text-align: left !important;
    }

    .spotlight-home .vertical-center h2 {
        font-size: 150%;
    }

    .elenco-over .vertical-center img {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .elenco-over .vertical-center div {
        margin-top: 20px !important;
    }

    .spotlight-home .vertical-center h3 {
        font-size: 150% !important;
    }

    /*VIE-49*/
    /*.triple-choice .slide-text h2 {
        font-size: 150% !important;
    }*/

    .spotlight-home .vertical-center div {
        margin-top: 70px !important;
    }
    /* OTTIMIZZAZIONE CATALOGO */

    #schedaProd .elenco-over .vertical-center {
    }

        #schedaProd .elenco-over .vertical-center h3 {
            font-size: 140% !important;
        }

        #schedaProd .elenco-over .vertical-center h4 {
            font-size: 120% !important;
        }

    .catalogo-filtri .tipologia-filtro a {
        font-size: 100% !important;
    }

    .container-fluid a {
        font-size: 110% !important;
    }

    .elenco-over .vertical-center {
        text-align: left !important;
    }

    .elenco-full .elenco-img-div {
        margin-top: -120px !important;
        margin-right: 30px !important;
        height: 250px !important;
        width: 250px !important;
    }

        .elenco-full .elenco-img-div.hover {
            -webkit-animation: windowopen 0.8s steps(12) forwards !important;
            animation: windowopen 0.8s steps(12) forwards !important;
        }

        .elenco-full .elenco-img-div.outer {
            -webkit-animation: windowclose 0.8s steps(12) forwards !important;
            animation: windowclose 0.8s steps(12) forwards !important;
        }

    /* OTTIMIZZAZIONE V2D */
    .titolo-img p {
        font-family: Arial !important;
    }


    #v2dClassic {
        display: none;
    }

        #v2dClassic .v2d-wrapper #myExCanvas {
            display: none;
        }

    #v2dTotem {
        display: block;
    }

        #v2dTotem .prodotti-config-05 label, .prodotti-config-extra label {
            font-size: 120% !important;
        }

        #v2dTotem .prodotti-config-05 select, .prodotti-config-extra select {
            margin-bottom: 5px !important;
        }

    /* CARRELLO STEP 2 */

    .serramenti-opzioni .serramento > .opzioni-image {
        width: 20% !important;
    }

        .serramenti-opzioni .serramento > .opzioni-image img {
            max-width: 150px !important;
        }

    .serramento > .opzioni-image > .grafico-dati > .grafico-icon {
        /*margin-left: 36px;*/
    }

    .serramenti-opzioni .serramento > .opzioni-dati {
        width: 50% !important;
    }

    .serramenti-opzioni .serramento .opzioni-info {
        /*VIE-2832*/
        /*width: 35% !important;*/
    }

    .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 > ul > li > a {
        width: 18px !important;
        height: 18px !important;
    }

    /* CONFRONTA PRODOTTI */
    #confronta-prodotti > .row > div > .col-prezzo > div, #confronta-prodotti > .row > aside > .col-prezzo > div {
        font-size: 100% !important;
    }

    /* VIE-2512 */
    .elenco-preventivi .item footer {
        font-size: smaller !important;
    }
}


/*MEDIA SCREEN SMARTPHONE*/
@media only screen and (max-device-width: 500px) and (orientation: portrait) {
    .container-fluid a {
        font-size: 65% !important;
        /*color: blue !important;*/
    }

    /* VIE-1346 */
    #aDettaglioMisure {
        font-size: 100% !important;
        margin-left: 10%;
    }

    .container-fluid button {
        /*font-size: 65% !important;*/
        font-size: 130% !important; /*VIE-1005*/
        /*color: blue !important;*/
    }

    .buildButtonTop {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        margin-left: -100% !important;
        margin-right: 30% !important;
    }

    .buildButtonBottom {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        margin-left: -100% !important;
        margin-right: 30% !important;
    }

    .buttonsquare {
        padding: 10px 10px !important;
        /*display: block !important;*/
        display: block;
        margin: 3px auto 0 !important;
        position: relative !important;
        right: 0px !important;
    }

        .buttonsquare.onleft {
            position: relative !important;
            left: 0px !important;
        }

    #catalogo-list a > img {
        max-width: 22px !important;
        max-height: 22px !important;
    }

    #catalogo-list a {
        font-size: 8px !important;
        width: 70px !important;
    }

    .top-no-container .titolo-pagina .small {
        font-size: 65% !important;
        color: #999 !important;
    }

    h3.row-main-titolo {
        font-size: 10px !important;
    }

    h3.series-name {
        font-size: 16px !important;
    }

    .row-titolo.clearfix {
        font-size: 10px !important;
        display: block !important;
        -moz-transform: rotate(-90deg) !important;
    }



    .col-tipoprodotto {
        font-size: 10px !important;
    }

    .col-misure {
        font-size: 10px !important;
    }

    .col-prezzo {
        font-size: 10px !important;
    }

    #confronta-prodotti > .row > aside > .col > .row-titolo span {
        display: block ruby !important;
    }

    #confronta-prodotti > .row > div > .col > div {
        font-size: 10px !important;
    }

    @media only screen and (max-device-width: 833px) and (orientation: landscape) {


        .container-fluid a {
            font-size: 65% !important;
            /*color: blue !important;*/
        }

        .container-fluid button {
            font-size: 65% !important;
            /*color: blue !important;*/
        }

        .buildButtonTop {
            margin-top: 8px !important;
            margin-bottom: 8px !important;
            margin-left: -200% !important;
            margin-right: 130% !important;
            display: none;
        }

        .buildButtonBottom {
            margin-top: 8px !important;
            margin-bottom: 8px !important;
            margin-left: -200% !important;
            margin-right: 130% !important;
        }

        .buttonsquare {
            padding: 10px 10px !important;
            display: block !important;
            margin: 3px auto 0 !important;
            position: relative !important;
            right: 0px !important;
        }

            .buttonsquare.onleft {
                position: relative !important;
                left: 0px !important;
            }
    }
    /* MODIFICA SANDRO PER TOTEM  ------------------- START*/
    @media only screen and (min-width: 1080px) and (orientation: portrait) {
        /* insert styles here */
        .elenco-over .vertical-center {
            text-align: left !important;
        }

        .elenco-over h3 {
            font-size: 160% !important;
        }

        .elenco-full .elenco-img {
            right: 0px !important;
        }

        .slide-text h2 {
            font-size: 160% !important;
        }

        #bannerHome .carousel-inner img {
            height: 500px !important;
            width: auto !important;
        }

        .elenco-full .elenco-img-div {
            margin-top: -120px !important;
            margin-right: 30px !important;
            height: 250px !important;
            width: 250px !important;
            animation-timing-function: ease-out !important;
        }

            .elenco-full .elenco-img-div.hover {
                -webkit-animation: windowopen 0.8s steps(12) forwards !important;
                animation: windowopen 0.8s steps(12) forwards !important;
            }

            .elenco-full .elenco-img-div.outer {
                -webkit-animation: windowclose 0.8s steps(12) forwards !important;
                animation: windowclose 0.8s steps(12) forwards !important;
            }

        #schedaProd .elenco-over .vertical-center {
            text-align: center !important;
        }

            #schedaProd .elenco-over .vertical-center h3 {
                font-size: 140% !important;
            }

            #schedaProd .elenco-over .vertical-center h4 {
                font-size: 120% !important;
            }

        .catalogo-filtri .tipologia-filtro a {
            font-size: 100% !important;
        }

        #v2dClassic {
            display: none;
        }

            #v2dClassic .v2d-wrapper #myExCanvas {
                display: none;
            }

        #v2dTotem {
            display: block;
        }
    }
}
/* MODIFICA SANDRO PER TOTEM  -------------------- END */

@font-face {
    font-family: 'Gotham-Book';
    src: url('../font/Gotham-Book.eot');
    src: url('../font/Gotham-Book.woff');
    src: url('../font/Gotham-Book.otf');
    src: local('Gotham-Book'), url('../font/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../font/Gotham-Bold.eot');
    src: url('../font/Gotham-Bold.woff');
    src: url('../font/Gotham-Bold.otf');
    src: local('Gotham-Bold'), url('../font/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../font/Gotham-Light.eot');
    src: url('../font/Gotham-Light.woff');
    src: url('../font/Gotham-Light.otf');
    src: local('Gotham-Light'), url('../font/Gotham-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.bold {
    font-family: 'Gotham-Bold';
}

.light {
    font-family: 'Gotham-Light';
}

body {
    font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    transition: margin-top 1s;
    -webkit-transition: margin-top 1s;
    background: #f2f2f2;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham-Book', Arial, Helvetica, sans-serif;
}

a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    border: none;
    border-style: none;
}

    a:hover, a:active, a:focus {
        color: #fff;
        text-decoration: none;
        border: none;
        outline: 0 !important;
        border-style: none;
    }

button {
    outline: 0;
}

    button:active, button:focus {
        outline: 0;
    }

    button.icon {
        -webkit-border-radius: 35px;
        border-radius: 35px;
        background: #777;
        border: 1px solid #777;
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        display: inline-block;
        cursor: pointer;
        /*VIE-2832*/
        margin: 1px;
    }

        button.icon:disabled {
            -webkit-border-radius: 35px;
            border-radius: 35px;
            background: #E2E2E2;
            border: 1px solid #777;
            color: #fff;
            width: 35px;
            height: 35px;
            line-height: 34px;
            text-align: center;
            font-size: 15px;
            display: inline-block;
            cursor: pointer;
        }

            button.icon:disabled:hover {
                background: #E2E2E2;
                border: 1px solid #777;
            }

        button.icon:hover {
            background: var(--main-color,#F1008B);
            border: 1px solid var(--main-color,#F1008B);
        }

h2 {
    color: #fff;
    text-transform: uppercase;
}

    h2.cerca {
        color: #333;
    }

h3 {
    font-size: 1.4rem;
    color: #fff;
}

h5 {
    display: table;
    margin: 20px auto;
    color: #333;
    font-size: 1.3em;
    font-weight: normal;
}

.Tcenter {
    display: table;
    margin: 0 auto;
}

    .Tcenter > .Vcenter {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

.t-center {
    text-align: center;
}

.slide {
    padding: 0;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.nomargin1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.noscroll {
    overflow: hidden;
}

.hide {
    display: none;
}

.buttonsquare {
    color: #fff;
    background: #999;
    border: 1px solid #999 !important;
    font-size: 120%;
    line-height: 100%;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto 0;
    width: auto;
    height: auto;
    cursor: pointer;
    min-width: 120px;
    text-align: center;
}

    .buttonsquare .hover {
        display: none;
    }

    .buttonsquare:hover {
        background: #e2e2e2;
        color: #999;
    }

        .buttonsquare:hover .hover {
            display: inline;
        }

        .buttonsquare:hover .default {
            display: none;
        }

    .buttonsquare > i {
        display: inline;
        line-height: 50%;
        margin: 1px 0 0 10px;
        /*VIE-935*/
        /*font-size: 160%;*/
        font-size: 120%;
        /*vertical-align: sub;*/
        vertical-align: middle;
    }

    .buttonsquare.color {
        background: var(--main-color,#F1008B);
        color: #fff;
        border: 1px solid var(--main-color,#F1008B); /*!important;*/
    }

        .buttonsquare.color:hover {
            background: transparent;
            color: var(--main-color,#F1008B);
        }


.form-errore {
    background: #ff7373;
    color: #fff;
    text-align: center;
    line-height: 140%;
    font-size: 100%;
    display: block;
    margin: 10px;
    padding: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .form-errore i {
        display: inline-block;
        margin-right: 10px;
    }

.show-mobile {
    display: none;
}

.subtext {
    font-family: Arial, Helvetica, sans-serif;
}

.round-button {
    color: #777;
}

    .round-button .fa-inverse {
        color: #FFF;
    }

    .round-button:hover {
        color: var(--main-color,#F1008B);
    }

    .round-button .fa-inverse.alt-icon {
        display: none;
    }

    .round-button.selected .fa-inverse.alt-icon {
        display: inline-block;
    }

    .round-button.selected .fa-inverse:not(.alt-icon) {
        display: none;
    }

.tooltip2 {
    cursor: pointer;
}


/*#fullHeight,
#fullHeight > body,
#fullHeight > body > form,
#fullHeight > body > form > .scheda-prodotto,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container > .v2d-wrapper,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container > .v2d-wrapper > .owl-carousel,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container > .v2d-wrapper > .owl-carousel > .owl-stage-outer,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container > .v2d-wrapper > .owl-carousel > .owl-stage-outer > .owl-stage,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container > .v2d-wrapper > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item,
#fullHeight > body > form > .scheda-prodotto > .prodotti-config-06 > .p-c-container > .v2d-wrapper > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item {
	height: 100%;
}*/

/* *************
ICON / ICONE
************** */
.icon-cerchio {
    position: relative;
    border: 1px solid #aaa;
    width: 18px;
    height: 18px;
    background: transparent;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

    .icon-cerchio.active::after {
        position: absolute;
        background: var(--main-color,#FA278A);
        width: 12px;
        height: 12px;
        top: 2px;
        left: 2px;
        display: block;
        content: "";
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

.gray-icon {
    position: relative;
    width: 33px;
    height: 33px;
    background: #9D9D9D;
    -webkit-border-radius: 33px;
    border-radius: 33px;
    display: inline-block;
}

    .gray-icon > img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .gray-icon:hover {
        background: var(--main-color,#FA278A);
    }

.checkbox-cerchio {
    display: none;
}

    .checkbox-cerchio + label {
        position: relative;
        border: 1px solid #aaa;
        width: 18px;
        height: 18px;
        background: transparent;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

.mbsc-checkbox .dw-li .checkbox-cerchio + label {
    display: inline-block;
    right: 30px;
    top: 50%;
    z-index: 3;
    position: absolute;
    border-color: #fff;
    margin: -8px auto 0;
}

.mbsc-checkbox .dw-msel .checkbox-cerchio + label::after,
.checkbox-cerchio:checked + label::after,
.checkbox-cerchio.active + label::after {
    position: absolute;
    background: var(--main-color,#FA278A);
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px;
    display: block;
    content: "";
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.attach-top {
    position: relative;
}

    .attach-top > div {
        position: relative;
    }

    .attach-top.shadow > div {
        -webkit-box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
        box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
    }

.attach-bottom {
    position: relative;
}

    .attach-bottom > div {
        position: relative;
        /*VIE-2832*/
        /*padding-top: 20px;
        padding-bottom: 20px;*/
    }

        .attach-bottom > div.shadow {
            -webkit-box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
            box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
        }

/***************** BOOTSTRAP CUSTOM *****************/
.navbar {
    /*VIE-58*/
    /*min-height: 70px;*/
}

    .navbar .container-fluid {
        overflow: inherit;
    }
    /*VIE-58*/
    .navbar .round-button {
        color: #333;
    }
        /*VIE-58*/
        .navbar .round-button:hover {
            color: var(--main-color,#F1008B);
        }

.navbar-right {
    margin-right: 5px;
}

.navbar-nav > li > a {
    padding: 25px 5px;
    /*VIE-58*/
    padding: 9px 5px;
}

.navbar-default .navbar-nav .open > a {
    background: transparent;
}

    .navbar-default .navbar-nav .open > a:hover {
        background: transparent;
    }

/*VIE-58*/
.navbar-default.no-shadow {
    -webkit-box-shadow: 0 40px 50px 0 transparent;
    box-shadow: 0 40px 50px 0 transparent;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0;
}

.container-fluid {
    padding: 0;
    overflow: hidden;
}

.carousel-inner img {
    display: table;
    margin: 0 auto;
}

.carousel-indicators .active {
    background-color: var(--main-color,#F1008B);
    border-color: var(--main-color,#F1008B);
}

.button {
    color: #FFF;
    background: #777 none repeat scroll 0% 0%;
    border: none !important;
    font-size: 90%;
    line-height: 300%;
    padding: 0px 25px;
    border-radius: 25px;
    display: table;
    margin: 0px auto;
    width: auto;
    height: auto;
    cursor: pointer;
    font-weight: bold;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    width: 100%;
}


/****** BREAK BOTTONI NAVIGAZIONE *****/
.navigation-buttons {
    background: #E2E2E2;
    overflow: auto;
    /*VIE-2832*/
    /*padding: 2% 8%;
    margin-top: 10px;*/
    padding: 10px 5%;
    margin-top: 5px;
}

    .navigation-buttons .buttonsquare.onright {
        float: right;
        margin-left: 20px;
    }

    .navigation-buttons .buttonsquare.onleft {
        float: left;
        margin-right: 20px;
    }

    .navigation-buttons .buttonsquare.onCenter {
        display: table;
    }


/****************************************************/
/***************** NAVIGATION BAR *******************/
/****************************************************/
.navbar-default {
    background-color: #fff;
    -webkit-box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
    box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
    font-size: 25px;
    z-index: 190;
    border: 0;
}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: var(--main-color,#F1008B);
        color: #fff;
    }

.navbar-brand.tooltip-bottom:before,
.navbar-brand.tooltip-bottom:after {
    left: 70%;
}

.navbar-brand {
    /*display: table;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    margin: 0 auto;
    padding: 5px 15px 5px 30px;
    float: none;*/
    /*VIE-58*/
    display: table;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    margin: 0 15px !important;
    padding: 15px 10px 15px 25px;
    float: left;
}

.img-brand {
    /*padding-top: 5px;
    width: auto;
    height: 72px;*/
    /*VIE-58 ho dovuto aggiungere anche height: 25px per forzae sempre il rapporto di aspetto del logo a 4:1*/
    /*width: 100px;*/
    width: auto;
    height: 25px;
    height: 45px;
    margin-top: -10px;
}

.sezioni {
    margin-top: 17px;
    width: 148px;
}

    .sezioni > .active {
        color: var(--main-color,#F1008B);
        font-size: 14px;
    }

/***************** BOTTONE MOBILE *******************/


.navbar-toggleMobile {
    position: relative;
    display: table;
    margin: 8px 30px 0;
    padding: 12px 10px;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 4px;
    float: right;
}






.navbar-toggle {
    /*position: relative;
    display: table;
    margin: 8px auto 0;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 4px;
    float: none;*/
    /*VIE-58*/
    position: relative;
    display: table;
    margin: 8px 30px 0;
    padding: 12px 10px;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 4px;
    float: right;
}

    .navbar-toggle .icon-bar {
        border-radius: 1px;
        display: block;
        height: 3px;
        width: 36px;
    }

/********* BOTTONI DI DESTRA CON SOTTOMENU **********/
.navbar-right {
    font-size: 14px;
    color: #c6c6c6;
    background-color: transparent;
}

    .navbar-right > .dropdown > ul > li {
        padding: 5px;
        background-color: #AAA;
        border-bottom: 1px solid #B8B8B8;
    }

        .navbar-right > .dropdown > ul > li:last-child {
            border-bottom: transparent;
        }

        .navbar-right > .dropdown > ul > li > a {
            padding: 5px !important;
            color: #fff;
        }

            .navbar-right > .dropdown > ul > li > a > img {
                padding-right: 10px;
            }

    .navbar-right > .dropdown > ul.dropdown-menu > li > a > i {
        font-size: 20px;
        margin-right: 10px;
    }

    .navbar-right > .dropdown > ul > li > a:hover {
        color: var(--main-color,#F1008B);
        background-color: transparent;
    }

    .navbar-right > .dropdown > ul > li.divider {
        border-bottom: transparent;
        padding: 0;
    }

    .navbar-right > .dropdown > ul {
        padding: 5px;
        background-color: #AAAAAA;
    }

    .navbar-right > .dropdown {
        margin-right: 5px;
        cursor: pointer;
    }

.nav > .dropdown > ul > li > a:hover {
    color: var(--main-color,#F1008B);
}

.nav > li > a > img {
    width: 40px;
    height: 40px;
}

.dropdown-menu-right:before {
    position: absolute;
    top: -7px;
    right: 3px;
    left: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #c6c6c6;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu-right:after {
    position: absolute;
    top: -6px;
    right: 5px;
    left: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #aaaaaa;
    border-left: 6px solid transparent;
    content: '';
}

.utente_loggato .dropdown-menu-right:before {
    position: absolute;
    top: -7px;
    right: 3px;
    left: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #c6c6c6;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.utente_loggato .dropdown-menu-right:after {
    position: absolute;
    top: -6px;
    right: 5px;
    left: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #aaaaaa;
    border-left: 6px solid transparent;
    content: '';
}

/***************** MENU MOBILE *******************/
#menu-mobile {
    padding: 0 20px;
}

    #menu-mobile .dropdown button {
        color: var(--main-color,#F1008B);
        border: 0;
        border-bottom: 2px solid var(--main-color,#F1008B);
        width: 100%;
        background: #fff;
        text-align: center;
        text-transform: uppercase;
    }

        #menu-mobile .dropdown button:hover {
            color: #666;
        }

    #menu-mobile .dropdown .dropdown-menu {
        border: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        min-width: auto;
        width: 100%;
        text-align: center;
    }

    #menu-mobile > ul > li > a {
        color: #666;
        border: 0;
        border-bottom: 1px solid #CCC;
        width: 100%;
        background: #fff;
        text-align: center;
        text-transform: uppercase;
        margin: 18px 0;
        font-size: 15px;
    }

        #menu-mobile > ul > li > a:hover {
            color: var(--main-color,#F1008B);
        }

@media only screen and (min-width: 767px) {
    #menu-mobile.in {
        display: none;
    }

    .navbar-toggleMobile {
        display: none;
    }
}

/******* DROPDOWN CONTENUTO PREVENTIVO *******/
.riepilogo-preventivi {
    position: static;
    /*VIE-505*/
    margin: 0;
    /*margin: 18px 0px 0px;*/
    transition: background 0.3s 0.4s ease-out;
    /*background: radial-gradient(50% 50%, #333 50%,#FFF 50%);
	background-repeat: no-repeat;
	background-size: 0% 0%;
	background-position: 50% 50%;*/
}

    .riepilogo-preventivi.open {
        /*background-size: 300% 300%;*/
        background: #333;
        transition-delay: 0s;
    }

    .riepilogo-preventivi .data-container {
        border: none;
        height: 31px;
        /*VIE-505*/
        margin: 12px 10px;
        /*margin: 10px 10px 28px 10px;*/
        background: #333;
        border-radius: 20px;
        padding: 0px 10px 0 0;
    }

        .riepilogo-preventivi .data-container .preventivi-count {
            padding: 5px 11px;
            background: var(--main-color,#F1008B);
            border-radius: 20px;
            font-size: 1.5em;
            font-weight: bold;
            color: #FFF;
            vertical-align: middle;
            margin-right: 5px;
        }

        .riepilogo-preventivi .data-container #preventivi-amount {
            color: #FFF;
        }

        .riepilogo-preventivi .data-container .caret {
            color: #FFF;
        }

    .riepilogo-preventivi .dropdown-menu-special {
        position: absolute;
        left: 0px;
        right: 0px;
        border-radius: 0px;
        background-clip: initial;
        margin: 0;
        padding: 0;
        background-color: rgba(68,68,68,0.98);
        height: auto;
        max-height: 0px;
        transition: max-height 0.5s 0s ease-out;
        overflow: hidden;
        z-index: 1;
    }

.elenco-preventivi .dropdown-menu-special {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #444;
    height: auto;
    max-height: 0px;
    transition: max-height 0.6s ease-out, box-shadow 0.6s ease-out;
    /*overflow: hidden;*/
    overflow: auto;
}

.riepilogo-preventivi.open .dropdown-menu-special {
    max-height: 600px;
    transition-delay: 0.2s;
}

.elenco-preventivi .item.open .dropdown-menu-special {
    max-height: 500px;
    box-shadow: 0px 12px 20px -10px;
}

.dropdown-menu-special .dropdown-header {
    overflow: auto;
    padding: 50px 40px 10px;
    background: #333;
}

    .dropdown-menu-special .dropdown-header span {
        font-size: 1.4em;
        color: #DDD;
    }

        .dropdown-menu-special .dropdown-header span strong {
            color: #FFF;
        }

    .dropdown-menu-special .dropdown-header button {
        border: none;
        background: none;
        margin-left: 10px;
        border-bottom: 2px solid transparent;
    }

        .dropdown-menu-special .dropdown-header button i {
            font-size: 110%;
            vertical-align: middle;
            margin-right: 5px;
        }

        .dropdown-menu-special .dropdown-header button span {
            font-size: 80%;
        }

        .dropdown-menu-special .dropdown-header button:hover span {
            border-bottom: 2px solid #DDD;
        }

        .dropdown-menu-special .dropdown-header button:hover i {
            color: var(--main-color,#F1008B);
        }

.dropdown-menu-special .lista-preventivi {
    padding: 0 40px;
    overflow: auto;
}

.riepilogo-preventivi .dropdown-menu-special .lista-preventivi {
    max-height: 500px;
}

.dropdown-menu-special .tab-preventivo {
    overflow: hidden;
    border-bottom: 1px solid #AAA;
}

.elenco-preventivi .dropdown-menu-special .tab-preventivo .col-lg-9 {
    width: 66.6667%;
}

.elenco-preventivi .dropdown-menu-special .tab-preventivo .col-lg-3 {
    width: 33.3333%;
}

.dropdown-menu-special .tab-preventivo:last-child {
    border: none;
}

.dropdown-menu-special .tab-preventivo > div > div {
    height: 120px;
    display: table;
}

.dropdown-menu-special .tab-preventivo.tab-accessori > div > div {
    height: 140px;
}

.dropdown-menu-special .tab-preventivo > div > div .vertical-align {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.dropdown-menu-special .tab-preventivo .serie-image {
    text-align: center;
}

    .dropdown-menu-special .tab-preventivo .serie-image img {
        width: 100%;
        max-width: 100px;
    }

.dropdown-menu-special .tab-preventivo .preventivo-controls button {
    background: none;
    color: #FFF;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 140%;
    border-radius: 30px;
    border: 2px solid #FFF;
    margin-left: 3px;
}

    .dropdown-menu-special .tab-preventivo .preventivo-controls button:first-child {
        margin: 0;
    }

    .dropdown-menu-special .tab-preventivo .preventivo-controls button:hover {
        background: var(--main-color,#F1008B);
        border: 2px solid var(--main-color,#F1008B);
    }

    .dropdown-menu-special .tab-preventivo .preventivo-controls button::before,
    .dropdown-menu-special .tab-preventivo .preventivo-controls button[data-tooltip]::after {
        bottom: 90% !important;
    }

.dropdown-menu-special .tab-preventivo h3 {
    color: #FFF;
    font-weight: bold;
    margin: 8px 0;
}

.dropdown-menu-special .tab-preventivo h4 {
    color: #FFF;
    font-weight: bold;
    margin: 6px 0;
}

    .dropdown-menu-special .tab-preventivo h4 span {
        width: 110px;
        display: inline-block;
    }

.dropdown-menu-special .tab-preventivo p {
    color: #DDD;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.dropdown-menu-special .tab-preventivo .preventivo-prezzo {
    text-align: right;
}

    .dropdown-menu-special .tab-preventivo .preventivo-prezzo .prezzo-wrapper {
        border-right: 1px solid #AAA;
        padding: 10px 20px 10px 0;
        margin-right: 20px;
    }

/* *************
MENU CENTRATO GRIGIO
************** */
.menu-centrato {
    margin-top: 15px;
}

    .menu-centrato > .menu-grigio {
        background: #ececec;
        text-align: center;
        display: block;
        padding: 5px 10px;
    }

        .menu-centrato > .menu-grigio > a {
            display: inline-block;
            font-size: 16px;
            color: #666;
            padding: 5px;
            margin: 10px 0 10px 10px;
            border-bottom: 2px solid transparent;
        }

            .menu-centrato > .menu-grigio > a:fist-child {
                margin-left: 0;
            }

            .menu-centrato > .menu-grigio > a.active {
                border-bottom-color: #666;
            }

/****************************************************/
/**************** HOME MODA / STORIA ****************/
.seconda-riga {
    padding: 0;
    margin: 10px 0 0 0;
    width: 100%;
}

/* ******************
HOME STORIE - OLD
****************** */
/*
.container-top {
    position: relative;
    top: 85px;
    padding-bottom: 85px;
    overflow: auto;
}

.container-center {
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

    .container-center > button {
        margin: 0 0 0 5px;
    }

        .container-center > button:first-child {
            margin: 0;
        }

.vertical-center {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
}

.orizontal-center {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.orizontal-center-mv {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    text-align: center;
    padding-left: 40px;
}

.container-top .main-cover {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
}

.spotlight-home .container-top {
    overflow: auto;
    background: #000;
    padding: 0;
    margin-bottom: 95px;
}

.spotlight-home .vertical-center {
    display: table-cell;
    vertical-align: middle;
}

.spotlight-home .container-center {
    text-align: center;
}

    .spotlight-home .container-center h2 {
        font-family: Gotham-Book, Verdana, Sans-serif;
        margin: 10px 0;
    }

        .spotlight-home .container-center h2 strong {
            color: #FC1;
            font-weight: 500px;
        }

    .spotlight-home .container-center p {
        margin-top: 20px;
        color: #AAA;
    }

*/

/* ******************
HOME STORIE
****************** */
/*VIE-49 1.4.0*/
.container-top {
    position: relative;
    padding: 0;
    overflow: auto;
}

.container-center {
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

    .container-center > button {
        margin: 0 0 0 5px;
    }

        .container-center > button:first-child {
            margin: 0;
        }

.vertical-center {
    display: table-cell;
    vertical-align: middle;
}

.orizontal-center {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.orizontal-center-mv {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    text-align: center;
    padding-left: 40px;
}

.container-top .main-cover {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
}

.first-block {
    margin-top: 55px;
}

.spotlight-home .container-top {
    overflow: hidden;
    background: #000;
    position: relative;
}

.spotlight-home .vertical-center {
    display: table-cell;
    vertical-align: middle;
}

.spotlight-home .container-center {
    text-align: center;
}

    .spotlight-home .container-center h2 {
        font-family: 'Lato', Verdana, Sans-serif;
        margin: 10px 0;
    }

        .spotlight-home .container-center h2 strong {
            color: #FC1;
            font-weight: 500px;
        }

    .spotlight-home .container-center p {
        margin-top: 20px;
        color: #AAA;
    }

.spotlight-home .owl-dots {
    display: block !important;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .spotlight-home .owl-dots > .owl-dot {
        display: inline-block !important;
        margin: 0 5px;
    }

        .spotlight-home .owl-dots > .owl-dot > span {
            height: 2px;
            width: 40px;
            background: #fff;
        }

        .spotlight-home .owl-dots > .owl-dot.active > span {
            background: var(--main-color,#FA008B);
        }

/********************************/
/***	  TRIPLE CHOICE	 ***/
/********************************/
/*VIE-49 ho aggiornato l'intero blocco TRIPLE CHOICE */
.triple-choice {
    margin: 0;
    background: white;
    /*-webkit-box-shadow: 0 0 40px 2px rgba(30,30,3,0.6);
    box-shadow: 0 0 40px 2px rgba(30,30,3,0.6);*/
}

    .triple-choice .col-xs-6:nth-child(2) a {
        background: var(--main-color,#F1008B);
    }

    .triple-choice a {
        display: block;
    }

        .triple-choice a > img {
            display: table;
            margin: 0 auto;
            padding: 30px 0;
            height: 300px;
        }

    .triple-choice .slide-text {
        margin-top: 50px;
        background-color: transparent;
        text-align: center;
        z-index: 9;
    }

        .triple-choice .slide-text p {
            color: #777;
            margin: 0;
            padding: 0;
        }

        .triple-choice .slide-text h2 {
            text-transform: lowercase;
        }

    .triple-choice .carousel-inner {
        background: #E2E2E2;
    }

    .triple-choice .carousel .small-image img {
        margin-top: 30% !important;
        margin-bottom: 6.5% !important;
        width: 80% !important;
    }

/*
* ELENCO CATEGORIE
*/
/*VIE-49*/
#elenco-categorie {
    padding: 40px 0;
}

    #elenco-categorie a {
        display: block;
        margin: 5px;
        padding: 30px;
        text-align: center;
        background: #fff;
    }

        #elenco-categorie a > h3 {
            margin: 0 0 5px 0;
            color: #333;
        }

        #elenco-categorie a > p {
            color: #b8b8b8;
            padding-bottom: 30px;
        }

        #elenco-categorie a > .elenco-img {
            display: table;
            margin: 0 auto;
            max-width: 180px;
        }

/*
 * CATALOGO LIST
*/
/*VIE-51 Integrazione VIE-507*/
#catalogo-list {
    position: relative;
    left: 0;
    right: 0;
    /*top: 88px;*/
    top: 0px;
    /*background: #333;*/
    background: #fff;
    z-index: 189;
    padding: 15px 0;
}

.attach-top.shadow #catalogo-list {
    position: static;
}

    .attach-top.shadow #catalogo-list > .title {
        margin: 0px auto 0;
    }

#catalogo-list > .title {
    background: #fff;
    padding: 10px 20px 30px;
    display: table;
    margin: -55px auto 0;
    font-size: 110%;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

#catalogo-list .owl-carousel {
    padding: 0 30px;
}

    #catalogo-list .owl-carousel .owl-stage {
        display: table;
        margin: 0 auto;
    }

#catalogo-list a {
    display: block;
    text-align: center;
    color: #666;
    /*color: #fff;*/
}

    #catalogo-list a.active {
        color: #000;
    }

    #catalogo-list a > img {
        display: table;
        margin: 10px auto 10px;
    }

    #catalogo-list a.active::before {
        display: table;
        margin: 0 auto 0;
        content: "";
        background: var(--main-color,#F1008B);
        height: 2px;
        width: 60px;
    }

/*
 * CATALOGO RICERCA
*/
/*VIE-51*/
#catalogo-ricerca #riepilogo-dati {
    position: relative;
    margin-top: 0px;
}

    #catalogo-ricerca #riepilogo-dati .gray-block {
        /*padding: 40px 0 0;*/
        padding: 20px 0 0;
        background: #fff;
    }

    #catalogo-ricerca #riepilogo-dati .separa {
        border-top: 1px solid #bbb;
        padding-top: 20px;
    }

    #catalogo-ricerca #riepilogo-dati .label-input {
        margin-bottom: 10px;
    }

        #catalogo-ricerca #riepilogo-dati .label-input > label {
            color: #666;
            display: block;
            font-weight: normal;
        }

            #catalogo-ricerca #riepilogo-dati .label-input > label.checkbox {
                width: 58px;
                height: 30px;
                position: relative;
                padding-top: 5px;
                margin-top: 10px;
            }

        #catalogo-ricerca #riepilogo-dati .label-input > button {
            color: #fff;
            background: #999;
            border: 1px solid #999 !important;
            font-size: 120%;
            line-height: 100%;
            padding: 10px 20px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            display: inline-block;
            margin: 0 auto 0;
            width: 90%;
            height: auto;
            cursor: pointer;
            min-width: 120px;
            text-align: center;
        }

        #catalogo-ricerca #riepilogo-dati .label-input > a {
            background: var(--main-color,#F1008B);
            color: #fff;
            border: 1px solid #999 !important;
            font-size: 120%;
            line-height: 100%;
            padding: 10px 20px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            display: inline-block;
            margin: 0 auto 0;
            width: 90%;
            height: auto;
            cursor: pointer;
            min-width: 120px;
            text-align: center;
        }

        #catalogo-ricerca #riepilogo-dati .label-input > input,
        #catalogo-ricerca #riepilogo-dati .label-input > select {
            background: #fff;
            width: 90%;
            border: 1px solid #bbb;
            color: #777;
            padding: 10px;
            margin: 0;
            position: relative;
        }

#catalogo-ricerca .load-altri-filtri {
    position: relative;
    bottom: 0;
    left: 50%;
    background: #b1b1b1;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    padding: 7px 14px;
    display: inline-block;
    margin-left: -70px;
}

    #catalogo-ricerca .load-altri-filtri > i {
        padding-left: 10px;
        font-size: 20px;
        float: right;
    }

#catalogo-ricerca .altri-filtri {
    padding-top: 20px;
}

/* The switch - the box around the slider */
#catalogo-ricerca #riepilogo-dati .label-input .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

    /* Hide default HTML checkbox */
    #catalogo-ricerca #riepilogo-dati .label-input .switch input {
        display: none;
    }

/* The slider */
#catalogo-ricerca #riepilogo-dati .label-input .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    #catalogo-ricerca #riepilogo-dati .label-input .slider:before {
        position: absolute;
        content: "";
        height: 25px;
        width: 25px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

#catalogo-ricerca #riepilogo-dati .label-input input:checked + .slider {
    background-color: var(--main-color,#F1008B);
    content: attr(data-on);
}

#catalogo-ricerca #riepilogo-dati .label-input input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

#catalogo-ricerca #riepilogo-dati .label-input input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
#catalogo-ricerca #riepilogo-dati .label-input .slider.round {
    border-radius: 34px;
}

    #catalogo-ricerca #riepilogo-dati .label-input .slider.round:before {
        border-radius: 50%;
    }



/*
 * CATALOGO PRODOTTI
*/
/*VIE-51*/
#catalogo-prodotti {
    padding: 40px 0;
}

    #catalogo-prodotti a {
        display: block;
        margin: 5px;
        padding: 30px;
        text-align: center;
        background: #fff;
    }

        #catalogo-prodotti a > h3 {
            min-height: 50px;
            max-height: 50px;
            margin: 0 0 5px 0;
            color: #333;
        }

    #catalogo-prodotti .serie-padre-view {
        top: 5px;
        height: 606px;
    }

        #catalogo-prodotti .serie-padre-view .owl-carousel {
            top: -30px;
        }

        #catalogo-prodotti .serie-padre-view > p {
            min-height: 40px;
            max-height: 40px;
            color: #b8b8b8;
            padding-bottom: 30px;
        }




    #catalogo-prodotti a > p {
        min-height: 40px;
        max-height: 40px;
        color: #b8b8b8;
        padding-bottom: 30px;
    }

        #catalogo-prodotti a > p.slogan {
            min-height: 70px;
            max-height: 70px;
            padding-bottom: 0px;
        }

    #catalogo-prodotti a > .elenco-img-div {
        top: -10px;
        left: 50%;
        position: relative;
        /*N.B.: le dimensioni LxH devono essere sempre accordate con il numero di step ed il background-position*/
        /*Ad esempio nel nostro caso Width = 360px corrisponde Step(10)  background-position: 3600px;*/
        /*quindi la regola empirica da rispettare č sempre la seguente: background-position = width x # di Step*/
        /*width: 180px;
            height: 180px;*/
        width: 360px;
        height: 360px;
        background-size: cover;
        background-position: 0 0;
        animation-timing-function: ease-out;
        transform: translateX(-50%);
    }

        #catalogo-prodotti a > .elenco-img-div.outer {
            -webkit-animation: windowclose4 0.5s steps(10) forwards !important;
            animation: windowclose4 0.5s steps(10) forwards !important;
        }

        #catalogo-prodotti a > .elenco-img-div.hover {
            -webkit-animation: windowopen4 0.5s steps(10) forwards !important;
            animation: windowopen4 0.5s steps(10) forwards !important;
        }

@keyframes windowopen4 {
    from {
        background-position: 0px;
    }

    to {
        /*background-position: -2800px;*/
        /*background-position: -1800px;*/
        background-position: -3600px;
    }
}

@keyframes windowclose4 {
    from {
        /*background-position: -2800px;*/
        /*background-position: -1800px;*/
        background-position: -3600px;
    }

    to {
        background-position: 0px;
    }
}

/* *************
RIQUADRI STORIA
************** */


.onclick-storia > a {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
}

/* *************
RIQUADRI ELENCO STORIE
************** */

.elenco-full.bgCchiaro {
    background-color: #eee;
}

.elenco-full.bgScuro {
    background-color: #ddd;
}

.elenco-full {
    position: relative;
    margin: 0;
    height: 500px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .elenco-full .elenco-img {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -220px;
        height: 440px;
    }

    .elenco-full .elenco-img-div {
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -225px;
        height: 450px;
        width: 450px;
        background-size: cover;
        background-position: 0 0;
        animation-timing-function: ease-out;
    }

        .elenco-full .elenco-img-div.hover {
            -webkit-animation: windowopen 0.5s steps(10) forwards;
            animation: windowopen 0.5s steps(10) forwards;
        }

        .elenco-full .elenco-img-div.outer {
            -webkit-animation: windowclose 0.5s steps(10) forwards;
            animation: windowclose 0.5s steps(10) forwards;
        }

@keyframes windowopen {
    from {
        background-position: 0px;
    }

    to {
        background-position: -4500px;
    }
}

@keyframes windowclose {
    from {
        background-position: -4500px;
    }

    to {
        background-position: 0px;
    }
}

.elenco-over {
    color: #fff;
    position: absolute;
    display: table;
    top: 0;
    bottom: 0;
    height: 100%;
    /**left: 80px;*/
    left: 8%;
    text-align: left;
    z-index: 10;
    font-size: 100%;
    text-align: center;
}

    .elenco-over.half-box {
        padding-right: 50px;
        max-width: 50%;
    }

    .elenco-over.full-box {
        max-width: 84%;
    }

    .elenco-over > .vertical-center > img {
        display: table;
        margin: -40px auto 0;
    }

    .elenco-over p {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
    }

        .elenco-over p:not(:last-child) {
            /*font-weight: bold;*/
            margin-bottom: 20px;
        }

    .elenco-over h3 {
        font-size: 200%;
    }

    .elenco-over a {
        color: #fff;
    }

        .elenco-over a:hover {
            color: #fff;
            text-decoration: none;
        }

    .elenco-over.dark {
        color: #333;
    }

        .elenco-over.dark h3 {
            color: #333;
        }

        .elenco-over.dark p {
            color: #555;
        }

        .elenco-over.dark a {
            color: #333;
        }

            .elenco-over.dark a:hover {
                color: #333;
                text-decoration: none;
            }

/****************************************************/
/****************** PAGINA FULL *********************/
#pagina .contenuto-pagina {
    background: rgba(255,255,255,0.9);
    position: relative;
    z-index: 2;
    padding-bottom: 20px;
}

#pagina .container-top {
    left: 0;
    right: 0;
    z-index: 1;
}

/* *************
TITOLO SLIDE CENTRALE
************** */
.titolo-img {
    position: absolute;
    z-index: 99;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 70px;
    /*VIE-51 ho dovuto togliere questa proprietā per eliminare quella trasparenza grigia che appariva nei banner delle pagine*/
    /*background: rgba(0, 0, 0, 0.35);*/
}

    .titolo-img h2 {
        color: #fff;
    }

    .titolo-img h3 {
        color: #fff;
        font-size: 240%;
    }

    .titolo-img span {
        color: #e5e5e5;
        ;
        /*font-size: 140%;*/
        font-family: Arial, Helvetica, sans-serif;
    }
    /*.titolo-img a {
		color: #fff;
		font-size: 110%;
		text-transform: uppercase;
		display: inline-block;
		padding: 0 5px;
	}*/
    .titolo-img a:hover {
        color: #F4008B;
    }

    .titolo-img a.current {
        color: #F4008B;
        border-bottom: 1px solid #F4008B;
    }

    .titolo-img a.giftMe {
        border: 2px solid #fff;
        padding: 10px 15px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        margin: 10px 0 20px;
    }

        .titolo-img a.giftMe i {
            padding-right: 10px;
            font-size: 120%;
        }

        .titolo-img a.giftMe:hover {
            border-color: #F4008B;
            background-color: #F4008B;
            color: #fff;
        }

    .titolo-img p {
        color: #aaa;
        margin: 15px 0 20px;
        padding: 0;
        /*font-family: Arial;*/
        font-family: Gotham-Book,Verdana,sans-serif;
    }


    .titolo-img .buttonsquare {
        display: table;
        margin: 15px auto 0;
    }
/* *************
CONTENUTO PAGINA
************** */
.titolo-pagina {
    color: #444;
    text-align: center;
    padding-top: 60px;
}

    .titolo-pagina h2 {
        color: #444;
        font-size: 180%;
        text-transform: none;
        margin: 10px 0;
    }

        .titolo-pagina h2 i {
            display: table;
            margin: 0 auto 10px;
            font-size: 160%;
            color: #999;
        }


    /* *************
	SORPRENDIMI
	************** */

    .titolo-pagina p {
        color: #aaa;
        margin: 15px 0 20px;
        padding: 0;
    }

    .titolo-pagina a.goback {
        border: 1px solid #787878;
        color: #787878;
        padding: 6px 12px;
        display: table;
        margin: 0 auto 40px;
        font-size: 115%;
    }

    .titolo-pagina.vertical-center {
        padding-top: 0;
    }

.breadcrumb {
    font-size: 90%;
    color: #777;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
}

    .breadcrumb a {
        color: #777;
    }

        .breadcrumb a:hover {
            color: var(--main-color,#F1008B);
        }

.testo-pagina {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    padding: 20px 0;
}

    .testo-pagina p {
        margin: 20px 0;
    }

.separatore {
    height: 1px;
    width: 100%;
    background: #ddd;
    margin: 30px 0 40px;
}

/* *************
PAGINA AUTORE CAROUSEL
************** */

.pagina-carousel .item {
    margin: 0 10px;
}

    .pagina-carousel .item > a {
        color: #333;
        font-size: 17px;
        padding: 0 0 10px 0;
        display: block;
        font-weight: bold;
    }

        .pagina-carousel .item > a > span {
            float: right;
            color: #777;
            font-size: 80%;
        }

        .pagina-carousel .item > a > div {
            width: 100%;
            margin-bottom: 20px;
            display: block;
            border: 1px solid #aaa;
            text-align: center;
        }

            .pagina-carousel .item > a > div > img {
                width: 80%;
                margin-bottom: 20px;
                display: inline-block;
            }

        .pagina-carousel .item > a > img {
            background: #999;
            height: 25px;
            width: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            display: table;
            float: left;
            display: block;
            height: 22px;
            width: 22px;
            padding: 1px;
            margin: 2px 10px 0 2px;
        }

            .pagina-carousel .item > a > img:hover, .pagina-carousel .item > a > img.attivo {
                background: var(--main-color,#f7008b);
            }

    .pagina-carousel .item > aside {
        border-top: 1px solid #dcdbda;
        overflow: auto;
        padding: 10px 0;
    }

        .pagina-carousel .item > aside > .rightside {
            float: right;
            color: #333;
            text-align: center;
        }

        .pagina-carousel .item > aside .small-one {
            font-size: 90%;
            color: #777;
            font-family: Arial, Helvetica, sans-serif;
        }

        .pagina-carousel .item > aside > .leftside {
            float: left;
            color: #333;
            text-align: center;
        }

        .pagina-carousel .item > aside > .icon {
            color: #777;
            font-size: 180%;
            line-height: 70%;
        }

    .pagina-carousel .item .warning-message {
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 0px 10px;
        background: rgb(235, 19, 141) none repeat scroll 0% 0%;
        right: 0px;
        color: rgb(255, 255, 255);
        box-shadow: 0px 8px 12px -6px rgb(0, 0, 0);
        text-align: center;
        padding: 10px;
    }

/* *************
CAROUSEL CRONOLOGIA
************** */

.pagina-carousel .item-cr {
    margin: 0 10px;
    padding: 0 0 50px 0;
    background: #EEEEEE;
    line-height: 30px;
    text-align: center;
}

    .pagina-carousel .item-cr a {
        color: #333;
        font-size: 20px;
    }

        .pagina-carousel .item-cr a span {
            color: var(--main-color,#F1008B);
        }

    .pagina-carousel .item-cr img {
        width: 60%;
        margin: 20px 0;
        display: inline-block;
    }

    .pagina-carousel .item-cr.alternative {
        background: #DDDDDD;
    }


/* *************
WISHLIST CONSIGLIATO
************** */
.quarta-riga .item a {
    font-weight: bold;
}

    .quarta-riga .item a img {
        border: 1px solid #999;
    }

    .quarta-riga .item a span {
        color: #333;
        font-weight: normal;
    }

/****************************************************/
/*********** BOX CENTRALE (Es. login) ***************/
.box-contenitore {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

    .box-contenitore .box-centrale {
        display: table;
        margin: 0 auto;
        height: 100%;
        max-width: 600px;
        width: 100%;
    }

        .box-contenitore .box-centrale #form-login {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px;
        }

        .box-contenitore .box-centrale #form-privacy {
            display: table-cell;
            vertical-align: middle;
            width: 400px;
            padding: 0 20px;
        }

        .box-contenitore .box-centrale #form-recupera {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px;
        }

        .box-contenitore .box-centrale header {
            background: #eee;
            font-size: 90%;
            color: #C1C1C1;
            padding: 40px 30px;
            text-align: center;
            position: relative;
        }

        .box-contenitore .box-centrale img {
            display: table;
            margin: 0 auto 20px;
            max-width: 500px;
        }

        .box-contenitore .box-centrale .form-centrale {
            padding: 30px;
            position: relative;
            background: #fff;
            text-align: center;
        }

        .box-contenitore .box-centrale input[type="text"], .box-contenitore .box-centrale input[type="password"], .box-contenitore .box-centrale input[type="email"] {
            padding: 15px 20px;
            line-height: 120%;
            border: 1px solid #cfcfcf;
            border-radius: 5px;
            color: #999;
            display: table;
            font-family: Arial,Helvetica,sans-serif;
            margin: 15px auto 15px;
            outline: none;
            width: 100%;
            max-width: 340px;
        }

        .box-contenitore .box-centrale .form-centrale a.normal-link {
            display: table;
            margin: 15px auto 0px;
            color: #999;
        }

        .box-contenitore .box-centrale .form-centrale .separatore-o {
            display: table;
            margin: 15px auto 15px;
            width: 60px;
            background: #ddd;
            height: 1px;
        }

        .box-contenitore .box-centrale .form-centrale .form-select {
            display: table;
            margin: 0 auto 15px;
            color: #999;
        }

            .box-contenitore .box-centrale .form-centrale .form-select select {
                background: transparent;
                border: 0;
                box-shadow: 0 0 2px #AAA;
            }

.box-centrale #ombra-top {
    position: absolute;
    z-index: -1;
    top: 40px;
    left: 0;
    right: 0;
    width: 100%;
    line-height: 200%;
    -webkit-box-shadow: 0 0 80px 8px rgba(0,0,0,0.7);
    box-shadow: 0 0 80px 8px rgba(0,0,0,0.7);
}

.box-centrale #ombra-footer {
    position: absolute;
    z-index: -1;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    line-height: 200%;
    -webkit-box-shadow: 0 0 80px 8px rgba(0,0,0,0.7);
    box-shadow: 0 0 80px 8px rgba(0,0,0,0.7);
}
/**********************************************/
/************* PRODOTTI CORRELATI *************/
.prodotti-correlati {
    padding: 20px 0;
}
/* *************
RIQUADRI ELENCO PRODTTI 03
************** */
.elenco-prodotti {
    position: relative;
    margin: 0;
    height: 500px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    padding-left: 400px;
    background-color: #ddd;
}

.onclick-prodotto > a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
}

.elenco-over-left {
    color: #333;
    position: absolute;
    display: table;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 400px;
    z-index: 10;
    font-size: 100%;
    text-align: center;
}

    .elenco-over-left > .vertical-center > img {
        display: table;
        margin: -40px auto 0;
    }

    .elenco-over-left p {
        margin: 0;
    }

    .elenco-over-left h3 {
        font-size: 200%;
        color: #333;
    }

    .elenco-over-left a {
        color: #333;
    }

        .elenco-over-left a:hover {
            color: #333;
            text-decoration: none;
        }

.elenco-prodotti.right {
    padding-left: 0;
    padding-right: 400px;
}

.elenco-over-left.right {
    right: 0;
}

/* *************
SCHEDA PRODOTTO
************** */
.scheda-prodotto {
    padding: 0;
}

    .scheda-prodotto .descrizione,
    .prodotto-descrizione {
        background: #333;
        padding: 3% 0;
    }

.prodotto-descrizione {
    padding: 30px 0 30px 0;
}

    .prodotto-descrizione img {
        padding-bottom: 30px;
    }

.scheda-prodotto .descrizione h5 {
    margin: 0 0 30px;
    color: #fff;
    font-size: 180%;
    text-align: left;
    display: block;
}

.prodotto-descrizione h5 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 180%;
    text-align: left;
    display: block;
}

.prodotto-descrizione span {
    margin: 0 0 10px;
    color: #fff;
    font-size: 100%;
    text-align: left;
    display: block;
}

.scheda-prodotto .descrizione p,
.prodotto-descrizione p {
    margin: 0 0 20px;
    color: #ddd;
    display: block;
}

.prodotto-descrizione a {
    margin-bottom: 30px;
}


/* *************
PRODOTTI REALIZZABILI CAROUSEL
************** */
.prodotti-realizzabili {
    background: #E2E2E2;
    padding: 2% 0;
    margin-top: 10px;
}

    .prodotti-realizzabili h5 {
        margin-top: 0;
    }

    .prodotti-realizzabili .owl-carousel {
        padding: 0 80px;
    }

    .prodotti-realizzabili .item {
        display: table;
        margin: 0 auto;
    }

        .prodotti-realizzabili .item img {
            width: 120px;
            height: 120px;
            display: block;
            margin-bottom: 15px;
        }

        .prodotti-realizzabili .item div {
            width: 120px;
            text-align: center;
            color: #666;
        }

/* *************
SCHEDA PRODOTTO CONFIGURA
************** */
.prodotti-config {
    padding: 3% 0;
    overflow: auto;
    color: #888;
}

    .prodotti-config h1 {
        font-size: 260%;
        margin: 0;
        display: table;
        padding: 0;
        color: #333;
    }

    .prodotti-config .separatore-o {
        display: block;
        margin: 25px 0;
        height: 1px;
        background: #d6d6d6;
        width: 60%;
    }

    .prodotti-config label {
        display: block;
        font-size: 150%;
        color: #333;
        margin-bottom: 10px;
    }

    .prodotti-config button {
        margin: 0 0 10px 0;
        display: block;
        width: 60%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
    }

        .prodotti-config button img {
            margin-right: 10px;
        }

        .prodotti-config button + .separatore-o {
            margin-top: 35px;
        }

    .prodotti-config select {
        margin: 0 0 10px 0;
        display: block;
        width: 60%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
        color: #777;
        padding: 7px;
        text-align: left;
    }

    .prodotti-config .opzioni {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .prodotti-config .opzioni li {
            font-size: 100%;
            line-height: 170%;
            color: #777;
        }

            .prodotti-config .opzioni li i {
                font-size: 160%;
                float: left;
                margin-right: 5px;
                color: #adadad;
            }

    .prodotti-config .prezzo {
        font-family: Arial, Helvetica, sans-serif;
        vertical-align: text-bottom;
        font-size: 260%;
        color: #666;
    }

        .prodotti-config .prezzo span {
            color: #999;
            vertical-align: text-bottom;
            font-size: 11px;
        }

    .prodotti-config .nota {
        font-size: 95%;
        width: 60%;
        line-height: 120%;
        color: #888;
    }

    .prodotti-config > .col-xs-12 > img {
        /*float: right;*/
        width: 100%;
    }

    .prodotti-config .buttonsquare {
        min-width: 240px;
        text-align: center;
        margin: 40px 10px 0 10px;
    }

    .prodotti-config .col-prodotto {
        text-align: center;
    }

/* *************
SCHEDA PRODOTTO CONFIGURA 02
************** */
#canvasV2D {
    width: auto;
    max-width: 100%;
    display: block;
}

.prodotti-config-02 {
    padding: 3% 0;
    overflow: auto;
    color: #888;
}

    .prodotti-config-02 .col-lg-12 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .prodotti-config-02 .visualizzazione {
        text-align: right;
    }

        .prodotti-config-02 .visualizzazione a {
            color: #777;
            line-height: 30px;
        }

            .prodotti-config-02 .visualizzazione a:hover {
                color: var(--main-color,#FA008B);
            }

            .prodotti-config-02 .visualizzazione a.attivo {
                color: var(--main-color,#FA008B);
                border-bottom: 2px solid var(--main-color,#FA008B);
            }

    .prodotti-config-02 label, .prodotti-config-extra label {
        display: block;
        font-size: 150%;
        color: #333;
        margin-bottom: 10px;
        height: 30px;
    }

    .prodotti-config-02 button, .prodotti-config-extra button {
        margin: 0 0 10px 0;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
    }

        .prodotti-config-02 button img, .prodotti-config-extra button img {
            margin-right: 10px;
        }

    .prodotti-config-02 select, .prodotti-config-extra select {
        margin: 0 0 10px 0;
        display: block;
        width: 90%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
        line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
    }

    .prodotti-config-02 select {
        width: 95%;
    }

.prodotti-config-extra .opzioni {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    .prodotti-config-extra .opzioni li {
        font-size: 100%;
        line-height: 170%;
        color: #777;
    }

        .prodotti-config-extra .opzioni li i {
            font-size: 160%;
            float: left;
            margin-right: 5px;
            color: #adadad;
        }

.prodotti-config-extra .prezzo {
    vertical-align: text-bottom;
    font-size: 260%;
    color: #666;
}

    .prodotti-config-extra .prezzo span {
        color: #999;
        vertical-align: text-bottom;
        font-size: 11px;
    }

.prodotti-config-extra .nota {
    font-size: 95%;
    line-height: 120%;
    width: 95%;
    color: #888;
}

.prodotti-config-02 .buttonsquare, .prodotti-config-extra .buttonsquare {
    min-width: 240px;
    text-align: center;
    margin: 0 0 15px 0;
}

.prodotti-config-extra {
    padding: 3% 0;
    overflow: auto;
    color: #888;
    background: #eee;
}

    .prodotti-config-extra .container {
        padding: 0;
    }

/* *************
SCHEDA PRODOTTO CONFIGURA 03
************** */
#canvasV2D-v2 {
    width: 100%;
    display: block;
}

.prodotti-config-03 {
    padding: 3% 8%;
    overflow: auto;
    color: #888;
}

    .prodotti-config-03 h1 {
        font-size: 260%;
        margin: 0;
        display: table;
        padding: 0;
        color: #333;
    }

    .prodotti-config-03 .left-container {
        text-align: center;
    }

    .prodotti-config-03 .box-under {
        margin-top: 20px;
    }

    .prodotti-config-03 .separatore-o {
        display: block;
        margin: 25px 0;
        height: 1px;
        background: #d6d6d6;
        width: 95%;
    }

    .prodotti-config-03 .visualizzazione {
        text-align: right;
    }

    .prodotti-config-03 .hidden-lg .visualizzazione {
        text-align: center;
    }

    .prodotti-config-03 .visualizzazione a {
        color: #777;
        line-height: 30px;
    }

        .prodotti-config-03 .visualizzazione a:hover {
            color: var(--main-color,#FA008B);
        }

        .prodotti-config-03 .visualizzazione a.attivo {
            color: var(--main-color,#FA008B);
            border-bottom: 2px solid var(--main-color,#FA008B);
        }

    .prodotti-config-03 label, .prodotti-config-extra label {
        display: block;
        font-size: 150%;
        color: #333;
        margin-bottom: 10px;
        height: 30px;
    }

    .prodotti-config-03 button, .prodotti-config-extra button {
        margin: 0 0 10px 0;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
    }

        .prodotti-config-03 button img, .prodotti-config-extra button img {
            margin-right: 10px;
        }

    .prodotti-config-03 select, .prodotti-config-extra select {
        margin: 0 0 10px 0;
        display: block;
        width: 90%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
        line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
    }

    .prodotti-config-03 select {
        width: 95%;
    }

    .prodotti-config-03 .opzioni {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .prodotti-config-03 .opzioni li {
            font-size: 100%;
            line-height: 170%;
            color: #777;
        }

            .prodotti-config-03 .opzioni li i {
                font-size: 160%;
                float: left;
                margin-right: 5px;
                color: #adadad;
            }

.prodotti-config-extra .prezzo {
    vertical-align: text-bottom;
    font-size: 260%;
    color: #666;
}

    .prodotti-config-extra .prezzo span {
        color: #999;
        vertical-align: text-bottom;
        font-size: 11px;
    }

.prodotti-config-extra .nota {
    font-size: 95%;
    line-height: 120%;
    width: 95%;
    color: #888;
}

.prodotti-config-03 .buttonsquare {
    min-width: 240px;
    text-align: center;
    margin: 20px 20px 0px 20px;
}

.prodotti-config-extra {
    padding: 3% 0;
    overflow: auto;
    color: #888;
    background: #eee;
}

    .prodotti-config-extra .container {
        padding: 0;
    }

/* *************
SCHEDA PRODOTTO CONFIGURA 03
************** */

.prodotti-config-04 {
    padding: 3% 8%;
    overflow: auto;
    color: #888;
}

    .prodotti-config-04 .radial-button {
        display: none;
    }

    .prodotti-config-04 h1 {
        font-size: 260%;
        margin: 0;
        display: table;
        padding: 0;
        color: #333;
    }

    .prodotti-config-04 .separatore-o {
        display: block;
        margin: 25px 0;
        height: 1px;
        background: #d6d6d6;
        width: 95%;
    }

    .prodotti-config-04 .visualizzazione {
        text-align: right;
    }

        .prodotti-config-04 .visualizzazione a {
            color: #777;
            line-height: 30px;
        }

            .prodotti-config-04 .visualizzazione a:hover {
                color: var(--main-color,#FA008B);
            }

            .prodotti-config-04 .visualizzazione a.attivo {
                color: var(--main-color,#FA008B);
                border-bottom: 2px solid var(--main-color,#FA008B);
            }

    .prodotti-config-04 label, .prodotti-config-extra label {
        display: block;
        font-size: 150%;
        color: #333;
        margin-bottom: 10px;
        height: 30px;
    }

    .prodotti-config-04 button, .prodotti-config-extra button {
        margin: 0 0 10px 0;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
    }

        .prodotti-config-04 button img, .prodotti-config-extra button img {
            margin-right: 10px;
        }

    .prodotti-config-04 select, .prodotti-config-extra select {
        margin: 0 0 10px 0;
        display: block;
        width: 90%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
        line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
    }

    .prodotti-config-04 select {
        width: 95%;
    }

    .prodotti-config-04 .opzioni {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .prodotti-config-04 .opzioni li {
            font-size: 100%;
            line-height: 170%;
            color: #777;
        }

            .prodotti-config-04 .opzioni li i {
                font-size: 160%;
                float: left;
                margin-right: 5px;
                color: #adadad;
            }

    .prodotti-config-04 .configuration-fade {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(255,255,255,0.5);
    }

    .prodotti-config-04 .center-wrapper {
        display: table;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
    }

    .prodotti-config-04 .more-wrapping {
        display: table-cell;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
    }

    .prodotti-config-04 .button {
        display: inline-block;
        font-size: 140%;
    }

    .prodotti-config-04.configuration-mode {
        display: block;
        position: fixed;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        z-index: 2000;
    }

        .prodotti-config-04.configuration-mode .radial-button {
            display: block;
            position: fixed;
            bottom: -100px;
            width: 200px;
            height: 200px;
            border-radius: 100px;
            background-color: rgba(255, 255, 255, 0.4);
            border: 0px solid transparent;
            z-index: 2001;
            transition: background-color 1.5s, border 1.5s, width 1.5s, height 1.5s, left 1.5s, bottom 1.5s, border-radius 1.5s;
        }

            .prodotti-config-04.configuration-mode .radial-button.scenery-button {
                left: -100px;
                padding: 25px 25px 105px 105px;
            }

            .prodotti-config-04.configuration-mode .radial-button.design-button {
                right: -100px;
                padding: 25px 105px 105px 25px;
            }

            .prodotti-config-04.configuration-mode .radial-button.open {
                width: 300px;
                height: 300px;
                bottom: -150px;
                border-radius: 150px;
                background-color: rgba(255, 255, 255, 0.8);
                border: 50px solid transparent;
            }

            .prodotti-config-04.configuration-mode .radial-button.scenery-button.open {
                left: -150px;
            }

            .prodotti-config-04.configuration-mode .radial-button.design-button.open {
                right: -150px;
            }

            .prodotti-config-04.configuration-mode .radial-button img {
                width: 100%;
                height: auto;
            }

            .prodotti-config-04.configuration-mode .radial-button .icon-scenery {
                width: 70px;
                height: 70px;
                background-size: cover;
                background-position: 0;
                background-repeat: no-repeat;
            }

            .prodotti-config-04.configuration-mode .radial-button.open .icon-scenery {
                animation: home2close 0.5s steps(9) 0s;
                animation-fill-mode: forwards;
            }

            .prodotti-config-04.configuration-mode .radial-button.closed .icon-scenery {
                background-position: -630px;
                animation: close2home 0.5s steps(9) 0s;
                animation-fill-mode: forwards;
            }

@keyframes home2close {
    to {
        background-position: -630px;
    }
}

@keyframes close2home {
    to {
        background-position: 0px;
    }
}

.prodotti-config-04.configuration-mode .col-xs-12 {
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    float: none;
    overflow: hidden;
}

.prodotti-config-04.configuration-mode .configuration-fade {
    display: none;
}

.prodotti-config-04.configuration-mode #canvasV2D-v3 {
    width: auto;
    display: inline;
    max-width: 100%;
    max-height: 100%;
}

.prodotti-config-04 .rotated-slice {
    display: none;
    z-index: 2000;
}

.prodotti-config-04.configuration-mode .rotated-slice {
    display: block;
    position: absolute;
    border-top: 98px solid rgba(255,255,255,0.8);
    border-right: 98px solid rgba(255,255,255,0.8);
    transition: transform 1.5s;
    transform: rotate(-180deg);
    /**background: rgba(255,0,0,0.4);*/
}

    .prodotti-config-04.configuration-mode .rotated-slice.open {
        transform: rotate(0deg);
    }

.prodotti-config-04.configuration-mode .rotated-title {
    position: fixed;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: opacity 1.2s;
}

.prodotti-config-04.configuration-mode .rotated-slice.open .rotated-title {
    opacity: 1;
}

.prodotti-config-04.configuration-mode .rotated-title span {
    position: absolute;
    left: -10px;
    bottom: 0;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    width: 20px;
    transform-origin: center bottom;
}

.prodotti-config-04.configuration-mode .rotated-title .rotated-element {
    position: absolute;
    left: -30px;
    bottom: 0;
    width: 60px;
    transform-origin: center bottom;
}

    .prodotti-config-04.configuration-mode .rotated-title .rotated-element img {
        border-radius: 30px;
        width: 100%;
        box-shadow: 0px 0px 3px 2px #000;
        z-index: 3000;
    }

    .prodotti-config-04.configuration-mode .rotated-title .rotated-element.selected img {
        box-shadow: 0px 0px 3px 2px red;
    }

    .prodotti-config-04.configuration-mode .rotated-title .rotated-element img:hover {
        box-shadow: none;
    }

/** ROTATED SLICE 1 **/
.prodotti-config-04.configuration-mode .rotated-slice-1 {
    width: 500px;
    height: 500px;
    bottom: -250px;
    left: -250px;
    border-radius: 250px;
}

    .prodotti-config-04.configuration-mode .rotated-slice-1 .rotated-title {
        left: 250px;
        bottom: 250px;
    }

        .prodotti-config-04.configuration-mode .rotated-slice-1 .rotated-title span {
            height: 255px;
        }

        .prodotti-config-04.configuration-mode .rotated-slice-1 .rotated-title div {
            height: 224px;
        }

.rotated-slice-1 span.char-1 {
    transform: rotate(5deg);
}

.rotated-slice-1 span.char-2 {
    transform: rotate(10deg);
}

.rotated-slice-1 span.char-3 {
    transform: rotate(15deg);
}

.rotated-slice-1 span.char-4 {
    transform: rotate(20deg);
}

.rotated-slice-1 span.char-5 {
    transform: rotate(25deg);
}

.rotated-slice-1 span.char-6 {
    transform: rotate(30deg);
}

.rotated-slice-1 span.char-7 {
    transform: rotate(35deg);
}

.rotated-slice-1 span.char-8 {
    transform: rotate(40deg);
}

.rotated-slice-1 span.char-9 {
    transform: rotate(45deg);
}

.rotated-slice-1 .element-1 {
    transform: rotate(15deg);
}

    .rotated-slice-1 .element-1 img {
        transform: rotate(-15deg);
    }

.rotated-slice-1 .element-2 {
    transform: rotate(45deg);
}

    .rotated-slice-1 .element-2 img {
        transform: rotate(-45deg);
    }

.rotated-slice-1 .element-3 {
    transform: rotate(75deg);
}

    .rotated-slice-1 .element-3 img {
        transform: rotate(-75deg);
    }

/** ROTATED SLICE 2 **/
.prodotti-config-04.configuration-mode .rotated-slice-2 {
    width: 700px;
    height: 700px;
    bottom: -350px;
    left: -350px;
    border-radius: 350px;
}

    .prodotti-config-04.configuration-mode .rotated-slice-2 .rotated-title {
        left: 350px;
        bottom: 350px;
    }

        .prodotti-config-04.configuration-mode .rotated-slice-2 .rotated-title span {
            height: 355px;
        }

        .prodotti-config-04.configuration-mode .rotated-slice-2 .rotated-title div {
            height: 324px;
        }

.rotated-slice-2 span.char-1 {
    transform: rotate(4deg);
}

.rotated-slice-2 span.char-2 {
    transform: rotate(8deg);
}

.rotated-slice-2 span.char-3 {
    transform: rotate(12deg);
}

.rotated-slice-2 span.char-4 {
    transform: rotate(16deg);
}

.rotated-slice-2 span.char-5 {
    transform: rotate(20deg);
}

.rotated-slice-2 span.char-6 {
    transform: rotate(24deg);
}

.rotated-slice-2 span.char-7 {
    transform: rotate(28deg);
}

.rotated-slice-2 span.char-8 {
    transform: rotate(32deg);
}

.rotated-slice-2 span.char-9 {
    transform: rotate(46deg);
}

.rotated-slice-2 .element-1 {
    transform: rotate(11.25deg);
}

    .rotated-slice-2 .element-1 img {
        transform: rotate(-11.25deg);
    }

.rotated-slice-2 .element-2 {
    transform: rotate(33.75deg);
}

    .rotated-slice-2 .element-2 img {
        transform: rotate(-33.75deg);
    }

.rotated-slice-2 .element-3 {
    transform: rotate(56.25deg);
}

    .rotated-slice-2 .element-3 img {
        transform: rotate(-56.25deg);
    }

.rotated-slice-2 .element-4 {
    transform: rotate(78.75deg);
}

    .rotated-slice-2 .element-4 img {
        transform: rotate(-78.75deg);
    }

.rotated-slice-2 .element-5 {
    transform: rotate(101.25deg);
}

    .rotated-slice-2 .element-5 img {
        transform: rotate(-101.25deg);
    }

.rotated-slice-2 .element-6 {
    transform: rotate(123.75deg);
}

    .rotated-slice-2 .element-6 img {
        transform: rotate(-123.75deg);
    }

.rotated-slice-2 .element-7 {
    transform: rotate(146.25deg);
}

    .rotated-slice-2 .element-7 img {
        transform: rotate(-146.25deg);
    }

/** ROTATED SLICE 3 **/
.prodotti-config-04.configuration-mode .rotated-slice-3 {
    width: 900px;
    height: 900px;
    bottom: -450px;
    left: -450px;
    border-radius: 450px;
}

    .prodotti-config-04.configuration-mode .rotated-slice-3 .rotated-title {
        left: 450px;
        bottom: 450px;
    }

        .prodotti-config-04.configuration-mode .rotated-slice-3 .rotated-title span {
            height: 455px;
        }

        .prodotti-config-04.configuration-mode .rotated-slice-3 .rotated-title div {
            height: 424px;
        }

.rotated-slice-3 span.char-1 {
    transform: rotate(3deg);
}

.rotated-slice-3 span.char-2 {
    transform: rotate(6deg);
}

.rotated-slice-3 span.char-3 {
    transform: rotate(9deg);
}

.rotated-slice-3 span.char-4 {
    transform: rotate(12deg);
}

.rotated-slice-3 span.char-5 {
    transform: rotate(15deg);
}

.rotated-slice-3 span.char-6 {
    transform: rotate(18deg);
}

.rotated-slice-3 span.char-7 {
    transform: rotate(21deg);
}

.rotated-slice-3 span.char-8 {
    transform: rotate(24deg);
}

.rotated-slice-3 span.char-9 {
    transform: rotate(27deg);
}

.rotated-slice-3 .element-1 {
    transform: rotate(9deg);
}

    .rotated-slice-3 .element-1 img {
        transform: rotate(-9deg);
    }

.rotated-slice-3 .element-2 {
    transform: rotate(27deg);
}

    .rotated-slice-3 .element-2 img {
        transform: rotate(-27deg);
    }

.rotated-slice-3 .element-3 {
    transform: rotate(45deg);
}

    .rotated-slice-3 .element-3 img {
        transform: rotate(-45deg);
    }

/** ROTATED SLICE 4 **/
.prodotti-config-04.configuration-mode .rotated-slice-4 {
    width: 1100px;
    height: 1100px;
    bottom: -550px;
    left: -550px;
    border-radius: 550px;
}

    .prodotti-config-04.configuration-mode .rotated-slice-4 .rotated-title {
        left: 550px;
        bottom: 550px;
    }

        .prodotti-config-04.configuration-mode .rotated-slice-4 .rotated-title span {
            height: 555px;
        }

        .prodotti-config-04.configuration-mode .rotated-slice-4 .rotated-title div {
            height: 524px;
        }

.rotated-slice-4 span.char-1 {
    transform: rotate(2.5deg);
}

.rotated-slice-4 span.char-2 {
    transform: rotate(5deg);
}

.rotated-slice-4 span.char-3 {
    transform: rotate(7.5deg);
}

.rotated-slice-4 span.char-4 {
    transform: rotate(10deg);
}

.rotated-slice-4 span.char-5 {
    transform: rotate(12.5deg);
}

.rotated-slice-4 span.char-6 {
    transform: rotate(15deg);
}

.rotated-slice-4 span.char-7 {
    transform: rotate(17.5deg);
}

.rotated-slice-4 span.char-8 {
    transform: rotate(20deg);
}

.rotated-slice-4 span.char-9 {
    transform: rotate(22.5deg);
}

.rotated-slice-4 .element-1 {
    transform: rotate(7.5deg);
}

    .rotated-slice-4 .element-1 img {
        transform: rotate(-7.5deg);
    }

.rotated-slice-4 .element-2 {
    transform: rotate(22.5deg);
}

    .rotated-slice-4 .element-2 img {
        transform: rotate(-22.5deg);
    }

.rotated-slice-4 .element-3 {
    transform: rotate(37.5deg);
}

    .rotated-slice-4 .element-3 img {
        transform: rotate(-37.5deg);
    }

.rotated-slice-4 .element-4 {
    transform: rotate(52.5deg);
}

    .rotated-slice-4 .element-4 img {
        transform: rotate(-52.5deg);
    }

.rotated-slice-4 .element-5 {
    transform: rotate(67.5deg);
}

    .rotated-slice-4 .element-5 img {
        transform: rotate(-67.5deg);
    }

.rotated-slice-4 .element-6 {
    transform: rotate(82.5deg);
}

    .rotated-slice-4 .element-6 img {
        transform: rotate(-82.5deg);
    }
/* *************
PRODOTTI REALIZZABILI CAROUSEL 05
************** */
.prodotti-realizzabili.config-05 {
    background: #E2E2E2;
    padding: 0;
    width: 100%;
    margin-top: 10px;
}

    .prodotti-realizzabili.config-05 h5 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .prodotti-realizzabili.config-05 .owl-carousel {
        margin-top: 10px;
        padding: 0 40px;
    }

    .prodotti-realizzabili.config-05 .item {
        width: 90%;
        display: table;
        margin: 0 auto;
    }

        .prodotti-realizzabili.config-05 .item h4 {
            margin-top: -2px;
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #AEAEAE;
            color: #111;
            font-weight: bold;
            font-size: 16px;
            height: 60px;
        }

        .prodotti-realizzabili.config-05 .item img {
            width: 120px;
            height: 120px;
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }

        .prodotti-realizzabili.config-05 .item div {
            width: 100%;
            text-align: center;
            color: #444;
        }

        .prodotti-realizzabili.config-05 .item .info-block div {
            overflow: auto;
            font-family: Arial, Helvetica sans-serif;
        }

        .prodotti-realizzabili.config-05 .item .info-block .onLeft {
            margin-left: 5px;
            float: left;
        }

        .prodotti-realizzabili.config-05 .item .info-block .onRight {
            margin-right: 5px;
            float: right;
        }

    .prodotti-realizzabili.config-05 p {
        color: #FFF;
        padding: 8px 0;
        margin: 0;
        margin-top: 20px;
        background: #999;
        text-align: center;
    }
/* *************
SCHEDA PRODOTTO CONFIGURA 05
************** */


.prodotti-config-05 {
    position: relative;
    margin-bottom: 60px;
    padding: 3% 8% 0 8%;
    overflow: initial;
    color: #888;
}

    .prodotti-config-05 .p-c-title {
        text-align: center;
    }

        .prodotti-config-05 .p-c-title .separatore-o {
            display: inline-block;
            width: 100%;
        }

    .prodotti-config-05 .p-c-parametri {
        position: absolute;
        left: -350px;
        top: 0;
        bottom: 0;
        background: rgba(226,226,226,0.94);
        z-index: 10;
        max-width: 350px;
        width: 100%;
        padding: 40px 20px;
        transition: left 800ms ease-in-out;
    }

        .prodotti-config-05 .p-c-parametri.out {
            -webkit-box-shadow: 7px 7px 17px 1px rgba(0,0,0,0.42);
            box-shadow: 7px 7px 17px 1px rgba(0,0,0,0.42);
            left: 0;
        }

        .prodotti-config-05 .p-c-parametri h4 {
            text-align: center;
        }

            .prodotti-config-05 .p-c-parametri h4 + .separatore-o {
                margin-bottom: 40px;
            }

        .prodotti-config-05 .p-c-parametri select,
        .prodotti-config-05 .p-c-parametri input,
        .prodotti-config-05 .p-c-parametri button {
            background: transparent;
        }

        .prodotti-config-05 .p-c-parametri .open-parametri {
            position: absolute;
            top: 140px;
            right: -79px;
            color: #888;
            background: rgba(226,226,226,0.94);
            padding: 5px 10px;
            -ms-transform: rotate(-90deg); /* IE 9 */
            -webkit-transform: rotate(-90deg); /* Safari */
            transform: rotate(-90deg);
            cursor: pointer;
            font-size: 110%;
        }

            .prodotti-config-05 .p-c-parametri .open-parametri > i {
                font-size: 180%;
                float: right;
                padding-left: 10px;
            }

        .prodotti-config-05 .p-c-parametri .p-c-space {
            height: 30px;
        }

    .prodotti-config-05 .p-c-container {
        background: #e2e2e2;
        display: block;
        clear: both;
        position: relative;
    }

        .prodotti-config-05 .p-c-container::after {
            content: "";
            clear: both;
            display: block;
        }

    .prodotti-config-05 .v2d-wrapper > .dettagli > .top {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0 20px;
        margin: 20px 20px 0;
        width: 110px;
        text-align: center;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #c4c4c4;
    }

        .prodotti-config-05 .v2d-wrapper > .dettagli > .top > span {
            display: block;
            line-height: 16px;
        }

        .prodotti-config-05 .v2d-wrapper > .dettagli > .top > a {
            margin-top: 15px;
            display: block;
            position: relative;
        }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .top > a > img {
                display: block;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .top > a > span {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,0.63);
                z-index: 1;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .top > a.current > span {
                display: block;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .top > a.current::before {
                content: "\f078";
                position: absolute;
                font-family: FontAwesome;
                left: 50%;
                top: 50%;
                font-size: 34px;
                color: var(--main-color,#FA008B);
                margin-top: -26px;
                margin-left: -17px;
                z-index: 2;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .top > a.current::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 6px;
                background: var(--main-color,#FA008B);
                z-index: 2;
            }

    .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 0 0;
        margin: 0 20px 20px;
        width: 110px;
        text-align: center;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #c4c4c4;
    }

        .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom > span {
            display: block;
            line-height: 16px;
        }

        .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom .wrap {
            overflow: hidden;
            margin-top: 20px;
        }

        .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom .wrap,
        .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom .owl-carousel {
            width: 100%;
            height: 285px;
        }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom .wrap a {
                display: block;
                position: relative;
            }

                .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom .wrap a > img {
                    display: block;
                }

        .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom a {
            margin-top: 15px;
            display: block;
            position: relative;
        }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom a > img {
                display: block;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom a > span {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,0.63);
                z-index: 1;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom a.current > span {
                display: block;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom a.current::before {
                content: "\f078";
                position: absolute;
                font-family: FontAwesome;
                left: 50%;
                top: 50%;
                font-size: 34px;
                color: var(--main-color,#FA008B);
                margin-top: -26px;
                margin-left: -17px;
                z-index: 2;
            }

            .prodotti-config-05 .v2d-wrapper > .dettagli > .bottom a.current::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 6px;
                background: var(--main-color,#FA008B);
                z-index: 2;
            }

    .prodotti-config-05 .v2d-wrapper {
        position: relative;
        width: 100%;
        height: auto;
        overflow: auto;
        /*padding-right: 150px;*/
    }

        .prodotti-config-05 .v2d-wrapper .hover-button-container {
            position: absolute;
            right: 0;
            top: 0;
            overflow: auto;
            padding: 3px 5px;
        }

            .prodotti-config-05 .v2d-wrapper .hover-button-container .hover-buttons {
                float: right;
                width: 50px;
                height: 50px;
                background: rgba(0,0,0,0.6);
                border-radius: 25px;
                margin: 7px;
                cursor: pointer;
                box-shadow: 0 0 5px #333;
                text-align: center;
            }

                .prodotti-config-05 .v2d-wrapper .hover-button-container .hover-buttons:hover {
                    background: rgba(239,14,140,1);
                }

                .prodotti-config-05 .v2d-wrapper .hover-button-container .hover-buttons > img {
                    width: 80%;
                    height: 80%;
                    margin-top: 10%;
                }

                .prodotti-config-05 .v2d-wrapper .hover-button-container .hover-buttons .external-internal-icon {
                    margin: 8px;
                    padding: 0;
                    width: 34px;
                    height: 34px;
                    background-image: url('../images/generali/icon-esterno-interno.png');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: 0 0;
                }

                    .prodotti-config-05 .v2d-wrapper .hover-button-container .hover-buttons .external-internal-icon.internal {
                        animation: tointernal 1s steps(9) forwards;
                    }

@keyframes tointernal {
    from {
        background-position: 0px;
    }

    to {
        background-position: -306px;
    }
}

.prodotti-config-05 .v2d-wrapper .hover-button-container .hover-buttons .external-internal-icon.external {
    animation: toexternal 1s steps(9) forwards;
}

@keyframes toexternal {
    from {
        background-position: -306px;
    }

    to {
        background-position: 0px;
    }
}

.prodotti-config-05 h1 {
    font-size: 260%;
    margin: 0;
    display: inline;
    padding: 0;
    color: #333;
}

.prodotti-config-05 .title-container {
    text-align: center;
}

.prodotti-config-05 .media-image {
    display: inline-block;
    cursor: pointer;
    margin: 0 3px;
    float: right;
    margin: 4px 30px;
}

    .prodotti-config-05 .media-image img {
        width: 35px;
        margin: 0;
        padding: 0;
    }

    .prodotti-config-05 .media-image .default {
        display: inline;
    }

    .prodotti-config-05 .media-image .onhover {
        display: none;
    }

    .prodotti-config-05 .media-image .onplaying {
        display: none;
        font-size: 145%;
        width: 35px;
        height: 37px;
        overflow: hidden;
        padding-top: 2px;
    }

        .prodotti-config-05 .media-image .onplaying .fa-stack-2x {
            color: #777;
            font-size: 41px;
            margin-top: -3px;
        }

        .prodotti-config-05 .media-image .onplaying .fa-inverse {
            line-height: 2.05em;
            font-size: 0.9em;
            color: #FFF;
        }

        .prodotti-config-05 .media-image .onplaying .fa-circle {
            color: #777;
        }

    .prodotti-config-05 .media-image:hover .onplaying .fa-circle {
        color: var(--main-color,#F1008B);
    }

    .prodotti-config-05 .media-image:hover .onplaying .fa-inverse {
        color: #FFF !important;
    }

    .prodotti-config-05 .media-image:hover .default {
        display: none;
    }

    .prodotti-config-05 .media-image:hover .onhover {
        display: inline;
    }

    .prodotti-config-05 .media-image.playing .default {
        display: none;
    }

    .prodotti-config-05 .media-image.playing .onhover {
        display: none;
    }

    .prodotti-config-05 .media-image.playing .onplaying {
        display: inline-block;
    }

    .prodotti-config-05 .media-image:hover .onplaying .fa-inverse {
        color: var(--main-color,#F1008B);
    }

.prodotti-config-05 .left-container {
    text-align: center;
}

.prodotti-config-05 .box-under {
    margin-top: 20px;
}

.prodotti-config-05 .separatore-o {
    display: block;
    margin: 15px 0;
    height: 1px;
    background: #d6d6d6;
    width: 95%;
}

.prodotti-config-05 .visualizzazione {
    text-align: right;
}

.prodotti-config-05 .hidden-lg .visualizzazione {
    text-align: center;
}

.prodotti-config-05 .visualizzazione a {
    color: #777;
    line-height: 30px;
}

    .prodotti-config-05 .visualizzazione a:hover {
        color: var(--main-color,#FA008B);
    }

    .prodotti-config-05 .visualizzazione a.attivo {
        color: var(--main-color,#FA008B);
        border-bottom: 2px solid var(--main-color,#FA008B);
    }

.prodotti-config-05 label, .prodotti-config-extra label {
    display: block;
    font-size: 150%;
    color: #333;
    margin-bottom: 10px;
    height: 30px;
}

.prodotti-config-05 button, .prodotti-config-extra button {
    margin: 0 0 10px 0;
    display: block;
    width: 95%;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #777;
    padding: 7px;
    text-align: left;
    /** altezza fissata per allineare gli elementi */
    height: 36px;
}

    .prodotti-config-05 button img, .prodotti-config-extra button img {
        margin-right: 10px;
    }

.prodotti-config-05 select, .prodotti-config-extra select {
    margin: 0 0 10px 0;
    display: block;
    width: 90%;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #777;
    padding: 7px;
    text-align: left;
    /** altezza fissata per allineare gli elementi */
    height: 36px;
    line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
}

.prodotti-config-05 select {
    width: 95%;
}

.prodotti-config-05 .opzioni {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    .prodotti-config-05 .opzioni li {
        font-size: 100%;
        line-height: 170%;
        color: #777;
    }

        .prodotti-config-05 .opzioni li i {
            font-size: 160%;
            float: left;
            margin-right: 5px;
            color: #adadad;
        }

.prodotti-config-extra .prezzo {
    vertical-align: text-bottom;
    font-size: 260%;
    color: #666;
}

    .prodotti-config-extra .prezzo span {
        color: #999;
        vertical-align: text-bottom;
        font-size: 11px;
    }

.prodotti-config-extra .nota {
    font-size: 95%;
    line-height: 120%;
    width: 95%;
    color: #888;
}

.prodotti-config-03 .buttonsquare {
    min-width: 240px;
    text-align: center;
    margin: 20px 20px 0px 20px;
}

.prodotti-config-extra {
    padding: 3% 0;
    overflow: auto;
    color: #888;
    background: #eee;
}

    .prodotti-config-extra .container {
        padding: 0;
    }

/*
 * SLIDER CARATTERISTICHE
*/
.stats-sliders {
    list-style: none;
    margin: -12px 0 0 0;
    padding: 0;
    width: 350px;
    height: 100%;
    max-height: 200px;
    display: table;
}

    .stats-sliders > li {
        padding: 0;
        margin: 0 0 10px 0;
    }

        .stats-sliders > li > span {
            width: 50%;
            display: inline-block;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
            background: rgb(255,255,255); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
            color: #666;
            font-size: 11px;
            line-height: 22px;
            padding: 0 0 0 10px;
            float: left;
            cursor: move;
        }

    .stats-sliders .custom-slider {
        width: 50%;
        display: inline-block;
        border: 0;
        border-radius: 0;
        height: 22px;
        background: #efefef;
        position: relative;
    }

        .stats-sliders .custom-slider > label {
            display: none;
            position: absolute;
            font-weight: normal;
            line-height: 20px;
            width: 100%;
            min-width: 250px;
            padding: 5px 10px;
            text-align: center;
            top: 11px;
            left: 0;
            background: #444;
            color: #fff;
            font-size: 12px;
            z-index: 20;
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .stats-sliders .custom-slider:hover > label,
        .stats-sliders .sortable-chosen .custom-slider > label {
            display: block;
        }

        .stats-sliders .custom-slider > label > p {
            margin: 10px 0;
        }

        .stats-sliders .custom-slider > label > strong {
            display: block;
        }

        .stats-sliders .custom-slider > label::after {
            content: "";
            position: absolute;
            left: -6px;
            top: 50%;
            margin-top: -6px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 6px 0;
            border-color: transparent #444444 transparent transparent;
        }

        .stats-sliders .custom-slider .ui-slider-handle {
            border: 0;
            border-radius: 0;
            height: 22px;
            width: 1px;
            top: 0;
            margin-left: 0;
            background: #efefef !important;
        }

        .stats-sliders .custom-slider .ui-slider-range {
            border: 0;
            border-radius: 0;
            height: 22px;
            font-size: 1em;
        }

        .stats-sliders .custom-slider[data-stats="prezzo"] .ui-slider-range {
            background: #C09FBC;
        }

        .stats-sliders .custom-slider[data-stats="fonoisolante"] .ui-slider-range {
            background: #F2BFAC;
        }

        .stats-sliders .custom-slider[data-stats="termica"] .ui-slider-range {
            background: #CDB4A9;
        }

        .stats-sliders .custom-slider[data-stats="efrazione"] .ui-slider-range {
            background: #DCB1A1;
        }

        .stats-sliders .custom-slider[data-stats="vento"] .ui-slider-range {
            background: #A4C28B;
        }

        .stats-sliders .custom-slider[data-stats="aria"] .ui-slider-range {
            background: #99B6B4;
        }

        .stats-sliders .custom-slider[data-stats="acqua"] .ui-slider-range {
            background: #5F8CC5;
        }

/* *************
SCHEDA PRODOTTO SEMPLICE
************** */
.prodotti-config-semplice .image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: auto;
    text-align: center;
}

.prodotti-config-semplice .prodotti-realizzabili.config-05 {
    margin-bottom: 35px;
}

.prodotti-config-semplice .image-wrapper img {
    width: 70%;
}

.prodotti-config-semplice .image-wrapper .hover-button-container {
    position: absolute;
    right: 0;
    top: 0;
    overflow: auto;
    padding: 3px 5px;
}

    .prodotti-config-semplice .image-wrapper .hover-button-container .hover-buttons {
        float: right;
        width: 50px;
        height: 50px;
        background: rgba(0,0,0,0.6);
        border-radius: 25px;
        margin: 7px;
        cursor: pointer;
        box-shadow: 0 0 5px #333;
        text-align: center;
    }

        .prodotti-config-semplice .image-wrapper .hover-button-container .hover-buttons:hover {
            background: rgba(239,14,140,1);
        }

        .prodotti-config-semplice .image-wrapper .hover-button-container .hover-buttons > img {
            width: 80%;
            height: 80%;
            margin-top: 10%;
        }

.prodotti-config-semplice {
    padding: 3% 0 0;
    overflow: auto;
    color: #888;
}

    .prodotti-config-semplice h1 {
        font-size: 260%;
        margin: 0;
        display: inline;
        padding: 0;
        color: #333;
    }

    .prodotti-config-semplice .title-container {
        text-align: center;
    }

    .prodotti-config-semplice .media-image {
        display: inline-block;
        cursor: pointer;
        margin: 0 3px;
        float: right;
        margin: 4px 30px;
    }

        .prodotti-config-semplice .media-image img {
            width: 35px;
            margin: 0;
            padding: 0;
        }

        .prodotti-config-semplice .media-image .default {
            display: inline;
        }

        .prodotti-config-semplice .media-image .onhover {
            display: none;
        }

        .prodotti-config-semplice .media-image .onplaying {
            display: none;
            font-size: 145%;
            width: 35px;
            height: 37px;
            overflow: hidden;
            padding-top: 2px;
        }

            .prodotti-config-semplice .media-image .onplaying .fa-stack-2x {
                color: #777;
                font-size: 41px;
                margin-top: -3px;
            }

            .prodotti-config-semplice .media-image .onplaying .fa-inverse {
                line-height: 2.05em;
                font-size: 0.9em;
                color: #FFF;
            }

            .prodotti-config-semplice .media-image .onplaying .fa-circle {
                color: #777;
            }

        .prodotti-config-semplice .media-image:hover .onplaying .fa-circle {
            color: var(--main-color,#F1008B);
        }

        .prodotti-config-semplice .media-image:hover .onplaying .fa-inverse {
            color: #FFF !important;
        }

        .prodotti-config-semplice .media-image:hover .default {
            display: none;
        }

        .prodotti-config-semplice .media-image:hover .onhover {
            display: inline;
        }

        .prodotti-config-semplice .media-image.playing .default {
            display: none;
        }

        .prodotti-config-semplice .media-image.playing .onhover {
            display: none;
        }

        .prodotti-config-semplice .media-image.playing .onplaying {
            display: inline-block;
        }

        .prodotti-config-semplice .media-image:hover .onplaying .fa-inverse {
            color: var(--main-color,#F1008B);
        }

    .prodotti-config-semplice .separatore-o {
        display: block;
        margin: 15px 0;
        height: 1px;
        background: #d6d6d6;
        width: 95%;
    }

    .prodotti-config-semplice label {
        display: block;
        font-size: 150%;
        color: #333;
        margin-bottom: 10px;
        height: 30px;
    }

    .prodotti-config-semplice button {
        margin: 0 0 10px 0;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
    }

        .prodotti-config-semplice button img {
            margin-right: 10px;
        }

    .prodotti-config-semplice select {
        margin: 0 0 10px 0;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 7px;
        text-align: left;
        /** altezza fissata per allineare gli elementi */
        height: 36px;
        line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
    }

    .prodotti-config-semplice .opzioni {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .prodotti-config-semplice .opzioni li {
            font-size: 100%;
            line-height: 170%;
            color: #777;
        }

            .prodotti-config-semplice .opzioni li i {
                font-size: 160%;
                float: left;
                margin-right: 5px;
                color: #adadad;
            }

.prodotti-config-03 .buttonsquare {
    min-width: 240px;
    text-align: center;
    margin: 20px 20px 0px 20px;
}

/* *************
PRODOTTI RIQUADRI SLIDE
************** */
.prodotti-riquadri {
    margin-top: 10px;
}

    .prodotti-riquadri .col-xs-12:first-child {
        padding-right: 5px;
    }

    .prodotti-riquadri .col-xs-12:last-child {
        padding-left: 5px;
    }

    .prodotti-riquadri .carousel {
        position: relative;
    }

        .prodotti-riquadri .carousel .item span {
            position: absolute;
            top: 50%;
            left: 100px;
            font-size: 200%;
            margin-top: -20px;
            color: #000;
        }

/* *************
PRODOTTI REALIZZABILI CAROUSEL 06
************** */
.prodotti-realizzabili.config-06 {
    background: #E2E2E2;
    margin-top: 0;
    width: 100%;
    padding: 30px 0;
}

    .prodotti-realizzabili.config-06 h5 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .prodotti-realizzabili.config-06 .owl-carousel {
        margin-top: 20px;
        padding: 0 40px;
    }

    .prodotti-realizzabili.config-06 .item {
        width: 90%;
        display: table;
        margin: 0 auto;
    }

        .prodotti-realizzabili.config-06 .item h4 {
            margin-top: -2px;
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #AEAEAE;
            color: #111;
            font-weight: bold;
            font-size: 16px;
        }

        .prodotti-realizzabili.config-06 .item img {
            width: 120px;
            height: 120px;
            display: block;
            margin: auto;
        }

        .prodotti-realizzabili.config-06 .item div {
            width: 100%;
            text-align: center;
            color: #444;
            padding: 2.5px;
        }

        .prodotti-realizzabili.config-06 .item .info-block div {
            overflow: auto;
            font-family: Arial, Helvetica sans-serif;
        }

        .prodotti-realizzabili.config-06 .item .info-block .onLeft {
            margin-left: 5px;
            float: left;
        }

        .prodotti-realizzabili.config-06 .item .info-block .onRight {
            margin-right: 5px;
            float: right;
        }

    .prodotti-realizzabili.config-06 p {
        color: #FFF;
        padding: 8px 0;
        margin: 0;
        margin-top: 20px;
        background: #999;
        text-align: center;
    }



.v2d-wrapper .owl-carousel .owl-nav .owl-prev .prev-V2dWrapper {
    color: black;
    background: #e2e2e2;
    border-radius: 40px;
    width: 40px;
    height: 40px;
}

    .v2d-wrapper .owl-carousel .owl-nav .owl-prev .prev-V2dWrapper i {
        /*.v2d-wrapper .owl-carousel .owl-nav .owl-prev .prev-V2dWrapper, .owl-carousel .owl-nav .owl-next .next-V2dWrapper, .owl-carousel .owl-dot .fa .V2dWrapper*/
        margin-left: 14px;
        height: 30px;
        vertical-align: middle;
        margin-bottom: 12px;
        margin-right: 10px;
        font-size: 2rem;
    }

.owl-carousel .owl-nav .owl-next .next-V2dWrapper {
    color: black;
    background: #e2e2e2;
    margin-left: -35px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
}

.v2d-wrapper .owl-carousel .owl-nav .owl-next .next-V2dWrapper i {
    /*.v2d-wrapper .owl-carousel .owl-nav .owl-prev .prev-V2dWrapper, .owl-carousel .owl-nav .owl-next .next-V2dWrapper, .owl-carousel .owl-dot .fa .V2dWrapper*/
    margin-left: 14px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 12px;
    font-size: 2rem;
}

/* *************
SCHEDA PRODOTTO CONFIGURA 06
************** */
#canvasV2D-v3 {
    width: 100%;
    display: block;
}

.prodotti-config-06 {
    position: relative;
    overflow: initial;
    color: #888;
    padding-top: 50px;
}

    .prodotti-config-06 .p-c-container {
        background: #e2e2e2;
        display: block;
        clear: both;
        position: relative;
    }

    .prodotti-config-06 .v2d-wrapper {
        position: relative;
        width: 100%;
        height: auto;
    }

        .prodotti-config-06 .v2d-wrapper .item {
            position: relative;
        }

            .prodotti-config-06 .v2d-wrapper .item > a {
                display: block;
                height: 100%;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: left center;
            }

            .prodotti-config-06 .v2d-wrapper .item > .imgFade {
                opacity: 0;
                /*-webkit-transition: opacity 800ms ease;
                -moz-transition: opacity 800ms ease;
                -ms-transition: opacity 800ms ease;
                -o-transition: opacity 800ms ease;
                transition: opacity 800ms ease;*/
            }

                .prodotti-config-06 .v2d-wrapper .item > .imgFade.show {
                    opacity: 1;
                }

                .prodotti-config-06 .v2d-wrapper .item > .imgFade.animate {
                    -webkit-transition: opacity 800ms ease;
                    -moz-transition: opacity 800ms ease;
                    -ms-transition: opacity 800ms ease;
                    -o-transition: opacity 800ms ease;
                    transition: opacity 800ms ease;
                }

            .prodotti-config-06 .v2d-wrapper .item > .imgNorm {
                position: absolute;
                top: 47%;
                left: 50%;
                display: block;
                width: 100%;
                -moz-transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                width: 100vw;
                height: 100vh;
                object-fit: cover;
                /*opacity: 0;
                -webkit-transition: opacity 800ms ease;
                -moz-transition: opacity 800ms ease;
                -ms-transition: opacity 800ms ease;
                -o-transition: opacity 800ms ease;
                transition: opacity 800ms ease;*/
            }



            .prodotti-config-06 .v2d-wrapper .item > .imgVert {
                position: absolute;
                top: 49.2%;
                left: 50%;
                display: block;
                -moz-transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                /*width: 100vw;*/
                height: 92vh;
                object-fit: cover;
            }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .top {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0 0 20px;
            margin: 5px 20px 0;
            width: 40px;
            text-align: center;
            color: #333;
            font-size: 16px;
            z-index: 2;
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div {
                position: relative;
            }

                .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > a {
                    margin-top: 10px;
                    display: block;
                    position: relative;
                    background: #fff;
                    width: 40px;
                    height: 40px;
                    -webkit-border-radius: 40px;
                    border-radius: 40px;
                }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > a:hover,
                    .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > a.open {
                        background: var(--main-color,#FA008B);
                    }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > a > img {
                        display: block;
                    }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > a:hover > img {
                        -webkit-filter: brightness(2);
                        filter: brightness(2);
                    }

                .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > .sub {
                    display: none;
                    position: absolute;
                    top: 0;
                    right: 100%;
                    width: 500px;
                }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > .sub > a {
                        display: inline-block;
                        margin-right: 10px;
                        background: #fff;
                        width: 40px;
                        height: 40px;
                        -webkit-border-radius: 40px;
                        border-radius: 40px;
                        float: right;
                    }

                        .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > .sub > a:hover {
                            background: var(--main-color,#FA008B);
                        }

                            .prodotti-config-06 .v2d-wrapper > .dettagli > .top > div > .sub > a:hover > img {
                                -webkit-filter: brightness(2);
                                filter: brightness(2);
                            }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight {
            position: absolute;
            bottom: 10px;
            right: 0;
            padding: 0 0 30px;
            margin: 5px 20px 0;
            width: 40px;
            text-align: center;
            color: #333;
            font-size: 16px;
            z-index: 2;
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div {
                position: relative;
            }

                .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > a {
                    margin-top: 10px;
                    display: block;
                    position: relative;
                    background: #fff;
                    width: 40px;
                    height: 40px;
                    -webkit-border-radius: 40px;
                    border-radius: 40px;
                }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > a:hover,
                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > a.open {
                        background: var(--main-color,#FA008B);
                    }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > a > img {
                        display: block;
                    }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > a:hover > img {
                        -webkit-filter: brightness(2);
                        filter: brightness(2);
                    }

                .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > .sub {
                    display: none;
                    position: absolute;
                    top: 0;
                    right: 100%;
                    width: 300px;
                }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > .sub > a {
                        display: inline-block;
                        margin-right: 10px;
                        background: #fff;
                        width: 40px;
                        height: 40px;
                        -webkit-border-radius: 40px;
                        border-radius: 40px;
                        float: right;
                    }

                        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > .sub > a:hover {
                            background: var(--main-color,#FA008B);
                        }

                            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottomSight > div > .sub > a:hover > img {
                                -webkit-filter: brightness(2);
                                filter: brightness(2);
                            }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0;
            margin: 0;
            z-index: 2;
            -webkit-box-shadow: 0 30px 60px 0 rgba(153,153,153,0.6);
            box-shadow: 0 30px 60px 0 rgba(153,153,153,0.6);
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .owl-dots {
                margin: 0;
                padding: 0;
                height: 20px;
                text-align: center;
                background: rgba(0,0,0,0.3);
                overflow: hidden;
            }

                .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .owl-dots > .owl-dot {
                    display: inline-block;
                    margin: 0 5px;
                }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .owl-dots > .owl-dot > span {
                        display: block;
                        width: 50px;
                        height: 3px;
                        background: #fff;
                    }

                    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .owl-dots > .owl-dot.active > span {
                        background: var(--main-color,#FA008B);
                    }

.tooltip_templates {
    display: none;
}

.prodotti-config-06 .v2d-wrapper > .tooltip_templates > span {
    text-align: center;
}

    .prodotti-config-06 .v2d-wrapper > .tooltip_templates > span > img {
        width: 200px;
    }



.prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali {
    background: rgba(255,255,255,0.7);
}

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal {
        display: none;
    }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .owl-stage {
            margin: 0 auto;
        }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri {
            padding: 10px 0 10px 0;
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .owl-carousel {
                padding: 0 60px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .item {
                display: block;
                color: #000;
                margin: 10px 5px;
                line-height: 1;
                text-align: center;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .owl-prev {
                left: 40px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .owl-next {
                right: 40px;
            }


            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .item img {
                height: 50px;
                width: 50px;
                border: 2px solid #fff;
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .item.active img {
                border: 2px solid var(--main-color,#f7008b);
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .item.active {
                color: var(--main-color,#f7008b);
                font-weight: bold;
            }



        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel {
            padding: 10px 0 10px 0;
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .owl-carousel {
                padding: 0 60px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .item {
                display: block;
                color: #000;
                margin: 10px 5px;
                line-height: 1;
                text-align: center;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .owl-prev {
                left: 40px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .owl-next {
                right: 40px;
            }


            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .item img {
                height: 50px;
                width: 50px;
                border: 2px solid #fff;
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .item.active img {
                border: 2px solid var(--main-color,#f7008b);
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel .item.active {
                color: var(--main-color,#f7008b);
                font-weight: bold;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanel hr {
                width: 90%;
                margin-top: 5px;
                margin-bottom: 5px;
                border-top: 1px solid grey;
            }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg hr {
            width: 90%;
            margin-top: 5px;
            margin-bottom: 5px;
            border-top: 1px solid grey;
        }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg {
            padding: 10px 0 10px 0;
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .owl-carousel {
                padding: 0 60px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .item {
                display: block;
                color: #000;
                margin: 10px 5px;
                line-height: 1;
                text-align: center;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .labelitem {
                display: block;
                color: #000;
                margin: 5px 5px;
                line-height: 1;
                text-align: center;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .owl-prev {
                left: 40px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .owl-next {
                right: 40px;
            }


            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .item img {
                height: 50px;
                width: 50px;
                border: 2px solid #fff;
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .item.active img {
                border: 2px solid var(--main-color,#f7008b);
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtriPanelImg .item.active {
                color: var(--main-color,#f7008b);
            }


        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont > .owl-carousel {
            padding: 0 30px;
        }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item {
            padding: 0 10px;
            transition: .8s;
            -webkit-transition: .8s;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            opacity: 1;
        }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.__loading {
                opacity: 0;
                transform: translateX(40px);
                -webkit-transform: translateX(40px);
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item a {
                display: block;
                padding: 10px 0;
                border-top: 2px solid transparent;
                width: 165px;
                margin: 0 auto;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.img a {
                width: 250px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.imgVert a {
                width: 200px;
            }

            .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.active a {
                border-top: 2px solid var(--main-color,#f7008b);
            }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > #det-pavimenti > .cont .item a > img {
        display: block;
        /*width: 100%;*/
        width: 165px;
        /*height: 103px;*/
        height: 165px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > #det-pareti > .cont .item a > img {
        display: block;
        /*width: 100%;*/
        width: 165px;
        /*height: 103px;*/
        height: 165px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }


    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item a > img {
        display: block;
        width: 100%;
        height: 103px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.img a > img {
        display: block;
        /*width: 100%;*/
        width: 250px;
        height: 156px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.imgVert a > img {
        display: block;
        /*width: 100%;*/
        width: 200px;
        height: 200px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item > a > label {
        display: block;
        background: #333;
        color: #b8b8b8;
        padding: 10px 10px;
        text-align: left;
        -webkit-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        cursor: pointer;
    }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont > .owl-carousel > .owl-nav > div {
        color: #000;
    }

    .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal > .det-button {
        display: block;
        background: #e2e2e2;
        padding: 10px;
        text-align: center;
    }

        .prodotti-config-06 .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal > .det-button > a {
            margin: 0 10px;
        }

/*
 * CARATTERISTICHE TECNICHE
*/
.prodotto-caratteristiche {
    background: #fff;
    padding: 30px 0;
}

    .prodotto-caratteristiche h5 {
        margin: 0 auto 20px;
    }

    .prodotto-caratteristiche .item {
        padding: 10px 0;
        color: #000;
        font-size: 110%;
        text-align: center;
    }

        .prodotto-caratteristiche .item > img {
            display: table;
            margin: 0 auto 10px;
            max-width: 45px;
        }

        .prodotto-caratteristiche .item > .max-val {
            margin-top: 10px;
        }

            .prodotto-caratteristiche .item > .max-val > i {
                color: var(--main-color,#FA008B);
            }


/* *************
TERZA RIGA PRODOTTI CONSIGLIATI
************** */

.prodotto-info {
    background: #999;
    color: #fff;
    padding: 8px;
    font-size: 90%;
    line-height: 1.8;
    text-align: center;
}

.altri-prodotti + .info {
    background: #999;
    color: #fff;
    padding: 8px;
    font-size: 90%;
    text-align: center;
}

.altri-prodotti-schema {
    background: #EFEFEF;
    padding: 60px 0;
}

    .altri-prodotti-schema .mbsc-checkbox,
    .altri-prodotti-schema .mbsc-stats {
        padding: 0 10px;
    }

    .altri-prodotti-schema .row {
        margin: 0;
    }

    .altri-prodotti-schema > .row > div:not(:first-child)::before {
        content: "";
        position: absolute;
        height: 240px;
        width: 1px;
        left: 0;
        top: 50%;
        margin-top: -65px;
        background: #b1b1b1;
    }

    .altri-prodotti-schema > .row > div > .row > div:not(:first-child)::before {
        content: "";
        position: absolute;
        height: 240px;
        width: 1px;
        left: 0;
        top: 50%;
        margin-top: -120px;
        background: #e2e2e2;
    }

    .altri-prodotti-schema > .row > div > h6 {
        display: table;
        margin: 0 auto 8px;
        color: #555;
        font-size: 140%;
    }

    .altri-prodotti-schema > .row > div > a {
        display: table;
        margin: 0 auto 60px;
        color: #777;
        font-size: 90%;
        line-height: 1;
    }

        .altri-prodotti-schema > .row > div > a > i {
            font-size: 95%;
        }

/*
    *QualityStamp
*/
.QualityStamp > img {
    position: absolute;
    z-index: 5;
    /*top: -5px;*/
    left: 2%;
    /*width: 80px;*/
    height: 60px;
}

/*
 * ALTRI PRODOTTI VIEW
*/
.altri-prodotti-view {
    padding: 40px 0;
    background: #f7f7f7;
}

.add-confronto .container {
    max-width: none !important;
    width: 100% !important;
}

.altri-prodotti-view .container {
    max-width: 1400px;
    width: 100%;
}

.altri-prodotti-view .owl-carousel {
    padding: 0 40px;
}

.altri-prodotti-view .item {
    max-width: 300px;
    width: 100%;
    padding: 0;
}

.altri-prodotti-view .item-info {
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.altri-prodotti-view .current .item-info {
    background: #777;
    color: #fff;
}

.altri-prodotti-view .consigliato .item-info {
    background: var(--main-color,#FA008B);
    color: #fff;
}

.altri-prodotti-view .item-cont {
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
}

.altri-prodotti-view .current .item-cont {
    background: #efefef;
}

.altri-prodotti-view .item-cont > .item-tooltip {
    position: absolute;
    left: 5px;
    bottom: 10px;
}

    .altri-prodotti-view .item-cont > .item-tooltip > .confronta {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 110%;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0 0 0 5px;
        background: gray;
        color: #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    .altri-prodotti-view .item-cont > .item-tooltip > .remconfronta {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 110%;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0 0 0 5px;
        background: var(--main-color,#F1008B);
        color: #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    .altri-prodotti-view .item-cont > .item-tooltip > .confronta > i {
        display: inline-block;
    }

    .altri-prodotti-view .item-cont > .item-tooltip > .segnala {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 110%;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0 0 0 5px;
        background: #ff4e57;
        color: #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

        .altri-prodotti-view .item-cont > .item-tooltip > .segnala > i {
            display: inline-block;
        }

    .altri-prodotti-view .item-cont > .item-tooltip > .suggest {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 110%;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0 0 0 5px;
        background: #006BB3;
        color: #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    .altri-prodotti-view .item-cont > .item-tooltip > .segnala > i,
    .altri-prodotti-view .item-cont > .item-tooltip > .segnala > img {
        display: inline-block;
    }

/*.altri-prodotti-view .item-cont > .segnala {
                position: absolute;
                right: 0;
                top: 0;
                color: #fff;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 50px 50px 0;
                border-color: transparent #ff4e57 transparent transparent;
                cursor: pointer;
                z-index: 10;
            }
                .altri-prodotti-view .item-cont > .segnala > i {
                    color: #fff;
                    position: relative;
                    right: -28px;
                    top: 4px;
                }
                
            .altri-prodotti-view .item-cont > .suggest {
                position: absolute;
                left: 0;
                bottom: 0;
                color: #fff;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 50px 0 0 50px;
                border-color: transparent transparent transparent #006BB3;
                cursor: pointer;
                z-index: 10;
            }
                .altri-prodotti-view .item-cont > .suggest > img {
                    display: block;
                    color: #fff;
                    position: relative;
                    left: -42px;
                    bottom: 26px;
                }*/

.altri-prodotti-view .item-cont > .item-promo {
    position: absolute;
    bottom: 26%;
    left: 15%;
    padding: 23px 20px;
    background: rgba(0,0,0,0.7);
    -webkit-border-radius: 160px;
    border-radius: 160px;
    z-index: 5;
}

    .altri-prodotti-view .item-cont > .item-promo.big {
        padding: 20px 30px;
    }

    .altri-prodotti-view .item-cont > .item-promo > p {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 11px;
        line-height: 11px;
        padding: 2px 0;
        margin: 0;
    }

        .altri-prodotti-view .item-cont > .item-promo > p > strong {
            font-size: 20px;
            display: block;
            font-weight: normal;
            line-height: 18px;
        }

        .altri-prodotti-view .item-cont > .item-promo > p > span {
            display: block;
            border-top: 1px solid #fff;
            padding: 2px 0 0;
            margin-top: 2px;
        }

.altri-prodotti-view .item .elenco-img-div {
    position: relative;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: 0 0;
    animation-timing-function: ease-out;
}

    .altri-prodotti-view .item .elenco-img-div.hover {
        -webkit-animation: windowopen2 0.5s steps(10) forwards;
        animation: windowopen2 0.5s steps(10) forwards;
    }

    .altri-prodotti-view .item .elenco-img-div.outer {
        -webkit-animation: windowclose2 0.5s steps(10) forwards;
        animation: windowclose2 0.5s steps(10) forwards;
    }

.altri-prodotti-view a.altri-parametri {
    /*! position: absolute; */
    left: 41.2%;
    /*background: #b1b1b1;*/
    font-size: 1.3em;
    line-height: 20px;
    color: #333;
    padding: 7px 14px;
    display: inline-block;
    position: relative;
    /*top: 30px;*/
    top: 40px;
    font-weight: normal;
}

.altri-prodotti-view .opzioni-dati a.altri-parametri > i {
    padding-left: 10px;
    font-size: 20px;
    float: right;
}

.altri-prodotti-view .confronto-toadd {
    position: relative;
    text-align: center;
    top: 20px;
    background: #E2E2E2;
    overflow: auto;
    height: 500px;
}

    .altri-prodotti-view .confronto-toadd h4 {
        position: relative;
        text-align: center;
        top: 10px;
        color: #333;
        font-size: 1.3em;
    }

    .altri-prodotti-view .confronto-toadd p {
        padding: 0 0 10px 0;
        margin: 0;
        color: #444;
        display: block;
        font-size: smaller;
    }

    .altri-prodotti-view .confronto-toadd a {
        position: relative;
        text-align: center;
        top: 20px;
    }

#carouselConfronta {
    width: 750px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    #carouselConfronta .elenco-img-div {
        position: relative;
        left: 50%;
        width: 200px;
        height: 200px;
        background-size: cover;
        background-position: 0 0;
        animation-timing-function: ease-out;
        transform: translateX(-50%);
    }

    #carouselConfronta .owl-item {
        width: 210px !important;
        margin-right: 10px;
    }

    #carouselConfronta .item-cont {
        height: 320px;
    }

    #carouselConfronta .item .elenco-img-div.outer {
        -webkit-animation: windowclose5 0.5s steps(10) forwards !important;
        animation: windowclose5 0.5s steps(10) forwards !important;
    }

    #carouselConfronta .item .elenco-img-div.hover {
        -webkit-animation: windowopen5 0.5s steps(10) forwards !important;
        animation: windowopen5 0.5s steps(10) forwards !important;
    }

    #carouselConfronta .item-tooltip {
        margin-left: 33%;
    }

@keyframes windowopen5 {
    from {
        background-position: 0px;
    }

    to {
        /*background-position: -2800px;*/
        /*background-position: -1800px;*/
        background-position: -2000px;
    }
}

@keyframes windowclose5 {
    from {
        /*background-position: -2800px;*/
        /*background-position: -1800px;*/
        background-position: -2000px;
    }

    to {
        background-position: 0px;
    }
}

@keyframes windowopen2 {
    from {
        background-position: 0px;
    }

    to {
        background-position: -3000px;
    }
}

@keyframes windowclose2 {
    from {
        background-position: -3000px;
    }

    to {
        background-position: 0px;
    }
}

.altri-prodotti-view .item .item-cont > h4 {
    font-size: 16px;
    color: #202020;
    margin: 10px 0 10px 0;
    padding: 0;
    display: block;
}

.altri-prodotti-view .item .item-cont > p {
    padding: 0 0 10px 0;
    margin: 0;
    color: #444;
    display: block;
}

.altri-prodotti-view .item .item-cont > span {
    padding: 0 0 20px 0;
    margin: 0;
    color: #868686;
    font-size: 12px;
    display: block;
}

/* ****************
MODAL RICHIESTA CONTATTI
**************** */
#form_success {
    display: none;
    color: #2AB300;
    padding: 20px;
    text-align: center;
    font-size: 140%;
}

#form_error {
    display: none;
    color: #FF4B47;
    padding: 20px;
    text-align: center;
    font-size: 140%;
}

.richiesta {
    position: relative;
    /*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}

    .richiesta:before, .richiesta:after {
        content: "";
        position: absolute;
        z-index: -1;
        /*-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
	box-shadow:0 0 20px rgba(0,0,0,0.8);*/
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 0;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .richiesta:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }

/* *************
FORM CONTATTO
************** */
.contatto {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    max-width: 854px;
    width: 100%;
}

.privacy_area {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    max-width: 854px;
    width: 100%;
    height: 90px;
}

.form-space {
    padding-right: 20px;
}

.form-color {
    background-color: #EBEBEB;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.consenso-privacy {
    background-color: #BBBBBB;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    -moz-border-radius: 8px / 8px;
    border-radius: 8px / 8px;
    color: #FFF;
    font-size: 12px;
    text-align: left;
}

    .consenso-privacy ul {
        padding: 0;
        list-style-type: none;
    }

    .consenso-privacy > div:not(:last-child) {
        margin-bottom: 15px;
    }

.blocco-captcha {
    background-color: #D8D8D8;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    -moz-border-radius: 8px / 8px;
    border-radius: 8px / 8px;
    color: #FFF;
    font-size: 12px;
    text-align: left;
}

.contatto > .formCont input[type="text"] {
    display: block;
    border: 1px solid #cfcfcf;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    width: 100%;
    height: 45px;
    outline: none;
    line-height: 180%;
    font-size: 95%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 24px;
    padding-left: 30px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
}

.contatto > .formCont input[type="email"] {
    display: block;
    border: 1px solid #cfcfcf;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    width: 100%;
    height: 45px;
    line-height: 180%;
    font-size: 95%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 24px;
    padding-left: 10px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
}

.contatto > .formCont select {
    display: block;
    border: 1px solid #cfcfcf;
    width: 100%;
    height: 45px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    height: 27px;
    font-size: 95%;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 24px;
    padding-left: 10px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
}

    .contatto > .formCont select.big {
        height: 45px;
        line-height: 40px; /** Solo per safari. Unico modo per settare l'altezza */
    }

.contatto > .formCont textarea {
    display: block;
    border: 1px solid #cfcfcf;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: 100px;
    height: 100%;
    line-height: 180%;
    font-size: 95%;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-left: 10px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
}

.contatto > .formCont input[type="submit"] {
    color: #fff;
    background: var(--main-color,#F1008B);
    border: 1px solid var(--main-color,#F1008B) !important;
    font-size: 100%;
    line-height: 300%;
    padding: 0 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: table;
    margin: 0 auto;
}

.contatto > .richiesta > .formCont input[type="submit"]:hover {
    background: #fff;
    color: var(--main-color,#F1008B);
}

.contatto > .formCont .buttonsquare {
    margin: 15px;
}

.contatto > .formCont .aligncenter {
    text-align: center;
}


/**********************************/
/**** MODALE MARGINI GUADAGNO *****/
#modal-margini-guadagno .modal-carousel > img {
    display: table;
    max-width: 80px;
    width: 100%;
    margin: 40px auto 20px;
}

    #modal-margini-guadagno .modal-carousel > img.big {
        max-width: 160px;
    }

#modal-margini-guadagno .modal-carousel {
}

    #modal-margini-guadagno .modal-carousel > p {
        font-style: italic;
        font-size: 150%;
        text-align: center;
    }

        #modal-margini-guadagno .modal-carousel > p > span {
            display: block;
            font-style: italic;
            font-size: 60%;
            text-align: center;
            margin-top: 15px;
        }

    #modal-margini-guadagno .modal-carousel .Tcenter {
        max-width: 600px;
        width: 100%;
    }

#modal-margini-guadagno .col-xs-6 label {
    border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-right: 0;
    background: #999;
    color: #fff;
    line-height: 16px;
    font-size: 95%;
    padding: 8px 10px;
    float: left;
    margin: 10px 0;
    font-weight: normal;
    text-align: left;
    width: 100%;
}

#modal-margini-guadagno .col-xs-6 input {
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #333;
    line-height: 16px;
    padding: 8px 12px;
    float: left;
    margin: 10px 0;
    width: 100%;
    text-align: right;
}

#modal-margini-guadagno > .modal-body > .owl-carousel > .owl-dots .owl-dot > span {
    background: var(--main-color,#F1008B);
}

#modal-margini-guadagno > .modal-body > .owl-carousel > .owl-dots .active ~ .owl-dot > span {
    background: #999;
}

#modal-margini-guadagno > .modal-body > .t-center {
    margin-top: 30px;
}



/**********************************/
/****** MODALE FORM CONTATTO ******/
/**********************************/
#modal-edit-userdata.contatto {
    max-width: 100%;
    margin: 0;
}

    #modal-edit-userdata.contatto .modal-body {
        text-align: left;
        background: #FFF;
        padding: 0px 80px 40px;
        margin-top: 60px;
        /*box-shadow: 5px 5px 18px -10px #000;*/
        width: 860px;
        border-radius: 20px;
    }

    #modal-edit-userdata.contatto .selziona-top {
        margin-top: 40px;
    }

        #modal-edit-userdata.contatto .selziona-top > h4 {
            font-size: 180%;
            margin: 10px auto;
            font-weight: bold;
        }

    #modal-edit-userdata.contatto .aligncenter {
        margin: 30px 0 0px !important;
    }

    #modal-edit-userdata.contatto .buttonsquare {
        min-width: 20%;
    }

    #modal-edit-userdata.contatto .formCont > div {
        padding: 0;
        margin-bottom: 20px;
    }

    #modal-edit-userdata.contatto .formCont > .col-lg-6.form-space {
        padding-right: 10px;
    }

    #modal-edit-userdata.contatto .formCont > .col-lg-6:not(.form-space) {
        padding-left: 10px;
    }

    #modal-edit-userdata.contatto div.form-color {
        padding: 20px 30px;
    }

    #modal-edit-userdata.contatto .form-color label {
        color: #999;
    }

    #modal-edit-userdata.contatto .form-color > div {
        padding: 0;
        margin-bottom: 20px;
    }

        #modal-edit-userdata.contatto .form-color > div:last-child {
            margin-bottom: 0px;
        }

    #modal-edit-userdata.contatto .form-color > .col-lg-6.form-space {
        padding-right: 10px;
    }

    #modal-edit-userdata.contatto .form-color > .col-lg-6:not(.form-space) {
        padding-left: 10px;
    }

    #modal-edit-userdata.contatto .selziona-top {
        margin-bottom: 20px;
    }

    #modal-edit-userdata.contatto > .formCont input {
        margin-bottom: 0;
    }

    #modal-edit-userdata.contatto > .formCont select {
        margin-bottom: 0;
    }

#modal-edit-userdata .close-button-container {
    position: absolute;
    top: -21px;
    left: 0px;
    right: 0px;
    margin: 0 auto !important;
    text-align: center;
}

#modal-edit-userdata .close-button {
    display: inline-block;
    cursor: pointer;
    font-size: 110%;
}

    #modal-edit-userdata .close-button .fa-circle {
        color: #333;
    }

    #modal-edit-userdata .close-button .round-button:hover .fa-circle {
        color: inherit;
    }

/*Modale check dati contatto*/
/**********************************/
/****** MODALE FORM CONTATTO ******/
/**********************************/
#modal-chk-userdata.contatto {
    max-width: 100%;
    margin: 0;
}

    #modal-chk-userdata.contatto .modal-body {
        text-align: left;
        background: #FFF;
        padding: 0px 80px 40px;
        margin-top: 60px;
        /*box-shadow: 5px 5px 18px -10px #000;*/
        width: 860px;
        border-radius: 20px;
    }

    #modal-chk-userdata.contatto .selziona-top {
        margin-top: 40px;
    }

        #modal-chk-userdata.contatto .selziona-top > h4 {
            font-size: 180%;
            margin: 10px auto;
            font-weight: bold;
        }

    #modal-chk-userdata.contatto .aligncenter {
        margin: 30px 0 0px !important;
    }

    #modal-chk-userdata.contatto .buttonsquare {
        min-width: 20%;
    }

    #modal-chk-userdata.contatto .formCont > div {
        padding: 0;
        margin-bottom: 20px;
    }

    #modal-chk-userdata.contatto .formCont > .col-lg-6.form-space {
        padding-right: 10px;
    }

    #modal-chk-userdata.contatto .formCont > .col-lg-6:not(.form-space) {
        padding-left: 10px;
    }

    #modal-chk-userdata.contatto div.form-color {
        padding: 20px 30px;
    }

    #modal-chk-userdata.contatto .form-color label {
        color: #999;
    }

    #modal-chk-userdata.contatto .form-color > div {
        padding: 0;
        margin-bottom: 20px;
    }

        #modal-chk-userdata.contatto .form-color > div:last-child {
            margin-bottom: 0px;
        }

    #modal-chk-userdata.contatto .form-color > .col-lg-6.form-space {
        padding-right: 10px;
    }

    #modal-chk-userdata.contatto .form-color > .col-lg-6:not(.form-space) {
        padding-left: 10px;
    }

    #modal-chk-userdata.contatto .selziona-top {
        margin-bottom: 20px;
    }

    #modal-chk-userdata.contatto > .formCont input {
        margin-bottom: 0;
    }

    #modal-chk-userdata.contatto > .formCont select {
        margin-bottom: 0;
    }

#modal-chk-userdata .close-button-container {
    position: absolute;
    top: -21px;
    left: 0px;
    right: 0px;
    margin: 0 auto !important;
    text-align: center;
}

#modal-chk-userdata .close-button {
    display: inline-block;
    cursor: pointer;
    font-size: 110%;
}

    #modal-chk-userdata .close-button .fa-circle {
        color: #333;
    }

    #modal-chk-userdata .close-button .round-button:hover .fa-circle {
        color: inherit;
    }

/**********************************/
/****** MODALE FORM NEWS ******/
/**********************************/
#modal-news {
    max-width: 100%;
    margin: 0;
}

    #modal-news .modal-body {
        text-align: left;
        background: #FFF;
        padding: 0px 80px 40px;
        margin-top: 60px;
        /*box-shadow: 5px 5px 18px -10px #000;*/
        width: 860px;
        border-radius: 20px;
    }

    #modal-news .close-button-container {
        position: absolute;
        top: -21px;
        left: 0px;
        right: 0px;
        margin: 0 auto !important;
        text-align: center;
    }

    #modal-news .close-button {
        display: inline-block;
        cursor: pointer;
        font-size: 110%;
    }

        #modal-news .close-button .fa-circle {
            color: #333;
        }

    #modal-news .round-button:hover .fa-circle {
        color: inherit;
    }
/* *************
SCHEDA PRODOTTI CONFRONTA
************** */
.form-confronta.owl-theme .owl-stage {
    margin-bottom: 0;
}

.form-confronta.owl-theme .owl-controls {
    display: none;
}

#form-confronta {
    position: relative;
    display: table;
    margin: 0 auto;
    z-index: 2;
}

/*#form-confronta .buttonsquare.color:hover {
	background: #ccc;
	color: #fff;
	border-color: #ccc !important;
}*/

#modal-troppi-confronti .modal-body {
    height: 100%;
    margin: 30px 0 0 0;
}

#modal-troppi-confronti .container-center {
    margin-top: -30px;
}

/* *************
MODALE FORM TROVA RIVENDITORE DEALER
************* */
#form-trova-rivenditore .contatto {
    max-width: 100%;
}

#form-trova-rivenditore .separatore-form {
    background: transparent url('../../dist/images/generali/form-separatore.jpg') no-repeat top center;
    background-size: contain;
    margin-top: 30px;
    width: 100%;
    height: 35px;
}


/* *************
SERRAMENTO PREVENTIVO
************** */
.specifiche-preventivo {
    background: #aaa;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

    .specifiche-preventivo .scelte-prev {
        display: inline-block;
        width: 20%;
        vertical-align: middle;
    }

        .specifiche-preventivo .scelte-prev h4 {
            font-size: 1.4em;
            margin-top: 0px;
        }

        .specifiche-preventivo .scelte-prev button {
            display: inline-block;
            width: 80%;
            background: #DDD;
            border-radius: 5px;
            color: #777;
            padding: 5px 7px;
            text-align: left;
            height: 30px;
            border: none;
        }

            .specifiche-preventivo .scelte-prev button img {
                width: 18px;
                margin-right: 5px;
            }

        .specifiche-preventivo .scelte-prev select {
            display: inline-block;
            width: 80%;
            background: #DDD;
            border-radius: 5px;
            color: #777;
            padding: 5px 7px;
            text-align: left;
            height: 30px;
            line-height: 30px;
            border: none;
        }



.descrizione-preventivo {
    background: #444;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

    .descrizione-preventivo #divForm {
        display: table;
        margin: 0 auto;
    }

        .descrizione-preventivo #divForm > label {
            border-left: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            border-right: 0;
            background: #222;
            color: #fff;
            /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
            line-height: 16px;
            padding: 8px 12px;
            float: left;
            margin: 10px 0;
            font-weight: normal;
            font-size: 1.5em;
        }

        .descrizione-preventivo #divForm > input {
            border-right: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            border-left: 0;
            background: #fff;
            color: #888;
            /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
            line-height: 16px;
            padding: 4px 6px;
            float: left;
            margin: 10px 0;
            width: 500px;
            font-size: 1.4em;
        }

.calcola-preventivo p {
    display: block;
    text-align: center;
    color: #878787;
    font-size: 120%;
    margin: 30px 0;
}

.calcola-preventivo .serramento-lista {
    background: #E2E2E2;
    margin-top: 10px;
    padding: 30px 0;
}

.serramento-lista img {
    display: table;
    margin: 0 auto;
    width: 70%;
}

.serramento-lista .titolo {
    background: #999;
    color: #fff;
    font-size: 120%;
    padding: 6px 8px;
    line-height: 100%;
    font-size: 100%;
    display: table;
    margin: 20px auto;
    width: 90%;
}

.serramento-lista label {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 0;
    background: #fff;
    color: var(--main-color,#F1008B);
    /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
    line-height: 16px;
    padding: 8px 12px;
    float: left;
    margin: 10px 0;
    font-weight: normal;
}

.serramento-lista input {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
    line-height: 16px;
    padding: 8px 12px;
    float: left;
    margin: 10px 0;
    width: 70px;
    -moz-appearance: textfield;
}

    .serramento-lista input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.serramento-lista-advanced .container {
    width: 1350px;
    max-width: 100%;
}

/* *************
SERRAMENTO PREVENTIVO 02
************** */
.first-block .totale-serie {
    margin: 20px 0 0 0;
}

    .first-block .totale-serie > strong {
        display: inline-block;
        color: #fff;
        font-size: 120%;
        line-height: 20px;
    }

    .first-block .totale-serie > span {
        display: inline-block;
        font-size: 140%;
        line-height: 20px;
        color: #aaa;
        margin-left: 15px;
    }

    .first-block .totale-serie > a {
        display: table;
        margin: 10px auto 0;
        border: 1px solid #fff;
        padding: 5px 18px;
        color: #fff;
        font-size: 120%;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

        .first-block .totale-serie > a:hover {
            background: #fff;
            color: #333;
        }

.spese-accessorie-top {
    display: none;
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 189;
}

    .spese-accessorie-top > div {
        background: #444;
        height: 100%;
    }

        .spese-accessorie-top > div > .right {
            height: 100%;
            display: table;
            margin: 0 0 0 auto;
        }

            .spese-accessorie-top > div > .right > .vcenter {
                display: table-cell;
                height: 100%;
                vertical-align: middle;
                padding: 5px 40px;
            }

                .spese-accessorie-top > div > .right > .vcenter div {
                    padding: 6px 0;
                    border-top: 1px solid #777;
                }

                    .spese-accessorie-top > div > .right > .vcenter div:first-child {
                        border: 0;
                        padding-top: 0;
                    }

                .spese-accessorie-top > div > .right > .vcenter strong {
                    display: inline-block;
                    color: #fff;
                    font-size: 100%;
                    line-height: 20px;
                }

                .spese-accessorie-top > div > .right > .vcenter span {
                    display: inline-block;
                    float: right;
                    font-size: 120%;
                    line-height: 20px;
                    color: #aaa;
                    margin-left: 15px;
                }

                .spese-accessorie-top > div > .right > .vcenter a {
                    display: table;
                    margin: 0 0 0 auto;
                    border: 1px solid #666;
                    background: #666;
                    padding: 3px 15px;
                    color: #fff;
                    font-size: 100%;
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                    -webkit-transition: all 400ms ease;
                    -moz-transition: all 400ms ease;
                    -ms-transition: all 400ms ease;
                    -o-transition: all 400ms ease;
                    transition: all 400ms ease;
                }

                    .spese-accessorie-top > div > .right > .vcenter a:hover {
                        background: transparent;
                    }

        .spese-accessorie-top > div:first-child {
            background: #777;
        }

            .spese-accessorie-top > div:first-child > p {
                text-align: center;
                font-size: 150%;
                color: #fff;
                margin: 10px 0 0;
            }

            .spese-accessorie-top > div:first-child > img {
                display: table;
                margin: 0 auto;
                height: 100%;
                width: auto;
            }

.ragruppamenti {
}

    .ragruppamenti > .gruppi {
        background: #BBB;
        padding: 30px 0;
    }

        .ragruppamenti > .gruppi .item {
            background: #fff;
            border: 1px solid #ccc;
            margin: 0 5px;
        }

            .ragruppamenti > .gruppi .item > .top {
                background: #DDD;
                padding: 15px 10px;
                text-align: center;
                color: #333;
            }

                .ragruppamenti > .gruppi .item > .top > img {
                    display: table;
                    margin: 0 auto 5px;
                }

            .ragruppamenti > .gruppi .item > .cont {
                padding: 20px 10px 10px;
                text-align: center;
                color: #777;
            }

                .ragruppamenti > .gruppi .item > .cont > .prezzo {
                    color: #000;
                    font-weight: bold;
                    font-size: 140%;
                }

                .ragruppamenti > .gruppi .item > .cont > .sconto {
                    font-size: 90%;
                    font-style: italic;
                }

                .ragruppamenti > .gruppi .item > .cont > .supporto-data {
                    margin: 30px auto 0;
                    display: table;
                    padding: 0 0 20px 0;
                }

    .ragruppamenti > .infissi {
        background: #DDD;
        padding: 30px 0;
    }

        .ragruppamenti > .infissi > .owl-loaded > .owl-stage-outer {
            overflow: visible !important;
        }

        .ragruppamenti > .infissi .item {
            background: #fff;
            border: 1px solid #ccc;
            margin: 0 5px;
        }

            .ragruppamenti > .infissi .item > .cont {
                padding: 20px 20px 10px;
                text-align: center;
                color: #777;
            }

                .ragruppamenti > .infissi .item > .cont > img {
                    max-width: 230px;
                    display: table;
                    margin: 0 auto;
                }

                .ragruppamenti > .infissi .item > .cont > .titolo {
                    color: #000;
                    display: block;
                    text-align: center;
                    margin: 0 0 5px;
                    padding: 0 0 10px 0;
                    border-bottom: 1px solid #BBB;
                }

                .ragruppamenti > .infissi .item > .cont > .prezzo {
                    float: left;
                    font-size: 80%;
                }

                .ragruppamenti > .infissi .item > .cont > .misure {
                    float: right;
                    font-size: 80%;
                }

                .ragruppamenti > .infissi .item > .cont > .action {
                    margin-top: 20px;
                }

    .ragruppamenti .item > .cont > .action {
        text-align: center;
    }

        .ragruppamenti .item > .cont > .action > a {
            display: inline-block;
            background: #9b9b9b;
            color: #fff;
            width: 29px;
            height: 29px;
            line-height: 29px;
            text-align: center;
            font-size: 14px;
            -webkit-border-radius: 32px;
            border-radius: 32px;
            margin-left: 5px;
        }

            .ragruppamenti .item > .cont > .action > a:first-child {
                margin-left: 0;
            }

            .ragruppamenti .item > .cont > .action > a:hover,
            .ragruppamenti .item > .cont > .action > a.active {
                background: var(--main-color,#F1008B);
            }

.comandi-ordine {
    /*VIE-2868*/
    /*padding-top: 40px;*/
}

    .comandi-ordine > p {
        display: table;
        margin: 0 auto;
        color: #666;
        font-style: italic;
    }

    .comandi-ordine > .opzioni {
        text-align: center;
        display: block;
        padding: 5px 10px;
    }

        .comandi-ordine > .opzioni > a {
            display: inline-block;
            font-size: 16px;
            color: #666;
            padding: 5px;
            margin: 10px 0 10px 10px;
            border-bottom: 2px solid transparent;
        }

            .comandi-ordine > .opzioni > a:fist-child {
                margin-left: 0;
            }

            .comandi-ordine > .opzioni > a.active {
                border-bottom-color: #666;
            }

.attach-top .comandi-opzione {
    background: #D4D4D4;
    text-align: center;
    display: block;
    padding: 5px 10px;
    margin-top: 15px;
}

    .attach-top .comandi-opzione > a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        padding: 10px 16px;
        margin: 10px 0 10px 10px;
        background: #666;
        border: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .attach-top .comandi-opzione > a:fist-child {
            margin-left: 0;
        }

        .attach-top .comandi-opzione > a.active,
        .attach-top .comandi-opzione > a:hover {
            background: #999;
        }

.calcola-preventivo > .serramenti-opzioni {
    margin-top: 10px;
}

.serramenti-opzioni .serramento {
    position: relative;
    background: #E2E2E2;
    overflow: hidden;
    display: table;
    width: 100%;
    /*VIE-2832*/
    margin: 5px 0px 5px 0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
}

    .serramenti-opzioni .serramento:not(:first-child) .empty {
        transform: scale(1,0.5);
    }

    .serramenti-opzioni .serramento > div {
        display: table-cell;
        margin: 0;
        padding: 0;
        /*VIE-2832*/
        /*float: none;*/
        /*vertical-align: middle;*/
        vertical-align: baseline;
    }

    .serramenti-opzioni .serramento > .opzioni-ordine {
        background: #f2f2f2;
        width: 3%;
        padding: 15px 0;
    }

        .serramenti-opzioni .serramento > .opzioni-ordine > i {
            display: table;
            margin: 0 auto;
            font-size: 150%;
            cursor: pointer;
            padding: 3px;
        }

    .serramenti-opzioni .serramento > .opzioni-ordineSec {
        background: #f2f2f2;
        width: 3%;
        padding: 15px 0;
    }

        .serramenti-opzioni .serramento > .opzioni-ordineSec > i {
            display: table;
            margin: 0 auto;
            font-size: 150%;
            cursor: pointer;
            padding: 3px;
        }

    .serramenti-opzioni .serramento > .opzioni-select {
        background: #f2f2f2;
        width: 3%;
        padding: 15px 0;
        border-left: 1px solid #E2E2E2;
    }

        .serramenti-opzioni .serramento > .opzioni-select > input[type="checkbox"] {
            display: none;
        }

            .serramenti-opzioni .serramento > .opzioni-select > input[type="checkbox"] + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                cursor: pointer;
            }

            .serramenti-opzioni .serramento > .opzioni-select > input[type="checkbox"]:checked + label::after {
                position: absolute;
                background: var(--main-color,#FA278A);
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }

    .serramenti-opzioni .serramento > .opzioni-image {
        background: #ECECEC;
        /*VIE-2832*/
        /*width: 25%;*/
        width: 20%;
        padding: 15px 0;
    }

        .serramenti-opzioni .serramento > .opzioni-image .col-xs-12:first-child {
            color: #999;
            text-align: center;
            font-size: 16px;
        }

            .serramenti-opzioni .serramento > .opzioni-image .col-xs-12:first-child > span {
                display: block;
                margin-top: 10px;
                font-size: 12px;
                font-style: italic;
            }

        .serramenti-opzioni .serramento > .opzioni-image img {
            margin: 0 auto;
            width: auto;
            display: table;
            /*VIE-2832*/
            /*max-height: 240px;*/
            max-height: 170px;
        }

        .serramenti-opzioni .serramento > .opzioni-image > .grafico-dati {
            display: table;
            margin: 15px auto 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        .serramenti-opzioni .serramento > .opzioni-image select {
            position: relative;
            font-weight: normal;
            font-size: 100%;
            line-height: 20px;
            margin: 0 auto 15px;
            display: table;
            min-width: 180px;
            background: #fff;
            border: 1px solid #d6d6d6;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            color: #777;
            padding: 6px;
            text-align: left;
            height: 32px;
        }

        .serramenti-opzioni .serramento > .opzioni-image .chosen-container {
            display: table;
            margin: 0 auto 15px;
        }

            .serramenti-opzioni .serramento > .opzioni-image .chosen-container > a {
                padding: 10px 15px 10px;
                line-height: 1.2;
                height: auto;
                -webkit-border-radius: 0;
                border-radius: 0;
                border: 0;
                box-shadow: none;
                color: #333;
                background: #ffffff;
                background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
                background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
                background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
            }

                .serramenti-opzioni .serramento > .opzioni-image .chosen-container > a > div > b {
                    background-position: 0 8px;
                }

        .serramenti-opzioni .serramento > .opzioni-image > .grafico-dati > span {
            display: inline-block;
            padding: 0 5px;
            text-align: center;
        }

        .serramenti-opzioni .serramento > .opzioni-image .icon {
            /*display: table;*/
            margin: 10px auto 0;
        }

            .serramenti-opzioni .serramento > .opzioni-image .icon > img {
                width: auto;
            }

        .serramenti-opzioni .serramento > .opzioni-image > .grafico-dati label {
            color: #666;
            font-size: 13px;
            display: block;
            font-weight: normal;
        }

        .serramenti-opzioni .serramento > .opzioni-image > .grafico-dati input {
            width: 50px;
            border: 0;
            background: #fff;
            color: #333;
            text-align: center;
            font-weight: bold;
            font-size: 13px;
            line-height: 13px;
            padding: 7px 0;
            margin: 0 0 10px 0;
        }


        .serramenti-opzioni .serramento > .opzioni-image > .upload_image {
            display: table;
            margin: 0 auto;
        }

            .serramenti-opzioni .serramento > .opzioni-image > .upload_image > input {
                display: none;
            }

            .serramenti-opzioni .serramento > .opzioni-image > .upload_image > img {
                display: block;
                margin: 20px 0;
            }

            .serramenti-opzioni .serramento > .opzioni-image > .upload_image > .buttonsquare {
                font-weight: normal;
            }


.serramenti-opzioni .opzioni-image .h4 {
    color: #333;
    display: table;
    font-size: 150%;
    margin: 0 auto 15px;
    font-weight: bold;
    text-align: center;
    background: transparent;
    border: 0;
    padding: 7px;
    border-bottom: 1px solid #333;
}

.serramenti-opzioni .serramento > .opzioni-dati {
    width: 58%;
    padding: 40px 1% 40px 2%;
    position: relative;
}

    .serramenti-opzioni .serramento > .opzioni-dati .comandi-serramento {
        text-align: center;
        display: block;
        padding: 5px 10px;
        margin-top: -20px;
    }

        .serramenti-opzioni .serramento > .opzioni-dati .comandi-serramento > a {
            display: inline-block;
            font-size: 16px;
            color: #666;
            padding: 5px;
            margin: 0 0 10px 10px;
            border-bottom: 2px solid transparent;
        }

            .serramenti-opzioni .serramento > .opzioni-dati .comandi-serramento > a:fist-child {
                margin-left: 0;
            }

            .serramenti-opzioni .serramento > .opzioni-dati .comandi-serramento > a.active {
                border-bottom-color: #666;
            }

.serramenti-opzioni .opzioni-dati h4 {
    color: #333;
    display: block;
    /*VIE-2832*/
    /*font-size: 150%;*/
    /*margin-bottom: 15px;*/
    font-size: 125%;
    font-weight: bold;
    text-align: left;
}

.serramenti-opzioni .opzioni-dati h6 {
    display: block;
    text-align: center;
    color: #b1b1b1;
    font-size: 16px;
    padding: 7px 0;
}

.serramenti-opzioni .opzioni-dati label {
    border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-right: 0;
    background: #999;
    color: #fff;
    /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
    line-height: 16px;
    font-size: 95%;
    padding: 8px 0;
    float: left;
    margin: 10px 0;
    font-weight: normal;
    text-align: center;
    width: 50%;
}

.serramenti-opzioni .opzioni-dati input {
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #333;
    /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
    line-height: 16px;
    padding: 8px 12px;
    float: left;
    margin: 10px 0;
    width: 50%;
}

/*VIE-2832*/
.serramenti-opzioni .opzioni-image input {
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #333;
}

.serramenti-opzioni.opzioni-v2 .opzioni-dati label {
    margin: 0 0 10px 0;
}

.serramenti-opzioni.opzioni-v2 .opzioni-dati input {
    margin: 0 0 10px 0;
}

.serramenti-opzioni .opzioni-dati select {
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #777;
    padding: 6px;
    text-align: left;
    line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
    height: 34px;
}

.serramenti-opzioni .opzioni-dati button,
.serramenti-opzioni .opzioni-dati .button {
    position: relative;
    font-weight: normal;
    font-size: 100%;
    line-height: 20px;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #777;
    padding: 6px;
    text-align: left;
    /** altezza fissata per allineare gli elementi */
    height: 32px;
}

    .serramenti-opzioni .opzioni-dati button img,
    .serramenti-opzioni .opzioni-dati .button img {
        margin-right: 10px;
        float: left;
    }

    .serramenti-opzioni .opzioni-dati button > .warning,
    .serramenti-opzioni .opzioni-dati .button > .warning {
        display: block;
        position: absolute;
        right: 10px;
        top: 6px;
        color: #fff;
        background: #FF3751;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 80%;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        z-index: 2;
    }

.serramenti-opzioni .serramento .opzioni-dati textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 140px;
    max-height: 140px;
    resize: none;
    -webkit-border-radius: 5px;
    padding: 10px;
    margin: 0 0 20px 0;
    border: 0;
    border-radius: 5px;
}

.serramenti-opzioni .serramento .opzioni-dati label {
    margin: 0;
    width: 97%;
    color: #333;
    border: 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

/* VIE-2832 START */

.serramenti-opzioni .serramento .opzioni-dati .buttons-bar label {
    color: red !important;
}

.serramenti-opzioni .serramento .opzioni-dati .buttons-bar button.icon {
    -webkit-border-radius: 35px;
    border-radius: 35px;
    background: #777;
    border: 1px solid #777;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
}

    .serramenti-opzioni .serramento .opzioni-dati .buttons-bar button.icon:disabled {
        -webkit-border-radius: 35px;
        border-radius: 35px;
        background: #E2E2E2;
        border: 1px solid #777;
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        display: inline-block;
        cursor: pointer;
    }

        .serramenti-opzioni .serramento .opzioni-dati .buttons-bar button.icon:disabled:hover {
            background: #E2E2E2;
            border: 1px solid #777;
        }

    .serramenti-opzioni .serramento .opzioni-dati .buttons-bar button.icon:hover {
        background: var(--main-color,#F1008B);
        border: 1px solid var(--main-color,#F1008B);
    }
/* VIE-2832 END */



.serramenti-opzioni .serramento .opzioni-dati input[type="text"] {
    margin: 0;
    /*VIE-2832*/
    /*width: 97%;*/
    width: 100%;
    /*border: 0;*/
}

.serramenti-opzioni .serramento .opzioni-dati input[type="number"] {
    margin: 0;
    /*VIE-2832*/
    /*width: 97%;*/
    width: 100%;
    /*border: 0;*/
    font-size: 12px;
    height: 30px;
}

.serramenti-opzioni .opzioni-dati textarea,
.serramenti-opzioni .opzioni-dati .textarea {
    cursor: pointer;
    overflow: hidden;
    resize: none;
    position: relative;
    font-weight: normal;
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    text-align: left;
    /** altezza fissata per allineare gli elementi */
    height: 60px;
    /*VIE-2832*/
    /*padding: 6px;*/
    padding: 8px 12px;
    /*border-radius: 5px;*/
    /*margin: 0 0 10px 0;*/
    /*font-size: 100%;*/
    font-size: 12px;
    /*line-height: 20px;*/
    line-height: 16px;
    overflow-y: auto;
    /*color: #777;*/
    color: #333;
}

.serramenti-opzioni .opzioni-dati .col-xs-12 > .warning {
    color: #FF3751;
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
}

.serramenti-opzioni .opzioni-dati .warning > span {
    display: block;
    float: left;
    color: #fff;
    background: #FF3751;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 80%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 2;
}

.serramenti-opzioni .opzioni-dati a.altri-parametri {
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #b1b1b1;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    padding: 7px 14px;
    display: inline-block;
    margin-left: -70px;
}

    .serramenti-opzioni .opzioni-dati a.altri-parametri > i {
        padding-left: 10px;
        font-size: 20px;
        float: right;
    }

.serramenti-opzioni .opzioni-dati .composto-blocchi {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 20px;
    position: absolute;
    top: 10px;
    /*margin-left:5%;*/
}

    .serramenti-opzioni .opzioni-dati .composto-blocchi a {
        display: table;
        width: 300px;
        /*width: 100%;*/
        margin: 0 auto;
        text-align: center;
        padding: 10px 10px;
        color: #fff;
        background: #999;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .serramenti-opzioni .opzioni-dati .composto-blocchi a.active,
        .serramenti-opzioni .opzioni-dati .composto-blocchi a:hover {
            background: #eee;
            color: #000;
        }


/*VIE-2512*/
.serramenti-opzioni .opzioni-dati .composto-blocchi-tablet {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 20px;
    position: absolute;
    top: 10px;
    /*margin-left:5%;*/
}

    .serramenti-opzioni .opzioni-dati .composto-blocchi-tablet a {
        display: table;
        width: 300px;
        /*width: 100%;*/
        margin: 0 auto;
        text-align: center;
        padding: 10px 10px;
        color: #fff;
        background: #999;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .serramenti-opzioni .opzioni-dati .composto-blocchi-tablet a.active,
        .serramenti-opzioni .opzioni-dati .composto-blocchi-tablet a:hover {
            background: #eee;
            color: #000;
        }
/*
			 * SCROLL OPZIONI DATI
			*/
.serramenti-opzioni .serramento > .opzioni-dati > .container-fluid {
    height: 21vw;
}

    .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-11 {
        height: 100%;
        overflow-y: scroll;
        margin-right: -20px;
        margin-top: 10px;
    }

    .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 {
        height: 100%;
        background: #E2E2E2;
    }

        .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 > ul {
            list-style: none;
            position: absolute;
            top: 50%;
            left: 60%;
            padding: 0;
            margin: 0;
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

            .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 > ul > li {
                padding: 7px 0;
            }

                .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 > ul > li > a {
                    display: block;
                    width: 12px;
                    height: 12px;
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                    background: #fff;
                }

                    .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 > ul > li > a:hover,
                    .serramenti-opzioni .serramento > .opzioni-dati > .container-fluid > .col-xs-1 > ul > li > a.active {
                        background: var(--main-color,#F1008B);
                    }



/*
			 * SCROLL OPZIONI DATI COMPOSTA
			*/

.serramenti-opzioni .serramento > .opzioni-dati > * > .comandi-serramento {
    margin-top: 0px;
}

.serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid {
    height: 14vw;
}

    .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-11 {
        height: 100%;
        overflow-y: scroll;
        margin-right: -20px;
        margin-top: 10px;
    }

    .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-1 {
        height: 100%;
        background: #E2E2E2;
    }

        .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-1 > ul {
            list-style: none;
            position: absolute;
            top: 50%;
            left: 60%;
            padding: 0;
            margin: 0;
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

            .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-1 > ul > li {
                padding: 7px 0;
            }

                .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-1 > ul > li > a {
                    display: block;
                    width: 12px;
                    height: 12px;
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                    background: #fff;
                }

                    .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-1 > ul > li > a:hover,
                    .serramenti-opzioni .serramento > .opzioni-dati > * > .container-fluid > .col-xs-1 > ul > li > a.active {
                        background: var(--main-color,#F1008B) !important;
                    }


.serramenti-opzioni .serramento > .opzioni-info {
    /*VIE-2832*/
    /*width: 12%;*/
    background: #D4D4D4;
    text-align: center;
    padding: 15px 0;
}

.serramenti-opzioni .opzioni-info > section {
    color: #333;
    font-size: 150%;
    font-weight: bold;
    /*VIE-2832*/
    /*padding: 15px 0;*/
    border-bottom: 1px solid #bbb;
}
    /*.serramenti-opzioni.opzioni-v2 .opzioni-info > section {
                padding: 130px 10px;
            }*/
    .serramenti-opzioni .opzioni-info > section > .prezzo {
        /*VIE-2832*/
        /*margin: 15px 0;*/
        font-size: 110%;
        color: #444;
        line-height: 100%;
        font-family: Arial, Helvetica, sans-serif;
    }

        .serramenti-opzioni .opzioni-info > section > .prezzo > p {
            font-size: inherit;
            color: #444;
            line-height: inherit;
            padding: 0;
            margin: 0;
            display: inline;
        }

        .serramenti-opzioni .opzioni-info > section > .prezzo > span {
            color: #444;
            width: 14px;
            text-align: center;
            display: inline-block;
            position: relative;
        }

            .serramenti-opzioni .opzioni-info > section > .prezzo > span > i {
                cursor: pointer;
            }

            .serramenti-opzioni .opzioni-info > section > .prezzo > span > .sconto {
                position: absolute;
                z-index: 4;
                top: -7px;
                right: 100%;
                background: #222;
                height: 34px;
                font-size: 14px;
                padding: 7px 20px;
                min-width: 400px;
                display: none;
            }

                .serramenti-opzioni .opzioni-info > section > .prezzo > span > .sconto > span {
                    display: block;
                    float: left;
                    text-align: left;
                    font-weight: normal;
                    line-height: 20px;
                    min-width: 80px;
                    border-right: 1px solid #ccc;
                    margin-right: 5px;
                    color: #fff;
                }

                .serramenti-opzioni .opzioni-info > section > .prezzo > span > .sconto > label {
                    display: block;
                    float: left;
                    margin: 0 0 0 5px;
                    background: #ccc;
                    color: #fff;
                    font-size: 12px;
                    line-height: 20px;
                    padding: 0 6px;
                    height: 20px;
                }

                .serramenti-opzioni .opzioni-info > section > .prezzo > span > .sconto > input {
                    display: block;
                    float: left;
                    height: 20px;
                    background: #fff;
                    border: 0;
                    font-weight: normal;
                    font-size: 12px;
                    padding: 2px 4px;
                    text-align: right;
                    color: #000;
                    width: auto;
                    max-width: 70px;
                    min-width: 70px;
                }

                    .serramenti-opzioni .opzioni-info > section > .prezzo > span > .sconto > input.perc {
                        min-width: 70px;
                        max-width: 70px;
                    }

        .serramenti-opzioni .opzioni-info > section > .prezzo > .sconto-applicato {
            text-align: center;
            font-style: italic;
            font-size: 55%;
            color: #868686;
        }

            .serramenti-opzioni .opzioni-info > section > .prezzo > .sconto-applicato > span {
                display: inline-block;
                color: #868686;
            }

    .serramenti-opzioni .opzioni-info > section > span {
        font-size: 70%;
        color: #777;
        font-weight: normal;
        display: block;
    }

.input-fuorisquadro {
    display: none;
}

    .input-fuorisquadro > * {
        margin: 0 0 20px !important;
    }

.serramenti-opzioni .serramento > .opzioni-info > section > label {
    color: #666;
    font-size: 13px;
    display: block;
    font-weight: normal;
}

.serramenti-opzioni .serramento > .opzioni-info > section > input {
    width: 60px;
    border: 0;
    background: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    padding: 8px 0;
    margin: 0 0 10px 0;
}

.serramenti-opzioni .serramento > .opzioni-info > section > div > input {
    width: 60px;
    border: 0;
    background: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    padding: 8px 0;
    margin: 0 0 10px 0;
    -moz-appearance: textfield;
}

    .serramenti-opzioni .serramento > .opzioni-info > section > div > input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.serramenti-opzioni .serramento > .opzioni-info > .container-center {
    padding: 15px 0;
}

/* *************
    OPZIONI SERRAMENTI
    ************** */
.serramenti-opzioni > .serramento-parametri {
    display: none;
}

    .serramenti-opzioni > .serramento-parametri > .serramento {
        border-top: 1px solid #cdcdcd;
        margin: 0;
    }

        .serramenti-opzioni > .serramento-parametri > .serramento:first-child {
            border: 0;
        }

        .serramenti-opzioni > .serramento-parametri > .serramento > .opzioni-ordine {
            background: #bbb;
            border-right: 1px solid #CDCDCD;
        }

        .serramenti-opzioni > .serramento-parametri > .serramento.composto > .opzioni-ordine > input[type="checkbox"] + label {
            border-color: #fff;
        }

        .serramenti-opzioni > .serramento-parametri > .serramento:not(.composto) > .opzioni-ordine > input[type="checkbox"] + label {
            display: none;
        }

        .serramenti-opzioni > .serramento-parametri > .serramento > .opzioni-image {
            background: #b1b1b1;
            border-right: 1px solid #CDCDCD;
        }

        .serramenti-opzioni > .serramento-parametri > .serramento > .opzioni-dati {
            background: #b1b1b1;
            border-right: 1px solid #CDCDCD;
        }

            .serramenti-opzioni > .serramento-parametri > .serramento > .opzioni-dati h6 {
                color: #fff;
            }

        .serramenti-opzioni > .serramento-parametri > .serramento > .opzioni-info {
            background: #bbb;
        }

        .serramenti-opzioni > .serramento-parametri > .serramento:not(.composto) > .opzioni-info > section {
            display: none;
        }

/*
 * PRODOTTI AGGIUNTIVI
*/
.serramenti-opzioni .serramento-aggiuntivo .opzioni-image {
    width: 28%;
}

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-image > .upload_image {
        display: table;
        margin: 0 auto;
    }

        .serramenti-opzioni .serramento-aggiuntivo .opzioni-image > .upload_image > input {
            display: none;
        }

        .serramenti-opzioni .serramento-aggiuntivo .opzioni-image > .upload_image > img {
            display: block;
            margin: 20px 0;
        }

        .serramenti-opzioni .serramento-aggiuntivo .opzioni-image > .upload_image > .buttonsquare {
            font-weight: normal;
        }

.serramenti-opzioni .serramento-aggiuntivo .opzioni-dati {
    padding: 40px 2%;
}

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-12 {
        margin-bottom: 20px;
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-6:nth-child(2),
    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-6:nth-child(3) {
        margin-bottom: 20px;
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati textarea {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding: 10px;
        margin: 0 0 20px 0;
        min-height: 140px;
        max-height: 140px;
        resize: none;
        border: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }


    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati select {
        margin-bottom: 0;
        border: 0;
        height: 32px;
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-6 select {
        width: calc(100% - 5px);
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati label {
        margin: 0;
        width: 97%;
        color: #333;
        border: 0;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-6:nth-child(3) label {
        margin-left: 5px;
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-6:last-child label {
        margin-left: 5px;
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati input[type="text"] {
        margin: 0;
        width: 97%;
        border: 0;
    }

    .serramenti-opzioni .serramento-aggiuntivo .opzioni-dati > .col-xs-6:nth-child(4) input {
        width: calc(100% - 5px);
    }

/* *************
SERRAMENTO PREVENTIVO 02 - PRODOTTI CONSIGLIATI
************** */
.prodotti-consigliati .item {
    padding: 30px;
    margin: 0 5px 0 5px;
    background: #eee;
    color: #444;
}

.prodotti-consigliati .owl-carousel .owl-item:nth-child(even) > .item {
    background: #ddd;
}

.prodotti-consigliati .item > a.prod-link {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    vertical-align: bottom;
    line-height: 100%;
    font-size: 160%;
    color: #444;
}

    .prodotti-consigliati .item > a.prod-link > img {
        max-width: 260px;
        margin: 0 auto 10px;
    }

.prodotti-consigliati .item > span {
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 115%;
    line-height: 100%;
}

.prodotti-consigliati .item > p {
    font-size: 100%;
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
    line-height: 100%;
    color: #444;
}

    .prodotti-consigliati .item > p > .costo {
        font-weight: bold;
        font-size: 115%;
    }

    .prodotti-consigliati .item > p > .iva {
        font-size: 90%;
    }

.prodotti-consigliati .item > a.add-prodotto {
    display: table;
    margin: 0 auto;
    font-size: 200%;
    color: #999;
}

    .prodotti-consigliati .item > a.add-prodotto:hover, .prodotti-consigliati .item > a.add-prodotto.selected {
        color: var(--main-color,#F1008B);
    }

.prodotti-consigliati .item .warning-message span {
    margin-left: 10px;
}

.prodotti-aggiunti .opzioni-info > section {
    padding-top: 10%;
    padding-bottom: 10%;
}
/* *************
carousel-prodotti
************** */
.carousel-prodotti {
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: 40px auto 40px;
}

    .carousel-prodotti .tag-filter {
        margin-left: 30px;
        font-family: Arial, Helvetica, sans-serif;
    }

        .carousel-prodotti .tag-filter span {
            background: #999;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            margin: 0px;
            border-radius: 2px;
            vertical-align: middle;
            margin-right: 6px;
        }
/* *************
SERRAMENTO PREVENTIVO 02 - PRODOTTI TOTALE
************** */
.prodotti-totale {
    background: #eee;
    padding: 30px;
    margin-top: 10px;
    overflow: none;
}

    .prodotti-totale::after {
        content: "";
        display: block;
        clear: both;
    }

    .prodotti-totale > #spese-aggiuntive {
        float: left;
        text-align: left;
        /*VIE-2512*/
        /*width: 55%;*/
        width: 100%;
    }

        .prodotti-totale > #spese-aggiuntive > .spesa {
            position: relative;
            display: block;
            padding-bottom: 15px;
        }

            .prodotti-totale > #spese-aggiuntive > .spesa::after {
                content: "";
                display: block;
                clear: both;
            }

            .prodotti-totale > #spese-aggiuntive > .spesa > .chosen-container {
                float: left;
                display: block;
                max-width: 240px;
                /*VIE-2512*/
                /*width: 100%;*/
                width: 50%;
                background: #ddd;
            }

                .prodotti-totale > #spese-aggiuntive > .spesa > .chosen-container > a {
                    padding: 10px 15px 10px;
                    line-height: 1.2;
                    height: auto;
                    -webkit-border-radius: 0;
                    border-radius: 0;
                    border: 0;
                    box-shadow: none;
                    color: #333;
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
                    background: #ffffff; /* Old browsers */
                    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
                }

                    .prodotti-totale > #spese-aggiuntive > .spesa > .chosen-container > a > div > b {
                        background-position: 0 8px;
                    }

            .prodotti-totale > #spese-aggiuntive > .spesa > input {
                margin-left: 5px;
                float: left;
                display: block;
                max-width: 115px;
                width: 115%;
                background: #ddd;
                border: 0;
                line-height: 1.2;
                padding: 10px 15px 9px;
                text-align: right;
                /*margin: 0;*/
                font-weight: bold;
            }

                .prodotti-totale > #spese-aggiuntive > .spesa > input:-moz-read-only {
                    color: #999;
                    margin-left: 5px;
                    text-align: center;
                }

                .prodotti-totale > #spese-aggiuntive > .spesa > input:read-only {
                    color: #999;
                    margin-left: 5px;
                    /*text-align: center;*/
                    /*VIE-2512*/
                    width: 15%;
                }

            .prodotti-totale > #spese-aggiuntive > .spesa > button {
                margin-left: 10px;
                float: left;
            }

            .prodotti-totale > #spese-aggiuntive > .spesa > .nota {
                clear: both;
                max-width: 440px;
                width: 100%;
                background: #ccc;
                display: none;
            }

                .prodotti-totale > #spese-aggiuntive > .spesa > .nota > p {
                    display: none;
                    margin: 0;
                    padding: 7px 20px;
                    line-height: 1.4;
                    font-size: 90%;
                    color: #fff;
                    font-style: italic;
                    text-align: left;
                }

    .prodotti-totale > #totale {
        /*width: 60%;*/
        float: right;
        text-align: right;
        padding-top: 5px;
        color: #868686;
        font-size: 120%;
        font-family: Arial, Helvetica, sans-serif;
    }

        .prodotti-totale > #totale > .separatore {
            max-width: 300px;
            display: table;
            margin: 15px 0 15px auto;
        }

        .prodotti-totale > #totale > .prezzo-serie {
            margin: 10px 0;
        }

            .prodotti-totale > #totale > .prezzo-serie > p {
                font-size: inherit;
                color: #777;
                line-height: inherit;
                padding: 0;
                margin: 0;
                display: inline;
            }

                .prodotti-totale > #totale > .prezzo-serie > p > strong {
                    color: #444;
                    font-size: 110%;
                    padding-left: 10px;
                    min-width: 90px;
                }

            .prodotti-totale > #totale > .prezzo-serie > .sconto-applicato {
                text-align: right;
                font-style: italic;
                font-size: 70%;
                color: #868686;
            }

                .prodotti-totale > #totale > .prezzo-serie > .sconto-applicato > span {
                    display: inline-block;
                    color: #F4008B;
                }

            .prodotti-totale > #totale > .prezzo-serie > span {
                color: #444;
                width: 14px;
                text-align: center;
                display: inline-block;
                position: relative;
            }

                .prodotti-totale > #totale > .prezzo-serie > span > i {
                    cursor: pointer;
                }

                .prodotti-totale > #totale > .prezzo-serie > span > .sconto {
                    position: absolute;
                    z-index: 4;
                    top: -7px;
                    right: 100%;
                    background: #222;
                    height: 34px;
                    font-size: 14px;
                    padding: 7px 20px;
                    min-width: 400px;
                    display: none;
                }

                    .prodotti-totale > #totale > .prezzo-serie > span > .sconto > span {
                        display: block;
                        float: left;
                        text-align: left;
                        font-weight: normal;
                        line-height: 20px;
                        min-width: 80px;
                        border-right: 1px solid #ccc;
                        margin-right: 5px;
                        color: #fff;
                    }

                    .prodotti-totale > #totale > .prezzo-serie > span > .sconto > label {
                        display: block;
                        float: left;
                        margin: 0 0 0 5px;
                        background: #ccc;
                        color: #fff;
                        font-size: 12px;
                        line-height: 20px;
                        padding: 0 6px;
                        height: 20px;
                    }

                    .prodotti-totale > #totale > .prezzo-serie > span > .sconto > input {
                        display: block;
                        float: left;
                        height: 20px;
                        background: #fff;
                        border: 0;
                        font-weight: normal;
                        font-size: 12px;
                        padding: 2px 4px;
                        text-align: right;
                        color: #000;
                        width: auto;
                        max-width: 70px;
                        min-width: 70px;
                    }

                        .prodotti-totale > #totale > .prezzo-serie > span > .sconto > input.perc {
                            min-width: 70px;
                            max-width: 70px;
                        }

        /****Totali scheda******/
        .prodotti-totale > #totale > #totaliScheda > .prezzo-serie {
            margin: 10px 0;
        }

            .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > p {
                font-size: inherit;
                color: #777;
                line-height: inherit;
                padding: 0;
                margin: 0;
                display: inline;
            }

                .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > p > strong {
                    color: #444;
                    font-size: 110%;
                    padding-left: 10px;
                    min-width: 90px;
                }

            .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > .sconto-applicato {
                text-align: right;
                font-style: italic;
                font-size: 70%;
                color: #868686;
            }

                .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > .sconto-applicato > span {
                    display: inline-block;
                    color: #F4008B;
                }

            .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span {
                color: #444;
                width: 14px;
                text-align: center;
                display: inline-block;
                position: relative;
            }

                .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span > i {
                    cursor: pointer;
                }

                .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span > .sconto {
                    position: absolute;
                    z-index: 4;
                    top: -7px;
                    right: 100%;
                    background: #222;
                    height: 34px;
                    font-size: 14px;
                    padding: 7px 20px;
                    min-width: 400px;
                    display: none;
                }

                    .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span > .sconto > span {
                        display: block;
                        float: left;
                        text-align: left;
                        font-weight: normal;
                        line-height: 20px;
                        min-width: 80px;
                        border-right: 1px solid #ccc;
                        margin-right: 5px;
                        color: #fff;
                    }

                    .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span > .sconto > label {
                        display: block;
                        float: left;
                        margin: 0 0 0 5px;
                        background: #ccc;
                        color: #fff;
                        font-size: 12px;
                        line-height: 20px;
                        padding: 0 6px;
                        height: 20px;
                    }

                    .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span > .sconto > input {
                        display: block;
                        float: left;
                        height: 20px;
                        background: #fff;
                        border: 0;
                        font-weight: normal;
                        font-size: 12px;
                        padding: 2px 4px;
                        text-align: right;
                        color: #000;
                        width: auto;
                        max-width: 70px;
                        min-width: 70px;
                    }

                        .prodotti-totale > #totale > #totaliScheda > .prezzo-serie > span > .sconto > input.perc {
                            min-width: 70px;
                            max-width: 70px;
                        }



        .prodotti-totale > #totale > .imponibile {
            margin: 10px 0;
            color: #333;
        }

            .prodotti-totale > #totale > .imponibile div {
                clear: both;
                margin: 10px 0;
            }

            .prodotti-totale > #totale > .imponibile input {
                height: 33px;
                display: inline-block;
                border: 0;
                background: #fff;
                padding: 5px 9px;
                text-align: right;
                max-width: 140px;
            }

                .prodotti-totale > #totale > .imponibile input:disabled {
                    color: #777;
                }

            .prodotti-totale > #totale > .imponibile a {
                display: inline-block;
                color: #333;
                line-height: 33px;
                min-width: 70px;
            }

            .prodotti-totale > #totale > .imponibile select {
                /*display: inline-block;
                color: #333;
                line-height: 33px;
                min-width: 70px;
                padding: 0 5px;
                background: transparent;
                border: 0;
                text-align: right;*/
                /*VIE-2611*/
                display: inline-block;
                color: #333;
                line-height: 40px;
                height: 40px;
                min-width: 70px;
                padding: 0 5px;
                direction: rtl;
                border: 0;
                text-align: right;
                border-radius: 5px;
                box-shadow: inset 0 0 5px 0 rgb(0 0 0 / 20%);
                border: 1px solid #cfcfcf;
            }

            .prodotti-totale > #totale > .imponibile strong {
                display: inline-block;
                color: #444;
                font-size: 140%;
                padding-left: 10px;
                min-width: 140px;
                float: right;
            }

        .prodotti-totale > #totale > select {
            margin: 0 0 10px 0;
            display: block;
            float: right;
            min-width: 300px;
            background: #fff;
            border: 1px solid #d6d6d6;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            color: #777;
            padding: 6px;
            text-align: left;
            line-height: 30px;
            height: 34px;
        }





/**********************************/
/****** MODALE FORM CONTATTO ******/
/**********************************/
#modal-edit-speseaccessorie {
}

    #modal-edit-speseaccessorie .modal-body {
        background: #FFF;
        padding: 40px 80px;
        margin-top: 80px;
        /*box-shadow: 5px 5px 18px -10px #000;*/
        border-radius: 20px;
        /*width: 900px;*/
    }

    #modal-edit-speseaccessorie .selziona-top > h4 {
        font-size: 180%;
        margin: 10px auto;
        font-weight: bold;
    }

    #modal-edit-speseaccessorie .prodotti-totale {
        background: none;
        padding: 0;
    }

        #modal-edit-speseaccessorie .prodotti-totale > .totale {
            padding: 0;
            border: none;
        }

        #modal-edit-speseaccessorie .prodotti-totale .extra-div {
            margin: 10px 0;
            padding: 10px 0;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

        #modal-edit-speseaccessorie .prodotti-totale > .aggiuntive > select {
            width: 350px;
        }

    #modal-edit-speseaccessorie .prezzo {
        width: 145px;
        display: inline-block;
    }

    #modal-edit-speseaccessorie .aligncenter {
        margin-top: 30px;
        /**margin-bottom: 60px;**/
    }

    #modal-edit-speseaccessorie .buttonsquare {
        min-width: 20%;
        margin: 15px 30px;
    }

    #modal-edit-speseaccessorie .close-button-container {
        position: absolute;
        top: 10px;
        left: 0px;
        right: 10px;
        text-align: right;
    }

    #modal-edit-speseaccessorie .close-button {
        display: inline-block;
        cursor: pointer;
        font-size: 110%;
    }

        #modal-edit-speseaccessorie .close-button .fa-circle {
            color: #333;
        }

        #modal-edit-speseaccessorie .close-button .round-button:hover .fa-circle {
            color: inherit;
        }

/*#modal-edit-speseaccessorie .prodotti-totale .datepicker{
	display: inline-block;
	float: none;
}*/
/* *************
MEDIA CAROUSEL
************** */

.media-carousel-container .round-button {
    font-size: 90%;
    cursor: pointer;
    margin-left: 5px;
}

.media-carousel-container .media-carousel {
    background: #EDEDEF;
}

    .media-carousel-container .media-carousel .owl-pagination {
        margin: 0 !important;
        padding: 15px 0;
        background: #FFF;
    }

    .media-carousel-container .media-carousel .item {
        margin: 8% 4%;
    }

        .media-carousel-container .media-carousel .item img {
            display: inline-block;
            width: 30%;
            height: auto;
        }

        .media-carousel-container .media-carousel .item .text-content {
            display: inline-block;
            width: 68%;
            height: auto;
            vertical-align: middle;
            padding-left: 2%;
        }

            .media-carousel-container .media-carousel .item .text-content h5 {
                display: block;
                text-align: left;
                margin: 0px 0 10px 0;
            }

            .media-carousel-container .media-carousel .item .text-content p {
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
            }

            .media-carousel-container .media-carousel .item .text-content .buttonsquare {
                font-size: 100%;
                margin: 0;
                padding: 8px 20px;
            }

.carousel-complex {
    width: 120%;
}

    .carousel-complex .media-carousel .item > div.tab {
        margin-bottom: 30px;
    }

    .carousel-complex .media-carousel .owl-page:first-child {
        margin-left: -58.5%;
    }
/* *************
ELENCO PREVENTIVI
************** */
.top-no-container .titolo-pagina {
    margin-top: 80px;
}

    .top-no-container .titolo-pagina .small {
        font-size: 95%;
        color: #999;
    }

    .top-no-container .titolo-pagina p {
        margin: 0;
        font-size: 0.95em;
    }

    .top-no-container .titolo-pagina hr {
        display: table;
        width: 45px;
        margin: 20px auto;
        border: 0;
        border-top: 1px solid #999;
        background: #fff;
    }

        .top-no-container .titolo-pagina hr + p {
            font-style: italic;
        }

.elenco-preventivi {
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding: 40px 0;
}

    .elenco-preventivi .item {
        margin-bottom: 40px;
        max-height: 800px;
        position: relative;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        transition: max-height 2s ease, margin 0.5s ease;
        overflow: hidden;
    }

        .elenco-preventivi .item.closed {
            max-height: 0px;
            margin-bottom: 0px;
            transition-duration: 0.8s, 0.5s;
            transition-delay: 0s, 0.3s;
            transition-timing-function: ease-out, ease;
        }

        .elenco-preventivi .item header {
            position: relative;
            overflow: auto;
        }

        .elenco-preventivi .item .item-info {
            background: #999;
            padding: 20px;
        }

            .elenco-preventivi .item .item-info .left {
                float: left;
            }

            .elenco-preventivi .item .item-info h6 {
                color: #fff;
                font-size: 180%;
                line-height: 100%;
                font-weight: bold;
                margin: 0;
                padding: 0;
            }

                .elenco-preventivi .item .item-info h6 i {
                    font-size: 90%;
                    width: 25px;
                    margin-left: -5px;
                }

            .elenco-preventivi .item .item-info p,
            .elenco-preventivi .item .item-status p {
                font-size: 95%;
                color: #E5E5E5;
                line-height: 100%;
                padding: 5px 0 0 0;
                font-weight: normal;
                margin: 0;
                font-family: Arial, Helvetica, sans-serif;
            }

            .elenco-preventivi .item .item-info .left p {
                margin-left: 29px;
            }

            .elenco-preventivi .item .item-info .prezzo {
                float: right;
                color: #fff;
                font-size: 180%;
                line-height: 100%;
                font-weight: bold;
                margin: 20px 0 0;
                padding: 0;
                text-align: right;
            }

        .elenco-preventivi .item .prezzo p {
            font-size: 55%;
        }

        .elenco-preventivi .item .item-status {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
        }

            .elenco-preventivi .item .item-status.standby {
                background: #F5048F;
            }

            .elenco-preventivi .item .item-status.confermato {
                background: #2AB300;
            }

            .elenco-preventivi .item .item-status.scaduto {
                background: #FF4B47;
            }

            .elenco-preventivi .item .item-status.manuale {
                background: var(--main-color,#F1008B);
            }

            .elenco-preventivi .item .item-status a {
                display: block;
                width: 100%;
                height: 100%;
            }

            .elenco-preventivi .item .item-status ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
                display: table;
                height: 100%;
                width: 100%;
            }

                .elenco-preventivi .item .item-status ul li {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                    padding: 0 20px;
                    color: #fff;
                }

                    .elenco-preventivi .item .item-status ul li.icon {
                        border-right: 2px solid #FFF;
                        font-size: 180%;
                    }

                    .elenco-preventivi .item .item-status ul li.status {
                        font-weight: bold;
                        text-transform: uppercase;
                    }

                        .elenco-preventivi .item .item-status ul li.status p {
                            text-transform: none;
                        }

            .elenco-preventivi .item .item-status.accettazione {
                background: #FCC100;
            }

        .elenco-preventivi .item footer {
            position: relative;
            background: #333;
            padding: 20px;
            box-shadow: 0px 12px 20px -10px;
        }

            .elenco-preventivi .item footer .prev-button {
                color: #DDD;
                border: none;
                background: none;
                padding: 0px;
                margin-right: 25px;
                line-height: 100%;
                display: inline-block;
            }

                .elenco-preventivi .item footer .prev-button span {
                    display: inline;
                    vertical-align: middle;
                }

                .elenco-preventivi .item footer .prev-button i {
                    font-size: 120%;
                    margin-right: 5px;
                    display: inline-block;
                    vertical-align: middle;
                }

                .elenco-preventivi .item footer .prev-button:hover span {
                    border-bottom: 2px solid #DDD;
                    border-top: 2px solid transparent;
                }

                .elenco-preventivi .item footer .prev-button:hover i {
                    color: var(--main-color,#F1008B);
                }

        .elenco-preventivi .item.open .item-view i {
            color: var(--main-color,#F1008B);
        }

        .elenco-preventivi .item.open .item-view span {
            border-bottom: 2px solid #DDD;
            border-top: 2px solid transparent;
            color: #FFF;
        }

/*.elenco-preventivi .item:before, .elenco-preventivi .item:after {
		content:"";
		position:absolute;
		z-index:-1;
		-webkit-box-shadow:0 0 30px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 30px rgba(0,0,0,0.8);
		box-shadow:0 0 30px rgba(0,0,0,0.8);
		top:50%;
		bottom:0;
		left:10px;
		right:10px;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	}

	.elenco-preventivi .item:after {
		right:10px;
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg);
		  -moz-transform:skew(8deg) rotate(3deg);
			-ms-transform:skew(8deg) rotate(3deg);
			 -o-transform:skew(8deg) rotate(3deg);
				transform:skew(8deg) rotate(3deg);
	}*/
.toogle-fuori {
    position: fixed;
    top: 180px;
    background-color: #FFF;
    z-index: 100;
    box-shadow: 2px 2px 5px -1px #555;
    border-radius: 0px 4px 4px 0;
}
/* *************
CONFRONTA PRODOTTI
************** */
#confronta-prodotti {
    display: table;
    /*border-collapse:separate; 
	border-spacing: 10px 10px;*/
    width: 100%;
    padding-top: 30px;
    /*margin: 0 -10px;*/
}

    #confronta-prodotti > .row {
        display: table-row;
    }

        #confronta-prodotti > .row > div,
        #confronta-prodotti > .row > aside {
            display: table-cell;
            vertical-align: top;
            position: relative;
            height: 100%;
            float: none;
            /*padding-bottom: 10px;*/
            background: #eee;
            background-clip: padding-box;
            border-left: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }

        #confronta-prodotti > .row:first-child > div,
        #confronta-prodotti > .row:first-child > aside {
            border-bottom: 30px solid #fff;
        }

            #confronta-prodotti > .row:first-child > div:first-child,
            #confronta-prodotti > .row:first-child > aside:first-child {
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,dddddd+100 */
                background: #eeeeee; /* Old browsers */
                background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
            }

            #confronta-prodotti > .row:first-child > div .current {
                background: #777;
                display: block;
                line-height: 30px;
                text-align: center;
                color: #fff;
                position: absolute;
                top: -30px;
                left: 0;
                right: 0;
            }

    #confronta-prodotti.fixed > .row:first-child > div .current {
        top: 0;
    }

    #confronta-prodotti > .row:first-child > div .consigliato {
        background: var(--main-color,#FA008B);
        display: block;
        line-height: 30px;
        text-align: center;
        color: #fff;
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
    }

    #confronta-prodotti.fixed > .row:first-child > div .consigliato {
        top: 0;
    }

    #confronta-prodotti > .row:first-child > div .segnala {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 110%;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0;
        background: #ff4e57;
        color: #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

        #confronta-prodotti > .row:first-child > div .segnala > i {
            display: inline-block;
        }

    #confronta-prodotti > .row:not(:first-child) > div,
    #confronta-prodotti > .row:not(:first-child) > aside {
        transition: background 0.5s ease, border 0.2s 0.5s linear;
    }

    #confronta-prodotti > .row > .col-2:first-of-type {
        background: #ddd;
        background-clip: padding-box;
    }

    #confronta-prodotti.fixed > .row:first-child > .col-2:first-of-type {
        background: #ccc;
        border-color: #fff;
    }

    #confronta-prodotti > .row.closed > div,
    #confronta-prodotti > .row.closed > aside {
        background: #f9f9f9;
        background-clip: padding-box;
    }

    #confronta-prodotti > .row.closed:not(:first-child) > .col-2:first-of-type {
        background: #f9f9f9;
        background-clip: padding-box;
    }

    /*#confronta-prodotti > .row.closed-2 > div,
        #confronta-prodotti > .row.closed-2 > aside {
			border-bottom: 0px solid transparent;
			font-size: 0;
		}*/
    #confronta-prodotti > .row:before {
        content: none;
    }

    #confronta-prodotti > .row:after {
        content: none;
    }

    #confronta-prodotti > .row > div:first-child,
    #confronta-prodotti > .row > aside:first-child {
        vertical-align: middle;
        width: 28%;
        border-left: none;
    }

    #confronta-prodotti.prodotti-4 > .row > div:first-child,
    #confronta-prodotti.prodotti-4 > .row > aside:first-child {
        width: 28%;
    }

    #confronta-prodotti.prodotti-3 > .row > div:first-child,
    #confronta-prodotti.prodotti-3 > .row > aside:first-child {
        width: 28%;
    }

    #confronta-prodotti.prodotti-2 > .row > div:first-child,
    #confronta-prodotti.prodotti-2 > .row > aside:first-child {
        width: 36%;
    }

    #confronta-prodotti .data-value {
        display: inline-block;
    }

    #confronta-prodotti > .row > div > .col,
    #confronta-prodotti > .row > aside > .col {
        padding: 30px 0px 30px 50px;
        font-size: 95%;
        transition: padding 0.5s ease;
        position: relative;
        z-index: 5;
    }

    #confronta-prodotti > .row:not(:first-child) > div > .col,
    #confronta-prodotti > .row:not(:first-child) > aside > .col {
        padding: 30px 15px;
    }

    #confronta-prodotti > .row:not(:first-child) > div:first-child > .col,
    #confronta-prodotti > .row:not(:first-child) > aside:first-child > .col {
        padding: 20px 0;
    }

    #confronta-prodotti > .row.row-realizzabili > .col-2 > .col {
        padding: 20px;
    }

    #confronta-prodotti > .row.closed > div > .col,
    #confronta-prodotti > .row.closed > aside > .col {
        padding: 15px 15px;
    }

    #confronta-prodotti > .row.closed > div:first-child > .col,
    #confronta-prodotti > .row.closed > aside:first-child > .col {
        padding: 15px 0;
    }
    /*#confronta-prodotti > .row.closed-2 > div > .col,
        #confronta-prodotti > .row.closed-2 > aside > .col {
			padding: 0px 15px !important;
		}*/

    #confronta-prodotti > .row:not(:first-child) > div > .col > *,
    #confronta-prodotti > .row:not(:first-child) > aside > .col > * {
        transform: scale(1,1);
        transition: transform 0.5s ease, opacity 0.3s ease, max-height 0.5s ease, padding 0.5s ease, margin 0.5s ease;
        opacity: 1;
        line-height: 100%;
        /*max-height: 500px;*/
    }

    #confronta-prodotti > .row .row-check {
        opacity: 1;
        transition: opacity 0.4s ease;
    }

    #confronta-prodotti > .row:not(:first-child) > div > .col span,
    #confronta-prodotti > .row:not(:first-child) > aside > .col span {
        font-family: Arial, Helvetica, sans-serif;
    }

    #confronta-prodotti > .row:not(:first-child) > div > .col p,
    #confronta-prodotti > .row:not(:first-child) > aside > .col p {
        font-family: Arial, Helvetica, sans-serif;
    }

    #confronta-prodotti > .row.closed > div > .col > * {
        transform: scale(1,0);
        opacity: 0;
        line-height: 0;
        max-height: 0;
        padding: 0;
        margin: 0;
    }

    #confronta-prodotti > .row.closed > aside > .col > * {
        line-height: 100%;
        padding: 0;
        color: #aaa;
    }


    #confronta-prodotti > .row.closed .row-check {
        opacity: 0;
    }

    #confronta-prodotti > .row:first-child > .col-2 > .col {
        text-align: center;
        font-size: 100%;
        color: #333;
        padding: 0;
        margin: 0px;
    }

    #confronta-prodotti .series-name {
        color: #333;
        margin: 0;
        padding-top: 15px;
        transition: font-size 0.5s ease, font-weight 0.5s ease, margin-top 0.5s ease;
        -webkit-transition: font-size 0.5s ease, font-weight 0.5s ease, margin-top 0.5s ease;
        font-size: 1.4rem;
        height: 80px;
        padding-bottom: 15px;
    }

    #confronta-prodotti .series-image {
        width: 100%;
        height: 120px;
        background-position: center;
        background-size: auto 100%;
        transition: background-size 0.5s ease;
        -webkit-transition: background-size 0.5s ease;
    }

    #confronta-prodotti .color-unavailable {
        margin: 0;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        font-size: 1.1em;
        background: var(--main-color,#F1008B);
        position: absolute;
    }

    #confronta-prodotti .series-shade {
        position: absolute;
        width: 100%;
        height: 120px;
        background: #000;
        opacity: 0;
        transition: opacity 0.5s ease;
        -webkit-transition: opacity 0.5s ease;
    }

    #confronta-prodotti > .row:first-child > .col-2 > .col .buttonsquare {
        width: 100%;
    }

    #confronta-prodotti > .row:first-child > .col-2 > .col > img {
        display: table;
        margin: 0 auto 10px;
        width: 100%;
    }

    #confronta-prodotti > .row > div > .col > .row-titolo,
    #confronta-prodotti > .row > aside > .col > .row-titolo {
        color: #333;
        font-size: 150%;
        transition: color 0.5s ease, font-size 0.5s ease;
    }

    #confronta-prodotti > .row:not(:first-child) > aside::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background: #f8f8f8;
        width: 50px;
        border-right: 1px solid #ccc;
        z-index: 0;
    }

    #confronta-prodotti > .row:not(:first-child) > aside::after {
        content: "";
        position: absolute;
        left: 51px;
        top: 0;
        bottom: 0;
        background: #f8f8f8;
        width: 50px;
        border-right: 1px solid #ccc;
        z-index: 0;
    }

    #confronta-prodotti > .row.closed > div > .col > .row-titolo,
    #confronta-prodotti > .row.closed > aside > .col > .row-titolo {
        color: #aaa;
    }

    #confronta-prodotti > .row > div > .col > .row-main-titolo,
    #confronta-prodotti > .row > aside > .col > .row-main-titolo {
        color: #333;
    }

    #confronta-prodotti > .row > aside > .col > .row-titolo span {
        display: block;
        padding: 0 0 0 10px;
        min-width: 50px;
        text-align: left;
        float: left;
        vertical-align: middle;
        width: auto;
        line-height: 45px;
    }

    #confronta-prodotti > .row > aside > .col > .row-titolo .confronta-ordina {
        color: #888;
        border: 0;
        padding: 0;
        cursor: pointer;
        text-align: center;
        width: auto;
    }

    #confronta-prodotti > .row > aside > .col > .row-titolo .confronta-toggle {
        padding: 0;
        width: auto;
        text-align: center;
    }

        #confronta-prodotti > .row > aside > .col > .row-titolo .confronta-toggle .checkbox-cerchio + label {
            display: inline-block;
        }

    #confronta-prodotti > .row > aside > .col > .row-titolo > .spec-icon {
        max-width: 45px;
        width: 100%;
        display: inline-block;
        float: right;
        margin-right: 10px;
    }

    #confronta-prodotti > .row > div > .col > .row-desc,
    #confronta-prodotti > .row > aside > .col > .row-desc {
        color: #aaa;
        font-family: Arial, sans-serif;
        margin-top: 15px;
    }

    #confronta-prodotti > .row > div > .col > ul,
    #confronta-prodotti > .row > aside > .col > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
    }

        #confronta-prodotti > .row > div > .col > ul > li,
        #confronta-prodotti > .row > aside > .col > ul > li {
            display: block;
            margin: 0 0 15px 0;
            padding: 0;
        }

            #confronta-prodotti > .row > div > .col > ul > li:last-child,
            #confronta-prodotti > .row > aside > .col > ul > li:last-child {
                margin: 0;
            }

            #confronta-prodotti > .row > div > .col > ul > li > img,
            #confronta-prodotti > .row > aside > .col > ul > li > img {
                display: inline-block;
                width: 28px;
                margin-right: 0px;
                /**float: left;**/
            }
            /*#confronta-prodotti > .row > div > .col > ul > li:after {
							content: "";
							clear: both;
							display: block;
						}*/

            #confronta-prodotti > .row > div > .col > ul > li > ul,
            #confronta-prodotti > .row > aside > .col > ul > li > ul {
                list-style: none;
                margin: 0;
                padding: 0;
                font-size: 0;
            }

                #confronta-prodotti > .row > div > .col > ul > li > ul > li,
                #confronta-prodotti > .row > aside > .col > ul > li > ul > li {
                    font-size: 14px;
                    display: inline-block;
                    padding: 5px 0;
                    margin: 0 10px 0 0;
                }

                    #confronta-prodotti > .row > div > .col > ul > li > ul > li > img,
                    #confronta-prodotti > .row > aside > .col > ul > li > ul > li > img {
                        width: 20px;
                        height: 20px;
                        border-radius: 20px;
                        border: 2px solid #fff;
                    }

        #confronta-prodotti > .row > div > .col > ul.colori > li > img,
        #confronta-prodotti > .row > aside > .col > ul.colori > li > img {
            width: 20px;
            height: 20px;
            border-radius: 20px;
            border: 2px solid #fff;
        }

    #confronta-prodotti > .row.row-realizzabili > .col-4 > .col {
        padding-right: 110px;
    }

    #confronta-prodotti > .row.row-realizzabili > div > .row-check,
    #confronta-prodotti > .row.row-realizzabili > aside > .row-check {
        background: #ddd;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0px;
        list-style: none;
        margin: 0;
        padding: 0;
        padding: 20px;
        width: auto;
    }

    #confronta-prodotti > .row.row-realizzabili > div .row-check > li,
    #confronta-prodotti > .row.row-realizzabili > aside .row-check > li {
        margin: 5px 0;
        padding: 0;
        overflow: hidden;
        text-align: left;
        margin: 0px 0px 10px 0;
    }

        #confronta-prodotti > .row.row-realizzabili > div .row-check > li > img,
        #confronta-prodotti > .row.row-realizzabili > aside .row-check > li > img {
            width: 50px;
            display: inline-block;
        }

        #confronta-prodotti > .row.row-realizzabili > div .row-check > li > span,
        #confronta-prodotti > .row.row-realizzabili > aside .row-check > li > span {
            font-size: 14px;
            line-height: 14px;
            vertical-align: middle;
            display: inline-block;
            min-width: 125px;
        }

    #confronta-prodotti > .row.row-realizzabili > .col-2 .row-check > li {
        width: 100%;
        text-align: center;
        line-height: 200%;
        font-size: 200%;
    }

    #confronta-prodotti > .row.row-realizzabili > div .row-check > li > .fa-check,
    #confronta-prodotti > .row.row-realizzabili > aside .row-check > li > .fa-check {
        color: #6DD900;
    }

    #confronta-prodotti > .row.row-realizzabili > div .row-check > li > .fa-times,
    #confronta-prodotti > .row.row-realizzabili > aside .row-check > li > .fa-times {
        color: #D90101;
    }

    #confronta-prodotti > .row > .nobackground {
        background: none;
    }

    /*#confronta-prodotti > .row > div > .col-prezzo {
			margin-right: 5px;
			margin-left: 5px;
		}*/
    #confronta-prodotti > .row > div > .col-prezzo,
    #confronta-prodotti > .row > aside > .col-prezzo {
        margin: 0;
        padding: 0;
        font-size: 100%;
    }

        #confronta-prodotti > .row > div > .col-prezzo > div,
        #confronta-prodotti > .row > aside > .col-prezzo > div {
            color: #666;
            /*margin: 20px;*/
            padding-bottom: 20px;
            border-bottom: 1px solid #ccc;
            font-size: 115%;
        }

        #confronta-prodotti > .row > div > .col-prezzo > span,
        #confronta-prodotti > .row > aside > .col-prezzo > span {
            color: #aaa;
            font-size: 95%;
            margin-top: 20px;
            display: inline-block;
        }

        #confronta-prodotti > .row > div > .col-prezzo > a,
        #confronta-prodotti > .row > aside > .col-prezzo > a {
            display: block;
            background: #777;
            font-size: 95%;
            font-family: Arial, sans-serif;
            font-weight: bold;
            text-align: center;
            padding: 12px 5px;
            line-height: 105%;
            vertical-align: bottom;
        }

    #confronta-prodotti .col-2 {
        width: 18%;
    }

    #confronta-prodotti.prodotti-4 .col-2 {
        width: 18%;
    }

    #confronta-prodotti.prodotti-3 .col-2 {
        width: 24%;
    }

    #confronta-prodotti.prodotti-2 .col-2 {
        width: 32%;
    }

    #confronta-prodotti .fa-circle {
        color: #777;
        font-size: 20px;
        margin-right: 3px;
    }

    #confronta-prodotti .fa-circle-o {
        color: #777;
        font-size: 20px;
        margin-right: 3px;
    }

    #confronta-prodotti .max-val .fa-circle {
        color: var(--main-color,#F1008B);
    }

    #confronta-prodotti .max-val .fa-circle-o {
        color: var(--main-color,#F1008B);
    }

    #confronta-prodotti.fixed {
        padding-top: 209px;
    }

        #confronta-prodotti.fixed .product-row {
            top: 86px;
            left: 0px;
            right: 0px;
            background: rgba(255, 255, 255, 0.85);
            z-index: 100;
            position: fixed;
            margin: 0;
            -webkit-box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
            box-shadow: 0 0 120px 0 rgba(153,153,153,0.6);
        }

    #confronta-prodotti .product-row .row-main-titolo {
        margin: 0;
        transition: margin-top 0.5s ease, font-size 0.5s ease;
        display: block;
        -webkit-transition: all 0.5s ease;
    }

    #confronta-prodotti.fixed .product-row .row-main-titolo {
        font-size: 180% !important;
        color: #FFF !important;
        position: absolute;
        top: 63px;
        text-align: center;
        width: 100%;
    }

    #confronta-prodotti.fixed .product-row > div,
    #confronta-prodotti.fixed .product-row > aside {
        display: block;
        float: left;
        border-bottom: none;
    }

    #confronta-prodotti.fixed .product-row > .col-2 > .col {
        padding: 0;
    }

    #confronta-prodotti.fixed .product-row .col-4 .col {
        padding: 0;
        background: #666;
        width: 100%;
        height: 158px;
        margin: 0;
    }

    #confronta-prodotti.fixed .series-name {
        position: absolute;
        width: 100%;
        margin-top: 65px;
        color: white;
        font-weight: bold;
    }

    #confronta-prodotti.fixed .series-image {
        background-size: auto 110%;
        margin-bottom: 0;
    }

/**************************************************/
/**************    CONTENT TABLE     **************/
.content-table {
    width: 100%;
    height: auto;
    overflow: auto;
    position: relative;
    margin: 60px 0;
}

    .content-table .table-row {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .content-table .table-row .table-cols {
            height: 100%;
            float: left;
            display: table;
            padding: 3px;
        }

            .content-table .table-row .table-cols p {
                padding: 0;
                margin: 0;
            }

    .content-table .table-center {
        width: 100%;
        height: 100%;
        background: #E2E2E2;
        display: table-cell;
        padding: 10px;
        position: relative;
        font-size: 95%;
    }

    .content-table .header .table-center,
    .content-table .col0 .table-center {
        vertical-align: middle;
        text-align: center;
        background: #999;
        color: #FFF;
        font-size: 100%;
    }

    .content-table .header .col0 .table-center {
        background: none;
    }

    .content-table .table-row .table-cols .float-bottom {
        position: absolute;
        bottom: 10px;
        width: 100%;
        left: 0;
        text-align: center;
        font-weight: bold;
        color: #666;
    }

/**************************************************/
/****************** TAG CLOUD *******************/
.tag-cloud {
    background: #222;
}

    .tag-cloud #tag-cloud-view {
        width: 100%;
        height: 304px;
    }

    .tag-cloud .search-box {
        width: 100%;
        padding: 2% 3%;
    }

        .tag-cloud .search-box .fa-stack {
            cursor: pointer;
            font-size: 150%;
        }

        .tag-cloud .search-box input {
            width: 85%;
            padding: 4px 10px;
        }

.documental-area {
    width: 100%;
    overflow: hidden;
}

/*************************************************/
/**************** SCHEDA TECNICA *****************/
.tech-specs {
    margin-top: 80px;
}

    .tech-specs .page-header {
        text-align: center;
        margin: 70px 0 40px 0;
        padding-bottom: 24px;
        border-bottom: 1px solid #DDD;
    }

        .tech-specs .page-header h3 {
            color: #444;
            font-size: 1.9em;
        }

        .tech-specs .page-header .header-desc {
            padding: 5px 0;
        }

            .tech-specs .page-header .header-desc p {
                margin: 0;
                color: #b9b9b9;
                font-size: 0.95em;
            }

            .tech-specs .page-header .header-desc hr {
                display: table;
                width: 45px;
                margin: 20px auto;
                border: 0;
                border-top: 1px solid #999;
                background: #fff;
            }

                .tech-specs .page-header .header-desc hr + p {
                    font-style: italic;
                }

    .tech-specs .tech-grid {
        margin: auto;
        max-width: 1600px;
    }

        .tech-specs .tech-grid .data-row {
            width: 100%;
            overflow: inherit;
            margin-bottom: 20px;
        }

            .tech-specs .tech-grid .data-row > div {
                background: #E2E2E2;
                padding: 36px 80px;
            }

                .tech-specs .tech-grid .data-row > div.icon-container {
                    text-align: center;
                    vertical-align: middle;
                    padding: 0;
                }

            .tech-specs .tech-grid .data-row .flavour-text {
                background: #9A9A9A;
                color: #FFF;
            }

                .tech-specs .tech-grid .data-row .flavour-text p {
                    margin: 0;
                }

        .tech-specs .tech-grid .icon-container {
            text-align: center;
        }

            .tech-specs .tech-grid .icon-container .tech-spec-icon {
                width: 100%;
                max-width: 120px;
                height: auto;
            }

        .tech-specs .tech-grid .text-container {
            padding-left: 30px;
        }

        .tech-specs .tech-grid .data-row h3 {
            color: #222;
            font-weight: bold;
        }

    .tech-specs .table-data {
        font-size: 0.9em;
        margin: 20px 0 0px 0;
        padding: 1px 0;
    }

        .tech-specs .table-data .table-label {
            text-align: right;
            color: #FFF;
            border: 2px solid #E2E2E2;
            border-right: 4px solid #E2E2E2;
        }

            .tech-specs .table-data .table-label.top-label {
                text-align: center;
                border-right: none;
            }

                .tech-specs .table-data .table-label.top-label div {
                    border-right: 2px solid #E2E2E2;
                    padding: 0;
                }

            .tech-specs .table-data .table-label div {
                background: #999;
                padding-right: 6px;
            }

        .tech-specs .table-data span {
            line-height: 1.6em;
        }

        .tech-specs .table-data strong {
            line-height: 1.6em;
        }

        .tech-specs .table-data .table-label div:not(:last-child) {
            border-bottom: 2px solid #E2E2E2;
        }

        .tech-specs .table-data .table-content {
            text-align: center;
            border: 2px solid #E2E2E2;
        }

            .tech-specs .table-data .table-content:not(:last-child) {
                border-right: none;
            }

            .tech-specs .table-data .table-content div {
                background: #CCCCCC;
            }

                .tech-specs .table-data .table-content div:not(:last-child) {
                    border-bottom: 2px solid #E2E2E2;
                }

            .tech-specs .table-data .table-content.selected {
                color: #FFF;
            }

                .tech-specs .table-data .table-content.selected div {
                    background: var(--main-color,#F1008B);
                }

                    .tech-specs .table-data .table-content.selected div:last-child {
                        font-weight: bold;
                    }

/*
 * PAGINA DEALER
*/
.navbar-dealer .navbar-brand {
    display: table;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    margin: 0 auto;
    padding: 5px 15px 5px 30px;
    float: none;
}

.navbar-dealer .img-brand {
    padding-top: 5px;
    width: auto;
    height: 72px;
}

.navbar-dealer .nav h2 {
    color: #444;
    font-size: 18px;
    text-transform: initial;
    line-height: 85px;
    padding: 0 30px 0 15px;
    margin: 0;
}

.first-block-dealer .titolo-img p {
    color: #fff;
    font-size: 16px;
}

    .first-block-dealer .titolo-img p > img {
        padding-top: 10px;
    }

.dealer-intro {
    margin-top: 0;
    margin-bottom: 30px;
}

.dealer-footer {
    margin-top: 30px;
    height: 20px;
    background: #e5e5e5;
}

#dealer-form {
    width: 100%;
    max-width: none;
}

    #dealer-form .check .container-fluid {
        background: #efefef;
    }

    #dealer-form .google-map {
        padding: 40px;
    }

        #dealer-form .google-map > .container {
            position: relative;
        }

    #dealer-form #dealer-form-map {
        max-height: 600px;
        height: 600px;
    }

#dealer-form-map #bodyContent a {
    color: #000;
}

#dealer-form .form-altri {
    margin-top: 10px;
    padding: 40px;
}

    #dealer-form .form-altri h4 {
        text-align: center;
    }

    #dealer-form .form-altri p {
        color: #777;
        font-size: 12px;
        margin-bottom: 40px;
        text-align: center;
    }

    #dealer-form .form-altri .privacy p {
        color: #333;
        font-size: 14px;
        margin: 0 0 10px;
    }

    #dealer-form .form-altri .container-fluid {
        background: #e1e1e1;
        padding: 20px;
    }

    #dealer-form .form-altri h5 {
        text-align: left;
        color: #000;
        font-size: 16px;
        display: block;
        font-weight: bold;
    }

    #dealer-form .form-altri .blocco-captcha {
        color: #8f8f8f;
        font-size: 14px;
    }

    #dealer-form .form-altri #IndirizzoDest {
        margin-bottom: 50px;
    }

#dealer-form .elenco-rivenditori {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    /*background: rgba(255,255,255,0.8);*/
    background: rgba(255,255,255,0.9);
    width: 300px;
    height: 100%;
    z-index: 10;
    overflow: hidden;
}

    #dealer-form .elenco-rivenditori > h5 {
        text-align: left;
        display: block;
        padding: 0 20px;
        font-weight: normal;
    }

    #dealer-form .elenco-rivenditori > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #bbb;
        overflow-y: scroll;
        width: 100%;
        display: block;
        position: absolute;
        top: 60px;
        bottom: 0;
        left: 0;
    }

        #dealer-form .elenco-rivenditori > ul > li {
            margin: 0;
            padding: 30px;
            border-bottom: 1px solid #bbb;
            color: #777;
            font-size: 12px;
            line-height: 24px;
            cursor: pointer;
            display: block;
        }

            #dealer-form .elenco-rivenditori > ul > li > h6 {
                font-size: 14px;
                color: #000;
                margin: 0;
                padding: 0;
                line-height: 24px;
            }

            #dealer-form .elenco-rivenditori > ul > li > a {
                color: #777;
                font-size: 12px;
            }

            #dealer-form .elenco-rivenditori > ul > li.current {
                background: rgba(100,100,100,0.1);
            }

#dealer-form.contatto > .formCont select {
    height: 45px;
}


/* *************
CONFIGURATORE SERIE
************** */
.comandi-opzione {
    display: block;
    padding: 5px 10px;
    margin-top: 15px;
    text-align: center;
}

    .comandi-opzione > a {
        display: inline-block;
        font-size: 16px;
        color: #666;
        padding: 5px;
        margin: 10px 0 10px 10px;
        border-bottom: 2px solid transparent;
    }

        .comandi-opzione > a:fist-child {
            margin-left: 0;
        }

        .comandi-opzione > a.active {
            border-bottom-color: #666;
        }

.configuratore-serie {
    margin: 0 0 15px;
}

    .configuratore-serie .serie {
        position: relative !important;
        background: #E2E2E2;
        overflow: hidden;
        display: table;
        width: 100%;
        margin: 15px 0 0;
        top: 0 !important;
        opacity: 1;
        -webkit-transition: opacity 400ms ease-in-out;
        -moz-transition: opacity 400ms ease-in-out;
        -ms-transition: opacity 400ms ease-in-out;
        -o-transition: opacity 400ms ease-in-out;
        transition: opacity 400ms ease-in-out;
    }

        .configuratore-serie .serie:not(:first-child) .empty {
            transform: scale(1,0.5);
        }

        .configuratore-serie .serie > div {
            display: table-cell;
            margin: 0;
            padding: 0;
            float: none;
            vertical-align: middle;
        }

        .configuratore-serie .serie > .opzioni-ordine {
            background: #f2f2f2;
            width: 3%;
            padding: 15px 0;
        }

            .configuratore-serie .serie > .opzioni-ordine > i {
                display: table;
                margin: 0 auto;
                font-size: 150%;
                cursor: pointer;
                padding: 3px;
            }

        .configuratore-serie .serie > .opzioni-select {
            background: #f2f2f2;
            width: 3%;
            padding: 15px 0;
            border-left: 1px solid #E2E2E2;
        }

            .configuratore-serie .serie > .opzioni-select > input[type="checkbox"] {
                display: none;
            }

                .configuratore-serie .serie > .opzioni-select > input[type="checkbox"] + label {
                    position: relative;
                    border: 1px solid #aaa;
                    width: 18px;
                    height: 18px;
                    background: transparent;
                    -webkit-border-radius: 18px;
                    border-radius: 18px;
                    display: block;
                    margin: 0 auto;
                    cursor: pointer;
                }

                .configuratore-serie .serie > .opzioni-select > input[type="checkbox"]:checked + label::after {
                    position: absolute;
                    background: var(--main-color,#FA278A);
                    width: 12px;
                    height: 12px;
                    top: 2px;
                    left: 2px;
                    display: block;
                    content: "";
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                }

        .configuratore-serie .serie > .opzioni-image {
            background: #ECECEC;
            width: 25%;
            padding: 15px 0;
        }

            .configuratore-serie .serie > .opzioni-image > img {
                max-width: 200px;
                margin: 0 auto;
                width: 100%;
                display: table;
            }

            .configuratore-serie .serie > .opzioni-image.selezionato {
                border-style: solid;
                border-color: var(--main-color,#FA278A);
            }

                .configuratore-serie .serie > .opzioni-image.selezionato::after {
                    font-family: FontAwesome;
                    content: "\f058";
                    font-size: xx-large;
                    display: block;
                    position: relative;
                    align-content: center;
                    left: 43%;
                    color: var(--main-color,#FA278A);
                    cursor: not-allowed;
                }

        /*DA Cancellare START*/
        .configuratore-serie .serie > .opzioni-ordine > input[type="checkbox"] {
            display: none;
        }

            .configuratore-serie .serie > .opzioni-ordine > input[type="checkbox"] + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                cursor: pointer;
            }

            .configuratore-serie .serie > .opzioni-ordine > input[type="checkbox"]:checked + label::after {
                position: absolute;
                background: var(--main-color,#FA278A);
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }
        /*DA Cancellare END*/


        .configuratore-serie .serie > .opzioni-dati {
            width: 58%;
            padding: 20px 2% 40px;
            position: relative;
        }

    .configuratore-serie .opzioni-dati > div > div {
        padding: 0 7px;
    }

    .configuratore-serie .opzioni-dati label {
        display: block;
        color: #a3a3a3;
        padding-top: 10px;
        font-weight: normal;
    }

    .configuratore-serie .opzioni-dati input[type="text"]:disabled {
        color: #aaa;
    }

    .configuratore-serie .opzioni-dati .fucsia {
        display: block;
        color: var(--main-color,#F1008B);
        padding-top: 10px;
        font-weight: normal;
    }

    .configuratore-serie .opzioni-dati input[type="text"] {
        display: block;
        border: 1px solid #d6d6d6;
        background: #fff;
        color: #333;
        /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
        line-height: 16px;
        padding: 8px 12px;
        margin: 10px 0;
        width: 100%;
    }

    .configuratore-serie .opzioni-dati-stampa input[type="text"]:disabled {
        position: absolute;
        display: block;
        border: 1px solid #d6d6d6;
        background: #fff;
        color: #aaa;
        /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
        line-height: 16px;
        padding: 8px 12px;
        margin: -15px auto auto 20px;
        width: 85%;
    }

    .configuratore-serie .opzioni-dati-stampa section {
        color: #bbb;
        font-size: 100%;
        font-weight: normal;
        padding: 15px 0;
        border-bottom: 1px solid #bbb;
    }

    .configuratore-serie .opzioni-dati select {
        margin: 0 0 10px 0;
        display: block;
        width: 100%;
        background: #fff;
        border: 1px solid #d6d6d6;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #777;
        padding: 6px;
        text-align: left;
        line-height: 30px; /** Solo per safari. Unico modo per settare l'altezza */
        height: 34px;
    }

    .configuratore-serie .opzioni-dati textarea {
        display: block;
        border: 1px solid #d6d6d6;
        background: #fff;
        color: #333;
        /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
        line-height: 16px;
        padding: 8px 12px;
        margin: 10px 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 120px;
    }

    .configuratore-serie .opzioni-dati .clearfix {
        padding: 15px 0 0;
    }

    .configuratore-serie .opzioni-dati .checkbox-cerchio {
        display: none;
    }

        .configuratore-serie .opzioni-dati .checkbox-cerchio + label {
            margin: 0;
            display: block;
            float: left;
        }

            .configuratore-serie .opzioni-dati .checkbox-cerchio + label + label {
                display: block;
                float: left;
                margin: 0 0 0 10px;
                padding: 0;
                line-height: 18px;
                font-size: 14px;
                cursor: pointer;
            }


    .configuratore-serie .opzioni-dati a.altri-parametri {
        position: absolute;
        bottom: 0;
        left: 50%;
        background: var(--main-color,#F1008B);
        font-size: 13px;
        line-height: 20px;
        color: #fff;
        padding: 7px 14px;
        display: inline-block;
        margin-left: -70px;
    }

        .configuratore-serie .opzioni-dati a.altri-parametri > i {
            padding-left: 10px;
            font-size: 20px;
            float: right;
        }

    .configuratore-serie .serie > .opzioni-info {
        width: 12%;
        background: #D4D4D4;
        text-align: center;
        padding: 15px 0;
    }

    .configuratore-serie .opzioni-info > section {
        color: #333;
        font-size: 150%;
        font-weight: bold;
        padding: 15px;
        border-bottom: 1px solid #bbb;
    }

    .configuratore-serie .opzioni-dati > section {
        color: #bbb;
        font-size: 100%;
        font-weight: normal;
        padding: 15px 0;
        border-bottom: 1px solid #bbb;
    }

    .configuratore-serie .opzioni-info > section > .prezzo {
        margin: 15px 0;
        font-size: 110%;
        color: #444;
        line-height: 100%;
    }

    .configuratore-serie .opzioni-info > section > span {
        font-size: 70%;
        color: #777;
        font-weight: normal;
        display: block;
    }

.input-fuorisquadro {
    display: none;
}

    .input-fuorisquadro > * {
        margin: 0 0 20px !important;
    }

.configuratore-serie .serie > .opzioni-info > section > label {
    color: #666;
    font-size: 13px;
    display: block;
    font-weight: normal;
}

.configuratore-serie .serie > .opzioni-info > section > input {
    width: 60px;
    border: 0;
    background: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    padding: 8px 0;
    margin: 0 0 10px 0;
}

.configuratore-serie .serie > .opzioni-info > .container-center {
    padding: 15px 0;
}

.configuratore-serie .opzioni-info > aside {
    color: #333;
    font-size: 150%;
    font-weight: bold;
    padding: 15px 0;
}
/* *************
    OPZIONI SERIE
    ************** */
.configuratore-serie.catalogo-isotope {
    height: 100% !important;
}

.configuratore-serie .serie-parametri {
    display: none;
}

    .configuratore-serie .serie-parametri > div {
        background: #b1b1b1;
        margin: 0;
    }

        .configuratore-serie .serie-parametri > div > .serie {
            margin: 0;
            background: inherit;
        }

            .configuratore-serie .serie-parametri > div > .serie > .opzioni-ordine,
            .configuratore-serie .serie-parametri > div > .serie > .opzioni-info {
                background: #bdbdbd;
            }

            .configuratore-serie .serie-parametri > div > .serie > .opzioni-image {
                background: #b1b1b1;
                border-left: 1px solid #d2d2d2;
                border-right: 1px solid #d2d2d2;
            }

            .configuratore-serie .serie-parametri > div > .serie > .opzioni-info {
                border-left: 1px solid #d2d2d2;
            }

            .configuratore-serie .serie-parametri > div > .serie > .opzioni-dati {
                padding: 20px;
            }

    .configuratore-serie .serie-parametri > div {
        border-color: var(--main-color,#F1008B);
    }

/* ACCESSORI */
.configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > section {
    color: #bbb;
    font-size: 80%;
    font-weight: normal;
    padding: 15px 0;
    border-bottom: 1px solid #bbb;
    text-align: center;
}

.configuratore-serie.accessori .serie > .opzioni-image {
    width: 10%;
}

.configuratore-serie.accessori > .serie.default .opzioni-image {
    position: relative;
}

.configuratore-serie.accessori > .serie.selezionato .opzioni-image {
    position: relative;
}

.configuratore-serie.accessori > .serie.default .opzioni-image::after {
    /*content: "predefinito";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    color: #FA278A;
    text-align: center;
    padding-top: 92%;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    align-content: center;
    padding-top: 85%;
    border-style: solid;
    border-color: var(--main-color,#FA278A);
    font-family: FontAwesome;
    content: "\f058";
    font-size: xx-large;
    display: block;
    color: var(--main-color,#FA278A);
}

.configuratore-serie.accessori > .serie.selezionato .opzioni-image::after {
    /*content: "da importare";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    color: #FA278A;
    text-align: center;
    padding-top: 92%;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    align-content: center;
    padding-top: 85%;
    border-style: solid;
    border-color: var(--main-color,#FA278A);
    font-family: FontAwesome;
    content: "\f0ed";
    font-size: xx-large;
    display: block;
    color: var(--main-color,#FA278A);
}

.configuratore-serie.accessori .serie > .opzioni-dati {
    width: 73%;
}

.configuratore-serie.accessori > .serie-parametri .opzioni-dati .item {
    background: #e5e5e5;
    position: relative;
    padding: 20px 20px 44px;
    border: 5px solid #b1b1b1;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}

    .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item.default {
        border-color: var(--main-color,#FA278A);
        border-width: medium;
    }

    .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item.importa {
        border-color: var(--main-color,#FA278A);
        border-width: medium;
    }

        .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item.importa::after {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            text-align: center;
            align-content: center;
            padding-top: 85%;
            font-family: FontAwesome;
            content: "\f0ed";
            font-size: xx-large;
            display: block;
            color: var(--main-color,#FA278A);
        }

    .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item.inactive {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > label {
        color: #000;
        font-size: 90%;
        display: table;
    }

        .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > label + input {
            margin: 0;
            /*color: #aaa;*/
            /*color: black;*/
        }

    .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > .icon {
        display: table;
        margin: 20px auto 0;
        cursor: pointer;
    }

    .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > .checkbox {
        background: #c9c9c9;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 7px;
        margin: 0;
        z-index: 2;
        cursor: initial;
    }

        .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > .checkbox > input[type="checkbox"] {
            display: none;
        }

            .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > .checkbox > input[type="checkbox"] + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                padding: 0;
                cursor: pointer;
                min-height: auto;
            }

            .configuratore-serie.accessori > .serie-parametri .opzioni-dati .item > .checkbox > input[type="checkbox"]:checked + label::after {
                position: absolute;
                background: var(--main-color,#FA278A);
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }


.configuratore-tabella {
    border-collapse: collapse;
    display: table;
    margin: 40px auto;
    background: #fff;
}

    .configuratore-tabella td,
    .configuratore-tabella th {
        padding: 0.75em 1.5em;
        text-align: left;
    }

        .configuratore-tabella td.err {
            background-color: rgba(250,0,139,1);
            color: #fff;
            font-size: 0.9em;
            line-height: 1;
            font-weight: bold;
        }

    .configuratore-tabella th {
        background-color: #555;
        font-weight: bold;
        color: #fff;
        white-space: nowrap;
    }

    .configuratore-tabella tbody th {
        background-color: #888;
    }

    .configuratore-tabella tbody tr:nth-child(2n-1) {
        background-color: #f5f5f5;
        transition: all .125s ease-in-out;
    }

    .configuratore-tabella tbody tr > td:hover,
    .configuratore-tabella tbody tr > td.active {
        background-color: rgba(250,0,139,1);
        cursor: pointer;
        color: #fff;
        font-weight: bold;
    }

.sticky-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 3em 0;
    width: 100%;
}

    .sticky-wrap .sticky-thead,
    .sticky-wrap .sticky-col,
    .sticky-wrap .sticky-intersect {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .125s ease-in-out;
        z-index: 50;
        width: auto; /* Prevent table from stretching to full size */
        margin: 0;
        display: block;
    }

    .sticky-wrap .sticky-thead {
        box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
        z-index: 100;
        width: 100%; /* Force stretch */
    }

    .sticky-wrap .sticky-intersect {
        opacity: 1;
        z-index: 150;
    }

        .sticky-wrap .sticky-intersect th {
            background-color: #666;
            color: #eee;
        }

    .sticky-wrap td,
    .sticky-wrap th {
        box-sizing: border-box;
    }

/* Not needed for sticky header/column functionality */
td.user-name {
    text-transform: capitalize;
}

.sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 50vh;
}

/* ****************
CONFIGURATORE SERIE GENERALE
**************** */
#configuratore-serie-generale {
}

    #configuratore-serie-generale > .container-fluid {
        background: #ececec;
        padding: 20px;
        margin-top: 15px;
    }

    #configuratore-serie-generale .title {
        color: #000;
        font-size: 120%;
        display: block;
        padding: 0 15px 10px;
        border-bottom: 1px solid #ccc;
    }

    #configuratore-serie-generale #imposta-serie {
    }

        #configuratore-serie-generale #imposta-serie .col-xs-12 {
            padding: 20px;
        }

        #configuratore-serie-generale #imposta-serie .owl-carousel .owl-dots {
            display: block;
        }

        #configuratore-serie-generale #imposta-serie .center > label {
            color: #666;
            display: block;
            margin: 15px 0 5px;
            font-weight: normal;
        }

        #configuratore-serie-generale #imposta-serie .center > input[type="text"] {
            display: block;
            max-width: 100%;
            width: 100%;
            padding: 2px 5px;
            /*color: #000;*/
            border: 1px solid #d6d6d6;
            background: #fff;
            color: #333;
            line-height: 16px;
            margin: 10px 0;
        }

            #configuratore-serie-generale #imposta-serie .center > input[type="text"]:disabled {
                color: #aaa;
            }

        #configuratore-serie-generale #imposta-serie .center > textarea {
            display: block;
            max-width: 100%;
            min-width: 300px;
            min-height: 100px;
            width: 100%;
            padding: 2px 5px;
            color: #000;
        }

    /* GENERALE */
    #configuratore-serie-generale .checkbox {
        background: #c9c9c9;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 7px;
        margin: 0;
        z-index: 2;
        cursor: initial;
    }

        #configuratore-serie-generale .checkbox > input[type="checkbox"] {
            display: none;
        }

            #configuratore-serie-generale .checkbox > input[type="checkbox"] + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                padding: 0;
                cursor: pointer;
                min-height: auto;
            }

            #configuratore-serie-generale .checkbox > input[type="checkbox"]:checked + label::after {
                position: absolute;
                background: var(--main-color,#FA278A);
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }



    /* IMPOSTA SERIA */
    #configuratore-serie-generale #imposta-serie {
        background: #ddd;
    }

        #configuratore-serie-generale #imposta-serie .owl-carousel {
            margin-top: 20px;
        }

            #configuratore-serie-generale #imposta-serie .owl-carousel .owl-item {
                -webkit-backface-visibility: hidden;
                -webkit-transform: translateZ(0) scale(1.0, 1.0);
            }

            #configuratore-serie-generale #imposta-serie .owl-carousel .item {
                background: #ececec;
                position: relative;
                padding: 20px 20px 44px;
                border: 5px solid #ddd;
                opacity: 0.5;
                filter: alpha(opacity=50);
                -webkit-transition: opacity 400ms ease-in-out;
                -moz-transition: opacity 400ms ease-in-out;
                -ms-transition: opacity 400ms ease-in-out;
                -o-transition: opacity 400ms ease-in-out;
                transition: opacity 400ms ease-in-out;
            }

                #configuratore-serie-generale #imposta-serie .owl-carousel .item.active {
                    border-color: var(--main-color,#FA278A);
                }

            #configuratore-serie-generale #imposta-serie .owl-carousel .active.center .item {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            #configuratore-serie-generale #imposta-serie .owl-carousel .item > p {
                font-size: 120%;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            #configuratore-serie-generale #imposta-serie .owl-carousel .item > .img {
                display: block;
                margin-top: 20px;
                margin-bottom: 20px;
            }

            #configuratore-serie-generale #imposta-serie .owl-carousel .item > .checkbox {
                bottom: 5px;
                left: 5px;
                right: 5px;
            }

        #configuratore-serie-generale #imposta-serie .opzioni-dati .checkbox-cerchio {
            display: none;
        }

            #configuratore-serie-generale #imposta-serie .opzioni-dati .checkbox-cerchio + label {
                color: #666;
                font-weight: normal;
                margin: 0;
                display: block;
                float: left;
            }

                #configuratore-serie-generale #imposta-serie .opzioni-dati .checkbox-cerchio + label + label {
                    color: #666;
                    font-weight: normal;
                    display: block;
                    float: left;
                    margin: 0 0 0 10px;
                    padding: 0;
                    line-height: 18px;
                    font-size: 14px;
                    cursor: pointer;
                }

    /* CONFIGURA VERSIONE */
    #configuratore-serie-generale #configura-versione {
        background: #ddd;
    }

        #configuratore-serie-generale #configura-versione > .title {
            border: 0;
            text-align: center;
            padding: 20px;
        }

            #configuratore-serie-generale #configura-versione > .title > span {
                font-size: 80%;
                display: block;
                padding-top: 5px;
                color: #666;
            }

        #configuratore-serie-generale #configura-versione > .Tcenter {
            position: relative;
        }

            #configuratore-serie-generale #configura-versione > .Tcenter::after {
                content: "";
                clear: both;
                display: block;
            }

            #configuratore-serie-generale #configura-versione > .Tcenter > .item {
                background: #ececec;
                display: block;
                position: relative;
                float: left;
                margin: 0 0 20px 30px;
                min-width: 214px;
                padding: 10px 20px 44px;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

                #configuratore-serie-generale #configura-versione > .Tcenter > .item.active {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -webkit-transition: opacity 400ms ease-in-out;
                    -moz-transition: opacity 400ms ease-in-out;
                    -ms-transition: opacity 400ms ease-in-out;
                    -o-transition: opacity 400ms ease-in-out;
                    transition: opacity 400ms ease-in-out;
                }

                #configuratore-serie-generale #configura-versione > .Tcenter > .item:fist-child {
                    margin-left: 0;
                }

                #configuratore-serie-generale #configura-versione > .Tcenter > .item > p {
                    font-size: 110%;
                    text-align: center;
                    padding: 0;
                    margin: 0;
                }

                #configuratore-serie-generale #configura-versione > .Tcenter > .item > .img {
                    display: block;
                    width: 300px;
                    margin: 20px auto;
                }

                    #configuratore-serie-generale #configura-versione > .Tcenter > .item > .img > img {
                        display: block;
                        width: 100%;
                    }

        #configuratore-serie-generale #configura-versione .elenco-img-div {
            position: relative;
            width: 100%;
            height: 300px;
            background-size: cover;
            background-position: 0 0;
            animation-timing-function: ease-out;
        }

            #configuratore-serie-generale #configura-versione .elenco-img-div.hover {
                -webkit-animation: windowopen2 0.5s steps(10) forwards;
                animation: windowopen2 0.5s steps(10) forwards;
            }

            #configuratore-serie-generale #configura-versione .elenco-img-div.outer {
                -webkit-animation: windowclose2 0.5s steps(10) forwards;
                animation: windowclose2 0.5s steps(10) forwards;
            }

    /* PRODOTTI CONFRONTABILI */
    #configuratore-serie-generale #prodotti-confrontabili {
        background-color: white;
    }

        #configuratore-serie-generale #prodotti-confrontabili > .title {
            border: 0;
            text-align: center;
            padding: 20px;
        }

        #configuratore-serie-generale #prodotti-confrontabili .center > label {
            color: #666;
            display: block;
            margin: 15px 0 5px;
            font-weight: normal;
            text-align: center;
        }

        #configuratore-serie-generale #prodotti-confrontabili .center > input[type="text"] {
            display: block;
            max-width: 600px;
            width: 100%;
            padding: 0;
            color: #000;
        }

        #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item {
            background: #ececec;
            position: relative;
            padding: 20px 20px 44px;
            min-width: 180px;
            width: 100%;
            -webkit-transition: opacity 400ms ease-in-out;
            -moz-transition: opacity 400ms ease-in-out;
            -ms-transition: opacity 400ms ease-in-out;
            -o-transition: opacity 400ms ease-in-out;
            transition: opacity 400ms ease-in-out;
        }

            #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item.inactive {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > p {
                font-size: 120%;
                text-align: center;
                padding: 0;
                margin: 0;
                height: 48px;
            }

            #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > .categoria {
                display: block;
                font-size: 90%;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > .img {
                display: block;
                width: 150px;
                margin: 20px auto;
                /*margin-top: 20px;
                margin-bottom: 20px;*/
            }

            #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > div {
                position: relative;
                margin: auto;
                text-align: center;
            }

            #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > .img .elenco-img-div {
                position: center;
                margin: auto;
                width: 150px;
                height: 150px;
                background-size: cover;
                background-position: 0 0;
                animation-timing-function: ease-out;
            }

/*#configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > .img .elenco-img-div.hover {
                    -webkit-animation: windowopen3 0.5s steps(10) forwards;
                    animation: windowopen3 0.5s steps(10) forwards;
                }

                #configuratore-serie-generale #prodotti-confrontabili .owl-carousel .item > .img .elenco-img-div.outer {
                    -webkit-animation: windowclose3 0.5s steps(10) forwards;
                    animation: windowclose3 0.5s steps(10) forwards;
                }*/



@keyframes windowopen3 {
    from {
        background-position: 0px;
    }

    to {
        background-position: -1500px;
    }
}

@keyframes windowclose3 {
    from {
        background-position: -1500px;
    }

    to {
        background-position: 0px;
    }
}

/* IMPOSTA CARATTERISTICHE */
#configuratore-serie-generale #imposta-caratteristiche {
    background: #ddd;
}

    #configuratore-serie-generale #imposta-caratteristiche > .title {
        text-align: center;
    }

        #configuratore-serie-generale #imposta-caratteristiche > .title > span {
            font-size: 80%;
            display: block;
            padding-top: 5px;
            color: #666;
        }

    #configuratore-serie-generale #imposta-caratteristiche .owl-carousel {
        margin-top: 30px;
    }

        #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item {
            background: #ececec;
            position: relative;
            padding: 20px 20px 44px;
            min-width: 180px;
            border: 5px solid var(--main-color,#FA278A);
            -webkit-transition: opacity 400ms ease-in-out;
            -moz-transition: opacity 400ms ease-in-out;
            -ms-transition: opacity 400ms ease-in-out;
            -o-transition: opacity 400ms ease-in-out;
            transition: opacity 400ms ease-in-out;
        }

            #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item.inactive {
                border: 5px solid #ddd;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item > p {
                font-size: 120%;
                text-align: center;
                padding: 0;
                margin: 0;
                height: 48px;
            }

            #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item > .categoria {
                display: block;
                font-size: 90%;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item > .img {
                display: block;
                width: 150px;
                margin: 20px auto;
                /*margin-top: 20px;
                margin-bottom: 20px;*/
            }

                #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item > .img > img {
                    display: block;
                    width: 100%;
                }

            #configuratore-serie-generale #imposta-caratteristiche .owl-carousel .item > .checkbox {
                bottom: 5px;
                left: 5px;
                right: 5px;
            }

    #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti {
        padding-top: 60px;
    }

        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:first-child > div:first-child,
        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:first-child > aside:first-child {
            background: transparent;
        }

        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:first-child > div,
        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:first-child > aside {
            border-bottom: 10px solid transparent;
        }

        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row > .col-2:first-of-type {
            background: #e4e4e4;
            background-clip: padding-box;
        }

        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:not(:first-child) > aside::before,
        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:not(:first-child) > aside::after {
            display: none;
        }

        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row:not(:first-child) > aside {
            padding-left: 20px;
        }

        #configuratore-serie-generale #imposta-caratteristiche #confronta-prodotti > .row > .col-2 select {
            background: transparent;
            border: 0;
            width: 100%;
            margin-bottom: 10px;
        }

/* PRODOTTI CORRELABILI */
#configuratore-serie-generale #prodotti-correlabili {
    background-color: white;
}

    #configuratore-serie-generale #prodotti-correlabili > .title {
        border: 0;
        text-align: center;
        padding: 20px;
    }

    #configuratore-serie-generale #prodotti-correlabili .center > label {
        color: #666;
        display: block;
        margin: 15px 0 5px;
        font-weight: normal;
        text-align: center;
    }

    #configuratore-serie-generale #prodotti-correlabili .center > input[type="text"] {
        display: block;
        max-width: 600px;
        width: 100%;
        padding: 0;
        color: #000;
    }

    #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item {
        background: #ececec;
        position: relative;
        padding: 20px 20px 44px;
        min-width: 180px;
        width: 100%;
        -webkit-transition: opacity 400ms ease-in-out;
        -moz-transition: opacity 400ms ease-in-out;
        -ms-transition: opacity 400ms ease-in-out;
        -o-transition: opacity 400ms ease-in-out;
        transition: opacity 400ms ease-in-out;
    }

        #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item.inactive {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

        #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item > p {
            font-size: 120%;
            text-align: center;
            padding: 0;
            margin: 0;
            height: 48px;
        }

        #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item > .categoria {
            display: block;
            font-size: 90%;
            text-align: center;
            padding: 0;
            margin: 0;
        }

        #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item > .img {
            display: block;
            width: 150px;
            margin: 20px auto;
            /*margin-top: 20px;
                margin-bottom: 20px;*/
        }

            #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item > .img .elenco-img-div {
                position: relative;
                width: 100%;
                height: 150px;
                background-size: cover;
                background-position: 0 0;
                animation-timing-function: ease-out;
            }

/*#configuratore-serie-generale #prodotti-correlabili .owl-carousel .item > .img .elenco-img-div.hover {
                    -webkit-animation: windowopen3 0.5s steps(10) forwards;
                    animation: windowopen3 0.5s steps(10) forwards;
                }

                #configuratore-serie-generale #prodotti-correlabili .owl-carousel .item > .img .elenco-img-div.outer {
                    -webkit-animation: windowclose3 0.5s steps(10) forwards;
                    animation: windowclose3 0.5s steps(10) forwards;
                }*/

/**************************************************/
/****************** FORM TABLET *******************/
#show-tablet {
    display: none;
    height: 100%;
    width: 100%;
    background: #fff;
    color: #333;
}

    #show-tablet .top-no-container .titolo-pagina {
        margin-bottom: 40px;
    }

    #show-tablet .top-no-container > img {
        display: table;
        margin: 0 auto;
    }

    #show-tablet .top-no-container .warning {
        display: table;
        margin: 40px auto;
        font-size: 0;
    }

        #show-tablet .top-no-container .warning i.fa {
            padding: 10px 10px 10px 10px;
            font-size: 50px;
            display: inline-block;
        }

        #show-tablet .top-no-container .warning h2 {
            color: #333;
            text-transform: uppercase;
            padding: 10px 20px 10px 20px;
            line-height: 1.333;
            font-size: 15px;
            margin: 0;
            display: inline-block;
        }

/****************************************************/
/************* FOOTER CERCA GENERALE ****************/
.footer-cerca {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #E2E2E2;
    text-align: center;
    position: relative;
    z-index: 100;
}

.footer-form-cerca {
    background: #e2e2e2;
    padding: 30px 20px;
    text-align: center;
}

    .footer-form-cerca .input-icon {
        background: #fff;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: table;
        margin: 0 auto;
        padding: 6px 10px;
    }

    .footer-form-cerca label {
        -webkit-border-radius: 30px;
        border-radius: 30px;
        background: var(--main-color,#F1008B);
        color: #fff;
        border: 1px solid var(--main-color,#F1008B);
        width: 30px;
        height: 30px;
        line-height: 29px;
        text-align: center;
        font-size: 15px;
        margin: 0;
        padding: 0;
        float: left;
    }

    .footer-form-cerca input {
        border: 0;
        background-color: #fff;
        color: #555;
        font-size: 14px;
        height: 30px;
        width: 280px;
        line-height: 2.142857;
        padding: 6px 12px 6px 12px;
    }

    .footer-form-cerca .round-button {
        font-size: 160%;
        margin-top: 20px;
    }

/****************************************************/
/******************* FOOTER SITO ********************/
.footer {
    /*padding-top: 4%;
    padding-bottom: 3%;
    background-color: #AAAAAA;
    color: #fff;
    font-size: 0.7rem;
    text-align: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-top: 10px solid #fff;*/
    /*VIE-58*/
    padding: 30px 20px 0;
    color: #aaa;
    text-align: center;
    overflow: hidden;
}

    .footer .row {
        margin: 0;
    }

    .footer #logo-footer {
        display: table;
        margin: 0 auto 10px;
    }

    .footer a {
        /*color: #fff;
        text-decoration: none;
        padding: 0 5px;*/
        /*VIE-58*/
        color: #aaa;
        text-decoration: none;
        padding: 0 10px;
    }

        .footer a img {
            width: auto;
            height: 50px;
        }

            .footer a img.onhover {
                display: none;
            }

        .footer a:hover {
            color: var(--main-color,#F1008B);
        }

            .footer a:hover img.onhover {
                display: inline;
            }

            .footer a:hover img.default {
                display: none;
            }

.back-to-top {
    font-size: 28px;
}

    .back-to-top:after {
        background: #777 !important;
    }

    .back-to-top:before {
        border-top-color: #777 !important;
    }

/*VIE-58*/
.footer > .separa {
    border-top: 1px solid #bbb;
    margin-top: 20px;
    padding-top: 20px;
}

.footer .links-block {
    /*line-height: 50px;*/
    /*VIE-58*/
    text-align: left;
    line-height: 45px;
}

/*VIE-58 LINGUA*/
.footer #lingua {
    position: relative;
    list-style: none;
    text-align: right;
}

    .footer #lingua a {
        display: table;
        margin: 0 0 0 auto;
        line-height: 25px;
        font-size: 100%;
        text-align: right;
        /*VIE-935*/
        /*min-width: 100px;*/
        min-width: 150px;
        /*VIE-935*/
        /*padding: 10px;*/
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 0px;
        padding-left: 0px;
    }

        .footer #lingua a::after {
            content: "";
            clear: both;
            display: block;
        }

        .footer #lingua a img {
            width: 25px;
            height: auto;
            float: right;
            margin-left: 5px;
        }

    .footer #lingua > li:hover a,
    .footer #lingua > li:focus a {
        background: #fff;
    }

    .footer #lingua > li:hover .sub,
    .footer #lingua > li:focus .sub {
        opacity: 1;
        visibility: visible;
    }

    .footer #lingua .sub {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        bottom: 100%;
        right: 0;
        background: transparent;
        padding: 0;
        background: #fff;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        /*VIE-58*/
        text-align: right;
        /*VIE-935*/
        display: flex;
    }

        .footer #lingua .sub > li {
            /*VIE-58*/
            display: inline-flex;
        }

            .footer #lingua .sub > li:first-child {
                margin-top: 0;
            }

/****************************************************/
/********************* CAROUSEL **********************/
.carousel-fade .carousel-inner .item {
    -webkit-transition: opacity 1.5s ease 0s;
    -moz-transition: opacity 1.5s ease 0s;
    -ms-transition: opacity 1.5s ease 0s;
    -o-transition: opacity 1.5s ease 0s;
    transition: opacity 1.5s ease 0s;
    opacity: 0;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 0;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 1;
}

.carouseloverlay {
    padding-bottom: 1em;
    font-size: 1rem;
}

/* *****************
FIX PER BOOTSTRAP 3.3 EFFETO FADE
***************** */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}


/****************************************************/
/****************** MODAL WINDOWS *******************/
.modal-close {
    position: absolute;
    bottom: -21px;
    left: 0;
    width: 100%;
    font-size: 110%;
}

    .modal-close > .round-button {
        cursor: pointer;
    }

        .modal-close > .round-button > .fa-circle {
            color: #333;
        }

        .modal-close > .round-button:hover > .fa-circle {
            color: var(--main-color,#F1008B);
        }

.modal-dialog.social {
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(241,241,241,0.95);
}

    .modal-dialog.social > .modal-content {
        width: 51% !important;
    }

.modal-body > p {
    border-bottom: 1px solid #fff;
    width: 30%;
}

div.modal-content {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.modal {
    overflow-x: hidden;
}

.modal-backdrop {
    background-color: #fff;
}

    .modal-backdrop.in {
        opacity: 0.7;
    }

.modal-header {
    border: none;
    margin-top: -30px;
    margin-right: -30px;
    background: transparent;
    height: 60px;
    width: 5%;
}

.img-modal {
    width: 60px;
}

.modal-header-md {
    margin-top: 10px;
    margin-right: 10px;
}

.modal-md {
    width: 100%;
    /*height: 100%;*/
    background: rgba(0,0,0, 0.7);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .modal-md > .modal-dialog > .modal-content > .modal-body {
        padding: 10px 80px;
    }

.modal-body {
    text-align: center;
    margin-top: 120px;
    border-radius: 5%;
}

button.close {
    position: absolute;
    top: -20px;
    right: -310px;
    width: 30px;
    height: 30px;
    background-color: rgb(170,170,170);
    color: #fff !important;
    text-shadow: none;
    font-style: normal;
    opacity: 1;
    border-radius: 50%;
    font-size: 24px;
}

    button.close:hover {
        opacity: 1;
        color: #fff;
    }

button.close-md {
    font-size: 180%;
    color: #fff;
    line-height: 100%;
    padding: 5px 10px;
}

    button.close-md:hover {
        background-color: #F4008B;
    }

.modal-lg {
    width: 100%;
    height: 100%;
    /**background-color: rgba(241, 0, 139, .95);*/
    background: rgba(255,255,255,0.8);
    /**color: #fff;*/
    color: #333;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
}

/*.modal-header-lg {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index:10;
}*/

.modal-header-lg {
    margin-top: 18px;
}

.modal-lg a {
    color: #fff;
}

    .modal-lg a:hover {
        text-decoration: none;
    }

.modal-lg > .modal-body {
    padding-top: 10px;
    margin-top: 6%;
    padding-bottom: 3%;
}

    .modal-lg > .modal-body.home {
        padding-top: 0px;
        padding-bottom: 3%;
    }

.modal .sezione-top > span > i {
    font-size: 300%;
}

.modal .checkbox-cerchio {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

    .modal .checkbox-cerchio > input {
        display: none;
    }

        .modal .checkbox-cerchio > input + label {
            position: relative;
            border: 1px solid #aaa;
            width: 18px;
            height: 18px;
            background: transparent;
            -webkit-border-radius: 18px;
            border-radius: 18px;
            display: block;
            margin: 0 auto;
            cursor: pointer;
        }

        .modal .checkbox-cerchio > input:checked + label::after,
        .modal .checkbox-cerchio > input.active + label::after {
            position: absolute;
            background: var(--main-color,#FA278A);
            width: 12px;
            height: 12px;
            top: 2px;
            left: 2px;
            display: block;
            content: "";
            -webkit-border-radius: 12px;
            border-radius: 12px;
        }

button.close-lg {
    font-size: 180%;
    color: #fff;
    line-height: 100%;
    padding: 5px 10px;
    /*font-size: 180%;
	color: #fff;*/
}

    button.close-lg:hover {
        background-color: #F4008B;
    }

.btn-default {
    color: var(--main-color,#F1008B);
}

nav > .open > a:focus {
    background: transparent;
}

/* *******************
	 NEW MODALS
**********************/
.new-modal {
    z-index: 4999;
}

.dialog__overlay {
    z-index: 5000;
}

.dialog__content {
    width: 90%;
    z-index: 5001;
}

.dialog-inner .icon-container {
    width: 40px;
    height: 40px;
    border-radius: 25px;
    border: 2px solid #333;
    color: #333;
    text-align: center;
    font-size: 180%;
    margin: auto;
}

.dialog-inner .close-button-container {
    position: absolute;
    bottom: -21px;
    left: 0px;
    right: 0px;
}

.dialog-inner .close-button {
    display: inline-block;
    cursor: pointer;
    font-size: 110%;
}

    .dialog-inner .close-button .fa-circle {
        color: #333;
    }

    .dialog-inner .close-button .round-button:hover .fa-circle {
        color: inherit;
    }

.dialog-inner p {
    margin: 20px 0px;
    font-size: 1.2em;
}

.dialog-inner .choice-buttons .buttonsquare {
    min-width: 24%;
    margin: 0 15px;
}

.dialog-inner .choice-buttons {
    margin: 15px 0px;
}

/* ****************
  MODAL LOADING
**************** */
.modal-loading {
    background: rgba(0,0,0,0.8);
}

    .modal-loading.modal-body {
        margin: 0;
    }

    .modal-loading .modal-content {
        margin-top: 200px;
        color: #FFF;
        background: transparent;
    }

        .modal-loading .modal-content p {
            color: #AAA;
        }

        .modal-loading .modal-content .loading-image {
            display: inline-block;
            width: 80px;
            height: 80px;
            /*border-radius: 70px;
			border: 1px solid #AAA;*/
            margin-top: 10px;
        }

/* ****************
MODAL WARNING
**************** */
.modal-not-supported {
    width: 400px !important;
    height: 200px !important;
    background-color: #FFFFFF;
    color: #999999;
    top: 20%;
    left: 35%;
    border-radius: 5%;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

.exclamation-size {
    font-size: 50px;
}

.modal-not-supported h4 {
    padding-top: 10px;
    font-size: 1.2rem;
}

.warningText {
    color: #fff;
    line-height: 0;
    margin-top: 5px;
    font-size: 1rem;
    text-align: center;
    padding-top: 10px;
}

/*****************
MODAL SEARCH
**************** */
.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

.toggle {
    position: fixed;
    top: 60px;
    background-color: #fff;
    left: 300px;
    z-index: 100;
}

.toogle-fuori {
    position: fixed;
    top: 240px;
    background-color: #fff;
    z-index: 190;
}

.toogle-top {
    position: fixed;
    top: 125px;
    right: 20px;
    z-index: 100;
    display: none;
    background-color: #fff;
}

.modal.animated.fadeInLeftBig {
    z-index: 198;
}

.form-control {
    height: auto;
    line-height: 30px;
    padding: 5px 5px;
    /*VIE-2832*/
    /*height: 40px;*/
    height: 30px;
}

.left-modal {
    max-width: 280px;
    text-align: left;
}

    .left-modal h2 {
        color: var(--main-color,#F1008B);
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid #999;
    }

    .left-modal h3 {
        color: #333;
        font-size: 14px;
    }

    .left-modal .close-button {
        font-size: 26px;
        line-height: 18px;
        color: #333;
        cursor: pointer;
    }

        .left-modal .close-button:hover {
            color: var(--main-color,#F1008B);
        }

    .left-modal label {
        color: #bababa;
        font-size: 13px;
        font-weight: normal;
    }

    .left-modal > div {
        padding-bottom: 20px;
        border-bottom: 1px solid #999;
    }

        .left-modal > div:last-child {
            border: none;
        }

        .left-modal > div > select.form-control {
            color: #fff !important;
            background-color: #c9c9c9 !important;
        }

            .left-modal > div > select.form-control.scroll {
                border: none;
                color: #111 !important;
                background-color: white !important;
                box-shadow: none !important;
            }

                .left-modal > div > select.form-control.scroll::-webkit-scrollbar {
                    width: 10px;
                }

                .left-modal > div > select.form-control.scroll::-webkit-scrollbar-track {
                    background-color: rgba(0,0,0,0.3);
                }

                .left-modal > div > select.form-control.scroll::-webkit-scrollbar-thumb {
                    background-color: rgba(0,0,0,0.5);
                }

            .left-modal > div > select.form-control:focus {
                border-color: #ee008b;
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 0, 139, 0.6);
            }

            .left-modal > div > select.form-control::selection {
                background-color: #ee008b;
            }

            .left-modal > div > select.form-control::-moz-selection {
                background-color: #ee008b;
            }

        .left-modal > div > select > option:focus {
            background-color: #ee008b;
        }

        .left-modal > div input.form-control {
            margin-bottom: 5px;
        }

    .left-modal div > button {
        margin: 15px auto 0 auto;
        display: table;
    }

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width : 480px) {
    .modal-not-supported {
        width: 80% !important;
        height: 40% !important;
        top: 20%;
        left: 15%;
    }

    .exclamation-size {
        font-size: 30px;
    }

    .modal-not-supported h4 {
        padding-top: 10px;
        font-size: 1.3rem;
    }

    .warningText {
        font-size: 1rem;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .modal-not-supported {
        width: 80% !important;
        height: 40% !important;
        top: 20%;
        left: 15%;
    }

    .exclamation-size {
        font-size: 30px;
    }

    .modal-not-supported h4 {
        padding-top: 10px;
        font-size: 1.3rem;
    }

    .warningText {
        font-size: 1rem;
    }
}

#modal-search {
    padding: 0 15px;
}

    #modal-search .search {
        display: table;
        margin: 0 auto;
        padding: 0;
        height: 100%;
        max-width: 500px;
        width: 100%;
    }

        #modal-search .search > div {
            display: table-cell;
            vertical-align: middle;
        }

            #modal-search .search > div > label > i {
                border: 1px solid #000;
                -webkit-border-radius: 35px;
                border-radius: 35px;
                color: #000;
                width: 35px;
                height: 35px;
                line-height: 33px;
                text-align: center;
                font-size: 20px;
            }

    #modal-search .search-form {
        line-height: 20px;
    }

        #modal-search .search-form > input {
            border-radius: 0;
            background-image: url('../images/icon-search_grey_big.png');
            background-repeat: no-repeat;
            max-width: 500px;
            width: 100%;
        }

    #modal-search .btn-search {
        font-family: Gotham-Book;
        color: #fff;
        /**background-color: #c9c9c9;*/
        background-color: #333;
        line-height: 18px;
        height: 30px;
        font-size: 14px;
    }

    #modal-search .t-center {
        margin-top: 10px;
    }


/* ****************
FORM TROVA IL RIVENDITORE
**************** */

#form-trova-rivenditore {
    top: 0px !important;
}

#dealer-form {
    top: 20px;
}

.form-md > .seleziona-contenuto {
    display: block;
    background: #FFF;
    padding: 40px 80px;
    margin: 80px auto;
    border-radius: 20px;
    width: 90%;
    max-width: 1400px;
}

    .form-md > .seleziona-contenuto > .selziona-top {
        width: 100%;
        display: block;
    }

        .form-md > .seleziona-contenuto > .selziona-top > h4 {
            display: table;
            margin: 0 auto 10px;
            padding: 0;
            color: #333;
            font-size: 180%;
            font-weight: bold;
        }

        .form-md > .seleziona-contenuto > .selziona-top > span {
            display: table;
            margin: 0 auto 40px;
            color: #999;
        }

    .form-md > .seleziona-contenuto > .seleziona-categoria {
        display: block;
        text-align: left;
        color: #333;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #333;
        font-size: 110%;
        font-weight: bold;
    }

    .form-md > .seleziona-contenuto > .seleziona-scelta {
        margin-bottom: 40px;
    }

        .form-md > .seleziona-contenuto > .seleziona-scelta > a {
            position: relative;
            width: 230px;
            height: 230px;
            margin: 5px;
            border-radius: 10px;
            overflow: hidden;
            display: inline-block;
            float: none;
            border: 1px solid #AAA;
            transition: 0.2s transform, 0.2s box-shadow;
            box-shadow: 0px 0px 0px #333;
        }

            .form-md > .seleziona-contenuto > .seleziona-scelta > a.selected:after {
                font-family: FontAwesome;
                content: "\f00c";
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 160%;
                width: 45px;
                height: 45px;
                text-align: center;
                line-height: 200%;
                color: #fff;
                background: var(--main-color,#F1008B);
                -webkit-border-radius: 45px;
                border-radius: 45px;
                margin: -42px 0 0 -27px;
            }

            .form-md > .seleziona-contenuto > .seleziona-scelta > a:hover {
                transform: scale(1.04);
                box-shadow: -0px 0px 10px #AAA;
                z-index: 20;
            }

            .form-md > .seleziona-contenuto > .seleziona-scelta > a > img {
                display: block;
                margin: 0;
                width: 100%;
                position: absolute;
            }

            .form-md > .seleziona-contenuto > .seleziona-scelta > a > label {
                display: block;
                margin: 0;
                width: 100%;
                background: rgba(51,51,51,0.7);
                color: #FFF;
                cursor: pointer;
                position: absolute;
                bottom: 0;
                text-align: center;
                padding: 8px 0;
            }

/* ****************
MODALE SCHEDA PRODOTTO SELEZIONA
**************** */
.modal-md > .seleziona-contenuto {
    display: block;
    background: #FFF;
    padding: 40px 80px;
    margin: 80px auto;
    border-radius: 20px;
    width: 90%;
    max-width: 1400px;
}

    .modal-md > .seleziona-contenuto > .selziona-top {
        width: 100%;
        display: block;
    }

        .modal-md > .seleziona-contenuto > .selziona-top > h4 {
            display: table;
            margin: 0 auto 10px;
            padding: 0;
            color: #333;
            font-size: 180%;
            font-weight: bold;
        }

        .modal-md > .seleziona-contenuto > .selziona-top > span {
            display: table;
            margin: 0 auto 40px;
            color: #999;
        }

    .modal-md > .seleziona-contenuto > .seleziona-categoria {
        display: block;
        text-align: left;
        color: #333;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #333;
        font-size: 110%;
        font-weight: bold;
    }

    .modal-md > .seleziona-contenuto > .seleziona-scelta {
        margin-bottom: 40px;
    }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > a {
            position: relative;
            width: 230px;
            height: 230px;
            margin: 5px;
            border-radius: 10px;
            overflow: hidden;
            display: inline-block;
            float: none;
            border: 1px solid #AAA;
            transition: 0.2s transform, 0.2s box-shadow;
            box-shadow: 0px 0px 0px #333;
        }

            .modal-md > .seleziona-contenuto > .seleziona-scelta > a.selected:after {
                font-family: FontAwesome;
                content: "\f00c";
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 160%;
                width: 45px;
                height: 45px;
                text-align: center;
                line-height: 200%;
                color: #fff;
                background: var(--main-color,#F1008B);
                -webkit-border-radius: 45px;
                border-radius: 45px;
                margin: -42px 0 0 -27px;
            }

            .modal-md > .seleziona-contenuto > .seleziona-scelta > a:hover {
                transform: scale(1.04);
                box-shadow: -0px 0px 10px #AAA;
                z-index: 20;
            }

            .modal-md > .seleziona-contenuto > .seleziona-scelta > a > img {
                display: block;
                margin: 0;
                width: 100%;
                position: absolute;
            }

            .modal-md > .seleziona-contenuto > .seleziona-scelta > a > label {
                display: block;
                margin: 0;
                width: 100%;
                background: rgba(51,51,51,0.7);
                color: #FFF;
                cursor: pointer;
                position: absolute;
                bottom: 0;
                text-align: center;
                padding: 8px 0;
            }

    /* ****************
MODALE PER INSERIMENTO VARIANTI MANIGLIA DA LIBRERIA FORNITORI TCT
**************** */
    .modal-md > .seleziona-contenuto > .seleziona-modello-maniglia {
        display: block;
        text-align: left;
        font-size: 110%;
        font-weight: bold;
    }

    .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia {
        position: relative;
        width: 300px;
        height: 305px;
        margin: 5px;
        border-radius: 10px;
        overflow: hidden;
        display: inline-block;
        float: none;
        border: 1px solid #AAA;
        transition: 0.2s transform, 0.2s box-shadow;
        box-shadow: 0px 0px 0px #333;
    }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > i {
            font-family: FontAwesome;
            font-size: xx-large;
            content: "\f00c";
            display: block;
            position: absolute;
            width: 45px;
            height: 45px;
            top: 50%;
            left: 45%;
            color: var(--main-color,#F1008B);
            -webkit-border-radius: 45px;
            border-radius: 45px;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > h4 {
            display: block;
            position: absolute;
            width: 110px;
            height: 30px;
            top: 75%;
            left: 35%;
            color: white;
            background: var(--main-color,#F1008B);
            padding: 5px 5px;
            border-radius: 25px;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > a {
            position: relative;
            width: 170px;
            height: 170px;
            margin: 5px;
            border-radius: 10px;
            overflow: hidden;
            display: inline-block;
            float: none;
            border: 1px solid #AAA;
            transition: 0.2s transform, 0.2s box-shadow;
            box-shadow: 0px 0px 0px #333;
        }

            .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > a > img {
                display: block;
                margin: 0;
                width: 100%;
                position: absolute;
            }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > label {
            display: block;
            margin: 0;
            width: 100%;
            min-height: 30px;
            background: rgba(51,51,51,0.7);
            color: #FFF;
            position: relative;
            top: 0px;
            text-align: center;
            vertical-align: central;
            padding: 8px 0;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > textarea {
            display: block;
            margin: 0;
            width: 100%;
            position: relative;
            bottom: 0;
            text-align: center;
            padding: 8px 0;
            resize: none;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia.locked:after {
            font-family: FontAwesome;
            content: "\f218"; /*"\f05e";f218 */
            font-size: xx-large;
            display: block;
            position: absolute;
            width: 45px;
            height: 45px;
            top: 0%;
            left: 0%;
            color: white;
            background: var(--main-color,#F1008B);
            -webkit-border-radius: 45px;
            border-radius: 45px;
            cursor: not-allowed;
        }

    .modal-md > .seleziona-contenuto > .seleziona-modello-maniglia > label {
        display: block;
        margin: 0;
        width: 100%;
        min-height: 30px;
        background: rgba(51,51,51,0.7);
        color: #FFF;
        position: relative;
        top: 0px;
        text-align: left;
        vertical-align: central;
        padding: 8px 8px;
    }

    .modal-md > .seleziona-contenuto > .seleziona-modello-maniglia > textarea {
        display: block;
        margin: 0;
        width: 100%;
        position: relative;
        bottom: 0;
        text-align: left;
        padding: 8px 8px;
        resize: none;
    }

    .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > .prezzoMan > label {
        display: block;
        margin: 0;
        width: 100%;
        height: 30px;
        color: #FFF;
        background: rgba(51,51,51,0.7);
        position: relative;
        top: 0px;
        text-align: center;
        vertical-align: central;
        padding: 8px 0;
    }

    .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelSceltaManiglia > .prezzoMan > input[type="text"] {
        display: block;
        margin: 0;
        width: 100%;
        position: relative;
        bottom: 0;
        text-align: center;
        padding: 8px 0;
        resize: none;
        z-index: 0;
    }

    /* ****************
MODALE PER INSERIMENTO VARIANTI TRATTAMENTO DA LIBRERIA FORNITORI TCT
**************** */
    .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta {
        position: relative;
        width: 300px;
        height: 250px;
        margin: 5px;
        border-radius: 10px;
        overflow: hidden;
        display: inline-block;
        float: none;
        border: 1px solid #AAA;
        transition: 0.2s transform, 0.2s box-shadow;
        box-shadow: 0px 0px 0px #333;
    }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta > a {
            position: relative;
            width: 170px;
            height: 170px;
            margin: 5px;
            border-radius: 10px;
            overflow: hidden;
            display: inline-block;
            float: none;
            border: 1px solid #AAA;
            transition: 0.2s transform, 0.2s box-shadow;
            box-shadow: 0px 0px 0px #333;
        }

            .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta > a > img {
                display: block;
                margin: 0;
                width: 100%;
                position: absolute;
            }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta > label {
            display: block;
            margin: 0;
            width: 100%;
            min-height: 30px;
            background: rgba(51,51,51,0.7);
            color: #FFF;
            position: relative;
            top: 0px;
            text-align: center;
            vertical-align: central;
            padding: 8px 0;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta > textarea {
            display: block;
            margin: 0;
            width: 100%;
            position: relative;
            bottom: 0;
            text-align: center;
            padding: 8px 0;
            resize: none;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta > i {
            font-family: FontAwesome;
            font-size: xx-large;
            content: "\f00c";
            display: block;
            position: absolute;
            width: 45px;
            height: 45px;
            top: 60%;
            left: 45%;
            color: var(--main-color,#F1008B);
            -webkit-border-radius: 45px;
            border-radius: 45px;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta > h4 {
            display: block;
            position: absolute;
            width: 110px;
            height: 30px;
            top: 75%;
            left: 35%;
            color: white;
            background: var(--main-color,#F1008B);
            padding: 5px 5px;
            border-radius: 25px;
        }

        .modal-md > .seleziona-contenuto > .seleziona-scelta > .attrSelScelta.locked:after {
            font-family: FontAwesome;
            content: "\f218"; /*"\f05e";*/
            font-size: xx-large;
            display: block;
            position: absolute;
            width: 45px;
            height: 45px;
            top: 0%;
            left: 0%;
            color: white;
            background: var(--main-color,#F1008B);
            -webkit-border-radius: 45px;
            border-radius: 45px;
            cursor: not-allowed;
        }

/* ****************
MODALE SERRAMENTO GRAFICO
**************** */




.modal-carousel .item > span {
    min-height: 80px;
    display: block;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.modal-carousel .item.active > span {
    opacity: 1;
    filter: alpha(opacity=30);
}

.modal-carousel .item > span > img {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
}

.modal-carousel .item.active > .checkbox-cerchio + label::after {
    position: absolute;
    background: var(--main-color,#FA278A);
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px;
    display: block;
    content: "";
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.modal-carousel .checkbox-cerchio + label {
    margin-top: 10px;
}

.modal-carousel .modal-dimensioni {
    background: #b1b1b1;
    color: #fff;
    display: table;
    font-size: 13px;
    line-height: 20px;
    margin: 20px auto 0;
    padding: 7px 14px;
    min-width: 130px;
}

    .modal-carousel .modal-dimensioni > i {
        padding-left: 10px;
        font-size: 20px;
        float: right;
    }

.modal-carousel .modal-dimensioni-grafico {
    /*background: #b1b1b1;*/
    color: var(--main-color,#F1008B);
}

#modal-serramento-grafico-composto .modal-carousel .modal-dimensioni-grafico {
    background: #b1b1b1;
}

.modal-carousel .modal-dimensioni-grafico > div {
    /*background: #b1b1b1;*/
}

#modal-serramento-grafico-composto .modal-carousel .modal-dimensioni-grafico > div {
    background: #b1b1b1;
}

#modal-serramento-grafico-composto .modal-dimensioni-grafico .col-lg-4 {
    text-align: left;
    padding: 0 30px;
}

.modal-dimensioni-grafico .preview-prm {
    padding: 25px;
    background: #fff;
}

.modal-carousel .t-center {
    margin-top: 20px;
}

    .modal-carousel .t-center a {
        margin-left: 15px;
    }

modal-carousel .t-center a:first-child {
    margin-left: 0;
}

.modal-dimensioni-grafico {
    text-align: left;
    padding: 0 30px;
}

    .modal-dimensioni-grafico span {
        margin-top: 15px;
        display: block;
        color: var(--main-color,#F1008B);
    }

    .modal-dimensioni-grafico label {
        border-left: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        border-bottom: 1px solid #d6d6d6;
        border-right: 0;
        background: #999;
        color: #fff;
        /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
        line-height: 16px;
        font-size: 95%;
        padding: 8px 10px;
        float: left;
        margin: 10px 0;
        font-weight: normal;
        text-align: left;
        width: 50%;
    }

        .modal-dimensioni-grafico label + input {
            border: 1px solid #d6d6d6;
            background: #fff;
            color: #333;
            /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
            line-height: 16px;
            padding: 8px 12px;
            float: left;
            margin: 10px 0;
            width: 50%;
            height: 34px;
        }

    .modal-dimensioni-grafico .testo-riga {
        position: relative;
        text-align: center;
        margin: 30px 0;
    }

        .modal-dimensioni-grafico .testo-riga > span {
            background: #b1b1b1;
            padding: 0 8px;
            color: var(--main-color,#F1008B); /*color: #fff;*/
            display: inline-block;
            position: relative;
            z-index: 2;
            font-size: 13px;
        }

        .modal-dimensioni-grafico .testo-riga::before {
            content: "";
            background: #c4c4c4;
            height: 1px;
            top: 50%;
            z-index: 0;
            position: absolute;
            left: 15px;
            right: 15px;
            display: block;
        }

.modal-carousel .divisori-head .div-tipo {
    padding: 0 15px;
}

.modal-carousel .divisori-head .div-posizione {
    text-align: center;
}

.modal-carousel .divisori-grafico {
    padding: 0 50px;
    text-align: left;
}

    .modal-carousel .divisori-grafico .divisori-info {
        line-height: 40px;
        font-size: 13px;
        margin-top: 10px;
    }

        .modal-carousel .divisori-grafico .divisori-info div.div-nome {
            padding: 0 15px;
            background: #666;
        }

        .modal-carousel .divisori-grafico .divisori-info div.div-tipo {
            background: #999;
            padding: 0 15px;
            color: #E3E3E3;
        }

        .modal-carousel .divisori-grafico .divisori-info div.div-posizione {
            background: #ddd;
            text-align: center;
            color: #000;
        }

        .modal-carousel .divisori-grafico .divisori-info div.div-icone button {
            display: none;
            margin: 3px auto 2px;
        }

        .modal-carousel .divisori-grafico .divisori-info:last-child div.div-icone button {
            display: table;
        }

.modal-carousel .divisori-add {
    padding: 0 50px;
    text-align: left;
    margin: 30px 0;
}

    .modal-carousel .divisori-add select[name=vanoDisponibile] {
        background: #eee;
        height: 40px;
        line-height: 40px;
        border: 0;
        font-size: 13px;
        padding: 0 15px;
        width: 100%;
        color: #000;
        -webkit-border-radius: 0;
        border-radius: 0;
        /*Serviva per nascondere la freccia dalla select*/
        /*-webkit-appearance: none;*/
    }

    .modal-carousel .divisori-add select[name=tipoDivisore] {
        background: #777;
        height: 40px;
        line-height: 40px;
        border: 0;
        font-size: 13px;
        padding: 0 15px;
        width: 100%;
        color: #E3E3E3;
        -webkit-border-radius: 0;
        border-radius: 0;
        /*Serviva per nascondere la freccia dalla select*/
        /*-webkit-appearance: none;*/
    }

    .modal-carousel .divisori-add input[name=nroDivisori] {
        background: #fff;
        height: 40px;
        line-height: 40px;
        border: 0;
        text-align: center;
        font-size: 13px;
        width: 100%;
        color: #000;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .modal-carousel .divisori-add label[name=rangeDivisori] {
        background: #999;
        color: #fff;
        line-height: 16px;
        font-size: 95%;
        margin: 10px 0;
        text-align: center;
        width: 100%;
        height: 40px;
    }

    .modal-carousel .divisori-add label[name=nomeDivisore_] {
        background: #777;
        color: #fff;
        line-height: 16px;
        font-size: 95%;
        padding: 8px 10px;
        margin: 0px;
        text-align: center;
        width: 100%;
        height: 40px;
    }

.modal-dimensioni-grafico .divisori-add .col-lg-4 {
    text-align: left;
    padding: 0px;
}

.modal-carousel .divisori-add input[name=quotaDivisori] {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border: 0;
    text-align: center;
    font-size: 95%;
    width: 100%;
    color: #000;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    margin: 0px;
}

.modal-carousel .divisori-add button {
    display: table;
    margin: 3px auto 2px;
}

/* ****************
MODAL PRODTTI ALTERNATIVI
**************** */
.modal-prodotti-alternativi ul {
    display: block;
    margin: 0;
    padding: 0;
}

    .modal-prodotti-alternativi ul > li {
        position: relative;
        display: block;
        padding: 0 0 0 0;
        margin: 0 0 20px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,dddddd+100 */
        background: rgb(238,238,238); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0 10px 20px -15px #333333;
        box-shadow: 0 10px 20px -15px #333333;
    }

        .modal-prodotti-alternativi ul > li > .alternativo-ordina {
            float: left;
            display: block;
            background: #eee;
            color: #888;
            width: 45px;
            line-height: 40px;
            cursor: move;
            position: relative;
            z-index: 1;
            font-size: 140%;
        }

        .modal-prodotti-alternativi ul > li > p {
            float: left;
            padding: 0 20px;
            margin: 0;
            line-height: 40px;
            color: #333;
            border-left: 1px solid #ccc;
            position: relative;
            z-index: 1;
        }

        .modal-prodotti-alternativi ul > li > .alternativo-checkbox {
            float: right;
            width: 80px;
            background: #bbb;
            height: 40px;
            position: relative;
            z-index: 1;
        }

            .modal-prodotti-alternativi ul > li > .alternativo-checkbox .checkbox-cerchio + label {
                display: inline-block;
                border-color: #fff;
                margin-top: 10px;
            }

#modal-alternativo-stats .modal-prodotti-alternativi ul > li > .alternativo-checkbox {
    float: left;
    width: auto;
    background: #eee;
    width: 45px;
    border-left: 1px solid #ccc;
}

    #modal-alternativo-stats .modal-prodotti-alternativi ul > li > .alternativo-checkbox .checkbox-cerchio + label {
        border-color: #888;
        margin-top: 11px;
    }

.modal-prodotti-alternativi ul > li > .alt-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
    z-index: 0;
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.modal-prodotti-alternativi ul > li > .alternativo-info {
    float: right;
    background: #bbb;
    color: #333;
    width: 130px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 1;
}

.modal-prodotti-alternativi ul > li > .alternativo-accordion {
    float: right;
    display: block;
    background: #eee;
    color: #888;
    width: 45px;
    font-size: 140%;
    line-height: 40px;
    position: relative;
    z-index: 1;
    border-left: 1px solid #ccc;
}

.modal-prodotti-alternativi ul > li > .alt-acc {
    display: none;
    background: #e3e3e3;
    position: relative;
    z-index: 1;
}

/*
         * MODAL CARATTERISTICHE ACCORDION
        */
#modal-alternativo-stats .alt-acc-1 .data-row {
    max-width: 410px;
    padding: 20px 0 30px;
}

#modal-alternativo-stats .alt-acc .tech-spec-icon {
    width: 60px;
    display: block;
}

#modal-alternativo-stats.tech-specs .tech-grid .text-container {
    padding: 0;
}

#modal-alternativo-stats .alt-acc .text-container p {
    margin: 0;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
}

#modal-alternativo-stats .alt-acc-1 .table-data {
    margin-top: 15px;
}

    #modal-alternativo-stats .alt-acc-1 .table-data > div > label {
        background: #888;
        color: #fff;
        line-height: 30px;
        width: 100px;
        text-align: center;
        display: inline-block;
        font-size: 90%;
        font-weight: normal;
        margin: 0 0 0 10px;
    }

        #modal-alternativo-stats .alt-acc-1 .table-data > div > label:first-child {
            margin-left: 0;
        }

        #modal-alternativo-stats .alt-acc-1 .table-data > div > label + input {
            background: #fff;
            color: #000;
            border: 0;
            height: 30px;
            padding: 0 10px;
            width: 100px;
            display: inline-block;
        }

    #modal-alternativo-stats .alt-acc-1 .table-data > div > #slider-price {
        margin: 30px 0 0;
    }

/*
         * CHECKBOX
        */
#modal-alternativo-stats .alt-acc .table-data .table-content > .table-checkbox {
    background: none;
    margin-top: 10px;
}

    #modal-alternativo-stats .alt-acc .table-data .table-content > .table-checkbox > .checkbox-cerchio + label {
        border-color: #fff;
    }

/*
         * VALORE SELEZIONATO
        */
#modal-alternativo-stats .alt-acc .table-data .selected > div > .checkbox-cerchio + label::after,
#modal-alternativo-stats .alt-acc .table-data .selected ~ div > div > .checkbox-cerchio + label::after {
    position: absolute;
    background: var(--main-color,#FA278A);
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px;
    display: block;
    content: "";
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

/*
         * MODAL CARATTERISTICHE SCROLLER
        */
#modal-alternativo-stats .ui-widget-content {
    background: #e3e3e3;
    border-color: #AEAEAE;
}

#modal-alternativo-stats .ui-slider-handle {
    background: #e3e3e3;
    border-color: #d2d2d2;
}

#modal-alternativo-stats .ui-slider-range {
    background: #d0d0d0;
}

/* ******************
MODALE FILTRO
****************** */
#modal-filtro > .container {
    max-width: 1170px;
    padding: 40px 0;
}

#modal-filtro .carousel-filtri > .owl-carousel {
    background: #ddd;
    padding: 0 40px;
}

    #modal-filtro .carousel-filtri > .owl-carousel .owl-stage {
        display: block;
        margin: 0 auto;
    }

    #modal-filtro .carousel-filtri > .owl-carousel .item {
        display: table;
        padding: 5px 0;
        margin: 5px;
        border-bottom: 2px solid transparent;
    }

        #modal-filtro .carousel-filtri > .owl-carousel .item.active {
            border-bottom-color: #fff;
        }

        #modal-filtro .carousel-filtri > .owl-carousel .item > img {
            height: 80px;
            width: 80px;
            border: 2px solid #fff;
            -webkit-border-radius: 20px;
            border-radius: 20px;
        }

#modal-filtro .carousel-filtri > .filtro-cont {
    padding: 0;
    margin-bottom: 40px;
    overflow-y: auto;
    overflow-x: hidden;
}

    #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a {
        position: relative;
        display: block;
        margin: 10px;
        border: 1px solid #999;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
    }

        #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a.active::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            background: rgba(255, 80, 155, 0.8);
            color: #fff;
            content: "\f00c";
            height: 30px;
            width: 30px;
            line-height: 30px;
            border-radius: 30px;
            text-align: center;
            font-family: FontAwesome;
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a.deactive {
            border-color: #ddd;
        }

            #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a.deactive::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                display: block;
                background: rgba(255,255,255,0.6);
                z-index: 2;
            }

            #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a.deactive::after {
                content: attr(data-text);
                position: absolute;
                top: 50%;
                left: 20px;
                right: 20px;
                text-align: center;
                color: var(--main-color,#FA008B);
                z-index: 3;
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a > img {
            display: table;
            margin: 0 auto;
            width: auto;
            max-width: 100%;
        }

        #modal-filtro .carousel-filtri > .filtro-cont .col-xs-12 > a > span {
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
            background: #999;
            padding: 5px;
            font-weight: bold;
        }

/*Modifica pompeo 30/01/18*/
/*
 * MODALE SEGNALAZIONE ONLINE SUPPORTO
*/
#modal-supporto-segnalazione {
}

    #modal-supporto-segnalazione > .supporto {
        max-width: 800px;
    }

        #modal-supporto-segnalazione > .supporto > .sezione-top {
            text-align: center;
        }

            #modal-supporto-segnalazione > .supporto > .sezione-top > span {
                border-radius: 90px;
                display: inline-block;
                height: 85px;
                width: 85px;
            }

                #modal-supporto-segnalazione > .supporto > .sezione-top > span > img {
                    display: block;
                    width: 100%;
                }

            #modal-supporto-segnalazione > .supporto > .sezione-top h5 {
                color: #444;
                font-size: 1.9em;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            #modal-supporto-segnalazione > .supporto > .sezione-top p {
                color: #b9b9b9;
                font-size: 0.95em;
                margin: 0;
            }

            #modal-supporto-segnalazione > .supporto > .sezione-top .codice-utente {
                margin-top: 10px;
            }

        #modal-supporto-segnalazione > .supporto > .sezione-cont {
            padding: 20px 0 30px;
        }

        #modal-supporto-segnalazione > .supporto label {
            display: none;
        }

        #modal-supporto-segnalazione > .supporto input {
            background: #ccc;
            color: #000;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 12px 10px;
            margin: 15px 0 0;
            border: 0;
            width: 100%;
            box-sizing: border-box;
        }

        #modal-supporto-segnalazione > .supporto .col-md-6:first-child {
            padding-right: 7px;
        }

        #modal-supporto-segnalazione > .supporto .col-md-6:nth-child(2) {
            padding-left: 7px;
        }

        #modal-supporto-segnalazione > .supporto textarea {
            background: #ccc;
            color: #000;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 10px;
            margin-top: 15px;
            border: 0;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
        }
/*fine modifica pompeo*/

/*
 * MODALE SPESE AGGIUNTIVE NOTA
*/
#modal-spesa-nota .modal-body {
    max-width: 700px;
}


#modal-spesa-nota .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-spesa-nota .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
}

#modal-spesa-nota .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-spesa-nota .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}

/*
 * MODALE NOTA VOCE OFFERTA
*/
#modal-voce-nota .modal-body {
    max-width: 700px;
}

#modal-voce-nota .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 20px 40px;
    max-width: 500px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
}

/*
 * MODALE TESTI OFFERTA
*/
#modal-prev-testi .modal-body {
    max-width: 1000px;
}

#modal-prev-testi .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 20px 40px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

/*
 * MODALE CANTIERE
*/
#modal-prev-cantiere .modal-body {
    max-width: 800px;
}

#modal-prev-cantiere .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-prev-cantiere .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
}

#modal-prev-cantiere .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-prev-cantiere .sezione-cont > label {
    float: left;
    /*VIE-3228*/
    /*margin: 20px 20px 5px;*/
    margin: 20px 5px 5px;
}

/*
 * MODALE COSTO
*/
#modal-prev-costi .modal-body {
    max-width: 800px;
}

#modal-prev-costi .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-prev-costi .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
}

#modal-prev-costi .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-prev-costi .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}


/*
 * MODALE OFFERPANORAMIC
*/
#modal-offerpanoramic .modal-body {
    max-width: 800px;
}

#modal-offerpanoramic .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-offerpanoramic .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
}

#modal-offerpanoramic .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-offerpanoramic .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}


/*
 * MODALE TAGS SIGHT
*/
#modal-prev-tags .modal-body {
    max-width: 800px;
}

#modal-prev-tags .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-prev-tags .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
}

#modal-prev-tags .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-prev-tags .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}

/*
 * MODALE MAGGIORAZIONE
*/
#modal-prev-maggiorazione .modal-body {
    max-width: 500px;
}

#modal-prev-maggiorazione .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-prev-maggiorazione .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
}

#modal-prev-maggiorazione .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-prev-maggiorazione .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}

/*
 * MODALE SCONTI VARIANTI
*/
#modal-prev-scontiVarianti .modal-body {
    max-width: 1000px;
}

#modal-prev-scontiVarianti .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-prev-scontiVarianti .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    /*margin: 20px 10px 20px;*/
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
    text-align: center;
}


#modal-prev-scontiVarianti .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
}

#modal-prev-scontiVarianti .sezione-cont > span {
    width: 60%;
}

#modal-prev-scontiVarianti .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}


/*
 * MODALE CONFIGURAZIONE TRADUCI RECORD
*/
#modal-configurazione-traduci-record ul {
    padding: 10px 0;
    margin: 0 0 20px 0;
    list-style: none;
}

    #modal-configurazione-traduci-record ul > li {
        padding: 10px 0;
        margin: 0 auto;
        display: table;
        line-height: 18px;
        min-width: 120px;
    }

        #modal-configurazione-traduci-record ul > li::after {
            content: "";
            display: block;
            clear: both;
        }


/* ******************
TOOLTIP
****************** */

/* ******************
Aggiungere attributo data-tooltip all' elemento a cui si vuole aggiungere il tooltip
****************** */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    /* ******************
Tooltip nascosto di default
****************** */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after {
        position: absolute;
        visibility: hidden;
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
        /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        pointer-events: none;
    }

    /* ******************
Grafica del tooltip
****************** */
    .tooltip:after,
    [data-tooltip]:after {
        z-index: 1000;
        padding: 7px;
        width: 160px;
        background-color: #aaa;
        color: #fff;
        content: attr(data-tooltip);
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
        font-weight: normal;
    }

    /* ******************
Grafica del triangolino
****************** */

    .tooltip:before,
    [data-tooltip]:before {
        z-index: 1001;
        border: 5px solid transparent;
        background: transparent;
        content: "";
    }

    /* ******************
Mostra tooltip on hover
****************** */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    .tooltip:hover:before,
    .tooltip:hover:after {
        visibility: visible;
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
        opacity: 1;
    }

    /* ******************
Tooltip posizionato al di sopra dell' elemento
****************** */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after,
    .tooltip-top:before,
    .tooltip-top:after {
        bottom: 100%;
        left: 50%;
    }

    [data-tooltip]:before,
    .tooltip:before,
    .tooltip-top:before {
        margin-left: -5px;
        margin-bottom: -10px;
        border-top-color: #aaa;
    }

    /* ******************
Allinea centralmente il tooltip top/bottom
****************** */
    [data-tooltip]:after,
    .tooltip:after,
    .tooltip-top:after {
        margin-left: -30px;
    }

.confronta .tooltip-adv:after,
{
    margin-left: -120px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
}

/* ******************
Tooltip posizionato al di sotto dell' elemento
****************** */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom-fixed:before,
.tooltip-bottom-fixed:after {
    position: absolute;
    top: 100%;
    left: 50%;
    bottom: auto;
    overflow: auto;
    margin-top: 0;
}

.tooltip-bottom-fixed:after {
    background: #666;
    width: 280px;
    margin-left: -140px;
}

.tooltip-bottom-fixed:hover:before,
.tooltip-bottom-fixed:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

.tooltip-bottom-fixed:before {
    margin-top: -10px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #666;
}

.tooltip-bottom:before {
    margin-top: -10px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #aaa;
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}

.hidedesktop {
    display: none !important;
}

.show-cell {
    display: none;
}

.show-tablet {
    display: none;
}

/****************************************************/
/****************** NUOVO GRID CSS ******************/

/* *************
GRID 1-5
************** */
.col-md-15,
.col-lg-15,
.col-md-25,
.col-lg-25,
.col-md-35,
.col-lg-35,
.col-md-45,
.col-lg-45 {
    position: relative;
    min-height: 10px;
    padding-right: 10px;
    padding-left: 1px;
}

/****************************************************/
/************** NUOVE GRIGLIE BOOTSTRAP *************/

@media (min-width:1200px) {
    .col-lg-3a {
        width: 30%;
    }

    .col-lg-1a {
        width: 10%;
    }
}

.carousel-inner {
    background: -webkit-radial-gradient(0% 0%, #6E6E6E 10%, #323232 65%, #1F1F1F 90%); /* Safari 5.1-6.0 */
    background: -o-radial-gradient(0% 0%, #6E6E6E 10%, #323232 65%, #1F1F1F 90%); /* For Opera 11.6-12.0 */
    background: -moz-radial-gradient(0% 0%, #6E6E6E 10%, #323232 65%, #1F1F1F 90%); /* For Firefox 3.6-15 */
    background: radial-gradient(at 0% 0%, #6E6E6E 10%, #323232 65%, #1F1F1F 90%); /* Standard syntax */
}

#elenco-img2 {
    max-height: 400px;
    overflow: hidden;
}

/* *************
CATALOGO FILTRA - ELENCO PRODOTTI - CATALOGO PRODOTTI
************** */
.catalogo-filtri {
    margin-top: 15px;
}

    .catalogo-filtri #lasciatiguidareMobile {
        display: flex;
        background: #ddd;
        top: 10px;
        padding: 5px;
        margin-bottom: -18px;
    }

        .catalogo-filtri #lasciatiguidareMobile p {
            font-size: 14px;
            font-weight: bold;
            margin-left: 36%;
            margin-top: 5px;
        }

        .catalogo-filtri #lasciatiguidareMobile a {
            font-size: 40px !important;
            margin-left: 10px;
            color: #333;
            margin-top: -14px;
        }

    .catalogo-filtri .tipologia-filtro {
        background: #ececec;
        text-align: center;
        display: block;
        padding: 5px 10px;
    }

        .catalogo-filtri .tipologia-filtro > a {
            display: inline-block;
            font-size: 16px;
            color: #666;
            padding: 5px;
            margin: 10px 0 10px 10px;
            border-bottom: 2px solid transparent;
        }

            .catalogo-filtri .tipologia-filtro > a:fist-child {
                margin-left: 0;
            }

            .catalogo-filtri .tipologia-filtro > a.active {
                border-bottom-color: #666;
            }

    .catalogo-filtri .lasciati-guidare-carousel {
        background: #ddd;
        text-align: center;
        display: block;
        padding: 15px 10px;
        line-height: 26px;
    }

        .catalogo-filtri .lasciati-guidare-carousel > span {
            font-size: 14px;
            font-weight: bold;
            display: inline-block;
            left: 15px;
            position: absolute;
        }

        .catalogo-filtri .lasciati-guidare-carousel > a {
            color: #333;
            font-size: 26px;
            display: inline-block;
            right: 15px;
            position: absolute;
            top: 50%;
            margin-top: -13px;
        }

        .catalogo-filtri .lasciati-guidare-carousel > .owl-carousel {
            padding: 0 50px;
            margin: 0 25px 0 130px;
            width: auto;
        }

            .catalogo-filtri .lasciati-guidare-carousel > .owl-carousel .item > a {
                background: #bcbcbc;
                color: #fff;
                padding: 4px 12px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                display: block;
                margin: 0 auto;
                line-height: 18px;
                min-width: 130px;
                text-align: left;
            }

                .catalogo-filtri .lasciati-guidare-carousel > .owl-carousel .item > a.active {
                    background: #999;
                }

                .catalogo-filtri .lasciati-guidare-carousel > .owl-carousel .item > a > .icon-cerchio {
                    float: right;
                    margin: 0 0 0 10px;
                    border-color: #fff;
                }

                .catalogo-filtri .lasciati-guidare-carousel > .owl-carousel .item > a.active > .icon-cerchio::after {
                    position: absolute;
                    background: var(--main-color,#F1008B);
                    width: 12px;
                    height: 12px;
                    top: 2px;
                    left: 2px;
                    display: block;
                    content: "";
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                }

/* *************
DOCUMENTI CERCA CAROUSEL
************** */
#documenti-cerca #docLock {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 110%;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    background: #777;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
}

    #documenti-cerca #docLock:hover {
        background: var(--main-color,#FA278A);
    }

#documenti-cerca .documenti-filtri {
    background: #e2e2e2;
    padding: 20px 10px;
}

    #documenti-cerca .documenti-filtri .select_quicksearch {
        display: inline-block;
        border: 1px solid #c2c2c2;
        background: #e2e2e2;
        color: #777;
        font-size: 100%;
        line-height: 32px;
        height: 32px;
        min-width: 200px;
        padding: 0 8px;
        margin-right: 10px;
    }

        #documenti-cerca .documenti-filtri .select_quicksearch > option {
            padding: 0 8px;
        }

    #documenti-cerca .documenti-filtri .quicksearch {
        display: inline-block;
        border: 1px solid #c2c2c2;
        color: #777;
        font-size: 100%;
        line-height: 32px;
        height: 32px;
        min-width: 200px;
        padding: 0 8px;
        position: relative;
        background-image: url('../images/generali/documenti-cerca.png');
        background-position: center right+5px;
        background-repeat: no-repeat;
        background-color: #e2e2e2;
        background-attachment: scroll;
    }

#documenti-cerca .owl-carousel {
    /*padding: 40px 0;*/
    padding: 0px 0;
}

#documenti-cerca .owl-stage-outer {
    overflow: initial;
}

#documenti-cerca .owl-carousel .item {
    position: relative;
    border: 1px solid #bbb;
    max-width: 260px;
    width: 100%;
}

    #documenti-cerca .owl-carousel .item > .action {
        padding: 3px 10px;
        background: #e5e5e5;
    }

        #documenti-cerca .owl-carousel .item > .action > a {
            display: inline-block;
            background: #646464;
            color: #fff;
            width: 29px;
            height: 29px;
            line-height: 28px;
            text-align: center;
            font-size: 16px;
            -webkit-border-radius: 32px;
            border-radius: 32px;
            margin-left: 5px;
            left: 35%;
        }

            #documenti-cerca .owl-carousel.item > .action > a:first-child {
                margin-left: 0;
            }

            #documenti-cerca .owl-carousel.item > .action > a:hover,
            #documenti-cerca .owl-carousel .item > .action > a.active {
                background: #777;
            }

            #documenti-cerca .owl-carousel .item > .action > a.disabled {
                pointer-events: none;
                background: #777;
            }

    #documenti-cerca .owl-carousel .item > a {
        display: block;
        font-weight: normal;
    }

        #documenti-cerca .owl-carousel .item > a > .img {
            display: block;
            text-align: center;
        }

            #documenti-cerca .owl-carousel .item > a > .img > img {
                display: block;
                width: 100%;
                height: auto;
                border: 0;
            }

            #documenti-cerca .owl-carousel .item > a > .img > .icon {
                display: inline-block;
                width: auto;
                padding: 0;
            }

        #documenti-cerca .owl-carousel .item > a > h6 {
            color: #202020;
            font-size: 115%;
            margin: 0;
            padding: 20px 30px;
        }

        #documenti-cerca .owl-carousel .item > a > p {
            color: #666;
            font-size: 100%;
            margin: 0;
            padding: 0 30px 30px;
        }


    #documenti-cerca .owl-carousel .item > .item-lock {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 110%;
        text-align: center;
        padding: 0;
        margin: 0;
        background: #777;
        color: #fff;
        top: -15px;
        right: -15px;
        border: 2px solid #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

/* *************
MODAL DOCUMENTI PASSWORD
************** */
#modal-documenti-password p {
    font-size: 160%;
}

#modal-documenti-password .errore {
    color: #ff7373;
    margin-bottom: 20px;
}

#modal-documenti-password input {
    border: 1px solid #ccc;
    background: #fff;
    color: #777;
    font-size: 100%;
    min-width: 300px;
    padding: 7px 12px;
    margin-bottom: 10px;
}

/* *************
MODAL DOCUMENTI SIGHT
************** */
#modal-documenti-sight p {
    font-size: 160%;
}

#modal-documenti-sight .errore {
    color: #ff7373;
    margin-bottom: 20px;
}

#modal-documenti-sight input {
    border: 1px solid #ccc;
    background: #fff;
    color: #777;
    font-size: 100%;
    min-width: 300px;
    padding: 7px 12px;
    margin-bottom: 10px;
}

/* *************
RISULTATO RICERCA
************** */
.ricerca-filtri {
    margin-top: 15px;
}

    .ricerca-filtri .tipologia-filtro {
        background: #f9f9f9;
        text-align: center;
        display: block;
        padding: 5px 10px;
    }

        .ricerca-filtri .tipologia-filtro > a {
            position: relative;
            display: inline-block;
            font-size: 16px;
            color: #3f3f3f;
            padding: 5px;
            margin: 10px 10px 10px 10px;
            border-bottom: 2px solid transparent;
        }

            .ricerca-filtri .tipologia-filtro > a.active {
                border-bottom-color: #3f3f3f;
            }

#ricerca-isotope {
    padding: 10px 40px 0;
}

    #ricerca-isotope > div > .item-isotope {
        max-width: 300px;
        width: 100%;
    }

        #ricerca-isotope > div > .item-isotope > a {
            position: relative;
            width: 100%;
            padding: 0;
            margin-top: 10px;
            margin-bottom: 10px;
            border: 1px solid #ddd;
            display: block;
            min-height: 397px;
        }

    #ricerca-isotope > div > .documenti {
    }

        #ricerca-isotope > div > .documenti > a {
            font-weight: normal;
        }

            #ricerca-isotope > div > .documenti > a > .img {
                display: block;
                text-align: center;
            }

                #ricerca-isotope > div > .documenti > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

                #ricerca-isotope > div > .documenti > a > .img > .icon {
                    display: inline-block;
                    width: auto;
                    padding: 0;
                }

            #ricerca-isotope > div > .documenti > a > h6 {
                color: #202020;
                font-size: 115%;
                margin: 0;
                padding: 20px 30px;
                font-weight: bold;
            }

            #ricerca-isotope > div > .documenti > a > p {
                color: #666;
                font-size: 100%;
                margin: 0;
                padding: 0 30px 30px;
            }

    #ricerca-isotope > div > .prodotti {
    }

        #ricerca-isotope > div > .prodotti > a {
            text-align: center;
        }

            #ricerca-isotope > div > .prodotti > a > .elenco-img-div {
                position: relative;
                width: 100%;
                height: 300px;
                background-size: cover;
                background-position: 0 0;
                animation-timing-function: ease-out;
            }

                #ricerca-isotope > div > .prodotti > a > .elenco-img-div.hover {
                    -webkit-animation: windowopen2 0.5s steps(10) forwards;
                    animation: windowopen2 0.5s steps(10) forwards;
                }

                #ricerca-isotope > div > .prodotti > a > .elenco-img-div.outer {
                    -webkit-animation: windowclose2 0.5s steps(10) forwards;
                    animation: windowclose2 0.5s steps(10) forwards;
                }

            #ricerca-isotope > div > .prodotti > a > h6 {
                font-size: 16px;
                color: #202020;
                margin: 0 0 10px 0;
                padding: 0;
                display: block;
                font-weight: bold;
            }

            #ricerca-isotope > div > .prodotti > a > p {
                padding: 0 0 10px 0;
                margin: 0;
                color: #444;
                display: block;
            }

            #ricerca-isotope > div > .prodotti > a > span {
                padding: 0 0 20px 0;
                margin: 0;
                color: #868686;
                font-size: 12px;
                display: block;
            }

    #ricerca-isotope > div > .ordini {
    }

        #ricerca-isotope > div > .ordini > a {
            font-weight: normal;
            text-align: center;
        }

            #ricerca-isotope > div > .ordini > a > .img {
                display: block;
                text-align: center;
                background: #e8e8e8;
            }

                #ricerca-isotope > div > .ordini > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

                #ricerca-isotope > div > .ordini > a > .img > .icon {
                    display: inline-block;
                    width: auto;
                    padding: 0;
                }

            #ricerca-isotope > div > .ordini > a > h6 {
                color: #555;
                font-size: 140%;
                margin: 0;
                padding: 20px 20px 5px;
                font-weight: bold;
            }

            #ricerca-isotope > div > .ordini > a > p {
                color: #999;
                font-size: 95%;
                margin: 0;
                padding: 0 10px;
            }

            #ricerca-isotope > div > .ordini > a > span {
                position: absolute;
                bottom: 20px;
                left: 0;
                right: 0;
                display: block;
                text-align: center;
                color: #999;
                font-size: 95%;
                margin: 0;
                padding: 0 0 0 0;
            }

                #ricerca-isotope > div > .ordini > a > span > strong {
                    color: #777;
                    font-size: 150%;
                    display: block;
                }

    #ricerca-isotope > div > .offerte {
    }

        #ricerca-isotope > div > .offerte > a {
            font-weight: normal;
            text-align: center;
        }

            #ricerca-isotope > div > .offerte > a > .img {
                display: block;
                text-align: center;
                background: #e8e8e8;
            }

                #ricerca-isotope > div > .offerte > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

                #ricerca-isotope > div > .offerte > a > .img > .icon {
                    display: inline-block;
                    width: auto;
                    padding: 0;
                }

            #ricerca-isotope > div > .offerte > a > h6 {
                color: #555;
                font-size: 140%;
                margin: 0;
                padding: 20px 20px 5px;
                font-weight: bold;
            }

            #ricerca-isotope > div > .offerte > a > p {
                color: #999;
                font-size: 95%;
                margin: 0;
                padding: 0 10px;
            }

            #ricerca-isotope > div > .offerte > a > span {
                position: absolute;
                bottom: 20px;
                left: 0;
                right: 0;
                display: block;
                color: #999;
                font-size: 95%;
                margin: 0;
                padding: 0 0 0 0;
            }

                #ricerca-isotope > div > .offerte > a > span > strong {
                    color: #777;
                    font-size: 150%;
                    display: block;
                }

    #ricerca-isotope .segnala {
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 50px 50px 0;
        border-color: transparent #ff4e57 transparent transparent;
        cursor: pointer;
        z-index: 10;
    }

        #ricerca-isotope .segnala > i {
            color: #fff;
            position: relative;
            right: -28px;
            top: 4px;
        }

/* *************
BLOCCO RIEPILOGO DATI
************** */
#riepilogo-dati {
    margin-top: 60px;
}

    #riepilogo-dati .separatore {
        display: block;
        margin: 0;
        background: #ccc;
        margin: 20px 0 30px 0;
    }

    #riepilogo-dati h4 {
        font-size: 140%;
    }

    #riepilogo-dati .gray-block {
        background: #ddd;
        padding: 40px 0;
    }

        #riepilogo-dati .gray-block > .container > span,
        #riepilogo-dati .dark-block > .container > span,
        #configuratore-serie > section > span.sottotitolo {
            color: #858585;
            clear: both;
            display: block;
            padding: 0 0 15px;
            font-size: 95%;
        }

    #riepilogo-dati .dark-block {
        background: #ababab;
        padding: 40px 0;
    }

    #riepilogo-dati .upload-file {
        height: 130px;
    }

        #riepilogo-dati .upload-file > div {
            height: 100%;
        }

        #riepilogo-dati .upload-file .col-md-1 .icon {
            background: #ECECEC;
            color: #5f5f5f;
            height: 100%;
            width: 100%;
            display: table;
            text-align: center;
            padding: 35px 0;
            font-size: 200%;
        }

            #riepilogo-dati .upload-file .col-md-1 .icon > i {
                display: table-cell;
                vertical-align: middle;
                height: 100%;
            }

        #riepilogo-dati .upload-file .col-md-11 {
            background: #d1d1d1;
            height: 100%;
            display: table;
            padding: 20px 30px;
        }

            #riepilogo-dati .upload-file .col-md-11 > .input-label {
                display: table-cell;
                height: 100%;
            }

                #riepilogo-dati .upload-file .col-md-11 > .input-label > input {
                    height: 40px;
                    float: left;
                    margin-top: 15px;
                }

                #riepilogo-dati .upload-file .col-md-11 > .input-label > label {
                    font-weight: normal;
                    float: right;
                    margin-top: 16px;
                }

                    #riepilogo-dati .upload-file .col-md-11 > .input-label > label:hover {
                        background: #d1d1d1;
                    }

                #riepilogo-dati .upload-file .col-md-11 > .input-label > a {
                    height: 70px;
                    float: left;
                    display: block;
                }

                    #riepilogo-dati .upload-file .col-md-11 > .input-label > a > img {
                        height: 70px;
                        width: auto;
                        display: inline-block;
                    }

    #riepilogo-dati .label-input.col-md-4,
    #riepilogo-dati .label-input.col-lg-4,
    #riepilogo-dati .label-input.col-md-8,
    #riepilogo-dati .label-input.col-lg-8 {
        padding: 0 15px 0;
    }

    #riepilogo-dati .label-input {
        margin-bottom: 30px;
    }

        #riepilogo-dati .label-input > label {
            color: #fff;
            display: block;
            font-weight: normal;
        }

        #riepilogo-dati .label-input > input,
        #riepilogo-dati .label-input > select {
            width: 100%;
            background: #fff;
            width: 100%;
            border: 1px solid #fff;
            color: #777;
            padding: 10px;
            margin: 0;
            position: relative;
        }

            #riepilogo-dati .label-input > input[type="checkbox"] {
                background: #fff;
                border: 1px solid #fff;
                color: #777;
                padding: 10px;
                margin: 0;
                position: relative;
                /*margin-left: -175px;*/
                margin-top: 15px;
                width: 20px;
            }

            #riepilogo-dati .label-input > input[type="password"] {
                padding-left: 35px;
                background: #fff url('../images/generali/icon-password.png') left center no-repeat;
                background-position: left+10px center;
                background-position-x: 3%;
                background-position-y: center;
                color: #000;
            }

            #riepilogo-dati .label-input > input[name="user_id"] {
                color: #000;
            }

    #riepilogo-dati .check-input {
        padding: 0 0 20px 0;
    }

        #riepilogo-dati .check-input > div {
            float: left;
            margin-right: 5px;
            height: 100%;
        }

        #riepilogo-dati .check-input > input[type="radio"] {
            margin-right: 5px;
            margin-left: 50px;
        }

            #riepilogo-dati .check-input > input[type="radio"]:first-child {
                margin-left: 0;
            }

            #riepilogo-dati .check-input > input[type="radio"] + span + div {
                margin-left: 18px;
                float: none;
                height: auto;
                margin-right: 0;
            }

    #riepilogo-dati .required-info {
        color: #d1d1d1;
        font-style: italic;
        padding: 0 15px 30px;
    }

    #riepilogo-dati .checkbox-info {
        display: inline-block;
        margin-right: 5px;
    }

    #riepilogo-dati .checkbox-cerchio + label {
        border-color: #fff;
        float: left;
        margin-right: 10px;
    }

        #riepilogo-dati .checkbox-cerchio + label + span {
            color: #ececec;
            line-height: 16px;
        }

    #riepilogo-dati .label-textbox {
        margin-bottom: 30px;
    }

        #riepilogo-dati .label-textbox > label {
            font-weight: normal;
            display: block;
            color: #fff;
        }

            #riepilogo-dati .label-textbox > label > span {
                float: right;
                color: #777;
                font-style: italic;
            }

        #riepilogo-dati .label-textbox > textarea {
            color: #000;
            background: #fff;
            border: 0;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            height: 200px;
            padding: 10px;
        }

    #riepilogo-dati .label-image {
        margin-bottom: 30px;
    }

        #riepilogo-dati .label-image > label {
            font-weight: normal;
            display: block;
            color: #fff;
        }

            #riepilogo-dati .label-image > label > span {
                float: right;
                color: #777;
                font-style: italic;
            }

    #riepilogo-dati .label-allegato {
        margin-bottom: 30px;
    }

        #riepilogo-dati .label-allegato .radio-input::after {
            content: "";
            display: block;
            clear: both;
        }

        #riepilogo-dati .label-allegato label:not(.buttonsquare) {
            font-weight: normal;
            display: block;
            color: #fff;
        }

            #riepilogo-dati .label-allegato label:not(.buttonsquare) > span {
                float: right;
                color: #777;
                font-style: italic;
            }

        #riepilogo-dati .label-allegato .checkbox {
            background: #c9c9c9;
            padding: 12px 7px;
            margin: 0;
            width: 40px;
            cursor: initial;
            float: left;
        }

            #riepilogo-dati .label-allegato .checkbox > input.check {
                display: none;
            }

                #riepilogo-dati .label-allegato .checkbox > input.check + label {
                    position: relative;
                    border: 1px solid #aaa;
                    width: 18px;
                    height: 18px;
                    background: transparent;
                    -webkit-border-radius: 18px;
                    border-radius: 18px;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    cursor: pointer;
                    min-height: auto;
                }

                #riepilogo-dati .label-allegato .checkbox > input.check:checked + label::after {
                    position: absolute;
                    background: var(--main-color,#FA278A);
                    width: 12px;
                    height: 12px;
                    top: 2px;
                    left: 2px;
                    display: block;
                    content: "";
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                }

        #riepilogo-dati .label-allegato .radio-input > input {
            width: calc(100% - 40px);
            float: left;
            background: #fff;
            border: 0;
        }

            #riepilogo-dati .label-allegato .radio-input > input[type="text"] {
                height: 42px;
                padding: 0 10px;
            }

            #riepilogo-dati .label-allegato .radio-input > input[type="file"] {
                padding: 9px 12px;
            }

        #riepilogo-dati .label-allegato .radio-input a {
            width: calc(100% - 40px);
            float: left;
            background: #fff;
            height: 42px;
            line-height: 22px;
            display: block;
            padding: 9px 12px;
            margin-bottom: 20px;
            color: #000;
        }

        #riepilogo-dati .label-allegato .buttonsquare {
            float: right;
            margin-top: 25px;
        }

    #riepilogo-dati .lista-utenti {
        background: #eee;
        display: block;
        width: 100%;
        text-align: right;
    }

        #riepilogo-dati .lista-utenti > select {
            background: #f7f7f7;
            border: 0;
            color: #212121;
            font-size: 115%;
            font-weight: bold;
            padding: 0;
            height: 62px;
            line-height: 62px;
            text-indent: 20px;
            min-width: 250px;
            display: block;
            float: left;
        }

        #riepilogo-dati .lista-utenti > a {
            color: #404040;
            display: inline-block;
            margin-top: 21px;
            margin-right: 30px;
            font-size: 95%;
            line-height: 20px;
            text-align: left;
        }

            #riepilogo-dati .lista-utenti > a > i {
                padding-right: 10px;
                font-size: 150%;
                display: inline-block;
                float: left;
            }





/* *************
SUPPORTO
************** */
.page-header {
    margin: 150px 0 40px;
    border: 0;
    padding: 0;
    text-align: center;
}

    .page-header > span {
        width: 85px;
        height: 85px;
        display: inline-block;
        margin-bottom: -30px;
        text-align: center;
        color: #999;
    }

        .page-header > span > i {
            line-height: 85px;
            font-size: 50px;
        }

    .page-header > .img {
        color: #999;
        display: table;
        font-size: 380%;
        margin: 0 auto -35px;
    }

    .page-header > h3 {
        color: #444;
        font-size: 1.9em;
    }

    .page-header > .header-desc {
        padding: 0;
    }

        .page-header > .header-desc > p {
            color: #b9b9b9;
            /*font-size: 0.95em;*/
            font-size: 14px;
            margin: 0;
        }

            .page-header > .header-desc > p > a {
                color: #b9b9b9;
            }

                .page-header > .header-desc > p > a:hover, a:active, a:focus {
                    color: var(--main-color,#F1008B);
                    text-decoration: none;
                    border: none;
                    outline: 0 !important;
                    border-style: none;
                }

        .page-header > .header-desc > form > select {
            margin-top: 15px;
            border: 0;
            border-bottom: 1px solid #444;
            background: #fff;
            color: #444;
            font-size: 120%;
            padding: 5px 24px 5px 8px;
            background-image: url('../images/supporto/select-arrow.png');
            background-repeat: no-repeat;
            background-position: calc(100% - 8px) center;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

    .page-header > hr {
        width: 100%;
        height: 1px;
        border: 0;
        background: #ddd;
        margin-top: 24px;
    }

.codice-utente {
    background: #e2e2e2;
    display: table;
    margin: 20px auto 0;
}

    .codice-utente::after {
        content: "";
        display: inline-block;
        clear: both;
    }

    .codice-utente > h6 {
        display: block;
        font-size: 14px;
        line-height: 1.4;
        color: #fff;
        background: #444;
        padding: 7px 18px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0;
        float: left;
    }

    .codice-utente > span {
        display: block;
        padding: 7px 18px;
        color: #333;
        float: left;
        line-height: 1.4;
        font-style: italic;
    }

.supporto-data {
    color: #FF008D;
    font-size: 115%;
    margin: 0;
    padding: 0 30px 20px;
    text-align: left;
    display: block;
    line-height: 1.6;
}

    .supporto-data > i {
        float: left;
        font-size: 140%;
        margin-right: 10px;
    }

    .supporto-data > span {
        font-size: 70%;
        color: #ccc;
        padding-left: 10px;
    }

#support > .container > .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

#support > .container > .row-case {
    align-items: center;
    justify-content: center;
    background: #e2e2e2;
    margin: 0 0 30px 0;
}

    #support > .container > .row-case > .col-12 > img {
        display: block;
        max-width: 100%;
        width: 100%;
    }

    #support > .container > .row-case > .col-12 > .item {
        color: #7d7d7d;
        padding: 30px 30px 30px 60px;
        text-align: left;
        margin: 0;
        height: 100%;
    }

        #support > .container > .row-case > .col-12 > .item > strong {
            color: #000;
            font-size: 120%;
        }


/* SUPPORT SEARCH */

#support-search {
    background: #e2e2e2;
    padding: 40px;
}

    #support-search > form {
        display: table;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

        #support-search > form > input[type="text"] {
            display: block;
            float: left;
            width: 78%;
            margin-right: 2%;
            padding: 0 10px;
            border: 0;
            background: #fff;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            color: #666;
            height: 40px;
            line-height: 40px;
            font-size: 90%;
        }

        #support-search > form > input[type="submit"] {
            float: right;
            width: 20%;
            padding: 0 10px;
            text-align: center;
            height: 40px;
            line-height: 40px;
            background: var(--main-color,#FA008B);
            color: #fff;
            border: 0;
            font-size: 120%;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        #support-search > form > span {
            margin-top: 15px;
            display: block;
            color: #7d7d7d;
            font-size: 90%;
        }

            #support-search > form > span > label {
                font-weight: normal;
                cursor: pointer;
            }

/*
 * ROW BLOCCHI
*/
.container > .row-blocchi {
    margin-bottom: 0;
}

    .container > .row-blocchi > .col-12 {
        margin-bottom: 30px;
        overflow: hidden;
    }

        .container > .row-blocchi > .col-12 > .item {
            background: #e2e2e2;
            color: #7d7d7d;
            padding: 50px 20px 40px;
            text-align: center;
            margin: 0 15px;
            position: relative;
            display: block;
        }
            /*old modificato da pompeo 30/01/18*/
            /*.container > .row-blocchi > .col-12 > .item > span {
                width: 145px;
                height: 145px;
                -webkit-border-radius: 150px;
                border-radius: 150px;
                display: inline-block;
                margin-bottom: 5px;
            }*/
            /*old pompeo*/
            /*new pompeo*/
            .container > .row-blocchi > .col-12 > .item > span {
                width: 80px;
                height: 80px;
                -webkit-border-radius: 150px;
                border-radius: 150px;
                display: inline-block;
                margin-bottom: 5px;
                background: #777777;
            }
                /*new pompeo*/

                .container > .row-blocchi > .col-12 > .item > span > img {
                    display: block;
                    width: 100%;
                }

            .container > .row-blocchi > .col-12 > .item > p {
                font-size: 120%;
                color: #000;
                /*per rendere omogenea l'altezza dei blocchi nella pagina Voilap_CMS_Configurazione_Sistema*/
                height: 48px;
            }

                .container > .row-blocchi > .col-12 > .item > p > span {
                    display: block;
                    font-size: 80%;
                    color: #7d7d7d;
                    padding-top: 5px;
                }

                .container > .row-blocchi > .col-12 > .item > p a {
                    color: #7d7d7d;
                }

    .container > .row-blocchi > .col-md-4 > .item > span,
    .container > .row-blocchi > .col-icona > .item > span {
        width: 85px;
        height: 85px;
        background: #888;
        text-align: center;
        color: #fff;
    }

    .container > .row-blocchi > .col-md-4 > .item:hover > span,
    .container > .row-blocchi > .col-icona > .item:hover > span {
        background: var(--main-color,#F1008B);
    }

    .container > .row-blocchi > .col-md-4 > .item > span > i,
    .container > .row-blocchi > .col-icona > .item > span > i {
        line-height: 85px;
        font-size: 40px;
    }

    .container > .row-blocchi > .col-md-4 > .item > p,
    .container > .row-blocchi > .col-icona > .item > p {
        color: #7d7d7d;
    }

    .container > .row-blocchi > .col-12 > .item > .notification {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #FF008D;
        color: #fff;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    .container > .row-blocchi > .col-12 > .sub-item {
        position: absolute;
        bottom: -60%;
        visibility: hidden;
        left: 15px;
        right: 15px;
        background: rgba(51,51,51,0.9);
        padding: 10px 20px;
        z-index: 5;
        width: auto;
        height: auto;
        -webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }

        .container > .row-blocchi > .col-12 > .sub-item.show {
            bottom: 0;
            visibility: visible;
        }

        .container > .row-blocchi > .col-12 > .sub-item > strong {
            color: #fff;
        }

        .container > .row-blocchi > .col-12 > .sub-item > hr {
            width: 100%;
            margin: 7px 0;
        }

        .container > .row-blocchi > .col-12 > .sub-item > ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .container > .row-blocchi > .col-12 > .sub-item > ul > li {
                margin-bottom: 2px;
            }

                .container > .row-blocchi > .col-12 > .sub-item > ul > li > a {
                    display: table;
                    font-size: 80%;
                    color: #969696;
                }

    .container > .row-blocchi > .col-12 > .item-hover {
        display: none;
        position: absolute;
        bottom: 85%;
        background: #aaa;
        color: #fff;
        text-align: center;
        padding: 5px;
        max-width: 160px;
        width: 100%;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .container > .row-blocchi > .col-12 > a:hover + .item-hover {
        display: block;
    }

    .container > .row-blocchi > .col-12 > .item-hover::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 50%;
        width: 10px;
        height: 10px;
        background: #aaa;
        -moz-transform: rotate(45deg) translateX(-50%);
        -webkit-transform: rotate(45deg) translateX(-50%);
        -o-transform: rotate(45deg) translateX(-50%);
        -ms-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%);
    }

/*
        inizio modifica pompeo
    */

/* CAROUSEL */
.supporto-webinar-carousel .owl-stage-outer {
    padding: 32px 0 0;
}

.supporto-webinar-carousel {
    background: #fff;
    padding: 30px 0;
}

    .supporto-webinar-carousel > h5 {
        margin-bottom: 30px;
        text-align: center;
    }

        .supporto-webinar-carousel > h5 > i {
            font-size: 140%;
            padding-bottom: 10px;
        }

    .supporto-webinar-carousel > a {
        display: table;
        margin: 0 auto;
        color: #ccc;
    }

        .supporto-webinar-carousel > a:hover {
            color: #FF008D;
        }

    .supporto-webinar-carousel .owl-carousel .item {
        position: relative;
        border: 1px solid #bbb;
        max-width: 260px;
        width: 100%;
    }

        .supporto-webinar-carousel .owl-carousel .item > a {
            display: block;
            font-weight: normal;
        }

            .supporto-webinar-carousel .owl-carousel .item > a > .img {
                display: block;
                text-align: center;
            }

                .supporto-webinar-carousel .owl-carousel .item > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

                .supporto-webinar-carousel .owl-carousel .item > a > .img > .img {
                    display: table;
                    width: 120px;
                    margin: -32px auto 0;
                    -webkit-border-radius: 120px;
                    border-radius: 120px;
                }

            .supporto-webinar-carousel .owl-carousel .item > a > h6 {
                color: #202020;
                font-size: 115%;
                margin: 0;
                padding: 30px 30px 20px;
            }

            .supporto-webinar-carousel .owl-carousel .item > a > .supporto-data {
                padding: 0 20px 10px;
                text-align: left;
                display: block;
            }

            .supporto-webinar-carousel .owl-carousel .item > a > p {
                color: #666;
                font-size: 100%;
                margin: 0;
                padding: 0 30px 30px;
            }

            .supporto-webinar-carousel .owl-carousel .item > a > .separatore {
                background: #bbb;
                margin: 0 0 10px;
            }

            .supporto-webinar-carousel .owl-carousel .item > a.register {
                background: #FF008D;
                color: #fff;
                font-size: 115%;
                text-align: center;
                padding: 10px 0;
            }

/*
 * WEBINAR VIEW
*/
#webinar-view {
    background: #eee;
}

    #webinar-view > .container {
        padding: 20px;
        max-width: 680px;
    }

        #webinar-view > .container > h1 {
            color: #444;
            font-size: 1.9em;
            text-align: center;
        }

        #webinar-view > .container > .supporto-data {
            margin: 20px auto;
        }

    #webinar-view .supporto-data {
        margin: 0 auto;
        padding: 0 20px 10px;
        text-align: left;
        display: table;
    }

        #webinar-view .supporto-data > span {
            color: #aaa;
        }

    #webinar-view .slide .item > .play-video {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(51,51,51,0.5);
        color: #fff;
    }

        #webinar-view .slide .item > .play-video i {
            font-size: 400%;
            display: table;
            margin: 0 auto 5px;
        }

        #webinar-view .slide .item > .play-video span {
            font-size: 120%;
            display: table;
        }

    #webinar-view > .container > .testo-pagina {
        color: #666;
        font-size: 100%;
    }

    #webinar-view > .container > a.register {
        background: #FF008D;
        color: #fff;
        font-size: 115%;
        text-align: center;
        padding: 10px 40px;
        display: table;
        margin: 20px auto;
    }

    #webinar-view > .item-footer {
        height: 20%;
        margin: 0;
        padding: 20px 15%;
        border-top: 1px solid #ddd;
    }

        #webinar-view > .item-footer::after {
            content: "";
            display: block;
            clear: both;
        }

        #webinar-view > .item-footer .supporto-data {
            padding: 0 20px;
            align-items: center;
            justify-content: center;
            display: flex;
            height: 100%;
        }

            #webinar-view > .item-footer .supporto-data > span {
                padding-top: 2px;
            }

/* 
 * WEBINAR ARCHIVE 
*/
#webinar-archive {
    background: #eee;
    border-top: 1px solid #ddd;
    overflow: initial;
}

    #webinar-archive .wrap-col {
        padding: 15px 15px;
        border-bottom: 1px solid #ddd;
    }

        #webinar-archive .wrap-col::after {
            content: "";
            display: block;
            clear: both;
        }

        #webinar-archive .wrap-col > .col-xs-12 {
            line-height: 42px;
        }

            #webinar-archive .wrap-col > .col-xs-12 > .supporto-data {
                padding-bottom: 0;
                margin-top: 5px;
                margin-bottom: 5px;
                float: left;
                line-height: 32px;
                border-right: 1px solid #bbb;
            }

                #webinar-archive .wrap-col > .col-xs-12 > .supporto-data > i {
                    float: none;
                }

            #webinar-archive .wrap-col > .col-xs-12 > p {
                margin: 0 0 0 30px;
                padding: 0 0 0 0;
                float: left;
            }

        #webinar-archive .wrap-col .videopopup {
            color: #444;
            font-size: 300%;
            display: table;
            margin: 0 auto;
        }

            #webinar-archive .wrap-col .videopopup > i {
                display: block;
            }


/*
        fine modifica pompeo
    */

/* ************
CONFIGURATORE LISTINI
************ */
#configurazione-catalogo > .container > .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

#configurazione-catalogo > .container > .row-blocchi > .col-12 {
    overflow: initial;
}


/* Tooltip utilizzate nelle label-for associate a input type checkbox nel configuratore serie*/
.tooltip > .tooltip-inner {
    z-index: 1000;
    padding: 7px;
    width: 160px;
    background-color: #aaa;
    border-radius: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    opacity: 1;
    content: attr(data-tooltip);
}

.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #aaa;
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #aaa;
}

.tooltip.left > .tooltip-arrow {
    border-left: 5px solid #aaa;
}

.tooltip.right > .tooltip-arrow {
    border-right: 5px solid #aaa;
}


/* **************
CONFIGURAZIONE SISTEMA
************** */
#configurazione-sistema {
}

/*
 * SISTEMA ELENCO
*/
#sistema-elenco {
    background: #e7e7e7;
}

    #sistema-elenco > .container > h5 {
        text-align: left;
        border-bottom: 1px solid #bbb;
        display: block;
        width: 100%;
        padding: 0 0 15px 0;
    }

        #sistema-elenco > .container > h5 > a {
            display: block;
            float: right;
            background: #c9c9c9;
            color: #000;
            margin-left: 10px;
            font-size: 16px;
            height: 29px;
            line-height: 28px;
            text-align: center;
            width: 29px;
            -webkit-border-radius: 32px;
            border-radius: 32px;
        }

    #sistema-elenco .row-comandi {
    }

        #sistema-elenco .row-comandi .label-input {
            padding: 0 15px;
        }

        #sistema-elenco .row-comandi label {
            font-weight: 400;
            display: block;
        }

        #sistema-elenco .row-comandi select,
        #sistema-elenco .row-comandi input {
            width: 100%;
            background: #fff;
            width: 100%;
            border: 1px solid #fff;
            color: #000;
            padding: 10px;
            margin: 0;
            position: relative;
        }

            #sistema-elenco .row-comandi select[name="record_numer"] {
                width: auto;
            }

        #sistema-elenco .row-comandi .buttonsquare {
            display: table;
            margin-left: auto;
            margin-right: 0;
        }

    #sistema-elenco .row-elenco {
        padding: 30px 0;
    }

        /* COMUNI */
        #sistema-elenco .row-elenco > .col-xs-12 {
            padding: 0 15px;
        }

        #sistema-elenco .row-elenco .item > .action {
            background: #e5e5e5;
            text-align: center;
        }

            #sistema-elenco .row-elenco .item > .action > a {
                display: inline-block;
                background: #646464;
                color: #fff;
                width: 29px;
                height: 29px;
                line-height: 28px;
                text-align: center;
                font-size: 16px;
                -webkit-border-radius: 32px;
                border-radius: 32px;
                margin-left: 5px;
            }

                #sistema-elenco .row-elenco .item > .action > a:first-child {
                    margin-left: 0;
                }

                #sistema-elenco .row-elenco .item > .action > a:hover,
                #sistema-elenco .row-elenco .item > .action > a.active {
                    background: var(--main-color,#F1008B);
                }

                #sistema-elenco .row-elenco .item > .action > a.disabled {
                    pointer-events: none;
                    background: #848484;
                }

        #sistema-elenco .row-elenco .item > .checkbox {
            background: #c9c9c9;
            padding: 5px 7px;
            margin: 0;
            cursor: initial;
        }

            #sistema-elenco .row-elenco .item > .checkbox > input[type="checkbox"] {
                display: none;
            }

                #sistema-elenco .row-elenco .item > .checkbox > input[type="checkbox"] + label {
                    position: relative;
                    border: 1px solid #aaa;
                    width: 18px;
                    height: 18px;
                    background: transparent;
                    -webkit-border-radius: 18px;
                    border-radius: 18px;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    cursor: pointer;
                    min-height: auto;
                }

                #sistema-elenco .row-elenco .item > .checkbox > input[type="checkbox"]:checked + label::after {
                    position: absolute;
                    background: var(--main-color,#FA278A);
                    width: 12px;
                    height: 12px;
                    top: 2px;
                    left: 2px;
                    display: block;
                    content: "";
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                }

        /* ANTEPRIMA */
        #sistema-elenco .row-elenco.anteprima .item {
            border: 1px solid #bbb;
            display: block;
            font-weight: normal;
            position: relative;
            width: 100%;
            background: #fff;
            margin-bottom: 20px;
        }

            #sistema-elenco .row-elenco.anteprima .item > .img {
                display: block;
                text-align: center;
            }

                #sistema-elenco .row-elenco.anteprima .item > .img > img {
                    border: 0 none;
                    display: block;
                    height: auto;
                    width: 100%;
                }

        #sistema-elenco .row-elenco.anteprima.news .item > .img > .supporto-data {
            display: none;
        }

        #sistema-elenco .row-elenco.anteprima .item > .img > .icon {
            display: inline-block;
            padding: 0;
            width: auto;
        }

        #sistema-elenco .row-elenco.anteprima .item > .title {
            padding: 20px;
            color: #202020;
            font-size: 115%;
        }

        #sistema-elenco .row-elenco.anteprima .item > .desc {
            color: #666;
            font-size: 90%;
            padding: 0 20px 20px;
        }

        #sistema-elenco .row-elenco.anteprima .item > .action {
            padding: 3px 10px;
        }

        /*VARIANTI*/
        #sistema-elenco .row-elenco.varianti .item {
            border: 1px solid #bbb;
            display: block;
            font-weight: normal;
            position: relative;
            width: 100%;
            background: #fff;
            margin-bottom: 20px;
            height: 285px;
        }

            #sistema-elenco .row-elenco.varianti .item > .fa {
                width: 100%;
                background-color: #c9c9c9;
                padding: 20px;
                font-size: 50px;
                color: var(--main-color,#F1008B);
            }

            #sistema-elenco .row-elenco.varianti .item > .title {
                padding-top: 20px;
                /*padding-left: 15px;*/
                padding-bottom: 10px;
                color: #202020;
                width: 100%;
                /*font-size: large;*/
                overflow: hidden;
                /*white-space: nowrap;*/
                text-overflow: ellipsis;
                width: 100%;
            }

            #sistema-elenco .row-elenco.varianti .item > .desc {
                color: #666;
                font-size: 90%;
                padding: 0 20px 20px;
            }

            #sistema-elenco .row-elenco.varianti .item > .action {
                padding: 3px 10px;
            }

            #sistema-elenco .row-elenco.varianti .item > .checkbox {
                background: #c9c9c9;
                padding: 5px 7px;
                margin: 0;
                cursor: initial;
                position: absolute;
                bottom: 0px;
                width: 100%;
            }

                #sistema-elenco .row-elenco.varianti .item > .checkbox > input[type="checkbox"] {
                    display: none;
                }

                    #sistema-elenco .row-elenco.varianti .item > .checkbox > input[type="checkbox"] + label {
                        position: relative;
                        border: 1px solid #aaa;
                        width: 18px;
                        height: 18px;
                        background: transparent;
                        -webkit-border-radius: 18px;
                        border-radius: 18px;
                        display: block;
                        margin: 0 auto;
                        padding: 0;
                        cursor: pointer;
                        min-height: auto;
                    }

                    #sistema-elenco .row-elenco.varianti .item > .checkbox > input[type="checkbox"]:checked + label::after {
                        position: absolute;
                        background: var(--main-color,#FA278A);
                        width: 12px;
                        height: 12px;
                        top: 2px;
                        left: 2px;
                        display: block;
                        content: "";
                        -webkit-border-radius: 12px;
                        border-radius: 12px;
                    }

        /* ELENCO */
        #sistema-elenco .row-elenco.elenco > div {
            width: 100% !important;
        }

        #sistema-elenco .row-elenco.elenco .item {
            display: block;
            font-weight: normal;
            position: relative;
            margin-bottom: 10px;
        }

            #sistema-elenco .row-elenco.elenco .item::after {
                content: "";
                display: block;
                clear: both;
            }

            #sistema-elenco .row-elenco.elenco .item > .img {
                display: block;
                text-align: center;
                border: 1px solid #bbb;
                background: #fff;
                overflow: hidden;
                height: 35px;
                float: left;
                width: 30px;
            }

                #sistema-elenco .row-elenco.elenco .item > .img > img {
                    display: none;
                }

                #sistema-elenco .row-elenco.elenco .item > .img > .icon {
                    display: inline-block;
                    height: 50px;
                    position: relative;
                    top: -9px;
                }

        #sistema-elenco .row-elenco.elenco.news .item > .img {
            width: 160px;
            text-align: left;
        }

            #sistema-elenco .row-elenco.elenco.news .item > .img > .supporto-data {
                padding: 0 5px;
                font-size: 100%;
                line-height: 35px;
                text-align: inherit !important;
            }

                #sistema-elenco .row-elenco.elenco.news .item > .img > .supporto-data > i {
                    display: none;
                }

        #sistema-elenco .row-elenco.elenco .item > .title {
            float: left;
            border: 1px solid #bbb;
            border-right: 0;
            background: #fff;
            margin-left: 10px;
            line-height: 23px;
            padding: 5px 10px;
            color: #202020;
            font-size: 115%;
        }

        #sistema-elenco .row-elenco.elenco.documenti .item > .title {
            width: calc(100% - 40px - 210px - 33px);
        }

        #sistema-elenco .row-elenco.elenco.news .item > .title {
            width: calc(100% - 170px - 210px - 33px);
        }

        #sistema-elenco .row-elenco.elenco.clienti .item > .title {
            width: calc(100% - 210px - 33px);
            margin-left: 0;
        }

        #sistema-elenco .row-elenco.elenco.spese .item > .title {
            /*width: calc(100% - 40px - 160px - 33px);*/
            width: calc(100% - 40px - 210px - 33px);
        }

        #sistema-elenco .row-elenco.elenco .item > .desc {
            display: none;
        }

        #sistema-elenco .row-elenco.elenco.news .item > .supporto-data {
            display: none;
        }

        #sistema-elenco .row-elenco.elenco .item > .action {
            padding: 2px 10px;
            float: left;
            width: 210px;
            border: 1px solid #bbb;
            border-left: 0;
            border-right: 0;
        }

        #sistema-elenco .row-elenco.elenco.spese .item > .action {
            width: 190px;
        }

        #sistema-elenco .row-elenco.elenco .item > .checkbox {
            float: left;
            padding: 7px 7px 8px;
            border: 1px solid #bbb;
            border-left: 0;
        }

    /* PAGINATION */
    #sistema-elenco > .pagination {
        background: #ddd;
        display: block;
        padding: 0;
        margin: 0;
        border: none;
    }

        #sistema-elenco > .pagination > .container {
            padding: 10px 60px;
        }

            #sistema-elenco > .pagination > .container::after {
                content: "";
                display: block;
                clear: both;
            }

            #sistema-elenco > .pagination > .container > .float-left {
                float: left;
                line-height: 32px;
            }

            #sistema-elenco > .pagination > .container > .float-right {
                float: right;
                text-align: right;
            }

                #sistema-elenco > .pagination > .container > .float-right > a {
                    padding: 6px 5px;
                    min-width: 34px;
                    text-align: center;
                    background: #777;
                    display: inline-block;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    color: #333;
                }

                    #sistema-elenco > .pagination > .container > .float-right > a:hover,
                    #sistema-elenco > .pagination > .container > .float-right > a.active {
                        background: var(--main-color,#F1008B);
                        color: #fff;
                    }

/*/*
 * SISTEMA AGGIUNGI ELEMENTO
*/
/*#sistema-add {
    background: #e7e7e7;
    padding: 20px 0;
}

    #sistema-add > .container > h5 {
        text-align: left;
        border-bottom: 1px solid #bbb;
        display: block;
        width: 100%;
        padding: 0 0 15px 0;
    }

        #sistema-add > .container > h5.subtitle {
            padding-top: 40px;
        }

    #sistema-add label {
        font-weight: 400;
        display: block;
    }

        #sistema-add label > span {
            float: right;
            color: #999;
            font-size: 90%;
        }

    #sistema-add select {
        display: table;
        width: 100%;
        padding: 9px 12px;
        margin-bottom: 20px;
    }

    #sistema-add input,
    #sistema-add textarea {
        display: block;
        width: 100%;
        padding: 9px 12px;
        margin-bottom: 20px;
    }

    #sistema-add textarea {
        max-width: 100%;
        min-width: 100%;
        min-height: 120px;
    }

    #sistema-add > .container > .row {
        margin: 0;
    }

        #sistema-add > .container > .row select,
        #sistema-add > .container > .row input {
            max-width: 220px;
        }

    #sistema-add .upload-file {
        height: 110px;
        margin-bottom: 20px;
    }

        #sistema-add .upload-file > div {
            height: 100%;
        }

        #sistema-add .upload-file .col-md-1 .icon {
            background: #ECECEC;
            color: #5f5f5f;
            height: 100%;
            width: 100%;
            display: table;
            text-align: center;
            padding: 35px 0;
            font-size: 200%;
        }

            #sistema-add .upload-file .col-md-1 .icon > i {
                display: table-cell;
                vertical-align: middle;
                height: 100%;
            }

        #sistema-add .upload-file .col-md-11 {
            background: #d1d1d1;
            height: 100%;
            display: table;
            padding: 10px 30px;
        }

            #sistema-add .upload-file .col-md-11 > .input-label {
                display: table-cell;
                height: 100%;
                vertical-align: middle;
            }

                #sistema-add .upload-file .col-md-11 > .input-label > input {
                    width: auto;
                    height: 40px;
                    float: left;
                    margin: 0;
                    padding: 0;
                }

                #sistema-add .upload-file .col-md-11 > .input-label > label {
                    font-weight: normal;
                    float: right;
                }

                    #sistema-add .upload-file .col-md-11 > .input-label > label:hover {
                        background: #d1d1d1;
                    }

                #sistema-add .upload-file .col-md-11 > .input-label > a {
                    float: left;
                    display: block;
                }

                    #sistema-add .upload-file .col-md-11 > .input-label > a > img {
                        height: 88px;
                        width: auto;
                        display: inline-block;
                    }

                    #sistema-add .upload-file .col-md-11 > .input-label > a + label {
                        margin-top: 24px;
                    }

    #sistema-add .radio-input::after {
        content: "";
        display: block;
        clear: both;
    }

    #sistema-add .checkbox {
        background: #c9c9c9;
        padding: 12px 7px;
        margin: 0;
        width: 40px;
        cursor: initial;
        float: left;
    }

        #sistema-add .checkbox > input.check {
            display: none;
        }

            #sistema-add .checkbox > input.check + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                padding: 0;
                cursor: pointer;
                min-height: auto;
            }

            #sistema-add .checkbox > input.check:checked + label::after {
                position: absolute;
                background: #FA278A;
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }

    #sistema-add .radio-input input {
        width: calc(100% - 40px);
        float: left;
        background: #fff;
        border: 0;
    }

        #sistema-add .radio-input input[type="text"] {
            height: 42px;
        }

    #sistema-add .radio-input a {
        width: calc(100% - 40px);
        float: left;
        background: #fff;
        height: 42px;
        line-height: 22px;
        display: block;
        padding: 9px 12px;
        margin-bottom: 20px;
        color: #000;
    }

    #sistema-add .col-lg-3 > label.buttonsquare {
        display: table;
    }*/

#configurazione-sistema #prodotti-collegabili > .title {
    border: 0;
    text-align: center;
    padding: 20px;
}

#configurazione-sistema #prodotti-collegabili .owl-carousel .item {
    background: #ececec;
    position: relative;
    padding: 20px 20px 44px;
    min-width: 180px;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}

    #configurazione-sistema #prodotti-collegabili .owl-carousel .item.inactive {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    #configurazione-sistema #prodotti-collegabili .owl-carousel .item > p {
        font-size: 120%;
        text-align: center;
        padding: 0;
        margin: 0;
        /*per rendere omogenea l'altezza dei blocchi nella pagina Voilap_CMS_Documenti_Add*/
        height: 48px;
    }

    #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .categoria {
        display: block;
        font-size: 90%;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .img {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .img .elenco-img-div {
            position: relative;
            width: 100%;
            height: 150px;
            background-size: cover;
            background-position: 0 0;
            animation-timing-function: ease-out;
        }

            #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .img .elenco-img-div.hover {
                -webkit-animation: windowopen3 0.5s steps(10) forwards;
                animation: windowopen3 0.5s steps(10) forwards;
            }

            #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .img .elenco-img-div.outer {
                -webkit-animation: windowclose3 0.5s steps(10) forwards;
                animation: windowclose3 0.5s steps(10) forwards;
            }

    #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .checkbox {
        background: #c9c9c9;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 7px;
        margin: 0;
        z-index: 2;
        cursor: initial;
    }

        #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .checkbox > input[type="checkbox"] {
            display: none;
        }

            #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .checkbox > input[type="checkbox"] + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                padding: 0;
                cursor: pointer;
                min-height: auto;
            }

            #configurazione-sistema #prodotti-collegabili .owl-carousel .item > .checkbox > input[type="checkbox"]:checked + label::after {
                position: absolute;
                background: var(--main-color,#FA278A);
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }
/*
 * BLOCCO SCURO
*/
#configurazione-sistema .dark-block {
    background: #d1d1d1;
}

#configurazione-sistema .gray-block h4 {
    margin-top: 0;
}

#configurazione-sistema .dark-block h4 + .separatore {
    background: #bbb;
}

#configurazione-sistema #riepilogo-dati .label-input > label {
    color: #000;
}

    #configurazione-sistema #riepilogo-dati .label-input > label.file {
        color: #666;
    }

#configurazione-sistema #riepilogo-dati .label-input > .clear {
    display: inline-block;
}

#configurazione-sistema #riepilogo-dati .label-input > input,
#configurazione-sistema #riepilogo-dati .label-input > select {
    color: #000;
}

#configurazione-sistema #riepilogo-dati .label-textbox > label {
    color: #000;
}

#configurazione-sistema #riepilogo-dati .label-image > label {
    color: #000;
}

#configurazione-sistema #riepilogo-dati .label-allegato label:not(.buttonsquare) {
    color: #000;
}

#configurazione-sistema #riepilogo-dati .required-info {
    color: #000;
}

#configurazione-sistema #riepilogo-dati .checkbox-cerchio + label + span {
    color: #000;
}

#configurazione-sistema .dark-block hr {
    margin: 30px 0;
    padding: 0;
    border-color: #999;
}

#configurazione-sistema .dark-block .row + hr {
    margin-top: 0;
}

#configurazione-sistema #riepilogo-dati .dark-block .upload-file .col-md-11 {
    background: #c1c1c1;
}

/* 
 * MATRICE RIEPILOGO DATI
*/
#matrice-riepilogo-dati {
    margin: 0;
    padding: 40px 20px;
    background: #ddd;
}

    #matrice-riepilogo-dati .percentuale {
        font-size: 200px;
        background: rgba(250,0,139,0.3);
    }

        #matrice-riepilogo-dati .percentuale > span {
            color: #888;
        }

        #matrice-riepilogo-dati .percentuale::after {
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
            background: -webkit-linear-gradient(top, #ffffff 0%,#bbbbbb 100%);
            background: linear-gradient(to bottom, #ffffff 0%,#bbbbbb 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 );
        }

    #matrice-riepilogo-dati .grafico-legend {
        line-height: 18px;
        padding: 7px 0;
        color: #666;
    }

        #matrice-riepilogo-dati .grafico-legend::before {
            content: "";
            display: block;
            float: left;
            width: 18px;
            height: 18px;
            margin-right: 10px;
            -webkit-border-radius: 16px;
            border-radius: 16px;
        }

        #matrice-riepilogo-dati .grafico-legend.produzione::before {
            background: rgb(194,0,100);
        }

        #matrice-riepilogo-dati .grafico-legend.generali::before {
            background: rgb(124,51,131);
        }

        #matrice-riepilogo-dati .grafico-legend.commerciali::before {
            background: rgb(226,70,148);
        }

        #matrice-riepilogo-dati .grafico-legend::after {
            content: "";
            clear: both;
        }

    #matrice-riepilogo-dati .ebit {
        font-size: 170%;
        margin: 7px 0 10px;
    }

        #matrice-riepilogo-dati .ebit > strong {
            font-size: 95%;
        }

        #matrice-riepilogo-dati .ebit + span {
            font-size: 110%;
            color: #535353;
            line-height: 1.8;
        }

    #matrice-riepilogo-dati .info {
        background: #fff;
        color: #666;
        border: 1px solid #ccc;
        padding: 7px 15px;
        margin: 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        #matrice-riepilogo-dati .info > strong {
            float: right;
            color: #000;
            font-size: 100%;
        }

        #matrice-riepilogo-dati .info > input {
            float: right;
            background: transparent;
            border: 0;
            color: #000;
            font-size: 100%;
            text-align: right;
            font-weight: bold;
            width: 150px;
        }

        #matrice-riepilogo-dati .info::after {
            content: "";
            clear: both;
        }



/* 
 * MATRICE
*/
#matrice {
    margin: 0;
    padding: 40px 20px;
    background: #e7e7e7;
}

    #matrice > .title {
        text-align: center;
        font-size: 160%;
        color: #444;
    }

        #matrice > .title > span {
            display: block;
            padding: 15px 0 0 0;
            font-size: 60%;
            color: #aaa;
        }

    #matrice > .filtri {
        text-align: center;
        margin-top: 20px;
    }

        #matrice > .filtri > a {
            display: inline-block;
            margin: 0 10px;
            padding: 5px;
            color: #868686;
            font-size: 120%;
        }

            #matrice > .filtri > a:hover {
                color: #444;
            }

            #matrice > .filtri > a.active {
                border-bottom: 1px solid #444;
            }

#matriceTop {
    margin: 0;
    padding: 40px 20px;
    background: #e7e7e7;
}

    #matriceTop > .container-fluid > .title {
        text-align: center;
        font-size: 160%;
        color: #444;
    }

        #matriceTop > .container-fluid > .title > span {
            display: block;
            padding: 15px 0 0 0;
            font-size: 60%;
            color: #aaa;
        }

    #matriceTop > .container-fluid > .filtri {
        text-align: center;
        margin-top: 20px;
    }

        #matriceTop > .container-fluid > .filtri > a {
            display: inline-block;
            margin: 0 10px;
            padding: 5px;
            color: #868686;
            font-size: 120%;
        }

            #matriceTop > .container-fluid > .filtri > a:hover {
                color: #444;
            }

            #matriceTop > .container-fluid > .filtri > a.active {
                border-bottom: 1px solid #444;
            }

#matrice > .tabella {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*
	 * TABELLA
	*/
#matrice .tabella {
    border-collapse: collapse;
    display: table;
    margin: 0 auto;
    background: #e3e3e3;
}

    #matrice .tabella td,
    #matrice .tabella th {
        padding: 0.75em 1.5em;
        text-align: center;
        border: 0;
    }

    #matrice .tabella thead th {
        border-right: 1px solid #ccc;
    }

    #matrice .tabella thead tr th:first-child {
        border-right: 1px solid #555;
    }

    #matrice .tabella thead th img {
        display: inline-block;
    }

    #matrice .tabella tbody td {
        color: #777;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

        #matrice .tabella tbody td > input {
            background: transparent;
            border: 0;
            text-align: center;
            width: 100px;
            color: #000;
        }

    #matrice .tabella tbody th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: #888;
    }

    #matrice .tabella td.err {
        background-color: rgba(250,0,139,1);
        color: #fff;
        font-size: 0.9em;
        line-height: 1;
        font-weight: bold;
    }

    #matrice .tabella td.active {
        color: #000;
        cursor: pointer;
    }

    #matrice .tabella tbody tr > td.active:hover {
        /*background-color: #0E5EA7;*/
        background-color: var(--main-color,#F1008B);
        color: #000;
    }

    #matrice .tabella td.edited {
        background-color: #0E5EA7;
        color: #fff;
    }

    #matrice .tabella th {
        background-color: #555;
        font-weight: bold;
        color: #fff;
        white-space: nowrap;
    }

#matrice .sticky-wrap .sticky-intersect th {
    background-color: #555;
    color: #eee;
}

#matrice .sticky-thead {
    border: 0;
}

#matrice .tabella tfoot {
    background-color: #555;
    color: #fff;
    white-space: nowrap;
}

    #matrice .tabella tfoot th {
        text-align: right;
        font-weight: normal;
        text-transform: uppercase;
    }

    #matrice .tabella tfoot td {
        font-weight: bold;
        font-size: 140%;
    }

/*
    * MODALE CALCOLA PREZZO
*/
.legend {
    position: absolute;
    padding-top: 10px;
    left: 40px;
    list-style: none;
    font-size: 12px;
    font-family: Lato,Verdana,Sans-Serif;
    color: grey;
}

    .legend li {
        float: left;
        margin-right: 10px;
    }

    .legend span {
        border: 1px solid #ccc;
        float: left;
        width: 12px;
        height: 12px;
        margin: 2px;
    }
    /* your colors */
    .legend .generic {
        background-color: rgb(255, 99, 132);
    }

#modal-calcola-prezzo .grafico {
    position: relative;
}

    #modal-calcola-prezzo .grafico > .value {
        position: absolute;
        right: 1%;
        top: 15%;
        color: #777;
        border: 3px solid #FF008D;
        width: 65px;
        height: 65px;
        line-height: 65px;
        text-align: center;
        font-size: 100%;
        font-weight: bold;
        box-sizing: content-box;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+29,bbbbbb+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 29%, #bbbbbb 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 29%,#bbbbbb 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 29%,#bbbbbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
        -webkit-border-radius: 100px;
        border-radius: 100px;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #modal-calcola-prezzo .grafico > canvas {
        height: 250px !important;
    }

#modal-calcola-prezzo .markup {
    background: #646464;
    padding: 10px;
    /*margin: 40px -80px 40px -80px;*/
    margin: 40px 1px 40px 0px;
}

    #modal-calcola-prezzo .markup > span {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 140%;
        margin-bottom: 20px;
    }

    #modal-calcola-prezzo .markup > div {
        display: inline-block;
    }

        #modal-calcola-prezzo .markup > div .perc {
            background: white;
            color: black;
            height: 50px;
            border: 0;
            border: 1px solid #fff;
            text-align: right;
            float: left;
            padding: 8px 2px;
            font-size: 120%;
        }

        #modal-calcola-prezzo .markup > div .value {
            background: white;
            color: black;
            width: 120px;
            height: 50px;
            border: 0;
            border: 1px solid #fff;
            text-align: center;
            float: left;
            padding: 8px 2px;
            font-size: 180%;
            font-weight: bold;
        }

        #modal-calcola-prezzo .markup > div > div > div > input[type="text"]:hover {
            background: aquamarine;
        }

        #modal-calcola-prezzo .markup > div > div > div > input[type="text"]:disabled {
            /*é lo style utilizzato dalla input dove visualizziamo la % Sconto Serie*/
            background: #ddd;
            color: #888;
            cursor: not-allowed;
        }

    #modal-calcola-prezzo .markup label {
        font-size: 180%;
        display: block;
        position: absolute;
        left: 230px;
        top: 234px;
    }

    #modal-calcola-prezzo .markup > div span {
        color: #fff;
        font-size: 120%;
        font-weight: bold;
        display: block;
        text-align: center;
    }

#modal-calcola-prezzo .prezzo-listino {
    padding-bottom: 40px;
}

    #modal-calcola-prezzo .prezzo-listino > span {
        display: block;
        text-align: center;
        color: #000;
        font-size: 140%;
        margin-bottom: 0;
    }

    #modal-calcola-prezzo .prezzo-listino > p {
        color: #999;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    #modal-calcola-prezzo .prezzo-listino .col-xs-12 > label {
        display: block;
        margin: 15px 20px 10px;
        padding: 0 0 20px;
        color: #777;
        border-bottom: 1px solid #d6d6d6;
    }

    #modal-calcola-prezzo .prezzo-listino .col-xs-12 > input[type="checkbox"] {
        display: none;
    }

        #modal-calcola-prezzo .prezzo-listino .col-xs-12 > input[type="checkbox"] + label {
            position: relative;
            border: 1px solid #aaa;
            width: 22px;
            height: 18px;
            background: transparent;
            -webkit-border-radius: 18px;
            border-radius: 18px;
            display: block;
            margin: 0 auto;
            cursor: pointer;
        }

        #modal-calcola-prezzo .prezzo-listino .col-xs-12 > input[type="checkbox"]:checked + label::after {
            position: absolute;
            background: var(--main-color,#FA278A);
            width: 16px;
            height: 16px;
            top: 2px;
            left: 2px;
            display: block;
            content: "";
            -webkit-border-radius: 12px;
            border-radius: 12px;
        }

    #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont {
        padding: 0 20px;
    }

        #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont > span {
            display: block;
            height: 30px;
            line-height: 30px;
            margin-bottom: 10px;
        }

            #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont > span > a {
                margin: 0 5px;
                color: #999;
            }

                #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont > span > a:hover,
                #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont > span > a.active {
                    color: #FF008D;
                }

        #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont .input {
            margin-bottom: 10px;
        }

            #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont .input::after {
                content: "";
                display: block;
                clear: both;
            }

            #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont .input > label {
                float: left;
                width: 60%;
                height: 30px;
                border-left: 4px solid #666;
                color: #888;
                line-height: 30px;
                padding: 0 15px;
                text-align: left;
                font-weight: normal;
                background: #ffffff;
                background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
                background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
                background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
            }

            #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont .input > input {
                float: left;
                width: 40%;
                height: 30px;
                border: 0;
                background: #ddd;
                color: #000;
                font-weight: bold;
                text-align: right;
                padding: 0 15px;
            }

                #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont .input > input[type="text"]:hover {
                    background: aquamarine;
                    color: #000;
                }

                #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont .input > input[type="text"]:disabled {
                    background: #ddd;
                    color: #888;
                    cursor: not-allowed;
                }

        #modal-calcola-prezzo .prezzo-listino .col-xs-12 > .cont > .inactive .input > input {
            color: #888;
        }



/* ************
CONFIGURAZIONE TIPOLOGIA SERIE
************ */
#configuratore-tipologia-serie .draggable {
    margin: 0 0 15px;
}

#configuratore-tipologia-serie .serie {
    position: relative !important;
    background: #E2E2E2;
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 15px 0 0;
    top: 0 !important;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}

    #configuratore-tipologia-serie .serie:not(:first-child) .empty {
        transform: scale(1,0.5);
    }

    #configuratore-tipologia-serie .serie > div {
        display: table-cell;
        margin: 0;
        padding: 0;
        float: none;
        vertical-align: middle;
    }

    #configuratore-tipologia-serie .serie > .opzioni-ordine {
        background: #f2f2f2;
        width: 3%;
        padding: 15px 0;
    }

        #configuratore-tipologia-serie .serie > .opzioni-ordine > i {
            display: table;
            margin: 0 auto;
            font-size: 150%;
            cursor: pointer;
            padding: 3px;
        }

    #configuratore-tipologia-serie .serie > .opzioni-select {
        background: #f2f2f2;
        width: 3%;
        padding: 15px 0;
        border-left: 1px solid #E2E2E2;
    }

        #configuratore-tipologia-serie .serie > .opzioni-select > input[type="checkbox"] {
            display: none;
        }

            #configuratore-tipologia-serie .serie > .opzioni-select > input[type="checkbox"] + label {
                position: relative;
                border: 1px solid #aaa;
                width: 18px;
                height: 18px;
                background: transparent;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                display: block;
                margin: 0 auto;
                cursor: pointer;
            }

            #configuratore-tipologia-serie .serie > .opzioni-select > input[type="checkbox"]:checked + label::after {
                position: absolute;
                background: var(--main-color,#FA278A);
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                display: block;
                content: "";
                -webkit-border-radius: 12px;
                border-radius: 12px;
            }

    #configuratore-tipologia-serie .serie > .opzioni-image {
        background: #ECECEC;
        width: 10%;
        padding: 15px 0;
    }

        #configuratore-tipologia-serie .serie > .opzioni-image > h3 {
            text-align: center;
            color: #bbb;
            font-size: 120%;
            margin-top: 0;
        }

        #configuratore-tipologia-serie .serie > .opzioni-image > img {
            max-width: 200px;
            margin: 0 auto;
            width: 100%;
            display: table;
        }

    #configuratore-tipologia-serie .serie > .opzioni-misure {
        width: 40%;
        padding: 20px 2% 40px;
        position: relative;
        background: #bbb;
        vertical-align: top;
    }

        #configuratore-tipologia-serie .serie > .opzioni-misure label {
            color: #fff;
        }

    #configuratore-tipologia-serie .serie > .opzioni-parametri {
        width: 40%;
        position: relative;
        padding: 20px 2% 40px;
        vertical-align: top;
    }

#configuratore-tipologia-serie section .col-xs-6,
#configuratore-tipologia-serie section .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
}

#configuratore-tipologia-serie section > .title {
    font-size: 160%;
    padding: 0 5px 20px;
    margin: 0;
    font-weight: bold;
}

#configuratore-tipologia-serie section label {
    display: block;
    color: #a3a3a3;
    /*padding-top: 10px;*/
    padding-top: 15px;
    font-weight: normal;
}

#configuratore-tipologia-serie section input[type="text"]:disabled {
    color: #aaa;
}

#configuratore-tipologia-serie section input[type="text"] {
    display: block;
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #333;
    /** Line height fissata a 16px per assicurarsi dell'alineamento su tutti i browser (su ie l'altezza non varia nell'input usando line-height) */
    line-height: 16px;
    padding: 8px 12px;
    margin: 10px 0;
    width: 100%;
}

#configuratore-tipologia-serie section .checkbox-cerchio {
    display: none;
}

    #configuratore-tipologia-serie section .checkbox-cerchio + label {
        margin: 0;
        display: block;
        float: left;
    }

        #configuratore-tipologia-serie section .checkbox-cerchio + label + label {
            display: block;
            float: left;
            margin: 0 0 0 10px;
            padding: 0;
            line-height: 18px;
            font-size: 14px;
            cursor: pointer;
        }
/*
	 * SERIE PARAMETRI
	*/
#configuratore-tipologia-serie .serie-parametri {
    padding: 40px;
    background: #666;
}

    #configuratore-tipologia-serie .serie-parametri .title {
        text-align: center;
        font-size: 160%;
        color: #fff;
    }

    #configuratore-tipologia-serie .serie-parametri .filtri {
        text-align: center;
        margin: 20px 0;
    }

        #configuratore-tipologia-serie .serie-parametri .filtri > a {
            display: inline-block;
            margin: 0 10px;
            padding: 5px;
            color: #fff;
            font-size: 120%;
        }

            #configuratore-tipologia-serie .serie-parametri .filtri > a.active {
                border-bottom: 1px solid #fff;
                color: #bbb;
            }

    #configuratore-tipologia-serie .serie-parametri .buttonsquare {
        background: #555;
        color: #fff;
        /*display: table;*/
        display: inline-block;
        margin-right: 15px;
        /*margin: 0 auto 0px;*/
    }

        #configuratore-tipologia-serie .serie-parametri .buttonsquare:hover {
            background: transparent;
        }

    #configuratore-tipologia-serie .serie-parametri .tabella-serie .edited {
        background: #006BB3;
    }


#configuratore-tipologia-serie .opzioni-dati a.altri-parametri {
    position: absolute;
    bottom: 0;
    left: 53%;
    background: #b1b1b1;
    /*background: var(--main-color,#F1008B);*/
    font-size: 16px;
    line-height: 20px;
    /*color: #fff;*/
    color: var(--main-color,#F1008B);
    border-color: var(--main-color,#F1008B);
    padding: 7px 14px;
    display: inline-block;
    margin-left: -70px;
    cursor: pointer;
}

    #configuratore-tipologia-serie .opzioni-dati a.altri-parametri > i {
        padding-left: 10px;
        font-size: 20px;
        float: right;
    }
/* *************
LOAD MORE
************* */
.load-more {
    display: table;
    margin: 40px auto;
    padding: 10px 22px;
    border: 1px solid #bbb;
    color: #aaa;
}

    .load-more:hover {
        color: #FF008D;
        border: 1px solid #FF008D;
    }

/* *************
COOKIE
************** */
#cookie-policy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 20px;
    background: rgba(51,51,51,0.9);
}

    #cookie-policy > p {
        color: #ccc;
        font-size: 90%;
        font-style: italic;
        max-width: 980px;
        text-align: center;
        margin: 0 auto;
    }

        #cookie-policy > p > strong {
            color: #fff;
            font-size: 140%;
            display: table;
            margin: 0 auto 10px;
            font-style: initial;
        }

        #cookie-policy > p > a {
            color: #ccc;
        }

    #cookie-policy > a {
        display: table;
        margin: 20px auto 0;
    }

/*
 * CASE HISTORY SUPPORT
*/
#case-history {
}

    #case-history > .row-eq-height {
        color: #000;
        margin: 0 0 10px 0;
        padding: 0;
        background: #FFF;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        #case-history > .row-eq-height:nth-child(even) {
            background: #BBBCBB;
        }

        #case-history > .row-eq-height img {
            display: block;
            width: 100%;
        }

        #case-history > .row-eq-height .item-cont {
            padding: 20px 100px;
        }

        #case-history > .row-eq-height h3 {
            color: #000;
        }

        #case-history > .row-eq-height:nth-child(even) h3 {
            padding-left: 20px;
            color: #FFF;
        }

        #case-history > .row-eq-height p {
            color: #999;
            padding-right: 20px;
            line-height: 1.6;
            display: block;
        }

        #case-history > .row-eq-height:nth-child(even) p {
            padding-right: 0;
            padding-left: 20px;
            color: #EBEBEB;
        }

#case-history-view {
    background: #FFFF;
}

    #case-history-view > .container {
        padding: 20px;
        /*max-width: 680px;*/
    }

        #case-history-view > .container > h1 {
            color: #444;
            font-size: 1.9em;
            text-align: center;
        }

        #case-history-view > .container > span {
            color: #aaa;
            display: block;
            text-align: center;
            padding-bottom: 20px;
        }

        #case-history-view > .container > .testo-pagina {
            color: #666;
        }

.case-history-carousel {
    background: #eee;
    padding: 30px 0;
}

    .case-history-carousel > h5 {
        margin-bottom: 30px;
    }

    .case-history-carousel .owl-carousel .item {
        position: relative;
        border: 1px solid #bbb;
        max-width: 260px;
        width: 100%;
    }

        .case-history-carousel .owl-carousel .item > a {
            display: block;
            font-weight: normal;
        }

            .case-history-carousel .owl-carousel .item > a > .img {
                display: block;
                text-align: center;
            }

                .case-history-carousel .owl-carousel .item > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

            .case-history-carousel .owl-carousel .item > a > h6 {
                color: #202020;
                font-size: 115%;
                margin: 0;
                padding: 30px 30px 20px;
            }

            .case-history-carousel .owl-carousel .item > a > p {
                color: #666;
                font-size: 100%;
                margin: 0;
                padding: 0 30px 30px;
            }

/*
 * BOTTONI SEGNALA, CONDIVIDI, DOCUMENTO
*/

.bottoni {
    width: 100%;
    align-content: center;
    text-align: center;
    display: table;
    z-index: 100;
    position: absolute;
    margin-top: -25px;
    margin-bottom: 30px;
}

/*Modifica pompeo 01/02/18*/
/*
 * FAQ
*/
#faq > .container {
    padding: 0 15px;
}

    #faq > .container > h3 {
        color: #444;
        font-size: 1.25rem;
        margin-bottom: 20px;
    }

/*
 * GLOSSARIO
*/
#glossario {
}

    #glossario h2,
    #glossario h3,
    #glossario h4 {
        text-align: center;
        font-weight: initial;
        text-transform: initial;
        font-size: 18px;
        color: #333;
    }

    #glossario .container-fluid {
        margin: 0 0 10px 0;
        padding: 0;
        background-color: #eee;
        color: #AAAAAA;
        position: relative;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

        #glossario .container-fluid .container {
            padding-top: 15px;
            padding-bottom: 15px;
        }

            #glossario .container-fluid .container .item {
                display: table;
                margin: 0 auto;
                padding: 10px 0;
            }

                #glossario .container-fluid .container .item span {
                    color: #999;
                    display: table;
                    margin-bottom: 12px;
                }

                #glossario .container-fluid .container .item a {
                    color: #999;
                    font-size: 14px;
                    font-style: italic;
                    display: table;
                    margin: 6px 0 0;
                }

                    #glossario .container-fluid .container .item a:first-child {
                        margin-top: 0;
                    }

#modal-supporto-glossario .modal-body {
    max-width: 700px;
}

#modal-supporto-glossario .sezione-cont {
    text-align: left;
    padding-bottom: 30px;
    line-height: 1.8;
}
/*fine modifica pompeo 01/02/18*/


/*
        inizio modifica pompeo
    */

/*
 * GETTING START SUPPORT
*/
#getting-start-isotope {
}

    #getting-start-isotope .item-isotope {
        margin-top: 10px;
    }

        #getting-start-isotope .item-isotope > .row-eq-height {
            color: #000;
            margin: 0;
            padding: 20px 40px;
            background: #eee;
            align-items: center;
            justify-content: center;
            position: relative;
        }

            #getting-start-isotope .item-isotope > .row-eq-height img {
                max-width: 100%;
                display: table;
                margin: 0 auto;
            }

            #getting-start-isotope .item-isotope > .row-eq-height h3 {
                color: #000;
                padding-top: 30px;
            }

        #getting-start-isotope .item-isotope:nth-child(even) > .row-eq-height h3 {
            padding-left: 20px;
        }

        #getting-start-isotope .item-isotope > .row-eq-height p {
            color: #999;
            padding-right: 20px;
            line-height: 1.6;
            display: block;
        }

        #getting-start-isotope .item-isotope:nth-child(even) > .row-eq-height p {
            padding-right: 0;
            padding-left: 20px;
        }

        #getting-start-isotope .item-isotope > .row-eq-height > .play-video {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: rgba(51,51,51,0.5);
            color: #fff;
            -webkit-transition: opacity 200ms ease-in-out;
            -moz-transition: opacity 200ms ease-in-out;
            -ms-transition: opacity 200ms ease-in-out;
            -o-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out;
        }

        #getting-start-isotope .item-isotope > .row-eq-height:hover > .play-video {
            opacity: 1;
        }

        #getting-start-isotope .item-isotope > .row-eq-height > .play-video i {
            font-size: 400%;
            display: table;
            margin: 0 auto 5px;
        }

        #getting-start-isotope .item-isotope > .row-eq-height > .play-video span {
            font-size: 120%;
            display: table;
        }

/* CAROUSEL */
.supporto-webinar-carousel .owl-stage-outer {
    padding: 32px 0 0;
}

.supporto-webinar-carousel {
    background: #fff;
    padding: 30px 0;
}

    .supporto-webinar-carousel > h5 {
        margin-bottom: 30px;
        text-align: center;
    }

        .supporto-webinar-carousel > h5 > i {
            font-size: 140%;
            padding-bottom: 10px;
        }

    .supporto-webinar-carousel > a {
        display: table;
        margin: 0 auto;
        color: #ccc;
    }

        .supporto-webinar-carousel > a:hover {
            color: #FF008D;
        }

    .supporto-webinar-carousel .owl-carousel .item {
        position: relative;
        border: 1px solid #bbb;
        max-width: 260px;
        width: 100%;
    }

        .supporto-webinar-carousel .owl-carousel .item > a {
            display: block;
            font-weight: normal;
        }

            .supporto-webinar-carousel .owl-carousel .item > a > .img {
                display: block;
                text-align: center;
            }

                .supporto-webinar-carousel .owl-carousel .item > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

                .supporto-webinar-carousel .owl-carousel .item > a > .img > .img {
                    display: table;
                    width: 120px;
                    margin: -32px auto 0;
                    -webkit-border-radius: 120px;
                    border-radius: 120px;
                }

            .supporto-webinar-carousel .owl-carousel .item > a > h6 {
                color: #202020;
                font-size: 115%;
                margin: 0;
                padding: 30px 30px 20px;
            }

            .supporto-webinar-carousel .owl-carousel .item > a > .supporto-data {
                padding: 0 20px 10px;
                text-align: left;
                display: block;
            }

            .supporto-webinar-carousel .owl-carousel .item > a > p {
                color: #666;
                font-size: 100%;
                margin: 0;
                padding: 0 30px 30px;
            }

            .supporto-webinar-carousel .owl-carousel .item > a > .separatore {
                background: #bbb;
                margin: 0 0 10px;
            }

            .supporto-webinar-carousel .owl-carousel .item > a.register {
                background: #FF008D;
                color: #fff;
                font-size: 115%;
                text-align: center;
                padding: 10px 0;
            }

/*
 * WEBINAR VIEW
*/
#webinar-view {
    background: #eee;
}

    #webinar-view > .container {
        padding: 20px;
        max-width: 680px;
    }

        #webinar-view > .container > h1 {
            color: #444;
            font-size: 1.9em;
            text-align: center;
        }

        #webinar-view > .container > .supporto-data {
            margin: 20px auto;
        }

    #webinar-view .supporto-data {
        margin: 0 auto;
        padding: 0 20px 10px;
        text-align: left;
        display: table;
    }

        #webinar-view .supporto-data > span {
            color: #aaa;
        }

    #webinar-view .slide .item > .play-video {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(51,51,51,0.5);
        color: #fff;
    }

        #webinar-view .slide .item > .play-video i {
            font-size: 400%;
            display: table;
            margin: 0 auto 5px;
        }

        #webinar-view .slide .item > .play-video span {
            font-size: 120%;
            display: table;
        }

    #webinar-view > .container > .testo-pagina {
        color: #666;
        font-size: 100%;
    }

    #webinar-view > .container > a.register {
        background: #FF008D;
        color: #fff;
        font-size: 115%;
        text-align: center;
        padding: 10px 40px;
        display: table;
        margin: 20px auto;
    }

    #webinar-view > .item-footer {
        height: 20%;
        margin: 0;
        padding: 20px 15%;
        border-top: 1px solid #ddd;
    }

        #webinar-view > .item-footer::after {
            content: "";
            display: block;
            clear: both;
        }

        #webinar-view > .item-footer .supporto-data {
            padding: 0 20px;
            align-items: center;
            justify-content: center;
            display: flex;
            height: 100%;
        }

            #webinar-view > .item-footer .supporto-data > span {
                padding-top: 2px;
            }

/* 
 * WEBINAR ARCHIVE 
*/
#webinar-archive {
    background: #eee;
    border-top: 1px solid #ddd;
    overflow: initial;
}

    #webinar-archive .wrap-col {
        padding: 15px 15px;
        border-bottom: 1px solid #ddd;
    }

        #webinar-archive .wrap-col::after {
            content: "";
            display: block;
            clear: both;
        }

        #webinar-archive .wrap-col > .col-xs-12 {
            line-height: 42px;
        }

            #webinar-archive .wrap-col > .col-xs-12 > .supporto-data {
                padding-bottom: 0;
                margin-top: 5px;
                margin-bottom: 5px;
                float: left;
                line-height: 32px;
                border-right: 1px solid #bbb;
            }

                #webinar-archive .wrap-col > .col-xs-12 > .supporto-data > i {
                    float: none;
                }

            #webinar-archive .wrap-col > .col-xs-12 > p {
                margin: 0 0 0 30px;
                padding: 0 0 0 0;
                float: left;
            }

        #webinar-archive .wrap-col .videopopup {
            color: #444;
            font-size: 300%;
            display: table;
            margin: 0 auto;
        }

            #webinar-archive .wrap-col .videopopup > i {
                display: block;
            }


/*
        fine modifica pompeo
    */


/*modifica pompeo 01/02/18*/
/* -------------------------------------------- */
/* --------------- Accordion ------------------ */
.accordion {
    background: #eee;
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0 0;
}

    .accordion li {
        display: block;
        border-bottom: 1px solid #ddd;
    }

    .accordion .accordion-show-info {
        display: block;
        padding: 15px 30px 15px;
        position: relative;
    }

        .accordion .accordion-show-info > header {
            padding: 0;
            text-align: left;
            position: relative;
        }

            .accordion .accordion-show-info > header > div {
                float: left;
                line-height: 20px;
                font-weight: normal;
                font-size: 130%;
                margin: 0;
                padding: 15px 15px;
                color: #868686;
            }

            .accordion .accordion-show-info > header > i {
                float: right;
                margin: 0;
                line-height: 20px;
                display: table;
                margin: 0 auto;
                text-align: center;
                font-size: 28px;
                padding: 10px 10px;
                color: #333;
            }

    .accordion .accordion-info {
        color: #fff;
        background: #ccc;
        margin: 0 0 0 0;
    }

        .accordion .accordion-info > div {
            display: none;
            padding: 40px 20px;
            font-size: 110%;
            line-height: 160%;
        }

    /*
	 * CURRENT
	*/
    .accordion .accordion-show-info.current > header > div {
        color: #fff;
        background: #ccc;
    }

    .accordion .accordion-show-info.current + .accordion-info {
        margin-top: -15px;
    }

        .accordion .accordion-show-info.current + .accordion-info > div {
            display: block;
        }
/*fine modifica pompeo 01/02/18*/


/*Modifica pompeo 30/01/18*/
/*
 * MODALE SEGNALAZIONE ONLINE SUPPORTO
*/
#modal-supporto-segnalazione {
}

    #modal-supporto-segnalazione > .supporto {
        max-width: 800px;
    }

        #modal-supporto-segnalazione > .supporto > .sezione-top {
            text-align: center;
        }

            #modal-supporto-segnalazione > .supporto > .sezione-top > span {
                border-radius: 90px;
                display: inline-block;
                height: 85px;
                width: 85px;
            }

                #modal-supporto-segnalazione > .supporto > .sezione-top > span > img {
                    display: block;
                    width: 100%;
                }

            #modal-supporto-segnalazione > .supporto > .sezione-top h5 {
                color: #444;
                font-size: 1.9em;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            #modal-supporto-segnalazione > .supporto > .sezione-top p {
                color: #b9b9b9;
                font-size: 0.95em;
                margin: 0;
            }

            #modal-supporto-segnalazione > .supporto > .sezione-top .codice-utente {
                margin-top: 10px;
            }

        #modal-supporto-segnalazione > .supporto > .sezione-cont {
            padding: 20px 0 30px;
        }

        #modal-supporto-segnalazione > .supporto label {
            display: none;
        }

        #modal-supporto-segnalazione > .supporto input {
            background: #ccc;
            color: #000;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 12px 10px;
            margin: 15px 0 0;
            border: 0;
            width: 100%;
            box-sizing: border-box;
        }

        #modal-supporto-segnalazione > .supporto .col-md-6:first-child {
            padding-right: 7px;
        }

        #modal-supporto-segnalazione > .supporto .col-md-6:nth-child(2) {
            padding-left: 7px;
        }

        #modal-supporto-segnalazione > .supporto textarea {
            background: #ccc;
            color: #000;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 10px;
            margin-top: 15px;
            border: 0;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
        }
/*fine modifica pompeo*/

/*inizio modifica gianluca*/
/* ******************
MODALE CALCOLA PREZZO
******************* */
.modal-calc-prez-md > .seleziona-contenuto {
    display: block;
    background: #FFF;
    padding: 40px 80px;
    margin: 28px auto;
    border-radius: 20px;
    width: 90%;
    max-width: 1170px;
}

    .modal-calc-prez-md > .seleziona-contenuto > .selziona-top {
        width: 100%;
        display: block;
    }

        .modal-calc-prez-md > .seleziona-contenuto > .selziona-top > h4 {
            display: table;
            margin: 0 auto 10px;
            padding: 0;
            color: #333;
            font-size: 180%;
            font-weight: bold;
        }

        .modal-calc-prez-md > .seleziona-contenuto > .selziona-top > span {
            display: table;
            margin: 0 auto 40px;
            color: #999;
        }

    .modal-calc-prez-md > .seleziona-contenuto > .seleziona-categoria {
        display: block;
        text-align: left;
        color: #333;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #333;
        font-size: 110%;
        font-weight: bold;
    }

    .modal-calc-prez-md > .seleziona-contenuto > .seleziona-scelta {
        margin-bottom: 40px;
    }

        .modal-calc-prez-md > .seleziona-contenuto > .seleziona-scelta > a {
            margin: 20px 0 0 0;
            position: relative;
        }

            .modal-calc-prez-md > .seleziona-contenuto > .seleziona-scelta > a.selected:after {
                font-family: FontAwesome;
                content: "\f00c";
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 160%;
                width: 45px;
                height: 45px;
                text-align: center;
                line-height: 200%;
                color: #fff;
                background: var(--main-color,#F1008B);
                -webkit-border-radius: 45px;
                border-radius: 45px;
                margin: -42px 0 0 -27px;
            }

            .modal-calc-prez-md > .seleziona-contenuto > .seleziona-scelta > a > img {
                display: table;
                margin: 0 auto;
                max-width: 175px;
                width: 90%;
                position: relative;
            }

            .modal-calc-prez-md > .seleziona-contenuto > .seleziona-scelta > a > label {
                display: table;
                margin: 0 auto;
                max-width: 175px;
                width: 90%;
                background: #333;
                color: #b8b8b8;
                padding: 10px 10px;
                text-align: left;
                -webkit-border-radius: 0 0 10px 10px;
                border-radius: 0 0 10px 10px;
                cursor: pointer;
            }
/*fine modifica gianluca*/


/*Modifica per le photogallery*/
.mfp-title {
    color: #CCC !important;
}

/*Aggiunto da GIANLUCA*/
/*START*/
/*Modifica per nascondere la [X] dalle input type text quando si utilizza EDGE*/
.someinput::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-clear {
    display: none;
}
/*END*/


/*Aggiunto da Gianluca */
/*START*/
.advancedFilter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
}

    .advancedFilter > .formCont input[type="text"] {
        display: block;
        border: 1px solid #cfcfcf;
        font-family: Arial, Helvetica, sans-serif;
        color: #999;
        width: 100%;
        height: 45px;
        outline: none;
        line-height: 180%;
        font-size: 95%;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 24px;
        padding-left: 30px;
        -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
        box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    }

    .advancedFilter > .formCont select {
        display: block;
        border: 1px solid #cfcfcf;
        width: 100%;
        height: 45px;
        font-family: Arial, Helvetica, sans-serif;
        color: #999;
        height: 27px;
        font-size: 95%;
        outline: none;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 24px;
        padding-left: 10px;
        -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
        box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    }

        .advancedFilter > .formCont select.big {
            height: 45px;
            line-height: 40px; /** Solo per safari. Unico modo per settare l'altezza */
        }


.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: auto;
    line-height: 30px;
    display: block;
    border: 1px solid #cfcfcf;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 70%;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.2);
}


/*Aggiunto da Gianluca [VIE-698]*/
.advancedFilter > .formCont > .col-xs-12.col-md-12.col-lg-12 > .testo-riga {
    position: relative;
    text-align: center;
    margin: 5px;
}

    .advancedFilter > .formCont > .col-xs-12.col-md-12.col-lg-12 > .testo-riga > span {
        background: var(--main-color,#F1008B);
        padding: 0 8px;
        color: #fff; /*color: #fff;*/
        display: inline-block;
        position: relative;
        z-index: 2;
        font-size: 13px;
    }

    .advancedFilter > .formCont > .col-xs-12.col-md-12.col-lg-12 > .testo-riga::before {
        content: "";
        background: #c4c4c4;
        height: 1px;
        top: 50%;
        z-index: 0;
        position: absolute;
        left: 15px;
        right: 15px;
        display: block;
    }


/*RATING CATALOGO PRODOTTO */
.catalogRating {
    color: #777;
    font-size: 30px;
    margin-right: 3px;
    margin-top: 40px;
}

/* 
 * CONFRONTA PRODOTTI NEW
*/
#compare-values {
    background: #eee;
}

    #compare-values > .center {
        display: table;
        margin: 0 auto;
        max-width: 800px;
        width: 100%;
    }

        #compare-values > .center > .center-cont {
            display: block;
            float: left;
            width: 25%;
        }

    #compare-values .item {
        display: table;
        max-width: 200px;
        width: 100%;
        padding: 0 7px;
        margin: 15px auto;
        line-height: 0.8;
    }

        #compare-values .item::after {
            display: block;
            content: "";
            clear: both;
        }

        #compare-values .item > input {
            float: right;
            display: block;
            background: #fff;
            width: calc(100% - 28px);
            border: 0;
            color: #333;
            padding: 2px 4px;
            margin: 0;
            height: 21px;
            max-width: 70px;
        }

        #compare-values .item > .descr {
            float: left;
            display: block;
            width: 28px;
            line-height: 16px;
            border: 0;
            padding: 2px 4px;
            color: #333;
            background: #ccc;
            margin: 0;
            height: 21px;
        }

        #compare-values .item > select {
            display: block;
            background: white;
            width: 100%;
            border: 0;
            color: #333;
            padding: 2px 4px;
            margin: 0;
            height: 21px;
        }

    #compare-values #buttonApply {
        padding-bottom: 10px;
        margin-left: 45%;
    }

        #compare-values #buttonApply .buttonsquare {
            width: 200px;
            font-size: 13px !important;
        }

    #compare-values .item > a {
        display: table;
        margin: 3px auto 0;
    }

#compare-products {
}

    #compare-products .item {
        background: #fff;
        margin: 2px;
        height: 297px;
    }

        #compare-products .item.selected {
            background: #eee;
        }

        #compare-products .item .buttonsquare {
            width: 100%;
            top: -35px;
            position: relative;
            opacity: 0.72;
        }

        #compare-products .item .series-name {
            text-align: center;
            color: #333;
            margin: 0;
            font-size: 20px;
            padding-top: 15px;
            min-height: 82px;
            transition: font-size 0.5s ease, font-weight 0.5s ease, margin-top 0.5s ease;
            -webkit-transition: font-size 0.5s ease, font-weight 0.5s ease, margin-top 0.5s ease;
        }

            #compare-products .item .series-name > span {
                margin-top: 7px;
                font-size: 70%;
                color: #aaa;
                display: block;
                text-align: center;
            }

        #compare-products .item .series-image {
            width: 100%;
            height: 120px;
            background-position: top;
            background-size: cover;
            background-repeat: no-repeat;
            transition: background-size 0.5s ease;
            -webkit-transition: background-size 0.5s ease;
            opacity: 0.7;
        }

        #compare-products .item.selected .series-image {
            opacity: 1;
            min-height: 169px;
        }

        #compare-products .item .series-info {
            text-align: center;
            background: #aaa;
            color: #fff;
            font-size: 12px;
            padding: 8px;
            min-height: 25px;
            top: -35px;
            position: relative;
        }

            #compare-products .item .series-info > strong {
                font-size: 140%;
            }

            #compare-products .item .series-info > span {
                font-size: 120%;
            }

        #compare-products .item.selected .series-info {
            background: #333;
        }

/*END*/

/*RISPOSTE LASCIATI GUIDARE: NASCONDE TUTTI I DUPLICATI*/
div.owl-item.cloned {
    /*display: none;*/
    visibility: hidden !important;
}
/*END*/





/* [VIE-961] START HOME LANDIGN 2020 */
#home-landing {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

    #home-landing > .row-eq-height {
        color: #000;
        margin: 0 0 10px 0;
        padding: 0;
        background-color: #FFFFFF;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        #home-landing > .row-eq-height img {
            display: block;
            width: 100%;
        }

        #home-landing > .row-eq-height .item-cont {
            padding: 20px 10%;
        }

            #home-landing > .row-eq-height .item-cont h1 {
                margin-top: 0;
            }

        #home-landing > .row-eq-height h3 {
            color: #000;
        }

        #home-landing > .row-eq-height:nth-child(even) h3 {
            padding-left: 20px;
        }

        #home-landing > .row-eq-height p {
            color: #999;
            padding-right: 20px;
            line-height: 1.6;
            display: block;
        }

        #home-landing > .row-eq-height:nth-child(even) p {
            padding-right: 0;
        }



#home-landing-view {
    background: #eee;
}

    #home-landing-view > .container {
        padding: 20px;
        max-width: 680px;
    }

        #home-landing-view > .container > h1 {
            color: #444;
            font-size: 1.9em;
            text-align: center;
        }

        #home-landing-view > .container > span {
            color: #aaa;
            display: block;
            text-align: center;
            padding-bottom: 20px;
        }

        #home-landing-view > .container > .testo-pagina {
            color: #666;
        }

.home-landing-carousel {
    padding: 30px 0;
}

    .home-landing-carousel > h5 {
        margin-bottom: 30px;
    }

    .home-landing-carousel .owl-carousel .item {
        position: relative;
        background-color: #FFF;
        max-width: 500px;
        width: 100%;
        height: 400px;
        box-shadow: 0px 10px 10px #dedede;
    }

        .home-landing-carousel .owl-carousel .item > a {
            display: block;
            font-weight: bold;
        }

            .home-landing-carousel .owl-carousel .item > a > .img {
                display: block;
                text-align: center;
            }

                .home-landing-carousel .owl-carousel .item > a > .img > img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: 0;
                }

            .home-landing-carousel .owl-carousel .item > a > h6 {
                color: #111111;
                font-size: 130%;
                font-weight: bold;
                line-height: 25px;
                margin: 0;
                padding: 30px 30px 20px;
            }

            .home-landing-carousel .owl-carousel .item > a > p {
                color: #666;
                font-size: 85%;
                margin: 0;
                padding: 0 30px 30px;
            }

#home-landing .btn-toolset {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 1.2;
    font-weight: normal;
    font-family: sans-serif;
    font-size: 18px;
    background-color: #FF0092;
    border-radius: 6px;
    padding: 15px 32px;
    border: 0px solid #FF0092;
    cursor: pointer;
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

    #home-landing .btn-toolset:hover {
        background-color: #111111;
        border-color: #111111;
    }

    #home-landing .btn-toolset > strong {
        font-size: 16px;
    }

/*
 * HOMEPAGE 2020
*/
#homepage {
    padding-top: 64px;
}

    #homepage h5 {
        font-size: 180%;
    }

    #homepage .slide {
        position: relative;
    }

        #homepage .slide .item {
            position: relative;
        }

            #homepage .slide .item > img {
                display: block;
                width: 100%;
            }

            #homepage .slide .item > .info {
                position: absolute;
                top: 50%;
                left: 50%;
                max-width: 800px;
                width: 100%;
                -moz-transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
            }

                #homepage .slide .item > .info .info-title {
                    color: #fff;
                    font-weight: bold;
                    font-size: 180%;
                    text-align: center;
                    margin-bottom: 15px;
                }

                #homepage .slide .item > .info p {
                    text-align: center;
                    color: #eee;
                    margin-bottom: 15px;
                }

                #homepage .slide .item > .info .owl-carousel {
                    margin-bottom: 20px;
                }

                    #homepage .slide .item > .info .owl-carousel .item {
                        padding: 10px;
                    }

                        #homepage .slide .item > .info .owl-carousel .item img {
                            display: table;
                            max-width: 100%;
                            margin: 0 auto;
                            width: auto;
                        }

                    #homepage .slide .item > .info .owl-carousel .owl-dot {
                        margin: 0;
                    }

                #homepage .slide .item > .info a {
                    display: table;
                    margin: 0 auto;
                }

    #homepage #first-block {
        background: #ff0092;
    }

        #homepage #first-block > img {
            display: table;
            max-width: 100%;
            margin: 0 auto;
        }

#testimonial {
    background: #E5CDD9;
    padding: 30px 0;
}

    #testimonial .row {
        margin: 0;
    }

    #testimonial .cont {
        width: 100%;
        max-width: 280px;
        margin: 0 20px;
    }

    #testimonial h5 {
        font-size: 16px;
        text-transform: uppercase;
        color: #555;
        font-weight: bold;
        margin: 0;
    }

    #testimonial h4 {
        font-size: 200%;
        padding: 15px 0 20px;
    }

        #testimonial h4::after {
            content: "";
            display: block;
            margin-top: 15px;
            height: 6px;
            width: 160px;
            background: #FF0992;
        }

    #testimonial .owl-carousel .item {
        margin: 0 0 0 20px;
    }

        #testimonial .owl-carousel .item .img {
            width: 90px;
            height: 90px;
            border: 4px solid #fff;
            -webkit-border-radius: 94px;
            border-radius: 94px;
        }

            #testimonial .owl-carousel .item .img > img {
                display: block;
                width: 100%;
            }

        #testimonial .owl-carousel .item .type {
            font-size: 110%;
            margin: 20px 0 15px;
        }

        #testimonial .owl-carousel .item p {
            display: block;
            max-width: 400px;
            color: #555;
            padding: 0 0 15px;
        }

        #testimonial .owl-carousel .item .name {
        }

            #testimonial .owl-carousel .item .name span {
                display: block;
                font-size: 80%;
                color: #888;
            }

    #testimonial .owl-carousel + .row {
        margin: 0;
        padding-top: 20px;
        padding-left: 20px;
    }

        #testimonial .owl-carousel + .row .col-xs-12 {
            max-width: 50% !important;
            flex-basis: 50% !important;
        }

    #testimonial #number {
        float: left;
        text-align: center;
        font-size: 160%;
        min-width: 20px;
    }

    #testimonial #separator {
        width: 70px;
        height: 2px;
        background: #000;
        float: left;
        margin: 14px 10px 0;
    }

    #testimonial #of {
        float: left;
        text-align: center;
        font-size: 160%;
        min-width: 20px;
    }

    #testimonial #owl-nav {
        margin-top: -4px;
    }

        #testimonial #owl-nav > div {
            float: left;
            border: 0;
            padding: 0;
            width: 50px;
            color: #FF0992;
            background: transparent;
            cursor: pointer;
        }

            #testimonial #owl-nav > div > i {
                font-size: 260%;
            }

        #testimonial #owl-nav.disabled {
            display: none;
        }


/* -------------------------------------------- */
/* --------------- Components ----------------- */
#banner .scrollTo,
.slide .scrollTo {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 11;
    margin-left: -42px;
    padding: 0 5px;
    font-size: 120%;
    color: #fff;
    font-style: italic;
    -webkit-animation: scroll-down 3s infinite ease-in-out;
    -moz-animation: scroll-down 3s infinite ease-in-out;
    -o-animation: scroll-down 3s infinite ease-in-out;
    animation: scroll-down 3s infinite ease-in-out;
}

    #banner .scrollTo > i,
    .slide .scrollTo > i {
        display: table;
        margin: 10px auto 0;
    }

    #banner .scrollTo:hover,
    .slide .scrollTo:hover,
    #banner .scrollTo:focus,
    .slide .scrollTo:focus {
        color: #fff;
    }

/* *****************
SCROLL DOWN ANIMATION
***************** */
@-webkit-keyframes scroll-down {
    0% {
        bottom: 40px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 40px;
    }
}

@-moz-keyframes scroll-down {
    0% {
        bottom: 40px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 40px;
    }
}

@-o-keyframes scroll-down {
    0% {
        bottom: 40px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 40px;
    }
}

@keyframes scroll-down {
    0% {
        bottom: 40px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 40px;
    }
}
/* [VIE-961] END HOME LANDIGN 2020 */

/* LISTA RIVENDITORI */
@media only screen /*Ipad 2,3,4 9.5 10.5 e 12.5*/
and (max-device-width: 1280px) and (orientation: landscape) {
    #dealer-form .check .container-fluid {
        padding: 10px !important;
    }

    #dealer-form {
        /*VIE-1560*/
        /*top: -40px !important;*/
        top: 40px !important;
        left: -10px !important;
    }

    .contatto {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align: left;
        max-width: 854px;
        width: 100%;
        padding-left: 20px !important;
    }

        .contatto > .formCont .buttonsquare {
            margin: 15px;
            font-size: 90% !important;
        }

    .form-md > .seleziona-contenuto {
        display: block;
        background: #FFF;
        /*VIE-1560*/
        /*padding: 0px !important;*/
        padding: 0px 0px 70px 0px !important;
        margin: 80px auto;
        border-radius: 20px;
        width: 90%;
        max-width: 1400px;
    }

    #dealer-form .elenco-rivenditori {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        /*background: rgba(255,255,255,0.8);*/
        background: rgba(255,255,255,0.9);
        width: 300px;
        z-index: 10;
        overflow: hidden;
    }

        #dealer-form .elenco-rivenditori > ul > li {
            margin: 0;
            padding: 0px !important;
            border-bottom: 1px solid #bbb;
            color: #777;
            font-size: 12px;
            line-height: 24px;
            cursor: pointer;
            display: block;
        }
}

@media only screen /*Ipad 2,3,4 9.5 10.5 e 12.5*/
and (max-device-width: 1280px) and (orientation: portrait) {
    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    .contatto > .formCont .buttonsquare {
        margin: 10px 0px;
    }

    .contatto > .formCont input[type="text"] {
        width: 105% !important;
    }
}

/* LISTA RIVENDITORI */
@media only screen /*Ipad 2,3,4 9.5 10.5 e 12.5*/
and (max-device-width: 1366px) and (orientation: landscape) {
    #dealer-form .check .container-fluid {
        padding: 10px !important;
    }

    #dealer-form {
        /*VIE-1560*/
        /*top: -40px !important;*/
        top: 40px !important;
        left: -10px !important;
    }

        #dealer-form .elenco-rivenditori {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 15px;
            /*background: rgba(255,255,255,0.8);*/
            background: rgba(255,255,255,0.9);
            width: 300px;
            z-index: 10;
            overflow: hidden;
        }

            #dealer-form .elenco-rivenditori > ul > li {
                margin: 0;
                padding: 0px !important;
                border-bottom: 1px solid #bbb;
                color: #777;
                font-size: 12px;
                line-height: 24px;
                cursor: pointer;
                display: block;
            }

    .contatto {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align: left;
        max-width: 854px;
        width: 100%;
        padding-left: 20px !important;
    }

        .contatto > .formCont .buttonsquare {
            margin: 15px;
            font-size: 90% !important;
        }

    .form-md > .seleziona-contenuto {
        display: block;
        background: #FFF;
        /*VIE-1560*/
        /*padding: 0px !important;*/
        padding: 0px 0px 70px 0px !important;
        margin: 80px auto;
        border-radius: 20px;
        width: 90%;
        max-width: 1400px;
    }
}

@media only screen /*Resolution under 1475*/
and (min-device-width: 667px) and (max-device-width: 1475px) {
    #dealer-form {
        /*VIE-1560*/
        /*top: -40px !important;*/
        top: 40px !important;
        left: -10px !important;
    }

        #dealer-form .check .container-fluid {
            padding: 10px !important;
        }

        #dealer-form .elenco-rivenditori {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 15px;
            /*background: rgba(255,255,255,0.8);*/
            background: rgba(255,255,255,0.9);
            width: 300px;
            z-index: 10;
            overflow: hidden;
        }

            #dealer-form .elenco-rivenditori > ul > li {
                margin: 0;
                padding: 0px !important;
                border-bottom: 1px solid #bbb;
                color: #777;
                font-size: 12px;
                line-height: 24px;
                cursor: pointer;
                display: block;
            }

    .contatto {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align: left;
        max-width: 854px;
        width: 100%;
        padding-left: 20px !important;
    }

        .contatto > .formCont .buttonsquare {
            margin: 15px;
            font-size: 90% !important;
        }

    .form-md > .seleziona-contenuto {
        display: block;
        background: #FFF;
        /*VIE-1560*/
        /*padding: 0px !important;*/
        padding: 0px 0px 70px 0px !important;
        margin: 80px auto;
        border-radius: 20px;
        width: 90%;
        max-width: 1400px;
    }
}

@media only screen /*Ipad 2,3,4 9.5 10.5 e 12.5*/
and (max-device-width: 1280px) and (orientation: portrait) {
    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    #containerMap {
        padding-left: 70px !important;
    }

    .contatto > .formCont .buttonsquare {
        margin: 10px 0px;
    }

    .contatto > .formCont input[type="text"] {
        width: 105% !important;
    }
}

@media only screen /*Ipad 2,3,4 9.5 10.5 e 12.5*/
and (max-device-width: 1366px) and (orientation: portrait) {
    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    #dealer-form #dealer-form-map {
        max-height: 600px;
        height: 600px;
        left: -185px;
        width: 135%;
    }

    #dealer-form .check .container-fluid {
        background: #efefef;
        width: 85%;
        padding: 0px !important;
        overflow: visible !important;
    }


    .contatto > .formCont .buttonsquare {
        margin-top: 28px !important;
        margin-right: 0px !important;
        margin-bottom: 10px !important;
        margin-left: 0px !important;
    }

    .contatto > .formCont input[type="text"] {
        width: 105% !important;
    }
}

@media only screen /*Ipad no PRO*/
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    #dealer-form .check .container-fluid {
        background: #efefef;
        padding: 10px !important;
        overflow: hidden !important;
    }

    #containerMap {
        padding-left: 50px !important;
    }

    .contatto > .formCont input[type="text"] {
        width: 96% !important;
    }
}

@media only screen /*Ipad PRO*/
and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {

    #containerMap {
        padding-left: 70px !important;
    }
}

@media only screen /*IPhone 6/7/8 */
and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        width: 100%;
        display: none;
    }

    #containerMap {
        padding-left: 70px !important;
        position: relative;
        left: 0px;
        top: 40px;
        padding-left: 0px !important;
    }

    #dealer-form .check .container-fluid {
        background: #efefef;
        width: 90%;
        padding: 0px !important;
        overflow: visible !important;
        position: relative;
        top: 50px;
        left: 0px;
    }

    #form-trova-rivenditore .contatto {
        padding: 0;
    }

    .contatto > .formCont .buttonsquare {
        margin-top: 28px !important;
        margin-right: 0px !important;
        margin-bottom: 10px !important;
        margin-left: 20px !important;
    }

    #dealer-form #dealer-form-map {
        max-height: 600px;
        height: 600px;
        left: 0px;
        width: 100%;
    }

    #dealer-form .form-altri {
        margin-top: 10px;
        padding: 40px;
    }

    .gm-style .gm-style-iw-c {
        position: absolute;
        box-sizing: border-box;
        overflow: hidden;
        top: 0;
        left: 0;
        transform: translate(-50%,-100%);
        background-color: white;
        border-radius: 8px;
        padding: 12px;
        padding-right: 12px;
        padding-bottom: 12px;
        box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
        max-width: 230px !important;
    }

    .gm-style .gm-style-iw-d #content {
        width: 220px !important;
    }

    #bodyContent h4 {
        font-size: 14px;
        text-align: left !important;
    }
}

@media only screen /*IPhone 6/7/8 */
and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    .buttonsquare {
        margin-left: 0px !important;
    }

    .contatto > .formCont .buttonsquare {
        left: 20px;
        position: relative;
    }
}

@media only screen /*Galaxy S9 */
and (min-device-width : 360px) and (max-device-width : 740px) and (orientation : portrait) {

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        width: 100%;
        display: none;
    }

    #containerMap {
        padding-left: 70px !important;
        position: relative;
        left: 0px;
        top: 40px;
        padding-left: 0px !important;
    }

    #dealer-form .check .container-fluid {
        background: #efefef;
        width: 90%;
        padding: 0px !important;
        overflow: visible !important;
        position: relative;
        top: 50px;
        left: 0px;
    }

    .contatto > .formCont .buttonsquare {
        margin-top: 28px !important;
        margin-right: 0px !important;
        margin-bottom: 10px !important;
        margin-left: 20px !important;
    }

    .contatto > .formCont .form-errore {
        margin-top: 80px;
    }

    #dealer-form #dealer-form-map {
        max-height: 600px;
        height: 600px;
        left: 0px;
        width: 100%;
    }

    #dealer-form .form-altri {
        margin-top: 10px;
        padding: 40px;
    }

    .gm-style .gm-style-iw-c {
        position: absolute;
        box-sizing: border-box;
        overflow: hidden;
        top: 0;
        left: 0;
        transform: translate(-50%,-100%);
        background-color: white;
        border-radius: 8px;
        padding: 12px;
        padding-right: 12px;
        padding-bottom: 12px;
        box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
        max-width: 230px !important;
    }

    .gm-style .gm-style-iw-d #content {
        width: 220px !important;
    }

    #bodyContent h4 {
        font-size: 14px;
        text-align: left !important;
    }

    #form-trova-rivenditore .contatto {
        padding: 0;
        top: -60px !important;
        margin-top: 30px;
    }

    #form-trova-rivenditore .fa {
        display: none;
    }
}

@media only screen /*IPhone 6/7/8 PLUS */
and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {

    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    .buttonsquare {
        margin-left: 0px !important;
    }

    .contatto > .formCont .buttonsquare {
        left: 20px;
        position: relative;
    }

    #form-trova-rivenditore .fa {
        display: none;
    }
}

@media only screen /*IPhone X/XS/11 */
and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : landscape) {

    #dealer-form .elenco-rivenditori {
        display: none !important;
    }

    .buttonsquare {
        margin-left: 0px !important;
    }

    .contatto > .formCont .buttonsquare {
        left: 20px;
        position: relative;
    }

    #form-trova-rivenditore .fa {
        display: none;
    }
}

/*MEDIA SCREEN SMARTPHONE*/
@media only screen and (max-device-width: 500px) and (orientation: portrait), (max-device-width: 900px) and (orientation: landscape) {

    .row-eq-height.promo {
        display: none !important;
    }

    .row-eq-height.promomobile {
        display: block !important;
    }

    .form-md > .seleziona-contenuto {
        /*VIE-1560*/
        /*padding: 0px !important;*/
        padding: 0px 0px 70px 0px !important;
    }

    .form-space {
        left: 20px;
    }

    .contatto > .formCont input[type="text"] {
        width: 80% !important;
    }

    .contatto > .formCont input[type="email"] {
        width: 80% !important;
    }

    .contatto > .formCont select {
        width: 80% !important;
    }

    .contatto > .formCont input[type="texarea"] {
        width: 80% !important;
    }

    #form-trova-rivenditore .fa {
        display: none;
    }

    .tech-specs .tech-grid .icon-container .tech-spec-icon {
        width: 50px !important;
    }

    .tech-specs .tech-grid .text-container {
        padding-left: 0px !important;
    }
}

/*MEDIA SCREEN SMARTPHONE*/
@media only screen and (max-device-width: 500px) and (orientation: portrait), (max-device-width: 900px) and (orientation: landscape) {

    #catalogo-list a.active::before {
        width: 40px !important;
    }
}


@media only screen and (max-device-width: 500px) and (orientation: portrait) {
    .info > a.buttonsquare.color {
        font-size: 80% !important;
    }

    #catalogo-list a.active::before {
        width: 30px !important;
    }
}


/*#scheda-mobile .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .filtri .item.active {
	
	color: #30B498 !important;
}


#scheda-mobile .v2d-wrapper > .dettagli > .bottom > .det-modali > .det-modal .cont .item.active a {
    border-bottom: 3px solid #30B498 !important;
}*/


/*
	 * TUTORIAL
	*/
/*.prodotti-config-06 #tutorial {
    right: 70px;
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,0.82);
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

    .prodotti-config-06 #tutorial > .center {
        position: absolute;
        top: 20%;
        left: 50%;
        right: -40%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: left;
    }

        .prodotti-config-06 #tutorial > .center .row {
            margin-right: 0px;
            margin-left: 0px;
            display: flex;
        }

        .prodotti-config-06 #tutorial > .center h3 {
            font-size: 400%;
        }

        .prodotti-config-06 #tutorial > .center p {
            color: #fff;
            font-size: 110%;
            max-width: 440px;
            font-style: italic;
        }

        .prodotti-config-06 #tutorial > .center .buttons {
            display: table;
            margin: 50px 0 0 auto;
        }

            .prodotti-config-06 #tutorial > .center .buttons > a > i::before {
                padding-left: 3px;
                padding-top: 0;
                content: "\f105";
            }

            .prodotti-config-06 #tutorial > .center .buttons > a {
                color: #FFF;
                background: #777;
                font-size: 260% !important;
                padding: 0;
                height: 50px;
                width: 50px;
                line-height: 48px;
                text-align: center;
                border-radius: 50px;
                display: table;
                margin: 0;
            }

                .prodotti-config-06 #tutorial > .center .buttons > a.active {
                    background: var(--main-color,#F1008B);
                }

                .prodotti-config-06 #tutorial > .center .buttons > a > i {*/
/*padding-left: 3px;*/
/*padding-left: 0;
                    padding-top: 2px;
                }*/

/*
 * TUTORIAL
*/
.prodotti-config-06 #tutorial {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.82);
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

    .prodotti-config-06 #tutorial > .owl-carousel,
    .prodotti-config-06 #tutorial > .owl-carousel > .owl-stage-outer,
    .prodotti-config-06 #tutorial > .owl-carousel > .owl-stage-outer > .owl-stage,
    .prodotti-config-06 #tutorial > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
        height: 100%;
    }

        .prodotti-config-06 #tutorial > .owl-carousel .item {
            position: relative;
            height: 100%;
        }

            .prodotti-config-06 #tutorial > .owl-carousel .item > .center {
                position: absolute;
                top: 50%;
                left: 50%;
                -moz-transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                text-align: center;
            }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .center > h3 {
                    text-transform: uppercase;
                }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .center > p {
                    color: #fff;
                    font-size: 110%;
                    max-width: 400px;
                    display: table;
                    margin: 0 auto;
                }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons {
                    display: table;
                    margin: 20px auto 0;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > span {
                        display: block;
                        text-align: center;
                        color: #fff;
                        padding: 0 0 10px;
                    }

                        .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > span::before {
                            content: "";
                            display: table;
                            margin: 0 auto 20px;
                            width: 85px;
                            height: 3px;
                            background: var(--main-color,#F1008B);
                        }

                        .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > span::after {
                            content: "";
                            display: block;
                            clear: both;
                        }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > a {
                        float: left;
                        color: #FFF;
                        background: var(--main-color,#F1008B);
                        line-height: 300%;
                        padding: 0px 25px;
                        border-radius: 25px;
                        display: table;
                        margin: 0 20px 0 0;
                        font-weight: bold;
                        cursor: pointer;
                    }

                        .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > a:last-child {
                            margin-right: 0;
                        }

                        .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > a.active {
                            background: var(--main-color,#F1008B);
                        }

                        .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > a > i {
                            padding-left: 10px;
                        }

                        .prodotti-config-06 #tutorial > .owl-carousel .item > .center > .buttons > a > img {
                            float: left;
                            display: block;
                            margin: 5px 10px 0 0;
                            width: 30px;
                        }

            .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom {
                position: absolute;
                bottom: 40px;
                left: 40px;
                right: 40px;
            }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom a {
                    float: left;
                    color: #FFF;
                    background: var(--main-color,#F1008B);
                    line-height: 300%;
                    padding: 0px 25px;
                    border-radius: 25px;
                    display: table;
                    margin: 0 20px 0 0;
                    font-weight: bold;
                    cursor: pointer;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom a.active {
                        background: var(--main-color,#F1008B);
                    }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .hideMessage {
                    display: table;
                    margin: 0 auto;
                    line-height: 22px;
                    color: #fff;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .hideMessage > input {
                        float: left;
                        margin-right: 10px;
                    }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .hideMessage > label {
                        margin: 0;
                    }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .bleft {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .bleft a > i {
                        padding-right: 10px;
                    }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .bcenter {
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    -moz-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .bcenter a {
                        height: 42px;
                        width: 42px;
                        line-height: 42px;
                        text-align: center;
                        font-size: 150%;
                        padding: 0;
                    }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .bright {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .bottom > .bright a > i {
                        padding-left: 10px;
                    }

            /* buttons */
            .prodotti-config-06 #tutorial > .owl-carousel .item > .top {
                position: absolute;
                top: 0;
                right: 0;
                padding: 0 0 20px;
                margin: 5px 20px 0;
                width: 40px;
                text-align: center;
                color: #333;
                font-size: 16px;
                z-index: 2;
            }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .top > div {
                    position: relative;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .top > div > a {
                        margin-top: 30px;
                        display: block;
                        position: relative;
                        background: #fff;
                        width: 40px;
                        height: 40px;
                        -webkit-border-radius: 40px;
                        border-radius: 40px;
                    }

        .prodotti-config-06 #tutorial > .owl-carousel .item-2 > .top > div > a {
            margin-top: 22px;
        }

        .prodotti-config-06 #tutorial > .owl-carousel .item > .top > div > a.thidden {
            visibility: hidden;
        }

        .prodotti-config-06 #tutorial > .owl-carousel .item > div > a > img {
            display: block;
        }

        .prodotti-config-06 #tutorial > .owl-carousel .item > div > a:hover > img {
            -webkit-filter: brightness(2);
            filter: brightness(2);
        }

        /* information */
        .prodotti-config-06 #tutorial > .owl-carousel .item > .info {
            position: absolute;
            top: 35px;
            right: 80px;
        }

            .prodotti-config-06 #tutorial > .owl-carousel .item > .info > img {
                float: right;
                margin-top: 0;
            }

            .prodotti-config-06 #tutorial > .owl-carousel .item > .info > .cont {
                position: absolute;
                right: 110px;
                width: 340px;
                border-left: 3px solid #d2d2d2;
                padding-left: 20px;
                color: #fff;
                top: -30px;
            }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .info > .cont > h4 {
                    font-size: 160%;
                }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .info > .cont > p {
                    font-size: 110%;
                }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .info > .cont > .sub::after {
                    content: "";
                    display: block;
                    clear: both;
                }

                .prodotti-config-06 #tutorial > .owl-carousel .item > .info > .cont > .sub > span {
                    display: block;
                    float: left;
                    background: #fff;
                    width: 40px;
                    height: 40px;
                    -webkit-border-radius: 40px;
                    border-radius: 40px;
                    margin-right: 10px;
                }

                    .prodotti-config-06 #tutorial > .owl-carousel .item > .info > .cont > .sub > span > img {
                        display: block;
                    }

        .prodotti-config-06 #tutorial > .owl-carousel .item-2 > .info {
            top: 90px
        }

        .prodotti-config-06 #tutorial > .owl-carousel .item-3 > .info {
            top: 145px
        }

        .prodotti-config-06 #tutorial > .owl-carousel .item-4 > .info {
            top: 200px
        }

        .prodotti-config-06 #tutorial > .owl-carousel .item-5 > .info {
            top: 255px
        }


.serie-data {
    padding-left: 10px;
}


.owl-dots .owl-dot.active span {
    background: var(--main-color,#F1008B) !important;
}

/*
 * MODALE Attivitā
*/
#modal-Attivita .modal-body {
    max-width: 800px;
}

#modal-Attivita .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-Attivita .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 90%;
    height: 35px;
}

#modal-Attivita .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 5px;
    width: 95%;
    height: 35px;
}

#modal-Attivita .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}

/*.listAttivita #sistema-elenco .row-elenco.elenco .item > .action {
    width: 10%;
}
.listAttivita #sistema-elenco .row-elenco.elenco .item > .title {
    width: 90%;
    border-right: 1px;
}
.listAttivita #sistema-elenco .row-comandi {
    margin-right: 24px;
}*/


/*
 * MODALE Allegato
*/
#modal-prev-allegati .modal-body {
    max-width: 800px;
}

#modal-Allegato .modal-body {
    max-width: 800px;
}

#modal-Allegato .sezione-cont > textarea {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 100%;
    height: 250px;
}

#modal-Allegato .sezione-cont > input {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 97%;
    height: 35px;
}

#modal-Allegato .sezione-cont > select {
    display: block;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
    margin: 20px 10px 20px;
    max-width: 800px;
    /*max-height: 30px;*/
    padding: 10px;
    width: 95%;
    height: 35px;
}

#modal-Allegato .sezione-cont > label {
    float: left;
    margin: 20px 20px 5px;
}

/*POPUP NOTIFICHE ATTIVITĀ*/
.callout {
    z-index: 999;
    position: fixed;
    top: 65px;
    right: 50px;
    margin-left: 20px;
    max-width: 300px;
}

.callout-header {
    padding: 25px 15px;
    background: var(--main-color,#F1008B);
    font-size: 30px;
    color: white;
}

div.callout-header > strong {
    font-size: initial;
}

.callout-container {
    padding: 15px;
    background-color: #fff;
    color: black
}

.closebtn {
    position: absolute;
    top: 5px;
    right: 15px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}

    .closebtn:hover {
        color: lightgrey;
    }

div.callout-container > p > a {
    color: var(--main-color,#F1008B);
}

/*Centratura delle icone fontawesome su safari mobile*/
.dropdown-menu-special .tab-preventivo .preventivo-controls button .fa {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
}

button.icon .fa {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
}


/* styling lable */
.toggleVal {
    --width: 70px;
    --height: 33px; /*calc(var(--width) / 3);*/
    position: relative;
    display: inline-block;
    width: var(--width) !important;
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
    left: 10px;
}

    /* hiding checkbox */
    .toggleVal input {
        display: none;
    }


    /* Creating slider */
    .toggleVal .slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--height);
        background-color: #ccc;
        transition: all 0.4s ease-in-out;
        margin-top: 0px;
    }

        .toggleVal .slider::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: calc(var(--height));
            height: calc(var(--height));
            border-radius: calc(var(--height) / 2);
            background-color: #fff;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
            transition: all 0.4s ease-in-out;
        }

    /* Adding slider effect */
    .toggleVal input:checked + .slider {
        background-color: #2196F3;
    }

        .toggleVal input:checked + .slider::before {
            transform: translateX(calc(var(--width) - var(--height)));
        }


/*VIE-2858*/
ul.tree, ul.tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.tree ul {
        margin-left: 10px;
    }

    ul.tree li {
        margin: 0;
        padding: 0 7px;
        border-left: 2px dotted #999;
        border-top: 2px dotted #999;
        border-right: 2px dotted #999;
    }

        ul.tree li:last-child {
            border-left: 2px dotted #999;
            border-top: 2px dotted #999;
            border-right: 2px dotted #999;
        }

        ul.tree li:before {
            position: relative;
            top: 100px;
            height: 10px;
            color: #999;
            /*content: "--->";*/
            content: "\f061";
            font-family: "FontAwesome";
            left: -8px;
            font-weight: bold;
        }

.vani.collapsing {
    position: absolute !important;
    z-index: 20;
    /*width: 100%;*/
}

.vani.collapse.in {
    display: block;
    position: absolute;
    z-index: 20;
    /*width: 100%;*/
}

dl.vani {
    /*border: 3px dotted #999;*/
    padding-left: 5px;
}

dd.vani:before {
    color: #999;
    content: "\f061";
    font-family: "FontAwesome";
    position: relative;
    /*left: -10px;*/
    top: -10px;
}

a.vani {
    color: #333;
    padding-left: 20px;
    background: #E2E2E2;
    /*overflow: auto;*/
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #999;
    border-radius: 5px;
    cursor: pointer;
    max-width: 250px;
    display: inline-block;
    /*float: right;*/
}

    a.vani:hover, a.vani:active, a.vani:focus {
        color: var(--main-color,#F1008B);
        text-decoration: none;
        border: none;
        outline: 0 !important;
        border-style: none;
    }

    a.vani.active {
        background: #222;
        color: white;
    }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*VIE-3091: istruzioni per migliorare la responsivitā delle select2*/
.chosen-container .chosen-results {
    overflow: auto !important;
}

    .chosen-container .chosen-results li {
        line-height: 40px !important;
        padding: 5px 5px !important;
    }

        .chosen-container .chosen-results li.active-result {
            border: 1px dotted gray;
        }