/* FONTS */
@font-face	{ font-family: 'BebasNeue'; src: url('fonts/bebasneue-web.eot');
			src: url('fonts/bebasneue-web.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue-web.ttf') format('truetype'); }

@font-face	{ font-family: 'Lucida';
			src: url('fonts/Lucida.woff2') format('woff2'),
			     url('fonts/Lucida.woff') format('woff');
			font-weight: normal; font-style: normal; }

@font-face	{ font-family: 'FontinB';
			src: url('fonts/FontinB.woff2') format('woff2'),
			     url('fonts/FontinB.woff') format('woff');
			font-weight: normal; font-style: normal; }			


/* STRUCTURE */
html, body	{ margin: 0 auto; padding: 0; background: rgb(66,66,66); }
body		{ min-width: 500px; background: rgb(33,33,33); text-align: justify; color: rgb(33,33,33); cursor: default;
				font: 1.1em "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif; }
#header		{ position: fixed; z-index: 100; width: 100%; background: rgb(222,222,222); text-align: center; font-weight: bold; font-size: 2em; }
#header img	{ box-shadow: none; border: none; border-radius: 0 }
header		{ transition: margin-top 0.5s; }
header.smaller	{ margin-top: -3.6em; transition: margin-top 0.5s; }
#logo		{ margin: 0.5em 0 0.2em 0; height: 2.4em; }
#nav		{ margin: 0; padding: 0 0 0.1em 0; width: 100%; background: rgb(33,33,33);
				background-image: linear-gradient(180deg, rgb(88,88,88), rgb(33,33,33)); }
#nav li		{ display: inline; margin: 0 0.3em; padding: 0; list-style: none; font: italic 0.8em FontinB, Cambria, sans-serif;
				text-transform: capitalize; letter-spacing: 0.01em; }
#nav li img	{ height: 0.8em; }
#nav a		{ color: rgb(255,255,255); }
#nav a:hover{ color: rgb(199,199,199); text-shadow: 0 0 0.2em rgb(22,22,22); }
.indicator	{ color: rgb(240,40,50); text-shadow: 0 0 0.2em rgb(50,50,50); }
#content	{ position: relative; z-index: 1; margin: 0 auto; padding: 14em 4% 3% 4%; width: 92%; line-height: 135%; background: rgb(245,245,244); }
#content a	{ font-weight: bold; color: rgb(0,0,0); }
#content a:hover { color: rgb(240,40,50); text-shadow: none; }
footer		{ margin: 0; padding: 1.33em 0 0 0; background: rgb(33,33,33); background-image: linear-gradient(0deg, rgb(66,66,66), rgb(44,44,44));
				text-align: center; color: rgb(225,225,225); font: 0.9em "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif; }
footer div	{ display: inline-block; margin: 0 0 0 5em; padding: 1em 0 1em 0; width: 380px;
				text-align: left; vertical-align: top; line-height: 150%; }
footer p	{ margin-top: -0.66em; }
footer a	{ color: rgb(225,225,225); }
footer a:hover	{ color: rgb(240,40,50); text-shadow: 0 0 0.2em rgb(22,22,22); }
	

/* COMMON */
a			{ text-decoration: none; color: rgb(255,255,255); cursor: pointer; }
a:hover		{ text-decoration: none; text-shadow: 0 0 0.3em rgb(33,33,33); }
a:focus		{ outline: none; }
h2			{ margin-bottom: 0.3em; } /* page titles */
h3			{ margin: 2.3em 0 1em 0; font-size: 1.1em; text-transform: uppercase; color: rgb(255,255,255); } /* footer */
h3:nth-child(1) { margin-top: 0; }
h4			{ margin: 0 0 0.5em 0; font-size: 1.2em; } /* brands */
em			{ font-style: italic; font-weight: normal; }
img			{ border: 0; border-radius: 0.5em; border: solid 1px rgb(222,222,222); }
a img:hover { box-shadow: 0 0 0.4em rgb(166,166,166); }
.imgwrapper	{ position: relative; left: 0; margin: 0; }
.imgwrapper:hover .imghover { margin-bottom: 1em; opacity: 0.9; }
.imghover { position: absolute; left: 0; opacity: 0; transition: opacity 0.4s ease-out; }
#tt			{ z-index: 999; position: absolute; padding: 0.6em 0.8em; display: block; border-radius: 0.4em; box-shadow: 0em 0em 0.3em rgb(0,0,0); 
			background: rgb(66,66,66); text-align: left; line-height: 130%; font-weight: bold; color: rgb(255,255,255); }

#furniture	{ margin: 0 1em; text-align: center; }
#furniture span { display: inline-block; margin: 0 1em 4em 1em; padding: 1em; vertical-align: top;
			text-align: justify; letter-spacing: -0.04em; font-weight: normal; }
#furniture span:hover { box-shadow: 0 0 1em rgb(199,199,199); border-radius: 0.66em; color: rgb(240,40,50); }
#furniture span strong { display: block; margin-bottom: 0.2em; font-size: 1.1em; letter-spacing: normal; }
#furniture span em { font-style: normal; color: rgb(33,33,33); }
#furniture img { border: none; }
#furniture img:hover { box-shadow: none; }
#panel		{ margin: 0 auto; text-align: left; max-width: 1000px; }
#panel img	{ margin-top: 0.5em; width: 100%; height: 100%; }

#brands		{ margin: 3em auto 0em auto; padding: 1.5em; width: fit-content; max-width: 1200px; text-align: center;
				background: none; border-radius: 0.5em; font-size: 0.9em; color: rgb(33,33,33); }
#brands div { display: inline-block; margin: 2em 0.7em 0em 0.7em; vertical-align: top; text-align: center; }
#brands img { height: 8em; border-radius: 0.5em; text-align: center; }

/* Workaround to let floated elements fill out content container */
.clearfix:after	{ visibility: hidden; display: block; font-size: 0; line-height: 0; content: " "; clear: both; height: 0; width: 0; }
.clearfix	{ display: inline-block; }
			/* start commented backslash hack \*/
			* html .clearfix { height: 1%; }
			.clearfix { display: block; }
			/* close commented backslash hack */

	
/* HOME */
#contenthome	{ margin: 0 auto; padding: 0; width: 100%; line-height: 150%; background: url(/images/texture.png), rgb(111,111,111);
					border-bottom: solid 4px rgb(44,44,44) }
#slideshow a		{ color: rgb(255,255,255); }
#slideshow img	{ border-radius: 0; }
.slick-slide	{ background: url(/images/texture.png), rgb(111,111,111); text-align: center; line-height: 200%;
					font-weight: bold; font-size: 1.3em; color: rgb(255,255,255); }
.slick-slide div { position: relative; top: -2em; margin: 0 auto; padding: 0 1em; width: fit-content; 
					box-shadow: 0 0 0.3em rgba(33,33,33,0.66); border-radius: 0.5em 0.5em 0 0; 
					background: url(/images/texture.png), rgb(111,111,111); }
.shadowmask	{ position: relative; z-index: 999; top: -2.7em; width: 100%; height: 1em; background: url(/images/texture.png), rgb(111,111,111); }
#furnmenu	{ margin: 0 1em; text-align: center; color: rgb(255,255,255); }
#furnmenu div { display: inline-block; margin: 0 1em 2em 1em; vertical-align: top; text-align: center; }
#furnmenu img { height: 10em; border-radius: 0.5em; text-align: center; border: solid 3px rgb(222,222,222); }


/* CONTACT */
#contact		{ margin: 0 auto; width: 100%; max-width: 1200px; text-align: center; font-weight: normal; }
#contact img		{ width: 100%; max-width: 1200px;}
#contactbox		{ margin: 0 0 3em 0; padding: 2em; width: 44%; min-width: 380px; height: 21em; vertical-align: top; 
					text-align: left; border: solid 1px rgb(222,222,222); border-radius: 0.5em; background: rgb(241,243,244);
					background-image: linear-gradient(235deg, rgb(241,243,244), rgb(255,255,255)); box-shadow: 0 0 0.4em rgb(222,222,222); }
#contact a		{ font-weight: normal; }
#contact h3		{ color: rgb(0,0,0); }
#contact div		{ display: inline-block; }
#contact .showroom  { margin-top: 2.5em; line-height: 90%; }
#contact iframe	{ display: inline-block; margin: 0 0 3em 0; width: 49%; min-width: 450px; height: 25em;
					border: solid 1px rgb(222,222,222); border-radius: 0.5em; box-shadow: 0 0 0.4em rgb(222,222,222); }
@media screen and (min-width: 1200px) { #contactbox { margin-right: 3%; width: 41%; } }


/* NOT FOUND */
#notfound	{ margin: 0 auto; width: 50%; min-width: 350px; text-align: center; font-size: 1.4em; }
#notfound img	{ width: 4.5em; min-width: 80px; border: none; }
#notfound p	{ margin: 0.3em 0 3% 0; line-height: 130%; }
#notfound a	{ color: rgb(33,33,33); }