/* --------------------------------------------------
  Global
---------------------------------------------------*/
.storia {font-family: Pluto, sans-serif; font-weight:100;}
.storia section {padding: 140px 0 140px; overflow:hidden;} 
.storia .data {font-size: 120px;font-weight: 100;margin-bottom: 40px;line-height: 0.9;}
.storia .copy {font-size:24px;font-weight: 100;}
.storia .img-shadow {box-shadow: 5px 5px 20px rgba(0,0,0,.5);}
.storia .line { width:1px;margin: 100px 0;height: 110px;}
.storia .line line { stroke:rgba(255,255,255,.8); stroke-width:1}



 
/* --------------------------------------------------
  Intro
---------------------------------------------------*/
/*.storia-intro { background:url('/img/gruppo/storia/intro_bg.jpg') no-repeat center top #383a37; color: white; padding:240px 0 140px;background-size: 100% auto;}*/
.storia-intro .main-title { font-size:100px; font-weight:100; text-transform:uppercase;}
.storia-intro .main-title small { font-size:32px; color: #6ca437; display:block; text-transform:none;margin-top: 20px;font-weight: 100;}
.storia-intro .payoff {font-size: 40px; text-transform:uppercase; font-weight:500;}
.storia-intro .copy { color:#a2a3a0;font-weight: 100;}

  

/* --------------------------------------------------
  60-70
---------------------------------------------------*/
.storia .storia-60-70 {background: url('/img/gruppo/storia/60-70_bg.jpg') no-repeat center top #F4F6F5; color: #7c7a7a;padding: 160px 0 0;}
.storia-60-70 header {margin-bottom: 350px;}
.storia-60-70 footer {position:relative; color:#c8c7c6}
.storia-60-70 footer:before { content:'';position: absolute;width: 100%;height: 100%;/* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -188%, #2D2A2A 100%); */background: linear-gradient(to bottom, rgba(45,42,42,0) 0%, #2D2A2A 180px, #2D2A2A 100%);}

.storia-60-70 .data {color: #433d3d;}
.storia-60-70 .anni60 {margin-bottom: 120px; text-align:right;}
.storia-60-70 .anni60 .line {margin-top:0;}
.storia-60-70 .anni70 {margin-bottom:150px}
.storia-60-70 .anni70 .data {color: #fff;}
.storia-60-70 .anni70 img {margin-top:-200px}

@media screen and (min-width:1800px) {
	.storia .storia-60-70 {background-size:100% auto;}
}





/* --------------------------------------------------
  80-90
---------------------------------------------------*/
/*.storia-80-90 { background:url('/img/gruppo/storia/80-90_bg.jpg') no-repeat center top #383a37; color: white; padding:140px 0 140px;background-size: cover;}*/
.storia-80-90 .anni80 { margin-bottom:130px;}
.storia-80-90 .copy { font-size:20px;}
.storia-80-90 .anni90 .copy {margin-bottom: 60px;}


/* --------------------------------------------------
  2001
---------------------------------------------------*/
/*.storia-2001 { background: url('/img/gruppo/storia/2001_bg.jpg') no-repeat center top #383a37;background-size: cover;}*/
.storia-2001 .line line {stroke:#90a1a5;}
.storia-2001 .anno2001 {margin-bottom: 220px;}
.storia-2001 .marchi { margin:0; padding:0;text-align: center;}
.storia-2001 .marchi ul { margin:0; padding:0;}
.storia-2001 .marchi li {list-style:none;display: inline-block;margin: 0 25px;}
.storia-2001 .marchi img {margin:0;}




/* --------------------------------------------------
  2005
---------------------------------------------------*/
/*.storia-2005 { background: url('/img/gruppo/storia/2005_bg.jpg') no-repeat center top #383a37; background-size: cover; color:white; min-height: 960px;}*/




/* --------------------------------------------------
  2008-2009
---------------------------------------------------*/
/*.storia-2008-2009 {background: url('/img/gruppo/storia/2008-2009_bg.jpg') no-repeat center top #383a37; background-size: cover; color:white; min-height: 960px; color: #465255;}*/
.storia .anno2008 { text-align:right;}
.storia .anno2009 { text-align:left;}
.storia-2008-2009 .data-top {display:none;}
.storia-2008-2009 .data-bottom {margin-top:40px}


/* --------------------------------------------------
  2011-2013
---------------------------------------------------*/
/*.storia-2011-2013 {background: url('/img/gruppo/storia/2011-2013_bg.jpg') no-repeat center top #383a37; background-size: cover; color:white; min-height: 960px; color: #465255;}*/
.storia-2011-2013 .copy { font-size:22px;}
.storia .anno2013 { text-align:left;}
.anno2011 {text-align:right; margin-top: 80px;}
.storia .anno2011 img {margin-top: 80px;}


/* --------------------------------------------------
  2014
---------------------------------------------------*/
/*.storia-2014-2015 { background: url('/img/gruppo/storia/2014_bg.jpg') no-repeat center top #383a37;background-size: cover; color:white; min-height: 960px;}*/
.storia-2014-2015 .anno2014 .copy, .storia-2014-2015 .anno2015 .copy { font-size: 20px;}
.storia-2014-2015 line { fill: white; }
.storia .anno2014 { text-align:right;}
.storia .anno2015 {/* text-align:left; */}
.storia .anno2015 .data-top {display:none;}
.storia .anno2015 .data-bottom {margin-top:40px}





/* MD */
@media screen and (max-width:1200px) {

	/* --------------------------------------------------
		Global
	---------------------------------------------------*/
	.storia .data {/* font-size:140px; */ margin-bottom: 40px;}
	.storia .copy {font-size:24px;font-weight: 100;}
	.storia .img-shadow {box-shadow: 5px 5px 20px rgba(0,0,0,.5);}
	.storia .line { width:1px;margin: 100px 0;height: 110px;}
	


	/* --------------------------------------------------
		Intro
	---------------------------------------------------*/
	.storia-intro { }
	.storia-intro .main-title {font-size: 80px; font-weight:100; text-transform:uppercase;}
	.storia-intro .main-title small { font-size:32px; color: #6ca437; display:block; text-transform:none;margin-top: 20px;font-weight: 100;}
	.storia-intro .payoff {font-size: 40px; text-transform:uppercase; font-weight:500;}
	.storia-intro .copy { color:#a2a3a0;font-weight: 100;}



	/* --------------------------------------------------
		60-70
	---------------------------------------------------*/
	.storia-60-70 {}
	.storia-60-70 .anni70 img {margin-top:0px}


	/* --------------------------------------------------
		80-90
	---------------------------------------------------*/
	.storia-80-90 {}
	.storia-80-90 .copy { font-size:20px;-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}


	/* --------------------------------------------------
		2001
	---------------------------------------------------*/
	.storia-2001 {}
	.storia-2001 .marchi li {margin: 0 5px}


	/* --------------------------------------------------
		2005
	---------------------------------------------------*/



	/* --------------------------------------------------
		2008-2009
	---------------------------------------------------*/



	/* --------------------------------------------------
		2011-2013
	---------------------------------------------------*/
	.storia-2011-2013 .copy { font-size:22px;}


	/* --------------------------------------------------
		2014
	---------------------------------------------------*/



}

/* SM */
@media screen and (max-width:992px) {

	/* --------------------------------------------------
		Global
	---------------------------------------------------*/
	.storia .data {font-size:90px; margin-bottom: 40px;}	
	.storia-60-70 .anni70 img {margin-top: 0;}


	/* --------------------------------------------------
		80-90
	---------------------------------------------------*/
	
	
	/* --------------------------------------------------
		2001
	---------------------------------------------------*/
	.storia-2001 .marchi li {width: calc(25% - 16px);  margin: 0 5px}


	/* --------------------------------------------------
		2005
	---------------------------------------------------*/
	.storia-2005 {background-position:80% top;}


	/* --------------------------------------------------
		2008-2009
	---------------------------------------------------*/
	.storia .anno2008, .storia .anno2009 { text-align:center;}
	.storia-2008-2009 .data-top {display: block;}
	.storia-2008-2009 .data-bottom {margin-top:40px;display: none;}


	/* --------------------------------------------------
		2011-2013
	---------------------------------------------------*/
	.storia .anno2011 { text-align:left;}



	/* --------------------------------------------------
		2014-2015
	---------------------------------------------------*/
	.storia .anno2014 { text-align:left;}


}

/* XS */
@media screen and (max-width:768px) {
	
	/* --------------------------------------------------
		Global
	---------------------------------------------------*/
	.storia article {text-align:center; }
	.storia article img { margin-bottom:30px;}
	.storia .copy { font-size: 20px; }
	



	/* --------------------------------------------------
		Intro
	---------------------------------------------------*/
	.storia-intro { }
	.storia-intro .main-title {font-size: 60px; font-weight:100; text-transform:uppercase;}
	.storia-intro .payoff {font-size: 30px; padding:15px;}


	/* --------------------------------------------------
		60-70
	---------------------------------------------------*/
	.storia-60-70 .copy {margin-bottom:60px;}
	.storia-60-70 .anni60, .storia-60-70 .anni70 {text-align:center;}
	

	/* --------------------------------------------------
		2001
	---------------------------------------------------*/
	.storia-2001 {background-position:60%;}
	.storia-2001 .marchi li {width: calc(40% - 16px);margin: 0 5px 16px;}
	.storia-2001 .marchi img {}


	/* --------------------------------------------------
		2008-2009
	---------------------------------------------------*/
	.storia-2008-2009 .data-top {margin-top:80px;}


	/* --------------------------------------------------
		2011-2013
	---------------------------------------------------*/
	.storia-2011-2013 {background-position: 70% bottom;}
	.storia .anno2011, .storia .anno2013 { text-align:center;}


	/* --------------------------------------------------
		2014-2015
	---------------------------------------------------*/
	.storia .anno2014,	.storia .anno2015 {text-align:center;}
	.storia .anno2015 { margin-top:80px}
	.storia .anno2015 .data-top {display:block;}
	.storia .anno2015 .data-bottom {display:none;}


	
}

/* XXS */
@media screen and (max-width:480px) {
}