@import url('extras.css');
@import url('forms.css');

/*---------------------------------------------*\
           

giallo, yellow: #ffbc3e

\*---------------------------------------------*/

* { margin:0; padding:0; font:15px/1.65 'Lato', sans-serif; font-weight:300; color:#3e3831; z-index:1; -webkit-text-size-adjust: none; }

*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box;  }

html, body { min-height:100%; height:100%; width:auto; }
html > body  {min-height:100%; height:100%; width:auto; }
html {}
body {background:#fff; }


*.serif, * .serif, .serif * {font-family: 'Playfair Display', Times New Roman, serif; font-weight:normal; text-transform:none}
*.sans-serif, * .sans-serif, .sans-serif * {font-family: 'Montserrat', sans-serif; font-weight:normal; text-transform:none}

h1,h2,h3,h4,h5,h6 { font-family: 'Lato', sans-serif; line-height:1em; color:#444; padding:0;  margin-bottom:10px; text-align:left; font-weight:bold; letter-spacing:.3em; text-transform:uppercase; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; color:inherit; font-family:inherit; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none }

h1 {font-size:58px; }
h2 {font-size:40px; }
h3 {font-size:34px; }
h4 {font-size:22px; font-weight: 900;}
h5 {font-size:22px; }
h6 {font-size:16px; }

p {margin-bottom:15px;}
a {text-decoration:none; color:#333;}
a:hover {opacity: 0.7;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}
p.err {color:red; margin-bottom:10px}

em {font-style:italic}

strong, strong *, * strong {font-weight:bold !important; }
input {margin:0; padding:0;}
form p { margin:0; padding:0;}

ul { list-style-position:inside; margin:0; padding:0; }
ol li { list-style-type: decimal; list-style-position: outside; margin-left:15px }

label {color:#fff;}
select {-webkit-appearance:none; }

.hide {display:none}
.err {color:#f12 !important; }
strong.err {font-size:inherit; padding:0;}
h3.err {font-size:30px; padding:0;}

input:focus, select:focus {color:#444; outline:none; }
select:-moz-focusring { color: transparent;   text-shadow: 0 0 0 #000; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
div.clear { clear:both; }
/*---------------------------------------------*\
                   generic 
\*---------------------------------------------*/

.wrapper-page h2{color: #444;}

#page-preload{position: fixed;width: 100%;height: 100%;background-color: white;z-index: 9995;top: 0;left: 0;}

#page-preload img.logo-preload{  width: 260px;position: absolute; z-index: 99; left: 50%; top: 50%; margin-left: -130px; margin-top: -90px;}
.loadingbar{position: fixed; top: 0;height: 3px;width: 100%;z-index: 9999;left: 0;opacity: 1;transition: all 0.3s ease-out 0s;}
.loadingbar--hide{opacity: 0;}
.loadingbar .bar{ display: block;height: 100%;background: #444;width: 40%;transition: all 0.3s ease-out 0s;}

.overflow{overflow:hidden;}
.cta {text-align:center;}
.cta a {display:inline-block; margin:0 auto; min-width:160px; padding:7px 30px; border:2px solid #fff; background:none;  color:#fff; margin-top:10px; transition:all .2s; text-transform:uppercase; font-weight:bold;}
.cta a:hover {box-shadow:3px 3px 0 #ffbc3e; transition:all .2s; color:#ffbc3e !important}

.number {font-family: 'Lato', sans-serif; color:#C5001C; font-size:40px;line-height:1em; margin-bottom:5px; padding:0; font-weight:bold;}

.page a {text-decoration:underline;}

/*---------------------------------------------*\
                   layout 
\*---------------------------------------------*/
.title{position: relative;font-weight: bold;}
#wrapper {width:100%; background:#fff; overflow:hidden;}
#sidebar {display: none;position:fixed; top:0; left:-335px; width:335px; min-height:800px; height:100%; transition: left 1s ease 0s; z-index:800; background:rgba(191,0,34,.95);}
#main { transition: left 1s ease; z-index:200; overflow:hidden; min-height:800px; }
#main.home {padding-top:0; }

#header {position:fixed; top:0; left:0; width:100%; height:190px; z-index:500; background-color: white; -webkit-transition: background-color .5s linear;     -moz-transition: background-color .5s linear;     -o-transition: background-color .5s linear;     -ms-transition: background-color .5s linear;     transition: background-color .5s linear; transition: left 1s ease;}
#header-content {height:190px;}
#header-contact{position: absolute;right: 0;top: 0;margin-right: 20px;margin-top: 110px;transition: all 1s ease 0s;}
#header-contact p, a{margin-bottom: 0;color: #6d6d6d;font-size: 14px;}
#header-contact a{font-size: 14px;color: #6d6d6d;}
#header-contact p a:nth-child(2):hover{color: #C5001C;}
#header #logo {position:relative; top:0; left:0; width:100%; text-align:center;z-index: 10;}
#header.opaque #logo {width: 200px; z-index: 10;}
#header .h1 {display:inline-block; overflow:hidden; width:200px; height:75px; margin-top:35px; transition: all 1s ease 0s;}
#header .h1 img {width:200px; transition: all 1s ease 0s;}
#header.menu-open .h1 {left:415px; transition: all 1s ease 0s;}

#header.opaque { height:80px}
#header.opaque .h1 {text-align:center; }
#header.opaque .h1 img {width:150px; transition: all 1s ease 0s;}
#header.opaque #language-selector li {}
#header.opaque .h1{overflow: hidden;width: 200px;height: 75px;margin-top: 12px;margin-left: 50px; display: block;transition: all 1s ease 0s;}
#header.opaque #header-contact{margin-top: 5px;}
#header.opaque #header-content{height: 80px;}

#sidebar.menu-open {left:0;}


#sidebar-trigger { width: 35px; cursor: pointer; position:fixed; top:20px; left:10px; z-index:999; display: none;}
#sidebar-trigger .e1,#sidebar-trigger .e2,#sidebar-trigger .e3{transition: all 1s ease 0s;width: 100%; height:4px; background-color:black;position: relative;top:0; margin-bottom:4px; }
#sidebar-trigger .e1,#sidebar-trigger .e2{}
#sidebar-trigger:hover .e1{top:-2px}
#sidebar-trigger:hover .e3{top:2px}

#sidebar-trigger.menu-open {top:30px}
#sidebar-trigger.menu-open *{margin-bottom: 0; border:0;}
#sidebar-trigger.menu-open .e2{background-color: transparent; height: 0; display:none}
#sidebar-trigger.menu-open .e1{transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: center center;  background-color:#000; position:absolute; top:50%;}
#sidebar-trigger.menu-open .e3{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: center center; background-color:#000; position:absolute; top:50%;}


#submenu {position:relative; top:0; left:0; width:100%; height:50px; margin-top:00px; text-align:center; border-bottom:1px solid #000; background:#EBE6E6 }
#submenu.fixed {position:fixed; top:60px; border-top:1px solid #EBE6E6; left:0; z-index:200}
#submenu.menu-open.fixed {padding-left:415px; text-align:left;}
#submenu ul li {list-style:none; display:inline-block; padding:0; padding:0 1%; height:50px; line-height:50px; }
#submenu ul li.active a{border-bottom:1px solid #000}
#submenu ul li a {font-size:16px; padding:0 5px; letter-spacing:2px; display:inline-block; text-transform:uppercase; }

@media screen and (max-width: 1200px){
    /*#header-contact{display: none;}*/
    #menu ul li a{margin: 0 20px;}
}

@media screen and (max-width: 1100px){
    #header-contact{display: none;}
}



/*---------------------------------------------*\
                   #slider 
\*---------------------------------------------*/
#slider {position:relative; top:0; left:0; width:100%; min-height:200px; z-index:200; background:#333;  overflow:hidden;}
#slider #slider-content {width:100%; height:100%; overflow:hidden;}
#slider #slider-content .slide {-webkit-backface-visibility: hidden; width:100%; height:100%; overflow:hidden; background-size:cover;}
.displayer { position:absolute; min-height:135px; padding:20px 0; margin:0 auto; width:100%; z-index:300; background-size:contain; padding:35% 0; }
.displayer-content {}

#slider .down-arrow {position:absolute; bottom:80px; left:50%; margin-left:-22px; width:43px; height:23px; background:url(/i/arrow-down.png) no-repeat; z-index:888;background-position: center;background-size: cover; }
#slider .down-arrow:hover {opacity:.7}


#no-slider {height:130px; width:100%; background:#000; }

.displayer h1 {text-align:center; color:white; text-transform:uppercase; max-width:75%; margin:0 auto; margin-bottom:20px; }
.displayer h2 {text-transform:initial; letter-spacing:0; font-weight:normal; font-family: 'Playfair Display', serif; text-align:center; color:#fff; font-size:18px; max-width:75%; margin:0 auto; }


/*---------------------------------------------*\
                   #menu 
\*---------------------------------------------*/
#menu {position:relative;margin-top: 10px;}
#menu-content{text-align: center;}
#menu ul {padding:0 20px; padding: 0 20px; width: auto;display: inline-block;}
#menu ul li {list-style:none; float: left;}
#menu ul li a {display:block; color:#000;  text-transform:uppercase; letter-spacing:1px; font-size:13px; text-transform:uppercase; padding:20px 0; margin: 0 35px; font-weight:bold; font-family: 'Lato', sans-serif;}
#menu ul li.active > a:after {display: block;content: "";background: #C5001C;position: relative;bottom: -10px;width: 65%;height: 5px;margin: 0 auto;transition: all 0.55s ease 0s;}
#menu ul li a:hover { opacity: .7;}
#header.opaque #menu-content{margin-top: -90px;}

#menu-legals {margin-top:15px; padding:40px;text-align: left;margin-left: 32px;}
#menu-legals a {display:block; text-decoration: underline; margin-bottom:5px;}

/*---------------------------------------------*\
                   #footer / credits
\*---------------------------------------------*/
#footer {background-color: #303030;width: 100%;position: absolute;}
#footer p,a{color: #DADADA; font-size: 12px;letter-spacing: 1px;}
#footer .footer-container-left{padding: 0 20%; text-align: right;}
#footer .footer-container-right{padding: 0 20%;}
#footer .image img{height: 65px;}
#footer .col{float: left;position: relative;}
#footer .col-footer-central{width: 50%;padding: 50px;}
#footer .col-footer-central:before{content: "";display: block;background: #DADADA;position: absolute;left: 18px;top: 15%; bottom: 0;border: 1px;border-width: 0 0 0 1px;width: 1px;height: 70%;transition: all 0.55s ease 0s;}
#footer .col-footer-central:after{content: "";display: block;background: #DADADA;position: absolute;right: 18px;top: 15%; bottom: 0;border: 1px;border-width: 0 0 0 1px;width: 1px;height: 70%;transition: all 0.55s ease 0s;}
#footer .col-footer-lateral{width: 25%;padding: 50px;}
#footer .col-footer-lateral .image a:hover{opacity: 1;}
#footer .col-footer-central .inner-col{padding-left: 95px;}
#footer .col-footer-central .inner-col.inner-col-contatti p:nth-child(1){margin-bottom: 0;}
#footer .col-footer-central .title{padding-left: 95px;}
#footer .title p{font-family: 'Lato', sans-serif;font-size: 15px; color: white;letter-spacing: 0;}
#footer .inner-col{width: 50%;float: left;}
#footer .inner-col .title p{color: white;font-size: 14px !important;}

.policy{margin: 0 auto; width: 50%;text-align: center;color: #DADADA;}
.policy a{font-size: 11px;}
.credits {text-align: center;align-content: center;padding: 3px 0;max-width: 100%;width: 50%;margin: 0 auto;}
.credits a{font-size: 10px;}

@media screen and (max-width: 1200px){
  #footer .foot {width:100%; border-top:0; min-height:1px}
#footer h3 {font-size:30px; }

#footer .col-footer-lateral{width: 100%;padding-bottom: 10px;text-align: center;}
#footer .footer-container-left{padding: 0 20%;text-align: center;}
#footer .col-footer-central{width: 100%;padding: 0 50px 0 50px;text-align: center;}
#footer .col-footer-central:before{content: "";display: inline-block;background: #DADADA;position: relative;top: -15px;left: 0;width: 100%;height: 1px;transition: all 0.55s ease 0s;}
#footer .col-footer-central:after{content: "";display: inline-block;background: #DADADA;position: relative;bottom: 0;left: 0;width: 100%;height: 1px;transition: all 0.55s ease 0s;}
#footer .col-footer-central .title{padding-left: 0;padding-bottom: 10px;}
#footer .col-footer-lateral .title{padding-bottom: 10px;}
#footer .col-footer-lateral--left{padding-top: 10px;}
#footer .col-footer-central .inner-col{padding-left: 0;}  
}

/*---------------------------------------------*\
                   home
\*---------------------------------------------*/
.section {width:100%; background:#fff; clear:both; position: relative;}
.section-content.background{ position: absolute;background-color: #F7F7F7;width: 100%; bottom: 7%;top: 30%;z-index: 0;}
.section.grey {background:#F7F7F7;}
.section.yellow {background:#f3bd48;}
.section.section-2 {padding-bottom:160px;}
.section-content {width:100%; }

.section .box {overflow:hidden; height:auto; padding:100px 0;}
.section .box .image {width:45%; float:left;}
.section .box .image .title {margin-left:15%; margin-bottom:25px;}
.section .box .image img {width:100%;}
.section .box .content {margin-top:240px; margin-left:12%; margin-right:5%; width:37%; float:left; }
.section .box .content .text {position:relative; top:0; left:0; margin-bottom:50px; line-height:1.75em;}
.section .box .content .text:after {content:""; background: #000;  position: absolute;   bottom: -30px;   left: 0;   width: 65%;   height:1px; transition: all 0.55s ease 0s; }
.section .box .content .text:before {content:""; background: #000;  position: absolute;   top: -30px;   left: 0;   width: 65%;   height:1px; transition: all 0.55s ease 0s; }
.section .box .content .text * { line-height:2em; color:#3e3831; letter-spacing:.10em;}
.section .box .content .link a { text-transform:uppercase; font-size:13px; font-weight:bold; letter-spacing:2px; font-family: 'Montserrat', sans-serif;}

.section .box-presentation .title{text-align: center;}
.section .box-presentation .title h4{text-align: center;width: auto; padding: 0 20px; display: inline-block;font-size: 25px;}
.section .box-presentation .content{margin-top: 30px;text-align: center;width: auto;margin-left: 0;margin-right: 0;}
.section .box-presentation .text{width: auto;display: inline-block;}
.section .box-presentation .text p{width: 40%;display: inline-block;margin-bottom: 20px; margin-top: 20px;}
.section .box.box-presentation .text:before{display: inline-block; position: relative;width: 90%;}
.section .box.box-presentation .text:after{display: inline-block; position: relative;width: 90%;}
.section .box.box-presentation{padding-bottom: 0;}

.section .box.row-2{padding-top: 0;padding-bottom: 20px;}
.section .box.row-2 .title{margin-left: 8%;margin-bottom: 35px;}
.section .box.row-2 .image{margin-left: 4%;}

.red-box{float: right;width: 45%;margin-top: 100px;margin-right: 0;background: #C5001C;position: relative;}
.red-box .container{padding: 170px 150px;}
.red-box p, ul li{font-family: 'Playfair Display', serif;color: white;font-size: 22px;line-height: 2em;}
.section .box.little-box .content{margin-top: 0;margin-left: 4%;}
.section .box.little-box{margin-top: 0;margin-left: 4%;padding-bottom: 0;}

.pic {position:relative;} 
.triangle {position:absolute; top:15%; right:0; width:25px; height:45px; background:url(/i/triangle-white.png) center right no-repeat; background-size:contain;} 
.triangle.grey {background:url(/i/triangle-grey.png) center right no-repeat; background-size:contain;} 

.section-2 .box .content {margin-top:0;}
.section-2 .title {width:44%;}

.section .box-1 {width:100%; margin:0 auto;padding-top: 50px;padding-bottom: 0;}

.section .box-1 .title{margin-bottom: 100px;}

.section.section-2 .box-2{margin-top: -260px;}

.section .box-2 .triangle {position:absolute; }
.section .box-2 .content {position:relative; top:0; left:0; background:#333; color:#fff; padding:15% 5%; margin-left:0; width:60%; margin-right:0%; }
.section .box-2 .content * {color:#fff !important; border-color:#fff;  }
.section .box-2 .image {padding-top:7%; width:30%; }
.section .box-2 .content .text {width:70%;}
.section .box-2 .content .text:after {background:#fff; width:55%;}
.section .box-2 .content .text:before {background:#fff; width:55%;}
.section .box-2 .content .link a {color:#ffbc3e !important}

.section-half .section-content {width:80%; margin:0 auto; }
.section .box-half {width:45%; margin-left:0%;  float:right;}
.section .box-half .image {width:100%;}
.section .box-half .content {width:100%; margin:0;}
.section .box-half .image .title {margin-left:10%; }
.section .box-half .image .pic {margin-bottom:40px;}


.section .box-4{padding-top: 30px;padding-bottom: 3%;}
.section .box-4 .content{margin-top: 0;width: 25%;}
.section .box-half .image .title { }
.section .box-3 {padding-top: 0;}
.section .box-3 .image {margin-top:85px;width: 50%;}
.section .box-3 .content {margin-top: 0;width: 35%; margin-left: 7%;}
.section .box-3 .title {margin-bottom: 100px;;}
.section .box-4 .image {float: right;margin-right: 4%;}

@media screen and (max-width: 1500px){
    .red-box .container{padding: 90px 60px;}
    .section.section-one .box.box-1 .content{margin-top: 150px;}
    .section-content.background{top: 10%;}
}

/*---------------------------------------------*\
                   CONTATTI
\*---------------------------------------------*/
#newsletter .section-content {width:75%; margin:0 auto; padding:75px 0; }
#newsletter h3 {font-weight: 900;color:#000; text-align:center; margin-bottom:30px;font-size: 25px;}
#newsletter div.incipit {color:#000;  text-align:center;  margin-bottom:20px; width:65%; margin:0 auto; text-transform:uppercase; font-size:20px; letter-spacing:1px;}
#newsletter div.incipit p {line-height:1.3em;}
#newsletter .newsletter-form {padding:20px 0; width:50%; margin:0 auto;}
#newsletter #newsletter-trigger {display:inline-block; margin-right:0; height:40px; border:0; width:70%; padding:0 15px; }
#newsletter #newsletter-send {border:0; display:inline-block; text-align:center; color:#fff;  text-align:center; text-transform:uppercase; white-space:nowrap; background:#353434; border:0; font-weight:bold; color:#fff; cursor:pointer; padding:0 25px; margin:0 auto; margin-top:10px; letter-spacing:2px; height:40px; width:28%; }

#newsletter .contact .section-content{padding-top: 0;margin-top: 2%;}
#newsletter .contact-incipit{padding-bottom: 0;}
.container-contatti{margin: 0 auto; width: 70%;}
.container-contatti p{line-height: 2em;letter-spacing: 1px;}
.col-contatti-left{float: left;}
.col-contatti-right{float: right;}
.col-contatti-right p a:hover{color: #C5001C;}
.col-contatti-right a{color: #3e3831; font-size: 15px;}

.init-map{width: 100%;}
.col-contatti-map{float: left;width: 50%;}
.col-contatti-form{float: right;width: 50%;}
#newsletter .section-content.contact{width: 85%;}

@media screen and (max-width: 1250px){
.container-contatti{width: 90%;}
}

/*@media screen and (max-width: 1200px){
    .container-contatti{width: 60%;}
}*/

/*---------------------------------------------*\
                   AZIENDA
\*---------------------------------------------*/
.longbox {width:100%; padding:5%; margin-bottom:80px;}
.longbox .title {margin-bottom:20px;}
.longbox .content {padding:60px 0; margin:35px 0;overflow:hidden; }
.longbox .content {float:left; margin:0 20%;}
.longbox .content .text * { font-size: 22px; text-align: center;font-weight: 100; line-height:2em; color:#3e3831;font-family: 'Playfair Display', serif;}

.azienda-filosofia {float:left; margin-top: 110px;position: relative;margin-bottom: -130px;}
.azienda-filosofia .box {overflow:visible; float:left; padding-top:20px; padding-bottom: 0;}
.azienda-filosofia .box .image {position: relative;top:-100px; width:55%; }
.azienda-filosofia .box .content {margin-right:0; margin-left:5%; }
.azienda-filosofia .title {margin-bottom:85px;}

.section.azienda-filosofia .section-content .box .content .text.first:after{display: none;}
.section.azienda-filosofia .section-content .box .content .text.first{margin-bottom: 30px;}
.section.azienda-filosofia .box.row-2{position: relative;}
.section-content.background.azienda{top: 1%;bottom: 20%;}
.section.azienda-filosofia .box .content{margin-top: 150px; width: 30%;}
.section.azienda-filosofia .box.row-2 .text{float: left; margin-left: 6%; width: 35%;line-height: 2em;color: #3e3831;letter-spacing: .10em;}
.section .section.azienda-filosofia .section-content .box .content .text.first:after{width: 70%;}
.section.azienda-filosofia .box.row-3 .text{position: relative;float: right; margin-right: 15%; width: 35%;line-height: 2em;color: #3e3831;letter-spacing: .10em;}
.section.azienda-filosofia .box.row-3 .text:after{content: "";background: #000;position: absolute;bottom: -30px;left: 0;width: 65%;height: 1px;transition: all 0.55s ease 0s;}
.section.azienda-filosofia .box.row-2 .image{width: 35%; margin-left: 19%; margin-top: 16%;}
.section.azienda-filosofia .box.row-2 .image img{max-width: 100%;width: auto;}
.section.azienda-filosofia .box.row-3 .image{width: 35%;margin-left: 6%;top: -250px;}
.section.azienda-filosofia .box.row-3 .image img{max-width: 100%;width: auto;}

.azienda-approccio {width:100%; float:left; margin-bottom:-100px;}
.azienda-approccio .section-content {float:none; margin-bottom:-150px; width:100%}
.azienda-approccio .box-half {float:left;}
.azienda-approccio .box {top:-360px; margin-right:0%;}
.azienda-approccio .box.azienda-approccio-highlight {width:35%; margin-left:0; top:-110px; padding:80px; background:#C5001C; float:right !important;}
.azienda-approccio .box.azienda-approccio-highlight .content {width:100%;}
.azienda-approccio .box.azienda-approccio-highlight .content p{color: white;}
.azienda-approccio .box.azienda-approccio-highlight * {font-family: 'Playfair Display', serif; font-size:25px; line-height:2em;}
.azienda-approccio .box-3 {width:45%}
.azienda-approccio .box.box-half.box-3 .content{width: 100%;}
.box-left{width: 56%;float: left; max-width: 100%;}
.box-left .title{margin-left: 12%;margin-bottom: 60px;}
.box-left .image{width: 100%;}
.box-left .image img{max-width: 100%; width: auto;}
.highlight{width: 35%; float: right;margin-bottom: 80px;}
.highlight .red-box{width: 100%;margin-top: 0; top: -60px; margin-bottom: 15%;}
.highlight .red-box .container{padding: 90px 80px;}
.highlight .content{ margin-bottom: 20%;width: 100%;position: relative;clear: both;}
.highlight .content .text{position: relative;margin-right: 20%;line-height: 2em;color: #3e3831;letter-spacing: .15em;}
.highlight .content .text:before{content: "";background: #000;position: absolute;top: -30px;left: 0;width: 65%;height: 1px;transition: all 0.55s ease 0s;}
.highlight .content .text:after{content: "";background: #000;position: absolute;bottom: -30px;left: 0;width: 65%;height: 1px;transition: all 0.55s ease 0s;}
.highlight .content .text p{line-height: 2em;color: #3e3831;letter-spacing: .10em;}
.azienda-storia.section-half .box-half {width:50%;}
.azienda-storia.section-half .section-content {float:left; margin-left:5%;}
.azienda-storia.section-half .section-content .content {margin-left:5%; width:90%;}

@media screen and (max-width: 1400px){
    .section.azienda-filosofia .box .content{margin-top: -80px;}
    .section.azienda-filosofia .box.row-3{margin-top: 10%;}
    .section .azienda.box-left{width: 100%;}
    .section .azienda.highlight{float: none;width: 80%;margin-left: 6%;}
    .section .azienda.highlight .red-box{top: 0;margin-top: 20px;}
}
@media screen and (max-width: 1200px){
    .section.azienda-filosofia .box.row-3{margin-top: 22%;}
}

/*---------------------------------------------*\
                   PROCESSO
\*---------------------------------------------*/

.processo .longbox .content{margin-bottom: 5%;}

#processo .image{width: 38%; margin-left: 7%;margin-top: 5%;}
#processo .content{margin-top: 0;margin-left: 8%;}
#processo .row-2 .content{text-align: right;margin-top: 18%;}
#processo .row-2 .content .title{margin-bottom: 100px;padding-left: 50px;}
#processo .row-2 .content h4{text-align: right;}
#processo .row-2 .content .text:before{right: 0;left: initial;}
#processo .row-2 .content .text:after{display: none;}
#processo .row-2 .box-right .image{margin-left: 3%; width: 42%;}
#processo .box-right .content{text-align: left;margin-top: 6%;margin-left: 6%;}
#processo .box-right .content .text{margin-bottom: 14%;margin-right: 12%;}
#processo .box-right .content .text:before{display: none;}
#processo .box-right .content .text:after{display: initial; left: 0; right: initial;}
.section-content.background.processo{background-color: #E8E8E8;top: -30px;bottom: 0%;}

#processo .red-box{float: left;width: 50%; text-align: right;margin-top: 0;top: -100px;}
#processo .red-box p{padding: 120px 95px;}
#processo .section-2 .box-1 .image{margin-left: 6%;width: 44%;float: right;}
#processo .row-3 .image{width: 38%; margin-left: 7%;margin-top: 0;}
#processo .row-3 .content{margin-top: 5%;}
#processo .row-3 .content .title{margin-bottom: 100px;}
#processo .section-2 .row-4{padding: 0;}
#processo .section-2 .row-4 .content{text-align: right;margin-top: 9%;}
#processo .section-2 .row-4 .content .title{width: 100%;margin-bottom: 100px;}
#processo .section-2 .row-4 .image{margin-top: 0;margin-left: 3%;}
#processo .section-2 .row-4 .content .text:before{left: initial; right: 0;}
#processo .section-2 .row-4 .content .text:after{left: initial; right: 0;}
#processo .section-2 .row-4 .content h4{text-align: right;}
.section-content.background.processo.section-2{background-color: #F6F4F5;top: 0;bottom: 16%;}
.section-content.background-toppa.processo.section-2{z-index: 0;position: absolute;background: #F9F9F9;bottom: -50%;height: 66%;top: inherit;}

#processo .section-3 .row-5{margin-top: 8%;padding: 0;}
#processo .section-3 .row-5 .content .title{margin-bottom: 100px;margin-top: 1%;}
#processo .section-3 .row-5 .image{margin-bottom: 8%;}
.section-content.background.processo.section-3{background-color: #F9F9F9;top: 0;}

#processo .section-4 .row-6{margin-top: 5%;padding: 0;overflow: initial;}
#processo .row-6 .image{margin-top: -7%; margin-left: 3%;}
#processo .row-6 .content .title{margin-bottom: 100px;text-align: right;}
#processo .row-6 .content{margin-bottom: 100px;text-align: right;}
#processo .section-4 .row-6 .content h4{text-align: right;}
#processo .section-4 .row-6 .content .text:before{left: initial; right: 0;}
#processo .section-4 .row-6 .content .text:after{left: initial; right: 0;}

@media screen and (max-width: 1500px){
    #processo .box-right .content{margin-top: 12%;}
}

@media screen and (max-width: 1300px){
    .section-content.background-toppa.processo.section-2{bottom: -38%;}
    #processo .row-2 .content{margin-top: 2%;}
    #processo .row-2 .box-right .image{margin-top: 8%;}
}

@media screen and (max-width: 1100px){
    #processo .row-6 .image{margin-top: 5%;}
}

/*---------------------------------------------*\
                   PRIVACY POLICY
\*---------------------------------------------*/

.light_container{width: 90%;left: 5%;max-width: 1520px;padding: 0 5px;position: relative;margin-bottom: 100px;margin-top: 200px;}

.light_container h1, h2{text-transform: none; letter-spacing: normal;margin-bottom: 50px;font-size: 45px;font-family: 'Lato', sans-serif;color: black;}

.light_container h2{font-size: 35px;}

.light_container .article p{font-family: 'Lato', sans-serif;font-style: initial;line-height: 1.8;margin-bottom: 0;}

.light_container .article span{color: #797373;}

.light_container .article p strong{font-family: 'Lato', sans-serif;font-style: initial;line-height: 1.8;padding-right: 200px;}


/*---------------------------------------------*\
                   default
\*---------------------------------------------*/
#default {padding-bottom:100px; padding-top:100px;  }
#default .section {width:100%;}
#default .section-content {width:80%; max-width:800px; margin:0 auto;}

/*********************************************
----------- Iubenda  -----------------
*********************************************/
#iubenda-cs-banner .iubenda-banner-content * {color: white !important;}