/* CSS Document */

body {
	background: linear-gradient(-45deg, #fff, #eee, #dfe5e9, #fff);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
     margin-left: 0;
     margin-left: 0;
}

.barba-container{
	margin-top:40px;
}

.fa{
	font-family: FontAwesome;
	font-size: 20px;
}
.scrollto i{
	position: relative;
	top:8px;
	left:8px;
	margin-left:-5px;
	font-size: 10px;
}

header.page-header .caption {
	text-align: center !important;
}

 header.page-header .caption.fixtop{
	display: inline-block;
	font-size: 12px !important;
	position: fixed;
	top:5px !important;
	left:10% !important;
	width:80%;
	 height:50px;
	text-align: center;
	color:#353535;
	z-index: 2000;
}
 header.page-header .caption.fixtop small{
	display: none;
}

header[role="header"] #toggle-menu{
	float:left !important;
	margin-left:0 !important;
}


@media screen and (max-width: 640px) {
	header[role="header"] .menu-text{
		display:none;
	}
}




header[role="header"] .brand {
	position:absolute;
	left:50% !important;
	top:0px !important;
	margin-left:-100px !important;
	height:50px !important;
}

header[role="header"] .brand a{
	padding-top:10px !important;
}

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

	 header[role="header"] .brand{
		left:15%!important;
		margin:0 !important;
		width:70% !important;
	}

	.path-frontpage header[role="header"] .brand{
		left:50px !important;
	}

}



@media screen and (max-width: 1024px){
	.homepage .slider--wrapper .slide .caption .lead{
		font-size: 3.5em !important;
	}
	.homepage .slider--wrapper .slide .caption small{
		line-height: 1em !important;
	}
}
@media screen and (max-width: 600px){
	.homepage .slider--wrapper .slide .caption .lead{
		font-size: 1.8em !important;
	}
	.homepage .slider--wrapper .slide .caption small{
		line-height: 1em !important;
	}
}


header[role="header"] .lang li a.is-active{
	text-decoration: none;
	background-color: #ddd;
	padding-left:4px;
}

header .pretaporter{
	display: none;
	position:absolute;
	left:50%;
	top:14px;
	margin-left:-100px;
	font-family:Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, serif;
	font-size: 12px;
	text-transform: uppercase;
	width:200px;
	color:#777;
	text-align: center;
}

header[role="header"] .brand.hide{
	margin-top:-100px !important;

}

.homepage .slick-prev{
	left:50%;
	transition: left 2s;
}

.homepage .slick-next{
	right:50%;
	transition: right 2s;
}


.page-navigation{
	text-align: center !important;
}
main[role="main"] .page-navigation{
	max-width: none !important;
	width:100% !important;
}

main[role="main"] .page-navigation a{
	font-family: "acre-thin" !important;

}

.homepage .slider--wrapper .slide .caption .lead{
	line-height: 0.8 !important;
}

.homepage .slider--wrapper{
	background-image: url(../img/logo_zamasport_fashion.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
}

.path-user #user-login-form label{
	width:100%;
	color:#126587;

}

#barba-wrapper{
	margin-top:-41px !important;
}

.paragraph-type-title{
	font-size: 30px !important;
}

.page-navigation.fixtop{
	position: fixed;
	top:40px;
	left:0;
	text-align: center;
	width:100% !important;
	z-index: 1000;
	font-size: 10px;

	background-color: #fff;
	padding:0 10px 0 10px;
}

#menu-generale{
	width:100%;
	text-transform: uppercase;

}
#menu-generale-voci{
	width:50%;
	overflow: hidden !important;
	float:left;
}
#menu-generale-preview{
	width:50%;
	float:right;
}


.page-navigation ul li:hover a{
	color:#333 !important;
}

.page-navigation li{
	line-height: 0.5em !important;
}


.language-link{
	padding:0 4px 0 0;
}

.lang .is-active{
	color:#2F4F74 !important;
	text-decoration: underline;

}

footer{
	background-color: rgba(180,185,188,0.6);
	position:fixed;
	bottom:0;
	height:25px;
	overflow: hidden;
	width:100%;
	transition: height 1s;
	z-index: 100;
	float:left;
	font-family: "acre-thin", sans-serif;
	height:20px;
	color:#fff;

}

#footer-spacer{
	background-color: #ddd;
	height:220px;
	border-top:1px dashed rgba(13,38,67,0.95) !important;
	padding-top:5px;

}

#menu-footer-open{
	color:#122a46;
	font-size: 12px;
	line-height: 26px;
	margin-right:5px;
	text-align: center;

}


#info-company{
	font-size: 11px;
	text-align: center;
	width:100% !important;
	margin-top:5px;
	float:left;
}



footer:hover{
	height:200px !important;
}

footer a{
	font-size:14px !important;color: #bbb;
}
footer a:hover{
	color:#B44B69 !important;
}

footer .col{
	width:25% !important;
	float:left;
	border-right:1px dotted #353535;
	padding:10px 3%;
	height:120px;
	overflow: hidden;
}

.menu-text{
	font-size: 10px;
	position: absolute;
	top:25px;
	left:100px;
	color:#222;

}

@media screen and (max-width: 790px) {
	.menu-text{
		left:30px;
	}
}

#menu-generale-footer{
	height:20px !important;
	background-color:transparent !important;
	color:#000;
	margin-bottom:20px;
	text-align: center;
	width: 50%;

}

.footer--wrapper{
	background-color: rgba(13,38,67,0,5) !important;
	transition: background-color 1s;
	float:left;
	padding:10px;
}

footer .footer--wrapper{
	background-color: rgba(13,38,67,0.95) !important;
}

#footer-logo{
	width:50%;
	float:right;
	margin-top:5px;
}

#footer-mappa{
margin: 0 auto;

}


#menu-footer{
	text-align: right;
	font-size: 14px;
	height:25px;
	margin-top:-20px;
	line-height: 25px;
}



/*.timeline{ max-height: 600px !important;}*/

.field--name-field-p-timeline-testo{
	text-align: justify;
}
.page-navigation{

}
main[role="main"] .page-navigation ul li a{
	font-size: 1.3em !important;
}

.lead a{
	width:20px !important;
	display:inline-block !important;
	margin:0;
	font-size: 38px;
	padding-top:-35px;
	color:rgba(255,255,255,0);

}

.fixtop .lead  a{
	font-size: 18px;
	color:#494949;
	display: block;

}

#menu-generale-preview{
	border-left:1px solid #ccc;
	padding-left:30px;
}




nav[role="navigation"] ul[role="menubar"]{
	width:35% !important;
}

nav[role="navigation"] ul[role="menubar"] ul{
	width:80% !important;
}

nav[role="navigation"] ul[role="menubar"] li {
	line-height: 16px !important;
}

nav[role="navigation"] ul[role="menubar"] li a{
    font-size: 0.6em !important;
	color:#2F4F74 !important;
}

nav[role="navigation"] ul[role="menubar"] li a:hover{
	color:#333 !important;
}

nav[role="navigation"] ul[role="menubar"] li a.primary{
    font-size: 1em !important;
	line-height: 28px !important;
}

nav[role="navigation"] ul[role="menubar"] li ul  {
    border-left:1px solid #B44B69;
	border-right:none;
	overflow: hidden;
	max-height:0px;
	transition: max-height 1s ease-out;
}

nav[role="navigation"] ul[role="menubar"] li ul li {
    font-size: 1em !important;
	/*display: none;*/

	line-height: 16px !important;

}

nav[role="navigation"] ul[role="menubar"] li ul li a{
    line-height: 16px !important;
	word-spacing: normal;
	color:#B44B69 !important;
}

nav[role="navigation"] ul[role="menubar"] li:hover ul  {
    /*display: block;*/
	height:auto;
	max-height: 100px;
}

.menu li:hover{
	text-decoration: underline;
}

#navigator .menu {
	position:absolute !important;
	top:150px;
	left:120px;
}
#navigator .menu ul{
	position:relative !important;
	top:0px;
	left:20px;
}
#navigator .menu ul li{
	text-transform: uppercase;
}

#menu-link-footer .menu{
	position:relative;
	float:left;
	text-align: center;
	font-weight: 400;
	width:90%;
	margin: 0 5%;


}

#menu-link-footer .menu{

}

#menu-link-footer li{
	display: inline-block;
	padding:5px 5px;
	margin:0;
	font-size: 14px;
	font-weight: 200;
}

#menu-link-footer li a{
	font-family: "acre-thin" !important;
	font-weight: 200;
}

#menu-link-footer li a.is-active{
	text-decoration: underline;

}

.region-content{
	padding:10px 50px;
}





/***** moduli ****/

.timeline .slick-slide a{
	cursor:ew-resize  !important;
}


.field--name-field-p-timeline-testo{
	width:80%;

}

.blockquote{
	margin-bottom:20px !important;
}


/****** video *******/

.video{
    width:calc(100% + 100px) !important;
		margin-left:-50px !important;
		max-width: none !important;
		padding:0;
}

@media screen and (max-width: 480px) {
	.video{
		width:calc(100% + 20px) !important;
		margin-left:-20px !important;

	}
}

.video h2{
    background-color: #2F4F74;
		color:#fff;
		width:50%;
		padding:30px;
		margin-bottom:-10px;
		text-transform: uppercase;


}

.video-button{
  position:relative;
  left:calc(50% - 50px);
	top:-300px;

  font-size: 60px;
  font-family: "FontAwesome";
  color:#F90004;

  border: none;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background-color: rgba(255,255,255,0.0);
  background-position: center center;
  height:100px;
  width:100px;
  text-align: center;
  line-height: 100px;

  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.video-button a{
	color:#8C8A8A;
}

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


	.video-button{
		top:-120px !important;
	}
	.video h2{
		width:100%;
	}
}

.pulse-button:hover
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}



/**** monocol-right ***/
main[role="main"] .flexgrid.monocol-right .spacing--col {
	width:25%;
}

main[role="main"] .flexgrid.monocol-right .description--col {
	width:75%;

}



main[role="main"] .flexgrid.monocol-right .description--col {
	width:75%;

}

main[role="main"] .flexgrid.monocol-right .spacing--col{
	font-size: 25em;
	color:#fff;
	font-family: "butlerregular", serif;
	line-height: 1em;
	margin-top:-30px;
}

.page-node-5 main[role="main"] .flexgrid.monocol-right .spacing--col{
	display:none;
}

.monocol-intro{
	margin: 30px 0;
	font-style: italic !important;
	font-size: 1.5em !important;
	color:#7F7F7F;
	line-height: 1.1em !important;
	font-family: "butlerthin", serif;
	text-align: justify;
}

main[role="main"] .description--col h2{
	float:left;
	width:100%;
	margin-bottom:25px;
}

#SUSTAINABILITY h2{
	font-size: 3.5em;
}

#PLM h2{
	font-size: 3.5em;
}

#RESEARCH_AND_DEVELOPMENT h2{
	font-size: 3.5em;
}

#CONFIDENTIALITY h2{
	font-size: 3em;
}

#PRESTIGIOUS_BRANDS h2{
	font-size: 3em;
}

#RISERVATEZZA h2{
	font-size: 3em;
}

#MARCHI h2{
	font-size: 3em;
}

#PRESTIGIOUS_BRANDS h2{
	font-size: 3em;
}

#SUSTAINABILITY h2{
	font-size: 3em;
}

#POLICY h2{
	font-size: 3em;
}


main[role="main"] .monocol-right .description--col h2{
	border-bottom:2px dashed #C0CAD5;
}

main[role="main"] .flexgrid.two-blocks{
	margin-bottom:25px;
}

main[role="main"] .flexgrid.two-blocks h2 {
	float:right;
	/*text-align: right;*/
	Margin-bottom:30px;
	width:100%;
	float:left;

}

main[role="main"] .flexgrid.two-blocks.rev h2 {
	float:left;
	text-align: left;
	Margin-bottom:30px;
		width:100;

}


main[role="main"] .img--col .img--container{
	height:110%;
}



main[role="main"] .description--col .subtitle{
	border-bottom:2px dashed #C0CAD5;
	margin-bottom:20px;
	float:left;
	line-height: 1em;
}
main[role="main"] .description--col .subtitle p{
		margin-bottom:20px !important;

}

main[role="main"] .description--col div{
	float:left;
}


/************* blur effect **************/

/*
.slide--img{
	transition: filter 1s ease 0.5s !important;
	-webkit-transition: -webkit-filter 1s ease 0.5s !important;
}
.slide--img {
	filter: blur(10px);
	-webkit-filter: blur(0);
}
.slide--img:hover{
	filter: blur(0);
	-webkit-filter: blur(10px);
}
.refocus .focus-in.refocus-img-bg,
.refocus .focus-out.refocus-img-bg {
	transition: all 0s ease 0s;
}
*/


.numerogrande{
	width:100%;
	font-size: 20px;
	height:50px;

}
.numerogrande .numero{
	font-size: 40px;
	color:#2F4F74;
	margin-right:10px;
}


.lity-content img{
	width:auto;
}

.big-image{
overflow: hidden;
	margin-left:-60px;
	margin-right:-60px;
	background-size:cover !important;
	background-color:#CB171A;
	margin-top:100px !important;
}

.big-imageFull {
	width:calc(100% + 100px) !important;
	max-width: none !important;
	height:600px;
	background-color: #D53838;
	background-size: cover !important;
	margin-left:-50px !important;
	margin-right:-50px !important;

}

@media screen and (max-width: 480px) {
	.big-imageFull {
		width:calc(100% + 20px) !important;
		margin-left:-20px !important;
		//margin-right:-20px !important;
	}

}

.big-imageFull .big-image-titolo{



}


.big-image .parallax-window {
    min-height: 350px;
    background: transparent;
	margin-left:-55px;
	margin-right:-50px;

}

.big-image .tratteggio {
    height:100%;
	border-bottom: 2px dashed #fff;
	border-top: 2px dashed #fff;
	padding: 10px 0;
}

.big-image{
	width:calc(100% + 100px) !important;
	margin-left:-50px !important;
	margin-right:-50px !important;
	max-width: none !important;


}
.big-image img{
	width:100%;
	height:auto;
}

.big-image-titolo{
	font-size: 8em;
	font-family: "butlerregular", serif;
	text-align: center;
	width: 100%;
	color:#fff;

	float:left;
	line-height: 0.8em;


	position: relative;
     top: 50%;
     transform: perspective(1px) translateY(-50%);

}


.img-gallery-top{
	margin-top:100px;
}

.year--img-wrapper .fa-plus-square{
	position: absolute;
	top:100px;
	right:16px;
	color:#e1e6ea;
	width:16px;
	height:16px;
	padding:0 0 0 1px;
	cursor: pointer;
	border-radius:4px;
}

@media screen and (max-width: 1460px) {
	.timeline--content figure .year--img-wrapper{
		height:300px !important;
	}
	.year--subtitle{
		height:50px;
	}
}

@media screen and (max-width: 1300px) {
	.timeline--content figure .year--img-wrapper{
		height:260px !important;
	}

}

@media screen and (max-width: 1200px) {
	.timeline--content figure .year--img-wrapper{
		height:240px !important;
	}
}

@media screen and (max-width: 1130px) {
	.timeline--content figure .year--img-wrapper{
		height:220px !important;
	}
}

@media screen and (max-width: 1050px) {
	.timeline--content figure .year--img-wrapper{
		height:190px !important;
	}
	.big-imageFull{
		height:400px !important;
	}
}

@media screen and (max-width: 950px) {
	.timeline--content figure .year--img-wrapper{
		height:170px !important;
	}
	.timeline--content{
		margin-top:0px;
	}
}

@media screen and (max-width: 850px) {
	.timeline--content figure .year--img-wrapper{
		height:150px !important;
	}
}

@media screen and (max-width: 790px) {
	.timeline--content figure .year--img-wrapper{
		height:300px !important;
	}
}

@media screen and (max-width: 660px) {
	.timeline--content figure .year--img-wrapper{
		height:280px !important;
	}
}

@media screen and (max-width: 600px) {
	.timeline--content figure .year--img-wrapper{
		height:340px !important;
	}
	.big-imageFull{
		height:300px !important;
	}
}

@media screen and (max-width: 350px) {
	.timeline--content figure .year--img-wrapper{
		height:260px !important;
	}
}

.page-node-5 .big-image-titolo{
	font-size: 200px;
}

.page-node-23 .big-image-titolo{
	font-size: 100px;
}

/***** number ******/

.box-numero{
	border:1px solid #333;
	width:23%;
	padding:20px;
	text-align: center;
	height:150px;
	margin-right:2%;
	margin-bottom:20px;
	float:left;
	background-color: rgba(47,79,116,0.8);
	color:#fff;
}

.box-numero-count{
	font-size: 3em;
	font-family: "butlerregular", serif;
}

#box-numeri{
	width:50%;
	margin:0 25%;
	float:left;
}

.paragraph90{
	width:calc(100% + 100px) !important;
	max-width: none;
		background: url("../../../sites/default/files/sezioni/manichini_gruppo.jpg");
	background-size: cover;
	float:left;
	height:500px;
}


@-webkit-keyframes homeblur {
  0% {
    /* Firefox */

	  	-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		-o-filter: blur(10px);
		-ms-filter: blur(10px);
		filter: blur(10px);
  }

  100%{
	    -webkit-filter: blur(1px);
		-moz-filter: blur(1px);
		-o-filter: blur(1px);
		-ms-filter: blur(1px);
		filter: blur(1px);
	}

}

h2 small{
	font-family: "acre-thin";
}

.homepage .slider--wrapper .slide .caption .lead{
	width:100% !important;
	margin-left: 0% !important;
}

.homepage #slick-slide00 .caption small{
	width:100% !important;
	margin-left: 0% !important;
}


.homepage #slick-slide04 .caption small{
	width:100% !important;
	margin-left: 0% !important;
}

.homepage .slider--wrapper .slide .caption small2{
	width:50% !important;
	margin-left: 50% !important;
}

.homepage .slider--wrapper .slick-active small{
	font-family: "acre-thin"
}

.homepage .slider--wrapper .slick-active small{

  padding-bottom:25px;
  width: 100%;
  animation: homeblur 2s ease-out !important;
  /* Add infinite to loop. */

  -ms-animation: homeblur 4s ease-out;
  -webkit-animation: homeblur 4s ease-out;
  -0-animation: homeblur 4s ease-out;
  -moz-animation: homeblur 4s ease-out;

}


main[role="main"] .page-navigation ul li + li:before{
	content:" /" !important;
	font-family: "FontAwesome";
	font-size: 14px !important;
	line-height: 30px !important;
	padding:0 10px;
	color:#000 !important;
}


/************************/

/*** KEN BURNS EFFECT ****/



@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1.0);

    -ms-transform: scale(1.0);
    /* IE 9 */

    -webkit-transform: scale(1.0);
    /* Safari and Chrome */

    -o-transform: scale(1.0);
    /* Opera */

    -moz-transform: scale(1.0);

    /* Firefox */
	opacity:0;

  }
  30%{
		opacity:1;
	}

  100% {
    transform: scale(1.2);

    -ms-transform: scale(1.2);
    /* IE 9 */

    -webkit-transform: scale(1.2);
    /* Safari and Chrome */

    -o-transform: scale(1.2);
    /* Opera */

    -moz-transform: scale(1.2);

    /* Firefox */


  }


}

.homepage .slider--wrapper .slick-active img {

  width: 100%;
  animation: move 15s ease-out !important;
  /* Add infinite to loop. */

  -ms-animation: move 15s ease-out;
  -webkit-animation: move 15s ease-out;
  -0-animation: move 15s ease-out;
  -moz-animation: move 15s ease-out;
  position: absolute;
}


.uscita{
	-webkit-filter: saturate(8);
    filter: saturate(8);
	transition: saturate 6s;
	transition: opacity 2s;
	opacity:0;
}

header.page-header img{

	transition: saturate 6s;

	transition: opacity 8s;
	opacity:0;

}

header.page-header img.entrata{

	opacity:1;

}

h2.slideTop{
	padding-top:30px !important;
}

/*
.big-char{
	background:url('https://www.ilgiardinodegliilluminati.it/wp-content/uploads/2017/07/verde.jpg');
    background-repeat:no-repeat;
    background-position:0 0;
    color:transparent;
    -webkit-font-smoothing:antialiased;
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:0;
}
*/

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

	header[role="header"] .brand{
	 left:15%!important;
	 margin:0 !important;
	 width:70% !important;
 	}

	.big-char{
	 margin-left:-80px;
	 width:5px;
	 /*display:none;*/
	}

	main[role="main"] .flexgrid.monocol-right .description--col{
		width:100%;
	}

	main[role="main"] .description--col h2{
		font-size: 3em !important;
	}

	main[role="main"] .description--col p{
		text-align: left !important;
	}

	.field--name-field-p-timeline-testo{
		width:100%;
	}

	main[role="main"] .timeline .timeline--description h2{
		font-size:3em !important;
	}

	.timeline-arrow{
		max-height: 100px !important;
	}

	.timeline--content, .timeline--description{
		float:left !important;
		clear:both;
		width:100%;
		position:inherit !important;
	}

	.big-image{
		margin-bottom:30px;
	}

	.description--col{
		margin-top:30px;
	}

	.big-image-titolo{
		font-size:7em !important;
	}

	.page-navigation li{
		line-height: 0.1em !important;
	}

	header.page-header .caption.fixtop{
		width:60% !important;
		left:20% !important;
	}

	#navigator .menu{
		left:0;

	}

	nav[role="navigation"] ul[role="menubar"] li a.primary{
		font-size: 26px !important;
		line-height: 30px !important;
		margin-bottom:5px;
	}


	main[role="main"] .img-grid .content--wrapper h2{
		font-size:2em !important;
		margin-left:5px !important;

	}

	field--name-field-p-monocol-right-titolo{
		max-width: 200px;
		overflow: hidden;
	}

	main[role="main"] .page-navigation ul li + li:before{
		line-height: 25px;
	}

	footer .col1-4{
		width:100% !important;
		height:50px;
		text-align: left;
		margin-bottom:5px;
	}

	footer .col2-4,footer .col3-4{
		width:50% !important;
	}

	footer .col4-4{
		width:100% !important;
		text-align: right !important;
	}

	footer .col4-4 img{
		height:140px;
		width:auto;

	}

	footer:hover{
		height:400px !important;
	}


	nav[role="navigation"] ul[role="menubar"]{
		width:100% !important;
		padding:0 20px;
	}

	.section--preview{
		display:none;
	}

	#navigator{
		background-color:rgba(0,0,0,0.9);
		color:#fff;
	}

	nav[role="navigation"] ul[role="menubar"] li a{
		color:#fff !important;
	}



}


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

	.page-node-28 .lead{
		font-size: 0.8em;
	}

	.img-gallery-top{
		display:none;

	}

	.lead{
		line-height:40px !important;
	}

	.description--col{
		margin-top:80px;
	}

	header.page-header .caption .lead{
		font-size: 1.5em !important;
		line-height: 1em !important;
		margin-top:15px;
	}

	 header.page-header .caption small{
		 line-height:1em !important;
	 }

	.big-image-titolo{
		font-size:5em !important;
	}

	#footer-logo{
		float:left;
	}

#block-views-block-press-documenti-block-1 h2{
	text-align: center;
	font-size: 60px !important;
	font-family: "butlerregular", serif;

}
	.block-views-blockpress-documenti-block-1 h2, .block-views-blockpress-immagini-block-1 h2{
		text-align: center;
	}

	.block-views-blockpress-immagini-block-1, .block-views-blockpress-documenti-block-1{
		padding-bottom:20px;
		border-bottom:1px dotted #ccc;
	}

	.view-press-documenti .field-content{
		font-size: 26px;
		padding:0 20px;
	}

	.view-press-immagini .views-col{
		width:100% !important;
		text-align: center;
		margin-bottom:20px;

	}

	.view-press-immagini .views-col img{
		max-width:200px !important;
		margin:0 auto;
	}

	.monocol-right .description--col{
		margin-top:-200px;
	}

	@media screen and (max-width: 800px) {
		.monocol-right .description--col{
			margin-top:40px;
		}
	}

	.lead .fa {
		display:none;
	}

	main[role="main"] .img-grid .content--wrapper .thumb--wrapper figure.horizontal figcaption{
		display:none;
	}

	#footer-spacer{
		height:300px;

	}

}

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

	main[role="main"] .flexgrid.monocol-right .description--col{

		margin-top:0px;
	}
}


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

	main[role="main"] .flexgrid.monocol-right .description--col{

		margin-top:0px;
	}


	.region-content{
		padding-left:5px;
		padding-right:5px;
	}

	.big-image-titolo{
		font-size:3em !important;
	}

	.field--name-field-p-monocol-right-titolo{
		font-size:0.6em !important;
	}

	.big-image{
		margin-bottom:30px !important;
		margin-left:-5px !important;
		margin-right:-5px !important;
		width:calc(100% + 10px) !important
	}

	main[role="main"] .img-grid .content--wrapper .thumb--wrapper figure figcaption{
		padding-bottom:150px !important;
	}

	figcaption{
		display:none;
	}

}

.menu-generale-voci{
	float:left;
}


#ZANETTI{
	margin-top:-220px;
}

#ZANETTI h2{
	color:#fff;
}

.icona-file{
	content:"\f019";
	font-family: FontAwesome;
	font-size: 14px;
	width:20px;
	height:20px;
}


#loading{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: #08202D;
	z-index: 200000;
}


#cookielaw{
	background-color: #ddd;

	padding:10px 10px 10px 60px;
	color:#fff;
	position: fixed;
	bottom:20px;
	width:100%;
	bottom:-300px;
	z-index: 1000000;
	font-family: "butlerregular", serif;
	transition: bottom 2s;
	text-align: center;


}

#cookielaw .contenuto{
	font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	margin-left:calc(50% - 300px);
	//width:600px;
}

#cookielaw .contenuto .testo{
	float:left;
}

#cookielaw .contenuto .bottoni{
	float:left;
	margin-left:20px;
}

#cookielaw .testo{
	float:left;
	line-height: 40px;
	color:#222;
		float.left;
	clear: both;

}

.decline-button.eu-cookie-compliance-default-button{
	background-color:rgb(204,204,204) !important;
}

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

	#cookielaw{
		padding:2px;
	}

	#cookielaw .contenuto{
		width:100%;
		margin-left:0;
		text-align: left;
		font-size: 14px;
	}

	#cookielaw .contenuto .testo{
		float:left;
		line-height: 20px;
		width:100%;
		text-align: center;
	}

	#cookielaw .contenuto .bottoni{
		margin-left:calc( 50% - 130px );
		width:260px;
	}

}





#cookielaw .button{

	border:1px solid #fff;
	padding:4px;
	width:100px;
	text-align: center;
	font-size: 12px;
	margin:5px 5px;
	float:left;
	color:#222;
	cursor:pointer;

}
#cookielaw .button:hover{
	background-color: #444;
	color:#fff;
}

.page-header img{
	animation: kenburns 20s infinite;
}

.view-id-press_immagini .views-row{
	float:left;
}



.view-id-press_immagini img{
	width: 200px;
	height: auto;
}

.view-id-press_immagini img{
	border:4px solid #fff;
	transition: border 1s;
}

.view-id-press_immagini img:hover{
	border-color:rgba(13,38,67,0.95) !important;
}

.view-press-documenti a:hover{
	text-decoration: underline;
}

#block-views-block-press-documenti-block-1{
	margin-top:150px;
	border-top:1px dashed #ccc;
	padding-top:25px;
	font-size: 25px;
}

#block-views-block-press-documenti-block-1 h2{
	font-size: 60px;
	margin-bottom:0;
}

@media screen and (max-width: 600px) {
	#block-views-block-press-documenti-block-1 h2{
	font-size: 40px !important;
	margin-bottom:30px;
	}
}

#block-views-block-press-immagini-block-1{
	background-color: #162e4a;
	padding:40px;
	color:#fff;
	margin-top:30px;
	font-size: 30px;
}

#block-views-block-press-immagini-block-1 h2{
	color:#fff;
	margin:0;
}

#block-views-block-press-immagini-block-1 .views-field-title{
	color:#fff !important;
	font-size: 12px;
}
#block-views-block-press-immagini-block-1 .views-field-title a{
	color:#fff !important;

}
#IMMAGINI,#DOCUMENTI{
	height:30px !important;
	padding:0;
}

.lista-documento{
	padding-left:20px;
	background-image: url("../images/documenti-download.png");
	background-position: left center;
	background-size: 32px auto;
	background-repeat: no-repeat;
	padding:5px 5px 5px 30px;
	margin-bottom:5px;
}

@media screen and (max-width: 790px) {
	.description--col{
		margin-top:80px;
	}
	.main[role="main"] .description--col h2{
		font-size: 3.8em;
	}
}

.view-press-documenti .view-content{
	padding:20px;
	border-left: 1px dashed #162e4a;
	border-bottom: 1px dashed #162e4a;
}

.aw_title{
	border-left:5px solid #162e4a;
	padding:0 10px;
	background-color:#fff;
}



/************************/

@-webkit-keyframes kenburns {

  0% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */

    -webkit-transform: scale(1.2);
    /* Safari and Chrome */

    -o-transform: scale(1.2);
    /* Opera */

    -moz-transform: scale(1.2);
    /* Firefox */
  }

  50% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */

    -webkit-transform: scale(1.0);
    /* Safari and Chrome */

    -o-transform: scale(1.0);
    /* Opera */

    -moz-transform: scale(1.0);
    /* Firefox */
  }

	100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		/* IE 9 */

		-webkit-transform: scale(1.2);
		/* Safari and Chrome */

		-o-transform: scale(1.2);
		/* Opera */

		-moz-transform: scale(1.2);
		/* Firefox */
	}


}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}