@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

@font-face {
    font-family: 'flamaregular';
    src: url('../fonts/flama_regular-webfont.woff2') format('woff2'), url('../fonts/flama_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flamabold';
    src: url('../fonts/flama_bold-webfont.woff2') format('woff2'), url('../fonts/flama_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root {
    --cc-primary: #03303d;
    --cc-secondary: #5c7c83;
    --cc-tertiary: #f4a609;
    --cc-dark: #3c3d42;
    --cc-light: #e3e6e6;
    --cc-blue: #003757;
    --cc-gray: #646464;
    --cc-alert: #e22021;
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    vertical-align: top
}

    *:hover {
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
    }

input:not([type="radio"]) {
    -webkit-appearance: none;
    /* -webkit-border-radius: 0; */
    /* border-radius: 0; */
}

input[type="radio"] {
}

img {
    border: none;
    max-width: 100%;
}

table {
    borde: none;
    border-spacing: 0;
    border-collapse: collapse;
}

strong,
b {
    font-weight: 500;
}

input, select, textarea, button, .img a {
    outline: none
}

ul {
    list-style-type: none;
    list-style-position: inside;
}

ol {
    margin: 20px;
    list-style-position: inside;
    width: 100%;
    clear: both;
    position: relative;
}

    ol li {
        font-size: 15px;
        color: var(--cc-dark);
        margin-bottom: 10px;
    }

p {
    font-size: 16px;
    color: var(--cc-dark);
    line-height: 24px;
}

::-webkit-input-placeholder {
    color: var(--cc-primary);
}

::-moz-placeholder {
    color: var(--cc-primary);
}

:-ms-input-placeholder {
    color: var(--cc-primary);
}

:-moz-placeholder {
    color: var(--cc-primary);
}

.articolo .dx .cbp-vm-switcher ul li::before {
    content: "";
}

ul li {
    margin-bottom: 5px;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--cc-dark);
    scroll-behavior: smooth;
}

hr {
    width: 100%;
    clear: both;
}

a {
    color: var(--cc-primary);
    text-decoration: none;
}

    a:hover {
        color: var(--cc-primary);
        text-decoration: none;
    }

h1, h2, h3 {
    color: var(--cc-primary);
    font-family: 'flamaregular';
}

h1 {
    font-size: 25px;
    font-weight: normal;
    text-align: left;
}

h2 {
    font-size: 24px;
    font-weight: 400;
}

h3 {
    font-size: 16px;
    font-weight: 400;
}

::selection {
    background: var(--cc-secondary);
    color: white
}

::-moz-selection {
    background: var(--cc-secondary);
    color: white
}

input:focus {
    outline: none;
}

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 8em;

    text-indent: -9999px;
    background: url(../img/top_move.png) no-repeat;
    background-size: 100% auto;
    right: 20px;
    z-index: 999;
}

.last {
    margin-right: 0px;
}

.btn, input[type="button"].btn, input[type="submit"].btn {
    background-color: var(--cc-primary);
    margin: 0px 0 0;
    display: inline-block;
    transition: background 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 15px 25px;
    position: relative;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    white-space: normal;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none !important;
}

    .btn:hover, input[type="button"].btn:hover, input[type="submit"].btn:hover, .btn.selected, input[type="button"].btn.selected, input[type="submit"].btn.selected {
        text-decoration: none;
        background: var(--cc-tertiary);
        color: white;
    }

.container {
    width: 100%;
    padding: 0px 5%;
    clear: both;
    position: relative;
    display: inline-block;
}

.content.home .container {
    width: 1200px;
}

.clear {
    clear: both;
}

.wrapper {
    min-height: 100%;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}

div.header {
    position: relative;
    margin-bottom: 0px;
    text-align: center;
}

div.testata {
    position: relative;
    background-color: var(--cc-blue);
}

div.content {
    clear: both;
    /*margin-top: 140px;*/
    margin-top: 76px;
    border-top: 1px solid var(--cc-light);
    background: var(--cc-light);
}

.home div.content {
    padding-top: 20px;
}

footer {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 40px;
    background: var(--cc-primary);
    z-index: 10;
}

    footer h2 {
        font-size: 18px;
        color: #fff;
    }

    footer p {
        width: 50%;
        position: relative;
        float: left;
        color: rgba(255, 255, 255, 0.8);
    }

        footer p strong {
            width: 50%;
            position: relative;
            float: left;
            color: rgba(255, 255, 255, 1);
        }

    footer hr {
        background: none !important;
        border-top: 1px dotted rgb(255 255 255 / 13%);
    }

    footer h3 {
        margin: 30px 0px 10px 0px;
        font-size: 17px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
    }

        footer h3 a {
            color: #fff
        }

.subfooter {
    height: auto;
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    background-repeat: repeat;
    border-top: 1px solid var(--cc-light);
}

    .subfooter h1 {
        text-transform: uppercase;
        padding: 20px 0px;
        font-size: 28px;
    }

.cerca {
    float: left;
    position: relative;
    border: 1px solid var(--cc-light);
    width: 260px;
    height: 42px;
    background-color: white;
    z-index: 99;
    margin: 30px 0px;
}

.link.entra {
    position: relative;
    float: left;
    padding-right: 0px;
    margin: 42px 0px;
    padding-left: 20px;
    background-image: url(../img/icone/entra.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    margin-left: 20px;
}

.testata.ecom .cerca {
    width: 53%;
    float: left;
}

.testata.ecom .carrello {
    float: left;
    margin: 0px 20px;
}

.testata.ecom .dx {
    padding: 20px 0px
}

.menusup .dx .logo {
    display: none
}

.slideshow {
    margin-top: 0px
}

section .slideshow {
    margin: 0px 0px 30px 0px;
    border: 1px solid var(--cc-light);
    display: block;
    clear: both;
    position: relative;
}

.testata .centro {
    position: relative;
    float: left;
    width: 60%;
    text-align: center;
}

    .testata .centro img {
    }

.categorie_cerca {
    position: relative;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    height: auto;
    min-height: 45px;
}

.header .cerca input[type="text"] {
    border: none;
    background-color: transparent;
    width: 83%;
    position: relative;
    float: left;
    font-size: 14px;
    color: var(--cc-primary);
    padding: 12px;
}

.header .cercabtn {
    padding: 13px;
    margin: 0px;
    right: 0px;
    float: right;
}

.newsletter .cerca input[type="text"] {
    background-color: transparent;
    width: 100%;
    font-size: 14px;
    padding: 12px;
    color: white;
}

.newsletter a {
    color: rgba(255,255,255,1);
    float: left;
}

.numeroverde {
    width: 205px;
    position: relative;
    float: left;
    background-image: url(../img/bubble.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 50px;
    margin: 30px 20px;
    color: var(--cc-primary);
}

.logo {
    left: 0px;
    height: 66px;
    width: 240px;
    background-image: url(../img/logo_intempra.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top;
    cursor: pointer;
    position: absolute;
    margin: 5px 20px;
}

ul.social {
    margin: 0px 30px 0px 0px;
    position: relative;
    float: right;
}

.header.home .logo {
    background-image: url(../img/logo.png);
    margin: 50px 160px 0px 0px;
}

.menusup {
    min-height: 46px;
    position: relative;
    float: left;
    margin-top: 43px;
}

.home .menusup {
    margin-top: 73px;
}

.menusup .sx {
    position: relative;
    float: left;
    width: 60%;
    margin-right: 0px;
}

.menusup .dx {
    position: relative;
    float: right;
    text-align: right;
    width: 40%;
}

.menusup a {
    color: var(--cc-dark);
    text-decoration: none;
    font-size: 13px;
    position: relative;
}

.menusup .link.entra a {
    font-size: 16px;
    text-decoration: underline;
    margin: 0px 1px;
    position: relative;
}

    .menusup .link.entra a:hover {
        color: var(--cc-dark);
    }

.registrazione {
    position: relative;
    float: right;
    width: 340px;
    padding-left: 10px;
    border-left: 1px solid var(--cc-light);
}

    .registrazione .login {
        position: relative;
        float: left;
        width: 170px;
    }

    .registrazione .field_module {
        padding: 9px;
        background: rgba(255, 255, 255, 0.1);
        -moz-border-radius: 5px;
        border: none;
        border-radius: 5px;
        font-size: 12px;
        float: right;
        width: 100%;
        color: var(--cc-dark);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 5px;
        font-family: 'Roboto', sans-serif;
    }

    .registrazione .links a {
        color: #5d5d5d;
        text-decoration: underline;
        font-size: 11px;
    }

    .registrazione .links {
        position: relative;
        float: left;
        margin-left: 10px;
        line-height: 16px;
        width: 160px;
    }

.links a.btn {
    font-size: 13px;
    color: white;
    text-decoration: none;
    margin-top: 6px;
    position: relative;
    float: left;
    font-weight: bold;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
}

    .links a.btn:hover {
        text-decoration: none;
        background-color: #e1e1e1;
        color: #6b6e6f;
    }

.links a.facebook {
    font-size: 11px;
    color: white;
    text-decoration: none;
    margin-top: 6px;
    position: relative;
    float: left;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    background-color: #3b5998;
    text-transform: inherit;
    margin-left: 5px;
    text-align: left;
    line-height: 11px;
    font-weight: normal;
}

    .links a.facebook:hover {
        text-decoration: none;
        background-color: #e1e1e1;
        color: #6b6e6f;
    }

.facebook img {
    position: relative;
    float: left;
    margin-right: 5px;
}

.sx {
    padding: 0px;
    width: 50%;
    position: relative;
    float: left;
    max-width: inherit
}

.dx {
    padding: 0px;
    height: auto;
    /* width: 50%; */
    position: relative;
    float: right;
    margin: 0px;
    max-width: none;
}

article {
    margin: 0px 0px;
    display: inline-block;
    width: 100%;
    position: relative;
    clear: both;
    /*padding-bottom: 40px;*/
    background: white;
}

    article h1 {
        margin-bottom: 10px;
        font-size: 60px;
        font-weight: 300;
    }

    article header h1 {
        color: white;
        text-align: center;
    }

    article h3 {
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    article section h3 {
        font-size: 22px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px dotted var(--cc-light);
        margin-top: 50px;
    }

    article section .newsart h3 {
        font-size: 16px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: none;
        margin-top: 0px
    }

    article section .box h3 {
        font-size: 19px;
        padding-bottom: 0px;
        margin-bottom: 20px;
        border-bottom: none;
        margin-top: 0px;
    }

    article h4 {
        font-weight: 500;
        color: var(--cc-primary);
        border-top: 1px solid var(--cc-light);
        padding-top: 20px;
        margin-top: 20px;
        font-size: 17px;
        margin-bottom: 5px;
    }

section a.veditutto {
    color: var(--cc-secondary);
    text-decoration: underline;
}

article header.unico h1 {
    text-align: center
}

article h2 {
    font-size: 25px;
    text-align: left;
    color: var(--cc-secondary);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

article.blog section h2 {
    margin-bottom: 10px;
}

article header h2 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

article .riepilogo_sezione h2, .box_news h2, article .box_news h2 {
    padding: 15px;
    border-bottom: 1px solid #ffffff;
    text-shadow: 0 1px 0 white;
}

article .box_news h2 {
    background: var(--cc-light);
}

.titolo_aside h2 {
    padding: 15px;
    border-bottom: none;
    text-shadow: 0 1px 0 white;
}

.titolo_aside {
    margin-bottom: 0px;
    width: 100%;
    clear: both;
    background: var(--cc-light);
    border-bottom: 1px solid white;
}

article ul li {
    background-image: url(../img/favicon.png);
    background-size: auto 20px;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    padding-left: 30px;
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 300;
    /* color: var(--cc-dark); */
    line-height: 30px;
}

article ul {
    padding: 20px 20px 40px 20px;
}

article aside ul {
    padding: 0px
}

article aside .riepilogo_sezione ul li {
    font-size: 15px;
    border-bottom: 1px dotted white;
    background: none;
    padding: 0px
}

    article aside .riepilogo_sezione ul li a {
        padding: 15px;
        display: inline-block;
        width: 100%;
    }

.riepilogo_sezione ul li a strong {
    color: var(--cc-secondary);
}

article aside .riepilogo_sezione ul li a:hover {
    background: white
}

article aside ul li:last-child {
    margin-bottom: 0px;
}

section {
    width: 100%;
    /* padding-right: 25px; */
    position: relative;
    float: left;
}

aside {
    width: 30%;
    position: relative;
    float: right;
    display: none;
}

    aside .titolo.filtraper {
        font-size: 25px;
        font-weight: 400;
        margin: 0px 0px 15px 0px;
        color: var(--cc-alert);
        border-bottom: 1px solid var(--cc-alert)3d;
        padding-bottom: 10px;
    }

    aside .titolo {
        font-size: 25px;
        font-weight: 400;
        margin: 0px 0px 0px 0px;
        color: var(--cc-alert);
        border-bottom: none;
        padding-bottom: 10px;
    }

.presentazione .sx, .presentazione .dx {
    padding: 30px 0px
}

.presentazione .sx {
    width: 60%
}

.presentazione .dx {
    width: 40%
}

    .presentazione .dx h2 {
        font-size: 40px;
        color: var(--cc-primary);
        margin: 50px 0px 20px 0px;
    }

    .presentazione .dx p {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
        line-height: 25px
    }

.presentazione .sx {
    text-align: center
}

.box.specializzazioni {
    background-color: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    cursor: auto;
    cursor: pointer;
    position: initial;
    float: inherit;
}

    .box.specializzazioni img {
        height: 45px
    }

.servizi {
    display: block;
    text-align: center;
    widows: 100%;
    margin-top: 30px
}

.home .box.specializzazioni:hover {
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

.box.specializzazioni h3 {
    color: black;
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    margin: 20px 0px;
    height: 21px;
}

    .box.specializzazioni h3.small {
        padding-top: 10px
    }

.box.specializzazioni {
    text-align: center;
    height: 200px;
    width: 31%;
    margin: 1%;
    display: inline-block;
    padding: 0% 50px;
}

    .box.specializzazioni a, .box.specializzazioni a:hover {
        text-decoration: none !important
    }

.testata .dx, .testata .sx {
    width: 50%;
}

.articolo section p {
    line-height: 20px;
    font-weight: 400;
    font-size: 15px;
    color: var(--cc-dark);
    margin-bottom: 15px;
}

    .articolo section p strong {
        font-weight: 400;
        color: black;
    }

.articolo section .intro p {
    line-height: 20px;
    font-weight: 400;
    color: var(--cc-dark);
    margin-bottom: 20px;
    font-size: 15px;
}

.corpo .articolo .dx_img {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    clear: both;
}

    .corpo .articolo .dx_img img {
        width: 250px;
        height: auto;
        margin-left: 0px;
        margin-right: 10px;
        margin-top: 0px;
        border: 1px solid var(--cc-light);
        margin-bottom: 10px;
    }

header {
    color: var(--cc-dark);
    font-size: 50px;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    padding: 30px 0px;
}

    header.piccolo {
        font-size: 40px;
        text-align: left;
        padding: 30px 0px;
        border-top: 1px solid var(--cc-light);
    }

.sx .titolo_sx {
    color: var(--cc-primary);
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    border: none;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    padding: 12px;
    background: var(--cc-light);
    text-transform: uppercase;
    text-align: center;
}

.sx header.unico, article header.unico {
    border: none
}

.sx header, article header {
    font-size: 20px;
    /* border-bottom: 1px dotted var(--cc-secondary); */
    /* border-top: 1px dotted var(--cc-secondary); */
    margin: 0px;
    padding: 2%;
    position: absolute;
    top: 31%;
    z-index: 999;
    text-align: center;
}

article .titolo.unico {
    margin-top: 0px;
}

article p {
    font-size: 21px;
    color: var(--cc-dark);
    line-height: 32px;
    margin-bottom: 25px;
    font-weight: 300;
}

article section p {
    text-align: justify
}

    article section p a {
        text-decoration: underline;
    }

    article section p strong,
    article section p b,
    article section ul strong {
        font-weight: 500;
        color: var(--cc-dark);
    }

.cbp-vm-options .sx .titolo {
    font-size: 40px;
}

.titolo.grigio {
    color: var(--cc-dark);
    font-size: 20px;
    background-color: var(--cc-light);
    text-transform: uppercase;
    padding: 10px 20px;
    text-shadow: 0 1px 0 white;
}

.filtri {
    margin-bottom: 20px
}

.news {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 5px solid var(--cc-dark);
    padding: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    max-height: 73px;
    overflow: hidden;
    line-height: 15px;
}

    .news p {
        margin-bottom: 0px;
        line-height: 15px;
    }

    .news a {
        color: white;
        text-decoration: none;
    }

        .news a:hover {
            text-decoration: none;
        }

.tuttelenews {
    margin-right: 0px;
    margin-bottom: 5px;
    text-decoration: none;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

    .tuttelenews a {
        color: var(--cc-dark);
        font-weight: 500;
    }

.news_img {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    clear: both;
}

    .news_img img {
        width: 60px;
        height: 60px;
        border: 1px solid var(--cc-light);
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

img.banner {
    width: 100%;
    border: 0px;
    margin-top: 10px;
}

.banner {
    width: 100%;
    height: auto;
    overflow: auto;
    background-color: var(--cc-dark);
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .banner.home {
        margin-top: 0px;
    }

    .banner.corpo {
        border: 1px solid var(--cc-light);
    }

    .banner img {
        height: 77px;
        margin-bottom: 0px;
        position: relative;
        float: left;
        margin: 5px 13px 0px 10px;
    }

    .banner .box img {
        width: auto;
        border: none;
        position: relative;
        float: left;
        margin-right: 15px;
    }

    .banner h2 {
        color: white;
        text-transform: uppercase;
        font-size: 40px;
        text-align: center;
        line-height: 40px;
        font-weight: 400;
        margin: 10px;
    }

    .banner h3 {
        color: var(--cc-tertiary);
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
        padding-bottom: 10px;
        text-align: center;
    }

        .banner h3 big {
            font-weight: 500;
            font-size: 19px;
        }

    .banner h4 {
        color: white;
        text-transform: uppercase;
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        font-weight: 400;
        margin: 0px;
        padding: 0px;
    }

    .banner p {
        text-align: center;
        color: white;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
    }

    .banner .box {
        width: 33%;
        position: relative;
        float: left;
        padding-bottom: 20px;
        font-size: 20px;
        color: var(--cc-dark);
        height: 105px;
        overflow: hidden;
        cursor: pointer;
    }

        .banner .box strong {
            font-size: 30px;
            font-weight: 500;
        }

        .banner .box span {
            color: var(--cc-dark);
        }

.color {
    color: var(--cc-dark);
}

    .color a {
        color: var(--cc-dark);
    }

.servizioclienti {
    color: white;
    font-weight: 500;
    text-align: center;
    font-size: 13px;
    height: 50px;
    margin-top: 5px;
}

    .servizioclienti img {
        position: relative;
        margin-right: 5px;
        top: 10px;
        width: 29px;
        margin-left: 5px;
    }

.prodotti_footer .box {
    position: relative;
    float: left;
    width: 250px;
    min-height: 320px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
}

    .prodotti_footer .box .titolo {
        color: var(--cc-dark);
        font-size: 25px;
        position: relative;
        float: left;
        width: 100%;
        padding: 10px;
        padding-bottom: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Roboto', sans-serif;
        text-shadow: 0 1px 0 white;
    }

        .prodotti_footer .box .titolo span {
            color: var(--cc-dark);
            font-size: 28px;
            font-weight: bold;
        }

.prodotti_footer {
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 15px;
}

.extra {
    padding: 15px 15px 15px 5px;
    font-size: 14px;
    text-align: center;
}

    .extra .condividi_articolo {
        padding: 0px;
    }

    .extra img {
        position: relative;
        margin: 0px 5px 0px 15px;
        top: 3px
    }

.special {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--cc-dark);
    font-size: 12px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: var(--cc-light);
    margin-bottom: 15px;
    height: 60px !important;
    overflow: hidden;
}

    .special span {
        color: var(--cc-dark);
        font-size: 20px;
    }

.counter {
    background: var(--cc-tertiary);
    border-radius: 5px;
    padding: 30px;
    color: #fff;
    width: 60%;
    margin: auto;
    position: relative;
    text-align: center;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5)
}

.counter-item div {
    display: inline-block;
    font-size: 20px;
    width: 40%;
}

    .counter-item div:first-child {
        display: inline-block;
        font-size: 26px;
        width: 39%;
        text-align: right;
        padding-right: 40px;
        margin-right: 40px;
        border-right: 1px dotted white;
    }

    .counter-item div:last-child {
        display: inline-block;
        font-size: 60px;
        min-width: 400px;
        padding: 20px 0px;
        text-align: left;
    }

.counter strong {
    color: var(--cc-dark);
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
}

.counter small {
    color: var(--cc-dark);
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.menu_footer {
    height: auto;
    padding: 0px;
}

    .menu_footer .box.principale {
        position: relative;
        float: left;
        width: 30%;
        text-align: center;
    }

    .menu_footer .box.secondari {
        position: relative;
        float: left;
        width: 70%;
        margin-bottom: 0px;
    }

    .menu_footer .box strong {
    }

    .menu_footer .box.principale .box {
        width: 100%;
        margin-bottom: 0px;
    }

    .menu_footer .box.secondari .box {
        width: 50%;
        margin-bottom: 0px;
        padding: 0px 20px 20px 0px;
    }

    .menu_footer .box.store {
        max-width: 250px
    }

        .menu_footer .box.store ul li {
            position: relative;
            float: left;
            width: 50%
        }

    .menu_footer .box h1 {
        font-family: 'Roboto', sans-serif;
        color: var(--cc-dark);
        font-size: 25px;
        position: relative;
        float: left;
        width: 100%;
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: normal !important;
        margin: 5px 0px;
        text-shadow: 0 1px 0 white;
    }

    .menu_footer .box ul {
        list-style-image: none;
        list-style-type: none;
        position: relative;
        clear: both;
    }

        .menu_footer .box ul.social {
            margin: 20px 0px;
        }

    .menu_footer .box.dati ul {
        list-style-image: none;
        list-style-type: none;
        margin: 0px;
        position: relative;
        float: right;
        width: 165px;
        top: 0px;
        clear: inherit;
        padding: 102px 10px 0px 10px;
    }

    .menu_footer .box.dati .logo {
        width: 50%;
        position: relative;
        float: left;
        height: auto;
        margin: 0px;
        padding: 0px;
        background: none;
        cursor: auto;
    }

    .menu_footer .box.dati ul.social li {
        position: relative;
        float: left;
        margin: 0px;
        width: auto;
        padding: 0px 6px;
    }

.articolo .dx .box.dati ul {
    margin: 0px;
}

.box.dati ul li strong {
    color: black;
}

.riepilogo_sx .box.dati ul li {
    background-repeat: no-repeat;
    background-position: left 4px;
    list-style-image: none;
    list-style-type: none;
    margin: 10px 0px;
    padding-left: 28px;
    font-size: 15px;
    line-height: 19px;
    color: var(--cc-dark);
    padding: 0px 30px;
    background-size: auto auto;
}

    .riepilogo_sx .box.dati ul li strong {
        color: black;
        font-weight: 400;
    }

li.luogo {
    background-image: url(../img/icone/placeholder-g.png) !important;
}

li.telefono {
    background-image: url(../img/icone/telephone-g.png) !important;
}

li.orari {
    background-image: url(../img/icone/clock.png) !important;
}

li.mail {
    background-image: url(../img/icone/email.png) !important;
}

.menu_footer .box ul li.luogo, .menu_footer .box ul li.telefono, .menu_footer .box ul li.orari, .menu_footer .box ul li.mail {
    padding-left: 30px;
    background-position: 0px 3px;
    margin-bottom: 15px;
}

.menu_footer .box ul li {
    background-repeat: no-repeat;
    background-position: left 0px;
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 5px;
    font-size: 16px;
}

    .menu_footer .box ul li strong {
        font-weight: 400;
        color: black;
    }

.menu_footer .box.principale a {
    font-weight: 300;
    font-size: 20px;
}

.menu_footer .box h3 a,
.menu_footer .box h3 {
    color: var(--cc-tertiary);
}

.menu_footer .box a {
    color: rgba(255,255,255,0.5)
}


.menu_footer ul.social li a {
    margin-right: 3px;
}


.menu_footer .box a:hover {
    color: rgba(255,255,255,0.7);
    text-decoration: none
}

.menu_footer .box.menu ul li a {
    font-size: 15px;
    font-weight: 400;
    color: var(--cc-dark);
    text-transform: uppercase;
}

.menu_footer .newsletter {
    background-color: var(--cc-light);
    color: white;
    height: auto;
    overflow: auto;
}

    .menu_footer .newsletter input[type="email"] {
        background-color: transparent;
        font-size: 14px;
        width: 69%;
        padding: 13px;
    }

    .menu_footer .newsletter input[type="submit"].btn {
        width: 30%;
        -moz-border-radius: 0px;
        border-radius: 0px;
        text-align: center;
        float: right
    }

    .menu_footer .newsletter form {
        padding: 0px;
        background: rgba(255, 255, 255, 0.1);
        -moz-border-radius: 5px;
        border: none;
        border-radius: 5px;
        font-size: 12px;
        float: right;
        width: 100%;
        color: var(--cc-dark);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Roboto', sans-serif;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .menu_footer .newsletter .field_module {
        border: none;
        font-size: 12px;
        float: left;
        position: relative;
        width: 80%;
        color: var(--cc-dark);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Roboto', sans-serif;
        background-color: transparent;
        padding: 5px;
    }

    .menu_footer .newsletter label {
        color: #FFF;
        font-size: 10px;
    }

        .menu_footer .newsletter label a {
            text-decoration: underline;
        }

    .menu_footer .newsletter input[type="checkbox"] {
        position: relative;
        float: left;
        margin-right: 5px;
    }

.menu_footer .dati h3 {
    margin-bottom: 20px;
}

.menu_footer .dati table {
    margin: 5px;
}

    .menu_footer .dati table tr td {
        color: var(--cc-gray);
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
    }

        .menu_footer .dati table tr td img {
            border: none;
            width: 34px;
        }

.menu_footer .box.principale img {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 30px;
}

.credits {
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    padding: 10px;
    border-top: 1px solid var(--cc-light);
    font-size: 13px;
}

    .credits span {
        position: relative;
        float: left;
        color: var(--cc-gray);
    }

.intempra {
    position: relative;
    float: left;
    margin-left: 13px;
    top: 0px;
    height: 25px;
    height: 20px;
}

.credits a {
    color: var(--cc-gray);
    text-decoration: underline;
    margin: 0px 5px;
}

img.banner_orizzontale {
    border: none;
    width: 780px !important;
    height: auto !important;
    margin-bottom: 10px;
}

.ricerca_avanzata {
    background: var(--cc-light);
    height: auto;
    overflow: auto;
    padding-bottom: 5px;
}

    .ricerca_avanzata h1 {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 0 1px 0 white;
        font-family: 'Roboto', sans-serif;
        background-image: url(../img/bg_boxfooter.png);
        background-repeat: repeat;
        padding: 6px;
        padding-left: 10px;
    }

    .ricerca_avanzata form {
    }

        .ricerca_avanzata form div {
            padding: 0px;
            background: #cfcfcf;
            -moz-border-radius: 5px;
            border: none;
            border-radius: 5px;
            font-size: 12px;
            float: right;
            width: 100%;
            color: var(--cc-dark);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 5px;
            font-family: 'Roboto', sans-serif;
        }

            .ricerca_avanzata form div .field_module {
                border: none;
                font-size: 12px;
                float: left;
                position: relative;
                width: 80%;
                color: var(--cc-dark);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-family: 'Roboto', sans-serif;
                background-color: transparent;
                padding: 5px;
            }

            .ricerca_avanzata form div input[type="image"] {
                position: relative;
                float: right;
                max-width: 20%;
                padding: 5px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: none;
                width: 26px;
                top: 0px;
            }

header span {
    color: #737373;
    font-size: 17px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

    header span strong {
        color: var(--cc-dark);
    }

.selettori {
    border: 1px solid var(--cc-light);
}

    .selettori .quantita {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        position: relative;
        float: left;
        margin-right: 10px;
        top: 0px;
        color: var(--cc-dark);
        text-shadow: 0 1px 0 white;
        margin-left: 10px;
        width: 25%;
        max-width: 100%;
        padding: 12px;
        margin: 0px;
    }

.descrizione {
    width: 48%;
    position: relative;
    float: right;
}

.descrizione_prodotto {
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 20px
}

.descrizione p {
    color: var(--cc-dark);
    font-size: 15px;
    margin-bottom: 10px;
}

.articolo .dx .descrizione_prodotto p {
    color: var(--cc-dark);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

    .articolo .dx .descrizione_prodotto p strong {
        font-weight: 500;
        color: var(--cc-dark)
    }

.descrizione .prezzo {
    padding: 15px;
    border-bottom: 1px solid var(--cc-light);
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.descrizione .prezzo {
    color: var(--cc-dark);
    font-size: 14px
}

    .descrizione .prezzo .old_price {
        opacity: 1
    }

    .descrizione .prezzo .old_price, .descrizione .prezzo .percentuale {
        position: relative;
        float: left;
    }

    .descrizione .prezzo .percentuale {
        margin-left: 5px;
        top: 1px;
    }

    .descrizione .prezzo .risparmio {
        clear: both;
        font-style: italic;
    }

.descrizione.titolo {
    padding-bottom: 0px;
    width: 100%;
    position: relative;
    float: right;
    margin-bottom: 10px;
    height: auto;
}

.descrizione .titolo {
    color: var(--cc-dark);
    font-size: 30px;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    font-weight: 400;
    padding: 0px;
    margin-bottom: 10px;
}

.selettori .label {
    width: 33%;
    color: black;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    padding: 24px 0px 0px 0px;
    position: relative;
    float: left;
}

    .selettori .label img {
        position: absolute;
        top: 20px;
        margin-left: 5px;
    }

.selettori .sconto, .selettori .prezzo_totale {
    width: 100%;
    position: relative;
    float: left;
}

.selettori .prezzo .totale, .selettori .contenuto {
    width: 66%;
    margin: 0px;
    height: auto;
    position: relative;
    float: right;
    text-align: left;
}

.articolo .dx .colore_quantita ul {
    margin: 0px
}

.selettori .contenuto {
    padding: 0px 0px 5px 0px
}

.colore_quantita ul .label {
    padding: 0px 0px 10px 0px
}

.colore_quantita .label {
    padding: 22px 0px 0px 0px
}

.selettori .sconto {
}

.colore_quantita {
    background-color: var(--cc-light);
    padding: 15px;
    border-bottom: 1px solid var(--cc-light);
}

.codice {
    color: #afb0b5;
    font-size: 16px;
}

.articolo .dx .descrizione h1 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}

.descrizione h2 {
    font-size: 25px;
    color: var(--cc-dark);
    font-weight: 300;
    margin: 0px;
}

.btn.ordina {
}

.corpo .dx .descrizione p {
    margin: 5px;
    font-size: 14px;
    line-height: 20px;
    color: var(--cc-dark);
}

.spese_spedizione {
    background-image: url(../img/icone/truck.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-top: 5px;
    padding-left: 28px;
}

.valuta_info {
    background-color: var(--cc-dark);
    font-family: 'Roboto', sans-serif;
    padding: 5px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

    .valuta_info .valuta {
        float: left;
        width: 48%;
        position: relative;
        color: #FFFFFF;
        font-size: 18px;
        margin-left: 8px;
    }

        .valuta_info .valuta .star-rating {
            top: 6px;
            left: 3px;
        }

    .valuta_info .info {
        float: right;
        width: 317px;
        position: relative;
        text-align: right;
        font-size: 15px;
        background-image: url(../img/richiediinfo.png);
        background-position: 73px 0px;
        background-repeat: no-repeat;
        padding-left: 41px;
        margin-top: 5px;
    }

        .valuta_info .info a {
            color: white;
            text-decoration: none;
            font-size: 18px;
            margin-right: 8px;
        }

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-right: 5px;
    top: 2px;
}

.griglia_ordina .label_check {
    font-size: 11px;
    font-weight: 500;
}

.commento_fb {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .commento_fb p {
        color: #565656;
        margin-bottom: 5px;
    }

.alert {
    color: var(--cc-alert);
    font-weight: 400;
    margin: 10px 0px;
}

.tabelle_carrello fieldset .btn {
    margin-left: 5px;
    padding: 11px 10px;
    font-size: 15px;
    position: relative;
    float: left;
}

table.tabelle_carrello {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.tabelle_carrello table tr td {
    color: var(--cc-dark);
    border-bottom: 1px solid var(--cc-light);
    padding: 5px;
}

.tabelle_carrello .select_module {
    position: relative;
    width: 108px;
    padding: 3px;
    margin: 0px;
    background-color: whiteSmoke;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-family: 'Roboto', sans-serif;
    border: 1px solid var(--cc-light);
    float: right;
    font-size: 12px;
}

.tabelle_carrello .txt {
    position: relative;
    font-size: 12px;
    color: var(--cc-blue);
    margin-right: 5px;
    top: 1px;
}

.tabelle_carrello .minifield_module {
}

.tabelle_carrello .miniature.thumb {
    border: none;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 60px;
    width: 60px;
}

.tabelle_carrello .miniature img {
    max-height: 50px;
    max-width: 50px;
}

.tabelle_carrello td.minifield_module input {
    padding: 5px;
    background: white;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    float: left;
    width: 32px;
    color: var(--cc-dark);
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
    border: 1px solid var(--cc-light);
}

.tabelle_carrello .field_note {
    float: left;
    position: relative;
    width: 100%;
    padding: 5px;
    margin: 0px;
    background-color: #fff;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-family: 'Roboto', sans-serif;
    border: 1px solid var(--cc-light);
    height: 100px;
}

.tabelle_carrello .label_check a {
    color: var(--cc-dark);
    text-decoration: underline;
}

.tabelle_carrello .label_module {
    float: left;
    position: relative;
    font-size: 15px;
    color: var(--cc-dark);
    font-family: 'Roboto', sans-serif;
    margin-top: 0px;
    width: 40%;
    padding: 8px 5px 0px 0px;
}

.tabelle_carrello, article .riepilogo_prodotto.tabelle_carrello {
    clear: both;
    position: relative;
    margin: 0px;
    background: none;
    border: none;
    padding: 0px
}

    .tabelle_carrello tr th {
        padding: 10px;
        color: white;
        font-weight: normal;
        text-align: left;
    }

    .tabelle_carrello .tabelle_carrello tr th {
        padding: 10px;
        color: white;
        background: var(--cc-primary);
    }

    .tabelle_carrello .minifield_module {
        width: auto;
    }

.prezzo_totale {
    font-size: 30px;
    color: var(--cc-dark);
    font-weight: 300;
    text-align: left;
}

td .prezzo_totale {
    font-size: 20px;
    text-align: left;
    font-weight: 400;
}

.tabelle_carrello .prezzo_totale {
    font-size: 27px;
    text-align: left;
    font-weight: 500;
    padding: 9px;
    color: var(--cc-alert);
}

.tabelle_carrello li storng {
    color: var(--cc-dark);
    font-weight: 400;
}

.tabelle_carrello.sottotabella.tableresponsive .field_module {
    width: 50px;
    float: left;
    padding: 3px 10px;
    text-align: center;
}

.tabelle_carrello caption {
    font-size: 22px;
    color: var(--cc-blue);
    padding-bottom: 10px;
}

.tabelle_carrello .hidden {
    display: none;
}

.tabelle_carrello a img {
    border: none;
}

.tabelle_carrello table tr td a .ok {
    float: right;
    position: relative;
    margin-left: 5px;
    top: 3px;
}

.condizioni {
    margin-left: 0px;
    margin-top: 3px;
    padding: 15px;
    background-color: var(--cc-light);
    margin-bottom: 20px;
    background: var(--cc-light);
}

    .condizioni img {
        text-align: center;
        max-width: 120px;
        margin-right: 20px;
        position: relative;
        float: left;
        margin-bottom: 0px;
    }

    .condizioni p {
        text-align: justify;
        line-height: 23px;
        margin-bottom: 0px;
    }

    .condizioni hr {
        border: none;
        background: rgb(165, 165, 165);
        height: 1px;
        width: 100%;
        margin: 10px 0px;
        opacity: 0.5;
    }

.cancellacarrello {
    width: 400px;
    height: auto;
    padding: 10px;
    margin: 0px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.ordine_minimo {
    font-size: 16px;
    float: right;
    color: var(--cc-dark);
    text-decoration: none !important;
    text-shadow: 0 1px 0 white;
    margin-bottom: 0px;
    font-weight: 500;
    padding: 0px 0px 12px 0px;
}

    .ordine_minimo span {
        color: var(--cc-primary);
        font-size: 20px;
    }

.tabelle_carrello fieldset {
    background-color: white;
    padding: 20px;
    margin-top: 30px;
    position: relative;
    border: 1px dashed var(--cc-light);
}

.tabelle_carrello .field_module {
    width: 60%;
    margin-bottom: 10px;
}

.tabelle_carrello fieldset strong {
}

.readonly {
    background-color: rgba(205, 206, 211, 0.29)
}

.tabelle_carrello legend {
    padding: 10px 15px;
    outline: none;
    color: var(--cc-dark);
    font-size: 15px;
    background: #e0ede0ab;
    border: 1px dashed var(--cc-light);
}

.center {
    text-align: center;
}

.tabelle_carrello fieldset a #help {
    float: right;
    position: absolute;
    right: 10px;
    margin-top: -22px;
}

.dx .tabelle_carrello fieldset p {
    margin-bottom: 0px;
}

.tabelle_carrello fieldset img {
    border-left: 1px dotted var(--cc-light);
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 5px;
    position: relative;
    float: left;
}

.tabelle_carrello fieldset input[type="radio"] {
    position: relative;
    float: left;
    top: 15px;
    margin-left: 10px;
}

.tabelle_carrello .btn {
}

    .tabelle_carrello .btn:hover {
        background-color: var(--cc-dark);
    }

.tabelle_carrello table.table_nopadding tr td {
    border-bottom: none;
    background-color: white;
    color: var(--cc-dark);
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 12px;
}

.articolo .pathway {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
}

.pathway {
    position: relative;
    font-size: 17px;
    color: var(--cc-tertiary);
    width: 100%;
    font-weight: 500;
    float: left;
    text-align: center;
}

    .pathway a {
        margin-left: 1px;
        margin-right: 1px;
        color: #ffffff;
        font-weight: normal;
        font-weight: 300;
    }

        .pathway a:hover {
            text-decoration: underline;
        }

.corpo .dx hr, hr {
    background: none;
    height: 1px;
    width: 100%;
    padding: 0px;
    border: none;
    margin: 20px 0px;
    display: inline-block;
    border-top: 1px dotted rgba(255, 255, 255, 0.4);
}

.dati_contatti {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .dati_contatti tr td {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .dati_contatti tr th {
        text-align: left;
        padding: 10px;
        background: var(--cc-light);
        text-shadow: 0 1px 0 white;
    }

    .dati_contatti tr td p {
        margin: 0px !important;
    }

        .dati_contatti tr td p img {
            position: relative;
            float: left;
            width: 17px;
            margin-right: 5px;
        }

.label_module {
    float: left;
    position: relative;
    font-size: 15px;
    color: var(--cc-primary);
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
}

.btn.ordini, input[type="submit"].btn.ordini {
    margin-top: 28px;
    padding: 8px 20px;
}

.stato a {
    margin: 0px 0 0;
    display: inline-block;
    transition: background 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 0px 5px;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid var(--cc-dark);
    text-transform: uppercase;
    background-color: var(--cc-dark);
    color: white;
}

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

.field_module {
    padding: 10px;
    border: 1px solid var(--cc-light);
    font-size: 16px;
    float: left;
    width: 100%;
    color: var(--cc-primary);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 42px;
}

.login_box .field_module {
    margin-bottom: 5px
}

.field_module.error {
    background-color: #f9dde2;
    border: 1px solid var(--cc-tertiary);
}

.field_note {
    padding: 10px;
    background: white;
    border: 1px solid var(--cc-light);
    font-size: 16px;
    float: right;
    width: 100%;
    color: var(--cc-primary);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    max-height: 250px;
    font-weight: 400;
}

table.contatti {
    width: 760px;
    margin: 10px;
}

.tabelle_carrello table tr td.tabella_totali {
    background-color: var(--cc-dark);
    color: white;
    font-weight: 500;
    font-size: 16px;
}

    .tabelle_carrello table tr td.tabella_totali div.prezzo_totale {
        background-color: var(--cc-dark);
        padding: 5px;
        font-size: 20px;
    }

table.contatti .btn {
    position: relative;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding: 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.blank {
    background-color: white;
}

.inpromo .special {
    height: 45px !important;
    margin-bottom: 25px !important;
}

.categories {
    padding: 10px;
    height: auto;
    border: 1px solid var(--cc-light);
    overflow: auto;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
}

    .categories h1 {
        margin-bottom: 0px;
        color: var(--cc-dark);
        font-size: 20px;
        border-bottom: 1px solid var(--cc-light);
        padding-bottom: 5px;
    }

    .categories ul {
        float: left;
        list-style-image: none;
        list-style-type: none;
        position: relative;
        margin: 0px;
        padding: 0px;
    }

        .categories ul li {
            list-style-image: none;
            list-style-type: none;
            padding: 0px;
            margin-top: 10px;
            margin-left: 0px;
            position: relative;
            float: left;
            width: 100%;
        }

            .categories ul li a {
                color: var(--cc-dark);
                text-decoration: none;
            }

                .categories ul li a:hover {
                    color: var(--cc-dark);
                    text-decoration: none;
                }

.newsart {
    padding: 15px;
    height: auto;
    /* border: 1px solid var(--cc-light); */
    overflow: auto;
    margin: 1%;
    width: 31%;
    /* position: relative; */
    /* float: left; */
    display: inline-block;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
}

    .newsart p a, .leggidipiu a {
        color: var(--cc-primary);
        text-decoration: underline;
        font-weight: 500;
    }

.riepilogo_prodotto .leggidipiu a {
    font-size: 15px;
    margin-bottom: 20px
}

.newsart h3 {
    font-size: 16px;
    text-align: left;
    color: var(--cc-secondary);
    margin-bottom: 12px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 1px 0 white;
}

.newsart span {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 6px;
    padding-right: 7px;
    border-right: 1px solid var(--cc-light);
    min-width: 76px;
    color: var(--cc-primary);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.newsart h3 a {
    text-transform: inherit;
    text-decoration: none;
    color: var(--cc-secondary)
}

.newsart p, #print.articolo .newsart p, article .articolo_news p {
    padding: 0px;
    margin: 0px !important;
    line-height: 22px;
    text-align: justify;
    font-size: 14px;
}

.newsart_img {
    position: relative;
    float: left;
    width: 100%;
    height: 310px;
    display: table;
    /* margin-right: 15px; */
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}

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

    .newsart_img img {
        max-height: 310px;
        max-width: 100%;
        -webkit-transform: scale(1, 1);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        /* Webkit for Mozila Firefox */
        -moz-transform: scale(1, 1);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        /* Webkit for IE( Version: 11, 10 ) */
        -ms-transform: scale(1, 1);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out;
    }

.newsart:hover .newsart_img img {
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 200ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1.2, 1.2);
    -ms-transition-duration: 200ms;
    -ms-transition-timing-function: ease-out;
}

.box_staff .newsart_img img {
    max-height: 130px;
    max-width: 130px;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.articolo_news {
    height: 65px;
    overflow: hidden;
    margin-bottom: 15px;
}

.riepilogo_prodotto .articolo_news {
    height: 117px;
    margin: 0px 0px 5px 0px;
}

.sx .ricerca_avanzata .titolo {
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: var(--cc-dark);
}

.newspromo {
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    color: white;
}

.container.testata .dx div {
    position: relative;
    float: right;
    max-width: 300px;
    padding: 0px 35px;
    border-right: 1px solid var(--cc-light);
    height: 60px;
    margin: 25px 0px;
}

    .container.testata .dx div p {
        color: #afb0b5;
        font-size: 15px;
    }

    .container.testata .dx div.carrello {
        border-right: none;
        width: 275px;
        cursor: pointer
    }

        .container.testata .dx div.carrello h3 {
            margin-top: 5px;
            font-size: 16px;
        }

        .container.testata .dx div.carrello p {
            color: #afb0b5;
            font-size: 20px;
        }

        .container.testata .dx div.carrello img {
            position: relative;
            float: left;
            margin-right: 15px
        }

.menu_footer .box.social {
    margin-right: 0px;
    padding-top: 20px;
    text-align: right;
}

    .menu_footer .box.social .clear {
        height: 95px
    }

.social img {
}

    .social img.payment {
        max-width: 395px
    }

.social span {
    position: relative;
    margin: 6px 15px 0px 0px;
    font-size: 20px;
    font-weight: 300;
    top: -10px;
}

.ricerca_avanzata {
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 15px;
}

.menu_footer .newsletter input[type="image"] {
    position: relative;
    float: right;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    width: 18px;
    top: 1px;
    margin: 0px;
}

.newsletter .cerca {
    float: left;
    position: relative;
    background-color: var(--cc-primary);
    width: calc(100% - 137px);
    margin: 20px 0px 10px 0px;
    top: inherit;
    border: 3px solid white;
}

.newsletter .privacy {
    width: calc(100% - 20px);
    margin: 10px;
    position: relative;
    clear: both;
}

.newsletter .field_module {
    border: none;
    font-size: 18px;
    width: 300px;
    color: var(--cc-dark);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    padding: 15px;
    background: rgba(255, 255, 255, 1);
    position: relative;
    float: left;
    height: auto;
    margin-right: 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.newsletter label {
    color: #FFF;
    font-size: 11px;
}

    .newsletter label a {
        color: #FFF;
        text-decoration: underline;
    }

.newsletter input[type="checkbox"] {
    position: relative;
    float: left;
    margin-right: 5px;
    top: 4px;
}

.select_module, .minifield_module {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--cc-light);
    font-size: 15px;
    float: left;
    color: var(--cc-dark);
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 40px;
}

.colore_quantita .select_module {
    width: 66%;
    margin: 10px 0px 0px 0px;
    height: 44px
}

select {
    height: 44px;
    line-height: 44px
}

.minifield_module {
}

.colophon {
    position: relative;
    float: left;
    color: var(--cc-gray);
    opacity: 1;
    font-size: 14px;
    margin-top: 9px;
}

    .colophon span {
        font-weight: 400;
        color: var(--cc-dark);
        opacity: 1;
    }

.riepilogo_sx {
    clear: both;
    margin: 0px 0px 20px 0px;
    padding: 15px;
    border: 1px solid var(--cc-light);
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    overflow: auto;
}

    .riepilogo_sx h1 {
        font-family: 'Roboto', sans-serif;
        color: var(--cc-dark);
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        text-transform: uppercase;
        text-align: left;
    }

    .riepilogo_sx p {
        font-size: 13px;
        line-height: 21px;
        color: var(--cc-dark);
    }

.unico {
    width: 100% !important;
}

section ul {
    margin: 0px
}

article section ul {
}

section ul.tipologie {
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
}

article ul.tipologie li {
    display: inline-block;
    float: inherit;
    margin: 2px;
    background: none;
    padding: 0px;
}

    article ul.tipologie li a.btn {
        padding: 10px 20px;
        font-size: 20px
    }

.articolo .dx h1 {
    color: var(--cc-dark);
    font-size: 30px;
    font-weight: 300;
}

.map {
    border: 0;
    margin-bottom: 30px;
    height: 450px
}

a.back {
    color: var(--cc-dark)000;
    font-size: 15px;
    text-decoration: underline;
    padding-top: 25px;
    display: block;
    padding-bottom: 10px;
}

.riepilogo_sx ul li {
    font-size: 14px;
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 10px;
    color: var(--cc-dark);
}

.articolo section .condividi_articolo ul li {
    margin: 10px 0px 5px 0px;
}

.riepilogo_sx ul li a {
    color: var(--cc-dark);
    font-size: 13px;
}

.campo_form {
    width: 50%;
    padding-bottom: 30px;
    position: relative;
    float: left;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    /* border-radius: 2px; */
}

article .campo_form p {
    font-size: 14px;
    color: var(--cc-dark);
    line-height: 20px;
    margin-bottom: 5px;
}

.box_carrello {
    position: relative;
    float: right;
    cursor: pointer;
    width: 270px;
    background-position: 3px 5px;
    border: 1px solid var(--cc-light);
    padding: 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
}

    .box_carrello:hover {
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
    }

    .box_carrello h1 {
        font-weight: 500;
        color: var(--cc-dark);
        text-transform: uppercase;
        font-size: 19px;
        margin-bottom: 2px;
    }

    .box_carrello p {
        font-size: 17px;
        color: #888787;
        margin-bottom: 3px;
    }

    .box_carrello img {
        position: relative;
        float: left;
        margin-right: 16px;
    }

    .box_carrello p span {
        color: var(--cc-dark);
    }

    .box_carrello a {
        color: var(--cc-dark);
        text-decoration: underline;
        font-size: 13px;
    }

.testata_utilities {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .testata_utilities .sx {
        position: relative;
        float: right;
        text-align: right;
    }

.paginazione {
    text-align: center;
    width: 100%;
    padding: 0px;
    clear: both;
    height: auto;
    margin: 30px 0px 40px 0px;
}

    .paginazione a, .paginazione span {
        color: #ffffff;
        line-height: 30px;
        font-weight: 400;
        padding: 14px 20px;
        font-size: 18px;
        margin: 0px 1px;
        background: var(--cc-primary);
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

        .paginazione a:hover, .paginazione a.active {
            background: var(--cc-tertiary);
            text-decoration: none;
        }

    .paginazione div {
        position: relative;
        display: inline;
    }

.login_box, .registrazione_box {
    position: relative;
    float: left;
    padding: 20px;
    width: 50%;
    height: 243px;
    border: 9px solid white;
    -moz-border-radius: 15px;
    border-radius: 3px;
}

    .login_box h2, .registrazione_box h2 {
        font-family: 'Roboto', sans-serif;
        color: var(--cc-dark);
        font-size: 25px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .login_box .btn {
        float: right
    }

    .registrazione_box strong {
        font-weight: 400;
        color: var(--cc-dark);
    }

.registrazione_box {
    background: var(--cc-light);
}

.articolo .dx .registrazione_box p {
    color: #3c3d42
}

.registrazione_box .btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.riepilogo_tabella .immagine_prodotto {
    position: relative;
    float: left;
    background-color: white;
    width: 170px;
    margin-bottom: 5px;
    padding: 0px;
    height: 145px;
    border: none;
}

    .riepilogo_tabella .immagine_prodotto div img {
        max-height: 145px;
        max-width: 170px;
    }

.riepilogo_tabella .descrizione.titolo {
    padding-bottom: 0px;
    width: calc(100% - 250px);
    position: relative;
    float: right;
    margin-bottom: 0px;
    height: auto;
}

.riepilogo_tabella .descrizione {
    padding-bottom: 0px;
    width: calc(100% - 170px);
    position: relative;
    float: right;
    margin-bottom: 0px;
    height: 140px;
    overflow: hidden;
    padding-top: 10px;
    border: none;
}

    .riepilogo_tabella .descrizione h1 {
        margin-bottom: 10px;
    }

        .riepilogo_tabella .descrizione h1 a {
            color: var(--cc-dark);
            text-transform: uppercase;
            font-size: 17px;
            font-weight: 400;
        }

            .riepilogo_tabella .descrizione h1 a:hover {
                text-decoration: none;
            }

.corpo .dx .riepilogo_tabella .descrizione p {
    margin: 0px;
    font-size: 13px;
    line-height: 18px;
    color: var(--cc-dark);
    margin-bottom: 5px;
}

.riepilogo_tabella {
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--cc-light);
}

    .riepilogo_tabella .tableresponsive td, .riepilogo_tabella .tableresponsive th {
        padding: 5px;
    }

    .riepilogo_tabella .tableresponsive td {
    }

    .riepilogo_tabella .btn_carrello {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 35px;
        text-align: center;
        font-size: 17px;
        clear: inherit;
        float: right;
        margin-top: 0px;
        background-image: url(../img/cart.png);
        background-repeat: no-repeat;
        background-position: 12px 11px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        text-transform: uppercase;
    }

        .riepilogo_tabella .btn_carrello:hover {
            background-color: var(--cc-primary);
        }

.tabelle_carrello a img {
    border: none;
    max-width: 60px;
    position: relative;
    float: inherit;
    margin: 0px auto;
}

.label_payment {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tabelle_carrello fieldset input[type="radio"] {
    position: relative;
    float: left;
    top: 4px;
}

.label_payment label {
    position: relative;
    float: left;
    padding-left: 10px;
    max-width: 90%;
}

.label_payment span {
    position: relative;
    float: left;
    top: 10px;
    margin-left: 10px;
}

.scopri {
    position: relative;
    float: right;
    padding: 10px;
    border: 1px solid var(--cc-light);
}

.corpo .dx .condizioni hr {
    border: none;
    background: rgb(165, 165, 165);
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.5;
}

.descrizione.titolo a {
    color: #4D5859;
    text-decoration: none;
}

.menusup .link {
    background-repeat: no-repeat;
    background-position: 8px center;
    margin-left: 0px;
    color: var(--cc-dark);
    text-decoration: none;
    background-size: auto 16px;
    padding: 0px 0px 0px 30px;
    position: relative;
    float: right;
    margin: 10px 0px;
}

    .menusup .link.aiuto {
        background-image: url(../img/icone/aiuto.png);
    }

    .menusup .link.giftcard {
        background-image: url(../img/icone/giftcard.png);
    }

    .menusup .link.carrello {
        background-image: url(../img/icone/carrello.png);
        color: var(--cc-dark);
    }

    .menusup .link.register {
        background-image: url(../img/icone/register.png);
        border-right: 1px solid var(--cc-light);
    }

    .menusup .link.entra {
        background-image: url(../img/icone/entra.png);
    }

.menusup span.link.entra {
    padding: 17px 15px 15px 35px;
    top: 9px;
    position: relative;
    border-right: 1px solid var(--cc-light);
}

    .menusup span.link.entra a {
        background-repeat: no-repeat;
        background-position: 8px center;
        margin-left: 5px;
        text-decoration: unferline;
        border: none !important;
        background-size: auto 16px;
        padding: 0px !important;
        top: 0px;
        color: var(--cc-dark);
    }

.menusup .link.desideri {
    background-image: url(../img/icone/desideri.png);
}

.menusup .link:hover {
    text-decoration: none;
}

.ric_avanzata {
    background-color: var(--cc-dark);
    padding: 25px;
    width: 100%;
    clear: both;
    position: relative;
    height: auto;
    overflow: auto;
}

.container.slideshow .dx {
    margin-bottom: 10px;
}

.sx .ric_avanzata {
    margin-bottom: 20px;
    padding: 0px 20px 20px 20px;
}

    .sx .ric_avanzata h1 {
        margin-right: 0px;
        padding-left: 36px;
        background-size: auto 27px;
        padding-top: 15px;
    }

    .sx .ric_avanzata .btn {
        width: 100%;
    }

    .sx .ric_avanzata .select_module, .sx .ric_avanzata .field_module {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 5px;
    }

.link.carrello span {
    font-weight: 500;
}

.ric_avanzata h1 {
    text-transform: uppercase;
    position: relative;
    float: left;
    background-image: url(../img/cerca.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 0px;
    padding-left: 60px;
    margin-right: 30px;
    color: white;
    font-size: 22px;
}

.ric_avanzata .select_module, .ric_avanzata .field_module {
    width: 18%;
    padding: 12px;
    margin-bottom: 0px;
    color: var(--cc-dark);
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    float: left;
    border: none;
    margin-right: 11px;
    height: 46px;
    margin-top: 2px;
    font-size: 14px;
}

.ric_avanzata .btn {
    float: right;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 12px 30px;
    text-transform: uppercase;
    top: 1px;
}

.campo_form .errore {
    text-align: left;
    position: absolute;
    font-size: 14px;
    bottom: 7px;
    left: 0px;
}

.errore {
    color: #dd0000;
    font-weight: 400;
    text-align: center;
    width: 100%;
}

.newsletter .errore {
    font-weight: 500;
    text-align: left;
    width: 100%;
    font-size: 16px;
    float: left;
    color: var(--cc-tertiary);
}

.big.btn {
    padding: 10px 20px;
    font-size: 20px;
    margin-left: 0px !important;
}

input.add {
    background-color: white;
    border: 1px solid white;
    font-size: 20px;
    font-weight: 300;
    color: var(--cc-dark);
    margin: 0px;
    width: 17px;
    height: 30px;
    position: relative;
    top: 0px;
    cursor: pointer;
}

input.addfield {
    font-family: 'Roboto', sans-serif;
    width: 35px;
    text-align: center;
    padding: 5px;
    border: 1px solid var(--cc-light);
    top: -1px;
    position: relative;
}

.cercabtn {
    padding: 11px 20px;
    color: white;
    text-transform: uppercase;
    margin: 0px;
    right: -2px;
    position: relative;
}

.newsletter {
    color: white;
    text-shadow: none;
    height: auto;
    overflow: auto;
    width: 460px;
    margin: 30px auto;
}

.container.slideshow {
    margin-bottom: 20px;
}

.riepilogo_sezione {
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    background: var(--cc-light);
}

.box_news {
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}

.box.dati h3 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin: 14px 0px;
    color: var(--cc-secondary);
    border-bottom: 1px dotted var(--cc-light);
    padding-bottom: 10px;
}

.articolo .riepilogo_sezione h2, .articolo .box_news h2 {
    font-size: 25px;
    font-weight: 300;
    margin: 10px 0px;
    text-align: left;
    padding-bottom: 10px;
    color: var(--cc-gray)999;
}

.riepilogo_sezione ul {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
}

    .riepilogo_sezione ul li {
        margin-bottom: 0px;
    }

        .riepilogo_sezione ul li a:hover {
            color: var(--cc-dark);
            text-decoration: none;
        }

ul.allegati {
    list-style-image: none;
    margin: 10px 0px;
}

    ul.allegati li {
        position: relative;
        float: left;
        margin: 2px;
        margin-right: 20px;
        text-transform: uppercase;
        color: var(--cc-dark);
    }

        ul.allegati li img {
            position: relative;
            float: left;
            margin-right: 5px;
        }

.fb_iframe_widget iframe {
    width: 100% !important;
}

.disclaimer {
    color: var(--cc-primary);
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    margin: 5px 0px 15px 0px;
    width: 100%;
    position: relative;
    clear: both;
    font-style: italic;
}

.divprezzosped .prezzo {
    font-size: 30px;
    margin: 0px;
    color: var(--cc-dark);
    font-weight: 400;
}

.spese_spedizione {
    color: var(--cc-dark);
    font-size: 15px;
}

.divprezzosped {
    margin: 10px 0px;
    padding: 10px 0px;
    padding-top: 3px;
}

.spese_spedizione span {
    color: var(--cc-dark);
}

.selettori .field_module {
    margin-bottom: 0px;
    width: 80px;
    position: relative;
    float: left;
    margin-right: 15px;
    text-align: left;
    margin-top: 10px;
}

.selettori .confezione {
    position: relative;
    float: left;
    margin-top: 21px;
    color: var(--cc-dark);
    font-style: italic;
    padding-right: 5px;
}

.selettori label {
    position: relative;
    float: left;
    width: 100px;
    text-align: left;
    font-size: 16px;
}

.selettori label {
    top: 10px;
}

.btn.wishlist, .btn_wishlist {
    text-decoration: none;
    border: none;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    text-align: left;
    color: var(--cc-dark);
    font-size: 13px;
    background-color: transparent;
    background-image: url(../img/icone/star.png);
    background-repeat: no-repeat;
    background-position: left 12px;
    padding-top: 15px;
    padding-left: 30px;
    padding-bottom: 10px;
    cursor: pointer;
    clear: both;
    margin-left: 33%;
}

    .btn.wishlist:hover, .btn_wishlist:hover, .btn_wishlist.active {
        background-color: transparent;
        background-image: url(../img/icone/star_on.png);
    }

.selettori .btn {
    padding-left: 40px;
    background-image: url(../img/icone/carrello_white.png);
    background-repeat: no-repeat;
    background-position: 11px center;
    margin-top: 12px;
    font-size: 20px;
}

    .selettori .btn:hover {
    }

ul.allegati li {
    width: 100%;
    margin-bottom: 5px;
}

.riepilogo_tabella ul.allegati li {
    width: auto;
    margin-bottom: 5px;
}

.banner_inf {
    width: 100%;
    position: relative;
    clear: both;
}

.sx .box_news, .box_sx {
    margin-bottom: 20px
}

.box_news .box {
    vertical-align: top;
    overflow: hidden;
    text-align: left;
    display: inline-block;
}

.cataloghi .box {
    vertical-align: top;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: 1%;
    width: 23%;
    display: inline-block;
    border: 1px solid var(--cc-light);
}

    .cataloghi .box:hover {
        border: 1px solid var(--cc-gray);
    }

.dx .cataloghi .box h2 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: inherit;
    font-size: 16px;
    font-weight: 400;
    color: var(--cc-dark);
    margin-bottom: 0px;
}

.cataloghi .box h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

    .cataloghi .box h2 a:hover {
        text-decoration: none
    }

.cataloghi h1 {
    font-size: 45px;
    font-weight: 300;
    color: var(--cc-dark);
    margin: 0px;
}

.box_news .box h2 {
    color: var(--cc-primary);
    font-size: 20px;
    font-weight: 400;
    margin: 0px;
    text-align: left;
    line-height: 25px;
    margin-bottom: 10px;
}

    .box_news .box h2 strong {
        font-weight: 500;
    }

    .box_news .box h2 a {
        color: var(--cc-dark);
    }

.box h4 {
    margin-top: 14px;
    color: var(--cc-primary);
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}

.approfondimenti .box_img {
    margin-bottom: 0px
}

.box_img {
    width: 100%;
    clear: both;
    position: relative;
    height: 190px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 0px;
}

.carousel #primopiano .box_img {
    background: white;
}

.box_img img {
    width: 100%;
    max-width: inherit;
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
}

.box_img:hover img {
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 200ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1.2, 1.2);
    -ms-transition-duration: 200ms;
    -ms-transition-timing-function: ease-out;
}


.cataloghi .box_img {
    width: 100%;
    clear: both;
    position: relative;
    height: 350px;
    overflow: hidden;
    text-align: center;
    background: white;
    display: table;
    padding: 10px
}

.cataloghi.partner .box_img {
    height: 200px;
    margin-bottom: 0px;
}

.cataloghi.partner .testo {
    overflow: hidden;
    background: white;
    padding: 0px 20px 20px 20px;
    height: auto;
}

.cataloghi.partner .box_img img {
    max-height: 222px;
}

.cataloghi .box_img div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cataloghi .box_img img {
    max-width: 100%;
    max-height: 350px;
    width: 250px;
    height: inherit;
}

.cataloghi .testo {
    overflow: hidden;
    background: white;
    padding: 0px 20px 0px 20px;
}

.box_news.cataloghi .box h2 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 300;
}

.box_news.cataloghi {
    padding-bottom: 40px
}

    .box_news.cataloghi .titolo {
        font-size: 40px;
    }

    .box_news.cataloghi .box h3 {
        margin-bottom: 10px;
        font-size: 23px;
        text-align: center;
        font-weight: 300;
    }

.box_news .box h2 a:hover {
    text-decoration: none;
}

.corpo p {
    color: var(--cc-dark);
}

.corpo .banner p {
    color: rgba(255, 255, 255, 0.5);
}

.corpo .testo {
    margin: 10px 0px;
    height: 53px;
    overflow: hidden;
}

    .corpo .testo p {
        margin-bottom: 0px;
    }

.box .titolo {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    padding: 20px 0px;
    font-family: 'Roboto', sans-serif;
    color: var(--cc-dark);
    font-size: 40px;
    font-weight: 300;
}

.banner_inf {
    margin: 30px 0px
}

    .banner_inf .newsletter, .banner_inf .pagamenti {
        position: relative;
        overflow: hidden;
        margin: 0px 1%;
        max-height: 360px;
        width: 47%;
        text-align: center;
        display: inline-table;
        border: 10px solid;
        padding: 20px;
        min-height: 320px;
    }

    .banner_inf .newsletter {
        background-color: var(--cc-primary);
        color: white;
        border-color: var(--cc-gray)
    }

        .banner_inf .newsletter .btn {
            color: #fff;
            border: 3px solid #fff !important;
            margin: 19px 0px 0px 0px;
            padding: 9px 20px;
            clear: inherit !important;
            border-radius: inherit !important;
            top: 1px;
        }

        .banner_inf .newsletter .titolo {
            color: white;
        }

    .banner_inf .pagamenti {
        background-color: #d5d8e9;
        color: var(--cc-primary);
        border-color: var(--cc-primary)
    }

        .banner_inf .pagamenti img {
            margin: 20px 0px
        }

    .banner_inf .titolo {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 30px;
        margin: 0px;
        padding: 20px 0px;
    }

.corpo .banner_inf p {
    color: white;
    font-size: 18px;
    text-shadow: 0 1px 0 black;
}

.corpo .banner_inf .pagamenti p {
    color: var(--cc-primary);
    text-shadow: 0 1px 0 white;
}

.prodotti .testo {
    position: relative;
    float: right;
    width: 40%;
}

.approfondimenti h2 {
    font-weight: 400;
    margin-bottom: 0px;
    background: var(--cc-primary);
    color: white;
    padding: 15px;
    font-size: 30px;
    text-align: center;
}

.approfondimenti .titolo h2 {
    margin-bottom: 0px;
    font-size: 31px;
    font-weight: 300;
    text-align: center;
    margin-top: 10px;
    color: var(--cc-tertiary);
}

.approfondimenti p.leggi {
    text-align: center;
    border: none;
}

    .approfondimenti p.leggi a {
        text-decoration: underline;
        color: var(--cc-primary);
    }

.approfondimenti h2 a {
    color: black;
}

.testo p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.banner_box.homepage .testo p {
    font-weight: 400;
    font-size: 24px;
    margin: 0px;
    line-height: 33px;
    text-align: center;
    color: white;
    padding: 0px 20%;
}

    .banner_box.homepage .testo p em {
        margin-top: 40px;
        display: inline-block;
        font-size: 18px;
        line-height: 28px;
    }

.box_news .box .link {
    background: white;
    padding: 20px;
    text-align: left;
}

    .box_news .box .link a {
        color: var(--cc-primary);
        text-decoration: underline;
    }

.img_principale {
    width: 100%;
    margin-bottom: 20px;
}

.disponibilita_yes {
    background: #36b34c !important;
}

.disponibilita_no {
    background: #d30202 !important;
}

.img_brand img {
    max-height: 30px;
}

.taglie {
    position: relative;
    float: left;
    width: 50%;
    margin: 20px 0px;
}

    .taglie img {
        position: absolute;
        top: -15px;
        left: 0px;
    }

    .taglie a {
        font-size: 16px;
        color: white;
        background-color: #4c5462;
        border: 5px solid #cdced3;
        padding: 8px 15px 8px 40px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .taglie a:hover {
            text-decoration: none;
            background-color: #091e3b;
        }

.articolo table {
    margin: 20px 0px;
    border-top: 1px solid var(--cc-light);
    border-right: 1px solid var(--cc-light);
    border-left: 1px solid var(--cc-light);
    border-spacing: 0;
    border-collapse: collapse;
}

    .articolo table tr td, .articolo table tr th {
        padding: 10px 20px;
        border-bottom: 1px solid var(--cc-light);
        margin: 0px;
        text-align: left;
    }

        .articolo table tr th, .articolo table tr td strong {
            color: var(--cc-dark);
            font-weight: 400;
        }

    .articolo table tr th {
        color: var(--cc-dark);
        font-weight: 500;
    }

.newsletter label {
    float: left;
    margin-top: 5px;
}

.newsletter label {
    color: #FFF;
    font-size: 11px;
}

#mc_embed_signup .indicates-requivar(--cc-alert) {
    margin-right: 5px !important;
    float: left;
}

.descrizione_p p em, .descrizione_p p strong {
    font-weight: normal;
    font-style: normal
}

.alert_carrello {
    height: auto;
    overflow: auto;
    border: 4px solid rgb(22, 40, 76);
    padding: 10px;
    text-align: center;
    color: #0c143b;
    font-size: 22px;
    background: #d5d8e9;
}

.obbligatorio {
    border-color: #fe0505;
}

.scarica, .articolo .dx p.scarica {
    padding: 20px;
    text-align: center;
    background: white;
    margin-bottom: 0px;
    padding-top: 0px;
}

    .scarica a {
        color: #d73434;
        text-decoration: underline;
    }

        .scarica a:hover {
            color: #d83a3a;
            text-decoration: underline;
        }

    .scarica img {
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

.intro img:first-child {
    margin: 0px 0px 15px 0px;
    clear: both;
    width: 100%;
}

.intro img {
    position: relative;
    float: left;
    margin: 0px 20px 20px 0px;
}

.intro p {
    font-size: 15px;
    line-height: 23px;
}

.intro {
    display: block;
    margin-bottom: 30px
}

.carrello {
    cursor: pointer;
    color: var(--cc-tertiary);
    font-family: 'Roboto', sans-serif;
    position: relative;
    float: right;
    padding: 11px;
    font-weight: 500;
}

    .carrello .numero {
        font-weight: 500;
        position: absolute;
        font-size: 15px;
        top: -10px;
        right: -10px;
        color: var(--cc-tertiary);
        z-index: 99;
    }

    .carrello img {
    }

.spunta {
    width: 100%;
    position: relative;
    clear: both;
    padding: 10px 0px 0px 0px;
    height: auto;
    overflow: auto;
}

.old_price {
    text-decoration: line-through;
    font-size: 15px;
}

.percentuale {
    color: #1581b0;
    font-weight: 500;
}

.payoff {
    margin: 30px 0px 40px 0px;
}

    .payoff h2, .payoff h3 {
        text-align: center
    }

    .payoff h2 {
        font-size: 45px;
        font-weight: 300;
        color: var(--cc-dark);
        margin: 0px;
    }

    .payoff h3 {
        font-size: 40px;
        font-weight: 300;
        color: var(--cc-gray)999;
        margin: 0px;
    }

.unico .superiore {
    background-color: white;
    border-bottom: 1px solid var(--cc-light);
    width: 100%;
    padding-top: 20px;
    margin-bottom: 50px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.prodotti_simili {
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
    position: relative;
    clear: both;
}

    .prodotti_simili .item .cbp-vm-title, .prodotti_simili .item .cbp-vm-price {
    }

    .prodotti_simili .owl-carousel {
        background: white;
        padding: 0px;
        border-bottom: none;
        margin-bottom: 0px;
    }

        .prodotti_simili .owl-carousel .owl-item {
            padding: 0px;
        }

.scopricome {
    padding: 15px 0px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .scopricome .btn {
        float: right
    }

.descrizione .scopricome p {
    color: var(--cc-dark);
    font-size: 14px;
    margin-bottom: 0px;
    max-width: 450px;
    padding-right: 10px;
    position: relative;
    float: left
}

.inferiore .sx, .inferiore .dx {
    width: 48%;
    margin: 0px;
    margin-bottom: 50px;
}

    .inferiore .dx p a {
        font-size: 14px;
        color: var(--cc-dark);
        text-decoration: none;
        padding: 10px 0px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .inferiore .dx p a:hover {
            color: var(--cc-dark);
            text-decoration: underline;
        }

        .inferiore .dx p a img {
            position: relative;
            float: left;
            top: 2px;
            margin-right: 7px
        }

    .inferiore .sx .box {
        background: white;
        margin-bottom: 40px;
        display: inline-block;
        overflow: hidden;
        width: 100%;
        padding-left: 50%;
        background-position: left top;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

        .inferiore .sx .box .testo {
            overflow: hidden;
            background: rgba(255, 255, 255, 0.81);
            padding: 15px;
            height: auto;
            width: 100%;
            position: relative;
            float: right;
        }

        .inferiore .sx .box h3 {
            font-size: 40px;
            font-weight: 300;
            margin-bottom: 10px;
        }

        .inferiore .sx .box .testo p {
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
        }

.inferiore h4 {
    background: #aad3ab;
    font-size: 13px;
    font-weight: 400;
    color: white;
    padding: 15px;
    text-transform: uppercase;
    margin: 15px 0px;
}

.inferiore .dx p {
    font-size: 13px;
    font-weight: 400;
    color: var(--cc-dark);
    margin: 0px;
}

.inferiore .dx h3 {
    font-size: 25px;
    margin: 20px 0px;
}

.articolo h2 {
    font-size: 21px;
    margin: 10px 0px;
    font-weight: 300;
    color: var(--cc-secondary);
    line-height: 28px;
}

.approfondimenti .titolo p {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.articolo {
    height: auto;
    padding-bottom: 20px;
}

.home .approfondimenti .titolo p {
    margin-top: 30px;
}

.articolo.principale h1 {
    font-size: 50px;
    color: var(--cc-primary);
    font-weight: 300;
    text-align: center;
    margin: 30px 0px 0px 0px;
}

.articolo.principale h2 {
    text-align: center;
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 30px
}

.home .articolo.principale h1 {
    font-size: 75px;
    margin: 30px 0px;
}

.articolo.principale p {
    color: var(--cc-gray)999;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.articolo.principale ul {
    position: relative;
    clear: both;
    padding: 4% 9%;
    width: 100%;
}

    .articolo.principale ul li {
        position: relative;
        float: left;
        width: 50%;
        padding: 10px 10px 10px 50px;
        font-size: 25px;
        font-weight: 300;
        cursor: pointer;
    }

        .articolo.principale ul li img {
            background-color: var(--cc-primary);
            position: relative;
            float: left;
            margin-right: 20px;
            padding: 10px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .articolo.principale ul li:hover {
            color: var(--cc-dark)
        }

            .articolo.principale ul li:hover img {
                background-color: #ff943f;
                -moz-transition: all 0.2s linear 0s;
                -webkit-transition: all 0.2s linear 0s;
                -o-transition: all 0.2s linear 0s;
            }

article .riepilogo_prodotto {
    margin-bottom: 25px;
    background: #f8fbf6;
    border: 2px dashed #94b77c;
    width: 100%;
    clear: both;
    position: relative;
    padding: 15px;
}

.riepilogo_prodotto .btn, .riepilogo_prodotto input[type="button"].btn {
}

article .riepilogo_prodotto .testo {
    height: 150px;
    margin-bottom: 25px;
    overflow: hidden;
}

article .riepilogo_prodotto .articolo_news h3 {
    font-size: 30px;
    font-weight: 400;
    margin: 5px 0px;
}

    article .riepilogo_prodotto .articolo_news h3 a {
        color: var(--cc-alert);
        text-decoration: none;
    }

article .riepilogo_prodotto .testo p {
    line-height: 23px;
    text-align: justify;
    font-size: 15px;
    margin-bottom: 0px
}

article .testata .img img, article .testata .img iframe {
    /* margin-bottom: 40px; */
    width: 100%;
    opacity: 0.3;
    display: none
}

article .testata .img {
    height: 400px;
    overflow: hidden;
    clear: both;
    background-position: center center;
    opacity: 0.5;
    background-size: 100% auto;
}

.container_carrello {
    padding: 0px 0px 80px 0px
}

    .container_carrello .pathway {
        padding-bottom: 20px;
        width: 100%;
    }

    .container_carrello .disclaimer {
        color: #fff;
        font-size: 17px;
        line-height: 20px;
        font-weight: 400;
        margin: 10px 0px;
        width: 100%;
        position: relative;
        clear: both;
        font-style: normal;
        background-color: var(--cc-primary);
        padding: 20px;
        text-align: center;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

.tabelle_carrello .semplice th {
    font-size: 21px;
    background: white;
    padding: 10px;
    color: var(--cc-primary);
    font-weight: 400;
}

.tabelle_carrello .semplice .field_module {
    margin-bottom: 0px
}

.tabelle_carrello .semplice td {
    background: white;
    padding: 5px;
    color: var(--cc-dark);
}

.tabelle_carrello .semplice {
    margin: 20px 0px;
    max-width: 100%;
}

    .tabelle_carrello .semplice tr td {
        padding: 10px;
        border: 1px solid var(--cc-light)
    }

.content .tabelle_carrello .box {
    width: 48%;
    padding: 20px;
    margin: 1% 1% 0% 1%;
    border: none;
    min-height: 220px;
    position: relative;
    float: left;
}

.tabelle_carrello .riepilogo_carrello .btn {
    background-color: var(--cc-primary);
    margin-top: 10px;
}

    .tabelle_carrello .riepilogo_carrello .btn:hover {
        background-color: var(--cc-dark);
    }

.content .tabelle_carrello .box .field_module {
    margin-right: 5px;
    margin-top: 0px;
    float: inherit;
    width: 33%;
}

.content .tabelle_carrello .box p {
    margin-bottom: 10px
}

.content .tabelle_carrello h2 {
    font-weight: 400;
    color: var(--cc-primary);
    margin-bottom: 20px;
}

.riepilogo_carrello {
    padding: 10px;
    border: 1px solid var(--cc-light);
    height: auto;
    overflow: auto;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: white;
}

.box .riepilogo_carrello ul li {
    font-size: 15px;
}

.campo_form span input[type="radio"] {
    position: relative;
    margin-left: 5px;
    top: 2px;
}

.campo_form span {
}

.campo_form.sede_alternativa {
    width: 100%;
    margin: 0px;
    background: var(--cc-light);
    padding: 10px;
}

.riepilogo_carrello ul li {
    padding: 5px;
    border-bottom: 1px solid var(--cc-light);
    height: auto;
    overflow: auto
}

    .riepilogo_carrello ul li div {
        position: relative;
        float: right;
        padding: 5px;
        font-size: 18px;
    }

        .riepilogo_carrello ul li div .prezzo_totale {
            font-size: 22px;
            padding: 0px;
            color: #fd6500;
            font-weight: 400;
        }

.content .tabelle_carrello .box .campo_form .field_module {
    margin-right: 0px;
    margin-top: 0px;
    float: inherit;
    width: 100%;
    height: 44px;
}

.content .tabelle_carrello .box.grey {
    background: #FFF;
    border: 1px solid var(--cc-light);
}

    .content .tabelle_carrello .box.grey h3 {
        font-size: 21px;
        font-weight: 400;
        margin-bottom: 5px;
        color: black;
    }

.sede_alternativa {
    margin-bottom: 10px;
    background-color: #ffffff;
    width: 100%;
    clear: both;
    margin-top: 10px;
    display: none;
    height: auto;
    overflow: auto;
    padding: 40px 20px 20px 20px;
    border: 1px solid var(--cc-light);
}

    .sede_alternativa .blu {
        position: absolute;
        right: 21px;
        background: var(--cc-primary);
        padding: 5px 10px;
        text-decoration: none;
        font-size: 19px;
        color: white;
        margin-top: -40px;
        z-index: 9999999;
        cursor: pointer;
    }

.menusup .link.entra br {
    display: none;
}

.dx .immagine_prodotto div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.dx .immagine_prodotto {
    width: 250px;
    height: 250px;
    display: table;
}

.dx .prodotti_simili .immagine_prodotto div img {
    max-width: 150px;
    max-height: 150px;
}

.dx .prodotti_simili .immagine_prodotto {
    width: 100%;
    height: 150px;
}

.dx .prodotti_simili .item .logo img {
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    width: 60px;
}

.dx .immagine_prodotto div img {
    max-width: 100%;
    max-height: 250px;
}

.sx .immagine_prodotto {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--cc-primary);
}

    .sx .immagine_prodotto div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .sx .immagine_prodotto div img {
            max-width: 100%;
            max-height: 195px;
        }

.box.dati h2 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--cc-dark);
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid var(--cc-light);
    padding-bottom: 15px;
}

input[type="text"]:disabled {
    background-color: rgb(235, 235, 228);
}



.calcolatrice {
    position: relative;
    float: left;
    height: 43px;
    margin-left: 33%;
    margin-top: 13px;
    margin-right: 10px;
}

.news_home {
    background-image: url(../images/45182314.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    background-color: #040404;
    position: relative;
    background-attachment: fixed;
    padding: 20px 0px;
    margin-top: 20px;
    border-top: 1px solid var(--cc-light);
}

    .news_home h2 {
        font-size: 75px;
        font-weight: 300;
        color: white;
        z-index: 9;
        position: relative;
        margin-top: 50px;
        margin-bottom: 20px;
    }

.cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 48, 61, 0.65);
    /*background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--cc-dark)00000', endColorstr='#a6000000', GradientType=1);*/
}

.newsletter_box .cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(3, 48, 61, 0.7);
}

footer .box {
    position: relative;
    float: left;
    width: auto;
    margin-right: 50px;
    padding-top: 20px;
    margin-bottom: 30px;
    max-width: 30%;
}

    footer .box.dati {
        float: left;
        width: auto;
        max-width: 400px;
    }

    footer .box:last-child {
        margin-right: 0%;
    }

.item .box {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.approfondimenti .box {
    padding: 0px 10px
}

.home approfondimenti {
    border-top: none;
}

.approfondimenti {
    padding-bottom: 40px;
    width: 100%;
    clear: both;
    position: relative;
    height: auto;
}

.prodotti .box.principale {
    width: 100%;
    margin-bottom: 0px;
}

.prodotti .btn {
    text-transform: uppercase;
    background-color: var(--cc-tertiary);
    margin: 20px 0px;
}

.prodotti .box h3 {
    font-size: 30px;
    text-align: center
}

.prodotti .box {
    position: relative;
    float: left;
    width: 20%;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer
}

    .prodotti .box .img {
        width: 100%;
        height: 170px;
        display: table
    }

        .prodotti .box .img div {
            display: table-cell;
            vertical-align: middle;
            text-align: center
        }

            .prodotti .box .img div img {
                max-width: 100%;
                max-height: 160px;
                margin-bottom: 10px;
            }

    .prodotti .box img {
        -webkit-transform: scale(1, 1);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1, 1);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1, 1);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out;
    }

    .prodotti .box:hover img {
        -webkit-transform: scale(1.02, 1.02);
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1.02, 1.02);
        -moz-transition-duration: 200ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1.02, 1.02);
        -ms-transition-duration: 200ms;
        -ms-transition-timing-function: ease-out;
    }

    .prodotti .box.principale .img {
        width: 60%;
        position: relative;
        float: left;
        display: table;
        height: 400px
    }

        .prodotti .box.principale .img img {
            max-height: 400px;
            margin-bottom: 0px
        }

    .prodotti .box.principale h3 {
        margin-bottom: 20px;
        margin-top: 30px;
        text-align: left
    }

    .prodotti .box p {
        font-size: 16px;
        line-height: 23px;
        margin-right: 20px;
        text-align: left;
    }

.sezioni_home {
    margin: 30px 0px
}

    .sezioni_home .box {
        margin-bottom: 0px;
        cursor: pointer;
        background: var(--cc-primary)
    }

        .sezioni_home .box:hover img {
            opacity: 0.5;
            -moz-transition: all 0.2s linear 0s;
            -webkit-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
        }

    .sezioni_home .sx {
        padding-right: 1%;
        width: 50%;
    }

    .sezioni_home .dx {
        padding-left: 1%;
        width: 50%;
    }

    .sezioni_home .box, .sezioni_home .box img, .sezioni_home .box:hover img {
        width: 100%;
    }

        .sezioni_home .box h3 {
            font-size: 30px;
            text-align: left;
            color: var(--cc-primary);
            padding: 21px 0px 36px 0px;
            background: white;
        }

.banner_box.homepage {
    width: 100%;
    position: relative;
    clear: both;
    background-image: url(../images/37398445-mobile.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    height: auto;
    overflow: auto;
    margin: 0px 0px;
    /* min-height: 400px; */
    background-attachment: fixed;
}

    .banner_box.homepage .testo {
        width: 100%;
        position: relative;
        float: right;
        padding: 6%;
        text-shadow: 0 1px 0 black;
        z-index: 9;
        text-align: center;
    }

    .banner_box.homepage h2 {
        color: #ffffff;
        font-weight: 400;
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .banner_box.homepage .testo h2 {
        font-size: 50px;
        line-height: inherit;
    }

    .banner_box.homepage h3 {
        font-size: 32px;
        color: white;
        font-weight: 400;
        margin-bottom: 0px;
        font-family: 'Roboto', sans-serif;
    }

    .banner_box.homepage .btn {
        float: inherit;
        background-color: var(--cc-tertiary);
        /* text-shadow: none; */
        text-transform: uppercase;
        font-size: 31px;
        margin: 40px 0px 0px 0px;
        padding: 15px 40px;
        text-shadow: 0 1px 2px black;
    }

.leggi, #print.articolo p.leggi {
    clear: both;
    display: block;
    padding-top: 16px;
    border-top: 1px solid var(--cc-light);
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 5px;
}

    #print.articolo p.leggi a {
        color: var(--cc-dark);
        font-size: 16px;
    }

.approfondimenti p.leggi a.btn {
    background-color: var(--cc-primary);
    float: inherit;
    margin: auto;
    left: 0px;
    right: 0px;
    text-align: center;
    text-transform: none;
    font-size: 25px;
    padding: 15px;
    text-decoration: none;
    width: 32%;
    color: white
}

ul.social li a {
    font-size: 31px;
    color: rgba(3, 48, 61, 0.5);
    margin-right: 7px;
}

    ul.social li a:hover {
        color: rgba(3, 48, 61, 0.8);
    }

ul.social li, ul.lingue li {
    position: relative;
    float: left;
    margin: 0px 10px 0px 0px;
}

    ul.lingue li a {
        color: var(--cc-tertiary);
        padding: 7px;
        width: 36px;
        display: inline-block;
        text-align: center;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid var(--cc-tertiary);
    }

        ul.lingue li a.btn {
            width: auto;
            background: var(--cc-tertiary);
            color: white;
            padding: 7px 13px 6px 13px;
            font-weight: 300;
            margin-right: 20px;
            text-transform: uppercase;
            font-size: 17px;
            border: none;
            text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.59);
            /* border: none; */
        }

.cbp-af-header.cbp-af-header-shrink ul.lingue li a.btn {
    /* text-shadow: none; */
    /* border: none; */
}


ul.lingue li a.selected, ul.lingue li a:hover {
    background: var(--cc-tertiary);
    color: white;
    text-decoration: none
}

ul.lingue {
    position: relative;
    float: right;
    margin: 0px;
}

ul.social li:hover {
    opacity: 1;
}

.articolo h1 {
    font-size: 35px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 5px;
    color: var(--cc-tertiary);
}

.articolo .unico h1 {
    margin-top: 20px
}

.articolo .data {
    font-size: 15px;
    color: var(--cc-secondary);
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
}

.staff li .img {
    width: 150px;
    height: 150px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 15px auto;
    text-align: center;
}

.staff ul {
    display: block
}

#print.articolo .sx .staff li {
    text-align: center;
    display: inline-block;
    margin: 20px;
    cursor: pointer;
    background-image: none;
    padding-left: inherit
}

#print.articolo .staff p {
    text-align: center
}

.staff li h3 {
    font-size: 23px;
    margin-bottom: 0px;
    font-weight: 300;
    color: var(--cc-secondary);
}

.staff h2 {
    font-size: 40px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.staff {
    margin-bottom: 40px;
}

.img_articolo img {
    width: 100%;
}

.img_articolo {
    max-height: 400px;
    overflow: hidden
}

.sx .img_articolo {
    max-height: inherit;
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 30px;
}

.login {
    padding: 10px;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

.carrello {
    padding: 10px;
    float: right;
    margin-top: 20px;
    margin-right: 0px;
}

.home .login {
    margin-top: 77px;
}

.loghi {
    background: white;
    border-top: 1px solid var(--cc-light);
    padding: 40px 0px;
    display: block;
    text-align: center;
}

    .loghi img {
        margin: 0px 30px;
        display: inline-block
    }

.articolo .img {
    max-height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
}

.articolo .ticker .img {
    overflow: hidden;
    margin-bottom: 20px;
    width: 60px;
    position: relative;
    float: left;
    margin-right: 10px;
}

    .articolo .ticker .img img {
        margin-bottom: 0px
    }

.owl-carousel.statico .item {
    width: 100%;
    padding: 0px;
    border: none;
    padding: 15px;
    min-height: auto;
}

.owl-carousel.statico {
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

    .owl-carousel.statico .item .testo p,
    .owl-carousel.statico .item .testo h2, .owl-carousel.statico .item .testo h4,
    .owl-carousel.statico .item .testo .back,
    .owl-carousel.statico .item .testo .rettangolo_ombra,
    .owl-carousel.statico .item .testo ul,
    .owl-carousel.statico .item .testo .titolo {
        display: none
    }
article.blog h4 {
    font-weight: 500;
    font-size: 22px;
	margin-bottom:10px;
}
    .owl-carousel.statico .item .testo {
        min-height: 52px;
    }

    .owl-carousel.statico .item .testo {
        /* min-height: 84px; */
    }

    .owl-carousel.statico .item .box_img {
        height: 300px;
        margin-bottom: 20px;
    }

    .owl-carousel.statico .item .leggi {
        display: none
    }

.grigio {
    background-color: #fff;
    padding: 0px;
    text-align: center;
    margin: 10px 0px;
}

    .grigio h3, .grigio .carousel .owl-theme h3 {
        font-size: 15px;
        margin: 5px 0px;
    }

        .grigio h3 a {
            color: var(--cc-dark)
        }

.newsletter_box {
    background-image: url(../img/bg-newsletter.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    padding: 50px 30px;
    text-align: center;
    margin: 0px;
    width: 100%;
    position: relative;
    clear: both;
    display: inline-block
}

    .newsletter_box div .dx,
    .newsletter_box div .sx {
        width: 50%;
        padding: 0px 50px
    }

    .newsletter_box div .dx {
        margin-top: 30px;
    }

        .newsletter_box div .dx .field_note,
        .newsletter_box div .dx .field_module {
            border: none;
            border-radius: 2px;
        }

    .newsletter_box div {
        z-index: 9;
        color: white;
        text-align: left;
        position: relative;
    }

        .newsletter_box div a {
            color: white;
        }

        .newsletter_box div#alert_privacy_form {
            display: block;
            clear: both;
            position: relative;
            text-align: left;
        }

            .newsletter_box div#alert_privacy_form .alert {
                color: pink;
                font-weight: 400;
                margin: 10px 0px;
                display: block;
                clear: both;
            }

.campo_form span.alert {
    font-size: 15px;
    padding: 10px 0px;
    position: absolute;
    left: 0px;
    bottom: -12px;
    color: var(--cc-alert);
    font-weight: 400;
    margin: 10px 0px;
}

.soluzioni_form .campo_form span.alert {
    font-size: 13px;
    bottom: -23px;
    color: var(--cc-alert);
    font-weight: 500;
}

.newsletter_box .campo_form span.alert {
    font-size: 15px;
    padding: 10px 0px;
    position: absolute;
    left: 0px;
    bottom: -85px;
    color: pink;
    font-weight: 400;
    margin: 10px 0px;
}


ctl00_body_divHumanCheckMsg


.newsletter_box #body_divHumanCheckMsg.errore,
.newsletter_box #ctl00_body_divHumanCheckMsg {
    color: pink;
    font-weight: 400;
    margin: 10px 0px;
    display: block;
    clear: both;
    bottom: -9px;
}

.newsletter_box input[type="submit"].btn {
    float: right;
    background-color: var(--cc-tertiary)
}

.newsletter_box h3 {
    font-size: 52px;
    color: #fff;
    /*line-height: 20px;*/
    font-weight: 400;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    margin-top: 58px;
}

.newsletter_box p {
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 32px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 20px;
}

.newsletter_box h2 {
    font-size: 80px;
    color: white;
    font-weight: 400;
    margin: 10px 0px 20px 0px;
    text-align: left;
}

p.veditutto {
    text-align: center;
    padding: 13px 0px;
    margin: 0px;
    font-weight: 500;
    font-size: 15px;
    text-decoration: underline;
    background: white;
}

    p.veditutto a {
        color: var(--cc-secondary);
    }

.video {
    margin: 20px 0px;
    border-bottom: 1px solid #bcbec0;
    display: inline-block;
    padding: 15px;
    height: auto;
    border: 1px dashed var(--cc-light);
    overflow: auto;
    margin-bottom: 20px;
    width: 100%;
}

    .video h3 {
        text-align: left;
        font-size: 20px;
        color: var(--cc-secondary);
        margin-bottom: 15px
    }

.video_meta {
    width: 50%;
    float: right;
    padding: 0px 10px;
}

    .video_meta p {
    }

.video p {
    font-size: 16px;
    color: var(--cc-dark);
    line-height: 23px;
    margin-bottom: 15px;
}

.video iframe {
    width: 100% !important;
    margin-top: 0px;
}

aside .banner img {
    height: auto;
    margin-bottom: 0px;
    position: relative;
    float: left;
    margin: 5px 20px;
}

aside .banner p {
    width: 100%;
    position: relative;
    clear: both;
    text-transform: none;
    margin-top: 20px
}

aside .banner {
    background-color: var(--cc-secondary);
}

article aside .riepilogo_sezione p {
    font-size: 19px;
    color: var(--cc-dark);
    line-height: 32px;
    margin-bottom: 0px;
    padding: 25px;
    text-align: center;
    border: 1px solid var(--cc-light);
    margin-top: 29px;
}

aside .banner h4 {
    color: white;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 39px;
    font-weight: 400;
    margin-top: 10px;
    padding: 0px 20px;
}

    aside .banner h4 strong {
        font-weight: 500;
        color: var(--cc-tertiary);
        text-shadow: 0 0 black;
        font-size: 40px;
        position: relative;
        top: 4px;
    }

.prodotto section {
    width: 100%;
    display: block;
    padding-right: 0px;
    overflow: hidden
}

.prodotto header {
    font-size: 20px;
    border: none;
    margin: 0px;
    padding: 0px
}

    .prodotto header .img .cover {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 380px;
        background: rgba(255,255,255,0.8);
        z-index: 2;
        margin-top: 10px;
    }

    .prodotto header .img h1, .prodotto header .img img {
        position: absolute;
        z-index: 3;
    }

    .prodotto header .img .bg img {
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .prodotto header .img {
        margin-bottom: 50px
    }

        .prodotto header .img img {
            left: 0px;
            width: 50%;
            margin: 0px;
            padding: 70px 10px;
        }

        .prodotto header .img h1 {
            right: 0px;
            width: 50%;
            padding: 154px 40px;
            color: var(--cc-alert);
            font-size: 70px;
            text-shadow: 0 1px 0 white;
            margin: 0px;
        }

        .prodotto header .img .bg {
            max-height: 400px;
            overflow: hidden;
        }

.prodotto article h2 {
    text-align: center;
    font-size: 30px;
    color: var(--cc-dark);
    margin-bottom: 20px
}

.prodotto article h3 {
    text-align: center;
    font-size: 19px;
    color: var(--cc-dark);
    font-weight: normal
}

.prodotto .dx, .prodotto .sx {
    padding: 20px
}

.gallery .box:first-child {
    width: 100%;
    height: auto;
    overflow: hidden
}

.gallery .box {
    position: relative;
    float: left;
    width: 50%;
    height: 198px;
    overflow: hidden
}

.prodotto .video {
    margin: 25px 0px;
    border: none;
    padding: 0px;
    overflow: hidden;
}

.download {
    background: var(--cc-light);
    padding: 25px;
}

.prodotto article .download h3 {
    text-align: left;
    font-size: 30px;
    color: var(--cc-dark);
    font-weight: normal;
    margin-bottom: 0px;
}

article section .download ul {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

    article section .download ul li a {
        color: var(--cc-dark);
        font-size: 20px;
    }

        article section .download ul li a:hover {
            color: var(--cc-dark);
            text-decoration: none
        }

    article section .download ul li {
        background-image: url(../img/icone/pdf.png);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: 2px 6px;
        padding-left: 30px;
        margin-bottom: 5px;
        padding: 10px 10px 10px 45px;
    }

.prodotto article p {
    margin-bottom: 0px;
}

.prodotto article .box {
    margin-bottom: 25px;
    position: relative;
}

.prodotto article section .sx .gallery .box {
    margin-bottom: 0px;
    width: 50%;
    overflow: hidden;
}

    .prodotto article section .sx .box, .prodotto article section .sx .gallery .box:first-child {
        margin-bottom: 0px;
        width: 100%;
        overflow: hidden;
    }

.prodotto article .dx .box {
    overflow: hidden;
}

.prodotto article .box .btn {
    margin: 25px 0px;
}

.prodotto article .gallery .box {
    margin: 0px 0px;
}

.prodotto article p strong {
    color: var(--cc-dark);
}

.prodotto article .dx .box h3 {
    text-align: left;
    font-size: 30px;
    color: var(--cc-secondary);
    font-weight: normal;
}

.prodotto article .dx .box .img {
    text-align: center;
    padding: 20px 0px;
    margin: 0px;
    width: 100%;
    position: relative;
    clear: both;
}

    .prodotto article .dx .box .img img {
        margin: 0px
    }

.prodotto article .esperienze h3, .prodotto article .dx.storie .box h3 {
    position: absolute;
    text-align: left;
    color: #fff;
    font-weight: normal;
    z-index: 5;
    margin-bottom: 0px;
    bottom: 0px;
    padding: 20px;
    font-size: 30px;
}

.prodotto article .esperienze .cover, .prodotto article .storie .cover {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--cc-dark)00000', endColorstr='#a6000000', GradientType=1);
    z-index: 1
}

.prodotto article .esperienze, .prodotto article .storie {
    cursor: pointer;
}

    .prodotto article .esperienze .box img, .prodotto article .storie .box img {
        -webkit-transform: scale(1, 1);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1, 1);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1, 1);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out;
    }

    .prodotto article .esperienze .box:hover img, .prodotto article .storie .box:hover img {
        -webkit-transform: scale(1.02, 1.02);
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease-out;
        -moz-transform: scale(1.02, 1.02);
        -moz-transition-duration: 200ms;
        -moz-transition-timing-function: ease-out;
        -ms-transform: scale(1.02, 1.02);
        -ms-transition-duration: 200ms;
        -ms-transition-timing-function: ease-out;
    }

    .prodotto article .esperienze h2, .prodotto article .storie h2 {
        text-align: left;
        font-size: 40px;
        color: var(--cc-alert);
        margin-bottom: 20px;
    }

    .prodotto article .esperienze h2 {
        color: var(--cc-alert);
    }

    .prodotto article .storie h2 {
        color: var(--cc-secondary);
    }

.prodotto article .tipologie .box {
    margin-bottom: 0px;
    position: relative;
    float: left;
    width: 33%;
    padding: 0px 15px 50px 0px;
    background: white;
}

.tipologie .box .titolo {
    color: white;
    font-size: 16px;
    background: var(--cc-primary);
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 0 black;
    padding: 12px 0px;
}

.tipologie .box big {
    display: block;
    font-size: 30px
}

article section .tipologie ul {
    position: relative;
    clear: both;
    margin: 0px;
    padding: 0px;
}

article .tipologie ul li {
    background-image: none;
    padding-left: 0px;
    font-size: 14px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--cc-light);
    padding: 15px;
}

    article .tipologie ul li:last-child {
        border-bottom: none;
    }

    article .tipologie ul li strong {
        display: block;
        text-align: center;
        color: var(--cc-dark);
    }

.tabelle {
    width: 100%;
    display: block;
    clear: both;
    background-image: url(../img/bg.jpg);
    background-size: cover;
    padding: 60px 25px;
}

    .tabelle .clear {
        padding: 30px 0px 0px 0px;
        display: inline-block;
        height: auto;
        width: 100%;
    }

.btn.carrello {
    color: white;
    font-weight: normal;
    padding: 15px 20px 15px 70px;
    margin: 0px;
    background-image: url(../img/icone/carrello-white.png);
    background-repeat: no-repeat;
    background-position: 20px 14px;
}

.correlati {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    border-top: 1px solid var(--cc-light);
    border-right: 1px solid #DBDBDB;
    border-bottom: 0px solid #DBDBDB;
    border-left: 1px solid var(--cc-light);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

    .correlati .box {
        padding: 20px
    }

        .correlati .box:nth-child(2) {
            display: none
        }

section .correlati ul {
    margin: 0px;
    padding: 0px
}

.prodotto article .correlati h2 {
    text-align: center;
    font-size: 40px;
    color: var(--cc-secondary);
    margin-bottom: 50px;
}

.prodotto .condividi_articolo {
    width: auto;
    position: relative;
    float: right;
    padding: 0px;
}

.prodotto .pathway {
    width: auto;
    position: relative;
    float: left;
}

.preferiti input[type="radio"], .preferiti input[type="checkbox"] {
    opacity: 0;
}

.preferiti {
    width: 30px;
    height: 30px;
    position: relative;
    margin: auto;
}

    .preferiti input[type="checkbox"] + label, .preferiti input[type="radio"] + label {
        cursor: pointer;
        background-image: url(../img/icone/star-off.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        left: 0px;
        top: 0px;
        position: absolute;
        width: 30px;
        height: 30px;
    }

    .preferiti input[type="checkbox"]:disabled + label, .preferiti input[type="radio"]:disabled + label {
        background-image: url(../img/icone/star-off.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        position: absolute;
        width: 30px;
        height: 30px;
        left: 0px;
        top: 0px;
    }

    .preferiti input[type="checkbox"]:checked + label, .preferiti input[type="radio"]:checked + label {
        background-image: url(../img/icone/star-on.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        left: 0px;
        top: 0px;
    }

    .preferiti input[type="checkbox"] {
        position: absolute;
        cursor: pointer;
        top: inherit;
        margin-right: auto;
        width: 30px;
        height: 30px;
        left: 0px;
        z-index: 9;
    }

.presentazione {
    display: inline-block;
    padding: 40px;
    text-align: center;
    width: 100%;
    background: white
}

    .presentazione p {
        font-size: 25px;
        color: var(--cc-gray);
        line-height: 33px;
        margin-bottom: 23px;
        font-weight: 300;
    }

    .presentazione h1 {
        display: inline-block;
        margin-bottom: 20px;
        padding-bottom: 20px;
        /* border-bottom: 1px solid var(--cc-tertiary); */
        text-align: center;
        width: 100%;
        font-size: 43px;
    }

    .presentazione .btn {
        float: inherit;
        margin: 20px auto 0px auto;
    }

.no_loggato {
    padding: 20px;
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
    margin: 0px 0px 20px 0px;
    text-align: center;
    background: #f8fbf6;
    border: 2px dashed #94b77c;
}

.tabelle_carrello .no_loggato .btn {
    float: inherit;
    margin: 5px;
}

.tabelle_carrello .no_loggato p {
    font-size: 21px;
    margin-bottom: 10px;
    color: var(--cc-tertiary);
    line-height: 30px;
}

.relative {
    position: relative;
    float: left;
    width: 100%;
    clear: both
}

section .box {
    position: relative;
    float: left;
    width: 50%;
}

section .dx .box {
    width: 100%;
}

section .box .disclaimer {
    color: var(--cc-alert);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin: 5px 0px 15px 0px;
    width: 100%;
    position: relative;
    clear: both;
    font-style: initial;
}

section .articolo_news .disclaimer {
    color: var(--cc-alert);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin: 0px;
    width: 100%;
    position: relative;
    clear: both;
    font-style: initial;
}

.carousel, div.servizi {
    padding: 30px 0px 80px 0px;
    background: var(--cc-light);
    width: 100%;
    display: inline-block;
}

    div.servizi h2 {
        display: inline-block;
        padding: 0px;
        width: 100%;
        color: var(--cc-secondary);
        text-shadow: 0 1px 0 white;
        margin: 20px 0px 60px 0px;
        font-size: 50px;
        text-align: center;
        font-weight: 300;
        font-family: 'Roboto', sans-serif;
    }

    div.servizi h3 {
        display: inline-block;
        padding: 0px;
        width: 100%;
        color: var(--cc-primary);
        text-shadow: 0 1px 0 white;
        margin: 15px 0px;
        font-size: 24px;
        text-align: left;
        font-weight: 300;
    }

    .carousel h2 {
        font-size: 50px;
        font-weight: normal;
        text-align: left;
        color: var(--cc-primary);
        text-shadow: 0 1px 0 white;
    }

    .carousel h3, .carousel .owl-theme h3 {
        font-size: 25px;
        text-align: left;
        color: var(--cc-secondary);
        margin: 10px 0px;
        font-family: 'Roboto', sans-serif;
        text-shadow: 0 1px 0 white;
    }

    .carousel .item h3 {
        font-size: 23px;
        text-align: left;
        margin: 0px;
        color: var(--cc-primary);
    }

        .carousel .item h3 span.data {
            font-size: 13px;
            display: block;
        }

    .carousel h3 a {
        color: var(--cc-primary);
    }

        .carousel h3 a:hover {
            color: var(--cc-primary)
        }

.bigliettino {
    height: 449px;
    width: 42%;
    color: #265d70;
    font-size: 13px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
    background-color: var(--cc-tertiary);
    padding: 20px 10px 0px 10px;
    background-image: url(../img/bg_biglietto.png);
    background-repeat: repeat;
    border: 1px solid var(--cc-tertiary);
    text-align: center;
    margin: 0px 10px 10px 10px;
    position: relative;
    float: left;
}

.modulo {
    width: 53%;
    position: relative;
    float: left;
}

.img.laterale {
    position: relative;
    float: right;
    clear: right;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-top: 5px;
    border: 1px solid #E7E7E7;
    margin-right: 4px;
    width: 200px
}

article .img.laterale img {
    margin-bottom: 0px;
}

.slideshow {
    margin-top: 0px;
    width: 100%;
    clear: both;
}

ul.servizi {
    margin-top: 0px
}

    ul.servizi li {
        display: inline-block;
        width: 15%;
        font-size: 30px;
        background: white;
        margin: 9px 8px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-align: left;
        /* padding: 10px; */
    }

        ul.servizi li svg,
        ul.servizi li i {
            display: block;
            margin: 0px;
            font-size: 80px;
            padding: 0px;
        }

        ul.servizi li a {
            width: 100%;
            color: var(--cc-secondary);
            display: inline-block;
            padding: 30px;
            -moz-transition: all 0.2s linear 0s;
            -webkit-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
            min-height: 260px;
        }

            ul.servizi li a svg,
            ul.servizi li a i {
                color: var(--cc-primary);
                font-size: 45px;
                margin-bottom: 10px;
            }

            ul.servizi li a img {
                height: 60px;
                margin-bottom: 10px;
                -webkit-transform: scale(1, 1);
                -webkit-transition-duration: 500ms;
                -webkit-transition-timing-function: ease-out;
                /* Webkit for Mozila Firefox */
                -moz-transform: scale(1, 1);
                -moz-transition-duration: 500ms;
                -moz-transition-timing-function: ease-out;
                /* Webkit for IE( Version: 11, 10 ) */
                -ms-transform: scale(1, 1);
                -ms-transition-duration: 500ms;
                -ms-transition-timing-function: ease-out;
            }

        ul.servizi li:hover a img {
            /* Webkit for Chrome and Safari */
            -webkit-transform: scale(1.2, 1.2);
            -webkit-transition-duration: 200ms;
            -webkit-transition-timing-function: ease-out;
            /* Webkit for Mozila Firefox */
            -moz-transform: scale(1.2, 1.2);
            -moz-transition-duration: 200ms;
            -moz-transition-timing-function: ease-out;
            /* Webkit for IE( Version: 11, 10 ) */
            -ms-transform: scale(1.2, 1.2);
            -ms-transition-duration: 200ms;
            -ms-transition-timing-function: ease-out;
        }

        ul.servizi li:hover a {
            /*color: #fff;
            background-color: var(--cc-primary);
            text-decoration: none;
            -moz-transition: all 0.2s linear 0s;
            -webkit-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
            -moz-border-radius: 4px;
            border-radius: 4px;*/
        }


        ul.servizi li:hover h3,
        ul.servizi li:hover p {
            /*color: #fff;
            text-shadow: 0 1px 0 black;*/
        }

        ul.servizi li p {
            font-size: 15px;
        }

        ul.servizi li:hover a svg,
        ul.servizi li:hover a i {
            color: var(--cc-tertiary);
        }

.rettangolo_ombra {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: var(--cc-light);
    border-right-color: #DBDBDB;
    border-bottom-color: #D2D2D2;
    background-color: var(--cc-light);
    padding-bottom: 20px
}

    .rettangolo_ombra .titolo {
        position: relative;
        float: left;
        width: 100%;
        color: var(--cc-primary);
        font-size: 18px;
        text-shadow: 0px 0px 5px white;
        font-weight: 500;
        height: auto;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        border-bottom: 1px dashed rgb(204, 204, 204);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url(../img/idea.png);
        background-repeat: no-repeat;
        background-position: left center;
        text-align: left;
        padding: 15px 30px 10px 50px;
    }

        .rettangolo_ombra .titolo a {
            color: var(--cc-primary);
        }

article .rettangolo_ombra p {
    padding: 20px 20px 0px 20px;
    margin: 0px
}

.pagina .img_news {
    width: 85px;
    height: 85px;
    border: 1px solid var(--cc-light);
    position: relative;
    float: left;
    margin-right: 20px;
}

.pagina {
    position: relative;
}

.separatore_border {
    display: inline-block;
    border-top: 1px solid var(--cc-light);
    width: 100%;
    margin: 20px 0px
}

.box_staff .articolo_news {
    height: auto;
    margin-bottom: 0px
}

.box_staff .social {
    margin: 10px 0px 0px 0px
}

    .box_staff .social img {
        margin: 2px;
    }

.box_staff .newsart h3 {
    font-size: 17px;
    text-align: left;
    color: var(--cc-primary);
    margin-bottom: 4px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 1px 0 white;
    font-weight: 500;
}

.box_staff .newsart_img {
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    float: left;
    width: 130px;
    height: 130px;
    display: table;
    margin-right: 15px;
}

.img {
    text-align: center;
}

.attivita .box {
    padding: 10px
}

    .attivita .box svg,
    .attivita .box i {
        position: relative;
        float: left;
        width: 20px;
        height: 20px;
        z-index: 3;
        margin-right: 6px;
        top: -1px;
        color: var(--cc-tertiary) !important;
    }

    .attivita .box .titolo_box {
        margin-bottom: 10px;
        font-weight: 600
    }

.attivita {
    position: relative;
    clear: both;
    display: inline-block;
    width: 100%
}

.utilities {
    position: absolute;
    right: 100px;
    margin: 20px;
    top: 0px;
}

section.boxes {
    /*margin: 40px 0px*/
}

.boxes .box {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
}

    .boxes .box .testo {
        padding: 40px
    }


        .boxes .box .testo h3,
        article section .box .testo h3 {
            font-size: 38px;
            line-height: 45px;
            text-align: left;
        }

        .boxes .box .testo p {
            font-size: 20px;
            line-height: 31px;
            font-weight: 300;
        }

        .boxes .box .testo .btn {
            text-decoration: none !important;
            padding: 10px 20px;
        }

.boxes.amazon .box .testo .btn {
    background-color: var(--cc-tertiary);
}

.boxes.amazon .box .testo .btn {
    font-weight: 500;
}

section .servizi {
    padding: 40px 0px;
    margin: 0px;
    background-color: var(--cc-light);
    text-align: center
}

    section.servizi.articolo {
        background: white;
        padding: 0px;
    }

        section.servizi.articolo ul {
        }

        section.servizi.articolo.staff ul {
            margin-bottom: 40px;
        }

        section.servizi.articolo ul li div {
            margin-bottom: 26px;
            background: white;
            padding: 20px 0px;
            border-radius: 50%;
            width: auto;
            height: auto;
            margin: 0px;
        }

            section.servizi.articolo ul li div img {
            }

        section.servizi.articolo ul li {
            /* border: 1px solid var(--cc-light); */
            width: 31%;
            margin: 1%;
            padding: 30px;
            box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
            min-height: 350px;
        }

article section ul.triplicebox {
    text-align: center
}

    article section ul.triplicebox li {
        border: none;
        width: 31%;
        margin: 1%;
        padding: 30px;
        box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
        min-height: inherit;
        position: relative;
        float: inherit;
        display: inline-block;
        height: auto;
        background: none;
        text-align: center;
        border-radius: 10px;
    }

        article section ul.triplicebox li img {
            height: 200px;
            margin-bottom: 10px;
        }

        article section ul.triplicebox li span {
            display: block;
            height: 45px;
            margin: 10px 0px 0px 0px;
        }

article ul li .color1 {
    color: black;
}

article ul li .color2 {
    color: var(--cc-blue);
}

article ul li .color3 {
    color: var(--cc-tertiary);
}

article section ul.triplicebox p {
    text-align: center;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 24px;
}

    article section ul.triplicebox p a {
        text-decoration: none
    }

section.servizi.articolo.staff ul li {
    min-height: inherit;
}

article section ul.advertising {
    display: block;
}

article section ul.supplychain {
    display: block;
    text-align: center
}

    article section ul.supplychain li {
        display: inline-block;
        background: none;
        padding: 10px
    }

        article section ul.supplychain li.arrow {
            color: #ff8600;
            margin: 3px 0px 0px 0px;
            font-size: 31px;
        }

            article section ul.supplychain li.arrow img {
                height: auto;
                top: auto;
            }

    article section ul.supplychain li {
        display: inline-block;
        background: none;
        padding: 10px;
    }

        article section ul.supplychain li span {
            max-width: 134px;
            line-height: 19px;
            font-size: 16px;
            font-weight: 500;
            color: var(--cc-dark);
            display: block;
        }

        article section ul.supplychain li img {
            height: 60px;
            position: relative;
            top: -20px
        }

article section ul.advertising li img {
    height: 400px;
    width: auto;
}

article section h2.adv {
    /* text-align: center; */
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 13px;
    /* font-size: 16px; */
    text-align: left;
    color: var(--cc-secondary);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

section.servizi.articolo.press ul li {
    min-height: 200px;
    font-size: 21px;
    font-weight: 300;
    line-height: 29px;
}

    section.servizi.articolo.press ul li a {
        display: inline-block;
        margin: 20px 0px 0px 0px;
        color: white;
        background-color: var(--cc-primary);
        font-weight: 400;
        font-size: 16px;
        border-radius: 2px;
        padding: 10px 20px;
    }

section.servizi.articolo.staff hr {
    background: none;
    border-top: 1px dotted var(--cc-light);
    margin: 30px 0px;
}

#body_divTesto .intro_soluzioni {
    margin: 40px 0px;
}

section.servizi.articolo p {
    font-size: 18px;
    line-height: 26px;
    color: var(--cc-dark);
    margin: 0px;
}

section.servizi ul {
    display: block;
    text-align: center;
    padding-bottom: 0px;
}

    section.servizi ul li {
        display: inline-block;
        background-image: none;
        /* background-color: white; */
        padding: 20px 10px;
        width: 20%;
        margin: 0px 0px 20px 0px;
        /* height: 250px; */
    }

    section.servizi ul ul li {
        display: inline-block;
        background-image: none;
        padding: 0px;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

section.servizi.ecom ul li {
    width: 33%;
}

article section.servizi.ecom li p {
    font-size: 16px;
    line-height: 22px;
}

article section.servizi.ecom li h2 {
    color: var(--cc-primary);
    font-size: 23px;
    font-weight: 500;
}

section.servizi ul li svg,
section.servizi ul li i {
    font-size: 65px;
    color: var(--cc-primary);
}

section.servizi ul li div {
    margin-bottom: 26px;
    background: white;
    padding: 43px 0px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: 0px auto 20px auto;
}

section.servizi.plus.ecom ul li div {
    margin: 0px 30px 30px 30px;
    position: relative;
    float: left;
}

section.servizi.plus.ecom ul li {
    width: 100%;
    margin: 20px 0px;
    padding: 0px 15%;
}

article section.servizi.plus.ecom li h3,
article section.servizi.plus.ecom li p {
    text-align: left;
}

article section.servizi.plus.ecom li h3 {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}

article section.servizi.plus.ecom li p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

section.servizi ul li div img {
    height: 70px;
}

section.servizi.articolo ul li div img {
    height: 100px;
}

section.servizi ul li p {
    font-size: 30px;
    color: var(--cc-primary);
}

section.storie {
    padding: 40px 0px 0px 0px;
    margin: 0px;
    background-color: #fff;
    text-align: center
}

    section.storie ul,
    section.opzioni ul {
        display: block;
        text-align: center;
    }

        section.storie ul li {
            display: inline-block;
            background-image: none;
            background-color: white;
            padding: 30px;
            box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
            width: 22%;
            margin: 1%;
        }

        section.opzioni ul li {
            display: inline-block;
            background-image: none;
            background-color: white;
            padding: 0px;
            box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
            width: 22%;
            margin: 1%;
        }

    section.storie .img {
        height: 200px;
        width: 100%;
        display: table;
        margin-bottom: 20px
    }

        section.storie .img div {
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }

    section.storie ul li .img img {
        max-height: 200px;
        max-width: 100%;
        -webkit-transform: scale(1, 1);
        -webkit-transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        /* Webkit for Mozila Firefox */
        -moz-transform: scale(1, 1);
        -moz-transition-duration: 500ms;
        -moz-transition-timing-function: ease-out;
        /* Webkit for IE( Version: 11, 10 ) */
        -ms-transform: scale(1, 1);
        -ms-transition-duration: 500ms;
        -ms-transition-timing-function: ease-out;
    }

    section.storie ul li:hover .img img {
        /* Webkit for Chrome and Safari */
        -webkit-transform: scale(1.2, 1.2);
        -webkit-transition-duration: 200ms;
        -webkit-transition-timing-function: ease-out;
        /* Webkit for Mozila Firefox */
        -moz-transform: scale(1.2, 1.2);
        -moz-transition-duration: 200ms;
        -moz-transition-timing-function: ease-out;
        /* Webkit for IE( Version: 11, 10 ) */
        -ms-transform: scale(1.2, 1.2);
        -ms-transition-duration: 200ms;
        -ms-transition-timing-function: ease-out;
    }


article section.servizi.plus {
    background: var(--cc-blue);
    margin-top: 0px;
}

    article section.servizi.plus.ecom.white {
        background: var(--cc-light)
    }

        article section.servizi.plus.ecom.white h2 {
            color: var(--cc-secondary);
        }

        article section.servizi.plus.ecom.white li h3 {
            color: var(--cc-dark);
        }

        article section.servizi.plus.ecom.white li p {
            color: var(--cc-gray);
        }

    article section.servizi.plus h2 {
        color: var(--cc-tertiary)
    }

article section.storie h2,
article section.servizi h2 {
    text-align: center;
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 13px;
}

article section.storie h3 {
    text-align: center;
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 13px;
}

article section.servizi li h2 {
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 13px;
    font-weight: 400;
}

/*article section.storie p,*/
article section.servizi p {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
}

article section.servizi.plus p {
    color: white
}

article section.storie li p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin: 0px;
    line-height: 26px;
    color: var(--cc-gray);
    padding: 0px 0px;
}

    article section.storie li p a {
        text-decoration: none;
    }

article section.servizi li h3 {
    text-align: center;
    font-size: 21px;
    font-weight: 400;
    margin: 0px;
    line-height: inherit;
    color: var(--cc-gray);
    padding: 0px 0px;
    border: none;
    font-family: 'Roboto', sans-serif;
}

article section.servizi.plus li h3 {
    color: #fff;
}

article section.servizi.plus li p {
    color: rgba(255, 255, 255, 0.66);
}

article section.servizi li p {
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 0px 0px 0px;
    color: var(--cc-gray);
    font-weight: 400;
}


    article section.servizi li p a {
        font-weight: 500;
        font-size: 23px;
        text-decoration: none
    }

        article section.storie li p a:hover,
        article section.servizi li p a:hover {
            color: var(--cc-primary);
            text-decoration: none;
        }



.intro_soluzioni {
    margin: 100px 0px;
    padding: 0px 9%;
}

    .intro_soluzioni.ecom {
        margin: 0px;
        padding: 100px 9%;
        background: var(--cc-light);
    }

    .intro_soluzioni h2,
    article h2.titolo {
        text-align: center;
        font-size: 47px;
        color: var(--cc-primary);
        margin: 0px 0px 10px 0px;
    }

    .intro_soluzioni h3 {
        text-align: center;
        font-size: 32px;
        color: var(--cc-secondary);
        margin: 0px 0px 40px 0px;
        border: none !important;
        line-height: 45px;
        padding: 0px;
        font-weight: 300;
        font-family: 'Roboto', sans-serif;
    }

    .intro_soluzioni p {
        text-align: center;
        font-size: 25px;
        color: var(--cc-primary);
        margin: 30px 0px;
        line-height: 38px;
    }

    .intro_soluzioni h4 {
        text-align: center;
        font-size: 40px;
        color: var(--cc-tertiary);
        margin: 0px;
        border: none;
        padding: 0px;
    }


.opzioni {
    background-color: var(--cc-light);
    padding: 40px 0px;
    margin: 0px;
    text-align: center
}



    .opzioni p {
        padding: 40px 0px 20px 0px;
        font-size: 50px;
        text-align: center;
        font-weight: 300;
    }

    .opzioni li p {
        padding: 0px;
        font-size: 16px;
        text-align: center;
        font-weight: 400;
        color: var(--cc-dark);
        line-height: 22px;
    }

.soluzioni_form {
    /*padding: 60px*/
}

article section .banner_box p strong {
    color: #fff;
}

.soluzioni_form h3 {
    text-align: center;
    font-size: 40px;
    color: var(--cc-tertiary);
    margin: 0px;
    border: none;
    padding: 0px;
    text-shadow: 1px 1px 10px var(--cc-dark), 1px 1px 3px var(--cc-primary);
    margin-bottom: 30px;
}

.opzione .img {
    background-size: auto 100%;
    background-position: center center;
    padding: 0px
}

    .opzione .img div {
        padding: 71px 40px;
        background-color: rgba(0,0,0,0.5)
    }

        .opzione .img div:hover {
            background-color: rgba(0,0,0,0.1)
        }

            .opzione .img div:hover div.opzione {
                /* Webkit for Chrome and Safari */
                -webkit-transform: scale(1.02, 1.02);
                -webkit-transition-duration: 200ms;
                -webkit-transition-timing-function: ease-out;
                /* Webkit for Mozila Firefox */
                -moz-transform: scale(1.02, 1.02);
                -moz-transition-duration: 200ms;
                -moz-transition-timing-function: ease-out;
                /* Webkit for IE( Version: 11, 10 ) */
                -ms-transform: scale(1.02, 1.02);
                -ms-transition-duration: 200ms;
                -ms-transition-timing-function: ease-out;
            }

.me-select.opzione .img div.opzione:hover label {
    background: var(--cc-tertiary)
}


.opzione .img div.opzione {
    padding: 0px;
    background-color: none;
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
}

.opzione .img h3 {
    text-shadow: 1px 1px 10px var(--cc-dark), 1px 1px 3px var(--cc-primary);
    font-size: 30px;
    border: none;
    margin: 0px 0px 0px 0px;
    color: white;
}


.opzione .testo {
    padding: 20px;
    background: white;
    min-height: 150px;
    overflow: hidden;
}

    .opzione .testo ul {
        display: block;
        text-align: center;
    }

        .opzione .testo ul li {
            width: 100%;
            margin: 0px;
            box-shadow: none;
            font-weight: 400;
            padding: 10px;
            border-bottom: 1px dotted var(--cc-light);
            font-size: 16px;
            -webkit-transform: scale(1, 1);
            -webkit-transition-duration: 500ms;
            -webkit-transition-timing-function: ease-out;
            -moz-transform: scale(1, 1);
            -moz-transition-duration: 500ms;
            -moz-transition-timing-function: ease-out;
            -ms-transform: scale(1, 1);
            -ms-transition-duration: 500ms;
            -ms-transition-timing-function: ease-out;
        }

            .opzione .testo ul li:hover {
                color: var(--cc-primary);
                z-index: 9;
                padding: 15px;
                box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
                border-bottom: 1px dotted #fff;
                /* Webkit for Chrome and Safari */
                -webkit-transform: scale(1.12, 1.12);
                -webkit-transition-duration: 200ms;
                -webkit-transition-timing-function: ease-out;
                /* Webkit for Mozila Firefox */
                -moz-transform: scale(1.12, 1.12);
                -moz-transition-duration: 200ms;
                -moz-transition-timing-function: ease-out;
                /* Webkit for IE( Version: 11, 10 ) */
                -ms-transform: scale(1.12, 1.12);
                -ms-transition-duration: 200ms;
                -ms-transition-timing-function: ease-out;
            }


            .opzione .testo ul li:last-child {
                border-bottom: none
            }

.soluzione,
.form {
    width: 50%;
    position: relative;
    float: left;
    padding: 30px;
    background-size: 100% auto;
    background-color: var(--cc-light);
    height: 700px;
}

.soluzione {
    display: table;
    padding: 0px;
    background-size: auto 100%;
    background-position: center;
}

    .soluzione .campo_form span.alert {
        font-size: 13px;
        padding: 10px 0px;
        position: absolute;
        left: 0px;
        bottom: -24px;
        color: var(--cc-alert);
        font-weight: 500;
        margin: 10px 0px;
    }

article section .soluzione p {
    text-align: center;
    color: white;
}

.soluzione div {
    display: table-cell;
    vertical-align: middle;
    background: rgba(3, 50, 63, 0.8);
    padding: 30px;
}


.soluzione ul {
    margin-top: 20px;
    border-top: 1px dotted rgba(255, 255, 255, 0.4);
    padding-top: 20px;
}

    .soluzione ul li {
        color: white;
        padding: 0px;
        background-image: none;
        font-size: 23px;
        font-weight: 300;
        color: white;
        text-align: center;
        text-shadow: 1px 1px 10px var(--cc-dark), 1px 1px 3px var(--cc-primary);
        display: none;
        margin-bottom: 20px;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
        padding-bottom: 20px;
    }

        .soluzione ul li:nth-child(1),
        .soluzione ul li:nth-child(2),
        .soluzione ul li:nth-child(3) {
            display: inherit
        }

.soluzioni_form .form .campo_form {
    padding-bottom: 15px;
}


.box .testo h4 {
    text-align: left;
    border: none;
    margin: 20px 0px 6px 0px;
    font-size: 18px;
    color: var(--cc-secondary);
    font-weight: 400;
}



article section .container {
    padding: 40px 5%;
}

article section.servizi .container {
    padding: 40px 5% 0px 5%;
}

.storie.app h3 {
    font-size: 50px;
    /* background: var(--cc-light); */
    padding: 30px;
    border: none;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 47%, rgba(255,255,255,1) 100%);
}

.storie.app li h4 {
    font-size: 21px;
}

.storie.app li p {
    font-size: 17px;
}


.storie.app ul li {
}


.img_dettaglio {
    position: relative;
    float: left;
    max-width: 40%;
    margin: 0px 40px 0px 0px;
}

    .img_dettaglio img {
        margin: 0px 0px 20px 0px;
    }


.blog h1 {
    font-size: 36px;
    background: var(--cc-dark);
    padding: 25px;
    margin-bottom: 0px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.32);
    color: white;
}

    .blog h1 span.data {
        font-size: 19px;
        font-weight: 300;
        display: inline-block;
        display: block;
        margin-top: 10px;
    }

.back {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}





article .boxes ul {
    padding: 0px 200px;
}

    article .boxes ul li {
        display: inline-block;
        width: 100%;
        border-bottom: 1px dotted #ccd4d6;
        background-image: none;
        margin: 0px 0px 60px 0px;
        padding: 0px 0px 60px 0px;
    }

        article .boxes ul li:last-child {
            border-bottom: none;
            padding-bottom: 0px;
            margin-bottom: 40px;
        }

        article .boxes ul li .box img {
            height: 250px;
            margin-top: 40px;
        }

.boxes li:nth-child(1) .box:nth-child(1),
.boxes li:nth-child(3) .box:nth-child(1),
.boxes li:nth-child(5) .box:nth-child(1),
.boxes li:nth-child(7) .box:nth-child(1) {
    float: right;
}


.blog_carousel {
    display: none;
}


.comingsoon {
    text-align: center;
    width: 100%;
    padding: 10% 5%;
}

    .comingsoon h1 {
        font-size: 50px;
        /* font-style: italic; */
        color: var(--cc-gray);
        text-align: center;
        margin: 0px;
        font-weight: 500;
    }

        .comingsoon h1 big {
            font-size: 100px;
        }

        .comingsoon h1 small {
            font-size: 20px;
        }

    .comingsoon h2 {
        margin-bottom: 50px;
    }

article .box_contatti ul li {
    background-image: none;
    padding-left: 0px;
    font-size: 17px;
    margin-bottom: 16px;
}

article .box_contatti .box ul li svg,
article .box_contatti .box ul li i {
    font-size: 17px;
    margin: 0px 10px;
}

.box_contatti {
    display: inline-block;
    text-align: center;
    width: 100%;
}

article .box_contatti .box ul {
    padding: 20px;
}

.box_contatti .box {
    display: inline-block;
    text-align: center;
    width: 31%;
    margin: 1%;
    background: var(--cc-light);
    box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #fff;
    min-height: 205px;
}

    .box_contatti .box h2 {
        font-size: 25px;
        text-align: center;
        margin: 20px 0px 0px 0px;
    }

#FormRegistrazione .btn {
    float: left;
    margin-top: 20px;
}

article .box_contatti a {
    border-bottom: 1px dotted var(--cc-primary);
    font-size: 17px;
}

.box_contatti .box li svg,
.box_contatti .box li i {
    font-size: 61px;
    color: var(--cc-primary);
    margin: 10px;
}

.box_contatti .box svg,
.box_contatti .box i {
    font-size: 61px;
    color: var(--cc-secondary);
    margin: 20px 0px;
}


.credits .clear {
    display: none;
}

ul.lista_box {
    text-align: center;
    display: block;
    padding: 0px !important;
}

    ul.lista_box li,
    article .boxes ul.lista_box li {
        width: auto;
        margin: 1%;
        padding: 30px;
        box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
        display: inline-block;
        background-image: none !important;
    }

#mail_form_contatti .campo_form .errore {
    text-align: left;
    font-size: 14px;
    bottom: 7px;
    left: 0px;
}

.modulo div#body_popUpInfo_divHumanCheckMsg.errore {
    text-align: left;
    background: #f4f4f4;
    width: 97%;
}

.soluzioni_form .campo_form .inline-badge span.alert,
#mail_form_contatti .campo_form #body_divHumanCheckMsg.errore {
    position: relative;
}

.soluzioni_form .campo_form #alert_chk_privacy span.alert {
    bottom: -39px;
    left: 31px;
}

.inline-badge {
    margin-bottom: 10px;
    /*margin-top: 10px;*/
}

.tabset .campo_form span.alert {
    color: var(--cc-alert);
    font-size: 12px;
    padding: 10px 0px;
    position: absolute;
    left: 0px;
    bottom: -12px;
    font-weight: 500;
}


.soluzioni_form #alert_chk_privacy {
    font-size: 12px;
    width: 50%;
    position: relative;
    float: left;
}

.errore_privacy {
    color: pink;
    font-size: 12px;
    top: -8px;
    position: relative;
    right: -30px;
}


article section.casehistories .newsart h3,
section.casehistories .newsart h3 {
    text-align: center;
    padding: 0px 20px;
    clear: both;
    line-height: 29px;
}

    article section.casehistories .newsart h3 a {
        font-size: 20px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: none;
        margin-top: 0px;
        color: var(--cc-primary);
    }

article section.casehistories .newsart .articolo_news {
    display: none
}

article section.casehistories .newsart .btn {
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    margin: 10px auto 20px auto;
    display: inherit;
    float: inherit;
    display: inline-block;
    background: var(--cc-tertiary);
}

    article section.casehistories .newsart .btn:hover {
        background: var(--cc-primary);
    }


.risalto {
    background: var(--cc-light);
    padding: 10px 40px;
    border-radius: 5px;
    text-shadow: 0 1px 0 white;
}

article section .risalto h3 {
    font-size: 26px;
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-bottom: 1px dotted var(--cc-light);
    margin-top: 30px;
}

#primopiano .item h3 {
    min-height: 60px;
}

.amazon_logo {
    margin: 10px 15px 0px 0px;
    height: auto;
    position: relative;
    float: left;
    width: 30%;
}

.box.dati span {
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    display: inline-block;
    margin: 10px 0px 0px 0px;
    position: relative;
    float: left;
    width: 65%;
}

    .box.dati span small {
        font-size: 10px;
        text-transform: lowercase;
        line-height: 13px;
        margin-top: 0px;
        width: 100%;
        display: inline-block;
    }

.adv.ecom {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgb(3 28 35) 0%, rgba(3,48,61,1) 35%, rgba(42,166,223,1) 100%);
}

.adv .btn {
    background: var(--cc-tertiary)
}

.adv.sav {
    background: var(--cc-primary);
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(42,166,223,1) 35%, rgba(254,163,12,1) 100%); */
}

.adv .img,
.adv .testo {
    width: 50%;
    position: relative;
    float: left;
}

.adv .img {
    padding: 20px 20px 0px 20px;
    position: relative;
    bottom: 0px;
}

.adv.ecom .img {
    right: 0px;
    float: right;
}

.adv.sav .img {
    left: 0px;
    float: left;
}

.adv .testo {
    padding: 60px 20px;
}

    .adv .testo h2 {
        color: white;
        line-height: inherit;
        font-size: 60px;
        font-weight: 500;
        margin-bottom: 20px;
        margin-top: 20px;
    }


    .adv .testo p {
        color: white;
        font-size: 18px;
        line-height: inherit;
        margin-bottom: 30px;
        font-weight: 400;
    }

article .opzioni.ecom ul ul {
    padding: 0px 0px 20px 0px;
}

article .opzioni.ecom ul {
    padding: 0px;
}

.opzioni.ecom .me-select.opzione label a {
    padding: 20px;
    margin: 0px;
    color: #fff;
    background: var(--cc-tertiary);
    height: 66px;
    border-radius: 5px;
    width: 100%;
    display: block;
    margin-top: -10px;
}

article .opzioni.ecom h4 {
    font-weight: 500;
    color: var(--cc-primary);
    border-top: 1px solid var(--cc-light);
    padding-top: 20px;
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: left;
}

section.opzioni.ecom ul li {
    display: inline-block;
    background-image: none;
    background-color: white;
    padding: 0px;
    box-shadow: none;
    width: 100%;
    margin: 0%;
    background-size: auto 100%;
    padding: 0px;
    position: relative;
    background-position: left top;
}

    section.opzioni.ecom ul li.ecom {
        background-image: url(../images/2020/3609732.jpg);
    }

    section.opzioni.ecom ul li.shop {
        background-image: url(../images/2020/142986-OT8EC1-303.jpg);
        background-position: right top;
    }

.opzioni.ecom ul li.custom .testo {
    float: left;
}

section.opzioni.ecom ul li.custom {
    background-image: url(../images/2020/3086581.jpg);
    background-position: right top;
}

.opzioni.ecom .opzione .img {
    background-size: auto 100%;
    background-position: center center;
    padding: 0px;
    width: 50%;
    position: relative;
    float: left;
    height: auto;
}

.opzioni.ecom {
    /* background-color: transparent; */
    padding: 0px 0px;
    margin: 0px;
    text-align: center;
}

    .opzioni.ecom p {
        font-size: 38px;
        margin: 0px;
        padding: 20px;
    }

article section.opzioni.ecom h3 {
    font-size: 36px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
    margin-top: 20px;
    line-height: 40px;
}

.opzioni.ecom .opzione .testo {
    padding: 40px;
    background: white;
    min-height: 150px;
    overflow: hidden;
    width: 50%;
    float: right;
}

.opzioni.ecom li p {
    padding: 0px;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    color: var(--cc-primary);
    line-height: 22px;
    margin-bottom: 20px;
    text-align: justify
}

.opzioni.ecom .titolo .opzione {
    width: 100%;
    height: 57px;
    margin: 40px 0px;
}

.opzioni.ecom .opzione .testo ul li:hover,
.opzioni.ecom .opzione .testo ul li {
    color: var(--cc-primary);
    z-index: 9;
    padding: 0px;
    box-shadow: none;
    border-bottom: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    text-align: left;
}

    .opzioni.ecom .opzione .testo ul li,
    .opzioni.ecom .opzione .testo ul li:hover {
        background-image: url(../img/favicon.png);
        background-size: auto 20px;
        background-repeat: no-repeat;
        background-position: 2px 4px;
        padding-left: 30px;
        font-size: 16px;
        margin-bottom: 0px;
        font-weight: 400;
        line-height: 30px;
        color: var(--cc-primary);
    }

.soluzione.ecom div {
    background: radial-gradient(rgb(72 126 177), rgb(3 47 60));
}


.calltoaction {
    position: fixed;
    bottom: 0px;
    background: rgb(3 47 60 / 85%);
    width: 100%;
    padding: 1em 3em;
    text-align: center;
    z-index: 9;
}

    .calltoaction .btn,
    .calltoaction a {
        font-size: 24px;
    }

    .calltoaction .btn {
        float: none;
        margin: 0px 5px;
        background: var(--cc-tertiary);
        height: 63px;
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        width: 280px;
        padding: 15px 20px;
    }

    .calltoaction a {
        margin: 0px 5px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        padding: 15px 5px 15px 15px;
        position: relative;
        font-weight: 300;
        color: #fff;
        vertical-align: middle;
        height: 63px;
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        font-weight: 500;
    }

        .calltoaction a:hover {
            font-size: 25px;
            height: 63px;
            -moz-transition: all 0.2s linear 0s;
            -webkit-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
        }

        
        .calltoaction a i {
            position: relative;
            margin-right: 15px;
            top: 14px;
        }
        .calltoaction a svg {
            position: relative;
            margin-right: 15px;
            top: 2px;
        }
article .newsletter_box h3 {
    font-size: 47px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    /* margin-bottom: 20px; */
    margin: 50px 0px 0px 0px;
    border: none;
    padding: 0px;
    border-bottom: 1px dotted white;
    padding-bottom: 20px;
}

article .newsletter_box h4 {
    font-size: 29px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    margin-top: 0px;
    border: none;
    line-height: 48px;
}
article .newsletter_box h4 a {
    border-bottom:1px dotted white;
    padding-bottom:1px;
}
article #FormRegistrazione .btn {
    background-color: var(--cc-tertiary);
    font-size: x-large;
}

section.servizi.plus.ecom ul.ul_numbers li {
    width: 50%;
    position: relative;
    float: left;
    margin: 0px;
    padding: 2%;
}

    section.servizi.plus.ecom ul.ul_numbers li div {
        margin: 0px;
        background: transparent;
    }

        section.servizi.plus.ecom ul.ul_numbers li div.number {
            background: transparent;
            height: auto;
            color: white;
            font-size: 150px;
            width: 30%;
            position: relative;
            float: left;
            top: 53px;
            opacity: 0.5;
            letter-spacing: -6px;
            font-family: flamabold;
            padding: 0px;
            margin: 0px !important;
            height: auto !important;
        }

        section.servizi.plus.ecom ul.ul_numbers li div.text {
            position: relative;
            float: left;
            width: 70%;
            padding: 0px;
            background: transparent;
            height: auto;
            margin: 0px !important;
        }





.casehistories .big.btn {
    background-color: var(--cc-tertiary);
    font-size: x-large;
    font-weight:500;
}
article.blog hr {
    border-top: 1px dotted rgb(118 152 162 / 40%);
    margin: 0px 0px 20px 0px;
}



div.gallery_articolo {
    width: 100%;
    clear: both;
    text-align: center;
    display: inline-block;
    margin-bottom: 40px;
}

.gallery_articolo img {
    display: inline-block;
    margin: 0px;
    height: 150px;
    width: initial;
    max-width: initial;
    vertical-align: top;
    text-align: left;
    /* position: relative; */
    /* float: left; */
}

.gallery_articolo a {
    display: inline-block;
    width: auto;
    height: 150px;
    overflow: hidden;
    position: relative;
    /* float: left; */
    border: 1px solid white;
    background: transparent;
}

    .gallery_articolo a:hover img {
        opacity: 0.5
    }

    .gallery_articolo a::before {
        content: "\f00e";
        color: color: var(--cc-blue);
        font-weight: bold;
        font-family: "Font Awesome 5 Free";
        margin-right: 5px;
        position: absolute;
        z-index: 9;
        font-size: 32px;
        padding: 25% 42%;
        opacity: 0
    }

    .gallery_articolo a:hover::before {
        opacity: 1
    }

article .boxes ul.simple  {
clear:both;
width:100%;
display:inline-block;
margin-bottom:30px;
padding:0px;
}

    article .boxes ul.simple li, article .boxes ul.simple li:last-child {
        display: inline-block;
        width: 100%;
        background-image: none;
        margin: 0px;
        padding: 5px 0px;
        position: relative;
        float: left;
        width: 50%;
        border-bottom: 1px dotted #ccd4d6;
        text-align: left;
    }

    article .boxes ul.simple.full li, article .boxes ul.simple.full li:last-child {
        width: 100%;
    }