@import 'fontawesome.min.css';

@import url('https://fonts.googleapis.com/css2?family=TASA+Orbiter:wght@400..800&display=swap');

:root { --taglio: 80px; }
:root { --animate-delay: 2s;}
* { border:0px; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); -webkit-appearance: none; -moz-appearance: none; appearance: none;   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { height:100%; background: #F5F3EE; }
body { text-align:center; color:#383434; font-size:18px; font-family: 'TASA Orbiter', sans-serif; font-weight: 300; width:100%; -webkit-text-size-adjust:100%; background: #F5F3EE; }
ul { list-style:none; margin:0px; padding:0px; }
h1, h2  { font-size:26px; font-weight:900; }
h1 {   font-weight:800; }
h2 { font-size:26px;letter-spacing:1px;   font-weight:900; }
h3 { font-size: 26px; letter-spacing:0px;   font-weight:900; }
h4 { font-size:20px; font-weight:900;}
h5 { font-size:15px;  font-weight:900;}
.title {  }
img { border:0px; vertical-align:middle; background:none;  transition: 1s opacity; color:#FFF; font-size:0px; border:0px;}
hr { border-width:0 0 1px 0; border-bottom:1px solid #555; background:none; }
img.wmax { width:100%;}
a { text-decoration:none; outline:none; color:#000; }
a:hover { text-decoration:none; }
label { cursor:pointer; }
label.label_check { display:inline; float:none; }
input, select, textarea { background:#FFF; padding:10px; color:#383434; font-size:14px; border:0px;  width:100%;}
select { padding:11px; background:  url('../images/arrow_down.png')  no-repeat right center #f6f6f6; border-radius: 0; border-width:0 0 1px 0;  border-style:solid; border-width:2px;  width:100%; border-color:#DDD;   }
input:focus, textarea:focus, select:focus { border-color: #383434; }
input.checkbox {  width:22px; height:22px;  margin-right:10px; border:2px solid #CCC; cursor:pointer; padding: 0px 10px; }
input.checkbox:checked { background: url(../images/checked.png) right center  no-repeat; background-color:#FFF; }

.radio input{ margin-right:10px; border:2px solid #CCC; cursor:pointer; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:22px; height:22px; float:left; }
.radio input:checked { background: url(../images/checked_radio.png) center center  no-repeat; background-color:#FFF; }

input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; } 
select.order { width:100px; border:0px; padding:0px; margin-left:10px; }
sup {text-transform:lowercase; } 
textarea {  width:100%;height:100px; }
label.error { display: block; width: 100%; color: #F00; text-align: left; float:left;}
input.error {  border-color:#F00; color:#F00; }
fieldset p label { display:block; width:100%; }
fieldset p { margin-bottom:5px; }
mark { background:#FFF; }

.pointer { cursor:pointer; }
.condizioni { min-height:30px;}
.condizioni fieldset p label { width:100%; }
b { font-weight:700; }

select.error {  border-color:#F00; color:#F00; }
span.error {  color:#F00;  }
textarea.error {  border-color:#F00; color:#FF9900; }
hr { color:#383434; border:1px solid #777; }

.button { width:auto!important; font-weight:600; border-radius:4px; display:inline-block; font-size:18px; text-align:center; cursor:pointer; color:#FFF; background:#383434; padding:12px 60px;  }

.button.wauto { min-width:auto; }
.button.white { background:#BFCFC2;; color:#383434!important; }
.button.rose { background:#f3e1c7; color:#383434; }
.button.red { background:#F05F5F; color:#FFF; }
.button.rose:hover { background:#DDD;  color:#383434; }
.button.bggray {  color:#FFF; background:#5A5A5A; border-color:#5A5A5A;  }
.button.bgray-dark { color:#555; background:#F5F5F5;  }
.button.bgray-dark:hover { background:#898687; color:#FFF; }
.button.bblack {  border:1px solid #383434;  color:#383434; background:none;  }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.nodesktop { display:none!important;  }
.bgvideo {  position: absolute; }
.underline {  text-decoration:underline; }

.addcart { display:inline-block;  }
.addcart span { display:inline-block; float:left; line-height: 24px; }
.addcart svg { float:left; margin-right:10px; }
.addcart svg path { fill:#FFF; }
.addcart:hover svg path { fill:#383434; }

.msg {  width:100%; color:#FFF; font-size:15px; box-sizing: border-box; display:blocK; margin-bottom:20px; }
.msg .ok { width:100%; background:#9FB034; box-sizing: border-box; padding:4px 15px 4px 15px;}
.msg .alert { width:100%; background:#FF9900; box-sizing: border-box; padding:4px 15px 4px 15px; color:#FFF;  }
.msg .error_email, .msg .error { width:100%; padding:4px 15px 4px 15px; background: #F05F5F; box-sizing: border-box;  }
.msg .error_codice  { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); padding:4px 15px 4px 15px; background: #CC7C68;  }
.msg .close { float:right; }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 980; background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); opacity: 0.4; filter: alpha(opacity=40); }

.group { text-align:left; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; text-align:left; }
.row { width:100%; }
.span1 { width: 8.3%; }
.span2 { width: 16.6%; }
.span3 { width: 24.9%; }
.span4 { width: 33.3%; }
.span5 { width: 41.66%; }
.span6 { width: 49.9%; }
.span7 { width: 58.33%; }
.span8 { width: 66.7%; }
.span9 { width: 74.99%; }
.span10 { width: 83.33%; }
.span11 { width: 91.3%; }
.span12 { width: 100%; }
.span1_5 { width: 20%; }
.span2_5 { width: 40%; }
.span3_5 { width: 60%; }
.span4_5 { width: 80%; }
.span5_5 { width: 100%; }

.grid-2-colums { display: grid; grid-column-gap: 40px; grid-template-columns: 50% 50%; gap:40px; }
.grid-3-colums { display: grid; grid-column-gap: 0; grid-template-columns: 33.3% 33.3% 33.4%; gap:0;}

.grid-3-colums-gap { display: grid; grid-column-gap: 40px; grid-template-columns: repeat(3, 1fr); gap:40px;}

.grid-4-colums { display: grid; grid-template-columns: 25% 25% 25% 25%;  }
.grid-5-colums { display: grid; grid-column-gap: 20px; grid-template-columns: 20% 20% 20% 20% 20%; gap:20px; }
.grid-1-colums { display: grid; grid-column-gap: 0; grid-template-columns: 100%; }
.grid-5-colums .anno { grid-column-end: span 5; }
.grid-2-colums.grid0gap {  grid-column-gap:0px; grid-template-columns: 50% 50%;}
.grid-3-colums.grid0gap {  grid-column-gap:0px; grid-template-columns: 33.33% 33.33% 33.33%;} 

.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w360 { width:360px; }
.w500 { width:500px; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.valign-bottom { display: table-cell; vertical-align: bottom; }                             
.float-right { float:right!important; }
.float-left { float:left; }
.float-none { float:none; }
.max-width { max-width:100%; }
.max-width-800 { max-width:800px; margin: 0 auto;}
.max-height-500 { max-height:500px; }
.max-height-400 { max-height:400px; }
.max-height-300 { max-height:300px; }
.max-span10 { max-width: 83.33%; }
.bgcolor { background:#ffcc00;  }
.color { color:#ffcc00!important;  }
.bgblack { background:#383434; color:#FFF; }
.bgwhite { background:#FFF; }
.bgsabbia { background:#F2EBDF; }
.bgred { background:#ff000f; }
.bggray { background:#5A5A5A; }
.bggreen { background:#ffcc00; }
.bggray_bottom { background:url(../images/bggray.jpg) repeat-x center bottom; }
.bgrose { background:#f3e1c7; }
.bggray_light { background-color:#eeeeee; }
.bgoro { background:url(../images/bg_oro.jpg) no-repeat; background-size:100%; }
.white { color:#FFF!important; }
.black { color:#383434!important; }
.red { color:#b31212; }
.gray { color:#5A5A5A!important; color:#646464; }
.gray_light { color:#CCC; }
.green { color:#ffcc00; }
.light { font-weight:300; }
.normal { font-weight:400; }
.bold { font-weight:900; }
.hidden { display:none; }
.hidden-important { display:none!important; }
.hidden-desktop { display:none; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.block { display:block; }
.hidden-important { display:none; }
.visibility-hidden { visibility:hidden; }
.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }
.center-y { height: 200px; position: relative; top: 50%; margin-top:-100px;  }
.center-y a.link { display:block; width:40%; border-width:1px 0 1px 0; border-color:#ccad8e; border-style:solid; color:#ccad8e; padding:5px; margin:0 auto; }
.zindex100 { z-index:100; }
.zindex999 { z-index:999; }
.top { top:0; }
.top50 { top:50%; }
.left0 { left:0; }
.right0 { right:0; }
.bottom { bottom:0; }

.padding1 { padding:1px;  }
.padding5 { padding:5px;  }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.padding30 { padding:30px; }
.padding40 { padding:40px; }
.padding60 { padding:60px; }
.padding80 { padding:80px; }
.padding-left10 { padding-left:10px; }
.padding-left20 { padding-left:20px; }
.padding-left30 { padding-left:30px; }
.padding-right10 { padding-right:10px;  }
.padding-right20 { padding-right:20px;  }
.padding-left40 { padding-left:40px; }
.padding-right40 { padding-right:40px;  }
.padding-side10 { padding:0 10px 0 10px; }
.padding-side20 { padding:0 20px 0 20px; }
.padding-side40 { padding:0 40px 0 40px; }
.padding-side100 { padding:0 100px 0 100px; }
.padding-side0 { padding:0 40px 0 40px; }
.padding-bottom10 { padding-bottom:10px; }
.padding-bottom20 { padding-bottom:20px; }
.padding-bottom80 { padding-bottom:80px; }
.padding-top10 { padding-top:10px; }
.padding-top20 { padding-top:20px; }
.padding-top40 { padding-top:40px; }
.padding-main { padding:0 80px; }

.round50 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt90 { margin-top:90px; }
.margin-top { margin-top:95px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb90 { margin-bottom:90px; }
.mb120 { margin-bottom:120px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }

.lh100 { line-height:100%; }
.lh110 { line-height:110%; }
.lh120 { line-height:120%; }
.lh130 { line-height:130%; }
.lh140 { line-height:140%; }
.lh150 { line-height:150%; }
.lh170 { line-height:170%; }
.lh200 { line-height:200%; }
.lh250 { line-height:250%; }

.ls1 { letter-spacing:1px; }
.ls5 { letter-spacing:5px; }

.b0 { border:0!important; }
.b1 { border:1px solid #CCC; }
.bt1 { border-top:1px solid #CCC; }
.bt2 { border-top:2px solid #CCC; }
.bb1 { border-bottom:1px solid #CCC; }
.bb1_black { border-bottom:1px solid #383434; }
.bb2 { border-bottom:2px solid #CCC; }
.bb6_red { border-bottom:6px solid #FF003C; }
.br1 { border-right:1px solid #CCC; }
.bl1 { border-left:1px solid #CCC; }

.h10 { height:10px; overflow:hidden; }

.mh35 { min-height:35px; }
.mh50 { min-height:50px; }
.mh60 { min-height:60px; }
.mh200 { min-height:200px; }
.mh400 { min-height:400px; }
.mh500 { min-height:500px; }
.mh600 { min-height:600px; }

.fs12 { font-size:12px; }
.fs14 { font-size:14px!important; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }                                               
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }
.fs30 { font-size:30px; }
.fs34 { font-size:34px; }
.fs40 { font-size:40px; }
.fs50 { font-size:50px; }
.fs60 { font-size:60px; }

.fw400 { font-weight:400; }
.fw600 { font-weight:600; }
.fw900 { font-weight:900; }

.ls5 { letter-spacing:5px; }

.container { width:100%; float:left; }
.container.min-height { min-height:600px; }
.content { text-align:left;  margin: auto; width:1600px; max-width:95%; }
.content_small { width:1400px; margin: auto; }
.content_mini { width:600px; margin: auto;max-width:95%;  }
.content_blog { width:1024px; margin: auto; padding:40px; max-width:100%; }
.content_blog .testo { padding: 0 100px; }
.content_blog .testo  img { max-width:100%; }
.content_big { text-align:left;  margin: auto; width:1400px; }

.display-block { display: block; }
.display-table { display: table; }
.display-table .direction-rtl { direction: rtl; }
.display-table .table-cell { display: table-cell; float:none; vertical-align: top; }
.display-table.reverse { direction: rtl;}
.display-table .no-reverse { direction: ltr;}
.display-table .table-row { display: table-row; }
.display-table .table-cell.vertical-middle { vertical-align: middle; }
.display-table .table-cell.vertical-bottom { vertical-align: bottom; }
.overflow-hidden { overflow:hidden;  }

header { z-index:999; width:100%; }
header .logo { max-width:95%; } 
.menu ul { width:100%; text-align:right; }
.menu ul li { display:inline-block;  padding:5px 12px 5px 12px; list-style:none; margin:0  10px; }
.menu ul li a { color:#383434; font-weight:600; font-size:20px; }
.menu ul li:last-child { padding-right:0px;  }
.nav-up { top: -150px!important; }
a.menu-mobile {display:none; width:24px; height:18px; padding:15px 10px; margin:6px; position:absolute; top:0; left:0; z-index:999; }
a.menu-mobile:before,a.menu-mobile:after { content: '';display: block;background: #474747;height: 2px;width: 24px; }
a.menu-mobile span { background: #474747; display: block; height: 2px;	margin: 5px 0;	width: 24px; }

.menu ul li { margin:0px; letter-spacing:1px; }
.menu ul li.menu-btn { margin-right:20px;}
.menu ul { width: 100%; text-align: right;  }
.menu ul .span3 ul li { width:100%; display:block; border:0px;margin:0px;  }
.menu ul .span3 ul li a { border:0px; }
.menu ul .span3 ul li a span { margin-top:15px; display: block; }
.menu ul .span3 ul li ul li a { font-weight:400; }
.menu ul .span3 a.active { border-bottom:2px solid #555; }
.menu ul li a.ml20 { letter-spacing: 1px; font-weight:400; }
.menu .section { width:100%; position:absolute; top:0px; right:0px; z-index:999; margin-top:20px; display:table; }

.nav-submenu li { height:200px; }
.nav-submenu li ul li { height:auto; }
.widget { position:fixed;  left:-100%; width:100%; top:0; height:100%; background-color:#FFF; z-index:999; opacity: 0; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in;  -ms-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in;  }

.widget.active { opacity: 1; left:0; }
.widget .title.active, .menu a.active { border-bottom:2px solid#333333; }

.menu .nav-submenu { width:74.99%; }
.menu .nav-submenu li { margin:0px; text-align:left;  }
.menu .nav-submenu li a { font-size:14px; }
.menu .nav-submenu li ul { margin-top:20px; }
.menu .nav-submenu li ul li { width:100%; float:left; padding:0px; }
.menu .nav-submenu li ul li a {font-weight:300; text-transform:none; }
.menu .nav-submenu li ul ul { margin-top:0px; padding-left:10px;  }
.menu .nav-submenu li ul li a.bold { font-weight:bold;  }
.menu .nav-submenu li ul li.mb10 { margin-bottom:5px; }
/*
.menu ul li ul li, .menu ul li ul li:hover { border-bottom:0px; }
.menu ul li ul li a:hover { cursor:pointer; color:#333; }
.menu ul li.active { background:#383434; color:#FFF; border-bottom:1px solid#FFF; }
.menu ul li:hover a , .header .menu ul li.active a {  color:#FFF;  }
.menu ul li:hover ul li a { color:#898687; }
.menu ul li:hover ul li a:hover { color:#383434; }
.menu ul li.active:hover { border-bottom:1px solid#383434;  } 
.menu ul li ul li:hover { background:#FFF; }
*/

header .span12.mt20 { margin:20px 0 10px 0; }
nav.nav { text-align:left; font-weight: 400;  }
div.nav { width:100%; font-size: 14px; text-transform:uppercase; margin-bottom:20px;  color:#333333;margin-top:20px; }
div.nav a { text-decoration:underline; }
header .icone-header { width:200px; }

footer .social li { display:inline-block; margin-left:10px; }
footer .bb1 { border-color:#555; }
.footer { padding:0 0 20px 0; font-size: 16px; }
.footer ul { margin-top:10px; }
.footer ul li { float:left; width:100%; list-style:none; margin:4px 0; color:#FFF;}
.footer ul li.span6 { width:50%;  }

#close-cookie-notice { position: absolute; right:20px; top:2px;}

.page .content { min-height:600px; }

.table_list { width:100%; }
.table_list thead { background-color: #898687;   }
.table_list th { padding:5px 10px; color:#FFF; }
.table_list td { padding:3px 5px; background-color: #DDD;  }
.table_list tbody > tr:nth-child(2n+1) > td {  background-color: #FFF; }
.table_list tbody tr:hover td { background-color: #EEE; }
.table_list .tool { padding:5px 0; width:100px; text-align:center; }
.table_list  .fa { font-size:14px; margin: 0 2px; }
.table_list  a:hover { color:#383434; }

/* freccia top */
.cd-top { z-index:999; display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 10px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background:url(../images/top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .5; }                                
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/* fine freccia top */

.paginazione { font-size:14px;  } 
.paginazione a {  border:1px solid #AEA29A; padding:5px; color:#AEA29A; width:36px;  display:block; float:left;  text-align:center; margin-right:5px; } 
.paginazione span { padding:5px; display:block; border:1px solid #383434; color:#383434; width:36px;  float:left; text-align:center; margin-right:5px; }

#slider {  width: 100%; overflow:hidden; }
#slider div.item .image,#slider div.item .image-mobile {background-size:cover; background-position:center center; background-repeat: no-repeat; -webkit-transition-duration: 3.8s; -moz-transition-duration: 3.8s; -o-transition-duration: 3.8s; transition-duration: 3.8s; -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; }
#slider div.item .image:hover,#slider div.item .image-mobile:hover {  transform: scale(1.05); }
#slider_prodotti .slick-prev, #slider_prodotti .slick-next { bottom:0px; top:auto; }
#slider_prodotti .slick-prev { left:0px; }
#slider_prodotti .slick-next { left:60px; } 
.slick-slide {  margin: 0px; text-align:left; color:#383434;font-size:35px; color:#FFF; }
.slick-slide h2 { margin-bottom: 5px; color:#FFF; font-size:0px; }
.slide-caption {top:20%; left:150px; position: absolute; font-size: 18px; text-align:left; display:table; color:#FFF; margin-top:-50px; max-width:800px; }
.slide-caption img { display:inline-block!important;  }
.slide-caption div { vertical-align:middle; display: table-cell; }
.box_home { background-size:cover; background-position:center center; background-repeat: no-repeat;  }

.grid-item { float: left; }
.grid-item-2 {  width: -moz-calc(50% - 25px); width: -webkit-calc(50% - 25px); width: calc(50% - 25px);  }
.grid-item-3 {  width: -moz-calc(33.33% - 33.33px); width: -webkit-calc(33.33% - 33.33px); width: calc(33.33% - 33.33px);   }
.grid-item-4 {  width: -moz-calc(25% - 38px); width: -webkit-calc(25% - 38px); width: calc(25% - 38px);   }
.grid-item-5 {  width: -moz-calc(20% - 40px); width: -webkit-calc(20% - 40px); width: calc(20% - 40px);   }
.grid-item-tot {  width:100%;  }

.grid-item img { transition: 0.5s; }

.grid-item a:hover img { opacity: 0.6; filter: alpha(opacity=60); }
.grid-item a:hover .hover-opacity{ opacity: 0.85; filter: alpha(opacity=85); }

.grid-item .caption { transition: 0.5s; top:50%; text-align:center; transform: translateY(-50%); left:0px; }
.grid-item a:hover .caption { display:inline-block; }

.boxhome { background:url(../images/bglinerose.png) repeat-x center bottom; }

/*carousel */
.scheda h4 { font-size:18px; }
.scheda .link_360 { top: 50%; transform: translateY(-50%); }
.scheda .button.center { text-align:center; }
.scheda .right .col { text-align:right; }
.scheda .owl-carousel .owl-item img { width:auto; max-height:600px; }
.scheda .owl-carousel .owl-item img { display:inline-block;}
.scheda .owl-carousel .owl-item div { width:100%; text-align:center; }
.scheda .owl-theme .owl-dots .owl-dot.active span { background:#ffcc00; }
.scheda .owl-theme .owl-dots .owl-dot:hover span { background:#f3e1c7; }
.scheda .button { text-align:left; }
.scheda .button img path {  fill: red; }
#product_caratteristiche div { font-size:14px; color:#383434; line-height:180%; }
#product_caratteristiche span { font-size:14px;  color:#5A5A5A; display:inline-block; margin-right:5px; }



.error { color: #ef4444; font-size: 0.875rem; margin-top: 0.25rem; }
input.error, textarea.error { border-color: #ef4444; }

.hero-wrapper {
position: relative;
width: 100%;
height: 90vh;
background: linear-gradient(45deg, #F5F3EE, #F5F3EE);
overflow: hidden;
}

/* L'immagine tagliata */
.image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
/* TAGLIO:
   Punto 1: (0% 15%)   -> In alto a sinistra parte dal 15%
   Punto 2: (100% 0%)  -> In alto a destra arriva allo 0%
   Punto 3: (100% 85%) -> In basso a destra risale al 85% (100-15)
   Punto 4: (0% 100%)  -> In basso a sinistra arriva al 100%
*/
clip-path: polygon(0 calc(0% + var(--taglio)), 100% 0, 100% 100%, 0 calc(100% - var(--taglio)));
}

.image-container img, .img-acciaio img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.img-acciaio { height:50vh; min-height:600px; overflow:hidden; }

.fascia-gradiente {
position: absolute;
width: 100%;
height: calc(350px + var(--taglio));
/* Spostiamo la fascia verso l'alto per incastrarla nel taglio dell'immagine */
/* Il 15% di 70vh è circa lo spazio del taglio */
bottom: 0; 
background-color: rgba(0, 0, 0, 0.3);
z-index: 5;
/* Stessa inclinazione dell'immagine */
clip-path: polygon(0 0, 100% calc(0% + var(--taglio)), 100% 100%, 0 calc(100% - var(--taglio)));
}

.taglio1 {
position: absolute;
width: 100%;
height: var(--taglio);
top: -1px; 
left:0;
background-color: #F5F3EE;
z-index: 10;
clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
}

.taglio2 {
position: absolute;
width: 100%;
height: var(--taglio);
bottom: -1px; 
left:0;
background-color: #F5F3EE;
z-index: 10;
clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
}

.taglio3 {
position: absolute;
width: 100%;
height: var(--taglio);
bottom: -1px; 
left:0;
background-color: #383434;
z-index: 10;
clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
}

.taglio-mobile {
display:none;
position: absolute;
width: 100%;
height: var(--taglio);
top: 100%; 
left:0;
background-color: #F5F3EE;
z-index: 10;
clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
}

.bg1 .mt120,.bg2 .mt120,.bg3 .mt120 {  margin-top:calc(70px + var(--taglio)); }

.bg1 { background:#C7D1D9; }
.bg2 { background:#F2EBDF;  }
.bg3 { background:#BFCFC2; }

/* Container principale */
.faq-container {
width: 100%;
margin: 20px auto;

}

/* Singolo elemento */
.faq-item {
border-bottom: 1px solid #BBB;
}

/* Il bottone (la domanda) */
.faq-question {
width: 100%;
padding: 18px;
background: none;
border: none;
outline: none;
text-align: left;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.3s ease;
color:#000;
}

/* Icona + / - tramite pseudo-elemento */
.faq-question::after {
content: '+';
font-size: 1.5rem;
}

.faq-question.active::after {
content: '−';
}

/* Contenitore risposta (nascosto di base) */
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}

.faq-answer p {
padding: 0 18px 18px 18px;
margin: 0;
color: #555;
line-height: 1.6;
}

/* Layout Campi */
.form-group {
	margin-bottom: 10px;
}

.form-row row col {
	display: flex;
	gap: 15px;
}

.form-row row col .form-group {
	flex: 1;
}

.faq-section button {
    color: #000;
    text-decoration: none;
    -webkit-text-fill-color: currentcolor; 
}

.faq-section a:visited {
    color: #333333;
}

.faq-section a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
}



label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #F5F3EE;
	font-size: 0.9rem;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-sizing: border-box; /* Importante per il padding */
	font-size: 1rem;
	transition: border-color 0.3s ease;
}

input:focus, textarea:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
}

/* Radio e Checkbox */
.radio {
	display: flex;
	gap: 20px;
	margin-top: 5px;
}

.radio-item {
	display: flex;
	align-items: center;
	cursor: pointer;
	
}

.radio-item input {
	margin-right: 8px;
}

.privacy-label {
	font-weight: normal;
	font-size: 0.85rem;
	line-height: 1.4;
	display: inline;
}

/* Validazione Errori */
label.error {
	color: #e74c3c;
	font-size: 0.8rem;
	margin-top: 5px;
	font-weight: normal;
	display:none;
}

input.error, textarea.error {
	border-color: #e74c3c;
}

#recaptcha-error {
	display: none;
	margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 480px) {
	.form-row row col {
		flex-direction: column;
		gap: 0;
	}
}