/*
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){
/*variabili es var(--nome)*/
:root { 
    
    /*font size/line height*/

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

    --size-p-small:14px;
    --size-p-smaller:12px;
    
    --size-p-big:18px;
    --lineH-p-big:1.3;
    
    --size-p-check-form:12px;
     
    --size-h1: 50px;
    --lineH-h1: 1.2;

    --size-h2: 40px;
    --lineH-h2: 1.125;

    --size-h3: 34px;
    --lineH-h3: 1.125;

    --size-h4: 26px;
    --lineH-h4: 1.25;

    --size-h5: 24px;
    --lineH-h5: 1.25;

    --size-h6: 20px;
    --lineH-h6: 1.25;


     /*Elementi*/
     --w-container:1150px;
     --w-container-stretto:768px;
     --w-container-header:1150px;
     --width-btn:80px;
     
     --padding-container: 0 10px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    }
    
    
}

@media screen and (max-width:1440px){
    :root { 
    
        
    /*font size/line height*/
    --size-p:16px;
    --lineH-p:1.6;

    --size-p-small:14px;
    --size-p-smaller:12px;
    
    --size-p-big:18px;
    --lineH-p-big:1.3;
        
    --size-p-check-form:12px;
     
    --size-h1: 50px;
    --lineH-h1: 1.2;

    --size-h2: 40px;
    --lineH-h2: 1.125;

    --size-h3: 34px;
    --lineH-h3: 1.125;

    --size-h4: 26px;
    --lineH-h4: 1.25;

    --size-h5: 24px;
    --lineH-h5: 1.25;

    --size-h6: 20px;
    --lineH-h6: 1.25;


     /*Elementi*/
     --w-container:1150px;
     --w-container-stretto:768px;
     --w-container-header:1150px;
     --width-btn:80px;
     
     --padding-container: 0 10px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    } 
}

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

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


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


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


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


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


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


        /*Elementi*/
        --w-container:1024px;
        --w-container-stretto:995px;
        --width-btn:20px;
        
        --padding-container: 0 40px;
        --padding-singolo:40px;

        --padding-colonne:25px;
        --padding-box:30px;
        --space-margin:60px;
    }
    .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){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:17px;

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


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


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


     --size-h4: 22px;
     --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 40px;
     --padding-singolo:40px;

     --padding-colonne:20px;
     --padding-box:30px;
     --space-margin:50px;
    }
    .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;
    }
}

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

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


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


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


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


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


     --size-h6: 20px;
     --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;
    }
	
	header .action-bar-content a.margin30dx{
		margin-right:15px;
	}
}
@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
    }
}
@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: 0px;
    }
    .row .col-50:nth-child(odd) {
        padding-right: 0;
        margin-bottom: 00px;
    }
    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;
    }
    
}
















/***********************************responsive gds custom**************************/

@media screen and (max-width:1440px){
.prodotto-visore {
    width: 100%;
    max-width: 300px;
    float: right;
    padding-bottom: 10vh;
}
#visore-urban, #visore-industrial {
    padding: 60px;
    padding-right: 35%;
}
#slider-gbs .p-big.bianco.marginbasetop5.marginbasebottom {
    margin-top: 60px;
}	
.col-85 {
	width:100%;
	padding-right: 25px !important;
	padding-left: 25px !important;
}
.blocco-estratto p {
    font-size: var(--size-p);
}	
header #navigation-bar .site-menu nav ul ul.sub-menu > li > a {
	font-size: var(--size-h6);
}
.blocco-foto img {
    width: 100%;
    object-fit: contain;
   
}	
.blocco-estratto {
   max-width: 370px;
}	
#mappa figure, #mappa figure img {
    height: 500px;
}
	
#intro-applicazione .padding-container-dx.col-50.display-inline-block.padding100top.padding100bottom.padding-12col-left.vertical-top {
    padding-top: 40px;
    padding-bottom: 40px;
}	
#intro-applicazione .padding-6col-right {
    padding-right: calc(var(--w-container) / 12);
}
}
@media screen and (min-width: 1441px){
figure.blocco-foto {
    width: 50%;
    height: unset;
    max-width: 420px;
    /* max-height: 100%; */
}
.blocco-estratto {
    max-width: 380px;
}
}

@media screen and (min-width: 1820px) {
figure.blocco-foto {
    max-width: 490px;
}
.blocco-estratto {
    max-width: 450px;
}
.blocco-estratto p {
    font-size: var(--size-h6);
}
}

@media screen and (max-width:1366px){		
	:root{
	--padding-btn-s1: 10px 20px 10px 20px;
}
	
#prefooter .col-40.padding-12col-right{
    padding-right: calc(var(--w-container) / 24);
}
}

@media screen and (max-width:1280px){	
	
header #navigation-bar .navigation-content.type_menu_1 {
    padding: 0 !important;
}
	
button.menu-toggle {
    background: transparent;
    border: 0;
	position:relative;
	z-index:99999999999999;
}
svg.menu-icon, header .sticky svg.menu-icon {
    fill: #000;
}	
header .sticky svg.menu-icon {
    fill: #000 !important;
}		
header.transparet svg.menu-icon, .main-navigation.toggled svg.menu-icon {
    fill: #FFF;
}	
header .sticky .main-navigation.toggled svg.menu-icon {
    fill: #FFF !important;
}		
li.megamenu > a:before {
    content: 'expand_more';
    font-family: 'Material Icons';
    vertical-align: middle;
    margin-left: 10px;
	float:right;
}	
li.megamenu.active > a:before{
    content: 'expand_less';
}		
.menu-menu-principale-container .menu.nav-menu {
    position: absolute;
    width: 100%;
    max-width: 600px;
    right: 0;
    top: 0;
    background: #1F1F1F;
    padding:100px 30px 0;
    height: 100vh;
}
	
.menu-menu-principale-en-container .menu.nav-menu {
    position: absolute;
    width: 100%;
    max-width: 600px;
    right: 0;
    top: 0;
    background: #1F1F1F;
    padding:150px 30px 0;
    height: 100vh;
}	
	
.menu-menu-principale-de-container .menu.nav-menu {
    position: absolute;
    width: 100%;
    max-width: 600px;
    right: 0;
    top: 0;
    background: #1F1F1F;
    padding:150px 30px 0;
    height: 100vh;
}	
	
.menu-menu-principale-es-container .menu.nav-menu {
    position: absolute;
    width: 100%;
    max-width: 600px;
    right: 0;
    top: 0;
    background: #1F1F1F;
    padding:150px 30px 0;
    height: 100vh;
}	
.menu-menu-principale-fr-container .menu.nav-menu {
    position: absolute;
    width: 100%;
    max-width: 600px;
    right: 0;
    top: 0;
    background: #1F1F1F;
    padding:150px 30px 0;
    height: 100vh;
}
	
.menu-item-description.contenuto-extra {
    display: none;
}	
	
ul#primary-menu li a {
    font-size: 20px !important;
    margin-bottom: 10px;
    width: auto !important;
    display: inline-block;
	color: #FFF !important;
}
	
ul#primary-menu .sub-menu li a {
    font-size: 16px !important;
    margin-bottom: 5px;
    color: #FFF !important;
    line-height: 1 !important;
    width: 100%;
}
ul.sub-menu li {
    display: inline-block;
    padding: 5px 0px;
    background-color: transparent;
    font-size: 16px;
    clear: both;
    float: none;
    width: 100%;
}	

.main-navigation ul ul {
    box-shadow: 0 0 0;
    position: relative;
	display:none !important;
	left:0;
	width: 100%;
	float:none;
	padding: 10px 20px;
}	
.main-navigation .megamenu.active ul {
    box-shadow: 0 0 0;
    position: relative;
    display: block !important;
    z-index: 9999999;
}
	
header #navigation-bar .site-menu nav ul:not(.sub-menu) > li:hover > a:after {
    display: none;
}
	
#primary-menu > li.wpml-ls-menu-item ul.sub-menu li{
		background:none !important;
}
	
#primary-menu > li.wpml-ls-menu-item > a{
		width:30px !important;
}
.main-navigation li.wpml-ls-item ul {
    display: inline-block !important;
	width:auto;
}	
	
#primary-menu > li.wpml-ls-menu-item {
    padding: var(--padding-menu);
}	
	
	
	
}

	
@media screen and (max-width:1024px){	
.w-container {
    max-width: var(--w-container);
	width:100%;
	padding-right: 25px !important;
	padding-left: 25px !important;
}	
header #navigation-bar{
		padding-right: 25px !important;
		padding-left: 25px !important;
}	
.container-allineato-dx > .col-50:first-child{
	padding-left: 25px;
}	
.container-allineato-sx > .col-50:last-child{
	padding-right: 25px;
}

#visore-urban, #visore-industrial {
    padding: 40px;
}
.col-85 {
	width:100%;
	padding-right: 25px;
	padding-left: 25px;
}	
	
#img-skylarknet{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.filtro-select {
    border: 1px solid #000;
    padding: 9px 25px 9px 10px;
    text-align: center;
    border-radius: 30px;
    vertical-align: middle;
    margin: 0 10px;
}
	
section#listing-progetti > .card-progetto {
    width: 32.1%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}
section#listing-progetti > div.banner-listing {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}	
}

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

.padding100top{
	padding-top:40px;
}
.padding100bottom{
	padding-bottom:40px;
}
.padding100 {
    padding: 40px;
}
.padding-12col-right {
    padding-right: calc(var(--w-container) / 24);
}
.padding-12col-left {
    padding-left: calc(var(--w-container) / 24);
}
.carosello_4 figure, .gallery figure {
    height: 350px;
}
.carosello_2 figure {
    height: 350px;
}	
section#listing-progetti figure, section#listing-progetti figure img, section#listing-progetti > div.banner-listing, section#listing-progetti > div.banner-listing figure, section#listing-progetti > div.banner-listing figure img, section#listing-progetti > div.banner-listing > div {
    height: 350px;
}
	
.flex {
    display: flex;
    flex-wrap: wrap;
}
footer .widget-column.col-15 {
    flex: 1 0 25%;
    margin-bottom: 40px;
}
footer .widget-column.col-30 {
    flex: 1 0 50%;
    margin-bottom: 40px;
}
footer .widget-column.col-40 {
    flex: 1 0 100%;
    margin-bottom: 20px;
    margin-top: 40px;
}
	
section#copyright-area .col-100 > div {
    width: auto;
    margin-right: 30px;
}	
.prodotto-visore {
    margin-top: 5vh;
}
	
.prodotto-visore > * {
    flex: 1;
}
	
section#section-prodotti .col-33, section#section-progetti .col-33, section#section-prodotti .col-40, section#section-progetti .col-40 {
    flex: 1 0 48%;
	margin-bottom:20px;
}
section#section-prodotti .col-33:last-child, section#section-progetti .col-33:last-child {
	margin-bottom:0px;
}		
	
#visore-urban .p-big.margin100top, #visore-industrial .p-big.margin100top {
    padding-right: 35%;
    margin-top: 40px;
}	
.flex.justify-content-space-between {
    min-height: auto !important;
}	
pre-footer#prefooter .title-h3, pre-footer#prefooter .col-40 {
    flex: 1 0 48%;
}
.contatore_1 {
    font-size: 125px;
    line-height: 1;
}
	
.contatore_2 {
    font-size: 60px;
    line-height: 1;
}	
	
.contatore_3 {
    font-size: 40px;
    line-height: 1;
}	
	
div#lista-certificazioni > div {
    width: calc(33.3% - 20px);
    margin-bottom: 60px;
}	
div#lista-certificazioni > div figure.flex {
    display: flex;
    flex-wrap: nowrap;
}
	
.tax-product_cat section#section-prodotti .w-container > div {
    width: 100%;
}	
.tax-product_cat .col-50.padding-12col-right.flex .col-100.bordo-top .testo-custom-1 {
    margin-bottom: 30px;
}	
	
.single-product  #visore-intro, .single-product #visore-intro .slide, .single-product #visore-intro .slide figure {
    height: 550px;
}	
	
.single-product .testo-due-colonne p {
    column-count: 1;
    column-gap: 20%;
}	
.single-product .col-66.carosello_2{
    width: 100%;
}	
	
section#listing-progetti > .card-progetto {
    width: 31.1%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}
	
}

@media screen and (max-width:600px){	
header .action-bar-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
header #navigation-bar {
    padding-right: 25px !important;
    padding-left: 25px !important;
	padding:10px 25px 5px;
}
button.menu-toggle{
	padding:0;
}
header #navigation-bar .navigation-content .site-branding {
    max-width: 50px;
}	
header .main-navigation svg.menu-icon{
    max-width: 40px;
}	
	
.btn {
    font-size: 14px;
}	
.padding-12col-right {
    padding-right: 0;
}
.padding-12col-left {
    padding-left: 0;
}	
	
pre-footer#prefooter .title-h3, pre-footer#prefooter .col-40 {
    flex: 1 0 100%;
    margin-bottom: 30px !important;
}
	
footer .widget-column {
    flex: 1 0 100% !important;
    margin-bottom: 40px;
}	
footer .widget-column.col-15 > div {
    width: 48%;
    display: inline-block;
}	
	
section#copyright-area .col-100 > div {
    width: 100%;
    margin-right: 0;
    font-size: 12px !important;
    margin-bottom: 10px;
}	
.widget-column	.col-55, .col-45 {
    width: 100%;
	padding:0;
}
	
.col-55, .col-45 {
    width: 100%;
	padding:0;
}	
	
.single-product #visore-intro, .single-product #visore-intro .slide, .single-product #visore-intro .slide figure {
    height: auto;
}	
.single-product #visore-intro {
    padding-top:150px;

}	
.single-product #visore-intro.urban figure:before, .single-product #visore-intro.industry figure:before {
    top: 10%;
    right: 10%;
    width: 80%;
    height: 80%;
}	
.single-product #visore-intro figure img {
    z-index: 2;
    max-height: 350px;
}	
.container-allineato-dx > .col-50, .container-allineato-sx > .col-50{
	padding-left: 25px;
	padding-right: 25px;
}	
section#contact-us-urban .col-60, section#contact-us-industry .col-60 {
    margin-top: 40px;
}
section#vantaggi-famiglia > div {
    margin-bottom: 40px;
}	
section#vantaggi-famiglia {
    width: calc(100% - 50px);
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
	
.page-template-istituzionale section#contatori .w-container > div {
    padding: 0;
    margin-bottom: 20px;
}	

.page-template-istituzionale section#contatori > div:first-child {
    flex-direction: column-reverse;
}	
div#lista-certificazioni > div {
    width: calc(50% - 20px);
    margin-bottom: 60px;
}	
	
span.bold.testo-custom-1 {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}	
	
section#listing-progetti > .card-progetto {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
}	
section#listing-progetti > div.banner-listing {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    margin-bottom: 20px;
}	
	
.card-prodotto-progetto.flex.align-items-end {
    flex-direction: column-reverse;
}	

section#section-progetti .col-85 > .w-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
.tax-product_cat #section-prodotti .w-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
	width: calc(100% - 50px);
}
.tax-product_cat section#section-prodotti .title-h3 {
    margin-bottom: 20px !important;
    display: block;
}	
.tax-product_cat #section-progetti .w-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
.tax-product_cat section#mappa + section > .col-100 > * {
    margin-bottom: 40px;
    margin-top: 0;
    padding: 0;
}
.tax-product_cat section#mappa + section > .col-100	{
		   padding: 0;
}
section#intro-applicazione {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0;
}	
section#intro-applicazione > div {
	padding:0;
	margin-bottom:40px;
	}	
section#intro-applicazione .immagine-sfalsata-sx + div, section#intro-applicazione .immagine-sfalsata-sx + div * {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
#metodo .col-50 + .col-50 {
    padding: 0;
}	
.col-50.padding10 {
    width: 100% !important;
    margin: 0;
    padding: 0;
}
#visore-urban, #visore-industrial {
    padding: 40px 25px;
}	
.prodotto-visore {
 display:none;
}
.home #slider-gbs .slide-content {
    position: relative;
    padding-bottom: 10vh;
}	
.home #section-prodotti .w-container, .home #section-progetti .w-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section#fascione-ind > div {
    flex-direction: column-reverse;
}	
	
.home .container-allineato-sx > .col-50:first-child {
    padding-left: 0;
    padding-right: 0;
}	
.home section#skylarknet > div > div {
    padding: 0;
    margin-bottom: 40px;
    margin-top: 0;
}
section#intro-istituzionale {
    flex-direction: column-reverse;
}
	
}