@charset "utf-8";
/* CSS Document */

@import "font.css";
@import "preloader.css";
@import "swiper.min.css";
@import "lightgallery.css";
@import "animate.css";
@import "jquery.fancybox.min.css";

@import "custom-gallery.css";
@import "custom_navigation.css";
@import "custom-fancy.css";
@import "custom-popup.css";
@import "custom-swiper.css"; 
@import "custom_form.css";

/*///////////////////////////////////////////////////*/

body {
	background-color:#ffffff;
	color:#000000;
	font-size:15px;
	line-height:21px;
	font-family: "rb-regular", sans-serif;
}

/*///////////////////////////////////////////////////*/

b, strong {
	font-family: 'rb-bold', sans-serif; 
	font-weight: normal;
}
i, em {
	font-family: 'rb-italic', sans-serif;
	font-weight: normal;
}
b i, b em, strong i, strong em, i b, em b, i strong, em strong {
	font-family: 'rb-bold-italic', sans-serif;
	font-weight: normal;
}

a {
	color:inherit;
	-webkit-transition: all 100ms ease-in-out; 
	-moz-transition: all 100ms ease-in-out; 
	-o-transition: all 100ms ease-in-out; 
	transition: all 100ms ease-in-out;
}
a:hover {
	color:inherit; 
	text-decoration: none;
}

#header a:hover {
	color:#000000; 
	text-decoration: none;
	opacity:0.6;
}

.paragrafo {
	font-family: 'rb-light', sans-serif;
	font-size:1em;
	line-height:1.7em;
}

.paragrafo.big {
	font-size:1.5em;
	line-height:1.4em;
	font-family: 'rb-light', sans-serif;
}

.paragrafo.light {
	font-family: 'rb-light', sans-serif;
	font-weight: normal;
}

p {margin-bottom:1em;}
.paragrafo p:last-of-type {margin-bottom:0;}

p.nota {
	font-size:0.9em;
	line-height: 1em;
}

.titolo {font-family: 'rb-bold', sans-serif; line-height: 1em;}
.light {font-family: 'rb-thin', sans-serif;}
.normal {font-family: 'rb-regular', sans-serif;}
.titolo1 {font-size:5em;}
.titolo2 {font-size:4em;}
.titolo3 {font-size:3em;}
.titolo4 {font-size:2.5em;}
.titolo5 {font-size:1.5em;}
.titolo6 {font-size:1.25em;}
.titolo7 {font-size:1.15em;}
.titolo8 {font-size:1em;}

.transition500 {
	-webkit-transition: all 500ms ease-in-out; 
	-moz-transition: all 500ms ease-in-out; 
	-o-transition: all 500ms ease-in-out; 
	transition: all 500ms ease-in-out;
}
.transition250 {
	-webkit-transition: all 250ms ease-in-out; 
	-moz-transition: all 250ms ease-in-out; 
	-o-transition: all 250ms ease-in-out; 
	transition: all 250ms ease-in-out;
}
.transition100 {
	-webkit-transition: all 100ms ease-in-out; 
	-moz-transition: all 100ms ease-in-out; 
	-o-transition: all 100ms ease-in-out; 
	transition: all 100ms ease-in-out;
}

.clear {clear:both;}
.spacer5 {clear:both; height:5px; display:block;}
.spacer10 {clear:both; height:10px; display:block;}
.spacer15 {clear:both; height:15px; display:block;}
.spacer25 {clear:both; height:25px; display:block;}
.spacer20 {clear:both; height:20px; display:block;}
.spacer30 {clear:both; height:30px; display:block;}
.spacer35 {clear:both; height:35px; display:block;}
.spacer40 {clear:both; height:40px; display:block;}
.spacer45 {clear:both; height:45px; display:block;}
.spacer55 {clear:both; height:55px; display:block;}
.spacer60 {clear:both; height:60px; display:block;}
.spacer70 {clear:both; height:70px; display:block;}
.spacer80 {clear:both; height:80px; display:block;}
.spacer90 {clear:both; height:90px; display:block;}
.spacer95 {clear:both; height:95px; display:block;}
.spacer100 {clear:both; height:100px; display:block;}
.spacer120 {clear:both; height:120px; display:block;}

.spacer-p {width:100%; position: relative;}
.spacer-p5 .altezza {padding-bottom: 5%; min-height: 40px; max-height:80px;}
.spacer-p10 .altezza {padding-bottom: 10%; min-height: 60px; max-height:100px;}
.spacer-p20 .altezza {padding-bottom: 20%; min-height: 80px; max-height:120px;}
.spacer-p30 .altezza {padding-bottom: 30%;}
.spacer-p40 .altezza {padding-bottom: 40%;}
.spacer-p50 .altezza {padding-bottom: 50%;}

/*///////////////////////////////////////////////////*/

.mb-box {
	margin-bottom: 30px;
}

/*///////////////////////////////////////////////////*/

.btn {
	border-radius:0;
	text-transform: lowercase;
	text-align: left;
	padding:0;
	margin:0;
}

.btn.big {
	font-size:2em;
}

.btn-primary {
	cursor: pointer;
	background-color:transparent;
	border:none;
	color:#000000;
	text-align:right;
	font-family:"rb-regular", sans-serif;
	-webkit-transition: all 100ms ease-in-out; 
	-moz-transition: all 100ms ease-in-out; 
	-o-transition: all 100ms ease-in-out; 
	transition: all 100ms ease-in-out;
}

.btn-secondary {
	cursor: pointer;
	background-color:transparent;
	border:none;
	/*text-align:right;*/
	font-family:"rb-regular", sans-serif;
	-webkit-transition: all 100ms ease-in-out; 
	-moz-transition: all 100ms ease-in-out; 
	-o-transition: all 100ms ease-in-out; 
	transition: all 100ms ease-in-out;
	padding-right:40px;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:auto 10px;
}

	.btn-secondary.multiline {background-position: right bottom 10px;}

	.btn-secondary.light {
		color:#ffffff;
		background-image:url("../img/arrow-long-right-light.svg");
	}
	.btn-secondary.dark {
		color:#000000;
		background-image:url("../img/arrow-long-right-dark.svg");
	}

	.btn-primary:hover {
		color:#000000;
		text-decoration: none;
		opacity:0.6;
		background-color:transparent;
	}

	.btn-secondary:hover {
		color:#000000;
		text-decoration: none;
		opacity:0.6;
		background-color:transparent;
	}

	.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
		color: inherit;
		background-color: transparent;
		border-color: none;
	}

.wrap-btn-slide {
	position:relative;
	overflow: hidden;
	display: inline-block;
	border-left:2px solid;
	padding-left: 7px;
}

.wrap-btn-slide .btn {
	position: relative; 
	z-index: 1; 
	padding-top: 7px;
	padding-bottom:7px;
	/*max-width: 90%;*/
}

.btn-slide {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:101%;
	-webkit-transition: all 300ms ease-in-out; 
	-moz-transition: all 300ms ease-in-out; 
	-o-transition: all 300ms ease-in-out; 
	transition: all 300ms ease-in-out;
}

.wrap-btn-slide:hover, .wrap-btn-slide:hover .btn-secondary {opacity:1;}
.wrap-btn-slide:hover .btn-slide {right:30px;}

.wrap-btn-slide.light .btn-slide {background-color:#ffffff}
.wrap-btn-slide.dark .btn-slide {background-color:#009482}
.wrap-btn-slide:hover.light .btn-secondary {color:#000000}
.wrap-btn-slide:hover.dark .btn-secondary {color:#ffffff}

/*///////////////////////////////////////////////////*/

.immagine {
	position:relative;
	overflow:hidden;
	background-color:#ffffff;
}


	.immagine-o > .altezza {padding-bottom:56%;}
	.immagine-oo > .altezza {padding-bottom:62.5%;}
	.immagine-ooo > .altezza {padding-bottom:35%;}
	.immagine-50 > .altezza {padding-bottom:50%;}
	.immagine-30 > .altezza {padding-bottom:30%;}
	.immagine-oooo > .altezza {padding-bottom:72.5%;}
	.immagine-q > .altezza {padding-bottom:100%;}
	.immagine-v > .altezza {padding-bottom:146%;}

	.immagine-100 {height:100% !important;}


.wrap-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.immagine .hover-effect {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height: 100%;
	background-color:rgba(0,0,0,0.6);
	background-size:auto 10px;
    background-position:right 40px top 40px;
	background-repeat: no-repeat;
	/*background-image: url("../img/arrow-long-right-light.svg");*/
	z-index: 2;
	-webkit-transition: all 500ms ease-in-out; 
	-moz-transition: all 500ms ease-in-out; 
	-o-transition: all 500ms ease-in-out; 
	transition: all 500ms ease-in-out;	
	opacity:0;
}

.immagine .hover-effect.light {
	background-color:rgba(255,255,255,0.6);
	/*background-image: url("../img/arrow-long-right-dark.svg");*/
}

.immagine .hover-effect.dark {
	background-color:rgba(255,255,255,0.6);
/*	background-image: url("../img/ico-plus-thin-withe.svg");*/
}

.immagine:hover .hover-effect {
	top:0;
	opacity:1;
	-webkit-transition: all 250ms ease-in-out; 
	-moz-transition: all 250ms ease-in-out; 
	-o-transition: all 250ms ease-in-out; 
	transition: all 250ms ease-in-out;	
}

/*.wrap-tabs-finiture .immagine .altezza {
	-webkit-transition: all 250ms ease-in-out; 
	-moz-transition: all 250ms ease-in-out; 
	-o-transition: all 250ms ease-in-out; 
	transition: all 250ms ease-in-out;	
}

.wrap-tabs-finiture .immagine:hover .altezza {
	padding-bottom:55%;
}*/

.zoom-effect {
	animation-name:zoom;
	animation-duration:20s;
	animation-delay:0;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
	
	@keyframes zoom {
	    from {
			-moz-transform: scale(1.6);
			-webkit-transform: scale(1.6);
			-o-transform: scale(1.6);
			-ms-transform: scale(1.6);
			transform: scale(1.6);
	    }
	    to {
	    	-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
	    }
	}

/*///////////////////////////////////////////////////*/

.scroll-down {
	/*position:absolute;*/
	cursor:pointer;
	left:50%;
	bottom:-1px;
	z-index: 9;
	width:30px;
	height:70px;
	margin-left:-15px;
	background-color:rgba(255,255,255,1);
	background-size:9px auto;
    background-position:center center;
	background-repeat: no-repeat;
	background-image: url("../img/arrow-long-down-dark.svg");
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
}

.scroll-down a {
	display:block;
	width:100%; 
	height: 100%;
}

.scroll-down:hover {
	height:85px;
}


/*@media all and (orientation:portrait) {
	.wrap-slider-home .scroll-down {opacity:0;}
}*/

/*///////////////////////////////////////////////////*/

.grey-area {background-color:rgba(220,220,220,1);}
.light-gray-area {background-color:rgba(238,238,238,1)}
.dark-gray-area {background-color:rgba(51,51,51,1); color:#ffffff;}
.dark-gray-area a {color:#ffffff;}
.withe-area {background-color:rgba(255, 255, 255,1); color:#000000;}
.black-area {background-color:#000000; color:#ffffff;}

/*///////////////////////////////////////////////////*/

#header {}

#header .container {
	max-width:1800px;
	padding-right: 30px;
    padding-left: 30px;
}

.top-bar {
	padding:10px 0;
	-webkit-transition: all 250ms ease-in-out; 
	-moz-transition: all 250ms ease-in-out; 
	-o-transition: all 250ms ease-in-out; 
	transition: all 250ms ease-in-out;
}

.sticky .top-bar {
	display: none;
}

.main-bar {
	padding:40px 0;
	-webkit-transition: all 250ms ease-in-out; 
	-moz-transition: all 250ms ease-in-out; 
	-o-transition: all 250ms ease-in-out; 
	transition: all 250ms ease-in-out;
}

	.sticky .main-bar {
		padding:20px 0;
	}

.main-bar .logo {
	display: block;
	width:190px;
	height:55px;
	/*background-color:red;*/
	background-image:url("../img/logo-bm.png");
	background-repeat:no-repeat;
	background-position:left center;
	background-size: contain;
}

	.sticky .main-bar .logo {
		width:150px;
		height: 30px;
		margin-left:20px;
	}

.sticky .menu-main {
	background-color: #000000;
	color:#ffffff !important;
}

.sticky .menu-main a {
	color:#ffffff !important;
}

.sticky .main-bar .logo {
	background-image:url("../img/logo-bm-bianco.png");
}

/*///////////////////////////////////////////////////*/

.wrap-absolute {}

/*///////////////////////////////////////////////////*/

#section {
	position:relative;	
}

#section .container {
	max-width:1800px;
	padding-right: 30px;
    padding-left: 30px;
}

/*///////////////////////////////////////////////////*/

.wrap-slider-home,
.wrap-slider-interno {
	position: relative;
	overflow: hidden;
}

.wrap-slider-home.container {
	max-width:1800;
}

.wrap-slider-home .altezza {
	padding-bottom:65%;
	min-height: 400px;
}

.wrap-slider-interno .altezza {
	padding-bottom:45%;
	min-height: 400px;
}



.info {
	position:absolute;
	z-index: 3;
	bottom:0px;
	left:0px;
	right:0px;
	padding:60px 40px 40px 40px;
}

.info.light {
	color:#ffffff;
	text-shadow: 0 0 20px rgba(0,0,0,0.9);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.info.light .btn {
	color:#ffffff;
	background-image:url("../img/arrow-long-right-light.svg");
}

.info.dark {
	color:#000000;
	text-shadow: 0 0 20px rgba(0,0,0,1);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.info.dark .btn {
	color:#000000;
	background-image:url("../img/arrow-long-right-dark.svg");
}


/*///////////////////////////////////////////////////*/

.sidebar-mobile {
	position:relative;
	display: none;
}

.button-sidebar-mobile {
	position:relative;
	width:100%;
	line-height: 20px;
	font-family: "rb-bold", sans-serif;
	text-transform: uppercase;
	cursor:pointer;
	border-bottom: 1px solid #333333;
	padding-bottom:10px;
}

.button-sidebar-mobile span {
	position:absolute;
	width:12px;
	height:20px;
	top:0;
	right:0;
	background-image:url("../img/ico-plus-dark.svg");
	background-repeat:no-repeat;
	background-position:right center;
	background-size: 12px auto;
	-webkit-transition: all 250ms ease-in-out; 
	-moz-transition: all 250ms ease-in-out; 
	-o-transition: all 250ms ease-in-out; 
	transition: all 250ms ease-in-out;
}

.button-sidebar-mobile:hover {
	/*opacity:0.6;*/
}

.button-sidebar-mobile.open span {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*///////////////////////////////////////////////////*/


.elenco-prodotti .immagine {
	border:1px solid #cccccc;
}

.elenco-news .immagine {
	background-color:#eeeeee;
}

.elenco-prodotti .thumb-prodotto {
	display:block;
}

.elenco-prodotti a:hover.thumb-prodotto {opacity:1;}

.category {
	position: absolute;
	padding:5px;
	background:#000000;
	color:#ffffff;
	bottom:0px;
	left:0;
	text-transform: uppercase;
	font-size: 0.9em;
	z-index: 3;
}

/*///////////////////////////////////////////////////*/

.bg-prodotto {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; 
	overflow: hidden; 
	max-height:600px;
}

.bg-prodotto .altezza {
	padding-bottom:37%;
}

/*///////////////////////////////////////////////////*/

#descrizione, #foto {
	overflow: hidden;
}

/*///////////////////////////////////////////////////*/

.wrap-mostra-tutto {
	/*border-bottom: 1px solid #333333;*/
	overflow: hidden;
	/*-webkit-transition: all 500ms ease-in-out; 
	-moz-transition: all 500ms ease-in-out; 
	-o-transition: all 500ms ease-in-out; 
	transition: all 500ms ease-in-out;*/
}

.wrap-mostra-tutto.height-auto {height:auto;}

.wrap-btn-mostra-tutto {
	position:relative;
}

.btn-mostra-tutto {
	position:absolute;
	height:20px;
	bottom:-30px;
	right:0;
}
.mostra-apri {
	z-index: 2;
	opacity:1;

}
.mostra-chiudi {
	z-index: 1;
	opacity:0;
	background-image:url("../img/ico-close-dark.svg") !important;
}

/*///////////////////////////////////////////////////*/

.test-sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 100px; /* required */
}

/*///////////////////////////////////////////////////*/

.download {
	padding:40px 25px 25px 25px;
}

/*///////////////////////////////////////////////////*/

.wrap-mappa {
	position: relative;
	overflow: hidden;
}

.wrap-mappa .altezza {
	padding-bottom:45%;
	min-height: 400px;
}

.wrap-mappa iframe {
	border:none; 
	position:absolute; 
	top:0; 
	left:0;
	width: 100%;
	height: 100%;
}

.address-box {
	position: absolute;
	right:0;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: rgba(255,255,255,0.85);
}

/*///////////////////////////////////////////////////*/

#footer {}

#footer .black-area a {color:#ffffff;}

#footer .container {
	max-width:1800px;
	padding-right: 30px;
    padding-left: 30px;
}

#footer .grey-area {}

#footer .withe-area {
	font-size:13px;
	font-family: "rb-light", sans-serif;
}

#footer .withe-area ul {
	margin:0;
	padding:0;
}

#footer .withe-area ul li {
	display: inline-block;
	margin-left:10px;
}


/*///////////////////// MEDIA //////////////////////////////*/
@media (max-width: 1200px) {
	.titolo2 {font-size:3em;}
}
@media (max-width: 1024px) {
	.box-prodotti-home .titolo4 {font-size: 1.7em;}
	
}

@media (max-width: 992px) {
	#footer .withe-area ul li {margin-right:15px; margin-left:0;}
	.spacer120 {clear:both; height:80px; display:block;}
	.spacer100 {clear:both; height:50px; display:block;}
	.bg-prodotto {max-height:300px;}
}
@media (max-width: 768px) {
	.mood-board > .altezza {padding-bottom:0;}
	.mood-board .campione {
		position:relative !important;
		top:auto !important;
		left:auto !important;
		width:100% !important;
	}
	.mood-board .campione .altezza {
		padding-bottom:20% !important;
	}

	.immagine-30 > .altezza {padding-bottom:50%;}

	.test-sticky {
		top:30px;
	}
	.immagine-q > .altezza {
		padding-bottom: 62.5%;
	}

}
@media (max-width: 670px) {
	#section .container,
	#footer .container,
	#header .container {
		padding-right: 15px;
    	padding-left: 15px;
	}
	.titolo4 {font-size: 2.1em;}
	.info {padding:50px 20px 20px 20px;}
	
	.address-box {
		position: relative;
		right:auto;
		top:auto;
		bottom:0;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@media (max-width: 576px) {
	
	.scroll-down {
		width: 26px;
		height: 50px;
		margin-left: -13px;
		background-size: 7px auto;
	}

	.box-prodotti-home .titolo4 {font-size: 1.5em;}
}
@media (max-width: 320px) {}

@media (min-width: 1500px) {}
@media (min-width: 2300px) {}

@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}