/*
Theme Name: GBS Child
Theme URI: http://underscores.me/
Author: Global Business Solution S.r.l.
Author URI: http://www.gbs-group.it
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

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

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

@media screen and (max-width:1279px) {

    .w-container,
    #navigation-bar {
        padding-left: 25px;
        padding-right: 25px;
    }

    #action-bar {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

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

    .visor-text-container .after-title {
        padding-left: 0;
    }

    .visor-text-container .after-title:before {
        content: none;
    }
}

@media screen and (max-width:1023px) {
    .grid-container .cell {
        grid-column-start: 1 !important;
        grid-column-end: 12 span !important;
    }

    #section-sectors .grid-container .cell.sector-home,
    #section-applications .grid-container .cell.application,
    #section-products-filter .grid-container .cell.prod-filt {
        grid-column-start: initial !important;
        grid-column-end: 6 span !important;
    }

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

    .after-title {
        padding-left: 0;
    }

    .after-title:before {
        content: none;
    }

    .after-title.after-title-small {
        padding-left: 0;
    }

    .order-3-mb {
        order: 3;
        margin-top: var(--spacing-1);
        text-align: center;
    }

    .text-container-application .desc {
        display: block;
    }

    #section-research ul {
        display: flex;
        flex-wrap: wrap;
    }

    #section-research ul li {
        width: 50%;
    }

    .text-container-sector .title-h4 {
        text-align: left;
    }

    #section-targets>div {
        padding-top: 0;
        margin-top: var(--spacing-1);
    }

    .text-columns {
        columns: unset;
    }

    .txt-sec:nth-child(odd) .grid-container .cell:first-of-type {
        order: 1;
    }

    .txt-sec:nth-child(odd) .grid-container .cell:last-of-type {
        order: 2;
    }

    .txt-sec .grid-container .cell:last-of-type {
        padding-right: 0;
    }

    .txt-sec:nth-child(even) .grid-container .cell:last-of-type {
        padding-right: 0;
        padding-left: 0;
    }

    .txt-sec .cell.g12 {
        margin-top: var(--spacing-1);
        padding: 0 !important;
    }

    .txt-sec .cell {
        margin-bottom: var(--spacing-1);
    }

    .none-mob {
        display: none !important;
    }

    .display-block-mb {
        display: block !important;
    }

    .display-inline-block-mb {
        display: inline-block !important;
    }

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

    .grid-27.grid-container {
        column-gap: 0;
    }

    footer .grid-27.grid-container .cell:nth-child(2) {
        grid-column-start: 1 !important;
    }

    footer .grid-27.grid-container .cell:nth-child(3) {
        grid-column-start: 15 !important;
    }

    footer .grid-27.grid-container .cell:nth-child(2),
    footer .grid-27.grid-container .cell:nth-child(3) {
        grid-column-end: span 13 !important;
    }

    footer .grid-27.grid-container .cell:first-of-type,
    footer .grid-27.grid-container .cell:last-of-type {
        grid-column-start: 1 !important;
        grid-column-end: span 27 !important;
    }
}

@media screen and (max-width:767px) {
    :root {
        /*font size/line height*/
        --size-p: 15px;
        --size-p-small: 14px;
        --size-p-big: 17px;

        --size-h1: 36px;
        --lineH-h1: 1.2;


        --size-h2: 32px;
        --lineH-h2: 1.2;


        --size-h3: 28px;
        --lineH-h3: 1.2;


        --size-h4: 24px;
        --lineH-h4: 1.3;


        --size-h5: 20px;
        --lineH-h5: 1.5;


        --size-h6: 17px;
        --lineH-h6: 1.6;


        /*Elementi*/
        --w-container: 100%;
        --w-container-stretto: 100%;
        --width-btn: 20px;

        --padding-container: 0 35px;
        --padding-singolo: 35px;

        --padding-colonne: 20px;
        --padding-box: 30px;
        --space-margin: 50px;
    }

    #section-products ul li {
        width: 100%;
    }

    #section-research ul li {
        width: 100%;
    }

    #btnFiltersContainer .btn.btn-primary {
        border-right: 2px solid var(--accent-color);
    }

    .section-footer-form>div {
        padding-left: var(--spacing-1);
        padding-right: var(--spacing-1);
    }

    #section-sectors .grid-container .cell.sector-home,
    #section-applications .grid-container .cell.application {
        grid-column-start: 1 !important;
        grid-column-end: 12 span !important;
    }

    .grid-container {
        max-width: 100%;
    }
}

@media screen and (max-width:479px) {
    :root {
        /*font size/line height*/
        --size-p: 15px;
        --size-p-small: 14px;
        --size-p-big: 16px;

        --size-h1: 30px;
        --lineH-h1: 1.2;


        --size-h2: 28px;
        --lineH-h2: 1.2;


        --size-h3: 24px;
        --lineH-h3: 1.2;


        --size-h4: 22px;
        --lineH-h4: 1.3;


        --size-h5: 18px;
        --lineH-h5: 1.5;


        --size-h6: 17px;
        --lineH-h6: 1.6;


        /*Elementi*/
        --w-container: 100%;
        --w-container-stretto: 100%;
        --width-btn: 80px;

        --padding-container: 0 25px;
        --padding-singolo: 25px;

        --padding-colonne: 20px;
        --padding-box: 20px;
        --space-margin: 50px;
    }
}

@media screen and (max-width:374px) {
    :root {
        /*font size/line height*/
        --size-p: 15px;
        --size-p-small: 14px;
        --size-p-big: 16px;

        --size-h1: 26px;
        --lineH-h1: 1.2;


        --size-h2: 24px;
        --lineH-h2: 1.2;


        --size-h3: 22px;
        --lineH-h3: 1.2;


        --size-h4: 20px;
        --lineH-h4: 1.3;


        --size-h5: 16px;
        --lineH-h5: 1.5;


        --size-h6: 16px;
        --lineH-h6: 1.6;


        /*Elementi*/
        --w-container: 100%;
        --w-container-stretto: 100%;
        --width-btn: 180px;

        --padding-container: 0 20px;
        --padding-singolo: 20px;

        --padding-colonne: 20px;
        --padding-box: 20px;
        --space-margin: 50px;
    }
}

@media screen and (max-width:1440px) {
    .sector-item {
        height: var(--spacing-11);
    }
}

@media screen and (max-width:1279px) {
    #content-hub .hub-list article.hub-card {
        min-height: 350px
    }
}

@media screen and (max-width:1023px) {

    /*----------------header----------------*/
    header #navigation-bar .header-content {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    header #navigation-bar .header-content .site-branding .logo-container #logo {
        width: 120px
    }

    header #navigation-bar .header-content .site-menu #burger-btn .menu-icon {
        width: 40px
    }

    #content-hub .hub-list article.hub-card {
        padding: 30px 25px;
        min-height: 330px
    }
}

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

    /*colonne-flex + gap*/
    .col-20-flex,
    .col-30-flex,
    .col-40-flex,
    .col-50-flex,
    .col-60-flex {
        flex-basis: 44%;
    }

    .col-80-flex {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 90%;
    }

    /*----------------flex----------------*/

    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        padding: 30px 25px;
        min-height: 300px
    }

    #content-hub .hub-list article.hub-card.col-40-flex .article-head,
    #content-hub .hub-list article.hub-card.col-40-flex .article-body,
    #content-hub .hub-list article.hub-card.col-40-flex .article-footer #content-hub .hub-list article.hub-card.col-60-flex .article-head,
    #content-hub .hub-list article.hub-card.col-60-flex .article-body,
    #content-hub .hub-list article.hub-card.col-60-flex .article-footer {
        max-width: 100%;
    }

    #content-hub .hub-list article.hub-card .article-footer .plus-icon {
        width: 24px;
        height: 24px;
    }

    #content-hub .hub-list article.hub-card .article-footer .plus-icon * {
        stroke-width: 3px !important
    }

    .people-img-container {
        padding: 25px;
    }

    .people-img-container>figure:after {
        left: 25px;
        top: 15px;
    }
}

@media only screen and (max-width: 959px) {
    ul.list-clients .col-20-flex {
        flex-basis: 23%;
    }
}

@media screen and (max-width: 781px) {

    footer #widget-area .wp-block-column:not(:only-child),
    footer #copyright-area .wp-block-column:not(:only-child) {
        flex-basis: 100% !important;
        margin-left: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    footer #widget-area .wp-block-column .wp-block-spacer {
        display: none;
    }

    footer #widget-area .logo-footer-container #logo-footer {
        margin: 0 auto;
    }

    footer #copyright-area ul.social-footer {
        padding: 0;
        margin: 0;
        justify-content: center;
    }
}

@media screen and (max-width:767px) {

    /*.flex {
      display: block;
  }*/
    .wpcf7 .col-100,
    .form .col-100,
    .wpcf7 .col-80,
    .form .col-80,
    .wpcf7 .col-75,
    .form .col-75,
    .wpcf7 .col-70,
    .form .col-70,
    .wpcf7 .col-60,
    .form .col-60,
    .wpcf7 .col-50,
    .form .col-50,
    .wpcf7 .col-40,
    .form .col-40,
    .wpcf7 .col-33,
    .form .col-33,
    .wpcf7 .col-30,
    .form .col-30,
    .wpcf7 .col-25,
    .form .col-25,
    .wpcf7 .col-15,
    .form .col-15 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .col-85,
    .col-80,
    .col-75,
    .col-70,
    .col-60,
    .col-50,
    .col-40,
    .col-33,
    .col-30,
    .col-35,
    .col-25,
    .col-15 {
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .col-100 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .max50 {
        max-width: none !important;
    }

    .flex-nowrap {
        flex-wrap: wrap;
    }

    /*section.margin.first {
      margin-top: calc(var(--space-margin) / 2);
      margin-bottom: calc(var(--space-margin) / 2);
  }*/
    .row .col-50:nth-child(even) {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .row .col-50:nth-child(odd) {
        padding-right: 0;
        margin-bottom: 20px;
    }

    p {
        margin: 0 0 5px;
    }

    /*Fine generiche*/
    .title-h1,
    .title-h2,
    .title-h3,
    .title-h4,
    .title-h5,
    .title-h6 {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btn,
    div.wpcf7 input[type="submit"] {
        line-height: 1.4;
        padding: 10px 20px;
        margin: 7.5px 0;
        width: 100%;
        text-align: center;
    }

    .btn-row.flex .btn,
    .btn {
        width: auto;
        text-align: center;
    }
}

@media screen and (max-width:767px) {

    /*colonne-flex + gap*/
    .col-20-flex,
    .col-30-flex,
    .col-40-flex,
    .col-50-flex,
    .col-60-flex {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 90%;
    }

    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        min-height: calc(90vw - (var(--padding-singolo) * 2))
    }

    #content-hub .hub-list article.hub-card .article-body .article-title {
        -webkit-line-clamp: 3;
    }

    #content-hub .hub-list article.hub-card .article-body .article-excerpt {
        -webkit-line-clamp: 3;
    }

    #content-hub .hub-list article.hub-card .article-body * {
        text-align: left;
    }

    #content-hub .hub-list article.hub-card .article-body *,
    #content-hub .hub-list article.hub-card #article-head * {
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    section#universe .list-content {
        text-align: center;
    }

    section#universe .list-content .col-10 {
        width: 100%;
        margin-top: 10px;
    }

    section#value {
        text-align: center;
    }

    .addtoany_share_save_container {
        text-align: center;
    }

    ul.list-posizioni ul.lista-specifiche {
        justify-content: center;
    }

    ul.list-posizioni p {
        text-align: center;
    }

    section.marginbasey3,
    .w-container.marginbasey3 {
        margin-top: var(--spacing-1);
        margin-bottom: var(--spacing-1);
    }

    .w-container.marginbasetop2,
    .w-container.marginbasetop4 {
        margin-top: var(--spacing-1);
    }

    .w-container.paddingbasey4 {
        padding-top: var(--spacing-1);
        padding-bottom: var(--spacing-1);
    }

    #page-visor {
        text-align: center;
    }
}

@media screen and (max-width:479px) {

    /*----------------header----------------*/
    header #navigation-bar .header-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        min-height: calc(100vw - (var(--padding-singolo) * 2))
    }

    header #navigation-bar .header-content .site-branding {
        width: 50%;
        margin-bottom: 0;
    }

    #section-products-filter .grid-container .cell.prod-filt {
        padding: 0 10px 0 10px;
    }

    #section-products-filter .grid-container .cell.prod-filt figure {
        height: auto;
    }
}

@media screen and (max-width:374px) {
    header #action-bar .action-bar-menu ul {
        column-gap: 20px;
    }
}

/*provvisorio*/

@media screen and (max-height: 700px) {
    section#visore-home .contenuto br {
        display: none;
    }

    section#visore-home .contenuto .element-1 {
        max-width: 90%;
        z-index: 10;
        position: relative
    }

    section#visore-home .contenuto .element-1 h1 {
        font-size: calc(var(--size-h2) - 12px);
    }

    section#visore-home .contenuto .element-1:after {
        z-index: -1;
        right: -380px;
        bottom: -100px;
        transform: scale(0.8);

    }

    section#visore-home .contenuto .element-2 {
        position: absolute;
        bottom: 30px;
    }
}




/*menu mobile */
@media screen and (max-width: 1024px) {

    /*bottone menu*/
    /* header #navigation-bar .navigation-content.type_menu_1 button.menu-toggle {
    align-content: flex-end;
    justify-content: end;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
  } */
    nav#site-navigation {
        justify-content: end;
        display: flex;
    }

    header #navigation-bar .navigation-content.type_menu_1 button.menu-toggle svg.menu-icon {
        fill: #ffffff !important;
        width: 100%;
    }

    button.menu-toggle,
    button.menu-toggle * {
        overflow: visible !important;
        z-index: 1000;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled button.menu-toggle .menu-icon .line-1 {
        transform: rotate(45deg) translate(7px, 4px);
        transform-origin: center !important;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled button.menu-toggle .menu-icon .line-2 {
        transform: scale(0);
        transform-origin: center;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled button.menu-toggle .menu-icon .line-3 {
        transform: rotate(-45deg) translate(5px, -4px);
        transform-origin: center;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation button.menu-toggle .menu-icon * {
        transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms !important;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation .menu-menu-principale-container,
    header #navigation-bar .navigation-content.type_menu_1 #site-navigation .menu-menu-principale-italiano-container,
    header #navigation-bar .navigation-content.type_menu_1 #site-navigation .menu-menu-principale-en-global-container,
    header #navigation-bar .navigation-content.type_menu_1 #site-navigation .menu-menu-principale-spagnolo-container {
        transition: all 0.35s;
        position: fixed;
        top: 50%;
        left: 50%;
        height: 0%;
        width: 0%;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled .menu-menu-principale-container {
        transition: all 0.35s;
        text-align: left;
        height: 100%;
        width: 100%;
        border-radius: 0px;
        top: 0;
        left: 0;
        background-color: rgb(255 255 255 / 90%);
        backdrop-filter: blur(11px);
        display: flex;
        align-items: center;
        justify-content: start;
        opacity: 1;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation ul#primary-menu {
        opacity: 0;
        max-width: calc(100% - 70px);
        margin: 0 auto;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled ul#primary-menu {
        opacity: 1;
        animation-name: menuUlfade;
        animation-duration: 1s;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled ul li:not(.sub-menu li) {
        border-bottom: 1px solid #ccc
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled ul li.focus .sub-menu {
        padding-bottom: 20px
    }

    header #navigation-bar .navigation-content.type_menu_1 #site-navigation.toggled ul li a {
        color: var(--text-color-header);
        font-size: 20px
    }

    @keyframes menuUlfade {
        0% {
            opacity: 0;
            transform: scale(0)
        }

        100% {
            opacity: 1;
            transform: scale(1)
        }
    }

    header #navigation-bar .navigation-content.type_menu_1 .extra-content {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    header.transparet #navigation-bar:not(.sticky) .site-branding figure.logo-container svg#logo #testo_tech path {
        fill: #fff;
        transition: fill ease-out 500ms;
    }

    html.stop header.transparet #navigation-bar .navigation-content .site-branding .logo-container #logo #testo_tech path {
        fill: #fff;
    }

    html:not(.stop) header:not(.transparet) #navigation-bar .navigation-content.type_menu_1 button.menu-toggle span {
        color: var(--textcolor);
        font-weight: 300;
    }

    html:not(.stop) header:not(.transparet) #navigation-bar .navigation-content.type_menu_1 .extra-content p,
    html:not(.stop) header:not(.transparet) #navigation-bar .navigation-content.type_menu_1 .extra-content a {
        color: var(--textcolor) !important;
        font-weight: 300;
    }

    html:not(.stop) header #navigation-bar.sticky .navigation-content.type_menu_1 button.menu-toggle span {
        color: var(--textcolor);
        font-weight: 300;
    }

    html:not(.stop) header #navigation-bar.sticky .navigation-content.type_menu_1 .extra-content p {
        color: var(--textcolor) !important;
        font-weight: 300;
    }

    header #navigation-bar .site-menu nav ul li.menu-item-has-children>ul.sub-menu {
        position: relative;
        visibility: collapse;
        max-height: 0;
        overflow: hidden;
        width: 100%;
        opacity: 1;
        box-shadow: none;
    }

    header #navigation-bar .site-menu nav ul li.menu-item-has-children.focus>ul.sub-menu {
        visibility: visible;
        position: relative;
        z-index: 10;
        max-height: 500px;
    }

    header #navigation-bar .site-menu nav ul li.menu-item-has-children>ul.sub-menu a {
        width: auto;
        color: #fff;
    }

    header #navigation-bar .site-menu nav ul li.menu-item-has-children>a:after {
        position: absolute;
        top: 0.25em;
    }

    li.menu-item.wpml-ls-item a {
        background: transparent;
        margin: 0 !important;
        font-size: initial;
    }

    li.wpml-ls-item.wpml-ls-current-language>a span {
        font-weight: 400;
    }

    .btn-search {
        display: flex;
    }

    header #navigation-bar .btn-search>a {
        padding: 13.2px;
        font-size: 18px;
    }

    nav#site-navigation {
        align-items: center;
    }

    header #navigation-bar .navigation-content.type_menu_1 button.menu-toggle {
        height: 48px;
        width: 48px;
        background: var(--accent-color);
        border-radius: 50%;
        padding: 10px;
        margin-left: 5px;
        border: none;
    }

    div#brochure .brochure-content {
        width: calc(100% - 50px);
    }

    .wpml-ls-menu-item .wpml-ls-flag {
        display: inline-block;
    }

    .sidenav .sub-menu .sub-menu.opened>.close-sub-menu {
        display: none;
    }

    .sidenav .sub-menu .sub-menu li a {
        color: #5a5a5a;
        font-weight: 400;
        font-size: 18px;
    }
}

/*generiche*/
@media screen and (max-width: 1024px) {

    .contenuto {
        max-width: 100%;
    }

    section .grid-container {
        grid-template-columns: repeat(6, 1fr);
        max-width: 100% !important;
    }

    section .grid-container .cell.g1,
    section .grid-container .cell.g2,
    section .grid-container .cell.g3,
    section .grid-container .cell.g4,
    section .grid-container .cell.g5 {
        grid-column-start: auto !important;
        grid-column-end: 3 span !important;
        text-align: center;
    }

    section .grid-container .cell.g6,
    section .grid-container .cell.g7,
    section .grid-container .cell.g8,
    section .grid-container .cell.g9,
    section .grid-container .cell.g10,
    section .grid-container .cell.g10,
    section .grid-container .cell.g11,
    section .grid-container .cell.g12 {
        grid-column-start: 1 !important;
        grid-column-end: 6 span !important;
        width: 100%;
    }

    header #navigation-bar .navigation-content .site-branding {
        width: auto;
    }
}

/*generiche*/
@media screen and (max-width: 767px) {
    section#about .grid-container {
        grid-template-columns: repeat(6, 1fr);
        max-width: 100%;
    }

    section .grid-container .cell.g1,
    section .grid-container .cell.g2,
    section .grid-container .cell.g3,
    section .grid-container .cell.g4,
    section .grid-container .cell.g5,
    section .grid-container .cell.g6,
    section .grid-container .cell.g7,
    section .grid-container .cell.g8,
    section .grid-container .cell.g9,
    section .grid-container .cell.g10,
    section .grid-container .cell.g10,
    section .grid-container .cell.g11,
    section .grid-container .cell.g12 {
        grid-column-start: 1 !important;
        grid-column-end: 6 span !important;
    }
}

/*correzioni specifiche-------------------------------------------------------------------------------*/

/*section#about*/
@media screen and (max-width: 1024px) {
    section#about .grid-container {
        grid-template-columns: repeat(6, 1fr);
        max-width: 100%;
    }

    section#about .grid-container .cell.g3 {
        grid-column-start: auto !important;
        grid-column-end: 3 span !important;
        text-align: center;
    }

    section#about .grid-container .cell.g6 {
        grid-column-start: 1 !important;
        grid-column-end: 6 span !important;
    }

    section#about .grid-container figure img,
    figure {
        text-align: center !important;
        margin: 0 auto;
    }

    section#helpdesk .helpdesk-inner,
    section#world .world-inner {
        padding: 30px;
    }

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

    /*custom widget area*/

    footer#footer section#widget-area .widget-row.widget_custom {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(auto, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    footer#footer section#widget-area .widget-row.widget_custom {
        display: grid;
    }

    footer#footer section#widget-area .widget-row.widget_custom .div1,
    footer#footer section#widget-area .widget-row.widget_custom .div2,
    footer#footer section#widget-area .widget-row.widget_custom .div3,
    footer#footer section#widget-area .widget-row.widget_custom .div4,
    footer#footer section#widget-area .widget-row.widget_custom .div5 {
        grid-row-start: auto;
        grid-column-start: auto;
        grid-row-end: auto;
        grid-column-end: auto;
    }

    footer#footer section#widget-area .widget-row.widget_custom .hr-row {
        grid-column-end: 13;
    }

    footer#footer section#widget-area .widget-row.widget_custom .div1,
    footer#footer section#widget-area .widget-row.widget_custom .div2 {
        grid-row-start: 1;
    }

    footer#footer section#widget-area .widget-row.widget_custom .div5 {
        /* border-top: 1px solid var(--darkergrey);
    padding-top: 60px;
    margin-top: 30px; */
    }

    footer#footer section#widget-area .widget-row.widget_custom * {
        text-align: center
    }

    footer#footer section#widget-area .widget-row.widget_custom .wpcf7 * {
        text-align: left !important;
    }

    footer#footer section#widget-area .widget-row.widget_custom .wpcf7 input.wpcf7-submit.btn {
        text-align: center !important;
    }

    body.page-template-reseller section#partners {
        padding: 30px 35px;
    }

    body.page-template-reseller section#partners .accordion-partners {
        padding: 0px;
    }

    body.page-template-reseller section#partners .accordion-partners-title {
        border: 1px solid;
        padding: 15px !important;
        border-radius: 5px
    }

    .btn.btn-style-1.btn.shadow:not(:hover),
    .btn.btn-style-2.btn.shadow:not(:hover),
    .btn.btn-style-3.btn.shadow:not(:hover),
    .btn.btn-style-4.btn.shadow:not(:hover),
    .btn.btn-style-5.btn.shadow:not(:hover),
    .btn.btn-style-6.btn.shadow:not(:hover),
    .btn.shadow:hover {
        filter: none;
    }

    .sidenav .wpml-ls-menu-item {
        display: block;
        margin: 0;
        padding: 0;
    }

    .sidenav .wpml-ls-menu-item .open-sub-menu,
    .sidenav .wpml-ls-menu-item .close-sub-menu {
        display: none;
    }

    .sidenav .wpml-ls-menu-item .sub-menu {
        position: relative;
        width: 100%;
        display: block;
        left: 0;
        background: none;
        padding: 0;
        z-index: 10000000;
    }

    .sidenav .sub-menu a,
    .sidenav li.wpml-ls-item.wpml-ls-current-language>a {
        font-size: initial;
        border-radius: 0;
    }

    .sidenav li.wpml-ls-item.wpml-ls-current-language {
        margin-top: 20px;
        padding-top: 7px;
        background: transparent !important;
    }

    header:not(.transparet) #navigation-bar li.wpml-ls-item.wpml-ls-current-language>a,
    header #navigation-bar.sticky li.wpml-ls-item.wpml-ls-current-language>a {
        background-color: transparent !important;
        color: var(--text-color) !important;
    }

    .menu-item.wpml-ls-item .sub-menu li a {
        font-weight: 400;
    }

    .sidenav .sub-menu .open-sub-menu {
        display: none;
    }

    .sidenav .sub-menu .sub-menu {
        position: relative;
        height: auto;
        padding-right: 0;
        padding-left: 15px;
        width: 100%;
    }

    .sidenav .sub-menu .sub-menu .close-sub-menu {
        display: none;
    }

    .sidenav .sub-menu .sub-menu li a {
        padding-top: 0;
    }

    .sidenav .sub-menu.opened {
        left: 0;
    }

    .colonna-custom-menu>a {
        display: none;
    }

    .sidenav .sub-menu .colonna-custom-menu .sub-menu a {
        font-size: initial;
        color: var(--text-color);
        transition: 0.3s;
        font-weight: 600;
    }

    .sidenav .sub-menu .colonna-custom-menu .sub-menu {
        padding-left: 0;
    }

    header #navigation-bar.sticky li.wpml-ls-item.wpml-ls-current-language>a {
        background: transparent !important;
        color: var(--text-color) !important;
    }

    .sidenav .wpml-ls-menu-item .sub-menu .wpml-ls-menu-item {
        border-top: 0;
    }

    footer#footer section#widget-area .widget-row.widget_custom {
        column-gap: 0 !important;
    }

    #area-fixed {
        right: 15px;
    }

    .area-fixed-icon {
        width: 48px;
    }

    #area-fixed #area-fixed-link {
        top: 0px;
        height: 48px;
        right: -20px;
    }

    #area-fixed #area-fixed-link {
        font-size: 20px;
    }
}


@media screen and (max-width: 767px) {
    .btn-row {
        gap: 10px;
    }

    .sezione-alernata .alernata-img figure img,
    .sezione-alernata .alernata-img video {
        min-height: 500px;
        max-height: 700px;
    }

    .sezione-alernata.alernata-dx .alernata-text,
    .sezione-alernata.alernata-sx .alernata-text {
        padding-right: 30px;
        padding-left: 30px;
    }

    .sezione-alernata.alernata-dx .alernata-img {
        padding: 30px 30px 30px 0px;
    }

    .sezione-alernata.alernata-sx .alernata-img {
        padding: 30px 0px 30px 30px;
    }

    ul.list-faq>li .single-faq .col-10 {
        flex-basis: 10%;
    }

    ul.list-faq>li .single-faq .col-80-flex {
        flex-basis: 80%;
    }

    body.product-template-default .special-content * {
        text-align: left;
    }

    /*correzioni specifiche-------------------------------------------------------------------------------*/

    /*home*/
    section#visore-home .contenuto p {
        text-align: left;
    }

    section#visore-home .contenuto .element-1:after {
        content: none
    }

    section#visore-home .contenuto {
        justify-content: flex-end;
        padding-bottom: 80px;
    }

    section#about .grid-container {
        grid-template-columns: repeat(6, 1fr);
        max-width: 100%;
    }

    section#about .grid-container .cell.g3 {
        grid-column-start: 1 !important;
        grid-column-end: 6 span !important;
        text-align: center;
    }

    section#about .grid-container .cell.g6 {
        grid-column-start: 1 !important;
        grid-column-end: 6 span !important;
    }

    section#about .grid-container .title-h2,
    section#about .grid-container p.p-big {
        text-align: center;
    }

    section#about .grid-container .g3 .testo-custom-1 br {
        display: none;
    }

    section#about .grid-container .g3 figure {
        margin-bottom: 15px
    }

    section#product .product-action .btn {
        margin: 0 auto;
    }

    section#news .news-list figure {
        width: 100%;
    }

    section#news .news-list .news-single .news-title,
    section#news .news-list .news-single .news-excerpt {
        width: 100%;
        text-align: left;
        line-height: 1.3;
    }

    section#news .news-list .news-single {
        margin-bottom: 20px;
    }

    section#helpdesk .helpdesk-inner,
    section#world .world-inner {
        text-align: center;
    }

    section#helpdesk .helpdesk-inner figure,
    section#world .world-inner figure {
        justify-content: center;
        display: flex;
    }

    /*product*/
    body.product-template-default section#narrative .sezione-alernata.alernata-sx .alternata-special {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 70px;
        padding-bottom: 70px;
        right: 0px;
        position: relative;
    }

    body.product-template-default section#narrative .sezione-alernata.alernata-sx .alternata-special {
        border-radius: 0px 0px 0px 0px;
        margin-top: 40px;
        margin-top: 40px;
    }

    body.product-template-default section#visore-product .element-1 {
        order: 2;
    }

    body.product-template-default section#visore-product .element-2 {
        order: 1;
    }

    body.product-template-default section#faq .element-1 .cell.g6 {
        padding-top: 0px;
    }

    body.post-type-archive-product section#fascia-intro {
        height: 100vh;
    }

    body.post-type-archive-product section#fascia-intro .visore-intro-post {
        position: absolute;
        max-width: none;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0;
        filter: grayscale(1);
    }

    body.post-type-archive-product section#fascia-intro .visore-intro-post figure {
        width: 100%;
        height: 100%;
    }

    body.post-type-archive-product section#fascia-intro .visore-intro-post figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    body.post-type-archive-product section#fascia-intro .contenuto {
        justify-content: flex-end;
        padding-bottom: 80px;
        position: relative;
        display: flex;
        z-index: 10;
        min-height: 100%;
        flex-direction: column;
    }

    body.post-type-archive-product section#fascia-intro .contenuto .bianco {
        margin: 20px 0px 0px 0px;
    }

    body.post-type-archive-product section#product .description {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    body.post-type-archive-product section#product .description img {
        max-width: 110px;
        margin: 0px 0px 15px 0px;
    }

    body.post-type-archive-product section#product .contenuto {
        padding: 0;
    }

    body.post-type-archive-product section#product .carosello_3 article.product-card {
        width: 100%;
        max-width: none !important;
    }

    section#visore-landing .contenuto {
        justify-content: flex-end;
        padding-bottom: 80px;
    }

    section#visore-landing.about .contenuto:after,
    section#visore-landing.about .contenuto:before {
        content: none
    }

    section#copyright-area ul.legal {
        display: flex;
        flex-direction: column;
    }

    section#copyright-area .contenuto {
        flex-direction: column;
    }

    .tabs .tabs-stage .tab-content {
        flex-wrap: wrap;
    }

    .title-big-mob {
        font-size: 35px !important;
    }

    .flex-wrap-mb {
        flex-wrap: wrap;
    }

    .flex-wrap-mb>.padding20 {
        padding: 0;
    }

    footer section#widget-area {
        padding-bottom: 20px;
    }

    footer section#copyright-area .contenuto {
        padding-top: 20px;
    }

    #executive ul.flex {
        grid-gap: 20px;
    }

    .executive-list .people-single {
        width: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    .element-2 .product-logo {
        right: auto;
        left: 0;
    }
}

@media screen and (max-width:374px) {
    footer#footer section#widget-area .widget-row.widget_custom .hr-row {
        grid-column-end: 12 span;
        grid-row-start: auto;
        grid-row-end: auto;
    }

    footer#footer section#widget-area .widget-row.widget_custom .div1,
    footer#footer section#widget-area .widget-row.widget_custom .div2 {
        grid-row-start: auto;
        justify-content: center;
    }
}