@font-face {
	font-family: Raleway;
	src: url(../assets/fonts/Raleway-Regular.ttf);
	font-weight: normal;
	font-display: swap;
	font-style: normal
  }
  
  @font-face{
	font-family: Raleway;
	src:url(/assets/fonts/Raleway-ExtraLight.ttf);
	font-weight:200;
	font-display: swap; 
	font-style:normal
  }
  
  @font-face{
	font-family: Raleway;
	src:url(/assets/fonts/Raleway-Light.ttf);
	font-weight:300;
	font-display: swap; 
	font-style:normal
  }
  
  @font-face{
	font-family:Raleway;src:
	url(/assets/fonts/Raleway-Bold.ttf);
	font-weight:bold;
	font-display: swap; 
	font-style:normal
  }
  
  @font-face{
	font-family:Raleway;
	src:url(/assets/fonts/Raleway-ExtraBold.ttf);
	font-weight:800;
	font-display: swap; 
	font-style:normal
  }

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

body .is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex>* {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}

/* GENERAL */

html,body {
	margin:0;
	padding:0;
	font-family: 'Raleway',Helvetica,Arial,sans-serif !important;
	font-size: 16px !important;
	font-weight:400;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	background-color:#fff;
	color:#000;
	scroll-behavior: smooth;
}

h1,.h1{
	margin:0;
	padding:0;
	font-size: 2.2rem ;
	font-weight:bold;
	line-height: 1.1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
}
h2,.h2{
	margin:0;
	padding:0;
	font-size: 2rem ;
	font-weight:bold;
	line-height: 1.1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	color:#000;
}
h3,.h3{
	margin:0;
	padding:0;
	font-size: 2rem ;
	font-weight:bold;
	line-height: 1.1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	color:#000;
}

h4,.h4{
	margin:0;
	padding:0;
	font-size: 1.8rem ;
	font-weight:normal;
	line-height: 1.1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	color:#000;
}

h5,.h5{
	margin:0;
	padding:0;
	font-size: 1.3rem ;
	font-weight:normal;
	line-height: 1.1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	color:#000;
}
@media (max-width: 991px){
	h1,.h1{
		font-size: 1.9rem;
	}
	h2,.h2{
		font-size: 1.5rem;
	}
	h3,.h3{
		font-size: 1.3rem;
	}
	h4,.h4{
		font-size: 1.2rem;
	}
	h4,.h4{
		font-size: 1rem;
	}
}

.white, .white a{
	color: #fff;
}

.grey, .grey a{
	color: #888 !important;
}

p{
	margin: 0;
	padding: 0;
}

source{
	height:100%;
}

.tooltip {
	font-weight:700;
	z-index:9999;
}

img,a img {
	border:none!important;
}

::-moz-selection {
	background:none repeat scroll 0 0 #FFF;
	color:#000;
}

* {
	outline:0!important;
}

b,strong,.bold {
	font-weight:700;
}

a,a:visited {
	outline-style:none;
	text-decoration:none;
	color:#000;
}


a:hover {
	cursor:pointer !important;
	color:#000;
	text-decoration:underline; 
}
.single a:hover {
	cursor:pointer !important;
	color:#000;
	text-decoration:none !important; 
}


.capitalize{
	text-transform: capitalize;
}

#mobile-menu #menu-item-233, #mobile-menu #menu-item-3552{
	border-top: 1px solid #fff;
	margin-top:30px;
	padding-top:30px;
}

#mobile-menu .wpml-ls-current-language{
	margin-top:30px;
	padding-top:30px;
	border-top: 1px solid #fff;
	padding-bottom: 60px;
}

#mobile-menu a, #mobile-menu a:visited{
	color: #fff !important;
	text-transform: uppercase;
}
#mobile-menu a:hover{
	text-decoration: none;
}

@media (min-width: 992px){
	.width60{
		width: 60%;
	}
	.width85{
		width: 85%;
	}
	.width90{
		width: 90%;
	}
}



@media (min-width: 1200px){
	.container-fluid {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}



.container-fluid.no_padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.zoom_img {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: auto;
}

.zoom_img img {
  transition: transform .5s ease;
  vertical-align: middle;
  width:100%;
  height:100%; 
}

.zoom_img:hover img, a:hover .zoom_img img {
  transform: scale(1.05);
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hidden{
	display: none;
}

/* TYPO */

.uppercase{
	text-transform: uppercase;
}

.lowercase{
	text-transform: lowercase;
}

.standardcase {
	text-transform:none;
}

.big{
	font-size: 1.1rem;
}
.medium{
	font-size: 0.85rem;	
	line-height: 1.2rem;
}
.small{
	font-size: 0.75rem;	
	line-height: 1rem;	
}


/* LOADER */
#loading {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:998;
	background-color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
}

#loading svg{
	width: 70px;
	height: 70px;
}

.loader-unit {
	overflow: hidden;
	background-color: #ededed;
	height: 8px;
	width: 70px;
	animation-delay: 4s;
	animation-duration: 1s;
	animation-direction: forwards;
	animation-timing-function: linear;
}

.loader-bar {
	height: 100%;
	background-color: #000;
	animation: 1s 1 forwards load;
}


@keyframes load {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@keyframes loaded {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(0.5);
	}
	40% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}


@-webkit-keyframes load6 {
	0% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	5%,95% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	10%,59% {
		box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em;
	}
	
	20% {
		box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em;
	}
	
	38% {
		box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em;
	}
	
	100% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
}

@keyframes load6 {
	0% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	5%,95% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	10%,59% {
		box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em;
	}
	
	20% {
		box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em;
	}
	
	38% {
		box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em;
	}
	
	100% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes round {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}


/* HEADER */

.navbar{
	padding:0;
	margin:0
}
#header.transparent{
	background-color:transparent;
	border:none!important
}
#header{
	position:fixed;
	height:80px;
	top:0;
	left:0;
	background-color:#000;
	width:100%;
	z-index:100;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}

#header .active:before{
	background-color:#fff;
	bottom: -5px;
}

#header .active:hover:before{
	background-color:#fff;
	bottom: 2px !important;
	
}
@media (max-width:991px){
	.navbar {
		z-index: 999;
	}
}

.navbar .sub-menu{
	display: none;
	flex-direction: column;
	background-color: transparent;
	padding-bottom: 50px;

}



.navbar .sub-menu li{
	display: inline;
	margin-left: 0;
}


.navbar .menu-item:hover .sub-menu{
	display: flex;
}

.menu-margin{
	margin-top: 90px;
}


.header-menu li a{
	color:#fff
}
.header-open #header{
	background-color: #000 !important;
	color: #fff;
}

#header.transparent .navbar-brand svg{
	fill:#fff;
}
#header.transparent a,#header.scrolled-up a, #header.scrolled-down a{
	color:#fff!important
}
#header.transparent .search-icon svg{
	stroke:#fff
}

#header .search-icon{
	position: relative;
	top: -5px;
	left: 0;
}
@media(max-width:991px){
	#header .search-icon{
		top: 0;
	}
}


.header-open #header .btn-primary-white{
	color: #fff;
}

#menu-language-menu .wpml-ls-display{
	font-size:1rem;
	
}



.navbar-nav .nav-link{
	padding:0;
}


@keyframes fadeRightMenu {
	0% {
		opacity:0;
		-webkit-transform:translate(35px,0px);
		transform:translate(35px,0px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translate(0px,0px);
		transform:translate(0px,0px);
	}
}
@-webkit-keyframes fadeRightMenu {
	0% {
		opacity:0;
		-webkit-transform:translate(35px,0px);
		transform:translate(35px,0px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translate(0px,0px);
		transform:translate(0px,0px);
	}
}

 .menu-mobile .show .navbar-nav li , #menu-mobile.navbar-nav .sub-menu li{
	-webkit-animation:fadeRightMenu .5s cubic-bezier(0.165,0.84,0.44,1) both;
	animation:fadeRightMenu .5s cubic-bezier(0.165,0.84,0.44,1) both;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu-mobile ul{
	list-style: none;
	padding-left: 0;
}

.menu-mobile .show .navbar-nav li:nth-child(1) {
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(1){
	-webkit-animation-delay:.1s;
	animation-delay:.1s;
}

.menu-mobile .show .navbar-nav li:nth-child(2) {
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(2){
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}

.menu-mobile .show .navbar-nav li:nth-child(3) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(3){
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
}

.menu-mobile .show .navbar-nav li:nth-child(4) {
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(4){
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
}

.menu-mobile .show .navbar-nav li:nth-child(5) {
	-webkit-animation-delay:.7s;
	animation-delay:.7s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(5){
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
}

.menu-mobile .show .navbar-nav li:nth-child(6) {
	-webkit-animation-delay:.75s;
	animation-delay:.75s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(6){
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}


.menu-mobile .show .navbar-nav li:nth-child(7) {
	-webkit-animation-delay:.9s;
	animation-delay:.9s;
}

.menu-mobile .show .navbar-nav .sub-menu li:nth-child(7){
	-webkit-animation-delay:.7s;
	animation-delay:.7s;
}

.menu-mobile .show .navbar-nav li:nth-child(8) {
	-webkit-animation-delay:.10s;
	animation-delay:.10s;
}

.language-search{
	font-size:0.8rem;
}

.header-menu a{
	position:relative;
	display:inline-block;
	font-size:0.8rem;
}

#header .menu-right{
	width:100%!important
}
.header-menu .current-menu-item a,.header-menu a:hover{
	text-decoration:none
}
.header-menu a:before{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background-color:transparent;
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px);
	-webkit-transform-origin:bottom;
	transform-origin:bottom;
	-webkit-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}

.header-menu .current-menu-item a:before,.header-menu a:hover:before{
	background-color:#fff;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
#header.transparent a:hover:before{
	background-color:#fff;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.navbar-toggler:active,.navbar-toggler:focus{
	outline:0
}
.navbar-custom .navbar-toggler-icon{
	width:24px;
	height:17px;
	background-image:none;
	position:relative;
	transition:all .3s linear;
	border-bottom:solid 2px #fff
}
.navbar-custom .navbar-toggler-icon:after,.navbar-custom .navbar-toggler-icon:before{
	width:24px;
	position:absolute;
	height:2px;
	background-color:#fff;
	top:0;
	left:0;
	content:'';
	z-index:2;
	transition:all .3s linear
}
#header.transparent .navbar-toggler-icon{
	border-bottom:solid 2px #fff
}
#header.transparent .navbar-toggler-icon:after,#header.transparent .navbar-toggler-icon:before{
	background-color:#fff
}
.navbar-custom .navbar-toggler-icon:after{
	top:8px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
	transform:rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{
	transform:translateY(8px) rotate(-45deg)
}
#header.transparent .navbar-toggler[aria-expanded=true] .navbar-toggler-icon,.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{
	border-color:transparent
}
.search-icon btn:hover{
	cursor:pointer!important
}
.header-search-open .search-close{
	display:block
}
.header-search-open .search-open,.search-close{
	display:none
}
#search-menu{
	background-color:#000;
	color: #fff;
	display:none
}
#progetti-menu ul{
	list-style: none;
	padding-left:0;
}
#company-menu.custom-submenu, #news-menu.custom-submenu, #tecnica-menu.custom-submenu, #superfici-menu.custom-submenu, #sistemi-menu.custom-submenu, #industria-menu.custom-submenu, #forme-menu.custom-submenu, #progetti-menu.custom-submenu{
	background-color:#000;
	color: #fff;
	display: none;
	padding-bottom: 50px;
}

#tecnica-menu.custom-submenu{
	background-color:#000;
	color: #fff;
	display: none;
	padding-bottom: 70px;
}

#company-menu a,#news-menu a, #tecnica-menu a, #superfici-menu a, #sistemi-menu a, #industria-menu a, #forme-menu a, #progetti-menu a{
	color: #fff;
	font-size: 1rem;
	margin-bottom: 20px;
}
#company-menu .primary-name, #news-menu .primary-name, #tecnica-menu .primary-name{
	padding-top:50px;
	font-weight: 600;
	display: inline-block;
}

#company-menu li, #news-menu li, #tecnica-menu li, #superfici-menu li, #sistemi-menu li, #industria-menu li, #forme-menu li{
	margin-left:0;
	text-align:center;
}


.header-company-open #company-menu,.header-news-open #news-menu, .header-tecnica-open #tecnica-menu, .header-superfici-open #superfici-menu, .header-sistemi-open #sistemi-menu, .header-industria-open #industria-menu, .header-forme-open #header, .header-progetti-open #progetti-menu{
	background-color:#000;
	color: #fff;
	display: block;
}
.header-company-open #header,.header-news-open #header,.header-tecnica-open #header, .header-superfici-open #header, .header-sistemi-open #header, .header-industria-open #header, .header-forme-menu #header, .header-progetti-menu #header {
	background-color: #000;
	color: #fff !important;
}

.slideshow-image{
	height: 600px !important; 
	object-fit: cover;
	
}

@media(max-width:991px){
	.slideshow-image{
		height: 350px !important; 
		object-fit: cover;
	}
}
#search-menu .search-form{
	position:relative
}
#search-menu .form-control{
	display:block;
	width:100%;
	height:calc(1.5em + .75rem + 2px);
	padding:30px;
	font-size:1.2rem;
	line-height:1.5;
	color:#fff;
	background-color:rgba(255, 255, 255, 0.1);
	background-clip:padding-box;
	border:none;
	border-bottom:#fff;
	border-radius:0;
	box-shadow:none;
	transition:border-color .15s ease-in-out;
	text-align:center
}
.form-control::placeholder{
	color:#fff;
	opacity:1
}
.form-control:-ms-input-placeholder{
	color:#fff
}
.form-control::-ms-input-placeholder{
	color:#fff
}

.header-menu-open,.header-search-open{
	position:fixed;
	width:100%
}
.header-menu-open #content:before,.header-search-open #content:before{
	content:'';
	position:absolute;
	pointer-events:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	visibility:visible;
	opacity:.6;
	transition:opacity .5s ease-in;
	z-index:1
}
.navbar-brand svg{
	/* width:230px; */
	width:180px;
	height:auto
}

.fixed-position {
	position: fixed;
 }
 
/* @media (min-width:1600px){
	.navbar-brand svg{
		width:280px;
		height:auto
	}
} */

@media (max-width:991.99px){
    .logo__landing {
        height: 20px !important;
    }

	.mobile-menu-open #header.transparent{
		background-color:#000;
	}
	
	#header{
		height:50px;
		top:0;
	}
	.menu-margin{
		margin-top: 50px; 
	}
	.navbar{
		margin-top:10px;
		margin-bottom:10px;
		height:30px;
	}
	.navbar-brand,.navbar-toggler{
		margin:0;
		padding:0
	}
	
	/* .navbar-brand svg{
		width:200px;
		height:auto
	} */
	.navbar-collapse{
		margin-top:20px;
		width:100%;
		text-align:center
	}
	#mobile-menu a{
		font-size:0.8rem;
		display: block;
		margin:0;
		padding:10px 0;
	}
	#mobile-menu{
		background-color:#000;
		color:#FFF;
		position: absolute;
		left: -100%;
		transition: 0.3s;
	}
	
	#mobile-menu.show{
		left: 100% !important;
		transition: 0.3s;
	}
	
	
	
	#mobile-menu .navbar-nav{
		position: fixed;
		background-color:#000;
		width: 100%;
		height: 100vh;
		left: -100%;
		top: 0;
		margin-top: 50px;
		padding-top:30px;
		padding-bottom:150px;
		text-align: left;
		padding-left: 30px;
		padding-right: 30px;
		z-index:9;
		
		transition: left 0.3s;
	}
	
	/* effetto all'open del menu mobile */
	
	 #mobile-menu.show .navbar-nav{
		left: 0;
		transition: left 0.3s;
		overflow-y: auto;
		transition: 0.5s;
	}
	
	#mobile-menu .navbar-nav::after{
		content: "";
		position: fixed;
		width: 90%;
		height: 60px;
		left: 0;
		top: 0;
		background-color: #000;
		opacity: 0;
	} 
	
	.show #mobile-menu .navbar-nav::after{
		transition-delay: 1s;
		opacity: 1;
		transition:3s;
	} 
	
	#mobile-menu .current_page_item>a{
		text-decoration: underline;
	}
	
	#mobile-menu.show .navbar{
		background-color: #000 !important;
	}
	#mobile-menu.navbar-collapse a:hover{
		background-color: transparent !important;
	}
	#mobile-menu.navbar-nav .sub-menu {
		list-style:none;margin: 0;
		padding:0;
	}
	
	.header-search-open .navbar-toggler, .header-search-open #mobile-menu{
		opacity: 0;
	}
	#header.transparent #mobile-menu a{
		color:#FFF!important
	}
	
	#header.transparent #mobile-menu .sub-menu a{
		color: #999 !important;
	}
	
	#mobile-menu .navbar-nav .sub-menu a{
		font-size: 0.8rem;
		padding: 0 0 8px 0;
		text-transform: inherit;
		color: #999 !important;
	}
	
	#mobile-menu.navbar-collapse  a:hover{
		background-color:rgba(255, 255, 255, 0.1);
	}
	
	.dropdown-menu{
		background-color:rgba(255, 255, 255, 0.1);
		color:#FFF;
		border-radius: 0;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
	
	
	#mobile-menu .dropdown-item:focus, #mobile-menu .dropdown-item:hover {
		color: #FFF;
		text-decoration: none;
		background-color:rgba(255, 255, 255, 0.1);
	}
}

@media (min-width:992px){
	
	#header.transparent.scrolled-down{
		top:0;
	}
	#header.scrolled-down{
		 top:-90px; 
		
	}
	#header.scrolled-up{
		top:0;
	}
	
	#header.scrolled-up a:hover{
		color: #fff;
	}
	
	#header.scrolled-up a:hover::before{
		background-color: #fff;
	}
	
	.navbar{
		padding:0;
		margin-top:10px;
		margin-bottom:10px
	}
	
	.scrolled .navbar a{
		color:#000
	}
	.scrolled .navbar-brand svg{
		fill:#000
	}
	.scrolled .search-icon svg{
		stroke:#000
	}
	.header-menu li{
		margin-left:30px
	}
	.header-menu li:first-child{
		margin-left: 0;
	}
}

/* eccezioni per header interno */

@media (min-width: 992px){
	.white-head #header{
		background-color: transparent;
	}
	.white-head .header-menu a:hover:before{
		background-color: #000;
	}
	.white-head #header.scrolled-up{
		background-color: #000;
		color: #fff;
	}
	
	.white-head.header-open #header {
		background-color:#000!important; 
	}
	
	.white-head.header-open #header a{
		color:#fff!important; 
	}
	
	.white-head.header-open #header .border-bottom{
		border-bottom: 1px solid #fff !important;
	}
	
	.custom-submenu .btn-primary-white:hover{
		border-color: #777;
	}
	
	.white-head #header .custom-submenu a p{
		color: #fff !important;
	}
	
	.white-head.header-open #header .navbar-brand path,
	.white-head.header-open #header .navbar-brand rect{
		fill: #fff !important;
		
	}
	
	.white-head #header .navbar-brand path,
	.white-head #header .navbar-brand rect{
		fill:#000 !important ;
	}
	.white-head #header.scrolled-down .navbar-brand path,
	.white-head #header.scrolled-down .navbar-brand rect{
		fill: #000;
	}
	.white-head #header.scrolled-up .navbar-brand path,
	.white-head #header.scrolled-up .navbar-brand rect,
	.white-head #header.scrolled-down .navbar-brand path,
	.white-head #header.scrolled-down .navbar-brand rect{
		fill: #fff !important;
	}
	.white-head #header li a,
	.white-head #header a{
		color:#000 !important;
	}
	.white-head #header.scrolled-up li a,
	.white-head #header.scrolled-up a{
		color: #fff !important;
	}
	
	.white-head #header .white{
		color:#000;
	}
	
	.white-head #header.scrolled-up .white{
		color:#fff;
	}
	
	.white-head #header .border-bottom{
		border-bottom: 1px solid #000!important;
	}
	.white-head #header.scrolled-up .border-bottom{
		border-bottom: 1px solid #fff!important;
	}
	.white-head #header .search-icon svg{
		stroke: #000;
	} 
	
	
	
	.white-head #header.scrolled-up .search-icon svg{
		stroke: #fff;
	}
	
	.page-template-page-progetti #header .white{
		color: #000 !important;
	}
	
	.header-open #header .white, .header-open #header p{
		color: #fff !important;
		font-size: 0.9rem;
	}
}



/* FOOTER */

#footer{
	position:relative;
	z-index:1;
}
.otgs-development-site-front-end{
	display: none !important;
}

#footer p,#footer a{
	color: #fff;
	padding-top: 7px;
	padding-bottom: 7px;
}

#footer .grey a, #footer .grey p{
	color: #888;
}

#footer .medium{
	line-height: 1.4rem;
}

.social a{
	font-size: 1.2rem;
}

.social a i{
	font-size: 1.2rem;
	opacity: 1;
}
.social a i:hover, .social a:hover{
	text-decoration: none;
	opacity: 0.8;
}



#footer .wpml-ls-legacy-list-horizontal{
	padding: 0;
	border: none;
}

#footer .wpml-ls-legacy-list-horizontal a{
	padding: 0;
	margin-right: 30px;
}

#footer .wpml-ls-current-language > a{
	font-weight: bold;
	text-decoration: underline;
	
}

#copyright{
	font-size: 11px;
	line-height: 14px;
}

/* PAGINE */
.border_top{
	border-top:1px solid rgba(33, 33, 33, 0.2);
}

.border_top_white{
	border-top:1px solid #fff !important;
}

.border_bottom{
	border-bottom:1px solid rgba(33, 33, 33, 0.2);
}

.border_bottom_white{
	border-bottom:1px solid #fff !important;
}

.border_bottom_black{
	border-bottom:1px solid #000 !important;
}

.border_left{
	border-left:1px solid rgba(33, 33, 33, 0.2);
}

.border_right{
	border-right:1px solid rgba(33, 33, 33, 0.2);
}


@media (max-width: 991.99px) {
	#prodotti-home .thumb_container{
		margin-bottom: 15px;
	}
}


.btn{
	border-radius:5px !important;
} 

#contact-form .form-control {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.5;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    padding: 15px 0px;
    background-color: transparent;
    border-bottom: 1px solid rgba(33, 33, 33, 0.2);
    color: #000;
    transition: all .5s ease;
}

#contact-form select.form-control{
	padding: 0;
}

#contact-form .form-control:focus {
    background-color: #fff;
    color: #000;
}


.title{
	position: relative;
	display: inline-block;
}

.btn-primary{
	background-color: transparent;
	padding: 10px 25px;
	font-size: 0.9rem;
	display: inline-block;
	position: relative;
	color: #000;
	border: 1px solid #000;
	transition: 0.3s;
}
.btn-primary-white{
	background-color: transparent;
	padding: 10px 5px;
	font-size: 0.9rem;
	display: inline-block;
	position: relative;
	color: #fff;
	border: 1px solid #fff;
	transition: 0.3s;
}

.btn-primary:hover{
	color: #FFF;
	border-color: #000;
	background-color:#000;
	transition: 0.3s;
}

#airtech .btn-primary-white:hover{
	color: #000;
	border-color: #fff !important;
	background-color: #fff
}

.btn-primary-white:hover, a:hover .btn-primary, a:hover .btn-primary-white{
	color: #000000;
	border-color: #ffffff;
	background-color:#ffffff;
	transition: 0.3s;
}


.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
	box-shadow: 0 0 0 0.2rem transparent !important;
	color: #000;

	
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
	
	background-color: transparent;
	border-color: #000;
	color: #000;
}



.btn-primary.focus, .btn-primary:focus{
	background-color: transparent;
	border-color: #000;
	color: #000;
}


.light-background{
	background-color: #e3e3e3;
}

.dark-background{
	background-color: #000000;
}

#slideshow_container{
	position: relative;
}

#slideshow {
	position: relative;
	width: 100%;
    height: 100%;
    z-index: 0;
}

#slideshow .slide {
	width: 100%;
    height: 100vh;
    min-height: 100%;
	position: relative;
    max-height: 100vh;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#development #slideshow .slide{
	height:55vh;	
}

#slideshow .slide::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.35) 51%, rgba(0,0,0,0.45) 100%);
}

#slideshow_controls {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	z-index:998;
	margin-top:-20px;	
	font-size: 40px;
	opacity: 0.5;
}


#slideshow_container .slide .slide_caption {
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left:0;
	text-align:left;
	z-index: 10;
}

#slideshow_container .slide .slide_caption:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:1px;
}

#slideshow_container .slide .slide_caption .slide_text  {
	vertical-align:bottom !important;
	display:inline-block !important;
	margin:auto;
	color:#FFF;
	text-align: left;
	position:absolute;
	top: 45%;
	left: 0;
}

.overlay{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}



.cycle-slide-active .overlay{
	/* background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.35) 51%, rgba(0,0,0,0.45) 100%); */
	animation: zoomsoverlay 16s forwards;
	animation-timing-function: ease;
}

.overlay{
	animation: zoomsoverlay 16s forwards;
	animation-timing-function: ease;
}

/* #slideshow .overlay{
	animation: zoomsoverlay 7s forwards;
	animation-timing-function: ease;
} */
#sezione03 .overlay{
	animation: zoomsoverlay02 16s forwards;
	animation-timing-function: ease;
}

/* #slideshow .overlay.reset-overlay {
  transform: scale(1) ;
  animation: zoomsoverlay03 30s infinite;
  animation-timing-function: ease;
} */


@keyframes zoomsoverlay {
  0%   { transform:scale(1); }
  
  100% { transform:scale(1.065) ; }
}

@keyframes zoomsoverlay03 {
  0%   { transform:scale(1); }
  
  100% { transform:scale(1.03) ; }
}



@keyframes zoomsoverlay02 {
  0%   { transform:scale(1); }
  
  100% { transform:scale(1.065); }
}


 #slideshow_container .cycle-pager{
	width: 93%;
	position: absolute;
	bottom: 30px;
	left: 3%;
	display: flex;
	justify-content: space-between;
	z-index: 999;
}

#slideshow_container .cycle-pager span {
	display:block;
	float:left;
	width:15%;
	height:2px;
	background-color:rgba(255, 255, 255, 0.458);
	font-weight: 400;
	font-size: 0;
	line-height: 22px;
	opacity: 0.7;
	text-align: center;
}

#slideshow_container .cycle-pager span.cycle-pager-active, #slideshow_container .cycle-pager span:hover {
	background-color:#fff;
	opacity: 1;
}

#slideshow_container .cycle-pager > * {
	cursor:pointer;
} 


 #slideshow_container #slideshow-caratteristiche .cycle-pager{
	width: 300px;
	position: absolute;
	bottom: 50px;
	right: 3% !important;
	left: inherit;
	display: flex;
	justify-content: space-between;
	z-index: 999;
}

#slideshow_container #slideshow-caratteristiche .slide{
	aspect-ratio: 16/9;
	height: auto;
}

@media(max-width:991px){
	#slideshow_container #slideshow-caratteristiche .cycle-pager{
		width: 70%;
		bottom: 20px;
	}
}

#slideshow_container #slideshow-caratteristiche .cycle-pager span {
	display:flex;
	justify-content: center;
	align-items:center;
	border-radius: 50%;
	float:right;
	width:30px;
	height:30px;
	background-color:rgba(255, 255, 255, 0.458);
	font-weight: 400;
	font-size: 10px;
	line-height: 22px;
	opacity: 0.7;
	text-align: center;
}

#slideshow_container #slideshow-caratteristiche .cycle-pager span.cycle-pager-active, #slideshow_container #slideshow-caratteristiche .cycle-pager span:hover {
	background-color:#fff;
	opacity: 1;
}

@media (max-width: 767px) {
	#slideshow .slide {
		height: 100vh;
		max-height: 100vh;
	}
	
	#development #slideshow .slide{
		height: 40vh;
	}
	
	#slideshow-caratteristiche .slide{
	height: 40vh;	
	}
	
	#slideshow_container .slide .slide_caption .slide_text{
		top:40%;
	}
	
	.single .hero-news{
		height: 80vh !important;
	}
	
	.thumb-responsive{
		height: 80vh !important;
	}
	
	.single-progetti #slideshow_container .slide .slide_caption .slide_text,
	.single-forme #slideshow_container .slide .slide_caption .slide_text{
		top: 45%;
	}
	
	
}

@keyframes levitate {
	0% {
	    transform: translateY(5px);
	}
	100% {
	    transform: translateY(-5px);
	}
}

.slideshow_scrolldown {
    animation-direction: alternate;
    animation-duration: 1s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: levitate;
}

/* Paginazione News */

.navigation.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0.9rem;
}

.navigation.pagination:last-child {
	margin-bottom: 0;
}

.navigation.pagination .nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}

.navigation.pagination .nav-links > span,
.navigation.pagination .nav-links > a {
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 30px;
	min-height: 30px;
	padding: 0.5rem 0.75rem;
}

.navigation.pagination .nav-links > .page-number,
.navigation.pagination .nav-links > .current {
	color: rgba(33, 33, 33, 0.6);
}

.navigation.pagination .nav-links a:first-child:before {
	margin-right: 0.5rem;
	font-family: "bootstrap-icons";
	content: "\F284";
}

.navigation.pagination .nav-links a:last-child:after {
	margin-left: 0.5rem;
	font-family: "bootstrap-icons";
	content: "\F285";
}


.navigation.posts-navigation .nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.navigation.posts-navigation .nav-previous > a:before {
	margin-right: 0.5rem;
	font-family: "bootstrap-icons";
	content: "\F284";
}

.navigation.posts-navigation .nav-next > a:after {
	margin-left: 0.5rem;
	font-family: "bootstrap-icons";
	content: "\F285";
}


.navigation.pagination a:hover{
	text-decoration: none;
	color: rgba(33, 33, 33, 0.5);
}

/* CUSTOM SETTINGS */
.back_sezione{
	height: 80vh;
	display: flex;
	overflow: hidden;
	align-items: center;
	position: relative;
}

@media (max-width:991px){
	.back_sezione{
		height: auto;
		min-height: 50vh; 
	}
}

.back_sezione_overlay::after{
	content: "";
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}

@media (max-width:991px){
	.back_sezione_overlay_white::after{
		content: "";
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.4);
	}
}

.z-index{
	position: relative;
	z-index: 1;
}
.box{
	position: relative;
	height: 55vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.box_min{
	position: relative;
	height: 35vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}


.box::after{
	content: "";
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	transition: all .5s ease;
}
.box_min::after{
	content: "";
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	transition: all .5s ease;
}

a:hover .box::after, a:hover .box_min::after{
	background-color: rgba(0,0,0,0.35);	
	transition: all .5s ease;
}

a:hover .part-btn{
	opacity: 1;
}

.part-btn{
	opacity: 0;
}

a:hover .box{
	text-decoration: none !important;
}
a:hover .box_min {
	text-decoration: none !important;
}


@media (max-width: 991px){
	.box,.box_min{
		height: 40vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}
@media(min-width: 991px){
	.m-bottom{
		margin-bottom: 10px;
	}
	.m-top{
		margin-top: 10px;
	}
	.m-left{
		margin-left: 10px;
	}
	.m-right{
		margin-right: 10px;
	}
	
	.m-project{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.m-right-0{
		margin-right: -10px;
	}
	
}


#sezione-prodotti a:hover,
#sezione-progetti a:hover,
#page-progetti a:hover{
	text-decoration: none;
}

/* settings news h2 */

#news h2 {
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
}
#news h2:before, #news h2:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 50%;
	height: 1px;
	content: '\a0';
	background-color: #000;
}
#news h2:before {
	margin-left: -50%;
	text-align: right;
}


/* PRODOTTI */
.single-progetti .overlay{
	background-color: rgba(0,0,0,0.1) !important;
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.1) 100%);
}


#elenco-prodotti .img-icona{
	max-height: 40px;
	width: auto;
}

.img-icona{
	width: 40px;
	max-height: 40px;
	height: 40px;
	/* width: auto; */
	vertical-align: baseline;
}

.sezione-03 .img-icona{
	height: 120px;
	max-height: 140px !important;
	width: auto;
	/* width: auto; */
	vertical-align: baseline;
}


.elenco_plus{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
}

.white-filter{
	filter: brightness(0) invert(1);
}

.remove_br br {
display: none;
}


.back_image {
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}




.single_colore_title{
	position: absolute;
	bottom: 15px;
	left: 10px;
	font-size: 0.9rem;
	color: #FFF;
	text-shadow: 2px 0 rgba(0,0,0,0.1), -2px 0 rgba(0,0,0,0.1), 0 2px rgba(0,0,0,0.1), 0 -2px rgba(0,0,0,0.1),
	 1px 1px rgba(0,0,0,0.1), -1px -1px rgba(0,0,0,0.1), 1px -1px rgba(0,0,0,0.1), -1px 1px rgba(0,0,0,0.1);
	line-height: 1.1rem;
}



.single_colore_big .single_colore_title{
	bottom: auto;
	top:15px;
}

.border_radius{
	border-radius: 10px;
}

.elenco_colori .m-bottom{
	margin-bottom: 10px;
}

.elenco_colori .m-right{
	margin-right: 5px;
	margin-left: 5px;
}

.elenco_colori .back_image {
	min-height: 100px;
}


@media (min-width:992px){
	.elenco_colori .back_image {
		min-height: 80px;
	}
	
	.single_colore .back_image{
		transition: transform .5s ease;
		vertical-align: middle;
	}
	
	.single_colore .back_image:hover{
		cursor: pointer;
		/* transform: scale(1.03); */
	}
	
	.single_colore_selezionato{
		box-shadow: 0 5px 10px rgba(0,0,0,0.4);
	}
}

.single-sistemi .caratteristica{
	position: relative;
}
.single-sistemi .caratteristica::after{
	content: "";
	position: absolute;
	top: -20px;
	left: 5%;
	width: 90%;
	height: 5px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.9);
}



.single-sistemi .dettagli-tecnici .h2
{
	font-weight: 300;
	padding-right: 10px;
}
.single-superfici .technical .h2
{
	font-weight: 300;
	padding-left: 10px;
}

/* button switch */

.btn-onoff{
  position: relative;

  display: inline-block;
  vertical-align: middle;
}
.btn-onoff input{
  display: block;
  position: absolute;
  opacity:0
}
.btn-onoff span{
	position: relative;
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 40px;
	background: #000;
	border: 1px solid #fff;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	transition: 400ms
}
/* .btn-onoff input:checked ~ span{
  border: 1px solid #4CAF50;
  background: #4CAF50
} */
.btn-onoff input ~ span:before{
	content: 'inch';
	display: block;
	width: 55px;
	position: absolute;
	right: 0px;
	font-size: 14px;
	font-family: 'Raleway',Helvetica,Arial,sans-serif !important;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	padding: 0px 8px;
	letter-spacing: 1px;
	
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms
}
.btn-onoff input:checked ~ span:before{
	content: 'mm';
	right: 35px;
	color: #fff
}
.btn-onoff input ~ span:after{
	content: '';
	position: absolute;
	width: 22px;
	height: 22px;
	top: 3px;
	left: 5px;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	transition: 400ms
}
.btn-onoff:hover input ~ span:after{
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	transform:scale(0.9)
}
.btn-onoff input:checked ~ span:after{
	content: '';
	left: 70px;
}

.single-progetti .info01 p{
	font-size: 0.7rem;
}
/* iniziale: solamente info01 */
.info01{
	display: block;
}
.info02{
	display: none;
}
.immagine-bottom-mm{
	display: block;
}
.immagine-bottom-inches{
	display: none;
}
.vertical-mm{
	display: block !important;
}
.vertical-inches{
	display: none !important;
}
/* attivo millimetri: attivo info01 e disattivo info02 */

.millimetri .info01{
	display: block;
}
.millimetri .info02{
	display: none;
}
.millimetri .immagine-bottom-mm{
	display: block;
}
.millimetri .immagine-bottom-inches{
	display: none;
}
.millimetri .vertical-mm{
	display: block !important;
}
.millimetri .vertical-inches{
	display: none !important;
}
/* attivo inches: attivo info02 e disattivo info01 */
.inches .info01{
	display: none;
}
.inches .info02{
	display: block;
}
.inches .immagine-bottom-mm{
	display: none;
}
.inches .immagine-bottom-inches{
	display: block;
}
.inches .vertical-mm{
	display: none !important;
}
.inches .vertical-inches{
	display: block !important;
}
@media (min-width: 991px){
	.single #project_1,
	.single #project_2,
	.single #project_3,
	.single #project_4,
	.single #project_5,
	.single #project_6,
	.single #project_7,
	.single #project_8,
	#page-fire-performance .video-img img,
	#page-corsi-formazione .elenco-corsi img{
		padding-left: 5px !important;
		padding-right: 5px !important;
	
	}
	.page-template-page-produzione #project_1,
	.page-template-page-produzione #project_2,
	.page-template-page-produzione #project_3,
	.page-template-page-produzione #project_4,
	.page-template-page-produzione #project_5,
	.page-template-page-produzione #project_6,
	.page-template-page-produzione #project_7,
	.page-template-page-produzione #project_8{
		padding-left: 5px !important;
		padding-right: 5px !important;
	
	}
}

.corsi-container iframe{
	width: 100% !important;
}

#page-forme .icon-link img,
#page-superfici .icon-link img,
#page-sistemi .icon-link img,
#page-servizi .icon-link img{
	height: 100px;
	padding-bottom: 20px;
}

#page-forme .icon-link,
#page-superfici .icon-link,
#page-sistemi .icon-link{
	transition: 0.3s;
	display: inline-block;	
}


#page-forme .icon-link p,
#page-superfici .icon-link p,
#page-sistemi .icon-link p{
	padding: 0 20px;
}

#page-forme .icon-link:hover,
#page-superfici .icon-link:hover,
#page-sistemi .icon-link:hover,
.icon-link:hover{
	text-decoration: none;
	transition: 0.3s;
	transform: scale(1.05);
}

#page-sistemi .image-plus{
	height: 600px;
}

@media (max-width:991px){
	#page-sistemi .image-plus{
		height:400px;
	}
}
#page-sistemi .image-plus,
#page-progetti .image-project{
	position: relative;
}
#page-sistemi .image-plus::after,
#page-progetti .image-project::after{
	content:"";
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
}

.prod-contenuto{
	position: relative;
	height: 600px;
}
@media (max-width:991px){
	.prod-contenuto{
	
		height: 500px;
	}
}
.prod-contenuto::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4); 
}

#page-progetti .prod-contenuto::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1); 
} 
.prod-contenuto .img img{
	width: 50px;
}
.image-project{
	position: relative;
	height: 550px;
}
@media (max-width:991px){
	.image-project{
		height: 400px;
	}
}
.image-project::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all .5s ease;
	opacity:0;
}
.image-project::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	transition: all .5s ease;
	opacity:0;
}
/* .image-project:hover::before{
	opacity:1;
} */
.single-progetti #development img.icona-progetto{
	height: 20px !important;
	width: auto;
	padding-right: 10px;
}
#page-sistemi .immagini-laterali img:first-of-type{
	padding-right: 5px;
}
#page-sistemi .immagini-laterali img:last-of-type{
	padding-left: 5px;
}
@media (max-width:991px){
	#page-sistemi .immagini-laterali img:first-of-type{
		padding-top: 30px;
	}
	#page-sistemi .immagini-laterali img:first-of-type{
		padding-right: 0;
	}
	#page-sistemi .immagini-laterali img:last-of-type{
		padding-left: 0;
	}
}


 
 #development .cycle-pager{
	 width: 98%;
	 position: absolute;
	 bottom: 20px;
	 left: 1%;
	 display: flex;
	 justify-content: center;
	 z-index: 999;
 }
 
 .page-template-page-servizi .cycle-pager{
	  width: 98%;
	  position: absolute;
	  bottom: -20px;
	  left: 1%;
	  display: flex;
	  justify-content: center;
	  z-index: 999;
  }
 
#development .cycle-pager span {
	 display:block;
	 float:left;
	 width:50px;
	 height:2px;
	 background-color:rgba(255, 255, 255, 0.458);
	 font-weight: 400;
	 font-size: 0;
	 line-height: 22px;
	 opacity: 0.7;
	 text-align: center;
	 margin-left:10px;
	 margin-right: 10px;
 }
 
 .page-template-page-servizi .cycle-pager span {
	  display:block;
	  float:left;
	  width:50px;
	  height:2px;
	  background-color:rgba(0,0,0, 0.5);
	  font-weight: 400;
	  font-size: 0;
	  line-height: 22px;
	  opacity: 0.7;
	  text-align: center;
	  margin-left:10px;
	  margin-right: 10px;
  }
 
 #development .cycle-pager span.cycle-pager-active, #development .cycle-pager span:hover
  {
	 background-color:#fff;
	 opacity: 1;
 }
 
 .page-template-page-servizi .cycle-pager span.cycle-pager-active, .page-template-page-servizi .cycle-pager span:hover
   {
	  background-color:rgba(0,0,0,0.1);
	  opacity: 1;
  }
 
 #development .cycle-pager > *,  .page-template-page-servizi .cycle-pager > * {
	 cursor:pointer;
 }
 
 /* #airtech .sezione-03 img{
	 max-height: 100px;
 }
  */
 #airtech .panels .text{
	 height: 120px !important
 }
 
 @media (min-width:992px){
	#airtech .pannello_1,
	#airtech .pannello_2,
	#airtech .pannello_3,
	#airtech .pannello_4,
	#furniture .sistema_01,
	#furniture .sistema_02,
	#furniture .sistema_03{
		 padding-right: 5px;
		 padding-left:5px;
	}
	#elenco_immagini_finale .image_1 img,
	#elenco_immagini_finale .image_2 img,
	#elenco_immagini_finale .image_3 img{
		padding-right: 5px;
		padding-left:5px;
	}
	
	 
 }
 
 .page-template-page-azienda .icona{
	 height: 100px;
	 width: 100px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 
 .page-template-page-azienda .icona img{
	width:100%;
	height: auto;
	object-fit: cover;
 }
 
 .page-template-page-certificazioni .icona{
	  height: 100px;
	  width: 100px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .page-template-page-certificazioni .icona img{
	 width:150px;
	 height: auto;
	 object-fit: cover;
  }
 
 .page-template-page-azienda .performance span{
	 font-size: 5rem;
	 font-weight: 500;
 }

 #page-work .final-section span{
	 font-size: 2rem;
	 font-weight: light;
 }
 #pagina-news .articolo-body span{
	 font-size: 2rem;
	  font-weight: light;
 }

 @media (max-width:991px){
	#page-work .final-section span{
		 font-size: 1.4rem;
	}
	#pagina-news .articolo-body span{
		font-size: 1.4rem;
	}
 }
 
.hero-news{
	 position: relative;
 }
 .hero-news::after{
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width:100%;
	 height: 100%;
	 background-color: rgba(0,0,0,0.5);
 }
 .hero-news #breadcrumbs a{
	 color: #fff;
 }
 .hero-production{
	  position: relative;
  }
  .hero-production::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width:100%;
	  height: 100%;
	  background-color: rgba(0,0,0,0.2);
  }
  
  .page-template-page-video .embed-container{
	  height:400px;
  }
  .page-template-page-news-media .embed-container{
		height:400px;
		min-width: 100%;
	}
	
.slideshow-news .slide{
	height: 50vh !important;
}

.hero-fire {
	position: relative;
}
.hero-fire img{
	position: absolute;
	bottom: 70px;
	left: 100px;
	width: 150px;
	height: 150px;
}
@media(max-width:991px){
	.hero-fire img{
		position: absolute;
		bottom: 50px;
		left: 50px;
		
	}
}

select {
  width: 100%;
  padding: 7px 15px;
  margin: 8px 0;
  font-size: 1rem;
  border: none;
  display: inline-block;
  background-color: transparent;
  border-radius: 4px;
  box-sizing: border-box;
}

.form-control-lg{
	font-size:1rem;
}


@media (max-width:1199px){
	.certificati-section .unit-text{
		min-height: auto;
		height: auto;
	}
}
@media (min-width: 1200px){
	.certificati-section .unit-text{
		height: 390px;
	}
}
@media (min-width: 1400px){
	.certificati-section .unit-text{
		height: 310px;
	}
}


#page-produzione .elenco-fasi-produzione h2{
	font-size: 3rem !important;
}
#contatti{
	position: relative;
}
#contatti::after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
}
#contatti .banner {
	background-color: rgba(255,255,255,0.65);
}
@media(max-width:991px){
	#contatti .banner{
		width: 98%;
		margin: 0 auto;
	}
}
#contatti input{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #444;
	border-radius: 0;
	margin-bottom: 30px;
	color: #000;
	font-size: 1rem;
}
#contatti input[type="checkbox"]{
	margin-bottom: 5px;
	margin-top: 15px;
	margin-right: 8px;
	position: relative;
	top: 3px;
}
#contatti .form-control{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #444;
	border-radius: 0;
	color: #000;
	padding-left: 5px;
}
.grecaptcha-badge{
	z-index: 999;
}

#fasiprogetto .ancoraggi a:hover{
	text-decoration: none;
}
.single-post .contenuto a:hover{
	text-decoration: underline !important;
}

#side_submenu ul{
	padding: 0;
	margin: 0;
}
#side_submenu{
	position: fixed;
	background-color: #000;
	left: 0;
	padding-top: 70px;
	padding-bottom: 15px;
	padding-right:15px;
	padding-left:15px;
	bottom: 10%;
	z-index: 99;
	display: flex;
	transform: rotate(270deg);
	transform-origin: left;
	border-radius: 15px;
	z-index:1;
}
#side_submenu p{
	margin: 0 20px;
}
#side_submenu strong{
	transition: 0.3s;
}
#side_submenu strong:hover{
	color: #ddd !important;
	transition: 0.3s;
}

@media (min-width: 992px){

	.delay-northamerica-1 {
		transition-delay: 0.5s !important;
	}
	
	.delay-italy {
		transition-delay: 1s !important;
	}
	
	.delay-northamerica-2 {
		transition-delay: 1.5s !important;
	}
}

#item-container .hidden{
	visibility:hidden;
    width:0px!important;
    height:0px!important;
    margin:0px!important;
 	 padding:0px!important;
}

@media (max-width:991px){
	.hero-work {
		background-position: center right !important;
	}
}

/* wpml switch */

.language-search .wpml-ls-current-language{
	position: relative;
}
.language-search .wpml-ls-current-language::after{
	content: "\F282";
	font-family: "bootstrap-icons";
	position: absolute;
	font-weight: 700;
	top: 3px;
	right: -5px;
	color: #fff;
}
.wpml-ls-legacy-list-horizontal{
	padding:0 !important;
}
.wpml-ls li:nth-child(2){
	display: none;
	position: absolute;
	top: 30px;
	right: -10px;
	background-color: #e3e3e3;
	padding: 0 5px;
	transition: .3s;
	z-index: 2;
	width: 50px;
	text-align: center;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item span,.wpml-ls-legacy-list-horizontal .wpml-ls-item i{
	color: #fff;

}

.wpml-ls-legacy-list-horizontal:hover.wpml-ls li:nth-child(2){
	display: block;
}
.wpml-ls-legacy-list-horizontal:hover.wpml-ls li:nth-child(2) span{
	color: #000;
}
#footer .menu-item-wpml-ls-10-it, #footer .menu-item-wpml-ls-10-en {
	display: flex;
	padding-top: 20px;
}
#footer .menu-item-wpml-ls-10-it .sub-menu, #footer .menu-item-wpml-ls-10-en .sub-menu{
	padding-left: 10px;
}
#footer #menu-item-wpml-ls-10-it a, #footer #menu-item-wpml-ls-10-it .sub-menu li, #footer #menu-item-wpml-ls-10-en a, #footer #menu-item-wpml-ls-10-en .sub-menu li{
	padding: 0;	
}
.navbar-nav .wpml-ls-item a span{
	text-decoration: none;
}
.header-open .wpml-ls-link span{
	color: #fff;
}
#footer .wpml-ls-current-language {
	padding-top: 30px;
}

/* SCROLLBAR */
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #333 #000;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #000;
}

*::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 20px;
  border: 3px solid #000;
}

.img_container img{
	max-width: 100%;
	width: 100%;
	height: auto;
}

.hero-corsi-formazione{
	position: relative;
}
.hero-corsi-formazione::after{
	content: "";
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	position: absolute;
}

/* furniture page */

#furniture .sezione-02{
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
	height: 800px;
	position: relative;
}

@media(max-width:991px){
	#furniture .sezione-02 svg, #furniture .sezione-04 svg{
		display:none;
	}
}
#furniture .sezione-02 svg, #furniture .sezione-04 svg{
	position: absolute;
	left: -2%;
}

#furniture .sezione-04{
	background-repeat: no-repeat; 
	background-position: bottom; 
	background-size: cover; 
	height: 800px;
	position: relative;
}

@media(max-width:991px){
	#furniture .sezione-02, #furniture .sezione-04{
		 
		height: 400px;
		
	}
}

#furniture .sezione-02::after,#furniture .sezione-04::after{
	content:"";
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position:absolute;
}

#available_materials .tab button{
	border: none;
	width: 49%;
	border-radius:10px;
	margin-bottom: 10px;
	padding:0;
	overflow:hidden;
	height: 130px;
}

#available_materials .immagine_show{
	border-radius:10px;
	overflow:hidden;
	margin-bottom: 10px;
	height: auto;
}

#available_materials .immagine_show img{
	height: 100%;
	object-fit:cover;
}

#available_materials .immagine_show p{
	position: absolute;
	top: 20px;
	left: 40px;
}

#available_materials .w3-bar-item p{
	position: absolute;
	top: 20px;
	left: 20px;
}


@media(min-width: 1024px){
	#description_materials .height-description{
		height: 300px;
	}
}

@media(min-width: 1350px){
	#description_materials .height-description{
		height: 450px;
	}
}

@media(min-width: 1500px){
	#description_materials .height-description{
		height: 500px;
	}
}

@media(min-width: 1900px){
	#description_materials .height-description{
		height: 700px;
	}
}

/* landing page */

#header-landing {
	position: absolute;
	top: 30px;
	left:50px;
}

#header-landing svg{
	width: 180px;
}

#landing #hero-section{
	height: 100vh;
	width:100%;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: start;
	justify-content: center;
}
@media(max-width:991px){
	#landing #hero-section{
		align-items: end;
		padding-bottom: 100px;
	}
}
#landing .img_container{
	height: 140px;
	
	margin: 0 auto;
	overflow: hidden;
}

#landing .img_container img{
	object-fit: contain;
	height: 70%;
	max-width: 70%;
}

#landing form label{
	font-weight: bold;
}
#landing form input{
	background-color: transparent;
	border:none;
	border-bottom: 1px solid #000;
	border-radius: 0;
	outline:none;
}
#landing form input:focus, #landing form input:active{
	outline:none;
	
	box-shadow: none;
}

#footer-landing i{
	color: #fff;
	font-size: 25px;
	margin: 0 5px 0;
}

#landing #lavori a:hover{
	text-decoration: none;
}

@media(min-width:991px){
	#landing #lavori .box{
		height: 300px;
	}
}

@media(min-width:1600px){
	#landing #lavori .box{
		height: 500px;
	}
}

/* impostazioni settore navale */

.banner-centrale-navale{
	height: 800px;
	position: relative;
}

.banner-centrale-navale::after{
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
@media(max-width: 991px){
	.banner-centrale-navale{
		height: 400px;
	}
}

.banner-centrale-navale-02{
	height: 800px;
	position: relative;
}

.banner-centrale-navale-02::after{
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.20);
}
@media(max-width: 991px){
	.banner-centrale-navale-02{
		height: 400px;
	}
}

/* effetto zoom sulle icone */
@media(max-width: 991px){
	.page-template-page-forme br, .single-forme br{
		display: none;
	}
	
}

.banner-centrale-navale-02 .line-bar{
	position: absolute;
	top: 30%;
	left: 20%;
}

@media(min-width: 1400px){
	.banner-centrale-navale-02 .line-bar{
		position: absolute;
		top: 30%;
		left: 20%;
	}
}

.single_plus {
	position: relative;
	  bottom: -10px;
}

.single_plus {
	animation: slideIn 2s ease;
	  animation-fill-mode: forwards;
}

@keyframes slideIn {
  from {
	transform: translateY(30px);
  }
  to {
	transform: translateY(0);
  }
}

.slide-in {
  animation: slideIn 1s ease-in;
  animation-fill-mode: forwards;
}

#slideshow.caratteristiche{
	position: relative;
	width:100%;
	height:100%;
	z-index: 0;
}
#slideshow.caratteristiche .slide::after{
	width: 0;
	height: 0;
}
.lista-colori-switch .finitura_name{
	position: absolute;
	bottom: 20px;
	left: 40px;
}

@media(min-width:991px){
	.contenitore-colore img{
		width: 60%;
	}
}

.container-switch-colors{
	background-color: #eee;
	z-index: 10;
	position: absolute;
	top: 0;
	margin-right: 20px;	
}
@media(min-width:992px){
	.lista-colori-switch{
		margin-top: 30px;
	}
}

@media(max-width:991px){
	
	.contenitore-colore img{
		width: 40%;
	}
	.lista-colori-switch .finitura_name{
		position: absolute;
		bottom: 12px;
		left: 23px;
		font-size: 13px;
	}
	
	.lista-colori-switch {
		margin-top: 30px;
	}
	
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}



.panel {

  padding-top: 30px;
  background-color: transparent;
  display: none;
  overflow: hidden;
  transition: 0.5s;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.titolo_uhpc_easy {
    margin-top: 10px !important;
}

.immagine-landing{
	height: 800px;
	position: relative;
}

.immagine-landing::after{
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
@media(max-width: 991px){
	.immagine-landing{
		height: 400px;
	}
}

.logo__landing {
    height: 26px;
}

footer {
  display: block
}

.footer {
	overflow: hidden;
	padding-bottom: 4rem;
  }
  
  .footer__inner {
	height: 82px;
	font-size: 0;
	letter-spacing: 0;
	line-height: 12px;
	color: #888;
	text-transform: uppercase;
	font-weight: 300
  }
  
  .footer__inner:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle
  }
  
  .footer__copyright {
	width: 80%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 10px;
	letter-spacing: 1px
  }
  
  .footer__developed {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease
  }
  
  .footer__developed:hover {
	opacity: 0.7
  }
  
  .footer_dark {
	background-color: #1a1a1a
  }
  
  .footer_main .footer__inner {
	height: 94px
  }

  @media only screen and (max-width: 900px) {
	.footer__developed {
		width: 30%;
		font-size: 8px;
		letter-spacing: 0.77px
	  }
  }
  
  @media only screen and (max-width: 1200px) {
	.footer__wrapper {
	  padding: 0 33px
	}

	.footer__inner {
		padding-bottom: 0; 
		height: 60px;
	}
  
	.footer__copyright {
	  width: 70%;
	  font-size: 8px;
	  letter-spacing: 0.77px
	}
  
	.footer_main .footer__inner {
	  height: 45px;
	  padding-bottom: 14px
	}
  }
  
  @media only screen and (max-width: 767px) {
	.footer {
	  position: relative;
	  margin-top: 0;
	  padding-bottom: 12px
	}
  
	.footer__wrapper {
	  padding: 0 16px
	}
  
	.footer__inner {
	  padding-bottom: 0;
	  height: auto
	}
  
	.footer__copyright {
	  width: 100%;
	  margin-bottom: 12px;
	  vertical-align: top
	}
  
	.footer__developed {
	  width: 100%;
	  text-align: left;
	  vertical-align: top
	}
  
	.footer_main {
	  margin-top: -57px;
	  margin-top: -220px;
	  background-color: transparent
	}
  }

  .footer__copyright a {
	transition: opacity 0.4s ease;
  }
  
  .footer__copyright a:hover {
	opacity: 1;
  }

  @media screen and (max-width: 767px) {
	.footer_main {
	  margin-top: -220px;
	  z-index: 2;
	}

  }

  @media screen and (max-width: 350px) {
	.footer_main {
	  margin-top: -220px;
	}
  
	.footer .footer__inner {
	  padding-bottom: 20px !important;
	}
  
	.footer_main .footer__inner {
	  padding-bottom: 20px !important;
	}
  }

  .wrapper {
	width: 100%;
	max-width: 854px;
	margin: auto
  }

  .wrapper_large {
	max-width: 100%;
	padding: 0 68px
  }

  @media only screen and (max-width: 1200px) {
	.wrapper {
	  max-width: 464px
	}
  
	.wrapper_large {
	  max-width: 100%;
	  padding: 0 32px
	}
  }
  
  @media only screen and (max-width: 767px) {
	.wrapper {
	  max-width: 550px;
	  padding: 0 16px
	}

	.wrapper_full {
	  max-width: 550px
	}
  
  }

  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  transform: translate3d(0, 45px, 0);
	}
  
	to {
	  opacity: 1;
	  transform: none;
	}
  }
  
  .fadeInUp {
	animation-name: fadeInUp;
  }

  .inout_vid{
	position: fixed;
    right: 0;
    bottom: -25vh;
    min-width: 100%;
    min-height: 100%;
  }
  
  .loader {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
	background: #4ea1c4;
	box-sizing: border-box;
	animation: animloader 2s linear infinite;
  }
  
  @keyframes animloader {
	0% {
	  transform: translate(0, 0) rotateX(0) rotateY(0);
	}
  
	25% {
	  transform: translate(100%, 0) rotateX(0) rotateY(180deg);
	}
  
	50% {
	  transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);
	}
  
	75% {
	  transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);
	}
  
	100% {
	  transform: translate(0, 0) rotateX(0) rotateY(360deg);
	}
  }
  
  
  .preloader {
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	text-align: center;
	font-size: 0
  }
  
  .preloader:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 120%
  }
  
  .preloader__wrap {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 266px;
	overflow: hidden;
	position: relative
  }
  
  .preloader .progress {
	position: absolute;
	bottom: 32px;
	left: calc(50% - 50px);
	width: 100px;
	height: 1px;
	overflow: hidden
  }
  
  .preloader .progress__line {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
  }
  
  @-webkit-keyframes move {
	0% {
	  -webkit-transform: translate3d(0, 0, 1px);
	  transform: translate3d(0, 0, 1px)
	}
  
	12.5% {
	  -webkit-transform: translate3d(0, 0, 1px);
	  transform: translate3d(0, 0, 1px)
	}
  
	12.5001% {
	  -webkit-transform: translate3d(-150px, 0, 1px);
	  transform: translate3d(-150px, 0, 1px)
	}
  
	25% {
	  -webkit-transform: translate3d(-150px, 0, 1px);
	  transform: translate3d(-150px, 0, 1px)
	}
  
	25.0001% {
	  -webkit-transform: translate3d(-300px, 0, 1px);
	  transform: translate3d(-300px, 0, 1px)
	}
  
	37.5% {
	  -webkit-transform: translate3d(-300px, 0, 1px);
	  transform: translate3d(-300px, 0, 1px)
	}
  
	37.5001% {
	  -webkit-transform: translate3d(-450px, 0, 1px);
	  transform: translate3d(-450px, 0, 1px)
	}
  
	50% {
	  -webkit-transform: translate3d(-450px, 0, 1px);
	  transform: translate3d(-450px, 0, 1px)
	}
  
	50.0001% {
	  -webkit-transform: translate3d(-600px, 0, 1px);
	  transform: translate3d(-600px, 0, 1px)
	}
  
	62.5% {
	  -webkit-transform: translate3d(-600px, 0, 1px);
	  transform: translate3d(-600px, 0, 1px)
	}
  
	62.5001% {
	  -webkit-transform: translate3d(-750px, 0, 1px);
	  transform: translate3d(-750px, 0, 1px)
	}
  
	75% {
	  -webkit-transform: translate3d(-750px, 0, 1px);
	  transform: translate3d(-750px, 0, 1px)
	}
  
	75.0001% {
	  -webkit-transform: translate3d(-900px, 0, 1px);
	  transform: translate3d(-900px, 0, 1px)
	}
  
	87.5% {
	  -webkit-transform: translate3d(-900px, 0, 1px);
	  transform: translate3d(-900px, 0, 1px)
	}
  
	87.5001% {
	  -webkit-transform: translate3d(-1050px, 0, 1px);
	  transform: translate3d(-1050px, 0, 1px)
	}
  
	100% {
	  -webkit-transform: translate3d(-1050px, 0, 1px);
	  transform: translate3d(-1050px, 0, 1px)
	}
  }
  
  @keyframes move {
	0% {
	  -webkit-transform: translate3d(0, 0, 1px);
	  transform: translate3d(0, 0, 1px)
	}
  
	12.5% {
	  -webkit-transform: translate3d(0, 0, 1px);
	  transform: translate3d(0, 0, 1px)
	}
  
	12.5001% {
	  -webkit-transform: translate3d(-150px, 0, 1px);
	  transform: translate3d(-150px, 0, 1px)
	}
  
	25% {
	  -webkit-transform: translate3d(-150px, 0, 1px);
	  transform: translate3d(-150px, 0, 1px)
	}
  
	25.0001% {
	  -webkit-transform: translate3d(-300px, 0, 1px);
	  transform: translate3d(-300px, 0, 1px)
	}
  
	37.5% {
	  -webkit-transform: translate3d(-300px, 0, 1px);
	  transform: translate3d(-300px, 0, 1px)
	}
  
	37.5001% {
	  -webkit-transform: translate3d(-450px, 0, 1px);
	  transform: translate3d(-450px, 0, 1px)
	}
  
	50% {
	  -webkit-transform: translate3d(-450px, 0, 1px);
	  transform: translate3d(-450px, 0, 1px)
	}
  
	50.0001% {
	  -webkit-transform: translate3d(-600px, 0, 1px);
	  transform: translate3d(-600px, 0, 1px)
	}
  
	62.5% {
	  -webkit-transform: translate3d(-600px, 0, 1px);
	  transform: translate3d(-600px, 0, 1px)
	}
  
	62.5001% {
	  -webkit-transform: translate3d(-750px, 0, 1px);
	  transform: translate3d(-750px, 0, 1px)
	}
  
	75% {
	  -webkit-transform: translate3d(-750px, 0, 1px);
	  transform: translate3d(-750px, 0, 1px)
	}
  
	75.0001% {
	  -webkit-transform: translate3d(-900px, 0, 1px);
	  transform: translate3d(-900px, 0, 1px)
	}
  
	87.5% {
	  -webkit-transform: translate3d(-900px, 0, 1px);
	  transform: translate3d(-900px, 0, 1px)
	}
  
	87.5001% {
	  -webkit-transform: translate3d(-1050px, 0, 1px);
	  transform: translate3d(-1050px, 0, 1px)
	}
  
	100% {
	  -webkit-transform: translate3d(-1050px, 0, 1px);
	  transform: translate3d(-1050px, 0, 1px)
	}
  }