@charset "utf-8";
/* CSS Document */

/* Importazione fogli di stile originali */
@import "swiper.min.css";
@import "animate.css";
@import "lightgallery.css";
@import "jquery.fancybox.min.css";

/* Importazione fogli di stile custom */
@import "custom-font.css";
@import "custom-preloader.css";
@import "custom-navigation.css";
@import "custom-form.css";
@import "custom-gallery.css";
@import "custom-fancy.css";
@import "custom-popup.css";
@import "custom-swiper.css";
@import "animation-border.css";

/*//////////////////////// PARTI STRUTTURALI ///////////////////////////*/

body {
	font-size: 14px;
	line-height: 24px;
}
	
	body.home {}
	body.single {}
	body.page {}
	body.category {}

#header {height: 107px;}

#testata {}

	.page #testata {
		padding:0;
	}

#section {}

#footer {}

body.home .wrap-absolute {
	position:absolute;
	top:100%;
	margin-top:0px;
	width:100%;
}


.container {max-width: 1130px; }
.container.supercontainer {max-width: 1500px; }

.boxcontainer {max-width: 1700px; margin: 0 auto;}

/*////////////////////// TIPOGRAFIA /////////////////////////////*/

/* reset link */

a {
	color:inherit;
	-webkit-transition: all 100ms ease-in; 
	-moz-transition: all 100ms ease-in; 
	-o-transition: all 100ms ease-in; 
	transition: all 100ms ease-in;
}

a:hover {
	color:inherit; 
	text-decoration: none;
	color:inherit;
}

/* bold e italic */

b, strong, .strong, .bold {font-family: "rw-bold", sans-serif;}
i, em, .italic {font-family: 'rw-light-italic', sans-serif; font-style: italic;}
b i, b em, strong i, strong em, i b, em b, i strong, em strong, .bold-italic {font-family: 'rw-bold-italic', sans-serif; font-style: italic;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {}

p {}

.fs08 {font-size:0.8em; line-height:1em;}
.fs09 {font-size:0.9em; line-height:1em;}
.fs1 {font-size:1em; line-height:1.1em;}
.fs1-5 {font-size:1.5em; line-height:1.1em;}
.fs2 {font-size:2em; line-height:1.1em;}
.fs3 {font-size:3em; line-height:1.1em;}
.fs3-5 {font-size:3.5em; line-height:1.1em;}
.fs4 {font-size:4em; line-height:1em;}
.fs5 {font-size:5em; line-height:1em;}
.fs6 {font-size:6em; line-height:.9em;}
.fs7 {font-size:7em; line-height:.9em;}
.fs8 {font-size:8em; line-height:.9em;}
.fs9 {font-size:9em; line-height:.9em;}

/*.fswv7 {font-size: 7vw; line-height: .8em;}
.fswv8 {font-size: 8vw; line-height: .9em;}
.fswv9 {font-size: 9vw; line-height: .9em;}
.fswv13 {font-size: 13vw; line-height: 1.1em;}*/

/* editor di testo */

.editor {}
.editor p a {}
.editor p a:hover {}

.editor h1 {}
.editor h2 {}
.editor h3 {}
.editor h4 {}
.editor h5 {}
.editor h6 {}

.editor p {
	position: relative;
	margin-bottom:0;
	margin-top: .8rem;
	font-family: "rw-light", sans-serif;
}

.editor p:first-of-type {
	margin-top:0;
}

.editor a {
	color:inherit;
	text-decoration: underline;
}

.editor a:hover {}

.editor b, .editor strong {}
.editor p b, .editor p strong {font-family: 'HN-regular', sans-serif;}

.editor i, .editor em {font-family: 'HN-light-italic', sans-serif; font-style: italic;}
.editor p i, .editor p em {font-family: 'HN-light-italic', sans-serif; font-style: italic;}

.editor b i, .editor b em, .editor strong i, .editor strong em, .editor i b, .editor em b, .editor i strong, .editor em strong {font-family: 'msr-bold-italic', sans-serif; font-style: italic;}
.editor p b i, .editor p b em, .editor p strong i, .editor p strong em, .editor p i b, .editor p em b, .editor p i strong, .editor p em strong {font-family: 'msr-bold-italic', sans-serif; font-style: italic;}

.editor blockquote {
	padding: 0rem 1.5rem 0rem 1.5rem;
	text-transform: uppercase;
	font-size:1.3em;
	line-height: 1.4em;
	border-left: 2px solid #3E321E;
	margin-bottom: 0;
	margin-top: 1rem;
}

.editor blockquote b, .editor blockquote strong {
	font-family: 'HN-medium', sans-serif;
}

.editor h1 {font-family: 'HN-medium', sans-serif;}
.editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {font-family: 'HN-light', sans-serif;}

.editor h1 {font-size:3.5em; line-height:0.8em;}
.editor h2 {font-size:1.3em; line-height:1.2em; margin-top: 0.5rem;}
.editor h3 {font-size:1.4em; line-height:1em;}
.editor h4 {font-size:1.2em; line-height:1em;}
.editor h5 {font-size:1.1em; line-height:1em;}
.editor h6 {font-size:1em; line-height:1em;}

.editor h2 {text-transform: uppercase;}

.editor ul {margin-left: 30px; padding-left: 0;}
.editor ul li {margin:10px auto;}

.category .editor ul {
	margin-top: 30px;
}
.category .editor ul li {
	font-size: 80%;
}

.editor ol {}
.editor ol li {}

/* SPAZI proporzionali */

.spazio {position:relative; min-height: 50px;}

.spazio-5 > .altezza {padding-bottom:5%;}	
.spazio-10 > .altezza {padding-bottom:10%;}
.spazio-15 > .altezza {padding-bottom:15%;}
.spazio-20 > .altezza {padding-bottom:20%;}
.spazio-25 > .altezza {padding-bottom:25%;}
.spazio-30 > .altezza {padding-bottom:30%;}
.spazio-40 > .altezza {padding-bottom:40%;}
.spazio-45 > .altezza {padding-bottom:45%;}
.spazio-50 > .altezza {padding-bottom:50%;}
.spazio-55 > .altezza {padding-bottom:55%;}
.spazio-60 > .altezza {padding-bottom:60%;}
.spazio-70 > .altezza {padding-bottom:70%;}
.spazio-80 > .altezza {padding-bottom:80%;}

/* colori */

.bg-transparent {background:transparent !important; border-bottom: 0 !important;}

.bg-white {background-color:#ffffff;}
.bg-black {background-color:#000000}
.bg-light-grey {background-color:#EDECEA;}
.bg-dark-grey {background-color:#3E321E;}

.c-white {color:#ffffff;}
.c-black {color:#000000;}
.c-light-grey {color:#EDECEA;}
.c-dark-grey {color:#3E321E;}
.c-grey {color:#A1A09F;}


/* transizioni */

.transition500 {
	-webkit-transition: all 500ms ease-in; 
	-moz-transition: all 500ms ease-in; 
	-o-transition: all 500ms ease-in; 
	transition: all 500ms ease-in;
}
.transition250 {
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in; 
	-o-transition: all 250ms ease-in; 
	transition: all 250ms ease-in;
}
.transition100 {
	-webkit-transition: all 100ms ease-in; 
	-moz-transition: all 100ms ease-in; 
	-o-transition: all 100ms ease-in; 
	transition: all 100ms ease-in;
}

/* varie */

.clear {clear:both;}

.opacity-0 {opacity: 0; visibility: hidden;}
.opacity-25 {opacity:0.25 !important;}
.opacity-50 {opacity:0.5 !important;}
.opacity-75 {opacity:0.75;}

.radius100 {
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-mask-image: -webkit-radial-gradient(white, black); /* fix on safary on hover status*/
}

.radius30px {
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-mask-image: -webkit-radial-gradient(white, black); /* fix on safary on hover status*/
}

.radius10px {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-mask-image: -webkit-radial-gradient(white, black); /* fix on safary on hover status*/
}

.gradient-linear-up-down {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 );
}

.linea {
	display: block;
	width: 100%;
	height: 3px;
}

.text-shadow {
	/*text-shadow: 0 0 15px rgba(0,0,0,.75);*/
	text-shadow: 3px 3px 7px rgba(0,0,0,1);
}

.test-sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 100px; /* required */
}

.hide {
	opacity: 0;

	-webkit-transition: all 250ms 0ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-moz-transition: all 250ms 0ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-o-transition: all 250ms 0ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	transition: all 250ms 0ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
 
	-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
}

.show {
	opacity: 1;

	-webkit-transition: all 250ms 250ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-moz-transition: all 250ms 250ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-o-transition: all 250ms 250ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	transition: all 250ms 250ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
 
 	-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
}

.rotate45 {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.linea-verticale {
	width:1px;
	background-color: #D6D6D6;
	opacity: 0.5;
	position: fixed;
	height: 100%;
	top:0;
}

.linea-verticale.left {left:0}
.linea-verticale.right {right:0}

/*//////////////////////// TESTO ESPANDIBILE ///////////////////////////*/

.hidden-txt {display: none;}
.show-content {position:relative;}

/*/////////////////////// IMMAGINI ////////////////////////////*/

.immagine {
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	-webkit-transition: all 600ms ease-in; 
	-moz-transition: all 600ms ease-in; 
	-o-transition: all 600ms ease-in; 
	transition: all 600ms ease-in;
	transform-origin: left center;
}
	
	.immagine-o1 > .altezza {padding-bottom:10%;}
	.immagine-o1_5 > .altezza {padding-bottom:15%;}
	.immagine-o2 > .altezza {padding-bottom:20%;}
	.immagine-o3 > .altezza {padding-bottom:30%;}
	.immagine-o4 > .altezza {padding-bottom:40%;}
	.immagine-o5 > .altezza {padding-bottom:50%;}
	.immagine-o6 > .altezza {padding-bottom:60%;}
	.immagine-o7 > .altezza {padding-bottom:70%;}
	.immagine-o8 > .altezza {padding-bottom:80%;}
	.immagine-o9 > .altezza {padding-bottom:90%;}
	
	.immagine-q > .altezza {padding-bottom:100%;}
	
	.immagine-v1 > .altezza {padding-bottom:110%;}
	.immagine-v2 > .altezza {padding-bottom:120%;}
	.immagine-v3 > .altezza {padding-bottom:130%;}
	.immagine-v4 > .altezza {padding-bottom:140%;}
	.immagine-v5 > .altezza {padding-bottom:150%;}
	.immagine-v6 > .altezza {padding-bottom:160%;}
	.immagine-v7 > .altezza {padding-bottom:170%;}
	.immagine-v8 > .altezza {padding-bottom:180%;}
	.immagine-v9 > .altezza {padding-bottom:190%;}

.wrap-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background-color:#cccccc;*/
}

.self-hover-zoom {
	-webkit-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out;
}

.self-hover-zoom:hover, a.box:hover .self-hover-zoom, .zoom {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);

}

a:hover .zoom {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}

.hover-effect {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index: 1;
	opacity:0;

	/*background-color:rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position:center center;
	background-image: url('../img/arrow-withe-right.svg');*/

	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 44%, rgba(0,0,0,0.2) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.2) 100%);
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E321E00', endColorstr='#33000000',GradientType=1 );	

	-webkit-transition: all 1500ms 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 1500ms 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 1500ms 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 1500ms 0ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
 
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}

.hover-effect.no-plus {
	background-image:none;
}

.hover-effect.hover-effect-transparent {
	background-color:rgba(0,0,0,0);
}

.box:hover .hover-effect,
.immagine:hover .hover-effect {
	opacity: 1;
}

/*///////////////////// LOGHI //////////////////////////////*/

.logo {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#header .logo {
	width:123px;
	height: 69px;
}

body.home #header .logo, #header .logo.white {background-image: url("../img/logo-indole-catering-white.svg")}
#header .logo, body.home #header .sticky .logo, #header .sticky .logo {background-image: url("../img/logo-indole-catering-black.svg")}

.home #header .sticky .menu-main,
.page #header .sticky .menu-main {
	background: #ffffff; 
	color: #3E321E;
	/*border-bottom: 1px solid #3E321E;*/
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 3px 2px rgba(0,0,0,0.15);
}

	.home #header .sticky .search-button {
		background-image: url("../img/ico-search-grey.svg");
	}

#header .menu-main.all-grey {border-bottom: 1px solid #cccccc;}
#header .menu-main.all-white {}
#header .menu-main.all-super-white {color: #ffffff !important;}

/*///////////////////// BOTTONI //////////////////////////////*/

.wrap-button {
	position: relative;
	overflow: hidden;

	-webkit-transition: all 100ms ease-in; 
	-moz-transition: all 100ms ease-in; 
	-o-transition: all 100ms ease-in; 
	transition: all 100ms ease-in;
}

.wrap-button.button-padding {padding: 20px 55px;}
.wrap-button.border1px {border:1px solid;}

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

.button {
	position:relative;
	z-index: 9;
	cursor: pointer;

	-webkit-transition: all 100ms ease-in; 
	-moz-transition: all 100ms ease-in; 
	-o-transition: all 100ms ease-in; 
	transition: all 100ms ease-in;
}

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

.wrap-button .hover-panel {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:100%;

	opacity: 1;
	z-index: 0;

	-webkit-transition: all 150ms ease-in; 
	-moz-transition: all 150ms ease-in; 
	-o-transition: all 150ms ease-in; 
	transition: all 150ms ease-in;

}

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

.wrap-button .arrow {
	position: relative;
	width:calc(0% + 100px);
	height:30px;
	margin-top: 10px;
	margin-left: -100px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 30px;
	
	-webkit-transition: width 400ms ease-out; 
	-moz-transition: width 400ms ease-out; 
	-o-transition: width 400ms ease-out; 
	transition: width 400ms ease-out;
}

.wrap-button.back .arrow {
	right:auto;
	left:0;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.wrap-button .arrow.white {background-image: url("../img/arrow-white-right.svg");}
.wrap-button .arrow.black {background-image: url("../img/arrow-long-right-black.svg");}
.wrap-button.back .arrow.black {background-image: url("../img/arrow-black-left.svg");}

/* stati bottone hover */

.wrap-button:hover .button,
a.box:hover .button,
a.box.active .button {}

.wrap-button:hover {
}

.wrap-button:hover.c-white .button {
	color:#3E321E;
}

.wrap-button:hover .hover-panel {
	opacity: 1;
	top:0;

	-webkit-transition: all 250ms ease-in; 
	-moz-transition: all 250ms ease-in; 
	-o-transition: all 250ms ease-in; 
	transition: all 250ms ease-in;

	border:1px solid;
}

/* stato bottone  arrow */

.wrap-button:hover .arrow,
a.box:hover .arrow,
a.box.active .arrow {
	width:calc(100% + 100px);
}

.wrap-button.whiteInOver:hover .arrow,
a.box:hover .wrap-button.whiteInOver .arrow {}

.wrap-button.whiteInOver:hover .button,
a.box:hover .wrap-button.whiteInOver .button {}

/*///////////////////// ARROW DOWN - in testata home //////////////////////////////*/

.arrow-down {
	position: absolute;
	cursor: pointer;
	width:100px;
	height: 20px;
	left:50%;
	margin-left: -50px;
	bottom:30px;

	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	
	z-index: 3;

}

.arrow-down.arrow-down-fixed {
	position: fixed;
}

.arrow-down.white {background-image: url("../img/arrow-down-withe.svg");}
.arrow-down.black {background-image: url("../img/arrow-down-black.svg");}

.home .box-fixed .arrow-down {
	position:absolute;
	bottom:0;
}

/*///////////////////// BOX //////////////////////////////*/

.box-absolute {
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
}

.box-fixed {
	position: fixed;
	width:100%;
	height: 100%;
	top:0;
	left:0;
}

.box {
	display: block;
	overflow: hidden;
}

.box-left {}
.box-left .padding-content {
	padding-left: 100px;
	padding-right: 30px;
}

.box-right {}
.box-right .padding-content {
	padding-right: 100px;
	padding-left: 30px;
}

.box-right .wrap-button {
	overflow: visible;
}

/* box parallax */

.box-parallax {
	position:relative;
}

.parallax {
	position: relative;
	z-index: 0;
	height: 35vw;
	max-height: 600px;
	min-height: 225px;
}

.box-parallax .titolo {
	position:absolute;
	bottom:5%;
	left: 0;
	width: 100%;
	z-index:2;
	color: #ffffff;
	font-size: 6em;
	text-shadow: 0 0 15px rgba(0,0,0,.75);
}

/*///////////////////// GALLERY //////////////////////////////*/

.gallery .immagine {
	margin-left: 1px;
	margin-right: 1px;
}

.gallery .thumb-hide {
	display: none;
}

.gallery .more-button {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url("../img/ico-plus-withe.svg");
	background-size: 40px;
	background-color: #7D2A7D;
	background-position: center center;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in; 
	-moz-transition: all 200ms ease-in; 
	-o-transition: all 200ms ease-in; 
	transition: all 200ms ease-in;
}

.gallery .thumb:hover .more-button {
	background-size: 55px;
}

/*///////////////////// MAPPA - CONTATTI //////////////////////////////*/
.mappa {
	position: absolute;
	width: 60%;
	height: 100%;
	top:0;
	right: 0;	
}

/*///////////////////// MEDIA //////////////////////////////*/

@media (min-width: 2000px) {
	/*.linea-verticale.left {left:13%}
	.linea-verticale.right {right:13%}*/
}



@media (min-width: 2000px) {
	/*.linea-verticale.left {left:10%}
	.linea-verticale.right {right:10%}*/
}

@media (min-width: 1601px) {
	/*.linea-verticale.left {left:7%}
	.linea-verticale.right {right:7%}*/
}

/*-----------*/

@media (max-width: 1600px) {
	/*.linea-verticale.left {left:5%}
	.linea-verticale.right {right:5%}*/
}

@media (max-width: 1500px) {
	.page #testata {
		padding:0;
	}
}

@media (max-width: 1400px) {}

@media (max-width: 1200px) /* LG */ {
	.page #testata {
		padding:0;
	}
}

@media (max-width: 1024px) {
	
	.container {
		padding-right: 30px;
		padding-left: 30px;
	}

	#testata .titolo {
		font-size: 10px;
		line-height: 24px;
	}

	#section .titolo {
		font-size: 12px;
		line-height: 24px;
	}

	/*.linea-verticale.left {left:15px}
	.linea-verticale.right {right:15px}*/

}

@media (max-width: 992px) /* MD */ {
	
	@media all and (orientation:portrait) {
		#testata .titolo {
			font-size: 9px;
			line-height: 24px;
		}
	}
	@media all and (orientation:landscape) {
		#testata .titolo {
			font-size: 5px;
			line-height: 24px;
		}
	}

}

@media (max-width: 768px) /* SM */ {

	.button.fs4 {
		font-size: 3.5em;
		line-height: 1em;
	}

	@media all and (orientation:portrait) {
		#testata .titolo {
			font-size: 9px;
			line-height: 24px;
		}
	}
	@media all and (orientation:landscape) {
		#testata .titolo {
			font-size: 5px;
			line-height: 24px;
		}
	}

	.box-left .padding-content {
		padding-left: 30px;
		
	}

	.box-right .padding-content {
		padding-right: 30px;
		
	}
	@media all and (orientation:portrait) {
		.immagine-o1.immagine-sm-o6 > .altezza,
		.immagine-o1_5.immagine-sm-o6 > .altezza,
		.immagine-o2.immagine-sm-o6 > .altezza,
		.immagine-o3.immagine-sm-o6 > .altezza,
		.immagine-o4.immagine-sm-o6 > .altezza,
		.immagine-o5.immagine-sm-o6 > .altezza,
		.immagine-o6.immagine-sm-o6 > .altezza,
		.immagine-o7.immagine-sm-o6 > .altezza,
		.immagine-o8.immagine-sm-06 > .altezza,
		.immagine-o9.immagine-sm-o7 > .altezza,
		.immagine-v1.immagine-sm-o6 > .altezza,
		.immagine-v2.immagine-sm-o6 > .altezza,
		.immagine-v3.immagine-sm-o6 > .altezza,
		.immagine-v4.immagine-sm-o6 > .altezza,
		.immagine-v5.immagine-sm-o6 > .altezza,
		.immagine-v6.immagine-sm-o6 > .altezza,
		.immagine-v7.immagine-sm-o6 > .altezza,
		.immagine-v8.immagine-sm-o6 > .altezza,
		.immagine-v9.immagine-sm-o6 > .altezza {
			padding-bottom:60%;
		}

		.immagine-o1.immagine-sm-o7 > .altezza,
		.immagine-o1_5.immagine-sm-o7 > .altezza,
		.immagine-o2.immagine-sm-o7 > .altezza,
		.immagine-o3.immagine-sm-o7 > .altezza,
		.immagine-o4.immagine-sm-o7 > .altezza,
		.immagine-o5.immagine-sm-o7 > .altezza,
		.immagine-o6.immagine-sm-o7 > .altezza,
		.immagine-o7.immagine-sm-o7 > .altezza,
		.immagine-o8.immagine-sm-o7 > .altezza,
		.immagine-o9.immagine-sm-o7 > .altezza,
		.immagine-v1.immagine-sm-o7 > .altezza,
		.immagine-v2.immagine-sm-o7 > .altezza,
		.immagine-v3.immagine-sm-o7 > .altezza,
		.immagine-v4.immagine-sm-o7 > .altezza,
		.immagine-v5.immagine-sm-o7 > .altezza,
		.immagine-v6.immagine-sm-o7 > .altezza,
		.immagine-v7.immagine-sm-o7 > .altezza,
		.immagine-v8.immagine-sm-o7 > .altezza,
		.immagine-v9.immagine-sm-o7 > .altezza {
			padding-bottom:70%;
		}
	}


}
@media (max-width: 670px) {

	@media all and (orientation:portrait) {
		#testata .titolo {
			font-size: 6px;
			line-height: 24px;
		}
	}
	@media all and (orientation:landscape) {
		#testata .titolo {
			font-size: 5px;
			line-height: 24px;
		}
	}

	#section .titolo {
		font-size: 7px;
		line-height: 24px;
	}

	@media all and (orientation:portrait) {
		.immagine-o1.immagine-sm-q > .altezza,
		.immagine-o1_5.immagine-sm-q > .altezza,
		.immagine-o2.immagine-sm-q > .altezza,
		.immagine-o3.immagine-sm-q > .altezza,
		.immagine-o4.immagine-sm-q > .altezza,
		.immagine-o5.immagine-sm-q > .altezza,
		.immagine-o6.immagine-sm-q > .altezza,
		.immagine-o7.immagine-sm-q > .altezza,
		.immagine-o8.immagine-sm-q > .altezza,
		.immagine-o9.immagine-sm-q > .altezza,
		.immagine-v1.immagine-sm-q > .altezza,
		.immagine-v2.immagine-sm-q > .altezza,
		.immagine-v3.immagine-sm-q > .altezza,
		.immagine-v4.immagine-sm-q > .altezza,
		.immagine-v5.immagine-sm-q > .altezza,
		.immagine-v6.immagine-sm-q > .altezza,
		.immagine-v7.immagine-sm-q > .altezza,
		.immagine-v8.immagine-sm-q > .altezza,
		.immagine-v9.immagine-sm-q > .altezza {
			padding-bottom:100%;
		}

		.immagine-o1.immagine-sm-o5 > .altezza,
		.immagine-o1_5.immagine-sm-o5 > .altezza,
		.immagine-o2.immagine-sm-o5 > .altezza,
		.immagine-o3.immagine-sm-o5 > .altezza,
		.immagine-o4.immagine-sm-o5 > .altezza,
		.immagine-o5.immagine-sm-o5 > .altezza,
		.immagine-o6.immagine-sm-o5 > .altezza,
		.immagine-o7.immagine-sm-o5 > .altezza,
		.immagine-o8.immagine-sm-o5 > .altezza,
		.immagine-o9.immagine-sm-o5 > .altezza,
		.immagine-v1.immagine-sm-o5 > .altezza,
		.immagine-v2.immagine-sm-o5 > .altezza,
		.immagine-v3.immagine-sm-o5 > .altezza,
		.immagine-v4.immagine-sm-o5 > .altezza,
		.immagine-v5.immagine-sm-o5 > .altezza,
		.immagine-v6.immagine-sm-o5 > .altezza,
		.immagine-v7.immagine-sm-o5 > .altezza,
		.immagine-v8.immagine-sm-o5 > .altezza,
		.immagine-v9.immagine-sm-o5 > .altezza {
			padding-bottom:50%;
		}

		.immagine-o1.immagine-sm-o6 > .altezza,
		.immagine-o1_5.immagine-sm-o6 > .altezza,
		.immagine-o2.immagine-sm-o6 > .altezza,
		.immagine-o3.immagine-sm-o6 > .altezza,
		.immagine-o4.immagine-sm-o6 > .altezza,
		.immagine-o5.immagine-sm-o6 > .altezza,
		.immagine-o6.immagine-sm-o6 > .altezza,
		.immagine-o7.immagine-sm-o6 > .altezza,
		.immagine-o8.immagine-sm-o6 > .altezza,
		.immagine-o9.immagine-sm-o6 > .altezza,
		.immagine-v1.immagine-sm-o6 > .altezza,
		.immagine-v2.immagine-sm-o6 > .altezza,
		.immagine-v3.immagine-sm-o6 > .altezza,
		.immagine-v4.immagine-sm-o6 > .altezza,
		.immagine-v5.immagine-sm-o6 > .altezza,
		.immagine-v6.immagine-sm-o6 > .altezza,
		.immagine-v7.immagine-sm-o6 > .altezza,
		.immagine-v8.immagine-sm-o6 > .altezza,
		.immagine-v9.immagine-sm-o6 > .altezza {
			padding-bottom:60%;
		}

		.immagine-o1.immagine-sm-o7 > .altezza,
		.immagine-o1_5.immagine-sm-o7 > .altezza,
		.immagine-o2.immagine-sm-o7 > .altezza,
		.immagine-o3.immagine-sm-o7 > .altezza,
		.immagine-o4.immagine-sm-o7 > .altezza,
		.immagine-o5.immagine-sm-o7 > .altezza,
		.immagine-o6.immagine-sm-o7 > .altezza,
		.immagine-o7.immagine-sm-o7 > .altezza,
		.immagine-o8.immagine-sm-o7 > .altezza,
		.immagine-o9.immagine-sm-o7 > .altezza,
		.immagine-v1.immagine-sm-o7 > .altezza,
		.immagine-v2.immagine-sm-o7 > .altezza,
		.immagine-v3.immagine-sm-o7 > .altezza,
		.immagine-v4.immagine-sm-o7 > .altezza,
		.immagine-v5.immagine-sm-o7 > .altezza,
		.immagine-v6.immagine-sm-o7 > .altezza,
		.immagine-v7.immagine-sm-o7 > .altezza,
		.immagine-v8.immagine-sm-o7 > .altezza,
		.immagine-v9.immagine-sm-o7 > .altezza {
			padding-bottom:70%;
		}
	}

}
@media (max-width: 576px) {}
@media (max-width: 320px) {}
@media (min-width: 1500px) {}

@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

@media (hover: none) {
    .wrap-button .arrow {
		width:calc(100% + 100px);
	}
}