/*
Theme Name: Vanita Docce Theme
Author: Neiko srl
Author URI: http://www.neiko.it/
Description: Vanita Docce 2024
Version: 1.0
License: GNU General Public License v2 or later
*/
/* 
@font-face {
	font-family:'Catamaran';
	src:url('font/catamaran/catamaran/Catamaran.eot');
	src:url('font/catamaran/catamaran/Catamaran.eot?#iefix') format('embedded-opentype'),
	url('font/catamaran/catamaran/Catamaran.woff') format('woff'),
	url('font/catamaran/catamaran/Catamaran.ttf') format('truetype'),
	url('font/catamaran/catamaran/Catamaran') format('svg');
	font-weight:normal;
	font-style:normal;
} */

@font-face {
	font-family:'Catamaran Light';
	src:url('font/catamaran/catamaran-light/Catamaran-Light.eot');
	src:url('font/catamaran/catamaran-light/Catamaran-Light.eot?#iefix') format('embedded-opentype'),
	url('font/catamaran/catamaran-light/Catamaran-Light.woff') format('woff'),
	url('font/catamaran/catamaran-light/Catamaran-Light.ttf') format('truetype'),
	url('font/catamaran/catamaran-light/Catamaran-Light') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Catamaran Regular';
	src:url('font/catamaran/catamaran-regular/Catamaran-Regular.eot');
	src:url('font/catamaran/catamaran-regular/Catamaran-Regular.eot?#iefix') format('embedded-opentype'),
	url('font/catamaran/catamaran-regular/Catamaran-Regular.woff') format('woff'),
	url('font/catamaran/catamaran-regular/Catamaran-Regular.ttf') format('truetype'),
	url('font/catamaran/catamaran-regular/Catamaran-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Catamaran Bold';
	src:url('font/catamaran/catamaran-bold/Catamaran-Bold.eot');
	src:url('font/catamaran/catamaran-bold/Catamaran-Bold.eot?#iefix') format('embedded-opentype'),
	url('font/catamaran/catamaran-bold/Catamaran-Bold.woff') format('woff'),
	url('font/catamaran/catamaran-bold/Catamaran-Bold.ttf') format('truetype'),
	url('font/catamaran/catamaran-bold/Catamaran-Bold') format('svg');
	font-weight:bold;
	font-style:bold;
}
@font-face {
	font-family:'Catamaran Semibold';
	src:url('font/catamaran/catamaran-semibold/Catamaran-SemiBold.eot');
	src:url('font/catamaran/catamaran-semibold/Catamaran-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('font/catamaran/catamaran-semibold/Catamaran-SemiBold.woff') format('woff'),
	url('font/catamaran/catamaran-semibold/Catamaran-SemiBold.ttf') format('truetype'),
	url('font/catamaran/catamaran-semibold/Catamaran-SemiBold') format('svg');
	font-weight:normal;
	font-style:normal;
}




:root{
	--lightblue: #F0F0F0;
	--grey: #373C3C;
	--blue: #245C68;
	--pink: #F7C2D9;
}


/* GENERAL */
html,body {  
	margin:0;
	padding:0;
	font-family: 'Catamaran Light', sans-serif !important;
	font-size: 16px !important;
	font-weight:300;
	line-height: 1.6;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	background-color:#fff;
	color:#171717;
}

@media (min-width: 1600px){  
	html,body {
		font-size: 18px !important;
	}
}

img,a img {
	border:none!important;
	width:100%;
	height: 100%;
	object-fit:cover;
}

::-moz-selection {
	background:none repeat scroll 0 0 #FFF;
	color:#000;
}

* {
	outline:0!important;
}

b,strong,.bold {  
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
}

a {  
	outline-style:none;
	text-decoration:none;
	color:#000;
}

a:hover {  
	cursor:pointer !important;
	color:#000;
	text-decoration:none;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{  
	margin:0;
	padding:0;
}

h1{
	font-size: 3.5rem;
	line-height: 1.2;
	font-weight: 700; 
	font-family: 'Catamaran Bold', sans-serif !important;
}

.h1{
	font-size: 2.8rem;
	line-height: 1.2;
	letter-spacing: -1px;
	font-weight: 700; 
	font-family: 'Catamaran Bold', sans-serif !important;
}

.h1.iniziale{
	font-size: 3.5rem;
	line-height: 1;
	letter-spacing: -1px;
	font-weight: 300; 
	font-family: 'Catamaran Light', sans-serif !important;
}

h2,.h2{
	font-size: 2.3rem;
	line-height: 1.4;
	font-weight: 700; 
	font-family: 'Catamaran Bold', sans-serif !important;
}


h3,.h3{
	font-size: 1.7rem;
	line-height: 1.3;
	font-weight: 700; 
	font-family: 'Catamaran Bold', sans-serif !important;
}

@media(max-width: 1250px){
	h1,.h1{
		font-size: 1.8rem;
	}
	
	.h1.iniziale{
		font-size: 1.8rem;
	}
	
	h2,.h2{
		font-size: 1.5rem;
	}
	h3,.h3{
		font-size: 1.2rem;
		
	}
}

h4,.h4{
	font-size: 1.3rem;
	line-height: 1.4;
}

p{
	font-size: 1rem;
	margin:0;
	padding:0;
}

@media (min-width: 1200px){  
	.container-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (min-width: 1600px){  
	.container-fluid {
		padding-left: 200px;
		padding-right: 200px;
	}
}

/* TYPO */

.big{
	font-size: 1.3rem;   
}

.semibig{
	font-size: 1.05rem;   
}
.small{
	font-size: 0.75rem;	 
}
span.title{
	font-size: 7rem;
	line-height: 1;
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
}
.white{
	color: white;
}

.underline{
	text-decoration: underline;
}

.blue{
	color:var(--blue);
}
.light-white{
	color: rgba(255,255,255,0.4);
}
.grey-background{
	background-color: var(--grey);
}

.light-grey-background{
	background-color: #F0F0F0;
}

.margin-top{
	margin-top: 120px;
}

@media(max-width:1300px){
	.margin-top{
		margin-top: 40px;
	}
}

.z-index{
	position: relative;
	z-index:1;
}
/* LOADER */
#loading {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:998;
	background-color:#fff;  
}

.loader {
	color:#000;   
	font-size:50px;
	text-indent:-9999em;
	overflow:hidden;
	width:1em;
	height:1em;
	border-radius:50%;
	margin:50px auto;
	position:relative;
	top:40%;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:loadnk 1.7s infinite ease,round 1.7s infinite ease;
	animation:loadnk 1.7s infinite ease,round 1.7s infinite ease;
}

@-webkit-keyframes loadnk{0%,100%,5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}}@keyframes loadnk{0%,100%,5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* CAROSELLO */

.slick-dots{
	bottom: 40px !important;
}
.slick-dots{
	position: absolute;
	z-index: 3;
}

.slick-dotted.slick-slider{
	margin-bottom: 0 !important;
}
.slick-dots li button:before{
	font-size: 10px !important;
}

.slick-dots li.slick-active button:before{
	color: #fff !important;
	opacity: 1 !important;
}

#search-menu{
	background-color: #171717;
}

.search-icon{
	margin-left:20px;
}
.search-icon btn svg{
	width: 17px;
	height: 17px;
	position: relative;
	/* bottom: 3px; */
}

.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: 0.6;
	 transition: opacity 0.5s ease-in;
	 z-index: 1; 
 }
 
 .hide{
	 display: none !important;
 }


 .carosello-home{
  -webkit-transition: opacity 2000s ease-in-out;
	-moz-transition: opacity 2000s ease-in-out;
	-ms-transition: opacity 2000s ease-in-out;
	-o-transition: opacity 2000s ease-in-out;
	 opacity: 1;
}

#hero-slideshow{
	position: relative;
}

#dettaglio-prodotto #hero-slideshow::after{
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0.4) 100%);
}

/* HEADER */

#prodotti-menu, #contatti-menu{
	background-color: #171717;
	
	position: relative;
	z-index: 2;
	display:none;
}

#prodotti-menu a, #contatti-menu a{
	color: white;
}

#prodotti-menu li, #contatti-menu li{
	list-style-type: none;
}
#prodotti-menu ul, #contatti-menu ul{
	padding-left: 0;
}

#contatti-menu a:hover{
	color: #e2241d; 
}

@media(max-width:991px){
	#prodotti-menu .h2{
		font-size: 15px;
	}
	#prodotti-menu span {
		font-size: 13px;
	}
	
	#prodotti-menu li{
		margin-top: 5px !important;
	}
}

.submenu_prodotti, .submenu_contatti{
	padding-right: 3px;
	position: relative;
	margin-right: 14px;
}

.navbar-brand{
	width: 20%;
}

@media(max-width: 1100px){
	.navbar-brand{
		width: 12%;
	}
}

.navbar-brand img{
width: 190px;
height: auto;
}

#navigazione{
	width: 65%;
}
#navigazione-side{
	width: 20%;
}

#navigazione-side a{
padding-right: 0;
padding-left: 30px;
}


.submenu_prodotti::before, .submenu_contatti::before{
	content: "";
	position: absolute;
	width: 9px;
	height: 5px;
	bottom: 46%;
	right: -3px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.136" height="4.859" viewBox="0 0 9.136 4.859"><path id="Tracciato_52" data-name="Tracciato 52" d="M.631,0,4.526,3.652,8.354,0" transform="translate(0.075 0.707)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 15px;
	padding-left: 15px;
	
}

.navbar-expand-lg .navbar-nav .nav-link span{
	font-weight: 400;
	font-family: 'Catamaran Regular', sans-serif !important;
}

.pink-bottom{
	border-bottom: 5px solid var(--pink);
	transition: 0.3s;
}

.blue-bottom{
	border-bottom: 5px solid var(--blue);
	transition: 0.3s;
}

.header-menu-open .pink-bottom, .header-menu-open .blue-bottom {
	border-bottom: none;
	transition: 0.3s;
}


/* FOOTER */
#footer a,footer a:visited, #footer a:hover{
	color: #fff;
	text-decoration: none;
}

#footer h4 strong{
	font-weight: 600; 
	font-family: 'Catamaran Semibold', sans-serif !important;
}

#footer .footer-logo img{
	width: 170px;
	height: auto;
}

@media(min-width:991px){
	footer .height-500 {
		height:520px;
	}
}

@media(min-width:1050px){
	footer .height-500 {
		height:515px;
	}
}


/* PAGINE */

.btn-primary{
	display: inline-flex;
	align-items:center;
	background-color: var(--blue);
	border-radius: 30px;
	padding: 0 35px;
	border: 1px solid var(--blue);
	color: #fff;
	height: 45px;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600;
	font-family: 'Catamaran Semibold', sans-serif !important;
}

.btn-primary.empty{
	color: var(--grey);
	background-color: transparent;
	border: 1px solid var(--grey);
}

.btn-primary-white{
	display: inline-flex;
	align-items:center;
	background-color: transparent;
	border-radius: 30px;
	padding: 0 35px;
	height: 45px;
	border: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600; 
	font-family: 'Catamaran Semibold', sans-serif !important; 
}

.btn-primary-polo{
	display: inline-flex;
	align-items:center;
	background-color: #fff;
	border-radius: 30px;
	padding: 0 35px;
	height: 45px;
	border: 1px solid #fff;
	color: var(--grey);
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600; 
	font-family: 'Catamaran Semibold', sans-serif !important;
}

.btn-primary-polo:hover{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.btn-primary:hover{
	background-color: transparent;
	color: var(--blue);
	border: 1px solid var(--blue);
}

.btn-primary.empty:hover{
	color: #fff;
	background-color: var(--blue);
}

.btn.focus, .btn:focus{
	box-shadow: none;
}

.btn-primary.focus, .btn-primary:focus{
	background-color: var(--blue);
	border-color: transparent;
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus
{
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
	background-color: var(--blue);
	border-color: var(--blue);
	outline:none;
}

.btn-primary-white:hover{
	background-color: #fff;
	color: #000;
}

.btn-primary-arrow{
	color: #fff;
	position: relative;
	display: flex;
	text-transform: uppercase;
	font-weight: 400; 
	 font-family: 'Catamaran Regular', sans-serif !important;
	transition: 0.4s;
	margin-right: 65px;
}

.btn-primary-arrow:hover{
	color: #fff;
	outline:0;

}
.btn-primary-arrow::after{
	content: "";
	width: 60px;
	position: absolute;
	height: 60px;
	transition: 0.4s;
	top: -11px;
	right: -60px;	
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g id="Raggruppa_215" data-name="Raggruppa 215" transform="translate(-1691 -3261.067)"><g id="Ellisse_17" data-name="Ellisse 17" transform="translate(1691 3261.067)" fill="none" stroke="%23fff" stroke-width="1"><circle cx="30" cy="30" r="30" stroke="none"/><circle cx="30" cy="30" r="29.5" fill="none"/></g><g id="Raggruppa_24" data-name="Raggruppa 24" transform="translate(63.458 1968.786)"><path id="Linea_8" data-name="Linea 8" d="M29.084.5H0v-1H29.084Z" transform="translate(1643 1322.281)" fill="%23fff"/></g><path id="Tracciato_3" data-name="Tracciato 3" d="M0,0,4.937,5.67,0,11.709" transform="translate(1730.605 3285.213)" fill="none" stroke="%23fff" stroke-width="1"/></g></svg>');
}

.btn-primary-arrow:hover::after{
	right: -72px;
	transition: 0.4s;
}

.red-button span{
color: #e2241d;
}

#header{
	position:fixed;
	width:100%;
	z-index:5;
	top:0;
	left:0;
}
.navbar{
	background-color: #171717;
	padding: 0.5rem 2rem;
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: space-between;
}

/* .page-template-page-azienda #header{
	position: absolute;
	width:100%;
} */

/* .page-template-page-azienda .submenu_prodotti::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.136" height="4.859" viewBox="0 0 9.136 4.859"><path id="Tracciato_52" data-name="Tracciato 52" d="M.631,0,4.526,3.652,8.354,0" transform="translate(0.075 0.707)" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
} */
 
/* .page-template-page-azienda .navbar{
	background-color: transparent;
} */

/* .page-template-page-azienda.header-menu-open .navbar{
	background-color: #fff;
} */

/* .page-template-page-azienda.header-search-open .navbar{
	background-color: #fff;
} */

/* .page-template-page-azienda .navbar-dark .navbar-nav .active>.nav-link, 
.page-template-page-azienda .navbar-dark .navbar-nav .nav-link.active, 
.page-template-page-azienda .navbar-dark .navbar-nav .nav-link.show, 
.page-template-page-azienda .navbar-dark .navbar-nav .show>.nav-link,
.page-template-page-azienda .navbar-dark .navbar-nav .nav-link{
	color: #000;
} */

/* .page-template-page-azienda .search-icon btn svg{
	stroke: #000;
} */

/* .page-template-page-azienda .navbar-dark .navbar-toggler{
	background-color: #000;
} */

.navbar-toggler{
	font-size: 1rem !important;
	border:none !important;
}

/* .page-template-page-azienda .lang-switch svg path{
	fill:#000;
} */

/* .page-template-page-azienda .divider{
	background-color: #000;
} */




.navbar a{
	font-size: 1rem;
}

@media(max-width:991px){
		
	.navbar{
		padding: 1rem 1rem;
		max-height: 100vh;
		overflow-y: auto;
	}
	
	.search-icon btn svg{
		width:20px;
		height: 20px;
	}	
	
	.navbar a{
		font-size: 0.9rem;
	}
	
	
	.navbar-brand{
		text-align: center;
		margin-left:30px;
		display: block;
		width:190px;
	}
	
	#navigazione-side a{
		padding-left: 20px;
	}
}

@media(min-width:991.99px) and (max-width: 1300px){
	.navbar a{
		font-size: 0.9rem;
	}
}


@media(min-width:1300.99px) and (max-width: 1930px){
	.navbar a{
		font-size: 0.8rem;
	}
}

@media(max-width:1300px){
	body{
		padding-top: 75px;
	}
	
	.navbar-brand img{
		width: 150px;
	}
	
}

@media(max-width:991px){
	#menu-menu-principale .h2{
	font-size: 1.3rem;
	}
}

.navbar-dark .navbar-nav .nav-link{
	color: #fff;
}

.home #hero-slideshow, .home #hero-slideshow .slick-slide img, .home #hero-slideshow .slick-slide{
	position: relative;
	aspect-ratio: 16 / 9;
	min-height: 35vh;
	width: 100%;
}


@media(min-width:1600px){
	#hero-slideshow,#hero-slideshow .slick-slide img, #hero-slideshow .slick-slide{
		height: 100vh !important;
		width: 100%;
	}
}

.carosello-home .slick-slide .play-button-container{
	width: 80px !important;
	height: 80px !important;	
}
.carosello-home .slick-slide .play-button-container .watchvideo{
	width: 80px !important;
	height: 80px !important;
	transition: 0.3s;
	aspect-ratio: 1 / 1 !important;
	min-height: 80px !important;
	max-height: 80px !important;
}

.play-button img,.play-button svg {
	transition: none; /* Disattiva le transizioni */
	width: 80px; /* Imposta una dimensione fissa */
	height: auto; /* Mantiene le proporzioni */
}

.play-button:active img {
	transform: scale(1.1); /* Ingrandisce quando il pulsante è cliccato */
}

.play-button:hover img {
	transform: scale(1.1); /* Ingrandisce l'immagine al passaggio del mouse */
}


#hero-slideshow .slick-slide::after{
	content: "";
	left: 0;
	bottom: 0;
	position: absolute;
	background: rgb(16,16,16);
	background: linear-gradient(0deg, rgba(16,16,16,0.5) 0%, rgba(255,255,255,0) 100%);
	width: 100%;
	height: 80%;
	z-index: 2;
}


#hero-slideshow .slideshow-text{
	position: absolute;
	bottom: 100px;
	z-index: 3;
	left:50%;
	transform: translateX(-50%);
}
#introduzione-home{
	position: relative;
}
#introduzione-home::after{
	content: "";
	bottom: 0;
	height: 50%;
	left: 0;
	background-color: var(--lightblue);
	position: absolute;
	width:90%;
	z-index:0;
}
.elenco-sottocollezioni span.title{
	position: absolute;
	left:7%;
	bottom: 0;
	transform: rotate(270deg);
	transform-origin: left;
	font-weight: 700; 
	font-family: 'Catamaran Bold', sans-serif !important;
}

.intro.title{
	position: absolute;
	left:10%;
	bottom: -15%;
	transform: rotate(270deg);
	color: rgba(0,0,0,0.25);
	transform-origin: left;
	font-size: 12rem;
	line-height: 1;
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
	z-index: 2;
}

#page-company .intro.title{
	left: 8%;
	bottom: -270px;
	font-size: 10rem;
}

@media(min-width:1800px){
	#page-company .intro.title{
		bottom: -350px;
		font-size: 13rem;
	}
}

#menu-mobile-menu li span{
	font-size: 1rem;
}

.title.light-black{
	position: absolute;
	left:10%;
	bottom: -13%;
	transform: rotate(270deg);
	color: rgba(0,0,0,0.2);
	transform-origin: left;
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
	font-size: 10rem;
	line-height: 1;
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
	z-index: 2;
	text-shadow: 2px 0 2px rgba(0, 0, 0, 0.03);
}

#dettaglio-prodotto-bath .title.light-black{
	position: absolute;
	left:6%;
	bottom:-30px;
	transform: rotate(270deg);
	color: rgba(255,255,255,0.3);
	transform-origin: left;
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
	font-size: 10rem;
	line-height: 1;
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
	text-shadow: 2px 0 2px rgba(0, 0, 0, 0.03);
	z-index: 2;
}

  .long-text {
	/* Proprietà CSS da attivare quando il testo è più lungo di 10 lettere */
	font-size: 5rem !important;	
	width: 500px !important;
	left:8% !important;
	bottom: 0 !important;
	
  }
 

.title.bath{
	position: absolute;
	top: 80px;
	right: 90px;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 700; font-family: 'Catamaran Bold', sans-serif !important;
}

#elenco-plus{
	position: relative;
	
}

#elenco-plus::after{
	content: "";
	top: 0;
	right: 0;
	width:50%;
	height: 95%;
	background-color: var(--blue);
	position: absolute;
}
/* .image_company{
	position: absolute;
	width: 53%;
	right: 0;
	top: 0;
	height:95%;
	background-color: var(--blue);
	background-image:none;
} */

.elenco-sotto-prodotti::after{
	content: "";
	bottom: 0;
	left: 0;
	background-color: #F0F0F0;
	width: 100%;
	height: 85%;
	position: absolute;
}

#hero-contatti a{
	color:#fff;
}

#hero-contatti hr{
	background-color: #fff;
}

/* contact form */

::placeholder{
	color: #9f9f9f;
}
input,select{
	width: 100%;
	border:none;
	border: 1px solid #777 !important;
	margin-bottom: 20px;
	padding: 8px 15px;
	color: #333;
	border-radius: 5px;
}

input[type=file]{
	padding: 5px 15px;
}

textarea{
	width: 100%;
	border: 1px solid #777;
	color: #333;
	padding: 8px 15px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.half-row p{
	display: flex;
	justify-content: space-between;
}

.half-row span{
	width:49%;
}

@media(max-width:991px){
	.half-row span{
		width: 100%;
	}
	
	.half-row p{
		flex-direction: column;
	}
	
	.half-row br{
		display: none;
	}
}

input[type=checkbox], input[type=radio]{
	width: 12px;
	height: 12px;
	margin:0;
}

.wpcf7-list-item{
	margin:0 !important;
}

.wpcf7 .wpcf7-submit{
	width: 220px;
	margin-top: 30px;
	border-radius: 30px;
	border: 1px solid var(--blue);
	text-transform: uppercase;
	font-weight: bold;
	background-color:transparent;
	color: var(--blue);
	transition: 0.3s;
}

.wpcf7 .wpcf7-submit:hover{
	background-color:var(--blue);
	color:#fff;
	transition: 0.3s;
}
.wpcf7-not-valid-tip{
	padding-bottom: 20px;
	font-size: 14px;
}

.image-contacts{
	width: 25%;
	height: auto;
	position: absolute;
	top:-40px;
	left:0;
}

.overlay-pink{
	width: 100%;
	height: 100%;
	position: relative;
	transition: 0.4s;

}

.overlay-pink::after{
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(247, 194, 217, 0.7);
	position: absolute;
	opacity: 0;
	transition: 0.4s;
}

.overlay-pink::before{
	content: "";
	opacity: 0;
	top: 50%;
	left: 50%;
transform: translate(-50%, -50%);
	position: absolute;
	width: 60px;
	z-index: 99;
	height: 60px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g id="Raggruppa_215" data-name="Raggruppa 215" transform="translate(-1691 -3261.067)"><g id="Ellisse_17" data-name="Ellisse 17" transform="translate(1691 3261.067)" fill="none" stroke="%23fff" stroke-width="1"><circle cx="30" cy="30" r="30" stroke="none"/><circle cx="30" cy="30" r="29.5" fill="none"/></g><g id="Raggruppa_24" data-name="Raggruppa 24" transform="translate(63.458 1968.786)"><path id="Linea_8" data-name="Linea 8" d="M29.084.5H0v-1H29.084Z" transform="translate(1643 1322.281)" fill="%23fff"/></g><path id="Tracciato_3" data-name="Tracciato 3" d="M0,0,4.937,5.67,0,11.709" transform="translate(1730.605 3285.213)" fill="none" stroke="%23fff" stroke-width="1"/></g></svg>');
	
}

.overlay-pink:hover::after, .overlay-pink:hover::before{
	opacity: 1;
	transition: 0.4s;
}

.overlay-blue::after{
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(36, 92, 104, 0.7);
	position: absolute;
	opacity: 0;
	transition: 0.4s;

}

.overlay-blue::before{
	content: "";
	opacity: 0;
	top: 50%;
	left: 50%;
transform: translate(-50%, -50%);
	position: absolute;
	width: 60px;
	z-index: 99;
	height: 60px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g id="Raggruppa_215" data-name="Raggruppa 215" transform="translate(-1691 -3261.067)"><g id="Ellisse_17" data-name="Ellisse 17" transform="translate(1691 3261.067)" fill="none" stroke="%23fff" stroke-width="1"><circle cx="30" cy="30" r="30" stroke="none"/><circle cx="30" cy="30" r="29.5" fill="none"/></g><g id="Raggruppa_24" data-name="Raggruppa 24" transform="translate(63.458 1968.786)"><path id="Linea_8" data-name="Linea 8" d="M29.084.5H0v-1H29.084Z" transform="translate(1643 1322.281)" fill="%23fff"/></g><path id="Tracciato_3" data-name="Tracciato 3" d="M0,0,4.937,5.67,0,11.709" transform="translate(1730.605 3285.213)" fill="none" stroke="%23fff" stroke-width="1"/></g></svg>');
	
}

.overlay-blue:hover::after,.overlay-blue:hover::before {
	opacity: 1;
	transition: 0.4s;
}

#elenco-bath{
	position: relative;
}

#elenco-bath::after{
	content: "";
	right: 0;
	top: 0;
	width: 85%;
	background-color: var(--lightblue);
	position: absolute;
	height: 100%;
	z-index: 0;
}


@media(min-width:991px){
	.presentazione-polo{
	height: 1200px;
	}
	
	.margin-top-50{
		margin-top: 100px;
		margin-bottom: -100px;
	}
	
	.tax-margin-top-50{
		margin-top: 100px;
		/* margin-bottom: -100px; */
	}
	
	
	.margin-top-100{
		margin-top: 200px;
		margin-bottom: -200px;
	}
	
	.elenco-sottocollezioni .col-lg-4:nth-child(3n+1){
		margin-top: 0;
	}
}

@media(min-width:1800px){
	
	#elenco-bath .bath-testo{
	height: 230px;
	
	}
	.home .margin-top-50{
		margin-top: 13%;
		margin-bottom: -13%;
	}
	
	.home .margin-top-100{
		margin-top: 47.5%;
		margin-bottom: -47.5%;
	}
	.title.bath{
		font-size: 7rem;
		right:11%;
		top:100px;
	}
	
	span.title{
		font-size: 7rem;
		right: 5%;
	}
	
	#elenco-bath{
		padding-bottom: 25%;
	}
}

@media(min-width:2000px){
	.single-prodotto .title.light-black{
		font-size: 12rem;
	}
	
	#dettaglio-prodotto-bath .title.light-black{
		font-size: 13rem;
	}
}



@media(min-width:2100px){
	
	#elenco-bath .bath-testo{
	height: 150px;
	}
	.home .margin-top-50{
		margin-top: 14%;
		margin-bottom: -14%;
	}
	
	.home .margin-top-100{
		margin-top: 41%;
		margin-bottom: -41%;
	}
	
	.title.bath{
		font-size: 9.5rem;
		right:11%;
		top:100px;
	}
	
	span.title{
		font-size: 9.5rem;
		
	}
}

.presentazione-polo{
	position: relative;
}

.presentazione-polo::after{
	content: "";
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	position: absolute;
	background: rgb(16,16,16);
	background: linear-gradient(90deg, rgba(16,16,16,0.7) 0%, rgba(0,0,0,0) 100%);
}

.underline-pink,.underline-blue{
	position: relative;
	
}

@media(min-width:1680px){
	.underline-pink,.underline-blue{
		
		padding-right: 50px;
	}
}
.underline-pink::after{
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	height: 4px;
	background-color: var(--pink);
}

.underline-blue::after{
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	height: 4px;
	background-color: var(--blue);
}

#dettaglio-prodotto-bath #breadcrumbs{
	position: absolute;
	transform-origin: right;
	transform: rotate(270deg);
	top: 140px;
	right: 2%;
	z-index: 3;
	color: var(--blue);
	font-size: 20px;
}
#dettaglio-prodotto #breadcrumbs{
	position: absolute;
	transform-origin: right;
	transform: rotate(270deg);
	top: 140px;
	right: 2%;
	z-index: 3;
	color: var(--pink);
	font-size: 20px;
}

@media(max-width:1240px){
	#dettaglio-prodotto #breadcrumbs{
		position: relative;
		top: 0;
		width: 100%;
		background-color: #171717;
		transform: rotate(0);		
		padding-left: 0;
		padding-top: 28px;
		z-index: 4;
		padding-bottom: 10px;
		right:0;
		color: var(--pink);
		font-size: 20px;
		text-align: center;
	}
	
	#dettaglio-prodotto-bath #breadcrumbs{
		position: relative;
		top: 0;
		width: 100%;
		background-color: #171717;
		transform: rotate(0);		
		padding-left: 0;
		padding-top: 28px;
		padding-bottom: 10px;
		z-index: 4;
		right:0;
		color: var(--blue);
		font-size: 20px;
		text-align: center;
	}
	
}

#dettaglio-prodotto-bath #breadcrumbs a{
	color: #357C8B;
}

/* .single-prodotto br{
	display: none;
} */

.single-post #breadcrumbs span{
	color: #000;
}

.single-post h1{
	font-size: 2.5rem;
}

.single-post #breadcrumbs span:nth-child(1) span:nth-child(1){
	display: inline;
}

#breadcrumbs .breadcrumb_last{
	color: #fff;
}

#breadcrumbs span:nth-child(1) span:nth-child(1){
	display:none;
}

#dettaglio-prodotto #breadcrumbs a{
	color: var(--pink);
}

#elenco-switch{
	transition: 0.3s;
}
#elenco-switch.shower{
	transition: 0.3s;
	background-color: var(--grey);
}

#elenco-switch.bath{
	background-color: var(--grey);
	transition: 0.3s;
}

@media(min-width:992px){
	
	.col-lg-pb150{
		padding-bottom: 200px;
	}
	
	.col-lg-white{
	color: #fff;
	}
	
	.negative-margin{
		position: relative;
		top: -120px;
	}
		
	.carosello-showroom .slick-slide, .carosello-news .slick-slide, .carosello_caratteristiche .slick-slide, .carosello_caratteristiche_bath .slick-slide{
		padding-right: 30px;
	}	
	
	.current-menu-item{
		position: relative;
	}
	#navigazione .current-menu-item::after{
		content: "";
		position:absolute;
		width: 5px;
		height: 5px;
		bottom: 0 !important;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 50%;
		background-color: #e2241d;
	}
	
}

.slideshow-text svg{
	width: 160px;
	height: auto;
}

@media(max-width:1400px){
	.slideshow-text svg{
	width: 60px;
	height: auto;
	}
	
	.slick-dots{
		display:none !important;
		bottom: 10px !important;
	}
	
	#hero-slideshow .slick-dots{
		display:block !important;
		bottom: 15px !important;
	}
	
}
@media(max-width:991px){
	
	.carosello-showroom .slick-slide, .carosello-news .slick-slide, .carosello_caratteristiche .slick-slide, .carosello_caratteristiche_bath .slick-slide{
		padding-left: 10px;
		padding-right: 10px;
	}	
	#hero-slideshow,#hero-slideshow .slick-slide img{
		vertical-align: middle;
	}
	.image_company{
		width: 100%;
		opacity: 0.55;
		position: absolute;
		right: 0;
		top: 0;
		height:95%;
	}
	#elenco-plus::after{
		display: none;
	}
			
}

#dettaglio-prodotto #hero-slideshow .container-fluid .slick-slide img{
	position: relative;
	aspect-ratio: 16 / 9;
	min-height: 35vh;
	width: 100%;
}


@media(min-width:1600px){
	#dettaglio-prodotto #hero-slideshow,#dettaglio-prodotto #hero-slideshow .slick-slide img, #dettaglio-prodotto #hero-slideshow .slick-slide{
		height: 100vh !important;
		width: 100%;
	}
}



@media(max-width:991px) {
	#hero-slideshow .slideshow-text{
		bottom: 30px;
		width: 90%;
		margin:0 auto;
	}
}

@media(min-width:991.99px) and (max-width: 1370px){
	#hero-slideshow .slideshow-text{
		bottom: 70px;
	}
}
@media(max-width:1370px){
	
	.navbar-expand-lg .navbar-nav .nav-link{
		padding-right: 5px !important;
		padding-left: 5px !important;
		font-size: 13px;
	}
	
	.search-icon{
		margin-left: 8px;
	}
}

.border-right{
	border-right: 1px solid rgba(255,255,255,0.19) !important;
}

.divider{
	height:20px;
	width:1px;
	background-color: #fff;
}

@media(min-width:992px){
	#dettaglio-prodotto-bath #hero-section{
	position: relative;
	}
	
	
	#dettaglio-prodotto-bath #hero-section::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0.4) 100%);
	}
}

.lang-switch img{
width:20px;
height: 20px;
}

.information-side{
	position: relative;
	bottom: 2px;
}

.banner-inner{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index: 6;
	width: 80px;
}

.banner-inner img, .banner-inner svg{
	width: 80px;
	height: 80px;
	transition: 0.3s;
}

.banner-inner:hover img, .banner-inner:hover svg{
	transform: scale(1.1);
	transition: 0.3s;
}

@media(max-width:1200px){
	.banner-inner{
		width: 50px;
		top: 45%;
	}
	
	.banner-inner img, .banner-inner svg{
		width: 50px;
		height: 50px;
	}
}

#contenuto_area_riservata #menu_area_riservata .btn-primary:hover{
	color: var(--blue);
}

#contenuto_area_riservata #menu_area_riservata .btn-primary:focus{
	color: #fff;
}

#territorio{
	position: relative;
}

#territorio::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

.bath-icon{
display:none !important;
}
@media(min-width:1800px){
	.bath-icon{
		display: block !important;
		width: 250px;
		height: 250px;
		position: absolute;
		right: 17%;
		top: 19%;
	}
}

.nk-cookie-page-page p{
	line-height: 1.2;
	font-size: 1rem;
}
.nk-cookie-banner-short-info, #nk-cookie-banner-banner p
{
	line-height: 1.2;
	font-size: 1rem;
	
}
p#nk-cookie-banner-short-info {
	font-size: 15px !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item{
	display: inline !important;
}
@media(max-width:991px){
	#menu-item-wpml-ls-24-en {
		border-top: 1px solid rgba(255, 255, 255, 0.632);
		border-bottom: 1px solid rgba(255, 255, 255, 0.632);
	}
}

.term_desc {
	display: none;
}
#leggiDiPiuButton{
	border:none;
	padding:0;
	margin:0;
	text-decoration: underline;
	background-color: transparent;
	display:inline;
}

.nk-cookie-banner-link{
	font-size: .8rem !important;
}

.grecaptcha-badge{
	z-index:999;
}

#nk-cookie-page-page p{
	line-height: 1.3 !important;
}

.open-lang {
  display: none;
  transition: opacity 3s;
  position: absolute;
  background-color:#171717;
  right:-5px;
  top: 40px;
  border: 1px solid rgba(255, 255, 255, 0.175);
}

.wpml-ls-current-language span{
	color:#e2241d !important;
}

.open-lang ul{
	text-align: center;
}

.open-lang span{
	color:#fff;
}
.open-lang.show {
  display: block;
  opacity: 1;
  transition: opacity 3s; 
} 

.grecaptcha-badge{
	display: none !important;
}
.page-template-page-contatti .grecaptcha-badge, .page-template-page-reserved-login .grecaptcha-badge{
	display: flex !important;
	
}

.fancybox-caption__body{
	overflow:hidden !important;
}

@media(max-width:991px){
	.fancybox-slide{
		padding:20px !important;
	}
	.fancybox-content{
		width:100%;
	}
}