/*!
Theme Name: 	Blowtherm
Theme URI: 		https://www.nalato.com
Description: 	Bootstrap 4 on Wordpress
Version: 		1.1
Author: 		Simone Nalato / Blowtherm Spa
Author URI: 	https://www.nalato.com
*/

/* =FORMATTAZIONE BASE
----------------------------------------------- */

html {
  scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6{
	font-family: 'Mulish', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{color: #375687; font-weight:bold;}

h1, .h1{font-weight:normal;}
h2, .h2{color: #7a7a7a}
h3{}
h4, h3.gray, .h4{color: #7a7a7a}
h5{}
.single-progetto h1{font-size:2.3rem}
.single-progetto h2{font-size:1.5rem; color:#7a7a7a;}
h1.page-title{font-weight:bold; font-size: 3rem;}

.bg-light{background-color:#f2f2f2 !important;}

.card{border-radius:0; border:none; background:none; overflow:hidden;}
.card h4, .flex-caption h4{font-weight:normal;}
.normal h3, .normal h4, .normal h5{font-weight:normal;}
.card-body p:last-child {
    margin-bottom: 0;
}

.card-img{
border-radius:0;overflow:hidden;position:relative;
transition: transform 2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;}

a:hover .card-img {
transform:scale(1.1, 1.1);
}


/*.card-img a img{
	text-decoration: none;
    -webkit-transition: all .3s ease;
transition: all .3s ease;}*/


.card-img a:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background-color: rgba(55,86,135,0.5);
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-20deg);
  transition: transform .5s;
}

.card-img a:hover:before {
  transform: translateX(-50%) skewX(-20deg);
}

/*.card-img a:hover img{opacity: 0.5;}*/


a.card-button{
    color: #375687;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
font-weight: bold;
margin-right:5px;
margin-top:0.5rem;
display:inline-block;	
}


a.card-button::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f105";
	margin-left:5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	vertical-align:-2px;
}


a.card-button:hover {
    cursor: pointer;
    color: #666;
	margin-right:0px;	
}

a.card-button:hover::after{
		margin-left:10px;
}

.blue-card .card{background-color:#375687;}
.blue-card .card h5, .blue-card .card p{color:#fff;}

.gradiente-white-vert{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.6+10,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 10%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.gradiente-black-vert{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


blockquote{background-color:#f2f2f2; padding:2rem; margin-bottom:2rem;}
blockquote p{margin-bottom:0;}

.module h2.subtitle{font-size: 1.75rem; color: #7a7a7a;font-weight:normal;}

.solo-titolo .content, .solo-titolo .content .heading{margin-bottom:0 !important; padding-bottom:0 !important; }
.content .heading {
    content:'';
    display:table;
    clear:both; 
    margin-top: -1px;
    height: 0;
}

a, a:visited a h4{
	color: #375687;
	transition: all 0.3s ease 0s;
	text-decoration: none;	
}
a:hover, a:focus, a:active{
	color:#7a7a7a;
	text-decoration: none;
}
.blue-bt{color: #375687}

.bg-blue{background-color: #375687}
.bg-blue-gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6189c6+0,375687+100&0.4+0,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(97,137,198,0.4) 0%, rgba(55,86,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(97,137,198,0.4) 0%,rgba(55,86,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(97,137,198,0.4) 0%,rgba(55,86,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666189c6', endColorstr='#375687',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.bg-gray-blue-gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#375687+0,6189c6+100&1+0,0.4+100 */
background: -moz-linear-gradient(left,  rgba(55,86,135,1) 0%, rgba(97,137,198,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(55,86,135,1) 0%,rgba(97,137,198,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(55,86,135,1) 0%,rgba(97,137,198,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375687', endColorstr='#666189c6',GradientType=1 ); /* IE6-9 */
}

.bg-service-gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,375687+100&0.25+0,0.75+100 */
background: -moz-linear-gradient(top,  rgba(102,102,102,0.25) 0%, rgba(55,86,135,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,0.25) 0%,rgba(55,86,135,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,0.25) 0%,rgba(55,86,135,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40666666', endColorstr='#bf375687',GradientType=0 ); /* IE6-9 */

}

.btn-ambito{
z-index: 1;
position: relative;
  transition: 0.3s;
/*background-size: 200% auto;*/
background-color:#fff;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  transform: translateZ(0);
  will-change: transform;
}
.btn-ambito:hover{
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
transform: translateZ(0) scale(1.02);
}

/*.bg-ambito{
 Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,afbbcf+50,ffffff+100 
background-image: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(175,187,207,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
}*/
/*.bg-ambito:hover{ background-position: right center;}
.bg-ambito:hover a{ color:#333;}
.bg-ambito:hover .text-white{ color:#375687 !important;}
*/

/*.bg-ambito::before{
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	z-index: -1;
  transition: opacity 0.3s linear;
  opacity: 0; 
border-radius:0.375rem;  
Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+33,879ab7+100
background: linear-gradient(to right,  rgba(255,255,255,1) 33%,rgba(135,154,183,1) 100%);
}

.bg-ambito:hover::before {
  opacity: 1;
}*/

.btn-ambito .svg {filter: invert(25%) sepia(11%) saturate(4988%) hue-rotate(186deg) brightness(98%) contrast(73%); max-width:50px;}
.btn-ambito a{transition: 0.3s; color:#666;}
.btn-ambito .arrow i:before{transition: 0.3s; color:#375687;margin-right:10px; margin-left:0;}


.btn-ambito:hover .svg { }
.btn-ambito:hover a{color:#375687;}
.btn-ambito:hover .arrow i:before{margin-right:0px;margin-left:10px;}

.home .nav-tabs .nav-link {color:#333;background:rgba(255,255,255,0.33);}
.home .nav-tabs .nav-link:hover {background:rgba(255,255,255,0.66);}
.home .nav-tabs .nav-link.active{background-color:#fff;}

.home .nav-tabs .nav-link .svg {filter: invert(15%) sepia(1%) saturate(668%) hue-rotate(115deg) brightness(100%) contrast(86%);}
.home .nav-tabs .nav-link.active .svg, .home .nav-tabs .nav-link:hover .svg {filter: invert(25%) sepia(11%) saturate(4988%) hue-rotate(186deg) brightness(98%) contrast(73%);}

.nav-pills .nav-link.bg-light {color:#375687;}
.nav-pills .nav-link.bg-light.active, .nav-pills  .nav-link:hover {background-color:#ccc !important; color:#fff;}

hr {
    margin-top:0;
    clear: both;
    padding-top: 1rem;
	border:none;
border-bottom: 2px solid #ccc;	
}

hr:after, hr:before{
    display: table;
    content: "";
}
hr:after{
    clear: both;
}


.line-h{width:100%; height:0; border-top: 6px dotted #375687; min-width:60px; text-indent:-9999px;display:block;}
.line-v{height:100%; width:0; border-left: 6px dotted #375687; min-height:60px; text-indent:-9999px;display:inline-block;}

/* =MEDIA
----------------------------------------------- */


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom:1rem;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom:1rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* HEADER
----------------------------------------------- */

.navbar  {
background: #fff;
padding:0;
z-index:10;
}

.wrapfixed .header-fixed { position: relative;}
.navbar-brand img{height:50px; width:auto;}

.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-nav .dropdown-item{white-space:normal;}

.top-menu li{padding:0 .6rem;}	
.top-menu li a.nav-link {
	color: #7a7a7a;
	font-size:0.9rem;
	padding:0 !important;}
.top-menu li:hover a.nav-link,
.top-menu li:focus a.nav-link{
	color:#375687;
}

.main-menu li.has-mega-menu a.nav-link, .main-menu li.launch-search-modal a.nav-link  {
color: #375687 !important;
position:relative;
text-decoration: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-size:0.9rem;
}

.main-menu li.has-mega-menu>a.nav-link  {
padding:1.2rem 0.7rem 1rem 0.7rem;
font-weight:bold;
}

#main-header .nav-link .fas{
	font-size: 12px;
  margin-left: 4px}

.menu-icon{
/*position:absolute;
left:8px;
top:3px;*/
-webkit-transition: all .3s ease;
transition: all .3s ease;
max-width:30px;
filter: invert(42%) sepia(1%) saturate(0%) hue-rotate(349deg) brightness(94%) contrast(93%);
}

.main-menu li.has-mega-menu li ul li a.nav-link:hover{
background-color:#fff;
}

/*.main-menu li.has-mega-menu li ul li.menu-item-object-ambiti a.nav-link{padding-left: 40px;}
.main-menu li.has-mega-menu li ul li.menu-item-object-ambiti a.nav-link:hover{padding-left: 37px !important;}
.main-menu li.has-mega-menu li ul li a.nav-link:hover .menu-icon{margin-left: 5px;}*/

/*.main-menu li.has-mega-menu li ul li.menu-item-object-prodotto a.nav-link{padding-left: 30px !important;}
.main-menu li.has-mega-menu li ul li.menu-item-object-prodotto a.nav-link:hover{padding-left: 35px !important;}*/

.col-prodotti li.menu-item-object-prodotto a.nav-link::before,
.col-prodotti li.menu-item-object-famiglia a.nav-link::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  margin-right: 5px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  vertical-align: 0px;
  font-size:12px;
}
	

.special a.nav-link {
    font-weight: bold !important;
	font-size:0.9rem;
    color: #fff !important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #375687;
    border: 2px solid #375687;
    padding: .1rem 1rem !important;
	margin-top: 1rem;
}
.special a.nav-link:hover{
    color: #fff !important;
	background-color: #7a7a7a;
    border-color: #7a7a7a;
}

.special2 a.nav-link {
    font-weight: bold !important;
	font-size:0.9rem;
    color: #375687 !important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 2px solid #375687;
    padding: .1rem 1rem !important;
	margin-top: 1rem;
}
.special2 a.nav-link:hover{
    color: #7a7a7a !important;
	background-color: #fff;
    border-color: #7a7a7a;
}


#main-header, #main-header-mobile{z-index:11;
-webkit-box-shadow: 0 20px 20px -20px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0 20px 20px -20px rgba(50, 50, 50, 0.5);
box-shadow: 0 20px 20px -20px rgba(50, 50, 50, 0.5);}

#main{overflow:auto;}

#navbar-blocchi .nav-link {
    color: #333;
padding: 1rem;
}

#navbar-blocchi .nav-link:hover, #navbar-blocchi .nav-link.active {
    color: #375687;
	background-color:#eee;
}

.navbar .navbar-toggler {
    border: none;
	padding:0;
}

ul.nav li.menu-hover:hover div.dropdown-menu {
    display: block;
	z-index:10;
}


.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(28, 70, 136, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 
#primaryNav{padding:40px 0 10px 0; border-bottom:1px solid #375687; margin-bottom:10px;}
.home #primaryNav{padding:70px 0 10px 0; border-bottom:1px solid #fff;}

.dropdown-menu .menu_line{display:none !important;}

.dropdown-toggle::after{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  		
    border: 0 none;
    content: "\f107";
    font-size: 15px;
    height: 0;
    margin: -10px 0 15px 8px;
    padding: 0;
    top: 0;
    vertical-align: middle;
    width: 10px;
}
/*.has-mega-menu  .dropdown-toggle::after{
    content: "";
    margin: 0;
    width: 0;
}*/

.dropdown-menu {
  background-color: #f2f2f2;
  border:none;
  border-radius: 0;
  margin-top:0;
  z-index:1000;
-webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 10px 15px -10px rgba(0, 0, 0, 0.25);
box-shadow:         0px 10px 15px -10px rgba(0, 0, 0, 0.25);
  line-height:1.2;
}


.qtranxs-lang-menu .dropdown-menu, .lang-menu .dropdown-menu {
	background: #eeeeee !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.25);
	box-shadow: 0 1px 6px rgba(0,0,0,.25);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
	width:auto !important;
}

.qtranxs-lang-menu .dropdown-menu:after, .lang-menu .dropdown-menu:after {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #eeeeee;
	top: -7px;
	left: 50%;
	margin-left: -7px;
}

.qtranxs-lang-menu>a{font-size:0 !important;}
.qtranxs-lang-menu>a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f0ac";
	font-size: 1rem;
	line-height: 1rem;
	vertical-align: -.2em;
	color:#7a7a7a;	
}

.qtranxs-lang-menu .dropdown-menu, .lang-menu .dropdown-menu {
min-width: 0rem;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
left: 50%;
width: 120px !important;
margin-left: -60px;
}
.lang-menu .dropdown-menu ul{margin:0; padding:0; list-style:none;}
.qtranxs-lang-menu .dropdown-item, .lang-menu li {
    padding: .5rem 1rem;
	margin:0 .5rem;
	font-size:0.8rem;
}

.qtranxs-lang-menu .dropdown-item:focus, .qtranxs-lang-menu .dropdown-item:hover, .qtranxs-lang-menu .dropdown-item.active, .qtranxs-lang-menu .dropdown-item:active {
    color: #375687;
    background: none;
	width:auto;
}

p.qtranxs-available-languages-message{
	color: #6c757d;
	font-style: italic;
}

li.menu-finishing .dropdown-menu{border-top-color:#6189C6;}
li.menu-thermoventilation .dropdown-menu{border-top-color:#CC3333;}


.dropdown-menu  > a {
    background:none;
    color: #375687;
font-size: 0.9rem;	
}

.dropdown-menu  > a.prod {
font-weight:bold;
}

.dropdown-menu > a.mega-menu-row{font-size: 1.6rem; color: #7a7a7a !important;font-weight:normal;	margin-top:15px;}	

  .dropdown-menu > a:focus, .dropdown-menu  > a:hover, .dropdown-menu > a.active:focus, .dropdown-menu > a.active:hover, .dropdown-menu > a.active {
    background:none;
    color: #000;
}

.dropdown-menu  > a .sub{
    color: #333 !important;
font-weight:normal;	
display:block;
}

/*.dropdown:hover>.dropdown-menu {
  display: block;
}*/


/*Mega menu*/

.navbar .container{position:relative;}

    .has-mega-menu{
        position:static !important;
    }
.has-mega-menu .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    overflow: hidden;
    background-position: center;
    background-size: cover;
	padding:0 15px;
	z-index:1;
}

.mini-mega .dropdown-menu {
    left: auto !important;
    right: auto !important;
}
.has-mega-menu .menu-col{padding:30px 15px 10px 15px;}

.has-mega-menu h3, .has-mega-menu .h3{color:#7a7a7a; font-weight:normal; font-size:1.5rem;}
.has-mega-menu .sub {display:block;	font-size:90%; color:#666;margin-top: .25rem;}

ul.megamenu-container, ul.megamenu-container ul {padding:0;}
ul.megamenu-container li{list-style: none; padding:0}
ul.megamenu-container li a.nav-link{/*padding:0 !important; margin-bottom: 1rem;*/ border-radius: 5px;}
ul.megamenu-container li.bold a.nav-link{font-weight:bold;}
ul.megamenu-container li.bold a.nav-link .sub{font-weight:normal;}
.main-menu li.has-mega-menu .title>a.nav-link {  
color: #333 !important;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-radius:0;
  margin-bottom: 5px;
}

.main-menu li.has-mega-menu .hide-title>a.nav-link {  
display:none;
}

.col-componenti .sub-menu{font-size:90%;}
.col-ambiti{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
background: linear-gradient(to right,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.col-ambiti .sub{display:none !important;}
.col-gray {background-color:#e5e5e5;}
.col-gray2 {background-color:#d9d9d9;}
.col-graygrad {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,f2f2f2+100 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(229,229,229,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(229,229,229,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
}
/*.has-mega-menu > a.nav-link::after {
  content: "";
  top: 100%;
  left: 50%;
  border: none;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
    border-top-color: transparent;
  border-top-color: #fff;
  border-width: 16px;
  margin-left: -16px;
  opacity: 0;
  -webkit-transform: scaleX(2) translateY(-100%);
  transform: scaleX(2) translateY(-100%);
  transition: .2s ease-in-out;
    z-index:1001;
}
.menu-hover:hover > a.nav-link::after {
  opacity: 1;
  -webkit-transform: scaleX(2) translateY(0);
  transform: scaleX(2) translateY(0);
}*/

/*Floating buttons*/

.fabWidget {
  position: fixed;
  bottom: 2px;
  right: 2px;
  z-index: 1000;
  transition: all 0.3s;
}

.fabTrigger .background {
    background-color: #375687;
    border-radius: 50%;
    box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),
      0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061),
      0 25px 20px rgba(0, 0, 0, 0.1);
    height: 50px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 50px;
  }

.fabList {
  visibility: hidden;
  opacity: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.fabButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 12px 6px;
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  opacity: 0;
  transform: translateY(50px);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.fabButton:hover {
    cursor: pointer;
  }
.fabButton .active {
    transform: translateY(0px);
    opacity: 1;
  }

.fabWidget.active .fabButton {
  visibility: visible;
  opacity: 1;
  transform: translateY(-15px);
}

.fabOverlay {
  width: 100%;
  height: 100%;
  background: rgba(#000, .1);
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
}

 .fabOverlay.active {
    opacity: 1;
    visibility: visible;
  }

.fabWidget [data-tooltip] {
  position: relative;
}

.fabWidget [data-tooltip]::before {
    cursor: default;
    pointer-events: none;
  }
.fabWidget [data-tooltip]::before {
    content: attr(data-tooltip);
    display: block;
    position: absolute;
    top: 50%;
    right: 110%;
    padding: 7px;
    text-align: center;
    border-radius: 4px;
    background: #666;
    color: #fff;
    font-size: 0.9em;
    white-space: nowrap;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
  }
.fabWidget [data-tooltip]:hover::before {
    right: 120%;
  }

.chat-bubble {
  cursor: pointer;
  position: relative;
}

.chat-bubble .bubble {
    transform-origin: 50%;
    transition: transform 500ms cubic-bezier(0.17, 0.61, 0.54, 0.9);
  }
  
  .chat-bubble .line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2.75;
    stroke-linecap: round;
    transition: stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }
 .chat-bubble .line1 {
    stroke-dasharray: 60 90;
    stroke-dashoffset: -20;
  }
 .chat-bubble .line2 {
    stroke-dasharray: 67 87;
    stroke-dashoffset: -18;
  }
  
 .chat-bubble .circle {
    fill: #ffffff;
    stroke: none;
    transform-origin: 50%;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  }

.fabWidget .active .bubble {
    transform: translateX(24px) translateY(4px) rotate(45deg);
  }
  
.fabWidget  .active .line1 {
    stroke-dashoffset: 21;
  }
.fabWidget .active .line2 {
    stroke-dashoffset: 30;
  } 
.fabWidget .active .circle {
    transform: scale(0);
  }


#ambutt-12448{display:none;}

/*Search bar*/
.asl_w .probox .proinput input.autocomplete{
	line-height: normal;
	opacity: 0.25;
	height: 40px;
	display: block;
	position: relative;
	z-index: 1;
	padding: 0 !important;
	margin: -1px 0 0 -4px !important;
	margin-top: -40px !important;
	width: 100%;
	background: transparent !important;
}

.asl_w .probox input, #ajaxsearchlite3 .probox input::placeholder {
  font-size: 1rem !important;
}

.asl_w .probox .proinput {
  width: 1px;
  height: 100%;
  margin: 0 0 0 10px;
  padding: 0 5px;
  float: left;
  box-shadow: none;
  position: relative;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
    flex-grow: 1;
  z-index: 0;
}

div.asl_w .probox {
	height: 40px !important;
}

div.asl_w .probox .proinput input{
	height: 40px !important;
}

div.asl_w .probox .proloading, div.asl_w .probox .proclose, div.asl_w .probox .promagnifier{
  width: 40px !important;
  height: 40px !important;
}

div.asl_w .probox .proinput form {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

div.asl_w {z-index:11 !important;}


#mobile-menu li{display: inline-block; vertical-align: middle; float;right;}
#main-header-mobile .nav-link{color:#375687;}

#main-header-mobile .has-mega-menu{
	padding: 1rem 0;
	/*background-color: #f2f2f2;*/
	/*margin-bottom: 1rem;*/
}
#main-header-mobile .has-mega-menu >a{
	font-size: 1.1rem;
	margin-bottom: .5rem;
	white-space: normal;
	display: block;
	font-weight:bold; }
	

#main-header-mobile .has-mega-menu  .menu-col {
	padding:0px;
	max-width:100%;
	background:none;
	}
#main-header-mobile .has-mega-menu .menu-col {
  border-bottom: 1px solid #ccc;
}

#main-header-mobile .has-mega-menu .menu-col a.dropdown-toggle {
  padding: .5rem 0;
  display: block;
  color:#666666 !important;
  font-weight:bold;
}

#main-header-mobile .has-mega-menu .menu-col.col-componenti a.dropdown-toggle {
  font-weight:normal;
}

#main-header-mobile .has-mega-menu .menu-col.col-ambiti a.dropdown-toggle{
	color:#000 !important;
}

#main-header-mobile .has-mega-menu  .menu-col a.dropdown-toggle::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  height: 0;
  margin-left: auto;
  margin-top: 1px;
  padding: 0;
  top: 0;
  vertical-align: middle;
  float: right;
  width:auto;
}


#main-header-mobile .has-mega-menu  .menu-col a.dropdown-toggle.show::after{
  content: "\f106";
}

#main-header-mobile .freccia-dx  a::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  height: 0;
  margin-left: auto;
  margin-top: 1px;
  padding: 0;
  top: 0;
  vertical-align: middle;
  float: right;
  width:auto;
}


#main-header-mobile .has-mega-menu >a.dropdown-toggle::after{content:"";}
#main-header-mobile .has-mega-menu .dropdown-menu{padding:0; background:none;}
#main-header-mobile #menu-item-9918>a{display:none;}

#main-header-mobile .special, #main-header-mobile .special2{margin:0!important;}
#main-header-mobile .special a.nav-link, #main-header-mobile .special2 a.nav-link{display: block; margin:0 0 2rem 0; padding:0.5rem;}

#main-header-mobile li.bold a.nav-link{font-weight:bold;}
#main-header-mobile li.bold a.nav-link .sub{font-weight:normal;}

#main-header-mobile .has-mega-menu i{
display:none; 
}

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


#page {
  overflow-wrap: break-word;
  position: relative;
  overflow-x: hidden;
}

.totop{display:none; padding:10px 0;}
.nav-down .totop{display:block;}
.nav-down {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
-webkit-box-shadow: 0 20px 20px -20px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0 20px 20px -20px rgba(50, 50, 50, 0.5);
box-shadow: 0 20px 20px -20px rgba(50, 50, 50, 0.5);	
}

/* =FASCE CONTENUTI
----------------------------------------------- */

/*Fasce*/

.module-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;    
}

.module .content{
	padding: 2rem 0 2rem; 
	position:relative;
z-index: 8;	
}

.no-margin .content{padding:0;}
.no-margin .mb-4{margin:0 !important;}

#finishing .content.bg-image{
	background: linear-gradient(rgba(97,137,198,0.1), rgba(97,137,198,0.1)), url("https://www.blowtherm.it/wp-content/uploads/2024/09/bg-home.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  }
  
  #thermoventilation .content.bg-image{
	background: linear-gradient(rgba(25,123,48,0.1), rgba(25,123,48,0.1)), url("https://www.blowtherm.it/wp-content/uploads/2024/09/bg-home.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  }

.module h1.title-finishing, .module h1.title-thermoventilation{font-size:2.5rem;font-weight:bold;}
.module h1.title-finishing, h3.title-finishing, .h3.title-finishing{color:#6189C6;}
.module h1.title-thermoventilation, h3.title-thermoventilation, .h3.title-thermoventilation{color:#197b30;}
.module h3.subtitle, .module .h3.subtitle{color:#7a7a7a;margin-bottom:2rem; font-weight:normal;}
.slant-h1{padding-left:20px; position:relative;}
.slant-h1:before{
	content:"";
  position:absolute;
  top:5px;
  left:7px;
  background-color:#999;
  width:5px;
  height:36px;
   -ms-transform: skewX(-18deg);
  -webkit-transform: skewX(-18deg);
  transform: skewX(-18deg);  
  display: inline-block; 
}

.slant-h3:before{
  height:24px;
}

.h1-finishing:before{ background-color:#6189C6;}
.h1-thermoventilation:before{ background-color:#197b30;}


.blocco-ambito{margin-top:2rem;}
.blocco-ambito.finishing{background-color:#6189C6; margin-top:2rem;}
.blocco-ambito.thermoventilation{background-color:#197b30;margin-top:2rem;}
.blocco-ambito .custom-select{border:none; border-left:10px solid #c33;}

.module.gray, .bg-gray{background-color:#EFF1F4  !important;}
.module.light-gray, .bg-light-gray{background-color:#F7F8F9 !important;}

.flex-caption {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	color:#fff !important;	
}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5,.white-text p, .white-text a {
	color:#fff;	
}
.blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5,.blue-text p, .blue-text a {
	color:#375687;	
}

.flex-caption .row, .flex-caption .container, .flex-caption .col-sm-12 {
}

.flex-control-nav {
    z-index: 10;
}


.flexslider li h2,
.flexslider li h3,
.flexslider li p a{
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .flex-caption h2,
.flexslider li.flex-active-slide .flex-caption h3,
.flexslider li.flex-active-slide .flex-caption h4,
.flexslider li.flex-active-slide .flex-caption h5,
.flexslider li.flex-active-slide .flex-caption p a {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .flex-caption  h3 {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.flexslider li.flex-active-slide .flex-caption  p a {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.flexslider li.video-slide .video-wrapper {
    position: absolute; 
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

.flexslider li.video-slide video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.slider-down-arrow {
	position: absolute;
	z-index: 10;
	bottom: -20px;
	left: 30px;
	width: 100px;
	height: 100px;
	border: 2px dotted white;
	border-radius: 60px;
	text-align: center;	
	padding: 20px;
}

.slider-down-arrow a {
	color: white;
}

.caption-outer{
    display: table;
    height: 100%;
    width: 100%;
}

.caption-inner{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}



.immagine-container .txt-container, .slider-bg .slides {
  height: 500px;
  max-height: 100%;
  overflow: hidden;
}

@media (max-width: 1199.98px) {.immagine-container .txt-container, .slider-bg .slides {  height: 400px;} }

@media (max-width: 991.98px) {.immagine-container .txt-container, .slider-bg .slides {  height: 350px;} }

@media (max-width: 767.98px) {.immagine-container .txt-container, .slider-bg .slides {  height: 350px;} }

@media (max-width: 575.98px) {.immagine-container .txt-container, .slider-bg .slides {  height: 300px;} }

#slider-bg .slides li {
  background-position: center bottom !important;
  background-size: cover !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  width: 100%;
}

.bg-gray .card {background-color:white;}
.card-shadow .card {
	box-shadow: 0 0 8px rgba(0,0,0,.16);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.16);
}

.text-content ul,.text-content li,
.card-body ul, .card-body li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.text-content ul, .card-body ul {
  margin:0;
  margin-bottom: 1rem;
}

.text-content li, .card-body li {
  margin:0;
  margin-bottom: 0.3rem;
  padding-left: 1.5rem;
  position:relative
}

.text-content li:before, .card-body li:before {
  content: '';
position: absolute;
left: 0;
top: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 1px;
width: 12px;
background-color: #375687;
}

ul.highlight{margin-bottom:2.5rem;}

ul.highlight li:before{
position: absolute;
left: 0;
top: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 12px;
background: none;
color:#375687;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
margin-left:5px;
}

.text-content ul li ul li:before {
background-color:#7a7a7a;
}
.text-content p a, .text-content li a, .card-body p a, .card-body li a{
    font-weight: 700;
background-image: linear-gradient(transparent calc(100% - 1px),#375687 1px);
background-size: 100% 100%;
background-position: 100%;
background-repeat:no-repeat;
transition: all .2s;
}

.text-content p a:hover, .text-content li a:hover{
    color: #375687;
background-size: 0 100%;	
}

.compare-table .blocco-outer{background:#f2f2f2; padding:1.25rem}

.compare-table ul{
  list-style: none;
  padding: 0;
}

.compare-table li {
  padding: 0.5rem 0 0.5rem 1.4rem;
  border-bottom: 1px solid #ccc;
   font-size:0.9rem;
line-height:1.2rem; 
display:flex;  
}

.compare-table li:before {
  content: "\f00c"; /* FontAwesome Unicode */
font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  margin-left:-1.2em;
  font-size: 16px;
  padding-right:8px;
 color: #375687; 
}

.compare-table li strong{
  color:#666;
margin-left:auto;
text-align:right;
}

.compare-table h6{ display:block; background-color:#999; color:#fff; padding:0.45rem 0; margin-bottom:0.9rem;}

/*Fascia testo+immagine*/
.testoimmagine-container{position:relative; padding-top:3rem;}
.testoimmagine-container .text-container{text-align:left;}

/*.testoimmagine-container a {
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #375687;
    border: 2px solid #375687;
    padding: .25rem .75rem;
	margin-top: .7rem;
}
.testoimmagine-container a:hover{
    color: #375687;
	background-color: #fff;
    border-color: #375687;
}*/


/*Fascia immagine*/
.immagine-container{position:relative;}
.velo{
position: absolute;
top:0;
width: 100%;
height: 100%;}

.velo-blu, .velo-blu .velo{background: rgba(28, 70, 136, 0.5); transition: all 0.3s ease 0s;}
.velo-bianco, .velo-bianco .velo{background: rgba(255, 255, 255, 0.5); transition: all 0.3s ease 0s;}
.card:hover .velo-blu{background: rgba(28, 70, 136, 0.2);}
.veli-gradiente .velo-blu{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}


#box-assistenza .velo {display:none;}
.img-full {
    width: 100%;
    height: auto;
}

/*Fascia Parallax*/
.parallax-window{
    background-attachment: fixed;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax h1, .parallax-window, .immagine-container{
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); 
}

.immagine-container.parallax-window{min-height: 300px;}
.parallax .flex-caption, .parallax-window .flex-caption{padding:2rem 0;} 

.immagine-container.module h2{font-size:3.2rem;}

/*Fascia icone*/
.ico-bg{text-align:center; display:block;}
.ico-testo p, .ico-testo h2, .ico-testo.count{margin:0; color:#375687; line-height:1 }
.ico-testo .count {font-weight:bold;}


/*Fascia mappa*/
.acf-map {
	height: 500px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


/*Fascia slideshow*/
.slideshow-container, .slider-container-3, .slider-container-4{overflow:hidden; position:relative;}
.slides li .padded{padding: 0 10px;}
.flexslider .placeholder{display:none;}
.flexslider.loadings .placeholder{display:block;width:100%; height:auto; position:absolute;}
/*.loadings {min-height: 400px; background: url('images/preloader.gif') no-repeat center center !important;}*/
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible; backface-visibility: visible} 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; height:100%}
.slideshow-bg{position:absolute; top:0; left:0;}

.slideshow-container .caption-inner{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
	padding:30px 0;);
}
.caption-inner.caption-bottom{vertical-align: bottom;}
.slideshow-container .caption-inner h2{font-size: 3.5rem; color:#fff;}
.slideshow-container .caption-inner h3{color:#fff;}

.slideshow-container .caption-inner h2,
.slideshow-container .caption-inner h3,
.slideshow-container .caption-inner h4,
.slideshow-container .caption-inner h5
{ text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}

#carousel .slides li{position:relative}
.banner .caption-inner h2{font-size: 2.4rem; color:#fff;}
.banner .card-body{height:100%;}

.parallelogram {
    width: 40%;
    height: 100%;
    margin: 0 0 0 -15%;
    -webkit-transform: skew(-20deg);
       -moz-transform: skew(-20deg);
         -o-transform: skew(-20deg);
    background: rgba(28, 70, 136, 0.56);
    overflow:hidden;
    position:absolute;
}

.parallelogram.pwhite {
    background: rgba(255, 255, 255, 0.56);
}

.velo-home, .velo-grad .velo {
	height: 100%;
	background: -moz-linear-gradient(left, rgba(54,65,69,0.5) 0%, rgba(54,65,69,0) 100%);
	background: -webkit-linear-gradient(left, rgba(54,65,69,0.5) 0%,rgba(54,65,69,0) 100%);
	background: linear-gradient(to right, rgba(54,65,69,0.5) 0%,rgba(54,65,69,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80364145', endColorstr='#00364145',GradientType=1 );
	position: absolute;
	width: 100%;
}

.slideshow .flex-caption a, a.btn-cta-big {
    position: relative;
    display: inline-block;
    padding: .25rem .75rem .25rem 1.5rem;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
  font-weight: 400;
  color: #375687;
  vertical-align: middle;
  margin-top: .7rem;
  font-size: 1.4rem; 
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); 
    clip-path: polygon(13px 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: all 0.3s;
}

.slideshow .flex-caption a::before, a.btn-cta-big::before {
    content: '';
    position: absolute;
    top: 0;
    left: -4px; /* Adjust according to border width */
    height: 100%;
    width: 0;
    border-left: 22px solid #cc3333; /* Color and width of the left border */
    clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 40% 100%);
    pointer-events: none; /* Prevents the pseudo-element from interfering with button clicks */
	transition: all 0.3s;
}

.slideshow .flex-caption a:hover::before, a.btn-cta-big:hover::before  {
   left: 0px; /* Adjust according to border width */
}

.slideshow .flex-caption a:hover, a.btn-cta-big:hover  {
-ms-transform: translateX(8px);
  transform: translateX(8px);
  -webkit-transform: translateX(8px);
  margin-left:8px;
}

.btn-block{width:100%;}

a.btn-cta {
    color: #fff !important;
    background-color: #375687;
	font-size:1rem;	
	text-transform: uppercase;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;	
text-decoration:none !important;
border-left:10px solid #cc3333;	
padding:0.5rem 1rem;
display: inline-block;
}

.text-content a.btn-cta:hover {
    color: #fff;
}

a.btn-cta-white {
    color: #375687 !important;
    background-color: #fff;
	font-size:inherit;
	font-weight:inherit;
text-transform: none;	
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
border-left:10px solid #cc3333;	
padding: .25rem .75rem;
display:inline-block;
}

a.btn-cta-red {
    color: #fff !important;
    background-color: #cc3333;
	font-size:inherit;
	font-weight:inherit;
text-transform: none;	
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
border-left:10px solid #ffffff;	
padding:0.5rem 1rem;
display:inline-block;
}
a.btn-cta-red img{display:none;}

a.btn-light{color:#212529 !important;}



.btn-collapse {
    background-color: #eeeeee;
	padding:2rem 3rem 2rem 1rem;
	position:relative;	
	font-size: 1.3rem;
height: 100%;	
}

.btn-collapse:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f13a";
	right:1rem;
	top:1.6rem;
	position:absolute;
	font-size:2rem;	
	}

.btn-collapse, .btn-collapse.collapsed:hover {	
	background-color: #f2f2f2;
	color: #000 !important;
	border:1px solid #ccc;
}
	
.btn-collapse.collapsed{
	color: #333 !important;
	border:1px solid #eee;
}

.btn-collapse:after, .btn-collapse.collapsed:hover:after{
	color: #375687;
	}

.btn-collapse.collapsed:after{
	color: #999;
	}	


.btn-verniciatura, .btn-airtech{
background-clip: border-box;
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat !important;
background-size: cover !important;
position:relative;	
}

.btn-verniciatura::before, .btn-airtech::before{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:rgb(255,255,255,0.6);
}	

.btn-verniciatura{
background-image: url("/wp-content/uploads/2022/10/btn-verniciatura.jpg");
}

.btn-airtech{
background-image: url("/wp-content/uploads/2022/10/bnt-airtech.jpg");
}

.banner-cta-sport{
background-image: url("/wp-content/uploads/2020/09/vlcsnap-2020-09-07-12h57m34s934.jpg");
background-clip: border-box;
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat !important;
background-size: cover !important;	
}
.banner-cta-cabine{
background-image: url("/wp-content/uploads/2021/01/banner-cabine.jpg");
background-clip: border-box;
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat !important;
background-size: cover !important;	
background-color:#375687;
}

.banner-cta-sport .close, .banner-cta-canbine .close{color:#fff;text-shadow: 0 1px 0 #000; z-index:1000; font-size:2.5 rem;}

.banner-cta-sport.alert.alert-dismissible, .banner-cta-canbine.alert.alert-dismissible {
    padding:0;
}

.gray-box-cta .container{background-color:#EFF1F4; box-shadow: 0 .5rem 1rem rgba(0,0,0,.3);}

@media only screen and (max-width: 575.98px)
{ 
#banner-cta-sport, #banner-cta-carrozzeria{background:none; padding:0;}
#banner-cta-sport .content, #banner-cta-carrozzeria .content{padding:0}
#banner-cta-sport h2, #banner-cta-sport h3, #banner-cta-sport h4, #banner-cta-sport .close, #banner-cta-carrozzeria h2, #banner-cta-carrozzeria h3, #banner-cta-carrozzeria h4, #banner-cta-carrozzeria .close{display:none;}
#banner-cta-sport .btn-cta, #banner-cta-carrozzeria .btn-cta{border-left:none !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-weight:bold; padding:20px;}
#banner-cta-sport a.btn-cta-red img, #banner-cta-carrozzeria a.btn-cta-red img{display:inline-block;}
#banner-cta-sport p, #banner-cta-carrozzeria p{margin:0;}
}

.flex-caption a:hover, a.btn-cta:hover, a.btn-cta-big:hover{
text-decoration:none !important;
border-left: 15px solid #cc3333;}

.flex-caption a::before{clear:both;}


#galleria_thumb img{cursor:pointer; opacity: .5; transition: all 0.3s ease 0s; border-bottom:3px solid #ccc; padding-bottom:3px;}
#galleria_thumb img:hover { opacity: 1;}
#galleria_thumb .flex-active-slide img {
    opacity: 1;
    cursor: default;
border-bottom:3px solid #375687;
}

#galleria_thumb li {
    margin-right: 15px !important;
    width: 80px !important;
}

.galleria-collapse .velo{display:none;}

.galleria-collapse .mt-auto {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+25,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 25%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 25%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width:100%;
}

.galleria-collapse .expanded .mt-auto {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+10,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width:100%;
}

.galleria-collapse .unset .dida p, .galleria-collapse .contract p{display:none;}
.galleria-collapse .contract h5 {display:none;}
.galleria-collapse .contract h5 span {display:block;}

.galleria-collapse .choice{
    height: 450px;
    transition: all 0.2s;
  cursor:pointer;
 background-repeat: no-repeat;
background-position: center; 
 position:relative;
}
.galleria-collapse .choice.expanded{
flex-grow: 3 !important;
}
.galleria-collapse .expanded .btn-more, .galleria-collapse .contract .btn-more{display:none !important;}

.collapse_btn{display:block;}
.collapse_btn[aria-expanded="true"] .collapse-arrow{display:none !important;}

@media only screen and (max-width : 767.98px) {
.galleria-collapse .choice{ height: auto; margin-bottom:1rem !important;}
.choice .btn-more {display:none !important;}
.galleria-collapse .mt-auto {padding-top:50% !important;}
.galleria-collapse .unset .dida p, .galleria-collapse .contract p { display: block; }
.galleria-collapse .position, .choice .btn-more{display:none !important;}
/*.card-img-overlay{position:relative;}*/

.galleria-collapse .mt-auto, .galleria-collapse .expanded .mt-auto {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
.galleria-collapse .contract h5{display:block !important;}

}

/*VIDEO*/
.playpause{cursor:pointer;}

.overlay-bottom .caption-inner{
	text-align: left;
vertical-align: bottom;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.9+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.overlay-top .caption-inner{
	text-align: left;
vertical-align: top;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50&0.9+0,0+50 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.pulse {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}

@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}
.choice .btn-more{transition: all .5s ease 0s;}
.choice:hover .btn-more{padding-right:0 !important;}

/*PRODOTTI*/
.prodotto{border-bottom:3px solid #ccc;transition: all 0.3s ease 0s;}
.prodotto:hover{border-color:#375687;}
.prodotto a h4{font-size:1.2rem; margin-top:0.5rem;color: #375687; font-weight:normal;}
.prodotto a p{color:#333;}

.prodotto a .img-container{overflow:hidden; text-align:center;}
.prodotto a img {
	transition: transform 2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
    transform: translateZ(0px) scale(1, 1);
}

.prodotto a:hover img {
    transform: translateZ(0px) scale(1.05, 1.05);
}

.vantaggio, .prodotto{line-height:1.2;}


a.link, a.link-back {
    color: #375687;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
font-weight: bold;
margin-right:5px;	
background:none !important;
}

.white-text a.link {
    color: #fff;	
}

a.link-back {margin-right:0px;}

.link_container a::after, a.link::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f061";
	margin-left:5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

a.link-back::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f060";
	margin-right:5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

a.link:hover, a.link-back:hover {
    cursor: pointer;
    color: #666;
	margin-right:0px;	
}
.white-text a.link:hover  {
    color: #ccc;
}

.link_container a:hover::after, a.link:hover::after{
		margin-left:10px;
}

a.link-back:hover::before{
		margin-right:10px;
}

.cont-all-news{text-align:right;}

a.download-button {
    display: block;
    background: #eee;
line-height: 1.5;
font-size: 16px;
padding: 10px;
color:#333333;
    margin-bottom: 20px;
}

a.download-button:hover {
    background:#7a7a7a;
	color:#ffffff;
}

.table thead th, .table tfoot th {
vertical-align: top;
background: #f2f2f2;
font-weight:normal;
}

.table.table-white thead th, .table.table-white tfoot th {
background: #fff;
}

.table.table-white td, .table.table-white th {
    border-color: #ccc !important;
}

#technical_data .table thead th, #versions .table thead th{font-size:90%;}
#technical_data .table tbody td, #versions .table tbody td{font-size:80%;}

.certificazione .media-body{
    font-size: 90%;
    color:#6c757d;
}
.certificazione img{max-width:80px; height:auto;}

#galleria .slides li{position:relative;}
.caption{padding: 2px 3px;
background: rgba(255, 255, 255, 0.6);
position: absolute;
bottom:0; right:0;}

/*TAB*/
.menu-versioni {
	color: #375687;
	border-top: 2px solid #375687;
}


.menu-versioni .nav-link {
	color: #375687;
	border-bottom: 2px solid #375687;
}

.menu-versioni .nav-link:hover {
    color: #fff;
    background-color: #375687;	
}


.menu-versioni .nav-item.show .nav-link, .menu-versioni .nav-link.active {
   color:#fff;
   cursor: inherit;
   background-color: #375687;
}


.nav-tabs .nav-link {
	color: #666666;
	border-bottom: 1px solid #f2f2f2;
}

.nav-tabs .nav-link:hover {
    color: #375687;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   border-bottom-color: #375687;
   color:#375687;
   cursor: inherit;
    background-color: #fff;
}


.collapse-container .button-block[aria-expanded=true] .card{ -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50); }
.collapse-container .button-block[aria-expanded=true] .velo-blu{ background: rgba(255, 255, 255, 0.7); }
.collapse-container .button-block[aria-expanded=true] h3, .collapse-container .button-block[aria-expanded=true] .text-white{ color:#375687 !important; }

.collapse-item .fa-angle-right{margin-right:10px; transition: transform .25s;}
.collapse-item:hover{background-color:#e5e5e5 !important;}
.collapse-item:hover h2, .collapse-item:hover h3, .collapse-item:hover h4, .collapse-item:hover h5, .collapse-item:hover p, .collapse-item:hover a{color: #375687 !important;}
.collapse-item:hover .fa-angle-right{transform: translatex(10px);}
.accordion-header{
padding: .75rem 1.25rem;
background-color: #fff;
border-top: 1px solid #ccc;
}

.accordion-header .btn-link{text-align:left; color:#333; font-size:1rem; text-decoration:none;}
.accordion-button:active, .accordion-button:not(.collapsed), .accordion-button:focus{background:none !important; box-shadow:none !important; border:none !important;}

.figure-caption {
    font-size: 80%;
}

.pacchetto .blocco-outer{
	  background-color: #ebeef3;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  text-align: center;
  margin-bottom: 1rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
}


.pacchetto .blocco-outer:hover{
box-shadow: 0 1rem 2rem rgba(0,0,0,.2);
transform: translateY(-5px);
}
	
.pacchetto .blocco-inner {
  padding:1rem
}	
	
.pacchetto .blocco-outer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
}

.pacchetto .blocco-outer li {
  list-style: outside none none;
  padding: 0.5rem 0;
  margin-bottom:0;
  border-bottom: 1px solid #ccc;
}

.pacchetto .blocco-outer li:before {
  background:none;
}

.pacchetto .blocco-outer li ul li {
  border-bottom: none;
}

.pacchetto .blocco-inner em{
	color:#b3b3b3;
	font-style:normal;
}

.pacchetto .blocco-inner h5{display:block; background-color:#fff; padding:1rem; font-weight:normal;margin:-1rem -1rem 1rem -1rem;}
.pacchetto .blocco-inner h5 strong{ font-weight: bold; }
.pacchetto .blocco-inner h5 em{ color: #333;  font-size:80%;font-style:italic;}

/*Blog*/

.articolo{border-top: 2px solid #eee;}

.metadata .categories{text-transform:uppercase; margin-left:5px; font-weight:bold;}

h4.tab-title {
	margin: 0 0 2px 0;
}

.widget ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.widget ul li {
	list-style-type: none;
	margin: 0px;
	margin-bottom: 1rem;
}
.widget .textwidget p {
    padding: 0;
}


@media (min-width: 576px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
.custom-navigation{display:none;}
}

.pum-theme-2663 .popmake-content h4, .pum-theme-2663 .popmake-content h5, .pum-theme-2663 .popmake-content p{color:#eee}
.pum-theme-2663 .popmake-content h2, .pum-theme-2663 .popmake-content h3, .pum-theme-2663 .popmake-content a{color:#ffffff}
.pum-theme-2663 .popmake-content a.btn-cta {
    color: #375687;
    background-color: #fff;
}

/*Pagination*/
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}
.page-item.active .page-link {
background-color: #375687;
border-color: #375687;
}

.page-link, .page-link:hover {
	color: #375687;
	border: none;
}

/*NEWS*/
.news.card .card-body{
	position:relative;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
padding:0;
/*margin-right:30px;margin-left:0px;
background-color:#ffffff;*/
}
/*.news.card:hover .card-body{margin-right:20px; margin-left:0 !important;background-color:#f2f2f2;}*/
.news.card a h4.card-title{font-size:1.2rem; margin-top:0.5rem;color: #375687; font-weight:bold;}
.news.card a p{color: #666;}
.news.card:hover h4.card-title{color: #666;}

.light-gray .news.card .card-body{background-color:#F7F8F9;}
.light-gray .news.card:hover .card-body{background-color:#ffffff;}

.card-icon{background-color:#fff;}
.card-gray .card, .card-gray .card-icon{background-color:#e8e9eb;}
.card-light-gray .card, .card-light-gray .card-icon{background-color:#f2f2f2;}
.card-icons .card img{padding: 1.25rem 0 0 1.25rem; max-width:85px;}

.boxicon {
    position: relative;
}

.icon-arrow {
    opacity: 0;
    transition: all 0.3s ease-in-out;
	transform: translateX(-30px);
}

.icon-icon, .icon-text {
    transition: all 0.3s ease-in-out;
}

.icon-icon img {
max-width:40px;	
}	

.boxicon:hover .icon-icon {
    opacity: 0;
	transform: translateX(-25px);
}

.boxicon:hover .icon-arrow {
    transform: translateX(0px);
    opacity: 1;
}

.boxicon:hover .icon-text {
    transform: translateX(-25px);
}



.bg-blow{
padding-left:3rem !important;
  background: url(images/triangle.png);
  background-repeat: no-repeat;
  background-size: 3rem 9rem;}
  
figcaption {
    font-size: 90%;
    color: #6c757d;
margin-top: .5rem;	
}

.container-etichetta {
    position: absolute;
    z-index: 10;
}

.etichetta {
    display: inline-block;
    margin: 0 auto;
    background-color: #f2f2f2;
    color: #666;
    padding: 5px 10px;
}

.term-description{margin-bottom:2rem;}
.term-description h2{color:#7a7a7a; font-size:1.5rem;}

.tool-container.bg-gray h5{color:#7a7a7a;}

#dealers_map{height:500px;}
body .prettyMapList .mapHolder, #map-canvas1 {height:500px;}

.ico-bg-blu .ico-container{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#356aa0+0,9baac1+100 */
background: rgb(53,106,160); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(155,170,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(155,170,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(155,170,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#9baac1',GradientType=0 ); /* IE6-9 */
}
#popmake-4339, #popmake-5697{-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color:#cc3333;
top:auto !important;
left:auto !important;
right:10px !important;
bottom:10px !important;
margin:0;}
#popmake-4339 a, #popmake-5697 a{color:#fff;}
#popmake-4339 .pum-close, #popmake-5697 .pum-close{display:none}

/*FORM*/
.btn{
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
	text-transform:uppercase;
	min-width:100px;
	font-size:0.85rem;
	padding:.375rem .75rem;
border: 2px solid transparent;
font-weight:inherit;	
}


.btn-arrow{text-align:left;}
.btn-arrow:after{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  		
    content: "\f105";
    height: 0;
    margin-left: auto;
    padding: 0;
    top: 0;
    vertical-align: middle;
	float:right;
	transition: all 0.5s ease 0s;	
	}
.btn-arrow:hover:after{
    margin-right: -5px;
	}
	
.btn-primary {
    color: #fff !important;
    background-color: #375687;
    border-color: #375687;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #ccc !important;	
    background-color: #375687;
border-color: #375687;
}
.btn-outline-primary{
color: #375687;
border-color:#375687;
border-width:2px;
}

.btn-primary:hover, .btn-outline-primary:hover, .show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
.btn-primary.focus, .btn-primary:focus{
    color: #fff;
    background-color: #6189C6;
    border-color: #6189C6;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;	
	  background-image: none;
}
}

.btn-group-toggle .btn-primary:hover, .btn-group-toggle .btn-primary.focus, .btn-group-toggle .btn-primary:focus{
    background-color: #375687;
    border-color: #375687;
}

.btn-secondary {
    color: #fff;
    background-color: #7a7a7a;
    border-color: #7a7a7a;
}

.btn-outline-secondary{
color: #7a7a7a;
border-color:#7a7a7a;
border-width:2px;
}

.btn-secondary:hover, .btn-outline-secondary:hover,
.btn-secondary:focus, .btn-outline-secondary:focus {
    color: #fff;
    background-color: #7F7F7F;
    border-color: #7F7F7F;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;		
}

.btn-white, a.btn-white{
    color: #375687;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover, a.btn-white:hover{
    color: #375687;
    background-color: #fff;
    border-color: #fff;
	border-left-color:#375687;
}

.white-text .btn-outline-secondary{
color: #fff;
border-color:#fff;
border-width:2px;
}

.white-text .btn-outline-secondary:hover {
    color: #375687;
    background-color: #fff;
    border-color: #fff;
}

.border-primary {
    border-color: #7F7F7F !important;
}

.form-group {
  margin-bottom: 1rem;
}

.form-control, .form-select, .select2-container .select2-selection  {
	border: 1px solid #ccc;
    border-radius: 0;
}

.form-control:focus, .form-select:focus, .select2-search__field:focus {
	border-color: #7a7a7a;
	outline: 0;
	box-shadow: none;
	
}

input[type="radio"], input[type="checkbox"]{border: 1px solid #ccc;}

select.form-select option[selected]{
    background-color: #375687 !important;
}



.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

.togglebuttons{
  margin-left: 20px;
}

.togglebuttons .wpcf7-list-item {
  margin: 0 6px 0 0 !important;
  display: inline-block;
}
.togglebuttons > span input {
  opacity: 0;
  position: absolute;
}

.togglebuttons > span .wpcf7-list-item-label {
  cursor: pointer;
  display: block;
  color: #375687;
  background: #eeeeee;
  padding: 6px 18px;
  box-shadow: 0 4px 4px rgba(0,0,0,.2);
  font-weight:bold;
  border-radius: 0 4px 4px 0;
  border:1px solid #ccc;
}

.togglebuttons > span input:checked + .wpcf7-list-item-label {
  background: #375687;
  color: #ffffff;
}


.tipo_intervento span{margin:0;}
.tipo_intervento{font-weight:bold;}

.acf-field {padding-top:1rem; border-top:1px solid #375687;}

.mapDescription .address{display:none;}

.prettyMapList .prettyFileBar .prettyMapListSearch {
    width: 100%;
}

.prettyMapList .directionsPostcode, .prettyMapList .prettyFileBar .prettyMapListSearch input, .prettyMapList .prettyFileBar .prettySearchValue {
	border: 1px solid #ccc !important;
	border-radius: 0 !important;
	height: calc(1.5em + .75rem);
	width: 50% !important;
	padding: .375rem .75rem !important;
	font-size: 1rem !important;
	font-weight: 400;
	line-height: 1.5;
	color: #495057 !important;
	background-color: #fff;
	background-clip: padding-box;
}

legend {
color:#375687;
font-weight:bold;
}

fieldset{margin-bottom:1.5rem;}

.grecaptcha-badge { visibility: hidden; }

.required {color:#ff0000;}

.form-group p{margin:0;}


span.wpcf7-list-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
	margin: 0;
}

.wpcf7-radio span.wpcf7-list-item {
    margin: 0 0 0 20px;
}

a.btn-cta, a.btn-cta-white,a.btn-cta-red, a.btn-cta-red, a.btn-light, .btn {
		-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;}

/*FOOTER*/
.prefooter {
    padding: 2rem 0 1rem 0;
	background-color: #e8e9eb;
	color:#333;
}
.preefooter a {
    color: #000000;
    text-decoration: none;
}	

.preefooter a:hover, 
.preefooter a:active {
    color: #375687;
    text-decoration: none;
}

.form-details{display:none;}

.footer {
    padding: 2rem 0 1rem 0;
	background-color: #F7F8F9;
	color:#333;
}
.footer p, .prefooter p {margin-bottom:0;}

.footer .copyright {
	color:#666;
	font-size:0.8rem;
	border-top:1px solid #ccc;
}

.footer ul.menu {
	list-style-type: none;
	margin: 0;
	padding:0;
	text-align: left;
	}
	
.footer ul.menu li {
	margin-bottom: 0.5rem;
	line-height:1.2;
	}	
	
.footer .inline-menu .menu li{
border-right: 1px solid #375687;
display: inline-block;
margin-left: .3333333333rem;
margin-bottom: 0;
padding-right: .6666666667rem;
	}
.footer .inline-menu  .menu li:first-child {
    margin-left: 0;
}
.footer .inline-menu  .menu li:last-child {
    border: none;
    padding: 0;
}

.footer a {
    color: #375687;
    text-decoration: none;
	font-size:0.9rem;
}	

.footer a:hover, 
.footer a:active {
    color: #333;
    text-decoration: none;
}

.social-icons ul.menu{
		list-style-type: none;
	margin: 0;
	padding:0;
}
.social-icons ul.menu li{
display: inline-block;
margin-right: 1rem;
margin-bottom: 0;
}

.social-icons ul.menu li:last-child {
    margin-right: 0;
}

.social-icons ul.menu li a{color:#1c4688; font-size:1.5rem;}
.social-icons ul.menu li a:hover{color:#999}

#tools-service .content{background-color:#eee;}

.buttonizer { z-index: 9999 !important }
.fab-container .fab-floating-button{z-index:10 !important }

/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width : 1199.98px) {
h1, p.h1, .slideshow-container .caption-inner h2, .banner .caption-inner h2{font-size:2.8rem;}	
.navbar-brand img{height:50px;}	
.qtranxs-lang-menu{display:none}
.menu-hover .fa-caret-down {display:none;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link {color:#375687; position:relative; }
/*#menu-main-menu .col-ambiti li.menu-item-object-ambiti .nav-link {padding-left: 30px !important; }
.menu-icon{top:auto;}*/
#menu-top-menu li {  padding: 0.3rem; font-size:90%;}
.navbar-nav a.btn-link{border-bottom:1px solid #f2f2f2; background-color:#fff; color:#375687; padding:.5rem}
.navbar-nav a.btn-drop{border-bottom:1px solid #fff;background-color:transparent;  padding:.5rem}
.navbar-nav a.btn-link:after, .navbar-nav a.btn-drop:after{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  		
    height: 0;
    margin-left: auto;
	margin-top:1px;
    padding: 0;
    top: 0;
    vertical-align: middle;
	float:right;	
	}
.navbar-nav a.btn-drop:after{
	content: "\f107";
}
.navbar-nav a.btn-link:after{
	content: "\f105";
}
.navbar-nav .dropdown-menu > a {
    background: none;
    font-size: 1rem;
}

.navbar-nav .dropdown-menu {
    background-color: trasparent;
    border-top: none;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-nav .dropdown-item{padding:0;}

.navbar-nav .dropdown-menu .sub{ display:block;}
#menu-top-menu li a.nav-link {
    font-size: 1rem;
}
.main-menu li a.nav-link, #menu-top-menu li a.nav-link {
    padding: 0.5rem 0;
}

.navbar { padding: .5rem 1rem 0 1rem;}
.navbar-collapse {margin: 0 -1rem;
padding: 1rem;}

.nav-link {
	font-size:1rem;
}
.lang-menu .nav-link, .search .nav-link{
	font-size:1.2rem;
padding: .5rem 0.6rem;	
}

.dropdown.search{
	position:static;
}	

.dropdown-menu.search{
	position:absolute;
	left: 0 !important;
right: 0 !important;
overflow: hidden;
padding: 0px 15px;}
	}	

/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width : 991.98px) {
	h1, p.h1, .slideshow-container .caption-inner h2, .banner .caption-inner h2{font-size:2.3rem;}
	h1.page-title, .single-progetto h1 {font-size: 2.3rem;}	
.box{padding:1rem; background-color:#f2f2f2;}
.box h3, .box .h3{font-weight:normal;}
		
	
.immagine-container.module h2, .module h2, .module h1, .module h1.title-finishing, .module h1.title-thermoventilation { font-size: 2.3rem; }	
	h2, p.h2,.module h2.subtitle, .single-progetto h2, .term-description h2, .module h2{font-size:1.7rem;position: relative;}
	h3, p.h3{font-size:1.5rem;}	
	h4, p.h4{font-size:1.3rem;}
	h5, p.h5{font-size:1.2rem;}	
.slideshow .flex-caption a, a.btn-cta-big {font-size:1.2rem;}	
}

.flexslider .slides img.img-fluid {
  width: auto;
}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width : 767.98px) {
.immagine-container.module h2, .module h2, .module h1, .module h1.title-finishing, .module h1.title-thermoventilation { font-size: 2rem; }	
	h1, p.h1, .slideshow-container .caption-inner h2, .banner .caption-inner h2, .module h2{font-size:1.7rem;}
	h1.page-title, .single-progetto h1 {font-size: 1.7rem;}
	h2, p.h2,.module h2.subtitle, .single-progetto h2, .term-description h2{font-size:1.4rem;position: relative;}
	h3, p.h3{font-size:1.3rem;}	
	h4, p.h4{font-size:1.1rem;}
	h5, p.h5{font-size:1rem;}
.slideshow .flex-caption a, a.btn-cta-big {font-size:1rem;}	

	.navbar-brand img{height:30px;}
	.navbar-brand {margin-right:0.3rem;}
.flex-direction-nav{display:none;}	
.social-icons ul.menu {text-align: left;}
.testoimmagine-container .card-img{margin-bottom:1rem;}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media only screen and (max-width: 575.98px)
{
.immagine-container.module h2, .module h2, .module h1, .module h1.title-finishing, .module h1.title-thermoventilation { font-size: 1.8rem; }	
	h1, p.h1, .slideshow-container .caption-inner h2, .banner .caption-inner h2{font-size:1.6rem;}
	h1.page-title, .single-progetto h1 {font-size: 1.6rem;}
	h2, p.h2,.module h2.subtitle, .single-progetto h2, .term-description h2, .module h2{font-size:1.3rem;position: relative;}
	h3, p.h3{font-size:1.2rem;}	
	h4, p.h4{font-size:1.1rem;}
	h5, p.h5{font-size:1rem;}	
	
.cont-all-news{text-align:left;}	

.slideshow .flex-control-nav{display:none;}

.hide_paragraph p {display:none;}
.flexslider .row{margin:0;}
.slideshow .flex-caption a, a.btn-cta {font-size:0.9rem;}
#slideshow.flexslider .row{
	margin-right: -15px;
margin-left: -15px;}
.flexslider .row .slide{padding:0;}

#slider-finishing .flex-direction-nav,
#slider-thermoventilation .flex-direction-nav,
#slider-news .flex-direction-nav{
display: table;
width: 100%;
table-layout: fixed;
}
#slider-finishing .flex-direction-nav li,
#slider-thermoventilation .flex-direction-nav li,
#slider-news .flex-direction-nav li{
    display: table-cell;
}

#slider-finishing .flex-direction-nav li a,
#slider-thermoventilation .flex-direction-nav li a,
#slider-news .flex-direction-nav li a {
    position: relative;
	margin:0;
	display: inline-block;
	height: 40px;
	padding:0;
}
#slider-finishing .flex-direction-nav li.flex-nav-next,
#slider-thermoventilation .flex-direction-nav li.flex-nav-next,
#slider-news .flex-direction-nav li.flex-nav-next {
text-align:right;}	
#slider-finishing .flex-direction-nav a::before, 
#slider-thermoventilation .flex-direction-nav a::before,
#slider-news .flex-direction-nav a::before {
    font-size: 30px;
    color: #333;
text-shadow: none;
}

#slider-finishing  .flex-direction-nav .flex-next,
#slider-thermoventilation  .flex-direction-nav .flex-next,
#slider-news .flex-direction-nav .flex-next{
    -webkit-transform: none;
    transform:none;
	right:0;

}

#slider-finishing .flex-direction-nav .flex-prev,
#slider-thermoventilation .flex-direction-nav .flex-prev,
#slider-news .flex-direction-nav .flex-prev {
    -webkit-transform: none;
    transform: none;
	left:0;
}

#slider-finishing .flex-control-paging li a,
#slider-thermoventilation .flex-control-paging li a,
#slider-news .flex-control-paging li a
{  background: #999;
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow: none;  }

#slider-finishing .flex-control-paging li a.flex-active,
#slider-thermoventilation .flex-control-paging li a.flex-active,
#slider-news .flex-control-paging li a.flex-active
{  background: #375687;}
}

/*Complianz*/
.cmplz-manage-consent {
display:block; 
bottom:10px!important; /* remove this if you only want the button to appear on mouse-over */
left:10px!important;
color:white!important; /* text color */
background:#333333!important; /* background color */
padding:10px 15px!important; 
border-radius:50px!important;
border:none!important;
font-size:0;
min-width:0 !important;
width:50px !important;
}

.cmplz-manage-consent {
font-family: inherit; /* set the font family */
font-weight: 500;
}

.cmplz-manage-consent::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  
  	content: "\f564"; 
  	display: inline-block;
  	vertical-align: middle;
	color: white;
	font-size:20px;
}
