@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@600;700&display=swap'); 
.nav>li>a, li.search span + span .bi { 
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
/*hover menu*/
.nav>li>a:after, .nav >li.active>a:after{display:none}
.nav>li>a, li.search span + span .bi {  
    font-size: 14px;
    position: relative;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(#1ba02b), color-stop(50%, #1ba02b), color-stop(50%, #000));
    background: linear-gradient(to right, #1ba02b, #1ba02b 50%, #000 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-transition: background-position 400ms ease;
    transition: background-position 400ms ease;
    }
	
 .nav>li.active>a , .nav>li>a:hover, li.search span + span .bi:hover {
    background-position: 0 100%;
}

/* //hover menu*/
li#menuId_31769 a {
    background: #00a3e0;
    color: #fff!important;
    margin-left: 5px;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
}
h1 {
    font-weight: 700;
    font-size: clamp(30px ,7vw,48px);
    line-height: 1.1;
}h2 {
    font-weight: 700;
    font-size: clamp(25px ,4vw,36px);
    line-height: 1.1;
}
a.btn  { position:relative;
    min-width: 131px;
    text-align: left; 
    padding: 10px 18px;
    margin-top: 35px !important;
}a.btn::before {
    content: "";
    position: absolute;
    height: 11px;
    background: #d5dd26;
    width: 100px;
    top: -13px;
    left: -2px;
    clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
} a.btn.btn_fill .bi {
    float: right;
    line-height: 1.5;
    margin-left: 20px;
}
/* forzo btn fill */ 
{for $combinazione=1 to 5}
	{$col_text="colore_{$combinazione}_text"}	{$bg="colore_{$combinazione}_bg"} 	{$link="colore_{$combinazione}_on"}	{$titolo="colore_{$combinazione}_title"}   
.colori_{$combinazione} .btn.btn-outline ,.colori_{$combinazione}.bg_text_color  .btn.btn-outline{
		color:#{$config.$bg} !important;
		background: #{$config.$link}!important;
		border-color: #{$config.$link}; }
	.colori_{$combinazione} .btn.btn-outline p,.colori_{$combinazione}.bg_text_color  .btn.btn-outline p{
		background:transparent!important;
		color:#{$config.$bg} !important;}
	.colori_{$combinazione} .btn.btn-outline:hover p,.colori_{$combinazione}.bg_text_color  .btn.btn-outline:hover p{
		color:#{$config.$link} !important;}
	.colori_{$combinazione} .btn.btn-outline:hover,.colori_{$combinazione}.bg_text_color  .btn.btn-outline:hover{
		color:#{$config.$link} !important ;
		background: #{$config.$bg} !important;
		border-color: #{$config.$bg} !important;}
		
		{/for}	 

.colori_4 h1 strong,
.colori_1 h1 strong,
.colori_2 h1 strong ,
.colori_4 h2 strong,
.colori_1 h2 strong,
.colori_2 h2 strong {
    color: #1ca02c;
}
.colori_2 a.btn::before { 
    background: #d5dd26; 
}
.colori_3 a.btn::before { 
    background: #116d1f; 
}.colori_5 a.btn::before {
    background: #32bef3;
}

section.lazy.more_pad.img_bg.bg_no.testo_row.scritte.call2action.tipo_3 >div {
    padding: 5% 15px;
}
/* prezzi */
.box_pannelli.colori_3 .row_news>div:not(.col-placeholder):before { 
    box-shadow: 0 0 25px rgb(0 0 0 / 20%);
    background: #fff;
}.colori_3.box_pannelli .row_news p {
    color: #000000 !important;
}.box_pannelli.colori_3 .row_news>div h3 { 
    font-weight: 600;
}.box_pannelli.colori_3 .row_news em { color:#ccc
}.box_pannelli.colori_3 .row_news u {
    color: #0083b3;
    font-weight: 700;
    text-decoration: none;
    font-size: clamp(60px, 10vw , 85px);
    display: block;
    line-height: 1;
}.box_pannelli.colori_3 .fh5co-meta {
    margin: 0 15px 20px;
    height: 100%;
}.colori_3.box_pannelli a.btn {
    color: #fff!important;
    background: #1ca02c !important; 
	border:2px solid #1ca02c;
    display: inline-block;
    padding: 10px 18px;
}.box_pannelli .text-part-news { 
    height: calc(100% - 90px); 
}.box_pannelli .new-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}.box_pannelli .new-content *:last-child {
    margin-top: auto;
}

/* blocco custom */
.box_hover_c {
    font-size: 14px;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 15px #00000012;
    flex: 1; cursor:pointer;
}
.box_hover_c b {
    display: inline-block;
    margin: 15px 0 12px;
    width: 100%;
    font-size: 15px;
}.box_hover_c:hover  img,.box_hover_c.active img{
    filter: brightness(0) invert(1);
}.box_hover_c:hover  ,.box_hover_c.active {
   background:#1ba02b; color:#fff !important;
}
.img_main_box img {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: calc(100% - 30px);
    height: auto;
    bottom: 0;
    margin: auto;}
.img_main_box {
    box-shadow: 0 0 15px #00000021;
    padding: 15px;
    background: #d7dd24;
	position:relative;
    margin-bottom: 15px;
}.img_main_box::before {
    content: "";
    display: block;
    padding-bottom: 107%;
}
/* footer */
footer#footer a{
color: #fff !important;}
footer#footer {
    background: #0083b3;
    color: #fff !important;
    padding: 0 !important;
}.fh5co-footer-style-3 .fh5co-made {
    text-align: center;
    border-top: 0;
    padding-top: 0;
}
@media(min-width:768px){
	.custom_block_wm {
    display: flex;
}.row.custom_block_wm >div { 
    display: flex;
    flex-direction: column;
}
}
@media(min-width:992px){
	.custom_block_wm>div:first-child {
    order: 1;
}.custom_block_wm>div:nth-child(2) {
    order: 3;
}.custom_block_wm>div:nth-child(3) {
    justify-content: center;
    order: 2;
}
a#anchor_1014706 +div,
a#anchor_1014649 +div,
a#anchor_1014612 +div,
a#anchor_1014639 + div {
    align-items: center;
    display: flex;
}  #page-container header + .space_header +  
section.colori_1.lazy.more_pad.img_bg.bg_no.pad_t_b_0.testo_img.fh5co-content-style-7.scritte.modulo_outgrid {
    padding: 0 !important;
}
}