#wpadminbar {
    bottom: 0;
    top: unset;
}

html.svg {
    margin-top: 0px !important
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

* {
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    font-size: 16px;
    line-height: 1.5em;
    font-family: 'Ubuntu', sans-serif;
    color: #393F5C
}

main {
    overflow: hidden;
}

h1 {
    font-size: 2.3em;
    line-height: 1.65em;
}

h2 {
    font-size: 1.6em;
    line-height: 1.25em;
}

h3 {
    font-size: 1.2em;
    line-height: 1.25em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.8em;
    line-height: 1.25em;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
}

    p:last-child {
        margin-bottom: 10px;
    }

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

ins {
    text-decoration: none
}

del {
    text-decoration: none;
    color: #D30303
}

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

a {
    text-decoration: none;
    transition: all .25s ease;
    color: #393F5C
}

header a,
nav a {
    color: #fff;
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

strong {
    font-weight: 600
}

em {
    font-style: italic
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible;
	color: #fff;
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
		color: #fff;
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input, textarea {
    line-height: normal;
    padding: 20px 80px 20px 80px;
    margin: 0;
    outline: 0;
    border: 0;
	color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

.animate {
    transition: all .25s ease;
}

.pTop {
    padding-top: 240px;
}

.width-center {
    max-width: 1280px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.width-980 {
    max-width: 980px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.titolo2 {
    color: #fff;
    background: #393F5C;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100vw;
    position: relative;
}

.titolo {
    color: #393F5C;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
    width: 100vw;
    position: relative;
}

.titolo3 {
    color: #393F5C;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
    width: 100vw;
    position: relative;
}

.titolo h2 {
    max-width: 1660px;
    width: 90%;
    margin: 0 auto;
}

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

/* HEADER + MENU */

header {
    padding: 0px 35px 15px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    width: 100%;
    background: white
}

    header.fixed {
        position: fixed;
        background: white
    }

    header a {
        display: inline-block;
    }

    header #logo {
        max-width: 200px;
        position: relative;
        top: 10px;
        bottom: 30px;
    }

    header #Tekni-Plex-txt {
        max-width: 180px;
        position: relative;
        top: 13px;
        bottom: 30px;
        margin: 0 0 0 20px;
    }

.menu-center {
    position: absolute;
    left: 80%;
    transform: translateX(-50%);
    top: 20px;
    text-align: center;
    font-size: 16px;
}

    .menu-center .social {
        margin-right: 10px;
        top: 20px;
        display: none
    }

header.fixed .menu-center .social {
    display: inline-block
}

.menu-center .lang {
    color: #393f5c;
    padding: 2px 10px
}

    .menu-center .lang a {
        color: #393F5C
    }

.menu-center img {
    display: inline-block;
    vertical-align: middle; /*! margin-right: 3px; */ /*! padding-top: 12px; */
}

.cont-burger {
    position: absolute;
    right: 0;
    top: 1px;
    display: flex;
    height: 20px;
    padding: 19px 15px;
    box-sizing: content-box;
    color: #393F5C;
    vertical-align: auto;
    font-size: 16px;
}

    .cont-burger .span.txt {
        color: #fff !important
    }

#nav-icon {
    width: 40px;
    height: 20px;
    position: relative;
    margin: 0 0 0 10px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer
}

    #nav-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 80%;
        background: #393F5C;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out
    }

        #nav-icon span:nth-child(1) {
            top: 4
        }

        #nav-icon span:nth-child(2) {
            top: 8px
        }

        #nav-icon span:nth-child(3) {
            top: 16px
        }

    #nav-icon.open span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    #nav-icon.open span:nth-child(2) {
        opacity: 0;
        left: -60px
    }

    #nav-icon.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

.content_nav {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 100;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease;
    animation-delay: 2s;
}

    .content_nav.open {
        visibility: visible;
        opacity: 1;
    }

nav {
    width: 100%;
    height: 100%;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 33% 33% 34%;
    -ms-grid-columns: 33% 33% 34%;
    justify-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

    nav .textwidget {
        font-size: 16px;
        line-height: 18px
    }

    nav .cont:nth-child(1) {
        -ms-grid-column: 1;
    }

    nav .cont:nth-child(2) {
        -ms-grid-column: 2;
    }

    nav .cont:nth-child(3) {
        -ms-grid-column: 3;
    }

    nav h2 {
        font-size: 20px;
        word-wrap: break-word;
    }

        nav h2 span {
            display: block
        }

    nav .cont {
        padding: 35px 12%;
        display: grid;
        display: -ms-grid;
        transition: all .25s ease;
    }

        nav .cont .grid_center {
            align-self: center;
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            justify-self: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }

            nav .cont .grid_center li {
                margin-bottom: 10px;
                font-size: 20px;
                line-height: 22px;
                text-transform: uppercase
            }

                nav .cont .grid_center li .sub-menu {
                    margin-top: 5px
                }

                    nav .cont .grid_center li .sub-menu li {
                        margin-bottom: 5px;
                        font-size: 18px;
                        line-height: 20px;
                    }

                        nav .cont .grid_center li .sub-menu li a {
                            text-transform: none;
                        }

                nav .cont .grid_center li:last-child {
                    margin-bottom: 0
                }

        nav .cont:hover {
            color: #fff
        }

            nav .cont:hover svg * {
                fill: #fff
            }

        nav .cont:nth-child(1):hover {
            background-color: #393F5C;
        }

        nav .cont:nth-child(2):hover {
            background-color: #393F5C
        }

        nav .cont .menu-widget-header .image {
            height: 90px;
            width: auto;
        }

        nav .cont:nth-child(1) .menu-widget-header .image {
            height: 50px;
        }

        nav .cont:nth-child(2) .menu-widget-header .image {
            height: 55px;
        }

        nav .cont:firt-child .grid_center .menu-widget-header svg path {
            fill: none;
        }

        nav .cont .menu-widget-header svg * {
            transition: all .25s ease;
        }

        nav .cont .menu-widget-header:nth-child(2) {
            text-transform: uppercase;
            margin: 12px 0 25px
        }

            nav .cont .menu-widget-header:nth-child(2) p,
            nav .cont .menu-widget-header:nth-child(2) p a {
                text-transform: none;
            }

                nav .cont .menu-widget-header:nth-child(2) p a {
                    position: relative;
                    top: 5px;
                }

        nav .cont .menu-widget-header:last-child {
            transition: max-height .8s ease;
            max-height: 0;
            overflow: hidden;
            font-size: 20px;
            line-height: 20px;
            text-transform: uppercase;
        }
            /*nav .cont .menu-widget-header:last-child p a{text-transform: uppercase;}*/
            nav .cont .menu-widget-header:last-child .big {
                display: block;
                margin: 5px 0 25px;
                text-transform: none;
            }

        nav .cont .menu-widget-header a {
            text-transform: uppercase;
            color: #393F5C
        }

        nav .cont:hover .menu-widget-header a {
            color: #fff
        }

        nav .cont:hover .menu-widget-header a {
            color: #fff
        }

        nav .cont:hover .menu-widget-header:last-child {
            transition: max-height .8s ease;
            max-height: 500px;
            overflow: visible;
        }

    nav .textwidget p:first-child a,
    nav .textwidget p:last-child a {
        text-transform: none
    }

    nav .cont:last-child {
        background: #D30303;
        text-transform: none;
        font-size: 30px;
        font-weight: 700;
    }

        nav .cont:last-child .menu-item-has-children a {
            cursor: pointer;
        }

        nav .cont:last-child .menu-item-has-children .sub-menu {
            font-size: 20px;
            line-height: 20px;
            text-transform: capitalize;
            font-weight: normal;
            overflow: hidden;
            max-height: 0;
            transition: max-height .35s ease;
        }

        nav .cont:last-child .menu-item-has-children.open .sub-menu {
            max-height: 500px;
            transition: max-height .8s ease;
        }

@media only screen and (max-width: 1024px) {
    .content_nav {
        top: 0px;
    }

    header {
        height: 65px;
        padding: 0;
    }

        header #logo {
            top: 10px;
            left: 20px
        }

        header #Tekni-Plex-logo {
            max-width: 140px;
            left: 20%
        }

    .menu-center {
        width: auto;
        bottom: 7px
    }

        .menu-center img {
            padding: 0;
            top: -2px;
            position: relative
        }

    nav {
        grid-template-columns: 36% 36% 28%;
        grid-template-rows: 50% 50%;
    }

        nav h2 {
            font-size: 20px;
            line-height: 24px;
        }

        nav .cont {
            height: 100vh;
            padding: 20px 12%;
        }

            nav .cont svg * {
                fill: #fff
            }

        nav .textwidget {
            color: #393F5C;
        }

            nav .textwidget p {
                display: none;
                font-size: 12px;
                line-height: 22px;
            }

                nav .textwidget p:first-child {
                    display: block
                }

        nav .cont .menu-widget-header a {
            color: #393F5C
        }

        nav .cont .menu-widget-header:last-child {
            transition: none;
            max-height: none;
            height: auto;
        }

        nav .cont .menu-widget-header:nth-child(2) {
            margin: 12px 0;
        }

        nav .cont:nth-child(5) {
            grid-column-start: 3;
            grid-row-start: 1;
            height: 100vh;
        }
}

@media only screen and (max-width: 980px) {
    html #wpadminbar {
        display: none;
    }

    header #Tekni-Plex-logo {
        max-width: 110px;
        left: 5%
    }

    .menu-center .lang {
        display: none;
    }

    .menu-center img {
        display: none;
    }

    nav {
        display: block;
        background: #D30303
    }

        nav .cont {
            height: auto;
        }

        nav h2 span {
            display: inline
        }

        nav .cont .grid_center .menu-widget-header:first-child,
        nav .cont .grid_center .menu-widget-header:last-child {
            display: none
        }

        nav .cont:nth-child(5) {
            height: auto;
        }
}

@media only screen and (max-width: 479px) {
    header #Tekni-Plex-logo {
        max-width: 80px;
        left: 5%
    }

    .bloc15 .row img {
        position: relative;
        padding: 10px 0px 0px 50px;
    }

    .bloc_column .row4 .cont .box h3 {
        padding: 20px 20px 20px 20px !important;
    }
}
/* FOOTER */
footer {
    position: center;
    margin-top: 0px;
    z-index: 0;
}

.top-footer {
    background-color: #393F5C;
    color: #fff;
    padding: 50px 80px 20px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    z-index: 2;
}

    .top-footer .logo-footer {
        position: absolute;
    }

    .top-footer p {
        margin-bottom: 25px;
    }

    .top-footer a {
        color: #fff
    }

        .top-footer a:hover {
            text-decoration: underline
        }

    .top-footer .row {
        max-width: 1000px;
        margin: auto;
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(4, 25%);
        -ms-grid-columns: 25% 25% 25% 25%;
        overflow: hidden;
    }

        .top-footer .row .footer-widget {
            border-right: 1px solid #fff;
            padding-left: 10px;
            padding-right: 20px;
            word-wrap: break-word;
        }

            .top-footer .row .footer-widget:nth-child(1) {
                -ms-grid-column: 1;
            }

            .top-footer .row .footer-widget:nth-child(2) {
                -ms-grid-column: 2;
            }

            .top-footer .row .footer-widget:nth-child(3) {
                -ms-grid-column: 3;
            }

            .top-footer .row .footer-widget:nth-child(4) {
                -ms-grid-column: 4;
            }



            .top-footer .row .footer-widget:last-child {
                border: 0
            }

.bottom-footer {
    background: #DCE2E8;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 70px
}

@media only screen and (max-width: 1024px) {
    .top-footer .row {
        grid-template-columns: repeat(3, 25%);
        grid-column-gap: 4px;
    }
}

@media only screen and (max-width: 980px) {
}

/* PAGINE */

/* slider */
.slider-fullscreen {
    width: 100%;
    height: 100vh;
    min-height: 620px;
    position: relative
}

    .slider-fullscreen .cont-slider {
        width: 100%;
        height: 100vh;
        min-height: 620px;
        position: relative;
        background-size: cover;
        background-position: center;
        background-color: #000;
        overflow: hidden
    }

        .slider-fullscreen .cont-slider video {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .slider-fullscreen .cont-slider .txt {
            width: 100%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

            .slider-fullscreen .cont-slider .txt * {
                transition: all .65s ease;
                opacity: 0;
                position: relative;
                top: 200px;
            }

        .slider-fullscreen .cont-slider.active-slide .txt * {
            opacity: 1;
            position: relative;
            top: 0px;
        }

        .slider-fullscreen .cont-slider .txt h3 {
            margin: 0 auto 20px;
            padding: 0 20px
        }

    .slider-fullscreen .bx-controls {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 25px;
    }

        .slider-fullscreen .bx-controls .bx-pager-item {
            display: inline-block;
            width: auto;
            height: auto;
        }

            .slider-fullscreen .bx-controls .bx-pager-item a {
                display: block;
                width: 20px;
                height: 20px;
                margin: 0 7px;
                overflow: hidden;
                text-indent: 9999px;
                display: inline-block;
                padding: 3px;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                border: solid #393F5C;
                border-width: 0 4px 4px 0;
            }

                .slider-fullscreen .bx-controls .bx-pager-item a.active {
                    border-color: #D30303;
                }

.banner img {
    width: 100%;
    margin-top: 30px;
}

/* standard */
section {
    max-width: 1380px;
    width: 90%;
    margin: 0 auto;
}

/* blocco 1 */
.bloc1 {
    margin-bottom: 20px;
    margin-top: 35px;
}

    .bloc1 .cont {
        max-width: 100%;
        margin: auto;
        width: 90%;
    }

    .bloc1 .cont-title {
        margin-top: 25px;
    }

        .bloc1 .cont-title h1 {
            color: #393F5C;
        }

        .bloc1 .cont-title del {
            color: #D30303;
        }

        .bloc1 .cont-title h3 {
            margin-top: 15px;
        }

    .bloc1 .row {
        max-width: 100%;
        margin: auto;
        width: 100%;
        margin-top: 25px;
        display: grid;
        display: -ms-grid;
    }

        .bloc1 .row.col1 {
            max-width: 90%;
            margin-top: 20px;
        }

            .bloc1 .row.col1 p {
                max-width: 100%;
            }

        .bloc1 .row.col1 {
            display: block;
        }

        .bloc1 .row.col2 {
            max-width: 90%;
            margin-top: 20px;
            grid-template-columns: 75% 20%;
            -ms-grid-columns: 75% 20%;
            grid-gap: 0%;
        }

        .bloc1 .row.col3 {
            grid-template-columns: 47% 21% 21%;
            grid-gap: 6% 5%
        }

            .bloc1 .row.col1 h3,
            .bloc1 .row.col2 h3,
            .bloc1 .row.col3 h3 {
                margin-top: 10px;
                margin-bottom: 20px;
            }

        .bloc1 .row.align-top .cont {
            align-self: normal;
        }

        .bloc1 .row.align-center .cont {
            align-self: center;
        }

        .bloc1 .row.align-bottom .cont {
            align-self: end;
        }

        .bloc1 .row .cont img {
            margin-bottom: 10px;
        }

        .bloc1 .row.col2 .cont:first-child {
            color: #878b9c;
            -ms-grid-column: 1;
            justify-self: center;
        }

        .bloc1 .row.col2 .cont:last-child {
            color: #878b9c;
            -ms-grid-column: 2;
            justify-self: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

            .bloc1 .row.col2 .cont:last-child h3 {
                margin-top: 50px;
            }

                .bloc1 .row.col2 .cont:last-child h3:first-child {
                    margin-top: 0;
                }

            .bloc1 .row.col2 .cont:last-child del {
                text-decoration: none;
                font-size: 3em;
                line-height: 1em;
                color: #b3b5c0;
            }

            .bloc1 .row.col2 .cont:last-child img {
            }

                .bloc1 .row.col2 .cont:last-child img.wp-image-6237 {
                    width: 70px;
                    margin-left: 0;
                    margin-bottom: 0;
                }

.page-id-7653 .bloc1 {
    margin-top: 120px;
}

/* blocco 2 */
.bloc2 {
    margin: auto;
    width: 100%;
}

    .bloc2 .image_svg {
        height: 160px;
        width: auto;
    }

    .bloc2 .row {
        display: grid;
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
    }

        .bloc2 .row.col1 {
            display: block;
        }

        .bloc2 .row.col2 {
            grid-template-columns: 615px auto;
            grid-gap: 2%;
        }

        .bloc2 .row.col3 {
            grid-template-columns: 43% 23% 23%;
            grid-gap: 6% 5%
        }

        .bloc2 .row .cont {
            align-self: center;
        }

            .bloc2 .row .cont .circle {
                text-transform: uppercase;
                width: 435px;
                height: 435px;
                background: #DCE2E8;
                border-radius: 100%;
                position: relative
            }

            .bloc2 .row .cont h1 {
                position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%, -45%);
                width: 72%;
                max-width: 445px;
                line-height: 1em;
                font-size: 2em;
            }

                .bloc2 .row .cont h1 span {
                    color: #D30303;
                }

        .bloc2 .row.col3 .cont:last-child p {
            width: 230px;
            height: 230px;
            background: #D30303;
            border-radius: 100%;
            position: relative;
            font-size: 1.3em;
            line-height: 230px;
            text-align: center
        }

        .bloc2 .row.col3 .cont:last-child a {
            color: #fff;
        }

        .bloc2 .row.col3 .cont:nth-child(2) img {
            position: relative;
            top: 35px;
        }

        .bloc2 .row.col2 .cont:last-child {
            position: relative;
            top: -45px;
        }

    .bloc2 .row4 {
        grid-template-columns: repeat(4, 30%);
        position: relative;
    }

        .bloc2 .row4 .cont {
            color: #fff;
            margin-right: 10px;
        }

            .bloc2 .row4 .cont:last-child {
                margin-right: 0
            }

            .bloc2 .row4 .cont .box {
                margin-bottom: 0px;
                background: #393F5C;
                padding: 15px;
                position: relative;
            }

                .bloc2 .row4 .cont .box::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 72px;
                    background: linear-gradient(to left top, #fff 50%, transparent 50%);
                }

            .bloc2 .row4 .cont .image_svg {
                height: 100px;
                width: auto;
                vertical-align: middle;
                margin-right: 35px;
            }

                .bloc2 .row4 .cont .image_svg * {
                    fill: #fff;
                }

            .bloc2 .row4 .cont:nth-child(3) .image_svg {
                height: 65px;
            }

            .bloc2 .row4 .cont .hover {
                opacity: 0;
                visibility: hidden
            }

            .bloc2 .row4 .cont .box p {
                font-size: 0.8em;
                line-height: 1.1em;
                margin: 20px 0 60px
            }

            .bloc2 .row4 .cont .box a {
                color: #fff
            }

            .bloc2 .row4 .cont .box .cont-image a img {
                display: inline-block;
                height: 70px;
                width: auto;
                vertical-align: middle
            }

            .bloc2 .row4 .cont:nth-child(1) .box {
                height: 420px;
            }

            .bloc2 .row4 .cont:nth-child(2) .box {
                height: 347px;
                background: #4C516B;
            }

            .bloc2 .row4 .cont:nth-child(3) .box {
                height: 273px;
                background: #60657C;
            }

            .bloc2 .row4 .cont:nth-child(4) .box {
                height: 200px;
                background: #878B9C;
            }

            .bloc2 .row4 .cont:nth-child(8) .box {
                height: 420px;
            }

            .bloc2 .row4 .cont:nth-child(7) .box {
                height: 347px;
                background: #4C516B;
            }

            .bloc2 .row4 .cont:nth-child(6) .box {
                height: 273px;
                background: #60657C;
            }

            .bloc2 .row4 .cont:nth-child(5) .box {
                height: 200px;
                background: #878B9C;
            }

            .bloc2 .row4 .cont .box:hover {
                height: 420px;
            }

                .bloc2 .row4 .cont .box:hover .hover {
                    opacity: 1;
                    visibility: visible
                }

            .bloc2 .row4 .cont:nth-child(1) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(2) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(3) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(4) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(5) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(6) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(7) .box:hover {
                background: #D30303;
            }

            .bloc2 .row4 .cont:nth-child(8) .box:hover {
                background: #D30303;
            }

.bloc_column h2 {
    margin-bottom: 20px;
    text-align: center;
}

.bloc_column .row4 {
    height: 500px;
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 30px;
}

    .bloc_column .row4 .cont {
        position: absolute;
        width: 23%;
        margin: 5px
    }

        .bloc_column .row4 .cont .box {
            margin-bottom: 0
        }

            .bloc_column .row4 .cont .box::after {
                display: none
            }

        .bloc_column .row4 .cont:nth-child(1) {
            top: 0;
            left: 0;
        }

        .bloc_column .row4 .cont:nth-child(2) {
            top: 0;
            left: 23.33%;
        }

        .bloc_column .row4 .cont:nth-child(3) {
            top: 0;
            left: 46.64%;
        }

        .bloc_column .row4 .cont:nth-child(4) {
            top: 0;
            left: 70%;
        }

        .bloc_column .row4 .cont:nth-child(5) {
            bottom: 0;
            left: 0;
        }

        .bloc_column .row4 .cont:nth-child(6) {
            bottom: 0;
            left: 23.33%;
        }

        .bloc_column .row4 .cont:nth-child(7) {
            bottom: 0;
            left: 46.64%;
        }

        .bloc_column .row4 .cont:nth-child(8) {
            bottom: 0;
            left: 70%;
        }

            .bloc_column .row4 .cont:nth-child(5) h3,
            .bloc_column .row4 .cont:nth-child(6) h3,
            .bloc_column .row4 .cont:nth-child(7) h3,
            .bloc_column .row4 .cont:nth-child(8) h3 {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 30px;
                width: 100%;
            }

        .bloc_column .row4 .cont .hover img {
            position: absolute;
            margin: auto;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

.contenitori-primati .bloc_column .row4 .cont .box:hover {
    background: #04BF86;
}

/* blocco 3 */
.bloc3 {
    width: 100%;
    max-width: none;
    margin-top: 90px;
    margin-bottom: 110px;
    position: relative;
}

    .bloc3 .cont_top {
        position: absolute;
        top: 40px;
        right: 0;
        background: #8F929C;
        color: #fff;
        border: 20px solid #fff;
        padding: 30px 40px;
        z-index: 1;
    }

        .bloc3 .cont_top * {
            position: relative;
            z-index: 1;
        }

        .bloc3 .cont_top h2 {
            font-size: 1.7em;
            line-height: 1.1em;
            margin-bottom: 10px
        }

        .bloc3 .cont_top a {
            color: #fff;
            display: inline-block;
            width: 100%;
            text-align: right
        }

        .bloc3 .cont_top:after {
            content: "";
            position: absolute;
            bottom: -7%;
            left: -20px;
            padding-bottom: 17%;
            width: 100%;
            z-index: 0;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: skewY(6deg);
            -ms-transform: skewY(6deg);
            transform: skewY(6deg);
            background-color: inherit;
            border: 20px solid #fff;
            border-top: 0
        }

    .bloc3 .banner {
        position: relative;
        height: 800px;
        background-size: cover;
        background-position: center
    }

        .bloc3 .banner img {
            width: 100%;
        }

    .bloc3 .cont_bottom {
        position: absolute;
        bottom: -100px;
        right: 12%;
        width: 280px;
        height: 280px;
        border-radius: 100%;
        background: #DCE2E8;
        ;
        z-index: 1;
    }

        .bloc3 .cont_bottom .center {
            position: absolute;
            width: 90%;
            left: 5%;
            top: 50%;
            margin-top: -90px;
        }

        .bloc3 .cont_bottom p {
            margin: 0;
        }

        .bloc3 .cont_bottom img {
            display: inline-block;
            width: 170px;
            margin: 15px 0 5px;
        }

.page-id-6202 .bloc3 .banner:after {
    background: linear-gradient(to right top, #DCE2E8 50%, transparent 50%);
}

.page-id-6202 .bloc3,
.page-id-6372 .bloc3 {
    margin-bottom: 0
}

/* blocco prossimi eventi */
.prossimi_eventi {
    width: 100%;
    margin: auto;
    position: relative;
    top: 40px;
}

    .prossimi_eventi .row {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        top: 40px;
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-gap: 2%;
    }

        .prossimi_eventi .row .cont .text {
            padding: 50px 20px;
            margin: 0;
            height: 100%;
        }

            .prossimi_eventi .row .cont .text strong {
                color: #D30303
            }

        .prossimi_eventi .row .cont:hover .text {
            background: #393F5C;
            color: #fff
        }

            .prossimi_eventi .row .cont:hover .text strong,
            .prossimi_eventi .row .cont:hover .text a {
                color: #fff
            }

    .prossimi_eventi .h2 {
        color: #fff
    }

/* blocco news home */
.bloc_news {
    margin-bottom: 30px;
    margin-top: 0px;
    position: relative;
    z-index: 10;
    width: 90%;
}

    .bloc_news .row {
        display: block;
    }

        .bloc_news .row .cont {
            display: -ms-grid;
            display: grid;
            grid-template-columns: 30% 70%;
            -ms-grid-columns: 30% 70%;
            padding: 20px 10%;
            width: 100%;
        }

            .bloc_news .row .cont .text {
                -ms-grid-column: 2;
                padding: 0px 20px
            }

                .bloc_news .row .cont .text h3 {
                    margin-bottom: 0px;
                }

                .bloc_news .row .cont .text a {
                    display: inline-block;
                    width: 100%;
                    text-align: right
                }

/* blocco 4 */
.bloc4 {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .bloc4 .row {
        display: grid;
        max-width: 1380px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

        .bloc4 .row.col1 {
            display: block;
        }

        .bloc4 .row.col2 {
            grid-template-columns: repeat(2, 40%);
            grid-column-gap: 10%;
        }

        .bloc4 .row.col3 {
            grid-template-columns: repeat(3, 33.33%);
        }

            .bloc4 .row.col3 .text {
                width: 90%;
                max-width: 460px;
                margin: 0 auto;
            }

            .bloc4 .row.col3 p:first-child {
                height: 160px;
                display: grid
            }

                .bloc4 .row.col3 p:first-child img {
                    max-height: 160px;
                    width: auto;
                    align-self: end;
                }

        .bloc4 .row a {
            color: #D30303;
            margin-top: 80px;
            display: block;
        }

        .bloc4 .row .text a {
            margin-top: 0
        }

.sostenibilita-aziendale .bloc4 {
    margin-top: 20px;
    margin-bottom: 50px;
}

/* blocco 5 */
.bloc5 {
    width: 100%;
    max-width: none;
    position: relative;
    background-color: #000;
    background-position: center;
    background-size: cover;
    padding-top: 260px;
    padding-bottom: 220px;
}

    .bloc5 .cont {
        margin: 0 auto;
        color: #fff;
        max-width: 1660px;
        width: 90%;
        position: relative;
        z-index: 1;
    }

        .bloc5 .cont h2 {
            width: 80%
        }

        .bloc5 .cont h3 {
            margin: 20px 0 40px;
            width: 80%
        }

        .bloc5 .cont a {
            display: block;
            width: 100%;
            text-align: right;
            color: #fff
        }

    .bloc5 .circle {
        width: 275px;
        height: 275px;
        background-color: #D30303;
        position: absolute;
        top: -60px;
        right: 20%;
        border-radius: 100%;
        text-align: center;
    }

        .bloc5 .circle div {
            position: absolute;
            top: 50%;
            left: 5%;
            width: 90%;
            transform: translateY(-50%);
        }

        .bloc5 .circle p {
            line-height: 1em
        }

        .bloc5 .circle a {
            color: #fff
        }

        .bloc5 .circle img {
            margin: 0 auto 10px;
        }

/* blocco 6 */
.bloc6 {
    width: 100%;
    max-width: none;
    position: relative;
    background-color: #fff;
}

    .bloc6 .row {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(2, 50%);
        -ms-grid-columns: 50% 50%;
    }

        .bloc6 .row .cont {
            padding: 40px 40px 30px 100px;
            position: relative;
        }

            .bloc6 .row .cont:first-child {
                -ms-grid-column: 1;
            }

            .bloc6 .row .cont:last-child {
                padding: 40px 20px 40px 50px;
                background-color: #8F929C;
                color: #fff;
                -ms-grid-column: 2;
            }

                .bloc6 .row .cont:last-child * {
                    width: 80%;
                    max-width: 650px;
                }

            .bloc6 .row .cont h1,
            .bloc6 .row .cont h2 {
                margin-bottom: 15px;
            }

            .bloc6 .row .cont:last-child h1 {
                padding-top: 70px
            }

/* blocco 7 */
.bloc7 {
    width: 100%;
    max-width: none;
    position: relative;
    margin-bottom: 0px;
}

    .bloc7 .row {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(2, 50%);
        -ms-grid-columns: 50% 50%;
        position: relative;
    }

        .bloc7 .row .cont {
            height: 300px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 0px;
            background-position: center;
            background-size: cover
        }

            .bloc7 .row .cont:nth-last-of-type(-n+2) {
                margin-bottom: 0
            }

            .bloc7 .row .cont:nth-child(2) {
                -ms-grid-column: 2;
                -ms-grid-row: 1;
            }

            .bloc7 .row .cont:nth-child(1) {
                margin-right: 0px;
                -ms-grid-column: 1;
                -ms-grid-row: 1;
            }

            .bloc7 .row .cont:nth-child(3) {
                margin-right: 0px;
                -ms-grid-column: 1;
                -ms-grid-row: 2;
            }

            .bloc7 .row .cont:nth-child(4) {
                -ms-grid-row: 2;
                -ms-grid-column: 2;
            }

            .bloc7 .row .cont a {
                color: #fff;
                display: block;
                height: 100%;
                width: 100%;
            }

                .bloc7 .row .cont a:hover {
                    background-color: rgba(0, 0, 0, .5)
                }

            .bloc7 .row .cont h2 {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }


/* blocco 8 */
.bloc8 {
    max-width: 1000px;
    width: 100%;
}

    .bloc8 .row {
        max-width: 1000px;
        width: 100%;
        margin: auto;
        display: grid;
        position: relative;
        grid-column-gap: 2%;
    }

        .bloc8 .row.order-big-small {
            grid-template-columns: 70% 30%;
        }

        .bloc8 .row.order-small-big {
            grid-template-columns: 50% 50%;
        }

            .bloc8 .row.order-small-big .cont {
                grid-column: 2;
                grid-row: 1;
            }

                .bloc8 .row.order-small-big .cont:last-child {
                    grid-column: 1;
                    grid-row: 1;
                }

        .bloc8 .row .cont h2 {
            margin-bottom: 20px;
        }

        .bloc8 .row .circle {
            border-radius: 100%;
            position: relative;
            height: 0;
            padding-top: 100%;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
            font-size: 2.5em;
        }

            .bloc8 .row .circle span {
                position: absolute;
                width: 90%;
                left: 5%;
                top: 50%;
                transform: translateY(-50%);
            }

            .bloc8 .row .circle.color-red {
                background-color: #D30303;
            }

            .bloc8 .row .circle.color-blue {
                background-color: #393F5C;
            }

/* blocco 9 */
.bloc9 {
    margin-bottom: 50px
}

    .bloc9 .row .cont h2 {
        margin-bottom: 10px;
    }

    .bloc9 .row .cont h3 {
        margin-bottom: 20px;
    }

    .bloc9 .row.align-top .cont {
        align-self: normal;
    }

    .bloc9 .row.align-center .cont {
        align-self: center;
    }

    .bloc9 .row.align-bottom .cont {
        align-self: end;
    }

.tecnologia-monodose .bloc9 {
    margin: 0;
    max-width: none;
    width: 100%;
    padding: 60px 0;
    position: relative
}

    .tecnologia-monodose .bloc9 .row {
        max-width: 1660px;
        width: 90%;
        margin: 0 auto;
    }

    .tecnologia-monodose .bloc9:nth-child(odd) {
        background: #eef7fa
    }

/* blocco 10 */
.bloc10 {
    width: 100%;
    max-width: none;
    position: relative;
    padding: 50px 0
}

    .bloc10.bkg-white {
        background: #fff;
    }

    .bloc10.bkg-light-blue {
        background: rgba(220, 226, 232, 0.37)
    }

    .bloc10 .row {
        max-width: 1000px;
        width: 100%;
        margin: auto;
    }

        .bloc10 .row.align-top .cont {
            align-self: normal;
        }

        .bloc10 .row.align-center .cont {
            align-self: center;
        }

        .bloc10 .row.align-bottom .cont {
            align-self: end;
        }

.bloc11 {
    width: 100%;
    max-width: none;
    position: relative;
    margin: 130px 0 30px;
    padding: 30px 0 70px;
    background: #DCE2E8;
}

    .bloc11:before {
        content: "";
        position: absolute;
        top: -130px;
        left: 0;
        width: 100%;
        height: 130px;
        background: linear-gradient(to left top, #DCE2E8 50%, transparent 50%);
    }

    .bloc11 .row {
        display: grid;
        position: relative;
        grid-template-columns: repeat(2, 50%);
        grid-column-gap: 0px;
        max-width: 1660px;
        width: 90%;
        margin: 0 auto;
    }

        .bloc11 .row .cont {
            padding: 0 5%
        }

            .bloc11 .row .cont img {
                margin-bottom: 60px
            }

            .bloc11 .row .cont p {
                margin-top: 25px
            }

            .bloc11 .row .cont img.aligncenter {
                margin-left: auto;
                margin-right: auto;
            }

/* blocco Blu */
.content_blue {
    background: #DCE2E8;
    width: 100%;
    max-width: none;
    padding: 50px 0 30px;
}

    .content_blue .row {
        width: 80%;
        margin: auto;
    }

    .content_blue h1,
    .content_blue h2,
    .content_blue h3 {
        margin-bottom: 20px
    }

    .content_blue p {
        margin-bottom: 40px
    }

        .content_blue p:last-child {
            margin-bottom: 0
        }

    .content_blue form p {
        margin-bottom: 0
    }

    .content_blue form label {
        display: inline-block;
        width: 46%;
        margin-bottom: 6px;
        margin-right: 0%;
    }

        .content_blue form label:nth-child(even) {
            margin-right: 0%;
            margin-left: 1%;
        }

        .content_blue form label.big {
            display: block;
            width: 93%;
            margin-left: 0;
            margin-right: 0;
        }

        .content_blue form label.small {
            width: auto;
            margin-left: 0;
            margin-right: 30px;
        }

            .content_blue form label.small:last-child {
                margin-right: 0
            }

    .content_blue form input.input-text {
        height: 50px;
        padding: 0 10px;
        width: 100%;
    }

    .content_blue form textarea {
        padding: 10px 10px;
        width: 100%;
        height: 150px;
        resize: none;
    }

        .content_blue form textarea.input-text-big {
            height: 150px;
        }

    .content_blue form .cont-sand {
        text-align: right;
    }

        .content_blue form .cont-sand .cont-right { /*! max-width: 300px; */
            text-align: left;
            display: inline-block;
        }

            .content_blue form .cont-sand .cont-right p {
                margin-top: 20px;
            }

.conten.content_blue form input[type="submit"] {
    width: auto;
    padding: 10px 80px;
    height: auto;
    background: #D30303;
    color: #fff;
    font-size: 2em;
    margin-top: 20px;
}

t_blue form input[type="submit"] {
    width: auto;
    padding: 20px 50px;
    height: auto;
    background: #D30303;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    margin-top: 20px;
}

.content_blue form .wpcf7-form-control-wrap {
    margin-bottom: 0;
}

.content_blue form span.wpcf7-list-item {
    margin: 0
}

.content_blue form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    ;
}

.content_pdf .row.width-980 {
    margin-left: auto
}

.content_blue.content_pdf {
    position: relative;
    background: #DCE2E8;
}

.content_pdf .row {
    width: 80%;
    max-width: 1000px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 0px));
    grid-column-gap: 0px;
    justify-self: center;
}

.content_pdf h1,
.content_pdf h2,
.content_pdf h3 {
    margin-bottom: 0px
}

.page-id-6520 .content_blue {
    background: #c2cad2;
}

.page-id-9178 .content_blue {
    background: #c2cad2;
}

.page-id-6243 .content_blue.content_pdf {
    background: #DCE2E8;
}

/* Blocco Link */
.blocLink {
    margin-top: 90px;
    margin-bottom: 250px;
    width: 100%;
    max-width: none;
}

    .blocLink .row {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        grid-column-gap: 20px;
    }

        .blocLink .row .cont {
            height: 545px;
            position: relative;
            background-position: center;
            background-size: cover;
            margin-bottom: 20px
        }

            .blocLink .row .cont a {
                display: block;
                width: 100%;
                height: 100%
            }

            .blocLink .row .cont span {
                position: absolute;
                width: 100%;
                min-height: 215px;
                background: rgba(57, 62, 92, 0.65);
                color: #fff;
                bottom: 0;
                padding: 30px 5%
            }

/* Blocco 12 */
.bloc12 {
    padding-top: 40px;
    padding-bottom: 90px;
    width: 100%;
    max-width: none;
    background: #DCE2E8;
}

    .bloc12 .row {
        max-width: 75%;
        display: grid;
        display: -ms-grid;
        position: relative;
        grid-template-columns: repeat(3, 33.33%);
        -ms-grid-columns: 33.33% 33.33% 33.33%;
        margin: 0 auto;
        align-self: center;
    }

        .bloc12 .row .cont {
            -ms-grid-column: 1;
            margin-bottom: 15px;
            position: relative;
            margin-bottom: 100px;
            margin: 0 3% 0 3%;
        }

            .bloc12 .row .cont:nth-child(1) {
                -ms-grid-column: 1;
            }

            .bloc12 .row .cont:nth-child(2) {
                -ms-grid-column: 2;
            }

            .bloc12 .row .cont:nth-child(3) {
                -ms-grid-column: 3;
            }

            .bloc12 .row .cont .link {
                position: absolute;
                bottom: -70px;
                width: 100%;
                height: 70px;
            }

        .bloc12 .row h3 {
            margin-bottom: 15px;
        }

        .bloc12 .row p {
            font-size: 0.9em;
            line-height: 19px;
        }

.bloc_center {
    margin: 10px auto 180px;
    max-width: 800px;
}

    .bloc_center h1, .bloc_center h2, .bloc_center h3 {
        text-align: center
    }

    .bloc_center p {
        max-width: 675px;
        margin: 25px auto
    }

/* Blocco 13 */
.bloc13 {
    margin-top: 0px;
    width: 100%;
    max-width: none;
}

    .bloc13 .content_row {
        width: 100%;
        padding: 50px 5%;
    }

        .bloc13 .content_row:nth-child(odd) {
            background: #393F5C;
        }

    .bloc13 .row {
        display: grid;
        display: -ms-grid;
        max-width: 1000px;
        width: 100%;
        margin: auto;
    }

        .bloc13 .row .cont {
            align-self: center;
        }

            .bloc13 .row .cont h3 {
                margin-bottom: 20px;
            }

            .bloc13 .row .cont img {
                margin: 0 auto;
            }

        .bloc13 .row.order-big-small {
            -ms-grid-columns: 70% 30%;
            grid-template-columns: 70% 30%;
        }

        .bloc13 .row.order-small-big {
            -ms-grid-columns: 30% 70%;
            grid-template-columns: 30% 70%;
        }

            .bloc13 .row.order-small-big .cont:first-child {
                grid-column: 2;
                grid-row: 1;
                -ms-grid-column: 2;
                -ms-grid-row: 1;
            }

            .bloc13 .row.order-small-big .cont:last-child {
                grid-column: 1;
                grid-row: 1;
                -ms-grid-column: 1;
                -ms-grid-row: 1;
                margin-right: 4%
            }

    .bloc13 .circle {
        width: 225px;
        height: 225px;
        position: relative;
        margin: 0 auto 90px;
        background: #04BF86;
        border-radius: 222px;
        text-align: center
    }

        .bloc13 .circle a {
            color: #fff;
            font-weight: bold;
            display: block;
            width: 100%;
            height: 100%;
        }

        .bloc13 .circle span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            line-height: 24px;
        }

            .bloc13 .circle span img {
                width: 14px;
                margin: 10px auto 0;
            }

/* Blocco 14 */
.bloc14 {
    width: 100%;
    max-width: none;
}

    .bloc14 .container_top {
        padding: 50px 0;
        background: rgba(72, 101, 221, 0.1);
    }

    .bloc14 .row {
        display: grid;
        grid-column-gap: 2%;
        grid-template-columns: 20% 78%;
        max-width: 1660px;
        width: 90%;
        margin: 0 auto;
    }

        .bloc14 .row .cont {
            align-self: center;
        }

    .bloc14 .container_bottom {
        padding: 50px 0;
        background: white;
    }

        .bloc14 .container_bottom .row {
            display: grid;
            grid-column-gap: 1%;
            grid-template-columns: repeat(3, 32.33%);
        }

        .bloc14 .container_bottom img {
            width: 100%;
        }

        .bloc14 .container_bottom .dida {
            width: 90%;
            max-width: 250px;
            margin: 5px auto 0;
        }

.bloc15 {
    width: 100%;
    max-width: none;
    margin-bottom: 60px
}

    .bloc15 .row {
        display: grid;
        display: -ms-grid;
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, 50%);
        box-sizing: border-box;
    }

        .bloc15 .row img {
            position: relative;
            padding: 50px 0px 0px 100px;
            max-width: 50%;
        }

    .bloc15 .img {
        max-width: 50%;
    }

    .bloc15 .row .cont-grid {
        background: #393F5C
    }

        .bloc15 .row .cont-grid:first-child {
            -ms-grid-column: 1;
            box-sizing: border-box;
            margin-right: 1%
        }

        .bloc15 .row .cont-grid:last-child {
            -ms-grid-column: 2;
            box-sizing: border-box;
            margin-left: 1%
        }

    .bloc15 .row .cont {
        padding: 10px 100px 50px 100px;
    }

        .bloc15 .row .cont h2 {
            color: #fff;
        }

        .bloc15 .row .cont h3 {
            color: #fff;
            margin-bottom: 5px;
        }

        .bloc15 .row .cont p {
            color: #fff;
        }

        .bloc15 .row .cont h2 img,
        .bloc15 .row .cont h3 img {
            width: auto;
            float: left;
            margin-right: 15px;
            height: 125px;
        }

.tecnologia-monodose .bloc15 .row .cont h2 img,
.tecnologia-monodose .bloc15 .row .cont h3 img {
    height: auto;
    width: 50%;
}

.contenitori-su-misura .row .cont h3 {
    color: #fff;
    margin-bottom: 25px;
}

.bloc18 .row .cont-grid {
    background: #eef7fa
}

.bloc16 {
    margin-bottom: 60px
}

    .bloc16 h3 {
        margin-bottom: 20px
    }

    .bloc16 .row {
        display: grid;
        position: relative;
    }

    .bloc16 .row5 {
        grid-template-columns: repeat(5, 20%);
    }

    .bloc16 .row4 {
        grid-template-columns: repeat(4, 25%);
    }

    .bloc16 .row3 {
        grid-template-columns: repeat(3, 33%);
    }

    .bloc16 .row2 {
        grid-template-columns: repeat(2, 50%);
    }

    .bloc16 .cont {
        color: #fff;
        margin-right: 10px;
    }

        .bloc16 .cont:last-child {
            margin-right: 0
        }

        .bloc16 .cont .box {
            margin-bottom: 10px;
            background: #393F5C;
            padding: 15px 30px;
            position: relative;
            overflow: hidden;
        }

            .bloc16 .cont .box h3 {
                font-size: 1em
            }

            .bloc16 .cont .box::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 50px;
                background: linear-gradient(to left top, #fff 50%, transparent 50%);
            }

            .bloc16 .cont .box img {
                margin: 35px auto 0;
                opacity: 0;
            }

    .bloc16 .row .cont:nth-child(1) .box {
        height: 298px;
        background: #393f5c;
    }

    .bloc16 .row .cont:nth-child(2) .box {
        height: 247px;
        background: #4c516b;
    }

    .bloc16 .row .cont:nth-child(3) .box {
        height: 196px;
        background: #60657c;
    }

    .bloc16 .row .cont:nth-child(4) .box {
        height: 145px;
        background: #73788c;
    }

    .bloc16 .row .cont:nth-child(5) .box {
        height: 93px;
        background: #878b9c;
    }

    .bloc16 .row .cont .box:hover {
        height: 298px;
    }

        .bloc16 .row .cont .box:hover img {
            opacity: 1;
        }

.bloc17 {
    width: 80%;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 30px
}

    .bloc17 .row {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        display: -ms-grid;
        margin: 0 auto;
    }

    .bloc17 .row5 {
        grid-template-columns: repeat(5, 20%);
        -ms-grid-columns: 20% 20% 20% 20% 20%;
    }

    .bloc17 .row4 {
        grid-template-columns: 68% 30%;
        -ms-grid-columns: 68% 30%;
    }

    .bloc17 .row3 {
        max-width: 1000px;
        width: 100%;
        grid-template-columns: repeat(3, 33%);
        -ms-grid-columns: 33.33% 33.33% 33.33%;
    }

    .bloc17 .row2 {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        grid-template-columns: repeat(2, 50%);
    }

    .bloc17 .row3 .cont:nth-child(1) {
        -ms-grid-column: 1;
        margin-right: 3%
    }

    .bloc17 .row3 .cont:nth-child(2) {
        -ms-grid-column: 2;
    }

    .bloc17 .row3 .cont:nth-child(3) {
        -ms-grid-column: 3;
    }

    .bloc17 .row .cont {
        margin: 0px 3%;
    }

        .bloc17 .row .cont h4 {
            margin: 20px auto;
        }

.bloc19 {
    margin-bottom: 30px
}

    .bloc19 .text {
        max-width: none;
        margin: 0 auto 35px;
    }

        .bloc19 .text h2,
        .bloc19 .text h3 {
            margin-bottom: 20px
        }

    .bloc19 .row {
        width: 90%;
        position: relative;
        margin: 0 auto;
    }

    .bloc19 .row4 {
        max-width: 1180px;
    }

    .bloc19 .row3 {
        max-width: 887px;
    }

    .bloc19 .row2 {
        max-width: 590px;
    }

    .bloc19 .row {
        margin-top: 0;
        height: 404px;
        position: relative;
        display: block
    }

        .bloc19 .row h4 {
            color: #fff;
            padding: 20px;
        }

        .bloc19 .row img {
            margin: auto;
            position: absolute;
            top: 70px;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            height: 100px
        }

        .bloc19 .row .cont {
            position: absolute;
            margin: 0;
            background: #393F5C;
            height: 280px;
        }

            .bloc19 .row .cont:hover img {
                opacity: 1;
            }

            .bloc19 .row .cont:nth-child(1) {
                height: 279px;
            }

            .bloc19 .row .cont:nth-child(2) {
                height: 197.5px;
                background: #4c516b;
            }

            .bloc19 .row .cont:nth-child(3) {
                height: 116px;
                background: #60657c;
            }

            .bloc19 .row .cont:nth-child(4) {
                height: 116px;
                background: #60657c;
            }

            .bloc19 .row .cont:nth-child(5) {
                height: 197.5px;
                background: #4c516b;
            }

            .bloc19 .row .cont:nth-child(6) {
                height: 279px;
            }


    .bloc19 .row2 {
        max-width: 590px;
    }

        .bloc19 .row2 .cont {
            width: 49%
        }

            .bloc19 .row2 .cont:nth-child(1) {
                top: 0;
                left: 0;
            }

            .bloc19 .row2 .cont:nth-child(2) {
                top: 0;
                right: 0%;
            }

            .bloc19 .row2 .cont:nth-child(3) {
                bottom: 0;
                left: 0;
            }

            .bloc19 .row2 .cont:nth-child(4) {
                bottom: 0;
                right: 0%;
            }

    .bloc19 .row3 {
        max-width: 890px;
    }

        .bloc19 .row3 .cont {
            width: 32.33%
        }

            .bloc19 .row3 .cont:nth-child(1) {
                top: 0;
                left: 0;
            }

            .bloc19 .row3 .cont:nth-child(2) {
                top: 0;
                left: 33.83%;
            }

            .bloc19 .row3 .cont:nth-child(3) {
                top: 0;
                right: 0;
            }

            .bloc19 .row3 .cont:nth-child(4) {
                bottom: 0;
                left: 0%;
            }

            .bloc19 .row3 .cont:nth-child(5) {
                bottom: 0;
                left: 33.83%;
            }

            .bloc19 .row3 .cont:nth-child(6) {
                bottom: 0;
                right: 0;
            }

            .bloc19 .row2 .cont:nth-child(3) h4,
            .bloc19 .row3 .cont:nth-child(4) h4,
            .bloc19 .row .cont:nth-child(5) h4,
            .bloc19 .row .cont:nth-child(6) h4,
            .bloc19 .row .cont:nth-child(7) h4,
            .bloc19 .row .cont:nth-child(8) h4 {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 30px;
                width: 100%;
            }

            .bloc19 .row2 .cont:nth-child(3) img,
            .bloc19 .row3 .cont:nth-child(4) img,
            .bloc19 .row .cont:nth-child(5) img,
            .bloc19 .row .cont:nth-child(6) img {
                top: 0;
                bottom: 90px
            }

/* Blocco Carosello */
.bloc_carosello {
    width: 100%;
    max-width: none;
}

    .bloc_carosello article {
        padding: 50px 0;
        position: relative;
        background: #DCE2E8;
    }

        .bloc_carosello article:nth-child(even) {
            background: #EFF0F2;
        }

            .bloc_carosello article:nth-child(even):before {
                background: linear-gradient(to left bottom, #dbf6ed 50%, transparent 50%);
                z-index: 1;
            }

            .bloc_carosello article:nth-child(even):after {
                background: linear-gradient(to right top, #dbf6ed 50%, transparent 50%);
                z-index: 1;
            }

        .bloc_carosello article:last-child:before {
            background: linear-gradient(to left bottom, #dbf6ed 50%, transparent 50%);
            z-index: 1;
        }

        .bloc_carosello article:last-child:after {
            background: linear-gradient(to right top, #ebfaf5 50%, transparent 50%);
            z-index: 1;
        }

        .bloc_carosello article:last-child {
            padding-bottom: 50px
        }

    .bloc_carosello .row {
        max-width: 1000px;
        width: 75%;
        margin: auto; /* display: grid; */ /* grid-template-columns: 200px 760px; */ /* grid-column-gap: 40px; */
        margin-bottom: 40px;
    }

    .bloc_carosello .cont_carosello {
        max-width: calc(1000px - 0px);
        width: calc(100% - 0px);
        margin: 0 auto 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .15);
    }

.container .carousel-slider .owl-stage-outer {
    border-right: 1px solid #707070;
}

.container .carousel-slider .owl-item {
    padding: 10px;
    border-left: 1px solid #707070;
}

.container .carousel-slider .carousel-slider__item img {
    width: auto;
    margin-bottom: 0px
}

.container .carousel-slider .carousel-slider__caption {
    padding: 0 0px
}

    .container .carousel-slider .carousel-slider__caption .caption {
        font-size: 15px;
        line-height: 17px;
        text-align: center;
        min-height: 40px
    }

.container .carousel-slider .owl-nav .owl-prev {
    left: -65px !important
}

.container .carousel-slider .owl-nav .owl-next {
    right: -65px !important
}

.bloc_carosello .circle {
    width: 225px;
    height: 225px;
    position: absolute;
    left: 50%;
    margin-left: -111px;
    z-index: 10;
    background: #2BA0CB;
    border-radius: 222px;
    text-align: center
}

    .bloc_carosello .circle a {
        color: #fff;
        font-weight: bold;
        display: block;
        width: 100%;
        height: 100%;
    }

    .bloc_carosello .circle span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        line-height: 24px;
        width: 80%;
    }

        .bloc_carosello .circle span img {
            width: 14px;
            margin: 10px auto 0;
        }

.cont_circle {
    text-align: center;
    padding: 30px 0
}

    .cont_circle .link_circle {
        display: inline-block;
        width: 220px;
        height: 220px;
        margin: 20px 15px;
        background-color: #DCE2E8;
        color: #fff;
        border-radius: 100%;
        position: relative;
        font-size: 20px;
        font-weight: bold;
    }

        .cont_circle .link_circle span {
            position: absolute;
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
        }

        .cont_circle .link_circle img {
            display: inline-block;
            margin-top: 15px;
        }

        .cont_circle .link_circle.bkg_arancione {
            background-color: #E6983B;
        }

        .cont_circle .link_circle.bkg_azzurro {
            background-color: #2BA0CB;
        }

        .cont_circle .link_circle.bkg_blu {
            background-color: #4865DD;
        }

        .cont_circle .link_circle.bkg_verde {
            background-color: #04BF86;
        }

.cont_contatti {
    margin: 20px auto 70px
}

    .cont_contatti .row {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(2, 50%);
        -ms-grid-columns: 50% 50%;
    }

        .cont_contatti .row .cont:first-child {
            -ms-grid-column: 1
        }

        .cont_contatti .row .cont:last-child {
            -ms-grid-column: 2
        }

        .cont_contatti .row .cont_txt {
            margin-bottom: 90px;
        }

            .cont_contatti .row .cont_txt:last-child {
                margin-bottom: 0;
            }

        .cont_contatti .row .cont {
            align-self: center;
        }

/* Categorie colore */
.contenitori-primati.bloc1 .cont-title h1,
.contenitori-primati.bloc1 h1,
.contenitori-primati del {
    color: #04BF86
}

.contenitori-primati .titolo {
    background: #04BF86;
    margin-bottom: 100px
}

    .contenitori-primati .titolo.no_bkg::after {
        background: linear-gradient(to right bottom, #04BF86 50%, #fff 50%);
    }

    .contenitori-primati .titolo::after {
        background: linear-gradient(to right bottom, #04BF86 50%, #ECFAF6 50%);
    }

.contenitori-primati .titolo_news::after {
    background: linear-gradient(to right bottom, #04BF86 50%, transparent 50%);
}

.contenitori-primati .bloc_news .row .cont,
.contenitori-primati .bloc12 {
    background: #ECFAF6;
}

.contenitori-primati .bloc15 .row .cont-grid {
    background: #04BF86;
    color: #fff
}

    .contenitori-primati .bloc15 .row .cont-grid a {
        color: #fff
    }

.riempimento .bloc1 .cont-title h1,
.riempimento .bloc1 h1,
.riempimento del {
    color: #E6983B
}

.riempimento .bloc15 .row .cont-grid {
    background: #E6983B;
    color: #fff
}

    .riempimento .bloc15 .row .cont-grid:last-child {
        background: #60657C
    }

    .riempimento .bloc15 .row .cont-grid a {
        color: #fff;
    }

.riempimento .titolo {
    background: #E6983B;
    margin-bottom: 150px;
}

    .riempimento .titolo::after {
        background: linear-gradient(to right bottom, #E6983B 50%, #fdf6ef 50%);
    }

    .riempimento .titolo.no_bkg::after {
        background: linear-gradient(to right bottom, #E6983B 50%, #fff 50%);
    }

.riempimento .titolo_news::after {
    background: linear-gradient(to right bottom, #E6983B 50%, transparent 50%);
}

.riempimento .bloc_news .row .cont,
.riempimento .bloc12 {
    background: #fdf6ef;
}

.private-labelling .bloc1 .cont-title h1,
.private-labelling .bloc1 h1,
.private-labelling del {
    color: #4865DD
}

.private-labelling .titolo {
    background: #4865DD;
    margin-bottom: 150px;
}

    .private-labelling .titolo::after {
        background: linear-gradient(to right bottom, #4865DD 50%, #f1f3fd 50%);
    }

    .private-labelling .titolo.no_bkg::after {
        background: linear-gradient(to right bottom, #4865DD 50%, #fff 50%);
    }

.private-labelling .titolo_news::after {
    background: linear-gradient(to right bottom, #4865DD 50%, transparent 50%);
}

.private-labelling .bloc_news .row .cont,
.private-labelling .bloc12 {
    background: #f1f3fd;
}

.tecnologia-monodose .bloc1 .cont-title h1,
.tecnologia-monodose .bloc1 h1,
.tecnologia-monodose del {
    color: #2BA0CB;
}

.tecnologia-monodose .bloc15 .row .cont-grid {
    background: #2BA0CB;
    color: #fff
}

    .tecnologia-monodose .bloc15 .row .cont-grid a {
        color: #fff;
    }

.tecnologia-monodose .titolo {
    background: #2BA0CB;
    margin-bottom: 150px;
}

    .tecnologia-monodose .titolo::after {
        background: linear-gradient(to right bottom, #2BA0CB 50%, #eef7fa 50%);
    }

    .tecnologia-monodose .titolo.no_bkg::after {
        background: linear-gradient(to right bottom, #2BA0CB 50%, #fff 50%);
    }

.tecnologia-monodose .titolo_news::after {
    background: linear-gradient(to right bottom, #2BA0CB 50%, transparent 50%);
}

.tecnologia-monodose .bloc_news .row .cont,
.tecnologia-monodose .bloc12 {
    background: #eef7fa;
}

::-webkit-input-placeholder {
    color: #393F5C;
}

::-moz-placeholder {
    color: #393F5C;
}

:-ms-input-placeholder {
    color: #393F5C;
}

:-moz-placeholder {
    color: #393F5C;
}

/* VIDEO */
.bloc_video {
    max-width: 1280px;
    margin: 0 auto 200px;
}

    .bloc_video .title {
        padding-top: 150px;
        margin-bottom: 20px;
    }

    .bloc_video .grid {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(12, 1fr);
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .bloc_video .grid .cont:nth-child(2) {
            grid-column: span 6;
            background-color: rgba(57, 63, 92, .1);
            margin-bottom: 20px;
            margin-right: 10px;
            -ms-grid-row: 2;
            -ms-grid-column: 1;
            -ms-grid-column-span: 6;
        }

        .bloc_video .grid .cont:nth-child(3) {
            grid-column: span 6;
            background-color: rgba(57, 63, 92, .1);
            margin-bottom: 20px;
            margin-left: 10px;
            -ms-grid-row: 2;
            -ms-grid-column: 7;
            -ms-grid-column-span: 6;
        }

        .bloc_video .grid .cont:nth-child(1) {
            grid-column: span 12;
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 12;
            margin-bottom: 20px;
            background-color: rgba(57, 63, 92, .1);
        }

        .bloc_video .grid .title_video {
            height: 100px;
            padding: 15px 30px;
            background: #393F5C;
            color: #fff;
            font-size: 22px
        }

        .bloc_video .grid .embed * {
            padding: 15px 30px;
            margin: 0
        }

        .bloc_video .grid .embed figure {
            position: relative;
            height: 0;
            padding: 0;
            padding-bottom: 56.4%;
        }

            .bloc_video .grid .embed figure iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 0;
            }

        .bloc_video .grid .cont_fullscreen .embed figure {
            padding-bottom: 35%;
        }

/* PAGINA NEWS + ARTICOLI */
.cont_news {
    max-width: 1280px;
    margin: 0 auto;
}

    .cont_news .content_text {
        padding-top: 150px;
        margin-bottom: 20px;
    }

    .cont_news .grid-post {
        display: grid;
        display: -ms-grid;
        grid-template-columns: repeat(12, 1fr);
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .cont_news .grid-post div.news {
            background: #EAEAED;
            position: relative;
            margin-bottom: 60px;
            box-sizing: content-box;
        }

            .cont_news .grid-post div.news:first-child {
                grid-column: span 12;
                -ms-grid-row: 1;
                -ms-grid-column: 1;
                -ms-grid-column-span: 12;
            }

            .cont_news .grid-post div.news:nth-child(2) {
                grid-column: span 6;
                -ms-grid-row: 2;
                -ms-grid-column: 1;
                -ms-grid-column-span: 6;
                margin-right: 10px;
            }

            .cont_news .grid-post div.news:nth-child(3) {
                grid-column: span 6;
                -ms-grid-row: 2;
                -ms-grid-column: 7;
                -ms-grid-column-span: 6;
                margin-left: 10px;
            }

            .cont_news .grid-post div.news:nth-child(4) {
                -ms-grid-row: 3;
                -ms-grid-column: 1;
                margin-right: 10px;
            }

            .cont_news .grid-post div.news:nth-child(5) {
                -ms-grid-row: 3;
                -ms-grid-column: 5;
                margin-left: 10px;
                margin-right: 10px;
            }

            .cont_news .grid-post div.news:nth-child(6) {
                -ms-grid-row: 3;
                -ms-grid-column: 9;
                margin-left: 10px;
            }

            .cont_news .grid-post div.news:nth-child(7) {
                -ms-grid-row: 4;
                -ms-grid-column: 1;
                margin-right: 10px;
            }

            .cont_news .grid-post div.news:nth-child(8) {
                -ms-grid-row: 4;
                -ms-grid-column: 5;
                margin-left: 10px;
                margin-right: 10px;
            }

            .cont_news .grid-post div.news:nth-child(9) {
                -ms-grid-row: 4;
                -ms-grid-column: 9;
                margin-left: 10px;
            }


        .cont_news .grid-post div.news {
            grid-column: span 4;
            -ms-grid-column-span: 4;
        }

            .cont_news .grid-post div.news img {
                width: 100%;
                display: none
            }

            .cont_news .grid-post div.news a.news-more-link {
                font-weight: bold;
                position: absolute;
                width: 100%;
                padding: 0 30px;
                left: 0px;
                bottom: 20px;
                text-align: right;
            }

            .cont_news .grid-post div.news h3 {
                padding: 10px 20px 10px;
                font-weight: bold;
                background: rgb(54, 58, 77);
                color: #fff;
                text-transform: uppercase;
            }

                .cont_news .grid-post div.news h3 a {
                    color: #fff;
                }

            .cont_news .grid-post div.news .news-content {
                padding: 10px 20px 40px;
            }

            .cont_news .grid-post div.news:first-child {
                padding-bottom: 0
            }

                .cont_news .grid-post div.news:first-child img,
                .cont_news .grid-post div.news:nth-child(2) img,
                .cont_news .grid-post div.news:nth-child(3) img {
                    display: block;
                }

            .cont_news .grid-post div.news:nth-child(2) h3,
            .cont_news .grid-post div.news:nth-child(3) h3 {
                min-height: 5px;
            }

            .cont_news .grid-post div.news:first-child .news-thumb,
            .cont_news .grid-post div.news:first-child .news-content {
                display: inline-block;
                width: 49.5%;
                vertical-align: top;
            }

        .cont_news .grid-post div.category-private-labelling {
            background: rgba(72, 101, 221, .1)
        }

            .cont_news .grid-post div.category-private-labelling h3 {
                color: rgba(72, 101, 221, 1);
            }

            .cont_news .grid-post div.category-private-labelling:nth-child(2) h3,
            .cont_news .grid-post div.category-private-labelling:nth-child(3) h3 {
                background: rgba(72, 101, 221, 1);
                color: #fff;
            }

            .cont_news .grid-post div.category-private-labelling:first-child h3 {
                background: rgba(72, 101, 221, 1);
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                padding-bottom: 25px
            }

        .cont_news .grid-post div.category-nuovi-concept {
            background: rgba(4, 191, 134, .1)
        }

            .cont_news .grid-post div.category-nuovi-concept h3 {
                color: rgba(4, 191, 134, 1);
            }

            .cont_news .grid-post div.category-nuovi-concept:nth-child(2) h3,
            .cont_news .grid-post div.category-nuovi-concept:nth-child(3) h3 {
                background: rgba(4, 191, 134, 1);
                color: #fff;
            }

            .cont_news .grid-post div.category-nuovi-concept:first-child h3 {
                background: rgba(4, 191, 134, 1);
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                padding-bottom: 25px
            }

        .cont_news .grid-post div.category-riempimento-con-terzi {
            background: rgba(230, 152, 59, .1)
        }

            .cont_news .grid-post div.category-riempimento-con-terzi h3 {
                color: rgba(230, 152, 59, 1);
            }

            .cont_news .grid-post div.category-riempimento-con-terzi:nth-child(2) h3,
            .cont_news .grid-post div.category-riempimento-con-terzi:nth-child(3) h3 {
                background: rgba(230, 152, 59, 1);
                color: #fff;
            }

            .cont_news .grid-post div.category-riempimento-con-terzi:first-child h3 {
                background: rgba(230, 152, 59, 1);
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                padding-bottom: 25px
            }

        .cont_news .grid-post div.category-tecnologia-per-monodose {
            background: rgba(43, 160, 203, .1)
        }

            .cont_news .grid-post div.category-tecnologia-per-monodose h3 {
                color: rgba(43, 160, 203, 1);
            }

            .cont_news .grid-post div.category-tecnologia-per-monodose:nth-child(2) h3,
            .cont_news .grid-post div.category-tecnologia-per-monodose:nth-child(3) h3 {
                background: rgba(43, 160, 203, 1);
                color: #fff;
            }

            .cont_news .grid-post div.category-tecnologia-per-monodose:first-child h3 {
                background: rgba(43, 160, 203, 1);
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                padding-bottom: 25px
            }

.single-post .grad {
    height: 0px
}

.cont_post {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 70px;
    margin-bottom: 150px
}

    .cont_post section {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 10px;
    }

        .cont_post section article {
            grid-column: span 8;
        }

            .cont_post section article .info {
                margin-bottom: 5px;
            }

                .cont_post section article .info * {
                    display: inline-block;
                    width: 69.5%;
                }

                .cont_post section article .info span {
                    text-align: right;
                    width: 29.5%
                }

            .cont_post section article h1 {
                padding: 20px 25px;
                background: rgb(54, 58, 77);
                color: #fff;
                font-size: 1.7em;
                line-height: 1.2em;
                text-transform: uppercase;
            }

            .cont_post section article img.wp-post-image {
                width: 100%;
                margin-bottom: 30px
            }

            .cont_post section article.category-private-labelling h1 {
                background: rgb(72, 101, 221);
                color: #fff
            }

            .cont_post section article.category-nuovi-concept h1 {
                background: rgb(4, 191, 134);
                color: #fff
            }

            .cont_post section article.category-riempimento-con-terzi h1 {
                background: rgb(230, 152, 59);
                color: #fff
            }

            .cont_post section article.category-tecnologia-per-monodose h1 {
                background: rgb(43, 160, 203);
                color: #fff
            }

        .cont_post section aside {
            grid-column: span 4;
            padding-top: 32px;
        }

            .cont_post section aside h4 {
                text-align: center;
                color: #fff;
                background: #393F5C;
                padding: 10px;
                font-weight: bold;
            }

            .cont_post section aside .post-grid {
                padding: 0 !important
            }

                .cont_post section aside .post-grid .item {
                    margin: 0 !important
                }

                .cont_post section aside .post-grid .grid-items .item {
                    margin-top: 5px !important
                }

                .cont_post section aside .post-grid .grid-items .layer-content {
                    padding: 10px 10px;
                }

                    .cont_post section aside .post-grid .grid-items .layer-content div:first-child {
                        font-size: 20px !important;
                        line-height: 26px !important;
                        font-weight: bold;
                    }

                .cont_post section aside .post-grid .grid-items .private-labelling .layer-content div:first-child {
                    color: rgba(72, 101, 221, 1);
                }

                .cont_post section aside .post-grid .grid-items .nuovi-concept .layer-content div:first-child {
                    color: rgba(4, 191, 134, 1);
                }

                .cont_post section aside .post-grid .grid-items .riempimento-con-terzi .layer-content div:first-child {
                    color: rgba(230, 152, 59, 1);
                }

                .cont_post section aside .post-grid .grid-items .tecnologia-per-monodose .layer-content div:first-child {
                    color: rgba(43, 160, 203, 1);
                }

                .cont_post section aside .post-grid .grid-items .layer-content div:nth-child(2) {
                    font-size: 16px !important;
                    line-height: 20px !important
                }

                .cont_post section aside .post-grid .grid-items .layer-content .read_more {
                    font-size: 18px !important;
                    line-height: 24px !important;
                    text-align: right !important;
                    margin-top: 10px
                }

            .cont_post section aside .grid-nav-bottom {
                display: none
            }

/* ARTICOLI */

@media only screen and (max-width: 1280px) {
    nav h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 1.8em
    }

    h2 {
        font-size: 1.5em
    }

    .bloc2 .row4 .cont .box h3 {
        font-size: 20px
    }

    .width-center,
    .width-980 {
        width: 100%;
        max-width: none;
    }

    .bloc1 .row.align-center .cont {
        align-self: normal;
    }

    .bloc1 .row.align-bottom .cont {
        align-self: normal;
    }

    .bloc1 .row.col3 {
        grid-template-rows: auto;
        grid-template-columns: repeat(3, 48%);
        grid-gap: 2%;
        grid-row-gap: 50px;
    }

        .bloc1 .row.col3 .cont:first-child {
            grid-column: 1 / 3;
            grid-row: 1;
        }

        .bloc1 .row.col3 .cont:nth-child(2) {
            grid-column: 1 / 2;
            grid-row: 2;
        }

        .bloc1 .row.col3 .cont:last-child {
            grid-column: 2 / 3;
            grid-row: 2;
        }

    .bloc2 .row.col2 {
        grid-template-columns: 320px auto
    }

    .bloc2 .row.col3 {
        grid-template-columns: repeat(2, 48%);
        grid-gap: 2% 2%;
    }

        .bloc2 .row.col3 .cont:nth-child(2) {
            display: none;
        }

    .bloc2 .row .cont .circle {
        width: 300px;
        height: 300px;
    }

    .bloc2 .row .cont h1 {
        font-size: 1.5em;
        transform: translate(-50%, -35%);
    }

    .bloc2 .row .cont:last-child {
        justify-self: end;
    }

    .bloc2 .row.col3 .cont:last-child p {
        width: 240px;
        height: 240px;
        line-height: 220px
    }

    .bloc2 .row4 {
        margin-top: -70px
    }

        .bloc2 .row4 .cont .box p {
            margin-bottom: 30px
        }

        .bloc2 .row4 .cont .image_svg {
            height: 70px;
            margin-right: 10px;
        }

        .bloc2 .row4 .cont:nth-child(3) .image_svg {
            height: 50px;
        }

        .bloc2 .row4 .cont .box .cont-image a img {
            height: 50px;
        }

    .bloc_carosello .cont_carosello {
        padding: 0 30px
    }

    .container .carousel-slider .carousel-slider__caption .caption {
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        min-height: 70px
    }

    .bloc12 {
        padding-bottom: 80px;
        padding-top: 80px
    }

        .bloc12 .row .cont img {
            margin-top: 55px;
        }

        .bloc12 .row .cont {
            margin-top: 25px;
        }

    .bloc16 .row,
    .bloc16 .row {
        display: block;
    }

    .bloc16 .cont {
        margin: 0;
    }

        .bloc16 .cont .box {
            height: auto !important;
            padding: 20px;
            background: #393F5C !important;
            min-height: 73px
        }

            .bloc16 .cont .box h3 {
                margin: 0;
                padding: 20px 75px 20px 20px;
                font-size: 1.5em;
            }

            .bloc16 .cont .box img {
                opacity: 1;
                height: 40px;
                position: absolute;
                right: 20px;
                top: 20px;
                margin: 0
            }

            .bloc16 .cont .box::after {
                display: none
            }

    .bloc12 .row .cont .link {
    }

    .bloc17 .row {
        width: 100%;
        height: auto;
    }

    .bloc19 .row {
        width: 100%;
        height: auto;
    }

        .bloc19 .row .cont {
            position: relative;
            width: 100%;
            height: auto !important;
            margin-bottom: 10px;
            padding: 0;
            background: #393F5C !important;
            min-height: 73px;
            top: unset !important;
            bottom: unset !important;
            left: unset !important;
            right: unset !important;
        }

            .bloc19 .row .cont h4 {
                position: relative !important;
                padding: 20px 75px 20px 20px !important
            }

            .bloc19 .row .cont img {
                opacity: 1;
                height: 36px;
                position: absolute;
                right: 20px;
                left: unset;
                top: 50% !important;
                bottom: 0px !important;
                margin: 0;
                transform: translateY(-50%);
            }

    .prossimi_eventi .row {
        grid-template-columns: repeat(2, 50%);
    }

        .prossimi_eventi .row .cont:first-child {
            border-bottom: 2px solid #DCE2E8;
        }

        .prossimi_eventi .row .cont:nth-child(2) {
            border-right: 2px solid #DCE2E8;
            border-bottom: 2px solid #DCE2E8;
        }

        .prossimi_eventi .row .cont .text {
            margin: 0;
        }

    .bloc6 .row {
        grid-template-columns: 100%;
    }

        .bloc6 .row .cont {
            padding: 20px 125px 70px;
        }

            .bloc6 .row .cont:last-child {
                padding: 90px 125px 230px;
            }

                .bloc6 .row .cont:last-child::before,
                .bloc6 .row .cont:last-child::after {
                    height: 80px;
                }

    .contenitori-primati .bloc2 .row4 {
        margin-top: 0
    }

    .contenitori-primati .bloc9 .row.order-big-small,
    .contenitori-primati .bloc9 .row.order-small-big {
        grid-template-columns: 100%
    }

    .top-footer .row {
        grid-template-columns: repeat(2, 50%);
    }

        .top-footer .row .footer-widget:nth-child(2) {
            border: 0
        }

    .content_blue form .cont-sand .cont-right {
        max-width: none;
    }

    .bloc17 .row5,
    .bloc17 .row4 {
        grid-template-columns: repeat(3, 33.33%);
    }

    .bloc13 .row .cont h3 {
        font-size: 1.5em;
    }

    .bloc12 .row .cont h3 {
        font-size: 1.5em;
    }

    .bloc12 .row .cont a {
        margin-top: 0
    }
}

@media only screen and (max-width: 980px) {
    nav .cont:nth-child(1):hover,
    nav .cont:nth-child(2):hover {
        background-color: transparent
    }

    nav .cont .menu-widget-header a {
        color: #fff
    }

    header {
        height: 60px;
    }

    h3 {
        font-size: 0.8em;
    }

    header.fixed .menu-center {
        left: 60%;
        transform: translateX(0);
        display: block
    }

    nav {
        padding-top: 55px
    }

        nav .cont {
            padding: 0 6%;
        }

            nav .cont:last-child {
                margin-top: 12px
            }

            nav .cont .grid_center li {
                font-size: 22px;
                line-height: 24px;
            }

                nav .cont .grid_center li .sub-menu li {
                    font-size: 18px;
                    line-height: 22px
                }

    .titolo {
        padding-top: 65px;
        padding-bottom: 0px;
    }

    @media only screen and (max-width: 768px) {
        .bloc1 .row.col2 {
            display: block
        }

            .bloc1 .row.col2 .cont:first-child {
                margin-bottom: 20px
            }

            .bloc1 .row.col2 .cont:last-child img {
                max-width: 50%;
                margin: 0 auto;
                display: block
            }

            .bloc1 .row.col2 .cont:last-child {
                display: block
            }

        .bloc2 .row .cont .circle {
            width: auto;
            height: auto;
            background: none;
            border-radius: 0;
        }

            .bloc2 .row .cont .circle h1 {
                position: relative;
                top: 0;
                left: 0;
                margin: 0;
                transform: none;
                width: 100%;
                max-width: none;
            }

                .bloc2 .row .cont .circle h1 br {
                    display: none
                }

        .bloc2 .row .cont h1 span {
            margin: 0 5px 0 0;
            display: inline-block
        }

            .bloc2 .row .cont h1 span:last-child {
                margin: 0
            }

        .bloc2 .row.col2 .cont:last-child {
            top: 0;
            margin: 20px 0
        }

        .bloc2 .row.col2 {
            display: block;
        }

        .bloc2 .row4 {
            grid-template-columns: repeat(2, 50%);
            margin-top: 0
        }

            .bloc2 .row4 .cont:last-child {
                margin-right: 10px
            }

            .bloc2 .row4 .cont .box::after {
                display: none
            }

            .bloc2 .row4 .cont .box {
                height: 330px !important;
            }

                .bloc2 .row4 .cont .box h3 {
                    font-size: 1.5em
                }

            .bloc2 .row4 .cont {
                margin-bottom: 10px
            }

        .bloc4 .row.col2 {
            width: 100%
        }

        .bloc4 .row.col2,
        .bloc4 .row.col3 {
            grid-template-columns: 100%;
            grid-row-gap: 30px;
        }

            .bloc4 .row.col3 .text {
                width: 100%;
                max-width: none;
            }

            .bloc4 .row.col3 p:first-child img {
                margin: 0 auto
            }

        .bloc5 .cont h2,
        .bloc5 .cont h3 {
            width: 100%
        }

        .bloc6 .row .cont {
            padding: 40px 20px 30px 50px;
        }

            .bloc6 .row .cont:last-child {
                padding: 40px 20px 40px 50px;
            }

        .bloc8 .row.order-small-big {
            grid-template-columns: 100%
        }

            .bloc8 .row.order-small-big .cont {
                grid-column: auto;
                grid-row: auto;
            }

            .bloc8 .row.order-small-big .cont-img img {
                margin: 0 auto
            }

        .bloc11 .row {
            grid-template-columns: 100%;
            grid-row-gap: 70px;
        }

            .bloc11 .row .cont img {
                margin-bottom: 0
            }

        .bloc12 {
            padding-top: 50px;
            padding-bottom: 80px
        }

            .bloc12 .row {
                width: 90%;
                max-width: 90%;
                margin: 0 auto;
                grid-column: auto;
                grid-row: auto;
                grid-template-columns: 90%;
            }

        .bloc13 .row.order-small-big {
            grid-template-columns: 100%;
        }

            .bloc13 .row.order-small-big .cont:last-child {
                grid-row-start: 1;
                grid-row-end: 2
            }

            .bloc13 .row.order-small-big .cont:first-child {
                grid-column: auto;
                grid-row: auto
            }


        /*.bloc_column .row4{height: 1350px}
    .bloc_column .row4 .cont{width: 49%;}
    .bloc_column .row4 .cont:nth-child(1){top:0; left:0;}
    .bloc_column .row4 .cont:nth-child(2){top:0; left:50%;}
    .bloc_column .row4 .cont:nth-child(3){top:340px; left:0%;}
    .bloc_column .row4 .cont:nth-child(4){top:340px; left:50%;}
    .bloc_column .row4 .cont:nth-child(5){bottom:340px; left:0;}
    .bloc_column .row4 .cont:nth-child(6){bottom:340px; left:50%;}
    .bloc_column .row4 .cont:nth-child(7){left:0%;}
    .bloc_column .row4 .cont:nth-child(8){left:50%;}
    .bloc_column .row4 .cont:nth-child(5) h3,
    .bloc_column .row4 .cont:nth-child(6) h3,
    .bloc_column .row4 .cont:nth-child(7) h3,
    .bloc_column .row4 .cont:nth-child(8) h3{position: relative; bottom: unset; left: unset; padding: 0;}
    .bloc_column .row4 .cont .hover img{top: unset; bottom: 70px}*/

        .bloc_column .row4 {
            height: auto
        }

            .bloc_column .row4 .cont {
                height: auto;
                width: 100%;
                position: relative;
                top: unset !important;
                bottom: unset !important;
                left: unset !important;
                margin-bottom: 10px;
            }

                .bloc_column .row4 .cont .box {
                    height: auto !important;
                    padding: 0;
                    position: relative;
                    background: #393F5C !important;
                }

                    .bloc_column .row4 .cont .box h3 {
                        position: relative;
                        color: #393F5C;
                        padding: 20px 30px 20px 30px !important;
                        color: #fff
                    }

                .bloc_column .row4 .cont .hover {
                    opacity: 1;
                    visibility: visible;
                    position: absolute;
                    right: 30px;
                    top: 50%;
                    margin-top: -18px;
                    width: 40px
                }

                    .bloc_column .row4 .cont .hover img {
                        height: 36px;
                        width: auto;
                        position: relative;
                        margin: 0 auto
                    }

        .bloc17 .row5,
        .bloc17 .row4,
        .bloc17 .row3 {
            grid-template-columns: repeat(2, 50%);
        }

        .bloc_center {
            margin-bottom: 50px;
        }

        .bloc_carosello .row {
            display: block
        }

            .bloc_carosello .row img {
                margin: 0 auto 20px
            }

            .bloc_carosello .row img {
                margin: 0 auto 0px
            }

        .container .carousel-slider .carousel-slider__caption .caption {
            min-height: 10px;
        }

        .bloc_news {
            margin-top: 0px
        }

            .bloc_news .row .cont {
                display: block;
                padding: 0
            }

        .cont_contatti .row {
            display: block;
        }

            .cont_contatti .row .cont,
            .cont_contatti .row .cont_txt {
                margin-bottom: 20px;
            }

        .blocLink .row {
            grid-template-columns: 100%;
            grid-row-gap: 20px;
        }

            .blocLink .row .cont {
                margin-bottom: 0
            }

        .logo-footer {
            margin: 0 auto 35px
        }

        .top-footer {
            padding: 40px 35px 20px;
            text-align: left
        }

            .top-footer .row {
                grid-template-columns: repeat(1, 100%);
            }

                .top-footer .row .footer-widget {
                    border: 0;
                    padding-top: 20px
                }

        .blocLink {
            margin-bottom: 40px
        }

        .bloc_video .grid .cont {
            grid-column: span 12;
        }

        .bloc_video .grid .cont_fullscreen .embed figure {
            padding-bottom: 56.4%;
        }

        .cont_news .grid-post div.news {
            grid-column: span 12 !important;
        }

            .cont_news .grid-post div.news:first-child .news-thumb, .cont_news .grid-post div.news:first-child .news-content {
                display: block;
                width: 100%
            }

        .prossimi_eventi .row {
            display: block;
        }

        .bloc15 {
            width: 90%
        }

            .bloc15 .row {
                display: block;
            }

                .bloc15 .row .cont-grid {
                    margin: 15px 0;
                }

                .bloc15 .row .cont {
                    padding: 0px 15px 50px 15px;
                }

                .bloc15 .row img {
                    position: relative;
                    padding: 10px 0px 0px 10px;
                }

        .cont_post section {
            display: block;
        }
    }

    @media only screen and (max-width: 767px) {
        header {
            text-align: left
        }

            header #logo {
				max-width: 170px;
                left: 10px
            }

        h1 {
            font-size: 1em
        }

        .banner img {
            margin-top: 10px;
        }

        .bloc1 {
            margin-top: 5px;
        }

        .bloc8 .row.order-small-big,
        .bloc8 .row.order-big-small {
            display: block
        }

            .bloc8 .row.order-small-big .cont,
            .bloc8 .row.order-big-small .cont {
                margin-bottom: 50px;
            }

                .bloc8 .row.order-small-big .cont img,
                .bloc8 .row.order-big-small .cont img {
                    margin: 0 auto;
                    width: 100%;
                    max-width: 300px;
                }

        .bloc8 .row .circle {
            padding-top: 50%;
            width: 50%;
            margin: 0 auto;
        }

        .bloc8 .row.order-small-big .cont:last-child,
        .bloc8 .row.order-big-small .cont:last-child {
            margin: 0
        }

        .bloc7 {
            margin-bottom: 0px;
        }

            .bloc7 .row {
                grid-template-columns: 100%;
            }

                .bloc7 .row .cont:nth-child(2n+1) {
                    margin-right: 0
                }

                .bloc7 .row .cont:nth-last-of-type(-n+2) {
                    margin-bottom: 20px;
                }

                .bloc7 .row::after {
                    bottom: 0px
                }

        .content_blue form label {
            display: block;
            width: 100%;
            margin-right: 0;
        }

            .content_blue form label:nth-child(even) {
                margin-left: 0;
            }

        .top-footer p {
            font-size: 16px;
            line-height: 22px;
        }

        .bloc14 .row,
        .bloc14 .container_bottom .row {
            display: block
        }

            .bloc14 .row .cont img {
                max-width: 160px;
                width: 85%;
                margin: 0 auto 20px
            }

            .bloc14 .row .cont {
                margin-bottom: 20px
            }

                .bloc14 .row .cont:last-child {
                    margin-bottom: 0
                }

        #post-grid-7896 .item {
            width: 100%
        }
    }

    @media only screen and (max-width: 480px) {
        body {
            font-style: 8px;
        }

        header a {
            font-style: 8px;
        }

        h1 {
            font-size: 1.8em;
            line-height: 1.1em;
        }

        h2 {
            font-size: 1.4em
        }

        header {
            background: #fff
        }

        .grad {
            display: none
        }

        header .menu-center {
            display: auto;
            font-style: 5px;
        }

            header .menu-center .social {
                margin-right: 1px;
            }

        header #Tekni-Plex-txt {
			top: 10px;
            max-width: 100px;
        }

        header .cont-burger {
			top: 7px;
            background: transparent;
        }

        .cont-burger .txt {
            display: none
        }

        #nav-icon {
            margin: 0;
            width: 30px;
            height: 8px;
        }

            #nav-icon span:nth-child(1) {
                top: 1
            }

            #nav-icon span:nth-child(2) {
                top: 6px
            }

            #nav-icon span:nth-child(3) {
                top: 11.5px
            }



        nav {
            overflow: scroll
        }

        .bloc1 {
            margin-bottom: 30px;
        }

            .bloc1 .row {
                margin-bottom: 20px;
            }

                .bloc1 .row.col3 {
                    display: block
                }

                    .bloc1 .row.col3 .cont:nth-child(2) {
                        margin: 40px 0
                    }

                    .bloc1 .row.col3 .cont img {
                        margin: 0 auto;
                    }

        .bloc2 {
            margin-bottom: 0px
        }

            .bloc2 .row.col3 {
                display: block
            }

            .bloc2 .row .cont {
                margin-bottom: 30px
            }

                .bloc2 .row .cont:last-child {
                    display: none
                }

            .bloc2 .row4 {
                display: block
            }

                .bloc2 .row4 .cont .hover {
                    visibility: visible;
                    opacity: 1;
                }

                .bloc2 .row4 .cont:nth-child(1) .box {
                    background: #E6983B;
                }

                .bloc2 .row4 .cont:nth-child(2) .box {
                    background: #4865DD;
                }

                .bloc2 .row4 .cont:nth-child(3) .box {
                    background: #04BF86;
                }

                .bloc2 .row4 .cont:nth-child(4) .box {
                    background: #2BA0CB;
                }

                .bloc2 .row4 .cont:nth-child(5) .box {
                    background: #E6983B;
                }

                .bloc2 .row4 .cont:nth-child(6) .box {
                    background: #4865DD;
                }

                .bloc2 .row4 .cont:nth-child(7) .box {
                    background: #04BF86;
                }

                .bloc2 .row4 .cont:nth-child(8) .box {
                    background: #2BA0CB;
                }

        .bloc3 {
            margin-top: 0;
            margin-bottom: 50px
        }

            .bloc3 .cont_top {
                padding: 20px;
            }

            .bloc3 .cont_bottom {
                width: 200px;
                height: 200px;
                left: 50%;
                margin-left: -100px;
                right: unset;
                bottom: 0
            }

                .bloc3 .cont_bottom img {
                    width: 135px;
                    margin-top: 20px;
                }

        .prossimi_eventi .row {
            display: block
        }

            .prossimi_eventi .row .cont {
                border-right: 2px solid #DCE2E8;
                border-bottom: 2px solid #DCE2E8;
            }

                .prossimi_eventi .row .cont .text {
                    padding: 40px 15px 80px;
                }

                .prossimi_eventi .row .cont:last-child {
                    border-right: 0
                }

        .bloc6 .row .cont {
            padding: 20px 20px 70px
        }

            .bloc6 .row .cont:last-child {
                padding: 150px 20px 230px
            }

        .bloc_column .row4 {
            height: auto;
        }

            .bloc_column .row4 .cont {
                position: relative;
                top: 0 !important;
                left: 0 !important;
                bottom: unset !important;
                margin: 0 0 20px;
                width: 100%;
            }

        .bloc_news .row .cont .text {
            padding: 20px 30px
        }

            .bloc_news .row .cont .text h3 {
                font-size: 1.1em;
                padding: 20px 5px 5px
            }

        .bloc8 .row .circle {
            padding-top: 100%;
            width: 100%;
        }

        .bloc_carosello .cont_carosello {
            width: 90%;
            max-width: none;
            padding: 30px 40px;
        }

        .container .carousel-slider .owl-item {
            border: 0;
            padding: 0px 25px
        }

        .container .carousel-slider .owl-stage-outer {
            border: 0;
        }

        .bloc14 .row .cont img {
            max-width: none;
        }

        .bloc14 .row .cont_icon img {
            max-width: 140px
        }

        #id-6525.arrows-outside .owl-next {
            right: -35px !important
        }

        #id-6525.arrows-outside .owl-prev {
            left: -35px !important;
        }

        .bloc17 .row5,
        .bloc17 .row4,
        .bloc17 .row3,
        .bloc17 .row2 {
            grid-template-columns: 100%;
        }

        .top-footer {
            padding: 0 15px;
            text-align: left;
        }

        .footer {
            margin-top: 0px
        }

        .tecnologia-monodose .bloc15 .row .cont h2 img,
        .tecnologia-monodose .bloc15 .row .cont h3 img {
            width: 80%;
            margin: 0 10%
        }

        .content_pdf .row {
            display: grid;
            grid-template-columns: auto 110px;
            grid-column-gap: 20px;
        }

        .prossimi_eventi {
            width: 90%
        }
    }

    @media only screen and (max-width: 479px) {
        .bloc16 .cont .box h3 {
            padding: 20px;
            text-align: center;
            font-size: 1em
        }

        .bloc16 .cont .box img {
            position: relative;
            margin: 0 auto 20px;
            right: unset;
            top: unset;
            height: 50px;
        }

        .bloc6 .row .cont {
            padding: 40px 20px 30px 50px;
            position: relative
        }

        .titolo {
            padding-top: 100px;
            padding-bottom: 0px;
        }
            .bloc6 .row .cont:last-child {
                padding: 40px 20px 40px 50px;
                background-color: #8F929C;
                color: #fff
            }
    }