@charset "UTF-8";
/*Umbraco rewrite*/

.umb-grid .container {
    margin: 0;
    padding: 0;
}

/*End umbraco rewrite*/

.loader-active {
    position: relative;
}

    .loader-active .loader-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.toggle-password-container {
    position: relative;
}

.toggle-password {
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 10px;
}

@media (max-width: 767px) {
    .toggle-password {
        position: absolute;
        top: 2px;
        right: 8px;
    }
}

.loader-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}

    .loader-container .circular {
        -webkit-animation: rotate 2s linear infinite;
        -moz-animation: rotate 2s linear infinite;
        -o-animation: rotate 2s linear infinite;
        animation: rotate 2s linear infinite;
        height: 50px;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        width: 50px;
        margin: auto;
    }

    .loader-container .path {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        -webkit-animation: dash 1.5s ease-in-out infinite;
        -moz-animation: dash 1.5s ease-in-out infinite;
        -o-animation: dash 1.5s ease-in-out infinite;
        animation: dash 1.5s ease-in-out infinite;
        stroke-linecap: round;
        stroke: #fff;
    }

    .loader-container.fadein {
        -webkit-animation: fadein 0.3s ease-in;
        -moz-animation: fadein 0.3s ease-in;
        -o-animation: fadein 0.3s ease-in;
        animation: fadein 0.3s ease-in;
    }

    .loader-container.fadeout {
        -webkit-animation: fadeout 0.3s ease-in;
        -moz-animation: fadeout 0.3s ease-in;
        -o-animation: fadeout 0.3s ease-in;
        animation: fadeout 0.3s ease-in;
    }

    .loader-container:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-moz-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-o-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

body {
    min-width: 320px;
}

a:not([class]), a:not([class]):hover {
    text-decoration: none;
    color: #ee3224;
    -webkit-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

    a:not([class]):hover, a:not([class]):hover:hover {
        color: #ee3224;
    }

a.underline {
    color: inherit;
    text-decoration: underline;
}

a.black {
    color: black;
    font-weight: 500;
}

a.no-style {
    color: inherit;
}

ul.no-style {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.no-style li {
        padding: 0;
    }

.heading-row {
    height: 500px;
}

@media screen and (max-width: 768px) {
    .heading-row {
        height: 400px;
    }
}

@media screen and (max-width: 468px) {
    .heading-row {
        height: 300px;
    }
}

.bg-image {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.slick-dots {
    text-align: center;
}

    .slick-dots li {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
    }

        .slick-dots li.slick-active button {
            width: 14px;
            height: 14px;
            border: 2px solid #655c54;
            background: transparent;
        }

    .slick-dots button {
        outline: none;
        background: #aba69e;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        line-height: 0;
        font-size: 0;
        height: 10px;
        width: 10px;
        padding: 0;
        border: none;
    }

@media screen and (max-width: 767px) {
    .tick-list li:before {
        top: 0;
    }
}

[data-bg] {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.search-container {
    max-width: 320px;
    width: 100%;
    position: relative;
}

    .search-container .form-control {
        width: 100%;
        max-width: none;
        height: 44px;
        color: #666;
        line-height: 44px;
        padding-right: 45px;
    }

    .search-container .search-icon-box {
        position: absolute;
        top: 4px;
        right: 4px;
        bottom: 4px;
        width: 38px;
        height: 38px;
        background-color: #ee3224;
        color: white;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.arrows-ul {
    list-style: none;
    padding-left: 0;
}

    .arrows-ul li {
        position: relative;
        padding-left: 20px;
    }

        .arrows-ul li::before {
            position: absolute;
            content: "\e921";
            left: 0;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            top: 10px;
            font-size: 8px;
            color: #ee3224;
            font-family: "icomoon" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

.sidebar ul.arrows-ul li::before {
    font-size: 5px;
}

.slick-slider-center {
    position: relative;
}

    .slick-slider-center:not(.slick-initialized) > * {
        max-width: 480px;
        margin: auto;
    }

    .slick-slider-center .prev-arrow, .slick-slider-center .next-arrow {
        position: absolute;
        top: 105px;
        background-color: #333;
        width: 70px;
        height: 150px;
        color: white;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 30px;
        z-index: 1;
        cursor: pointer;
    }

    .slick-slider-center .prev-arrow {
        left: -webkit-calc(24.5% - 80px);
        left: -moz-calc(24.5% - 80px);
        left: calc(24.5% - 80px);
    }

    .slick-slider-center .next-arrow {
        right: -webkit-calc(24.5% - 70px);
        right: -moz-calc(24.5% - 70px);
        right: calc(24.5% - 70px);
    }

    .slick-slider-center .slick-slide {
        outline: none;
    }

    .slick-slider-center .slick-slide, .slick-slider-center .slide-text {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .slick-slider-center .slick-slide:not(.slick-active) {
            opacity: 0.4;
        }

            .slick-slider-center .slick-slide:not(.slick-active) img {
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
            }

            .slick-slider-center .slick-slide:not(.slick-active) .slide-text {
                opacity: 0;
            }

.two-col-layout {
    margin-top: 35px;
    margin-bottom: 100px;
}

a[data-readmore-toggle] {
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}

.list-column {
    width: 100%;
    margin-top: 10px;
}

ul.arrows-ul {
    margin-top: 7px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
}

    ul.arrows-ul li {
        margin-bottom: 3px;
        display: block;
        -webkit-transition: background-color 0.15s ease-in-out;
        -o-transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        padding: 3px 5px 3px 25px;
        max-width: 230px;
        padding-right: 20px;
    }

        ul.arrows-ul li:hover {
            background-color: #f4f4f4;
            font-weight: 700;
        }

            ul.arrows-ul li:hover a, ul.arrows-ul li:hover a:hover {
                color: black;
            }

        ul.arrows-ul li:before {
            left: 10px;
            top: 10px;
            font-size: 8px;
        }

        ul.arrows-ul li a {
            display: block;
            color: #666;
        }

.product-detail > * {
    opacity: 0;
    transition: all 0.4s;
}

.product-detail.active > * {
    opacity: 1;
}

.detail-page .product-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .detail-page .product-detail .followme {
        width: 49%;
    }

.followme {
    position: static;
    position: -webkit-sticky;
    position: sticky;
    width: 49%;
    top: 50px;
    left: 0;
}

    .followme.sticky {
        position: fixed;
        top: 50px;
    }

    .followme.bottom {
        position: absolute;
        bottom: 0;
    }

.slick-slide {
    outline: none;
}

.rich-select {
    margin-bottom: 20px;
}

    .rich-select.rs-open .rs-options {
        opacity: 1;
        visibility: visible;
    }

    .rich-select.rs-open .rs-icon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .rich-select .rs-current-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        border: 1px solid #ccc;
        padding: 11px 12px;
        -webkit-box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
        box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .rich-select .rs-options-container {
        position: relative;
    }

    .rich-select .rs-options {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border: 1px solid #ccc;
        opacity: 0;
        visibility: hidden;
        background-color: white;
        z-index: 1;
        -webkit-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
    }

    .rich-select .rs-current {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .rich-select .rs-option {
        cursor: pointer;
        padding: 15px;
        border-bottom: 1px solid #ccc;
    }

        .rich-select .rs-option:hover {
            background-color: #fafafa;
        }

        .rich-select .rs-option:not(:last-child) {
            border-bottom: 1px solid #ccc;
        }

.nicescroll-rails {
    -webkit-transform: translate(-20px) scaleY(0.9);
    -moz-transform: translate(-20px) scaleY(0.9);
    -ms-transform: translate(-20px) scaleY(0.9);
    -o-transform: translate(-20px) scaleY(0.9);
    transform: translate(-20px) scaleY(0.9);
}

.page-header {
    margin: 0;
    padding: 0;
    z-index: 999999;
    position: relative;
    border-bottom: 1px solid #f7f7f7;
}

    .page-header .logo-container {
        position: relative;
        z-index: 1;
        padding-right: 30px;
        /* padding-bottom: 20px; */
    }

    /* .page-header .logo-container:before {
            content: "";
            display: block;
            position: absolute;
            top: -43px;
            background: white;
            left: -30px;
            right: 0px;
            bottom: 0;
            z-index: -1;
        } */

    .page-header .grey-header {
        background-color: #f3f0eb;
        height: 36px;
    }

        .page-header .grey-header a {
            color: #999999;
            font-size: 12px;
            text-transform: uppercase;
            margin-right: 50px;
            line-height: 36px;
            font-weight: 700;
        }

            .page-header .grey-header a:last-child {
                margin-right: 0;
            }

    .page-header .height-100p {
        height: 100%;
    }

    .page-header .main-header {
        background-color: white;
        height: 74px;
    }

        .page-header .main-header .links {
            border-left: 1px solid #ccc;
            min-height: 38px;
            margin-top: 5px;
        }

            .page-header .main-header .links li {
                font-size: 18px;
                font-weight: 700;
                margin-left: 25px;
                margin-right: 25px;
            }

            .page-header .main-header .links a:not(:hover) {
                color: black;
            }

    .page-header .dropdown-opener {
        margin-left: 5px;
    }

.breadcrumb {
    min-height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: white;
    -webkit-box-shadow: 0.5px 3px 7px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0.5px 3px 7px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0.5px 3px 7px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 0;
}

    .breadcrumb li {
        font-size: 13px;
    }

        .breadcrumb li:after {
            content: "/";
            display: inline-block;
            margin-left: 10px;
            margin-right: 10px;
        }

        .breadcrumb li:last-child:after {
            content: none;
        }

    .breadcrumb a {
        color: #666;
    }

.sidebar {
    margin-top: 10px;
}

    .sidebar .title2 {
        margin-bottom: 15px;
    }

    .sidebar .search-icon-box {
        background-color: #333333;
    }

    .sidebar .search-container {
        margin-bottom: 35px;
    }

    .sidebar .main-category {
        font-weight: 700;
        text-transform: uppercase;
    }

        .sidebar .main-category .category-link {
            margin-top: 15px;
        }

        .sidebar .main-category a {
            color: black;
        }

    .sidebar .sub-category {
        margin-left: 30px;
        font-weight: 500;
        text-transform: none;
    }

        .sidebar .sub-category .category-link {
            margin-top: 10px;
        }

    .sidebar .category-link .icon {
        margin-right: 7px;
        font-size: 8px;
        padding: 4px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: black;
        position: relative;
        top: -2px;
        padding-left: 6px;
        padding-right: 6px;
    }

        .sidebar .category-link .icon.open {
            background-color: #ee3224;
            border-color: #ee3224;
            color: white;
        }

    .sidebar nav {
        margin-bottom: 56px;
    }

.sidebar-block {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #333333;
    padding: 20px 25px;
    color: #999999;
    margin-bottom: 20px;
    font-size: 13px;
}

    .sidebar-block .block-title {
        font-size: 18px;
        color: white;
        margin-top: -5px;
    }

    .sidebar-block .block-icon {
        font-size: 70px;
        color: #ee3224;
        margin-right: 25px;
    }

    .sidebar-block a.arrow-btn {
        margin-top: 15px;
        color: #e3e3e3;
        border-color: #777777;
    }

.contact-form {
    padding: 125px 0;
}

    .contact-form > .container {
        max-width: 1230px;
        overflow: hidden;
    }

    .contact-form header {
        max-width: 480px;
        width: 100%;
    }

    .contact-form .title {
        line-height: 1.3;
    }

    .contact-form .form-column {
        max-width: 630px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact-form .form-item {
        max-width: 300px;
        width: 100%;
    }

        /*.contact-form .form-item:nth-child(odd) {
            margin-right: 30px;
        }*/

        .contact-form .form-item.width-100p {
            width: 100%;
            max-width: none;
            margin-right: 0;
        }

            .contact-form .form-item.width-100p .form-control {
                max-width: none;
            }

    .contact-form .checkbox-container .form-label {
        font-weight: 400;
        color: #777;
        margin-left: 0;
        cursor: pointer;
        max-width: 390px;
    }

        .contact-form .checkbox-container .form-label a {
            color: #777;
            text-decoration: underline;
        }

    .contact-form .btn {
        margin-top: 5px;
        border-color: black;
        min-width: 250px;
    }

.page-footer {
    color: black;
    font-weight: 400;
    padding: 90px 0 50px 0;
}

    .page-footer .second-footer {
        margin-top: 100px;
        color: #999;
        font-size: 14px;
    }

    .page-footer .newsletter-form {
        position: relative;
    }

        .page-footer .newsletter-form input {
            width: 100%;
            max-width: none;
            border: none;
            border-bottom: 1px solid black;
            padding: 10px 0;
            padding-right: 50px;
            outline: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .page-footer .newsletter-form input.errorF {
                border-bottom: 1px solid #ee3224;
            }

            .page-footer .newsletter-form input::-webkit-input-placeholder {
                font-size: 18px;
                font-weight: 700;
                color: black;
            }

            .page-footer .newsletter-form input::-moz-placeholder {
                font-size: 18px;
                font-weight: 700;
                color: black;
            }

            .page-footer .newsletter-form input:-ms-input-placeholder {
                font-size: 18px;
                font-weight: 700;
                color: black;
            }

            .page-footer .newsletter-form input::-ms-input-placeholder {
                font-size: 18px;
                font-weight: 700;
                color: black;
            }

            .page-footer .newsletter-form input:-moz-placeholder {
                font-size: 18px;
                font-weight: 700;
                color: black;
            }

            .page-footer .newsletter-form input::placeholder {
                font-size: 18px;
                font-weight: 700;
                color: black;
            }

        .page-footer .newsletter-form .arrow-btn {
            position: absolute;
            right: 0;
            top: 5px;
        }

    .page-footer .small-grey {
        font-size: 14px;
        color: #999;
        margin-top: 15px;
        /*max-width: 230px;*/
        line-height: 1.6;
    }

    .page-footer .checkbox-container {
        margin-top: 10px;
        margin-bottom: 0;
    }

        .page-footer .checkbox-container a {
            color: inherit;
        }

    .page-footer .margin-right {
        margin-right: 20px;
    }

.blog-articles-container {
    max-width: 100%;
    width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
    margin-bottom: 95px;
}

.single-article-block {
    width: 29%;
    cursor: pointer;
    display: inline-block;
    margin-right: 76px;
}

    .single-article-block:last-child {
        margin-right: 0;
    }

    .single-article-block .article-img {
        margin-bottom: 30px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        display: block;
    }

    .single-article-block .article-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        color: #000;
        margin-bottom: 10px;
        position: relative;
        display: block;
    }

        .single-article-block .article-title::before {
            content: "";
            position: absolute;
            height: 100%;
            width: 5px;
            background-color: #ee3224;
            left: -30px;
            top: 0;
            -webkit-transform: scaleY(0);
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -o-transform: scaleY(0);
            transform: scaleY(0);
            opacity: 0;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
            -moz-transition: all 0.4s;
            transition: all 0.4s;
        }

    .single-article-block .article-text {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        margin-bottom: 25px;
        display: block;
    }

    .single-article-block .article-data {
        color: #999;
        font-size: 14px;
        display: block;
    }

    .single-article-block:hover, .single-article-block:focus {
        text-decoration: none;
    }

        .single-article-block:hover .article-img, .single-article-block:focus .article-img {
            -webkit-transform: translateY(20px);
            -moz-transform: translateY(20px);
            -ms-transform: translateY(20px);
            -o-transform: translateY(20px);
            transform: translateY(20px);
        }

        .single-article-block:hover .article-title::before, .single-article-block:focus .article-title::before {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);
            opacity: 1;
        }

.article-content {
    margin-left: 30px;
    display: block;
}

.blog-blog-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    color: #000;
    position: relative;
    margin-bottom: 65px;
}

    .blog-blog-title::after {
        content: "";
        background-color: #ee3224;
        position: absolute;
        bottom: -15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100px;
        height: 3px;
    }

.btn {
    display: inline-block;
    padding: 15px;
    text-align: center;
    border: 1px solid #bbbbbb;
    color: black;
    min-width: 150px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    white-space: initial;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all;
    text-transform: uppercase;
}

.btn, a.btn {
    color: black;
}

    .btn.active, .btn:active, .btn.active.focus, .btn.active:focus, .btn.active:hover, .btn:active.focus, .btn:active:focus, .btn:active:hover, .btn:hover, .btn.focus, .btn:focus, a.btn.active, a.btn:active, a.btn.active.focus, a.btn.active:focus, a.btn.active:hover, a.btn:active.focus, a.btn:active:focus, a.btn:active:hover, a.btn:hover, a.btn.focus, a.btn:focus {
        background-color: #212121;
        color: white;
    }

.btn-small {
    font-size: 13px;
    padding: 10px 15px;
}

.btn-primary {
    background-color: transparent;
}

.btn-lg {
    padding: 18px 55px;
}

.btn-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (max-width: 767px) {
    .btn {
        font-size: 16px;
    }

    .detail-page .product-detail .followme {
        width: 100%;
        position: static;
    }

    .btn-lg {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.arrow-btn {
    display: inline-block;
    width: 40px;
    height: 30px;
    background-color: transparent;
    border: 1px solid #bbbbbb;
    line-height: 30px;
    text-align: center;
}

a.arrow-btn {
    color: inherit;
    text-decoration: none;
}

.form-control {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    -webkit-box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
    box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.07);
    color: black;
    font-size: 20px;
}

.form-control {
    max-width: 300px;
}

select.form-control {
    max-width: 100%;
}

textarea.form-control {
    height: 140px;
    resize: vertical;
    min-height: 140px;
}

.errorF, .errorF.jcf-checkbox, .errorF.jcf-select, .errorF.jcf-select.jcf-select-form-control {
    border: 1px solid #ee3224;
}

.errorL {
    color: #ee3224;
}

label {
    margin-bottom: 0;
    font-weight: normal;
}

input[type=submit] {
    outline: none;
}

.resize-none {
    resize: none;
}

.form-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

    .form-item .form-label {
        display: inline-block;
        min-width: 150px;
        margin-top: 6px;
        margin-bottom: 5px;
        margin-left: 10px;
        font-size: 14px;
        font-weight: 700;
        color: #333;
    }

    .form-item.checkbox-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .form-item.checkbox-container .form-label {
            width: auto;
            margin-top: 0;
            font-size: 12.8px;
            font-weight: normal;
            color: #777777;
            margin-left: 0;
            cursor: pointer;
        }

        .form-item.checkbox-container .jcf-checkbox {
            margin-top: 2px;
        }

.space-label:before {
    content: "";
    min-width: 150px;
}

@media screen and (max-width: 767px) {
    .form-control {
        font-size: 16px;
    }

    .form-control, .jcf-select-form-control {
        max-width: none;
    }

    .form-item {
        margin-bottom: 13px;
    }

        .form-item .form-label {
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 3px;
            font-weight: 700;
        }

        .form-item.checkbox-container .form-label {
            font-weight: normal;
        }
}

.jcf-checkbox {
    border-color: #ccc;
}

.jcf-checkbox {
    min-width: 14px;
    width: 14px;
    min-height: 14px;
    height: 14px;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
}

    .jcf-checkbox span {
        height: 4.66666px;
        width: 10px;
        top: 5.8px;
        left: 6.9px;
        border-color: black;
        border-width: 0 0 2.4px 2.4px;
    }

    .jcf-checkbox.jcf-focus > * {
        border-color: black !important;
    }

.jcf-radio, .jcf-radio > * {
    cursor: pointer;
}

.jcf-focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(102, 175, 233, 0.6);
}

.jcf-radio span {
    background: transparent;
}

.jcf-select {
    margin-bottom: 0;
}

    .jcf-select.jcf-select-form-control {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        display: block;
        width: 100%;
        padding: 6px 12px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s;
        -moz-transition: border-color ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s;
    }

    .jcf-select.jcf-focus {
        border-color: #66afe9 !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

        .jcf-select.jcf-focus .jcf-select-opener {
            border-left-color: #ccc !important;
        }

    .jcf-select .jcf-select-text {
        margin-left: 0;
        line-height: 36px;
        font-size: 16px;
    }

    .jcf-select .jcf-select-opener {
        width: 35px;
        border-left: 1px solid #ccc;
        background: none;
        line-height: 42px;
        -webkit-transition: line-height 0.15s ease-in-out;
        -o-transition: line-height 0.15s ease-in-out;
        -moz-transition: line-height 0.15s ease-in-out;
        transition: line-height 0.15s ease-in-out;
    }

        .jcf-select .jcf-select-opener:after {
            content: "";
            display: inline-block;
            height: 10px;
            width: 10px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            transition: -webkit-transform 0.15s ease-in-out;
            -webkit-transition: -webkit-transform 0.15s ease-in-out;
            -o-transition: -o-transform 0.15s ease-in-out;
            -moz-transition: transform 0.15s ease-in-out, -moz-transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -moz-transform 0.15s ease-in-out, -o-transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
            border-bottom: 2px solid #999;
            border-right: 2px solid #999;
        }

    .jcf-select.jcf-drop-active .jcf-select-opener {
        line-height: 42px;
    }

        .jcf-select.jcf-drop-active .jcf-select-opener:after {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

.jcf-list {
    font-size: 14px;
}

    .jcf-list .jcf-option {
        min-height: 35px;
        line-height: 25px;
    }

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #ccc;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    height: 3px;
    background: none;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    width: 9px;
    margin-left: 3px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.photo-upload-component .dropzone-element {
    background-image: -moz- oldlinear-gradient(left, #e6e6e6 65%, transparent 35%), -moz- oldlinear-gradient(left, #e6e6e6 65%, transparent 35%), -moz- oldlinear-gradient(top, #e6e6e6 65%, transparent 35%), -moz- oldlinear-gradient(top, #e6e6e6 65%, transparent 35%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, #e6e6e6), color-stop(35%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(65%, #e6e6e6), color-stop(35%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(65%, #e6e6e6), color-stop(35%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(65%, #e6e6e6), color-stop(35%, transparent));
    background-image: -webkit-linear-gradient(left, #e6e6e6 65%, transparent 35%), -webkit-linear-gradient(left, #e6e6e6 65%, transparent 35%), -webkit-linear-gradient(top, #e6e6e6 65%, transparent 35%), -webkit-linear-gradient(top, #e6e6e6 65%, transparent 35%);
    background-image: -moz-linear-gradient(left, #e6e6e6 65%, transparent 35%), -moz-linear-gradient(left, #e6e6e6 65%, transparent 35%), -moz-linear-gradient(top, #e6e6e6 65%, transparent 35%), -moz-linear-gradient(top, #e6e6e6 65%, transparent 35%);
    background-image: -o-linear-gradient(left, #e6e6e6 65%, transparent 35%), -o-linear-gradient(left, #e6e6e6 65%, transparent 35%), -o-linear-gradient(top, #e6e6e6 65%, transparent 35%), -o-linear-gradient(top, #e6e6e6 65%, transparent 35%);
    background-image: linear-gradient(to right, #e6e6e6 65%, transparent 35%), linear-gradient(to right, #e6e6e6 65%, transparent 35%), linear-gradient(to bottom, #e6e6e6 65%, transparent 35%), linear-gradient(to bottom, #e6e6e6 65%, transparent 35%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    -webkit-background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
    -moz-background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
    background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
    padding: 25px 15px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
}

    .photo-upload-component .dropzone-element.dz-drag-hover {
        background-image: -moz- oldlinear-gradient(left, #31c03b 65%, transparent 35%), -moz- oldlinear-gradient(left, #31c03b 65%, transparent 35%), -moz- oldlinear-gradient(top, #31c03b 65%, transparent 35%), -moz- oldlinear-gradient(top, #31c03b 65%, transparent 35%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, #31c03b), color-stop(35%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(65%, #31c03b), color-stop(35%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(65%, #31c03b), color-stop(35%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(65%, #31c03b), color-stop(35%, transparent));
        background-image: -webkit-linear-gradient(left, #31c03b 65%, transparent 35%), -webkit-linear-gradient(left, #31c03b 65%, transparent 35%), -webkit-linear-gradient(top, #31c03b 65%, transparent 35%), -webkit-linear-gradient(top, #31c03b 65%, transparent 35%);
        background-image: -moz-linear-gradient(left, #31c03b 65%, transparent 35%), -moz-linear-gradient(left, #31c03b 65%, transparent 35%), -moz-linear-gradient(top, #31c03b 65%, transparent 35%), -moz-linear-gradient(top, #31c03b 65%, transparent 35%);
        background-image: -o-linear-gradient(left, #31c03b 65%, transparent 35%), -o-linear-gradient(left, #31c03b 65%, transparent 35%), -o-linear-gradient(top, #31c03b 65%, transparent 35%), -o-linear-gradient(top, #31c03b 65%, transparent 35%);
        background-image: linear-gradient(to right, #31c03b 65%, transparent 35%), linear-gradient(to right, #31c03b 65%, transparent 35%), linear-gradient(to bottom, #31c03b 65%, transparent 35%), linear-gradient(to bottom, #31c03b 65%, transparent 35%);
        background-position: left top, left bottom, left top, right top;
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        -webkit-background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
        -moz-background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
        background-size: 18px 3px, 18px 3px, 3px 18px, 3px 18px;
    }

    .photo-upload-component .dropzone-element > * {
        pointer-events: none;
    }

    .photo-upload-component .dropzone-element .icon {
        display: block;
        font-size: 35px;
        margin-bottom: 10px;
    }

.photo-upload-component .images-preview {
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.photo-upload-component .dz-preview {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

    .photo-upload-component .dz-preview > div:not(.dz-image) {
        display: none;
    }

    .photo-upload-component .dz-preview .dz-remove {
        background: rgba(255, 255, 255, 0.7);
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .photo-upload-component .dz-preview .dz-remove:after {
            content: "";
            font-family: "icomoon";
            font-size: 40px;
            color: black;
        }

    .photo-upload-component .dz-preview:hover .dz-remove {
        -webkit-box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

.photo-upload-component .hidden-flex {
    visibility: hidden;
    margin: 0;
    height: 0;
    width: 140px;
}

@media screen and (max-width: 1024px) {
    .photo-upload-component .dz-preview .dz-remove {
        opacity: 1;
        padding: 5px;
        height: 30px;
        width: 30px;
        border: 1px solid #ccc;
        top: auto;
        right: auto;
        background: white;
    }

        .photo-upload-component .dz-preview .dz-remove:after {
            font-size: 20px;
        }
}

@media screen and (max-width: 767px) {
    .photo-upload-component .dropzone-element {
        padding: 20px;
    }

    .photo-upload-component .hidden-flex {
        width: 70px;
    }

    .photo-upload-component .dz-preview {
        width: 60px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

        .photo-upload-component .dz-preview img {
            width: 60px;
        }
}

.language-select-component {
    width: 120px;
    position: relative;
}

    .language-select-component .icon-map {
        margin-right: 15px;
        font-size: 25px;
    }

    .language-select-component .language-select {
        line-height: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }

    .language-select-component .language-select-opener {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
    }

        .language-select-component .language-select-opener:after {
            content: "";
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            border-bottom: 2px solid black;
            border-right: 2px solid black;
            transition: top 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
            -webkit-transition: top 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
            -o-transition: top 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
            -moz-transition: transform 0.4s ease-in-out, top 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out, top 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out, top 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out, top 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: center;
            -moz-transform-origin: center;
            -ms-transform-origin: center;
            -o-transform-origin: center;
            transform-origin: center;
        }

    .language-select-component .current-lang {
        height: 11px;
        width: 14px;
        margin-right: 15px;
        line-height: 0;
        display: inline-block;
        pointer-events: none;
    }

        .language-select-component .current-lang a {
            display: block;
        }

    .language-select-component .lang-list {
        position: absolute;
        right: 23px;
        top: 30px;
        background: white;
        display: block;
        border: 1px solid #ccc;
        width: 45px;
        opacity: 0;
        visibility: hidden;
    }

        .language-select-component .lang-list a {
            height: 32px;
            display: block;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .language-select-component .lang-list a:first-child {
                padding-top: 10px;
            }

            .language-select-component .lang-list a:last-child {
                padding-bottom: 10px;
            }

            .language-select-component .lang-list a img {
                display: block;
                margin: auto;
            }

    .language-select-component.active .lang-list {
        opacity: 1;
        visibility: visible;
    }

    .language-select-component.active .language-select-opener:after {
        top: 5px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.accordion .accordion-item {
    overflow: hidden;
}

    .accordion .accordion-item .item-opener {
        cursor: pointer;
    }

    .accordion .accordion-item .hidden-section {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.4s ease-in-out;
        -o-transition: max-height 0.4s ease-in-out;
        -moz-transition: max-height 0.4s ease-in-out;
        transition: max-height 0.4s ease-in-out;
    }

.modal.fade .modal-dialog {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.modal.in {
    z-index: 99999;
}

.modal-open .modal {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-open .modal-dialog {
    max-width: 50vw;
    min-width: 600px;
    width: 100%;
}

.modal-open .modal-content {
    max-height: 90vh;
    height: 100%;
    position: relative;
}

.modal-open .modal-body {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 73vh;
}

@media screen and (max-width: 767px) {
    .modal-open .modal-dialog {
        min-width: 0;
        max-width: none;
    }
}

.yb-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .yb-grid .single-element {
        width: -webkit-calc((100% / 3) - 16.66667px);
        width: -moz-calc((100% / 3) - 16.66667px);
        width: calc((100% / 3) - 16.66667px);
        margin-bottom: 24px;
        margin-right: 24px;
    }

        .yb-grid .single-element:nth-child(3n) {
            margin-right: 0;
        }

    .yb-grid.square-blocks .single-element {
        padding-top: -webkit-calc((100% / 3) - 16.66667px);
        padding-top: -moz-calc((100% / 3) - 16.66667px);
        padding-top: calc((100% / 3) - 16.66667px);
    }

@media screen and (max-width: 991px) {
    .yb-grid .single-element {
        width: -webkit-calc((100% / 2) - 12.5px);
        width: -moz-calc((100% / 2) - 12.5px);
        width: calc((100% / 2) - 12.5px);
    }

        .yb-grid .single-element:nth-child(2n + 1) {
            margin-right: 24px;
        }

        .yb-grid .single-element:nth-child(2n) {
            margin-right: 0;
        }

    .yb-grid.square-blocks .single-element {
        padding-top: -webkit-calc((100% / 2) - 12.5px);
        padding-top: -moz-calc((100% / 2) - 12.5px);
        padding-top: calc((100% / 2) - 12.5px);
    }
}

@media screen and (max-width: 767px) {
    .yb-grid .single-element {
        width: 100%;
    }

        .yb-grid .single-element:nth-child(1n + 1) {
            margin-right: 24px;
        }

        .yb-grid .single-element:nth-child(1n) {
            margin-right: 0;
        }

    .yb-grid.square-blocks .single-element {
        padding-top: 100%;
    }
}

body .row {
    margin: 0;
}

@media screen and (min-width: 768px) {
    [class^="col-"] {
        padding: 0;
    }
}

.container {
    max-width: 1470px;
    width: 100%;
}

p:last-child {
    margin-bottom: 0;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.lg-no-gutter {
    padding-left: 0;
    padding-right: 0;
}

.lg-gutter {
    padding-left: 15px;
    padding-right: 15px;
}

.lg-block {
    display: block;
}

.lg-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.form-items-lg-block .form-item {
    display: block;
}

    .form-items-lg-block .form-item.space-label:before {
        display: none;
    }

.form-items-lg-flex .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .form-items-lg-flex .form-item.space-label:before {
        display: block;
    }

    .form-items-lg-flex .form-item.checkbox-container, .form-items-lg-block .form-item.checkbox-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

@media screen and (max-width: 1199px) {
    .md-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }

    .md-gutter {
        padding-left: 15px;
        padding-right: 15px;
    }

    .md-block {
        display: block;
    }

    .md-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .form-items-md-block .form-item {
        display: block;
    }

        .form-items-md-block .form-item.space-label:before {
            display: none;
        }

    .form-items-md-flex .form-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .form-items-md-flex .form-item.space-label:before {
            display: block;
        }

        .form-items-md-flex .form-item.checkbox-container, .form-items-md-block .form-item.checkbox-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
}

@media screen and (max-width: 991px) {
    .sm-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }

    .sm-gutter {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sm-block {
        display: block;
    }

    .sm-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .form-items-sm-block .form-item {
        display: block;
    }

        .form-items-sm-block .form-item.space-label:before {
            display: none;
        }

    .form-items-sm-flex .form-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .form-items-sm-flex .form-item.space-label:before {
            display: block;
        }

        .form-items-sm-flex .form-item.checkbox-container, .form-items-sm-block .form-item.checkbox-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
}

@media screen and (max-width: 767px) {
    .xs-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }

    .xs-gutter {
        padding-left: 15px;
        padding-right: 15px;
    }

    .xs-block {
        display: block;
    }

    .xs-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .form-items-xs-block .form-item {
        display: block;
    }

        .form-items-xs-block .form-item.space-label:before {
            display: none;
        }

    .form-items-xs-flex .form-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .form-items-xs-flex .form-item.space-label:before {
            display: block;
        }

        .form-items-xs-flex .form-item.checkbox-container, .form-items-xs-block .form-item.checkbox-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #5a5a5a;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    line-height: inherit;
}

strong, .strong {
    font-weight: 700;
}

.title {
    font-size: 48px;
    color: black;
    position: relative;
    font-weight: 300;
    margin-bottom: 35px;
}

    .title:not(.no-underline) {
        padding-bottom: 13px;
    }

        .title:not(.no-underline):before {
            content: "";
            display: block;
            position: absolute;
            width: 100px;
            border-bottom: 3px solid #ee3224;
            bottom: 0;
            left: 0;
        }

    .title.no-underline {
        margin-bottom: 30px;
    }

    .title.text-center:before {
        left: -webkit-calc(50% - 50px);
        left: -moz-calc(50% - 50px);
        left: calc(50% - 50px);
    }

.title2 {
    font-size: 12px;
    text-transform: uppercase;
    color: #999999;
    font-weight: 700;
}

.subtitle {
    font-size: 24px;
    font-weight: 300;
    color: #666;
}

.small {
    font-size: 11.2px;
}

.red {
    color: #ee3224;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

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

.nowrap {
    white-space: nowrap;
}

.small-label {
    text-transform: uppercase;
    font-size: 11.2px;
    font-weight: 700;
    color: #666;
}

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

    .title {
        font-size: 28.8px;
        line-height: 36px;
    }

    .small {
        font-size: 12.8px;
    }

    .small-label {
        font-size: 11.2px;
    }
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flex-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.flex-5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -moz-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.flex-6 {
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -moz-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

.flex-7 {
    -webkit-box-flex: 7;
    -webkit-flex: 7;
    -moz-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
}

.flex-8 {
    -webkit-box-flex: 8;
    -webkit-flex: 8;
    -moz-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
}

.flex-9 {
    -webkit-box-flex: 9;
    -webkit-flex: 9;
    -moz-box-flex: 9;
    -ms-flex: 9;
    flex: 9;
}

.flex-10 {
    -webkit-box-flex: 10;
    -webkit-flex: 10;
    -moz-box-flex: 10;
    -ms-flex: 10;
    flex: 10;
}

.flex-11 {
    -webkit-box-flex: 11;
    -webkit-flex: 11;
    -moz-box-flex: 11;
    -ms-flex: 11;
    flex: 11;
}

.flex-12 {
    -webkit-box-flex: 12;
    -webkit-flex: 12;
    -moz-box-flex: 12;
    -ms-flex: 12;
    flex: 12;
}

.flex-13 {
    -webkit-box-flex: 13;
    -webkit-flex: 13;
    -moz-box-flex: 13;
    -ms-flex: 13;
    flex: 13;
}

.flex-14 {
    -webkit-box-flex: 14;
    -webkit-flex: 14;
    -moz-box-flex: 14;
    -ms-flex: 14;
    flex: 14;
}

.flex-15 {
    -webkit-box-flex: 15;
    -webkit-flex: 15;
    -moz-box-flex: 15;
    -ms-flex: 15;
    flex: 15;
}

.space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.listing-page .heading-row {
    height: 200px;
}

.listing-page p {
    line-height: 1.75;
    color: #333;
}

.listing-page .description {
    max-width: 720px;
}

.listing-page .download-container {
    width: 140px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 17px 15px;
    background-color: #f6f6f6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

    .listing-page .download-container .download-icon {
        color: #ee3224;
        font-size: 60px;
        margin-bottom: 10px;
    }

    .listing-page .download-container a {
        text-align: center;
        color: #666;
        font-size: 12px;
        font-weight: 700;
        text-decoration: underline;
    }

.products-listing {
    margin-top: 80px;
    margin-bottom: 90px;
}

    .products-listing .product {
        position: relative;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
        -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

        .products-listing .product:hover {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-box-shadow: 0 21.651px 50px 0px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0 21.651px 50px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0 21.651px 50px 0px rgba(0, 0, 0, 0.25);
        }

    .products-listing .product-label {
        /* position: absolute;*/
        left: 0;
        bottom: 12px;
        min-height: 35px;
        min-width: 165px;
        max-width: 240px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .products-listing .product-label .plus-icon {
            background-color: #222;
            color: white;
            font-size: 18px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 35px;
            min-width: 35px;
        }

        .products-listing .product-label .product-name {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }

            .products-listing .product-label .product-name a {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 15px;
                background-color: #ee3224;
                padding: 6px 25px;
            }

                .products-listing .product-label .product-name a, .products-listing .product-label .product-name a:hover {
                    color: white;
                }

    .products-listing.subcategory-listing .product .product-label {
        min-width: none;
        min-height: 50px;
    }

        .products-listing.subcategory-listing .product .product-label .product-name a {
            padding: 6px 15px;
        }

        .products-listing.subcategory-listing .product .product-label .plus-icon {
            min-width: 50px;
            width: 50px;
            font-size: 24px;
        }

.listing-page .two-col-layout section:not(:last-child) {
    margin-bottom: 90px;
}

.listing-page .list-column {
    width: 100%;
    margin-top: 10px;
}

    .listing-page .list-column li {
        margin-bottom: 15px;
        color: black;
    }

        .listing-page .list-column li:before {
            font-size: 7px;
            top: 10px;
            left: 6px;
        }

.listing-page .slick-slider {
    margin-top: 50px;
}

.listing-page .slick-slider-center .slide-text {
    padding: 15px;
}

.listing-page .slick-slider-center .description-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 7px;
    color: black;
}

.listing-page .slick-slider-center .description {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
    max-width: 350px;
}

.detail-page .title {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 25px;
    word-break: break-all;
}

.detail-page .description {
    color: #5a5a5a;
}

.detail-page .configuration {
    margin-top: 45px;
    margin-bottom: 50px;
}

    .detail-page .configuration .form-item {
        margin-bottom: 10px;
    }

    .detail-page .configuration .form-label {
        font-size: 16px;
        margin-left: 5px;
    }

    .detail-page .configuration .jcf-select.jcf-select-form-control, .listing-page #listingConfiguration .jcf-select.jcf-select-form-control {
        height: 40px;
        max-width: none;
        width: 100%;
        background-color: #f9f9f9;
    }

    .detail-page .configuration .jcf-select .jcf-select-text, .listing-page #listingConfiguration .jcf-select .jcf-select-text {
        line-height: 27px;
        font-size: 15px;
        color: black;
    }

    .detail-page .configuration .jcf-select .jcf-select-opener, .listing-page #listingConfiguration .jcf-select .jcf-select-opener {
        border-left: 0;
        line-height: 26px;
        color: black;
        font-size: 26px;
    }

.detail-page .characteristics {
    margin-bottom: 50px;
}

    .detail-page .characteristics table {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        overflow: hidden;
        width: 100%;
        border-style: hidden;
        -webkit-box-shadow: 0 0 0 1px #dadada;
        -moz-box-shadow: 0 0 0 1px #dadada;
        box-shadow: 0 0 0 1px #dadada;
        font-size: 14px;
        color: #5a5a5a;
    }

    .detail-page .characteristics td, .detail-page .characteristics th {
        border: 1px solid #dadada;
        /*word-break: break-all;*/
    }

    .detail-page .characteristics td {
        padding: 20px 40px;
        width: 50%;
    }

        .detail-page .characteristics td > div:not(:last-child) {
            margin-bottom: 25px;
        }

    .detail-page .characteristics th {
        padding: 20px 10px;
        background-color: #f9f9f9;
        color: #1b1b1b;
        /* min-width: 130px; */
    }

    .detail-page .characteristics td:last-child {
        /* width: 100%; */
    }

    .detail-page .characteristics td:nth-child(2) {
        /* min-width: 130px; */
    }

.detail-page .characteristics-title {
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

    .detail-page .characteristics-title .icon {
        margin-right: 10px;
        font-size: 38px;
    }

.detail-page .accordion .accordion-item {
    border-bottom: 1px solid #dadada;
}

    .detail-page .accordion .accordion-item.active .item-opener {
        color: #ee3224;
    }

.detail-page .accordion .item-opener {
    padding-bottom: 5px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    -webkit-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

    .detail-page .accordion .item-opener .flex-1 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .detail-page .accordion .item-opener .item-icon {
        font-size: 28px;
    }

.detail-page .accordion .list {
    padding: 0 20px;
}

.product-detail {
    position: relative;
}

.code-container {
    margin-bottom: 15px;
    font-size: 18px;
}

.sigla-container {
    margin-bottom: 15px;
    font-size: 18px;
}

.etim-container {
    margin-bottom: 15px;
    font-size: 18px;
}

.flex-heading {
    height: -webkit-calc(100vh - 110px);
    height: -moz-calc(100vh - 110px);
    height: calc(100vh - 110px);
}

    .flex-heading.flex-container, .flex-heading .flex-container {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -moz-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
    }

    .flex-heading .flex-1:not(.flex-container), .flex-heading .flex-2:not(.flex-container) {
        border-bottom: 4px solid white;
        border-right: 4px solid white;
    }

    .flex-heading > .flex-1:last-child {
        border-right: 0;
    }

    .flex-heading .heading-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 40px;
        padding-bottom: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-shadow: 0 -20px 20px -10px rgba(0, 0, 0, .8) inset;
        -moz-box-shadow: 0 -20px 20px -10px rgba(0, 0, 0, .8) inset;
        box-shadow: 0 -20px 20px -10px rgba(0, 0, 0, .8) inset;
    }

    .flex-heading a {
        text-decoration: none;
        cursor: pointer;
    }

    .flex-heading .title {
        color: white;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 1.3;
    }

    .flex-heading .subtitle {
        font-size: 18px;
        font-weight: 400;
        color: #999;
        z-index: 0;
    }

.fade-zoom {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}

    .fade-zoom .absolute {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

    .fade-zoom .shadow {
        background: black;
        opacity: 0.4;
        -webkit-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
        -moz-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
        transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
    }

    .fade-zoom .img {
        transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.2, 1);
        -moz-transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -moz-transform 1s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 1s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1), -moz-transform 1s cubic-bezier(0, 0, 0.2, 1), -o-transform 1s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
    }

    .fade-zoom:hover .img, .fade-zoom.accordion-item.active .img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    .fade-zoom:hover .shadow, .fade-zoom.accordion-item.active .shadow {
        opacity: 0;
    }

.brands-listing.row {
    margin-top: 55px;
}

/* .brands-listing .fade-zoom .shadow, .brands-listing .fade-zoom .img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */

.brands-listing .brand {
    position: relative;
    -webkit-box-shadow: 0px -200px 200px -100px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px -200px 200px -100px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px -200px 200px -100px rgba(0, 0, 0, 0.5) inset;
}

    .brands-listing .brand > * {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.brands-listing .animate-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .brands-listing .animate-block .brand-title.item-opener::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
    }

.brands-listing .brand-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 3;
}

.brands-listing .plus-icon {
    background-color: #222222;
    width: 50px;
    height: 50px;
    position: relative;
}

    .brands-listing .plus-icon div {
        width: 24px;
        border-bottom: 2px solid white;
        position: absolute;
        top: -webkit-calc(50% - 1px);
        top: -moz-calc(50% - 1px);
        top: calc(50% - 1px);
        left: -webkit-calc(50% - 12px);
        left: -moz-calc(50% - 12px);
        left: calc(50% - 12px);
        transition: -webkit-transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        -o-transition: -o-transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    }

        .brands-listing .plus-icon div:last-child {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.brands-listing .brand-logo {
    background-color: #ee3224;
    padding: 13px 30px;
    height: 50px;
}

.brands-listing .brand-title {
    font-size: 22px;
    color: white;
    font-weight: 400;
    height: 80px;
    width: 96%;
    padding-left: 50px;
    /* padding-right: 30px; */
    padding-top: 10px;
    line-height: 1.3;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-height: 80px;
}

.brands-listing .accordion-item {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .brands-listing .accordion-item:hover .plus-icon div {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

        .brands-listing .accordion-item:hover .plus-icon div:last-child {
            -webkit-transform: scale(1.2) rotate(-90deg);
            -moz-transform: scale(1.2) rotate(-90deg);
            -ms-transform: scale(1.2) rotate(-90deg);
            -o-transform: scale(1.2) rotate(-90deg);
            transform: scale(1.2) rotate(-90deg);
        }

    .brands-listing .accordion-item .hidden-section {
        width: 100%;
        font-size: 14px;
        margin-top: -1px;
        position: relative;
        z-index: 3;
    }

        .brands-listing .accordion-item .hidden-section > div {
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            padding-left: 80px;
            padding-right: 80px;
            padding-bottom: 25px;
            padding-top: 5px;
        }

    .brands-listing .accordion-item.active {
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
        -webkit-box-shadow: 12.5px 21.651px 50px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 12.5px 21.651px 50px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 12.5px 21.651px 50px 0px rgba(0, 0, 0, 0.25);
    }

        .brands-listing .accordion-item.active .plus-icon div:last-child {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }

        .brands-listing .accordion-item.active .brand-title {
            background: white;
            color: black;
            padding-top: 15px;
        }

        .brands-listing .accordion-item.active .hidden-section > div {
            background-color: white;
        }

.brands-listing .arrows-ul {
    margin-left: 20px;
    margin-top: 10px;
}

    .brands-listing .arrows-ul li {
        margin-bottom: 5px;
    }

        .brands-listing .arrows-ul li:before {
            top: 6px;
        }

.product-lines-section {
    padding-top: 120px;
}

.discover-blocks-section {
    padding: 135px 0;
}

.discover-block {
    padding: 45px 50px;
    color: #666666;
    margin-bottom: 20px;
    font-size: 13px;
    max-width: 460px;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 15px 15px 40px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 15px 15px 40px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 15px 15px 40px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out, -moz-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -moz-box-shadow 0.3s ease-in-out;
}

    .discover-block:hover {
        -webkit-box-shadow: 15px 15px 50px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 15px 15px 50px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 15px 15px 50px 0px rgba(0, 0, 0, 0.25);
    }

    .discover-block:not(:last-child) {
        margin-right: 15px;
    }

    .discover-block:not(:first-child) {
        margin-left: 15px;
    }

    .discover-block > .flex-container {
        text-align: left;
    }

    .discover-block .block-title {
        font-size: 21px;
        color: black;
        font-weight: 700;
        margin-top: -5px;
    }

    .discover-block .block-icon {
        font-size: 52px;
        color: #cccccc;
        margin-right: 25px;
    }

    .discover-block .btn {
        margin-top: 15px;
    }

.dkc-group-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

body .dkc-group-section .text-col {
    max-width: 690px;
    padding-left: 20px;
    padding-right: 20px;
}

.dkc-group-section .description {
    line-height: 1.7;
}

.dkc-group-section .text-col-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.dkc-group-section .btn {
    margin-top: 40px;
    min-width: 250px;
}

.customers-slider-section {
    padding: 110px 0;
}

    .customers-slider-section .customer {
        text-align: center;
        background-color: #f7f7f7;
        padding: 25px 35px;
        height: 182px;
        font-size: 14px;
        color: #999;
        margin-left: 10px;
        margin-right: 10px;
    }

        .customers-slider-section .customer:hover img:first-child {
            opacity: 1;
        }

        .customers-slider-section .customer:hover img:last-child {
            opacity: 0;
        }

    .customers-slider-section .customer-imgs-container {
        position: relative;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 5px;
    }

    .customers-slider-section img {
        margin: auto;
        -webkit-transition: opacity 0.15s ease-in-out;
        -o-transition: opacity 0.15s ease-in-out;
        -moz-transition: opacity 0.15s ease-in-out;
        transition: opacity 0.15s ease-in-out;
    }

        .customers-slider-section img:first-child {
            opacity: 0;
        }

        .customers-slider-section img:last-child {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

    .customers-slider-section .arrow-btn {
        margin-top: 20px;
    }

    .customers-slider-section .slick-dots {
        margin-top: 30px;
    }

.istituzionale-page .heading-row, .error-page .heading-row {
    height: 200px;
}

.ist-sidebar .li-title {
    color: black;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.ist-sidebar .main-ul > li {
    margin-bottom: 15px;
}

.ist-sidebar .arrow {
    margin-right: 10px;
    color: #ee3224;
    font-size: 10px;
    font-weight: 700;
}

.ist-sidebar a {
    color: black;
}

.istituzionale-section {
    max-width: 840px;
    color: #5a5a5a;
    line-height: 1.75;
    margin-top: -15px;
}

    .istituzionale-section p {
        margin-bottom: 20px;
        margin-top: 5px;
    }

    .istituzionale-section h3 {
        color: black;
        font-size: 18px;
    }

.store-locator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .store-locator .title.no-underline {
        margin-bottom: 10px;
    }

    .store-locator .grey-block {
        font-size: 36px;
        background-color: #f9f9f9;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .store-locator .settings-column {
        width: 600px;
        font-size: 14px;
        color: black;
    }

    .store-locator .form-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 10px;
    }

        .store-locator .form-item:last-child {
            margin-bottom: 0;
        }

    .store-locator .padding {
        padding-left: 40px;
        padding-right: 40px;
    }

    .store-locator .settings-container {
        position: relative;
        padding-right: 85px;
        padding-bottom: 10px;
        -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.07);
    }

    .store-locator .spacer {
        width: 30px;
    }

    .store-locator .checkbox-container {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        padding-right: 10px;
        margin-bottom: 15px;
    }

        .store-locator .checkbox-container label {
            cursor: pointer;
        }

        .store-locator .checkbox-container .jcf-checkbox {
            margin-right: 5px;
            min-width: 15px;
            width: 15px;
            height: 15px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            cursor: pointer;
            position: relative;
            top: -0.5px;
        }

            .store-locator .checkbox-container .jcf-checkbox input {
                cursor: pointer;
            }

            .store-locator .checkbox-container .jcf-checkbox span {
                cursor: pointer;
                border: none;
                width: 7px;
                height: 7px;
                background-color: #ee3224;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
                -webkit-border-radius: 2.5px;
                -moz-border-radius: 2.5px;
                border-radius: 2.5px;
                left: 8px;
                top: 7px;
            }

    .store-locator .form-control, .store-locator .jcf-select-form-control {
        max-width: none;
    }

    .store-locator .form-label {
        font-size: 16px;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .store-locator .jcf-select-form-control {
        background-color: #f9f9f9;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
    }

    .store-locator .jcf-select {
        cursor: pointer;
    }

        .store-locator .jcf-select.jcf-drop-active .jcf-select-opener:after {
            margin-top: 16px;
        }

        .store-locator .jcf-select .jcf-select-text {
            line-height: 26px;
            cursor: pointer;
            font-size: 15px;
        }

        .store-locator .jcf-select .jcf-select-opener {
            border-left: 0;
            line-height: 32px;
        }

            .store-locator .jcf-select .jcf-select-opener:after {
                -webkit-transition: all 0.15s ease-in-out;
                -o-transition: all 0.15s ease-in-out;
                -moz-transition: all 0.15s ease-in-out;
                transition: all 0.15s ease-in-out;
                height: 12px;
                width: 12px;
                border-color: black;
                border-width: 1px;
            }

    .store-locator .secondary-title {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .store-locator .result {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #5a5a5a;
    }

        .store-locator .result:not(:last-child) {
            border-bottom: 1px solid #dadada;
        }

        .store-locator .result a {
            color: #5a5a5a;
        }

    .store-locator .result-title {
        font-size: 16px;
        padding: 7px 15px 5px 15px;
        margin: 0px -15px;
        font-weight: 700;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        cursor: pointer;
        display: inline-block;
        color: black;
    }

        .store-locator .result-title:hover {
            color: #ee3224;
            background-color: #f7f7f7;
        }

    .store-locator .tags-container {
        max-width: 180px;
        width: 100%;
    }

    .store-locator .product-tag {
        width: -webkit-calc(50% - 7px);
        width: -moz-calc(50% - 7px);
        width: calc(50% - 7px);
        background-color: #e6e6e6;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        color: black;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 3px 4px 3px;
        margin-bottom: 10px;
    }

        .store-locator .product-tag:nth-child(even) {
            margin-left: 7px;
        }

    .store-locator .address {
        margin-bottom: 7px;
    }

    .store-locator .results-container {
        height: 356px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 70px;
    }

    .store-locator .map-column {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .store-locator #map {
        width: 100%;
        height: 100%;
    }

.contact-page .yb-grid {
    margin-top: 50px;
}

.contact-page .office-container:nth-child(3n + 2) .office {
    margin: auto;
}

.contact-page .office-container:nth-child(3n + 3) .office {
    margin-left: auto;
}

.contact-page .office {
    max-width: 305px;
    font-size: 14px;
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 97px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

    .contact-page .office:hover {
        max-width: 325px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin-bottom: 25px;
    }

        .contact-page .office:hover .office-title {
            color: #ee3224;
        }

        .contact-page .office:hover .btns-container {
            height: 52px;
            opacity: 1;
        }

    .contact-page .office .text-container {
        padding: 20px;
    }

    .contact-page .office img {
        width: 100% !important;
    }

.contact-page .btn:last-child {
    margin-left: 15px;
    min-width: 0;
}

.contact-page .btn-black {
    background-color: #212121;
    color: #fff;
    width: 50%;
    min-width: 0px;
    margin-right: 3%;
}

.contact-page .office-title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    color: black;
    margin-bottom: 10px;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.contact-page .btns-container {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-page .btn-small {
    font-size: 12px;
}

.carreers-row {
    -webkit-box-shadow: 0px -60px 60px -60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px -60px 60px -60px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px -60px 60px -60px rgba(0, 0, 0, 0.1) inset;
    padding-bottom: 90px;
}

.carreers-section {
    max-width: 870px;
    margin: auto;
    padding: 0 15px;
    margin-top: 40px;
}

.carreers-page .title {
    margin-bottom: 25px;
}

.carreers-page .description {
    line-height: 1.75;
    margin-bottom: 50px;
}

.carreers-page .jobs-title {
    font-weight: 700;
    color: black;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dadada;
}

.carreers-page .job-title {
    font-size: 18px;
    color: black;
    margin-bottom: 3px;
}

.carreers-page .job-location {
    font-size: 14px;
    color: #5a5a5a;
}

.carreers-page .item-opener {
    padding-top: 15px;
    padding-bottom: 5px;
}

.carreers-page .accordion-item {
    border-bottom: 1px solid #dadada;
}

    .carreers-page .accordion-item.active .job-title {
        font-weight: 700;
        color: #ee3224;
    }

.carreers-page .hidden-section .btn {
    margin-bottom: 25px;
}

.carreers-page .job-description {
    margin-top: 10px;
    margin-bottom: 25px;
}

.carreers-page .accordion {
    margin-bottom: 90px;
}

.carreers-page .request-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    color: black;
}

.carreers-page .form-control, .carreers-page .jcf-select-form-control {
    max-width: none;
}

.carreers-page .flex-wrap .form-item {
    width: 48%;
    max-width: 360px;
}

.carreers-page label.btn {
    display: block;
    max-width: 150px;
}

    .carreers-page label.btn input[type=file] {
        width: 0;
        max-width: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
        height: 0;
    }

.carreers-page button.btn {
    min-width: 210px;
}

.testata-settore {
    height: 400px;
}

    .testata-settore .testata-testo {
        max-width: 1470px;
        padding: 0 15px;
        margin: 0 auto;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding-bottom: 85px;
    }

        .testata-settore .testata-testo .title-settore {
            color: #fefefe;
            font-weight: 700;
            font-size: 90px;
            line-height: 92px;
        }

        .testata-settore .testata-testo .subtitle-settore {
            color: #ccc;
            font-weight: 300;
            font-size: 24px;
        }

.settore-blocchiHome-container {
    width: 990px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

    .settore-blocchiHome-container .title {
        line-height: 50px;
    }

        .settore-blocchiHome-container .title:not(.no-underline) {
            padding-bottom: 20px;
        }

.slick-dots {
    padding-left: 0;
}

.settore .product-lines-section {
    margin-bottom: 65px;
    padding-top: 65px;
}

.testata-blog {
    height: 200px;
}

.side-container.sidebar .category-link .icon {
    padding: 5px;
}

.side-container.sidebar .search-icon-box {
    background-color: #333333;
}

.side-container .cat-title {
    text-transform: uppercase;
    color: #999999;
    font-size: 12px;
    font-weight: 700;
}

.categories-accordion {
    margin-bottom: 16px;
}

.banners-container .sidebar-block:nth-child(1) {
    background-color: #333333;
}

.banners-container .sidebar-block:nth-child(2) {
    background-color: #252525;
}

.banners-container .sidebar-block:nth-child(3) {
    background-color: #222222;
}

.single-article-container {
    display: block;
    margin-bottom: 70px;
    cursor: pointer;
}

    .single-article-container:hover, .single-article-container:focus {
        text-decoration: none;
    }

    .single-article-container .img-article {
        margin-bottom: 12px;
        display: block;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom;
    }

    .single-article-container .content {
        display: block;
        position: relative;
    }

        .single-article-container .content::before {
            content: "";
            position: absolute;
            top: 10px;
            bottom: 0;
            left: -16px;
            background-color: #ee3224;
            opacity: 0;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
            -moz-transition: all 0.4s;
            transition: all 0.4s;
            -webkit-transform: scaleY(0);
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -o-transform: scaleY(0);
            transform: scaleY(0);
            width: 3px;
        }

    .single-article-container .content-title {
        font-size: 36px;
        font-weight: 700;
        display: block;
        color: #000000;
        line-height: 58px;
    }

        .single-article-container .content-title:hover, .single-article-container .content-title:focus {
            text-decoration: none;
        }

    .single-article-container .data {
        display: block;
        color: #5a5a5a;
    }

        .single-article-container .data span.icon {
            vertical-align: middle;
            margin-right: 9px;
        }

        .single-article-container .data span.dataN {
            font-size: 14px;
        }

    .single-article-container .content-text {
        font-weight: 300;
        line-height: 26px;
        display: block;
        color: #5a5a5a;
    }

        .single-article-container .content-text:hover, .single-article-container .content-text:focus {
            text-decoration: none;
        }

    .single-article-container.active .img-article {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    .single-article-container.active .content::before {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

.btn-container {
    text-align: center;
    margin-bottom: 65px;
}

.tag-container .tag-title {
    font-size: 12px;
    font-weight: 700;
    color: #999999;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.tag-container .tag-cloud {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -30px;
}

    .tag-container .tag-cloud a {
        font-size: 14px;
        color: #5a5a5a;
        text-transform: uppercase;
        margin-right: 75px;
        margin-bottom: 30px;
    }

body.dettaglio-blog .breadcrumb {
    margin-bottom: 15px;
}

.dettaglio-blog-structure-container {
    width: 1470px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .dettaglio-blog-structure-container .main-container {
        margin-right: 240px;
        width: 720px;
    }

    .dettaglio-blog-structure-container .sidebar-container {
        max-width: 360px;
        margin-top: 35px;
    }

    .dettaglio-blog-structure-container .blog-title {
        font-size: 36px;
        font-weight: 700;
        color: #000;
        line-height: auto;
        margin-bottom: 30px;
        line-height: 44px;
    }

    .dettaglio-blog-structure-container .info-blog {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
    }

        .dettaglio-blog-structure-container .info-blog .data {
            display: block;
            color: #5a5a5a;
            margin-right: 25px;
        }

            .dettaglio-blog-structure-container .info-blog .data span.icon {
                vertical-align: middle;
                margin-right: 9px;
            }

            .dettaglio-blog-structure-container .info-blog .data span.dataN {
                font-size: 14px;
            }

        .dettaglio-blog-structure-container .info-blog .tag {
            display: block;
            color: #5a5a5a;
        }

            .dettaglio-blog-structure-container .info-blog .tag span.icon {
                vertical-align: middle;
                margin-right: 9px;
            }

            .dettaglio-blog-structure-container .info-blog .tag span.tagN {
                font-size: 14px;
                text-transform: uppercase;
            }

.text-content img {
    margin: 42px 0;
}

.text-content .subtitle {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 24px;
    margin-bottom: 25px;
}

.text-content a {
    text-decoration: underline;
}

    .text-content a:hover, .text-content a:focus {
        text-decoration: underline;
    }

.text-content blockquote {
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    padding: 10px 20px;
    margin: 45px 0 20px;
    border-left: 3px solid #ee3224;
}

.search-page-container {
    width: 1230px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

    .search-page-container .label {
        color: #1b1b1b;
        font-weight: 700;
        font-size: 16px;
        padding-left: 0;
    }

    .search-page-container .search-container {
        max-width: 100%;
        margin-top: 5px;
    }

        .search-page-container .search-container .search-icon-box {
            background-color: #333333;
        }

    .search-page-container .grey-container {
        background-color: #f7f7f7;
        border: 1px solid #cdcdcd;
        padding: 10px 14px 33px 14px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

.breadcrumb.result {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    min-height: 40px;
}

body.search .breadcrumb:not(.result) {
    margin-bottom: 55px;
}

body.search .results-container {
    padding: 70px 60px;
}

    body.search .results-container .results-header {
        font-size: 22px;
        font-weight: 700;
        color: #1b1b1b;
        text-transform: uppercase;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 5px;
    }

    body.search .results-container .result-title {
        font-size: 24px;
        font-weight: 700;
        color: #1b1b1b;
        padding-top: 20px;
    }

    body.search .results-container .readgoto {
        text-transform: uppercase;
        text-decoration: underline;
        color: #ee3224;
        font-size: 13px;
    }

    body.search .results-container .results-body {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 12px;
    }

    body.search .results-container .readmorebtn-container {
        text-align: center;
        margin-top: 60px;
    }

.search-helper {
    margin: 0 auto;
    max-width: 720px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 100px;
}

    .search-helper .tab {
        border: 1px solid #cdcdcd;
        width: 320px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

        .search-helper .tab .tab-title {
            padding: 13px 19px 10px;
            color: #1b1b1b;
            font-size: 16px;
            font-weight: 700;
            border-bottom: 1px solid #cdcdcd;
        }

        .search-helper .tab .tab-list {
            padding: 12px 19px 8px;
        }

            .search-helper .tab .tab-list a {
                display: block;
                margin: 8px 0;
                color: #5a5a5a;
                font-size: 14px;
            }

body.dettaglio-brand .breadcrumb {
    margin-bottom: 60px;
}

.discover-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-of-actions-container {
    max-width: 100%;
    width: 1742px;
    padding: 0 15px;
    margin: 0 auto;
}

.product-blocks-list.brands-listing .brand-label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .product-blocks-list.brands-listing .brand-label a {
        font-size: 22px;
        color: #fff;
        line-height: 30px;
    }

    .product-blocks-list.brands-listing .brand-label .plus-icon {
        margin-right: 30px;
    }

.yb-grid2 {
    margin-top: 45px;
}

    .yb-grid2 .product.video-element::after {
        content: "";
        background-image: url(/content/images/ytplay.png);
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 85px;
        height: 60px;
        z-index: 99;
    }

    .yb-grid2 .single-element.product {
        width: 32%;
        margin-bottom: 30px;
        height: 550px;
    }

    .yb-grid2 .double-element.product {
        cursor: pointer;
        width: 66%;
        margin-bottom: 30px;
        height: 550px;
    }

        .yb-grid2 .double-element.product .plus-icon {
            margin-right: 0;
        }

        .yb-grid2 .double-element.product .brand-logo {
            padding: 7px 30px;
        }

    .yb-grid2.brands-listing .brand-label {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .yb-grid2.brands-listing .brand-label a {
            font-size: 22px;
            color: #fff;
        }

    .yb-grid2.brands-listing .plus-icon {
        margin-right: 30px;
    }

.brands-listing .brand > [data-fancybox] {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85px;
    height: 60px;
    z-index: 999;
}

.testata-product {
    position: relative;
    overflow: hidden;
}

body.search .results-container .result-title {
    line-height: 1.2;
    margin-bottom: 10px;
}

    body.search .results-container .result-title a {
        color: #1b1b1b;
    }

.testata-product .testata-testo {
    color: #fff;
    width: 900px;
    position: absolute;
    left: 240px;
    bottom: 80px;
}

    .testata-product .testata-testo .subtitle-product {
        font-size: 48px;
        font-weight: 300;
        line-height: 55px;
    }

    .testata-product .testata-testo .title-product {
        background-color: #ee3224;
        display: inline-block;
        padding: 12px 24px;
        margin-bottom: 20px;
    }

.product-smaller {
    border: 5px solid #eeb724;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

    .product-smaller.clicked {
        -webkit-animation: square-to-circle 0.7s ease-in-out 1;
        -moz-animation: square-to-circle 0.7s ease-in-out 1;
        -o-animation: square-to-circle 0.7s ease-in-out 1;
        animation: square-to-circle 0.7s ease-in-out 1;
        opacity: 0;
        z-index: 2;
    }

.product-bigger {
    width: 260px;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    padding: 25px 24px 25px;
    overflow: hidden;
}

    .product-bigger.white-bg {
        background-color: white;
    }

    .product-bigger .img-container {
        text-align: center;
    }

    .product-bigger .product-content-container {
        opacity: 0;
        -webkit-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%);
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

    .product-bigger .product-title {
        font-size: 22px;
        color: #1b1b1b;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .product-bigger .product-description {
        margin-bottom: 15px;
    }

.product-square {
    position: absolute;
    cursor: pointer;
}

    .product-square .cross {
        content: "";
        width: 2px;
        height: 20px;
        background-color: #ffffff;
        position: absolute;
        left: 24px;
        top: 15px;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .product-square .cross::before {
            content: "";
            width: 20px;
            height: 2px;
            background-color: #ffffff;
            position: absolute;
            left: -9px;
            top: 9px;
        }

    .product-square:hover .cross {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

.border-animation::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #eeb724;
    -webkit-background-size: 300% 300%;
    -moz-background-size: 300% 300%;
    background-size: 300% 300%;
    -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
    clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
    opacity: 0;
}

.border-animation.default .product-content-container {
    opacity: 1;
}

.border-animation.default::before {
    -webkit-animation: frame-enter 1s forwards ease-in-out reverse;
    animation: frame-enter 1s forwards ease-in-out reverse;
    opacity: 1;
}

.border-animation.animate-info .product-content-container {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.square-container {
    position: absolute;
}

.triangle {
    width: 0px;
    height: 0px;
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-right: 45px solid #eeb724;
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .triangle::after {
        content: "";
        width: 20px;
        height: 2px;
        background-color: #000000;
        position: absolute;
        left: 12px;
        top: -1px;
    }

    .triangle.animate {
        opacity: 1;
        z-index: 9999;
    }

@-webkit-keyframes square-to-circle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #eeb724;
    }

    25% {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    50% {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    75% {
        -webkit-border-radius: 25%;
        border-radius: 25%;
    }

    100% {
        -webkit-transform: scale(0.05);
        transform: scale(0.05);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #eeb724;
    }
}

@-moz-keyframes square-to-circle {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #eeb724;
    }

    25% {
        -moz-border-radius: 0;
        border-radius: 0;
    }

    50% {
        -moz-border-radius: 0;
        border-radius: 0;
    }

    75% {
        -moz-border-radius: 25%;
        border-radius: 25%;
    }

    100% {
        -webkit-transform: scale(0.05);
        -moz-transform: scale(0.05);
        transform: scale(0.05);
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #eeb724;
    }
}

@-o-keyframes square-to-circle {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        border-radius: 0;
        background-color: #eeb724;
    }

    25% {
        border-radius: 0;
    }

    50% {
        border-radius: 0;
    }

    75% {
        border-radius: 25%;
    }

    100% {
        -webkit-transform: scale(0.05);
        -o-transform: scale(0.05);
        transform: scale(0.05);
        border-radius: 50%;
        background-color: #eeb724;
    }
}

@keyframes square-to-circle {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #eeb724;
    }

    25% {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    50% {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    75% {
        -webkit-border-radius: 25%;
        -moz-border-radius: 25%;
        border-radius: 25%;
    }

    100% {
        -webkit-transform: scale(0.05);
        -moz-transform: scale(0.05);
        -o-transform: scale(0.05);
        transform: scale(0.05);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #eeb724;
    }
}

@-webkit-keyframes frame-enter {
    0% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), 5px -webkit-calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), 5px calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    25% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    50% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 3px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) 3px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, 100% 0%, 0% 0%);
    }

    75% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
    }

    100% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
    }
}

@-moz-keyframes frame-enter {
    0% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), 5px -webkit-calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) -moz-calc(100% - 5px), 5px -moz-calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), 5px calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    25% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) -moz-calc(100% - 5px), -moz-calc(100% - 5px) -moz-calc(100% - 5px), -moz-calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    50% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 3px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) 3px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) 5px, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) 3px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, 100% 0%, 0% 0%);
    }

    75% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
    }

    100% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
    }
}

@-o-keyframes frame-enter {
    0% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), 5px -webkit-calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), 5px calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    25% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    50% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 3px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) 3px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, 100% 0%, 0% 0%);
    }

    75% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
    }

    100% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
    }
}

@keyframes frame-enter {
    0% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), 5px -webkit-calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) -moz-calc(100% - 5px), 5px -moz-calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), 5px calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    25% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) -webkit-calc(100% - 5px), -webkit-calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) -moz-calc(100% - 5px), -moz-calc(100% - 5px) -moz-calc(100% - 5px), -moz-calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%, 100% 100%, 100% 0%, 0% 0%);
    }

    50% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 3px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, -webkit-calc(100% - 5px) 5px, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) 3px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) 5px, -moz-calc(100% - 5px) 5px, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) 3px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, calc(100% - 5px) 5px, 100% 0%, 0% 0%);
    }

    75% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 5px, 5px 0%, 0% 0%);
    }

    100% {
        -webkit-clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
        clip-path: polygon(0% 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 5px 100%, 0% 100%);
    }
}

.margin-50 {
    margin-bottom: 50px;
}

.scroll {
    max-height: 300px;
}

img {
    max-width: 100% !important;
}

    img:not(.style-inline) {
        max-height: 100% !important;
        object-fit: cover;
        object-position: center;
    }

.no-style {
    list-style: none;
    padding: 0;
}

@media (min-width: 768px) {
    .flex-container-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .margin-right-50-lg {
        margin-right: 50px;
    }
}

.detail-page .sidebar .arrows-ul li:before, .listing-page.last-level .sidebar .arrows-ul li:before {
    content: none;
}

.freccia-go:before {
    color: #000;
}

/*CODICE DA TRASFORMARE IN SASS*/

.sidebar .category-link .icon.icon-minus {
    font-size: 1px;
    padding: 8px 4px;
    top: -5px;
}

body.detail-page .accordion .accordion-item .icon-down-arrow {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

body.detail-page .accordion .accordion-item.active .icon-down-arrow {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-opener.icon-arrow-down2 {
    top: -1px;
    position: relative;
    font-size: 7px;
}

.title.listing-title {
    font-weight: 700;
}

.sidebar .arrows-ul li a {
    margin-right: -10px;
}

.breadcrumb ul.no-style.flex-container.justify-start {
    line-height: 29px;
}

.sidebar .category-link .icon.icon-plus {
    padding-left: 5px;
    padding-right: 4px;
}

.dkc-group-section ul {
    list-style-type: none;
    padding-left: 20px;
}

    .dkc-group-section ul li::before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e922";
        color: #5a5a5a;
        font-size: 11px;
        position: relative;
        left: -10px;
    }

.detail-page .description.readmore p {
    margin: 0;
}

.listing-page .download-container a {
    text-decoration: none;
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    transition-property: opacity, -webkit-filter;
    -webkit-transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    -moz-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 10px;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 31px;
    height: 20px;
}

.hamburger-header .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: 75ms;
    -moz-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
}

.hamburger-header {
    display: none;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger-header.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 75ms ease, opacity 75ms ease .12s;
    -o-transition: top 75ms ease, opacity 75ms ease .12s;
    -moz-transition: top 75ms ease, opacity 75ms ease .12s;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0;
}

.hamburger-header .hamburger-inner:after {
    transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom 75ms ease .12s, -o-transform 75ms cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -moz-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19), -moz-transform 75ms cubic-bezier(.55, .055, .675, .19), -o-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger-header .hamburger-inner:before {
    -webkit-transition: top 75ms ease .12s, opacity 75ms ease;
    -o-transition: top 75ms ease .12s, opacity 75ms ease;
    -moz-transition: top 75ms ease .12s, opacity 75ms ease;
    transition: top 75ms ease .12s, opacity 75ms ease;
}

.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 31px;
    height: 4px;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, -webkit-transform;
    background-color: #ee3224;
}

    .hamburger-inner:after {
        bottom: -8px;
    }

.hamburger-header.is-active .hamburger-inner {
    -webkit-transition-delay: .12s;
    -moz-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #ee3224;
}

.hamburger-header.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    -o-transition: bottom 75ms ease, -o-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    -moz-transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -moz-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -moz-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -o-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menuResponsive {
    background-color: #ee3224;
}

.menuResponsive {
    position: fixed;
    left: -100%;
    left: -100vw;
    top: 0;
    width: 100%;
    max-width: 75%;
    background-color: #fff;
    color: #1b1b1b;
    font-size: 20px;
    padding: 10px;
    pointer-events: none;
    height: 100%;
    overflow-y: scroll;
    -webkit-transition: left 0.5s linear 0s, visibility 0.5s linear 0s;
    -o-transition: left 0.5s linear 0s, visibility 0.5s linear 0s;
    -moz-transition: left 0.5s linear 0s, visibility 0.5s linear 0s;
    transition: left 0.5s linear 0s, visibility 0.5s linear 0s;
    z-index: 9999;
    visibility: hidden;
}

    .menuResponsive.active {
        pointer-events: auto;
        left: 0;
        visibility: visible;
    }

#oscura {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
    z-index: 9990;
    visibility: hidden;
}

    #oscura.activated {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5);
        pointer-events: auto;
        visibility: visible;
    }

.menuResponsive .titoloMenu {
    margin-bottom: 20px;
}

.bloccoInterno {
    border-top: 1px solid #c0c0c0;
    text-align: left;
}

    .bloccoInterno a.diretto {
        font-weight: normal;
    }

    .bloccoInterno a {
        font-size: 16px;
    }

    .bloccoInterno a {
        color: ee3224;
        display: block;
        font-weight: bold;
        margin-left: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative;
        -webkit-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .bloccoInterno.level-1 .apriMenu {
        padding-right: 35px;
    }

.blocco {
    display: none;
}

.level-2 {
    background-color: rgba(255, 255, 255, 0.1);
}

.bloccoInterno .bloccoInterno a {
    padding-left: 10px;
    padding-right: 30px;
}

a.apriMenu:after {
    content: "\e921";
    font-family: "icomoon";
    position: absolute;
    top: -webkit-calc(50% - 10px);
    top: -moz-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 20px;
    font-size: 8px;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    color: #ee3224;
    font-weight: 700
}

a.diretto {
    color: #1b1b1b;
}

a.apriMenu {
    color: #1b1b1b;
}

.bloccoInterno a.activea:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fullimage {
    width: 100%;
    height: auto;
}

.note.note-success {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background-color: #eef7ea;
    border-color: #bbdba1;
    color: #3c763d, 80%;
}

.sidebaractive {
    background-color: #f4f4f4;
    font-weight: 700;
}

ul.arrows-ul.internallisting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    ul.arrows-ul.internallisting li {
        max-width: inherit;
        width: 45%;
        margin-right: 10%;
    }

        ul.arrows-ul.internallisting li:nth-child(even) {
            margin-right: 0;
        }

@media (max-width: 767px) {
    ul.arrows-ul.internallisting li {
        width: 100%;
        margin-right: 0;
    }
}

.transparent {
    background-color: transparent !important;
}

.jcf-option-incompatibile {
    text-decoration: line-through;
    color: #ccc !important;
}

.incompatibile {
    text-decoration: line-through;
    color: #ccc;
}

.compatibile {
    text-decoration: unset;
    color: black !important;
}

.listing-table-special {
    width: 500px;
    max-width: 100%;
}

.item-special {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.action-special {
    width: 40px;
}

.product-name-special, .code-special, .action-special {
    display: block;
}

.product-name-special {
    width: 70%;
    margin-right: 10%;
    word-break: break-word;
}

@media (max-width:767px) {
    .product-name-special {
        width: 80%;
        margin-right: 0;
    }
}

.code-special {
    width: 24%;
}

.listing-table-special a {
    text-decoration: none;
    color: #201d1d;
    cursor: pointer;
    font-size: 16px;
}

.header-special div {
    font-size: 12px;
    color: #666;
    font-weight: 700;
}

.item-special.header-special {
    background-color: #fafafa;
    padding: 15px 20px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.item-special {
    border-bottom: 1px solid #ddd;
    padding: 7px 20px;
}

.listing-table-special {
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.action-special {
    text-align: right;
}

.product-name-special {
    font-size: 16px;
    font-weight: 700;
}

.code-special {
    font-size: 14px;
}

.title-special {
    font-size: 28px;
    font-weight: 700;
    color: #201d1d;
    margin-bottom: 20px;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.products-listing .listing-special:first-child .title-special {
    border: none;
}

.listing-special {
    margin-bottom: 110px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.description-container {
    margin-bottom: 58px;
}

@media (max-width:550px) {
    .listing-table-special {
        width: 100%;
    }

    .flex-table-right {
        width: 100%;
    }
}

.action-special {
    position: relative;
}

    .action-special::after {
        position: absolute;
        content: "\e921";
        left: 27px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: -5px;
        font-size: 8px;
        color: #ee3224;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

.sidebar-itemopener, .sidebar-back {
    cursor: pointer;
}

.arrows-ul {
    -webkit-transition: max-height 0.5s ease-out;
    -o-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

.hovered-subchild {
    background-color: #f4f4f4;
    font-weight: 700;
}

.defaultFont {
    color: #5a5a5a;
    font-weight: normal;
}

a.defaultFont:hover {
    color: #ee3224;
}

h2 {
    font-size: 25px;
    font-weight: 700;
    color: #333;
}

h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

@media (max-width:1200px) {
    .flex-table-right.col-lg-6.pull-right {
        float: initial !important;
    }
}

.brands-listing .brand-title {
    padding-left: 78px;
    /* padding-left: 50px; */
    width: 100%;
    padding-right: 8px;
}

.dkc-group-section {
    margin-bottom: 60px;
}

.page-footer a:not([class]):hover, .page-footer a:not([class]):hover:hover {
    color: #000;
    text-decoration: underline;
}

.page-footer a:not([class]) {
    color: #000;
}

.dettaglio-brand .product-lines-section {
    margin-bottom: 60px;
}

.icon.icon-plus.sidebar-itemopener.open::before {
    content: "\e91e";
    font-size: 0.8px;
    vertical-align: middle;
}

.main-category ul.arrows-ul li {
    max-width: 90%;
}

.detail-page .product-detail img {
    border: 1px solid #ccc;
}

.contact-page .two-col-layout {
    margin-bottom: 0;
}

.single-article-container .data span.icon {
    font-size: 21px;
}

.single-article-container .content-title {
    line-height: 42px;
    margin-bottom: 6px;
}

.single-article-container .data {
    margin-bottom: 6px;
}

.dettaglio-blog-structure-container .info-blog .data span.icon {
    font-size: 21px;
}

.dettaglio-blog-structure-container .info-blog .tag span.icon {
    font-size: 21px;
}

.dettaglio-blog-structure-container {
    margin-bottom: 130px;
}

.product-detail .icona-freccia-accordion::after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.15s ease-in-out;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    -o-transition: -o-transform 0.15s ease-in-out;
    -moz-transition: transform 0.15s ease-in-out, -moz-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -moz-transform 0.15s ease-in-out, -o-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    border-bottom: 2px solid rgb(197, 197, 197);
    border-right: 2px solid rgb(197, 197, 197);
}

.product-detail .icona-freccia-accordion {
    width: 13px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.accordion-item.active .icona-freccia-accordion {
    -webkit-transform: rotate(180deg) translateX(3px);
    -moz-transform: rotate(180deg) translateX(3px);
    -ms-transform: rotate(180deg) translateX(3px);
    -o-transform: rotate(180deg) translateX(3px);
    transform: rotate(180deg) translateX(3px);
}

.search-download-open .item-special.header-special .action-special::after {
    content: "";
}

.search-download-open .checkbox-filters .checkbox-single {
    cursor: pointer;
}

.search-download-open .checkbox-filters label {
    cursor: pointer;
}

.search-download-open .checkbox-filters .filtroconchiglia1 span {
    cursor: pointer;
}

.search-download-open .checkbox-filters input {
    cursor: pointer;
}

body .filter-single.active span:not(.icon)::before {
    bottom: -16px;
}

.store-locator .results-container {
    margin-bottom: 0;
    -webkit-box-shadow: rgb(234, 234, 234) 0px 5px 10px 0px;
    -moz-box-shadow: rgb(234, 234, 234) 0px 5px 10px 0px;
    box-shadow: rgb(234, 234, 234) 0px 5px 10px 0px;
}

body.search .results-container {
    margin-bottom: 0;
}

.dettaglio-brand .fade-zoom:not(.accordion-item):hover .shadow, .dettaglio-brand .fade-zoom.accordion-item.active .shadow {
    opacity: 0.3;
}

/*.dettaglio-brand a:not([class]){
    color: #5a5a5a;
}

.dettaglio-brand a:not([class]):hover{
    color: #5a5a5a;
    text-decoration: underline;
}*/

.search-container .search-icon-box {
    height: 38px;
    width: 38px;
}

.download ul.arrows-ul li {
    max-width: 100%;
}

.download .heading {
    margin-bottom: 20px;
}

body.download .content .pad-div {
    padding-top: 0;
}

.slider-catalogues .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px);
    font-size: 20px;
    cursor: pointer;
}

    .slider-catalogues .arrow.prev-arrow {
        left: -35px;
    }

    .slider-catalogues .arrow.next-arrow {
        right: -35px;
    }

.show-all-categs a {
    color: #999;
    font-weight: 300;
    text-decoration: underline;
}

.show-all-categs::before {
    content: "\e91f" !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

.show-all-categs a:hover {
    color: #ee3224;
    -webkit-text-decoration: normal;
    -moz-text-decoration: normal;
    text-decoration: normal;
}

.page-header .grey-header .lang-container a {
    display: block;
    text-align: center;
    margin: 0;
}

.page-header .grey-header .lang-container {
    text-align: center;
    position: absolute;
    top: 30px;
    z-index: 1;
    right: 0;
    background-color: #f3f0eb;
    padding: 7px 7px;
    line-height: 1;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
}

.page-header .grey-header .change-lang-container:hover .lang-container {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}

.change-lang-container {
    position: relative;
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 36px;
    font-weight: 700;
    cursor: pointer;
}

    .change-lang-container:hover {
        text-decoration: none;
    }

    .change-lang-container .lang-container:hover {
        color: #ee3224;
    }

    .change-lang-container:hover .dropdown-opener {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .change-lang-container .icon {
        display: inline-block;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
    }

.linkcadenas a {
    margin: 10px 0 5px 0;
}

.certificazioniprodotto {
    margin-top: 20px;
}

    .certificazioniprodotto img {
        border: none !important;
    }

        .certificazioniprodotto img:not(:last-child) {
            margin-right: 10px;
        }

    .certificazioniprodotto > span {
        display: block;
        margin-bottom: 4px;
        font-weight: 700;
        color: #333;
    }

::-webkit-input-placeholder {
    color: #ccc;
}

::-moz-placeholder {
    color: #ccc;
}

:-ms-input-placeholder {
    color: #ccc;
}

::-ms-input-placeholder {
    color: #ccc;
}

:-moz-placeholder {
    color: #ccc;
}

::placeholder {
    color: #ccc;
}

.square-container.reverse .product-bigger {
    left: unset;
    right: 100%;
}

.square-container.reverse .triangle {
    -webkit-transform: rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    left: -5px;
    right: unset;
}

.product-bigger.white-bg {
    z-index: 2;
}

@media (min-width: 767px) {
    .img-wrapper, .office {
        height: auto !important;
    }
}

.search-container .search-icon-box input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.linkcadenas {
    margin-top: 50px;
    border-left: 8px solid #ee3224;
    padding: 23px 35px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.banner-title {
    font-weight: 700;
    font-size: 26px;
    color: #1b1b1b;
    line-height: 1.1;
    margin-bottom: 5px;
}

.banner-subtitle {
    font-weight: 700;
    color: #666666;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 20px;
}

a.btn.btn-primary.btn-small {
    margin: 0;
    padding: 7px 20px;
    min-width: 0px;
    font-size: 15px;
}

@media (max-width: 767px) {
    .linkcadenas {
        padding: 20px;
        width: 90%;
        margin: 50px auto;
    }

    .banner-title {
        font-size: 20px;
    }

    .banner-subtitle {
        font-size: 13px;
        line-height: 1.5;
    }

    a.btn.btn-primary.btn-small {
        margin: 0;
        padding: 7px 20px;
        min-width: 0px;
        font-size: 15px;
    }
}

.dkc-group-section [data-bg] {
    background-position: right;
}

.timeline-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

.timeline-year {
    width: 120px;
    position: relative;
}

    .timeline-year::before {
        content: '';
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%);
        height: 93%;
        width: 1px;
        background-color: #e5e5e5;
        top: 0;
    }

    .timeline-year .slick-slide {
        font-size: 18px;
        color: #acacac;
        cursor: pointer;
        margin: 15px 0px;
    }

        .timeline-year .slick-slide:nth-child(odd) {
            padding-left: 73px;
        }

.timeline-info {
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
    position: relative;
    border-left: 1px solid #e5e5e5;
}

.timeline-info--container > strong {
    font-size: 45px;
    color: #e5e5e5;
    display: block;
    position: relative;
    cursor: pointer;
}

.timeline-info--container p {
    margin: 0;
}

.timeline-info--container.slick-current.slick-active.slick-center strong {
    color: #000;
    cursor: auto;
}

.timeline-info--container br {
    display: none;
}

.timeline-info--container strong::before {
    content: '';
    position: absolute;
    left: -30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 33px;
    width: 4px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #ee3224;
    top: 50%;
}

.timeline-info--container div {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    /* display: none; */
    opacity: 0;
    font-size: 16px;
    line-height: 24px;
}

.timeline-info--container {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    margin: 0;
    padding-left: 25px;
}

    .timeline-info--container.slick-current.slick-active.slick-center div {
        display: block;
        opacity: 1;
        /* -webkit-animation: appear .4s;
       -moz-animation: appear .4s;
         -o-animation: appear .4s;
            animation: appear .4s; */
    }

.timeline-year .slick-slide {
    position: relative;
}

    .timeline-year .slick-slide::after {
        content: '';
        position: absolute;
        right: -255px;
        height: 1px;
        width: 240px;
        background-color: #e5e5e5;
        top: 50%;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
        -webkit-transform-origin: center left;
        -moz-transform-origin: center left;
        -ms-transform-origin: center left;
        -o-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        -moz-transition: all .6s;
        transition: all .6s;
    }

.timeline-year .slick-current::after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .6s .4s;
    -o-transition: all .6s .4s;
    -moz-transition: all .6s .4s;
    transition: all .6s .4s;
}

.timeline-year .slick-slide:nth-child(odd)::after {
    right: -182px;
    width: 165px;
}

.timeline-year * {
    overflow: visible;
}

.timeline-info--container.slick-active.slick-center strong::before {
    left: -26px;
}

.line-selector {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}

    .line-selector span {
        content: '';
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
        top: 0;
        height: 24px;
        width: 3px;
        background-color: #ee3224;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
    }

@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .timeline-container {
        margin: 50px -25px 35px;
        height: auto;
        display: block;
    }

    .timeline-year {
        width: 100%;
        height: auto;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .line-selector {
        display: none;
    }

    .timeline-year .slick-slide:nth-child(odd) {
        padding: 0;
    }

    .timeline-info {
        width: 100%;
        border: none;
        padding-top: 7px;
    }

    .timeline-info--container {
        padding-left: 0;
        opacity: 0.3;
        margin: 0 20px 0 45px !important;
        padding-left: 20px;
        padding-bottom: 30px;
    }

        .timeline-info--container strong::before {
            content: none;
        }

        .timeline-info--container.slick-active strong {
            color: #000;
        }

        .timeline-info--container.slick-active {
            opacity: 1;
        }

        .timeline-info--container div, .timeline-info--container.active div {
            display: block;
            opacity: 1;
            -webkit-animation: none;
            -moz-animation: none;
            -o-animation: none;
            animation: none;
        }

    .timeline-year .slick-track {
        width: 100% !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 15px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .timeline-year .slick-slide {
        font-size: 18px;
        width: 20% !important;
        text-align: center;
        margin: 3px 0;
    }

    .timeline-year::before {
        content: none;
    }

    .timeline-year .slick-current::after {
        content: none !important;
    }

    .timeline-info::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background-color: #e2e2e2;
    }

    .timeline-info::after {
        content: '';
        position: absolute;
        left: 0;
        top: 1px;
        height: 100%;
        width: 41px;
        background-color: #fff;
        bottom: 0;
        border-right: 1px solid #e2e2e2;
    }
}

.listing-page #listingConfiguration {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.listing-page div#listingConfiguration select {
    max-width: 260px;
    width: 260px;
    height: 40px;
    max-width: none;
    width: 100%;
    background-color: #f9f9f9;
}

.timeline-year .slick-slide:first-child {
    color: #5a5a5a;
    font-weight: 700;
    font-size: 22px;
}

.timeline-year .slick-current {
    font-weight: bold;
    color: #000 !important;
}

.listing-page #listingConfiguration .form-item {
    width: 31%;
}

.listing-page div#listingConfiguration .form-item {
    margin-right: 32px;
}

    .listing-page div#listingConfiguration .form-item:last-child {
        margin-right: 0;
    }

@media(max-width:1428px) {
    .listing-page div#listingConfiguration .form-item {
        margin-right: 0;
        width: 48%;
    }

    .listing-page #listingConfiguration {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media(max-width:767px) {
    .listing-page #listingConfiguration .form-item {
        width: 100%;
    }

    .code-special {
        width: 35%;
    }
}

.not-current {
    font-weight: normal;
}

.modal-reserved-area {
    display: none;
}

    .modal-reserved-area.visible {
        display: block;
    }

.mb20 {
    margin-bottom: 20px !important;
}

.slider-catalogues {
    overflow: hidden;
}

.dFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

a.send-login, a.send-resetpassword {
    color: #ee3224;
    font-size: 15px;
    display: inline-block;
    margin-left: 15px;
}

    a.send-login:hover {
        color: #ee3224;
    }

#toast-container {
    margin-top: 35px;
}

.dettaglio-brand .three-actions {
    margin-bottom: 0;
}

.single-video .name-catalogue {
    padding-top: 25px;
}

a.single-catalogue.single-video {
    position: relative;
}

    a.single-catalogue.single-video::after {
        content: "\e92b";
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        -ms-transform: translate(-50%, -35%);
        -o-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%);
        color: #ee3224;
        font-size: 65px;
        opacity: 0;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s
    }

.slider-catalogues .single-catalogue:hover::after {
    opacity: 1;
    -webkit-transform: translate(-50%, -70%);
    -moz-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    -o-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%)
}

.error-container section {
    text-align: center;
}

.sidebar span.icon-arrow-right.closed {
    border: none;
}

.gm-style-iw.gm-style-iw-c div {
    margin-bottom: 5px;
}

.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect {
    right: 4px !important;
}

.fancybox-container {
    z-index: 99999999;
}

img.fancybox-image {
    /*background-color: #fff;*/
}

.listaLingue .blocco0 {
    margin-right: 15px;
    position: relative;
}

    .listaLingue .blocco0 .bloccoInterno {
        border-top: none;
    }

.blocco0::after {
    content: none;
    position: absolute;
}

.listaLingue .blocco0:not(:first-child)::before {
    content: "|";
    position: absolute;
    top: 5px;
    left: -8px;
    color: #c0c0c0;
}

a.currentLang {
    color: #ee3224;
}

.sidebar .sub-category .category-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .sidebar .sub-category .category-link .icon {
        margin-top: 3px;
    }

    .sidebar .sub-category .category-link.not-current .icon {
        margin-top: 3px;
    }

.brands-listing .animate-block.real-link .brand-title.item-opener::before {
    content: none;
}

.yb-grid2.brands-listing .real-link .brand-label a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.brands-listing .real-link .brand-label {
    position: static;
}

.contact-form .title {
    word-break: break-word;
}

.mouse {
    width: 22px;
    height: 34px;
    border: 2px solid #333;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    margin-top: 4px;
}

    .mouse:before {
        display: block;
        content: '';
        height: 4px;
        width: 2px;
        background: #333;
        left: 8px;
        top: 8px;
        position: absolute;
        -moz-animation: 2s ease 0s normal none infinite mouse-down;
        -o-animation: 2s ease 0s normal none infinite mouse-down;
        animation: 2s ease 0s normal none infinite mouse-down;
        -webkit-animation: 2s ease 0s normal none infinite mouse-down;
    }

    .mouse:after {
        display: block;
        content: '';
        height: 4px;
        width: 4px;
        background: #333;
        left: 7px;
        top: 8px;
        position: absolute;
        -moz-animation: 2s ease 0s normal none infinite mouse-roll;
        -o-animation: 2s ease 0s normal none infinite mouse-roll;
        animation: 2s ease 0s normal none infinite mouse-roll;
        -webkit-animation: 2s ease 0s normal none infinite mouse-roll;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.scroll-indicator-container {
    position: absolute;
    left: -webkit-calc(50% - 100px);
    left: -moz-calc(50% - 100px);
    left: calc(50% - 100px);
    background-image: url('/Content/images/semicerchio.svg');
    height: 40px;
    width: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.relative {
    position: relative;
}

@-webkit-keyframes mouse-down {
    0% {
        height: 4px;
    }

    50% {
        height: 12px;
    }

    100% {
        height: 4px;
    }
}

@-moz-keyframes mouse-down {
    0% {
        height: 4px;
    }

    50% {
        height: 12px;
    }

    100% {
        height: 4px;
    }
}

@-o-keyframes mouse-down {
    0% {
        height: 4px;
    }

    50% {
        height: 12px;
    }

    100% {
        height: 4px;
    }
}

@keyframes mouse-down {
    0% {
        height: 4px;
    }

    50% {
        height: 12px;
    }

    100% {
        height: 4px;
    }
}

@-webkit-keyframes mouse-roll {
    0% {
        top: 8px;
    }

    50% {
        top: 16px;
    }

    100% {
        top: 8px;
    }
}

@-moz-keyframes mouse-roll {
    0% {
        top: 8px;
    }

    50% {
        top: 16px;
    }

    100% {
        top: 8px;
    }
}

@-o-keyframes mouse-roll {
    0% {
        top: 8px;
    }

    50% {
        top: 16px;
    }

    100% {
        top: 8px;
    }
}

@keyframes mouse-roll {
    0% {
        top: 8px;
    }

    50% {
        top: 16px;
    }

    100% {
        top: 8px;
    }
}

@media (max-width: 767px) {
    .scroll-indicator-container {
        display: none;
    }
}

.header-star:hover {
    text-decoration: none;
    color: #ee3224 !important;
}

span.hello-user {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 36px;
    font-weight: 700;
}

.detail-page header.title strong {
    word-break: break-word;
}

.no-child {
    cursor: auto;
}

.resetPasswordContainer {
    margin: 40px;
}

.account-info-container {
    position: relative;
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 36px;
    font-weight: 700;
    cursor: pointer;
    margin-right: 50px;
}

.account-options {
    text-align: center;
    position: absolute;
    top: 30px;
    z-index: 1;
    right: 0;
    background-color: #f3f0eb;
    padding: 7px 7px;
    line-height: 1;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.15);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
}

.page-header .grey-header .account-info-container:hover .account-options {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}

body .obscure-modal {
    z-index: 999999;
}

body .modal-reserved-area {
    z-index: 9999999;
}

body > .jcf-select-drop {
    z-index: 99999999;
}

.ja_wrap {
    z-index: 9999999;
}

.contact-form .form-column {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.discover-block .text-block {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}

    .discover-block .text-block div {
        display: block;
        max-width: 100%;
    }

.explorer-advise {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ee3224;
    padding: 24px 25px;
    color: #1b1b1b;
    font-size: 16px;
    z-index: 3;
    -webkit-box-shadow: 0 -2px 12px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -2px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .1);
    text-align: center;
    color: #fff;
    left: 50%;
    bottom: 20px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 15px;
    transform: translateX(-50%);
    width: 690px;
}

.browsers-list a {
    margin: 0 30px;
    color: transparent;
    width: 34px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    height: 30px;
}

    .browsers-list a::before {
        color: #fff;
        font-size: 30px;
    }

.explorer-title {
    margin-bottom: 10px;
    font-size: 18px;
}

.explorer-advise .close {
    position: absolute;
    top: 6px;
    right: 12px;
    opacity: 1;
    z-index: 1;
    float: none;
    text-shadow: none;
    color: #fff;
}

    .explorer-advise .close svg {
        width: 12px;
        height: 12px;
        fill: #fff;
    }

.registrationModal input[type="text"], .registrationModal input[type="email"], .registrationModal input[type="password"], .registrationModal .select, .login input[type="text"], .login input[type="email"], .login input[type="password"], .login .select, .resetPassword input[type="text"], .resetPassword input[type="email"], .resetPassword input[type="password"] {
    height: 30px !important;
    font-size: 15px;
}

.registrationModal .jcf-select-text {
    font-size: 14px;
    margin: 0 2px 0 8px;
    line-height: 30px;
}

.registrationModal .jcf-select {
    height: 30px;
    font-size: 12px;
    padding: 0;
}

    .registrationModal .jcf-select .jcf-select-opener {
        line-height: 30px;
    }

.registrationModal .jcf-list-content {
    font-size: 14px;
}

body .modal-reserved-area {
    z-index: 9999999;
}

.condizioni-vendita {
    text-align: right;
}

    .condizioni-vendita a {
        font-weight: 400;
        text-decoration: underline;
        color: #999;
        display: block;
    }

@media (max-width: 769px) {
    .condizioni-vendita {
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .condizioni-vendita {
        text-align: center;
    }

    .footer-credits {
        margin-top: 30px;
    }
}

.registrationModal input[type="text"], .registrationModal input[type="email"], .registrationModal input[type="password"], .registrationModal .select, .login input[type="text"], .login input[type="email"], .login input[type="password"], .login .select, .resetPassword input[type="text"], .resetPassword input[type="email"], .resetPassword input[type="password"] {
    font-size: 16px;
    line-height: 30px;
}

.cta-wrapper {
    background: #FFFFFF;
    border: 1px solid rgba(238, 55, 36, 0.4);
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.09);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px;
    width: 500px;
    max-width: 100%;
    margin: 80px auto;
}

    .cta-wrapper .cta-title {
        font-size: 28px;
        line-height: 33px;
        color: #000000;
        font-weight: 300;
        margin-bottom: 15px;
    }

    .cta-wrapper .cta-description {
        font-size: 18px;
        line-height: 21px;
        color: #999999;
        margin-bottom: 30px;
    }

    .cta-wrapper .btn-contact {
        background: #EE3724;
        color: #fff;
        font-size: 18px;
        line-height: 21px;
        text-decoration: none;
        display: inline-block;
        font-weight: 700;
        border: 1px solid #EE3724;
        padding: 10px 35px;
        transition: all .4s;
    }

        .cta-wrapper .btn-contact:hover {
            color: #EE3724;
            background: transparent;
        }

@media (max-width: 767px) {
    .cta-wrapper {
        margin: 50px auto;
        padding: 25px;
    }

        .cta-wrapper .cta-title {
            font-size: 22px;
            line-height: 1.3;
            margin-bottom: 10px;
        }

        .cta-wrapper .cta-description {
            font-size: 16px;
            line-height: 1.4;
        }
}

/* CORE WEB VITALS */

@media (max-width:360px) {
    .listing-page .heading-row {
        min-height: 200px;
    }

    .dettaglio-brand .testate-slider {
        min-height: 605px;
    }

    .flex-heading {
        min-height: 390px;
    }

    .blog .searchbar-mobile-container {
        min-height: 73px;
    }

    .blog .types-mobile-container {
        min-height: 53px;
    }

    .listing-page .heading-row, .dettaglio-brand .testate-slider, .flex-heading {
        opacity: 0;
        height: 0px;
        transition: all 0.4s ease-out;
    }

        .listing-page.active .heading-row, .dettaglio-brand.active .testate-slider, .flex-heading.active {
            opacity: 1;
            height: auto;
            transition: all 0.4s ease-out;
        }

    div#iubenda-cs-banner {
        opacity: 0;
        height: 0px !important;
    }

        div#iubenda-cs-banner.active {
            opacity: 1;
            height: 100% !important;
            transition: all 0.4s ease-out;
        }
}

.ist-sidebar .child {
    margin-left: 20px;
    display: block;
    cursor: pointer;
}

    .ist-sidebar .child:hover {
        color: #ee3224;
        text-decoration: none;
    }

@media (max-width: 767px) {
    .absolute-sm {
        position: absolute;
        top: 150px;
        z-index: 3;
    }
}

.video-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}

    .video-container .title {
        font-weight: 700;
    }

    .video-container .wrapper-video {
        display: flex;
        justify-content: space-between;
    }

    .video-container .video-box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 500px;
    }

    .video-container .video-frame {
        height: 300px;
        margin-bottom: 40px;
    }

    .video-container .video-title {
        display: block;
        position: relative;
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        color: #000;
        margin-bottom: 10px;
    }

    .video-container .video-description {
        font-size: 20px;
        font-weight: 300;
        color: #666;
    }

@media (max-width: 1366px) {
    .video-container {
        padding: 0 15px;
    }
}

@media (max-width: 1024px) {
    .video-container .wrapper-video {
        flex-direction: column;
        align-items: center;
    }

    .video-container .video-box {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .video-container .video-box {
        width: 100%;
    }
}

.slider-main-banner {
    width: 100%;
    height: 148px;
    overflow: hidden;
}

    .slider-main-banner .slide-banner {
        width: 100%;
        height: 148px;
    }

@media(max-width: 767px) {
    .slider-main-banner {
        height: 29px;
    }

        .slider-main-banner .slide-banner {
            height: 29px;
        }
}

/* smaller, dark, rounded square */
.slider-main-banner .flickity-button {
    background: #333;
}

.slider-main-banner .flickity-prev-next-button {
    position: absolute;
    background-color: rgba(102, 102, 102, 0.7);
    width: 2%;
    height: 19%;
    border: none;
    top: 0px;
}
/* position outside */

.slider-main-banner .flickity-prev-next-button {
    display: none;
}

.contact-page .address-fb {
    color: #ee3224;
}

.title-1 {
    font-weight: bold;
}

/*#region COMMUNICATION BANNERS SECTION */
.communication-banners-section {
    margin-bottom: calc(100vw/(1920/80));
}

    .communication-banners-section .wrapper-communication-banners {
        max-width: 1450px;
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }

        .communication-banners-section .wrapper-communication-banners .banners-container {
            display: grid;
            grid-template-columns: repeat(2, auto);
            gap: 20px;
        }

            .communication-banners-section .wrapper-communication-banners .banners-container .banner-img-container {
                max-width: 800px;
                width: 100%;
                overflow: hidden;
            }

                .communication-banners-section .wrapper-communication-banners .banners-container .banner-img-container img {
                    width: 100%;
                    height: auto;
                }

/*#region MEDIA 820px */
@media(max-width: 820px) {
    .communication-banners-section {
        margin-bottom: 50px;
    }

        .communication-banners-section .wrapper-communication-banners .banners-container {
            grid-template-columns: 1fr;
            gap: 30px 0;
        }
}
/*#endregion */
/*#endregion */
}

/*#region CADENAS */
[data-product-image][data-visible="show"] {
    display: block;
}

[data-product-image][data-visible="hide"] {
    display: none;
}

.linkcadenas[data-cadenas-banner][data-visible="show"] {
    display: block;
}

.linkcadenas[data-cadenas-banner][data-visible="hide"] {
    display: none;
}

.cadenas-iframe-container[data-visible="show"] {
    max-width: 420px;
    width: 100%;
    height: 600px;
    display: block;
}

.cadenas-iframe-container[data-visible="hide"] {
    display: none;
}

.download-form-container[data-visible="show"] {
    display: block;
}

.download-form-container[data-visible="hide"] {
    display: none;
}

.loader {
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    animation: rotate 1s linear infinite;
}

    .loader::before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 2px solid #000;
        animation: prixClipFix 2s linear infinite;
    }

[data-cadenas-download-btn]:hover .loader::before,
[data-cadenas-download-pdf-btn]:hover .loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 2px solid #FFF;
    animation: prixClipFix 2s linear infinite;
}

[data-cadenas-download-btn].active,
[data-cadenas-download-pdf-btn].active {
    background: transparent;
}

    [data-cadenas-download-btn].active .text,
    [data-cadenas-download-pdf-btn].active .text {
        display: none;
    }

    [data-cadenas-download-btn].active .loader,
    [data-cadenas-download-pdf-btn].active .loader {
        display: block;
    }

.buttons-container-cadenas {
    display: flex;
    flex-direction: column;
}

    .buttons-container-cadenas .btn {
        width: fit-content;
    }

        .buttons-container-cadenas .btn:last-child {
            margin-top: 10px;
        }

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

@media (max-width: 767px) {
    .cadenas-iframe-container[data-visible="show"] {
        height: 500px;
    }
}
/*#endregion */

.btn.btn-primary.red {
    background: #ee3224;
    color: #fff;
    text-decoration: none;
    display: block;
    width: fit-content;
    margin-left: auto;
    border: 1px solid transparent;
    float: left;
}

    .btn.btn-primary.red:hover {
        background: #fff;
        border: 1px solid #ee3224;
        color: #ee3224;
    }

.component-3d {
    height: 564px;
    width: 1000px;
}

@media(max-width:767px) {
    .component-3d {
        width: 100%;
    }
}

@media screen and (orientation:landscape) and (max-width:767px) {
    .component-3d {
        height: 380px;
        width: 673px;
    }
}