/* bootstrap 4 alike */
/* Padding classes */
.p-0 { padding: 0 !important; }
.p-1 { padding: 5px !important; }
.p-2 { padding: 10px !important; }
.p-3 { padding: 15px !important; }
.p-4 { padding: 20px !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 5px !important; padding-bottom: 5px !important; }
.py-2 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py-3 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py-4 { padding-top: 20px !important; padding-bottom: 20px !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 5px !important; padding-right: 5px !important; }
.px-2 { padding-left: 10px !important; padding-right: 10px !important; }
.px-3 { padding-left: 15px !important; padding-right: 15px !important; }
.px-4 { padding-left: 20px !important; padding-right: 20px !important; }


/* Margin classes */
.m-0 { margin: 0 !important; }
.m-1 { margin: 5px !important; }
.m-2 { margin: 10px !important; }
.m-3 { margin: 15px !important; }
.m-4 { margin: 20px !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 5px !important; margin-bottom: 5px !important; }
.my-2 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-3 { margin-top: 15px !important; margin-bottom: 15px !important; }
.my-4 { margin-top: 20px !important; margin-bottom: 20px !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 5px !important; margin-right: 5px !important; }
.mx-2 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-3 { margin-left: 15px !important; margin-right: 15px !important; }
.mx-4 { margin-left: 20px !important; margin-right: 20px !important; }





.blocchidiv{
 background-color: #ededed;
 margin: 10px;
}
.blocchidiv p{
 margin: 5px!important; 
}

.imgblocchi
{
  opacity:1;
  width:320px;
  height:auto;
  margin: 0px!important;
  border-radius:2px;
  border:1px solid #ddd;
}
.blocchidivchi{
  -webkit-box-shadow: 0px 0px 8px 2px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 8px 2px rgba(153,153,153,1);
box-shadow: 0px 0px 8px 2px rgba(153,153,153,1);
  margin: 20px;
  max-width: 350px;

}
.blocchidivchi p{
  font-weight: bold;
  margin: 5px 10px 10px 10px;
}
.imgblocchichi
{
  opacity:1;
  width:auto;
  height:auto;
  margin:5px 5px 5px 5px;
}
.blocchidivchi2{
  -webkit-box-shadow: 0px 0px 8px 2px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 8px 2px rgba(153,153,153,1);
box-shadow: 0px 0px 8px 2px rgba(153,153,153,1);
  margin: 20px;
  max-width: 250px;

}
.blocchidivchi2 p{
  font-weight: bold;
  margin: 5px 10px 10px 10px;
}
.imgblocchichi2
{
  opacity:1;
  width:auto;
  max-width: 200px!important;
  height:auto;
  margin:5px 5px 5px 5px;
}
.prodotti{
  font-weight:normal!important;
  color: #000!important;
  background-color: #ededed!important;
  border-radius: 0px;
}
.imgblocchi:hover
{
  opacity:0.8;
  filter:alpha(opacity=80);
}
.imgblocchi2
{
  opacity:1;
  width:300px;
  height:auto;
  margin:60px 20px 20px 40px!important;
  border-radius:100%;
  border:6px solid #003D97;
}
.imgblocchi2:hover
{
  opacity:0.8;
  filter:alpha(opacity=80);
}
.imgblocchipersone
{
  opacity:1;
  width:300px;
  height:auto;
  margin:60px 20px 20px 40px!important;
  border-radius:100%;
  border:0px solid #003D97;
-webkit-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.75);
}
.imgblocchipersone:hover
{
  opacity:0.8;
  filter:alpha(opacity=80);
}
.imgblocchi3
{
  opacity:1;
  max-width:400px;
  height:auto;
  margin:20px auto!important;
  border:1px solid #a7a7a7;
}
.imgblocchi3:hover
{
  opacity:0.8;
  filter:alpha(opacity=80);
}
.highlightmenuitem{
  background: #F5DA2B;
  color:#000!important;
  font-weight: bold;
  font-size:larger!important;
}
.highlightmenuitem:hover{
  background: #F5DA2B!important;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
.highlightmenuitem:visited{
  background: #F5DA2B!important;
  color:#fff!important;
  font-weight: bold;
}

.customul1 li {
  display: inline-block;
  font-weight: bold;
  text-indent: 0!important;
  float: left;
  margin: 10px 10px!important;
}
.customul1 li::before{
  margin-right: 5px!important;  
}

.contbut {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.contbut:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
  color:#ffffff!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.contbut:active {
	position:relative;
	top:1px;
}
::-webkit-input-placeholder { /* Edge */
    color: #B4B4B4!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B4B4B4!important;
}

::placeholder {
    color: #B4B4B4!important;
}
input{
  height: 45px!important;
  margin: 10px auto 10px auto!important;
}
select{
  height: 45px!important;
  width: 100%!important;
  margin: auto!important;
  color: grey!important;
}

.additional-images img {
    width: auto!important;
    height: 85px!important;
}

.cssbutton {
	-moz-box-shadow: 0px 0px 0px 2px #5B8FD4;
	-webkit-box-shadow: 0px 0px 0px 2px #5B8FD4;
	box-shadow: 0px 0px 0px 2px #5B8FD4;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0550C2), color-stop(1, #022D6E));
	background:-moz-linear-gradient(top, #0550C2 5%, #022D6E 100%);
	background:-webkit-linear-gradient(top, #0550C2 5%, #022D6E 100%);
	background:-o-linear-gradient(top, #0550C2 5%, #022D6E 100%);
	background:-ms-linear-gradient(top, #0550C2 5%, #022D6E 100%);
	background:linear-gradient(to bottom, #0550C2 5%, #022D6E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0550C2', endColorstr='#022D6E',GradientType=0);
	background-color:#0550C2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #022D6E;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:8px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #022D6E;
}
.cssbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #022D6E), color-stop(1, #0550C2));
	background:-moz-linear-gradient(top, #022D6E 5%, #0550C2 100%);
	background:-webkit-linear-gradient(top, #022D6E 5%, #0550C2 100%);
	background:-o-linear-gradient(top, #022D6E 5%, #0550C2 100%);
	background:-ms-linear-gradient(top, #022D6E 5%, #0550C2 100%);
	background:linear-gradient(to bottom, #022D6E 5%, #0550C2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#022D6E', endColorstr='#0550C2',GradientType=0);
	background-color:#022D6E;
}
.cssbutton:active {
	position:relative;
	top:1px;
}

.imgquadrate {
  opacity: 1;
  max-width: 260px!important;
  height: auto;
  margin: 25px!important;
  border-radius: 0px;
  border: 1px solid #003D97;
  padding: 1px!important;
}
.imgquadrate:hover {
  transform: rotate(5deg) !important;
}
.imgquadratemini {
  opacity: 1;
  max-width: 200px!important;
  height: auto;
  margin: 20px!important;
  border-radius: 0px;
  border: 1px solid #003D97;
  padding: 1px!important;
}
.imgquadratemini:hover {
  transform: rotate(5deg) !important;
}

.blocchi-container {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #000;
  max-width: 270px;
  margin: 0px 10px;
}
.blocchi-container a{
  color: #000!important;
  font-weight: bold;
}

.blocchi-container-p {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #000;
  max-width: 150px;
  margin: 0px 0px;
}
.blocchi-container-p a{
  color: #000!important;
  font-weight: bold;
  font-size: 12px;
}


.text-centered {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-weight: bold;
  opacity: 1!important;
}
.text-centered.prt a:first-child:after{
  
  content: url(https://www.centaurusmontascale.it/images/partner_centaurusreteitalia_png100.png);

}
.blocchi-container:hover .text-centered {
  visibility: visible;
  opacity: 1!important;
}
.blocchi-container:hover img{
  visibility: visible;
  opacity: 0.4;

  filter: alpha(opacity=40);
}

.blocchi-container-p:hover .text-centered {
  visibility: visible;
  opacity: 1!important;
  font-size: 12px;
}
.blocchi-container-p:hover img{
  visibility: visible;
  opacity: 0.4;
  max-width: 120px;

  filter: alpha(opacity=40);
}


.blocchi-container2 {
  display: inline-block;
  position: relative;
  float: left;
  text-align: center;
  color: #000;
  max-width: 270px;
  margin: 0px 14px;
}

.blocchi-container2 a {
  color: #000!important;
  font-weight: bold;
}

.blocchi-container2:hover .text-centered {
  visibility: visible;
  opacity: 1!important;
}
.blocchi-container2:hover img{
  visibility: visible;
  opacity: 0.4;

  filter: alpha(opacity=40);
}

.colonnasx{
display: inline-block;
float:left;
}
.colonnadx{
  display:inline-block;
float:right;
}
.blocco:after {
    content:"";
    display: table;
    clear: both;
}

.blocchidivnumeri {
  border: 1px solid #949494;
  margin: 2px 0px;
  max-width: 350px;
}
.blocchidivnumeri p{
  font-weight: bold;
  margin: 5px 10px 10px 10px;
}

.ulnostyle li{
  list-style:disc;
}

.bluebutton1 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #003D97), color-stop(1, #003D97));
	background:-moz-linear-gradient(top, #003D97 5%, #003D97 100%);
	background:-webkit-linear-gradient(top, #003D97 5%, #003D97 100%);
	background:-o-linear-gradient(top, #003D97 5%, #003D97 100%);
	background:-ms-linear-gradient(top, #003D97 5%, #003D97 100%);
	background:linear-gradient(to bottom, #003D97 5%, #003D97 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003D97', endColorstr='#003D97',GradientType=0);
	background-color:#003D97;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #022D6E;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:26px;
	padding:14px 24px;
	text-decoration:none;
}
.bluebutton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #003D97), color-stop(1, #0550C2));
	background:-moz-linear-gradient(top, #003D97 5%, #0550C2 100%);
	background:-webkit-linear-gradient(top, #003D97 5%, #0550C2 100%);
	background:-o-linear-gradient(top, #003D97 5%, #0550C2 100%);
	background:-ms-linear-gradient(top, #003D97 5%, #0550C2 100%);
	background:linear-gradient(to bottom, #003D97 5%, #0550C2 100%);
    color:#ffffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003D97', endColorstr='#0550C2',GradientType=0);
	background-color:#003D97;
}
.bluebutton1:active {
	position:relative;
	top:1px;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

#sfondo1{
  background-image:url(/images/sliderhome/cribanner1.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.sigProContainer li{
  list-style-image: none!important;
}
.customul li{
  background-color: #efefef!important;
  padding: 4px!important;
  padding-left: 15px!important;
  border-radius: 0px!important;
}

.customul li:before{
  content: none!important;
}

.customul p{
  padding: 0px!important;
  margin: 0px!important;
}

.bd-menu-image{
  max-width: 35px!important;
}
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.formicons {
  display: inline-block;
  margin: 2px 2px 2px 2px;
  font-size: 10pt;
  font-weight: 200;
  width: 80px;
  vertical-align: top;
  line-height: 1.3
}
.formicons:hover {
  background-color: #ccc;
}
.formicons img {
  margin: 0px!important;
  padding: 0px!important;
}
.formicons-wide {
  max-width: 120px;
  display: inline-block;
  border: 4px solid #ccc;
  margin: 4px 4px 8px 4px;
  font-size: 10pt;
  font-weight: bold;
}
.formicons:hover {
}
.formicons img {
  margin: 0px!important;
  padding: 0px!important;
}

.claim{
  
  background-color: #fff;
  background: rgba(255,255,255,0.7);
  max-width: 600px;
  margin-top: 6%;
  margin-left: 6%;
  margin-right: auto;
  padding: 10px;
  
}

.form-tophome{
  background-color: #f5f5f5;
  padding: 10px;
  max-width:600px;
  margin: 20px auto;
}
.form-tophome input, select, textarea{
  border: 2px solid #a3a3a3!important;
}
.form-tophome i{
  font-size: 3rem;
  color: #333;
  padding: 10px;
}
.center-icon{
  display: inline-block;
  min-width: 50px;
  text-align: center;
}
.fixes li:before{
  content: none!important;
}
.separator{
background-color: #fff!important;  
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    /* Styles */
  input{
    width: 300px!important;
  }
  select, textarea{
  max-width: 300px!important;
  }
  
  
}

.form-width input, textarea, select{
  max-width: 660px!important;
}
.form-width{
  text-align: center!important;
}

.bd-productdesc-17{
}
.hashtags {
  font-size: 6rem;
  font-weight: bold;
  line-height: 1;
  margin: 15%;
}
.hashtags p {
  text-shadow: 3px 3px 2px #ffffff;
  color: #ed9517;
  font-style: italic;
  margin: 40px auto;
}
@media(max-width:600px){
  .hashtags{
    font-size: 5.5rem;
  }
}
.avvisobox{
  max-height: 400px;
  max-width: 550px;
  margin: 40px auto;
  padding: 4%;
  border-radius: 20px;
  overflow-y: scroll;
  background-color: rgba(255,255,255,0.7)

}
.bollino-new:before{
  content: 'Nuovo!';
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
  background-color: #db8b14;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px grey;
}
.sigProSeamless .sigProClear{
  visibility:hidden;
}
.academymenu img.bd-menu-image{
  max-width: 90px!important;
  margin: 0px 10px!important;
}
.academymenu span{
  display:none;
}
.academymenu a{
  padding: 0px;
}
.academymenu:hover{
  display: inline-block;
  z-index: 1;
}
.academymenu:hover img{
  min-width: 190px;
}
a.active > img.bd-menu-image, a:hover > img.bd-menu-image{
  filter:  brightness(0) invert(1);
}

.claimcustom{
  text-align:center;
  margin: 10px 20px 50px 10px;
  font-size: 20px;
}
.imghover:hover{
  visibility: visible;
  opacity: 0.6!important;
  filter: alpha(opacity=40);
  transform: scale(0.99);
}
.item-img-info img{
  height: 310px!important;
  width: 310px!important;
}
.container-slider{
  position: relative;
  z-index: 1;
}
.item-read{
  font-size: 14px!important;
  text-align: center!important;
}
.item-read a{
  font-weight: 200;
  color: #000!important;
}
#myController{
  height: 40px!important;
  margin-top: 20px;
  text-align:center!important;
}
.slide-thumbnail img {
  width: auto!important;
  height: auto!important;
}
textarea, select{
    border: 1px solid #555555!important;
}
textarea{
  min-height: 150px!important;
}

.bd-postcontent-2{
  overflow-x: hidden;
}
.bd-postcontent-2 img{
  max-width: 90%;
}
.sigProImg{
  max-width: 100%!important;
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #003D97;
}

::-webkit-scrollbar-thumb:hover {
  background: #022D6E;
}

.main-image img{
  margin: 0px!important;
  padding: 5px!important;
}

.youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
  }

  .youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }

  .youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  }

  .youtube-player img:hover {
    -webkit-filter: brightness(75%);
  }

  .youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('//i.imgur.com/TxzC70f.png') no-repeat;
    cursor: pointer;
  }

.stronglink{
  font-weight: bold;
  background-color: lightgoldenrodyellow;
}

input{
  max-width: 660px!important;
}

input[type=submit]{
  height: 60px!important;
  border-radius: 0px;
  background-color: #003D97!important;
  font-size: 24px;
}
ul li{
  margin: 0.4em auto!important;
}

.socialbtn {
  color: #747474;
}
.socialbtn:hover{
  color: #003D97;
}
.socialbtnspan {
  margin: 20px;
}

.highlight-content {
  background-color: #E7E7E8;
  padding: 5%;
  margin: 20px 5px;
  font-size: 1.2em;
  line-height: 1.4;
  text-align: left;
}
.secondary-content{
  font-size: 0.9em;
  margin: 20px;
  color: #121212!important;
  text-align: left;
}
.secondary-content li{
  color: #121212!important;
}
.azzurro{
  color: #003D97;
}
.link-approfondimento {
  margin: 30px 10% 30px 10%;
  background-color: #f0ad4e;
  color: #fff;
  padding: 5px 10px;
}
.link-approfondimento:before {
  font-family: "Font Awesome 5 Free";
  content: "\f129";
  margin-left: 5px;
  margin-right: 10px;
  font-weight: bold;
  font-size: 1.2em;
}
.link-approfondimento a {
  color: #fff;
  font-family: Arial;
}
.link-approfondimento a:before {
  color: #fff;
}
.pdt-button {
  background-color: #f0ad4e;
  font-size: 16px;
  padding: 4px 10px;
  color: #fff;
  display: inline-block;
  min-width: 260px;
}
.pdt-button:hover {
  color: #fff;
  background-color: #f3b969;
  text-decoration: none;
}
.pdt-button:visited {
  color: #fff;
  text-decoration: none;
}

.bd-productimage-6{
  margin: 10px;
}
.bd-productimage-6 img{
  bordeer: 1px solid #000;
}

.main-image img{
  width: 100%;
}
.additional-images img{
  margin: 5px!important;
  padding: 0!important;
}

@media (min-width:900px){
  
  .bd-productdesc-17 ul {
    margin: 40px auto;
    column-count: 3;
}

  .bd-productdesc-17 li {
    padding-right: 40px;
    padding-bottom: 20px;
    margin: auto!important;
  }
  
  .bd-customcmscode-12 ul {
    margin: 40px auto;
    column-count: 3;
}

  .bd-customcmscode-12 li {
    padding-right: 40px;
    padding-bottom: 20px;
    margin: auto!important;
  }
  
  
}

.sigProContainer{
    column-count: auto!important;
    margin: auto;
  }

.bd-typeselector-2{
  visibility: hidden;
  height: 0px;
}

.vm-img-desc{
  display: none!important;
}

.sigProThumb a{
  border: 0px!important;
}
.sigProImg{
  border: 0px!important;
}
.sigProPseudoCaption{
  display: none!important;
}

#fancybox-title{
 display: none!important; 
}

#photobook-bagno{
display: none;
}
#brochure-style{
display: none;
}

.yt-md{
 max-width: 560px;  
}
.yt-lg{
 max-width: 900px; 
}
.yt-center{
 margin: auto; 
}

li.sigProThumb:before{
  display: none!important;
}
.bd-custom-bulletlist {
  padding-left:10px;
}


.wh-btn{
  display: inline-block;
  border: 2px solid #fff;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 5px 15px;
  color: #fff;
}
.wh-btn:hover{
  color: #fff;
  text-decoration: underline;
}
.wh-btn:visited{
  color: #fff;
  text-decoration: none;
}

.tp-revslider-mainul ul{
 list-style-type: none!important;
    list-style: none!important;
  list-style-type: none!important;
  text-indent: 0px!important;
  margin: 0px!important;
  passing: 0px!important;
  color: #fff!important;
}
.tp-revslider-slidesli {
  list-style: none!important;
  list-style-type: none!important;
  text-indent: 0px!important;
  margin: 0px!important;
  passing: 0px!important;
  color: #fff!important;
}

.tp-bgimg, .tp-caption {
  margin: 0px!important;
  padding: 0px!important;
  text-indent: 0px!important;
}

hr{
  margin: 40px auto;
  max-width: 400px;
  border: 2px solid #003D97;
}
#copertina img{
 padding: 0px!important; 
}



@property --border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* ── Base ─────────────────────────────────────────────── */
.btn-azzurro {
  display: inline-block;
  font-size: 20px !important;
  background-color: #003D97 !important; /* semplice, niente gradient trick */
  padding: 15px 20px;
  color: #fff !important;
  border-radius: 10px;
  border: none;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
  transition: background-color 0.3s, box-shadow 0.3s;
  animation: cta-glow 5s ease-in-out infinite;
}

/* ── Hover / Active / Visited ─────────────────────────── */
.btn-azzurro:hover {
  background-color: #0550C2 !important;
  box-shadow: 0px 6px 12px rgba(0,0,0,0.3);
  animation-play-state: paused;
}
.btn-azzurro:active {
  background-color: #022D6E !important;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
.btn-azzurro:visited {
  color: #fff !important;
}

/* ── Bordo rotante (mask technique) ──────────────────── */
/* ::before riempie il bottone, la mask mostra solo il ring esterno da 2px */
.btn-azzurro::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px; /* spessore del bordo visibile */
  background: conic-gradient(from var(--border-angle),
    transparent                   0%,
    rgba(100, 181, 246, 0.0)      8%,
    rgba(100, 181, 246, 0.9)     13%,
    rgba(255, 255, 255, 0.95)    16%,
    rgba(100, 181, 246, 0.9)     19%,
    rgba(100, 181, 246, 0.0)     24%,
    transparent                 100%
  );
  /* Mostra solo l'anello tra border-box e content-box (= 2px di padding) */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: border-spin 3s linear infinite;
  pointer-events: none;
}

/* ── Shimmer ──────────────────────────────────────────── */
.btn-azzurro::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -75%;
  width: 45%;
  height: 200%;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0)    0%,
    rgba(255,255,255,0.28) 50%,
    rgba(255,255,255,0)   100%
  );
  transform: skewX(-20deg);
  animation: cta-shimmer 5s ease-in-out infinite;
  pointer-events: none;
}

/* ── Keyframes ────────────────────────────────────────── */
@keyframes border-spin {
  to { --border-angle: 360deg; }
}

@keyframes cta-glow {
  0%, 38%, 80%, 100% {
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
  }
  52% {
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2),
                0 0 22px 8px rgba(0,100,220,0.45);
  }
  66% {
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2),
                0 0 8px 2px rgba(0,80,180,0.15);
  }
}

@keyframes cta-shimmer {
  0%, 45% { left: -75%;  opacity: 1; }
  62%      { left: 130%; opacity: 1; }
  63%, 100%{ left: 130%; opacity: 0; }
}





/* ============================================================
   FORM CONTATTI - stili moderni
   Da aggiungere in fondo a custom.css
   ============================================================ */

.form-contatti-wrap {
  max-width: 620px;
  margin: 30px auto 50px auto;
  background: #f4f6f9;
  padding: 36px 40px 40px 40px;
}

@media (max-width: 640px) {
  .form-contatti-wrap {
    padding: 24px 18px 28px 18px;
  }
}

/* Reset selettivo: annulla i globali aggressivi solo dentro il form */
.form-contatti-wrap input,
.form-contatti-wrap select,
.form-contatti-wrap textarea {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  margin: 0 0 16px 0 !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  font-weight: 200 !important;
  font-family: inherit;
  color: #777 !important;
  background-color: #fff !important;
  border: 1.5px solid #d0d8e8 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.form-contatti-wrap input:focus,
.form-contatti-wrap select:focus,
.form-contatti-wrap textarea:focus {
  border-color: #003D97 !important;
  box-shadow: none !important;
  background-color: #fff !important;
}

.form-contatti-wrap textarea {
  min-height: 100px !important;
  resize: vertical;
}

.form-contatti-wrap select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23003D97' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 11px !important;
  padding-right: 36px !important;
  color: #777 !important;
}

.form-contatti-wrap select option {
  color: #222;
}

/* Label provincia */
.form-contatti-wrap .label-provincia {
  display: block;
  font-size: 15px;
  font-weight: 200;
  color: #777;
  margin-bottom: 6px;
  text-transform: none;
  letter-spacing: 0;
}

/* Checkbox privacy */
.form-contatti-wrap .privacy-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0 20px 0;
  font-size: 15px;
  font-weight: 200;
  color: #777;
  line-height: 1.5;
}

.form-contatti-wrap .privacy-row input[type="checkbox"] {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  flex-shrink: 0;
  accent-color: #003D97;
  border-radius: 0px !important;
}

.form-contatti-wrap .privacy-row a {
  color: #003D97;
  text-decoration: underline;
}

/* Divisore prima della textarea */
.form-contatti-wrap hr {
  border: none;
  border-top: 1px solid #e4e9f2;
  margin: 4px 0 16px 0 !important;
  max-width: 100%;
}

/* Pulsante submit */
.form-contatti-wrap input[type="submit"] {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  background-color: #003D97 !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600;
  letter-spacing: 0.05em;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
}

.form-contatti-wrap input[type="submit"]:hover {
  background-color: #0550C2 !important;
  box-shadow: none !important;
}

.form-contatti-wrap input[type="submit"]:active {
  background-color: #022D6E !important;
  transform: translateY(1px);
}

.form-contatti-wrap input::placeholder,
.form-contatti-wrap textarea::placeholder {
  color: #777 !important;
  font-size: 15px !important;
  font-weight: 200 !important;
  opacity: 1;
}

/* Loader processing */
#form-processing {
  text-align: center;
  padding: 20px 0 0 0;
}

ul{
  margin-left: 2%!important;
  margin-right: 2%!important;
}
li{
  line-height: 1!important;
}


/* ============================================================
   NORMALIZZAZIONE GLOBALE FONT / PESI / COLORI
   Da aggiungere IN FONDO a custom.css
   ============================================================ */

/* 1) Variabili globali */
:root{
  --brand-blue: #003D97;
  --brand-blue-hover: #0550C2;
  --brand-blue-dark: #022D6E;
  --base-text-color: #222222;
  --base-font-family: 'Open Sans', Arial, sans-serif;
  --base-font-weight: 200;
  --strong-font-weight: 600;
}

/* 2) Font globale */
html,
body,
body * {
  font-family: var(--base-font-family) !important;
}

/* 3) Peso base globale */
body,
p,
span,
div,
li,
ul,
ol,
a,
label,
input,
select,
textarea,
td,
th,
small,
blockquote,
figcaption {
  font-weight: var(--base-font-weight) !important;
  color: inherit;
}

/* 4) Eccezioni con peso 600 */
b,
strong,
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-weight: var(--strong-font-weight) !important;
}

/* 5) Uniformità titoli */
h1,
h2,
h3 {
  font-family: var(--base-font-family) !important;
  color: var(--base-text-color);
}

/* 6) Testo base sito */
body {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
  color: var(--base-text-color);
}

/* 7) Link nel blu istituzionale */
a {
  color: var(--brand-blue);
}

a:hover,
a:focus {
  color: var(--brand-blue-hover);
}

/* 8) Classi colore già presenti nel CSS */
.azzurro {
  color: var(--brand-blue) !important;
}

/* 9) Bottoni e componenti blu uniformati */
.cssbutton,
.bluebutton1,
.btn-azzurro,
input[type=submit],
.form-contatti-wrap input[type="submit"] {
  font-family: var(--base-font-family) !important;
  color: #ffffff !important;
  background: var(--brand-blue) !important;
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue-dark) !important;
  text-shadow: none !important;
}

.cssbutton:hover,
.bluebutton1:hover,
.btn-azzurro:hover,
input[type=submit]:hover,
.form-contatti-wrap input[type="submit"]:hover {
  background: var(--brand-blue-hover) !important;
  background-color: var(--brand-blue-hover) !important;
  color: #ffffff !important;
}

.cssbutton:active,
.bluebutton1:active,
.btn-azzurro:active,
input[type=submit]:active,
.form-contatti-wrap input[type="submit"]:active {
  background: var(--brand-blue-dark) !important;
  background-color: var(--brand-blue-dark) !important;
  color: #ffffff !important;
}

/* 10) Bottone verde convertito al blu brand */
.contbut {
  font-family: var(--base-font-family) !important;
  color: #ffffff !important;
  background: var(--brand-blue) !important;
  background-color: var(--brand-blue) !important;
  border: 1px solid var(--brand-blue-dark) !important;
  text-shadow: none !important;
  box-shadow: 0px 10px 14px -7px rgba(0, 61, 151, 0.45) !important;
}

.contbut:hover {
  background: var(--brand-blue-hover) !important;
  background-color: var(--brand-blue-hover) !important;
  color: #ffffff !important;
}

.contbut:active {
  background: var(--brand-blue-dark) !important;
  background-color: var(--brand-blue-dark) !important;
}

/* 11) Bordi blu resi coerenti */
.imgblocchi2,
.imgquadrate,
.imgquadratemini,
.btn-azzurro,
hr,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
  border-color: var(--brand-blue) !important;
}

/* 12) Elementi che avevano blu/azzurri diversi */
.link-approfondimento,
.pdt-button {
  background-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

.link-approfondimento a,
.pdt-button:hover,
.pdt-button:visited {
  color: #ffffff !important;
}

.pdt-button:hover {
  background-color: var(--brand-blue-hover) !important;
}

/* 13) Select custom arrow coerente */
.form-contatti-wrap select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23003D97' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
}

/* 14) Placeholder coerenti */
::-webkit-input-placeholder {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
}

:-ms-input-placeholder {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
}

::placeholder {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
}

/* 15) Menu evidenziato: mantieni giallo, ma font coerente */
.highlightmenuitem,
.highlightmenuitem:hover,
.highlightmenuitem:visited {
  font-family: var(--base-font-family) !important;
  font-weight: var(--strong-font-weight) !important;
}

/* 16) Testi speciali che nel file avevano pesi diversi */
.blocchidivchi p,
.blocchidivchi2 p,
.blocchidivnumeri p,
.customul1 li,
.blocchi-container a,
.blocchi-container-p a,
.blocchi-container2 a,
.stronglink {
  font-weight: var(--strong-font-weight) !important;
}

/* 17) Mantieni bold anche dove serve nei pulsanti */
.cssbutton,
.bluebutton1,
.contbut,
input[type=submit],
.form-contatti-wrap input[type="submit"] {
  font-weight: var(--strong-font-weight) !important;
}

/* 18) Icone / elementi FA non devono diventare troppo sottili */
i,
.fa,
.fas,
far,
fab {
  font-family: inherit;
}

/* 19) Uniforma gli elementi form */
input,
select,
textarea,
button {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
}

/* 20) Ultima regola globale di sicurezza */
b,
strong {
  font-weight: 600 !important;
}
h1,
h2,
h3 {
  font-weight: 600 !important;
}

/* ============================================================
   NORMALIZZAZIONE GLOBALE FONT / PESI / COLORI
   Da aggiungere IN FONDO al CSS esistente
   ============================================================ */

:root{
  --brand-blue: #003D97;
  --brand-blue-hover: #0550C2;
  --brand-blue-dark: #022D6E;
  --brand-blue-light: #5B8FD4;
  --base-text-color: #222222;
  --base-font-family: 'Open Sans', Arial, sans-serif;
  --base-font-weight: 200;
  --strong-font-weight: 600;
}

/* ============================================================
   FONT GLOBALE
   ============================================================ */

html,
body {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
  color: var(--base-text-color);
}

/* Applica Open Sans solo agli elementi testuali reali */
body,
p,
span,
div,
li,
ul,
ol,
dl,
dt,
dd,
a,
label,
input,
select,
textarea,
button,
td,
th,
small,
blockquote,
figcaption,
caption,
em {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
  color: inherit;
}

/* Titoli e testi forti */
b,
strong,
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--base-font-family) !important;
  font-weight: var(--strong-font-weight) !important;
}

h1,
h2,
h3 {
  color: var(--base-text-color) !important;
}

/* Mantieni coerente anche il resto dei titoli */
h4,
h5,
h6 {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
  color: var(--base-text-color) !important;
}

/* ============================================================
   FONT AWESOME - NON TOCCARE LE ICONE
   ============================================================ */

.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
}

.fa:before,
.fas:before,
.far:before,
.fal:before,
.fab:before,
.fa-solid:before,
.fa-regular:before,
.fa-light:before,
.fa-brands:before,
[class^="fa-"]:before,
[class*=" fa-"]:before {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
}

/* Evita che il font-weight globale rovini le icone */
.fa,
.fas,
.fa-solid,
.fa:before,
.fas:before,
.fa-solid:before {
  font-weight: 900 !important;
}

.far,
.fa-regular,
.far:before,
.fa-regular:before {
  font-weight: 400 !important;
}

/* Brands */
.fab,
.fa-brands,
.fab:before,
.fa-brands:before {
  font-weight: 400 !important;
}

/* ============================================================
   TESTO BASE
   ============================================================ */

body,
p,
li,
td,
th,
label,
input,
select,
textarea,
button {
  font-weight: var(--base-font-weight) !important;
}

b,
strong {
  font-weight: 600 !important;
}

h1,
h2,
h3 {
  font-weight: 600 !important;
}

/* ============================================================
   LINK
   ============================================================ */

a {
  color: var(--brand-blue);
}

a:hover,
a:focus {
  color: var(--brand-blue-hover);
}

/* ============================================================
   COLORI BLU / AZZURRI OMOGENEI
   ============================================================ */

.azzurro {
  color: var(--brand-blue) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--brand-blue) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--brand-blue-dark) !important;
}

/* Bordi / elementi blu */
.imgblocchi2,
.imgquadrate,
.imgquadratemini,
hr {
  border-color: var(--brand-blue) !important;
}

/* ============================================================
   BOTTONI BLU
   ============================================================ */

.cssbutton,
.bluebutton1,
.btn-azzurro,
input[type=submit],
.form-contatti-wrap input[type="submit"] {
  font-family: var(--base-font-family) !important;
  font-weight: 200 !important;
  color: #ffffff !important;
  background: var(--brand-blue) !important;
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue-dark) !important;
  text-shadow: none !important;
}

.cssbutton:hover,
.bluebutton1:hover,
.btn-azzurro:hover,
input[type=submit]:hover,
.form-contatti-wrap input[type="submit"]:hover {
  background: var(--brand-blue-hover) !important;
  background-color: var(--brand-blue-hover) !important;
  color: #ffffff !important;
}

.cssbutton:active,
.bluebutton1:active,
.btn-azzurro:active,
input[type=submit]:active,
.form-contatti-wrap input[type="submit"]:active {
  background: var(--brand-blue-dark) !important;
  background-color: var(--brand-blue-dark) !important;
  color: #ffffff !important;
}

/* Elimina i gradienti vecchi dei pulsanti */
.cssbutton,
.cssbutton:hover,
.bluebutton1,
.bluebutton1:hover,
.contbut,
.contbut:hover {
  filter: none !important;
}

/* ============================================================
   BOTTONE VERDE PORTATO AL BLU BRAND
   ============================================================ */

.contbut {
  font-family: var(--base-font-family) !important;
  font-weight: 200 !important;
  color: #ffffff !important;
  background: var(--brand-blue) !important;
  background-color: var(--brand-blue) !important;
  border: 1px solid var(--brand-blue-dark) !important;
  text-shadow: none !important;
  box-shadow: 0px 10px 14px -7px rgba(0, 61, 151, 0.45) !important;
}

.contbut:hover {
  background: var(--brand-blue-hover) !important;
  background-color: var(--brand-blue-hover) !important;
  color: #ffffff !important;
}

.contbut:active {
  background: var(--brand-blue-dark) !important;
  background-color: var(--brand-blue-dark) !important;
}

/* ============================================================
   ELEMENTI COLORATI DA RENDERE COERENTI
   ============================================================ */

.link-approfondimento,
.pdt-button {
  background-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

.link-approfondimento a,
.link-approfondimento a:before,
.pdt-button,
.pdt-button:hover,
.pdt-button:visited {
  color: #ffffff !important;
}

.pdt-button:hover {
  background-color: var(--brand-blue-hover) !important;
}

.btn-azzurro {
  background-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

.btn-azzurro:hover {
  background-color: var(--brand-blue-hover) !important;
}

.btn-azzurro:active {
  background-color: var(--brand-blue-dark) !important;
}

/* ============================================================
   FORM
   ============================================================ */

input,
select,
textarea,
button {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
}

::placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder {
  font-family: var(--base-font-family) !important;
  font-weight: var(--base-font-weight) !important;
}

/* Bordi focus coerenti */
.form-contatti-wrap input:focus,
.form-contatti-wrap select:focus,
.form-contatti-wrap textarea:focus {
  border-color: var(--brand-blue) !important;
}

/* Freccia select */
.form-contatti-wrap select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23003D97' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
}

/* Checkbox accent */
.form-contatti-wrap .privacy-row input[type="checkbox"] {
  accent-color: var(--brand-blue);
}

/* ============================================================
   MENU / EVIDENZIAZIONI
   ============================================================ */

.highlightmenuitem,
.highlightmenuitem:hover,
.highlightmenuitem:visited {
  font-family: var(--base-font-family) !important;
  font-weight: 600 !important;
}

/* ============================================================
   CLASSI SPECIFICHE DEL TUO CSS DA RENDERE COERENTI
   ============================================================ */

.blocchidivchi p,
.blocchidivchi2 p,
.blocchidivnumeri p,
.customul1 li,
.blocchi-container a,
.blocchi-container-p a,
.blocchi-container2 a,
.stronglink {
  font-weight: 600 !important;
}

/* Claim e testi speciali */
.claimcustom,
.secondary-content,
.highlight-content,
.item-read,
.item-read a,
.formicons,
.formicons-wide,
.claim,
.hashtags p {
  font-family: var(--base-font-family) !important;
}


/* ============================================================
   EVENTUALE OVERRIDE DI ALCUNI COLORI AZZURRI SPARSI
   ============================================================ */

.cssbutton {
  box-shadow: 0px 0px 0px 2px var(--brand-blue-light) !important;
}

.form-contatti-wrap .privacy-row a,
.link-approfondimento a,
.socialbtn:hover,
a.active > img.bd-menu-image,
a:hover > img.bd-menu-image {
  color: inherit;
}

/* In questo caso lasciamo l'effetto immagini invertite del menu */
a.active > img.bd-menu-image,
a:hover > img.bd-menu-image {
  filter: brightness(0) invert(1);
}

/* ============================================================
   MIGLIORAMENTO LEGGIBILITÀ TESTI
   ============================================================ */

/* Interlinea generale */
body,
p,
li,
td,
th,
label,
input,
select,
textarea {
  line-height: 1.6 !important;
}

/* Spazio tra paragrafi */
p {
  margin-bottom: 1em !important;
}

/* Evita spazio doppio se un paragrafo è l'ultimo */
p:last-child {
  margin-bottom: 0 !important;
}

/* Liste un po' più ariose */
ul,
ol {
  margin-bottom: 1em !important;
}

li {
  margin-bottom: 0.4em !important;
}

ul.tp-revslider-mainul li {
    list-style: none !important;
    padding-left: 0 !important;
}

ul.tp-revslider-mainul li::before {
    content: none !important;
}