/*!
Theme Name: Mecal
Theme URI: http://underscores.me/
Author: Metodoadv S.r.l. by Enrico Fanucchi
Author URI: https://metodoadv.com/
Description: Tema personalizzato per Mecal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ims
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

slugtema is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	font-family: 'Montserrat', sans-serif;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: unset;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: unset; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	/*font-family: 'Barlow Condensed', sans-serif; letter-spacing:-1px;*/

}

p {
	margin-bottom: 1.5em;
	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
  
}
span {
	font-family: 'Montserrat', sans-serif;
}
dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
em {
    color: #343C40;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	outline: none;
	border-bottom:3px solid #343C40;
	color:#343C40;
	font-weight: bold;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	/*color: royalblue;*/
	
}

a:visited {
	/*color: purple;*/
}

a:hover, a:focus, a:active {
	/*color: midnightblue;*/
	color: #00665B;
}

a:focus {
	/*outline: thin dotted;*/
}

a:hover, a:active, a:focus-visible {
	outline: unset;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: inline-block;
	margin:0 auto;
}

.menu-mobile {
	display: none;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background: #1D1D1B;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation ul ul {
    padding-bottom: 30px!important;
    padding-left: 20px!important;
    margin-left: -40px!important;
}
.main-navigation ul ul a {
	width: 250px;
}
.main-navigation ul ul li  {
	height: 40px!important;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation li svg {margin-left: 5px;}
.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (max-width: 66.5em) { 

	.lingua-box {
		display: none;
	}
	.navigation { display:none; }
	.top-menu { display:none; }
	header .uk-container-expand {padding-right: 20px}
}

@media screen and (min-width: 66.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	header .uk-container-expand {}
	
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: unset;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	/*margin: 0 0 1.5em;*/
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## FIX UIKIT
--------------------------------------------------------------*/

.uk-lightbox.uk-open {z-index: 111111!important}

/*--------------------------------------------------------------
## GENERAL CUSTOM STYLE
--------------------------------------------------------------*/
a.button-red { margin-top:25px; background:#DB2426; color:#fff!important; border-radius:5px;  transition:all .2s; border:1px solid #DB2426; padding: 15px 35px; display: inline-block;}
a.button-red:hover {background: #fff;color:#DB2426!important; }
a.button-red:hover img { filter:brightness(0) saturate(100%) invert(27%) sepia(73%) saturate(2212%) hue-rotate(337deg) brightness(83%) contrast(109%); position:relative;  }
a.button-white {background:#fff; color:#DB2426!important; border-radius:5px;  transition:all .2s; border:1px solid #fff; padding: 15px 35px; display: inline-block;}
a.button-white img {margin-left: 15px;}
a.button-white:hover {background: #DB2426;color:#fff!important; }
a.button-white:hover img { filter: brightness(0) invert(1);  }
a.link {color: #D9272E; font-size: 16px;}
a:hover {text-decoration: none; transition: all 0.3s;}
a.prezoom {overflow: hidden; display: block;}
a.prezoom img {transition: all 0.5s;transform: scale(1.0);}
a.prezoom img:hover {transition: all 0.5s;transform: scale(1.1)}
a.prezoom:hover img {transition: all 0.5s;transform: scale(1.1)}
.otgs-development-site-front-end {display: none;}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {display: none;}
#page {overflow: hidden;}

.wpcf7-not-valid-tip {font-size:0.8em!important; position: absolute;}



/*--------------------------------------------------------------
## CTA RED
--------------------------------------------------------------*/

section.cta-red {background: #DB2426; color: #fff;  margin-top:35px; padding: 60px 70px}
section.cta-red p {font-size: 18px; color: #fff;}

/*--------------------------------------------------------------
## FONT
--------------------------------------------------------------*/
a {font-family: 'Montserrat', sans-serif;}
h1 {font-family: 'Montserrat', sans-serif; font-size: 48px;}
h1.big {font-family: 'Montserrat', sans-serif;font-size: 60px}
h2 {font-family: 'Montserrat', sans-serif; font-size: 48px;}
h3 {font-family: 'Montserrat', sans-serif; }
h4 {font-family: 'Montserrat', sans-serif; }
h5 {font-family: 'Montserrat', sans-serif; }
p {font-family: 'Montserrat', sans-serif; }
span {font-family: 'Montserrat', sans-serif; }
a{font-family: 'Montserrat', sans-serif; }
b {font-family: 'Montserrat', sans-serif; }
strong {font-family: 'Montserrat', sans-serif; font-weight: 700!important}


/*--------------------------------------------------------------
## HEADER CUSTOM STYLE
--------------------------------------------------------------*/
.menu-fixed.uk-sticky {z-index: 9!important}
.uk-sticky-fixed {background: #343C40; z-index: 111111; }
header {color: #fff; height: 100px; line-height: 100px; font-family: 'Montserrat', sans-serif; z-index: 1; font-weight: normal; }
header .lingua-box { background:#DB2426; color:#fff; width:70px; text-align:center; height: 100px; line-height: 1;  transition: all .3s;}
header .lingua-box img { display:block; margin:0 auto; margin-bottom:10px; padding-top:25px  }
header a.square-red { line-height:1; color: #fff; text-transform:uppercase; }
header a.square-red img { display:block; margin:0 auto; margin-bottom:10px; padding-top:25px  }
header .navigation { margin:0 auto; line-height: 1}
header .navigation ul li a { font-size:18px; color:#fff; margin-right:30px; font-weight:600;  }
header .navigation ul li a:hover {color: #E20714;}
.top-menu {line-height: 50px; margin-top: 10px}
ul#top-menu {margin:0;padding:0}
ul#top-menu li {display: inline-block; list-style-type: none; margin-right:25px}
ul#top-menu li a{ color:#fff; font-size:15px; }

ul#top-menu li a:hover{}
ul#top-menu li.strong_icon a {font-weight: bold}
ul#top-menu li.strong_icon {background: url('img/link-group.svg') no-repeat right; padding-right: 25px} 
.banner {margin-top:-120px; }


/* cta laterali */
.cta-laterali {
	position: fixed;
	z-index: 44444;
	right: 0;
	top: 40vh;
	opacity: 0;
	transition: all 0.5s;
}
.cta-laterali .ctauno {
	border-bottom-left-radius:5px ;
	border-top-left-radius:5px ;
	display: flex;
    flex-direction: column; /* Stacks icon and text vertically */
    justify-content: center;
    align-items: center;
    background-color: #c93931; /* A shade of red similar to the image */
    color: white;
    padding: 15px 10px; /* Adjust padding as needed */
    border-left:1px solid #c93931;
    border-top:1px solid #c93931;
    border-bottom:1px solid #c93931;
    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.3); /* Shadow on the left and bottom */
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 180px; /* Adjust height to accommodate vertical text */
    width: 50px; /* Adjust width as needed */
    text-align: center; /* Center the icon and text horizontally */}

.cta-laterali .ctauno span { color:#fff;display:block; transform: rotate(270deg); /* Ruota il testo di 90 gradi in senso orario */
    transform-origin: center; /* Punto di rotazione al centro dell'elemento */; font-weight: bold; font-size: 14px; width:100px;}
.cta-laterali .ctauno a img { display:block; margin:0 auto; position:relative; top:-50px; }

.cta-laterali .ctauno::before {
  content: ""; /* Obbligatorio: il contenuto da visualizzare */
  display: inline-block; /* O block, flex, ecc., a seconda delle necessità */
  /* Altre proprietà CSS per stilizzare il contenuto ::before */
  position: relative;
  top:-50px;
  font-weight: bold;

  background: url('img/icon_contact.svg') no-repeat;
  width:24px;
  height: 24px;
}
.cta-laterali .ctauno:hover::before {background: url('img/icon_contact_red.svg') no-repeat;}
.cta-laterali .ctauno:hover {color:#c93931!important; background: #fff}
.cta-laterali .ctauno:hover span {color:#c93931!important; }

.cta-laterali .ctauno:hover img{filter: invert(28%) sepia(29%) saturate(4137%) hue-rotate(348deg) brightness(108%) contrast(75%);}
/*--------------------------------------------------------------
## FOOTER CUSTOM STYLE
--------------------------------------------------------------*/
a.opacity:hover {opacity: 0.8; }
a.logo_footer img { margin:0!important }
section.footer p {line-height: 28px}
section.footer .cta {margin: 50px 0 100px;}
section.footer .cta span.descrizione{ color:#fff; font-size:48px;display: block; line-height: 59px; font-weight: bold;margin-bottom: 20px; }
section.footer .cta span.titoletto{ color:#D9272E; font-size: 16px; font-weight: bold; margin-bottom: 10px; display: block;}
section.footer .cta .logo_cta { margin:5px auto; display:block; }
section.footer {background: #343C40; color: #fff; padding: 100px 0 40px; font-family: 'Montserrat', sans-serif; position:relative; border-top:20px solid #CDD1D4}
section.footer img.etichetta { position:absolute; right:0; top:0 }
section.footer ul.social {}
section.footer ul.social li {display: inline; margin-left: 20px;}
section.footer ul.social li.linkedin { position:relative; top:-10px }
section.footer ul.social li a{}
section.footer ul.social li a:hover{opacity: 0.8; }
section.footer span.border {    border-bottom: 1px dotted #fff;display: block; margin-top: 5px}
section.footer ul {margin:0; padding: 0;}
section.footer ul li {list-style-type: none;}
section.footer h5 {font-size: 21px; font-weight: bold; color: #fff; font-family: 'Montserrat', sans-serif;}
section.footer a {color: #DB2426; transition: all .2s; font-weight: bold}
section.footer a.mail {font-weight: normal; color: #fff}
section.footer a img {margin-left: 15px; transition: all .2s;}
section.footer a:hover { color: #fff; transition: all .2s; }
section.footer a:hover img.arrow { margin-left:22px }
section.footer a.mail {text-decoration: underline;}
section.footer a.mail:hover {text-decoration: none;}
section.bottom-footer {background: #1B1C1C; color: #fff; height: 120px; line-height: 120px; overflow: hidden;}
section.bottom-footer p {font-size: 14px;}
section.bottom-footer a {color: #fff; transition: all .2s;}
section.bottom-footer a:hover { color: #A8A8A8; transition: all .2s;}
ul#bottom-footer-menu {margin:0;padding:0}
ul#bottom-footer-menu li {display: inline; list-style-type: none; padding:0 10px;  border-left:1px solid #fff;}
ul#bottom-footer-menu li:first-child {border-left:none; padding-left:0;}
ul#bottom-footer-menu li a{}
ul#bottom-footer-menu li a:hover{ color:#DB2426; opacity:1 }
/*--------------------------------------------------------------
## LINGUA SELECTED
--------------------------------------------------------------*/
.lingua {text-align: center;   text-transform: uppercase;  height: 24px; display:inline-block; line-height:35px; cursor: pointer;line-height: 90px; position: relative; transition: all .3s;font-family: 'Montserrat', sans-serif; }
.lingua {background: url('img/arrow_down.svg') 46px 10px no-repeat #E20714;}
.lingua.open {background: url('img/arrow_up.svg') 46px 10px no-repeat #E20714;}
.lingua .active { width: 70px; position: relative;font-size: 15px; transition: all 0.5; z-index: 111;overflow: hidden;}
.lingua span {line-height: 28px; display: block; color: #fff; font-size: 15px; font-weight: bold; margin-left: -10px}
.lingua span i { }
.lingua ul { width:70px; margin: 0 auto; padding: 0; list-style-type: none; display: none;transition: all 0.5; background: #E20714;}
.lingua ul li { padding: 0; width: 70px; text-align: center; line-height: 28px;}
.lingua ul li:hover { background: #B4010C;}
.lingua ul li a {  padding: 0; color: #fff;margin-left: -10px }
.uk-sticky { position: absolute; width: 100%}
#content {/*margin-top:100px*/}
/*--------------------------------------------------------------
## MEGAMENU CUSTOM STYLE
--------------------------------------------------------------*/

#overlay-megamenu {
    position: fixed; /* Lo fissa rispetto alla finestra del browser */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Nero con opacità al 90% */
    z-index: 99; /* Assicurati che sia sotto il megamenu ma sopra il resto */
    display: none; /* Inizialmente nascosto */
}

/* Potrebbe essere utile anche assicurarsi che il megamenu abbia uno z-index più alto */
.bottom-header.active {
    z-index: 100; /* Assicurati che il megamenu sia sopra l'overlay */
    position: relative; /* O absolute, a seconda del tuo layout */
}

a.tutti { color:#fff; font-weight:bold; text-align:left; display:block; margin-bottom:15px }
p.opacity {opacity: 0.6}
.sub-children-column {color: #ffffff;text-align: left;    list-style: none;margin: 0;    border-left: 1px solid #CDD1D4;}
.sub-children-column p{color: #ffffff;}
.sub-children-column a {color: #D72630;    text-decoration: none;color: #ffffff;transition: color 0.2s ease-in-out;}
.sub-children-column a:hover {color: #D72630;}

.products-column p {color: #fff;}
.children-column,
.products-column {
    display: none; /* Le nascondiamo tutte e due */
    border-left:1px solid #CDD1D4
}

/* Nasconde tutti i gruppi di figli e prodotti inizialmente */
.child-category-group,
.products-group {
    display: none;
    text-align: left;
}

/* Stile per i link attivi */
.parent-category-link.active,
.child-category-link.active {
    font-weight: bold!important;
    color: #D72630!important; /* Colore di esempio per il link attivo */
}

/* Stili per le liste (come prima, per chiarezza) */
.children-menu,
.products-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.children-menu li,
.products-list li {
    padding: 5px 0;
    color:#fff;
}

.children-menu li:last-child,
.products-list li:last-child {
    border-bottom: none;
}

.children-menu a,
.products-list a {
    text-decoration: none;
    color: #ffffff;
    transition: color 0.2s ease-in-out;
}

.children-menu a:hover,
.products-list a:hover {
    color: #D72630;
}

/*.invert {background: rgba(52, 60, 64, 0.95); z-index: 333;} 
.invert a.logo img.normal { display: none;}
.invert a.logo img.inverts { display: inline-block;}
.invert .main-navigation li a {}
.invert ul li a.active {color:#D9272E; }*/
.bottom-header .switcher {text-align: left; margin-top: 30px;}
.bottom-header .switcher ul li {color:#fff;}
.bottom-header .switcher ul li.close {text-align: right}
.bottom-header .switcher ul li.close .button {background: url(img/close_white.svg) no-repeat top right; cursor: pointer; background-size: contain; text-align: right;    display: inline-block; width: 50px; height: 100%}
.bottom-header .switcher ul li.close .button:hover {background: url(img/close_red.svg) no-repeat top right;background-size: contain}
.bottom-header .switcher ul li.activated a {border-bottom:none; border-top:3px solid #DB2426; border-bottom: none; color: #DB2426; }
.bottom-header .switcher ul li a {color:#fff; font-weight: bold; border-bottom: 3px solid #fff; display: block; width: 100%; padding:10px 0;}
.bottom-header .switcher ul li a:hover {color:#DB2426;  }
div.submenu-tipologia {opacity:0; height:0; visibility:hidden; transition:all 0.1s;  }
div.submenu-tipologia.active {opacity: 1; height: auto; visibility: visible; padding-top:50px; }
div.submenu-materiale {     padding-top: 50px;}
div.submenu-materiale p {   color:#fff; text-align: left; margin:0 0 15px 0}
div.submenu-materiale.active {}

.bottom-header ul.children-menu span.assi {font-size:14px;color:#9C9C9C}
.bottom-header ul.products-list span.assi {font-size:14px;color:#9C9C9C}
.bottom-header.altezza { height:890px; /*transition:all 0.3s;*/ }
.bottom-header { text-align: center; background: rgba(52, 60, 64, 0.95); width: 100%; backdrop-filter: blur(4px); height: auto; position: absolute; z-index: 111111;opacity:0; height:0; visibility:hidden; /*transition:all 0.3s;*/ padding-bottom:100px; margin-top:-100px; padding-top:100px; position:absolute;  }
.bottom-header.active {opacity: 1; height: auto; visibility: visible; position:absolute; }
.bottom-header.uk-active {  top:90px!important; /*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);*/ z-index: 111;}
.bottom-header a {}
.bottom-header a.title {position: relative; z-index: 1111111;  display: block;color: #ffffff; font-size: 18px; text-align: left; font-weight: normal; line-height: 24px; padding-bottom: 10px; background: url(img/megamenu_arrow_white.svg) top right no-repeat; margin-right: 40px}
.bottom-header a.title.active {background: url(img/megamenu_arrow_red.svg) top right no-repeat; } 
.bottom-header a.title img {padding: 25px 35px 0 35px; margin-bottom:20px; }
.bottom-header a.title img.icona {position: absolute; padding: 0; left: 10px; width: 40px;}
.bottom-header a:hover {text-decoration: none; color: #E20714}
.bottom-header .content-menu{ padding:75px 0;   }
.bottom-header ul.content-menu{ padding:0; margin:0  }
.bottom-header ul { padding: 0}
.bottom-header ul li div.content-menu {opacity:0; visibility: hidden; height: 0; height: 610px; overflow: hidden; position: absolute; left:0; width: 100%; line-height: 1;  backdrop-filter: blur(4px);/*transition: all 0.1s;*/ -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; padding:55px 0 35px 0;z-index: 111111111111}
/*.bottom-header ul li div.content-menu:before {content: ""; width: 100%;backdrop-filter: blur(4px); width: 100%; height: 100%; left: 0; top:0;}*/
.bottom-header ul li:hover div.content-menu {opacity: 1;  visibility: visible;height: 610px; /*transition: all 0.5s;*/}
.bottom-header ul li:hover a.title  {   } 
.bottom-header ul li div.content-menu .border-left {border-left:1px solid #393939;}
.bottom-header ul li {list-style-type: none;display:block;}

.bottom-header a.link_submenu {color: #80BB00; font-size: 16px; font-weight: bold; text-transform: capitalize;}
.bottom-header img.img_menu { width: 100%; margin-top: 35px; }
.bottom-header ul li div.content-menu img.listing {}
.bottom-header ul li div.content-menu h3 {text-align: left; line-height: 1!important; font-size: 48px!important; margin-top: 0; padding-top: 0; font-weight: normal}
.bottom-header ul li div.content-menu h3.title-de {word-break: break-all;}
.bottom-header ul li div.content-menu p {text-align: left; color: #2F3234; font-size: 16px; line-height: 28px;}
.bottom-header ul li div.content-menu figure { overflow: hidden; border:1px solid #17675E;  margin: 0; margin-bottom: 20px}
.bottom-header ul li div.content-menu a span.sottotitolo {font-size: 14px; font-weight: normal; color: #777777; display: block; margin: 10px 20px;}
.bottom-header ul li div.content-menu ul.detail {columns: 2;-webkit-columns: 2;-moz-columns: 2; }
div.hidden {opacity: 0; visibility:hidden; transition:all 0.3s; height:0; overflow: hidden;}
div.hidden.active {opacity: 1; visibility:visible;height: auto;}
.bottom-header ul li div.content-menu ul.detail li{ display:block; text-align:left!important; line-height:28px; }
.bottom-header .dettaglio {}
.bottom-header .dettaglio span.titoletto {display: block; font-weight: bold; font-size: 16px; color: #2F3234; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; text-transform: lowercase;}
.bottom-header .dettaglio span.titoletto::first-letter {text-transform: uppercase}
.bottom-header .mostro img { display:block; margin:0 auto;width: auto; max-height:400px!important; }
.bottom-header .mostro {position:relative; top:-35px}
.bottom-header .dettaglio_listing {font-size: 18px; line-height: 24px;}
.bottom-header .dettaglio_listing img { display:inline!important; margin-right:10px; }
.bottom-header ul li div.content-menu ul.detail li a{font-family: 'Barlow Condensed', sans-serif; letter-spacing:-1px; font-size: 18px; color: #2F3234; font-weight: 500}
.bottom-header ul li div.content-menu ul.detail li a:hover{ color:#E20714; }
.bottom-header ul li div.content-menu a.button-red {font-size: 21px; color: #fff; display: table; margin: 0; margin-top: 35px; margin-bottom: 50px; font-weight: normal; letter-spacing: -1px; text-transform: uppercase;}
/* .bottom-header ul li div.content-menu a.button-red:hover {color: #E20714;} */
.bottom-header ul li div.content-menu a {}

a.button_trova {font-size: 16px; color: #17675E!important; border: 1px solid #17675E; padding: 15px 28px; transition: all 0.1s; display: inline-block;}
a.button_trova:hover {color: #fff!important; background: #17675E}
.bottom-header ul li div.content-menu .uk-container {padding-left:40px;padding-right: 40px;}


/* Nasconde tutti i contenuti delle tab per impostazione predefinita */
.switcher-in .tab-content {
    display: none;
}

/* Mostra solo il contenuto della tab attiva */
.switcher-in .tab-content.activated {
    display: block;
}
/*--------------------------------------------------------------
## PAGE HOMEPAGE
--------------------------------------------------------------*/
.fixmobile {position: relative;z-index: 990}
#video-banner { width:100%!important; height:100%!important; object-fit:cover}
section.banner { background-size:cover!important; height:95vh }
section.banner span.mat {color: #fff;}
section.banner .uk-overlay-primary {background: linear-gradient(0,rgba(0,0,0, .15), rgba(0,0,0, .75));height: 95vh; position: absolute; width: 100%}
section.banner .uk-overlay-custom {background:rgba(52,60,64,0.5);height: 100%; position: absolute; width: 100%}
section.banner .banner-in { position:relative; height:95vh }
section.banner .banner-in img.arrow {margin-left:15px;}
section.banner .banner-in p {color:#fff; font-size: 18px;}
section.banner .banner-in h1 {font-weight:bold; color: #fff; margin: 10px 0}
section.banner .banner-in h1 a{font-weight:bold; color: #fff;}
section.banner .banner-in h1 a:hover{color: #D9272E;}
section.banner .banner-in span.cat {color: #D9272E; font-weight: bold; display:block; }
section.banner .banner-in span.cat a{color: #D9272E; font-weight: bold; display:block; }
section.banner .banner-in span.cat a img.back { margin-right:15px; position:relative; top:-3px }
section.banner .banner-in span.cat a:hover{color: #fff; }
section.banner .banner-in .uk-position-center-left {width: 100%}
section.chi-siamo a {color: #DB2426; font-size: 16px; font-weight: bold; }
section.chi-siamo a img.arrow {margin-left: 15px; transition: all .2s;}
section.chi-siamo a:hover { color: #fff; transition: all .2s; }
section.chi-siamo a:hover img.arrow { margin-left:22px }
section.chi-siamo {background: #343C40; position:relative;padding: 200px 0 }
section.chi-siamo img.excellencethatworks {position: absolute;  position: absolute;left: -40%;right: 0;top: 0;bottom: 0;margin: auto; width: 50%!important; opacity: 10%}
section.chi-siamo p {color: #fff;font-size: 18px; line-height: 30px}
section.chi-siamo a {color: #DB2426;font-size: 16px; font-weight: bold}


section.prodotti {background: #CDD1D4; color:#343C40; padding:150px 0 350px; position:relative; }
section.prodotti p {font-size: 18px}
section.prodotti img.etichetta {position: absolute;right: 0;top: 0;margin-top: -2px;}
section.prodotti h2 {font-weight: bold; color: #343C40}
section.prodotti .uk-position-relative { height:100% }
section.prodotti a.all {color: #DB2426; font-size: 16px; font-weight: bold; transition: all .2s;display: block; line-height: 1;  margin-right: 40px;}
section.prodotti a.all img.arrow {transition: all .2s; margin-left:15px; position: absolute; }
section.prodotti a.all:hover img.arrow { margin-left:22px }
section.prodotti a.uk-position-center-left {color: #fff; background: url('img/slider_prev.svg') no-repeat; height: 100px; width: 100px; margin: 0; line-height: 90px; top:41%}
section.prodotti a.uk-position-center-left:hover {background: url('img/slider_prev_active.svg') no-repeat; }
section.prodotti a.uk-position-center-right {color: #fff;background: url('img/slider_next.svg') no-repeat right;  height: 100px; width: 100px; margin:0; line-height: 90px; text-align: right;top:41%}
section.prodotti a.uk-position-center-right:hover {background: url('img/slider_next_active.svg') no-repeat right;}
section.prodotti a.uk-position-center-left svg {fill: #fff;}
section.prodotti a.uk-position-center-right svg {fill: #fff;}






section.prodotti .slider_tipologia { margin-top:50px; position: relative;}
section.prodotti .slider_tipologia figure {overflow: hidden;}
section.prodotti .slider_tipologia figure img {width: 100%}
section.prodotti .slider_tipologia h3 {font-size: 24px; color: #D72630; font-weight: bold; margin-top: 30px}
section.prodotti .slider_tipologia p {font-size: 16px; line-height: 28px; color: #343C40}
section.prodotti .slider_tipologia li a:hover img.effect{ margin-left:22px }
section.settori {background: #fff; }
section.settori h2 {font-weight: bold}
section.settori .settori-cont {background: #F8F8F8; padding: 100px 100px 150px 100px; margin-top: -220px; z-index: 1;position: relative;}
section.settori .uk-position-relative { height:100% }
section.settori a.all {color: #DB2426; font-size: 16px; font-weight: bold; transition: all .2s;display: block; line-height: 1;  margin-right: 40px;}
section.settori a.all img.arrow {transition: all .2s; margin-left:15px; position: absolute; }
section.settori a.all:hover img.arrow { margin-left:22px }
section.settori h3 {color: #fff; font-size:28px; font-weight:bold; }
section.settori a:hover h3 {color: #DB2426;  }
section.settori .uk-overlay-primary {background: linear-gradient(to right,rgba(0,0,0, .2), rgba(0,0,0,.5));}
section.settori .uk-inline {margin-top:50px; width: 100%}
section.settori .uk-inline img {width: 100%}
section.news {background: #fff; padding: 100px 0 150px}
section.news a.cat_news {color: #D9272E; font-size: 16px; font-weight: bold; position: relative; top:-10px; line-height: 1;display: block; right:40px}
section.news a.prezoom:hover img.effect {margin-left:22px}
section.news a.prezoom figure {overflow: hidden; margin: 0!important}
section.news a.prezoom figure img{object-fit: cover; height: 300px; width: 100%}
a.cat_news {color: #D9272E; font-size: 16px; font-weight: bold; line-height: 1;display: block;  }
a.cat_news:hover {color: #343B40;}
a.cat_news img.arrow {transition: all .2s; margin-left:15px; position: absolute; }
a.cat_news:hover img.arrow { margin-left:22px }

section.news h2 {margin-top: 0; font-weight: bold; color: #343B40;    margin-bottom: 50px!important; line-height: 1.1}
section.news span.date {font-size:16px; color: #343C40}
section.news span.nome-news {font-size:16px; font-weight: bold; color: #D9272E; }
section.news .grey {background: #F8F8F8; padding: 35px}
section.news .grey h4 {font-weight: bold; color: #343C40; font-size: 24px;margin:5px 0 50px 0; height: 165px}
section.news .grey h4 a{font-weight: bold; color: #343C40; font-size: 24px}
section.news .grey h4 a:hover {color: #D9272E;}
section.news .grey a:hover img.arrow { margin-left:25px;filter:brightness(0) saturate(100%) invert(27%) sepia(73%) saturate(2212%) hue-rotate(337deg) brightness(83%) contrast(109%);transition:  all .2s }
section.news .grey a {transition:  all .2s}
section.news .grey a:hover {transition:  all .2s}

.tax-tipologia section.news a.prezoom img {width: 100%; object-fit: cover; height: 310px}
.page-template-page-news-php section.news figure {}

.page-template-page-news-php section.news ul li a.prezoom figure img {width: 100%; object-fit: cover; height: 285px}
.page-template-page-news-php section.news ul li a.prezoom  img.arrow_black { margin:0; position: absolute;bottom: 30px;}
.page-template-page-news-php section.news ul li a.prezoom:hover img.arrow_black { margin-left:15px }

.single section.news a.prezoom figure img {width: 100%; object-fit: cover; height: 285px}
.single section.news a.prezoom  img.arrow_black { margin:0; position: absolute;bottom: 30px;}
.single section.news a.prezoom:hover img.arrow_black { margin-left:15px }


/*--------------------------------------------------------------
## PAGE GENERAL
--------------------------------------------------------------*/

.contenuto {padding-bottom: 100px}
.bannerpage {/*margin-top:-120px;*/ background-size:cover!important; min-height: 640px}
.bannerpage h1 {color: #fff; font-size: 72px; margin:0; font-weight:500; letter-spacing:-1px; text-transform: uppercase;}
.bannerpage img.page { width:100%; visibility:hidden; opacity:0 }
.bannerpage .uk-position-center-left {width: 100%}
.bannerpage p {color: #fff; font-size: 18px;}
.bannerpage .cta-menu span {color: #fff; }

/*
.banner-bottom {height: 100px; line-height:100px; background:#2D2A26; margin-bottom:35px; }
.banner-bottom p {color: #fff; font-size: 18px}
.banner-bottom span {font-family: 'Barlow Condensed', sans-serif; letter-spacing:-1px; font-size: 21px;color: #fff; text-transform: uppercase; font-weight: normal}
.banner-bottom a {color: #fff;}
.banner-bottom a img {margin-left: 10px;}
.banner-bottom a:hover {opacity: 0.7}
.banner-bottom a.red {font-family: 'Barlow Condensed', sans-serif; letter-spacing:-1px; font-size: 21px;color: #E20714}
*/

section.breadcrumbs { color:#A8A8A8; margin-bottom:35px; font-size: 14px;}
section.breadcrumbs a{ color:#A8A8A8; font-size: 14px;}
section.breadcrumbs span { text-transform:lowercase; }

.page-template-page-privacy section.prodotti {background: #CDD1D4; color:#343C40; padding:0 0 100px; position:relative; }
.page-template-page-privacy section.banner {height: 500px;}
.page-template-page-privacy section.banner .banner-in {height: 700px; padding-top:260px}
.page-template-page-privacy section.banner .banner-in p {font-size: 24px}
.page-template-page-privacy section.content a{color: #DB2426; transition: all .2s;    font-weight: bold;}
.page-template-page-privacy section.content ul {margin: 0;}
.page-template-page-privacy section.content ul li a{color: #DB2426; transition: all .2s;    font-weight: bold;}

/*--------------------------------------------------------------
## PAGE PRODOTTI
--------------------------------------------------------------*/
.page-template-page-prodotti section.prodotti {background: #CDD1D4; color:#343C40; padding:0 0 100px; position:relative; }
.page-template-page-prodotti section.banner {height: 800px;}
.page-template-page-prodotti section.banner .banner-in {height: 700px; padding-top:260px}
.page-template-page-settori section.banner .banner-in p {font-size: 24px}
.page-template-page-settori ul.prod_list li {margin-bottom: 75px;}
section.prodotti .prod_list .greybt {background: #eeeeee; color:#343B40; border-radius: 5px; border:1px solid #eeeeee;padding: 5px 10px; cursor: pointer;}
section.prodotti .prod_list .greybt:hover {background: #343B40; color:#eeeeee; border:1px solid #343B40;}
section.prodotti .prod_list .greybt a{ color:#343B40; font-size: 14px}
section.prodotti .prod_list .greybt:hover a{ color:#eeeeee;}
section.prodotti .prod_list {  position: relative; margin-top: -150px}
section.prodotti .prod_list .uk-panel {margin-bottom: 75px; }
section.prodotti .prod_list .uk-panel .padding {padding:30px}
section.prodotti .prod_list figure {overflow: hidden; margin: 0;}
section.prodotti .prod_list figure img {width: 100%}
section.prodotti .prod_list h3 a{font-size: 24px; color: #D72630; font-weight: bold; }
section.prodotti .prod_list h3 {font-size: 24px; color: #D72630; font-weight: bold; }
section.prodotti .prod_list p {font-size: 16px; line-height: 28px; color: #343C40}
section.prodotti a.prezoom:hover img.icon { margin-left:22px }
.page-template-page-settori section.prodotti .prod_list .uk-panel { background: #fff; min-height: 750px}
.page-template-page-settori section.prodotti .prod_list .arrow { position: absolute; left:30px; bottom:30px}
/*--------------------------------------------------------------
## PAGE SETTORI
--------------------------------------------------------------*/
.page-template-page-settori section.prodotti {background: #CDD1D4; color:#343C40; padding:0 0 100px; position:relative; }
.page-template-page-settori section.banner {height: 800px;}
.page-template-page-settori section.banner .banner-in {height: 700px; padding-top:260px}
.page-template-page-settori section.prodotti li.cta-red figure img { visibility:hidden; opacity:0; }
.page-template-page-settori section.prodotti li.cta-red .img_hidden {position: absolute; background: #DB2426;}
.page-template-page-settori section.prodotti li.cta-red a.prezoom img {transform: none; scale: none;}
.page-template-page-settori section.prodotti li.cta-red .uk-panel { color: #fff;}
.page-template-page-settori section.prodotti li.cta-red p { color: #fff;position:relative; }
.page-template-page-settori section.prodotti li.cta-red a.button-white { position:relative; }
.page-template-page-settori section.prodotti li.cta-red .space {padding:50px;}
.page-template-page-settori section.prodotti li.cta-red .logo_cta{ position:relative; margin-bottom:10px; }
.page-template-page-settori section.prodotti li.cta-red a.button-white {margin-top:35px}


/*--------------------------------------------------------------
## PAGE LA NOSTRA RETE
--------------------------------------------------------------*/
.page-template-page-nostra-rete .contenuto {margin-left:40px; margin-right: 40px;}
.page-template-page-nostra-rete section.prodotti {background: #CDD1D4; color:#343C40; padding:0 0 100px; position:relative; }
.page-template-page-nostra-rete section.banner {height: 700px;}
.page-template-page-nostra-rete section.banner .banner-in {height: 700px; padding-top:260px}
.page-template-page-nostra-rete section.prodotti {background: #fff;}
.page-template-page-nostra-rete section.prodotti li.cta-red figure img { visibility:hidden; opacity:0; }
.page-template-page-nostra-rete section.prodotti li.cta-red .img_hidden {position: absolute; background: #DB2426;}
.page-template-page-nostra-rete section.prodotti li.cta-red a.prezoom img {transform: none; scale: none;}
.page-template-page-nostra-rete section.prodotti li.cta-red .uk-panel { color: #fff;}
.page-template-page-nostra-rete section.prodotti li.cta-red p { color: #fff;position:relative; }
.page-template-page-nostra-rete section.prodotti li.cta-red a.button-white { position:relative; }
.page-template-page-nostra-rete section.prodotti li.cta-red .space {padding:50px;}
.page-template-page-nostra-rete section.prodotti li.cta-red .logo_cta{ position:relative; margin-bottom:10px; }
.page-template-page-nostra-rete section.prodotti li.cta-red a.button-white {margin-top:35px}
.page-template-page-nostra-rete .greylight {background:#F8F8F8; padding: 35px; color: #343B40}
.page-template-page-nostra-rete .greylight h5 {font-weight: bold; font-size: 16px; text-transform: uppercase;color: #343B40}
.page-template-page-nostra-rete .greylight p{ font-size: 16px;color: #343B40 }
.page-template-page-nostra-rete .black {background: #394045!important; padding: 35px; color: #fff;}
.page-template-page-nostra-rete .black p {color: #fff;}
.page-template-page-nostra-rete  a.button-white {border:1px solid #fff; color:#394045!important}
.page-template-page-nostra-rete  a.button-white:hover {background: #394045; color:#fff!important}}
.page-template-page-nostra-rete .contenitore {height: 0}
.page-template-page-nostra-rete .contenitore.mostra {height: auto;}
.page-template-page-nostra-rete .page-left {background: #fff; padding:100px 0 0; margin-top: -100px}
.page-template-page-nostra-rete .select-wrapper {background: #394045; padding: 30px 60px; color:  #CDD1D4;}
.page-template-page-nostra-rete .select-dropdown {color: #CDD1D4; font-size: 23px!important ; font-style: italic!important; border-bottom:3px solid #CDD1D4!important ; padding-bottom: 5px !important;}
.page-template-page-nostra-rete .select-wrapper span.caret { margin-right:60px; top:-15px!important; color:  #CDD1D4!important; }
.network-container .luogo {opacity: 0;height: 0;margin-top:0;margin-bottom:0;visibility: hidden;transition: opacity .4s ease-out;-moz-transition: opacity .4s ease-out;-webkit-transition: opacity .4s ease-out;}
.network-container .luogo.mostra {visibility: visible;opacity: 1;z-index: 1;height: auto;}
.network-container p.big {font-size: 28px}
.collabora {padding-bottom: 100px}
.collabora a{ color: #D9272E;}
.collabora a:hover{ color: #D9272E; opacity: 0.7}
.collabora h2 {margin-top:0}
.page-template-page-nostra-rete span.cat {
    color: #D9272E;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
## SINGLE SETTORI
--------------------------------------------------------------*/



.single-settori  section.banner   {height: 600px!important}
.single-settori  section.banner .banner-in  {height: 700px; padding-top:260px}
.single-settori  section.banner .banner-in p  {font-size: 24px}
.single-settori section.contenuto {padding-bottom: 0}
.single-settori section.contenuto h2 {margin-top:50px; font-size: 36px}
section.nospace {padding: 50px 0 0 0!important}
.single-settori section.contenuto .precontent {margin-bottom: 0}
section.contenuto .precontent ul {margin:0; padding: 0; margin-left:20px;}
section.contenuto .precontent ul li{margin:0; padding: 0; color: #DB2426; font-size: 24px;}
section.contenuto .precontent ul li p{margin:0; padding: 0; color: #404040}
.preimmagine img {width: 100%; margin-top:-150px; margin-bottom: 50px}
.garanzia { }
.garanzia .space {margin-top: 75px;}
.garanzia h2 {font-size: 36px; color:#343C40; font-weight: bold; margin-top:50px }
.garanzia img.ico {position: relative; top:2px}
.single-settori .video {background: linear-gradient(#f8f8f8 0,#f8f8f8 66.666%,rgba(255,255,255,0) 66.666%,rgba(255,255,255,0) 100%)}
section.gallery {background: #f8f8f8; margin: 0; padding: 100px 0}
section.gallery h4 {font-size: 28px; font-weight: bold; line-height: 1.1;}
section.gallery .slider {margin-top: 75px}
section.gallery ul li p {color: #343C40; font-size: 15px}
section.gallery a.uk-position-center-left {color: #fff; background: url('img/slider_prev.svg') no-repeat; height: 100px; width: 100px; margin: 0; line-height: 90px; top:41%}
section.gallery a.uk-position-center-left:hover {background: url('img/slider_prev_active.svg') no-repeat; }
section.gallery a.uk-position-center-right {color: #fff;background: url('img/slider_next.svg') no-repeat right;  height: 100px; width: 100px; margin:0; line-height: 90px; text-align: right;top:41%}
section.gallery a.uk-position-center-right:hover {background: url('img/slider_next_active.svg') no-repeat right;}
section.gallery a.uk-position-center-left svg {fill: #fff;}
section.gallery a.uk-position-center-right svg {fill: #fff;}


section.rel_serie a.uk-position-center-left {background: url('img/slider_prev_active.svg') no-repeat; color: #fff;  height: 100px; width: 100px; margin: 0; line-height: 90px; left:-40px}
section.rel_serie a.uk-position-center-left:hover {background: url('img/slider_prev.svg') no-repeat;}
section.rel_serie a.uk-position-center-right {background: url('img/slider_next_active.svg') no-repeat right; color: #fff; height: 100px; width: 100px; margin:0; line-height: 90px; text-align: right; right:-40px}
section.rel_serie a.uk-position-center-right:hover {background: url('img/slider_next.svg') no-repeat right; }
section.rel_serie a.uk-position-center-left svg {fill: #fff;}
section.rel_serie a.uk-position-center-right svg {fill: #fff;}


section.rel_serie {  }
section.rel_serie h2 {font-size: 48px; line-height: 1.1; font-weight: bold;margin-top:20px; padding-bottom: 35px}
section.rel_serie .in{ background:#CDD1D4;  padding:50px 0}

section.rel_serie  span.cat { color: #D9272E;  font-weight: bold;   display: block;}
section.rel_serie .in .box-white { height:675px }
section.multi_slider {padding-bottom: 250px}
section.multi_slider h2 {font-size: 48px; font-weight:bold; line-height:1.1; margin:100px 0 35px 0; }
section.multi_slider a.uk-position-center-left {color: #fff;background: url('img/slider_prev_active.svg') no-repeat;   height: 100px; width: 100px; margin: 0; line-height: 90px;}
section.multi_slider a.uk-position-center-left:hover {background: url('img/slider_prev.svg') no-repeat; }
section.multi_slider a.uk-position-center-right {color: #fff; background: url('img/slider_next_active.svg') no-repeat right;  height: 100px; width: 100px; margin:0; line-height: 90px; text-align: right;}
section.multi_slider a.uk-position-center-right:hover {background: url('img/slider_next.svg') no-repeat right;}
section.multi_slider a.uk-position-center-left svg {fill: #fff;}
section.multi_slider a.uk-position-center-right svg {fill: #fff;}
section.multi_slider img.thumb { width:100% }
section.multi_slider div.white_trasp {background: rgba(255,255,255,0.85); /*height: 70px; line-height: 70px;*/height: 82px;display: flex; align-items: center; justify-content: center; width: 100%}
section.multi_slider div.white_trasp p {color:#343B40; margin: 0 5px; text-align: center;}
section.multi_slider a.link_slider {width: 100%; display: block; height: 100%}
section.multi_slider a.link_slider img.icon {}
section.multi_slider a.link_slider:hover img.icon {  filter: brightness(0) saturate(100%) invert(20%) sepia(81%) saturate(3373%) hue-rotate(345deg) brightness(88%) contrast(93%);}
/*--------------------------------------------------------------
## PAGE CONTATTI 
--------------------------------------------------------------*/
.page-template-page-contatti section.banner   {height: 600px}
.page-template-page-contatti section.banner .banner-in  {height: auto!important; padding-top:260px}
.page-template-page-contatti  .form-contatti-in { padding:0 40px 100px 40px; margin-top:100px}
.form-contatti {padding-bottom: 150px; font-family: 'Montserrat', sans-serif; }
.form-contatti-in {background: #F8F8F8; padding: 100px 0} 

.page-template-page-contatti p.big {font-size: 28px;}
.form-contatti form textarea {  font-family: 'Montserrat', sans-serif; border:none;width:100%;height: 150px;border-bottom:3px solid #CDD1D4; margin-top: 5px; background: none}
.form-contatti form select {  font-family: 'Montserrat', sans-serif;border:none;width:100%;height: 40px; line-height: 40px; border-bottom:3px solid #CDD1D4; margin-top: 5px; background: none; color: grey}
.form-contatti form input { font-family: 'Montserrat', sans-serif; border:none;width:100%;height: 40px; line-height: 40px; border-bottom:3px solid #CDD1D4; margin-top: 5px; background: none; font-weight:normal!important }
.form-contatti form input.wpcf7-submit { font-family: 'Montserrat', sans-serif;border-radius:5px; width: auto; background:#DB2426; color: #fff!important; font-size: 16px; cursor:pointer;padding: 15px 30px; line-height: 0; display: inline-block; border:1px solid #DB2426; transition: all 0.3s; }
.form-contatti form input.wpcf7-submit:hover { background:#fff; color: #DB2426!important;  border:1px solid #DB2426; }
.form-contatti form .acceptance {font-size: 15px;color: #343C40; font-family: 'Montserrat', sans-serif;}
.form-contatti form .acceptance p{font-size: 15px;color: #343C40;}
.form-contatti form .acceptance a {color: #DB2426;}
.form-contatti form .acceptance input {width: 17px; height: 17px; position: relative; left:-14px; top:1px;}
.form-contatti form .acceptance span {margin-right: 0}
.form-contatti form .mailchimp {font-size: 15px;color: #343C40; font-family: 'Montserrat', sans-serif;}
.form-contatti form .mailchimp p{font-size: 15px;color: #343C40;}
.form-contatti form .mailchimp a {color: #DB2426;}
.form-contatti form .mailchimp input {width: 17px; height: 17px; position: relative; left:-14px; top:1px; margin-left:14px;}
.form-contatti form .mailchimp span {margin-right: 0;}

:-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CDD1D4;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CDD1D4;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #CDD1D4;
}
:-moz-placeholder { /* Firefox 18- */
 color: #CDD1D4;
}


section.content {padding: 100px 0}
section.content h2 {font-weight: bold;}
.dettagli {margin-top:-100px; padding-top:200px; font-size: 18px;}
.dettagli span.title { display:block; margin-bottom:15px }
.dettagli p {color: #333; font-size: 18px;}
.dettagli p.small {font-size: 16px;}
.dettagli a {color: #DB2426; font-size: 16px; font-weight: bold}
.dettagli a img.arrow {margin-left:10px; transition: all .2s;}
.dettagli a:hover {font-weight: bold;transition: all .2s;}
.dettagli a:hover img.arrow { margin-left:22px }
.dettagli ul.social {padding: 0; margin: 0}
.dettagli ul.social li { display:inline-block; margin-right:15px }
.dettagli ul.social li.youtube{}
.dettagli ul.social li.linkedin{ position:relative; top:-4px }
.dettagli ul.social li a{}
.dettagli ul.social li a:hover {opacity: 0.7}

/*--------------------------------------------------------------
## TAXONOMY TIPOLOGIA <-- CATEGORIA DI PRODOTTI
--------------------------------------------------------------*/
.tax-tipologia section.banner   {height: 600px}
.tax-tipologia section.banner .banner-in  {height: 700px; padding-top:260px}
.tax-tipologia .relativo {z-index:33333; position:relative}
span.uppercase {text-transform: uppercase;}
section.listing-prodotti { background:#CDD1D4; padding:50px 0 100px; position:relative; }
section.listing-prodotti img.etichetta {position: absolute; right: 0; top:-2px}
.single section.listing-prodotti .correlati .box-white {height: 600px}
section.listing-prodotti .box-white {padding:30px 20px; background: #fff; margin-bottom: 35px; height: 625px}

section.listing-prodotti .box-white a:hover .uk-position-bottom img { margin-left:22px }
section.listing-prodotti .box-white h3 {color: #D72630;font-size: 28px; font-weight: bold;}
section.listing-prodotti .box-white p {color: #343C40; font-size: 16px;}
section.listing-prodotti .box-white .uk-position-bottom {left:20px; bottom:30px}
section.listing-prodotti .filter {margin:25px 0 50px}
section.listing-prodotti .filter span {font-size: 16px;text-transform:capitalize; font-weight:bold; color:#343C40 }
section.listing-prodotti .filter span.uppercase {text-transform: uppercase;}
section.listing-prodotti .filter span img {margin-right:15px }
section.listing-prodotti span.mat {color: #343C40; }
section.listing-prodotti figure {margin: 0; text-align: center;}
section.listing-prodotti img.full{ display: block;width: 100%;margin: -225px auto; text-align:center; }

.img-serie {width: 100%;position: absolute;z-index: 7; margin-top: -275px}
.img-serie img.full {width: 100%}

.prod_evidenza {margin-top:-150px}
.prod_evidenza p {color: #343C40; font-size: 16px;margin: 0}
.prod_evidenza a {font-weight: bold;color:#D72630!important;font-size: 16px;}
.prod_evidenza a:hover {color: #343C40!important; }

.banner-in-serie { height:700px!important }
.banner-serie { height:800px!important }
section.listing-prodotti-serie { padding:375px 0 100px }
section.listing-prodotti-serie .uk-position-top-center { width:100%; z-index:7; max-width:1200px }
section.listing-prodotti-serie .filter {margin:25px 0 50px}

/*--------------------------------------------------------------
## FILTRI
--------------------------------------------------------------*/


ul.reset{ list-style-type: none; margin:0; padding: 0 }
ul.reset li{ list-style-type: none; margin:0; padding: 0; line-height: 43px; }
ul.reset li a{color: #fff; font-weight: bold; font-size: 16px; background: #343C40; border: 1px solid #00665B; padding: 20px 25px;}
ul.js-filter li {margin-top: 30px!important}
.filtri-sidebar ul { opacity:0; height: 0; transition: all 0.5;list-style-type: none; margin:0 !important; padding: 0;background: #fff;border-top:none; z-index: 1;  width: 100%; border: 1px solid #fff; border-radius: 5px;}
.filtri-sidebar ul .js-filter { opacity:0; height: 0; margin-top: 0!important }
.filtri-sidebar ul li {list-style-type: none; margin:0 ; padding: 0;margin-top: 0!important; text-align: center; }
.filtri-sidebar ul li a {color:#9E9E9E!important; display: block; width: 100%;  padding: 10px 0; display: none;  font-size: 16px; }
.filtri-sidebar ul li a img {margin-bottom: 5px;}
.filtri-sidebar ul li a span {display: block; font-size: 16px; color: #343C40;}
.filtri-sidebar ul li a:hover span{color: #1D1D1B; }
.filtri-sidebar ul li a:hover img  {filter: initial; }

ul.open-materiali {opacity: 1; height: auto; padding:0; max-height: 300px; overflow-y: scroll; margin-top: 10px!important;box-shadow: 0px 6px 10px -2px rgba(0,0,0,0.35) }
ul.open-materiali li {text-align: left!important;}
ul.open-materiali li:hover {background: #F8F8F8; color: #343C40;}
ul.open-materiali li:hover a span{color: #343C40!important;}
ul.open-materiali li a  {display: block; padding-left: 20px; padding-right: 20px;}
ul.open-materiali .js-filter { opacity:1; height: auto; } 

ul.open-tipologia {opacity: 1; height: auto; padding:0; max-height: 300px; overflow-y: scroll; margin-top: 10px!important;box-shadow: 0px 6px 10px -2px rgba(0,0,0,0.35)}
ul.open-tipologia li {text-align: left!important;}
ul.open-tipologia li:hover {background: #F8F8F8; color: #343C40;}
ul.open-tipologia li:hover a span{color: #343C40!important;}
ul.open-tipologia li a  {display: block; padding-left: 20px; padding-right: 20px;}
ul.open-tipologia .js-filter { opacity:1; height: auto; } 



a.fakeselect { border-bottom:2px solid #fff;  width: 100%;  text-align: left; display: block; font-size: 16px; padding-bottom: 5px;color: #343C40; }
a.fakeselect.opener { border-bottom:2px solid #343C40 }
/*a.fakeselect::after {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\00a0";float: right;font-size: 16px; background: url('img/icon_filter.svg') no-repeat right; width: 30px}
a.opener::after {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\00a0";float: right;font-size: 16px; background: url('img/icon_filter_inverter.svg') no-repeat right; width: 30px }*/
a.fakeselect span {color:#343C40!important; font-size:16px!important; font-weight:normal!important;  }

a.grey span {color: #343C40!important;  font-size: 16px; }
.filtri-sidebar .absolute { position: absolute; width: 100%;z-index: 1}
a.opener {border-bottom: none}
p.label {color: #282828; font-size: 18px;}
.filtri-sidebar .absolute .arrow_filter { position:absolute; right:0}



/*--------------------------------------------------------------
## REFERENZE -> PAGE
--------------------------------------------------------------*/
.page-template-page-referenze section.banner {height:800px}
.page-template-page-referenze section.banner .banner-in {height:700px;padding-top:260px}
.page-template-page-referenze section.prodotti {padding-bottom: 150px}
.page-template-page-referenze section.prodotti .prod_list {margin-top: -300px}
.page-template-page-referenze section.prodotti .prod_list .uk-panel {background: #fff; position: relative;padding-bottom: 100px}
.page-template-page-referenze section.prodotti .prod_list .uk-panel .detail { margin:10px 30px 10px 30px; }
.page-template-page-referenze section.prodotti .prod_list .uk-panel .detail span {color: #343C40; font-size: 14px; text-transform: uppercase;}
.page-template-page-referenze section.prodotti .prod_list .uk-panel h3 { margin:30px 30px 0 30px; font-size:28px; line-height:32px }
.page-template-page-referenze section.prodotti .prod_list .uk-panel p { margin:0 30px; }
.page-template-page-referenze section.prodotti .prod_list .uk-panel img.arrow_black { margin:0 30px; position: absolute;bottom: 30px;}
.page-template-page-referenze section.prodotti .prod_list .uk-panel a:hover img.arrow_black { margin-left:45px }

/*--------------------------------------------------------------
## SINGLE -> REFERENZE
--------------------------------------------------------------*/

.single-referenze  section.gallery h3 {    color: #343C40;
    margin-top: 0;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 15px; margin-bottom: 50px;}
.single-referenze  section.gallery {background: #fff; padding:0;}
.single-referenze  section.gallery .slider {margin:0;}
.single-referenze  section.gallery .slider a.prezoom img {width: 100%}
.single-referenze  section.gallery a.uk-position-center-right {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
}
.single-referenze  section.gallery a.uk-position-center-left {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
}

.single-referenze section.video {margin-top:100px; padding: 100px 0}
.single-referenze .contenuto {color: #343C40;font-family: 'Montserrat', sans-serif; }
.single-referenze .contenuto h1{color: #343C40;font-weight: bold;font-size: 48px; margin-top: 0; margin-bottom: 50px;}
.single-referenze .contenuto h2{color: #343C40;font-weight: bold;font-size: 40px;margin-top: 0;margin-bottom: 40px;}
.single-referenze .contenuto h3{color: #343C40;font-weight: bold;font-size: 34px;margin-top: 0;margin-bottom: 30px;}
.single-referenze .contenuto h4{color: #343C40;font-weight: bold;font-size: 28px;margin-top: 0;margin-bottom: 20px;}
.single-referenze .contenuto h5{color: #343C40;font-weight: bold;font-size: 26px;margin-top: 0;margin-bottom: 10px;}
.single-referenze .contenuto p {font-size: 18px; color: #343C40;}
.single-referenze .dettagli p a {font-weight: normal!important}
.single-referenze .dettagli p a:hover {color: #343C40}
.altre-referenze h4.title {margin-bottom: 0!important;}
.altre-referenze a h4.title {color: #D72630!important;}
.altre-referenze a:hover h4.title {color: #343C40!important;}
.altre-referenze a:hover span.arrow img { margin-left:15px }
.altre-referenze .grey {min-height: 280px}
.altre-referenze .grey span.arrow { position:absolute; bottom:35px; left:35px }
.altre-referenze span.referenze {display: inline-block; font-size: 14px;color: #343C40}
.single-referenze section.video .video-image a { position:relative; z-index:9; }
.single-referenze section.video .uk-overlay-primary {height: 100%; position: absolute; width: 100%}
.single-referenze section.video {}
section.serie { padding:0 ;  font-family: 'Montserrat', sans-serif; }
section.serie h3 {color: #fff; font-size: 48px; line-height: 56px; font-weight: bold;}
section.serie .serie-in {background: #343B40;  padding: 150px 0}
section.serie .serie-in h3 {margin: 10px 0}
section.serie .serie-in h3 a{ color: #fff;}
section.serie .serie-in h3 a:hover {color: #D9272E;}
section.serie .serie-in p { color: #fff; font-size: 18px; }
section.serie .serie-in img.hidden { position:relative; z-index:9 }
section.serie .serie-in img.linguetta { position:absolute; right:0; bottom:-20px }
section.serie .serie-in .uk-position-relative {}
.single-referenze span.cat a {color: #D9272E;font-weight: bold;display: block;}
.single-referenze span.cat a:hover {color: #fff;}
.single-referenze .serie-in a img.arrow {margin-left:15px}
section.testimonianze {padding: 0 0 100px;}
section.testimonianze h4 {color: #343C40;font-weight: bold;font-size: 28px;margin-top: 0; margin-bottom: 50px}
section.testimonianze em {color: #343C40; font-size: 18px; display: block; margin-bottom: 35px;}
section.testimonianze em strong {font-weight: 600}
section.testimonianze span.nominativo {color: #343C40;font-size: 18px; font-weight: bold;}
section.testimonianze span.ruolo {color: #343C40;font-size: 18px;}


section.serie section.gallery {background:none; margin-top: 0; text-align: left; padding:0; margin-top: 75px}
section.serie section.gallery figure {overflow: hidden; margin: 0; padding: 0}
section.serie section.gallery figure img {width:100%;}
section.serie section.gallery figure img.ref {padding:50px;}
section.serie section.gallery .uk-slider-container {overflow: visible;}
section.serie section.gallery .uk-position-relative {background: #fff; padding:60px;}
section.serie section.gallery span.slider_title { color:#DB2426; font-size:21px; line-height:28px; font-weight:bold; display:block; margin-top:20px }
section.serie section.gallery p {font-size: 14px; line-height: 21px; color: #343B40}
section.serie section.gallery span.link {color: #DB2426; font-size: 16px; font-weight: bold; display:block; margin-top:50px }
section.serie section.gallery a.prezoom img.icon { margin-left:5px; width:auto; }
section.serie section.gallery a.prezoom:hover img.icon { margin-left:22px }
section.serie section.gallery .slider {margin-top: 0}
section.serie section.gallery .uk-container {overflow: hidden;}

section.serie section.gallery a.uk-position-center-right {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
    right:-50px;
}
section.serie section.gallery a.uk-position-center-left {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
    left:-50px;
}

section.serie section.gallery a.uk-position-center-left {color: #fff;background: url('img/slider_next_active.svg') no-repeat left; }
section.serie section.gallery a.uk-position-center-left:hover {background: url('img/slider_next_active.svg') no-repeat left; opacity: 0.8}
section.serie section.gallery a.uk-position-center-right {color: #fff;background: url('img/slider_prev_active.svg') no-repeat right;  }
section.serie section.gallery a.uk-position-center-right:hover {background: url('img/slider_prev_active.svg') no-repeat right;opacity: 0.8}
section.serie section.gallery a.uk-position-center-left svg {position: relative; left:10px;}
section.serie section.gallery a.uk-position-center-right svg {position: relative; right:10px;}



/*--------------------------------------------------------------
## AZIENDA
--------------------------------------------------------------*/
.page-template-page-azienda section.contenuto .content a.cat_news {margin-top:50px}
.page-template-page-azienda  section.banner   {height: 600px}
.page-template-page-azienda  section.banner .banner-in  {height: 700px; padding-top:260px}
.page-template-page-azienda section.contenuto {padding: 100px 0 0 0!important}
section.contenuto {padding: 100px 0}
section.contenuto h2 {font-weight: bold; font-size: 48px; line-height: 1.1; margin-bottom: 50px;}
section.contenuto .precontent {margin-bottom: 100px}
section.contenuto .precontent p {font-size: 18px; line-height: 28px}
section.contenuto .content {font-size: 28px; margin-bottom: 50px}
section.contenuto .content p {font-size: 28px; margin-bottom: 50px}
.box {padding: 100px 0 0 0; color: #343B40}
.box span.xl {font-size: 168px;font-weight: bold; color: #343B40}
.box h3 {font-size: 48px;font-weight: bold; color: #343B40; margin: 0; line-height: 1}
.box p {font-size: 18px; color: #343B40}
.box img.image {width: 100%; position: relative; top:200px}
.page-template-page-azienda section.gallery {background: #fff; padding-top:50px;}
.page-template-page-azienda section.gallery .slider {margin:0;}
.page-template-page-azienda section.gallery .slider a.prezoom img {width: 100%}
.page-template-page-azienda section.gallery a.uk-position-center-right {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
}
.page-template-page-azienda section.gallery a.uk-position-center-left {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
}
.page-template-page-azienda .box-contatore {padding: 50px 0; text-align: center;}
.page-template-page-azienda .box-contatore span { display:block; margin-bottom: 35px; text-align: center;}
.page-template-page-azienda .box-contatore span.numero { font-size:92px; line-height:54px; color:#DB2426; }
.page-template-page-azienda .box-contatore span.titolo { color:#343B40; font-size: 24px; line-height: 32px;margin-bottom: 15px!important; }
.page-template-page-azienda .box-contatore span.descrizione {font-size: 18px; line-height: 24px; color:#343B40}
.page-template-page-azienda .vantaggi {padding:100px; background:#343B40; color:#fff; margin-bottom: 80px}
.page-template-page-azienda .vantaggi h3 {font-size: 48px; font-weight: bold; margin-bottom: 50px; line-height: 1.1; color: #fff;}
.page-template-page-azienda .vantaggi span { font-size:18px ; color:#fff;}
.page-template-page-azienda .vantaggi .space {margin:100px 0}
.page-template-page-azienda .vantaggi .col {color: #343B40}
.page-template-page-azienda .vantaggi .col p{ font-size:18px; line-height: 30px}
.page-template-page-azienda span.cat {color: #D9272E;font-weight: bold;display: block; margin-bottom: 10px}

.page-template-page-azienda section.news {background: #CDD1D4;}
.page-template-page-azienda section.news .grey {background: #fff;}

.page-template-page-azienda .cta-black {margin-top:-138px;}
.cta-black {background: #343B40; color: #fff;  padding: 60px 70px}
.cta-black p {font-size: 18px; color: #fff; font-weight: bold;}
.cta-black a {color: #343B40!important; border: 1px solid #fff}
.cta-black a:hover {color: #fff!important; background: #343B40}
section.professionisti {background: #fff; padding: 50px 0 100px 0}
.manufacturing {background: #343B40; color: #fff; padding: 300px 40px 200px 40px}
.manufacturing h3 p {color: #fff;font-size: 48px; font-weight: normal; line-height: 1.1}
.manufacturing p {color: #fff; font-size: 18px; line-height: 30px}
.box-scm {border:5px solid #002F63; padding: 100px; margin-bottom: 100px!important;}
.box-scm p {font-size: 18px; line-height: 28px; color: #343B40}
#accordion-dinamico {margin-bottom: 100px;}
#accordion-dinamico .singolo-accorodion.open  .tabella {}
#accordion-dinamico .singolo-accorodion  .tabella {margin: 0 40px; padding:0}

#accordion-dinamico .singolo-accorodion  p.black{ color:#343B40!important;}
#accordion-dinamico .singolo-accorodion .content-singolo-accordion p.black{ color:#343B40;}
#accordion-dinamico .singolo-accorodion.open .content-singolo-accordion p.black{ color:#343B40;}
#accordion-dinamico .singolo-accorodion .title-singolo-accordion {padding: 15px 15px 15px 30px}
#accordion-dinamico .singolo-accorodion .content-singolo-accordion {}
#accordion-dinamico span { display:block; }
#accordion-dinamico span.pretitolo { color:#DB2426; font-weight:bold; font-size:16px; }
#accordion-dinamico span.titolo {color:#343B40; font-weight:bold; font-size:28px; line-height:42px; }
#accordion-dinamico .red {background: #DB2426; color: #fff ; border-radius: 5px; height: 128px;}
#accordion-dinamico .red img {margin:0 auto; text-align: center; display: table; position: relative; top:20px;}
#accordion-dinamico .red span {color: #fff; padding: 20px 20px 0 20px;}


/* ACCORDION DINAMICO */
#accordion-dinamico .singolo-accorodion {max-height: 100%;height: auto;margin: 2rem 0 0;transition: all .3s;position: relative;background: #EEEEEE;}
#accordion-dinamico .singolo-accorodion .content-singolo-accordion p {font-size: 18px; line-height: 28px;}
#accordion-dinamico .singolo-accorodion.open {background: #343B40;}
#accordion-dinamico .singolo-accorodion.open .red {border-radius: 0; height: 158px;}
#accordion-dinamico .singolo-accorodion.open .red span {color: #fff; padding: 35px 30px 0 30px; font-weight: bold; text-align: center;}
#accordion-dinamico .singolo-accorodion.open .red img {margin:0 auto; text-align: center; display: table; position: relative; top:30px;}


#accordion-dinamico .singolo-accorodion.open .title-singolo-accordion {padding:0 0 0 30px}
#accordion-dinamico .singolo-accorodion.open .content-singolo-accordion {padding:50px 0; margin-left: 40px; margin-right: 40px}
#accordion-dinamico .singolo-accorodion.open .content-singolo-accordion p {color: #fff;}
#accordion-dinamico .singolo-accorodion.open .title-singolo-accordion span.titolo {color: #fff;}
#accordion-dinamico .singolo-accorodion .title-singolo-accordion {cursor: pointer;transition: all .3s; }
#accordion-dinamico .singolo-accorodion.hover {background: #343B40;}
#accordion-dinamico .singolo-accorodion.hover .title-singolo-accordion span.titolo {color: #fff;}
#accordion-dinamico .singolo-accorodion.hover .content-singolo-accordion p {color: #fff;}

#accordion-dinamico .singolo-accorodion .content-singolo-accordion {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .2s ease;
	transition: max-height .2s ease;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:40px;
	margin-right: 40px;
}


#accordion-dinamico .singolo-accorodion .overlay {
	background: #fff;
	background: linear-gradient(to top, #343B40 0%, transparent 100%);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	max-height: 0;
	z-index: 1;
	transition: max-height .3s ease;
}

#accordion-dinamico .singolo-accorodion.hover {
	transition: all .3s;
}

#accordion-dinamico .singolo-accorodion.hover .title-singolo-accordion {
	color: #75F9FF;
	transition: all .3s;
}

#accordion-dinamico .singolo-accorodion.hover .title-singolo-accordion::after {
	background-image: url(img/plus_white.svg);
	transition: all .3s;
/*	width: 3.5rem;
	height: 3.5rem;*/
}

#accordion-dinamico .singolo-accorodion.hover .content-singolo-accordion {
	max-height: 5rem;
	-webkit-transition: max-height .3s ease;
	transition: max-height .3s ease;
}

#accordion-dinamico .singolo-accorodion.hover .overlay {
	height: 6rem;
	max-height: 6rem;
	transition: max-height .3s ease;
}


#accordion-dinamico .singolo-accorodion.open .title-singolo-accordion {
	color: #000;
	
	transition: all .3s;
}

#accordion-dinamico .singolo-accorodion.open .title-singolo-accordion::after {
	background-image: url(img/icone/remove.svg);
	transition: all .3s;
	width: 3.5rem;
	height: 3.5rem;
}

#accordion-dinamico .singolo-accorodion.open .content-singolo-accordion {
	max-height: 100% !important;
	height: 100% !important;
	-webkit-transition: max-height .3s ease;
	transition: max-height .3s ease;
	margin-top: 0 !important;
	margin-bottom: 4rem;
}

#accordion-dinamico .singolo-accorodion.open .overlay {
	bottom: 0 !important;
	width: 100% !important;
	height: 0 !important;
	max-height: 0 !important;
	transition: max-height .3s ease;
}




/*--------------------------------------------------------------
## PAG NEWS
--------------------------------------------------------------*/
.page-template-page-news section.banner   {height: 600px}
.page-template-page-news .banner .banner-in  {height: 700px;padding-top:260px}
.page-template-page-news section.news {background: #CDD1D4; padding-top:75px}
.page-template-page-news .filter {margin:25px 0 75px}
.page-template-page-news .filter span {font-size: 16px;text-transform:uppercase; font-weight:bold; color:#343C40 }
.page-template-page-news .filter span img {margin-right:15px }
.page-template-page-news ul.tab  { position:relative; top:-10px  }
.page-template-page-news ul.tab li { list-style-type:none; display:inline-block; }
.page-template-page-news ul.tab li.uk-active {}
.page-template-page-news ul.tab li.uk-active a{ border-top:3px solid #343C40; border-bottom: none}
.page-template-page-news ul.tab li.uk-active a:hover { border-bottom: none}
.page-template-page-news ul.tab li a{ font-weight:normal!important; font-size:16px; color:#343C40; border-bottom:3px solid #fff; padding:10px 0; width:100%; display:block;text-align:left;  }
.page-template-page-news ul.tab li a:hover { border-bottom:3px solid #343C40;}
/*--------------------------------------------------------------
## ERROR 404
--------------------------------------------------------------*/

.error404 .banner {margin-bottom: 35px}



/*--------------------------------------------------------------
## SINGLE PRODOTTI
--------------------------------------------------------------*/

span.title {color: #D9272E; font-size: 16px; font-weight: bold; display: block;}
span.cta {color: #D72630; font-size: 28px; font-weight: bold;}
.banner-in-single { height:700px!important }
.banner-single { height:700px!important; background:#343B40 }
.banner-single .fullheight {height: 100%}
.banner-single .bottom {bottom: 80px; position: relative;z-index: 4}
.single-prodotti .banner-single .uk-position-center-right {margin-top: 60px; z-index: 2}
.single-prodotti .banner-single h1.big {text-shadow: 0px 0px 6px rgba(52, 59, 64, 0.9);}
.single-prodotti .banner-single p {text-shadow: 0px 0px 6px rgba(52, 59, 64, 0.9);}
section.prodotto {padding: 100px 0 35px; background: #fff; position: relative;}
section.prodotto img.etichetta { position:absolute; right:0; top:-3px }
section.prodotto .dettagli {color: #343C40}
section.prodotto .dettagli .text-content  {margin-top:0 ;margin-right:180px /*questo margine necessario per l'etichetta*/ }
section.prodotto .dettagli p {font-size: 28px; color: #343C40; }
section.prodotto .dettagli .relazioni {padding:50px 0}
section.prodotto .dettagli .relazioni ul {margin: 0;padding: 0; margin-top: 25px}
section.prodotto .dettagli .relazioni ul li{margin: 0;padding: 0; list-style-type: none; font-size: 18px; color:#343C40 }
section.prodotto .dettagli .relazioni ul li a{margin: 0;padding: 0; list-style-type: none; font-size: 18px; color:#343C40; font-weight:normal; }
section.prodotto .dettagli .relazioni ul li a:hover {color: #D9272E}
section.prodotto .dettaglio { padding:100px 0  0}
section.prodotto .dettaglio p {color:#343C40; font-size: 18px}
section.prodotto .dettaglio h3 {color:#343C40; font-size: 48px; font-weight: bold; line-height: 56px; margin-bottom: 25px}
section.prodotto .dettaglio img { width:100% }
section.prodotto .dettaglio .spazio {margin-bottom: 100px}

section.prodotto img.negative-relative-left {position: relative; left:-80px}
section.prodotto img.negative-relative-right {position: relative; left:-80px}

.menu-fixed {height: 0; background: #CDD1D4; opacity: 0;}
.menu-fixed.uk-active {opacity:1;height: 100px;}
.menu-fixed ul {margin:0; padding:0;}
.menu-fixed ul li { display:inline; }
.menu-fixed ul li a {color: #343C40; font-size: 16px; margin-right: 15px}
.menu-fixed ul li a.active {color:#D9272E;}
.menu-fixed img.prod {height: 100px}
.menu-fixed h5 {font-size: 16px; color:#D9272E; margin:20px 0 10px; font-weight: bold;}
.menu-fixed .brochure {line-height: 100px; }
.menu-fixed .brochure a{color: #343C40; display: block; }
.menu-fixed .red {line-height: 100px; background: #DB2426; padding: 0 35px;}
.menu-fixed .red a {color: #fff; margin: 0 auto; display: table;}
.menu-fixed .red a img {margin-left:15px;}
.menu-fixed a img.brochure {margin-right: 15px; position: relative; top:-3px}

section.vantaggi {background: #FFF; padding-bottom: 100px; /*padding: 100px 0*/ overflow: hidden;}
section.vantaggi section.gallery {background: #FFF; padding:0}
section.vantaggi section.gallery .slider {margin-top:25px}
section.vantaggi section.gallery .darkgrey {background:#343B40; color: #fff; padding: 30px; min-height: 380px;}
section.vantaggi section.gallery .darkgrey span p {color: #fff;}
section.vantaggi section.gallery .darkgrey span p strong {text-transform: uppercase; display: block; margin-bottom: 10px}
section.vantaggi section.gallery .darkgrey  br {/*display: none!important;*/}

section.vantaggi section.gallery a.uk-position-center-right {color: #fff;background: url('img/slider_next_active.svg') no-repeat right; }
section.vantaggi section.gallery a.uk-position-center-right:hover {background: url('img/slider_next_active.svg') no-repeat right; opacity: 0.8}
section.vantaggi section.gallery a.uk-position-center-left {color: #fff;background: url('img/slider_prev_active.svg') no-repeat left;  }
section.vantaggi section.gallery a.uk-position-center-left:hover {background: url('img/slider_prev_active.svg') no-repeat left;opacity: 0.8}
section.vantaggi section.gallery .elementi p:first-of-type:not(:last-of-type) {
    font-weight: bold;
}
section.vantaggi section.gallery a.uk-position-center-right {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
}
section.vantaggi section.gallery a.uk-position-center-left {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
}


section.bigspace {padding-bottom:150px}
section.vantaggi .space {margin-top: 50px;}
section.vantaggi h2 {font-size: 48px; color:#343C40; font-weight: bold; margin:0}
section.vantaggi img.ico {position: relative; top:2px}

section.software {background: #343C40; padding: 0  0 165px}
section.software .software-in { margin-top:-165px; margin-bottom:165px }
section.software h2 {color:#fff; margin-top:0; font-size: 48px; font-weight: bold; margin-bottom: 50px}
section.software p { color:#fff;font-size:18px; width:80%; line-height:30px }
section.software img.cento {width: 100%}

section.video {background: #EEEEEE; padding:100px 0 150px}
section.video h3 {color:#343C40; margin-top:0; font-size: 48px; font-weight: bold; margin-bottom: 15px}
section.video h4 {color:#343C40; font-size: 28px; margin:0 }
section.video h4 p {color:#343C40; font-size: 28px; margin:0 }
section.video .video-image {position: relative; background:url('img/bg_video.png') no-repeat center center; background-size:cover; height:250px; line-height:250px; margin-top:50px }
section.video .video-image img.bg { }
section.video .video-image a { margin:0 auto; text-align:center;  width: auto; display: block; transition: all .2s}
section.video .video-image a:hover img { filter:brightness(0) saturate(100%) invert(27%) sepia(73%) saturate(2212%) hue-rotate(337deg) brightness(83%) contrast(109%); position:relative;  }

section.caratteristiche {background: #fff; padding: 100px 0}
section.caratteristiche h3 {color:#343C40; margin-top:0; font-size: 48px; font-weight: bold; margin-bottom: 0;}
section.caratteristiche p {color:#343C40; font-size: 18px; line-height: 30px}
section.caratteristiche a.button-red img{ margin-left:15px }

.tabella {padding:75px 0}
.tabella ul {margin: 0; padding: 0}
.tabella ul li {list-style-type: none; height: 60px; line-height: 60px}
.tabella ul li:nth-child(odd) { background:#F8F8F8; border-bottom:1px solid #E8E8E8}
.tabella ul li:nth-child(even) { background:#fff;}
.tabella ul li .uk-text-left p {padding-left:20px}
.tabella ul li .uk-text-right p {padding-right:20px}


.tabella .dt-container .dt-layout-cell.dt-layout-start {display: none;}
.tabella .tablepress>:where(thead,tfoot)>tr>* {background: #DB2426!important;border-bottom: 1px solid #E8E8E8!important; color: #fff!important; }
.tablepress-id-528 .row-30 {background: #DB2426!important;border-bottom: 1px solid #E8E8E8!important; color: #fff!important; }
.tabella span.nobold { font-weight:normal!important; text-align:right!important; display:block!important }
.tabella  .tablepress thead .dt-orderable-asc .dt-column-order, .tabella  .tablepress thead .dt-orderable-desc .dt-column-order, .tabella  .tablepress thead .dt-ordering-asc .dt-column-order, .tabella  .tablepress thead .dt-ordering-desc .dt-column-order {display: none;}
.tabella .dt-container .dt-length, .tabella .dt-container .dt-search {display: none;}
.tabella .column-1 { font-weight:bold; padding:15px; font-size:16px; line-height:24px; }
.tabella .column-2 { font-weight:normal; font-size:16px; line-height:24px; padding:15px; text-align:center; }
.tabella .column-3 { font-weight:normal; font-size:16px; line-height:24px; text-align: center; padding:15px; }
.tabella .column-4 { font-weight:normal; font-size:16px; line-height:24px; text-align: center; padding:15px; }


.single-prodotti .referenze {padding-bottom: 0!important}
section.referenze {padding: 100px 0 50px 0; background: #CDD1D4}
section.referenze section.gallery {background:none; margin-top: 0; text-align: left; padding:0;}
section.referenze section.gallery figure {overflow: hidden; margin: 0; padding: 0}
section.referenze section.gallery figure img {width:100%;}
section.referenze section.gallery .uk-slider-container {overflow: visible;}
section.referenze section.gallery .uk-position-relative {background: #fff; padding:35px 35px 35px 60px;}
section.referenze section.gallery span.slider_title { color:#DB2426; font-size:21px; line-height:28px; font-weight:bold; display:block; margin-top:50px }
section.referenze section.gallery p {font-size: 16px; line-height: 24px;}
section.referenze section.gallery span.link {color: #DB2426; font-size: 16px; font-weight: bold; display:block; margin-top:50px }
section.referenze section.gallery a.prezoom img.icon { margin-left:5px }
section.referenze section.gallery a.prezoom:hover img.icon { margin-left:22px }
section.referenze section.gallery .slider {margin-top: 0}
section.referenze section.gallery .uk-container {overflow: hidden;}

section.referenze section.gallery a.uk-position-center-right {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
    right:-50px;
}
section.referenze section.gallery a.uk-position-center-left {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0, var(--uk-position-translate-y));
    left:-50px;
}

section.referenze section.gallery a.uk-position-center-left {color: #fff;background: url('img/slider_next_active.svg') no-repeat left; }
section.referenze section.gallery a.uk-position-center-left:hover {background: url('img/slider_next.svg') no-repeat left;}
section.referenze section.gallery a.uk-position-center-right {color: #fff;background: url('img/slider_prev_active.svg') no-repeat right;  }
section.referenze section.gallery a.uk-position-center-right:hover {background: url('img/slider_prev.svg') no-repeat right;}
section.referenze section.gallery a.uk-position-center-left svg {position: relative; left:10px;}
section.referenze section.gallery a.uk-position-center-right svg {position: relative; right:10px;}


section.referenze .referenze-in {padding: 25px 0 100px}
section.referenze .referenze-in .image figure  { overflow:hidden; }
section.referenze .referenze-in .image figure img.ref { width:100% }
section.referenze .referenze-in .uk-position-bottom {bottom: 60px}
section.referenze .referenze-in .image { position:relative;color:#fff; }
section.referenze .referenze-in .image h3 {color: #fff; font-size: 32px; font-weight: bold;}
section.referenze .referenze-in a .image span {font-size: 16px; font-weight: bold;}
section.referenze .referenze-in .image span img {margin-left: 15px;}
section.referenze .referenze-in p.big { font-size:28px; color:#343C40; }
section.referenze h2 {color:#343C40; margin-top:20px; font-size: 48px; font-weight: bold; margin-bottom: 20px}
section.referenze .correlati h3.t {color:#343C40; margin-top:0; font-size: 48px; font-weight: bold; margin-bottom: 50px}


.uk-modal-dialog {position: relative; padding: 0; margin-top: 75px}
.uk-modal-dialog .bg_grey {background: #CDD1D4; text-align: center; padding: 20px 0; text-transform: uppercase; font-weight: bold; font-size: 18px}
.uk-modal-dialog button { border: none; background: none; position: absolute; right:0; top:5px; color: #343B40; font-size: 26px; cursor: pointer; font-weight: bold}
.uk-modal-dialog button:hover {opacity: 0.7}
.uk-modal-dialog .form {padding:30px 60px}
.uk-modal-dialog .form p {margin-bottom: 25px;}
.uk-modal-dialog form textarea {border-bottom:3px solid #343C40; height:125px; font-weight:normal}
.uk-modal-dialog .form-contatti p {margin-bottom: 0!important;}
.uk-modal-dialog form input { border:none;width:100%;height: 40px; line-height: 40px; border-bottom:3px solid #343C40; margin-top: 5px;}
.uk-modal-dialog form select { border:none;width:100%;height: 40px; line-height: 40px; border-bottom:3px solid #343C40; margin-top: 5px;}
.uk-modal-dialog form input.wpcf7-submit {border-radius:5px; width: auto; background:#DB2426; color: #fff; font-size: 18px; cursor:pointer;padding: 15px 30px; line-height: 0; display: inline-block; border:1px solid #DB2426; transition: all 0.3s; }
.uk-modal-dialog form input.wpcf7-submit:hover { background:#fff; color: #DB2426;  border:1px solid #DB2426; }
.uk-modal-dialog form .acceptance {font-size: 13px;color: #343C40;}
.uk-modal-dialog form .acceptance p{font-size: 13px;color: #343C40;}
.uk-modal-dialog form .acceptance a {color: #DB2426;}
.uk-modal-dialog form .acceptance input {width: 17px; height: 17px; position: relative; left:-14px; top:5px;}
.uk-modal-dialog form .acceptance span {margin-right: 0}
.uk-modal-dialog form .mailchimp {font-size: 13px;color: #343C40;}
.uk-modal-dialog form .mailchimp p{font-size: 13px;color: #343C40;}
.uk-modal-dialog form .mailchimp a {color: #DB2426;}
.uk-modal-dialog form .mailchimp input {width: 17px; height: 17px; position: relative; left:-14px; top:5px;}
.uk-modal-dialog form .mailchimp span {margin-right: 0}

/*--------------------------------------------------------------
## SINGLE NEWS ACCESSORI
--------------------------------------------------------------*/ 
.single-post {font-family: 'Montserrat', sans-serif;}
section.immagine {margin-top:-150px}
section.immagine img{ /*width:100%*/ }
section.single-news {background: #CDD1D4;}
section.eventi {color: #343C40;}
section.eventi .dettagli p { font-size:18px;color: #343C40; margin-bottom:0 }
section.eventi .dettagli br {display: none;}
section.eventi .dettagli p strong{ font-size:16px; color: #343C40; margin-bottom: 20px; display: block;}
.single-post section.articolo {padding-bottom: 200px}
.single-post section.contenuto p {color: #343C40; font-size: 18px; line-height: 26px;}
.single-post section.contenuto a {color:#c93931}
.single-post section.contenuto h1{font-size: 60px;color: #343C40; font-weight: bold}
.single-post section.contenuto h2{font-size:48px;color: #343C40; font-weight: bold; margin-bottom: 100px}
.single-post section.contenuto h3{font-size:28px;color: #343C40; font-weight: bold}
.single-post section.contenuto h4{font-size:26px;color: #343C40; font-weight: bold}
.single-post section.contenuto h5{font-size:24px;color: #343C40; font-weight: bold}
section.galleria {padding-bottom: 100px}
section.galleria a.uk-position-center-left { background:url('img/arrow_left_round_black.svg') no-repeat; width:100px; height:100px; text-indent: -99999px;padding: 0; margin: 0; left:-50px }
section.galleria a.uk-position-center-right { background:url('img/arrow_right_round_black.svg') no-repeat; width:100px; height:100px; text-indent: -99999px; padding: 0; margin: 0; right: -50px}
section.galleria a.uk-position-center-left:hover {background:url('img/arrow_left_round_red.svg') no-repeat; }
section.galleria a.uk-position-center-right:hover {background:url('img/arrow_right_round_red.svg') no-repeat;}
section.galleria h3 {color: #343C40; font-weight: bold; font-size: 48px; margin-top: 0}
section.galleria img {width: 100%; display: block;}
section.galleria .slider {margin-top:50px}
section.cta-single{padding:50px 0 175px 0 }
section.cta-single h3 {font-weight: bold; font-size: 28px; margin-bottom: 35px}
/*--------------------------------------------------------------
## PAGE SUPPORTO
--------------------------------------------------------------*/
.page-template-page-supporto a.anchor {color: #D9272E; margin-right: 15px; font-size: 16px; font-weight: bold; position: relative; top:50px; transition: all 0.3s;}
.page-template-page-supporto a.anchor:hover {color: #fff;}
.page-template-page-supporto a.anchor img {margin-left: 15px; position: relative; top:5px; transition: all 0.3s;}
.page-template-page-supporto a.anchor:hover img {top:20px; transition: all 0.3s;}
.page-template-page-supporto {font-family: 'Montserrat', sans-serif; }
.page-template-page-supporto section.banner   {height: 600px}
.page-template-page-supporto section.banner .banner-in  {height: 700px; padding-top:260px}
.page-template-page-supporto section.banner .banner-in h1 {line-height: 60px}
.page-template-page-supporto .content p { font-size:18px; color: #343C40; line-height: 32px}
section.supporto {padding-bottom: 50px; margin-left:40px; margin-right:40px}
section.supporto h3 {font-weight: bold;color: #343C40; font-weight: bold; font-size: 48px; margin-bottom: 35px; margin-top:0}
section.supporto p.big {font-size: 28px; margin-bottom: 50px}
section.supporto p {font-size: 18px; margin-bottom: 10px}
section.supporto a {font-size: 16px; color: #DB2426;}
section.supporto a:hover { color: #343C40;}
section.supporto span.tel{ color: #343C40;font-size: 16px; display: block;}


/*--------------------------------------------------------------
## PAGE 404
--------------------------------------------------------------*/
.error404 section.banner   {height: 600px}
.error404 section.banner .banner-in  {height: 700px; padding-top:260px}
.error404 section.banner .banner-in h1 {line-height: 60px}


/*--------------------------------------------------------------
## PAGE CAREERS
--------------------------------------------------------------*/

.page-template-page-careers section.banner   {height: 600px}
.page-template-page-careers section.banner .banner-in  {height: auto; padding-top:260px}
.page-template-page-careers section.banner .banner-in h1 {line-height: 60px}
.page-template-page-careers section.form-contatti h3 { font-weight:bold; font-size:48px; color:#343C40;margin-top:0; }
.page-template-page-careers section.form-contatti p.big {font-size:28px;color:#343C40 }
.page-template-page-careers section.form-contatti p {font-size:15px; }
.page-template-page-careers section.form-contatti form .acceptance p { font-size: 15px;color: #343C40;}
.page-template-page-careers section.form-contatti .form-contatti-in { /*margin-top:75px;*/ padding-left:40px; padding-right: 40px;}
.page-template-page-careers section.contenuto h4 {font-size: 28px;}
.page-template-page-careers section.contenuto span {}
.page-template-page-careers section.careers { padding-bottom:100px }
.page-template-page-careers section.careers span {font-size: 16px; font-weight: bold; color: #343C40; display: block; margin-bottom: 10px}
.page-template-page-careers section.careers a {transition: all 0.2s;}
.page-template-page-careers section.careers a img {transition: all 0.2s; margin-right: 35px;}
.page-template-page-careers section.careers a .grey {background: #F8F8F8 ; color: #343C40;    height: 100%;min-height: 200px;vertical-align: middle;line-height: 200px; }
.page-template-page-careers section.careers a .grey h5 {font-size: 24px; line-height: 32px; font-weight: bold; margin-left: 35px;}
.page-template-page-careers section.careers a:hover img.arrow {margin-right: 20px;}
.page-template-page-careers section.careers a:hover h5 {color:#DB2426}
/*--------------------------------------------------------------
## SINGLE CAREERS
--------------------------------------------------------------*/

.single-careers section.banner   {height: 800px}
.single-careers section.banner .banner-in  {height: 700px; padding-top:260px}
.single-careers section.banner .banner-in h1 {line-height: 60px}
.single-careers section.form-contatti h3 { font-weight:bold; font-size:48px; color:#343C40;margin-top:0; }
.single-careers section.form-contatti p.big {font-size:28px;color:#343C40 }
.single-careers section.form-contatti p {font-size:18px; }
.single-careers section.form-contatti .form-contatti-in { margin-top:75px; }

.single-careers a.anchor {color: #D9272E; margin-right: 15px; font-size: 16px; font-weight: bold; position: relative; top:50px; transition: all 0.3s;}
.single-careers a.anchor:hover {color: #fff;}
.single-careers a.anchor img {margin-left: 15px; position: relative; top:5px; transition: all 0.3s;}
.single-careers a.anchor:hover img {top:20px; transition: all 0.3s;}
.single-careers section.contenuto  {padding-bottom: 200px}
.single-careers section.contenuto p {font-size: 18px}
.single-careers section.contenuto h1{font-weight: bold; font-size: 48px; margin-top:0}
.single-careers section.contenuto h2{font-weight: bold ;font-size: 42px;margin-top:0}
.single-careers section.contenuto h3{font-weight: bold; font-size: 36px;margin-top:0}
.single-careers section.contenuto h4{font-weight: bold;font-size: 28px;margin-top:0}
.single-careers section.contenuto h5{font-weight: bold;font-size: 26px;margin-top:0}
/*--------------------------------------------------------------
## IUBENDA
--------------------------------------------------------------*/
.grecaptcha-badge {
  display: none;
}
#iubenda-cs-banner em {color: #ffffff;}


/*--------------------------------------------------------------
## RESPONSIVE
--------------------------------------------------------------*/
.single-prodotti button.iubenda-tp-btn {display: none!important;}
/* Nasconde il pulsante Iubenda solo nelle pagine prodotto */
.single-prodotti .iubenda-tp-btn.iubenda-cs-preferences-link {
    display: none !important;
}
/* Nasconde il contenitore dell'iframe di Iubenda solo nelle pagine prodotto */
.single-prodotti #iubenda-cs-banner, 
.single-prodotti .iubenda-cs-container,
.single-prodotti [id^="iubenda-"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.cta-mobile {
	display: none!important;
    background-color: #c93931; /* A shade of red similar to the image */
    color: white;
    padding: 15px 10px; /* Adjust padding as needed */
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 99999;
	transition: all .5s;
	opacity: 0;
}
.cta-mobile a {
    text-align: center;
    display: block;
    font-size: 13px;
    color:#fff;
}
.cta-mobile span {color: #fff}}
@media screen and (max-width: 959px) {
	/*.cta-mobile {display: block!important;}*/
	.verticalbox {display: none;}
}

@media screen and (max-height: 900px) {

	/*section.prodotti .prod_list {margin-top:-125px!important}*/

}



@media screen and (max-height: 875px) {

	/*section.prodotti .prod_list {margin-top:-110px!important}*/

}
@media screen and (max-height: 850px) {

	/*section.prodotti .prod_list {margin-top:-100px!important}*/

}
@media screen and (max-height: 800px) {

	/*section.prodotti .prod_list {margin-top:-75px!important}*/

}