@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none;overflow:auto}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body {line-height:1.5; background-color:#26abe2; font-family: 'PT Sans', sans-serif;}
#curveDownColor path {fill:#5d5d5d; stroke:#5d5d5d;}
.hideme{opacity:0;}

/* TYPOGRAPHY --------------------------------------------- */
.brand-name {font-family: 'PT Sans', sans-serif; font-weight:700; font-size:14px; color:#FDFDFD; letter-spacing:3px; line-height:25.5px; text-shadow: 0 0 14px rgba(80,80,80,0.31);}
h1, h2, h3 {font-family: 'Playfair Display', serif; font-size:1.14rem; letter-spacing:0.08em; line-height:1.8; text-align:center; opacity:0.95;}
h1 {font-size:1.23rem;text-shadow:1px 2px 5px black, 1px 2px 10px rgba(0, 0, 0, 0.2);}
h1 em, h2 em, h3 em{font-weight:700;}
#main .main-text p {font-family: 'Playfair Display', serif; font-size:1rem;letter-spacing:0.08em; line-height:2em; text-align:center; opacity:0.95; color:#fff;}
#main p:first-child em, p em {font-style:italic;font-weight:700;}
p {font-size:1rem;letter-spacing:0.04em;line-height:2.2em;text-align:center;font-weight:100;font-variant-ligatures:none;}
/* specific media query */
@media screen and (max-width:365px) {h1, h2, h3 {font-size: 1.04rem;}}
@media screen and (min-width:500px) {
	h1{font-size: 1.5rem;}
	#main .main-text p {font-size:1.2rem; text-align:center;}
	#main h3, #main p, #main h2 {margin-left:auto; margin-right:auto;}
}
@media screen and (min-width: 750px) {
	h1{font-size:2rem; text-align:left; padding-top:30px;}
	h2{font-size:1.1rem;}
	#main h3, #main p {max-width:572px;margin-left:auto;margin-right:auto;}
	#main .main-text p {text-align:left; max-width:640px; padding:10px 0; margin:0;}
	#main .main-text p:first-child {padding-top:50px;}
	#main .main-text p:before {content:''; display:block; position:absolute; width:65%; top:-3px; height:3px; background-color:#26abe2;}
}
@media screen and (min-width: 970px) {
	#main h2{font-size:1.22rem;}
	h3{font-size:1.8rem;}
	p{font-size:1.1rem;}
	p .brand-name{font-size:1.1rem;}
}

@media screen and (min-width:1350px) {
	#main .main-text p:first-child {padding-top:85px;}
}

/* BUTTON --------------------------------------------- */
.button {display:block; margin: 50px auto; background:transparent; border: 1px solid #26abe2; font-family: 'PT Sans', sans-serif; font-size:0.8rem; color:#fff; letter-spacing:0.15em; text-decoration:none; text-transform:uppercase; padding:15px; min-width:200px; max-width:280px;text-align:center;transition: 0.3s all ease;}
.button:hover {background:#0e5977; font-weight:800; letter-spacing:0.2em;}

/* LAYOUT --------------------------------------------- */
.inner-wrapper {position:relative; display:block; width:100%; box-sizing:border-box; padding:0 6px; z-index:10;}
@media screen and (min-width:750px){.inner-wrapper {padding-left:40px;padding-right:40px;}}
@media screen and (min-width:970px){nav{padding-left:40px;padding-right:40px;}}
@media screen and (min-width:1300px){nav > div, .inner-wrapper {width:1250px; margin:0 auto; padding:0;}}


/* NAV--------------------------------------------- */
nav .desktop-nav {display:none;}
/* nav mobile */
nav #mobile-nav {display:block; position:fixed; top:0; z-index:100; background-color:#5c5c5c; width:100%; padding-top:70px; height:100vh;}
nav #mobile-nav ul {position:relative;}
nav #mobile-nav ul li a{display:block; text-align:center; font-family: 'Playfair Display', serif; letter-spacing:0.06em; font-size:1.2em; text-decoration:none; width:94%; padding:0 3% 20px; color:#fdfdfd;}
nav #mobile-nav ul li:first-child a{padding-top:40px;}
#mobile-nav ul li:last-child a {padding:20px 3% 30px;background-color:#28aae2;}
nav #mobile-nav .language {width:210px; margin:30px auto 0;}
nav #mobile-nav .language li {display:inline-block; width:33.333%; float:left;}
nav #mobile-nav .language li a {font-family: 'PT Sans', sans-serif; text-transform:uppercase; padding:12px 15px; border:1px solid #28aae2; font-size:0.8rem; width:auto;}
nav #mobile-nav .language li a:first-child {padding-top:12px;}
nav #mobile-nav .language li a:last-child {background:transparent;}
/* nav logo */
#logo {display:block;position:relative;width:90px;margin:0 auto 40px;}
/* nav trigger */
nav #mobile-nav-trigger {display:block; position:fixed; top:0;width:100%;color: #fdfdfd;height:44px;z-index:9998;border-top: 5px solid #28aae2;}
nav #mobile-nav-trigger:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:137%; z-index:-10; background: -moz-linear-gradient(top, rgba(17,38,47,0.9) 0%, rgba(17,38,47,0.5) 70%, rgba(17,38,47,0.1) 85%, rgba(17,38,47,0) 100%); background: -webkit-linear-gradient(top, rgba(17,38,47,0.9) 0%,rgba(17,38,47,0.5) 70%,rgba(17,38,47,0.1) 85%,rgba(17,38,47,0) 100%); background: linear-gradient(to bottom, rgba(17,38,47,0.9) 0%,rgba(17,38,47,0.5) 70%,rgba(17,38,47,0.1) 85%,rgba(17,38,47,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e611262f', endColorstr='#0011262f',GradientType=0 );}
nav #mobile-nav-trigger img {float:left;}
nav #mobile-nav-trigger .brand-name {padding:11px 6px 0; display:inline-block; font-size:0.8em; font-weight:normal; letter-spacing:0.18em;}
nav #mobile-nav-trigger button {background-color:#0d5977;border: 2px solid #26abe2; padding:12px 15px; position:absolute; right:10px; bottom:-27px; z-index:9999; font-family:'PT Sans', sans-serif; color:#fff; letter-spacing:0.06em; font-size:0.9em; text-decoration:none; text-transform:uppercase; box-shadow: 0 1px 5px rgba(0,0,0,.28);}
nav #mobile-nav-trigger .click-box {display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;}
#mobile-nav-trigger #hide { padding: 12px 31px;}
#hide, nav #mobile-nav  {display:none;}

@media screen and (min-width:750px) {	#logo {display:none;}}

@media screen and (min-width: 970px){
	nav .desktop-nav {display:block;}
	nav .mobile-nav {display:none!important;}
	nav {position:absolute; box-sizing:border-box; padding-top:66px; z-index:99; width:100%; padding-top:66px; border-top: 5px solid #28aae2;}
	nav:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:240%; z-index:-10; background:linear-gradient(rgba(17,38,47,1) 0%,rgba(17,38,47,0.75) 50%,rgba(17,38,47,0.6) 65%,rgba(17,38,47,0.5) 75%, rgba(17,38,47,0.4) 85% ,rgba(17,38,47,0.3) 90% ,rgba(17,38,47,0.08) 95%, rgba(17,38,47,0) 100%); opacity:0.95;}
	nav > div {max-width:1250px; margin:0 auto;}
	nav .logo {position: absolute; left:46%; top:30px; width:8%;}
	nav .logo img{width:100%; max-width:80px; margin:0 auto; display:block;}
	nav section {display:inline-block;float:left;width:46%;}
	nav ul {display:flex; max-width:450px; justify-content:stretch;}
	nav ul li {margin-top:2px; border:1px solid #26abe2;}
	nav ul li:nth-child(2) {border-right-width:0;border-left-width:0;}
	#desktop-nav ul li:nth-child(3) {border-right-width:0;}
	nav ul li a{font-family: 'PT Sans', sans-serif; font-size:0.8rem; display:block; color:#fdfdfd; padding: 12px 15px; letter-spacing:0.15em; text-decoration:none; text-transform:uppercase; opacity:0.9; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); transition:0.3s all ease;}
	nav ul li a:hover{opacity:1;background-color:#0e5977; border-bottom: 3px solid #26abe2; padding-bottom:10px; padding-top:11px;}
	.language li:last-child {margin-left:32px;}
	#desktop-nav {float:right; display:flex; justify-content:flex-end;}
	#desktop-nav ul {}
	#desktop-nav li a {margin:0; color:#fdfdfd; opacity:0.8; font-weight:700; text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
	#desktop-nav li a:hover {opacity:1;}
	.home #desktop-nav .nav-home a, .chi-siamo #desktop-nav .nav-chi-siamo a, .prodotti #desktop-nav .nav-prodotti a, .contatti #desktop-nav .nav-contatti a {background-color:#0e5977; opacity:1; border-bottom: 3px solid #26abe2; padding-bottom:10px; padding-top:11px;}
}
@media screen and (min-width:1350px){
	nav > div {max-width:1250px;}
}

/* ------------------------------------------LANGUAGE--------------------------------------------- */
.language li{ display:inline-block; text-align:center; position:relative; font-family: 'PT Sans', sans-serif; letter-spacing:2px; text-shadow: 0 0 14px rgba(80,80,80,0.31);}
.language li a {color:#fff; text-decoration:none;}
.language .language-selected a{background-color:#0e5977;}

/* ------------------------------------------HEADER--------------------------------------------- */
header {position:relative; height:100vh; display:flex; min-height:460px; color:#fff; background-position:center bottom; background-size:cover; }
header .inner-wrapper {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
/* background-images */
#home header, #home #double-cta {background-image: url(img/drone-ufficio-entrata.jpg);}
#chi-siamo header, #chi-siamo #double-cta {background-image: url(img/drone-ufficio.jpg);background-position: 30% 50%;}
#prodotti header, #prodotti #double-cta {background-image: url(img/drone-capannone-01.jpg);}
#contatti header {background-image: url(img/logo-spallanzani-03-trattore.jpg);}
header:after, #double-cta:before {content:'';display:block;position:absolute;top:0;bottom:0;right:0;left:0;background-color:#11262f;opacity:0.6;}

@media screen and (min-width:750px){
	header {align-items:flex-end; min-height:515px;}
	header:after {opacity:0.5;}
	header .inner-wrapper {justify-content:flex-start;}
	header .inner-wrapper > div {padding-bottom:60px;}

}
@media screen and (min-width:970px){header {background-attachment:fixed;}}
@media screen and (min-width:1240px) {#home header {background-position: 30% 100%;}}

/* --------------------------------------SCROLL DOWN--------------------------------------------- */
header .scroll-down {display:block; position:absolute; left:65%; bottom:50px; color:#fff; text-align:center; z-index:10; font-family: 'Playfair Display', serif; text-decoration:none; font-size:1.1em; letter-spacing:0.14em; padding:0 10px; background: -webkit-gradient(linear, left top, right top,color-stop(0, #999),color-stop(0.750, #999),color-stop(0.875, #fff),color-stop(1, #999)); transition:0.3s all ease; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: glint 2.5s infinite;}
header .scroll-down.desktop {display:none;}
header .scroll-down:after {content: ''; display:block; position:absolute; height:140px; width:3px; background-color:#26abe2; left:-40px; top:0px;}
header .scroll-down:hover{-webkit-text-fill-color:#fff;}
@-webkit-keyframes glint {0% {background-position: 15px 0;}100% {background-position: 120px 0;}}
@media screen and (min-width:750px){
	header .scroll-down {left:75%;}
	header .scroll-down {display:none;}
	header .scroll-down.desktop {display:block;}
}
@media screen and (min-width:750px) {
	header .scroll-down {right:80px;left:auto;}
	header .scroll-down:after {right:-40px; left:auto;}
}

@media screen and (min-width:1040px){
		header .scroll-down {right:auto;left:848px;}
}
@media screen and (min-width:1350px){
	header .scroll-down {left:79%;}
	header .scroll-down:after {right:auto; left:-40px;}
}

/* ---------------------------------------MAIN SECTION--------------------------------------------- */
#main {background-image:url(img/bg-grey.jpg); background-size:50%; display:block;color:#fdfdfd; box-shadow: -1px -10px 35px 0 #00000061; position:relative;}
#main .inner-wrapper {padding-top:0;}
#main section {display:block; position:relative; background-color:#fdfdfd; color:#303030; margin:0 auto;}
#main .main-text{background-color:transparent; padding:80px 0; max-width:960px;}
/* text */
#main h3 {margin-top:140px; padding:0 6px;}
#main p {padding:0 6px;}
/* button */
#main .right-corner  {padding-top:10%;}
#main .right-corner .button {margin:0 auto;}
#main .right-corner .button:first-child {border-bottom:0;}

@media screen and (max-width: 970px) {#main .main-text div.button {border-color:transparent;}}
@media screen and (min-width: 670px) {#main section {background-color:transparent; margin-bottom:70px;}}
@media screen and (min-width: 750px) {
	#main .main-text {margin:0 0 120px;padding:10px 0 130px;}
	#main section .right-corner	{position:absolute; right:2px; bottom:2px; padding: 60px 0 0 15%; margin:0!important; width:55%; height:15%; display:flex; justify-content:flex-end; align-items:flex-end; border-radius:0!important; border:3px solid #26abe2; border-left-width:0; border-top-width:0; font-size:1rem; letter-spacing:0.48em;;overflow:hidden;}
	#main section .right-corner a {border-radius:0; display:inline-block; border:none; margin-bottom:0; padding-bottom:25px; padding-top:25px; border-top: 3px solid #26abe2; width:50%; color:#fff;}
	#main section .right-corner a:last-child {border-left:3px solid #26abe2; }
	#main section .right-corner a:hover {transform:translatey(0px);}
	#main .right-corner .button {margin:0;}
	}
@media screen and (min-width:1350px) {
	#main .main-text{min-height:360px;margin-bottom:140px!important;padding-top:0px;}
}


/* -----------------------------------MAIN GALLERY / TEXT COLUMN---------------------------------------- */
/* content column */
#main section .text-column, #main section .gallery-column {height:350px;position:relative;}
#main section .text-column .content-center {position:absolute; text-align:center; top:50%; left:50%; margin-right:-50%; transform:translate(-50%, -50%); padding:30px;}
section .text-column .button {margin:40px auto 0; font-size:0.8em; letter-spacing:0.2em;padding:0; width:auto; border-width:0; border-radius:0; transition:0.3s all ease; text-align:center; color:#303030;}
section .text-column .button span {border-bottom: 2px solid #26abe2;padding-bottom:5px;}
/* gallery column */
#main section .gallery-column img {height:350px;}
#main section .text-column .link-box {position:absolute; top:0; left:0; right:0; bottom:0; margin:0!important;}

#main section p {text-align: left;padding: 30px 10px;}
/* specific media query */
@media screen and (min-width:670px) {
	#main .wide-section {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:40px;}
	#main .wide-section:nth-child(odd){flex-direction:row-reverse;}
	#main section .text-column, #main section .gallery-column {width:43%; display:inline-block; float:left; position:relative; min-height:350px; margin-bottom:50px; z-index: 1;}
	#main section .gallery-column {width:57%;box-shadow:0px 0px 17px rgba(0, 0, 0, 0.32);z-index:10; overflow:hidden;}
	#main section .gallery-max {background-color:transparent;max-width:700px;margin:0 auto 100px;}
	#main section .gallery-max .gallery{margin:auto;width:700px;}
	#main section .gallery img {height:350px;}
	#main section .text-column > div {background-color:#fdfdfd; padding:20px; z-index:10; box-shadow:0px 0px 17px rgba(0, 0, 0, 0.32);  transition:0.2s all ease;}
	#main section .text-column .content-center h2 {text-align:left; font-size:0.9em;}
	#main section .text-column .content-center a {font-size:0.7em; text-align:left; margin:30px 0 10px;}
	#main section .text-column > div:hover  {background-color:#0e5977;}
	#main section .text-column > div:hover h2 {color:#fff;}
	#main section .text-column > div a:hover {background-color:transparent; border-bottom-width:0!important;}
	#main section .text-column > div:hover a {color:#fff; font-weight:bold; transform: scale(1.05) translatey(-5px) translatex(7px); letter-spacing:0.3em;}
	#main section .text-column > div:hover a span {border-color:#26abe2; color:#fff;}
}
@media screen and (min-width:800px) {
	#main section .text-column > div {padding: 50px 50px 60px;}
	#main section .text-column .content-center h2 {font-size: 1.1em; line-height:2;}
	#main section .gallery img {height:460px;}
	#main section .gallery-column{min-height:460px;}
}
@media screen and (min-width:900px) {
	#main section .text-column .content-center {padding: 40px 38px;}
	#main section .text-column, #main section .gallery-column {margin-bottom: 100px;}
}
@media screen and (min-width:1100px) {
	#main section .text-column .content-center {padding:65px 70px;}
	#main section .text-column .content-center a {font-size:0.8em;}
	#main .wide-section {justify-content:flex-start; margin-right:0;}
	#main .wide-section:nth-child(odd){justify-content:flex-end; margin-left:0;}
}
@media screen and (min-width:1250px) {
	#main section .text-column {width:39%;}
	#main section .gallery-column {width:61%;}
	#main section .gallery img {height:550px;}
	#main section .gallery-column{min-height:550px;}
}

/* ------------------------------------------CERTIFICATI--------------------------------------------- */
#main #certificati {margin: 50px auto -75px;background-color:#fdfdfd; box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.32); }
#prodotti #main #certificati {margin-top:200px;}
/* text */
#certificati h2 {margin: 0 auto 40px; position:relative; padding:40px 0 0;}
#certificati ul {width: 100%;}
#certificati ul li {display:inline-block; float:left; width:100%; margin: 10px 0; text-align:center;}
#main #certificati .blue-divider {width:83px;}
/* specific media query */

@media screen and (max-width:399px) {#main #certificati {margin-left:20px;margin-right:20px;}}
@media screen and (min-width:400px) and (max-width:750px) {#main #certificati {margin-left:40px;margin-right:40px;}}

@media screen and (min-width:750px) {
		#main #certificati {padding:0 40px;}
		#main #certificati div {width:100%;display:inline-block;}
		#main #certificati h2 {text-align:left; font-size:1.6em; line-height:1.4em; margin:0;}
		#main #certificati .blue-divider {margin-left:0;}
		#main #certificati ul {padding: 10px 0 30px;}
		#main #certificati ul li {width:33%; margin-top:0; margin-bottom:0;}
}
@media screen and (min-width:979px) {
	#main #certificati .blue-divider {margin-top:15px;}
	#main #certificati ul {padding:0;}
	#main #certificati div:first-child{width:29%;}
	#main #certificati div:last-child {width:67%;}
}


/* ------------------------------------------CTA--------------------------------------------- */
#double-cta {background-attachment:fixed;background-size:cover; padding:155px 0 100px; color:#fff; position:relative;}
#double-cta > div {max-width:1250px; margin:0 auto; display:flex; align-items:stretch; overflow:hidden; z-index:10; position:relative; flex-wrap:wrap;}
#double-cta > div > div {width:100%;}
#double-cta:before {opacity:0.85;z-index:1;}
#contatti-cta a, #biologico a {margin:40px auto 60px;}
#biologico p {max-width:460px; margin:0 auto;}
#double-cta .tel-h3 {margin:0 auto 30px;}
#double-cta .tel-h3 a {text-decoration: none; color:#fff;}
/* blue-divider */
.blue-divider {display:block;position:relative;width:83px;height:3px;margin:30px auto 30px;background-color:#26abe2;}
.blue-divider + p {	clear:both;}
/* specific media query */
@media screen and (min-width: 750px) {
		#double-cta .blue-divider {margin-left: 0;height: 3px;width: 190px;}
		#double-cta > div > div {width:calc(50% - 20px); display:flex; flex-wrap:wrap; padding-right:20px;}
		#double-cta > div > div > div, #double-cta p, #double-cta h3 {width:100%;text-align:left;}
		#contatti-cta .button, #biologico .button {transform:translateX(-5px);align-self:flex-end;margin: 0 0 0 10px;}
		#double-cta h3 {align-self: flex-start;}
		#biologico p {margin-left:0;}
		#double-cta .button {border-width:3px;}
		#double-cta .button:hover {padding:15px;}
}

 @media screen and (min-width:970px) {#double-cta {height:40vh; min-height:600px; display: flex;
    align-items: center;}}


/* -------------------------------------PRODOTTI--------------------------------------------- */
#prodotti #main .wide-section {margin:50px auto; padding:50px 0 0;}
#prodotti #main .main-text p:before, #contatti #main .main-text p:before {top:80px;}

#prodotti .prodotti-button-container {display:flex;flex-wrap:wrap;padding-top:44px;}
#prodotti .prodotti-button-container .button {margin:0 auto;background-color:#0e5977;}
#prodotti .prodotti-button-container .button:first-child {border-bottom-width:0;}
#main #vini {margin-top:100px;}
#main #vini .right-corner a:nth-child(2) {border-bottom-width:0;}

#prodotti #main .gallery-column, #prodotti #main .text-column {height:auto; background-color:#fff; min-height:auto;}
#prodotti #main .gallery-column img {height:auto;width:100%;}
#prodotti #main .text-column .content-center {position:relative; top:auto; left:auto; margin-right:auto; transform:none; padding:23px 12px; background:#fff;}
#prodotti #main .text-column .content-center .blue-divider {margin: 20px 0 15px 7px;}

#prodotti #main .main-text h2, #contatti #main .main-text h2 {font-size:1.3rem; padding-bottom:0px; font-weight:bold; color:#fff; margin:0;}
#prodotti #main .wide-section h3 {font-size:1.5rem; margin:0; text-align:left; font-weight:bold; width:100%;}
#prodotti #main .wide-section p {font-family: 'Playfair Display', serif; letter-spacing:0.08em; line-height: 2em; opacity:0.95; padding:5px 10px; text-align:left; margin:0;}
#prodotti .main-text p, #contatti .main-text p  {padding-top:10px;}

@media screen and (min-width:491px) {
	#prodotti .prodotti-button-container {min-height:45px;}
	#prodotti .prodotti-button-container .button {margin:0;}
	#prodotti .prodotti-button-container .button:first-child {border-bottom-width:1px; border-right-width:0;}
}
@media screen and (min-width:670px) {
	#prodotti #main section .text-column {width:56%;}
	#prodotti #main section .gallery-column {width:44%;}
}

@media screen and (min-width:750px) {
	#main #mosti .right-corner {padding:0; flex-wrap:wrap-reverse; width:96%; height:auto;}
	#main #vini .right-corner{width:80%;}
	#main #vini .right-corner a, #main #mosti .right-corner a  {min-width:185px; width:auto;}
	#main #mosti .right-corner a {padding:25px 10px;}
	#main #mosti .right-corner a:nth-child(4) {width:220px;}
	#main #mosti .right-corner a:first-child,#main #mosti .right-corner a:nth-child(2), #main #vini .right-corner a:first-child {border-right:3px solid #26abe2;}
	#prodotti #main .main-text {padding: 150px 0 240px; margin-bottom:0!important;}
	#prodotti #main #vini {padding-bottom:150px;}
	#prodotti #main .main-text h2, #contatti #main .main-text h2 {padding-bottom:20px; font-size:2rem; font-weight:normal; text-shadow: 0px 2px 13px rgba(197, 197, 197, 0.14); text-align:left; max-width:520px;}
	#prodotti .main-text .blue-divider, #contatti .main-text .blue-divider {margin: 10px 0 20px;}
	#prodotti #main .wide-section .text-column {z-index:10;margin-left:-10px;}
	#prodotti #main .wide-section:nth-child(odd) .text-column {margin-left:0;margin-right:-10px;}
	#prodotti #main .text-column .content-center {padding:30px;}
	#prodotti #main .text-column .content-center p {font-size:1em;}
	#prodotti #main .wide-section {margin:0; padding-top:100px;}
}

@media screen and (min-width:900px) {
	#prodotti #main section .text-column, #prodotti #main section .gallery-column {margin-bottom:0;}
}

@media screen and (min-width:970px) {
	#main .main-text h2 + p {padding-top:55px;padding-bottom:45px;}
	#main #mosti .right-corner a {min-width:220px;}
	#main #vini .right-corner a:last-child {min-width:300px;}
	#prodotti #main .text-column .content-center {padding: 40px 38px;}
}

@media screen and (min-width:1100px) {
	#prodotti #main section .text-column {width:58%;}
	#prodotti #main section .gallery-column {width:calc(42% + 10px);height:auto;}
	#prodotti #main .wide-section {max-width:960px;}
	#prodotti #main .text-column .content-center{display:flex; flex-wrap:wrap; align-content:center;}
}
@media screen and (min-width:1350px) {
	#prodotti #main .main-text:after, #prodotti #main .main-text:before {right:25%;}
}

/* -----------------------------------ABOUT PAGE---------------------------------------- */
#main #about-text {max-width: 700px;background-color:transparent;border-radius: 6px;padding:0;}
#main #about-text p {color:#fff;max-width:none;}
#chi-siamo .main-text {margin-bottom:0px!important;}
#chi-siamo #main section .gallery img {height:440px;;}
/* specific media query */
@media screen and (min-width: 700px) {
		#main #about-text{max-width:960px;padding-top: 70px;border-radius:0;overflow:visible;}
		#main #about-text p {columns:2;column-gap:40px;padding-left: 10%;padding-right: 6%;}
		#chi-siamo #main section .gallery img {height:650px;}
}
@media screen and (min-width:970px) {
	#chi-siamo .main-text .button {display:block;}
	#main #about-text p::before {content:'';display: block;position: absolute;width:3px;height: 40%;right:2px;background-color:#26abe2;top:-2px;}
	#main #about-text p::after {content:'';display: block;position: absolute;width:3px;height: 100%;left:3%;background-color:#26abe2;bottom:-50%;}
	#chi-siamo #certificati{margin-top: 150px;}
	#chi-siamo #main section .gallery img {height:800px;}
}


/* -----------------------------------------CONTATTI --------------------------------------------- */
#contatti header .dettagli {width:100%;}
#contatti header .dettagli p {font-family: 'Playfair Display', serif;font-size:1.6em; line-height:1.5; text-shadow: 0px 2px 13px rgba(197, 197, 197, 0.14); margin-bottom:40px;}
#contatti header .dettagli p:last-child {margin-bottom:0px;}
#contatti header .dettagli p span {font-family: 'PT Sans', sans-serif; text-transform:uppercase; font-size:0.8em; letter-spacing:0.14em; font-weight:bold;}
#contatti header .dettagli p a {color:#fff;text-decoration:none;}

#contatti .main-text ul li {padding-bottom:20px;}
#contatti .main-text ul li a {text-decoration:none; color:#fff; font-size:0.9em; display:block; text-align:center;}
#contatti .main-text ul li span {display:block; color:#fff; text-transform:uppercase; font-weight:bold; font-size:0.8em; letter-spacing:0.12em; opacity:0.8;}

.map-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}

#side-nav {display:none;}

@media screen and (min-width:750px) {
	#contatti header {align-items:stretch;}
	#contatti header .dettagli {margin-top:325px;}
	#contatti header .dettagli p {text-align:left; font-size:2em;}
	#contatti header .dettagli p span {font-size:0.65em;}
	#contatti #main .main-text {padding-bottom:0px;}
	#contatti #main .main-text:first-child {padding: 150px 0 140px; margin-bottom:100px!important;}
	#contatti .main-text ul {padding-top:22px; max-width:450px;}
	#contatti .main-text ul li {padding-bottom:27px;}
	#contatti .main-text ul li a {text-align:left; font-size:1.2em; letter-spacing:0.044em; border-bottom:2px solid transparent;}
	#contatti .main-text ul li span {padding-bottom:4px; border-bottom-color:transparent!important;}
	#contatti .main-text ul li a:hover {border-bottom:2px solid #28aae2;}
	#chi-contattare:after {content:''; display:block; position:absolute; right:-27%; top:20%; width:65%; height:80%; background:url(img/logo-spallanzani-01.jpg); background-size:cover;}
}


@media screen and (min-width:1300px) {
	#side-nav {display:block; position:absolute; right:0; top: 80px;}
	#side-nav a {color:#fff; text-decoration:none; border-bottom:2px solid transparent; transition:0.3s all ease;}
	#side-nav ul li ul a:hover {border-bottom-color:#28aae2;}
	#side-nav ul li {text-transform:uppercase; font-family: 'PT Sans', sans-serif; font-size:0.8rem; letter-spacing:0.15em; font-weight:normal; padding-bottom:5px;}
	#side-nav > ul > li {font-family: 'Playfair Display', serif; text-transform:none; font-weight:bold; font-size:1em; padding-bottom:20px;}
	#side-nav ul li ul {padding-top:5px;}
	#side-nav .blue-divider {margin:10px 0; height:2px;}
	.element-from-top #side-nav {position:fixed; top:86px; right:20px;}
}

@media screen and (min-width:1350px) {
	#contatti #main .main-text:first-child {padding: 150px 0 20px;}
}

/* -----------------------------------------FOOTER--------------------------------------------- */
footer {display:block; position:relative; background-color:#0e5977; color:#fdfdfd; text-align:center; border-bottom:6px solid #28aae2; padding:80px 0;}
#contatti footer {padding-top: 130px;}
#contatti .footer-contatti:before {display:none;}
footer .inner-wrapper {overflow:visible;}
/* logo */
footer section {position:relative;}
footer section img {display:block;margin: 0 auto;width:100px;}
/* text */
footer a {font-family: 'PT Sans', sans-serif; color:#fdfdfd; letter-spacing:0.07em; font-size:1em; display:block; text-align:center; text-decoration:none; padding: 10px 0;}
footer a span {text-transform:uppercase;}

footer .language {margin:0px 0;display:flex;justify-content:center;}
footer .language li {border: 1px solid #26abe2; border-right-width:0;}
footer .language li:last-child {margin-left:0;border-right-width:1px;}
footer .language li a {padding: 12px 15px;}

footer .nav {padding:30px 0;}
footer .nav li a {max-width:220px;border: 1px solid #26abe2; border-bottom-width:0; margin: 0 auto; text-transform:uppercase; font-size:0.9em; text-align: center; padding: 12px 15px;}
footer .nav li:last-child a{border-bottom-width:1px;}

footer .torna-su {position:absolute; bottom:-50px;display:block;text-transform:uppercase; width:100%; text-align:center;}
 footer .torna-su span {border-bottom: 3px solid #26abe2;padding-bottom:10px;}

@media screen and (min-width: 750px) {
	footer section {display:inline-block;float:left;width:50%;margin-top:60px;     min-height: 200px;}
	footer a {line-height:1.2em; padding: 10px 0;}
	footer .torna-su {bottom:20px}
	footer .inner-wrapper {overflow:auto;}
}
@media screen and (min-width: 970px) {
	footer {display:flex;justify-content:center;}
	footer section {width:25%; min-height:auto;}
	 footer a  {text-align:left;}
	 footer img{margin-left:0!important;}
	 footer .footer-contatti {position:relative;}
	 footer .footer-contatti:before {content:'';display:block; position:absolute;left:-25px;height:380px;bottom:0;width:3px;background-color:#28aae2;}
	 footer .language {justify-content: flex-end;}
	 footer .torna-su {width:88%; bottom:-60px;text-align:right;}
	 footer .inner-wrapper {
    overflow: visible;
    display: flex;
    align-items: center;}
		footer section {margin-top:0;}
 }