/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,900');



 /*
.lang-item-de {
    display: none !important;
}
.logged-in.admin-bar .lang-item-de {
    display: inline-block!important;
}
*/

.transition-all,
.section-gallery .slick-dots li:hover button:before,
#boxContactForm .wpcf7-submit  {
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;    
}

.color-bianco {
    color: #fff !important;
}
.color-azzurro {
    color: #1291d1 !important;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a,
.html_av-overlay-side #top #wrap_all .av-burger-overlay .sub-menu li a {
    color: #4a4a4a !important;
}

.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #1291d1 !important;
}


.bg-grigio {
    background-color: #ececec !important;
}

.radius0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; 
} 
.radius100 {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.clear {
    display: block;
    float: none;
}

.background-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#gallery_attivita .background-image {  
    background-size: contain !important; 
}

 
.img-100 {
    width: 100%;
    height: auto;
}
.img-fluid {
    max-width: 100%;
}

.mouse-hover:hover,
.section-gallery .slick-dots li:hover button:before,
#boxContactForm .wpcf7-submit:hover {
    opacity: 0.7;
    cursor: pointer;
}


.logo, .logo a {
    max-width: 161px;
    top: 11%;
}

body, h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li.lato { 
    font-family: 'Poppins', sans-serif !important;
}

h1 {
    text-transform: none !important;
}
 
p {
    font-weight: 100;
    text-align: justify;
}
p strong {
    color: #4a4a4a !important;
}

i {
    font-style: italic !important;
} 

.p-no-margin {
    margin-bottom: 0 !important;
}


.av-main-nav > li > a {
    color: #353535 !important;
    font-weight: normal !important;
    padding: 0 25px !important;
    font-size: 14px !important;
}
.av-main-nav > li > a:hover,
.sub-menu .menu-item .avia-menu-text:hover {
    color: #6c6c6c !important;
}
.av-main-nav > li.current-menu-item > a {
    color: #1292d1 !important;
    font-weight: 700 !important;
    
}
.av-main-nav > li.current-menu-item .avia-menu-fx {
    height: 4px !important;
}

.sub-menu .menu-item .avia-menu-text  {
    color: #353535 !important;
    font-size: 13px;
}
.sub-menu .current-menu-item .avia-menu-text {
    color: #050505 !important;
    font-weight: 700 !important;
}

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


#header_main,
#main {
    margin-top: 44px;
}

#header_top {
    background-color: #008acd;
    background-image: url("/wp-content/uploads/2018/07/bg1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-position: 50% -105px;
    background-size: 100%;
    
    position: fixed;
    z-index: 10000;
    width: 100%;
    display: block;
}
#header_top ul {
    margin: 0;
    float: right;
}
#header_top li {
    display: inline-block;
    padding: 10px;
}
#header_top li a {
    color: #88c8e7;
    text-decoration: none;
    font-size: 12px;
}
#header_top li a:hover {
    color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;    
}
#header_top li.current-lang a {
    color: #ffffff;
}

#intro_home,
#intro_attivita {
    -webkit-box-shadow: inset 0px -12px 19px -1px rgba(0,0,0,0.28);
    -moz-box-shadow: inset 0px -12px 19px -1px rgba(0,0,0,0.28);
    box-shadow: inset 0px -12px 19px -1px rgba(0,0,0,0.28);    
}
#intro_home h3 {
    font-weight: 300;
    color: #1291d1 !important;  
}

footer .logo-footer {
    max-width: 155px;
    height:auto;
    display: block;
    margin: 50px auto 30px;
}


#numeri img {
    max-width: 98px;
    height: auto;
}
#numeri p {
    text-align: center;
}

#numeri .avia-animated-number-title {
    font-size: 44px;
    font-weight: 600;
    top: -2px;
}
#numeri .avia-animated-number-title small {
    font-size: 18px;
    letter-spacing: 0;
    margin-left: -3px;
}


#socket .sub_menu_socket {
    float: none !important;
    text-align: center;
    opacity: 0.7;
}


#socket .menu {
    margin-bottom: 0;
}
#socket .sub_menu_socket li { 
    margin-bottom: 30px;
}



footer .contatti-footer {
    text-align: center;
   /* max-width: 650px; */
    margin: 0 auto;
    border-top: 2px solid rgba(255,255,255,0.2) !important;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 100;
    padding: 25px 0;
}
footer .privacy-footer {
    text-align: center;
    margin: 0 auto;
    color: #83878b;
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 50px;
}


#attivita_home .container {
    max-width: 100% !important;
    padding: 0 !important;
}
#attivita_img,
#attivita_txt {
    display: none;
    text-align: center;
}

#attivita_img .slick-active img,
#attivita_img .slick-active + .slick-active img,
#attivita_img .slick-active + .slick-active + .slick-active img {
    opacity: 0.5;
    width: 100%;
    height: auto;

	

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;        
}
#attivita_img .slick-active + .slick-active img {
    opacity: 1;
}

#attivita_img img,
#attivita_img .slick-slide {
    outline:none !important;
}


#slidesAvanti,
#slidesIndietro {
    width: 60px;
    height: 60px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    margin-top: 10px;
}
#slidesAvanti:hover,
#slidesIndietro:hover {
    opacity: 0.85;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;    
}
#slidesAvanti {
    right: 0;
}
#slidesIndietro {
    left: 0;
}

#attivita_txt h3 {
    background-color: #008acd;
    padding: 25px;
    color: #fff;
    z-index: 1;
    font-size: 30px;
}
#attivita_txt p {
    max-width: 650px;
    margin: 50px auto 25px;
}
#attivita_txt .avia-button-wrap {
    margin: 0 auto 50px;
}


.triangolo {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15px 0 15px;
    border-color: #0089cd transparent transparent transparent !important;
    position: relative;
    margin-top: -10px;
    margin-bottom: -15px;
    left: 50%;
    margin-left: -15px;
    z-index: 100;
}


#gruppo p, #gruppo-home p,
#gruppo strong, #gruppo-home strong {
    color: #fff !important;
}

#gruppo, #gruppo-home,
#gruppo p, #gruppo-home p {
    text-align: center;
}

#gruppo .logo-gruppo, #gruppo-home .logo-gruppo {
    width: 161px;
    height: auto;
    display: block;
    margin: 30px auto;
}

#gruppo .av_one_third img, #gruppo-home .av_one_third img {
    width: 128px;
    height: auto;
    display: inline-block;
    margin: 0 18px;
}
#gruppo .av_one_third p, #gruppo-home .av_one_third p {
    font-size: 12px;
    line-height: 19px;
    font-weight: 100;
    opacity: 0.85;
    min-height: 60px;
}
#gruppo .av_one_third .avia-button.avia-size-small, #gruppo-home .av_one_third .avia-button.avia-size-small {
    font-size: 12px;
}

#gruppo hr, #gruppo-home hr  {
    width: 100%;
    height: auto;
    border: 1px solid rgba(255,255,255,0.2);
    margin: 0 auto -20px;
    display: block;
}


#top .av-control-minimal .avia-slideshow-arrows a::before {
    border: 0 none !important;
}


#mission-vision {
    background-color: #272a2f;
    text-align: center; 
}
#mission-vision h2 {
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 20px;
}
#mission-vision p {
    color: #fff;
    text-align: center;
}
#mission-vision p strong {
    color: #fff !important;
    font-weight: 600;
}
#mission-vision .img-bg {
    position: absolute;
    top: -120px;
    left: -60px;
    max-width: 500px;
}
#imgForneris {
    width: 240px;
    height: auto;
    margin: -50px auto 0; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.blocco-valori {
    margin: -25px 25px 65px 0;
    padding-left: 50px; 
    clear: both;
    display: block;
}
.blocco-valori img {
    position: relative;
    width: 40px;
    left: -50px;
    top: 35px;
}


.section-tit {
    margin-top: 30px;
    margin-bottom: 50px;
}
.section-tit-center,
.section-tit-center p {
    text-align: center !important;
}
.section-tit-center p {
    font-size: 16px;
    font-weight: 100; 
}
.section-tit h2 { 
    text-transform: none !important;
    letter-spacing: 0;
}
.section-tit h3 { 
    font-weight: 100;
    margin-bottom: 30px;
}
.section-tit i {
    font-style: italic !important;
}



#il-gruppo {
    background-color: #ececec;
} 
#il-gruppo-nel-mondo {
    background-color: #363d48;
}



.section-sito h2,
.section-sito h3 { 
    text-transform: none !important;
    letter-spacing: 0;
}
.section-sito h2 { 
    margin-bottom: 25px;
}
.section-sito h4 { 
    font-weight: 100;
    margin-bottom: 30px;
}
.section-sito p { 
    margin-bottom: 30px;
}
 
.img-sito {
    -webkit-box-shadow: 0px 2px 15px 5px rgba(0,0,0,0.06); 
    box-shadow: 0px 2px 15px 5px rgba(0,0,0,0.06); 
} 
.logo-sito {
    max-width: 170px; 
    height: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
}



#partecipate div .av_one_half {
    margin-left: auto;
    padding: 0 35px;
    text-align: center;
}



.list-check-sito {
    margin-bottom: 30px; 
}
.list-check-sito h5 {
    font-size: 22px;
    text-transform: uppercase;
}
.list-check-sito .line {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ccd7dd; 
}
.list-check-sito h5 {
    font-size: 22px;
    text-transform: uppercase;
    background-color: #fff;
    line-height: 30px;
    display: inline-block;
    padding: 15px 15px 15px 0;
    position: relative;
    top: 31px;
}
.list-check-sito h5 span {
    text-transform: none; 
    font-weight: 300;
}
.bg-grigio .list-check-sito h5 {
    background-color: #ececec;
}

.list-check-sito ul {
    margin: 25px 0;
} 
.list-check-sito ul li {
    list-style: none;
    display: inline-block;
    width: 18%;
    padding: 0;
    min-height: 25px;
    vertical-align: middle;
    padding: 10px 40px;
    margin: 0;
    font-weight: 600; 
    font-size: 15px;
    background-image: url(/img/check.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
}
 

.section-partecipate {
    padding: 30px 0 40px 0;
}
.section-partecipate img {
    height: 80px;
    position: relative; 
}
 

#storia1 h2 {
    text-transform: none;
}
#storia1 p {
    font-weight: 100;
}

#storia-timeline {
    background-image: url(/img/row.png);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 2px;
    min-height: 1600px;
    margin-top: -30px;  
}

#storia-timeline span {
    width: 40%;
    display: inline-block;
    margin-bottom: 80px;
}
#storia-timeline span.right {
    float: right;
}
#storia-timeline span.left {
    float: left;
}

#storia-timeline .foto {
    margin: 0 auto;
    width: 70%;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#storia-timeline .data {
    background-color: #2987bd;
    padding: 8px 0 3px;
    width: 100%;
    height: 60px;
}

#storia-timeline span.right .data {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
#storia-timeline span.left .data {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}


#storia-timeline .data h1 {
    color: #fff;
    margin: 0 !important;
    text-align: center;
    line-height: 46px;
    font-size: 26px;
    text-transform: none;
}
  
#storia-timeline p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 100;
}

#storia-timeline span .freccia {
    width: 0;
    height: 0;
    border-style: solid;
    position: relative;
    margin: -60px -20px 40px;
}

#storia-timeline span.right .freccia {
    border-width: 0 30px 30px 0;
    border-color: transparent #2987bd transparent transparent;
}
#storia-timeline span.left .freccia {
    border-width: 30px 30px 0 0;
    border-color: #2987bd transparent transparent transparent;
    float: right;
}

.span1988-1997 {
    min-height: 465px;
}
.span2010 {
    min-height: 330px;
}
.span2012 {
    min-height: 475px;
}
.span2004 {
    min-height: 420px;
}



#qualita h1,
#ricerca h1,
#sostenibilita h1,
#whistleblowing h1,
#jobs h1 {
    text-transform: none;
    color: #1291d1;
    font-weight: bold;
}

#ricerca h3 {
    color: #1291d1;
    font-size: 17px;
    line-height: 24px;
}
#ricerca p {
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
}
#ricerca .av-subheading p:last-child {
    margin-bottom: 0;
    text-align: center;
    margin-top: 10px;
    font-weight: 100;
    margin-bottom: 35px;
    font-size: 15px !important;
    line-height: 26px !important;
}


#attivita_riga h3 {
    font-weight: 700;
    font-size: 32px;
    color: #1291d1 !important;  
}
#attivita_riga p {
    margin: 25px auto 35px!important;
}
#attivita_riga .flex_cell {
    background-size: cover !important;
}


#attivita_int_intro h1 {
    text-transform: none !important;
    font-size: 48px;
    margin: 0;
    font-weight: bold;
}
#attivita_int_intro .content {
    
}

#attivita_int_intro .flex_column.av_one_full {
    position: absolute;
    top: 50px;
}
#attivita_int_intro .flex_column.av_three_fifth {
    margin-top: 0;
}

#btn_back {
    border-bottom: 1px solid #fff;
}


#gallery_attivita .content {
    padding-top: 0;
}


.galleria img {
    border: 1px solid;
}


.tecnologie-riga h3 {
    font-weight: 700 !important;  
    font-size: 25px;
    color: #1291d1 !important;  
}
.tecnologie-riga p {
    margin: 25px 50px 35px!important;
    color: #fff !important; 
}
.tecnologie-riga .av-border-cells .flex_cell,
.tecnologie-riga .av-border-top-bottom{
    border-color: rgba(255,255,255,0.3) !important;
}
.tecnologie-riga .flex_cell {
    background-size: cover !important;
}



.cell-grid {
    vertical-align:middle !important; 
    background-color: #414141 !important;
    padding: 0 !important;
}
.cell-grid .box-opacity {
    padding: 100px 30px 100px 30px;
    background-color: rgba(0,0,0,0.6); 
    min-height: 440px; 
}


#news {}

#news .slide-entry-title {
    font-size: 19px;
    margin-top: 10px;
    color: #fff;
}
#news .slide-entry-excerpt {
    color: #fff;
}
#news .slide-meta time {
    color: #fff;
    opacity: 0.66;
    font-size: 12px;
}

#news .slide-meta-comments,
#news .slide-meta-del,
.av-content-full > .comment-entry,
.post-meta-infos .text-sep {
    display: none !important;
}

#news .slide-image, #news .slide-image img,
#top .fullsize .template-blog .big-preview img {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#news .slide-image {
    -webkit-box-shadow: 0px 2px 33px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 33px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 33px -2px rgba(0,0,0,0.3);
}

.single-post .container_wrap.container_wrap_first {
    background-color: #f6f6f6 !important;
}
.single-post .post-title {
    font-size: 36px;
    color: #1291d1 !important;
}



#contatti strong {
    color: #fff !important;
    font-size: 18px;
    font-weight: 600 !important;
}



#jobs .av-subheading p {
    text-align: center;
    font-size: 19px;
    letter-spacing: 1px;
    margin-top: 10px;
    font-weight: 100;
}

#jobsList {
    margin: 0 auto 50px;
    max-width: 650px;
}

#jobs h1 {
    font-size: 44px;
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
    display: block;
}

#jobs section {
    margin-top: 50px;
}


#mappa {
    margin-bottom: -10px;
}
 
 

.background-dark {
    background-color: #363d48 !important;
}


.progetti-riga h3 {
    font-weight: 700 !important;
    font-size: 32px;
    color: #1291d1 !important;  
}
.progetti-riga p {
    margin: 25px auto 35px!important;
}
.progetti-riga .flex_cell {
    background-size: cover !important;
}

.progetti-riga .txt-col {
    vertical-align:top; 
    padding:100px 30px 100px 30px;
}
.progetti-riga.dark .txt-col {
    background-color:#363d48; 
}
.progetti-riga.dark .txt-col p {
    color:#ffffff; 
}

.progetti-riga .txt-col p {
    max-width: 420px;  
}

.sezione-sep-tit h3 {
    background-color: #008acd;
    padding: 30px 15px;
    color: #fff;
    display: inline-block;
    text-align: center; 
    z-index: 1;
    font-size: 30px;
    margin-bottom: 3px;
    width: 100%;
}
.sezione-sep-tit .triangolo {
    margin-top: -5px;
}
.sezione-sep-tit .ancora {
    position: relative;
    top: -45px;
}


.sezione-sep-tit-big {
    margin-bottom: -35px;
}
.sezione-sep-tit-big h3 {
    padding: 50px 15px;
}



.cod-fin {
    font-style: italic;
    font-weight: 700;
}



.griglia-custom { float: left; } 
.griglia-custom.gr-75 { width: 75%; }
.griglia-custom.gr-25 { width: 25%; }


.section-gallery {
    padding: 0;
} 
.section-gallery a {
    display: inline-block;
}
.section-gallery .gallery-item {
    min-height: 250px;
    display: inherit; 
    margin: 5px;  
}
#gallerySlick,
#numeriSlick {  
    display: none;
}

.section-gallery .slick-dots {
    bottom: -40px; 
}
.section-gallery .slick-dots li button:before {
    font-size: 15px;
} 
.section-gallery .slick-dots li.slick-active button:before,
.section-gallery .slick-dots li:hover button:before {
    color: #1292d1 !important;
    opacity: 1 !important;
}


.section-gallery .slick-prev:before, 
.section-gallery .slick-next:before {
    font-size: 25px;
    color: #383a3d; 
    font-family: 'entypo-fontello' !important;
} 

.section-gallery .slick-prev:before {
    content: '\E87c' !important;
}
.section-gallery .slick-next:before {
    content: '\E87d' !important;
}


#qualita {
    background-color: #363d48;
}
#qualita p {
    color: #fff;
}

#qualita hr, 
#sostenibilita hr,
#whistleblowing hr {
    margin: 15px 0 20px;
}
#qualita hr {
    opacity: 0.3;
}

.btn-certificazioni {
    padding: 10px 25px !important;
    margin-bottom: 10px !important;
}
.btn-certificazioni i {
    font-style: normal !important;
    font-size: 22px;
    margin: 5px 10px 5px 0;
}
.btn-certificazioni .avia_iconbox_title {
    position: relative;
    top: -3px;
}

#whistleblowing h1 {
    margin-bottom: 15px;
}
#whistleblowing .box-btn {
    margin-top: 30px;
}
#whistleblowing .box-btn a {
    margin-right: 10px;
}


#sectionSostenibilita {
    /*background-color: #363d48;*/
}
.col-sostenibilita {
    text-align: center;
    margin-bottom: 50px;
}
.col-sostenibilita h3 {
    margin-bottom: 15px;
    /*color: #fff !important;*/
}


.col-doc {
    margin: 0 auto 30px;
}
.col-doc h5 {
    margin-bottom: 8px;
}
.col-doc .avia-button {
    padding: 4px 12px !important;
    background-color: #f1f1f1 !important;
    color: #1291d1 !important;
    border-color: transparent !important;
}


/*
.page-template-template-azienda-2024 #socket .menu,
.page-template-template-qualita-ambiente #socket .menu,
.page-template-template-note-legali #socket .menu,
.page-template-template-sostenibilita #socket .menu,
.page-template-template-siti-produttivi #socket .menu {
    display: none;
}
*/

#socket .menu {
    display: none;
}



#boxContactForm h3 {
    color: #fff;
    margin-bottom: 20px;
}

#boxContactForm input,
#boxContactForm textarea{
    color: #fff !important;
    border: 2px solid #fff !important;
    background-color: transparent !important;
    padding: 13px !important;
     
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}
#boxContactForm input::placeholder,
#boxContactForm textarea::placeholder {
    opacity: 0.5; 
    color: #fff !important;
}

#boxContactForm .wpcf7-submit {
    min-width: 140px;
    padding: 16px !important;
    font-size: 15px; 
    margin-top: 20px;
}

#boxContactForm .wpcf7-not-valid-tip {
    position: relative;
    top: -12px; 
}
#boxContactForm #consent {
    margin: 0 5px 0 -15px;
    position: relative;
    top: 1px; 
}
#boxContactForm label span,
#boxContactForm label span a {
    font-size: 12px !important;
    color: #fff !important;
} 

#boxContactForm .wpcf7-response-output {
    color: #fff !important;
    margin: 30px 0 0 !important;
}
 
#boxContactForm label {
    color: #fff !important;
    margin-bottom: 5px;
    font-weight: normal !important;
    display: inline-block;
}
 

.grecaptcha-badge {
    visibility: hidden !important;
}

    
.desktop-view { display: block; }
.desktop-inline-view { display: inline-block; }
.mobile-view { display: none; } 


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
    

    #intro_home h3 {
        font-size: 28px;
    }
    #intro_home {
        background-position: center 55px !important;
        background-size: 120%;    
    }
    #intro_home .content {
        vertical-align: top !important;  
    }

    #intro_attivita {
        background-position: center -230px !important;
        background-size: 120%;    
    }
    #intro_attivita .content {
        vertical-align: top !important;  
    }
    
    
    
    #socket .sub_menu_socket li {
        float: none !important;
        display: inline-block !important;
        padding: 0 15px !important;
    }
    
     
    #numeri .avia-animated-number-content.udm {
        position: relative; top: -9px;
    }
    
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 991px) {
    
    #header_top {
        background-position: center;
        background-size: 150%;
    }
    
}

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

        
    .desktop-view { display: none; }
    .desktop-inline-view { display: none; }
    .mobile-view { display: block; }
    
    
     
    .griglia-custom { float: none; } 
    .griglia-custom.gr-75,
    .griglia-custom.gr-25 { width: 100%; }

    #header_top {
        position: relative;
    } 
    
    #header_main, #main { 
        margin-top: 0;   
    }

    .responsive .logo img {
        max-height: 36px !important; 
    }
     
    .template-page .entry-content-wrapper h1  {
        font-size: 30px;
    }
    
    .html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
        padding: 10px 50px;
        font-weight: 600;
        font-size: 16px;
    }
    .html_av-overlay-side #top #wrap_all .av-burger-overlay .sub-menu li a {
        font-weight: 300; 
        font-size: 13px;
    }
    
 
    
    #intro_home .av-parallax-inner {
        background-image: none !important; 
    }
    #intro_home .container {
        height: auto !important; 
    } 
    #intro_home .content {
        padding-top: 50px !important; 
        padding-bottom: 15px !important; 
    }
    #intro_home .content p {
        text-align: left !important; 
    }
    
    
    #attivita_home .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    #attivita_txt h3 {
        font-size: 20px;
    }
    #slidesAvanti, #slidesIndietro {
        width: 50px;
        height: 50px;
    }
    #attivita_txt p {
        margin: 50px 30px 25px;
    } 
    #attivita_txt .avia-button-wrap {
        margin: 0 auto 15px;
    }

    
    #gruppo-home p br {
        display: none;
    }
    
    
    #full_slider_1 .avia-slideshow-inner {
        height: auto !important;
    }
    #numeri img {
        max-width: 70px;
    }
    #numeri .avia-animated-number-title {
        font-size: 36px;
    }
    #numeri p {
        font-size: 14px;
        margin-bottom: 30px !important;
    }

    #numeri .av-parallax-inner {
        background-image: none !important; 
    }
    #numeri .content {
        padding-top: 50px !important; 
        padding-bottom: 0 !important; 
    }
    
    
    #imgForneris {
        max-width: 80%;
        margin: 0 auto;
    }    
    #mission-vision .img-bg {
        top: 0;
        left: 0;
        max-width: 100%;
    }



    .avia-section-huge .content, .avia-section-huge .sidebar {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }    

    .section-tit i {
        font-size: 14px;
    }


    .sezione-sep-tit h3 {
        padding: 20px 15px;
        font-size: 21px;
    }    

    .list-check-sito ul li {
        display: block;
        width: 100%;
    }


    .list-check-sito h5 span {
        font-size: 16px;
    }

    .logo-sito {
        max-width: 120px;
    }
    #partecipate div .av_one_half { 
        padding: 0;
        text-align: left;
        margin-bottom: 70px !important;
    }



    #storia-timeline .data h1 { 
        line-height: 44px;
        font-size: 15px;
    }

    #storia-timeline {
        min-height: 2500px;
        margin-top: 0;
    }
    #storia-timeline p {
        text-align: left;  
    }
    
    
    
    .progetti-riga h3 {
        font-size: 26px; 
    }
    .progetti-riga .flex_cell {
        min-height: 270px;
    }    
    .progetti-riga .txt-col {
        padding: 60px 15px;
    }
    
    
    #attivita_int_intro h1 {
        font-size: 28px;
    }
    #attivita_int_intro .flex_column div {
        padding-bottom: 0 !important; 
    } 
    
    
    #gallery_attivita  {
        margin: -40px 0 -20px;
    }
    
    
    
    .responsive #top #wrap_all .tecnologie-riga.av-flex-cells .no_margin {
        padding: 0 !important;
    }
     
    .tecnologie-riga .cell-grid .box-opacity {
        padding: 50px 0;  
    }
    .tecnologie-riga {
        border: 0 none !important; 
    }
    
    
    .responsive #top #wrap_all #attivita_int_intro .container {
        height: 300px !important; 
    }
    .responsive #top #wrap_all #attivita_int_intro .container .avia-button-wrap {
        display: none !important; 
    }
    
    
     
    #contatti .av-icon-char {
        font-size: 44px  !important; 
        line-height: 10px  !important; 
        position: relative  !important; 
        top: 20px !important; 
    }
    
    #boxContactForm label {
        font-size: 11px !important; 
    }

    #socket .menu {
        margin-left: 0; 
    }
    #socket .sub_menu_socket li {
        float: none !important;
        padding: 0 !important;
    }
    #socket .sub_menu_socket li a {
        line-height: 18px;
    }
    .responsive #socket .sub_menu_socket { 
        margin: 0 !important;
    }

    
}