/** STANDARD **/
html {font-size:14px;}
body{font-family: 'Montserrat'; font-weight: normal; position:relative; background:#fcfcfc; color: #575757;}
img{max-width:100%; display:block;}
*{box-sizing:border-box;}
a{color:inherit; text-decoration:none;}
a:hover{color:inherit; text-decoration:none;}

b, strong, .grassetto{font-family: 'Montserrat'; font-weight: 600;}

.bg-gray { background-color: #d8d8d8 }
.bg-dgray { background-color: #ececec }
.bg-cyan { background-color: #4cc8ff }

.clear{clear:both;}
.clear2{clear:both;height:2px;}
.clear5{clear:both;height:5px;}
.clear10{clear:both;height:10px;}
.clear15{clear:both;height:15px;}
.clear20{clear:both;height:20px;}
.clear25{clear:both;height:25px;}
.clear30{clear:both;height:30px;}
.clear40{clear:both;height:40px;}
.clear50{clear:both;height:50px;}
.clear60{clear:both;height:60px;}
.clear100{clear:both;height:100px;}
.clear120{clear:both;height:120px;}
.left{float:left !important;}
.right{float:right !important;}
.w100{width:100%;}
.w100i{width:100% !important;}
.bordato{border-left: 1px solid #ccc;}
.sbordato{border: 0px}
.txt-left{text-align:left !important;}
.txt-right{text-align:right;}
.txt-center{text-align:center;}
.margin0auto{margin: 0 auto;}
.relativo{position: relative;}
.margin0 {margin:0;}
.z-index-1{z-index: -1;}
.z-index-p1{z-index: 1;}

.d-none-ac{display: none;}

.flessibile{display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;}
.flessibilei{display: inline-flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-flex;}
.flessibileforzato{display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important;}
.centratoverticale{align-items:center;-webkit-align-items:center;}
.bassoverticale{align-items:flex-end;-webkit-align-items:flex-end;}
.altoverticale{align-items:flex-start;-webkit-align-items:flex-start;}
.centratoorizzontale{justify-content:center;-webkit-justify-content:center;}
.destraorizzontale{justify-content:flex-end;-webkit-justify-content:flex-end;}
.allineatoorizzontale{align-content:center;-webkit-align-content:center;}
.giustificato{justify-content:space-around;-webkit-justify-content:space-around;}
.giustificato2{justify-content:space-between;-webkit-justify-content:space-between;}
.stretchato{align-items: stretch;-webkit-align-items:stretch;}
.stretchato2{align-content: stretch;-webkit-align-content:stretch;}
.incolonnato{flex-direction: column; -webkit-flex-direction: column;}
.c-pointer{cursor: pointer;}
.position-absolute{position:absolute;}
.position-relative{position:relative;}
.bottom-0 {bottom: 0;}

.wrappato {flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.hide-element{display: none;}
.hide-elementh{height: 0px; opacity: 0; overflow: hidden;}
.titolo{display:block; }
.fullscreen{width: 100%; margin: 0 auto; float: left;}

.bgnero{background-color: #51514f;}
.bgpanna{background-color: #fff;}
.bggreen{background-color: #83b426;}
.bggrigino{background-color: #d8d8d8;}
.bggrigino2{background-color: #fff;}
.bggrigino3{background-color: #fff;}
.bggrigino4{background-color: #ececec;}
.bggrigino5{background-color: #e7e7e7;}
.bgazzurrino {background-color: #f3f8fc;}
.bgomal {background-color: #004899;}

/*.bgnero{background-color: #51514f;}
.bgpanna{background-color: #efefef;}
.bggreen{background-color: #83b426;}
.bggrigino{background-color: #d8d8d8;}
.bggrigino2{background-color: #f2f2f2;}
.bggrigino3{background-color: #f8f8f8;}
.bggrigino4{background-color: #ececec;}
.bgazzurrino {background-color: #f3f8fc;}*/

.bgbianco{background-color: #fff;}
.bgpanna2{background-color: #fff;}
.bgtrasp{background-color: transparent !important;}

.bgblu{background-color: #009de2;}
.bgviola{background-color: #c8007f;}

.txtbianco{color: #FFF;}
.txtnero{color: #6a5d5d;}
.txtrosso{color: red;}
.txtverde{color: green;}
.txtviola{color: #c8007f;}
.txtblu{color: #004899;}
.txtbluchiaro{color: #62a6d3;}
.txtgrigio{color: #575757;}
.sottolineato{text-decoration: underline;}

.fright{float: right;}
.fleft{float: left;}
.funset {float: unset !important;}

.f11{font-size: 0.785rem; line-height: 1.45;}
.f12{font-size: 0.857rem; line-height: 0.857rem;}
.f13{font-size: 0.925rem; line-height: 0.925rem;}
.f14-18{font-size: 1rem; line-height: 18px;}
.f14-22{font-size: 1rem; line-height: 22px;}
.f15{font-size: 1.07rem; line-height: 1.78rem;}
.f16{font-size: 1.14rem; line-height: 1.14rem;}
.f18{font-size: 1.28rem; line-height: 1.28rem;}
.f18_22{font-size: 1.28rem; line-height: 1.571rem;}
.f20{font-size: 1.3rem; line-height:2.5rem;}
.f15_b{font-size: 1rem; line-height: 1.78rem;}
.f20_b{font-size: 1rem; line-height:1.5rem;}
.f22{font-size: 1.571rem; line-height: 1.571rem;}
.f25{font-size: 1.4rem; line-height: 1.786rem;}
.f26{font-size: 1.85rem; line-height: 1.85rem;}
.f28{font-size: 2rem; line-height: 2rem;}
.f30{font-size: 2.14rem; line-height: 2.14rem;}
.f40{font-size: 2.8rem; line-height: 2.8rem;}
.f50{font-size: 2.5rem; line-height: 3.57rem;}
.f52{font-size: 3.2rem; line-height: 3.2rem;}
.f60{font-size: 4.2rem; line-height: 4.2rem;}
.lh-015{line-height: 1.5rem !important;}
.h-auto {height: auto !important;}
.break-word {word-wrap: break-word;}

.padding10px{padding: 10px;}
.padding20px{padding: 20px;}
.paddingright10px{padding-right: 10px;}
.paddingleft10px{padding-left: 10px;}
.paddingright20px{padding-right: 20px;}
.paddingleft20px{padding-left: 20px;}
.paddingright40px{padding-right: 40px;}
.paddingleft40px{padding-left: 40px;}
.paddingleft70px{padding-left: 70px;}

.padding2rem{padding: 2rem;}
.padding2tbrem{padding: 2rem 0;}
.padding2lrrem{padding: 0 2rem;}
/* Sweep To Right */

.button-rounded-hover {border: 0;   -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;   padding: 3px 10px;  text-transform: uppercase;    position: relative;   overflow: hidden;   font-size: 1rem;   transition: all 0.35s ease;   -webkit-transform: translateZ(0);  transform: translateZ(0); display: -webkit-inline-flex; display: inline-flex; min-width: 80%; color: #62a6d3;}
.button-rounded-hover:before {opacity: 0;   content: "";   position: absolute;  top: 0px;   bottom: 0px;   left: 0px;   right: 0px;  border-radius: inherit;   background-color: #fefefe;  transition: all 0.3s;  -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%);  transform: translateX(-100%); }
.button-rounded-hover:after {   position: absolute;   top: 0px;   bottom: 0px;   left: 0px;   right: 0px;   border: 2px solid #62a6d3;   content: '';   border-radius: inherit; }
.button-rounded-hover:hover, .button-rounded-hover:focus {background-color: #004899; color: #FFF; }
.button-rounded-hover:hover:before, .button-rounded-hover:focus:before {   -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);   opacity: .3; }

.button-rounded-hover2 {border: 0;   -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;   padding: 3px 10px;  text-transform: uppercase;    position: relative;   overflow: hidden;   font-size: 1rem;   transition: all 0.35s ease;   -webkit-transform: translateZ(0);  transform: translateZ(0); display: -webkit-inline-flex; display: inline-flex; min-width: 80%; color: #66cd00;}
.button-rounded-hover2:before {opacity: 0;   content: "";   position: absolute;  top: 0px;   bottom: 0px;   left: 0px;   right: 0px;  border-radius: inherit;   background-color: #fefefe;  transition: all 0.3s;  -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%);  transform: translateX(-100%); }
.button-rounded-hover2:after {   position: absolute;   top: 0px;   bottom: 0px;   left: 0px;   right: 0px;   border: 2px solid #66cd00;   content: '';   border-radius: inherit; }
.button-rounded-hover2:hover, .button-rounded-hover2:focus {background-color: #458b00; color: #FFF; }
.button-rounded-hover2:hover:before, .button-rounded-hover2:focus:before {   -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);   opacity: .3; }

.button-rounded-hover3 {border: 0;   -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;   padding: 3px 10px;  text-transform: uppercase;    position: relative;   overflow: hidden;   font-size: 1rem;   transition: all 0.35s ease;   -webkit-transform: translateZ(0);  transform: translateZ(0); display: -webkit-inline-flex; display: inline-flex; min-width: 80%; color: #FFF; background-color: #62a6d3;}
.button-rounded-hover3:before {opacity: 0;   content: "";   position: absolute;  top: 0px;   bottom: 0px;   left: 0px;   right: 0px;  border-radius: inherit;   background-color: #fefefe;  transition: all 0.3s;  -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%);  transform: translateX(-100%); }
.button-rounded-hover3:after {   position: absolute;   top: 0px;   bottom: 0px;   left: 0px;   right: 0px;   border: 2px solid #62a6d3;   content: '';   border-radius: inherit; }
.button-rounded-hover3:hover, .button-rounded-hover3:focus {background-color: #fefefe; color: #62a6d3; }
.button-rounded-hover3:hover:before, .button-rounded-hover3:focus:before {   -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);   opacity: .3; }

/* HEADER */
header {position: relative;}
.img-parallax { z-index: -1; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); pointer-events: none; max-width: none !important; }

.scroll-parallax {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.container_header {}
.container_flag {padding: 0 35px;}


.menu_top {background-color: rgba(255, 255, 255, .85);}
ul.menu{ font-family: 'Montserrat'; font-weight: 600; list-style:none; margin:0px 0 0; float:left; color:#004899; padding:0;}
ul.menu > li{float:right; padding: 5px 0px;}
ul.menu > li.selected{float:right; padding: 5px 0px; position: relative;}
ul.menu > li > a{display: block; color:#004899; padding: 7px 7px; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; text-decoration: none; font-size: 1rem; line-height: 20px;}
ul.menu > li > span{display: block; color:#004899; padding: 7px 7px; font-size: 1rem; line-height: 20px;}
ul.menu > li > a.linkattivono{display: block; color:#62a6d3; padding: 7px 7px; font-size: 1rem; line-height: 20px;}
ul.menu > :first-child > *{padding-left: 0px;}
ul.menu > :last-child > *{padding-right: 0px;}

ul.menu > li{position: relative;}

ul.menu > li:hover:after{
  width: calc(100% - 40px);
  left: 20px;
  background: #62a6d3;
  z-index: 1;
  top: -10px
}

ul.menu > li:first-child:after{width: 0;left: 0px;}
ul.menu > li:first-child:hover:after{width: calc(100% - 20px);left: 7px;}
ul.menu > li:last-child:hover:after{width: calc(100% - 20px);left: 14px;}



ul.menu > li:hover > a{color: #62a6d3;}


ul.menu > li.selected:first-child:after{width: calc(100% - 20px);left: 10px;}
ul.menu > li.selected:last-child:after{width: calc(100% - 20px);left: 14px;}


ul.menu > li:hover > ul{display:block; opacity: 1; height: auto;}
ul.menu > li ul{display: none; list-style: outside none none; padding: 0; position: absolute; z-index: 999;  min-width:100%; opacity: 0; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
ul.menu > li ul li{float:none; white-space: nowrap; background: rgba(255,255,255,0.85);}
ul.menu > li ul li a{color: #295071; font-size:13px; padding: 12px 21px; background:transparent; display: block;}
ul.menu > li ul li span{color: #295071; font-size:13px; padding: 12px 21px; background: rgba(98,166,211,0.5); color: #fff; display: block;}

ul.menu > li ul li:hover > a{background: rgba(98,166,211,0.5); color: #fff}


ul.menusecondario{left: 0; font-family: 'Montserrat'; font-weight: bold; list-style:none; margin:0px; float:left; color:#004899; padding:0; position: absolute; bottom: 0;}
ul.menusecondario > li {width: 16.666666667%; text-align: center; height: 50px; float:left; padding: 5px 0px; background-color: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; cursor: pointer; border-right: 1px solid #333; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
ul.menusecondario > li:last-child {border-right: none;}
ul.menusecondario > li:hover{background-color: rgba(0, 72, 153, .6); color: #FFF;}


.flags{padding: 8px 0 !important; margin-right: 60px; height: 36px;}
.socialicon {padding: 8px 0 !important; height: 36px;}
.verticalbar{height: 26px; width: 1px;  margin: 5px 50px;}

.flags > span, .flags > a, .socialicon > a {padding: 0px 5px; font-weight: bold; text-decoration: none; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; display: inline-table; font-size: 12px; line-height: 20px; color: #004899;}
.flags a img, .socialicon a img {-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; width: 20px; border-radius:50% 50% 50% 50%;}
.flags a:hover {color: #212529;}
.flags a:hover img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.flags span img {-webkit-filter: grayscale(100%); filter: grayscale(100%); width: 20px; border-radius:10px 10px 10px 10px;}
.flags .row > a  {border-right: 1px solid white;}
.flags .row > span  {border-right: 1px solid white;}
.flags .row > :last-child  {border: none;}

.ricercaCampoHeader input {width: 188px; background-color: transparent; border: none; border-bottom: 1px solid #FFFFFF; color: #FFF;}
.ricercaCampoHeader label.error{top: 5px; left: 0;}
.ricercaCampoHeader button {width: 40px; padding: 0px; background-color: transparent; border: none; color:#FFFFFF;}
.ricercaH .padding-h1 {margin-right: 45px; padding: 0px;}
.ricercaH .padding-h2 {margin-right: 90px; padding: 0px;}
.ricercaH .padding-h3 {padding: 0px;}
.ricercaH a {-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.ricercaH a:hover{text-decoration: underline; }
.ricercaH > div {height: 36px;}

.social {padding-left: 10px;}
.social [class*="fab fa-"], .social [class*="fa fa-"] {
    background-color: #004899;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
}
.socialicon [class*="fa fa-"], .socialicon [class*="fas fa-"] {
    background-color: #fff;
    border-radius: 20px;
    color:  #004899;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    width: 20px;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
}

.richiedi-info-top {
	background-color: white;
	color: red;
	width: 20px;
	height: 20px;
	font-size: 16px;
	float: right;
	text-align: center;
	border-radius: 50%;
}

.socialicon > *:last-child{margin-right: 0px !important;}
.fascia_footer .socialicon > *:first-child{padding-left: 0px !important;}
.flags > *:last-child{margin-right: 0px !important;}

.social .fab:hover, .social .fa:hover { 
    background-color: #212529; 
}
.social > i {cursor: pointer;}

.logo{height: 52px; padding: 10px 0; box-sizing: content-box;}

.payoffHeader1 {width: 100%; display: inline-block; font-size: 3rem; line-height: 3rem; opacity: 0;}
.payoffHeader2 {width: 100%; display: inline-block; font-size: 2rem; line-height: 2.5rem; opacity: 0;}


.slick-prev0 {position: absolute; top: 50%; left: 10px; height: 50px; font-size: 1.53rem; line-height: 3.84rem; min-width: 80px; cursor: pointer; z-index: 9; transform: translateY(-50%);}
.slick-next0 {position: absolute; top: 50%; right: 10px; height: 50px; font-size: 1.53rem; line-height: 3.84rem; min-width: 80px; cursor: pointer; z-index: 9; transform: translateY(-50%);}
.slick-next0 i, .slick-prev0 i {width: 100%; text-align: center;}

.slick-prev110 {position: absolute; top: 50%; left: 10px; height: 50px; font-size: 1.53rem; line-height: 3.84rem; min-width: 60px; cursor: pointer; z-index: 9; transform: translateY(-50%); padding: 3px 5px;}
.slick-next110 {position: absolute; top: 50%; right: 10px; height: 50px; font-size: 1.53rem; line-height: 3.84rem; min-width: 60px; cursor: pointer; z-index: 9; transform: translateY(-50%); padding: 3px 5px;}
.slick-next110 i, .slick-prev110 i {width: 100%; text-align: center; font-size: 40px;}


.slick-prev120 {position: absolute; top: 50%; left: calc(-100% / 8); min-width: auto; width: fit-content; cursor: pointer; z-index: 9; transform: translateY(-50%); padding: 3px 10px;}
.slick-next120 {position: absolute; top: 50%; right: calc(-100% / 8); min-width: auto; width: fit-content; cursor: pointer; z-index: 9; transform: translateY(-50%); padding: 3px 10px;}

.slidePillar.expandedPillar .slick-prev120 {left: calc(100% / 12);}
.slidePillar.expandedPillar .slick-next120 {right: calc(100% / 12);}

.slick-next120 i, .slick-prev120 i {width: fit-content; text-align: center; min}
@media (min-width: 768px) {
  .slick-prev120 {left: calc(-100% / 12);}
  .slick-next120 {right: calc(-100% / 12);}
  .slidePillar.expandedPillar .slick-prev120 {left: calc((100% / 12) - 3rem);}
  .slidePillar.expandedPillar .slick-next120 {right: calc(100% / 12);}
}

@media (min-width: 992px) {
  .slick-prev120 {left: calc(-100% / 8);}
  .slick-next120 {right: calc(-100% / 8);}
  .slidePillar.expandedPillar .slick-prev120 {left: calc((100% / 12) - 56px);}
  .slidePillar.expandedPillar .slick-next120 {right: calc(100% / 12);}
}




.slick-slider {margin-bottom: 0px;}

.slidestestata {margin-top: -130px;}
.slidestestata .payoffs {position: absolute; left: 0; right: 0;   text-shadow: 2px 2px 4px #103968; padding: 0 200px; top: 50%; transform: translateY(-50%);}


.slideshowBilancio:not(.slick-initialized) {
    display: none;
}
.slideshowBilancio {padding: 0 80px;}

.slidePillar:not(.slick-initialized) {
    display: none;
}


.pulsanteS.v1 {
    background: #004899 url('../images/cerca_macro.png') no-repeat 15px center;
    background-position-x: 15px;
    background-position-y: center;
    background-size: auto auto;
}
#TargetMacro{display: none;}
#TargetMacro div {
    float: left;
    width: 100%;
    margin: 0 0 1% 0;
    font-size: 1.4rem;
    padding: 9px 2px 6px 10px;
    height: 36px;
    background-color: rgba(0, 72, 153, .6);
    color: #FFF;
    font-weight: 500;
    -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
}
#TargetMacro div:hover {
  background-color: rgba(0, 72, 153, 1);
  color: #FFF;
}
#formRicerca button {-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; cursor: pointer;}
#formRicerca button:hover {
    /*-webkit-transform:scale(1.1); 
    -moz-transform:scale(1.1); 
    -ms-transform:scale(1.1); 
    -o-transform:scale(1.1); 
     transform:scale(1.1); */
}

/* FINE HEADER */

/* BANNER FLOTTANTE */
.bannerfooter {width: 250px; position: fixed; bottom: 85px; right: 0; z-index: 9999; min-height: 200px; background-color: #FFF; border: 8px solid #d8d8d8; padding: 25px 15px;}
.bannerfooter > a { display:block; width:100%; height:100%;}
.bannerfooter .container { position:relative;}
/*.closefooter {position:absolute; top:-15px; right:0; width:30px; height:30px; background: url('../images/xclose.png') no-repeat center center / 100%; font-size:0; }*/
.closefooter {position: absolute; top: -25px; right: 0; width: 100px; height: 30px; font-size: 12px; color: #004899; text-align: right; margin-top: 10px; margin-bottom: 10px;}
.bannerfooter .contenutoBannerFooter {height: 100%; width: 100%;}
.continua3 {min-width: auto; width: 80px; text-align: center; float: right;}
.continua3 i {width: 100%; text-align: center;}
.continua3 i{font-size: 1.5em;}

.continua5 {float: right; height: 2.5rem; font-size: 1rem; line-height: 3.57rem; min-width: 110px; cursor: pointer; z-index: 9; width: 110px; min-width: auto;}
.continua5 i {width: 100%; text-align: center;}

.continua6 {height: 2.5rem; font-size: 1rem; line-height: 3rem; cursor: pointer; width: 110px; min-width: auto; margin: 0 auto;}
.continua6 i {width: 100%; text-align: center;}
.continua7 {float: left; height:  2.5rem; font-size: 1rem; line-height: 3rem; min-width: 110px; cursor: pointer; z-index: 9; width: 110px; min-width: auto;}
.continua7 i {width: 100%; text-align: center;}
.continua8 {float: left; height: 3rem; font-size: 1rem; line-height: 3rem; cursor: pointer; z-index: 9; width: 300px; min-width: auto;}

.informazioni-categorie-dx .continua8 {line-height: 1.1;}
.continua8 i {text-align: center;}
.continua8.mw100 {max-width: 100%; width: 100%;}
.menu-prodotti-sx .continua8 {height: auto; line-height: 1.5rem; min-height: 3rem;}
.continua8.scarica-catalogo {height: auto; line-height: 1.5rem; min-height: 3rem;}
.continua9 {height: 3.57rem; font-size: 1rem; line-height: 3.57rem; cursor: pointer; z-index: 9; width: 350px; min-width: auto;}
.continua9 i {text-align: center;}
.continua10 {height: 2.5rem; font-size: 1rem; line-height: 1.57rem; padding: 0 10px; cursor: pointer; z-index: 9; min-width: 110px;  min-width: auto;}
.continua10 i {text-align: center;}
.continua11 {height: 2.5rem; font-size: 1rem; padding: 0 10px; cursor: pointer; z-index: 9; width: auto; min-width: auto; width: 200px;}
.continua11 i {text-align: center;}
.continua12 {float: left; font-size: 1rem; line-height: 2rem; cursor: pointer; z-index: 9; width: 400px; max-width: 100%; text-align: left; }
.continua12 i {text-align: center;}


.continua13 {height: 2rem; font-size: 1rem; line-height: 2rem; cursor: pointer; z-index: 9; min-width: auto; padding: 2px 10px;}
.continua13 i {text-align: center;}

.ui-state-active .continua11 {display: none;}
/* BANNER FLOTTANTE */
/* HOME*/

#articles {padding:20px 0 0;overflow:hidden;clear:both;}
#articles .bordoSinistro {border-left: 7px solid #FFF; }
#articles .bordoDestro {border-right: 7px solid #FFF;}
#articles .article-content {padding: 50px 0;}
#articles .article-content.paddingb0 {padding-bottom: 0px;}
#articles .article-content.paddingtb10 {padding: 10px 0;}

#articles .box-image .article-img{height:100%;position:relative;width:100%;top:0;right:0;overflow:hidden;/* z-index:-1; */opacity:.8;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;}
#articles .box-image .article-img img{max-width:none;width:auto;display:block;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:0;position:relative;height:100%;}
#articles .box-image .article-txt {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; color: #FFF; text-align: center; transition: .4s ease-in-out;}
#articles .box-image:hover .article-txt {
      -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}
#articles .box-image .article-img::after{content: ''; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 72, 153, .5); transition: 0.5s ease; }
#articles .box-image:hover .article-img::after{opacity: 1;}



#articles .box-image .article-image {height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: cover; transition: 0.5s ease; background-position: center; position: relative;}
#articles .box-image .article-image::after{content: ''; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 72, 153, .5); transition: 0.5s ease; }
#articles .box-image:hover .article-image::after{opacity: 1;}
/*#articles .box-image:hover .article-image { -webkit-filter: grayscale(100%) ; filter: grayscale(100%) ;}*/

#articles .box-image .overflowh {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#articles .box-image .article-image.notitle {height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: cover; transition: 0.5s all ease; background-position: center; position: relative; filter: grayscale(5%); -webkit-filter: grayscale(25%);}
#articles .box-image:hover .article-image.notitle{
  -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
  filter: grayscale(0%); -webkit-filter: grayscale(0%);
}
#articles.news-dettaglio2 .box-image:hover .article-image.notitle{
  -webkit-transform:scale(1.05) translateY(2%); /* Safari and Chrome */
    -moz-transform:scale(1.05) translateY(2%); /* Firefox */
    -ms-transform:scale(1.05) translateY(2%); /* IE 9 */
    -o-transform:scale(1.05) translateY(2%); /* Opera */
     transform:scale(1.05) translateY(2%);
}
#articles .box-image .article-image.notitle::after{background-color: transparent;}

#articles .box-image .article-image + a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; color: #FFF; text-align: center; transition: .4s ease-in-out;}
#articles .box-image:hover .article-image + a {
      -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}


.giustifica{text-align: justify;}

#articles .box-image .article-image-noeff {height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center;}

#articles .article-title {font-weight: 600; width: 100%; display: inline-block; text-align: center;}
#articles .article-subtitle {width: 100%; display: inline-block; text-align: center;}

#articles .article-content {width: 100%;}

#articles .article-content .article-category {margin: 20px 0;}
#articles .article-content .article-category-title {color: #004899; font-weight: 600;}
#articles .article-content .article-category-subtitle {font-size: 1.rem; color: #004899; display: inline-block;}
#articles .article-content .article-category-description {font-size: 1rem;}

#articles .box-gallery {overflow: hidden;}
#articles .box-gallery .article-gallery {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;
    width: 100%;
}
#articles .box-gallery:hover .article-gallery {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

#topB.interna {background-color:#FFF;}
.footer {background-color:#FFF;}

/** VIDEO  **/
.tutorialTop .imagetutorialTop{ margin: 0%; width: 100%;}
.tutorialTop .imagetutorialToppv{left: 46%; position: absolute; top: 38%; width: 10%;}
.tutorialTop.vimeo{position: relative; display: inherit; margin: 0 !important; box-sizing: border-box; width: 100%;}

.slick-dots {bottom: -40px;}
.slick-dots li.slick-active button::before {color: #62a6d3; font-size: 18px;}
.slick-dots li button::before {color: #62a6d3;  font-size: 14px;}
/** VIDEO  **/

#articles article > .row > .minHeight540 {min-height: 540px;}
#articles article > .row > .minHeight340 {min-height: 340px;}
/* FINE HOME*/
/* AZIENDA */
.iconeAzienda > div > a {display: inline-block;}
.iconaAzienda {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #FFF; max-width: 120px;}
.iconaAziendab {position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #004899; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; opacity: 0; max-width: 120px;}
.iconeAzienda > div > a:hover .iconaAziendab {opacity: 0.5;}
/* AZIENDA */

/* PROCESSO PRODUTTIVO */
.processo-produttivo .boxiconaAzienda {padding: 0 20%; margin: 0 auto; position: relative; height: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items:center;-webkit-align-items:center;}
.processo-produttivo .boxiconaAzienda:after{position: absolute; top: calc(50% - 10px);  left: 50%; width: 50%; height: 20px; background-color: #f3f8fc;   content: '';  z-index: 1;}
.processo-produttivo .boxiconaAzienda .iconaAzienda {max-width: 100%; background-color: #f3f8fc; margin: 0 auto; position: relative; z-index: 3; align-self: center; -webkit-align-self: center;}
.righeprocesso .row .boxiconaAzienda:before {position: absolute; top: 0; bottom: 0; left: calc(50% - 10px);  height: 100%; width: 20px; background-color: #f3f8fc; content: ''; z-index: 1;}
.righeprocesso .row:first-child .boxiconaAzienda:before {position: absolute; top: 50%; bottom: 0; left: calc(50% - 10px);  height: 50%; width: 20px; background-color: #f3f8fc; content: ''; z-index: 1;}
.righeprocesso .row:last-child .boxiconaAzienda:before {position: absolute; top: 0; bottom: 50%; left: calc(50% - 10px);  height: 50%; width: 20px; background-color: #f3f8fc; content: ''; z-index: 1;}
/* PROCESSO PRODUTTIVO */
/* APPLICAZIONI */
.ui-accordion .ui-accordion-header {font-size: 1.3rem; margin: 20px 0 0 0;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0px solid #62a6d3; background: #f3f8fc; color: #004899;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #f3f8fc; color: #004899;}
.ui-accordion .ui-accordion-content {padding: 3em 4.2em;}
.ui-widget-content {border: none; background-color: transparent;}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: none;
}
.ui-widget-header .ui-icon {
	background-image: none;
}

.ui-state-default .fa-times {
	display: none;
}


.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: none;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: none;
}
.ui-state-active .fa-times,
.ui-button:active .fa-times {
	display: inline-block;
}
.ui-state-active .fa-plus,
.ui-button:active .fa-plus {
	display: none;
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: none;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: none;
}
.ui-button .ui-icon {
	background-image: none;
}

/* APPLICAZIONI */
/* MENU FASCIA LATERALE */
/*.menudettaglio{margin-top: 44px; width: 250px; opacity: 1; transition: all 1s ease; left: -2000px; position: absolute;}
*/
.menudettaglio{padding-top: 15px; width: 250px; opacity: 1; transition: all 1s ease; left: -2000px; position: absolute; background: #f3f8fc; min-height: 325px; top: 7px;}

#menufascia {
    left: 40px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    z-index: 2;
    
}
#menufascia.fixedTop{position: fixed;}
#menufascia.absBottom{position: absolute; top:unset}
#menufascia.fixedTop .col-3.menudettaglio{margin-top:10px;}
#menufascia.fixedTop .fasciarossaobliquamenu{top: 140px;}

#menufascia.f-nav{position: fixed;}
#menufascia.a-nav{position: relative;}

#menufascia.menufascia2 {
    margin-left: -710px;
    position: fixed;
    top: 340px;
    z-index: 2;
}
#menufascia.menufascia3 .menudettaglio {opacity: 1; left: 6px;}
#menufascia.menufascia10 {
    position: absolute;
    z-index: 10;
}
.fasciarossaobliquamenu{
    background-color: #023770;
    font-size: 18px;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 0px;
    /*width: 225px;*/
    width: 325px;
    color: #fff;
    height: 60px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);
    /*left: -135px;*/
    left: -185px;
    right: inherit;
    top: 140px;
    transition: all 0.5s ease;
    font-weight: 600;
    text-transform: uppercase;
}
.fasciarossaobliquamenu:before {
    display: block;
    content: "";
    height: 0;
    width: 0;
    position: absolute;    
    border-color: transparent #023770;
    border-image: none;
    border-style: solid;
    border-width: 0 0px 60px 20px;
    right: -19px;
    z-index: 2;
    top: 0;
    transition: all 0.5s ease;
}
.fasciarossaobliquamenu:hover{
    background-color: #023770;
    color: #f3f8fc;
}
.fasciarossaobliquamenu:hover:before{
    border-color: transparent #023770; color:#575757;
}


.menu-left a.offerteleft{font-size: 14px; font-family: 'Montserrat'; font-weight: 600; line-height: 36px; float: left; color: #023770; background-color: #f3f8fc; /*text-decoration: underline;*/ /*height: 36px;*/ width: 100%;
    padding: 5px 8px;
    transition: all 0.5s ease;}erte
.menu-left a.offerteleft:hover{
    background-color: #023770;
    color: #f3f8fc;
}
.menu-left span.offerteleft{font-size: 20px; font-family: 'Montserrat'; font-weight: 600; line-height: 36px; float: left; color: #f3f8fc;background-color: #023770; height: 36px; width: 100%;  padding: 0 8px;}
.menu-left a.offerteleft.sottosottovoce {padding-left: 20px; border-bottom: 1px solid #fff; }


    
.menu-left a.titologruppoleft{font-size: 20px; font-family: 'Montserrat'; font-weight: 600; line-height: 36px; float: left; color: #023770; background-color: #f3f8fc; height: 36px; width: 100%; padding: 0 8px;  /*text-decoration: underline;*/}
.menu-left a.titologruppoleft:hover{background-color: #023770;}
.menu-left span.titologruppoleft{font-size: 14px; font-family: 'Montserrat'; font-weight: 600; height: 36px; float: left; color: #023770; background-color: #f9fcfe; width: 100%; padding: 5px 8px;}

a.disabledlink {cursor: default !important;}

#menufascia.menufascia3 .menu-left a.offerteleft {background-color: #f3f8fc; color: #023770;}
#menufascia.menufascia3 .menu-left a.offerteleft:hover{background-color: #f3f8fc; color: #023770;}

#menufascia.menufascia3 .fasciarossaobliquamenu{
    background-color: #023770;
    color: #f3f8fc;
}
#menufascia.menufascia3 .fasciarossaobliquamenu:before{
    border-color: transparent #023770;
}

ul.vocigruppoleft{background: black; list-style: none;  padding: 8px 0; margin: 0 auto;}
ul.vocigruppoleft > li {padding: 5px 0 5px 8px; min-height: 25px; line-height: 13px; font-size: 13px; color: white; width: 100%; transition: all 0.5s ease;}
ul.vocigruppoleft > li a {width: 100%; display: inline-block;}
ul.vocigruppoleft > li.unselected:hover{background-color: #d71920;}
ul.vocigruppoleft > li.selected{background-color: #d71920;}

ul.vocigruppoleft2{background: #7e7e7e; list-style: none;  padding: 8px 10px; margin: 0 auto;}
ul.vocigruppoleft2 > li {padding: 5px 8px; min-height: 25px; line-height: 13px; font-size: 13px; color: white; width: 100%; transition: all 0.5s ease;}
ul.vocigruppoleft2 > li a {width: 100%; display: inline-block;}
ul.vocigruppoleft2 > li.unselected:hover{background-color: #d71920;}
ul.vocigruppoleft2 > li.selected{background-color: #d71920;}


a.disabledlink {cursor: default !important;}
.sottosottovoce .titologruppoleftsotto{ border-bottom: 1px solid #fff;}


.sottosottovoce { border-bottom: 1px solid #fff; padding-left: 20px; font-family: 'Montserrat'; font-weight: 600; line-height: 36px;  color: #023770; }

.sottosottovoceAttivo .titologruppoleftsotto{ border-bottom: 1px solid #fff; padding-left: 20px; font-size: 20px; font-family: 'Montserrat'; font-weight: 600; line-height: 36px;  color: #023770; background-color: #f3f8fc; height: 36px; width: 100%; padding: 0 8px; display: inline-block; }


 /* MENU FASCIA LATERALE */
 
 /* CHI SIAMO */
 .cronistoria {padding: 0.3rem 0; border-bottom: 10px solid #f3f8fc; margin-bottom:15px;}
 /* CHI SIAMO */

/* PROGETTI */
.slidesProgetti .slider-nav .anno {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.slidesProgetti .slick-dots { bottom: -4rem;}
.slidesProgetti .slick-dots li.slick-active button::before {color: #62a6d3; font-size: 1.3rem;}
.slidesProgetti .slick-dots li button::before {color: #62a6d3;  font-size: .8rem;}

.slidesProgetti .slider-nav .slick-slide.slick-active {-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .4s ease-in-out;}
.slidesProgetti .slider-nav .slick-slide.slick-active.slick-current {-webkit-filter: grayscale(0); filter: grayscale(0); transition: .4s ease-in-out;}
.slidesProgetti .slider-nav .slick-slide {cursor: pointer;}
/* PROGETTI */

/* DISTRIBUTORI */
.box-distributori select {background-color: #FFF; border: 1px solid white; height: 3.5rem;  min-width: 300px; width: auto; font-size: 1.5rem}
.box-distributori select option { background-color: #FFF; color: #62a6d3; font-size: 1.5rem}
#results ul {margin: 0; list-style:none; padding: 0;}
#results ul li {list-style: none; position: relative;  padding: 20px 0; line-height: 2em;}
#results ul li div {display: inline-block; position: relative;}
#results ul li img {margin: 0 auto;}
#results ul li .name {color: #0068ae; min-height: 45px; display: block; line-height: 1.6rem;}
#main_map b {color: #0068ae; display: block; line-height: 1.6rem;}
/* DISTRIBUTORI */
/* DISTRIBUTORI Dettaglio*/
.formLogin input[type="text"], .formLogin input[type="email"], .formLogin input[type="password"], .formLogin textarea, .formLogin select {
    border: 1px solid #fff;
    background: #f3f8fc;
     border-radius: 0;
     width: 100%;
     height: 35px; padding: 5px;
     margin: 2px 0;
 }

 .formRecupera input[type="text"], .formRecupera input[type="email"], .formRecupera input[type="password"], .formRecupera textarea, .formRecupera select {
    border: 1px solid #fff;
    background: #f3f8fc;
     border-radius: 0;
     width: 100%;
     height: 35px; padding: 5px;
     margin: 2px 0;
 }


.formContatti input[type="text"], .formContatti input[type="email"], .formContatti textarea, .formContatti select {
   border: 1px solid #fff;
   background: #f3f8fc;
    border-radius: 0;
    width: 100%;
    height: 50px; padding: 5px;
    margin-bottom: 20px;
}

.formContatti textarea {
   border: 1px solid #fff;
   background: #f3f8fc;
    height: 190px;
    resize: none;  
}

.formContatti .checkoutbox1 {
    background-color: #83b426;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Slabo 27px";
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin-top: 5px;
    max-width: 300px;
    text-align: center;
    transition: all 0.5s linear 0s;
    width: 80%;
}
.formContatti .checkoutbox1:hover {
    -webkit-filter: opacity(50%);
    filter: opacity(50%);
}

label {position: absolute; top: -5px;
left: 10px;
margin: 0 auto;}
label.error {
    color: red;
    margin-left: 5px;
    min-width: 206px;
}

#captcha, .formLavoraconnoi input[type="text"].captcha {float: left;
margin: 0 0 0 10px;
padding: 0;
height: 25px;
width: 80px;}
#main_map {width:100%; height:700px;}
/* DISTRIBUTORI Dettaglio*/
/* LAVORA */
.formLavoraconnoi input[type="text"], .formLavoraconnoi input[type="email"], .formLavoraconnoi textarea, .formLavoraconnoi select {
    border: 1px solid #fff;
    background: #f3f8fc;
    border-radius: 0;
    width: 100%;
    height: 50px; padding: 5px;
    margin-bottom: 20px;
}

.formLavoraconnoi textarea {
   border: 1px solid #fff;
   background: #f3f8fc;
    height: 190px;
    resize: none;  
}
.box-lavoraconnoi select {background-color: #f3f8fc; }
.box-lavoraconnoi select option { background-color: #f3f8fc; color: #62a6d3; font-size: 1.5rem}

.box-lavoraconnoi .formLavoraconnoi .carica-file { border: 1px solid #ffffff; position: relative; width: 100%; float: left; background-color: #f3f8fc; color: #999;  bottom: 10px;  font-size: 15px; /*font-weight: bold;*/line-height: 50px; padding-left: 3%; padding-right: 3%; left: 0px; text-align: center; transition: all 0.5s ease 0s; cursor: pointer; padding-bottom: 3%;}
.box-lavoraconnoi .formLavoraconnoi .carica-file span {line-height: 50px;}
.box-lavoraconnoi .formLavoraconnoi .carica-file small {font-size: 10px !important;}

.box-lavoraconnoi .formLavoraconnoi .carica-filepa { border: 1px solid #ffffff; position: relative; width: 100%; float: left; background-color: #f3f8fc; color: #999;  bottom: 10px;  font-size: 15px; /*font-weight: bold;*/line-height: 50px; padding-left: 3%; padding-right: 3%; left: 0px; text-align: center; transition: all 0.5s ease 0s; cursor: pointer; padding-bottom: 3%;}
.box-lavoraconnoi .formLavoraconnoi .carica-filepa span {line-height: 50px;}

/* LAVORA */


.prodotto-titolo {font-size: 15px; font-weight: bold; box-sizing: border-box;}
.prodotto-immagineplaceholder {width: 100%;}

/*
.prodotto-metadato{border-bottom: 1px solid #333; margin-bottom: 30px; padding-bottom: 15px;}
*/
.prodotto-metadato{margin-bottom: 30px; padding-bottom: 15px;}
.prodotto-metadato.col-6.clearleft {clear: left;}

.metadato-titoloimmagine {font-size: 13px; font-weight: bold; box-sizing: border-box;}

.metadato-immagine {margin: 0 auto;}
/*
 *#parentHorizontalTab .resp-tabs-list li {font-size: 10px;}*/
#parentHorizontalTab .resp-tabs-list li.resp-tab-active{color: #174288; position: relative;}

.metadato-testo table {width: 100% ! important; margin: 0 auto !important;}
.metadato-testo table td {border: 1px solid #ccc;}
.metadato-testo table th {border: 1px solid #ccc;}
/* verificare se rimettere
.metadato-testo table tr:first-child td {color: #174288; font-weight: bold; text-align: center;}
*/

.metadato-testo table tr:nth-child(even) td {background-color: #f3f8fc;}

.metadato-testo table .fr-highlighted {color: #174288; font-weight: bold;}

.tab-dati-accessoriattuatori .metadato-testo table th {color: #174288; font-weight: bold;}
.tab-dati-accessoriattuatori .metadato-testo table img {width: 100% ! important;}
.metadato-testo strong {color: #174288;}
.metadato-testo b {color: #174288;}
.metadato-titoloimmagine {color: #174288; font-weight: bold; text-align: center;}

.fascia_footer b {color: #174288;}
/* .metadato-testo {text-align: justify;}*/


.briciole {color: #575757; font-size: 0.9rem;}
.briciole a {color: #575757; font-size: 0.9rem; text-decoration: underline;  transition: all 0.5s ease 0s;}
.briciole a:hover{color: #174288;}
.spazioDx{margin-right: 25px;}




.boxApp{background-attachment: fixed; background-position: left center; background-image: url('../images/app.png'); background-repeat: no-repeat;}




article .sfondobianco{background-color: #fff;}

.embed-responsive-item {width: 100%;
height: 1500px;
border: none;}

.slick-slide img { width: 100%;}

.menu-prodotti-sx .voceMenu {padding: 15px; margin-top: 2px;}
.menu-prodotti-sx > .row > :first-child {margin-top: 0px;}
.menu-prodotti-sx .voceMenu.voceSelezionata {padding: 15px;}

.menu-prodotti-sx .voceMenu2 {padding: 8px 25px;}

.dettaglioProdotto{margin-bottom: 40px;}

#parentHorizontalTab .resp-tabs-container .tab-benefits .metadato-testo, #parentHorizontalTab .resp-tabs-container .tab-caratteristiche .metadato-testo, #parentHorizontalTab .resp-tabs-container .tab-characteristics .metadato-testo, #parentHorizontalTab .resp-tabs-container .tab-features .metadato-testo, #parentHorizontalTab .resp-tabs-container .tab-dimensions .metadato-testo,  #parentHorizontalTab .resp-tabs-container .resp-tab-content .metadato-testo {font-size: 11px; line-height: 1.624; overflow-x: auto;}

/* CATEGORIA */
.selectCategorie > :first-child {padding-right: 10px;}
.selectCategorie > :last-child {padding-left: 10px;}
.selectCategorie .selectCategoria { border: 1px solid #f3f8fc; overflow: hidden; height: 60px; width: 100%; position: relative; display: block; float:left; margin: 0 auto; top: unset; left: unset; background-color: #f3f8fc; }
.selectCategorie .selectCategoria select{ height: 60px; padding: 5px 2px; border: 0; font-size: 16px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f3f8fc; }
.selectCategorie .selectCategoria select::-ms-expand {display: none;}
.selectCategorie .selectCategoria:after { content:"\f107"; font-family: 'Font Awesome 5 Pro'; color: #575757; padding: 6px 8px; position: absolute; right:0px; top: 0px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; font-size: 30px;}
.dettaglioProdotto img {width: 100%;}

.selectArticoli .selectArticoloContainer {padding: 5px}
.selectArticoli .selectArticolo { border: 1px solid #f3f8fc; overflow: hidden; height: 30px; width: 100%; position: relative; display: block; float:left; margin: 0 auto; top: unset; left: unset; background-color: #f3f8fc;  }
.selectArticoli .selectArticolo select{ height: 30px; padding: 5px 2px; border: 0; font-size: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #FFF; }
.selectArticoli:not(.selectArticoliaccessorioattuatore) .selectArticolo:after { content:"\f107"; font-family: 'Font Awesome 5 Pro'; color: #575757; padding: 4px 0px; position: absolute; right:0px; top: 0px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; font-size: 15px;}
#articles.categoria-dettaglio {padding-left: 10px; padding-right: 10px;}
/* CATEGORIA */

/* PRODOTTI */
/*.resp-tabs-container .metadato-testo {font-size: 0.857rem; line-height: 1.3rem;} */
.resp-tabs-container .metadato-testo {font-size: 11px; line-height: 1.3rem;}
.articoliTrovati {width: 100%; font-size: 12px;}
.articoliTrovati th {border-bottom: 1px solid #ccc;}
.articoliTrovati th, .articoliTrovati td {padding: 5px; background-color: #f3f8fc; text-align: center;}
.articoliTrovati tfoot tr td {text-align: left;}

.dettaglio-documentazione.ui-accordion .ui-accordion-header {font-size: 1.3rem; margin: 10px 0 0 0;}
.dettaglio-documentazione.ui-accordion .ui-accordion-content {padding: 1em 4.2em;}

/* PRODOTTI */

/* COMPARA */
.overflowx {overflow-x: auto;}
.articoliComparati {width: 100%;}
.articoliComparati th {border-bottom: 1px solid #ccc;}
.articoliComparati th, .articoliComparati td {padding: 5px; background-color: #f3f8fc; text-align: center;}
.articoliComparati .articoliTrovati th, .articoliComparati .articoliTrovati td {padding: 5px; text-align: center; background-color: inherit;}

.articoliComparati tbody tr.odd td {background-color: #FFF;}
.articoliComparati .fa{
    /*background-color: #004899;
    border-radius: 30px;
    color: #fff;*/
    color: #004899;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;
    cursor: pointer;
}

.articoliComparati .fa:hover { 
    /*background-color: #212529; */
    color: #212529;
}


.infoConfronto .contenitoreConfronti {display: none; overflow: hidden;}
.mostraInfoConfronto{ transition: transform 0.5s;}
.mostraInfoConfronto.chiudi{transform: rotate(45deg); }


.articoliComparati td.bggrigino4 {
    background-color: #ececec;
    text-align: left;
}


table.restables-clone td:first-child {text-align: left; font-weight: bold;}

table.restables-clone td:first-child div.contenitoreConfronti{font-weight: initial;}

table.restables-clone tr:nth-child(even) td {background-color: #ccc;}
.media2Confronto{position: absolute; width: 100%; bottom: 0; right: 0;}

.mauto{margin: 0 auto;}



#boxlogin {
	opacity: 0;
    transform: scaleY(0);
    visibility: hidden;
    
	transform-origin: 50% 0;
    transition: all 0.5s cubic-bezier(.23,1,.32,1);    
    
	position: absolute; top: 35px; right: 0px; min-height: 150px; width: 300px; z-index: 9999; padding: 5px;
	cursor: default;
    background-color: #fafafa;
    border: 2px solid #62a6d3;
    color: #004899;
}
#boxlogin span {display: inline-block;}

#boxlogin.visible {
	transform: scale(1);
	opacity: 1;
    visibility: visible;
}
#iconalogin{margin: auto 5px; cursor: pointer;}
.pass-lost {cursor: pointer;}

.effettualogin{cursor: pointer;}
#closeLoginBox{position: absolute; top: 0; right: 0; cursor: pointer;}

.areariservata #closeLoginBox {display: none;}

#infoLogin{
	padding-right: 30px;
	display: inline-block;
}

#torna_su {
    cursor: pointer;
    position: fixed;
    bottom: 200px;
    z-index: 999;
    right: 20px;
    border-radius: 50%;
    display: none;
    width: 52px;
}

#torna_su i {
    font-size: 4rem;
    line-height: 1;
    color: #004899;
    background-color: #FFF;
    border-radius: 50%;
    padding: 2px;
}

.multilevelpushmenu_wrapper .linguem > a {padding: 5px 15px !important; color: #FFF !important;}
.multilevelpushmenu_wrapper .linguem > span {padding: 5px 15px !important; color: #004899 !important;}

.cc-revoke { display:block !important;  }
.cc-deny{min-width: 160px;} 

.fw-normal {font-weight:normal;}

.border-bottom{border-bottom: 1px solid #dcdcdc;}
.border-left{border-left: 1px solid #dcdcdc;}
.border-right{border-right: 1px solid #dcdcdc;}
.border-top{border-top: 1px solid #dcdcdc;}

.border-top.prodotto-metadato{border-top: 1px solid #dcdcdc; padding-top: 20px;}
.border-bottom.prodotto-metadato{border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}

.formdecodifica input[type="text"] {
    border: 1px solid #fff;
    background: #f3f8fc;
    border-radius: 0;
    width: 100%;
    height: 50px; padding: 5px;
    margin-bottom: 20px;
}

.decodifica{width: 100%;}
.decodifica tr, .decodifica td {border: 1px solid;}
.decodifica td {padding: 3px;}
/*
.decodifica td:nth-child(1){width: 20%;}
.decodifica td:nth-child(2){width: 40%;}
*/
.sottomenutabs {
    display: flow-root;
    padding: 0;
}
.sottomenutabs li {
    font-weight: 600;
    font-size: 12px;
    padding: 13px 5px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
    background-color: #f3f8fc;
    margin-right: 20px;        
}

.sottomenutabs li:hover {
    color: #004899;
}

.sottomenutabs li.selected {
    color: #004899;
}
.margin0{margin: 0px;}
.mb-10p{margin-bottom: 10px;}
.borderbblu {border-bottom: 2px solid #004899;}
.bottoneContatti{border-top: 2px solid #004899; border-right: 2px solid #004899; border-left: 2px solid #004899; margin: 0 15px; color: #004899; background-color: #FFF; width: 250px; padding: 10px; cursor: pointer; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.bottoneContatti.selected{background-color: #004899; color: #FFF !important;}
.bottoneContatti:hover{background-color: #004899; color: #FFF !important;}


/*PILLARS*/
.diagonalCross1 {
  background: linear-gradient(to top left, #fff calc(50% - 1px), #004899 , #fff calc(50% + 1px) )
}
.diagonalCross2 {
  background: linear-gradient(to top right, #fff calc(50% - 1px), #004899 , #fff calc(50% + 1px) )
}
.pillartitle{writing-mode: vertical-rl; transform: rotate(-180deg); white-space: nowrap;}
.pillarstop{height: 7vw;}
.pillarsplus {border: 2px solid #fff; width: 2rem; height: 2rem; border-radius: 50%;display: flex;align-items: center;justify-content: center; cursor: pointer;}
.pillarsminus {border: 2px solid #004899; width: 2rem; height: 2rem; border-radius: 50%;display: flex;align-items: center;justify-content: center; cursor: pointer;}
.pillarsminus.txtbianco {border: 2px solid #fff;}
.slidePillar .slick-track{display: flex !important;}
.slidePillar .slick-slide{height: inherit !important;}

.itempillar {-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}

.itempillar:not(.expandedPillar) {cursor: pointer;}

.itempillar:not(.expandedPillar) > .contentpillar {display: none;}

.itempillar.expandedPillar > .contentpillar {height: 100%;}

.itempillar:not(.expandedPillar) > .divpillarminus {display: none !important;}
.itempillar.expandedPillar .divpillarplus {opacity: 0; width: 0px; padding: 0px;}

@media (max-width: 767px) {
  .itempillar.expandedPillar .divpillarplus {display: none !important;}
}
.itempillar.expandedPillar {background-image: none !important;}
@media (max-width: 767px) {
  .itempillar.expandedPillar {flex-direction: column !important;}
  .itempillar.expandedPillar .pillartitle{writing-mode: unset; transform: rotate(0deg); white-space: nowrap;}
}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; max-height: 150px !important }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.swal2-container.metadato-testo {z-index: 10000;}
.swal2-container.metadato-testo .swal2-popup {min-width: 767px; max-width: 100%; }
.swal2-container.metadato-testo .swal2-popup table td {font-size: 11px; text-align: left;padding: 5px;}
@media only screen and (max-width: 767px) {
  .swal2-container.metadato-testo .swal2-popup {min-width: 100%; max-width: 100%;}
}