
body, html { background:#000; font-family: Georgia,Times,Times New Roman,serif; font-weight:400; }

/* BRAND STYLE */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Nunito Sans', sans-serif; font-weight:900; }
.titolone {
	display: block;
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    margin-bottom: -47px;
    letter-spacing: 30px;
    color: rgba(255,255,255,.2);
    z-index: -1;
    text-transform: uppercase;
    text-align: center;
	overflow: hidden;
	font-family: 'Nunito Sans', sans-serif; 
	font-weight:200;
}
.incipit { font-family: Georgia,Times,Times New Roman,serif; color: #584f4b; font-size:1.2em; }
h2 { text-transform: uppercase; letter-spacing: 5px; }
p { color:#b4b4b4; }
b, strong { color:#fff; }


/* HEADER */

.navbar a, .navbar a:hover { border: 0 none; font-style:italic; }
.navbar a.language { font-style:normal; }
.navbar-dark .navbar-toggler { border-color: transparent; border-radius: 0; }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,1); }

.navbar-dark.scrollato, .navbar-dark.da-scrollare { transition:all 4s; background: rgba(0,0,0,.95); }





/* CONTENT */

section { padding:135px 0; background-size:cover; background-position:center; }
hr { border-top: 1px solid rgba(255,255,255,.2); }

a { color: #fff; border-bottom: 1px solid #fff; }
a:hover { transition:1s; color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; }

.btn { border-bottom: 2px solid #fff; border-radius: 0; padding: 15px 0; transition:all 1s; }
.btn:hover { border-bottom: 2px solid #fff; padding: 15px 20px; transition:all 0.3s; }
.btn span { padding-left: 20px; }
.btn.focus, .btn:focus { box-shadow: none; }

#hero { background-image:url("../img/bg-batuffolo.jpg"); position:relative; }
#collezioni { background-image:url("../img/bg-collezioni.jpg"); }
#showroom { background-image:url("../img/bg-archivio.jpg"); }
#sostenibilita { background-image:url("../img/bg-sostenibilita-2.jpg"); }
#quattros { 
	background-image:url("../img/bg-4s.jpg"); 
	background-position:center; 
	background-size:cover; 
	background-repeat:no-repeat; 
}
#quattros h3, #quattros b { 
	color: #a3bf2b;
}
#quattros p { 
	color: #888;
}
#quattros .btn { border-bottom: 2px solid #000; color:#000; }
#quattros .btn:hover { border-bottom: 2px solid #000; color:#000;  }





#logo-taor{
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 80px;
	text-align: center;
}

#contatti a { display:inline-block; margin-bottom:30px; border-bottom-color:#444; }


.lg-toolbar {
    background-color:transparent;
}
.lg-sub-html {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.lg-sub-html img {
    margin-bottom: 10px;
}
.lg-sub-html p {
    max-width: 640px;
    margin: 0 auto;
}
.lg-outer .lg-thumb-item {
    border: 2px solid #000;
    border-radius: 0;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #fff;
}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  


}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) { 

}

@media (max-width: 767px) { 

	#hero {
	    background-size: inherit;
	    background-position: top center;
	}
	#hero .align-items-center { align-items: inherit !important; text-align: center; }
	.incipit { font-size:1em; line-height: 1.2em; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.navbar-dark.da-scrollare { transition:all 1s; background:transparent; }
	.navbar-dark.scrollato { transition:all 1s; background: rgba(0,0,0,.8); }

 	.navbar-dark .navbar-brand { padding:1rem 0; transition:all 1s; }
	.navbar-dark.da-scrollare img { filter: invert(60%); transition:all 2s;  }
	.navbar-dark.da-scrollare .navbar-nav .nav-link { color: rgba(0,0,0,.5); }
 	.navbar-dark.da-scrollare .navbar-brand { padding: 2.5rem 0; transition:all 1s; }

 	#logo-taor{ left: inherit; right: 80px; }
 	#contatti a { display:initial; margin-bottom:initial; }

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}







