/***********  HOME  ************/
#carouselHome .carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

.carousel-fade .carousel-item {transition-duration: 2s;}


.highBigImg {
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:250px;
	padding:0 !important}

.highBigTxt {
	background-color:#ffffff;
	padding:40px 20px}

.highSmall {
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:450px;
	text-align:center;
	color:#ffffff !important;
}		
	.highSmall h3 {text-shadow: 0px 0px 4px rgba(0, 0, 0, .8);color:#ffffff}
	.highSmall p {text-shadow: 0px 0px 4px rgba(0, 0, 0, .8); padding-top:30%; color: #fff !important}

.homeCollections {
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:300px;
	text-align:center;
	color:#ffffff !important;
}	
	
	.homeCollections h2, .homeCollections p { 
		text-shadow: 0px 0px 4px rgba(100, 100, 100, .8);
		padding-top:10vh;
		color:#ffffff}	
	@media only screen and (max-width: 1300px) {
		.homeCollections p { 
		padding-top:5vh;}	
		
		.homeCollections h2 { font-size:45px;}
	}
		
.instagram {
	width:16.65vw;
	min-height:30vh;
	max-width:none !important;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center}

	
.instagram2 {
	width:100%;
	height:100%;
	max-width:none !important;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:30px}
	
	.instagram2 img {
		max-width:100%;}


/* Progetti Slider */
.ProjectMain-text {position: absolute;top: 25vh;z-index:1000;}
.ProjectMain-text h1 {
	font-family: 'BauerBodoniItalic', Calibri, Arial, sans-serif;
	text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);
	margin: 0 auto;
	margin-bottom: 30px;
	width: 100%;
	color: #ffffff;
	font-size: 60px;
	letter-spacing: 1px;
	line-height: 70px;
	text-align: center;}
.ProjectMain-text h2 {
	font-family: 'BauerBodoniItalic', Calibri, Arial, sans-serif;
	text-shadow: 0px 0px 4px rgba(80, 80, 80, 1);
	margin: 0 auto;
	margin-bottom: 20px;
	width: 100%;
	color: #ffffff;
	font-size: 35px;
	letter-spacing: 1px;
	line-height: auto;
	text-align: center;}

.proSlider {
	background-color:#fff; 
	padding:0px}

.sliderProInfo {
	position:absolute;
	top:0;
	background-image:url(../img/bgea85.png);
	background-repeat:repeat;
	max-width:300px;
	margin:20px;
	padding:20px 20px 30px 20px;
}

@media only screen and (max-width: 576px) {
	.sliderProInfo {
    position:relative;
    margin:0px !important;
		max-width:100% !important;
	}
}

.sliderProTag { 
	margin-top:20px; 
	margin-bottom:20px;
	font-size: 13px;
	line-height: 18px
}

.sliderProTag span{
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	color:#333333;
}

.sliderProTag li a {color:#333333 !important;}
.sliderProTag li a:HOVER {color:#ffffff !important;}


@media only screen and (max-width: 992px) {
	.sliderProInfo h3 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom:20px
	}
	
	.sliderProInfo .line150 {
		height: 2px;
		width: 150px;
		background-color: #333333;
		margin: 20px 0 10px 0;
		}
}

@media only screen and (max-width: 768px) {
	.sliderProInfo h3 {
		font-size:20px;
		line-height:23px;
	}
}

/* HOME Collection Wide e Style */
/* HOME Collection Bath Design */
.carousel100h .carousel-inner,
.carousel100h .carousel,
.carousel100h .item,
.carousel100h .container,
.carousel100h .fill {
			height:100%;
			width:100%;}
			
#carouselWideStyle .carousel-item,
#carouselBathDesign .carousel-item {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:100%;
	}
	
@media only screen and (max-width: 992px) {
	#carouselWideStyle .carousel-item,
	#carouselBathDesign .carousel-item {
		height:100%;
		min-height:300px;
		}
}

.carousel60 { height:60vh;}
.carousel70 { height:70vh;}

@media only screen and (max-width: 992px) {
	.carousel60 { height:50vh;}
	.carousel70 { height:50vh;}
}



/* HOUZZ */
.houzz div a img { width:100% !important; height:auto !important; overflow: hidden}
.houzz div:nth-child(2) {
	height: 32px;
	background-color:#ffffff;
	padding:16px 5px 0px 5px;
	background-image:url(../img/social/houzz_l_rgbB.svg);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:100px;
}
.houzz div:nth-child(2) a {display:none}

	
/***********  NOI  ************/
.aboutIntro {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
.aboutIntro h3 {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color: #cccccc;
	font-size: 23px;
	line-height: 36px;
	}

.aboutIntroNumeri {
  position: relative;
  background-color: #eaeaea;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
.aboutIntroNumeri h3 {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color: #666666;
	font-size:16px;
	line-height:21px;
	}

.aboutImage {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
	.aboutIntroNumeri {
		height: auto;
	}
	
	.aboutIntroNumeri h3 {
		font-size: 18px;
		line-height: 23px;
		margin-bottom:30px
	}
	
	.aboutImage {
		height: auto;
	}
}


.aboutIntro .button {min-width:inherit !important}

.modal-backdrop {opacity:0.8 !important;}

.aboutIntro video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.aboutIntro .container {
  position: relative;
  z-index: 2;
}

.aboutIntro .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
	.aboutIntro {
    background:url(../image/contatti.jpg) black no-repeat center center scroll;
		background-size:cover
  }
	
  .aboutIntro video {
    display: none;
  }
}

.aboutIntroBG {
	/*
	background-image:url(../img/bg_raster.svg);
	background-repeat:repeat;
	background-size:7px
	*/
	background-color: #eaeaea
}


.aboutText h3 {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color:#666666;
	font-size:17px;
	line-height:21px;
}

.techSmall {
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	text-align:center;
	color:#ffffff !important;
	min-height:400px;
}		
	.techSmall h5 {color:#cccccc; line-height:28px}
	
	.techSmall:HOVER {
		background-color:#3A3A3A
	}		


/***********  INNOVAZIONE  ************/
.innovazioneContent {
  position: relative;
  overflow: hidden;
  background-color:black;
}
.innovazioneContent video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.9;
}
.innovazioneContent .video-btn {
  z-index: 2;
  position: relative;
}

/***********  COLLEZIONI  ************/
.collezioniIntro {
  position: relative;
  height: 60vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	background-image:url(../image/collezioneAmbiente.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important
}

.collezioniIntroEffetto {
  position: relative;
  height: 60vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	background-image:url(../image/collezioneEffetto.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important
}
.collezioniIntroAmbiente {
  position: relative;
  height: 60vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	background-image:url(../image/collezioneAmbiente.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important
}
.collezioniIntroColore {
  position: relative;
  height: 60vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	background-image:url(../image/collezioneColore.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important
}


.collezioniIntro .container-fluid {
  position: relative;
  z-index: 2;
}

.collezioniIntro .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}


.spaceFilter label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.spaceFilter label img{ /* IMAGE STYLES */
  cursor:pointer;
  border:none;
	opacity:1;
	width:100%
}
.spaceFilter label input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:none;
	opacity:1;
	border:1px solid #d8006b;
	border-radius:5px
}

.spaceFilter label input[type="radio"]:not(:checked) + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:1px solid #cccccc;
	border-radius:5px;
	opacity:1
}

.spaceFilter label > div {
	width:73px;
	text-align:center;
	font-size:12px;
	margin-bottom:3px}


.coloriFilter label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.coloriFilter label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:none;
	opacity:1;
	width:25px
}
.coloriFilter label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:none;
	opacity:1
}

.coloriFilter label > input[type="radio"]:not(:checked) + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:none;
	opacity:.7
}

/* EFFETTIN PAGES COLLEZIONI */
.fxpages {
	height:130px !important;
}

.fxpages a {
	line-height:0px !important;
	padding:0 8px !important;
}

.colors a {
	line-height:0px !important;
	padding:0 5px !important;
}

.fxpages li img { 
	opacity:1;
	border:1px solid #cccccc;
	border-radius:5px;
	margin-top:15px;
	width: 65px
}

.fxpages li p {
	text-align: center;
	font-size: 12px !important;
	margin-bottom: 3px;
	padding: 0;
	width: auto;
	color: #222222;
	text-transform:none !important;
	margin-top:15px;
	font-family: 'VerlagC-Book', sans-serif;
}

.fxpages li img.selected,
.fxpages li a.selected img,
.fxpages li.selected img{ 
	opacity:1;
	border:1px solid #d8006b;
	border-radius:5px;
}

.fxpages a.selected {
	box-shadow:none !important;
}

@media only screen and (max-width: 1200px) {
	.fxpages {height:100px !important;}
	.fxpages li img { width:40px}
	.fxpages a {
		padding:0 5px !important;
	}
}

@media only screen and (max-width: 768px) {
	.fxpages {height:50px !important;}
	.fxpages li img { display:none !important}
	.fxpages a {line-height:50px !important}
	.fxpages li p {
		text-align:left;
		font-size: 16px !important;
		margin-bottom:0;
		color: #222222;
		text-transform:none !important;
		margin-top:0px;
		line-height:25px !important
	}
}




/* COLLEZIONE */
.collezioneIntro {
  position: relative;
  height: 80vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important
}

.collezioneInfoContent h1 {margin-top:20px;}

.collezioneInfoContent .button { color:#999999}

.buttonout20 {
	border: 3px solid #d4006d;
	font-size: 12px;
	line-height: 14px;
	background-color: #eaeaea;
	margin-bottom: 10px;
	padding: 1em 2em;
	display: inline-block;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
	color: #000000;
}
.buttonout20 span {text-transform: uppercase;}
.buttonout20 img {margin-bottom: 5px; width: 100px; display: block}
.buttonout20:HOVER { color: #000000}

.h1introCaption {
	line-height:85px !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
		color: #ffffff !important;
	text-align: left;
	padding-left: calc(8.33% - 15px);
	padding-right: calc(8.33% - 15px);
	position: absolute;
	bottom: 20px;
}

.collezioneIntro > a{
	text-align: left;
	position: absolute;
	bottom: 120px;
	left: 8.33%
}

.introCaption {
	width:100%;
	margin-top:calc(100vh - 350px);
	
	position:absolute;
	top:0}
	
	.introCaption .row>div { 
		/*background-color:#333333;* /
		background-color: rgba(255,255,255,.2);*/
}
	
	.introCaption h1 {
		line-height:85px !important;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
		color: #ffffff !important
	}

@media only screen and (max-width: 992px) {
	.collezioneIntro {
		height: 60vh;
	}
	.introCaption {
		margin-top:calc(60vh - 176px);
		position:absolute;
		top:0}
}



.collezioneInfoContent h2 {
	color:#CCCCCC;
	font-size:20px;
	line-height:32px;
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	text-transform:uppercase;
	margin-top:20px;
}

.collezioneInfoContent h3 {
	color:#666;
	font-size:17px;
	line-height:21px;
	margin-top:15px;
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
}

.collezioneInfoContent .iconTech {
	max-height:50px;
	margin-top:10px;
	margin-right:20px}

.collezioneInfoContent h4 {
	color:#999999;
	font-size:12px;
	line-height:16px;
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	text-transform:uppercase;
	margin:0px;
}

.collezioneInfoContent h4 span:HOVER {
	color:#cccccc;
}

.collezioneInfoContent h4 span { margin-right:10px; display:inline-block;}

.collezioneInfoContent {margin-top:40px}
.collezioneInfoShortcut {padding-top:205px}

@media only screen and (max-width: 992px) {
	.collezioneInfoContent {margin-top:0px}
	
	.collezioneInfoContent h3 {
		color:#666;
		font-size:15px;
		line-height:18px;
		margin-top:15px;
		font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	}
	
}

.collectionCarattIcon img { width:35px; color:#999999}


.collSliderNO {
	background-color:#eaeaea; 
	padding:80px 0 80px 0;
	margin-top:12px}

.collectionSliderGallery .slick-slide {margin: 0px 5px;}
.collectionSliderGallery .slick-slide {transition: all ease-in-out .3s;opacity:1;}
.collectionSliderGallery .slick-active {opacity: 1;}
.collectionSliderGallery .slick-current {opacity: 1;}

.collectionSliderGallery .slick-prev {left: -75px;}
.collectionSliderGallery .slick-next {right: -75px;}

@media only screen and (max-width: 1400px) {
	.slick-prev, .slick-next {
		width: 50px !important;
	}
	.collectionSliderGallery .slick-prev {left: -50px;}
	.collectionSliderGallery .slick-next {right: -50px;}
}

p.collColorName {
	text-align:center !important;
	padding:10px 0;
	text-transform:uppercase;
	color:#666;
font-size: 15px;}
	
	/*p.collColorName:HOVER {color:#999999}*/
	
.centerColors .rounded-circle {border: 1px solid #ffffff;}

.rounded-abk {
	border:1px solid #FFF; 
	-webkit-border-radius: 15%;
		 -moz-border-radius: 15%;
					border-radius: 15%;}


/* Collection Gallery lightcase */
.lightcaseHover {
	position:relative;}
	
.lightcaseHover .overlay {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#333333;
	opacity:0;
	transition: opacity 0.38s ease-in-out, transform 0.35s ease-in-out;}

.lightcaseHover:HOVER .overlay {
	opacity:.4;
	background-image:url(../img/_detail.svg);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:center center}
	
.lightcaseHover:focus {
    outline: none !important;
}

.hiddenGallery {display:none}

.accessorie .collectionName {
	background-color:#eaeaea;
	color:#333333;
	text-align:left;
	padding:10px 15px;
	font-family: 'BauerBodoniItalic', Calibri, Arial, sans-serif;
	font-size:15px}



/*  COLLEZIONE PAOLA NAVONE EDIT  */
.navone {	background-color: #29417b !important}
.navone .collezioneInfoContent h3 {color: #fff !important;}
.navone p.collectionCapitol {color: #fff;}
.navone .sectionTitle { background-image: url(../img/lineSectionTitle.jpg);}
.navone .sectionTitle p {background-color: #29417b !important; color: #fff}
.navone p.collColorName {color: #fff;}
.navone .moreNews .sectionTitle p { background-color: #eaeaea !important; color: #666;}
.navone .sectionTitle {background-image: url(../img/lineSectionTitleB.jpg);}


/**  BATH DESIGN  **/	
.collezioneBath {
  position: relative;
  height: 70vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important
}


.bathdesignText h3 {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color:#666;
	font-size:18px;
	line-height:23px;
}

.bathdesignText img {
	width:200px
}

.bathdesignBlack {
	/*
	background-image:url(../img/bg_rasterB.svg);
	background-repeat:repeat;
	background-size:5px;
	*/
	background-color:#eaeaea;
	margin-top:50px;
}
.bathdesignBlack h3 {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color:#666;
	font-size:18px;
	line-height:23px;
}

.catalogoBath {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center !important;
	padding:50px 0
}

@media only screen and (max-width: 992px) {
	.catalogoBath {
		background-attachment:fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}


.catalogoBath img {
	width:100%;
	margin-bottom:10px}

.catalogoBath p {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color:#ffffff;
	font-size:18px;
	line-height:28px;
	margin-bottom:20px;
}

.catalogoBath .col-8:HOVER {
	background-color:#222222;
	border-radius:20px;
	cursor:pointer}

.modalTop0 {top:inherit !important;}
.bathProductModal .carousel-item {height:inherit !important}

.bathProd_title {
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	color:#000000;
	font-size:30px;
	line-height:38px;
	margin-top:20px;
}

.bathProd_image {
	margin-top:0px;
	max-height:240px;
	max-width:320px;
}

.bathProd_dimensioni {
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	color:#333333;
	font-size:22px;
	line-height:32px;
	margin-top:10px;
}

ul.bathProd_list {
	list-style-type:square;
	margin-left:20px;}
	ul.bathProd_list li {
		font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
		color:#333333;
		font-size: 17px;
		line-height: 22px;
	}
	
@media only screen and (max-width: 768px) {
	.bathProductModal .modal-content {
		width: 75% !important;
		margin:0 auto !important;
	}
	
	.bathProductModal .modal-content .colTextDevice { padding-left:20px !important; padding-right:20px !important; padding-bottom:10px !important}
	.bathProd_title {
		font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
		color:#000000;
		font-size:25px;
		line-height:30px;
		margin-top:10px;
	}
	
	.bathProd_image {
		margin-top:0px;
		max-height:180px;
		max-width:280px;
	}
	
	.bathProd_dimensioni {
		font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
		color:#333333;
		font-size:18px;
		line-height:22px;
		margin-top:5px;
	}
	
	ul.bathProd_list {
		list-style-type:square;
		margin-left:20px;}
		ul.bathProd_list li {
			font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
			color:#333333;
			font-size: 17px;
			line-height: 22px;
		}
}


.easybath img {
	width:80px;
	margin-bottom:20px}

.easybath p {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color:#ffffff;
	font-size:20px;
	line-height:28px;
	text-transform:uppercase
}

.easyBathRender {
	background-image:url(../image/BathDesign_03.jpg); 
	background-position:center center; 
	background-size:cover;
	margin-bottom:150px;
}



/***********  PROGETTI  ************/
#introProgetti {
	height: 75vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.filterProgetti h4 {
	color:#333333;
	font-size:20px;
	font-family: 'VerlagC-Bold', sans-serif;
	margin-bottom:10px}

.filterProgetti ul.filtroA {
	color:#333333;
	font-size:16px;
	margin-bottom:40px}
	
	.filterProgetti ul.filtroA a { cursor:pointer}

.progettistaBtn a {
	font-size:14px !important;
	padding: 10px 2em !important;
	}
	
	
	

button.active{background: #68b8c4;}
button:focus{outline: 0 none;}
button:first-of-type{margin-left: 0;}
button:last-of-type{margin-right: 0;}
 button:focus{outline: 0 none;}
 fieldset{
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 0 0;
  background: #444;
  padding: .5em;
  border-radius: 3px;
}
.checkbox{
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 8px;
}
.checkbox input[type="checkbox"]{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.checkbox label{
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-left: 1.5em;
}
.checkbox label:before,
.checkbox label:after{
  content: '';
  display: block;
  position: absolute;
}
.checkbox label:before{
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: #ddd;
  border-radius: 3px;
}
.checkbox label:after{
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #68b8c4;
  opacity: 0;
  pointer-events: none;
}
.checkbox input:checked ~ label:after{opacity: 1;}
.checkbox input:focus ~ label:before{background: #eee;}

/* Container/Target Styles */
.containers .mix{display: none;}

.fieldset .input-group-text {padding: .680rem .75rem;border-radius:0}
.fieldset .custom-select {border-radius:0; height:inherit}
select.custom-select:focus {
    outline: none !important;
		border-color: #cccccc;
		outline: 0;
		box-shadow: 0 0 0 0rem rgba(128,189,255,.5);
}

.filterProgetti .projectBox{
	background-color:#eaeaea;
	text-align:left;}

.filterProgetti .projectName {
	color:#333333;
	padding:10px 15px;
	font-family: 'BauerBodoniItalic', Calibri, Arial, sans-serif;
	font-size:15px;
	line-height:18px;}
	
.filterProgetti .projectCollections {
	color:#666;
	padding:0px 15px 10px 15px;
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	font-size:13px;
	line-height:15px;}


/* PROGETTO */
.progettoContent { margin:100px 0}

.progettoContent .textContent {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	padding:60px;}
	
.progettoContent .textContent a:HOVER { color:#333333 !important}

.progettoContent h2 {
	color:#333333;
	margin-top:0px}
	
.progettoContent h3 {
	color:#666666;
	font-size:17px;
	line-height:23px;
	margin-top:20px;
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
}

.progettoContent h4 {
	color:#999999;
	font-size:16px;
	line-height:22px;
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:80px;
}

.collectionInformation {
	color:#999999;
	font-size:16px;
	line-height:22px;
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
}

.progettoContent img {
	width:100%;
	margin-bottom:25px}
	
	.progettoContent img:last-child {margin-bottom:0px}

.collectionShare img {width:25px; opacity:.6; margin-bottom:10px}
.collectionShare img:HOVER {
	opacity:1; 
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;}
	
	
/* NEWS */
.journalNews { margin-top:-30px !important}
.journalNews .grid:after {
	content: '';
	display: block;
	clear: both;
}
		
.journalNews .grid-sizer,
.journalNews .grid-item {
	width: calc((100% - 60px)/3);
	margin-bottom:30px;
}

@media only screen and (max-width: 992px) {
	.journalNews .grid-sizer,
	.journalNews .grid-item {
		width: calc((100% - 30px)/2);
	}
}

@media only screen and (max-width: 768px) {
	.journalNews .grid-sizer,
	.journalNews .grid-item {
		width: calc(100%);
	}
}

.journalNews .grid-item {
	float: left;
}

.journalNews .grid-item img {
	display: block;
	width: 100%;
}

.journalNews .grid-item {
	word-wrap: break-word;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);}


.moreNews {
	background-color:#eaeaea; 
	margin-top:12px}

.moreNews .sectionTitle p {background-color:#eaeaea;}

.moreNews .card__three {
	position: relative;
	word-wrap: break-word;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);}
	
	.moreNews .card__three .image {
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		height:30vh;
		width:100%}
	
	.moreNews .card__three .body {
		padding: 10px 20px 20px 20px;
		margin-top:20px}
				
	
/* Wide And Style */
#wideandstyleCarousel .carousel-item {
  /*height: calc(100vh - 130px);*/
	height:auto;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.wesIcons img:hover {
	-moz-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	-webkit-transform: translate(0px, -5px);
	transform: translate(0px, -5px);
	transition: transform 0.3s ease-in-out;
}

.wesIcons img {
	transition: transform 0.3s ease-in-out;
}




/***********  CONTATTI  ************/
.contactIntroBG {
	/* background-image:url(../img/bg_raster.svg);
	background-repeat:repeat;
	background-size:7px
	*/
	background-color: #eaeaea;
}
.contactText h3 {
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	color:#333333;
	font-size:20px;
	line-height:25px;
}
.contactText h4 {
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	color:#666666;
	font-size:18px;
	line-height:22px;
	margin-top:10px;
}
.contactText h4::after {
		width:20px;
		height:1px;
		background-color:#666666;
		display: block;
		content: "";
		margin-top:10px;
		margin-bottom:15px;
	}
.contactText p span {
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	font-size:16px;
	line-height:20px;
	color: #333333;
}

.contactDiscl {
	font-size: 13px;
	font-weight: 100 !important;
	line-height: 16px;
	color: #999999;
}

.input-group-text {
	font-size: 15px;
	font-weight: 100 !important;
	line-height: 18px;
	color: #444444;
	
	}

.form-control {
	font-size: 13px;
	line-height: 18px;
	font-weight: 100 !important;
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	color: #666666;
	}

/* PRIVACY */
.privacy h3 {
	color:#ffffff;
	font-size:20px;
	line-height:26px;
	margin-bottom:20px;
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
}

.privacy h4 {
	color:#333333;
	font-size:18px;
	line-height:22px;
	font-family: 'VerlagC-Bold', Calibri, Arial, sans-serif;
	margin:0px;
	margin-bottom:10px;
}

.privacy p {
	color:#666666;
	font-size:14px;
	line-height:18px;
	font-family: 'VerlagC-Book', Calibri, Arial, sans-serif;
	margin-bottom:40px;
	text-align:justify
}


/* POETRY HOUSE */
#vid{
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: 100; 
	overflow: hidden;
}

#mute-desk {z-index: 5000 !important; position: absolute; bottom: 50px; left: 8.33%; cursor: pointer; color: #29417b} 
#mute-dev  {display: none} 

@media only screen and (max-width: 992px) {	
	#vid{
		position: relative;
		top:0; 
		left:0;
		-webkit-transform: translateX(0%) translateY(0%);
		transform: translateX(0%) translateY(0%);
		min-width: 100%; 
		min-height: 100%; 
		width: 100%; 
		height: auto;
		z-index: 100; 
		overflow: hidden;
	}

	#mute-desk {display: none} 
	#mute-dev  {display: inline-block; position: relative; margin-top: 20px; margin-left: 8.5%; margin-bottom: 0px !important; } 

}

.video-background {
	position: relative;
	overflow: hidden;
	height: 80vh;
}

.video-background h1 {
	position: absolute;
	bottom: 45px;
	left: 8.33%;
	z-index: 2000;
}

.video-background iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
	.video-background iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-background iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}

@media only screen and (max-width: 992px) {	
	.mobile { margin-top: 100px}
	.video-background {
		position: relative;
		overflow: hidden;
		/*width: 100vw;*/
		height: 40vh;
	}			

}


.poetryh2 {
	color:#fff;
	font-size:42px;
	line-height:42px;
	font-family: 'Chonker', Calibri, Arial, sans-serif;
}
.poetryh3 {
	color:#fff;
	font-size:26px;
	line-height:28px;
}
.poetryh3 span {
	font-size:30px;
	line-height:28px;
	font-family: 'Chonker', Calibri, Arial, sans-serif;
}

.collPoetryTitle {
	color:#fff;
	font-size:24px;
	line-height:28px;
	font-family: 'Chonker', Calibri, Arial, sans-serif;
}

.navoneLogoColl {
	position: absolute;
	right:  8.33%;
	bottom: 47px;
	width: 150px;
}

@media only screen and (max-width: 992px) {	
	.mobileNavoneVid { margin-top: 70px}
	
	.navoneLogoColl {
		width: 100px;
	}
}

/*  ABK30  */
.timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.containerTL {
  padding: 0px 30px;
  position: relative;
  background: inherit;
  width: 50%;
}

.containerTL.left {
  left: 0;
}

.containerTL.right {
  left: 50%;
}

.containerTL::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  right: -6px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 12px;
  z-index: 1;
}

.containerTL.right::after {
  left: -6px;
}

.containerTL::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 6px;
  background: #fff;
  z-index: 1;
}

.containerTL.right::before {
  left: 6px;
}

.containerTL .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.containerTL.left .date {
  right: -75px;
}

.containerTL.right .date {
  left: -75px;
}

.containerTL .icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding:0;
  top: calc(50% - 20px);
  background: #001b83;
  border: 0px solid #fff;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #dc367e;
  z-index: 1;
}
.containerTL .icon img { width: 60%; margin-top: 19%}

.containerTL.left .icon {
  right: 56px;
}

.containerTL.right .icon {
  left: 56px;
}

.containerTL .content {
  padding: 5px 90px 5px 30px;
  background: #001b83;
  position: relative;
  border-radius: 0 500px 500px 0;
}

.containerTL.right .content {
  padding: 5px 30px 5px 90px;
  border-radius: 500px 0 0 500px;
}

.containerTL .content h2 {
  margin: 0 0 10px 0;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
	font-family: 'FuturaBold', sans-serif;
}

.containerTL .content p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}

@media (max-width: 767.98px) {

  .containerTL {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .containerTL.right {
    left: 0%;
  }

  .containerTL.left::after, 
  .containerTL.right::after {
    left: 2px;
  }

  .containerTL.left::before,
  .containerTL.right::before {
    left: 20px;
    border-color: transparent #006E51 transparent transparent;
  }

  .containerTL.left .date,
  .containerTL.right .date {
    right: auto;
    left: 15px;
  }

  .containerTL.left .icon,
  .containerTL.right .icon {
    right: auto;
    left: 70px;
  }

  .containerTL.left .content,
  .containerTL.right .content {
    padding: 30px 0px 30px 10px;
    border-radius: 500px 0 0 500px;
  }
	
	.timeline::after {
		content: '';
		position: absolute;
		width: 2px;
		background: #fff;
		top: 0;
		bottom: 0;
		left: 10px;
		margin-left: -3px;
	}
}