﻿/*ordine menu

body .top-menu.restyle ul.menu>li.menuLogo {
    order: 10!Important;
}
 body .top-menu.restyle ul.menu>li.topic.Promo {
    order: 11!Important;
}   
 body .top-menu.restyle ul.menu>li.quickcart {
    order: 1920!Important;}*/

body .top-menu.restyle ul.menu > li.quoteRequest {
    order: 100 !Important;
}

body .top-menu.restyle ul.menu > li.multipleCart {
    order: 110 !Important;
}

body .top-menu.restyle ul.menu > li.topic.AboutUs {
    order: 120 !Important;
}

body .top-menu.restyle ul.menu > li.contact {
    order: 130 !Important;
}

body .top-menu.restyle ul.menu > li.topic {
    order: 20 !Important;
}

footer {
    background-color: #263648;
}

    footer .social-banner {
        background-color: #F4F8FC;
    }

/*RSS in nuovi prodotti*/
.page .page-title a {
    display: none;
}
/*text*/
body p h1, h2, h3, h4, h5, h6 a {
    color: #3E3E3E !Important
}

.home-page-category-grid .item-box .category-item .sfogliacatalogo.wTitle a h6, .home-page-manufacturer-grid .item-box .category-item .sfogliacatalogo.wTitle a h6 {
    color: #3E3E3E !Important;
}
/*colore carrello sticky*/
.megamenuContainer.sticky ul.mega-menu li .new-cart .nr, .megamenuContainer.sticky ul.mega-menu li .new-wish .nr {
    background-color: #53565a;
}

/*prodotto - confronta*/
/*.product-details-page .compare-products {
    float: left;
    margin: 5px 30px;
}*/
/*sfoglia catalogo*/
a.sfoglia {
    display: none;
}
/*homepage text*/
.page.home-page .homepageText {
    background: #53565a;
    margin-top: none;
    z-index: 0;
    position: none;
    font-family: var(--font-family);
}
/*box categoria*/
.home-page-category-grid .item-box .category-item .picture .img, .home-page-manufacturer-grid .item-box .category-item .picture .img {
    height: 236px;
}

/*bottoni - colore testo*/
.button-1, .button-2 {
    color: #fff;
}
/*prodotti in vetrina*/


/*thumbs big menu*/

.megamenuContainer .mega-menu .dropdown.categories .image {
    height: 60px !Important;
    min-height: 60px !Important;
    max-height: 60px !Important;
}
/*search*/
.search-box > form [type=submit] {
    width: 60px;
    height: 40px;
    background-color: white;
}

.sub-header {
    background-color: #f4f4f4;
    font-size: 1.05em;
}

@media (min-width: 1200px) {
    .home-page-category-grid .item-box, .home-page-manufacturer-grid .item-box {
        width: 33%;
    }
}

.home-page-category-grid .item-box, .home-page-manufacturer-grid .item-box {
    background-color: transparent;
    border: 0;
}

.page.home-page .homepageText {
    background: transparent;
    /*float: right;*/
}

    .page.home-page .homepageText .topic-html-content .topic-html-content-title .topic-html-content-header {
        color: #3E3E3E;
    }

    .page.home-page .homepageText .topic-html-content .topic-html-content-body {
        color: #3E3E3E;
        text-align: left;
    }

    .page.home-page .homepageText .topic-html-content .topic-html-content-title .topic-html-content-header::after {
        display: none;
    }
/*mega menu color*/
.megamenuContainer .mega-menu li a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 7.5px 45px 7.5px 15px;
    font-family: var(--font-family) !important;
    position: relative;
}
/*bottoni  footer*/
body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p {
    color: #3E3E3E;
    /*font-family: 'SUSE';*/
    background-color: #fff;
    border: solid 2px #413E4A;
    width: 100%;
    font-size: 19px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 80px;
}

footer h3 {
    color: white !Important
}

body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.payment {
        width: calc((100% / 3) - 30px);
        background-image: url(images/HomepageBox/lock.svg);
        background-position: 15px 15px;
        background-repeat: no-repeat;
        font-weight: bold;
        justify-content: center;
    }

    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.shipping {
        width: calc((100% / 3) - 30px);
        background-image: url(images/HomepageBox/fast.svg);
        background-position: 15px 15px;
        background-repeat: no-repeat;
        font-weight: bold;
        justify-content: center;
    }

    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.support {
        width: calc((100% / 3) - 30px);
        background-image: url(images/HomepageBox/help.svg);
        background-position: 15px 15px;
        background-repeat: no-repeat;
        font-weight: bold;
        justify-content: center;
    }

@media (max-width: 991px) {
    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p {
        width: 100%;
    }

    .topic-html-content-body .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .content-info {
        flex-wrap: wrap;
    }

        .content-info p {
            width: 100%;
        }

    .video {
        width: 100%;
    }

    .text-image {
        display: flex;
        flex-wrap: wrap-reverse;
        justify-content: space-around;
    }

        .text-image p {
            width: 100%;
        }

        .text-image p {
            width: 100%;
        }

        .text-image img {
            margin-top: 30px;
            width: 100% !important;
        }
}

@media (max-width: 767px) {
    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p {
        margin-left: 10px;
        margin-right: 10px;
    }

    .banner-b img {
        padding-left: 10px;
        padding-right: 10px;
    }

    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.payment {
        width: 100%;
    }

    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.shipping {
        width: 100%;
    }

    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.support {
        width: 100%;
    }
}

@media (max-width: 299px) {
    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p {
        min-height: 60px;
        padding: 0 10px 0 50px;
    }
}

body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p::before {
    content: '';
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto calc(100% - 50px);
    width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 299px) {
    body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p::before {
        width: 40px;
        background-size: auto calc(100% - 40px);
    }
}


body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p::before {
    content: '';
    display: inline-block;
}

body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.payment::before {
    display: none
}

body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.shipping::before {
    display: none
}

body .master-wrapper-page .master-wrapper-content .master-wrapper-main .page.home-page .page-body .homepage-box .topic-html-content .topic-html-content-body > p.support::before {
    display: none
}

/*-------------------------------------------------------------*/

body .top-menu.restyle ul.menu > li > a {
    color: #263648;
}

body .top-menu.restyle ul.menu > li > span {
    color: #263648;
}

body .top-menu.restyle ul.menu > li svg path {
    fill: #263648;
}

body .top-menu.restyle {
    background-color: #ffff;
    box-shadow: 0px 0px 12px #0000004D;
}

body table.compare-products-table td:last-of-type {
    text-align: center;
}

header .header-logo .logo {
    height: 113px;
}

footer .logoContainer img {
    height: 88px;
    width: auto;
}

.search-box > form input[type=text] {
    border: 3px solid #308DD2;
    border-right: none;
}

.search-box > form [type=submit] svg path {
    fill: #308DD2;
}

.search-box > form [type=submit] {
    border: 3px solid #308DD2;
    border-left: none;
}

div#new-wish {
    display: none !important;
}

body .homepageText {
    background-color: #f4f4f4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}

.topic-html-content-title h2 {
    color: #53565a;
    padding-top: 20px;
    font-size: 25px;
    font-weight: bold;
    color: #308DD2 !important;
    margin-top: 33px;
    position: relative;
    padding-bottom: 33px;
}

.homepage-title .topic-html-content-title h2 {
    color: #16224A;
}

    .homepage-title .topic-html-content-title h2::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 10px;
        width: 100px;
        height: 3px;
        background-color: #308DD2;
    }

@media (max-width: 991px) {
    .homepage-title .topic-html-content-title h2::after {
        left: 50%;
    }
}

.homepageInfos .topic-html-content-title h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 225px;
    height: 18px;
    background-color: #308DD2;
}

@media (max-width: 991px) {
    .homepageInfos .topic-html-content-title h2::after {
        left: 50%;
    }
}

.homepageInfos .topic-html-content .topic-html-content-body p.title {
    color: #308DD2;
    font-size: 40px;
    font-weight: bold;
    margin-top: 13px;
}

.homepageInfos .topic-html-content .topic-html-content-body p.main-text {
    color: #3E3E3E;
    font-size: 20px;
    margin-top: 11px;
}

body .jcarouselNew-container .jcarouselNew-title {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #3E3E3E;
    margin-top: 75px;
    position: relative;
    padding-bottom: 10px;
}

    body .jcarouselNew-container .jcarouselNew-title::after {
        content: "";
        position: absolute;
        left: 50%;
        width: 68px;
        height: 3px;
        background-color: #008DD2;
        bottom: 0;
        transform: translateX(-50%);
    }

.jcarouselNew-container .jcarouselNew-control-prev {
    font: 47px / 27px Arial, sans-serif;
    font-weight: normal;
}

.jcarouselNew-control-prev,
.jcarouselNew-control-next {
    font-size: 0 !important;
}

.page.home-page .nop-jcarousel .carousel-title > span {
    font-size: 30px;
    color: #3E3E3E;
}

    .page.home-page .nop-jcarousel .carousel-title > span::before {
        background-color: #008DD2;
    }

.page.home-page .nop-jcarousel .jcarousel-container .jcarousel-prev::before {
    font-size: 36px;
    color: #008DD2;
}

.page.home-page .nop-jcarousel .jcarousel-container .jcarousel-next::before {
    font-size: 36px;
    color: #008DD2;
}

body .jcarouselNew-container .jcarouselNew-wrapper .jcarouselNew-control-prev::before, body .jcarouselNew-container .jcarouselNew-wrapper .jcarouselNew-control-next::before {
    background-image: url(Images/angle.svg);
}


/*top header*/
body .top-header {
    color: #fff;
    background-color: #263648;
    width: 100%;
    float: left;
}

    body .top-header .topic-html-content {
        margin: 0;
        padding: 7px 0;
    }

        body .top-header .topic-html-content .topic-html-content-body {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
        }

            body .top-header .topic-html-content .topic-html-content-body > div:first-of-type {
                font-size: 18px;
                font-weight: 600;
            }

            body .top-header .topic-html-content .topic-html-content-body > div:nth-child(2) {
                font-size: 14px;
                font-weight: 400;
                border-left: 1px solid #fff;
                padding-left: 15px;
            }

            body .top-header .topic-html-content .topic-html-content-body ul {
                list-style: none;
                text-align: left;
            }

                body .top-header .topic-html-content .topic-html-content-body ul > li::before {
                    content: '';
                    display: inline-block;
                    background-image: url(Images/check-white.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: contain;
                    width: 10px;
                    height: 10px;
                    margin-right: 7px;
                }

body .page.home-page .page-body .sliderInTwoSides,
body .page.home-page .page-body .sliderInTwoSides > .cntnt,
body .page.home-page .page-body .sliderInTwoSides .homepageText {
    background: transparent;
}

    body .page.home-page .page-body .sliderInTwoSides .homepageText .topic-html-content {
        padding: 0;
        margin: 0;
    }

        body .page.home-page .page-body .sliderInTwoSides .homepageText .topic-html-content .topic-html-content-body > p {
            margin: 0 0 15px 15px;
        }

@media (max-width: 767px) {
    body .page.home-page .page-body .sliderInTwoSides .homepageText .topic-html-content .topic-html-content-body > p {
        margin: 0 0 15px 0ss;
    }
}

@media (max-width:991px) {
    .topic-html-content-title h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

footer .social-banner .social svg path {
    fill: #308DD2;
}

footer .social-banner .social {
    background-color: transparent;
}

/*------------------------------------------------*/

.block-img {
    width: calc(40% - 15px);
}

.block-text {
    width: calc(60% - 15px);
}

.main-block-about-us .block-about-us .block-text p {
    color: #3E3E3E;
    margin-top: 10px;
}

.main-block-about-us .block-about-us {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 50PX;
    margin-top: 50PX;
    flex-wrap: wrap;
}

[data-systemname="AboutUs"] #ph-title {
    display: none;
}

@media (max-width:991px) {
    .main-block-about-us .block-about-us {
        flex-direction: column;
    }

    body .HomePageTestoalto.container .topic-html-content .topic-html-content-title h2.topic-html-content-header {
        line-height: 26px;
    }

    body .HomePageTestoalto.container .topic-html-content .topic-html-content-title h2.topic-html-content-header {
        text-align: center;
    }

    body .TopBrands .home-page-category-grid {
        width: 100%;
        margin-left: 0;
    }

    .page.home-page .page-body .title > strong {
        text-align: center !important;
    }

        .page.home-page .page-body .title > strong::before {
            left: 50%;
            transform: translateX(-50%);
        }
}

@media (min-width:992px) {
    .main-block-about-us .block-about-us:nth-child(2n+2) .block-text {
        order: -1;
    }
}

[data-systemname="AboutUs"] .page-body .container {
    padding-left: 0;
    padding-right: 0;
}

    [data-systemname="AboutUs"] .page-body .container > img {
        margin-bottom: 44px;
    }

[data-systemname="AboutUs"] .page-body h1 {
    color: #308DD2;
    font-size: 40px;
}

p.little-title {
    font-size: 28px;
    color: #308DD2 !important;
}

.main-text-aboutus {
    color: #3E3E3E;
    font-size: 20px;
}

/* HOMEPAGE */
body .page.home-page .blue-row {
    background-color: #F4F8FC;
    padding-bottom: 75px;
    margin: 100px 0;
}

/* HOMEPAGE BOTTOM */
body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 30px;
    margin-top: 100px;
}

    body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body > p {
        flex: 1;
        border: 2px solid #308DD2;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 62px;
        padding-left: 75px;
        font-size: 16px;
        overflow: hidden;
    }

        body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body > p::before {
            content: '';
            font-family: FontAwesome;
            color: #fff;
            background-color: #308DD2;
            position: absolute;
            top: -1px;
            left: -1px;
            width: 77px;
            height: 62px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }

        body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body > p.payment::before {
            content: '\f023';
        }

        body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body > p.shipping::before {
            content: '\f017';
        }

        body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body > p.support::before {
            content: '\f095';
        }

@media (max-width: 991px) {
    body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body {
        gap: 15px;
        justify-content: center;
        flex-wrap: wrap;
    }

        body .page.home-page .homepageBottom > .topic-html-content > .topic-html-content-body > p {
            width: calc(100% - 60px);
            flex: none;
        }
}
/* FOOTER SOCIAL */
body footer .social-banner {
    padding-top: 15px;
    padding-bottom: 15px;
}

    body footer .social-banner .social,
    body footer .social-banner .social svg {
        width: 50px;
        height: 50px;
    }

/* HEADER FIXES */
body .row.header-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body .search-box > form input[type=text] {
    height: 60px;
    border-radius: 30px 0 0 30px;
}

body .search-box > form [type=submit] {
    height: 60px;
    border-radius: 0 30px 30px 0;
}

body header.header .header-side .right-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

    body header.header .header-side .right-side > .register > a,
    body header.header .header-side .right-side > .user > a.account {
        color: #fff;
        background-color: #008DD2;
        padding: 7px 30px;
    }

        body header.header .header-side .right-side > .register.register-btn > a::before,
        body header.header .header-side .right-side > .user > a.account::before {
            content: '\f007';
            font-family: FontAwesome;
            margin-right: 15px;
        }

    body header.header .header-side .right-side > .register.login-btn > a::before {
        content: '\f090';
        font-family: FontAwesome;
        margin-right: 15px;
    }



@media (max-width: 1200px) {
    body header.header .header-side .right-side > .register {
        display: none;
    }
}


@media (max-width: 991px) {
    body header.header .header-side .right-side > .user {
        display: none;
    }
}

/* CONTACT US */
body .page.contact-page .topic-html-content .topic-html-content-body {
    text-align: left;
}

    body .page.contact-page .topic-html-content .topic-html-content-body p > b {
        color: #308DD2;
        font-size: 25px;
    }

    body .page.contact-page .topic-html-content .topic-html-content-body iframe {
        width: 100%;
        max-width: 100%;
    }

    body .page.contact-page .topic-html-content .topic-html-content-body .infos-table-box table {
        border: 0;
    }

        body .page.contact-page .topic-html-content .topic-html-content-body .infos-table-box table tr td {
            border: 0;
            background-color: transparent;
            text-align: left;
        }

            body .page.contact-page .topic-html-content .topic-html-content-body .infos-table-box table tr td:first-of-type {
                width: 125px;
            }

    body .page.contact-page .topic-html-content .topic-html-content-body .infos-mainbox .infosbox {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
    }

        body .page.contact-page .topic-html-content .topic-html-content-body .infos-mainbox .infosbox > .iframebox {
            width: calc(65% - 15px);
        }

        body .page.contact-page .topic-html-content .topic-html-content-body .infos-mainbox .infosbox > .infos-table-box {
            width: 35%;
        }

@media (max-width: 991px) {
    body .page.contact-page .topic-html-content .topic-html-content-body .infos-mainbox .infosbox > * {
        width: 100% !important;
    }
}

body .page.contact-page form .form-fields .inputs {
    padding: 0;
    position: relative;
}

@media (max-width: 991px) {
    body .page.contact-page form .form-fields .inputs input {
        width: 100%;
    }
}

body .page.contact-page form .form-fields .inputs .required {
    position: absolute;
    top: 0;
    left: -10px;
}

body .page.contact-page form .accept-privacy-policy {
    text-align: left;
}

body .top-menu.restyle ul.menu > li > span:hover, body .top-menu.restyle ul.menu > li > a:hover {
    background-color: #F4F8FC;
}

/* HOMEPAGE DOUBLE BANNER */
body .homepageDoubleBanner > .topic-html-content > .topic-html-content-body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

    body .homepageDoubleBanner > .topic-html-content > .topic-html-content-body > p {
        width: calc(50% - 7px);
        margin: 0 0 -5px;
    }

        body .homepageDoubleBanner > .topic-html-content > .topic-html-content-body > p img {
            width: 100%;
        }

@media (max-width: 767px) {
    body .homepageDoubleBanner > .topic-html-content > .topic-html-content-body {
        padding: 0 15px;
    }

        body .homepageDoubleBanner > .topic-html-content > .topic-html-content-body > p {
            width: 100%;
        }
}

.prices .product-price {
    font-size: 20px;
}

.simple-product-add-to-cart .prices .product-price span.full-price {
    color: red;
    font-size: 1.6em;
    font-weight: bold;
    display: flex;
}

.prices .product-price span.prezzo-scontato {
    color: red;
    font-size: 1.1em;
    font-weight: bold;
}

.list-item .right .search-price .price.final {
    color: red;
}

#k-Table .product-price span.full-price {
    letter-spacing: -1px;
    color: red;
    display: flex;
}

.featured-product-grid > div {
    width: 100%;
}

#variantTable .k-grid.k-widget.k-grid-lockedcolumns .k-grid-content table tbody tr .code span {
    font-size: 20px;
}

li.prom {
    order: 90;
}

body .product-search-saas-container > .product-search-saas-background .ais-InstantSearch > .content-ais > .body-ais > .list-container > .ais-Hits > ol.ais-Hits-list > li.ais-Hits-item > .list-item > .right > .search-price {
    text-align: right;
}

body .deliv-date {
    width: 100%;
    float: left;
    margin: 0 0 15px;
}

    body .deliv-date > span {
        display: inline-block;
        color: var(--primaryHover);
        border: 1px solid var(--primary);
        padding: 7px 15px;
    }

        body .deliv-date > span > b {
            font-weight: normal;
        }
