/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.voicemenu{
	text-transform: none;
	font-weight: 600;
}
.voicemenu:hover{
	color: #E98203;
	text-transform: none;
	font-weight: 600;
}
.voicemenu.active{
	text-decoration-line: underline;
}
.download-button-blue{
	font-family: var(--tlx-p-family);
	background-color: #023F87;
	color:#fff;
	font-size: 15px;
	padding: 20px;
	border-radius: 0rem!important;
	border: 1px solid #023F87;
	cursor: pointer;
}
.download-button-blue:hover{
	background-color: #FFF;
	color: #1559AC;
	font-size: 15px;
	padding: 20px;
	border-radius: 0rem!important;
}
.download-button-blue a{
	color: #fff;
	font-weight:500;
}

.button-newsletter{
	padding: 15px 30px;
	border: 1px solid #FFF;
}
.button-newsletter:hover{
	background: #023F87;
	color: #FFF;
}


/*PULSANTI PRODOTTI*/
.btn-equal {
	border: 0;
	max-width: 300px;
	flex: 1 1 250px;
	border-radius: 0;
	background-color: #e6e6e6;
	color: #023f87;
  }
  .btn-equal:hover {
	background-color: #023f87;
	color: #FFF;
  }
  .btn-equal:hover .arrow path { stroke: #FFF; }
  .btn-third {
	background-color: #023f87;
	color: #FFF;
  }
  @media (max-width: 468px) {
	.btn-equal { max-width: 100%; }
  }


/*Space text product + logo product*/
@media (max-width: 2560px){
	.textspace{
		padding:50px 200px 50px 100px;
	}
	.textspacenofoto{
		padding:50px 0px;
	}
	.textspacemplus{
		padding:150px 200px 150px 100px;
	}
	.banner-catalog{
		padding:20px 50px 0px 50px;
	}
	.logoproduct{
		width:15%;
		padding:50px 0px;
	}
	.mleftdesk{
		margin-left: 30px;
	}
	.space-newsletter{
		padding: 100px 0px 80px 0px;
	}
}
@media (max-width: 1440px){
	.banner-catalog{
		padding:50px 50px 0px 50px;
	}
	.textspace{
		padding:50px 200px 50px 100px;
	}
	.textspacenofoto{
		padding:50px 0px;
	}
	.textspacemplus{
		padding:150px 200px 150px 100px;
	}
	.logoproduct{
		width:15%;
		padding:50px 0px;
	}
	.mleftdesk{
		margin-left: 30px;
	}
	.space-newsletter{
		padding: 100px 0px 80px 0px;
	}
}
@media (max-width: 1024px){
	.banner-catalog{
		padding:50px 50px 0px 50px;
	}
	.textspace{
		padding:50px 100px 50px 100px;
	}
	.textspacenofoto{
		padding:50px 0px;
	}
	.textspacemplus{
		padding:50px 100px 50px 100px;
	}
	.logoproduct{
		width:20%;
		padding:50px 0px;
	}
	.mleftdesk{
		margin-left: 0px;
	}
	.productmobileresp{
		width: 100%;
	}
	.text-title{
		line-height: 1.5;
	}
	.product-title{
		line-height: 1.5;
	}
	.space-newsletter{
		padding: 100px 0px 80px 0px;
	}
}
@media (max-width: 768px){
	.banner-catalog{
		padding:50px 50px 0px 50px;
	}
	.textspace{
		padding:50px 50px 50px 50px;
	}
	.textspacenofoto{
		padding:50px 30px;
	}
	.textspacemplus{
		padding:50px 50px 50px 50px;
	}
	.logoproduct{
		width:30%;
		padding:30px 0px;
	}
	.productmobileresp{
		width: 20%;
	}
	.text-title{
		line-height: 1.2;
	}
	.product-title{
		line-height: 1.2;
	}
	.space-newsletter{
		padding: 50px 0px 50px 0px;
	}
}
@media (max-width: 425px){
	.productmobileresp{
		width: 20%;
	}
	.cataloghi {
		background-color: #033f87;
		height: 500px;
	}
	.banner-catalog{
		padding:0px 10px;
	}
	.textspace{
		padding:30px 30px;
	}
	.textspacenofoto{
		padding:30px 30px;
	}
	.textspacemplus{
		padding:30px 30px;
	}
	.logoproduct{
		width:40%;
		padding:20px 0px;
	}
	.product-title{
		line-height: 1.2;
	}
}

.slidehide{
	opacity: 0.5;
}

/*SLIDE*/
.slider {
	  margin-bottom: 20px;
	}

	.slider {
	  position: relative;
	}
	.slider-viewport {
	  position: relative;
	  overflow: hidden;
	}
	.slider-track {
	  position: relative;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: center;
	}
	.slider.no-slide .slider-track {
	  justify-content: center;
	  align-items: center;
	}

	.slide {
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  flex-grow: 0;
	  flex-shrink: 0;
	  overflow: hidden;
	  max-width: 100%;
	  flex-basis: auto;
	  height: auto;
	  background: transparent;
	  color: #ffffff;
	  transform: translateZ(0);
	}
	.slide + .slide {
	  margin-left: 0;
	}
	.slide-overlay {
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  width: 100%;
	  background: rgba(0, 0, 0, 0.5);
	}
	.slide-full-width .slide, .slide-full-width.slide, .slide-cover-width .slide, .slide-cover-width.slide {
	  flex-basis: 100%;
	}
	.slide-data-background {
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: -1;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center center;
	  transition: transform 300ms;
	}
	.slide:hover .slide-data-zoom-background {
	  transform: scale(1.1);
	}
	.slide[data-background], .slide[data-zoom-background] {
	  background: transparent;
	}

	.slide {
	  margin-left: -1px;
	  margin-right: -1px;
	}
	.slide-image {
	  display: block;
	  position: relative;
	  text-align: center;
	  transition: transform 300ms;
	}
	.slide-image:hover {
	  transform: scale(1.05);
	}
	.slide-image-caption {
	  display: block;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 1;
	  padding: 0.8em;
	  text-decoration: none;
	  font-size: 14px;
	  color: #ffffff;
	  background: rgba(0, 0, 0, 0.4);
	  transition: transform 300ms;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.slide-image:hover .slide-image-caption {
	  transform: translateY(100%);
	}
	.slide-image-hoverlay {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  z-index: 10;
	  width: 0;
	  overflow: hidden;
	  color: rgba(255, 255, 255, 0.8);
	  font-size: 30px;
	  background: rgba(0, 0, 0, 0.3);
	  transition: opacity 400ms, width 0ms linear 400ms;
	  opacity: 0;
	  transform: translateZ(0);
	}
	.slide-image:hover .slide-image-hoverlay {
	  transition: opacity 400ms, width 0ms linear 0ms;
	  width: 100%;
	  opacity: 1;
	}
	.slide-image img {
	  vertical-align: middle;
	  border: none;
	  max-height: auto;
	}
	.slide-image-background-wrapper {
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center center;
	}
	.slide-image-background-wrapper .slide-image-background {
	  opacity: 0;
	}
	.slide-cover-width .slide-image {
	  width: 100%;
	}

	.slider-prev, .slider-next {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
	  top: 0;
	  bottom: 62px;
	  z-index: 100;
	  width: 13%;
	  height: 100%;
	  background: #023f877a;
	  font-size: 30px;
	  color: #ffffff;
	  text-decoration: none;
	  transition: width 300ms ease 400ms, background 300ms, color 300ms;
	  overflow: hidden;
	}
	.slider-prev:hover, .slider-next:hover {
	  background: rgb(0 59 130 / 31%);
	  color: #ffffff;
	  text-decoration: none;
	}
	.slider-prev {
	  left: 0;
	}
	.slider-next {
	  right: 0;
	}
	.slider-start .slider-prev {
	  background: rgba(0, 0, 0, 0.3);
	  color: #7e7e7e;
	  width: 0;
	}
	.slider-end .slider-next {
	  background: rgba(0, 0, 0, 0.3);
	  color: #7e7e7e;
	  width: 0;
	}
	.slider.no-slide .slider-prev, .slider.no-slide .slider-next {
	  display: none;
	}

.carousel-indicators .active{
	background-color:#023f87 !important;
}

.oc-item{
	border: 1px solid #C9C9C9;
}
#linked-to-gallery ul li{
	border: 1px solid #C9C9C9;
}

.card-body{
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px!important;
}

@media (max-width: 760px){
.card-text{
	font-size: 12px!important;
}
}