* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*general*/
html {/* font-size: 62.5%*/ font-size: 10px; outline: none; }
body { font-family: "Poppins", sans-serif; color: #000; font-weight: 400; background-color: #F6F8FA; }
.body { background-color: #fff; max-width: 300rem; margin: 0 auto; overflow: hidden; }
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
a { font-size: 1.6rem; text-decoration: none; color: #000; outline: none }
a:focus, input:focus, textarea:focus, select:focus, label:focus {outline: none!important }
p, ul, li { line-height: 1.8; font-size: 1.6rem; }
.container { position: relative; max-width: 150rem; margin: 0 auto; padding: 0 2%; width: 100%; }
.container_small { max-width: 150rem; margin: 0 auto; padding: 0 2%; width: 100%; }
button { color: #000; font-size: 1.6rem; cursor: pointer; background-color: transparent; border: none; font-family: "Poppins", sans-serif;}
input, textarea, select { font-size: 1.8rem; ; font-weight: 600; font-family: "Poppins", sans-serif;}

.center { text-align: center; }
.clear { clear: both; }
.float { float:left; }
.floatr { float:right; }
.flex { display: flex; flex-wrap: wrap; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.pr { position:relative; }
.oh { overflow:hidden; }

/*colors*/
.fff {color: #fff}
.bgfff { background-color:#fff }
.gray { color:#6F6F6F }
.bgg { background-color:#171717 }
.bg000 { background-color:#000 }
.bgbeige { background-color:#F2EBDC }
.brown { color:#96683B }

/*fontsize*/
.font { font-family: "Onest", sans-serif; }
.w300 { font-weight:300 }
.w400 { font-weight:400 }

.t70 { font-size:7rem; line-height:1.2; }
.t20 { font-size: 2rem; }
.t26 { font-size: 2.6rem; line-height:1.4 }
.t30 { font-size: 3rem; line-height:1.3 }
.t35 { font-size: 3.5rem }
.t40 { font-size: 4rem; }
.t50 { font-size:5rem; line-height:1.2 }
.t66 { font-size:6.6rem; line-height:1.2 }
.t45 { font-size:4.5rem; line-height:1.2 }
.t25 { font-size:2.5rem; line-height:1.4 }
.t18 { font-size: 1.8rem }
.t16 { font-size: 1.6rem; line-height:2.2 }
.t14 { font-size: 1.4rem }

.mt1 { margin-top:1rem }
.mt2 { margin-top:2rem }
.mt3 { margin-top:3rem }
.mt4 { margin-top:4rem }
.mt5 { margin-top:5rem }
.mt6 { margin-top:6rem }
.mt8 { margin-top:8rem }
.mt9 { margin-top:9rem }
.mt10 { margin-top:10rem }
.mb1 { margin-bottom:1rem }
.mb2 { margin-bottom:2rem }
.mb3 { margin-bottom:3rem }
.mb4 { margin-bottom:4rem }
.mb5 { margin-bottom:5rem }
.mb6 { margin-bottom:6rem }
.mb10 { margin-bottom:10rem }

.opt { object-position:top center; }
.opb { object-position:bottom center; }
.ojf { object-fit:cover; object-position:center; height:100%; width:100% }
.multi { mix-blend-mode: multiply; }
.overlay { mix-blend-mode: overlay; }
.screen { mix-blend-mode: screen; }

.br { border-radius: .5rem }

.cta { font-size:1.6rem; font-weight:600; text-transform: uppercase; border-bottom: 1px solid; font-family: "Onest", sans-serif; }

/*padding/margin*/
.wt100 { width:100% }
.ojf { width:100%; height:100%; object-fit:cover; }
.opt { object-position:center top!important; }

.tronca2 { width: 100%; display: -webkit-box;
  -webkit-box-orient: vertical;
  /*Il conenuto viene troncato alla terza riga*/
  -webkit-line-clamp: 2; 
  overflow: hidden; }

/*TOP BUTTON*/
.div-back-to-top { transition: .3s; max-width: 400rem; width: 100%; left: 0; right: 0; bottom: 0; margin: 0 auto; position: fixed; z-index: 10000; }
.back-to-top { transition: .3s; position: absolute; z-index: 2; bottom: 2rem; right: 2rem; }
.back-to-top img { transition: .3s; width: 5.2rem; background-color:#F2EBDC; padding:2rem 1.5rem; }
.back-to-top:hover {cursor: pointer; }

header { z-index: 8; width: 100%; justify-content:space-between; align-items:center; }
header .logo { position: absolute; left: 2%; top: 1.8rem; z-index: 1; width: 18rem; }
header .cta { z-index: 1; }
header .menu { padding: 3rem 0; position: relative; width: 100%; text-align: right; }
header .menu li { padding-left: 1.4rem }
header .menu li a { font-family: "Onest", sans-serif; font-weight: 400; font-size: 1.6rem; text-transform: uppercase; color:#fff }
header .dropdown img.wapp { width:2rem; top:-1ren }
#scrolling { z-index: 10; position:absolute; max-width: 300rem; width: 100%; left: 0; right: 0; top:0 }

.sticky { box-shadow: 0 3px 20px rgba(0,0,0,0.16); transition: 0.3s; position: fixed!important; top: 0; left: 0; z-index: 30; width: 100%; max-width: 300rem; margin: 0 auto; background-color:rgba(150, 104, 59, .8); }
.hidden-sticky { height: 10rem }

.dropbtn { transition: all 0.3s ease 0s; margin-left: -3px; padding: 5rem 1.1rem; font-size: 1.8rem; }
.dropdown {display: inline-block;}
.dropdown img { width: 1.1rem; vertical-align: middle; }
.dropdown button { position: relative; z-index: 2; }
.dropdown-content { margin-top: 3rem;
  position: absolute; border-radius: .5rem;
  background-color: rgba(242,235,220,0.9);
  min-width: 160px;
  z-index: 2;
  left: 0; width: 100%; margin-left: -10px;
  height: 0; overflow: hidden;
  transition: all 0.3s ease-in-out; opacity: 0; }
.dropdown-content { padding: 0 5rem; display: flex; justify-content: space-between; align-items: center; text-align: left; }
.dropdown-content .cl { width:60%; }
.dropdown-content img { width:40%; padding:5rem 0 }
.dropdown-content a { border-bottom:2px solid transparent; line-height: 1.4; display: inline-block; color: #000!important; text-transform: none!important; font-size: 2.2rem!important; margin: 1rem 0 1.5rem }
.dropdown-content a:hover { border-bottom:2px solid #96683B; }
.dropdown-content p { font-size: 1.6rem; margin-bottom: 2rem; text-transform: uppercase;  }
.dropdown:hover .dropdown-content { height: auto; margin-left: 0; opacity: 1}
.dropdown:hover .dropbtn { color: #F2EBDC }
.dropdown .dropbtn.active { color: #F2EBDC }

.sticky .logo {  }
.sticky .menu { padding: 3rem 0 }
.sticky .cta { top: 1.8rem; }
.sticky .info { top: 2.5rem; right: 0.5rem }
.sticky .dropdown-content { margin-top: 3rem }

/*sidenav*/
.menuresponsive, .sidenav { display: none; }

/*slider foto in zoom*/
.container_slider { position:relative; top:0; left:0; width:100% }
.slider { position: absolute; height: 100vh; min-height: 60rem; width: 100%; background-color: #000; }
.cover { background-color: rgba(10, 10, 10, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.slide { position: absolute; height: 100%; width: 100%; overflow: hidden; opacity: 0; transition: opacity 1s ease-in-out; }
.slide.active { opacity: 1; z-index: 1; }
.slide img { position: absolute; top: 50%; left: 50%; height: 120%; width: auto; transform: translate(-50%, -50%); animation-duration: 20s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; object-fit: cover; }
.slide img.pan-right { width: 102%; left: 49%; }
.slide img.pan-left { width: 102%; left: 51%; }
@keyframes zoomPan-right { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-40%, -50%) scale(1.2); } }
@keyframes zoomPan-left { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-60%, -50%) scale(1.2); } }
.pan-right { animation-name: zoomPan-right; }
.pan-left { animation-name: zoomPan-left; }

.logo-centro { z-index:8; align-items: center; justify-content: center; position:relative; width:100%; min-height: 60rem; height:100vh }

.pad { padding: 8rem 0 }
.sec-txt { padding-left: 30% }

.prodotti { justify-content:space-between; }
.prodotti .box { display: flex; width: 49%; position:relative; height:30vw; margin-bottom:2%}
.prodotti .box .img { position:absolute; top:0; left:0; }
.prodotti .box .txt { padding: 3rem; position:relative; display:flex; align-items: flex-end; justify-content:space-between; width:100% }
.prodotti .box .bggra { height: 50%; opacity: .5; position: absolute; width: 100%; left: 0; bottom: 0; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.prodotti .box .txt h3 { width:calc(100% - 12rem); line-height: 1.4 }
.servizi.pad { padding-bottom:0 }
.servizi .box { width: 40%; margin-right: 4rem; align-items:center; }
.servizi .box img { width:20rem }
.servizi .box .txt { width:calc(100% - 22rem); margin-left:2rem }
.prefooter .txt { width:65% }
.prefooter .img { position:absolute; top:0; right:0; width:30% }

.mainbg { height:100vh; min-height: 80rem; overflow:hidden; align-items:center; justify-content:space-between; flex-direction:row-reverse; }
.mainbg .img { width:58% }
.mainbg .box-txt { position:relative; z-index:1; width:42%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mainbg .txt { max-width:54rem; }

.footer p, .footer a { font-size:1.4rem; color:#fff }
.footer a:hover { color: #fff }
.footer .logo img { width:19.8rem }
.footer { padding:10rem 0 }
.footer .flex { justify-content:center; max-width: 80rem; margin: 3rem auto 0; }
.footer .flex .cl { width:calc(100% - 32rem) }
.footer .flex .cl.social { width:28rem; margin-left: 4rem; display:flex; flex-direction:column; }
.footer .flex .cl.social img { height:1.6rem; width: 1.6rem; object-fit: contain; object-position: center; vertical-align: middle; margin:-5px 1rem 0 0 }
.footer .flex .cl { line-height:2.1 }
.credits { opacity: .4; margin-top: 8rem; text-align: center; border-top: 1px solid rgba(140, 135, 125, 1); padding-top: 3rem }
.credits span { margin:0 .5rem }
.credits a, .credits p { font-size:1.3rem }

/*pages*/
.bgpage { display: flex; align-items: flex-end; position:relative; height:90vh; min-height:50rem }
.bgpage .bggra { position:absolute; bottom:0; left:0; height:50%; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }
.bgpage .img { position:absolute; top:0; left:0 }
.bgpage .txt { position:relative; z-index:2; padding-bottom:6rem }
.bgpage .txt .breadcrumbs a { margin: 0 .3rem; color:#fff; font-size:1.4rem; text-transform:uppercase; font-weight:400 }
.bgpage .txt .breadcrumbs a:last-child { font-weight:600 }
.bgpage .txt .breadcrumbs a:first-child { margin-left:0 }

.gallerypage { justify-content:space-between; }
.gallerypage img { width:50%; margin-bottom:2%; height:40vw; object-position:bottom; }
.gallerypage img:nth-child(2) { width:46%; margin-right:2% }
.gallerypage img:nth-child(3) { width:46%; margin-left:2% }
/*.gallerypage img:nth-child(1) { margin-top:-3rem }
.gallerypage img:nth-child(4) { margin-bottom:-3rem }*/

.ckeditor, .ckeditor p, .ckeditor a { font-size:1.8rem; line-height: 1.8}
.ckeditor b, .ckeditor strong { font-weight: bold;}
.ckeditor ul b, .ckeditor ul strong, .ckeditor ol b, .ckeditor ol strong { font-weight: normal;font-size: 2rem;text-transform: uppercase;color: #6F6F6F; }
.ckeditor h1,.ckeditor h2,.ckeditor h3,.ckeditor h4, .ckeditor h5, .ckeditor h6 { line-height: 1.6; font-size:2rem; color:#6F6F6F; font-weight:400; text-transform:uppercase;margin: 2rem 0 1rem;}
.ckeditor a { color:#96683B; text-decoration:underline; font-weight:500 }
.ckeditor ul, .ckeditor ol { margin: 4rem 0 0 10% }
.ckeditor li b { margin-bottom: .5rem; line-height: 1.6; display: block; font-size:2rem; color:#6F6F6F; font-weight:400; text-transform:uppercase; }
.ckeditor li { margin-bottom: 5rem; font-size: 2.6rem; font-weight: 300; line-height: 1.4; }
.ckeditor li:last-child { margin-bottom:0 }

.icone .box { width:25%; text-align:center; }
.icone { justify-content:center; gap:4rem }
.icone img { width:20rem }

.page .prodotti .box { width:49%; height: 25vw}

.tappe { position: relative; }
.tappe .line { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1.2rem; height: 100%; background-color: #F2EBDC; border-radius: 1rem; }
.tappe .step { position: relative; margin-bottom: 8rem; width: 50%; align-items: center; flex-direction: row-reverse; margin-left: 7.5rem; }
.tappe .step .circle { position: relative; z-index: 2; background-color: #fff; display: flex; align-items: center; justify-content: center; border: 1.2rem solid #96683b; border-radius: 50%; height: 15rem; width: 15rem; }
.tappe .step .circle p { font-size: 3.5rem; }
.tappe .step .circle .arrow { width: 3rem; position: absolute; left: -3.7rem; }
.tappe .step .txt { width: calc(100% - 15rem); padding-right: 5rem; text-align: right; }
.tappe .step.revers .txt { text-align: left; padding-right: 0; padding-left: 5rem; }
.tappe .step.revers { flex-direction: row; margin-left: calc(50% - 7.5rem); }
.tappe .step.revers .circle .arrow { right: -3.7rem; left: inherit; }
.tappe .step .img { position: absolute; width: 22rem; right: -25rem; border-radius: 1.1rem; }
.tappe .step.revers .img.s { right: inherit; left: -25rem; }
.tappe .step:last-child { margin-bottom:0 }

.page .servizi.s2 { padding:6rem 0 0; justify-content:flex-end; }
.page .servizi .box { align-items:flex-start; }

.fancybox__backdrop { background:rgba(150, 104, 59, .9)!important }
.fancybox__content { box-shadow: 0 0 20px rgba(0, 0, 0, .15); }
.f-button.is-close-btn { background: #444!important }

.map { padding:8rem 0; text-align:center; }
.map iframe { border:3px solid #96683B!important; height:50rem; width:90%; max-width:90rem; margin:4rem auto 0; }
/*form2*/
.contact_form2 .social { flex-direction:column; gap:1rem }
.contact_form2 .social img { filter: invert(100%); vertical-align: middle; margin-top: -5px; margin-right: 1rem; object-fit:contain; object-position:center; width:2rem; height:2rem;  }
.contact_form2 .txt { width:40% }
.contact_form2 .flex { justify-content:space-between; }
.contact_form2 .content { width: 50%}
.button_invia { text-align:right; }
.form2 input, .form2 textarea, .form2 select { font-weight: 500; font-size: 1.8rem; letter-spacing: 1px; margin-bottom: 2rem; border: 0; border-bottom: 2px solid #96683B; width:100%; background-color: transparent; border-radius:0; padding:1.5rem 0; }
.form2::placeholder {  }
::placeholder { opacity:0.9 }
.form2 .cl50 { width:48% }
.form2 .inputs { justify-content:space-between; }
.voce p { font-size:1.8rem; font-weight: 500; letter-spacing :1px; margin-bottom:0.8rem }

.bgpage.short { height:20vh; min-height:30rem }
.bgpage.short .txt { padding-bottom:2rem }

.error { min-height:60vh; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.error .t50 { font-weight: 300; font-size:20rem; text-shadow: 5px 5px 10px rgba(0, 0, 0, .1); }

.pillars { gap:3%; align-items:flex-start; padding-bottom:4rem }
.pillars .box { width:30.33%; margin-bottom:5rem; }
.pillars .box .img { transition: .3s; width:100%; border-radius:.8rem }
.pillars .box:hover .img { opacity:.6 }


.sitemap li { margin-bottom:.5rem }
.sitemap a { transition:.3s; font-size:2rem; font-weight:400; text-transform:uppercase; }
.sitemap a:hover { padding-left:1rem; color: #999 }
.sitemap a.brown { font-size:1.6rem }
.sitemap a.brown:hover { padding-left:0; color: #96683B }
.sitemap { align-items: stretch; padding:4rem; border-radius:1rem; margin:5rem auto }
.sitemap.ckeditor ul li::before { background-color:#77E4E8; top:.8rem }
.sitemap .line { height:2px; border-radius: 2rem; background-color:rgba(0, 0, 0, .2); width:100%; margin:2rem 0 }

.divi { height:1rem; background-color:#F2EBDC; margin:6rem 0; width:100% }
.ckeditor .brown { color: #96683B!important }

/*.ckeditor li img { position:absolute; width:10rem; right:80% }*/
.ckeditor li img { width:10rem; }

/*-------------------------style check & radio box-------------------------*/
/*style check box*/
.containercheck { text-align: left; width: 100%;
  margin: 1rem 0 2rem; font-size: 1.4rem;
  display: block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #fff;
  border-radius: 1px; border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 0.6rem;
  top: 0.3rem;
  width: 0.4rem;
  height: .8rem;
  border: solid #000;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* FILTER */
#myBtnContainer {margin: 0 auto 4rem;}
.btn-filter { margin: 0 1rem 1rem 0; padding: 1rem; border-radius: .5rem; cursor: pointer; border: 2px solid #96683B; color:#96683B }
.btn-filter:hover { background-color:#F2EBDC }
.btn-filter.active { background-color: #96683B; color:#fff }
.filtri_boxes {text-align: left; margin: 0!important}
.filtri_boxes .flex { }
.fade-in { -web kit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.filterDiv { border-radius: .5rem; display: none; width: 24%; margin: 0 1% 1% 0!important; height: 12vw}
.filterDiv img { transition: .5s; object-position:center; object-fit:cover; width:100%; height:100% }
.filterDiv:hover img { transform:scale(1.05); }
.filterDiv .txt { margin-top:-4px }
.filterDiv .box { padding:0!important; }
.show {display: block;}

.btn_loadmore--btn {
  padding: 1rem 3rem;
  border-radius: 2rem;
  box-sizing: content-box;
  background: var(--green);
  position: relative;
  margin:6rem auto;
}
.btn_loadmore--btn img {
  width: 1.2rem;
  height: 1.2rem;
}

@media (max-width: 1200px) {
header .cta { display: none; }
.info { left: 2rem; right: inherit; }
.dropdown-content2 a { padding: 1rem 2.2rem }
#scrolling .container { width: 100%; padding: 0; max-width: 100% }
header { padding: 2rem }
header .logo { position: relative; left: inherit; top: inherit; width:16rem }
.preheader_line { display: none; }
.dropdown-content2 { text-align: left; right: -4rem }
/*sidenav*/
header .menu .dropdown { display: none; }
header .menu .dropdown.resp { display:inline-block; }
header .dropdown img.wapp { width:2.5rem }
header .menu { position:absolute; right:0; top:0; width:auto; }

.menuresponsive, .sidenav { top: 3.5rem; display: block; position:absolute; right:5rem }
#mySidenav { display: block; z-index: 1000;}
#mySidenav .closebtn img { width:2.5rem }
#mySidenav { height: 100%; width: 0; position: fixed; z-index:1; top: 0; right: 0; overflow-x: hidden; transition: 0.2s; }
.sidenav .bgcolor { width:0; opacity:.4; height:100vh; overflow: hidden; position:absolute; right:0 }
#mySidenav .bg { background-color: rgba(242,235,220,0.95); overflow-y: scroll; width: 100%; margin: 0; height:100vh; padding:8rem 4rem }
#mySidenav .bg a, #mySidenav .bg p { color:#000 }
#mySidenav .closebtn { position: absolute; top: 2rem; right: 2rem; }
#mySidenav .bg .lang { border-bottom:1px solid rgba(225, 225, 225, .2); padding-bottom:2rem; margin-bottom:2rem }
#mySidenav .bg .lang .list img { margin:.5rem .5rem 0 0; height:2rem; opacity:.4 }
#mySidenav .bg .lang .list .active img { opacity:1 }
#mySidenav .bg a { font-size:2rem }
#mySidenav .bg li { margin:3rem 0 }

.accordion { position: relative; width:100%; text-align:left; }
.accordion li { font-size:2rem }
.accordion .btnmore { left: 0; top: 0; width: 100%; position: absolute; height: 2.5rem; cursor: pointer; }
.accordion .showhidenew img { margin: 0; transition: 1s; width: 1.8rem; position: absolute; right: 0; top: 0.2rem}
.accordion .text_opennew a { display:block; padding-bottom:1rem }
.accordion .text_opennew a { font-size:1.6rem!important }

.servizi .box { width:100%; margin-bottom:4rem }
.sec-txt { padding-left: 0;}
.prodotti .box .txt .t35 { font-size:3rem}

.page .servizi.s2 { padding:0 }
.page .servizi .box { align-items:center; }
}

@media (max-width: 1024px) {
  .page .prodotti .box { height: 35vw}

  .tappe .line { display:none; }
  .tappe .step .txt { max-width: 80rem; text-align: center !important; padding: 4rem 1rem 2rem !important; width: 100%; }
  .tappe .step .circle .arrow { transform: rotate(-90deg); left: 0; right: 0; margin: 0 auto; bottom: -4.4rem; }
  .tappe .step.revers .circle .arrow { transform: rotate(90deg); left: 0; right: 0; margin: 0 auto; bottom: -4.4rem; }
  .tappe .step .img { position: relative; left: inherit !important; right: inherit; margin-bottom: 4rem; }
  .tappe .step { width:100%!important; flex-direction:column!important; margin:0!important }

  .filterDiv { height:20vw }

  .contact_form2 .txt { width:100% }
  .contact_form2 .content { width:100%; margin-top:6rem }
}

@media (max-width: 768px) {
  .prodotti .box, .prodotti .box.small { width:100%; height:60vw }
  .t50 { font-size:3rem }
  .bgpage .txt .t30 { font-size:2.2rem }
  .infopage { padding:6rem 0 }
  .parag { margin-left:0 }
  .parag p { font-size:2rem }
  .gallerypage img { width:100%!important; margin:0 0 3rem!important; height:100% }
  .gallerypage { margin-bottom:6rem }

  .icone .box { width:100% }

  .prodotti .box { width:100%; height: 65vw}

  .filterDiv { height:28vw; width:32.33% }

  .pillars .box { width:48% }
  .pillars { gap:0; justify-content:space-between; }
}

@media (max-width: 600px) {
  .servizi .box { flex-direction:column; text-align:center; margin:3rem 0 }
  .servizi .box .txt { width:100%; margin:3rem 0 0 }
  .prefooter .txt { width:100% }
  .prefooter .img { width:100%; position:relative; margin-top:8rem }
  .prefooter { padding: 8rem 0 0 }
  .footer .flex .cl { width:100%; }
  .footer .flex .cl.social { width:100%; margin:3rem 0 0 }
  .prodotti .box, .prodotti .box.small { height: 80vw; margin-bottom:3rem }
  .logo-centro img { max-width:39rem; width:80% }

  .prodotti .box .txt h3 { width:100% }
  .prodotti .box .txt { flex-direction:column; padding:2rem }

  .t26 { font-size:2.5rem }

  .tappe .step .txt { font-size:1.8rem; line-height:1.6 }

  .ckeditor ul { margin:4rem 0 0 0 }
  .ckeditor li { font-size:2.2rem }
  .gallerypage img:last-child { margin-bottom:0!important }
  .bgpage { min-height:55rem; height:auto; }

  .page .prodotti .box, .prodotti .box { width:100%; height: 90vw; align-items: flex-end;}
  .prodotti .box .txt { flex-wrap:wrap; }

  #myBtnContainer { margin-bottom:2rem }
  .filterDiv { height:38vw; width:49% }

  .error { min-height:auto }
  .error .t50 { font-size:40vw }

  .sitemap a { font-size:1.8rem }

  .ckeditor li img { position:relative; right:inherit; }

  .pad { padding:6rem 0 }
  .sitemap.pad { padding: 3rem }
  .form2 .cl50 { width:100% }

  .pillars .box { width:100% } 
}

/*gsap css*/
.fade-left { transform: translateX(-100%); opacity:0 }
.fade-right { transform: translateX(100%); }
.fade-right2 { transform: translateX(100%); }
.fade-in { transform: translateY(0); opacity: 0; }
.fade-in-down { transform: translateY(-100%); opacity: 0; }
.fade-in-up { transform: translateY(100%); opacity: 0; }
.bounce { transform: translateY(100px); }
.rotate { transform: rotate(-180deg); }
.swing { opacity: 0; transform: rotate(-10deg); }
.shake { opacity: 0; transform: translateX(0); }
.zoom-in { transform: scale(0); }
.zoom-out { transform: scale(2); }
.roll-in { transform: translateX(-100%) rotate(-360deg); }
.bounce-left { transform: translateX(-100%); opacity: 0; }
.spring-left { transform: translateX(-100%); opacity: 0; }


