@charset "UTF-8";
/* 
    Created on : 9-ott-2018, 8.34.27
    Author     : Michela.Capelli
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-nov-2018, 10.48.12
    Author     : Michela.Capelli
*/
@font-face {
  font-family: Montserrat-Bold;
  src: url(../fonts/Montserrat-Bold.otf); }
@font-face {
  font-family: Montserrat-Hairline;
  src: url(../fonts/Montserrat-Hairline.otf); }
@font-face {
  font-family: Montserrat-Italic;
  src: url(../fonts/Montserrat-Italic.otf); }
@font-face {
  font-family: Montserrat-Light;
  src: url(../fonts/Montserrat-Light.otf); }
@font-face {
  font-family: Montserrat-LightItalic;
  src: url(../fonts/Montserrat-LightItalic.otf); }
@font-face {
  font-family: Montserrat-Medium;
  src: url(../fonts/Montserrat-Medium.otf); }
@font-face {
  font-family: Montserrat-Regular;
  src: url(../fonts/Montserrat-Regular.otf); }
@font-face {
  font-family: Montserrat-SemiBold;
  src: url(../fonts/Montserrat-SemiBold.otf); }
@font-face {
  font-family: MyriadPro-Regular;
  src: url(../fonts/MyriadPro-Regular.otf); }
/*** Risoluzioni per mobile ***/
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 0.9;
    transform: translateY(0); } }
@keyframes slide-in {
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%); } }
@keyframes slide-out {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%); } }
.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards; }

.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards; }

/* The typing effect */
@keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to {
    border-color: transparent; }
  50% {
    border-color: transparent; } }
/*@keyframes fadein {
    0% { opacity:0; }
    40% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes fadein {
    0% { opacity:0; }
    40% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein {
    0% { opacity:0; }
    40% { opacity:0; }
    100% { opacity:1; }
}

@-ms-keyframes fadein {
    0% { opacity:0; }
    40% { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes fadein {
    0% { opacity:0; }
    40% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadein2 {
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes fadein2 {
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein2 {
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}

@-ms-keyframes fadein2 {
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes fadein2 {
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}*/
ul li {
  font-size: 15px;
  font-weight: 500;
  font-size: 15px;
  font-family: Montserrat-Light; }

.ghostly {
  opacity: 0; }

.vericaltext {
  width: 1px;
  font-size: 20px; }

.breadcrumb > li {
  display: inline !important; }

.breadcrumb li.active {
  color: #008DCA; }

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.padding-int {
  padding: 40px 20px; }

.img-box {
  height: 500px; }
  @media (max-width: 991px) {
    .img-box {
      height: 250px; } }

/* GENERAL */
body {
  background: #FFF;
  overflow-x: hidden; }

h1 {
  font-size: 35px; }

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0px;
  margin-bottom: 10px; }

p, span {
  font-weight: 500;
  font-size: 15px;
  font-family: Montserrat-Light; }

.container-fluid {
  padding: 0; }
  .container-fluid .row {
    margin: 0; }
  .container-fluid .no-margin {
    padding: 0; }

a:hover {
  text-decoration: none; }

@media (min-width: 1600px) {
  .container {
    width: 1570px; } }
@media (min-width: 1299px) and (max-width: 1599px) {
  .container {
    width: 1270px; } }

a {
  font-family: Montserrat-Regular;
  color: #666B6E; }

/* 5 colonne bootstrap*/
.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0; }

.col-xs-24 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-24 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-24 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-24 {
    width: 20%;
    float: left; } }
section {
  padding: 0; }

/* Center crop */
.img-anteprima {
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden; }
  .img-anteprima .crop-landscape {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .img-anteprima .crop-portrait {
    width: 100%;
    height: auto; }

.no-padding {
  padding: 0; }

.container-small {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  /*@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}*/ }
  @media (min-width: 992px) and (max-width: 1199px) {
    .container-small {
      width: 900px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .container-small {
      width: 640px; } }
  @media (max-width: 767px) {
    .container-small {
      width: 576px; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .container-small {
      width: 420px; } }
  @media (max-width: 575px) {
    .container-small {
      width: 350px; } }
  @media (max-width: 426px) {
    .container-small {
      width: 300px; } }
  @media (max-width: 400px) {
    .container-small {
      width: 300px; } }

a:focus {
  outline-color: transparent;
  outline-style: none; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline-color: transparent;
  outline-style: none; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #008DCA; }

#testo-404 {
  height: 70vh;
  margin-top: 150px; }

#services {
  margin-top: -5px;
  background: #F0F0F0; }

.pagination {
  text-align: center;
  display: block; }

.pagination ul li {
  display: inline;
  padding: 0px 10px 0px 10px; }

.pagination ul {
  list-style-type: none;
  margin-top: 30px; }

.pagination-list {
  padding: 0; }
  .pagination-list li {
    display: none; }
  .pagination-list li.hidden-phone {
    display: inline-block; }
    .pagination-list li.hidden-phone a {
      color: #008DCA;
      border: 1px solid #008DCA;
      padding: 10px 20px;
      background: #FFF; }
  .pagination-list li.active {
    display: inline-block; }
    .pagination-list li.active a {
      color: #FFF;
      border: 1px solid #008DCA;
      padding: 10px 20px;
      background: #008DCA; }
  .pagination-list li.disabled {
    display: none; }

.logo-omr-ferrari {
  width: 500px; }
  @media (max-width: 575px) {
    .logo-omr-ferrari {
      width: 100%; } }

figure.centercrop {
  width: auto;
  height: 250px;
  overflow: hidden;
  position: relative; }
  figure.centercrop img {
    position: absolute;
    margin: auto;
    min-height: 200px;
    min-width: 450px;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%; 
	height: 250px;
	object-fit: cover;
	}

#bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%; }

.img-cover {
  object-fit: cover;
  object-position: 50% 0;
  width: 100%;
  height: 100%; }

.titoli {
  color: #008DCA;
  font-size: 25px;
  position: relative;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-family: Montserrat-Light;
  font-weight: 700; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-nov-2018, 10.49.20
    Author     : Michela.Capelli
*/
/* HEADER */
/* Slider */
.slider {
  height: 100%; }
  .slider #auto-video {
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .slider #auto-video {
        width: 100%; } }
    @media (max-width: 575px) {
      .slider #auto-video {
        height: 100%;
        width: auto; } }

.header-video {
  height: 90vh; }

@media (max-width: 767px) {
  #categoria-gruppo-omr .header-pagine #video-header {
    top: 105px; } }
@media (max-width: 575px) {
  #categoria-gruppo-omr .header-pagine #video-header {
    top: 80px; } }

.header {
    /*position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 100px;
    @media (min-width: 768px) and (max-width: 991px) {
       
    }
    @media (max-width: 991px) {
         margin-top: 85px;
    }
    @media (max-width: 767px) {
       
        margin-top: 85px;
    }
    @media (max-width: 575px) {
        
        margin-top: 85px;
        
    }
       
    .slider{
       // background-color:rgba(0, 0, 0, 0.5);
       #auto-video{
           width:100%;
       }
        .slick-slider{
            z-index: -1;
        }

        .slick-slide {
            height: 80vh;
            z-index: -1;
            height: 80vh;
            min-width: 100%;
            margin: 0 auto;
            object-fit: cover;
            width: 100%; 
            @media (min-width: 768px) and (max-width: 991px) {
                height: 40vh;
            }
            @media (max-width: 767px) {
                height: 40vh;
            }
            @media (max-width: 575px) {
                height: 350px;
                margin-top: -50px;
            }
        }

        figure {
            img {
                top: 50%;
                left: 50%;
                height: 80vh;
                @include transform(translate(-50%,-50%));
                min-width: 100%;
                margin: 0 auto;
                object-fit: cover;
                width: 100%;     
                @media (min-width: 768px) and (max-width: 991px) {
                    height: 40vh;
                }
                @media (max-width: 767px) {
                    height: 40vh;
                }
                @media (max-width: 575px) {
                    height: 350px;
                    margin-top: -50px;
                }
            }
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
               /* IE10+ CSS styles go here */
              /* img.sfondo {
                 height: inherit;
                 width: inherit;
                 position: absolute;
                 top: -9999px;
                 right: -9999px;
                 bottom: -9999px;
                 left: -9999px;
                 margin: auto;
                 min-width: 100%;
                 min-height: 100%;
               }
            }
            
            figcaption{
                position: absolute;
                left: 50%;
                top: 35%;
                @include transform(translate(-50%));
                
                
                h1{
                    font-size: 80px;
                    color: $white;
                    font-family: $montserratRegular;
                }
            }
        }
    }
    
    
    #thumbnailyt_container {
        height: 80vh;
        overflow: hidden;
        position: relative;
        background-color: rgba(0,0,0, 0.8); 
        

        img {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 80vh;
            @include transform(translate(-50%,-50%));
            min-width: 100%;
            opacity: 0.5;
            margin: 0 auto;
            object-fit: cover;
            width: 100%;  
            @media (max-width: 575px) {
                height: 350px;
                margin-top: -50px;
            }
            
        }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
           /* IE10+ CSS styles go here */
    /*   img.sfondo {
         height: inherit;
         width: inherit;
         position: absolute;
         top: -9999px;
         right: -9999px;
         bottom: -9999px;
         left: -9999px;
         margin: auto;
         min-width: 100%;
         min-height: 100%;
       }
    }
}
.start-video {
    position: absolute;
    top: 40%;
    left: 50%;
    @include transform(translate(-50%,-50%));
    @include transition (all 0.3s);
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    padding: 10px 15px;
    i {
        font-size: 30px;
        color: $white;
        left: 3px;
        position: relative;
    }
} 
iframe{
    height: 80vh;
    width: 100%;
}*/
  position: relative;
  height: 65vh;
  overflow: hidden;
  z-index: 1;
  margin-top: 100px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header {
      height: 55vh; } }
  @media (max-width: 991px) {
    .header {
      margin-top: 85px; } }
  @media (max-width: 767px) {
    .header {
      height: 40vh; } }
  @media (max-width: 575px) {
    .header {
      height: 250px; } }
  .header #video-header {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%; }
  .header figure img {
    top: 50%;
    height: 65vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: left; }
    @media (min-width: 768px) and (max-width: 991px) {
      .header figure img {
        height: 40vh; } }
    @media (max-width: 767px) {
      .header figure img {
        height: 40vh; } }
    @media (max-width: 575px) {
      .header figure img {
        margin-top: -50px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header figure {
      /* IE10+ CSS styles go here */ }
      .header figure img.sfondo {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .header figure figcaption {
    position: absolute;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
    .header figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.header-pagine {
  position: relative;
  height: 65vh;
  overflow: hidden;
  z-index: 1;
  margin-top: 100px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header-pagine {
      height: 40vh; } }
  @media (max-width: 991px) {
    .header-pagine {
      margin-top: 85px; } }
  @media (max-width: 767px) {
    .header-pagine {
      height: 40vh; } }
  @media (max-width: 575px) {
    .header-pagine {
      height: 250px; } }
  .header-pagine #video-header {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    width: 100%; }
    @media (max-width: 767px) {
      .header-pagine #video-header {
        width: 100%;
        height: auto; } }
  .header-pagine figure img {
    top: 50%;
    height: 65vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: center; }
    @media (min-width: 768px) and (max-width: 991px) {
      .header-pagine figure img {
        height: 40vh; } }
    @media (max-width: 767px) {
      .header-pagine figure img {
        height: 40vh; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header-pagine figure {
      /* IE10+ CSS styles go here */ }
      .header-pagine figure img.sfondo {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .header-pagine figure figcaption {
    position: absolute;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
    .header-pagine figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.slider-interno {
  position: relative;
  height: 60vh;
  overflow: hidden;
  z-index: 1;
  margin-top: 40px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .slider-interno {
      height: 40vh; } }
  @media (max-width: 991px) {
    .slider-interno {
      margin-top: 85px; } }
  @media (max-width: 767px) {
    .slider-interno {
      height: 40vh; } }
  @media (max-width: 575px) {
    .slider-interno {
      height: 250px; } }
  .slider-interno #video-header {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .slider-interno figure img {
    top: 50%;
    height: 60vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: center; }
    @media (min-width: 768px) and (max-width: 991px) {
      .slider-interno figure img {
        height: 40vh; } }
    @media (max-width: 767px) {
      .slider-interno figure img {
        height: 40vh; } }
    @media (max-width: 575px) {
      .slider-interno figure img {
        height: 350px;
        margin-top: -50px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .slider-interno figure {
      /* IE10+ CSS styles go here */ }
      .slider-interno figure img.sfondo {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .slider-interno figure figcaption {
    position: absolute;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
    .slider-interno figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.slider-produzione {
  position: relative;
  height: 60vh;
  overflow: hidden;
  z-index: 1; }
  @media (min-width: 768px) and (max-width: 991px) {
    .slider-produzione {
      height: 40vh; } }
  @media (max-width: 767px) {
    .slider-produzione {
      height: 40vh; } }
  @media (max-width: 575px) {
    .slider-produzione {
      height: 250px; } }
  .slider-produzione figure img {
    top: 50%;
    height: 60vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: center; }
    @media (min-width: 768px) and (max-width: 991px) {
      .slider-produzione figure img {
        height: 40vh; } }
    @media (max-width: 767px) {
      .slider-produzione figure img {
        height: 40vh; } }
    @media (max-width: 575px) {
      .slider-produzione figure img {
        height: 350px;
        margin-top: -50px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .slider-produzione figure {
      /* IE10+ CSS styles go here */ }
      .slider-produzione figure img.sfondo {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .slider-produzione figure figcaption {
    position: absolute;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
    .slider-produzione figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.header-news {
  position: relative;
  height: 60vh;
  overflow: hidden;
  z-index: 1;
  margin-top: 100px; }
  @media (max-width: 991px) {
    .header-news {
      margin-top: 115px; } }
  @media (max-width: 575px) {
    .header-news {
      height: 500px; } }
  .header-news figure img {
    top: 50%;
    height: 60vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%; }
    @media (max-width: 575px) {
      .header-news figure img {
        height: 350px;
        margin-top: -50px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header-news figure {
      /* IE10+ CSS styles go here */ }
      .header-news figure img.sfondo {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .header-news figure figcaption {
    position: absolute;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
    .header-news figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-nov-2018, 10.44.45
    Author     : Michela.Capelli
*/
/* NAVBAR*/
.menu-top {
  background: #666B6E;
  padding-right: 100px;
  padding-left: 100px;
  text-align: right;
  -webkit-transition: all 0.1s !important;
  -moz-transition: all 0.1s !important;
  transition: all 0.1s !important;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  height: 80px; }

.mod-languages {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px; }
  @media (max-width: 991px) {
    .mod-languages {
      position: absolute;
      right: 70px;
      top: 22px; } }
  .mod-languages .chzn-container {
    width: 70px !important; }
  .mod-languages .chzn-container-single .chzn-single {
    background: #000;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    box-shadow: none; }
  .mod-languages .chzn-drop {
    width: 100%;
    border: 1px solid #000;
    border-top: 0;
    background: #000;
    box-shadow: none;
    color: #FFF; }
    .mod-languages .chzn-drop .chzn-result li {
      text-transform: uppercase;
      color: #FFF; }
  .mod-languages .chzn-results li {
    text-transform: uppercase;
    color: #FFF; }
  .mod-languages .chzn-results li:hover {
    text-transform: uppercase;
    background: transparent;
    color: #008DCA; }
  .mod-languages .chzn-results li.result-selected {
    background: transparent;
    color: #008DCA; }

.sticky-top {
  -webkit-transition: all 1s !important;
  -moz-transition: all 1s !important;
  transition: all 1s !important;
  opacity: 0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999; }

.dropdown-menu > li.kopie > a {
  padding-left: 5px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;
  height: 0;
  margin-right: -10px;
  margin-top: 5px;
  width: 0; }

.dropdown-submenu:hover > a:after {
  border-left-color: #555; }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline; }

#navbar {
  z-index: 999999999999999999999;
  position: fixed;
  top: 0px;
  width: 100%;
  -webkit-transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  transition: all 0.3s !important; }

.sticky {
  position: fixed;
  top: 0 !important;
  width: 100%;
  -webkit-transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  transition: all 0.3s !important; }

.sticky + .content {
  padding-top: 60px; }

@media (max-width: 767px) {
  .navbar-nav {
    display: inline; }

  .navbar-default .navbar-brand {
    display: inline; }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; }

  .navbar-nav .open .dropdown-menu {
    border-bottom: 1px solid white;
    border-radius: 0; }

  .dropdown-menu {
    padding-left: 10px; }

  .dropdown-menu .dropdown-menu {
    padding-left: 20px; }

  .dropdown-menu .dropdown-menu .dropdown-menu {
    padding-left: 30px; }

  li.dropdown.open {
    border: 0px solid red; } }
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block; }

  #navbar {
    text-align: center; } }
.menu-right {
  right: 0px;
  position: absolute;
  top: 35px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .menu-right {
      right: 0px; } }

.navbar-pagine {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: transparent !important; }

.navbar li.active a {
  color: #FFF;
  border-bottom: 3px solid transparent !important; }

.navbar {
  background: #000;
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 0;
  border: none;
  height: 95px; }
  @media (max-width: 991px) {
    .navbar {
      background: transparent;
      height: auto; } }
  .navbar .navbar-brand {
    float: left;
    height: 50px;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    top: 5px; }
  .navbar .container {
    position: relative; }
  .navbar #brand {
    position: relative;
    margin-top: 10px; }
    @media (max-width: 991px) {
      .navbar #brand {
        margin-top: 0px; } }
    .navbar #brand img {
      height: 70px; }
      @media (max-width: 991px) {
        .navbar #brand img {
          height: 40px;
          margin-left: 20px; } }
  .navbar .menu {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden; }
  .navbar li {
    position: relative; }
    .navbar li a {
      font-weight: 500;
      font-size: 13px;
      color: #FFF !important;
      text-transform: uppercase;
      padding: 5px;
      margin-left: 35px;
      line-height: inherit;
      display: inline-block;
      font-family: Montserrat-Regular;
      padding-bottom: 15px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .navbar li a {
          font-size: 12px;
          margin-left: 20px; } }
      @media (max-width: 575px) {
        .navbar li a {
          font-size: 14px; } }
    .navbar li a:hover, .navbar li a:focus {
      background-color: transparent !important;
      color: #008DCA !important;
      background-image: none !important; }
    .navbar li ul {
      left: 40px;
      background: #008DCA;
      border-radius: 0;
      top: 35px;
      padding: 10px 5px;
      border: 1px solid transparent; }
      .navbar li ul li a {
        font-weight: 500;
        font-size: 13px;
        color: #FFF !important;
        text-transform: uppercase;
        padding: 5px;
        margin-left: 0px;
        line-height: inherit;
        display: inline-block;
        font-family: Montserrat-Regular;
        text-align: left; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .navbar li ul li a {
            font-size: 12px; } }
        @media (max-width: 575px) {
          .navbar li ul li a {
            font-size: 14px; } }
      .navbar li ul li a:hover, .navbar li ul li a:focus {
        background-color: transparent !important;
        color: #FFF !important;
        text-decoration: underline;
        background-image: transparent !important; }
    .navbar li ul::before {
      display: block;
      border-bottom-color: #008DCA;
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      line-height: 0;
      border-bottom: 8px solid #008DCA;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      left: 10px;
      top: -8px; }
  .navbar .open a {
    color: #008DCA !important;
    background-image: none !important;
    background-color: transparent !important; }
  .navbar .open a:hover {
    color: #008DCA !important;
    background-image: none !important;
    background-color: transparent !important; }
  .navbar .open ul {
    left: 40px;
    background: #008DCA;
    border-radius: 0;
    top: 35px;
    padding: 10px 5px;
    border: 1px solid transparent; }
    .navbar .open ul li {
      text-align: left; }
      .navbar .open ul li a {
        font-weight: 500;
        font-size: 13px;
        color: #FFF !important;
        text-transform: uppercase;
        padding: 5px;
        margin-left: 0px;
        line-height: inherit;
        display: inline-block;
        font-family: Montserrat-Regular;
        padding-left: 10px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .navbar .open ul li a {
            font-size: 12px;
            margin-left: 20px; } }
        @media (max-width: 575px) {
          .navbar .open ul li a {
            font-size: 14px; } }
      .navbar .open ul li a:hover, .navbar .open ul li a:focus {
        background-color: transparent !important;
        color: #FFF !important;
        text-decoration: underline;
        background-image: transparent !important;
        padding-left: 10px; }
  .navbar li.active a {
    color: #FFF;
    border-bottom: 3px solid #FFF; }
  .navbar .navbar-header {
    position: relative; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .navbar .navbar-header {
        left: 0px; } }
    @media (max-width: 991px) {
      .navbar .navbar-header {
        width: 100%; } }
  @media (max-width: 991px) {
    .navbar .navbar-collapse {
      display: none !important; } }

/*menu responsive overlay*/
#trigger-overlay span.nav-line {
  display: block;
  height: 3px;
  width: 20px;
  margin-bottom: 4px; }

button#trigger-overlay span {
  background: #FFF;
  color: #FFF; }

button#trigger-overlay {
  display: none;
  display: inline-block;
  position: absolute;
  top: 30px;
  background: transparent;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: 0px;
  border: 0;
  right: 20px; }

.overlay {
  background: #000; }

.overlay-door {
  z-index: 2; }

.overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0s 0.5s; }

.overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s; }

.overlay-hugeinc nav {
  perspective: 1200px; }

.overlay-hugeinc nav ul {
  opacity: 0.4;
  transform: translateY(-25%) rotateX(35deg);
  transition: transform 0.5s, opacity 0.5s; }

.overlay-hugeinc.open nav ul {
  opacity: 1;
  transform: rotateX(0deg); }

.overlay-hugeinc.close nav ul {
  transform: translateY(25%) rotateX(-35deg); }

.overlay .overlay-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 40px;
  top: 40px;
  overflow: hidden;
  border: none;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100; }

/* menu social */
.fa-facebook:before {
  content: "\f09a";
  font-size: 14px;
  font-family: FontAwesome; }
  @media (max-width: 991px) {
    .fa-facebook:before {
      margin-bottom: 10px; } }

.fa-instagram:before {
  content: "\f16d";
  font-size: 14px;
  font-family: FontAwesome; }
  @media (max-width: 991px) {
    .fa-instagram:before {
      margin-bottom: 10px; } }

.fa-linkedin:before {
  content: "\f0e1";
  font-size: 14px;
  font-family: FontAwesome; }
  @media (max-width: 991px) {
    .fa-linkedin:before {
      margin-bottom: 10px; } }

.menu-lingue {
  display: block;
  float: right;
  color: #FFF; }
  @media (max-width: 991px) {
    .menu-lingue {
      display: block;
      float: none;
      color: #FFF;
      right: 0;
      position: absolute; } }
  .menu-lingue li {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .menu-lingue .lang-active a {
    background: #FFF;
    color: #666B6E;
    font-weight: 600;
    text-decoration: none; }
  .menu-lingue a {
    color: #FFF;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding: 6px 5px;
    height: 30px; }
  .menu-lingue a:hover, .menu-lingue a:focus {
    background: #FFF;
    color: #666B6E;
    font-weight: 600;
    text-decoration: none; }

.menu-social {
  position: relative;
  float: right;
  z-index: 1;
  margin-right: 15px;
  margin-left: 15px;
  right: 0;
  top: -3px;
  display: inline; }
  @media (max-width: 991px) {
    .menu-social {
      position: relative;
      float: left;
      z-index: 1;
      margin-right: 0;
      margin-left: 0;
      right: 0;
      top: 0; } }
  .menu-social li {
    position: relative;
    float: left;
    display: inline; }
    .menu-social li a {
      color: #FFF;
      height: 30px;
      padding: 8px 5px;
      margin-left: 5px; }
    .menu-social li a:hover, .menu-social li a:focus {
      color: #666B6E;
      height: 30px; }

.call-us {
  position: relative;
  float: right;
  color: #FFF;
  margin-top: 8px; }
  @media (max-width: 991px) {
    .call-us {
      position: absolute;
      float: left;
      color: #FFF;
      margin-top: 8px;
      left: 20px; } }
  .call-us span {
    font-size: 14px;
    font-family: Montserrat-Regular; }
  .call-us a {
    color: #FFF;
    font-weight: 500; }
  .call-us a:hover, .call-us a:focus {
    color: #F0F0F0;
    font-weight: 500;
    text-decoration: none; }

.menu-container {
  background: transparent;
  position: relative;
  /*.menu-mobile:after {
      content: "\f394";
      font-family: "Ionicons";
      font-size: 3.5rem;
      padding: 0;
      float: right;
      position: relative;
      top: 0%; 
      @include transform(translateY(0));
      color: white;
      margin-right: 10px;
  }*/
  /*.item-103{
      ul{
          display: none !important;
      }
      
  }
  .item-103.menu-dropdown-icon:before {
      display: none !important;
      content: "" !important;
      background: transparent !important;
  }*/ }
  .menu-container .menu-mobile {
    background: #000;
    padding: 0 10px;
    height: 80px;
    padding-top: 10px; }
    .menu-container .menu-mobile .brand-img {
      width: 100px;
      display: inline;
      float: left;
      margin-left: 10px; }
  .menu-container .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #000;
    background-image: none;
    border-radius: 4px;
    display: block; }
    .menu-container .navbar-toggle span {
      background: #FFF; }
    .menu-container .navbar-toggle .icon-bar {
      display: block;
      width: 30px;
      height: 3px;
      border-radius: 1px; }
  .menu-container ul {
    border-top: 5px solid #FFF; }
    .menu-container ul li {
      background: #000 !important;
      border-top: 1px solid;
      display: inline-block; }
      @media (max-width: 991px) {
        .menu-container ul li {
          text-align: left; } }
      .menu-container ul li a {
        padding: 15px 10px !important;
        margin-left: 10px;
        display: inline-block; }
      @media (max-width: 991px) {
        .menu-container ul li .fa-facebook {
          margin-bottom: 20px; } }
      @media (max-width: 991px) {
        .menu-container ul li .fa-instagram {
          margin-bottom: 20px; } }
      @media (max-width: 991px) {
        .menu-container ul li .fa-linkedin {
          margin-bottom: 20px; } }
      .menu-container ul li ul {
        top: 0 !important;
        background: #008DCA !important;
        padding-bottom: 20px !important; }
        .menu-container ul li ul li {
          background: #008DCA !important;
          border: none;
          height: 20px;
          padding: 0px;
          top: 0 !important; }
          .menu-container ul li ul li a {
            padding: 5px !important; }
    .menu-container ul li.active a {
      border-bottom: 0px solid transparent !important; }
    .menu-container ul .menu-dropdown-icon:before {
      content: "\f067";
      font-family: FontAwesome;
      display: none;
      cursor: pointer;
      float: right;
      padding: 1.5em 2em;
      background: #1A1A1A;
      color: #FFF;
      position: absolute;
      right: 0;
      display: inline !important;
      z-index: 99999;
      padding: 10px 24px;
      font-size: 20px; }
    .menu-container ul .menu-dropdown-icon.openmenu:before {
      content: "\f068";
      font-family: FontAwesome;
      display: none;
      cursor: pointer;
      float: right;
      padding: 1.5em 2em;
      background: #1A1A1A;
      color: #FFF;
      position: absolute;
      right: 0;
      display: inline !important;
      z-index: 99999;
      padding: 10px 24px;
      font-size: 20px; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: red;
  text-decoration: none;
  background-color: #008DCA !important;
  outline: 0; }

/* 
    Created on : 8-feb-2019, 11.21.18
    Author     : Michela.Capelli
    Style page: Company
*/
#company {
  position: relative; }
  #company .simbolo-omr {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 575px) {
      #company .simbolo-omr {
        display: none; } }
  #company .titolo {
    color: #FFF !important;
    font-weight: 700; }
  #company #testo {
    padding-bottom: 60px;
    padding-top: 60px;
    text-align: justify; }
    #company #testo .testo-company {
      padding-right: 20px; }
      @media (max-width: 991px) {
        #company #testo .testo-company {
          padding: 0px 20px; } }
  #company #video-company {
    padding: 20px 0px 0px 0px;
    width: 100%; }

#integrated-process .textintro, #processo-integrato .textintro, #clienti-principali .textintro, #main-customers .textintro {
  margin-left: 30px; }
  @media (max-width: 991px) {
    #integrated-process .textintro, #processo-integrato .textintro, #clienti-principali .textintro, #main-customers .textintro {
      margin-top: 40px;
      margin-left: 0px;
      padding: 0px 20px; } }

@media (max-width: 991px) {
  .sottopagina-storia .intro {
    height: 300px; } }
.sottopagina-storia .textintro {
  margin-left: 5px; }
  @media (max-width: 991px) {
    .sottopagina-storia .textintro {
      margin-top: 40px;
      margin-left: 0px;
      padding: 0px 20px; } }
@media (max-width: 991px) {
  .sottopagina-storia #testo {
    padding: 0px 20px; } }
.sottopagina-storia .titoli {
  color: #008DCA;
  font-weight: 700; }

.sottopagina-gruppooggi {
  color: #FFF;
  position: relative; }
  .sottopagina-gruppooggi .titoli {
    color: #FFF;
    font-weight: 700; }
    @media (max-width: 991px) {
      .sottopagina-gruppooggi .titoli {
        color: #008DCA; } }
  .sottopagina-gruppooggi .parallax {
    /* Set a specific height */
    height: 500px;
    width: 100%;
    /* Fallback for web browsers that don't support RGBa */
    background-color: black !important;
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.4) !important;
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000) !important;
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" !important;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (max-width: 991px) {
      .sottopagina-gruppooggi .parallax {
        height: 250px !important; } }
  .sottopagina-gruppooggi .button-div {
    margin-left: 10px !important; }
    @media (max-width: 767px) {
      .sottopagina-gruppooggi .button-div {
        margin-left: 20px !important; } }
  .sottopagina-gruppooggi figure {
    height: auto !important; }
  @media (max-width: 1199px) {
    .sottopagina-gruppooggi .textintro {
      left: 0px; } }
  @media (max-width: 991px) {
    .sottopagina-gruppooggi .textintro {
      left: 0px;
      padding: 0 20px; } }
  @media (max-width: 575px) {
    .sottopagina-gruppooggi .textintro {
      left: 0px;
      padding: 0 30px; } }

#storia, #history {
  margin-top: 60px;
  margin-bottom: 60px; }
  @media (max-width: 991px) {
    #storia, #history {
      margin-top: 0px;
      margin-bottom: 60px; } }
  #storia .button-div, #history .button-div {
    position: relative !important;
    margin-left: 0 !important;
    bottom: 0 !important;
    top: 40px; }

@media (max-width: 767px) {
  .sottopagina-valorimission {
    padding-bottom: 40px; } }
.sottopagina-valorimission .titoli {
  color: #008DCA;
  font-weight: 700;
  margin-top: 0; }
@media (max-width: 991px) {
  .sottopagina-valorimission .intro {
    height: 300px !important; } }
@media (max-width: 767px) {
  .sottopagina-valorimission .intro {
    height: 250px !important; } }
.sottopagina-valorimission .textintro {
  margin-top: 0px; }
  @media (max-width: 1599px) {
    .sottopagina-valorimission .textintro {
      left: -35px; } }
  @media (max-width: 1199px) {
    .sottopagina-valorimission .textintro {
      left: -55px; } }
  @media (max-width: 991px) {
    .sottopagina-valorimission .textintro {
      margin-top: 60px;
      margin-bottom: 40px;
      padding: 0 20px;
      left: 10px; } }
  @media (max-width: 767px) {
    .sottopagina-valorimission .textintro {
      left: 0px; } }
.sottopagina-valorimission .immagine-box {
  margin: 0 auto;
  margin-bottom: 80px; }
  @media (max-width: 767px) {
    .sottopagina-valorimission .immagine-box {
      margin-bottom: 0px;
      padding: 20px; } }
@media (max-width: 767px) {
  .sottopagina-valorimission .simbolo-omr img {
    margin-bottom: 0px; } }
.sottopagina-valorimission .button-azione {
  bottom: 45px;
  position: relative; }

.sottopagina-qualita {
  background: #090909; }
  .sottopagina-qualita figure {
    position: relative;
    overflow: hidden; }
    @media (max-width: 991px) {
      .sottopagina-qualita figure img {
        height: 250px;
        overflow: visible; } }
    .sottopagina-qualita figure .img-qualita {
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: cover;
      object-position: left; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .sottopagina-qualita figure .img-qualita {
        height: inherit;
        width: inherit;
        position: relative;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .sottopagina-qualita .textintro {
    margin-left: 10px;
    margin-top: 0px; }
    @media (max-width: 991px) {
      .sottopagina-qualita .textintro {
        margin-left: 0px;
        color: #FFF; } }
  .sottopagina-qualita figcaption {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    color: #FFF; }
    @media (max-width: 767px) {
      .sottopagina-qualita figcaption {
        left: 0%;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%); } }
    .sottopagina-qualita figcaption .titoli {
      color: #FFF;
      margin-top: 0; }
    .sottopagina-qualita figcaption .textintro {
      position: relative;
      padding: 20px 40px; }
      @media (max-width: 991px) {
        .sottopagina-qualita figcaption .textintro {
          margin-top: 40px;
          padding: 20px 5px; } }
      @media (max-width: 767px) {
        .sottopagina-qualita figcaption .textintro {
          padding: 0px 10px; } }
      .sottopagina-qualita figcaption .textintro .titoli {
        font-size: 25px;
        font-weight: 700; }

#categoria-company #contenuto .immagine img, #valori-e-mission #contenuto .immagine img {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: left;
  width: 100%;
  height: 500px; }
  @media (max-width: 1599px) {
    #categoria-company #contenuto .immagine img, #valori-e-mission #contenuto .immagine img {
      height: 500px; } }
  @media (max-width: 991px) {
    #categoria-company #contenuto .immagine img, #valori-e-mission #contenuto .immagine img {
      height: 300px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #categoria-company #contenuto .immagine IE10 + CSS styles go here
  img, #valori-e-mission #contenuto .immagine IE10 + CSS styles go here
  img {
    height: inherit;
    width: inherit;
    position: relative;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%; } }
#categoria-company #contenuto .elenco-pagine figure, #valori-e-mission #contenuto .elenco-pagine figure {
  position: relative; }
#categoria-company #contenuto .elenco-pagine figcaption, #valori-e-mission #contenuto .elenco-pagine figcaption {
  position: absolute;
  top: 0;
  z-index: 999999;
  width: 100%; }

#pagina-interna {
  background: #F0F0F0; }

#valori-e-mission .intro {
  margin-top: 80px;
  margin-right: 60px; }

/*
    Created on : 26-feb-2019, 13.41.15
    Author     : Michela.Capelli
*/
#attivita {
  position: relative;
  background: #F0F0F0;
  color: #000; }
  #attivita .simbolo-omr {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 575px) {
      #attivita .simbolo-omr {
        display: none; } }
  #attivita .breadcrumb {
    background: #F0F0F0; }
    #attivita .breadcrumb a {
      color: #000; }
  #attivita .immagine-attivita {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #attivita .immagine-attivita img {
      min-width: 65%;
      margin: 0 auto; }
  #attivita #testo {
    padding-bottom: 60px;
    padding-top: 60px;
    text-align: justify; }
    @media (max-width: 991px) {
      #attivita #testo {
        padding-bottom: 40px;
        padding-top: 20px; } }
    @media (max-width: 575px) {
      #attivita #testo {
        padding-top: 10px; } }
    #attivita #testo .testo-attivita {
      padding-right: 20px; }
      @media (max-width: 991px) {
        #attivita #testo .testo-attivita {
          padding: 0px 20px; } }

#products-sector h2 {
  font-weight: 700;
  color: white;
  position: relative;
  margin-top: 40px;
  text-transform: uppercase; }
@media (max-width: 991px) {
  #products-sector .custom {
    padding: 0px 20px; } }
@media (max-width: 1199px) {
  #products-sector .mezzi-slider {
    margin-top: 100px; } }

#wcm {
  background: #1A1A1A;
  color: #FFF; }
  #wcm .intro {
    padding-bottom: 100px; }
    @media (max-width: 991px) {
      #wcm .intro {
        padding: 0px 15px;
        padding-bottom: 60px; } }
    @media (max-width: 575px) {
      #wcm .intro {
        padding: 0px 20px;
        padding-bottom: 60px; } }
  #wcm .titolo {
    color: #FFF; }

#referenze {
  margin-top: -30px;
  margin-bottom: -1px; }

#categoria-referenze #testo .testo, #categoria-referenze #contenuto .testo, #categoria-main-customers #testo .testo, #categoria-main-customers #contenuto .testo, #main-customers #testo .testo, #main-customers #contenuto .testo, #categoria-clienti-principali #testo .testo, #categoria-clienti-principali #contenuto .testo {
  margin-top: 20px;
  margin-bottom: 0px; }
  @media (max-width: 991px) {
    #categoria-referenze #testo .testo, #categoria-referenze #contenuto .testo, #categoria-main-customers #testo .testo, #categoria-main-customers #contenuto .testo, #main-customers #testo .testo, #main-customers #contenuto .testo, #categoria-clienti-principali #testo .testo, #categoria-clienti-principali #contenuto .testo {
      padding: 0px 20px;
      margin-top: 10px; } }
  @media (max-width: 575px) {
    #categoria-referenze #testo .testo, #categoria-referenze #contenuto .testo, #categoria-main-customers #testo .testo, #categoria-main-customers #contenuto .testo, #main-customers #testo .testo, #main-customers #contenuto .testo, #categoria-clienti-principali #testo .testo, #categoria-clienti-principali #contenuto .testo {
      padding: 0px 20px;
      margin-top: 10px; } }
#categoria-referenze #contenuto, #categoria-main-customers #contenuto, #main-customers #contenuto, #categoria-clienti-principali #contenuto {
  margin-bottom: 80px; }
#categoria-referenze .CAR .altri, #categoria-main-customers .CAR .altri, #main-customers .CAR .altri, #categoria-clienti-principali .CAR .altri {
  margin-top: 60px; }
  #categoria-referenze .CAR .altri .div-titolo, #categoria-main-customers .CAR .altri .div-titolo, #main-customers .CAR .altri .div-titolo, #categoria-clienti-principali .CAR .altri .div-titolo {
    height: 30px;
    background: #e0e0e0; }
#categoria-referenze .CAR .div-titolo, #categoria-main-customers .CAR .div-titolo, #main-customers .CAR .div-titolo, #categoria-clienti-principali .CAR .div-titolo {
  background: #e0e0e0;
  font-size: 40px;
  position: relative;
  font-family: Montserrat-Light; }
#categoria-referenze .elenco-clienti #accordion, #categoria-main-customers .elenco-clienti #accordion, #main-customers .elenco-clienti #accordion, #categoria-clienti-principali .elenco-clienti #accordion {
  margin-top: 40px; }
  @media (max-width: 991px) {
    #categoria-referenze .elenco-clienti #accordion, #categoria-main-customers .elenco-clienti #accordion, #main-customers .elenco-clienti #accordion, #categoria-clienti-principali .elenco-clienti #accordion {
      padding: 0 20px; } }
  @media (max-width: 575px) {
    #categoria-referenze .elenco-clienti #accordion, #categoria-main-customers .elenco-clienti #accordion, #main-customers .elenco-clienti #accordion, #categoria-clienti-principali .elenco-clienti #accordion {
      padding: 0 20px; } }
#categoria-referenze .elenco-clienti .card, #categoria-main-customers .elenco-clienti .card, #main-customers .elenco-clienti .card, #categoria-clienti-principali .elenco-clienti .card {
  margin-bottom: 60px; }
#categoria-referenze .elenco-clienti h4, #categoria-main-customers .elenco-clienti h4, #main-customers .elenco-clienti h4, #categoria-clienti-principali .elenco-clienti h4 {
  font-size: 25px;
  color: #666B6E;
  padding-bottom: 10px;
  border-bottom: 2px solid #666B6E;
  text-transform: uppercase;
  font-weight: 700; }
#categoria-referenze .elenco-clienti .settore, #categoria-main-customers .elenco-clienti .settore, #main-customers .elenco-clienti .settore, #categoria-clienti-principali .elenco-clienti .settore {
  position: relative;
  overflow: hidden; }
  #categoria-referenze .elenco-clienti .settore img, #categoria-main-customers .elenco-clienti .settore img, #main-customers .elenco-clienti .settore img, #categoria-clienti-principali .elenco-clienti .settore img {
    position: relative;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  #categoria-referenze .elenco-clienti .settore figcaption, #categoria-main-customers .elenco-clienti .settore figcaption, #main-customers .elenco-clienti .settore figcaption, #categoria-clienti-principali .elenco-clienti .settore figcaption {
    position: relative;
    color: #FFF;
    font-size: 40px;
    padding: 0px 0 0 0;
    text-transform: uppercase;
    font-family: Montserrat-Hairline;
    width: 100%; }
    #categoria-referenze .elenco-clienti .settore figcaption .div-titolo, #categoria-main-customers .elenco-clienti .settore figcaption .div-titolo, #main-customers .elenco-clienti .settore figcaption .div-titolo, #categoria-clienti-principali .elenco-clienti .settore figcaption .div-titolo {
      color: #666B6E;
      font-size: 40px;
      position: relative;
      font-family: Montserrat-Light;
      padding: 5px; }
      #categoria-referenze .elenco-clienti .settore figcaption .div-titolo .titolo, #categoria-main-customers .elenco-clienti .settore figcaption .div-titolo .titolo, #main-customers .elenco-clienti .settore figcaption .div-titolo .titolo, #categoria-clienti-principali .elenco-clienti .settore figcaption .div-titolo .titolo {
        text-transform: uppercase;
        border-bottom: 0px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        color: #666B6E;
        font-size: 14px;
        z-index: 9999; }
      #categoria-referenze .elenco-clienti .settore figcaption .div-titolo .titolo:after, #categoria-main-customers .elenco-clienti .settore figcaption .div-titolo .titolo:after, #main-customers .elenco-clienti .settore figcaption .div-titolo .titolo:after, #categoria-clienti-principali .elenco-clienti .settore figcaption .div-titolo .titolo:after {
        content: "";
        width: 0px;
        height: 0px;
        background: transparent !important;
        position: absolute;
        bottom: -1px;
        left: 0; }
  #categoria-referenze .elenco-clienti .settore .button-div, #categoria-main-customers .elenco-clienti .settore .button-div, #main-customers .elenco-clienti .settore .button-div, #categoria-clienti-principali .elenco-clienti .settore .button-div {
    display: block;
    text-align: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 992px) and (max-width: 1199px) {
      #categoria-referenze .elenco-clienti .settore .button-div, #categoria-main-customers .elenco-clienti .settore .button-div, #main-customers .elenco-clienti .settore .button-div, #categoria-clienti-principali .elenco-clienti .settore .button-div {
        top: -5px;
        position: relative; } }
  #categoria-referenze .elenco-clienti .settore .icona-small, #categoria-main-customers .elenco-clienti .settore .icona-small, #main-customers .elenco-clienti .settore .icona-small, #categoria-clienti-principali .elenco-clienti .settore .icona-small {
    display: inline-block !important;
    width: 47px;
    text-align: right;
    position: relative;
    left: 0;
    top: 4px;
    margin-right: -25px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #categoria-referenze .elenco-clienti .settore .icona-small, #categoria-main-customers .elenco-clienti .settore .icona-small, #main-customers .elenco-clienti .settore .icona-small, #categoria-clienti-principali .elenco-clienti .settore .icona-small {
        top: 4px; } }
    @media (max-width: 575px) {
      #categoria-referenze .elenco-clienti .settore .icona-small, #categoria-main-customers .elenco-clienti .settore .icona-small, #main-customers .elenco-clienti .settore .icona-small, #categoria-clienti-principali .elenco-clienti .settore .icona-small {
        top: 4px; } }
    @media (max-width: 426px) {
      #categoria-referenze .elenco-clienti .settore .icona-small, #categoria-main-customers .elenco-clienti .settore .icona-small, #main-customers .elenco-clienti .settore .icona-small, #categoria-clienti-principali .elenco-clienti .settore .icona-small {
        top: 4px; } }
  #categoria-referenze .elenco-clienti .settore .button-azione, #categoria-main-customers .elenco-clienti .settore .button-azione, #main-customers .elenco-clienti .settore .button-azione, #categoria-clienti-principali .elenco-clienti .settore .button-azione {
    display: inline-block !important;
    border: 1px solid #F0F0F0;
    background: #F0F0F0;
    color: #666B6E;
    padding: 12.5px 0px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat-Regular;
    width: 150px; }
    @media (max-width: 767px) {
      #categoria-referenze .elenco-clienti .settore .button-azione, #categoria-main-customers .elenco-clienti .settore .button-azione, #main-customers .elenco-clienti .settore .button-azione, #categoria-clienti-principali .elenco-clienti .settore .button-azione {
        display: none !important; } }
#categoria-referenze .marchio, #categoria-main-customers .marchio, #main-customers .marchio, #categoria-clienti-principali .marchio {
  padding: 20px 0;
  background: transparent; }
#categoria-referenze .card-header .collapsed .icona-small, #categoria-main-customers .card-header .collapsed .icona-small, #main-customers .card-header .collapsed .icona-small, #categoria-clienti-principali .card-header .collapsed .icona-small {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  margin-right: 0px; }

.elenco-fasi .immagine {
  max-height: 300px;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0; }
  .elenco-fasi .immagine img {
    width: 100%;
    top: -50%;
    position: relative;
    /* height: 300px; */
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%); }
    @media (max-width: 1199px) {
      .elenco-fasi .immagine img {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%); } }
.elenco-fasi .fase-det {
  padding: 40px 0; }
  @media (max-width: 400px) {
    .elenco-fasi .fase-det {
      padding: 40px 25px; } }
.elenco-fasi .fase-testo {
  position: relative;
  margin-bottom: 40px; }
  .elenco-fasi .fase-testo .titolo_blu {
    color: #008DCA;
    font-size: 25px;
    font-family: Montserrat-Regular; }
    @media (max-width: 991px) {
      .elenco-fasi .fase-testo .titolo_blu {
        font-size: 22px; } }
    @media (max-width: 575px) {
      .elenco-fasi .fase-testo .titolo_blu {
        font-size: 20px; } }
  .elenco-fasi .fase-testo .titolo_grigio {
    color: #666B6E;
    font-size: 25px;
    font-family: Montserrat-Regular; }
    @media (max-width: 991px) {
      .elenco-fasi .fase-testo .titolo_grigio {
        font-size: 22px; } }
    @media (max-width: 575px) {
      .elenco-fasi .fase-testo .titolo_grigio {
        font-size: 20px; } }
.elenco-fasi .fase-titolo {
  font-size: 20px;
  display: inline;
  font-family: Montserrat-Light;
  color: #008DCA; }
.elenco-fasi .numero-fase {
  display: inline;
  font-size: 50px;
  font-family: Montserrat-Light;
  color: #008DCA; }
  @media (max-width: 991px) {
    .elenco-fasi .numero-fase {
      font-size: 40px; } }
  @media (max-width: 575px) {
    .elenco-fasi .numero-fase {
      font-size: 20px; } }
.elenco-fasi .parallax {
  /* Set a specific height */
  height: 600px;
  width: 100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991px) {
    .elenco-fasi .parallax {
      height: 350px !important; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
#categoria-racing-partnership .simbolo-omr, #categoria-racing-partnership-en .simbolo-omr {
  margin-top: -60px; }
  @media (max-width: 575px) {
    #categoria-racing-partnership .simbolo-omr, #categoria-racing-partnership-en .simbolo-omr {
      display: none; } }
#categoria-racing-partnership .button-div, #categoria-racing-partnership-en .button-div {
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 100px;
  margin-left: 0px; }
#categoria-racing-partnership .titoli, #categoria-racing-partnership-en .titoli {
  font-weight: 700;
  color: #008DCA; }
#categoria-racing-partnership .div-data, #categoria-racing-partnership-en .div-data {
  margin-bottom: 20px; }
  #categoria-racing-partnership .div-data img, #categoria-racing-partnership-en .div-data img {
    display: inline; }
  #categoria-racing-partnership .div-data .data, #categoria-racing-partnership-en .div-data .data {
    display: inline;
    color: #008DCA;
    margin-left: 20px;
    top: 14px;
    position: relative; }
#categoria-racing-partnership .text h5, #categoria-racing-partnership-en .text h5 {
  font-size: 20px;
  color: #666B6E; }
#categoria-racing-partnership .text p, #categoria-racing-partnership-en .text p {
  font-size: 16px;
  color: #666B6E; }
#categoria-racing-partnership .categoria, #categoria-racing-partnership-en .categoria {
  text-align: right; }
  #categoria-racing-partnership .categoria img, #categoria-racing-partnership-en .categoria img {
    display: inline-block;
    width: 40px;
    text-align: right;
    position: relative;
    right: 0; }
#categoria-racing-partnership .title-category, #categoria-racing-partnership-en .title-category {
  font-size: 12px;
  color: #666B6E;
  text-align: right;
  margin-top: 5px;
  display: inline-block;
  right: 0;
  position: relative;
  top: 3px; }
#categoria-racing-partnership .title-category:hover, #categoria-racing-partnership-en .title-category:hover {
  color: #008DCA; }
#categoria-racing-partnership .element-item, #categoria-racing-partnership-en .element-item {
  margin-bottom: 40px; }
#categoria-racing-partnership .ferrari-block, #categoria-racing-partnership-en .ferrari-block {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%); }

#wec-partnership .simbolo-omr {
  margin-top: -30px; }
#wec-partnership .titoli {
  font-weight: 700;
  color: #008DCA; }
#wec-partnership .intro {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%); }

/* 
    Created on : 28-feb-2019, 8.47.49
    Author     : Michela.Capelli
*/
#categoria-corporate-social-responsability .simbolo-omr, #categoria-corporate-social-responsability-en .simbolo-omr {
  margin-top: -60px; }
  @media (max-width: 575px) {
    #categoria-corporate-social-responsability .simbolo-omr, #categoria-corporate-social-responsability-en .simbolo-omr {
      display: none; } }
@media (max-width: 575px) {
  #categoria-corporate-social-responsability .testo-attivita, #categoria-corporate-social-responsability-en .testo-attivita {
    padding: 0 20px;
    margin-top: 10px; } }
#categoria-corporate-social-responsability #testo, #categoria-corporate-social-responsability-en #testo {
  margin-bottom: 80px; }
#categoria-corporate-social-responsability .parallax, #categoria-corporate-social-responsability-en .parallax {
  /* Set a specific height */
  height: 400px;
  width: 100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991px) {
    #categoria-corporate-social-responsability .parallax, #categoria-corporate-social-responsability-en .parallax {
      height: 350px !important; } }
#categoria-corporate-social-responsability .sottopagina-storia, #categoria-corporate-social-responsability-en .sottopagina-storia {
  position: relative; }
#categoria-corporate-social-responsability #cultura .immagine, #categoria-corporate-social-responsability-en #cultura .immagine {
  padding: 100px; }
#categoria-corporate-social-responsability #sport, #categoria-corporate-social-responsability-en #sport {
  color: #FFF;
  background: #0f0e0a; }
  #categoria-corporate-social-responsability #sport .titoli, #categoria-corporate-social-responsability-en #sport .titoli {
    color: #FFF; }

@media (max-width: 991px) {
  .testo-attivita {
    padding: 0 20px; } }

.sottopagina-csrdx .textintro {
  margin-left: 5px; }
  @media (max-width: 991px) {
    .sottopagina-csrdx .textintro {
      margin-top: 40px;
      margin-left: 0px;
      padding: 0px 20px; } }
@media (max-width: 991px) {
  .sottopagina-csrdx #testo {
    padding: 0px 20px; } }
.sottopagina-csrdx .titoli {
  color: #008DCA;
  font-weight: 700; }

@media (max-width: 991px) {
  #categoria-sociale .interni-csr .descrizione, #categoria-social .interni-csr .descrizione, #categoria-sport .interni-csr .descrizione {
    padding: 0 30px; } }
#categoria-sociale .interni-csr .descrizione .testo, #categoria-social .interni-csr .descrizione .testo, #categoria-sport .interni-csr .descrizione .testo {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (max-width: 991px) {
    #categoria-sociale .interni-csr .descrizione .testo, #categoria-social .interni-csr .descrizione .testo, #categoria-sport .interni-csr .descrizione .testo {
      top: 0%;
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
      padding-top: 40px; } }
@media (max-width: 991px) {
  #categoria-sociale .interni-csr-not .descrizione, #categoria-social .interni-csr-not .descrizione, #categoria-sport .interni-csr-not .descrizione {
    padding: 0 30px; } }
#categoria-sociale .even, #categoria-social .even, #categoria-sport .even {
  background: #F0F0F0; }

#sociale .textintro, #sport .textintro {
  margin-top: 0px; }
  @media (max-width: 1599px) {
    #sociale .textintro, #sport .textintro {
      left: -35px; } }
  @media (max-width: 1199px) {
    #sociale .textintro, #sport .textintro {
      left: -55px; } }
  @media (max-width: 991px) {
    #sociale .textintro, #sport .textintro {
      margin-top: 40px;
      margin-bottom: 40px;
      padding: 0 45px;
      left: 0px; } }
  @media (max-width: 767px) {
    #sociale .textintro, #sport .textintro {
      left: 0px;
      padding: 0 35px; } }

#sport .textintro {
  color: #FFF; }

#codice-etico .textintro, #sostenibilita .textintro, #code-of-ethics .textintro, #sustainability .textintro, #privacy .textintro {
  position: relative;
  padding: 20px 40px; }
  @media (max-width: 991px) {
    #codice-etico .textintro, #sostenibilita .textintro, #code-of-ethics .textintro, #sustainability .textintro, #privacy .textintro {
      margin-top: 40px;
      padding: 20px 5px; } }
  @media (max-width: 767px) {
    #codice-etico .textintro, #sostenibilita .textintro, #code-of-ethics .textintro, #sustainability .textintro, #privacy .textintro {
      padding: 0px 10px; } }
  @media (max-width: 991px) {
    #codice-etico .textintro, #sostenibilita .textintro, #code-of-ethics .textintro, #sustainability .textintro, #privacy .textintro {
      margin-top: 40px;
      margin-bottom: 40px;
      padding: 0 20px;
      left: 0px; } }
  @media (max-width: 767px) {
    #codice-etico .textintro, #sostenibilita .textintro, #code-of-ethics .textintro, #sustainability .textintro, #privacy .textintro {
      left: 0px; } }
  #codice-etico .textintro .titoli, #sostenibilita .textintro .titoli, #code-of-ethics .textintro .titoli, #sustainability .textintro .titoli, #privacy .textintro .titoli {
    font-size: 25px;
    font-weight: 700; }

.interni-csr figure {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (max-width: 991px) {
    .interni-csr figure {
      top: 0%;
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%); } }
  @media (max-width: 991px) {
    .interni-csr figure img {
      margin: 0 auto; } }
.interni-csr .testo {
  margin: 0 !important; }
.interni-csr .titoli {
  margin-top: 0; }

.interni-csr.even .immagine {
  padding: 60px 100px 60px 0; }
  @media (max-width: 991px) {
    .interni-csr.even .immagine {
      padding: 0; } }

.interni-csr.odd .immagine {
  padding: 60px 0px 60px 100px; }
  @media (max-width: 991px) {
    .interni-csr.odd .immagine {
      padding: 0 20px; } }

.interni-csr-not {
  padding-top: 40px; }

.interni-csr {
  padding: 40px 0; }

/* 
    Created on : 28-feb-2019, 8.47.49
    Author     : Michela.Capelli
*/
#categoria-media .breadcrumb, #categoria-media-en .breadcrumb {
  background: transparent;
  position: relative;
  z-index: 999; }
#categoria-media .simbolo-omr, #categoria-media-en .simbolo-omr {
  margin-top: -60px;
  z-index: 1;
  position: relative; }
#categoria-media #testo, #categoria-media-en #testo {
  top: -60px;
  position: relative; }
  @media (max-width: 991px) {
    #categoria-media #testo, #categoria-media-en #testo {
      top: 0px;
      margin-bottom: 40px; } }
#categoria-media #download-area, #categoria-media-en #download-area {
  position: relative;
  margin-top: -60px;
  z-index: 0;
  margin-bottom: 60px; }
  #categoria-media #download-area .textintro, #categoria-media-en #download-area .textintro {
    margin-top: 60px;
    margin-left: 25px;
    margin-bottom: 60px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
    @media (max-width: 991px) {
      #categoria-media #download-area .textintro, #categoria-media-en #download-area .textintro {
        margin-left: 0px;
        padding: 0 30px;
        padding-bottom: 40px;
        margin-top: 40px; } }
    @media (max-width: 991px) {
      #categoria-media #download-area .textintro, #categoria-media-en #download-area .textintro {
        padding: 0 20px;
        padding-bottom: 40px; } }
  #categoria-media #download-area .intro, #categoria-media-en #download-area .intro {
    padding-top: 0px;
    margin-bottom: 60px; }
  #categoria-media #download-area .immagine img, #categoria-media-en #download-area .immagine img {
    width: 100%; }
  #categoria-media #download-area .button-div, #categoria-media-en #download-area .button-div {
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: 0;
    margin-top: 20px;
    margin-left: 10px; }
#categoria-media #news, #categoria-media-en #news {
  padding: 0;
  margin-top: -60px; }
  #categoria-media #news .immagine, #categoria-media-en #news .immagine {
    max-height: 500px;
    overflow: hidden; }
    #categoria-media #news .immagine img, #categoria-media-en #news .immagine img {
      width: 100%; }
  #categoria-media #news .intro, #categoria-media-en #news .intro {
    padding-top: 0px;
    margin-bottom: 60px; }
    @media (max-width: 991px) {
      #categoria-media #news .intro, #categoria-media-en #news .intro {
        margin-bottom: 0px; } }
  #categoria-media #news .textintro, #categoria-media-en #news .textintro {
    margin-top: 60px;
    margin-left: 40px;
    margin-bottom: 60px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
    @media (max-width: 991px) {
      #categoria-media #news .textintro, #categoria-media-en #news .textintro {
        margin-left: 0px;
        padding: 0 30px;
        padding-bottom: 40px;
        margin-top: 40px;
        margin-bottom: 0; } }
    @media (max-width: 991px) {
      #categoria-media #news .textintro, #categoria-media-en #news .textintro {
        padding: 0 20px;
        padding-bottom: 40px; } }
  #categoria-media #news .button-div, #categoria-media-en #news .button-div {
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: 0;
    margin-top: 20px;
    margin-left: 10px; }
#categoria-media .parallax, #categoria-media-en .parallax {
  /* Set a specific height */
  height: 400px;
  width: 100%;
  z-index: 1;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991px) {
    #categoria-media .parallax, #categoria-media-en .parallax {
      height: 350px !important; } }
#categoria-media .sottopagina-storia, #categoria-media-en .sottopagina-storia {
  position: relative; }
#categoria-media #cultura .immagine, #categoria-media-en #cultura .immagine {
  padding: 100px; }
#categoria-media #sport, #categoria-media-en #sport {
  color: #FFF;
  background: #0f0e0a; }
  #categoria-media #sport .titoli, #categoria-media-en #sport .titoli {
    color: #FFF; }
  #categoria-media #sport .button-div, #categoria-media-en #sport .button-div {
    margin-left: 10px; }

#categoria-download-area .img-anteprima {
  float: left; }
#categoria-download-area .testo-azione {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 10px; }

/* 
    Created on : 26-nov-2018, 15.21.56
    Author     : Michela.Capelli
    Pagina     : Storia
*/
/* The actual timeline (the vertical ruler) */
.storia #contenuto, .history #contenuto {
  margin-bottom: 40px;
  /* The actual timeline (the vertical ruler) */
  /* Container around content */
  /* The circles on the timeline */
  /* Place the container to the left */
  /* Place the container to the right */
  /* Fix the circle for containers on the right side */
  /* The actual content */
  /* Media queries - Responsive timeline on screens less than 600px wide */ }
  .storia #contenuto .titolo_blu, .history #contenuto .titolo_blu {
    color: #008DCA;
    font-family: Montserrat-Regular;
    margin-top: -40px; }
    .storia #contenuto .titolo_blu p, .history #contenuto .titolo_blu p {
      font-size: 20px; }
  .storia #contenuto .timeline, .history #contenuto .timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .storia #contenuto .timeline, .history #contenuto .timeline {
        margin: 0 30px; } }
  .storia #contenuto .timeline::after, .history #contenuto .timeline::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #008DCA;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px; }
  .storia #contenuto .container-time, .history #contenuto .container-time {
    padding: 0px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
    margin-bottom: 80px; }
  .storia #contenuto .container-time::after, .history #contenuto .container-time::after {
    content: '';
    background-image: url("/images/svg/Gruppo_Storia.svg");
    background-size: 70px 70px;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -20px;
    background-color: white;
    top: 0px;
    z-index: 1; }
  .storia #contenuto .odd, .history #contenuto .odd {
    left: 0;
    text-align: right; }
  .storia #contenuto .even, .history #contenuto .even {
    left: 50%;
    text-align: left; }
  .storia #contenuto .img-left, .history #contenuto .img-left {
    left: 0;
    padding: 0px 0px;
    width: 50%;
    top: 0;
    position: relative; }
  .storia #contenuto .even::after, .history #contenuto .even::after {
    left: -20px; }
  .storia #contenuto .content, .history #contenuto .content {
    padding: 0px;
    position: relative; }
  .storia #contenuto .anno, .history #contenuto .anno {
    color: #008DCA;
    font-family: Montserrat-Regular;
    font-size: 20px; }
  .storia #contenuto .fine_timeline, .history #contenuto .fine_timeline {
    text-align: center; }
  @media screen and (max-width: 600px) {
    .storia #contenuto, .history #contenuto {
      /* Place the timelime to the left */
      /* Full-width containers */
      /* Make sure that all arrows are pointing leftwards */
      /* Make sure all circles are at the same spot */
      /* Make all right containers behave like the left ones */ }
      .storia #contenuto .timeline::after, .history #contenuto .timeline::after {
        left: 31px; }
      .storia #contenuto .container-time, .history #contenuto .container-time {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px; }
      .storia #contenuto .container-time::before, .history #contenuto .container-time::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent; }
      .storia #contenuto .odd::after, .storia #contenuto .even::after, .history #contenuto .odd::after, .history #contenuto .even::after {
        left: 10px; }
      .storia #contenuto .odd, .history #contenuto .odd {
        text-align: left; }
      .storia #contenuto .even, .history #contenuto .even {
        left: 0%; }
      .storia #contenuto .fine_timeline, .history #contenuto .fine_timeline {
        text-align: left;
        margin-left: 25px; } }

/* 
    Created on : 27-nov-2018, 16.49.42
    Author     : Michela.Capelli
    Pagina     : Aziende e dettaglio azienda
*/
.elenco-aziende .locazione {
  background: #000;
  color: #FFF;
  padding: 5px 185px;
  font-size: 20px; }
  @media (max-width: 1599px) {
    .elenco-aziende .locazione {
      padding: 5px 100px; } }
  @media (max-width: 1199px) {
    .elenco-aziende .locazione {
      padding: 5px 50px; } }
  @media (max-width: 991px) {
    .elenco-aziende .locazione {
      padding: 5px 30px; } }
  @media (max-width: 767px) {
    .elenco-aziende .locazione {
      padding: 5px 50px; } }
  @media (max-width: 575px) {
    .elenco-aziende .locazione {
      padding: 5px 45px; } }
.elenco-aziende .sede .logo img {
  margin: 0 auto; }
.elenco-aziende .sede .dettaglio {
  padding: 0 60px 80px;
  /*margin-top: -40px;*/ }
  @media (min-width: 992px) and (max-width: 1199px) {
    .elenco-aziende .sede .dettaglio {
      padding: 0 20px 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .elenco-aziende .sede .dettaglio {
      padding: 0 20px 20px; } }
  @media (max-width: 767px) {
    .elenco-aziende .sede .dettaglio {
      padding: 0 20px 20px; } }
  .elenco-aziende .sede .dettaglio .titolo_grigio {
    color: #666B6E;
    font-family: Montserrat-Bold;
    font-size: 20px; }
  .elenco-aziende .sede .dettaglio .titolo_blu {
    color: #008DCA;
    font-family: Montserrat-Regular;
    font-size: 16px;
    height: 45px; }
  .elenco-aziende .sede .dettaglio .indirizzi {
    margin-top: 40px;
    margin-bottom: 60px; }
    .elenco-aziende .sede .dettaglio .indirizzi p, .elenco-aziende .sede .dettaglio .indirizzi a {
      font-size: 14px;
      line-height: 20px;
      font-family: Montserrat-Light;
      display: inline; }
    .elenco-aziende .sede .dettaglio .indirizzi a {
      color: #008DCA; }
    .elenco-aziende .sede .dettaglio .indirizzi .indirizzo-sede {
      height: 120px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .elenco-aziende .sede .dettaglio .indirizzi .indirizzo-sede {
          left: -10px;
          position: relative; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .elenco-aziende .sede .dettaglio .indirizzi .indirizzo-sede p {
          font-size: 13px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .elenco-aziende .sede .dettaglio .indirizzi .indirizzo-sede a {
          font-size: 13px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .elenco-aziende .sede .dettaglio .indirizzi .det-sede {
        left: -10px;
        position: relative; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .elenco-aziende .sede .dettaglio .indirizzi .det-sede p {
        font-size: 13px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .elenco-aziende .sede .dettaglio .indirizzi .det-sede a {
        font-size: 13px; } }
    .elenco-aziende .sede .dettaglio .indirizzi .elemento {
      margin: 15px 0;
      display: block; }
      .elenco-aziende .sede .dettaglio .indirizzi .elemento img, .elenco-aziende .sede .dettaglio .indirizzi .elemento i {
        font-size: 20px;
        height: 40px;
        text-align: center;
        width: 40px;
        top: -5px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .elenco-aziende .sede .dettaglio .indirizzi .elemento img, .elenco-aziende .sede .dettaglio .indirizzi .elemento i {
            height: 30px;
            width: 30px; } }
  .elenco-aziende .sede .dettaglio .button-div {
    position: relative;
    display: inline-block;
    text-align: center; }
    .elenco-aziende .sede .dettaglio .button-div .icona-small {
      display: inline-block;
      width: 47px;
      text-align: right;
      position: relative;
      right: 0;
      top: -2px;
      margin-right: 2px; }
    .elenco-aziende .sede .dettaglio .button-div .button-azione {
      display: inline !important;
      border: 1px solid #666B6E;
      background: transparent;
      display: block;
      color: #666B6E;
      padding: 13.5px 40px;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      font-family: Montserrat-Regular; }
      @media (max-width: 400px) {
        .elenco-aziende .sede .dettaglio .button-div .button-azione {
          padding: 13.5px 20px; } }
  .elenco-aziende .sede .dettaglio .button-div:hover, .elenco-aziende .sede .dettaglio .button-div:focus {
    text-decoration: none; }
    .elenco-aziende .sede .dettaglio .button-div:hover .button-azione, .elenco-aziende .sede .dettaglio .button-div:focus .button-azione {
      display: inline !important;
      border: 1px solid #008DCA;
      background: #008DCA;
      display: block;
      color: #FFF;
      padding: 13.5px 40px;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      font-family: Montserrat-Regular; }
      @media (max-width: 400px) {
        .elenco-aziende .sede .dettaglio .button-div:hover .button-azione, .elenco-aziende .sede .dettaglio .button-div:focus .button-azione {
          padding: 13.5px 20px; } }

.elenco-pagine figure {
  position: relative; }
.elenco-pagine figcaption {
  position: absolute;
  top: 0;
  width: 100%; }
  @media (max-width: 991px) {
    .elenco-pagine figcaption {
      position: relative;
      padding: 0;
      margin-bottom: 20px; } }
  .elenco-pagine figcaption .intro {
    background: #FFF;
    height: 100.5%;
    border: 2px solid #F0F0F0;
    z-index: 9;
    position: relative; }
    @media (max-width: 767px) {
      .elenco-pagine figcaption .intro {
        height: 180px; } }
    .elenco-pagine figcaption .intro .textintro {
      position: relative;
      padding: 20px 40px; }
      .elenco-pagine figcaption .intro .textintro p {
        font-size: 16px; }
        @media (max-width: 767px) {
          .elenco-pagine figcaption .intro .textintro p {
            display: none; } }
      .elenco-pagine figcaption .intro .textintro .titoli {
        font-size: 25px; }
        @media (max-width: 767px) {
          .elenco-pagine figcaption .intro .textintro .titoli {
            font-size: 22px; } }
        @media (max-width: 575px) {
          .elenco-pagine figcaption .intro .textintro .titoli {
            font-size: 19px; } }

.azienda .sede {
  margin-top: -200px;
  position: relative;
  z-index: 9;
  background-color: rgba(240, 240, 240, 0.9);
  padding-bottom: 40px; }
  @media (min-width: 1299px) and (max-width: 1599px) {
    .azienda .sede {
      margin-top: -180px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .azienda .sede {
      margin-top: -160px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .azienda .sede {
      margin-top: 0px;
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .azienda .sede {
      margin-top: 0px;
      margin-bottom: 40px; } }
  @media (max-width: 575px) {
    .azienda .sede {
      margin-top: 0px;
      margin-bottom: 40px; } }
  @media (max-width: 400px) {
    .azienda .sede {
      margin-top: 0px; } }
  @media (min-width: 1299px) and (max-width: 1599px) {
    .azienda .sede .logo {
      margin-bottom: 45px; } }
  .azienda .sede .logo img {
    margin: 0 auto;
    top: -30px;
    position: relative; }
    @media (min-width: 1299px) and (max-width: 1599px) {
      .azienda .sede .logo img {
        top: -10px; } }
  .azienda .sede .dettaglio {
    padding: 0 60px 80px;
    margin-top: -80px; }
    @media (min-width: 1299px) and (max-width: 1599px) {
      .azienda .sede .dettaglio {
        padding: 0 40px 80px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .azienda .sede .dettaglio {
        padding: 0 20px 20px;
        margin-top: -60px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .azienda .sede .dettaglio {
        padding: 0 40px 20px; } }
    @media (max-width: 767px) {
      .azienda .sede .dettaglio {
        padding: 0 40px 20px; } }
    @media (max-width: 575px) {
      .azienda .sede .dettaglio {
        padding: 0 20px 20px; } }
    .azienda .sede .dettaglio .titolo_grigio {
      color: #666B6E;
      font-family: Montserrat-Bold;
      font-size: 20px; }
    .azienda .sede .dettaglio .titolo_blu {
      color: #008DCA;
      font-family: Montserrat-Regular;
      font-size: 16px; }
    .azienda .sede .dettaglio .indirizzi {
      margin-top: 40px;
      margin-bottom: 60px; }
      .azienda .sede .dettaglio .indirizzi p, .azienda .sede .dettaglio .indirizzi a {
        font-size: 14px;
        line-height: 25px;
        font-family: Montserrat-Light; }
      .azienda .sede .dettaglio .indirizzi a {
        color: #008DCA; }
      .azienda .sede .dettaglio .indirizzi .elemento {
        margin: 15px 0;
        display: block; }
        .azienda .sede .dettaglio .indirizzi .elemento img, .azienda .sede .dettaglio .indirizzi .elemento i {
          font-size: 20px;
          height: 40px;
          text-align: center;
          width: 40px;
          top: -8px; }
    .azienda .sede .dettaglio .button-div {
      position: relative;
      display: inline-block;
      text-align: center; }
      .azienda .sede .dettaglio .button-div .icona-small {
        display: inline-block;
        width: 46px;
        text-align: right;
        position: relative;
        right: 0;
        top: -2px;
        margin-right: 3px; }
      .azienda .sede .dettaglio .button-div .button-azione {
        display: inline !important;
        border: 1px solid #666B6E;
        background: transparent;
        display: block;
        color: #666B6E;
        padding: 13.5px 30px;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        margin-left: 0;
        font-family: Montserrat-Regular; }
    .azienda .sede .dettaglio .button-div:hover, .azienda .sede .dettaglio .button-div:focus {
      text-decoration: none; }
      .azienda .sede .dettaglio .button-div:hover .button-azione, .azienda .sede .dettaglio .button-div:focus .button-azione {
        display: inline !important;
        border: 1px solid #008DCA;
        background: #008DCA;
        display: block;
        color: #FFF;
        padding: 13.5px 30px;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        font-family: Montserrat-Regular; }
.azienda #testo-sede .testo-dettaglio-sede {
  padding: 40px;
  margin-top: 40px;
  margin-bottom: 60px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .azienda #testo-sede .testo-dettaglio-sede {
      padding: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .azienda #testo-sede .testo-dettaglio-sede {
      padding: 20px 10px;
      margin-top: 0px;
      margin-bottom: 0px; } }
  @media (max-width: 767px) {
    .azienda #testo-sede .testo-dettaglio-sede {
      padding: 20px 10px;
      margin-top: 0px;
      margin-bottom: 0px; } }
  .azienda #testo-sede .testo-dettaglio-sede p, .azienda #testo-sede .testo-dettaglio-sede a {
    font-size: 14px;
    line-height: 25px;
    font-family: Montserrat-Light; }
  .azienda #testo-sede .testo-dettaglio-sede a {
    color: #008DCA; }
  .azienda #testo-sede .testo-dettaglio-sede .elemento {
    margin: 15px 0;
    display: block; }
    .azienda #testo-sede .testo-dettaglio-sede .elemento img, .azienda #testo-sede .testo-dettaglio-sede .elemento i {
      font-size: 20px;
      height: 40px;
      text-align: center;
      width: 40px;
      top: -8px; }
      @media (min-width: 1299px) and (max-width: 1599px) {
        .azienda #testo-sede .testo-dettaglio-sede .elemento img, .azienda #testo-sede .testo-dettaglio-sede .elemento i {
          left: -15px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .azienda #testo-sede .testo-dettaglio-sede .elemento img, .azienda #testo-sede .testo-dettaglio-sede .elemento i {
          left: -15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .azienda #testo-sede .testo-dettaglio-sede .elemento img, .azienda #testo-sede .testo-dettaglio-sede .elemento i {
          left: -15px; } }
      @media (max-width: 767px) {
        .azienda #testo-sede .testo-dettaglio-sede .elemento img, .azienda #testo-sede .testo-dettaglio-sede .elemento i {
          left: -15px; } }
    .azienda #testo-sede .testo-dettaglio-sede .elemento span {
      font-size: 14px;
      line-height: 14px; }
  .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione ul {
    list-style: none;
    padding: 0; }
    .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione ul li {
      font-size: 14px;
      line-height: 25px; }
  .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione img, .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione i {
    font-size: 20px;
    height: 40px;
    text-align: center;
    width: 40px;
    top: -8px; }
    @media (min-width: 1299px) and (max-width: 1599px) {
      .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione img, .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione i {
        left: -15px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione img, .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione i {
        left: -15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione img, .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione i {
        left: -15px; } }
    @media (max-width: 767px) {
      .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione img, .azienda #testo-sede .testo-dettaglio-sede .elemento-produzione i {
        left: -15px; } }

#sistema-di-qualita-certificazioni .elenco-certificazioni {
  margin-bottom: 40px; }
#sistema-di-qualita-certificazioni .sede-certificata {
  border: 1px solid #F0F0F0;
  margin: 0px 5px; }
  #sistema-di-qualita-certificazioni .sede-certificata .certificazioni {
    background: #F0F0F0;
    padding: 10px 0;
    text-align: center; }
    #sistema-di-qualita-certificazioni .sede-certificata .certificazioni .logo-certificazione {
      width: auto;
      height: 100px;
      display: inline;
      margin: 10px; }
  #sistema-di-qualita-certificazioni .sede-certificata .div-titolo {
    padding: 0 20px; }
    #sistema-di-qualita-certificazioni .sede-certificata .div-titolo .titolo {
      color: #666B6E;
      font-size: 25px;
      position: relative;
      margin-bottom: 20px;
      text-transform: none;
      font-family: Montserrat-Light;
      border-bottom: 0;
      padding-bottom: 20px; }

.slider-sede .slick-dots {
  bottom: 20px; }
.slider-sede .slick-prev, .slider-sede .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }
.slider-sede .slick-prev:before, .slider-sede .slick-next:before {
  font-size: 40px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slider-sede .slick-prev {
  left: 20px;
  z-index: 10; }
  @media (max-width: 575px) {
    .slider-sede .slick-prev {
      left: 20px; } }
.slider-sede .slick-prev:before {
  content: url("../../../images/SX.svg");
  font-family: FontAwesome;
  height: 50px;
  display: block;
  width: 22px;
  margin-right: 20px; }
.slider-sede .slick-next {
  right: 20px;
  z-index: 10; }
  @media (max-width: 575px) {
    .slider-sede .slick-next {
      right: 20px; } }
.slider-sede .slick-next:before {
  content: url("../../../images/DX.svg");
  font-family: FontAwesome;
  height: 50px;
  display: block;
  width: 22px;
  margin-left: 20px; }

#rfid {
  background: #e0e0e0;
  padding-top: 20px;
  padding-bottom: 80px; }
  #rfid .icona {
    text-align: center;
    width: 100px;
    position: relative;
    margin: 0 auto; }
    #rfid .icona img {
      text-align: center;
      width: 100px; }
  #rfid .titolo h4 {
    text-align: center;
    color: #008DCA;
    font-size: 25px; }
  @media (max-width: 991px) {
    #rfid .testo {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 576px) and (max-width: 767px) {
    #rfid .testo {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 575px) {
    #rfid .testo {
      padding-left: 40px;
      padding-right: 40px; } }
  #rfid .slider-rfid {
    margin-top: 40px; }
    #rfid .slider-rfid img {
      margin: 0 auto; }
    #rfid .slider-rfid .slick-prev:before {
      content: "\f053";
      font-family: FontAwesome;
      height: 50px;
      display: block;
      width: 22px;
      color: #000; }
    #rfid .slider-rfid .slick-next:before {
      content: "\f054";
      font-family: FontAwesome;
      height: 50px;
      display: block;
      width: 22px;
      color: #000; }
    @media (max-width: 991px) {
      #rfid .slider-rfid .slick-prev {
        left: 0px; } }
    @media (min-width: 576px) and (max-width: 767px) {
      #rfid .slider-rfid .slick-prev {
        left: 20px; } }
    @media (max-width: 575px) {
      #rfid .slider-rfid .slick-prev {
        left: 20px; } }
    @media (max-width: 991px) {
      #rfid .slider-rfid .slick-next {
        right: 0px; } }
    @media (min-width: 576px) and (max-width: 767px) {
      #rfid .slider-rfid .slick-next {
        right: 20px; } }
    @media (max-width: 575px) {
      #rfid .slider-rfid .slick-next {
        right: 20px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 29-nov-2018, 16.00.41
    Author     : Michela.Capelli
*/
.elenco-news {
  margin: 0px 0 !important; }
  .elenco-news .element-item {
    border-top: 0;
    border-bottom: 0;
    margin-top: 40px; }
    @media (max-width: 991px) {
      .elenco-news .element-item {
        margin-bottom: 40px; } }
    @media (max-width: 575px) {
      .elenco-news .element-item {
        padding: 0px 40px;
        margin: 0; } }
  .elenco-news figure.centercrop {
    width: auto;
    height: 250px;
    overflow: hidden;
    margin: 0px;
    position: relative; }
  .elenco-news .categoria {
    text-align: right; }
    .elenco-news .categoria img {
      display: inline-block;
      width: 40px;
      text-align: right;
      position: relative;
      right: 0; }
  .elenco-news .link-news {
    text-decoration: none; }
  .elenco-news .link-news:hover {
    text-decoration: none; }
  .elenco-news .div-data {
    margin-bottom: 20px; }
    .elenco-news .div-data img {
      display: inline; }
    .elenco-news .div-data .data {
      display: inline;
      color: #008DCA;
      margin-left: 20px;
      top: 14px;
      position: relative; }
  .elenco-news .title-category {
    font-size: 12px;
    color: #666B6E;
    text-align: right;
    margin-top: 5px;
    display: inline-block;
    right: 0;
    position: relative;
    top: 3px; }
  .elenco-news .title-category:hover {
    color: #008DCA; }
  .elenco-news .text h5 {
    font-size: 20px;
    color: #666B6E;
    font-family: Montserrat-Light; }
  .elenco-news .text p {
    font-size: 16px;
    color: #666B6E; }

.news-block {
  margin-bottom: 40px;
  margin-top: 10px;
  position: relative; }
  .news-block .categoria {
    text-align: right; }
    .news-block .categoria img {
      display: inline-block;
      width: 40px;
      text-align: right;
      position: relative;
      right: 0; }
  .news-block .title {
    margin-bottom: 20px; }
  .news-block .title-category {
    display: inline-block; }

.div-data {
  margin-bottom: 20px; }
  .div-data img {
    display: inline; }
  .div-data .data {
    display: inline;
    color: #008DCA;
    margin-left: 20px;
    top: 14px;
    position: relative; }

.dettaglio-news .data {
  color: #008DCA;
  font-size: 16px; }
.dettaglio-news .testo {
  margin-top: 20px !important; }
.dettaglio-news .button-div {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: 60px; }
  .dettaglio-news .button-div .icona-small {
    display: inline-block;
    width: 45px;
    text-align: right;
    position: relative;
    right: 0;
    top: -2px;
    margin-right: 3px; }
  .dettaglio-news .button-div .button-azione {
    display: inline !important;
    border: 1px solid #666B6E;
    background: #FFF;
    display: block;
    color: #666B6E;
    padding: 12.5px 60px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat-Regular;
    margin-left: 0; }
.dettaglio-news .button-div:hover, .dettaglio-news .button-div:focus {
  text-decoration: none; }
  .dettaglio-news .button-div:hover .button-azione, .dettaglio-news .button-div:focus .button-azione {
    display: inline !important;
    border: 1px solid #008DCA;
    background: #008DCA;
    display: block;
    color: #FFF;
    padding: 12.5px 60px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat-Regular; }
.dettaglio-news #testo {
  margin-top: 10px; }
.dettaglio-news .div-categoria {
  margin-bottom: 20px; }
  .dettaglio-news .div-categoria .img-categoria {
    display: inline;
    left: -10px; }
    .dettaglio-news .div-categoria .img-categoria img {
      width: 50px; }
  .dettaglio-news .div-categoria .title-category {
    display: inline; }
  .dettaglio-news .div-categoria .link-categoria {
    color: #666B6E;
    font-size: 14px;
    position: relative;
    font-family: Montserrat-Hairline;
    font-weight: bold; }
  .dettaglio-news .div-categoria .link-categoria:hover {
    text-decoration: none;
    color: #008DCA; }

#gallery {
  text-align: center; }

@media (min-width: 992px) and (max-width: 1199px) {
  .slider-news {
    margin: 0 40px; } }
@media (max-width: 991px) {
  .slider-news {
    margin: 0 60px; } }
@media (max-width: 575px) {
  .slider-news {
    margin: 0 40px; } }
.slider-news .slick-slide {
  max-height: 230px;
  margin: 10px; }
.slider-news .slick-prev:before {
  font-family: FontAwesome;
  content: "\f053";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  color: #666B6E;
  font-size: 30px; }
.slider-news .slick-next:before {
  font-family: FontAwesome;
  content: "\f054";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  color: #666B6E;
  font-size: 30px; }
.slider-news .slick-dots {
  margin-top: 0px;
  position: relative; }
.slider-news .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  border: 1px solid #666B6E;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.slider-news .slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slider-news .slick-dots .slick-active button {
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: #666B6E;
  border: 1px solid #666B6E;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.slider-news .slick-dots button {
  width: 10px;
  height: 10px;
  cursor: pointer;
  border: 1px solid #666B6E;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.slider-news .slick-dots button:hover {
  width: 10px;
  height: 10px;
  cursor: pointer;
  border: 1px solid #666B6E;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.elenco-news {
  margin-bottom: 60px; }

.news #contenuto {
  margin-bottom: 40px; }

.news-filtro {
  background: #000;
  width: 100%;
  margin: 0; }
  .news-filtro .button-news {
    background: #000;
    color: #FFF;
    padding: 5px;
    font-size: 18px;
    border: 1px solid #FFF; }
  .news-filtro .button-news:hover {
    background: #008DCA;
    color: #FFF;
    padding: 5px;
    font-size: 18px;
    border: 1px solid #FFF; }

#filtri {
  text-align: center;
  overflow: hidden; }
  #filtri #qfl-articles-filter-module {
    text-align: center;
    position: relative;
    display: inline-block; }
    #filtri #qfl-articles-filter-module .testo {
      display: inline-block; }
      #filtri #qfl-articles-filter-module .testo .value {
        width: 200px; }
    #filtri #qfl-articles-filter-module .data-da, #filtri #qfl-articles-filter-module .data-a {
      display: inline-block; }
      #filtri #qfl-articles-filter-module .data-da .value, #filtri #qfl-articles-filter-module .data-a .value {
        width: 100px; }
    #filtri #qfl-articles-filter-module .btn-primary {
      padding: 10px 20px;
      margin-top: -7px;
      font-size: 16px;
      border: 0;
      background: #008DCA; }
      @media (max-width: 575px) {
        #filtri #qfl-articles-filter-module .btn-primary {
          display: block;
          margin: 0 auto; } }
    #filtri #qfl-articles-filter-module .label {
      height: auto;
      min-width: auto;
      padding: 10px;
      font-size: 15px;
      background: #008DCA;
      color: #FFF; }
    #filtri #qfl-articles-filter-module .value {
      height: 39px;
      width: 200px; }
      #filtri #qfl-articles-filter-module .value input {
        height: 39px; }
  #filtri #qfl-articles-filter .label {
    height: auto; }

#qfl-articles-filter {
  margin-top: 150px; }
  #qfl-articles-filter .testo {
    display: inline-block; }
    #qfl-articles-filter .testo .value {
      width: 200px; }
  #qfl-articles-filter .data-da, #qfl-articles-filter .data-a {
    display: inline-block; }
    #qfl-articles-filter .data-da .value, #qfl-articles-filter .data-a .value {
      width: 100px; }
  #qfl-articles-filter .btn-primary {
    padding: 10px 20px;
    margin-top: -7px;
    font-size: 16px;
    border: 0;
    background: #008DCA; }
    @media (max-width: 575px) {
      #qfl-articles-filter .btn-primary {
        display: block;
        margin: 0 auto; } }
  #qfl-articles-filter .label {
    height: auto !important;
    min-width: auto !important;
    padding: 10px !important;
    font-size: 15px !important;
    background: #008DCA !important;
    color: #FFF !important; }
  #qfl-articles-filter .value {
    height: 39px;
    width: 200px; }
    #qfl-articles-filter .value input {
      height: 39px; }
  #qfl-articles-filter #qfl-articles-form {
    text-align: center; }
  #qfl-articles-filter .risultato {
    text-align: center;
    margin-top: 50px;
    font-size: 16px;
    font-weight: bold; }
  #qfl-articles-filter .ricerca {
    margin-bottom: 150px; }

/* 
    Created on : 30-nov-2018, 11.31.34
    Author     : Michela.Capelli
    Pagina     : Sostenibilità
*/
#ambiente-e-sicurezza ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 0px; }
#ambiente-e-sicurezza ol li {
  margin: 0 0 0rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  font-size: 16px;
  margin-left: 30px;
  margin-bottom: 20px; }
#ambiente-e-sicurezza ol li::before {
  content: counter(my-awesome-counter);
  color: #008DCA;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 0;
  text-align: center;
  left: -30px; }

#valori-e-mission .parallax {
  /* Set a specific height */
  height: 400px;
  width: 100%;
  z-index: 999;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991px) {
    #valori-e-mission .parallax {
      height: 350px !important; } }
  
  .button-link-privacy{
      margin-bottom: 5px;
  }

.elenco-dlgs .box, .elenco-reati .box {
        /*.button-div{
            position: relative;
            display: inline-block;
            text-align: center;
            margin-left: 0px !important; 
           
            .icona-small {
                display: inline-block;
                width: 45px;
                text-align: right;
                position: relative;
                right: 0;
                top: -3px;
                margin-right: 3px;
                @media (max-width: 400px) {
                    width: 35px;
                }
            }

            .button-azione{
                display: inline !important;
                border: 1px solid $grey;
                background: $white;
                display: block;
                color: $grey;
                padding: 13.5px 20px;
                text-align: center;
                font-size: 14px;
                text-transform: uppercase;
                font-family: $montserratRegular;
                @media (min-width: 1299px) and (max-width: 1599px) {
                    padding: 13.5px 20px;
                }
                @media (min-width: 992px) and (max-width: 1199px) {
                    padding: 13.5px 30px;
                }
                @media (min-width: 768px) and (max-width: 991px) {
                    padding: 13.5px 30px;
                }
                @media (max-width: 767px) {
                    padding: 13.5px 30px;
                }
                @media (max-width: 400px) {
                    padding: 9px 10px;
                }

            }
        }

        .button-div:hover, .button-div:focus{
            text-decoration: none;
            .button-azione{
                display: inline !important;
                border: 1px solid $blue;
                background: $blue;
                display: block;
                color: $white;
                padding: 13.5px 20px;
                text-align: center;
                font-size: 14px;
                text-transform: uppercase;
                font-family: $montserratRegular;
                @media (min-width: 1299px) and (max-width: 1599px) {
                    padding: 13.5px 20px;
                }
                @media (min-width: 992px) and (max-width: 1199px) {
                    padding: 13.5px 30px;
                }
                @media (min-width: 768px) and (max-width: 991px) {
                    padding: 13.5px 30px;
                }
                @media (max-width: 767px) {
                    padding: 13.5px 30px;
                }
                @media (max-width: 400px) {
                    padding: 9px 10px;
                }

            }
        }*/ }
  @media (max-width: 991px) {
    .elenco-dlgs .box, .elenco-reati .box {
      padding: 0px 20px; } }
  .elenco-dlgs .box .immagine, .elenco-reati .box .immagine {
    overflow: hidden;
    position: relative;
    max-height: 600px; }
    .elenco-dlgs .box .immagine .img-intro, .elenco-reati .box .immagine .img-intro {
      width: 100%;
      border: 1px solid #FFF;
      position: relative; }
  .elenco-dlgs .box .contenuto, .elenco-reati .box .contenuto {
    padding: 0px 20px; }
  .elenco-dlgs .box .div-titolo, .elenco-reati .box .div-titolo {
    color: #666B6E;
    font-size: 40px;
    position: relative;
    margin-bottom: 40px;
    font-family: Montserrat-Light;
    border-bottom: 1px solid #666B6E;
    padding-bottom: 20px; }
    .elenco-dlgs .box .div-titolo .titolo, .elenco-reati .box .div-titolo .titolo {
      text-transform: uppercase;
      border-bottom: 0px !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important; }
    .elenco-dlgs .box .div-titolo .titolo:after, .elenco-reati .box .div-titolo .titolo:after {
      content: "";
      width: 0px;
      height: 0px;
      background: transparent !important;
      position: absolute;
      bottom: -1px;
      left: 0; }
  .elenco-dlgs .box .div-titolo:after, .elenco-reati .box .div-titolo:after {
    content: "";
    width: 60px;
    height: 5px;
    background: transparent !important;
    position: absolute;
    bottom: -1px;
    left: 0; }
  .elenco-dlgs .box .titolo, .elenco-reati .box .titolo {
    font-size: 20px;
    color: #666B6E; }
  .elenco-dlgs .box .download, .elenco-reati .box .download {
    margin-top: 40px;
    margin-bottom: 40px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .elenco-dlgs .box .download, .elenco-reati .box .download {
        text-align: left; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .elenco-dlgs .box .download, .elenco-reati .box .download {
        text-align: left; } }
    @media (max-width: 767px) {
      .elenco-dlgs .box .download, .elenco-reati .box .download {
        text-align: left; } }

#categoria-download-area {
  margin-bottom: 60px; }

.elenco-reati-pagina {
  background: #FFF; }

.elenco-media {
  background: #FFF; }
  .elenco-media .box .immagine {
    overflow: hidden;
    position: relative;
    max-height: 600px; }
    .elenco-media .box .immagine .img-intro {
      width: 100%;
      border: 1px solid #FFF;
      position: relative; }
  .elenco-media .box .contenuto {
    padding: 40px 60px; }
    @media (max-width: 1199px) {
      .elenco-media .box .contenuto {
        padding: 40px 40px; } }
  .elenco-media .box .div-titolo {
    color: #666B6E;
    font-size: 40px;
    position: relative;
    margin-bottom: 40px;
    font-family: Montserrat-Light;
    border-bottom: 1px solid #666B6E;
    padding-bottom: 20px; }
    .elenco-media .box .div-titolo .titolo {
      text-transform: uppercase;
      border-bottom: 0px !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important; }
    .elenco-media .box .div-titolo .titolo:after {
      content: "";
      width: 0px;
      height: 0px;
      background: transparent !important;
      position: absolute;
      bottom: -1px;
      left: 0; }
  .elenco-media .box .div-titolo:after {
    content: "";
    width: 60px;
    height: 5px;
    background: transparent !important;
    position: absolute;
    bottom: -1px;
    left: 0; }
  .elenco-media .box .button-div {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-left: 0 !important; }
    .elenco-media .box .button-div .icona-small {
      display: inline-block;
      width: 45px;
      text-align: right;
      position: relative;
      right: 0;
      top: -3px;
      margin-right: 3px; }
      @media (max-width: 400px) {
        .elenco-media .box .button-div .icona-small {
          width: 35px; } }
    .elenco-media .box .button-div .button-azione {
      display: inline !important;
      border: 1px solid #666B6E;
      background: #FFF;
      display: block;
      color: #666B6E;
      padding: 13.5px 20px;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      font-family: Montserrat-Regular; }
      @media (min-width: 1299px) and (max-width: 1599px) {
        .elenco-media .box .button-div .button-azione {
          padding: 13.5px 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .elenco-media .box .button-div .button-azione {
          padding: 13.5px 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .elenco-media .box .button-div .button-azione {
          padding: 13.5px 30px; } }
      @media (max-width: 767px) {
        .elenco-media .box .button-div .button-azione {
          padding: 13.5px 30px; } }
      @media (max-width: 400px) {
        .elenco-media .box .button-div .button-azione {
          padding: 9px 10px; } }
  .elenco-media .box .button-div:hover, .elenco-media .box .button-div:focus {
    text-decoration: none; }
    .elenco-media .box .button-div:hover .button-azione, .elenco-media .box .button-div:focus .button-azione {
      display: inline !important;
      border: 1px solid #008DCA;
      background: #008DCA;
      display: block;
      color: #FFF;
      padding: 13.5px 20px;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      font-family: Montserrat-Regular; }
      @media (min-width: 1299px) and (max-width: 1599px) {
        .elenco-media .box .button-div:hover .button-azione, .elenco-media .box .button-div:focus .button-azione {
          padding: 13.5px 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .elenco-media .box .button-div:hover .button-azione, .elenco-media .box .button-div:focus .button-azione {
          padding: 13.5px 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .elenco-media .box .button-div:hover .button-azione, .elenco-media .box .button-div:focus .button-azione {
          padding: 13.5px 30px; } }
      @media (max-width: 767px) {
        .elenco-media .box .button-div:hover .button-azione, .elenco-media .box .button-div:focus .button-azione {
          padding: 13.5px 30px; } }
      @media (max-width: 400px) {
        .elenco-media .box .button-div:hover .button-azione, .elenco-media .box .button-div:focus .button-azione {
          padding: 9px 10px; } }
  .elenco-media .box .titolo {
    font-size: 20px;
    color: #666B6E; }
  .elenco-media .box .download {
    margin-top: 40px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .elenco-media .box .download {
        text-align: left; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .elenco-media .box .download {
        text-align: left; } }
    @media (max-width: 767px) {
      .elenco-media .box .download {
        text-align: left; } }
  .elenco-media .box .right {
    margin-left: 30px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .elenco-media .box .right {
        margin-left: 0px;
        margin-top: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .elenco-media .box .right {
        margin-left: 30px;
        margin-top: 0px; } }
    @media (max-width: 767px) {
      .elenco-media .box .right {
        margin-left: 0px;
        margin-top: 30px; } }

#codice-etico-dlg-231 .textintro {
  margin-left: 10px !important;
  margin-top: 80px; }

.elenco-reati-pagina #elenco_reati {
  margin-bottom: 80px; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .button-div {
    display: inline;
    margin-right: 10px; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .card.even .card-header {
    position: relative; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .card.even .card-header .btn-link {
      background: #F0F0F0;
      color: #666B6E;
      padding: 0;
      display: inline-block;
      width: 100%;
      text-align: left; }
      .elenco-reati-pagina #elenco_reati #accordion-reati .card.even .card-header .btn-link h5 {
        display: inline-block;
        margin-left: 10px;
        font-size: 20px;
        width: 84%; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .card.even .card-body {
    background: #F0F0F0;
    padding: 40px;
    font-size: 16px; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .card.even .card-body h1 {
      font-size: 15px; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .card.even .card-body p {
      font-size: 14px; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .icona-small {
    display: inline-block;
    width: 45px;
    text-align: left;
    position: relative;
    left: 0; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .card.odd .card-header {
    position: relative; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .card.odd .card-header .btn-link {
      color: #666B6E;
      padding: 0;
      display: inline-block;
      width: 100%;
      text-align: left; }
      .elenco-reati-pagina #elenco_reati #accordion-reati .card.odd .card-header .btn-link h5 {
        display: inline-block;
        margin-left: 10px;
        font-size: 20px;
        width: 84%; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .card.odd .card-body {
    background: #FFF;
    padding: 40px; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .card.odd .card-body h1 {
      font-size: 15px; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .card.odd .card-body p {
      font-size: 14px; }
  .elenco-reati-pagina #elenco_reati #accordion-reati .btn-link:hover, .elenco-reati-pagina #elenco_reati #accordion-reati .btn-link:focus {
    text-decoration: none; }
    .elenco-reati-pagina #elenco_reati #accordion-reati .btn-link:hover h5, .elenco-reati-pagina #elenco_reati #accordion-reati .btn-link:focus h5 {
      text-decoration: none;
      color: #008DCA;
      display: inline-block; }

.elenco-media .button-scaricabili.even {
  display: block;
  background: #F0F0F0;
  margin-bottom: 5px; }
  .elenco-media .button-scaricabili.even .icona-small {
    display: inline-block;
    width: 45px;
    text-align: right;
    position: relative;
    right: 0;
    top: 0px;
    margin-right: 3px; }
    @media (max-width: 400px) {
      .elenco-media .button-scaricabili.even .icona-small {
        width: 35px; } }
.elenco-media .button-scaricabili.odd {
  background: #FFF;
  display: block;
  margin-bottom: 5px; }
  .elenco-media .button-scaricabili.odd .icona-small {
    display: inline-block;
    width: 45px;
    text-align: right;
    position: relative;
    right: 0;
    top: 0px;
    margin-right: 3px; }
    @media (max-width: 400px) {
      .elenco-media .button-scaricabili.odd .icona-small {
        width: 35px; } }
.elenco-media .button-azione {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 20px; }

/* 
    Created on : 3-dic-2018, 16.32.39
    Author     : Michela.Capelli
    Pagina     : Contatti
*/
#contatti .simbolo-omr, #contacts .simbolo-omr {
  position: relative;
  top: -60px; }
  @media (max-width: 575px) {
    #contatti .simbolo-omr, #contacts .simbolo-omr {
      display: none; } }
#contatti .breadcrumb, #contacts .breadcrumb {
  background: transparent;
  margin-left: 30px;
  color: #FFF; }
  @media (max-width: 1199px) {
    #contatti .breadcrumb, #contacts .breadcrumb {
      margin-left: 0; } }
#contatti #contenuto, #contacts #contenuto {
  background: #1A1A1A; }
  #contatti #contenuto .mappa-sedi, #contacts #contenuto .mappa-sedi {
    z-index: 9999; }
  #contatti #contenuto .indirizzi, #contacts #contenuto .indirizzi {
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      #contatti #contenuto .indirizzi, #contacts #contenuto .indirizzi {
        padding: 0 0px; } }
    #contatti #contenuto .indirizzi a:hover, #contacts #contenuto .indirizzi a:hover {
      text-decoration: none;
      color: #008DCA; }
    @media (max-width: 991px) {
      #contatti #contenuto .indirizzi .testo, #contacts #contenuto .indirizzi .testo {
        left: -15px;
        position: relative; } }
  #contatti #contenuto h6, #contacts #contenuto h6 {
    font-size: 16px;
    color: #666B6E; }
  #contatti #contenuto p, #contatti #contenuto a, #contacts #contenuto p, #contacts #contenuto a {
    color: #FFF;
    font-size: 14px;
    font-family: Montserrat-Light; }
  #contatti #contenuto .mappa-filtro, #contacts #contenuto .mappa-filtro {
    background: #000;
    width: 100%;
    margin: 0;
    z-index: 999; }
    #contatti #contenuto .mappa-filtro .button-mappa, #contacts #contenuto .mappa-filtro .button-mappa {
      background: #000;
      color: #FFF;
      padding: 5px;
      font-size: 18px;
      border: 1px solid #000;
      text-align: center;
      cursor: pointer;
      font-family: Montserrat-Regular; }
    #contatti #contenuto .mappa-filtro .button-mappa:hover, #contacts #contenuto .mappa-filtro .button-mappa:hover {
      background: #FFF;
      color: #008DCA;
      padding: 5px;
      font-size: 18px;
      border: 1px solid #000; }
    #contatti #contenuto .mappa-filtro .button-mappa.is-checked, #contacts #contenuto .mappa-filtro .button-mappa.is-checked {
      background: #FFF;
      color: #008DCA;
      padding: 5px;
      font-size: 18px;
      border: 1px solid #000; }
  #contatti #contenuto .non-visibile, #contacts #contenuto .non-visibile {
    display: none; }
  #contatti #contenuto .mappa, #contacts #contenuto .mappa {
    position: relative; }
  #contatti #contenuto .freccia-right, #contacts #contenuto .freccia-right {
    height: 40px;
    width: 50px;
    background: #008DCA;
    padding: 5px 15px;
    font-size: 30px;
    color: #FFF; }
  #contatti #contenuto .titolo-small-grey, #contacts #contenuto .titolo-small-grey {
    font-size: 18px;
    color: #FFF; }
    @media (max-width: 575px) {
      #contatti #contenuto .titolo-small-grey, #contacts #contenuto .titolo-small-grey {
        margin-top: 30px; } }
  #contatti #contenuto .card-header .collapsed .freccia-right, #contacts #contenuto .card-header .collapsed .freccia-right {
    height: 40px;
    width: 50px;
    background: #008DCA;
    padding: 5px 15px;
    font-size: 30px;
    color: #FFF; }
  #contatti #contenuto .div-titolo, #contacts #contenuto .div-titolo {
    margin-top: -50px; }
    @media (max-width: 575px) {
      #contatti #contenuto .div-titolo, #contacts #contenuto .div-titolo {
        margin-top: 0px; } }
  #contatti #contenuto .titolo, #contacts #contenuto .titolo {
    color: white;
    margin-left: 15px; }
    @media (max-width: 991px) {
      #contatti #contenuto .titolo, #contacts #contenuto .titolo {
        margin-left: 0px; } }
  #contatti #contenuto .lista-sedi, #contacts #contenuto .lista-sedi {
    position: absolute;
    top: 0;
    right: 15%;
    overflow: hidden; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #contatti #contenuto .lista-sedi, #contacts #contenuto .lista-sedi {
        right: 5%;
        margin-top: 0px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #contatti #contenuto .lista-sedi, #contacts #contenuto .lista-sedi {
        position: relative;
        margin-top: 0px;
        right: 0;
        padding: 20px; } }
    @media (max-width: 767px) {
      #contatti #contenuto .lista-sedi, #contacts #contenuto .lista-sedi {
        position: relative;
        margin-top: 0px;
        right: 0;
        padding: 20px; } }
    @media (max-width: 575px) {
      #contatti #contenuto .lista-sedi, #contacts #contenuto .lista-sedi {
        position: relative;
        margin-top: 0px;
        right: 0;
        padding: 20px; } }
    #contatti #contenuto .lista-sedi .testo, #contacts #contenuto .lista-sedi .testo {
      margin-top: 40px;
      margin-bottom: 20px; }
    #contatti #contenuto .lista-sedi .button-div, #contacts #contenuto .lista-sedi .button-div {
      display: block;
      text-align: center;
      position: relative;
      bottom: 0px;
      margin-left: 0px; }
      #contatti #contenuto .lista-sedi .button-div .button-azione, #contacts #contenuto .lista-sedi .button-div .button-azione {
        display: block !important; }
    #contatti #contenuto .lista-sedi .elenco-sedi, #contacts #contenuto .lista-sedi .elenco-sedi {
      background: #141414;
      width: 450px; }
      @media (max-width: 767px) {
        #contatti #contenuto .lista-sedi .elenco-sedi, #contacts #contenuto .lista-sedi .elenco-sedi {
          width: auto; } }
      @media (max-width: 575px) {
        #contatti #contenuto .lista-sedi .elenco-sedi, #contacts #contenuto .lista-sedi .elenco-sedi {
          width: auto; } }
      #contatti #contenuto .lista-sedi .elenco-sedi .icona-small, #contacts #contenuto .lista-sedi .elenco-sedi .icona-small {
        width: 45px;
        display: inline;
        position: relative;
        left: 0px; }
      #contatti #contenuto .lista-sedi .elenco-sedi .button-azione, #contacts #contenuto .lista-sedi .elenco-sedi .button-azione {
        background: #282828;
        padding: 10px;
        margin: 20px;
        margin-bottom: 40px;
        text-transform: uppercase;
        border: 0px;
        color: #FFF; }
      #contatti #contenuto .lista-sedi .elenco-sedi .button-azione:hover, #contacts #contenuto .lista-sedi .elenco-sedi .button-azione:hover {
        background: #008DCA;
        padding: 10px;
        margin: 20px;
        margin-bottom: 40px;
        text-transform: uppercase;
        border: 0px;
        color: #FFF; }
      #contatti #contenuto .lista-sedi .elenco-sedi .dettaglio, #contacts #contenuto .lista-sedi .elenco-sedi .dettaglio {
        display: inline;
        position: absolute;
        margin-left: 20px;
        padding: 5px 0;
        margin-top: -5px; }
      #contatti #contenuto .lista-sedi .elenco-sedi .btn-accordion-sede, #contacts #contenuto .lista-sedi .elenco-sedi .btn-accordion-sede {
        text-align: left;
        background: transparent;
        padding: 0; }
        #contatti #contenuto .lista-sedi .elenco-sedi .btn-accordion-sede .titolo_sede p, #contacts #contenuto .lista-sedi .elenco-sedi .btn-accordion-sede .titolo_sede p {
          color: #FFF;
          text-transform: uppercase;
          font-family: Montserrat-Bold;
          margin: 0; }
          @media (max-width: 575px) {
            #contatti #contenuto .lista-sedi .elenco-sedi .btn-accordion-sede .titolo_sede p, #contacts #contenuto .lista-sedi .elenco-sedi .btn-accordion-sede .titolo_sede p {
              font-size: 10px; } }
      #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion {
        margin-top: 10px; }
        #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .icona-small, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .icona-small {
          display: inline; }
        #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det {
          display: inline; }
          #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det p, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det p {
            display: inline-flex;
            font-size: 14px; }
            @media (max-width: 575px) {
              #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det p, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det p {
                font-size: 13px; } }
          #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det .blue, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .indirizzo-det .blue {
            display: contents; }
        #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .tel-det, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .tel-det {
          display: inline; }
          #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .tel-det p, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .tel-det p {
            display: inline-flex;
            font-size: 14px;
            color: #008DCA; }
          #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .tel-det .blue, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .tel-det .blue {
            display: contents; }
        #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det {
          display: inline; }
          #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det p, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det p {
            display: inline-flex;
            font-size: 14px; }
            #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det p a, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det p a {
              color: #008DCA;
              font-size: 14px; }
          #contatti #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det .blue, #contacts #contenuto .lista-sedi .elenco-sedi .indirizzi-accordion .email-det .blue {
            display: contents; }
      #contatti #contenuto .lista-sedi .elenco-sedi .locazione p, #contacts #contenuto .lista-sedi .elenco-sedi .locazione p {
        font-size: 13px;
        color: #FFF;
        margin: 0; }
      #contatti #contenuto .lista-sedi .elenco-sedi .stato, #contacts #contenuto .lista-sedi .elenco-sedi .stato {
        color: #008DCA !important; }
#contatti .europa, #contacts .europa {
  height: 150vh; }
  @media (max-width: 1599px) {
    #contatti .europa, #contacts .europa {
      height: 150vh; } }
  @media (min-width: 992px) and (max-width: 1299px) {
    #contatti .europa, #contacts .europa {
      height: 130vh; } }
  @media (max-width: 1199px) {
    #contatti .europa, #contacts .europa {
      height: 130vh; } }
  @media (max-width: 991px) {
    #contatti .europa, #contacts .europa {
      height: auto; } }
#contatti .titolo .testo, #contacts .titolo .testo {
  margin-top: 80px;
  margin-bottom: 40px; }
#contatti .titolo p, #contacts .titolo p {
  font-size: 25px !important;
  color: #008DCA !important;
  text-align: center;
  text-transform: uppercase; }

/* 
    Created on : 5-dic-2018, 11.39.58
    Author     : Michela.Capelli
    Pagina     : Produzione
*/
#products-sector {
  position: relative;
  height: 65vh;
  overflow: hidden;
  z-index: 999999999;
  background: #1A1A1A; }
  #products-sector figure .skyline, #products-sector figure .sfondo-prodotti {
    height: 65vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: center;
    position: absolute; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #products-sector figure {
      /* IE10+ CSS styles go here */ }
      #products-sector figure img.skyline, #products-sector figure .sfondo-prodotti {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  #products-sector figure .breadcrumb {
    background: transparent; }
    #products-sector figure .breadcrumb a {
      color: #FFF; }
    #products-sector figure .breadcrumb li {
      color: #FFF; }
    #products-sector figure .breadcrumb li.active {
      color: #008DCA; }
  #products-sector figure figcaption {
    z-index: 9999;
    position: relative;
    right: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%; }
    #products-sector figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.header-mezzo {
  position: relative;
  height: 85vh;
  overflow: hidden;
  z-index: 999999999;
  margin-top: 5px;
  background: #1A1A1A;
  margin-top: 100px; }
  @media (max-width: 1199px) {
    .header-mezzo {
      margin-top: 85px; } }
  .header-mezzo figure .skyline, .header-mezzo figure .sfondo-prodotti {
    height: 85vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: center;
    position: absolute; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header-mezzo figure {
      /* IE10+ CSS styles go here */ }
      .header-mezzo figure img.skyline, .header-mezzo figure .sfondo-prodotti {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .header-mezzo figure figcaption {
    z-index: 9999;
    position: relative;
    right: 15px;
    position: absolute;
    width: 100%; }
    .header-mezzo figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.header-prodotto {
  position: relative;
  height: 85vh;
  overflow: hidden;
  z-index: 1;
  margin-top: 5px;
  background: #1A1A1A;
  margin-top: 130px; }
  .header-prodotto figure .sfondo-prodotti {
    height: 85vh;
    min-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    object-position: center;
    position: absolute; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header-prodotto figure {
      /* IE10+ CSS styles go here */ }
      .header-prodotto figure img.sfondo-prodotti {
        height: inherit;
        width: inherit;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%; } }
  .header-prodotto figure .breadcrumb {
    background: transparent; }
    .header-prodotto figure .breadcrumb a {
      color: #FFF; }
    .header-prodotto figure .breadcrumb li {
      color: #FFF; }
    .header-prodotto figure .breadcrumb li.active {
      color: #008DCA; }
  .header-prodotto figure figcaption {
    z-index: 9999;
    position: relative;
    right: 15px; }
    .header-prodotto figure figcaption h1 {
      font-size: 80px;
      color: #FFF; }

.div-auto-video {
  position: absolute;
  height: 85vh;
  overflow: hidden;
  z-index: 0;
  object-fit: cover;
  object-position: center;
  width: 100%; }
  .div-auto-video .auto-img {
    position: relative;
    width: 100%;
    right: 0;
    transition: all .5s !important;
    height: 100%; }
  .div-auto-video .wireframe {
    opacity: 0;
    z-index: 1;
    position: absolute;
    transition: all .5s !important;
    right: 0;
    height: 80vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (min-width: 992px) and (max-width: 1199px) {
      .div-auto-video .wireframe {
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 65%;
        height: auto; } }
    @media (max-width: 1199px) {
      .div-auto-video .wireframe {
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 65%;
        height: auto; } }
    @media (max-width: 575px) {
      .div-auto-video .wireframe {
        left: 40%;
        height: auto; } }

.mezzo {
  height: 85vh;
  position: relative; }
  @media (min-width: 1299px) and (max-width: 1599px) {
    .mezzo {
      height: auto; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .mezzo {
      height: auto; } }
  @media (max-width: 1199px) {
    .mezzo {
      height: auto; } }
  .mezzo .render {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 80vh; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .mezzo .render {
        top: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 65%;
        left: 50%;
        height: auto; } }
    @media (max-width: 1199px) {
      .mezzo .render {
        top: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 65%;
        left: 50%;
        height: auto; } }
    @media (max-width: 575px) {
      .mezzo .render {
        left: 40%;
        height: auto; } }
  .mezzo .breadcrumb {
    background: transparent;
    color: #FFF; }
    .mezzo .breadcrumb a {
      color: #FFF; }

.mezzi-slider .slick-slide {
  padding: 20px 10px;
  margin: 20px 20px;
  opacity: .2;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  transition: all 1s ease 0s; }
  .mezzi-slider .slick-slide .titolo {
    text-align: center;
    color: #008DCA;
    font-size: 20px;
    position: relative; }
    @media (max-width: 991px) {
      .mezzi-slider .slick-slide .titolo {
        width: 70%;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media (max-width: 575px) {
      .mezzi-slider .slick-slide .titolo h4 {
        font-size: 16px; } }
  @media (max-width: 991px) {
    .mezzi-slider .slick-slide img {
      width: 40%;
      left: 50%;
      position: relative;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
  @media (max-width: 575px) {
    .mezzi-slider .slick-slide img {
      width: 70%;
      left: 50%;
      position: relative;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.mezzi-slider .slick-slide.slick-center {
  opacity: 1;
  -webkit-transform: scale(1.38);
  -moz-transform: scale(1.38);
  -ms-transform: scale(1.38);
  transform: scale(1.38);
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  transition: all 1s ease 0s; }
  .mezzi-slider .slick-slide.slick-center .titolo {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    position: relative; }
    @media (max-width: 575px) {
      .mezzi-slider .slick-slide.slick-center .titolo h4 {
        font-size: 16px; } }
.mezzi-slider .slick-prev, .mezzi-slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }
.mezzi-slider .slick-prev:before, .mezzi-slider .slick-next:before {
  font-size: 40px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.mezzi-slider .slick-prev {
  left: 0px;
  z-index: 10; }
  @media (max-width: 575px) {
    .mezzi-slider .slick-prev {
      left: 20px; } }
.mezzi-slider .slick-prev:before {
  content: url("../../../images/SX.svg");
  font-family: FontAwesome;
  height: 50px;
  display: block;
  width: 22px;
  margin-right: 20px; }
.mezzi-slider .slick-next {
  right: 0px;
  z-index: 10; }
  @media (max-width: 575px) {
    .mezzi-slider .slick-next {
      right: 20px; } }
.mezzi-slider .slick-next:before {
  content: url("../../../images/DX.svg");
  font-family: FontAwesome;
  height: 50px;
  display: block;
  width: 22px;
  margin-left: 20px; }

/*  bhoechie tab */
div.bhoechie-tab-container {
  right: -400px;
  z-index: 10;
  background-color: #000;
  padding: 0px !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  opacity: 1;
  filter: alpha(opacity=1);
  position: absolute;
  height: 85vh; }
  @media (min-width: 992px) and (max-width: 1199px) {
    div.bhoechie-tab-container {
      width: 150px; } }
  @media (max-width: 1199px) {
    div.bhoechie-tab-container {
      width: 150px; } }
  @media (max-width: 991px) {
    div.bhoechie-tab-container {
      width: 120px; } }
  @media (max-width: 575px) {
    div.bhoechie-tab-container {
      width: 95px; } }

div.bhoechie-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  height: 85vh;
  z-index: 1; }
  @media (max-width: 1199px) {
    div.bhoechie-tab-menu {
      height: 85vh; } }
  @media (max-width: 575px) {
    div.bhoechie-tab-menu {
      height: 89vh; } }

div.bhoechie-tab-menu div.list-group {
  margin-bottom: 0;
  height: 85vh; }

div.bhoechie-tab-menu div.list-group > a {
  margin-bottom: 0;
  height: 20%;
  border-radius: 0; }

div.bhoechie-tab-menu div.list-group > a .glyphicon,
div.bhoechie-tab-menu div.list-group > a .fa {
  color: #5A55A3; }

div.bhoechie-tab-menu div.list-group > a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0; }

div.bhoechie-tab-menu div.list-group > a:last-child {
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0; }

div.bhoechie-tab-menu div.list-group > a.active,
div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
div.bhoechie-tab-menu div.list-group > a.active .fa {
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff; }

div.bhoechie-tab-menu div.list-group > a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3; }

div.bhoechie-tab-content {
  background-color: #000;
  height: 16.6%;
  position: relative;
  opacity: 0; }
  @media (max-width: 575px) {
    div.bhoechie-tab-content {
      height: 16%; } }
  div.bhoechie-tab-content img {
    max-width: 60%;
    display: block; }
    @media (min-width: 992px) and (max-width: 1199px) {
      div.bhoechie-tab-content img {
        max-width: 50%; } }
    @media (max-width: 991px) {
      div.bhoechie-tab-content img {
        max-width: 50%; } }
    @media (max-width: 575px) {
      div.bhoechie-tab-content img {
        max-width: 50%; } }
  div.bhoechie-tab-content span {
    font-size: 13px; }
  div.bhoechie-tab-content .image-title {
    position: relative;
    display: inline-block;
    color: #FFF;
    max-width: 90%;
    top: -10px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      div.bhoechie-tab-content .image-title {
        font-size: 11px; } }
    @media (max-width: 991px) {
      div.bhoechie-tab-content .image-title {
        font-size: 11px; } }
    @media (max-width: 575px) {
      div.bhoechie-tab-content .image-title {
        font-size: 11px; } }
  div.bhoechie-tab-content center {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

div.bhoechie-tab-content:hover, div.bhoechie-tab-content.active {
  background-color: #008DCA !important;
  height: 16.6%;
  position: relative; }
  @media (max-width: 575px) {
    div.bhoechie-tab-content:hover, div.bhoechie-tab-content.active {
      height: 16%; } }
  div.bhoechie-tab-content:hover center, div.bhoechie-tab-content.active center {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  div.bhoechie-tab-content:hover img, div.bhoechie-tab-content.active img {
    max-width: 60%;
    display: block; }
    @media (min-width: 992px) and (max-width: 1199px) {
      div.bhoechie-tab-content:hover img, div.bhoechie-tab-content.active img {
        max-width: 50%; } }
    @media (max-width: 991px) {
      div.bhoechie-tab-content:hover img, div.bhoechie-tab-content.active img {
        max-width: 50%; } }
    @media (max-width: 575px) {
      div.bhoechie-tab-content:hover img, div.bhoechie-tab-content.active img {
        max-width: 50%; } }
  div.bhoechie-tab-content:hover .image-title, div.bhoechie-tab-content.active .image-title {
    position: relative;
    display: inline-block;
    color: #FFF;
    max-width: 90%;
    top: -10px; }

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
  display: none; }

.list-group-item {
  background: #000;
  position: relative;
  border: 1px solid #000; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #000;
  border-color: #000; }

/* The side navigation menu */
.sidenav {
  height: 85vh;
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #141414;
  transition: 0.5s;
  right: 25px; }
  @media (max-width: 575px) {
    .sidenav {
      right: 0; } }
  @media (max-width: 575px) {
    .sidenav .elenco-prodotti {
      width: 180px; } }

/* The navigation menu links */
.sidenav a {
  padding: 15px;
  text-decoration: none;
  font-size: 16px;
  color: #FFF;
  display: block;
  transition: 0.3s; }
  @media (max-width: 575px) {
    .sidenav a {
      font-size: 14px; } }
  .sidenav a i {
    font-size: 20px;
    top: -3px;
    position: relative; }

.sidenav a.prodotto-attivo {
  color: #FFF; }

.sidenav a.prodotto-attivo:hover {
  color: #008DCA; }

.sidenav a.prodotto-disattivo {
  color: #666B6E; }

.sidenav a.prodotto-disattivo:hover {
  color: #666B6E; }

.div-maschera {
  right: 0;
  width: 100%; }

.reset {
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important; }

.maschera {
  opacity: 0;
  z-index: 2;
  position: absolute;
  transition: all .5s !important;
  width: 100%;
  height: 85vh;
  right: 0; }
  @media (min-width: 1299px) and (max-width: 1599px) {
    .maschera {
      height: auto; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .maschera {
      height: auto;
      top: 50%;
      position: absolute;
      width: 65%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  @media (max-width: 1199px) {
    .maschera {
      height: auto;
      top: 50%;
      position: absolute;
      width: 65%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  @media (max-width: 575px) {
    .maschera {
      left: 40%; } }
  .maschera svg {
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 80vh; }
  .maschera .engine-svg:hover {
    fill: #008DCA;
    cursor: pointer; }
  .maschera .driveline-svg:hover {
    fill: #008DCA;
    cursor: pointer; }
  .maschera .chassis-svg:hover {
    fill: #008DCA;
    cursor: pointer; }
  .maschera .brake-system-svg:hover {
    fill: #008DCA;
    cursor: pointer; }

.engine-menu:hover {
  background: #008DCA; }

.hover-fill {
  fill: #FFF; }

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1; }

/* Position and style the close button (top right corner) */
.menu-lat #closebtn {
  position: absolute;
  top: 0px;
  right: -300px;
  font-size: 36px;
  margin-left: 50px;
  background: #141414;
  padding: 0px 15px;
  border-bottom-left-radius: 10px 10px;
  transition: all .5s !important;
  z-index: -1;
  opacity: 0; }

.sidenav div {
  height: 100%; }

.sidenav .button-prodotto {
  height: auto;
  overflow: auto;
  background: #141414;
  border-bottom: 1px solid #000;
  overflow: hidden; }
  .sidenav .button-prodotto a {
    font-family: Montserrat-Light;
    position: relative; }

.sidenav .button-prodotto:hover {
  background: #282828; }
  .sidenav .button-prodotto:hover a {
    position: relative; }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }

  .sidenav a {
    font-size: 18px; } }
.transition {
  opacity: 1 !important;
  transition: opacity 0.15s ease-in-out; }

/*.item-103{
    ul{
        display: none;
        opacity: 0;
    }
}*/
.altri-mezzi .circle-menu {
  opacity: 0;
  position: absolute;
  bottom: 25px;
  right: 25px;
  z-index: 10000000; }
  .altri-mezzi .circle-menu button, .altri-mezzi .circle-menu ul li a {
    display: block;
    box-sizing: border-box;
    height: 50px;
    width: 50px;
    padding: 15px;
    border: none;
    overflow: hidden;
    outline: none;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #000;
    color: #FFF; }
    .altri-mezzi .circle-menu button img, .altri-mezzi .circle-menu ul li a img {
      width: 65px;
      top: -22px;
      position: relative;
      left: -22px; }
  .altri-mezzi .circle-menu a:hover {
    background: #008DCA;
    color: #FFF; }
  .altri-mezzi .circle-menu button {
    position: relative;
    z-index: 2;
    -webkit-animation: appear 0.3s ease-out forwards;
    -moz-animation: appear 0.3s ease-out forwards;
    -o-animation: appear 0.3s ease-out forwards;
    animation: appear 0.3s ease-out forwards; }
  .altri-mezzi .circle-menu button:hover {
    background: #008DCA; }
  .altri-mezzi .circle-menu ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .altri-mezzi .circle-menu ul li {
      position: absolute;
      z-index: 1;
      left: 0px;
      bottom: auto;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
@keyframes appear {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.altri-mezzi-responsive .circle-menu {
  opacity: 0;
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 10000000; }
  .altri-mezzi-responsive .circle-menu button, .altri-mezzi-responsive .circle-menu ul li a {
    display: block;
    box-sizing: border-box;
    height: 50px;
    width: 50px;
    padding: 15px;
    border: none;
    overflow: hidden;
    outline: none;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #000;
    color: #FFF; }
    .altri-mezzi-responsive .circle-menu button img, .altri-mezzi-responsive .circle-menu ul li a img {
      width: 65px;
      top: -22px;
      position: relative;
      left: -22px; }
  .altri-mezzi-responsive .circle-menu a:hover {
    background: #008DCA;
    color: #FFF; }
  .altri-mezzi-responsive .circle-menu button {
    position: relative;
    z-index: 2;
    -webkit-animation: appear 0.3s ease-out forwards;
    -moz-animation: appear 0.3s ease-out forwards;
    -o-animation: appear 0.3s ease-out forwards;
    animation: appear 0.3s ease-out forwards; }
  .altri-mezzi-responsive .circle-menu button:hover {
    background: #008DCA; }
  .altri-mezzi-responsive .circle-menu ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .altri-mezzi-responsive .circle-menu ul li {
      position: absolute;
      z-index: 1;
      left: 0px;
      bottom: auto;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
@keyframes appear {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
#prodotto {
  margin-top: 5px; }
  #prodotto .categoria {
    position: relative;
    display: inline-block;
    position: absolute;
    left: 60px;
    top: 30px; }
    #prodotto .categoria img {
      border: 2px solid #FFF;
      border-radius: 50%;
      height: 80px;
      width: 80px;
      background: #000; }
  #prodotto .torna-categoria {
    position: relative;
    right: -55px;
    top: -55px;
    background: white;
    border-left-radius: 10px;
    border-radius: 20px;
    display: inline-block;
    width: 160px;
    font-size: 12px;
    padding: 8px 10px 8px 10px;
    z-index: -1;
    text-align: right; }
    #prodotto .torna-categoria p {
      font-size: 12px;
      line-height: 12px;
      margin: 0; }
  #prodotto .dettaglio-prodotto {
    padding: 40px 100px;
    position: relative; }
    #prodotto .dettaglio-prodotto .titolo-prodotto {
      font-size: 40px;
      font-family: Montserrat-Regular; }
  #prodotto .slider-prodotti {
    margin-top: 40px; }
    #prodotto .slider-prodotti .slick-slide img {
      margin: 0 auto;
      max-height: 350px; }
      @media (min-width: 1299px) and (max-width: 1599px) {
        #prodotto .slider-prodotti .slick-slide img {
          max-height: 250px; } }
    #prodotto .slider-prodotti .slick-prev, #prodotto .slider-prodotti .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 40px;
      height: 40px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent; }
    #prodotto .slider-prodotti .slick-prev:before, #prodotto .slider-prodotti .slick-next:before {
      font-size: 40px;
      line-height: 1;
      opacity: .75;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #prodotto .slider-prodotti .slick-prev {
      left: 100px;
      z-index: 10; }
      @media (min-width: 1299px) and (max-width: 1599px) {
        #prodotto .slider-prodotti .slick-prev {
          left: 40px; } }
    #prodotto .slider-prodotti .slick-prev:before {
      content: url("../../../images/SX.svg");
      font-family: FontAwesome;
      height: 50px;
      display: block;
      width: 16px;
      margin-right: 20px; }
    #prodotto .slider-prodotti .slick-next {
      right: 100px;
      z-index: 10; }
      @media (min-width: 1299px) and (max-width: 1599px) {
        #prodotto .slider-prodotti .slick-next {
          right: 40px; } }
    #prodotto .slider-prodotti .slick-next:before {
      content: url("../../../images/DX.svg");
      font-family: FontAwesome;
      height: 50px;
      display: block;
      width: 16px;
      margin-left: 20px; }
  #prodotto .slider-prodotti-nav {
    margin-top: 10px;
    margin-bottom: 20px; }
    #prodotto .slider-prodotti-nav .slick-slide {
      margin: 10px; }
      #prodotto .slider-prodotti-nav .slick-slide img {
        margin: 0 auto; }

#produzione-screen {
  position: relative;
  margin-top: 10px; }
  #produzione-screen .more-info {
    position: absolute;
    display: inline-block;
    background: #FFF;
    z-index: 999999999;
    width: 100px;
    height: 60px;
    background: #FFF;
    /*transform: perspective(40px) rotateX(20deg);*/
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -70px;
    overflow: hidden; }
    @media (max-width: 575px) {
      #produzione-screen .more-info {
        width: 100px;
        height: 45px;
        top: -55px; } }
    #produzione-screen .more-info .contenuto {
      position: relative;
      padding-top: 8px;
      /*transform: perspective(16px) rotateX(-7deg);*/ }
      @media (max-width: 575px) {
        #produzione-screen .more-info .contenuto {
          padding-top: 8px; } }
      #produzione-screen .more-info .contenuto img {
        width: 28px;
        margin: 0 auto;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -10px; }
      #produzione-screen .more-info .contenuto span {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media (max-width: 575px) {
          #produzione-screen .more-info .contenuto span {
            top: -5px;
            font-size: 12px; } }
  #produzione-screen .panel {
    display: none;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out; }

.maschera #trasmiss-svg {
  fill: #FFF; }
.maschera #brake-system-svg {
  fill: #FFF; }
.maschera #motore {
  fill: #FFF; }
.maschera #chassis-svg {
  fill: #FFF; }
.maschera #pallini {
  fill: #FFF; }

.etichetta_settori {
  position: absolute;
  bottom: 70px;
  color: white;
  left: 15px;
  font-size: 20px;
  opacity: 0; }
  @media (max-width: 991px) {
    .etichetta_settori {
      bottom: 28px;
      color: white;
      left: 85px; } }

.titolo-wcm {
  color: #008DCA;
  font-size: 25px;
  background: #FFF;
  border: 1px solid #008DCA;
  padding: 10px 20px;
  margin-top: 20px;
  position: relative;
  display: inline-block; }

.titolo-wcm:hover {
  color: #FFF;
  font-size: 25px;
  background: #008DCA;
  padding: 10px 20px;
  margin-top: 20px;
  position: relative;
  display: inline-block; }

@media (max-width: 991px) {
  #categoria-factoring-process .testo {
    padding: 0px 20px; } }

/* 
    Created on : 12-dic-2018, 17.23.34
    Author     : Michela.Capelli
    Pagina     : Omr in sintesi
*/
.img-settore {
  width: 100%; }

.valori-settori .progress-business-cento {
  width: 200px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1; }
.valori-settori figure {
  position: relative; }
  .valori-settori figure .cover-img {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999; }
    .valori-settori figure .cover-img img {
      z-index: -1;
      position: relative; }
  .valori-settori figure figcaption .counter-settore {
    font-size: 40px;
    color: #FFF;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 1199px) {
      .valori-settori figure figcaption .counter-settore {
        top: 50%; } }
  .valori-settori figure figcaption .titolo-settore {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #FFF;
    text-transform: uppercase;
    font-size: 22px;
    display: block;
    width: 100%;
    text-align: center; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .valori-settori figure figcaption .titolo-settore {
        font-size: 18px; } }
    @media (max-width: 991px) {
      .valori-settori figure figcaption .titolo-settore {
        font-size: 18px; } }
    @media (max-width: 575px) {
      .valori-settori figure figcaption .titolo-settore {
        padding: 0 20px; } }
  .valori-settori figure figcaption .titolo-settore:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 50px;
    background: #008DCA;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%); }

#fatturato .div-titolo {
  margin-top: 60px; }
  @media (max-width: 767px) {
    #fatturato .div-titolo {
      margin-top: 40px; } }
  @media (min-width: 576px) and (max-width: 767px) {
    #fatturato .div-titolo {
      margin-top: 40px; } }
  @media (max-width: 575px) {
    #fatturato .div-titolo {
      margin-top: 40px; } }

#settori .div-titolo {
  position: relative;
  top: 100px;
  z-index: 999;
  color: #FFF; }
  @media (max-width: 575px) {
    #settori .div-titolo {
      top: 120px;
      padding: 0 30px; } }
  @media (max-width: 400px) {
    #settori .div-titolo {
      top: 150px;
      padding: 0 30px; } }
  #settori .div-titolo h3 {
    color: #FFF; }

.bars li .bar.blueBar {
  background-color: #008DCA; }

.bars li .bar.greyBar {
  background-color: #666B6E; }

#fatturato .numbers {
  width: 50px;
  height: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  left: -50px; }
  #fatturato .numbers li {
    text-align: right;
    padding-right: 1em;
    list-style: none;
    height: 59px;
    position: relative;
    font-size: 13px;
    bottom: 11px;
    right: -9px;
    color: #1A1A1A; }
    #fatturato .numbers li:after {
      content: "\00af";
      position: relative;
      right: -5px;
      font-size: 20px;
      top: 7px;
      color: white; }
    #fatturato .numbers li:first-of-type {
      height: 63px;
      margin-top: -1px; }
      #fatturato .margin-left-bars{
          margin-left:15%;
      }
#fatturato .margin-bar {
  position: relative;
  max-width: 600px;
  height: 300px;
  margin: 50px auto 100px; }
  @media (min-width: 768px) and (max-width: 991px) {
    #fatturato .margin-bar {
      margin: 40px 0px; } }
  @media (max-width: 767px) {
    #fatturato .margin-bar {
      margin: 40px 40px; } }
  @media (max-width: 575px) {
    #fatturato .margin-bar {
      margin: 40px 40px; } }
  #fatturato .margin-bar .bars {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 0 1%;
    margin: 0; }
    #fatturato .margin-bar .bars li {
      background-color: #d5d7d8;
      background-image: linear-gradient(transparent 70%, white 50%);
      background-size: 10px 10px;
      display: inline-block;
      flex: 0 1 75%;
      height: 100%;
      margin: 0;
      text-align: center;
      position: relative;
      font-size: 16px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #fatturato .margin-bar .bars li {
          flex: 0 1 90%; } }
      @media (max-width: 767px) {
        #fatturato .margin-bar .bars li {
          flex: 0 1 90%; } }
      #fatturato .margin-bar .bars li .bar {
        width: 100%;
        position: absolute;
        font-size: 16px;
        color: #fff;
        padding-top: 18px;
        bottom: 0;
        height: 0;
        font-weight: bold;
        outline: 2px solid transparent;
        -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
        transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1); }
        #fatturato .margin-bar .bars li .bar:after {
          content: '0mln';
          font-size: 16px !important;
          vertical-align: top;
          color: white; }
      #fatturato .margin-bar .bars li b {
        color: #666B6E;
        width: 100%;
        position: absolute;
        bottom: -2em;
        left: 0;
        text-align: center; }
#fatturato .no-margin {
  position: relative;
  max-width: 600px;
  height: 300px;
  margin: 50px auto 100px; }
  @media (min-width: 768px) and (max-width: 991px) {
    #fatturato .no-margin {
      margin: 40px 0px; } }
  @media (max-width: 767px) {
    #fatturato .no-margin {
      margin: 40px 40px; } }
  @media (max-width: 575px) {
    #fatturato .no-margin {
      margin: 40px 40px; } }
  #fatturato .no-margin .bars {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 0 1%;
    margin: 0; }
    #fatturato .no-margin .bars li {
      background-color: #d5d7d8;
      background-image: linear-gradient(transparent 70%, white 50%);
      background-size: 10px 10px;
      display: inline-block;
      flex: 0 1 25%;
      height: 100%;
      margin: 0;
      text-align: center;
      position: relative;
      font-size: 16px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #fatturato .no-margin .bars li {
          flex: 0 1 30%; } }
      @media (max-width: 767px) {
        #fatturato .no-margin .bars li {
          flex: 0 1 30%; } }
      @media (min-width: 576px) and (max-width: 767px) {
        #fatturato .no-margin .bars li {
          flex: 0 1 90%; } }
      @media (max-width: 575px) {
        #fatturato .no-margin .bars li {
          flex: 0 1 90%; } }
      #fatturato .no-margin .bars li .bar {
        width: 100%;
        position: absolute;
        font-size: 16px;
        color: #fff;
        padding-top: 18px;
        bottom: 0;
        height: 0;
        font-weight: bold;
        outline: 2px solid transparent;
        -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
        transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1); }
        #fatturato .no-margin .bars li .bar:after {
          content: '0mln';
          font-size: 16px !important;
          vertical-align: top;
          color: white; }
      #fatturato .no-margin .bars li b {
        color: #008DCA;
        width: 100%;
        position: absolute;
        bottom: -2em;
        left: 0;
        text-align: center; }

#dipendenti {
  margin-top: 100px;
  margin-bottom: 200px; }
  #dipendenti .icona-small {
    position: absolute;
    left: 20px;
    top: -13px; }
    @media (max-width: 991px) {
      #dipendenti .icona-small {
        left: 10px;
        top: -13px; } }
    @media (max-width: 575px) {
      #dipendenti .icona-small {
        top: 0;
        margin-bottom: 20px;
        position: relative;
        left: -10px; } }
  #dipendenti .totale {
    left: -60px;
    position: relative;
    font-weight: 900;
    font-size: 20px;
    top: -20px; }
    @media (max-width: 991px) {
      #dipendenti .totale {
        left: -75px; } }
    @media (max-width: 767px) {
      #dipendenti .totale {
        top: 0; } }
    @media (max-width: 575px) {
      #dipendenti .totale {
        left: 0px;
        top: 0; } }
  #dipendenti .chartBars {
    position: relative;
    max-width: 90%;
    height: 300px;
    margin: 50px auto 100px; }
    #dipendenti .chartBars .bars {
      display: flex;
      justify-content: space-around;
      width: 100%;
      height: 100%;
      padding: 0;
      padding: 0 1%;
      margin: 0; }
      @media (max-width: 991px) {
        #dipendenti .chartBars .bars {
          width: 92%; } }
      @media (max-width: 575px) {
        #dipendenti .chartBars .bars {
          width: 100%; } }
      @media (max-width: 400px) {
        #dipendenti .chartBars .bars {
          width: 100%; } }
      #dipendenti .chartBars .bars li {
        background-color: #FFF;
        background-size: 10px 10px;
        display: inline-block;
        flex: 0 1 100%;
        height: 100%;
        margin: 0;
        text-align: center;
        position: relative;
        font-size: 16px; }
        #dipendenti .chartBars .bars li .bar {
          width: 100%;
          position: absolute;
          font-size: 16px;
          color: #fff;
          padding-top: 18px;
          bottom: 0;
          height: 0;
          font-weight: bold;
          outline: 2px solid transparent;
          -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
          transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1); }
          #dipendenti .chartBars .bars li .bar:after {
            content: '';
            font-size: 16px !important;
            vertical-align: top;
            color: rgba(255, 255, 255, 0.8); }
        #dipendenti .chartBars .bars li b {
          color: #1A1A1A;
          width: 100%;
          position: absolute;
          bottom: -2em;
          left: 0;
          text-align: center; }
    #dipendenti .chartBars .numbers {
      width: 50px;
      height: 100%;
      margin: 0;
      padding: 0;
      display: inline-block;
      position: absolute;
      left: -50px; }
      #dipendenti .chartBars .numbers li {
        text-align: right;
        padding-right: 1em;
        list-style: none;
        height: 59px;
        position: relative;
        font-size: 13px;
        bottom: 11px;
        right: -9px;
        color: #1A1A1A; }
        #dipendenti .chartBars .numbers li:after {
          content: "\00af";
          position: relative;
          right: -5px;
          font-size: 20px;
          top: 7px;
          color: rgba(255, 255, 255, 0.34); }
        #dipendenti .chartBars .numbers li:first-of-type {
          height: 63px;
          margin-top: -1px; }
  #dipendenti .chartBarsWrap.chartBarsHorizontal {
    flex-direction: column;
    padding-left: 70px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #dipendenti .chartBarsWrap.chartBarsHorizontal {
        padding-left: 40px; } }
    @media (max-width: 767px) {
      #dipendenti .chartBarsWrap.chartBarsHorizontal {
        padding-left: 40px; } }
    #dipendenti .chartBarsWrap.chartBarsHorizontal .bars b {
      color: #666B6E;
      width: 100%;
      position: absolute;
      bottom: initial;
      top: 1em;
      left: -102%;
      text-align: right; }
    #dipendenti .chartBarsWrap.chartBarsHorizontal .chartBars {
      height: 40px;
      margin: 10px 20px; }
    #dipendenti .chartBarsWrap.chartBarsHorizontal .chartBars .bars {
      border: 0; }
      #dipendenti .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
        width: 0;
        padding-top: 10px;
        height: 40px !important;
        text-align: right;
        font-size: 16px;
        -webkit-transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
        transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1); }
        @media (max-width: 575px) {
          #dipendenti .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
            font-size: 13px; } }
        #dipendenti .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
          font-size: .6em !important;
          margin-right: 20px; }
  #dipendenti .margin-bar {
    margin: 60px 0;
    top: -20px;
    position: relative; }
    @media (max-width: 575px) {
      #dipendenti .margin-bar {
        margin: 0px 0; } }
    #dipendenti .margin-bar b {
      color: #008DCA !important; }
    #dipendenti .margin-bar .icona-small {
      position: absolute;
      left: 20px;
      top: -23px !important; }
      @media (max-width: 991px) {
        #dipendenti .margin-bar .icona-small {
          left: 10px;
          top: -23px; } }
      @media (max-width: 575px) {
        #dipendenti .margin-bar .icona-small {
          top: 0;
          margin-bottom: 20px;
          position: relative;
          left: -10px;
          top: 0px !important; } }
    #dipendenti .margin-bar .totale {
      left: -60px;
      position: relative;
      font-weight: 900;
      font-size: 20px;
      top: -25px; }
      @media (max-width: 991px) {
        #dipendenti .margin-bar .totale {
          left: -75px; } }
      @media (max-width: 575px) {
        #dipendenti .margin-bar .totale {
          left: 0px;
          top: 0px; } }
  @media (max-width: 575px) {
    #dipendenti .chartBarsHorizontal.margin-bar {
      margin: 60px 0;
      margin-bottom: 0; } }
  #dipendenti .uguale .chartBarsWrap {
    top: 20px;
    position: relative; }
  #dipendenti .uguale .bars li .bar.greyBar {
    background-color: darkgrey; }
  #dipendenti .uguale .bars b {
    top: 2em !important; }
  #dipendenti .uguale .margin-bar {
    margin: 60px 0;
    margin-bottom: 0;
    top: 50px;
    position: relative; }
    @media (max-width: 575px) {
      #dipendenti .uguale .margin-bar {
        margin: 0px 0; } }
    #dipendenti .uguale .margin-bar b {
      color: #008DCA !important; }
    #dipendenti .uguale .margin-bar .bars li .bar.blueBar {
      background-color: lightskyblue; }

.chartBars1 .bar {
  border-top-right-radius: 30px; }

.chartBars2 {
  max-width: 350px; }
  .chartBars2 .bars {
    padding: 0; }
    .chartBars2 .bars li {
      flex: 0 1 50%; }

.chartBars3 {
  background: rgba(255, 255, 255, 0.1);
  border-top: 1px solid #666;
  border-right: 1px solid #666; }
  .chartBars3 .bars {
    border-color: #666;
    padding: 0; }
    .chartBars3 .bars li .bar {
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
      font-size: 22px !important; }
      .chartBars3 .bars li .bar:after {
        font-size: .6em !important; }

.box-piesite {
  text-align: center;
  font-size: 22px; }

.piesite {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 10em;
  cursor: default; }

.piesite .percent {
  position: absolute;
  top: 1.1em;
  left: .1em;
  width: 100%;
  font-size: .3em;
  text-align: center;
  z-index: 2; }
  .piesite .percent .symbol {
    font-size: .5em;
    vertical-align: top;
    opacity: .5; }

.piesite > #slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0px, 1em, 1em, 0.5em); }

.piesite > #slice.gt50 {
  clip: rect(auto, auto, auto, auto); }

.piesite > #slice > .pie {
  position: absolute;
  border: .1em solid #444;
  width: 1em;
  height: 1em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 0.5em; }

li.design .piesite > #slice > .pie {
  border-color: #49E; }

li.usability .piesite > #slice > .pie {
  border-color: #FFA500; }

li.creativity .piesite > #slice > .pie {
  border-color: #6B8E23; }

.piesite > #slice > .pie.fill {
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.piesite.fill > .percent {
  display: none; }

.piesite:after {
  content: '';
  display: block;
  position: absolute;
  top: .1em;
  left: .1em;
  width: .8em;
  height: .8em;
  background: #30303A;
  border-radius: 100%;
  z-index: 1; }

.piesite:before {
  content: '';
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: .5em;
  opacity: .5;
  z-index: 0; }

.piesite:before {
  background: rgba(0, 0, 0, 0.8); }

.box-piesite ul {
  padding: 0; }
  .box-piesite ul li {
    display: inline-block;
    margin: 10px 20px; }

.chartBarsHorizontal .chartBars .bars {
  flex-direction: column; }

@media screen and (min-width: 600px) {
  .bar:before {
    font-size: 2em !important; }

  .chartBars3 .bar:before {
    font-size: 1.5em !important; } }
.tooltip > .tooltipContent {
  display: block;
  position: absolute;
  background: none repeat scroll 0 0 #222;
  color: #F0B015;
  font-family: 'Helvetica';
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.5em;
  padding: 16px 15px;
  min-width: 200px;
  max-width: 500px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -110%);
  margin-left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  z-index: 2;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-in-out; }
.tooltip:hover > .tooltipContent {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 99;
  transform: translate(-50%, -130%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
.tooltip .tooltipContent:after {
  border-color: #222 rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 15px 15px 0;
  bottom: -15px;
  content: "";
  display: block;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  width: 0; }

/* PROGRESS CIRCLE COMPONENT */
.circliful {
  margin: auto;
  position: relative; }

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block; }

.circle-info, .circle-info-half {
  color: #008DCA; }

.circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px; }

.blue {
  color: #008DCA;
  font-size: 14px;
  line-height: 25px; }

.breadcrumbs {
  margin-bottom: 20px; }

.breadcrumb {
  padding: 0px;
  margin-top: 20px;
  list-style: none;
  background-color: #FFF;
  border-radius: 0px;
  position: relative;
  margin-bottom: 0px; }
  @media (max-width: 991px) {
    .breadcrumb {
      padding: 0 20px; } }
  @media (max-width: 767px) {
    .breadcrumb {
      position: relative; } }
  .breadcrumb li span {
    font-size: 12px; }
    @media (max-width: 991px) {
      .breadcrumb li span {
        font-size: 11px; } }
  .breadcrumb li + li:before {
    padding: 0px;
    color: #FFF;
    content: ""; }
  .breadcrumb .divider {
    padding: 0 0px; }
    @media (max-width: 991px) {
      .breadcrumb .divider {
        padding: 0 0px; } }

.textintro {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (max-width: 991px) {
    .textintro {
      color: #000;
      margin-top: 60px;
      top: 0%;
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
      margin-bottom: 40px;
      padding: 0 35px; } }

@media (max-width: 767px) {
  #testo {
    padding: 0 0px; } }

#contenuto {
    /*.button-div{
        display: inline-block;
        text-align: left;
        position: absolute;
        bottom: 100px;
        margin-left: 40px;
        
        .icona-small {
            display: inline-block;
            width: 47px;
            text-align: right;
            position: relative;
            right: 0;
            top: -2px;
            margin-right: 2px;
        }

        .button-azione{
            display: inline-block !important;
            border: 1px solid $grey;
            background: $white;
            display: block;
            color: $grey;
            padding: 13.5px 0px;
            text-align: center;
            font-size: 13px;
            text-transform: uppercase;
            font-family: $montserratRegular;
            width: calc(100% - 60px);
            margin-left: 0;
            @media (max-width: 400px) {
                 padding: 13.5px 20px;
            }

        }
    }

    .button-div:hover, .button-div:focus{
        text-decoration: none;
        .button-azione{
            display: inline-block !important;
            border: 1px solid $blue;
            background: $blue;
            display: block;
            color: $white;
            padding: 13.5px 0px;
            text-align: center;
            font-size: 13px;
            text-transform: uppercase;
            font-family: $montserratRegular;

            @media (max-width: 400px) {
                 padding: 13.5px 20px;
            }

        }
    }*/ }

.button-azione {
  display: inline;
  margin-left: 10px;
  text-transform: uppercase; }
  @media (max-width: 1199px) {
    .button-azione {
      display: inline-block;
      margin-left: 0px;
      margin-top: 10px; } }
  @media (max-width: 991px) {
    .button-azione {
      display: inline-block;
      margin-left: 10px;
      margin-top: 0px; } }
  @media (max-width: 575px) {
    .button-azione {
      margin-bottom: 20px; } }

.dueColonne {
  /*Numero di colonne*/
  column-count: 2;
  /* Distanza tra le colonne*/
  column-gap: 50px;
  /*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */
  -moz-column-count: 2;
  -moz-column-gap: 50px;
  -webkit-column-count: 2;
  -webkit-column-gap: 50px; }
  @media (max-width: 991px) {
    .dueColonne {
      /*Numero di colonne*/
      column-count: auto;
      /* Distanza tra le colonne*/
      column-gap: 0px;
      /*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */
      -moz-column-count: 0;
      -moz-column-gap: 0px;
      -webkit-column-count: 0;
      -webkit-column-gap: 0px; } }

.img-max {
  width: 100%; }

.remove-padding {
  padding: 0; }

.icona {
  width: 40px; }

.icona-small {
  display: inline-block;
  width: 40px;
  text-align: right;
  position: relative;
  right: 0; }

.titoli {
  color: #008DCA;
  font-size: 25px;
  position: relative;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-family: Montserrat-Light;
  font-weight: 700; }

.titoli:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #008DCA;
  position: absolute;
  bottom: -15px;
  left: 0; }

.titoli-white {
  color: #FFF;
  font-size: 30px;
  position: relative;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-family: Montserrat-Light;
  font-weight: 700; }

.titoli-white:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #008DCA;
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.titoli-grey {
  font-size: 25px;
  color: #666B6E;
  margin-bottom: 20px;
  font-family: Montserrat-Light; }
  .titoli-grey .blue {
    color: #008DCA !important;
    font-size: 25px; }

.titoli-blue {
  font-size: 25px;
  color: #008DCA;
  margin-bottom: 20px;
  font-family: Montserrat-Light;
  text-transform: uppercase;
  font-weight: 700; }

.titolo_blu {
  font-size: 25px;
  color: #008DCA;
  margin-bottom: 20px;
  font-family: Montserrat-Light; }

.link-button {
  border: 1px solid #666B6E;
  padding: 15px 40px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .link-button {
      margin: 0 0px; } }
  @media (max-width: 991px) {
    .link-button {
      margin: 0 0px; } }

.link-button:hover {
  text-decoration: none;
  border: 1px solid #008DCA;
  background: #008DCA;
  color: #FFF; }

.tasto {
  width: 150px;
  height: 50px;
  color: transparent;
  position: relative;
  margin-top: 60px;
  display: block;
  /* Old browsers */
  background: linear-gradient(to left, transparent 50%, #008DCA 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  display: flex;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  @media (max-width: 991px) {
    .tasto {
      margin-top: 40px; } }
  .tasto a {
    color: transparent;
    padding: 15px 20px;
    position: absolute;
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    white-space: nowrap;
    /* Keeps the content on a single line */
    margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    animation: untyping 0.5s steps(10, end), blink-caret 0.5s step-end infinite;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.tasto:after {
  content: "\f054";
  position: absolute;
  color: #FFF;
  background: #008DCA;
  padding: 11px 18px;
  top: 0;
  left: 0;
  font-size: 20px;
  font-family: FontAwesome;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.tasto:hover {
  width: 150px;
  height: 50px;
  color: #FFF;
  position: relative;
  display: block;
  background-position: left bottom; }
  .tasto:hover a {
    color: #F0F0F0;
    opacity: 1;
    display: inline-table; }

.tasto:hover:after {
  left: 135px !important;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.tasto-scopri {
  width: 150px;
  height: 50px;
  color: transparent;
  position: relative;
  margin-top: 60px;
  display: block;
  /* Old browsers */
  background: linear-gradient(to left, transparent 50%, #008DCA 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  display: flex;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  .tasto-scopri a {
    color: transparent;
    padding: 15px 20px;
    position: absolute;
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    white-space: nowrap;
    /* Keeps the content on a single line */
    margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    animation: untyping 0.5s steps(10, end), blink-caret 0.5s step-end infinite;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.tasto-scopri:after {
  content: "\f054";
  position: absolute;
  color: #FFF;
  background: #008DCA;
  padding: 11px 18px;
  top: 0;
  left: 0;
  font-size: 20px;
  font-family: FontAwesome;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.tasto-scopri:hover {
  width: 150px;
  height: 50px;
  color: #FFF;
  position: relative;
  display: flex;
  background-position: left bottom;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }
  .tasto-scopri:hover a {
    color: #FFF;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    animation: typing 0.5s steps(10, end), blink-caret 0.5s step-end infinite; }

.tasto-scopri:hover:after {
  left: 135px !important;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.link-news-button {
  padding: 20px;
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  padding: 0;
  color: #008DCA; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .link-news-button {
      margin: 0 0px; } }
  @media (max-width: 991px) {
    .link-news-button {
      margin: 0 0px; } }

.link-news-button:hover {
  text-decoration: none;
  color: #666B6E; }

/* HOME PAGE */
#azienda-testo {
  background: #F0F0F0;
  top: -5px;
  position: relative; }
  #azienda-testo .testo-azienda {
    padding: 100px 0;
    padding-top: 0px; }
    @media (max-width: 991px) {
      #azienda-testo .testo-azienda {
        padding: 40px 10px; } }
    @media (max-width: 767px) {
      #azienda-testo .testo-azienda {
        padding: 40px 20px; } }

.simbolo-omr img {
  height: 180px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -41px;
  margin-bottom: -40px; }
  @media (max-width: 991px) {
    .simbolo-omr img {
      top: -23px;
      height: 100px; } }

#produzione .titolo-produzione {
  background: #131212;
  padding: 40px 20px; }
  #produzione .titolo-produzione h2 {
    font-family: Montserrat-Light;
    color: #FFF;
    font-size: 25px;
    text-transform: uppercase; }
#produzione .menu-produzione {
  background: #131212;
  position: relative; }
#produzione .render {
  opacity: 1;
  /* Firefox */
  -moz-transition: all 0.2s ease-in;
  /* WebKit */
  -webkit-transition: all 0.2s ease-in;
  /* Opera */
  -o-transition: all 0.2s ease-in;
  /* Standard */
  transition: all 0.2s ease-in;
  z-index: 999;
  position: relative; }
#produzione .wireframe {
  opacity: 0;
  /* Firefox */
  -moz-transition: all 0.2s ease-in;
  /* WebKit */
  -webkit-transition: all 0.2s ease-in;
  /* Opera */
  -o-transition: all 0.2s ease-in;
  /* Standard */
  transition: all 0.2s ease-in;
  position: absolute;
  top: 0; }
#produzione .div-button-produzione {
  display: block;
  padding: 0px 0 40px; }
#produzione .div-produzione {
  background: #131212;
  text-align: center; }
  #produzione .div-produzione .link-produzione {
    color: #FFF;
    text-transform: uppercase;
    font-family: Montserrat-Light;
    font-size: 18px;
    position: relative;
    display: block; }
    @media (min-width: 1299px) and (max-width: 1599px) {
      #produzione .div-produzione .link-produzione {
        font-size: 20px; } }
    @media (min-width: 1299px) and (max-width: 1599px) {
      #produzione .div-produzione .link-produzione {
        font-size: 20px; } }
    @media (min-width: 992px) and (max-width: 1299px) {
      #produzione .div-produzione .link-produzione {
        font-size: 15px; } }
    @media (max-width: 991px) {
      #produzione .div-produzione .link-produzione {
        font-size: 20px;
        padding: 0 20px; } }
  #produzione .div-produzione .link-produzione:after {
    content: "";
    width: 50px;
    height: 4px;
    background: #008DCA;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  #produzione .div-produzione .link-produzione:hover {
    text-decoration: none; }
  #produzione .div-produzione .link-produzione:hover:after {
    background: #FFF;
    /* Firefox */
    -moz-transition: all 0.2s ease-in;
    /* WebKit */
    -webkit-transition: all 0.2s ease-in;
    /* Opera */
    -o-transition: all 0.2s ease-in;
    /* Standard */
    transition: all 0.2s ease-in; }
#produzione .div-produzione:hover .render {
  opacity: 0;
  /* Firefox */
  -moz-transition: all 0.2s ease-in;
  /* WebKit */
  -webkit-transition: all 0.2s ease-in;
  /* Opera */
  -o-transition: all 0.2s ease-in;
  /* Standard */
  transition: all 0.2s ease-in; }
#produzione .div-produzione:hover .wireframe {
  opacity: 1;
  /* Firefox */
  -moz-transition: all 0.2s ease-in;
  /* WebKit */
  -webkit-transition: all 0.2s ease-in;
  /* Opera */
  -o-transition: all 0.2s ease-in;
  /* Standard */
  transition: all 0.2s ease-in; }
#produzione .div-produzione:hover a {
  color: #008DCA; }
#produzione .div-produzione:hover .div-button-produzione {
  display: block;
  padding: 0px 0 40px;
  color: #008DCA;
  /* Firefox */
  -moz-transition: all 0.2s ease-in;
  /* WebKit */
  -webkit-transition: all 0.2s ease-in;
  /* Opera */
  -o-transition: all 0.2s ease-in;
  /* Standard */
  transition: all 0.2s ease-in; }
  #produzione .div-produzione:hover .div-button-produzione .link-produzione:after {
    background: #FFF;
    /* Firefox */
    -moz-transition: all 0.2s ease-in;
    /* WebKit */
    -webkit-transition: all 0.2s ease-in;
    /* Opera */
    -o-transition: all 0.2s ease-in;
    /* Standard */
    transition: all 0.2s ease-in; }

#news {
  padding: 100px 40px; }
  @media (max-width: 1199px) {
    #news {
      padding: 40px 20px; } }
  @media (max-width: 991px) {
    #news .social {
      margin-bottom: 40px; } }
  #news .news .element-item {
    border-top: 0;
    border-bottom: 0; }
    @media (max-width: 991px) {
      #news .news .element-item {
        margin-bottom: 40px; } }
  #news .news .categoria {
    text-align: right;
    height: 40px; }
    #news .news .categoria img {
      display: inline-block;
      width: 40px;
      text-align: right;
      position: relative;
      right: 0; }
  #news .news .link-news {
    text-decoration: none; }
  #news .news .link-news:hover {
    text-decoration: none; }
  #news .news .div-data {
    margin-bottom: 20px; }
    #news .news .div-data img {
      display: inline; }
    #news .news .div-data .data {
      display: inline;
      color: #008DCA;
      margin-left: 20px;
      top: 14px;
      position: relative; }
  #news .news .title-category {
    font-size: 12px;
    color: #666B6E;
    text-align: right;
    margin-top: 5px;
    display: inline-block;
    right: 0;
    position: relative;
    top: 3px; }
  #news .news .title-category:hover {
    color: #008DCA; }
  #news .news .text h5 {
    font-size: 20px;
    color: #666B6E; }
  #news .news .text p {
    font-size: 16px;
    color: #666B6E; }
  #news .post {
    padding: 0; }
  #news .facebook .element-item, #news .instagram .element-item {
    border-top: 0;
    border-bottom: 0; }
  #news .facebook .categoria, #news .instagram .categoria {
    text-align: right; }
  #news .facebook .link-news, #news .instagram .link-news {
    text-decoration: none; }
  #news .facebook .link-news:hover, #news .instagram .link-news:hover {
    text-decoration: none; }
  #news .facebook .div-data, #news .instagram .div-data {
    margin-bottom: 20px; }
    #news .facebook .div-data img, #news .instagram .div-data img {
      display: inline; }
    #news .facebook .div-data .data, #news .instagram .div-data .data {
      display: inline;
      color: #008DCA;
      margin-left: 20px;
      top: 14px;
      position: relative; }
  #news .facebook .title-category, #news .instagram .title-category {
    font-size: 12px;
    color: #666B6E;
    text-align: right;
    margin-top: 5px;
    display: inline-block;
    right: 0;
    position: relative;
    top: 3px; }
  #news .facebook .text h5, #news .instagram .text h5 {
    font-size: 20px;
    color: #666B6E;
    font-family: Montserrat-Light; }
    #news .facebook .text h5 a, #news .instagram .text h5 a {
      font-size: 20px;
      color: #666B6E;
      padding-top: 10px;
      position: relative;
      font-family: Montserrat-Light; }
  #news .facebook .text p, #news .instagram .text p {
    font-size: 16px;
    color: #666B6E;
    word-wrap: break-word; }

#services .simbolo-omr {
  background: #F0F0F0; }
#services .gruppo-img img {
  width: 100%; }
#services .gruppo {
  background: #F0F0F0;
  padding-bottom: 60px; }
  @media (max-width: 991px) {
    #services .gruppo {
      padding-bottom: 40px; } }
#services .produzione-img img {
  width: 100%; }
#services .produzione-testo {
  background: #F0F0F0;
  padding-bottom: 80px; }
  @media (max-width: 991px) {
    #services .produzione-testo {
      padding-bottom: 40px; } }
#services .titoli {
  color: #008DCA;
  font-weight: 700; }
#services .link-button {
  border: 1px solid #666B6E;
  padding: 15px 40px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  background: #FFF; }
#services .link-button:hover {
  border: 1px solid #666B6E;
  padding: 15px 40px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  background: #008DCA; }

.box-image {
  background: #F0F0F0; }
  .box-image .testo {
    padding: 40px;
    border: 2px solid #F0F0F0;
    border-top: 0;
    border-bottom: 0; }
    @media (max-width: 575px) {
      .box-image .testo {
        padding: 40px 20px; } }

#footer-home {
  padding: 0px 40px;
  background: #282828;
  padding-bottom: 80px; }
  @media (max-width: 1199px) {
    #footer-home {
      padding: 0px 0px; } }
  @media (max-width: 575px) {
    #footer-home {
      padding: 40px 0px; } }
  #footer-home .indirizzi {
    position: relative;
    z-index: 1;
    padding: 0 100px; }
    @media (max-width: 991px) {
      #footer-home .indirizzi {
        padding: 0 0px; } }
    #footer-home .indirizzi a:hover {
      text-decoration: none;
      color: #008DCA; }
  #footer-home h6 {
    font-size: 16px;
    color: #666B6E; }
  #footer-home p, #footer-home a {
    color: #FFF;
    font-size: 16px;
    font-family: Montserrat-Light; }
  @media (max-width: 1199px) {
    #footer-home .sedi {
      margin-bottom: 40px; } }
  #footer-home .sedi .titolo-blue {
    color: #008DCA;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
    font-family: Montserrat-Bold; }
  #footer-home .sedi .titolo-blue:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #008DCA;
    position: absolute;
    bottom: -15px;
    left: 0; }
  #footer-home .sedi .nome_sede {
    color: #666B6E;
    font-size: 16px;
    margin: 0;
    font-family: Montserrat-Bold; }
    #footer-home .sedi .nome_sede a {
      color: #666B6E;
      font-size: 16px;
      margin: 0;
      font-family: Montserrat-Bold; }
      @media (max-width: 1199px) {
        #footer-home .sedi .nome_sede a {
          font-size: 13px; } }
    #footer-home .sedi .nome_sede a:hover {
      color: #008DCA;
      font-size: 16px;
      margin: 0;
      font-family: Montserrat-Bold; }
      @media (max-width: 1199px) {
        #footer-home .sedi .nome_sede a:hover {
          font-size: 13px; } }
  #footer-home .sedi .sede {
    color: #666B6E; }
  #footer-home .sedi .stato {
    position: relative;
    display: inline;
    color: #008DCA;
    font-size: 14px; }
  #footer-home .sedi .location {
    color: #666B6E;
    position: relative;
    display: inline;
    font-size: 12px; }
  #footer-home .mappa {
    position: relative;
    margin-top: -80px;
    margin-bottom: -150px;
    z-index: 0; }
    @media (max-width: 575px) {
      #footer-home .mappa {
        margin-top: 0px;
        margin-bottom: 0px; } }

#footer .copyright {
  background: #000;
  color: #FFF;
  text-align: center;
  padding: 10px; }
  #footer .copyright p {
    font-size: 12px;
    margin: 0; }
#footer #footer-page {
  color: #FFF;
  background: #3c3c3c;
  padding: 40px 0; }
  #footer #footer-page .omr-logo {
    width: 150px;
    left: 10px;
    position: relative; }
    @media (max-width: 767px) {
      #footer #footer-page .omr-logo {
        margin-left: 30px;
        margin-bottom: 40px; } }
  #footer #footer-page h5 {
    font-size: 20px;
    font-weight: bold;
    font-family: Montserrat-Light;
    margin: 0;
    margin-bottom: 20px; }
  #footer #footer-page a {
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    font-family: Montserrat-Light; }
  #footer #footer-page i.fa-facebook {
    background: #666B6E;
    padding: 10px 15px;
    margin-right: 10px;
    border-radius: 50%; }
  #footer #footer-page i.fa-facebook:hover {
    background: #008DCA;
    padding: 10px 15px;
    margin-right: 10px;
    border-radius: 50%; }
  #footer #footer-page .fa-facebook:before {
    content: "\f09a";
    font-size: 24px;
    font-family: FontAwesome; }
  #footer #footer-page i.fa-instagram {
    background: #666B6E;
    padding: 10px 12px;
    margin-right: 10px;
    border-radius: 50%; }
  #footer #footer-page i.fa-instagram:hover {
    background: #008DCA;
    padding: 10px 12px;
    margin-right: 10px;
    border-radius: 50%; }
  #footer #footer-page .fa-instagram:before {
    content: "\f16d";
    font-size: 24px;
    font-family: FontAwesome; }
  #footer #footer-page .social {
    margin-left: 40px; }
  @media (max-width: 767px) {
    #footer #footer-page .indirizzo {
      margin-left: 40px;
      margin-bottom: 40px; } }

#toTop {
  position: fixed;
  bottom: 50px;
  background: #008DCA;
  border-radius: 50%;
  padding: 6px 8px;
  right: 30px;
  font-size: 20px;
  opacity: 0;
  color: #FFF; }
  #toTop i {
    top: -2px;
    position: relative; }

#toTop.visible {
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

.div-titolo .titolo {
  color: #008DCA;
  font-size: 25px;
  position: relative;
  margin-bottom: 20px;
  font-family: Montserrat-Light;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 35px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .div-titolo .titolo {
      font-size: 25px;
      line-height: 35px; } }
  @media (max-width: 575px) {
    .div-titolo .titolo {
      font-size: 25px;
      line-height: 35px; } }
.div-titolo .titolo:after {
  content: "";
  width: 60px;
  height: 5px;
  background: #008DCA;
  position: absolute;
  bottom: -1px;
  left: 0; }

@media (max-width: 991px) {
  #testo .testo {
    padding: 0px 20px; } }

#testo .div-sottotitoli .titolo_blu, #contenuto .div-sottotitoli .titolo_blu {
  color: #008DCA;
  font-size: 20px;
  position: relative;
  font-family: Montserrat-Regular; }
  @media (max-width: 575px) {
    #testo .div-sottotitoli .titolo_blu, #contenuto .div-sottotitoli .titolo_blu {
      font-size: 15px; } }
#testo .div-sottotitoli .titolo_grigio, #contenuto .div-sottotitoli .titolo_grigio {
  color: #666B6E;
  font-size: 20px;
  position: relative;
  font-family: Montserrat-Regular; }
  @media (max-width: 575px) {
    #testo .div-sottotitoli .titolo_grigio, #contenuto .div-sottotitoli .titolo_grigio {
      font-size: 15px; } }
#testo .testo, #contenuto .testo {
  margin-top: 20px;
  margin-bottom: 60px; }
  @media (max-width: 575px) {
    #testo .testo, #contenuto .testo {
      margin-top: 10px; } }

.indietro {
  position: fixed;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #008DCA;
  padding: 20px;
  z-index: 9999999;
  color: #FFF;
  -webkit-transition: all 0.5s;
  /* Safari */
  transition: all 0.5s;
  display: inline; }
  @media (max-width: 575px) {
    .indietro {
      display: none; } }
  .indietro i {
    font-size: 20px;
    margin-right: 20px; }
  .indietro span {
    top: -2px;
    position: relative;
    display: inline; }

.indietro-root {
  position: fixed;
  top: 70%;
  -webkit-transform: translateY(-42%);
  -ms-transform: translateY(-42%);
  transform: translateY(-42%);
  background: #008DCA;
  padding: 15px 20px;
  z-index: 9999999;
  color: #FFF;
  -webkit-transition: all 0.5s;
  /* Safari */
  transition: all 0.5s;
  display: inline; }
  @media (max-width: 575px) {
    .indietro-root {
      display: none; } }
  .indietro-root i {
    font-size: 30px;
    margin-right: 10px; }
  .indietro-root span {
    top: -5px;
    position: relative;
    display: inline; }

.link-back {
  color: #FFF; }

.link-back:hover, .link-back:visited {
  color: #FFF; }

.sfondo-generico {
    min-height: 800px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #00406e;
}

@media (max-width: 768px) {
  /* For mobile phones: */
  .sfondo-generico {
   	min-height: 400px;
  }
  .sfondo-generico .video {
   	min-height: 400px;
  }
}

#news .news-home .element-item
{
	/* float: right; */
}


.j-image img.img-social {
    max-height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.feed-item.j-instagram{
	display: block !important;
}
/*# sourceMappingURL=custom.css.map */


.box_img_sociale{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.box_img_sociale .img_1{
    width: 39%;
    margin-right: 1%;
    max-height: 350px;
    object-fit: cover;
}

.box_img_sociale .img_2{
    width: 59%;
    margin-left: 2%;
    max-height: 350px;
    object-fit: cover;
}

.box_img_sociale .img_3{
    width: 49%;
    margin-right: 1%;
    max-height: 400px;
    object-fit: cover;
}

.box_img_sociale .img_4{
    width: 49%;
    margin-left: 1%;
    max-height: 400px;
    object-fit: cover;
}
    

@media (max-width: 768px) {
    .box_img_sociale{
        display: inherit;
    }
    
    .box_img_sociale .img_1{
    width: 100%;
    margin-right: 0%;
    margin-bottom:20px;
  }

  .box_img_sociale .img_2{
      width: 100%;
      margin-left: 0%;
  }
  
  .box_img_sociale .img_3{
    width: 100%;
    margin-right: 0%;
    margin-bottom:20px;
}

.box_img_sociale .img_4{
    margin-left: 0%;
    width: 100%;
}
}

.image_box_news_3{
  width: 33%;
  margin-right: 0.03%;
}
.image_box_news_2{
  width: 49.7%;
}

.label-segnalazioni{
  width: 100%;
  font-size: 14px;
  font-family: Montserrat-Light;
}

.input-segnalazioni{
  width: 100%;
  font-size: 14px;
  font-family: Montserrat-Light;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.fieldset-1 > div {
  margin-bottom:20px;
}

textarea.input-segnalazioni{
  resize:none;
}

input[type="file"].input-segnalazioni{
  border:0;
}


.submit-segnalazioni{
  background-color: #008DCA;
  width: 150px;
  height: 50px;
  color: #ffffff;
  position: relative;
  margin-top: 30px;
  display: block;
  font-size: 15px;
  border: 1px solid #008DCA !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}

.submit-segnalazioni:hover{
  background-color: #ffffff;
  color: #008DCA;
}

.captchaCont .asterix-ancor{
  width:auto;
}

.button-segnalazioni{
  background: #008DCA;
  border: 1px solid #008DCA;
  padding: 20px;
  color: #FFF;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline;
}

.button-segnalazioni:hover{
  background: #ffffff;
  color: #008DCA;
}