/*
 * Author: Luca Arzilli, ALSolutions
 *
 * Project Name: Mantoflex
 *
 */

/* HOME PAGE */

/* welcome */

#welcome {
	height:95vh;
	background-color:#2d432b;
	padding-top:35vh;
}

#welcome .brand {
  font-family: "Bodoni72";
  font-size: 100px;
  line-height:90px;
  color:#FFF;
  margin-bottom:10px;
}

#welcome h1 {
  font-family: "Bodoni72";
  font-size: 33px;
  line-height:38px;
  color:#FFF;
  font-weight: normal;
  margin: 0;
}
#welcome .discover {
	position:absolute;
	bottom:10vh;
	width:100%;
	text-align:center;
}
#welcome button {
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:transparent;
	margin:0px;
	border-radius:25px;
	padding:10px 30px;
	height:45px;
}

/* perchè scegliere mantoflex */
#perchescegliere .titolo {
	padding:140px 0px;
}
#perchescegliere h2 {
	font-size:50px;
	line-height:45px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#000;
	text-align:center;
}
#perchescegliere h3 {
	font-size:60px;
	line-height:65px;
	color:#FFF;
	text-transform:uppercase;
	margin:0px;
}
#perchescegliere .row-det {
	padding:0px 7px;
}
#perchescegliere .col-lg-6, #perchescegliere .col-md-6, #perchescegliere .col-sm-6 {
	padding:0px 7px;
}

#perchescegliere .desktop-mb-30 {
	margin-bottom:14px !important;
}
#perchescegliere .mobile-mb-30 {
	margin-bottom:0px;
}
#perchescegliere .text-box 
{
	background-color: rgba(0, 0, 0, 0.1);
}

/* prodotti */
#prodotti .titolo {
	padding:140px 0px;
}

#prodotti h2 {
	font-size:50px;
	line-height:45px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#000;
	text-align:center;
}
#prodotti h3 {
	font-size:60px;
	line-height:65px;
	color:#FFF;
	margin:0px;
}
#prodotti h3 span {
	font-size:40px;
	line-height:35px;
	color:#FFF;
}
#prodotti .col-lg-6, #prodotti .col-md-6, #prodotti .col-sm-6 {
	padding:0px 7px;
}
#prodotti .row-det {
	padding:0px 7px;
}

#prodotti .desktop-mb-30 {
	margin-bottom:14px !important;
}
#prodotti .mobile-mb-30 {
	margin-bottom:0px;
}

#prodotti .text-box:hover 
{
	background-color: rgba(255, 255, 255, 0.3);
}

/* sportarte */
#sportarte .titolo {
	padding:140px 0px;
}

#sportarte h2 {
  font-size: 50px;
  font-weight:100 !important;
  font-family: 'dinblack';
  color:#FFF;
}
#sportarte h3 {
  font-size: 50px;
  font-weight:100 !important;
  font-family: 'reenie_beanieregular';
  color:#FFF;
}
#sportarte hr {
	width:100%;
	color:#FFF;
	opacity:1;
	margin:5px;
}
#sportarte p {
	font-size: 24px;
	color:#FFF;
	line-height: 30px;
	font-weight:bold;
	margin-top:20px;
}
#sportarte-m {
		display:none;
}
#sportarte .text-box 
{
	background-color: rgba(0, 0, 0, 0.2);
}
#sportarte button {
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:transparent;
	margin:0px;
	border-radius:25px;
	padding:10px 30px;
	height:45px;
	margin-top:20px;
}

/* mantoflex mood */
#mantoflexmood .titolo {
	padding:140px 0px;
}

#mantoflexmood h2 {
  font-size: 66px;
  line-height: 66px;
  margin-bottom:0px;
  color:#FFF;
}
#mantoflexmood h3 {
  font-size: 46px;
  line-height: 46px;
  color:#FFF;
  margin-top:10px;
  font-family: "Bodoni72";
}
#mantoflexmood p {
	font-size: 30px;
	color:#FFF;
	font-size: 30px;
	margin-top:10px;
	font-family: "Bodoni72";
}
#mantoflexmood button {
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:transparent;
	margin:0px;
	border-radius:25px;
	padding:10px 30px;
	height:45px;
	margin-top:20px;
	text-transform:uppercase;
}
#mood-m {
		display:none;
}
#mantoflexmood .text-box 
{
	background-color: rgba(0, 0, 0, 0.2);
}

/* referenze */
#referenze .titolo {
	padding:140px 0px;
}

#referenze h2 {
  font-size: 56px;
  color:#FFF;
}
#referenze button {
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:transparent;
	margin:0px;
	border-radius:25px;
	padding:10px 30px;
	height:45px;
	margin-top:20px;
	text-transform:uppercase;
}
#referenze-m {
		display:none;
}
#referenze .text-box 
{
	background-color: rgba(0, 0, 0, 0.3);
}

/* showroom */
#showroom .titolo {
	padding:140px 0px;
}

#showroom h2 {
  font-size: 56px;
  color:#FFF;
}
#showroom button {
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:transparent;
	margin:0px;
	border-radius:25px;
	padding:10px 30px;
	height:45px;
	margin-top:20px;
	text-transform:uppercase;
}
#showroom-m {
		display:none;
}
#showroom .text-box 
{
	background-color: rgba(0, 0, 0, 0.1);
}

/* news */
#news .titolo {
	padding:140px 0px;
}
#news h2 {
	font-size:50px;
	line-height:45px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#000;
	text-align:center;
}
#news .container-box {
	margin-bottom:25px;
}
#news button {
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color:#CD0C0C;
	border:1px solid #CD0C0C;
	background-color:transparent;
	margin:0px;
	border-radius:25px;
	padding:10px 30px;
	height:45px;
	text-transform:uppercase;
}
#news .discover-more {
	padding:45px 0px 70px 0px;
}
#news .row-det {
	padding:0px 14px;
}
#news h4 {
	font-size:20px;
	line-height:24px;
	text-transform:uppercase;
	margin:0px;
}
#news p {
	font-size:14px;
	line-height:18px;
	margin-top:20px;
}
#news .text-box 
{
	padding:35px;
	color:transparent;
	cursor:pointer;
}
#news .text-box:hover 
{
	background-color: rgba(0, 0, 0, 0.5);
	color:#FFF !important;
}


@media (max-width: 1024px) {
	#perchescegliere h2, #prodotti h2, #news h2 {
		font-size:35px;
		line-height:30px;
	}
	#perchescegliere h3, #prodotti h3 {
		font-size:40px;
		line-height:45px;
	}
	#prodotti h3 span {
		font-size:25px;
		line-height:20px;
	}
}

@media (max-width: 450px) {
	#perchescegliere .mobile-mb-30 {
		margin-bottom:14px !important;
	}
	#prodotti .mobile-mb-30 {
		margin-bottom:14px !important;
	}
	#welcome .brand {
  		font-size: 80px;
  		line-height:70px;
  	}
  	#welcome h1 {
  		font-size: 25px;
  		line-height:30px;
  	}
  	#perchescegliere h2, #prodotti h2, #news h2 {
		font-size:35px;
		line-height:30px;
	}
	#perchescegliere h3, #prodotti h3 {
		font-size:40px;
		line-height:45px;
	}
	#prodotti h3 span {
		font-size:25px;
		line-height:20px;
	}
	#sportarte-m, #mood-m, #referenze-m, #showroom-m {
		display:block;
	}
	#sportarte-d, #mood-d, #referenze-d, #showroom-d {
		display:none;
	}
	#showroom h1, #showroom h2 #mantoflexmood h1, #mantoflexmood h2, #mantoflexmood h3, #referenze h1, #referenze h2 {
		font-size:40px;
		line-height:45px;
		margin-bottom:0px;
	}
	#mantoflexmood h3 {
		margin-top:0px;
	}
}