/*font*/
@font-face {
  font-family: "RobotoCondensed";
  src: url(/Fonts/Roboto/RobotoCondensed-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(/Fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto-Light";
  src: url(/Fonts/Roboto/Roboto-Light.ttf) format("truetype");
}
/*end font*/
/*palette*/
/*end palette*/
/*screen breackPoint*/
/*end screen breackPoint*/
/*top menù small*/
/*header banner*/
body {
  font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #FFF;
  margin: 0;
  /*da qui in poi il css è stato inserito "a caso" capire quindi se è da spostare in altro file*/
  /*AGGIUNTE GENERALI*/
  /******/
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: normal;
  font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
}
body strong {
  font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
}
body img {
  border: 0;
}
body .sectionTitle {
  /*color: @climavenetaBlue;*/
  color: #e3001b;
}
body span.labelOverImg {
  position: absolute;
  left: 8px;
  top: 5%;
  padding: 1% 3%;
  background: #fff;
}
body span.labelOverImg.parallelogram {
  left: 0;
  margin-left: -2px;
}
body span.labelOverImg.parallelogram .fxRot {
  padding-left: 9px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
}
body .moreLink {
  border: 1px solid #fff;
  color: #fff;
  font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 8px 0 8px 0;
  /*margin-right: auto;
        margin-left: auto;*/
  background: #e3001b;
  width: 67px;
  text-align: center;
}
body .moreLink:hover {
  background-color: #000000;
}
body .moreLink .glyphicon {
  top: 3px;
}
body .cp {
  cursor: pointer;
}
body a {
  color: inherit;
  text-decoration: none;
}
body a:hover {
  color: #e3001b;
  text-decoration: none;
}
body a:active {
  color: #e3001b;
  text-decoration: none;
}
body a:focus {
  color: #e3001b;
  text-decoration: none;
}
body a:visited {
  color: inherit;
  text-decoration: none;
}
body .content {
  margin: 0 auto 5em auto;
}
body #CookiesLaw {
  color: #fff;
  font-size: 1.2em;
  background-color: rgba(81, 81, 83, 0.95);
  padding: 35px;
  /*margin-bottom:3px;*/
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 999;
  text-align: left;
}
body #CookiesLaw .closeCookieText {
  border: 1px solid white;
  padding: 0.4em;
}
body #CookiesLaw p {
  margin: 2px 0;
}
body #CookiesLaw a {
  color: #fff;
}
body #CookiesLaw .btn {
  font-size: 0.9em;
  color: #fff;
  margin-top: 1em;
}
body #CookiesLaw .btn-default {
  background-color: transparent;
}
body #CookiesLaw .cookieBannerText {
  font-size: 0.7em;
}
body #CookiesLaw .cookieBannerText > div {
  margin-top: 1em;
  padding-right: 5em;
}
body footer {
  clear: both;
  font-size: 12px;
  color: #808080;
}
body footer > .row {
  background-color: #eeeef0;
}
body footer .footer-menu {
  background-color: white;
  border-top: 0.3em solid #e3001b;
  padding: 1em 0;
}
body footer .footer-menu a:hover {
  color: #e3001b;
}
body footer .footerContent {
  padding: 3em 4px;
  /*> div {
                padding-bottom: 2%;
            }*/
}
body footer .footerContent.logoMELCO {
  display: none;
}
body footer .footerContent #footerMitLogo {
  width: 200px;
}
body footer .footerContent .icon div {
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}
body footer .footerContent .icon div a {
  text-decoration: none;
  font-weight: bold;
  color: #808080;
}
body footer .footerContent .icon div a span {
  display: block;
  vertical-align: middle;
  margin-top: 5px;
}
body footer .footerContent .socialIcon ul {
  margin: 0;
  padding: 4px 0;
}
body footer .footerContent .socialIcon ul li {
  margin: 0 10px;
  display: inline;
}
body footer .footerContent .socialIcon ul li a img {
  width: 20px;
}
body div.titleLine {
  background-color: #eeeef0;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body div.titleLine div.content {
  margin-bottom: 0;
}
body div.titleLine div.content .titleStyle {
  font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 22px;
}
body div.titleLine div.content .titleStyle label {
  margin-bottom: 0;
  padding: 5px;
}
body div.titleLine div.content .colSx img {
  height: 80px;
  margin-top: -10px;
}
body div.titleLine div.content .mainContent {
  margin-top: -25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
  /*font-weight: 800;*/
  font-size: 1.2em;
}
body nav#navigator {
  font-size: 0.6875em;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body nav#navigator .navigatorContainer {
  /*width: 960px;
            margin: 0 auto;*/
  font-size: 1.2em;
}
body nav#navigator .navigatorContainer ul {
  margin: 0 0.5em;
  padding: 0;
  list-style: none;
  display: inline;
}
body nav#navigator .navigatorContainer li {
  display: inline;
  text-transform: lowercase;
}
body nav#navigator .navigatorContainer li:before {
  content: '»';
  margin: 0 0.3em;
}
body nav#navigator .navigatorContainer li:first-child:before {
  content: '';
  margin: 0;
}
body nav#navigator .navigatorContainer a {
  color: #333;
}
body .backParallelogram .glyphicon {
  font-size: 0.6em;
  margin-right: 5px;
}
body .backParallelogram a:hover {
  color: white;
}
body .blueBackGound {
  background-color: #005596;
}
body .imageHoverBannerContainer {
  height: 0;
}
body .imageHoverBannerContainer #imageHoverBanner {
  /*margin-bottom: 35px;*/
  text-align: center;
  margin-top: -110px;
  position: relative;
  padding-left: 30px;
}
body .fullWidthTemplate .content .colSx .siteMenu {
  width: 15.45em /*170px*/;
  font-size: 0.6875em;
  /*margin: 0 auto;*/
}
body .fullWidthTemplate .content .colSx .siteMenu a {
  color: black;
}
body .fullWidthTemplate .content .colSx .siteMenu a:hover {
  color: #00519c;
}
body .ElencoIcone .TestoIcone {
  font-size: 100% !important;
}
body .parallelogram {
  text-decoration: none;
  padding: 10px 25px;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  /*color:#757575;*/
}
body .parallelogram > :first-child {
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
}
body .parallelogram.titleOver {
  position: absolute;
  top: -1.5em;
  left: 5em;
  z-index: 2;
}
body .parallelogram.inline {
  display: inline-block;
}
body div.textBoxParallelogram {
  text-decoration: none;
  padding: 10px 25px;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  /*color:#757575;*/
  border: 1px solid black;
}
body div.textBoxParallelogram > :first-child {
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
}
body div.textBoxParallelogram.titleOver {
  position: absolute;
  top: -1.5em;
  left: 5em;
  z-index: 2;
}
body div.textBoxParallelogram.inline {
  display: inline-block;
}
body div.textBoxParallelogram > input[type="text"] {
  border: none;
  width: 100%;
}
body .parallelogram-inline-block {
  text-decoration: none;
  padding: 10px 25px;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  /*color:#757575;*/
  display: inline-block;
}
body .parallelogram-inline-block > :first-child {
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
}
body .parallelogram-inline-block.titleOver {
  position: absolute;
  top: -1.5em;
  left: 5em;
  z-index: 2;
}
body .parallelogram-inline-block.inline {
  display: inline-block;
}
body .parallelogram-inline-block > :first-child {
  display: inline-block;
}
body .row.section-divisor {
  background-color: black;
  min-height: 10px;
  margin-top: 0;
  margin-bottom: 6em;
  position: relative;
}
body .row.section-divisor .parallelogram-inline-block {
  margin-left: 10%;
  position: absolute;
  top: -1em;
}
body .row.section-divisor .parallelogram-inline-block span {
  padding: 0.5em;
}
body .row.section-divisor-red {
  background-color: #e3001b;
  min-height: 10px;
  margin-top: 0;
  margin-bottom: 6em;
  position: relative;
}
body .row.section-divisor-red .parallelogram-inline-block {
  margin-left: 45%;
  position: absolute;
  top: -2.2em;
}
body .row.section-divisor-red .parallelogram-inline-block span {
  padding: 0.5em;
}
body .row.separator-image {
  margin-left: -35px;
  /*margin-right: 0;*/
  margin-top: 3%;
  margin-bottom: 3%;
}
body .headerBanner {
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
body .headerBanner.transition-banner-close {
  height: 150px;
  -webkit-transition: height 0.8s;
  /* For Safari 3.1 to 6.0 */
  transition: height 0.8s;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  body .headerBanner.transition-banner-close {
    /* IE10+ specific styles go here */
    height: 10vh;
  }
}
body .headerBanner.transition-banner-close .testoHeader {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
body .headerBanner.transition-banner-close .parallelogram-slider {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
body .headerBanner.transition-banner-open {
  height: 50vh;
  -webkit-transition: height 0.8s;
  /* For Safari 3.1 to 6.0 */
  transition: height 0.8s;
}
body .headerBanner.transition-banner-open .testoHeader {
  visibility: visible;
  opacity: 100;
  transition: visibility 0s, opacity 0.8s linear;
}
body .headerBanner.transition-banner-open .parallelogram-slider {
  visibility: visible;
  opacity: 100;
  transition: visibility 0s, opacity 0.8s linear;
}
body .headerBanner .testoHeader {
  color: white;
  text-align: left;
  /*position: absolute;*/
  margin-left: 8em;
}
body .headerBanner .testoHeader span {
  font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
  color: #c9c7c8;
  font-size: 3em;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
}
body .headerBanner .testoHeader span.thin {
  font-family: Roboto-Light, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 2em;
}
body .headerBanner .testoHeader.mtop {
  margin-top: 3em;
}
body .headerBanner .parallelogram-slider {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 40em;
  height: 16em;
  margin-top: 2%;
  left: 5em;
}
body .headerBanner .parallelogram-slider-nocolor {
  height: 6em;
  position: absolute;
  width: 20em;
  left: -3em;
  z-index: 9;
}
body .headerBanner .parallelogram-slider-red {
  height: 6em;
  position: absolute;
  width: 20em;
  background-color: rgba(227, 0, 27, 0.7);
  left: -3em;
  z-index: 9;
}
body .headerBanner .widthMax {
  max-width: 90%;
  margin: 3% auto;
}
body .home-newsTitle {
  position: absolute;
  top: -1em;
  left: -0.5em;
  z-index: 2;
  width: 8em;
}
body #bannerSlider {
  position: relative;
  width: 100%;
}
body #bannerSlider > div {
  position: absolute;
  width: 100%;
  /*height: 286px;*/
  z-index: -1;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out, height 0.8s;
  -moz-transition: opacity 1s ease-in-out, height 0.8s;
  -o-transition: opacity 1s ease-in-out, height 0.8s;
  transition: opacity 1s ease-in-out, height 0.8s;
}
body #bannerSlider > div.hid {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out, height 0.8s;
  -moz-transition: opacity 1s ease-in-out, height 0.8s;
  -o-transition: opacity 1s ease-in-out, height 0.8s;
  transition: opacity 1s ease-in-out, height 0.8s;
}
body .red-background {
  background-color: #e3001b;
  color: white;
}
body .black-background {
  background-color: #000000;
  color: white;
}
body .gray-background {
  background-color: #e7e8ea;
}
body .dark-background {
  background-color: black;
  color: white;
}
body .it-background {
  background-color: #9eacb5;
}
body .process-background {
  background-color: #0069ab;
}
body .comfort-background {
  background-color: #00a79d;
}
body .white-background {
  background-color: #fff;
  color: #000;
}
body .row.vertical-align {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  /*display: flex;
        flex-direction: row;

        > [class^="col-"], > [class*=" col-"] {
            display: flex;
            align-items: center;
            justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column  */
  /*> div {
                flex-grow: 1;
            }
        }*/
}
body .row.vertical-align > div {
  flex-grow: 1;
}
body #logosHeader {
  margin-bottom: 2em;
}
body .strangeClimaArt {
  position: relative;
}
body .strangeClimaArt + div > div:first-child {
  padding-top: 6em;
}
body .strangeClimaArt > div {
  position: absolute;
  width: 100%;
  display: flex;
}
body .strangeClimaArt .svg {
  /*height: 30px;*/
  display: flex;
}
body .strangeClimaArt .svg > svg {
  height: 30px;
}
body .strangeClimaArt .svg.red > div {
  background-color: #e3001b;
}
body .strangeClimaArt .svg.red > svg {
  fill: #e3001b;
}
body .strangeClimaArt .svg.black > div {
  background-color: black;
}
body .strangeClimaArt .svg.black > svg {
  fill: black;
}
body .strangeClimaArt .svg.white > div {
  background-color: white;
}
body .strangeClimaArt .svg.white > svg {
  fill: white;
}
body .strangeClimaArt .svg.gray > div {
  background-color: lightgray;
}
body .strangeClimaArt .svg.gray > svg {
  fill: lightgray;
}
body .striped-background {
  background: repeating-linear-gradient(-60deg, #E7E8EA, #E7E8EA 7px, #EEEFF1 7px, #EEEFF1 11px);
  padding-bottom: 3em;
}
body .icon-title {
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
body .icon-title.large {
  margin-bottom: 1em;
  width: 100%;
  min-height: 3em;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .name-title {
  font-weight: bold;
  margin: 0;
}
body .name-description {
  font-size: 0.9em;
}
body .name-red {
  color: #e3001b;
}
body .ul-style {
  list-style-type: none;
  padding-left: 0;
}
body .ul-style .glyphicon-triangle-right {
  color: #e3001b;
  font-size: 0.8em;
}
body .ul-style li {
  display: flex;
  margin-bottom: 0.4em;
}
body .ul-style li .flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.5em;
}
body .ul-menu {
  list-style-type: none;
  margin-bottom: 0 !important;
}
body .ul-menu li {
  text-transform: uppercase;
  padding: 0 2em;
}
body .ul-menu li.langLi {
  padding: 0;
}
body .ul-menu li span {
  vertical-align: text-bottom;
  margin-right: 5px;
}
body .mrgBottom {
  margin-bottom: 2em;
}
body .flex-column-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .gutter-10.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
body .pageIntroduction .values {
  background-color: #fff;
  padding: 15px 25px;
}
body .maxwidthContent {
  max-width: 1280px;
  margin: 0 auto 50px;
}
body .center-block-r {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
body .intro-title {
  font-size: 2em;
  font-weight: bold;
}
body .intro-title.inText {
  font-size: 1.5em;
  padding-top: 1em;
  text-transform: uppercase;
}
body .hideIntro {
  visibility: hidden;
}
body .imgBannerIntro {
  width: 170px;
  float: left;
  display: block;
  margin: 0 40px;
}
body .btnLink:hover {
  color: #fff;
  background: #000;
}
body .btn a {
  color: #fff;
}
body .blackLine {
  background-color: #000000;
}
body .blackLine .row {
  height: 10px;
}
body .blackLine.thin {
  background-color: white;
}
body .blackLine.thin .row {
  background-color: #000000;
  height: 3px;
}
body .blackLine.thin10 {
  background-color: white;
}
body .blackLine.thin10 .row {
  background-color: #000000;
  height: 1px;
}
/*-------------------------------*/
/*            ANIMATIONS         */
/*-------------------------------*/
.glyphicon-refresh-animate {
  animation: spin 0.7s infinite linear;
  -webkit-animation: spin2 0.7s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
/*-------------------------------*/
/*        DOWNLOAD SECTION       */
/*-------------------------------*/
.downloadSection .downloadItem {
  padding: 8px 0;
}
.downloadSection .downloadItem .downloadIcon {
  width: 100px;
}
.downloadSection .downloadItem .details .iconContainer {
  text-align: center;
}
.downloadSection .downloadItem .descriptionContainer {
  float: left;
  padding-bottom: 10px;
  font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
  text-align: center;
}
.downloadSection .downloadItem .descriptionContainer .tipology {
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
}
.downloadSection .downloadItem .descriptionContainer .description {
  color: #0c4a7b;
  font-weight: bold;
}
.downloadSection .downloadItem .viewOrDownloadCol {
  /*display: flex;
            justify-content: flex-end;*/
  /*il container serve per far applicare le proprietà flex ad entrambe le righe, però ho scelto di non innestarlo. 
                se si innnesta, modificare le media query*/
}
.downloadSection .downloadItem .viewOrDownloadCol .download,
.downloadSection .downloadItem .viewOrDownloadCol .view {
  padding-top: 12px;
  max-width: 390px;
  margin: 0 auto;
}
.downloadSection .downloadItem .viewOrDownloadCol .download label,
.downloadSection .downloadItem .viewOrDownloadCol .view label {
  min-width: 95px;
  margin-right: 20px;
}
.downloadSection .downloadItem .viewOrDownloadCol .download .flags,
.downloadSection .downloadItem .viewOrDownloadCol .view .flags {
  float: right;
  margin-top: -7px;
}
.downloadSection .downloadItem .viewOrDownloadCol .download .flags .flag,
.downloadSection .downloadItem .viewOrDownloadCol .view .flags .flag {
  float: left;
}
.downloadSection .downloadItem .viewOrDownloadCol .download .flags .flag img,
.downloadSection .downloadItem .viewOrDownloadCol .view .flags .flag img {
  width: 2.41em;
}
.downloadSection .downloadItem .viewOrDownloadCol .download .flags .flag img.notActive,
.downloadSection .downloadItem .viewOrDownloadCol .view .flags .flag img.notActive {
  opacity: 0.2;
}
.downloadSection .separatore:last-of-type {
  display: none;
}
.downloadSection .separator {
  /*&:not(:last-child) {*/
  height: 1px;
  width: 100%;
  background-color: #e7e8ea;
  margin-bottom: 2px;
  /*}*/
}
.footerDark .downloadSection .downloadItem .descriptionContainer .tipology,
.footerDark .downloadSection .downloadItem .descriptionContainer .description {
  color: white;
}
/*-------------------------------*/
/*        DOWNLOAD v2            */
/*-------------------------------*/
#viewLanguage_PopUp .doc-modal-title-desc {
  overflow-wrap: break-word;
}
.mehitsDownloadsContainer a:hover,
.mehitsDownloadsContainer a:visited:hover,
.mehitsDownloadsContainer a.visited:hover {
  color: #e3001b;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader,
.mehitsDownloadsContainer .mandatiList .mandato .periodo {
  /*.mandatoImageContainer, .descriptionContainer {
                    border: 1px solid @grigioDark1;
                }

                .mandatoImageContainer {
                    padding-left: 0;
                }

                .descriptionContainer {
                }*/
  /*dd*/
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .headerContainer,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .headerContainer {
  display: flex;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .headerContainer .title,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .headerContainer .title {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: none;
  font-weight: bold;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .parallelogramma,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .parallelogramma {
  display: flex;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .parallelogramma .parallelogrammaIcon,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .parallelogramma .parallelogrammaIcon {
  width: 22px;
  padding-left: 0;
  padding-right: 0;
  background-size: cover;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .parallelogramma .parallelogramContent,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .parallelogramma .parallelogramContent {
  border: 1px solid #e7e8ea;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .parallelogramma .parallelogramContent .plusContainer img,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .parallelogramma .parallelogramContent .plusContainer img {
  width: 1.8em;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .parallelogramma.classific,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .parallelogramma.classific {
  font-size: 16px;
}
.mehitsDownloadsContainer .mandatiList .mandato .mandatoHeader .parallelogramma.classific .title,
.mehitsDownloadsContainer .mandatiList .mandato .periodo .parallelogramma.classific .title {
  font-weight: normal;
}
.mehitsDownloadsContainer .mandatiList .changelog .changelogDescription {
  display: none;
  font-size: 0.6em;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}
.mehitsDownloadsContainer .mandatiList .bodyInner.internal {
  width: 90%;
  margin: 0 1em 0 2em;
}
.mehitsDownloadsContainer .mandatiList .bodyInner .inner .parallelogrammaIcon {
  width: 10px !important;
}
.mehitsDownloadsContainer .mandatiList .bodyInner .inner .parallelogramContent {
  border: 1px solid #e7e8ea;
}
.mehitsDownloadsContainer .mandatiList .bodyInner .inner .parallelogramContent .plusContainer img {
  width: 1.8em;
}
.mehitsDownloadsContainer .mandatiList .bodyInner .inner .parallelogramContent.pInner {
  background-color: #f2f3f4;
}
.mehitsDownloadsContainer .separator {
  height: 2px;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}
.mehitsDownloadsContainer .separator.comfort {
  background-color: #00a79d;
}
.mehitsDownloadsContainer .separator.process {
  background-color: #0069ab;
}
.mehitsDownloadsContainer .separator.it {
  background-color: #9eacb5;
}
.mehitsDownloadsContainer .downloadList {
  margin-bottom: 40px;
  /*Media query*/
}
.mehitsDownloadsContainer .downloadList body .testoHeader .font-h2.thin {
  padding-top: 30px;
}
.mehitsDownloadsContainer .downloadList body .headerBanner {
  background-image: url(/Img/products/climapro/home/banner.jpg);
}
.mehitsDownloadsContainer .downloadList body .headerBanner .testoHeader {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  margin-top: 4em;
}
.mehitsDownloadsContainer .downloadList body .headerBanner .testoHeader h3 {
  color: #fff;
  font-size: 2em;
  font-family: Roboto-light, Arial, Helvetica, sans-serif !important;
  margin: 0;
  padding: 2%;
}
.mehitsDownloadsContainer .downloadList body .content {
  margin: 0 auto;
}
.mehitsDownloadsContainer .downloadList body .content .colSx {
  margin-top: 105px;
  padding-top: 30px;
}
.mehitsDownloadsContainer .downloadList body #customClimaPro {
  margin-top: 2%;
  margin-bottom: 5%;
}
.mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(1),
.mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(2),
.mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(3) {
  border-right: 1px solid #cccccc;
}
.mehitsDownloadsContainer .downloadList body #FormContatti input {
  width: 100%;
}
.mehitsDownloadsContainer .downloadList body .titleBlu {
  color: #00519c;
}
.mehitsDownloadsContainer .downloadList body input[type="submit"] {
  width: auto !important;
}
.mehitsDownloadsContainer .downloadList body #FormContatti {
  margin-bottom: 2%;
}
@media screen and (max-width: 480px) {
  .mehitsDownloadsContainer .downloadList body .content .contentText {
    margin-top: 60% !important;
  }
  .mehitsDownloadsContainer .downloadList body .headerBanner .testoHeader h3 {
    font-size: 1.8em;
    margin-top: 8%;
    padding: 6% 6% 2%;
  }
  .mehitsDownloadsContainer .downloadList body .imageHoverBannerContainer #imageHoverBanner {
    margin-top: -42px !important;
  }
  .mehitsDownloadsContainer .downloadList body .imageHoverBannerContainer #imageHoverBanner img {
    width: 100%;
    height: auto;
  }
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(1),
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(2),
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(3) {
    border-right: 0 !important;
  }
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(4) {
    border-bottom: 1px solid #cccccc;
  }
}
@media screen and (max-width: 768px) {
  .mehitsDownloadsContainer .downloadList body .imageHoverBannerContainer #imageHoverBanner {
    margin-top: -76px;
  }
  .mehitsDownloadsContainer .downloadList body .imageHoverBannerContainer #imageHoverBanner img {
    height: auto;
  }
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(1),
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(2),
  .mehitsDownloadsContainer .downloadList body #customClimaPro div.text-center:nth-child(3) {
    border-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .mehitsDownloadsContainer .downloadList body .content .contentText {
    margin-top: 13em;
  }
}
.mehitsDownloadsContainer .downloadList.collapsed {
  display: none;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer {
  display: flex;
  border-bottom: 1px solid #e7e8ea;
  padding: 7px 0;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .iconContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0.5em;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .iconContainer img.downloadIcon {
  max-width: 85px;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .descriptionContainer {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 20px;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .descriptionContainer p {
  margin-bottom: 0;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .descriptionContainer .tipology {
  text-transform: uppercase;
  font-size: 0.8em;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .descriptionContainer .description {
  overflow-wrap: break-word;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .descriptionContainer .dateAndShare {
  font-size: 0.7em;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .downloadByFlagContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .downloadByFlagContainer .flags {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .downloadByFlagContainer .flags .flag .languageIcon {
  max-width: 40px;
  max-height: 40px;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .downloadByFlagContainer .flags .flag .languageIcon.notActive {
  opacity: 0.2;
}
.mehitsDownloadsContainer .downloadList .downloadItemContainer .downloadByFlagContainer .flags .flag .flagBtn {
  color: #bbb;
  border: 2px solid #bbb;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.parallelogrammaProdotti {
  display: flex;
}
.parallelogrammaProdotti .parallelogrammaIcon {
  width: 22px;
  padding-left: 0;
  padding-right: 0;
  background-size: cover;
}
.parallelogrammaProdotti .parallelogramContent {
  border: 1px solid #e7e8ea;
}
.parallelogrammaProdotti .parallelogramContent .plusContainer img {
  width: 1.8em;
}
.parallelogrammaProdotti.classific {
  font-size: 16px;
}
.parallelogrammaProdotti.classific .title {
  font-weight: normal;
}
.parallelogrammaProdotti .parallelogrammaIcon {
  width: 2em;
}
/*-------------------------------*/
/*          PAGINAZIONE          */
/*-------------------------------*/
.paginazione {
  padding: 0.33em 0;
  border-bottom: 2px solid #CCC;
  color: #AAA;
}
.paginazione a {
  padding: 0 0.42em;
  text-decoration: none;
  color: #AAA !important;
}
.paginazione strong {
  color: #000000;
}
.paginazione .pagine {
  float: right;
}
.paginazione .pagine span {
  padding: 0 0.42em;
  color: #000000;
  font-weight: bold;
}
/*-------------------------------*/
/*          BACK TO TOP          */
/*-------------------------------*/
#backToTopButton {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 800;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 30px;
  background: #eeeef0;
  color: #444;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  font-size: 24px;
  font-weight: bold;
}
#backToTopButton img {
  margin-top: 4px;
}
#backToTopButton:hover {
  background: #d8d8d8;
}
#backToTopButton.show {
  opacity: 1;
}
/*-------------------------------*/
/*          ContactForm          */
/*-------------------------------*/
.ContactForm p {
  margin: 15px 0;
  clear: both;
}
.ContactForm p label {
  /*display: inline-block;*/
  /*width: 10em;*/
  margin-bottom: -2px;
  font-size: 0.9em;
  vertical-align: top;
}
.ContactForm p input[type="text"],
.ContactForm p textarea {
  resize: none;
  font: inherit;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 0.2em 0.4em;
}
.ContactForm p input[type="text"] {
  width: 60%;
  float: right;
}
.ContactForm p textarea {
  width: 100%;
}
.ContactForm #Message {
  font-weight: bold;
  text-align: center;
  display: block;
}
/*---------------------------*/
/*    colonna di sinistra    */
/*---------------------------*/
.colSx .siteMenu {
  font-size: 12px;
}
.colSx .siteMenu #menuSX {
  border-top: 1px solid #CCC;
  margin-bottom: 2.25em;
}
.colSx .siteMenu #menuSX ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.colSx .siteMenu #menuSX .menu {
  background-color: #FFF;
  padding: 0.54em 0.36em;
  border-bottom: 1px solid #CCC;
}
.colSx .siteMenu #menuSX .selezionato {
  background-color: #ededee;
}
.colSx .siteMenu #menuSX .evidenziato {
  background-color: #e3ebf1;
}
.colSx .siteMenu #menuSX a {
  text-decoration: none;
  display: block;
  background-image: url(/Img/Menu/MenuSx/Freccia.png);
  background-repeat: no-repeat;
}
/*-------------------------------*/
/*         Fumetto Sotto         */
/*-------------------------------*/
.fumettoSotto {
  border-bottom: 1px solid #CCC;
  padding-bottom: 1.5em;
}
.fumettoSotto h2 {
  text-align: center;
}
.FumettoArrow {
  margin: 0 auto;
  width: 22px;
  position: relative;
  top: -1px;
}
.FumettoArrow em,
.FumettoArrow b {
  position: relative;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.hrArrow {
  display: flex;
}
.hrArrow div:nth-child(1) {
  flex-grow: 2;
  border-top: 1px solid #e7e8ea;
}
.hrArrow div:nth-child(2) {
  position: relative;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  top: -6px;
  border-right: 1px solid #e7e8ea;
  border-bottom: 1px solid #e7e8ea;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.hrArrow div:nth-child(3) {
  flex-grow: 2;
  border-top: 1px solid #e7e8ea;
}
div .FumettoArrow em {
  border-color: #CCC transparent;
  border-width: 11px 11px 0 11px;
  border-top-style: solid;
  border-right-style: dashed;
  border-left-style: dashed;
  margin: 0 auto;
}
div .FumettoArrow b {
  border-color: #FFF transparent;
  border-width: 11px 11px 0 11px;
  border-top-style: solid;
  border-right-style: dashed;
  border-left-style: dashed;
  margin: -12px auto 0;
}
.FumettoSotto + .FumettoArrow {
  margin-bottom: 1.5em;
}
/*-------------------------------*/
/*       Seleziona nazione       */
/*-------------------------------*/
.SelezioneNazione_Main_Container {
  text-align: center;
  font-size: 14px;
}
.SelezioneNazione_Main_Container label {
  display: block;
  font-weight: normal;
}
/*-------------------------------*/
/*      PopUpShare document      */
/*-------------------------------*/
#shareDownloadManager_PopUp * {
  font-family: Roboto-Regular !important;
}
#shareDownloadManager_PopUp .modal-footer button {
  min-width: 90px;
}
/*------------------------------*/
/*        Slider Pagine         */
/*------------------------------*/
.bx-wrapper .bx-controls-direction a {
  z-index: 9 !important;
}
/*-------------------------*/
/*     Modal Changelog     */
/*-------------------------*/
#viewChangeLog_PopUp .modal-body .blocklog {
  border-top: 1px solid #eee;
  padding: 1em 1em 1em 3em;
  font-size: 12px;
}
#viewChangeLog_PopUp .modal-body .blocklog p {
  margin: 0;
}
#viewChangeLog_PopUp .modal-body .blocklog.version {
  font-size: 15px;
  border-top: 0;
  padding: 1em;
}