/*
Theme Name: Valpaint Child
Description: Tema Valpaint
Author: JEF srl
Author URI: https://www.jef.it
Version: 1.0.0
Text Domain: valpaint
Template: valpaint
*/


html {font-size: 10px; margin-top:0 !important;}
body {font-family: "seravek-web", sans-serif; font-size: 1.4rem; overflow-x: hidden !important;}

html, body {scroll-behavior: smooth; /* Scorrimento fluido */}

a {font-size: 1.6rem; text-decoration: none; font-weight: 500;}
a:hover {color:#858792; text-decoration: none;}

p {font-size: 1.4rem;}

strong {font-weight: 600;}

.mybutton button {padding: 10px 25px; border: 0; border-radius: 10px; background: #11558e; font-size: 1.8rem; color: white; font-weight: 600; margin-right: 30px;}
.mybuttonwhite button {padding: 10px 25px; border: 0; border-radius: 10px; background: #fff; font-size: 1.8rem; color: #2a94f4; font-weight: 600; margin-right: 30px;}



/* ! HEADER */
.headtop {padding:5px 30px; 
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.38137261740633754) 0%, rgba(0,0,0,0.01162471824667366) 88%); 
}


.headtop .logo img {max-height: 60px;}

.headtop_darkbg {
	background-color: #222222;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.mynav {text-align: center; display: flex; align-items: center; justify-content: flex-end;}
.mynav button {background: #222222; border: 0; border-radius: 25px; margin-left: 30px; padding: 10px 30px; color: white;}
.mynav button:hover {background: #ffffff; color: white;}
.menu {padding: 0 !important; list-style: none; margin: 0 !important; height: 60px;}
.menu li {display: inline-flex; align-items: center; justify-content: center; margin: 0 15px 0 30px; height: 60px; }
.menu li a {font-size: 1.5rem; color: #ffffff; text-decoration: none; font-weight: 600; position: relative; display: block; font-family: "seravek-web", sans-serif; font-size: 1.7rem; font-weight: 300;}
.menu li a:hover {opacity: 0.6;}

.mysearchico {display: flex; align-items: center; margin-left: 30px;}
.mysearchico svg {fill: white;}
.mysearchico svg:hover {cursor:pointer; }

.mynav > ul > li.menu-item-has-children > a::after {
	position: absolute;
	right: -18px;
	top: 6px;
	content: "\f078";
	font-size: 10px;
	font-family: FontAwesome;
	display: block;
}

/* Hamburger */
.myhamburger {
	width: 36px;
	height: 18px;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.myhamburger div {
	width: 30px;
	height: 1px;
	background-color: #ffffff;
}


/* BUTTON */
.mybutton a {
	background: unset !important;
	border: 1px solid #222222 !important;
	color: #222222 !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	padding: 10px 75px 10px 30px !important;
	margin-bottom: 15px !important;
	border-radius: 25px !important;
	font-family: "seravek-web", sans-serif !important;
  }

  .mybutton a:hover {
	background: #222222 !important;
	border: 1px solid #222222 !important;
	color: #ffffff !important;
  }

  /* Button White */

  .mybutton_white a {
	background: unset !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	padding: 10px 75px 10px 30px !important;
	margin-bottom: 15px !important;
	border-radius: 25px !important;
	font-family: "seravek-web", sans-serif !important;
  }

  .mybutton_white a:hover {
	background: #222222 !important;
	border: 1px solid #222222 !important;
	color: #ffffff !important;
  }


  .mybutton_scrollcard a {
	background: unset !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	font-size: 1.6rem !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	padding: 10px 75px 10px 30px !important;
	margin-bottom: 15px !important;
	border-radius: 25px !important;
	margin-top:30px !important;
  }

  .mybutton_scrollcard a:hover {
	background: #ffffff !important;
	border: 1px solid #ffffff !important;
	color: #222222 !important;
  }


/* button black */
.mybutton_black {margin-bottom: 0 !important;}
.mybutton_black a {
	background: #222222 !important;
	border: 1px solid #222222 !important;
	color: #ffffff !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	padding: 10px 75px 10px 30px !important;
	margin-bottom: 0 !important;
	border-radius: 25px !important;
  }

  .mybutton_black a:hover {
	background: unset !important;
	border: 1px solid #222222 !important;
	color: #222222 !important;
  }

  /* button sostenibilità verde */
.mybutton_green {margin-bottom: 0 !important;}
.mybutton_green a {
	background: #10A362 !important;
	border: 1px solid #10A362 !important;
	color: #ffffff !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	padding: 10px 75px 10px 30px !important;
	margin-bottom: 0 !important;
	border-radius: 25px !important;
  }

  .mybutton_green a:hover {
	background: #222222 !important;
	border: 1px solid #222222 !important;
	color: #ffffff !important;
  }

/*HOVER BOX SEARCH*/
.overlay-HoverBox { z-index: -12; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(34,34,34,0.9); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.HoverBox {z-index: -12; position: fixed; width: 60vw; max-width: 96%; height: auto; padding-top: 40px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 50%; left: 50%; min-height: 150px; background-color: unset; opacity: 0; visibility: hidden; margin-top: -50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 15px;}
.HoverBox.visibled, .overlay-HoverBox.visibled { opacity: 1.0; visibility: visible; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.HoverBox.visibled { z-index: 9999; }
.overlay-HoverBox.visibled { z-index: 999; }
button.close-hoverbox { background-color: transparent; padding: 11px 13px 10px; position: absolute; right: 0; top: -60px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; height: auto; color: #fff; font-size:18px; line-height:18px; border:1px solid white; border-radius: 25px;}
button.close-hoverbox:hover { background-color: unset !important; cursor:pointer; }
.center-HoverBox { padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: inline-block; text-align: center; }
.center-HoverBox > li { display: inline-block; margin: 0 10px; padding: 0; }
.center-HoverBox > li a { display: inline-block; font-size: 11px; text-transform: uppercase; padding:10px; color:#fff; border:1px solid #fff; letter-spacing: 2px; }
.center-HoverBox > li a:hover, .center-BoxLang > li.current-lang a { border:1px solid #aaaaaa; color:#aaaaaa;}
#searchsite form input {-webkit-appearance: none; padding: 10px;margin: 0; border: 0; font-size: 14px;line-height: 19px;
box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; }
#searchsite form input#s {
	width: 70%; 
	float: left; 
	background-color:unset; 
	font-weight:400; 
	color:#ffffff;
	border-bottom: 1px solid white;
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	font-size: 2.4rem;
}

#searchsite form input#searchsubmit {
	width: calc(25% - 10px); 
	float: right;
	background-color: unset !important; 
	color: #fff !important; 
	text-transform: uppercase; 
	font-weight:400 !important;
	position: relative; 
	cursor:pointer; 
	border-radius: 25px;
	border: 1px solid white;
    padding: 15px;
	font-size: 2rem;
}

#searchsite form input#searchsubmit:hover {background-color: #fff !important; color: #222 !important; border: 1px solid white;}

/*HOVER BOX SELEZIONE LINGUA*/
.overlay-HoverBoxLang { z-index: -12; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(34,34,34,0.8); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.HoverBoxLang {z-index: -12; position: fixed; width: 60vw; max-width: 760px; height: auto; padding-top: 40px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 50%; left: 50%; min-height: 150px; background-color: unset; opacity: 0; visibility: hidden; margin-top: -50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 15px;}
.HoverBoxLang.visibled, .overlay-HoverBoxLang.visibled { opacity: 1.0; visibility: visible; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.HoverBoxLang.visibled { z-index: 9999; }
.overlay-HoverBoxLang.visibled { z-index: 999; }
button.close-hoverboxLang { background-color: transparent; padding: 11px 13px 10px; position: absolute; right: 0; top: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; height: auto; color: #fff; font-size:18px; line-height:18px; border:1px solid white; border-radius: 25px;}
button.close-hoverboxLang:hover { background-color: unset !important; cursor:pointer; }
.center-HoverBoxLang { padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: inline-block; text-align: center; }
.center-HoverBoxLang > li { display: inline-block; margin: 0 10px; padding: 0; }
.center-HoverBoxLang > li a { display: inline-block; font-size: 11px; text-transform: uppercase; padding:10px; color:#fff; border:1px solid #fff; letter-spacing: 2px; }
.center-HoverBoxLang > li a:hover, .center-BoxLang > li.current-lang a { border:1px solid #aaaaaa; color:#aaaaaa;}

.boxselectlang {display: flex; background-color: #222222; padding: 45px 60px 30px 100px;}
.col_lang {width: 33.3%; background-color: #222222;}
.singlelang {display:flex; margin-bottom: 10px;}
.singlelang a {width: 100%; display: flex;}
.singlelang a:hover {opacity: 0.8; cursor: pointer;}
.singlelang p {font-size:1.8rem; color:#ffffff; font-weight: 300;}
.singlelang img {height: 20px; margin-right: 10px; margin-top: 4px;}

/* Menu fixed */
.mymenufixed {
	
	position: fixed !important; 
	top:0 !important; 
	z-index:999; 
	background: #222222;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.removeafter .headtop::after {display: none !important;}

/* ! Hamburger */
.hambcont {display: none;}
.icon-bar {position: absolute; right: 20px; top: 10px; z-index: 999;}
.icon-bar i {font-size: 30px; color:#ffffff; display: block;}
.icon-bar p {font-size: 10px; color:#ffffff; margin:0; display: block;}
.icon-bar svg {fill:#ffffff;}

/* ! Submenu */
.mynav ul.sub-menu {

	z-index: 999;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	width: 100vw;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	/*background: rgba(0, 0, 0, 0.9);*/
	background: #222222;
	padding: 0;
	left: 0px;
	top: 70px;
	border-top: 1px solid #717171;

}


.mynav > ul > li:hover ul.sub-menu { opacity: 1.0;  visibility: visible; padding: 5px 0;}
.mynav ul.sub-menu li { width: auto; height: auto; margin-left: 0; text-align: center; padding: 0 !important; border-bottom:1px solid #222222; border-radius: 25px; position:relative;}

.mynav ul.sub-menu li a {
	height: auto;
	padding: 10px 10px;
	width: 100%;
	display: block;
	color: white;
	font-family: "seravek-web", sans-serif;
	font-size: 1.7rem;
	font-weight: 300;
	text-decoration: none;
	margin:0;

}

.mynav ul.sub-menu li a:hover {opacity: 0.8;}



/*.menu-item-has-children .menu li

/* punta submenu*/
/* .mynav ul.sub-menu::before {

	content: '';
	position: absolute;
	z-index: 1;
	top: -8px;
	left: 50%;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(-45deg)translateX(-50%);
	-moz-transform: rotate(-45deg)translateX(-50%);
	-ms-transform: rotate(-45deg)translateX(-50%);
	-o-transform: rotate(-45deg)translateX(-50%);
	transform: rotate(-45deg)translateX(-50%);
	background: #FF4603;

} */

/* disattivo hover voci menu senza link */
#menu-menu-principale .unclickable > a:hover {cursor: default; color:white; opacity: 1;}

/* MENU LATERALE */
/* .colmenu ul {list-style: none; padding-left: 20px;}
.cbp-spmenu .menu-menu-principale-container  li {padding: 1px 0; font-size: 18px}
.cbp-spmenu .menu-menu-principale-container  li > ul > li {font-family: "seravek-web", sans-serif; font-size: 14px;  color:#6e777c;}
.cbp-spmenu .menu-menu-principale-container  li > ul > li > ul > li a {font-family: "seravek-web", sans-serif; text-transform: capitalize;}
.cbp-spmenu .menu-menu-principale-container  li .icon::before {font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f067"; padding-left: 12px; font-size: 10px;}
.cbp-spmenu .menu-menu-principale-container  li .iconopen::before {content: "\f068" !important; }
.cbp-spmenu .menu-menu-principale-container .sub-menu {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
	}
.cbp-spmenu .menu-menu-principale-container .sub-menu--reveal {margin: 10px 0; max-height: 500px; } */

.svgclose {display: none;}
/*.svghamb {display: block;}*/


/* MENU ACCORDION BARRA LATERALE */
.cbp-spmenu {height: 100%;}
.cbp-spmenu .menu li {width: 100%; margin: 0; padding: 7px; height: auto; display: unset; text-align: center;}
.cbp-spmenu .menu li a {text-transform: uppercase; display: inline-block;}
.cbp-spmenu .colmenu {min-height: 100%;display: flex;}
/* submenu*/
.cbp-spmenu .sub-menu {padding: 0;}
.cbp-spmenu .sub-menu li {padding: 0px; width: 100%; display: inline-block;}
.cbp-spmenu .sub-menu li a {text-transform: uppercase; display:block; font-size: 16px; text-transform: unset; padding: 4px 0;}
/*animazione submenu*/
.cbp-spmenu .sub-menu {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
	}
.cbp-spmenu .sub-menu--reveal {margin: 10px 0; max-height: 500px; }

.cbp-spmenu .menu-menu-principale-container > ul > li.menu-item-has-children > a::after {
	position: absolute;
	right: -18px;
	top: 6px;
	content: "\f078";
	font-size: 10px;
	font-family: FontAwesome;
	display: block;
}

.navmobile .menu {
	height: 100%;
	display: flex;
	flex-direction: column;
	width: 420px;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;

}

/* NAVMOBILE */
.boxicon-bar {padding-top:5px; }
.show-menu {right:0px !important; }
.navmobile {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background-color: rgba(34, 34, 34, 0.9); width:420px; height:100%; z-index:998; position:fixed; top:0; right:-420px;}
.hamb_butt {color: white;}

/* Riga prodotti home */
.row_intro_prod_home {padding: 30px 30px 30px; margin-bottom:0px;}
.row_intro_prod_home h1, 
.row_intro_prod_home h2 {font-size: 3rem; margin-bottom:15px; margin-top:15px; font-weight: 500; color:#222222;}
.row_intro_prod_home p {color:#222222; font-size: 1.8rem; font-weight: 300; padding-right: 60px;}
.boxbuttonscopriprod {text-align: right; padding-top: 100px;}

/* Blocco OWL CAROUSEL VIDEO */
.owlcarouselvideo {padding: 0 45px; margin-bottom: 0px;}
.owlcarouselvideo .owl-stage-outer, .owlcarouselvideo .owl-stage {height: 100%; }
.owlcarouselvideo .item { width: 100%; height: unset; min-height: 30vh; padding: 0 !important; }
.owlcarouselvideo .item_title {position: relative; text-align: left; width: 100%; z-index: 12;background-color: unset; padding: 30px 0;}
.owlcarouselvideo .item h3 {font-family: "seravek-web", sans-serif; font-size: 2.4rem; padding-top: 0px; padding-bottom:10px; font-weight: 500; color:#222222; width: 100%; margin-left: 0;}
.owlcarouselvideo .item p {font-family: "seravek-web", sans-serif; font-size: 1.6rem; color:#222222; font-weight: 300; min-height: 60px;}
.owlcarouselvideo .item_image {height: 35vh !important; width: 100%; display: block !important;}
.owlcarouselvideo img {position: absolute; aspect-ratio: 16/10; object-fit: cover;}
.owlcarouselvideo .item_image::after {display: none;}
.owlcarouselvideo .owl-dots {position: absolute; bottom: 0; text-align: center; padding-bottom: 10px; width: 100%;}
.owlcarouselvideo .owl-theme .owl-nav {margin-top: 0px !important;}
.owlcarouselvideo .owl-prev {
    position: absolute;
    top: -20px;
    right: 60px;
    margin: 0 !important;
    border-radius: 0px !important;
    background: unset !important;
    width: 50px;
    height: 50px;
    left: unset;
    border-radius: 25px !important;
    border: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
}
.owlcarouselvideo .owl-next {
    position: absolute;
    top: -20px;
    right: 0px;
    margin: 0 !important;
    border-radius: 0px !important;
    background: unset !important;
    width: 50px;
    height: 50px;
    left: unset;
    border-radius: 25px !important;
    border: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
}
.owlcarouselvideo .owl-prev:hover, .owlcarouselvideo .owl-next:hover {background: #222222 !important;}
.owlcarouselvideo .owl-prev:hover .frecceprod, .owlcarouselvideo .owl-next:hover .frecceprod {color: #ffffff !important;}
.owlcarouselvideo .owl-dot span {background-color: unset !important; border: 1px solid #fff !important;}
.owlcarouselvideo .owl-dot.active span {background: #fff !important;}
.owlcarouselvideo .frecceprod {font-size: 16px !important; background-color: unset !important; color: #222222 !important;}
.owlcarouselvideo .frecceprod:hover {background: unset !important; color: #fff !important;}
.owlcarouselvideo .owl-nav {position: relative; height: 50px;}
.owlcarouselvideo::after {
    height: 100vh;
    content: '';
    top: 33.3%;
    left: 0px;
    width: 100%;
    height: 80%;
    min-height: 400px;
    display: block;
    position: absolute;
    background: #ffffff;
    opacity: 1;
    z-index: -1;
}

.owlcarouselvideo .owl-stage {height: 70vh;}
.owlcarouselvideo .owl-prev, .owlcarouselvideo .owl-next {display: flex !important;}
.owlcarouselvideo .owl-next:hover .frecceprod, .owlcarouselvideo .owl-prev:hover .frecceprod {color: #222222 !important;}

/* Blocco OWL CAROUSEL PRODOTTI */
#owlprodotti {padding: 0 45px; margin-bottom: 74px;}
#owlprodotti .owl-stage-outer, 
#owlprodotti .owl-stage {height: 100%; }
#owlprodotti .item { width: 100%; height:unset; min-height: 30vh; padding: 0 !important; }
#owlprodotti .item_title {position: relative; text-align: left; width: 100%; z-index: 12;background-color: unset; padding: 30px 0;}
#owlprodotti .item h3 {font-family: "seravek-web", sans-serif; font-size: 2.4rem; padding-top: 0px; padding-bottom:10px; font-weight: 500; color:#222222; width: 100%; margin-left:0;}
#owlprodotti .item p {font-family: "seravek-web", sans-serif; font-size: 1.6rem; color:#222222; font-weight: 300;}
#owlprodotti .item_image {height:40vh !important; width: 100%;display: block !important;}
#owlprodotti img {position: absolute; aspect-ratio: 16/10; object-fit: cover;}
#owlprodotti .item_image::after {display: none;}
#owlprodotti .owl-dots {position: absolute; bottom: 0; text-align: center; padding-bottom: 10px; width: 100%;}
#owlprodotti .owl-theme .owl-nav {margin-top:0px !important;}
#owlprodotti .owl-prev {
	position: absolute;
	top: 0;
	right: 60px;
	margin: 0 !important;
	border-radius: 0px !important;
	background: unset !important;
	width: 50px;
	height: 50px;
	left:unset;
	border-radius: 25px !important;
  	border: 1px solid #222;
	display: flex;
	justify-content: center;
	align-items: center;

}


#owlprodotti .owl-next {
	position: absolute;
	top: 0;
	right: 0px;
	margin: 0 !important;
	border-radius: 0px !important;
	background: unset !important;
	width: 50px;
	height: 50px;
	left:unset;
	border-radius: 25px !important;
  	border: 1px solid #222;
	display: flex;
	justify-content: center;
	align-items: center;
}

#owlprodotti .owl-prev:hover, #owlprodotti .owl-next:hover {background: #222222 !important;}
#owlprodotti .owl-prev:hover .frecceprod, #owlprodotti .owl-next:hover .frecceprod {color: #ffffff !important;}


#owlprodotti .owl-dot span {background-color:unset !important; border:1px solid #fff !important;}
#owlprodotti .owl-dot.active span {background: #fff !important;}
#owlprodotti .frecceprod {font-size:16px !important; background-color: unset !important; color:#222222 !important;}
#owlprodotti .frecceprod:hover {background:unset !important; color:#fff !important;}
#owlprodotti .owl-nav {position: relative; height: 50px;}

#owlprodotti::after {
	height: 100vh;
	content: '';
	top: 33.3%;
	left: 0px;
	width: 100%;
	height: 80%;
	min-height: 400px;
	display: block;
	position: absolute;
	background: #D9D9D6;
	opacity: 1;
	z-index: -1;
}

.backcard_prod {
	opacity: 0;
	visibility: hidden; 
	transition: opacity 0.5s ease, visibility 0.5s ease; 
	z-index: 999;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.backcard_prod h4 {font-family: "seravek-web", sans-serif; font-size: 2.2rem; color:white; font-weight: 500; margin: 0;}

.contimgprodotti:hover .backcard_prod {
	opacity: 1; 
	visibility: visible; 
	transition: opacity 0.5s ease, visibility 0.5s ease;
}


.contimgprodotti {position: relative; width: 100%; height: 100%;}
.contimgprodotti img {width: 100%; height: 100%;object-fit: cover;}
.imgfinitura { aspect-ratio: 16/10; object-fit: cover; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease;}
.contimgprodotti:hover .imgfinitura { opacity: 1;visibility: visible;}

/* VC Card scroll verticale */
.spacer {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: -1;
  }
  
.panel {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: white;
}

.mypanescroll {
	background-repeat:no-repeat; 
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.mypanescroll::after {
	height: 100vh;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: black;
	opacity: 0.1;
	z-index: 996;
}

.mycontpanel {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
}

.contpanel_left, .contpanel_right {
	width: 50%; 
	height: calc(100vh - 80px); /* 80px altezza banda menu nav */
	display: flex;
	justify-content: center;
    align-items: center;
	z-index: 998;

}

.imgpanelscroll {max-width: 60vh; z-index: 998;}

.cont_txt_panel {width: 40vw !important;height: auto;}
.cont_txt_panel h3 {font-family: "seravek-web", sans-serif; font-size: 1.8rem; color:white; font-weight: 500; text-transform: uppercase;}
.cont_txt_panel h4 {font-family: "seravek-web", sans-serif; font-size: 3.2rem; color:white; font-weight: 500; padding: 30px 0;}
.cont_txt_panel p {font-family: "seravek-web", sans-serif; font-size: 1.8rem; color:white; font-weight: 300;}

/* Riga Trova Rivenditori Home */
.row_rivenditori_home {padding: 0px 45px !important; height: calc(100vh - 80px);}
.row_rivenditori_home img {max-height: 75vh;}
.boxtxt_trovarivenditori {padding: 60px;}
.boxtxt_trovarivenditori h3 {font-family: "seravek-web", sans-serif; font-size: 1.8rem; color:#222222; font-weight: 500; text-transform: uppercase;}
.boxtxt_trovarivenditori p {font-family: "seravek-web", sans-serif; font-size: 3.6rem; line-height: 4.2rem; color:#222222; font-weight: 500;}


/* Blocco OWL VIDEO */
.row_owlvideo {padding: 75px 0 45px !important;}
.coltesto_owlvideo {display: flex; flex-direction: column; justify-content: center; padding-left: 60px; }
.coltesto_owlvideo h4 {
	font-family: "seravek-web", sans-serif;
	font-size: 1.8rem;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
  }
.coltesto_owlvideo h3 {font-family: "seravek-web", sans-serif;
	font-size: 3.6rem;
	line-height: 4.2rem;
	color: #222222;
	font-weight: 500;
	margin-bottom: 30px;
  }

.desc_owlvideo {margin-bottom:30px;}


/* ! MY HEERO SECTION */
.myheero {
	background-color: #ccc; 
	min-height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	margin-bottom:0px;
	background-repeat:no-repeat; 
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.myheero::after {
	height: 100vh;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: black;
	/*opacity: 0.2; lo usa per far leggere meglio le scritte sopra al video */
	opacity: 0;
	z-index: 996;
}

.boxtxtheero {max-width: 780px; padding-left: 90px; padding-top: 90px; z-index: 11; position: absolute; right: 60px; bottom: 0px; z-index: 998;}
.boxtxtheero h1 {color: white; font-size: 4rem; text-transform: uppercase; font-weight: 300; margin-bottom: 15px;}
.boxtxtheero p {color: white; font-size: 1.8rem; font-weight: 400; margin-bottom: 60px;}
.boxtxtheero button {margin-right: 15px;}

.scrolldown {width: 50px; position: absolute; bottom: 10px; left: 50%;}

.videohtmlhome {object-fit: cover; display: block; height: 100vh !important;}

@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(100px);
	}
}
.svgscrolldown svg #wheel {animation: scroll ease 1.5s infinite;}
.svgscrolldown {width: 100%; z-index: 998; position: absolute; bottom: 15px;text-align: center; z-index: 998; }
.svgscrolldown svg {width: 20px; z-index: 998;}
.svgscrolldown p {color: white; font-size: 1rem; text-align: center;}

.yt_player .html5-video-container {
	z-index: 10;
	position: relative;
	height: 100vh;
  }

.yt_player .video-stream.html5-main-video {
	min-width: 105% !important;
	min-height: 105% !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	height: 105% !important;
	width: 105% !important;}

.yt_player iframe {
	position: absolute;
	min-width: 105% !important;
	min-height: 105% !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	height: 120% !important;
	width: 105% !important;
	z-index: 998;
}

.html5-video-container .html5-video-player .video-stream {
	display: block;
	width: 100% !important;
	height: 100%;
	position: absolute;
	left: 0 !important;
  }

.myheeropage video {

	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover; /* Mantiene il video coprendo tutto lo spazio */
    transform: translate(-50%, -50%);
    z-index: 1;
	z-index: 998;

}

/* ! Button CTA */
.ctaorange {background-color: #FF4603; border: 2px solid #ff4603; padding: 12px 30px; border-radius: 25px; color: white; text-transform: uppercase; font-size: 1.2rem; font-weight: 600;}
.ctaorange:hover {background-color: #1c1c1c; border: 2px solid #1c1c1c; cursor: pointer;}

.ctaorangerev {background-color: #fff; border: 2px solid #ff4603; padding: 12px 30px; border-radius: 25px; color: #FF4603; text-transform: uppercase; font-size: 1.2rem; font-weight: 600;}
.ctaorangerev:hover {background-color: #FF4603; border: 2px solid #FF4603; color:white; cursor: pointer;}

.ctawhite {background-color: unset; border: 2px solid #fff; padding: 12px 30px; border-radius: 25px; color: white; text-transform: uppercase; font-size: 1.2rem; font-weight: 600;}
.ctawhite:hover {background-color: #fff; border: 2px solid #fff; color: #1c1c1c; cursor: pointer;}

/* ! BUTTON VC COMPOSER  */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {background-image:unset; background-color: unset; border: 1px solid #222222; padding: 12px 30px; border-radius: 25px; color: #222222; text-transform: uppercase; font-size: 1.4rem; font-weight: 400;}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {background-image:unset; background-color: #1c1c1c; border: 2px solid #1c1c1c; color: white;}
.vc_btn3-container {margin-bottom: 0;}

/* ! OWL CAROUSEL */
.owl-stage-outer, .owl-stage {height: 70vh;}
.item { width: 100%; min-height:600px; padding: 0 !important; }

.item_image {

	height:70vh;
	width: 100%;
	background-repeat:no-repeat; 
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
	align-items: center;
    justify-content: center;
}

.item_image::after {
	height: 70vh;
	content: '';
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: black;
	opacity: 0.4;
}

.item_title {
	position: relative;
	text-align: center;
	width: 70%;
	z-index: 12;
	background-color: unset;
	padding:30px;
}


.item h2 {
	font-family: "seravek-web", sans-serif;
	font-size:36px;
	padding-top: 15px;
	font-weight: 500;
	width: 80%;
	margin-left: 10%;
	padding: 0;
}

.item h3 {
	font-family: "seravek-web", sans-serif;
	font-size:20px;
	padding-top: 15px;
	font-weight: 400;
	width: 80%;
	margin-left: 10%;
}


.button_slide {
	position: absolute;
    bottom: -60px;
	right: 50%;
    transform: translate(50%);
	text-align: center;
	z-index: 12;
	background-color:#ffbe55;
	border-radius: 15px;
	padding: 7px 20px;
	font-weight: 400;
	font-size: 16px;
	text-transform: unset;

}

.button_slide:hover {background-color:#fff;}

/* Bottone SCOPRI */
.item a {font-family: 'Manrope', sans-serif; color:white;}
.item a:hover {font-family: 'Manrope', sans-serif; color:black; }

.owl-dots {
position: absolute;
bottom: 0;
text-align: center;
padding-bottom: 10px;
width: 100%;
}

.owl-theme .owl-nav {margin-top:0px !important;}
.owl-prev {position: absolute; top: 50%; left: 40px; margin:0 !important; border-radius:0px !important;}
.owl-next {position: absolute; top: 50%; right: 40px; margin:0 !important; border-radius:0px !important;}
.owl-dot span {background-color:unset !important; border:1px solid #fff !important;}
.owl-dot.active span {background: #fff !important;}
.owl-theme .owl-nav [class*="owl-"] {font-size:42px ;background-color: unset !important; color:#fff;}
.owl-theme .owl-nav [class*="owl-"]:hover {background:unset !important; color:#fff !important;}


/* ! Effetto Footer Sticky */
.footersticky {position: sticky; bottom:0; z-index: -1;}
.mycontmain_stickyfooter {
background-color: white;
-webkit-box-shadow: 0px 8px 41px -2px #000000;
-moz-box-shadow: 0px 8px 41px -2px #000000;
-o-box-shadow: 0px 8px 41px -2px #000000;
box-shadow: 0px 8px 41px -2px #000000;
}

/* .prodotti-template-default .mycontmain_stickyfooter {background-color: unset;} */

.noshadow {box-shadow:unset;}

/* ! Intro Home */
.row_intro_home {padding: 90px 30px 30px; margin-bottom:0px; background-color: white; z-index: 998;}
.row_intro_home .wpb_single_image img {border-radius: 0px; width: 100%; height: 100%; object-fit: cover;}
.irow_intro_home .wpb_single_image {margin-bottom:0;}
.row_intro_home h1, .row_intro_home h2 {font-size: 3rem; margin-bottom:15px; margin-top:15px; font-weight: 500; color:#222222;}
.row_intro_home p {color:#222222; font-size: 1.8rem; font-weight: 300; padding-right: 60px;}
/* rendo componenete immagine VC largo come tutta la colonna come se fosse cover */
.row_intro_home .wpb_single_image .vc_figure { display: inline-block; vertical-align: top; margin: 0; max-width: 100%; width: 100%;}
.row_intro_home  .wpb_single_image .vc_single_image-wrapper { display: inline-block; vertical-align: top; max-width: 100%; width: 100%;}

/* ! Card Caratteristca */
.cardcaratt {margin-bottom:15px;}
.cardcaratt {border: 2px solid #A0A0A0; border-radius: 20px; padding: 18px 30px;}
.cardcaratt h1, .cardcaratt h2, .cardcaratt h3 {color:#FF4603; font-size: 1.7rem; font-weight: 600; margin-bottom: 10px;}
.cardcaratt p {color:#1c1c1c; font-size: 1.4rem; font-weight: 500; margin:0;}

/* ! Card Info Contatti */
.cardinfocontatti {background:#f9f9f9; border-radius: 20px; padding: 18px 30px; margin-bottom:20px;}
.cardinfocontatti h4 {color:#FF4603; font-size: 1.7rem; font-weight: 600; margin-bottom: 10px;}
.cardinfocontatti p {color:#1c1c1c; font-size: 1.4rem; font-weight: 500; margin:0;}

/* ! Riga Rivestimenti */
.rowrivestimenti {background:#F0F0F0; padding: 90px 0;}
.rowrivestimenti h3 {font-size: 2.4rem; margin-bottom:15px; font-weight: 700;}
.rowrivestimenti p {color:#1c1c1c; font-size: 1.4rem; font-weight: 500; margin:0;}
.boxtxtrowcard .vc_column-inner > .wpb_wrapper {padding-right: 45px;}

/* ! Riga Accessori e Rivestimenti */
.rowaccessori {background:#fff; padding: 90px 0;}
.rowaccessori h3 {font-size: 2.4rem; margin-bottom:15px; font-weight: 700;}
.rowaccessori p {color:#1c1c1c; font-size: 1.4rem; font-weight: 500; margin:0;}
.boxtxtrowcard .vc_column-inner > .wpb_wrapper {padding-right: 45px;}
.rowaccessori .metamycard {border-left: #DEDEDE 2px solid; border-right: #DEDEDE 2px solid; border-bottom: #DEDEDE 2px solid;}

/* ! Riga About */
.rowabout {background:#F0F0F0; padding: 90px 0;}
.rowabout img {border-radius: 20px;}
.imgabouthome {margin-bottom:0 }
.rowabout h4 {font-size: 1.4rem; margin-bottom:15px; font-weight: 700; text-transform: uppercase; color:#FF4603; }
.rowabout h3 {font-size: 3.2rem; margin-bottom:30px; font-weight: 700;}
.rowabout p {color:#1c1c1c; font-size: 1.4rem; font-weight: 500; margin:0;}
.boxtestorowabout .vc_column-inner > .wpb_wrapper {padding-left: 30px;}

/* ! Riga Prodotti Richiesti */
.rowprodrichiesti {background:#fff; padding: 90px 0;}

/* ! My Card */
.imgmycard {
	min-height: 25vh;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.metamycard {background: white; padding: 30px 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.metamycard h1, .metamycard h2, .metamycard h3 {font-size: 1.8rem; font-weight: 700; margin-bottom: 15px;}
.metamycard p {color:#1c1c1c; font-size: 1.4rem; font-weight: 500; margin-bottom:30px; min-height: 65px;}

/* ! My Card Prodotto */
.mycardprod {
	border-radius: 25px;
	padding-bottom: 0px;
	margin-bottom: 60px;
	margin-bottom: 0px;
}

.mycardprod:hover {
	-webkit-box-shadow: 0px 10px 51px -10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 51px -10px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 10px 51px -10px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 51px -10px rgba(0,0,0,0.2);
	}

.imgmycardprod {
	min-height: 35vh;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-top: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	border-right: 2px solid #DEDEDE;
}
.metamycardprod {background: white; padding: 20px 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;border: 2px solid #DEDEDE;}
.metamycardprod h1, .metamycardprod h2, .metamycardprod h3 {
	min-height: 70px;
	color: #1c1c1c;
	font-size: 2rem !important;
	font-weight: 700 !important;
	padding: 15px 0 15px 0px !important;
	margin: 0 !important;
}
.metamycardprod p {color: #A0A0A0; font-size: 1.6rem; font-weight: 500; margin-bottom:30px;}

/* ! Prodotti Richiesti Home */
.rowprodrichiesti {background-color: white; }
.titolo_prodoric {}
.titolo_prodoric h4 {font-size: 1.4rem; margin-bottom: 15px; font-weight: 700; text-transform: uppercase; color: #FF4603;}
.titolo_prodoric h3 {font-size: 3.2rem; margin-bottom: 45px; font-weight: 700;}




/* ! Shortcode Ultimi Case History  - USATO PER BLOG VALPAINT */
.rowlastcase {background:#F0F0F0; padding: 90px 0 45px;}
.titlerowlastcase {margin-bottom: 60px;}
.titlerowlastcase h4 {font-size: 1.4rem; margin-bottom:15px; font-weight: 700; text-transform: uppercase; color:#FF4603; }
.titlerowlastcase h3 {font-size: 3.2rem; margin-bottom:0px; font-weight: 700;}
.veditutticase {text-align: right; padding-top:15px; padding-right: 0;}
.rigalastcase {margin-bottom: 0px;}

.cardcasewrapper {background:white; padding: 0;}
.cardcasewrapper em {font-style: normal;}

.wraptext {padding: 15px 30px 30px 60px;}
.cardcase {margin-bottom: 90px;}
.cardcase .article-feature-image, .cardcase .mycoverweb{
	  min-height: 32vh;
	  aspect-ratio: 16 / 10;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: relative;
      opacity: 1;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
}

.cardcase .article-feature-image:hover, .cardcase .mycoverweb:hover {opacity: .5;}
.cardcase h3 { font-size: 2.4rem; font-weight: 500; margin-bottom: 30px; padding-top: 15px; }
.cardcase p {font-size: 1.6rem; color: #1c1c1c; font-weight: 300; margin-bottom: 30px;}
.cardcase h4 {border-radius: 5px; color: white; margin: 15px 0 0; font-weight: 500; padding: 5px 15px; display: inline-block ;width: auto;}


/* Pagina CASE HISTORY & NEWS */
.page-template-page-casehistory .cardcasewrapper {border: #DEDEDE 2px solid;}



/* ! Single CASE HISTORY NEWS */
.headnasenews {background: #eef3f7; padding: 60px 90px;}
.boxtitle_casenews {text-align: center;}
.boxtitle_casenews h1 { font-family: 'Manrope', sans-serif; font-size: 3.6rem; font-weight: 600; margin-bottom: 15px; padding: 15px 90px 0;}
.boxtitle_casenews ul {list-style: none; padding: 0;}
.boxtitle_casenews ul li a {border-radius: 5px; color: white; margin: 15px 0 0; font-weight: 600; padding: 5px 15px;}
.boxtitle_casenews .formati a {background: #b183ff;}
.boxtitle_casenews .formati a:hover, .boxtitle_news .informati a:hover {text-decoration: none;}
.boxtitle_casenews .informati a {background: #fb745e;}
.boxtitle_casenews h4 { font-family: 'Manrope', sans-serif; font-size: 3.6rem; font-weight: 600; margin-bottom: 15px; padding: 0 90px;}
.boxtitle_casenews p {font-size: 1.4rem; color:#858792; margin-top: 30px;}

.contimgcasenews {padding: 60px 60px 0;}
.boximgcasenews {
	min-height: 70vh;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	border-radius: 10px;
}

.boxtestocasenews {padding: 60px 30px 0;}
.boxtestocasenews h2, .boxtestocasenews h3 {margin-bottom: 30px; font-size: 3.8rem; font-weight: 700;}
.boxtestocasenews p,  .boxtestocasenews li {font-size: 1.8rem; margin-bottom: 30px; font-weight: 400;}
.boxtestocasenews ul {padding: 0 0 30px 30px;}
.boxtestocasenews p strong {font-weight:700;}
.boxtestocasenews a {font-weight:600;}

.mybreadcrumbs {padding: 45px 0px 30px; font-size: 1.6rem; font-weight: 300; color:#222222;}
.mybreadcrumbs span {font-size: 1.6rem; font-weight: 600; color:#222222;}
.mybreadcrumbs a {font-size: 1.6rem; font-weight: 300; color:#222222;}
.mybreadcrumbs a:hover {color:#939393;}

.pswp img {border-radius: 25px;}
.ctabackto {padding: 30px 0; background: #ff4603; text-align: center;}

/* ! Template PAGINA Standard + Pagina PRODOTTO */
.myheeropage {
	background-color: #ccc; 
	min-height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	background-repeat:no-repeat; 
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.myheeropage::after {
	height: 100vh;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: black;
	opacity: 0.2;
	z-index: 996;
}

.boxtxtheeropage {max-width: 780px;}
.boxtxtheeropage h3 {color: white; font-size: 2.6rem; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;}
.boxtxtheeropage h2 {color: white; font-size: 4.6rem; font-weight: 500; margin-bottom: 15px;}
.boxtxtheeropage h4 {color: white; font-size: 5rem; font-weight: 500; margin-bottom: 30px;}
.boxtxtheeropage p {color: white; font-size: 2rem; font-weight: 300; margin-bottom: 0px; max-width: 100%;}
.contheeropage {z-index: 998; padding: 0 !important;}

.titleprod { padding: 15px 0 90px;}
.titleprod h1 {color: #222222; font-size: 4.4rem; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;}
.titleprod p {color: #222222; font-size: 2rem; font-weight: 300; margin-bottom: 0px;}

/* Owl Gallery scheda prodotto */
.titlegalleryprod h4{color: #222222; font-size: 3.2rem; font-weight: 500; margin-bottom: 60px;}
.galleryprodotto {padding: 0 0px 0px !important;}

#sync1 .item {background: #f3f3f3; min-height: unset; aspect-ratio: 16/8 !important; height: 100vh;}
#sync1 .owl-item img {
	display: block;
	width: 100%;
	object-fit: cover !important;
	height: 100% !important;
	object-position: center !important;
  }
#sync2 .item {background: #ffffff; cursor: pointer; min-height: unset; padding-right: 45px !important; padding-left: 0 !important;}
#sync2 .current .item {opacity: 0.7; min-height: unset;}
#sync2 {padding: 45px 0px; display: none;}
#sync1 .owl-stage-outer, #sync2 .owl-stage-outer  {height: calc(100vh - 70px);}
#sync2 .owl-stage-outer  {height: 150px !important;}
#sync1 svg {width: 70px; height: 50px;}
#sync1.owl-theme .owl-nav [class*='owl-'] {transition: all 0.3s ease;}
#sync1 .owl-theme .owl-nav [class*='owl-'].disabled:hover {background-color: #D6D6D6;}
#sync1.owl-theme {position: relative;}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	color: white;
  }
#sync1.owl-theme .owl-prev {left: 10px;}
#sync1.owl-theme .owl-next {right: 80px;}

/* Riga Video prodotto */
.rigavideoprodotto {background-color: #222222; padding: 90px 0 105px;}
.rigavideoprodotto h4 {color: #ffffff; font-size: 3.2rem; font-weight: 500; margin-bottom: 15px;}
#accordionvideoprod button {
  background: unset;
  border-bottom: 1px solid white;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.8rem;
  border-top: unset;
  border-left: unset;
  border-right: unset;
  padding: 15px 0;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}

#accordionvideoprod button img {height: 30px; margin-right: 15px;}
#accordionvideoprod h2 {margin:0;}
.accordionvideoprod .accordion {
	color: #fff;
	background-color: #222222;
	cursor: pointer;
	padding: 10px 0px;
	margin-top:20px;
	width: 100%;
	border: 0;
	text-align: left;
	outline: none;
	transition: 0.4s;
  }
  
  .accordionvideoprod .active, .accordion:hover {
	background-color: #222222;
	border: 0;
  }
  
  .accordionvideoprod .panel {
	padding: 0;
	font-weight:600;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
  }

  .accordionvideoprod .accordion-button::after {
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	margin-left: auto;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 2.25rem;
	transition: transform .2s ease-in-out;
}

.accordionvideoprod .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
  }

#accordionvideoprod .accordion-body {padding: 30px 0;}
#accordionvideoprod button:focus, #accordionvideoprod button:active {outline: none;box-shadow: none;}

/* OWL Finiture Prodotto */
.titlefinitureprod h4{color: #222222; font-size: 3.2rem; font-weight: 500; margin-bottom: 45px;}
.titlefinitureprod {padding: 90px 0px !important;}

#owlfiniture .owl-stage-outer, .owl-stage {height: 80vh;}

#owlfiniture .owl-item {
    height: 100%;
}

#owlfiniture .owl-carousel .item {
    background-color: #cccccc !important;
    padding: 10px !important;
    text-align: center !important;
    min-height: unset !important;
    padding: 0 !important;
}

#owlfiniture .owl-carousel .screen-two .item {
    background-color: #666666 !important;
    padding: 0px !important;
    text-align: center !important;
    height: 100% !important;
}

#owlfiniture .screen-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 colonne */
	grid-template-rows: repeat(4, 1fr); /* 5 righe */
    grid-gap: 0px; /* Spaziatura tra gli item */
	height: 100%;
}

#owlfiniture .item {
	width: calc(100% - 10px);
    height: calc(100% - 10px); /* Imposta un'altezza fissa per gli item */
    min-height: unset !important;
	background-size: cover;
	position: relative;
}

#owlfiniture .owl-carousel .screen-grid {
    height: auto; /* Permetti che l'altezza si adatti al contenuto */
}

#owlfiniture .primoscreen-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colonne per la prima schermata */
    grid-gap: 0px; /* Spaziatura tra gli item */
	height: 100%;

}
#owlofiniture .owl-stage-outer {padding-left: 5px;}
#owlfiniture .item-title {background: #fff;position: absolute; bottom: 0; right: 0; padding: 0 5px;}
#owlfiniture .owl-nav {position: absolute; height: 50px; top: 50%; width: 100%;}

#owlfiniture .owl-prev {
	position: absolute;
	top: -20px;
	margin: 0 !important;
	border-radius: 0px !important;
	background: unset !important;
	width: 50px;
	height: 50px;
	left: -60px;
	border-radius: 25px !important;
	border: 1px solid #222;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  #owlfiniture .owl-next {
	position: absolute;
	top: -20px;
	right: -60px;
	margin: 0 !important;
	border-radius: 0px !important;
	background: unset !important;
	width: 50px;
	height: 50px;
	left: unset;
	border-radius: 25px !important;
	border: 1px solid #222;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  #owlfiniture .owl-dot span {
	background-color: unset !important;
	border: 1px solid #222222 !important;
	height: 10px;
	width: 10px !important;
	display: block;
	border-radius: 25px;
	margin: 5px;
  }
  #owlfiniture .owl-dots {
	position: absolute;
	bottom: -45px;
	text-align: center;
	padding-bottom: 10px;
	width: 100%;
	display: flex;
	justify-content: center;
  }
  #owlfiniture .owl-dot.active span {background: #222222 !important;}
  #owlfiniture .owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #222222;
	display: block;
	transition: opacity .2s ease;
	border-radius: 30px;
  }


 /* Gallery FINITURE PRODOTTO */
.container-gallery_finiture {
	display: flex;
	flex-wrap: wrap;
	/*gap: 10px;  Spazio tra le immagini */
}
.gallery-item_finiture {
	/*flex: 0 0 calc(100% / 14); Ciascun elemento occupa 1/14 della larghezza > glielo passo tramite ACF facendo scegliere il numero delle colonner*/
	box-sizing: border-box; /* Include padding e border nella larghezza totale */
	padding: 0 3px;
}

.gallery-item_finiture img {
	width: 100%;
	height: auto;
	display: block;
}

.gallery-item_finiture p {font-size: 10px; text-align: center;}

/* Nome foto in lightbox finiture */
.glightbox-clean .gslide-description {background: unset; position: absolute; left: 30px; bottom: 30px;}
.glightbox-clean .gdesc-inner {padding: 5px 0px;}
.glightbox-clean .gslide-title {
	font-size: 1em;
	font-weight: 400;
	font-family: arial;
	color: #fff;
	margin-bottom: 0;
	line-height: unset;
}

.desc-bottom .gslide-image img, .glightbox-clean .gslide-media {max-width: 90%;}
.glightbox-clean .gslide-media {-webkit-box-shadow: unset; box-shadow: unset;}
.glightbox-clean .gslide-media, .desc-bottom .gslide-image img {max-width: 100vw; min-width: 100vw;}
.gslide-image img {max-height: 100vh !important;}


/* Catalogo Prodotto */
.titlecatalogoprod h4{color: #222222; font-size: 3.2rem; font-weight: 500; margin-bottom: 45px;}
.catalogoprodotto {padding: 90px 0px !important; background-color: #d9d9d6;}
.catalogoprodotto button {width: 100%; background-color: unset; border:0; position: relative; padding: 0;}
.rigacatalogo a svg {height: 25px; width: 25px; margin-right: 10px; fill:#222222;}
.rigacatalogo a:hover svg {fill:white;}

.catalogoprodotto a {
	background: unset;
	border-bottom: 1px solid #222;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 15px;
	font-weight: 500; 
	font-size: 1.8rem; 
	color: #222; 
	text-transform: uppercase; 
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
}

.catalogoprodotto a:hover {color: #ffffff; background: #222222;}
.iconadownload_prod {position: absolute; right: 15px;}

/* Schede tecniche Prodotto */
.titleschedeprod, .titlecatalogoprod, .contvideoprodotto, #accordionvideoprod img {max-width: 960px;}
.titleschedeprod h4{color: #222222; font-size: 3.2rem; font-weight: 500; margin-bottom: 45px;}
.schedeprodotto {padding: 90px 0px !important; background-color: #ffffff;}
.schedeprodotto button {width: 100%; background-color: unset; border:0; position: relative; padding: 0;}
.rigaschede a svg {height: 25px; width: 25px; margin-right: 10px; fill:#222222;}
.rigaschede a:hover svg {fill:white;}
.schedeprodotto a {
	background: unset;
	border-bottom: 1px solid #222;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 15px;
	font-weight: 500; 
	font-size: 1.8rem; 
	color: #222; 
	text-transform: uppercase; 
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
}

.schedeprodotto a:hover {color: #ffffff; background: #222222;}


.contpage {padding: 60px 0 0px;}
.contpage h2 {font-size: 3rem; margin-bottom: 30px; font-weight: 600;}
.contpage p {font-size: 1.6rem;}
.contpage strong {font-weight: 600;}
.contpage ul {margin:30px 0; padding: 0px 15px;}
.contpage li {font-size: 1.6rem;}
.img_head {height: 420px; width: 420px; right: 0px; position: absolute; top: -130px; border:0px solid red;}

.img_head img {max-width: 100%;}

.page-id-14 div.contpage {padding: 30px 0 30px;}

/* ! Page Navi Pagination */
.mypagination {padding: 60px 0; text-align: right; margin-bottom: 30px;}
.wp-pagenavi {font-size: 1.6rem;}
.wp-pagenavi span {border: 0;}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #222222;
  padding: 3px 15px;
  margin: 2px;
  border-radius: 15px;
  font-size: 1.8rem;
  color: #1c1c1c;
  font-weight: 300;
}

.wp-pagenavi a:hover {
	border-color: #222222;
	background: #222222;
	color: white;
  }

.wp-pagenavi span.current {
  font-weight: 500;
  border: 1px solid #222222;
  background: #222222;
  color: white;
}

.wp-pagenavi span.current:hover {
	font-weight: 500;
	border: 1px solid #1c1c1c;
	background: #1c1c1c;
	color: white;
  }


/* ! Pagine Standard */
.titlepage { padding: 30px 0px 60px;}
.titlepage h1, .titlepage h2, .titlepage h3  {color: #222222; font-size: 4.4rem; font-weight: 500; margin-bottom: 45px;}
.titlepage p {color: #222222; font-size: 1.8rem; font-weight: 300; margin-bottom: 0px;}
.titlepage .vc_column-inner {padding: 0 !important;}
.block_txt_page h1, .block_txt_page h2, .block_txt_page h3  {color: #222222; font-size: 3.2rem; font-weight: 500; margin-bottom: 45px;}
.block_txt_page p {color: #222222; font-size: 2rem; font-weight: 300;}
.row_elenco_sedi h4  {color: #222222; font-size: 2rem; font-weight: 500; margin-bottom: 15px; border-bottom: 1px solid #222; padding-bottom: 15px;}
.colsedi .vc_column-inner {padding-left: 0; padding-right: 30px;}

/* ! Shortcode Lista download documenti Pagina */
.listadocumenti {padding: 0px 0px 120px !important; background-color: #ffffff;}
.listadocumenti button {width: 100%; background-color: unset; border:0; position: relative; padding: 0;}
.rigaschede a svg {height: 25px; width: 25px; margin-right: 10px; fill:#222222;}
.rigaschede a:hover svg {fill:white;}
.listadocumenti a {
	background: unset;
	border-bottom: 1px solid #222;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 15px;
	font-weight: 500; 
	font-size: 1.8rem; 
	color: #222; 
	text-transform: uppercase; 
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
}

.listadocumenti a:hover {color: #ffffff; background: #222222;}

/* ! Singola Pagina */
.headpage {
	height: 50vh;
	padding: 120px 0;
	width: 100%;
	background-repeat:no-repeat; background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
	align-items: center;

}

.headpage::after {
	content: '';
	top: 90px;
	left: 0;
	z-index: 10;
	width: 100%;
	height:50vh;
	display: block;
	position: absolute;
	background: black;
	opacity: 0.4;
}

.boxtitle_page {text-align: center; position: relative;}
.boxtitle_page h1 {font-size: 4.8rem; font-weight: 600; text-align: center; color:white; z-index: 998; position: relative;}
.boxtitle_page p {font-size: 1.6rem; color:#858792; margin-bottom: 0px; max-width: 50%; text-align: left;}

/* Single BLOG */
.boxtestoblog {padding: 75px 0;}
.boxtestoblog p {font-family: "seravek-web", sans-serif !important;  color: #222222; font-size: 1.6rem; font-weight: 300;}
.boxtestoblog span {font-family: "seravek-web", sans-serif !important; color: #222222; font-size: 1.6rem !important; font-weight: 300;}
.boxtestoblog h2, .boxtestoblog h3, .boxtestoblog h4 {font-family: "seravek-web", sans-serif !important; font-size: 2.4rem; font-weight: 500; margin-bottom: 30px; padding-top: 15px;}
.boxtestoblog img {margin-bottom: 30px; margin-top: 30px; max-width: 100%;}
.boxtestoblog a {text-decoration: underline; color:#cbb167;}
.boxtestoblog a:hover {color: #939393;}

.myheeropage_blog {
	background-color: #ccc; 
	min-height: 50vh;
	width: 100vw;
	display: flex;
	align-items: center;
	background-repeat:no-repeat; 
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.myheeropage_blog::after {
	height: 50vh;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: black;
	opacity: 0.4;
	z-index: 996;
}
.boxtxtheeropage_blog h1 {color:white; font-size: 4.2rem; font-weight: 500;}

/* ! Pagina About Us */ /* ELIMINARE? ****** */
.introabout p {font-family: 'Manrope', sans-serif; font-size: 3.2rem; font-weight: 700; text-align: center;}
.rigatestoabout {margin: 60px 0;}
.rigatestoabout :first-child .wpb_wrapper {padding: 0 30px;}
.rigatestoabout h3 {font-family: 'Manrope', sans-serif; font-size: 2.8rem; font-weight: 700; padding-left:30px; margin-bottom: 0px; min-height: 60px;}
.rigatestoabout p {font-family: 'Manrope', sans-serif; font-size: 1.8rem;}
.rigatestoabout .wpb_single_image img {border-radius: 25px;}
.page-id-98 .rowcasecarousel {margin-top:0;}

/* Gallery Mosaico */
.cont_mosaico {padding: 0 0px !important; margin:30px 0 60px;}
.mywrap_photo {padding: 30px !important;}

.photo_mosaico {
	min-height: 360px !important;
	width: 100%;
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

/* Pagina Innovation Design */
.payoffinno {padding-right: 15px;}
.payoffinno h1 {font-family: "seravek-web", sans-serif; font-size: 2.8rem; color: white; font-weight: 300; margin: 0;}
.cit {margin-top: 30px; margin-bottom: 60px;}
.cit p {font-style: italic;}
.row_blocks_innodes {margin-bottom: 90px; padding:0 30px;}
.card_innodes .vc_column-inner {min-height: 40vh; padding: 0; display: flex; justify-content: center; align-items: center; padding-left: 10px !important;}
.card_innodes {padding: 0 15px;}
.card_innodes .vc_column-inner {position: relative; z-index: 0;}
.card_innodes .vc_column-inner::after { 
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0, 0, 0, 0.2); 
	z-index: 1;
	pointer-events: none;
	width: 100%;
	height: 100%;
  }
.card_innodes .wpb_wrapper {z-index: 996;}
.card_innodes h3 {font-family: "seravek-web", sans-serif; color:white; font-size: 2.4rem; font-weight: 500;}
.card_innodes p {font-family: "seravek-web", sans-serif; color:white; font-size: 1.8rem; font-weight: 300; margin-bottom: 30px;}
.card_innodes .mybutton_white, .card_innodes .mybutton_white a {margin-bottom: 0 !important;}


/* ! Pagina Lavora con noi */
.col_row_form {padding-bottom:120px;}
.col_row_form .vc_column-inner {padding: 0 !important;}
.container_label_cf7 {display: flex; font-size: 1.8rem;}
.cf7_left {width: 50%; padding-right: 30px;}
.cf7_right {width: 50%;padding-left: 30px;}
.container_label_cf7 input, .container_label_cf7 label {width: 100%; font-size: 1.8rem; margin-bottom: 15px; background-color: unset;}
.container_label_cf7 input {border: none; border-bottom: 1px solid #222;}
.cf7_full {padding-top:30px;}
.cf7_full_divriv {padding-top:0px;}
.label_prod_tratt {margin-bottom: 30px; font-size: 18px;}
.cf7_full textarea {width: 100%; border: 1px solid #222; margin-top:30px; font-size: 1.8rem; padding: 10px; background-color: unset;}
.upload_cf7 {border-bottom: 1px solid #222222; font-size: 1.8rem; padding-bottom: 15px;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; color: #46b450; margin: 0;}
.wpcf7-not-valid-tip {font-size:1rem;}
.wpcf7-form-control-wrap label {display: flex;}

.wpcf7-form input[type="checkbox"] {
	border: 2px solid #ddd !important;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	width: 15px;
	height: 15px;
	padding: 8px;
}
.wpcf7-form .wpcf7-acceptance input {width: 15px; height: 15px; margin:0; border:1px solid #222222 !important; margin-right: 10px;}
.wpcf7-form input[type="checkbox"]:checked {background-color: #222222 !important; border: 1px solid #222222 !important;}
.wpcf7-form [type="submit"]{background:#222222;; font-size: 1.8rem; color:white; text-transform: uppercase; border: 1px solid #222222; border-radius: 25px; margin: 0; margin-top:15px; padding: 7px 30px;}
.wpcf7-form [type="submit"]:hover{background:#939393; color:white; border:1px solid #939393;}


.cf7_full .wpcf7-acceptance .wpcf7-list-item {margin:0;}
.wpcf7-form-control-wrap {width: 100% !important; font-size: 1.2rem; display: block;margin-top: 15px;}
.wpcf7-form-control-wrap a {font-size: 1.2rem; color:#222222; text-decoration: underline;}
.wpcf7-form-control-wrap a:hover {opacity: 0.7;}
.cf7_full_contatti {padding-top:0 !important;}

/* Pagina Filiali */
.riga_filiale {margin-bottom: 90px;}
.riga_filiale:last-of-type {margin-bottom: 0px; padding-bottom: 120px;}
.riga_filiale .vc_column-inner {padding: 0 !important;}
.riga_filiale .wpb_gmaps_widget {margin-bottom:0 !important;}
.wpb_gmaps_widget .wpb_wrapper {padding:0 !important;} 
.col_riga_filiale .vc_column-inner  {padding-left: 90px !important;}
.col_riga_filiale .wpb_content_element {margin-bottom: 0 !important;}
.col_riga_filiale h2, .col_riga_filiale h3, .col_riga_filiale h4 {color: #222222; font-size: 3.2rem; font-weight: 500; margin-bottom: 30px;}
.col_riga_filiale p {color: #222222; font-size: 1.8rem; font-weight: 300;}
.row_button_filiali .vc_column-inner {padding: 15px 0 45px !important;}

/* Pagina Sostenibilità */
.mypadding_top90 {padding-top: 90px !important;}
.mypadding_bottom90 {padding-bottom: 90px !important;}
.row_grey_sostenibilita {padding: 45px 0;}
.row_grey_sostenibilita .vc_column-inner {padding: 0px !important;}
.txt_block_sostenibilita .toptitle {color: #222222; font-size: 1.8rem; font-weight: 300; margin-bottom: 15px;}
.txt_block_sostenibilita .title {color: #10A362; font-size: 3.2rem; font-weight: 500; margin-bottom: 30px;}
.txt_block_sostenibilita p {color: #222222; font-size: 1.8rem; font-weight: 300;}
.txt_block_sostenibilita .vc_column-inner {padding-left: 90px !important;}
.col_img_sostenibilita .wpb_content_element {margin-bottom: 0 !important;}

.txt_intro_sostenibilita strong {font-weight: 600; color: #10A362;}

/* Pagina Certificazioni */
.row_loghicert {padding-bottom: 90px;}
.row_loghicert img {width: auto; max-height: 165px;}
.row_img_page_cert {padding-bottom: 75px;}
.row_img_page_cert .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important;}
.row_titolo_ambitosociale {padding: 45px 60px 30px !important;}
.row_titolo_ambitosociale p {color: #222222; font-size: 1.8rem; font-weight: 300; max-width: 50vw;}
.row_titolo_ambitosociale h2, .row_titolo_ambitosociale h3, .row_titolo_ambitosociale h4 {font-size: 4.4rem; font-weight: 500; margin-bottom: 30px;}
.row_grigla_onlus {padding: 0 30px 30px !important;}
.row_grigla_onlus h2, .row_grigla_onlus h3, .row_grigla_onlus h4 {font-size: 2.2rem; font-weight: 500; color:#009FE3; margin-bottom: 30px;}
.row_grigla_onlus p {color: #222222; font-size: 1.8rem; font-weight: 300;}
.row_grigla_onlus .vc_column-inner {padding: 0 45px !important;}
.row_grigla_onlus_last {padding-bottom: 90px !important;}

/* ! Pagina Contatti */
.formcontatti {padding-left: 30px;}
.formcontatti h2 {font-size: 2.8rem; font-weight: 600; margin-bottom: 30px; margin-top: 60px; text-align: left !important;}
.formcontatti p {font-size: 1.8rem; text-align: left !important;}
.formcontatti .vc_column-inner {border:2px solid #dedede; border-radius: 15px; margin-bottom: 90px;}
.formcontatti .wpb_wrapper {padding: 30px 30px;}
.formcontatti .wpcf7-form {width:100%; margin: 30px 0 0; padding-bottom: 0px;}
.formcontatti input {width: 100%; font-size: 16px; font-weight: 600; padding: 8px 15px; margin-bottom: 15px; border:2px solid #dedede; border-radius: 10px;}
.formcontatti label {width: 100%;}
.formcontatti textarea {font-size: 16px; font-weight: 600;padding: 5px 10px; margin-bottom: 20px; width:100%; border:2px solid #dedede; border-radius: 10px;}
.formcontatti [type="submit"]{width: 100% !important; background:#ff4603;; font-size: 1.2rem; color:white; font-weight:600; text-transform: uppercase; border: 1px solid #ff4603; border-radius: 25px; margin: 0; padding: 12px 30px;}
.formcontatti [type="submit"]:hover{background:#1c1c1c; color:white; border:1px solid #1c1c1c;}
.form-left {float:left; width:50%; padding-right: 20px;}
.form-right {float:left; width:50%; padding-left: 20px;}
.form-left label {display:block;}
.form-right label {display:block;}
.fomr_contatti_page p {padding: 0 !important}
.wpcf7-form p {font-size: 12px;}
.wpcf7-acceptance input {width: 15px; height: 15px; margin:0; border:2px solid #dedede !important;}
.wpcf7-acceptance .wpcf7-list-item {margin:0;}

.formcontatti input[type="checkbox"] {
	border: 2px solid #ddd !important;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	width: 15px;
	height: 15px;
	padding: 8px;
}
.formcontatti  input[type="checkbox"]:checked {background-color: #ff4603 !important; border: 2px solid #ff4603 !important;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; color: #46b450; margin: 0;}
.formcontatti a {font-size:12px; color:#ff4603; text-decoration: underline;}
.formcontatti a:hover {color:#1c1c1c; }
.colcontattisx {padding-right: 30px;}
.colcontattisx h2, .colcontattisx h3 {font-size: 3.2rem; margin-bottom:45px; font-weight: 700;}
.rowmappa .wpb_text_column {margin: 0;}

.socialcontatti {margin-top:45px;}

.socialcontatti .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	background-image: unset;
	background-color: #FF4603;
	border: 2px solid #ff4603;
	padding: 10px 20px;
	border-radius: 100%;
	color: white;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: 600;
	margin-right: 10px;
}

.socialcontatti .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {background-color: #1c1c1c;border: 2px solid #1c1c1c;}
.socialcontatti .vc_btn3.vc_btn3-size-md .vc_btn3-icon {font-size: 22px;}

/* Pagina Video */
.rigavideo .row_owlvideo {padding: 30px 0 0px !important;}


/* ! CTA Newsletter */
.ctanewsletter {background-color: #939393; padding: 45px 0px !important;}
.ctanewsletter h4 {font-size: 3rem; color: #ffffff; font-weight: 400;}
.ctanewsletter p {font-size: 1.3rem;color: #ffffff; font-weight: 300; margin: 0;}
.boxvalida {display: flex;}
.boxvalida p {font-size: 1.2rem; color: #ffffff; font-weight: 300; display: inline-block; padding-left: 10px; margin-top: -5px; max-width: 70%;}
.boxvalida .checkboxprivacy {display: inline-block;}
.ctanewsletter #emailregistrazione  {
	background: unset;
	border-bottom: 1px solid white !important;
	padding: 10px 10px;
	width: 70%;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 15px;
	color: #ffffff; 
	font-weight: 300;
	font-size: 1.8rem;
  }

  .ctanewsletter input[type="submit"] {
	width: calc(30% - 15px); 
	background: unset;
	border: 1px solid white;
	padding: 11px 10px 9px;
	border-radius: 25px;
	color: white;
	font-weight: 300;
	font-size: 1.6rem;
}

.ctanewsletter input[type="submit"]:hover {
	background: white;
	border: 1px solid white;
	color: #222222;
}

.ctanewsletter .checkboxprivacy { 
	appearance: none; /* Remove default checkbox styling */
    -webkit-appearance: none; /* For Safari */
    width: 12px; /* Set a fixed width */
    height: 12px; /* Set a fixed height */
    background: unset;
    border: 1px solid white;
    cursor: pointer; /* Change cursor to pointer */
	display: inline-block;
}

.ctanewsletter .checkboxprivacy:checked {
    background-color: white; /* Background color when checked */
    border: 1px solid white;
}




/* ! Footer */
.footer {padding: 90px 15px !important; background-color: #222222;}
.footer p {margin: 0; color:white;}
.footer strong {font-weight: 600;}
.logofooter img {max-height: 70px;}
.logofooter p {padding-top:15px; font-size: 1.4rem;}
.footer h4 {padding: 0px 0px 30px; font-size: 2rem; font-weight: 400; color:#fff; margin: 0;}
.footer ul {list-style: none; margin: 0; padding: 0;}
.footer li {padding-bottom: 15px;}
.footer li a {font-size: 1.8rem;}
.footer a {font-size: 1.6rem; color:white;}

.menu_footer {padding-left: 30px !important;}
.menu_footer li {display: block !important; margin: 0 !important; height: auto !important; padding-bottom: 10px !important;}
.menu_footer li a {display: inline-block; font-size: 1.4rem; color:white; font-weight:300 ;}

.middlefooter {padding: 40px 0px; margin-top:0px; background:#222222; font-weight: 300; border-bottom: 1px solid #717171; border-top: 1px solid #717171; }
.middlefooter h4 {font-size: 2.4rem; color: #ffffff; font-weight: 400;}
.middlefooter p {font-size: 1.3rem; color: #ffffff; background:#222222; font-weight: 300; margin:0;}
.middlefooter img {max-height: 50px;}
.middlefooter a {margin-right: 30px;}
.middlefooter_right {text-align: right;}
.middlefooter_right a:last-child {margin-right: 0;}
.infofooter img {height: 70px;}
.infofooter p {margin: 30px 0 45px; padding-right: 60px; font-weight: 300;}


.subfooter {padding: 30px 0px; margin-top:0px; background:#222222; font-weight: 300;}
.subfooter a {font-size: 1.2rem; color: #ffffff; margin-right: 15px; margin-left: 15px; font-weight: 300; }
.subfooter a:hover {opacity: 0.7;}
.subfooter p {margin:0; font-size: 1.2rem; color: #ffffff;}
.subfooter_right {text-align: right;}
.socialfoot i {font-size: 2.2rem; padding-right: 15px; padding-top:10px;}
.payoff_footer {padding-right: 45px;}
.titlefooter h4 {font-size: 3.2rem; font-weight: 600; color:#fff; padding-bottom:60px;}
.socialfooter i {border: 2px solid white; padding: 7px 8px; border-radius: 25px; margin-right: 5px;}
.socialfooter i:hover {opacity: 0.8;}
.iconateamviewer {width: 34px !important; height: auto !important; border: 2px solid white; margin-top: -4px; border-radius: 25px; }
.iconateamviewer:hover {opacity: 0.8;}
.iconayt {padding: 7px 6px !important;}
.iconafb {padding: 7px 10px !important;}

.ctanewsletter .row, 
.footer .row,
.middlefooter .row, 
.subfooter .row {margin-left: 30px;   margin-right: 30px;}

.middlefooter .col-xs-12, 
.middlefooter .col-sm-6, 
.subfooter .col-xs-12, 
.subfooter .col-sm-6 { padding-left: 30px; padding-right: 30px;}



/*  ! Bootstrap Hack */
.row.display-flex { display: flex; flex-wrap: wrap;}
.row.display-flex > [class*='col-'] { display: flex; flex-direction: column;}

/* ! Varie */
.mycarthead {padding-left: 10px; padding-top: 2px; margin-right: 10px; margin-left: 15px;}
.mycarthead i {font-size:1.8rem; }
.mycarthead a {color:#1c1c1c !important;}
.mycarthead span {background: #ff4603; color: white; padding: 3px 7px; border-radius: 100%; font-size:1rem; position:absolute;}