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

* { margin:0; padding:0; font:15px/1.25 sans-serif; font-family: 'Overpass', serif; font-weight:300; color:#000000; 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:#ffffff; }

h1,h2,h3,h4,h5,h6 {line-height:1em; color:#444; padding:0;  margin-bottom:10px; text-align:left; }
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:34px; }
h2 {font-size:30px; }
h3 {font-size:26px; }
h4 {font-size:22px; }
h5 {font-size:16px; }
h6 {font-size:14px; }

p {margin-bottom:25px;}
a {text-decoration:none; color:#333;}
a:hover {color:#EC1338; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
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; }


html{background-color: #EDEDED;}

html.home{background-color: #F0E8E6;}

body{background-color: #EDEDED;}

p{color:#797373;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; font-size: 16px;}

strong{font-size: 16px;}

.section{width: 100%;}

.section__content{max-width: 1400px;}

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

#page-preload img.logo-preload{  width: 180px;position: absolute; z-index: 99; left: 50%; top: 50%; margin-left: -90px; 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: #797373;
    width: 40%;
    transition: all 0.3s ease-out 0s;}
/*

    HEADER

*/

.header.menu-open .social-menu .social-menu--shop{ border: 1px solid #585858;}

.header.menu-open .shopping_cart{ background-image: url(/i/ico--cart-black.png);}

.overflow{overflow: hidden;}

.menu ul li {float: left; margin: 0 40px 0 0; position: relative;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.menu ul.level_1 > li:hover>a{opacity: 0.6;}

.menu ul { list-style-type: none; display: inline-block;}

.menu ul li a {color: white; text-transform: uppercase; letter-spacing: 3px; font-size: small;}

.menu {clear: none; float: none; height: 55px; text-align: center; vertical-align: middle; padding: 30px 20px;
margin-top: 15px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.menu ul.level_2{padding: 15px;width: 200px;text-align: center;position: absolute;left: 50%;margin-left: -100px;display: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.menu ul.level_2 li{margin: 0; text-align: center;width: 100%;}
.menu ul.level_2 li a{color: black;text-align: center;}
.menu ul.level_2 li:nth-child(2){margin-top: 10px;}
.menu ul li ul.hover{ display: block;background-color:rgba(255, 255, 255, 1);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu ul li ul{opacity: 1;}

.menu ul.level_2.hover_mobile{padding: 0;background: none;position: relative;width: 100%;display: inline-block;left: 0;margin: 0;}
.menu ul.level_2.hover_mobile li:nth-child(2){margin-top: 0;}
.menu ul.level_2.hover_mobile li a{font-size: 15px;color: #585858;}

.menu__voice{margin-top: 25px;}

.hamburger.is-active .menu ul.level_2 li{position: relative;display: inline-block;}

.menu__voice .voice.active:after{content: ""; display: block; width: 70%; padding-top: 15px; border-bottom: 2px solid white;
    margin: 0 auto;}

.scroll .menu__voice .voice.active:after{border-bottom: 2px solid #A5A2A2};

.voice--active {border-bottom: 2px solid white;}

.voice--endblock {padding-right: 50px;}

.logo {float: left; position: relative; height: 80px; width: 82px; margin-top: -8px;
       background: url("../i/logo.png")center center no-repeat; background-size: cover;
       -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.logo .logo__image {height: 65px;}

.scroll .logo{margin-top: 0;}

.logo:hover{opacity: 0.6;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.header{position: fixed; width: 100%; top: 0; left: 0; z-index: 999;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.header__content{width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 20px 25px; position: relative;}

.image-header{background: url("../i/header_image.jpg") center center no-repeat; background-size:cover;
    min-height: 100vh; width: 100%;}

.image-header__logo{height: 200px; width: 200px;    position: relative;    left: 50%;    margin-left: -100px;
    margin-top: 150px;}

.image-header__gradient{background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); width: 100%; height: 100px;}

.menu .icon{display: none;}

.center-menu{width: 100%;padding: 0 25px;}

.lateral-menu{position: absolute;padding: 0 25px;}

.lateral-menu-logo{left:0;}

.lateral-menu-social{right: 0;top: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.social-menu a{margin: 0 10px; display: inline-block; vertical-align: middle;}

.social-menu i.fab{color: white;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.social-menu i.fab:hover{opacity: 0.6;}

.scroll .social-menu i.fab{color: #585858;}

.social-menu .social__icon {padding-left: 10px; vertical-align: middle;}

.social-menu--shop{padding: 15px 30px; background-color: white; color: #797373; text-transform: uppercase; font-family: "Overpass", sans-serif; font-size: 13px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; letter-spacing: 0.22em;}

.social-menu--shop:hover{background-color: #797373; color: white;}

.shopping_cart{background-image: url('/i/ico--cart.png'); background-position: center center; background-size: 21px; background-repeat: no-repeat; width: 21px; height: 26px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.scroll{background: white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.scroll ul li a{color: #585858;}

.scroll .header__content{padding: 0 20px 25px;}

.scroll .header__content .logo{background: url("../i/logo_grey.png") center center no-repeat; background-size: cover;}

div.hamburger {display: none;}

.scroll .menu{padding: 10px 20px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.scroll .menu__voice{margin-top: 15px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.scroll .lateral-menu-social {margin-top: -28px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.scroll .logo{height: 47px; width: 48px; background: url("../i/logo_grey.png")center center no-repeat; background-size: cover;}

.scroll .social-menu .social-menu--shop{border: 1px solid #585858;}

.scroll .shopping_cart{background-image: url('/i/ico--cart-black.png');}
/*

    INCIPIT

*/

.incipit {margin: -50px auto 0 auto; width: 100%; max-width: 980px; text-align: center; vertical-align: middle;
align-content: center;}

.incipit .incipit__content:before {content:""; display:block; width:100%; height:55px;
    background: url("/i/incipit__top.png") center center no-repeat; color: #797373;}

.incipit__paragraph {color:#797373;font-weight: 200;font-family: 'Overpass', serif; letter-spacing: 1px; font-style: normal; text-align: center;
    vertical-align: middle; padding:55px 15% 25px 15%; font-size: 16px; width: 100%;
    background-color: #F8F8F8; line-height: 1.8; display: inline-block;}

.incipit__paragraph p {color:#797373;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;text-align: center;
    vertical-align: middle; font-size: 16px; background-color: #F8F8F8; line-height: 1.8; display: inline-block;}

.incipit__paragraph h2{text-align: center; font-size: 16px; text-transform: uppercase; letter-spacing: 0.22em; font-weight: bold; margin-bottom: 15px;}

/*

    CHI SIAMO

*/

.chisiamo{margin:0 20px; height: 500px; margin-top: 70px; align-content: center;}

.chisiamo__image{background: url("../i/header_image.jpg") center center no-repeat; background-size: cover;
                width: 50%; height: 100%; float: left;}

.chisiamo__content{ width: 50%; height: 100%; float: left; background-color: #F8F8F8;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.chisiamo__content:before{content:""; display:block; height:55px; position: relative; margin-left: -17px; 
margin-top: -27.5px; top: 50%;background: url("../i/freccia_sx.png"); background-repeat: no-repeat; 
background-position: left; color: #797373;}

.chisiamo__content:hover{opacity: 0.8;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.title{text-transform: uppercase; color: #797373; font-family: 'Overpass', serif;
font-size: x-large; text-align: center; padding-top: 145px; padding-bottom: 40px; letter-spacing: 2px;}
             
.title:after {content:""; display:block; width:19%; padding-top: 40px; 
       border-bottom:1px solid #555; margin:0 auto;}

.paragraph{text-align: center; vertical-align: middle; color:#797373; 
                  font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

.chisiamo__content p{text-align: center; vertical-align: middle; color:#797373; 
                  font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

/*

    COLUMN

*/

.box{margin: 0 20px;}

.column{width: 50%; float: left;}

/*

    LITTLE BOX

*/

.littlebox{ align-content: center; align-content: center; position: relative;}

.littlebox__image{width: 50%;height: 100%; position: absolute;z-index: 0;}

.littlebox__content{z-index: 10;float: right; background-color: #F8F8F8; position: relative;width: 50%; padding: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.littlebox__content:hover{opacity: 0.6;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.littlebox__image--right{right: 0; top: 0;}

.littlebox__content--left:before{content: ""; display: block; height: 55px; position: absolute;width: 200px;
margin-left: -17px;z-index: 10;margin-top: -27.5px;top: 50%;background: url(../i/freccia_sx.png);
background-repeat: no-repeat;background-position: left;color: #797373;}

.littlebox__content--right{float: left;}

.littlebox__content--right:before{content: ""; display: block; height: 55px; position: absolute;width: 200px;
margin-right: -17px;right: 0;z-index: 10;margin-top: -27.5px;top: 50%;background: url(../i/freccia_dx.png);
background-repeat: no-repeat;background-position: right;color: #797373;}

.littlebox__content--left p{padding-left: 60px; padding-right: 60px; line-height: 1.8; 
text-align: center; vertical-align: middle; color:#797373; 
                  font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

.littlebox__content--right p{padding-left: 60px; padding-right: 60px; line-height: 1.8; 
text-align: center; vertical-align: middle; color:#797373; 
                  font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

.littlebox__title{padding-top: 70px; padding-bottom: 40px; font-size: x-large;}

.littlebox__title:after {width: 35%}

.littlebox__paragraph{padding-left: 60px; padding-right: 60px; line-height: 1.8; display: inline-block;}

/* 

    BIGBOX  

*/

.bigbox{text-align: center; padding: 25% 0;}

.bigbox__content{width: auto;padding: 0 25px;display: inline-block; margin:0 auto; background-color: #F8F8F8;
                -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.bigbox__content:hover{opacity: 0.9;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;cursor: pointer;}

.bigbox__title{line-height: 1.4; padding-top: 40px; font-size: x-large;}

.bigbox__content p{padding-bottom: 40px; text-align: center; vertical-align: middle;padding-left: 60px;
                   padding-right: 60px; line-height: 1.8;}

.scopri__paragraph{padding-bottom: 40px;}

.bigbox__title:after{width: 35%;}

/*

    GALLERY

*/

.gallery{margin: 20px auto 0 auto; width: 100%; padding: 20% 0; margin-bottom: 120px;text-align: center;}

.gallery__content{background-color: #F8F8F8;width: auto;display: inline-block;
    padding: 0 25px; margin: 0 auto;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.gallery__content:hover{opacity: 0.9;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.gallery__content p{cursor: pointer;}

.gallery__title{line-height: 1.4; padding-top: 40px; font-size: x-large;}

.gallery__paragraph{padding-bottom: 40px;}

.gallery__content p{text-align: center; vertical-align: middle; color:#797373;padding-bottom: 30px; 
                  font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}


/*

    CAROUSEL

*/

.boxcarousel__background{background-color: #F8F8F8; position: absolute;
bottom: 0; width: 80%; left: 10%; z-index: 2; height: 100%; top: 9px; 
-webkit-box-shadow: 9px 9px 30px -9px rgba(0,0,0,0.36);
-moz-box-shadow: 9px 9px 30px -9px rgba(0,0,0,0.36);
box-shadow: 9px 9px 30px -9px rgba(0,0,0,0.36);}

.link_instagram p{font-size: 18px;}

.boxcarousel__title{font-size: medium; letter-spacing: 2px; padding-top: 0; padding-bottom: 0; z-index: 10;
position: relative;font-size: x-large;}

.boxcarousel__title:after{display: none;}

.carousel__image{float: left; width: 24%;}

.carousel__image img{width: 100%;}

.boxcarousel p{position: relative; z-index: 10;}

.boxcarousel.boxcarousel--come_lavoriamo{padding-bottom: 0;}

.boxcarousel.boxcarousel--come_lavoriamo.boxcarousel--amici{padding-bottom: 100px;}

.carousel{position: relative; width: 100%; z-index: 10;}

.section_boxcarousel{position: relative;}

.boxcarousel{padding-bottom: 100px; margin-top: 100px;}

.carousel__image--second{margin:0 1.3%;}

.carousel__image--third{margin-right: 1.3%;}

/*

    FOOTER
    
*/

.footer{margin:50px auto; width: 100%; position: relative;}

.section__footer{position: absolute; background-color: #F8F8F8; width: 80%;
left: 10%; margin-top: 100px; margin-bottom: 2%;
-webkit-box-shadow: 9px 9px 30px -9px rgba(0,0,0,0.36);
-moz-box-shadow: 9px 9px 30px -9px rgba(0,0,0,0.36);
box-shadow: 9px 9px 30px -9px rgba(0,0,0,0.36);}

.col__footer{width: 33.3%; position: relative; z-index: 10; float: left; align-content: center;} 

.col__footer--last{padding-left: 10%;}

.logo__footer{height: 110px; width: 110px; position: relative; left: 50%; margin-left: -55px; top: -35px;
padding-top: 0; padding-bottom: 0;}

.title__footer{font-family: 'Overpass', serif; text-transform: uppercase; color: #797373;
z-index: 10; position: relative; font-weight: 400; font-size: medium; padding: 0 20%;
vertical-align: middle; padding-right: 0; margin-bottom: 25px;}

.col__footer p{font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; line-height: 1.8;
color: #797373; font-size: small; z-index: 10; padding-top: 20px; font-weight: 100; padding: 0 20%;}

.social__footer{position: relative; z-index: 10; float: left; padding: 0 20%; padding-top: 5px;
padding-right: 2%; display: inline-block;}

.social__footer--facebook{padding-left: 2%;}

.bottomcontent__footer{align-content: center; vertical-align: bottom; position: relative; font-size: 11px;
z-index: 10; text-align: center; font-family: 'Overpass', serif; color: #797373;margin-bottom: 10px;
font-style: normal;}

.credits{text-align: center; align-content: center; padding: 15px 0;}

.credits a{font-size: 11px; font-family: 'Overpass', serif; color: #797373;}

.col__footer a{text-align: center; font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; color: #797373;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.col__footer a:hover{color: black;}

.column--contatti a{text-align: center; font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; color: #797373;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.column--contatti a:hover{color: black;}

.footer--social{width: 100px; margin-left: 20%;}

.footer--social i.fab{font-size: x-large; color: #797373; padding: 0 10px; font-weight: bold; padding-left: 0;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.footer--social i.fab.fa-instagram{padding-left: 0;}

.footer--social i.fab:hover{color: black;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.bottomcontent__footer.policy{margin-bottom: 0;}

.bottomcontent__footer.policy a{color: #797373;}

.bottomcontent__footer.policy.policy--condizioni{margin-top: 8px;}

.bottomcontent__footer a{font-size: 11px;}

.bottomcontent__footer a:hover{opacity: 0.6;color: #797373;}

/* CHI SIAMO */

.section_boxcarousel--chisiamo{position: relative;}

.chisiamo__title{letter-spacing: 5px; font-size: 20px;font-weight: 400;}

.boxcarousel__background--chisiamo{top:-21px; position: relative;}

.column__chisiamo{padding: 130px 10px 30px 120px;}

.column__chisiamo p{line-height: 1.8;padding: 0 25px; text-align: left;}

.chisiamo__paragraph{ font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;line-height: 1.8;padding: 0 25px;color: #797373;}

strong{font-weight: bold;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; color: #797373;}

.bold{font-weight: bold;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; color: #797373;}

.image__chisiamo{margin: 60px auto;}

.image__chisiamo--image{width: 100%;}

.image__chisiamo--right{margin: 20px auto;}

.image__chisiamo--left{padding-left: 15px;}

.column--chisiamo--right{padding: 70px 80px 30px 10px;}

.bodyparagraph p{text-align: center;font-size: 28px; margin-bottom: 0; line-height: 1.2; padding: 0 15px;}
    
.chisiamo__paragraph--onbody{text-align: center; color: #585858;font-size: 35px;
margin-bottom: 0; line-height: 1.2; padding: 0 15px;}

.chisiamo__paragraph--onbody--equal{font-style: initial; font-size: 55px;}

.bodyparagraph{position: relative; margin: 0 auto; width: 100%;}

.prefooter{position: relative; z-index: 20; margin: 0 auto; width: 1000px;}

.prefooter img{width: 100%;margin-bottom: -210px;margin-top: -40px;}

.prefooter__image{width: 100%;margin-bottom: -130px;margin-top: -90px;}

/* COME LAVORIAMO */

.carousel__comelavoriamo{padding-top: 60px; width: 124%;margin-left: -12%;}

.boxcarousel__background--comelavoriamo{top: -22px; position: relative;}

.carousel__image--comelavoriamo{width: 33%;}

.carousel__image--comelavoriamo--double{margin: 0 0.5%;}

.column__comelavoriamo p{padding: 0 20px;line-height: 2;text-align: initial;}

.comelavoriamo__paragraph{font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;color: #797373;padding: 0 20px;
 line-height: 2;}

.column__comelavoriamo{padding-top: 40px;padding-bottom: 40px; }

.column__comelavoriamo--left{padding-left: 110px;}

.column__comelavoriamo--right{padding-right: 110px;}

.prefooter__comelavoriamo{position: relative;margin: 0 auto;max-width: 100%;width: 1000px;; text-align: center;}

.prefooter__comelavoriamo--image{margin-bottom: -270px; margin-top: -70px;margin-left: 80px;width: 100%;
padding: 0 20px;}

/* AZIENDE */

.prefooter--aziende{width: 1000px;margin-top: 50px;}

.prefooter__aziende{width: 100%;margin-left: -30px;margin-bottom: -215px;}

/* AMICI */

.boxcarousel__background--amici{padding-bottom: 200px;}

.carousel--amici__carousel{margin-left: 0;}

.carousel--amici{width: 100%;padding: 0 10px;margin-top: -200px;}

.column--amici{padding-top: 80px; padding-bottom: 0;}

.boxcarousel--amici{padding-bottom: 20px;}

/* PRODOTTI */

.contact-arrow{left: 50%;position: absolute;margin-left: -16.5px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.contact-arrow:hover{opacity: 0.6;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.container_paragraph{padding: 60px 260px;}

.container_paragraph p{line-height: 1.8;font-size: 16px; text-align: center;}

.container_paragraph a{line-height: 1.8;font-size: 16px; text-align: center; color: #797373; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.container_paragraph a:hover{opacity: 0.8;}

.carousel__image--prodotti{width: 19%;margin: 0.5% 0.5%;}

.carousel__image--prodotti.carousel__image--papelera{width: 33%; margin: 0;} 

.carousel__image--prodotti.carousel__image--papelera:nth-child(2){ margin: 0 0.5%;}

.boxcarousel__background--prodotti{padding-bottom: 50px;}

.carousel--prodotti{width: 124%;padding: 0 10px;position: relative;}

.prodotti_image{position: relative;}

.carousel__image--prodotti{position: relative;}

.hidden_box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 99%;width: 100%;opacity: 0; padding: 0 15px;
           -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.titolo_prodotto{text-transform: uppercase; color: #797373; font-family: 'Overpass', serif;text-align: center;margin-top: -50px;
margin-bottom: 20px; top: 50%;position: relative;font-weight: lighter; letter-spacing: 2px;font-size: large;}

.titolo_prodotto:after{content:""; display:block; width:19%; padding-top: 20px; 
       border-bottom:1px solid white; margin:0 auto;}

.hidden_box p{color: white;top: 50%; margin: 0 auto;text-align: center;}

.hidden_box h1{color: white;}

.hidden_box:hover{opacity: 1; cursor: pointer;background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.bodyparagraph__prodotti{margin-top: 100px;padding: 0 20px;}

.bodyparagraph__prodotti p{color: #BE974E;line-height: 1.4;}

.onbody_image{ margin: 0 auto;margin-top: 35px;max-width: 100%;position: relative;}

.onbody_image img{padding: 0 25px;width: 1200px;display: block;margin: 0 auto;}

.single_paragraph{margin: 0 auto;}

.carousel__image--hiddenbox{position: relative;}

.boxcarousel__background--prodotti--double--coordinata{padding-bottom: 0}

.carousel__prodotti{margin-top: -450px;}

.titolo_prodotto--carousel{text-transform: uppercase; color: white; font-family: 'Overpass', serif;
    color: white;top: 50%; letter-spacing: 2px;position: relative; margin-top: -12.5px;padding: 0 20px;
    text-align: center;font-weight: lighter;font-size: large;line-height: 1.4;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.hidden_text{display: none;padding: 0 100px;}

.hidden_text p{color: #797373;}

.hidden_text:before{content:""; display:block; padding-bottom: 20px;width:19%;border-top:1px solid #797373;; margin:0 auto;}

.hidden_box--carousel.clicked{background-color: #F8F8F8; opacity: 1;
-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.29);
box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.29);}

.hidden_box--carousel.clicked .titolo_prodotto--carousel{top: 50%; margin-top: -80.5px; margin-bottom: 20px;
color: #797373;}

.clicked .hidden_text{display: block;top: 50%; position: relative;}

.carousel__image.carousel__image--comelavoriamo.carousel__image--hiddenbox div.clicked:after{content: "";
    display: block;height: 55px;width: 55px;position: absolute;margin-left: -17px;left: 50%;
    bottom: -55px;background: url(../i/freccia_basso.png);background-repeat: no-repeat;color: #797373;}

.owl-carousel{display: none !important;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.image-owl{background-repeat: no-repeat; background-position: center; background-size: cover;height: 348px;}

.owl-carousel.owl__clicked{display: block !important;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;padding: 0 50px;margin-top: -70px;}

.owl-carousel{position: relative;z-index: 9;margin-top: -10px;}

.owl-prev{position: absolute;top: 50%;margin-top: -16.5px !important;outline: none;text-align: center; 
          color: #797373 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;left: 10px;} 

.owl-prev:hover{opacity: 0.5; background-color: transparent !important;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.owl-next {position: absolute;top: 50%;margin-top: -16.5px !important;outline: none;text-align: center; 
          color: #797373 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;right: 10px;}

.owl-next:hover{opacity: 0.5; background-color: transparent !important;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.owl-item.active.center{transform: scale(1.5); z-index: 999;}

.owl-theme.owl-carousel--double{display: block !important;}

.owl-theme.owl-carousel--double .owl-item.active{transform: scale(1);}

.owl-theme.owl-carousel--double .owl-item .item img{display: block; width: 100%; height: auto;}

.section_hidden_box{width: 80%; left: 10%; background-color: #F8F8F8;position: relative; 
margin-top: -60px;box-shadow:9px 9px 30px -9px rgba(0,0,0,0.36);z-index: 0;}

.section_hidden_box h1{text-align: center; margin-top: 10px;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;
    margin-top: 30px;padding: 20px 25px;color: #878787;letter-spacing: 1px;font-size: large;
padding-top: 65px;}

.section_hidden_box img{left: 50%;position: relative;margin-left: -7.5px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;;
width: 15px;margin-bottom: 30px;}

.section_hidden_box img:hover{opacity: 0.6;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.hidden_text_arrow:hover{opacity: 0.6;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.column__comelavoriamo--left.column--smaller p{padding-left: 80px;}

.column__comelavoriamo--right.column--smaller p{padding-right: 80px;}

.boxcarousel__background--prodotti--double--coordinata a:hover{cursor: pointer;}

.boxcarousel__background--prodotti--double--coordinata p:hover{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.hidden_text_giardino{display: none;}

.hidden_text_arrow{cursor: pointer;}

.bodyparagraph__prodotti--double{margin-top: 50px;}

.bodyparagraph__prodotti--double p{color: #797373; line-height: 1.8;}

.carousel__prodotti--finiti{margin-bottom: 0;margin-top: 0;width: 124%;}

.owl-carousel--products{margin-top: -105px;}

.hidden_button{display: none;}

.prefooter__prodotti{z-index: 1;}

.prefooter__prodotti img{margin-top: 40px;margin-bottom: -380px;}

.lightbox_start{cursor: pointer;}

.shop_cta:before{position: absolute; top: 0; content: ""; left: 50%; transform: translateX(-50%); height: 1px; width: 55px; background-color: #797373;}

.shop_cta{text-align: center; position: relative; padding-top: 25px;}

.shop_cta a{display: block;}

.shop_cta__button{padding: 15px 23px; width: auto; margin-top: 24px; border: 1px solid #797373; color: #797373; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; display: inline-block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.shop_cta__button:hover{background-color: #797373; color: #F8F8F8;}

.shop_cta__button:hover a{color: #F8F8F8;}

/* CONTATTI */

.column--contatti{padding-top: 100px;}

.column--contatti p{font-size: initial;letter-spacing: 1px;}

.column--contatti p#contatti_bold{margin-bottom: 5px;}

#contact_paragraph{margin-bottom: 50px;}

.column--contatti p strong{font-size: 16px;}

.boxcarousel__background--contatti{padding-bottom: 100px;}

.column__comelavoriamo--left.column--contatti{padding-left: 150px;}

.social--contatti{width: auto;display: inline-block;float: left;margin-top: 0;
                 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.social--contatti a{margin: 0 20px;}

.social--contatti i.fab{color: #7A7B7D;font-size: xx-large;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.social--contatti i:hover{opacity: 0.6;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

p.input{float: left;}

p.input.nome{width: 39%;padding-right: 0;margin-right: 2%;}

p.input.email{width: 59%;padding-left: 0;}

input{padding: 10px;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;
      -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border: 2px solid #EBEAE8;}

textarea{border: 2px solid #EBEAE8;}

input:focus{outline-offset: 0px !important;outline: none !important;border:2px solid #EBEAE8;}

textarea:focus{outline-offset: 0px !important;outline: none !important;border:2px solid #EBEAE8;}

input, textarea{color:#797373;background-color: #F8F8F8;}

p.submit{margin-top: 30px;}

input[type='text']{font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;margin-bottom: 5px;}

input[type='textarea']{font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

input[type='submit']{padding: 12px 20px;margin-top: 5px;text-transform: uppercase; color: #797373;font-weight: 400;-webkit-appearance: none;
border-radius: 0;font-style: initial; font-family: 'Overpass', serif;border: 1px solid #CAC9C7;cursor: pointer;}

input[type='checkbox']{padding: 10px;}

input#text_c_name {width: 100%;}

input#text_c_email{width: 100%;}

textarea{width: 100%;padding: 10px;padding-bottom: 70px;-webkit-border-radius: 3px; resize: none;
         -moz-border-radius: 3px;border-radius: 3px;margin-top: 15px;
font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

label{padding-left: 20px;}

::-webkit-input-placeholder {color: #B1B0AE;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}
::-moz-placeholder {color: #B1B0AE;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}
:-ms-input-placeholder { color: #B1B0AE;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}
:-moz-placeholder {color: #B1B0AE;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

.checkbox.input--privacy{line-height: 1;}

#label_privacy-checked.checkbox{position: absolute;}

.checkbox{color: #797373;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; font-size: 10px;
cursor: pointer;}

.checkbox a{color: #797373;font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; font-size: 10px;
font-weight: 600;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.checkbox a:hover{opacity: 0.7;}

p.checkbox.input--privacy{padding: 10px 20px;}

.init-map{height: 650px; width: 100%;margin-top: -60px;}

.form-feedback{padding: 0 20px;margin-bottom: 20px;}

.form-feedback .message{font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal;}

.form-feedback.confirm .message{color: #A6C5B7;}

.form-feedback.error .message{color: #D49FB3;}

form .err {text-transform: uppercase;display: table-cell;font-size: 11px !important;background: #D49FB3;
    padding: 3px 6px;color: #fff !important;border: 1px solid #ffffff;margin-left: 15px;
font-family: 'Overpass', serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* PRIVACY */

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

.light_container h1, h2{margin-bottom: 50px;font-size: 45px;font-family: 'Overpass', serif;color: #797373;}

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

.light_container .article p, .light_container .article ul li{font-family: 'Overpass', serif;font-style: initial;line-height: 1.8;padding-right: 200px;margin-bottom: 0; color: #797373; font-weight: 200; font-size: 16px; letter-spacing: 1px;}

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

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

/* INSTAGRAM */

#instagram {padding-bottom:25px; text-align: center; }
#instagram .content {margin:0 auto; width: 124%; margin-left: -12%;}
#instagram .box {width: 24%;margin: 0 0.5%;float: left; position:relative; top:0; left:0; }
#instagram .box .thumb { width:100%; background:#fff; overflow:hidden; line-height: 0; }
#instagram .box .thumb .image { height: 100%; width: 100%; margin: 0; padding: 0; }
#instagram .box .message { display: none; width: 100%;  padding: 30px 25px; color: #ffffff;  height: 80px;  overflow: hidden;  position: absolute;  top: 0;  height: 100%;  background: rgba(0, 0, 0, 0.4); letter-spacing: 1px; font-size: 13px;}
#instagram .box:hover .message{display: block;}
#instagram .box .admin { position: absolute; top: 0; left: 0; background: #e80303; color: #fff; padding: 8px; border-radius: 0px 0px 10px 0px; z-index: 99; }
#instagram .box .admin:hover{ background: #a70000; }
#instagram .box .admin a{ color: #ffffff; }
#instagram .box .admin a img{ max-width: 25px; }
#instagram .box .admin:empty {display:none}
#instagram .box .visit>a{ display: block; width: 100%; height: 100%; position: absolute; z-index: 5; }

#instagram span.divider{ margin: 0 auto 30px auto; }
#instagram h4{ margin-bottom: 20px; text-align: center; font-size: 16px; font-weight: 700; }
#instagram h2{ margin-bottom: 50px; letter-spacing: 1px; text-align: center; font-weight: bold; padding-top: 20px; font-size: 20px; display: inline-block; width: auto;}
#instagram h2>span{font-family: 'Overpass', serif; letter-spacing: 1px;font-weight: 200; font-style: normal; color: #797373; display: block; margin-top: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
#instagram h2>span:hover{opacity: 0.6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
#instagram a.btn-lnk{ margin: 40px 0 80px 0; }

/* SCROLL DOWN SECTION */

section.scroll-down {width: 100%; height: 100%; z-index: 10; }
section.scroll-down::after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 80%;}
section.scroll-down a {
        position: absolute;
    bottom: 70px;
    left: 50%;
    z-index: 2;
    margin-left: -23px;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
}
section.scroll-down a:hover { opacity: .5; }
section.scroll-down a span{
        position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb05 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

/* SHOP */

#wrapper.page--shop .image-header{min-height: 40vh;}

#wrapper.page--shop .image-header section.scroll-down a{top: 440px; bottom: unset;}

#wrapper.page--shop .incipit.incipit--shop{z-index: 0; position: relative;}

#wrapper.page--shop .incipit.incipit--shop a{ font-weight: bold; text-align: center;font-family: 'Overpass', serif; letter-spacing: 1px; font-style: normal; color: #797373; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

#wrapper.page--shop .incipit.incipit--shop a:hover{opacity: 0.8;}

@media screen and (max-width: 450px){
    #wrapper.page--shop .incipit.incipit--shop a{
        font-size: 12px;
        padding: 15px;
    }
}

.incipit.incipit--shop .incipit__paragraph{padding-bottom: 100px;}

.incipit.incipit--shop .incipit__paragraph.incipit__paragraph--campione { padding-bottom: 20px; padding-top: 30px; }

.contacts-box{ padding: 15px 30px; border: 1px solid #585858; text-transform: uppercase; letter-spacing: 0.1em; font-size: 13px; }

.shop-tab{background-color: #F8F8F8; padding: 0 5px; max-width: 95%; margin: 0 auto; position: relative; -webkit-box-shadow: 9px 9px 20px 0px rgba(0,0,0,0.16); -moz-box-shadow: 9px 9px 20px 0px rgba(0,0,0,0.16); box-shadow: 9px 9px 20px 0px rgba(0,0,0,0.16);}

.shop-tab .shop-tab__tabs{position: absolute; background-color: #EDEDED; top: -65px; left: 50%; transform: translateX(-50%);}

.shop-tab--tab{display: none;}

.shop-tab--tab.shop-tab--tab__active{display: block;}

.shop-tab .shop-tab__title{display: inline-block; vertical-align: top;}

.shop-tab .shop-tab__title.shop-tab__title--active{background-color: #F8F8F8; -webkit-box-shadow: 0px -13px 20px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px -13px 20px 0px rgba(0,0,0,0.08); box-shadow: 0px -13px 20px 0px rgba(0,0,0,0.08);}

.shop-tab .shop-tab__title h2{text-transform: uppercase; font-size: 15px; letter-spacing: 0.1em; cursor: pointer; padding: 25px 40px; margin-bottom: 0;}

.product{padding: 40px; font-size: 0;}

.product p.error_message{text-align: center; margin-top: 30px;}

.product .product__image{display: inline-block; vertical-align: top; position: relative; width: 30%; max-width: 480px;}

.product .product__image img{max-width: 480px; width: 100%;}

.product .product__image .product__hidden-gallery{position: absolute; top: 50%; left: 50%; transform: translate(-50%); text-transform: uppercase; width: auto; padding: 2% 5%; border: 1px solid white; font-size: 14px; font-weight: bold;}

.product .product__info{display: inline-block; vertical-align: top; padding: 0 60px; width: 70%;}

.product .product__info .product__code{margin-bottom: 15px;}

.product .product__info h3{font-size: 21px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 400; margin-bottom: 20px;}

.product .product__info .product__text p{line-height: 1.8em;}

.product .product__features{}

.product .product__features .product__feature h5{text-transform: uppercase; font-size: 12px; color: #BE974E; font-weight: bold; letter-spacing: 0.1em;}

.product .product__features .product__feature p{text-transform: uppercase; font-size: 14px; color: #585858; font-weight: 300; letter-spacing: 0.1em;}

.product .product__info .product__price{font-size: 21px; color: #BE974E;}

.product .owl-carousel.owl__clicked{margin-top: 50px;}

.add-to-cart__button{margin-top: 50px; width: auto; font-size: 0;}

.add-to-cart__controls{display: inline-block; vertical-align: middle; padding: 13px 0px; border: 1px solid #585858;}

.add-to-cart__value{width: 40px; text-align: center;}

.add-to-cart__less, .add-to-cart__more{cursor: pointer; padding: 0 20px;}

.add-to-cart__less, .add-to-cart__value, .add-to-cart__more{display: inline-block; vertical-align: middle; color: #585858;}

.add-to-cart__send{display: inline-block; vertical-align: middle; padding: 15px 30px 15px 70px; background-image: url("/i/ico--cart.png"); background-position: left 20px center; background-repeat: no-repeat; background-size: 21px; background-color: #BE974E; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.1em; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.add-to-cart__send span{color: white;}

.add-to-cart__send:hover{opacity: 0.8;}

.add-to-cart__currency, .add-to-cart__return, .add-to-cart__success, .add-to-cart__price{display: none;}

.feedback{position: fixed; top: 30%; left: 50%; transform: translateX(-50%); background-color: #EDEDED; width: 50%; z-index: 994; -webkit-box-shadow: 9px 9px 20px 3px rgba(0,0,0,0.5); -moz-box-shadow: 9px 9px 20px 3px rgba(0,0,0,0.5); box-shadow: 9px 9px 20px 3px rgba(0,0,0,0.5);}

.feedback .feedback__container{padding: 5% 10%;}

.feedback .feedback__container .feedback__claim, .feedback .feedback__container .feedback__button{text-align: center;}

.feedback .feedback__container p{margin-top: 50px; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.feedback .feedback__container p:hover{opacity: 0.8;}

/* POPUP CF/PIVA */

.popup {
    width: 90%;
    max-width: 800px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #CCC;
    padding: 40px 20px;
    opacity: 1;
    transition: opacity 0.4s, visibility 0.4s;
    box-sizing: border-box;
  }
  .popup__content {
    max-height: 40vh;
    min-height: 40vh;
    overflow-y: auto;
    text-align: center;
  }
  .popup--shop {
    min-height: 530px;
  }
  @media screen and (max-width: 600px) {
    .popup--shop {
      min-height: unset;
      height: calc(100% - 20px);
      overflow: auto;
    }
  }
  .popup--shop .popup__content {
    max-height: unset;
    min-height: unset;
  }
  .popup__background {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 20;
    transition: opacity 0.4s, visibility 0.4s;
  }
  .popup__title {
    text-align: center;
    margin-top: 15px;
  }
  .popup__text {
    text-align: center;
    padding: 0 25px;
    margin: 15px auto 25px;
  }
  @media screen and (max-width: 780px) {
    .popup__text {
      width: auto;
    }
  }
  .popup__cta {
    border: 1px solid black;
    padding: 10px 25px;
    transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease, opacity 0.4s ease;
  }
  .popup__cta:hover {
    background-color: #FFDC00;
    border-color: #FFDC00;
    color: #212121;
  }
  .popup__close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #aaa;
  }
  .popup__close:hover {
    cursor: pointer;
  }
  .popup__image {
    width: 90%;
    margin: auto;
    margin-top: 15px;
    height: 150px;
  }
  .popup--closed {
    opacity: 0;
    visibility: hidden;
  }
  .popup__select-nation {
    margin-top: 30px;
    text-align: center;
  }
  .popup__select-nation p {
    margin-bottom: 40px;
  }
  .popup__select-nation a, .page-button {
    padding: 10px 40px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid #585858;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  .popup__select-nation a:hover {
      cursor: pointer;
      color: #333;
      opacity: 0.7;
  }
  .popup__select-nation a:nth-child(2n) {
    margin-right: 20px;
  }
  @media screen and (max-width: 600px) {
    .popup__select-nation a:nth-child(2n) {
      margin-right: 0;
      margin-bottom: 20px;
    }
  }
  .popup__select-nation a.active {
    background-color: #BE974E;
    border-color: #BE974E;
    color: white;
  }
  .popup__select-nation a.active:hover {
    opacity: 1;
  }
  .popup__codice-fiscale {
    margin-top: 40px;
    text-align: center;
  }
  .popup__codice-fiscale label {
    display: inline-block;
    color: #444;
    padding-left: 0;
  }
  .popup__codice-fiscale .input-container {
    border: 3px solid rgba(33, 33, 33, 0.4);
    margin: 18px auto 0;
    max-width: 200px;
    transition: border 0.2s ease;
  }
  .popup__codice-fiscale .input-container--valid {
    border-color: #BE974E;
  }
  .popup__codice-fiscale input {
    color: inherit;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    padding: 8px 0 8px 5px;
  }
  .popup__codice-fiscale input::placeholder {
    opacity: 0.4;
  }
  .popup__codice-fiscale--disabled {
    display: none;
  }
  .popup__close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #aaa;
  }
  .popup__close:hover {
    cursor: pointer;
  }
  .popup__send {
    margin-top: 55px;
    text-align: center;
  }
  .popup__send .page-button:hover {
    background-color: #BE974E;
    border-color: #BE974E;
    color: white;
    cursor: pointer;
  }
  .popup__send .page-button--disabled {
    opacity: 0.3;
    cursor: default;
  }
  .popup__send .page-button--disabled:hover {
    background-color: transparent;
    border-color: #212121;
    color: #212121;
    cursor: not-allowed;
  }
  .popup__text{
    margin-top: 25px;
  }
  .popup__text a:hover{
    opacity: 0.8;
    color: #333;
  }

  #lightbox p.input.nome, #lightbox p.input.email{
    width: 100%;
    margin-bottom: 10px;
  }

  #lightbox textarea{
      margin-top: 0;
  }

  #lightbox .wrapper-page{
    width: 87.75%;
    max-width: 100%;
    min-height: 1px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: auto;
    margin-left: auto;
  }

  #lightbox form{
      margin-top: 50px;
  }

  #lightbox input#text_c_phone, #lightbox input#text_c_address, #lightbox input#text_c_city, #lightbox input#text_c_cap{
      width: 100%;
  }

  .page--form-campione-gratuito .image-header{
    display: none;
  }

  .page--form-campione-gratuito form{
    margin: 0 auto;
    width: 100%;
    max-width: 80%;
  }

  .page--form-campione-gratuito p.input.address{
    width: 59%;
    padding-left: 0;
    margin-right: 0;
  }

  .page--form-campione-gratuito p.submit{
      text-align: center;
  }

  .page--form-campione-gratuito input#text_c_phone, .page--form-campione-gratuito input#text_c_address, .page--form-campione-gratuito input#text_c_city, .page--form-campione-gratuito input#text_c_cap{
    width: 100%;
  }

  @media screen and (max-width: 550px){
    .page--form-campione-gratuito p.input.nome, .page--form-campione-gratuito p.input.email, .page--form-campione-gratuito p.input.address, .page--form-campione-gratuito p.input.phone {
        width: 100%;
        padding: 0;
    }
  }

  .page--form-campione-gratuito .form-feedback.confirm .message{
      text-align: center;
  }
  
/*********************************************
----------- Iubenda  -----------------
*********************************************/
#iubenda-cs-banner .iubenda-banner-content * {color: white !important;}