@import"skeleton.min.css";
@import"reset.css";
@import url("https://use.typekit.net/vei5stp.css");

body { 
	position:relative;
	font-family: 'futura-pt', sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:25px;
	color:#010101;
	background-color:#FFF;
	margin:0px; }

b { font-weight:500; }

.p0 {padding:0px;}
p, 
.p1	{padding-bottom:5px;}
.p2	{padding-bottom:10px;}
.p3	{padding-bottom:15px;}
.p4	{padding-bottom:20px;}
.p5	{padding-bottom:25px;}
.p50	{padding-bottom:50px;}
.p75	{padding-bottom:75px;}
.p100	{padding-bottom:100px;}

.m1	{margin-bottom:5px;}
.m2	{margin-bottom:10px;}
.m3	{margin-bottom:15px;}
.m4	{margin-bottom:20px;}
.m5	{margin-bottom:25px;}
.m50	{margin-bottom:50px;}
.m75	{margin-bottom:75px;}
.m100	{margin-bottom:100px;}

a {color:#111; text-decoration: none;}
a:hover {color:#111; text-decoration: underline;}


.aleft		{text-align:left;}
.acenter	{text-align:center;}
.ajustify	{text-align:justify;}
.aright		{text-align:right;}
.pleft		{float:left;}
.pright		{float:right;}


h1, .h1 {
	font-size:40px;
	color: #111;
	line-height:50px;
	font-weight:400;}
h2, .h2 {
	font-size:32px;
	color: #111;
	line-height:41px;
	font-weight:400;}
h3, .h3 {
	font-size:24px;
	color: #111;
	line-height:26px;
	font-weight:600;}

.container_12 img {
	max-width:100%; }

.textBig { 
	font-size:130%;
	line-height:120%; }


li { list-style-position: inside; }

/* Header */

#header { 
	padding: 15px 0px 15px 0px; 
	background-color: #111; 
	position:fixed; 
	width: 100%; 
	z-index: 1000; }

#logo img { width: 125px; }

#menuSmall {
	display:none;}

#menu {
	margin-top:20px;
	text-align:right;
	text-transform: uppercase;}
#menu div {
	display:inline-block; }
#mainMenu li {
	display:inline-block;
	list-style: none;
	padding:0px 40px 0px 40px;}
#mainMenu a {
	display:inline-block;
	color:#fff;
	font-weight:700;
	font-size:16px;
	line-height:16px; 
	text-decoration:none;
  padding: 4px 0px 4px 0px; }
#mainMenu a.current {
	color: #fff; border-bottom: 1px solid #fff;}
#mainMenu a:hover {
	color: #fff; border-bottom: 1px solid #fff;}

#subMenuLang { display: none; position:absolute; right: 61px;}
#subMenuLang li { display:block; padding-left: 20px; padding-right: 15px; }
#subMenuLang a:hover { border: none !important; }
#mainMenu img { width: 17px; border-radius: 2px; vertical-align: baseline; }
#languageToggle:hover { border: none !important; cursor: pointer; }

	


/* Content */
#content { padding-top: 88px; }

.slides {
	position:relative;
	z-index:10;
	float:left;
	width:100%; }
.slide img {
	width:100%;
	display:block;}

a .box:hover { border: 1px solid #111; }
.box {
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 25px; }
.box p { padding: 0; }
.boxC .boxTitle {
	font-size: 30px;
	font-weight: 500;
	color: #ffffff;
	padding: 60px 0;
	margin-bottom: 15px; }
.boxP .boxTitle {
	font-size:26px;
	font-weight: 400;
	padding: 10px 0;
	margin-bottom: 15px; }
.boxP img {
	width:100%; }
.boxP .aleft { padding-top: 15px; }


.btn {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #111;
	color: #fff;
	padding: 15px 40px; }
.btn:hover { 
	background-color: #333;
	color: #fff;
	text-decoration: none; }
.btn img { width: 20px; margin-right: 10px; }

.loghi { background-color: #999; }
.loghi img { height: 80px; padding: 40px 10px; }

.creazioni p { font-size: 16px; background-color: #eee; padding: 5px;}

.slick-dots { bottom: 5px;}

#imgsProdotto img { padding: 20px; }
#imgsProdotto a:hover { cursor: zoom-in; }

#map  {
	width:100%;
	height:610px; }
#map img {
	max-width:none;
	display:block;}


/* Stile immagine prodotto  */
.imgContainer { 
  width: 100%;
  height: 300px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.imgContainer img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.imgSfondo { 
	width: 100%;
  height: 300px;
  overflow: hidden;
}
.imgSfondo img {
	width: 100%;
  height: 100%;
  object-fit: cover;
}


/* Colonne Home */
.container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.col {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 88px);
  width: 12.5%; 
  position: relative;
  transition: width 0.3s ease-in-out;
  color: #FFF;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  text-decoration:none;
}

.col span {
  text-transform: uppercase;
  transform: rotate(-90deg);
  display: inline-block;
  white-space: nowrap;
  position: relative;
}

.col:hover {
	width: 16% !important; 
	box-sizing:border-box;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
	color: #FFF;
	text-decoration:none;
}
.colContainer:hover .col {
	width: 12%; 
}




/* Tabella prodotti */
table {
  width: 100%;
  border-collapse: collapse;
}
table th, table td {
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
table th {
  color: #fff;
}




	
/* Back to top button */
#back-top {
	z-index:100;
	position: fixed;
	bottom: 100px;
	right: 10px;}
#back-top a {
	width: 40px;
	height: 40px;
	display: block;
	opacity:0.6;}
#back-top a:hover {
	opacity:1;}
/* Scroll down button */
#scroll-down {
	height:40px;}

/* Form */

form { font-family: 'futura-pt', sans-serif;}

::placeholder { 
  font-weight:300;
  color: #111;
  opacity: 1;
}

input[type="email"],
input[type="search"],
input[type="text"],
input[type="password"],
textarea,
select {
	border: 1px solid #CCC;
	padding: 12px 10px 12px 10px;
	width:100%;
	margin-bottom: 15px;}
select {
	padding: 12px 10px 12px 10px;
	background-color: #fff; }
input:read-only {
	background-color: #EEE;}
input[type="button"],
input[type="submit"] {
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 15px;
	border: none;
	color: white;
	background-color: #111; }
		
input[type="submit"]:hover,
input[type="button"]:hover { background-color: #333; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin:5px;
  width:25px;
  height:25px; }


/* Footer */
#footer {
	font-size: 16px;
	line-height: 22px;
	padding-top:40px;
	padding-bottom:40px;
	background-color:#111;
	color:#fff;}
#footer img { height: 70px; }
#footer a {
	text-decoration:none;
	color:#fff; }
#footer a:hover {
	text-decoration:underline; }

#footer .social { padding-top: 30px; }
#footer .social img { height: 25px; padding: 0 7px 0 7px; }
#marchi { padding-top: 20px; }
#marchi	img { height: 90px; padding: 0 30px 0 30px; }
.grid_4.aleft .social { width: 314.6px; text-align: center; }

	
@media only screen and (min-width: 1200px) and (max-width: 1619px) { 
	body {
		font-size: 18px;
		line-height: 28px; }
	h1, .h1 {
		font-size:38px;
		line-height: 48px; }
	h2, .h2 {
		font-size:28px;
		line-height:37px;}
	#subMenuLang { right: 56px;}
	.grid_5.prefix_1 img, .grid_5.suffix_1 img { height: 390px; object-fit: cover; width: 100%; }
	.loghi img { height: 75px; }
	.boxP .boxTitle {
		font-size:22px; }
	#footer img { height: 60px; }
	#footer .social img { height: 20px; }
	#marchi { padding-top: 10px; }
	#marchi	img { height: 90px; padding: 0 20px 0 20px; }
	.grid_4.aleft .social { width: 269.667px; }
}

@media only screen and (max-width: 1199px) {
	body {
		font-size: 16px; line-height: 26px; }
	h1, .h1 {
		font-size:30px;
		line-height: 41px; }
	h2, .h2 {
		font-size:23px;
		line-height: 30px;}
	#logo img { width: 125px; }
	#menu {
		margin-top:5px;}
	#mainMenu li {
		padding:16px 0px 0px 55px; }
	#mainMenu a {
		font-size:15px;
		line-height:14px;
		font-weight: 700; }
	#subMenuLang { right: 25px;}
	#subMenuLang li { padding: 0 !important; }
	#content { padding-top: 82px; }
	.grid_5.prefix_1 img, .grid_5.suffix_1 img { height: 390px; object-fit: cover; width: 100%; }
	.loghi img { height: 58px; }
	.creazioni p { padding: 5px 10px; }
	.btn { font-size: 18px; padding: 12px 35px; }
	.boxP .boxTitle {
		font-size:20px; }
	input[type="submit"] {
	  font-size: 18px;
	  padding: 10px; }
	#footer img { height: 55px; }
	#footer .social img { height: 18px; }
	#marchi { padding-top: 10px; }
	#marchi	img { height: 78px; padding: 0 15px 0 15px; }
	.grid_4.aleft .social { width: 247.183px; }
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	body{
		font-size: 16px; }
	h1, .h1{
		font-size:24px;
		line-height: 35px; }
	h2, .h2{
		font-size:21px;
		line-height: 28px;}
	#logo img { width: 125px; }
	#mainMenu { margin-top: 15px; }
	#mainMenu li {
		padding:0px 00px 0px 50px; }
	#mainMenu a {
		font-size:14px;
		line-height:14px; }
	#subMenuLang { right: 24px;}
	.boxC .boxTitle { font-size: 25px; }
	.grid_5.prefix_1 img, .grid_5.suffix_1 img { height: 460px; object-fit: cover; width: 100%; }
	.grid_6 img { height: 390px; object-fit: cover; width: 100%; }
	.loghi img { height: 45px; }
	.creazioni p { padding: 5px 15px; }
	input[type="submit"] {
	  font-size: 16px; }
	#footer { font-size:14px; }
	#footer img { height: 45px; }
	#footer .social img { height: 16px; }
	#marchi { padding-top: 15px; }
	#marchi	img { height: 61px; padding: 0 12px 0 12px; object-fit: cover; width:auto; }
	.grid_4.aleft .social { width: 202.25px; }
}

@media only screen and (max-width: 767px) {
	body { font-size: 18px;  }
	h1, .h1 { font-size:28px; line-height: 38px; }
	h2, .h2 { font-size:23px;}
	#menu {
		position:fixed;
		display: none;
		margin-top: 65px;
		z-index: 10000;
		right: 0px;
		width:45%;
		height:100%;
		padding-left: 25px;
		background-color: #111; }
	#menuSmall {
		display:block;
		float:right;
		cursor:pointer;
		margin-top:15px; }
	.col { font-size: 24px; line-height: 22px; }
	input[type="submit"], button {
		width: 100%;}
	.boxC .boxTitle {
  	font-size: 26px; }
   .boxP .boxTitle {
    font-size: 24px; }
	.grid_5.prefix_1 img, .grid_6 img, .grid_5.suffix_1 img { height: auto; }
	.grid_3.prefix_1.aright { text-align:center; }
	.grid_5.alpha { width: 428px; }
	#imgsProdotto img { height: auto; width: 100%; padding-right: 0px; padding-left: 0px; }
	#map { height:400px; }
	#footer { font-size: 15px; }
	#footer img { height: 45px; }
	#footer .social { padding-top: 15px; }
	#footer .social img { height: 16px; }
	#marchi { text-align: center; padding-top: 30px; }
	#marchi	img { height: 70px; padding: 0 12px 0 12px; object-fit: cover; width:auto; }
	#footer .grid_4.aleft { text-align: center; padding-bottom: 30px; }
	#footer .grid_4.aleft .social { width: 100%; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#logo img { width: 125px; }
	#mainMenu li {
		display: block;
		text-align: right;
		margin:15px 50px 20px 0px;
		padding-left: 8px; }
	#mainMenu a {
		font-size:18px;
		line-height:18px;
		border-bottom: 1px solid transparent; }
	#menuSmall img {
		width: 30px;}
	#subMenuLang { right: 18px;}
}

@media only screen and (max-width: 479px) {

	#logo img { width: 125px; margin: auto; padding-top: 5px;  }
	#menu {
		display: none;
		width: 45%;
		margin-top: 75px;
		text-align:right; }
	#mainMenu li {
		display: block;
		text-align: right;
		margin:15px 50px 20px 0px;
		padding-left: 8px; }
	#mainMenu a {
		font-size:18px;
		line-height:18px;
		border-bottom: 1px solid transparent; }
	#menuSmall img {
		width: 30px;
		margin-top: -5px;}
	#subMenuLang { right: 18px;}
	 .boxC .boxTitle {
    font-size: 23px; }
	.grid_5.alpha { width: 288px; }
	input[type="submit"] {
	  font-size: 16px; }
	.btn {
		display: block;
		width: 100%;
    font-size: 15px;
    padding: 8px 0px; }
	#marchi	img { height: 57px; padding: 0 8px 0 8px; }
	/* Tabella prodotti */
	table th, table td {
		font-size: 16px;
	  padding: 5px 7px 5px 7px;
	}
}