.color333{ color:#333} 
 .mtop80mob{ margin-top:80% !important} 
    

@media only screen and (max-width: 768px){  
  .mtop80mob{ margin-top:10% !important }
     #sidebar-responsive {
    display: block;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 100000000;
    background-color: #fff !important;
  }

  #sidebar.active {
    margin-left: 0;
    transform: none;
    height:100vh;

background-color: rgba(250, 250, 250, .8); 
  }
  .mobile-title {
    float: left;
    margin-bottom: 0;
    padding: 2px 0;
    padding-left: 9px;
    font-weight: 600;
    font-size: 1.28rem;
    padding-top: 0px;
  }
}
#sidebarCollapse span {
  width: 80%;
  height: 1px;
  margin: 0 auto;
  display: block;
  background: #333;
  transition: all 0.8s cubic-bezier(0.810,-0.330,0.345,1.375);
    transition-delay: 0s;
  transition-delay: 0.2s;
}
#sidebar .sidebar-header {
  padding: 20px;
    padding-right: 20px;
    padding-left: 20px;
  padding-left: 25px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-right: 0px;
}
a.colorCCC {color: #333 !important;} 
a.color333{ color:#333 !important;  }
a.color000{ color:#000 !important; font-weight:500;margin-bottom:1px;margin-top:1px}
a.color000::before { content: '';}
a.colorFFF::before { content: '';}
a.colorFFF{ color:#FFF !important }
.mpadd70Mob{ padding-left:70px }
.tipo1{ padding-top:100px;padding-bottom:50%; padding-top:122% }
@media only screen and (max-width: 768px){  
.mpadd70Mob{ padding-left:90px }
.tipo1{  padding-bottom:25%; padding-top:100% }

}
.footer-contact a{ font-size:10px; color:#333;   font-family: 'Helvetica Neue Light', sans-serif;  }
.text-headline {
text-transform: uppercase;
letter-spacing: .3px;
font-family: 'Gotham', 'Arial';
}
.text-headline {
text-transform: uppercase;
letter-spacing: .3px;
font-family: 'Gotham', 'Arial';
}
H1, H2, H3, H4, H5, H6 {
font-weight: 300;
font-size: 11px;
font-family: 'Gotham', 'Arial';
}
.text-headline::before {
padding-right: 3px;
display: inline-block;
content: '—';
}
.wrapper { padding-bottom:120px; position: relative; background-image:url(''); background-color:#fff }
.pl-100{ padding-left:70px }
.pl-50{ padding-left:50px }
.pl-60{ padding-left:60px }
.pl-80{ padding-left:80px }
.pl-90{ padding-left:90px }
.pl-100{ padding-left:100px }
.pl-70{ padding-left:70px }
.mleft23{ margin-left:23px }
.pb-45 {padding-bottom: 45px;}
.pr-60 {padding-right: 60px;}
.pt-40 {padding-top: 40px;}
.pt-60 {padding-top: 60px;}
.tOnlyMob{ display:none }
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;} 

.pt55per{ padding-top:55% }
.mleft45a{ margin-left:32px }
.mleft28mob{ margin-left:28px !important}
.pr-0{ padding-right:0px }
.pr-90{ padding-right:90px }
.pr-50{ padding-right:50px } 
.pl-90{ padding-left:90px } 
.pt-200 { padding-top:200px }
.pt-250 { padding-top:250px }
.pb-100 { padding-bottom:100px }
.pb-120 { padding-bottom:120px }
.img-wrapper{padding-bottom: 125.058616647%;display: block;
height: 0; overflow: hidden;width: 100%;position: relative;
/*box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);*/
background-color: transparent;}
.text-left {padding:0px; margin:0px; text-align:left; bottom:0px}
.text-left h4 a{font-family: 'Helvetica Neue Light', sans-serif; font-size: 12px; color: #000; letter-spacing: .5px; margin-bottom: 4px; font-weight: 300; } 
.text-left h4 a .subcategory {text-transform: lowercase; font-family: 'Helvetica Neue Light', sans-serif;   font-size: .65rem; letter-spacing: 0.1px;   margin-top: 0px !important; color: #333; }
.img-wrapper img { z-index: 1;display: block;width: 100%;height: 100%;top: 0;left: 0;
position: absolute;object-fit: contain; 
font-family: "object-fit: contain";object-position: center center;}
.boxM1{ padding-right:50px;align-self: flex-end; }
.boxM1 .img-wrapper{ padding-bottom: 78%  } 
.vase1 {margin-top:150px; text-align:right}
.vase2 {margin-top:50px; text-align:right}
.mt200{ margin-top:200px }
.mt30per{ margin-top:30% }
.mtop50per { margin-top:50%; }
.mtop60per { margin-top:70%; }
.pt120perc{ padding-top:100% }
.pleft15per{ padding-left:5% }
.mtop80per{ margin-top:20% }
.mtop40mob{ padding-top:40px }
.mleft23{ margin-left:23px }
@media only screen and (max-width: 768px){  
.mleft28mob{ margin-left:18px !important}
.wrapper {  padding-bottom: 40px;  position: relative;    }
.mtop60per { margin-top:30%; }
.mtop80per{ margin-top:0% }
.tOnlyMob{ display:block } 
.textCont{    font-family: 'Helvetica Neue Light', sans-serif;  font-size: .7rem; letter-spacing: 0.1px;  margin-top: 2px;  color: #333; }
.mtop40mob{ padding-top:0px }
.mleft23{ margin-left:15px }
.mleft35a1{ margin-left:92px !important }
.mt200{ margin-top:0px; margin-right:100px; padding-right:90px; padding-bottom:30% }
.vase1 {margin-top:80px; text-align:right}
.vase1 .wrapper {padding-right:80px; padding-bottom:20px}
.vase2 {margin-top:10px; text-align:right; padding-left:90px}ù
.vase2 .wrapper {padding-right:40px !important; padding-bottom:20px !important}
.pt-250{ padding-top:0px }
.boxM1{ padding-right:100px;align-self: flex-end; }
.boxM1 .img-wrapper{ padding-bottom: 78%  }
.pt55per{ padding-top:15% }
.block{ margin-bottom:20px }
.mt30per{ margin-top:0% }
.pleft15per{ padding-left:15% }
.cpaddb90{ padding-bottom:10% }
.pt120perc{ padding-top:5% }
.paddb0mob{ padding-bottom:0px }
.paddb1mob{ padding-bottom:50px }
.mleft30per { margin-left:30% } 
.mtop50per { margin-top:0px; }
}
.img-wrapper {
padding-bottom: 125.058616647%;
display: block;
height: 0;
overflow: hidden;
width: 100%;
position: relative;

background-color: transparent;
}
.img-wrapper img {
z-index: 1;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
object-fit: contain;
font-family: "object-fit: contain";
object-position: center center;
}

.wrapper { padding-bottom:120px; position: relative; height:auto !important }
.pl-100{ padding-left:70px }
.pl-50{ padding-left:50px }
.pl-60{ padding-left:60px }
.pl-80{ padding-left:80px }
.pl-90{ padding-left:90px }
.pl-100{ padding-left:100px }
.pl-70{ padding-left:70px }
.mleft23{ margin-left:23px }
.pb-45 {padding-bottom: 45px;}
.pr-60 {padding-right: 60px;}
.pt-40 {padding-top: 40px;}
.pt-60 {padding-top: 60px;}
.tOnlyMob{ display:none }
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;} 
.pt55per{ padding-top:55% }
.mleft45a{ margin-left:32px }
.mleft28mob{ margin-left:28px !important}
.pr-0{ padding-right:0px }
.pr-90{ padding-right:90px }
.pr-50{ padding-right:50px } 
.pl-90{ padding-left:90px } 
.pt-250 { padding-top:250px }
.pb-100 { padding-bottom:100px }
.pb-120 { padding-bottom:120px }
.img-wrapper{padding-bottom: 125.058616647%;display: block;
height: 0; overflow: hidden;width: 100%;position: relative;
/*box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);*/
background-color: transparent;}
.text-left {padding:0px; margin:0px; text-align:left; bottom:0px}
 
 
.img-wrapper img { z-index: 1;display: block;width: 100%;height: 100%;top: 0;left: 0;
position: absolute;object-fit: contain; 
font-family: "object-fit: contain";object-position: center center;}
.boxM1{ padding-right:50px;align-self: flex-end; }
.boxM1 .img-wrapper{ padding-bottom: 78%  } 
.vase1 {margin-top:150px; text-align:right}
.vase2 {margin-top:50px; text-align:right}
.mt200{ margin-top:200px }
.mt30per{ margin-top:30% }
.mtop50per { margin-top:50%; }
.mtop60per { margin-top:70%; }
.pt120perc{ padding-top:100% }
.pleft15per{ padding-left:5% }
.mtop80per{ margin-top:20% }
.mtop40mob{ padding-top:40px }
.mleft23{ margin-left:23px }
.mtop0_kk{ margin-top:0px !important }
@media only screen and (max-width: 768px){  
  .mtop0_kk{ margin-top:30px !important }
.mleft28mob{ margin-left:18px !important}
.wrapper {  padding-bottom: 40px;  position: relative;    }
.mtop60per { margin-top:30%; }
.mtop80per{ margin-top:0% }
.tOnlyMob{ display:block } 
.textCont{    font-family: 'Helvetica Neue Light', sans-serif;  font-size: .7rem; letter-spacing: 0.1px;  margin-top: 2px;  color: #333; }
.mtop40mob{ padding-top:0px }
.mleft23{ margin-left:15px }
.mleft35a1{ margin-left:92px !important }
.mt200{ margin-top:0px; margin-right:100px; padding-right:90px; padding-bottom:30% }
.vase1 {margin-top:30px; text-align:right}
.vase1 .wrapper {padding-right:80px; padding-bottom:20px}
.vase2 {margin-top:10px; text-align:right; padding-left:90px}ù
.vase2 .wrapper {padding-right:40px !important; padding-bottom:20px !important}
.pt-250{ padding-top:0px }
.boxM1{ padding-right:100px;align-self: flex-end; }
.boxM1 .img-wrapper{ padding-bottom: 78%  }
.pt55per{ padding-top:15% }
.block{ margin-bottom:20px }
.mt30per{ margin-top:0% }
.pleft15per{ padding-left:15% }
.cpaddb90{ padding-bottom:10% }
.pt120perc{ padding-top:5% }
.paddb0mob{ padding-bottom:0px }
.paddb1mob{ padding-bottom:50px }
.mleft30per { margin-left:30% } 
.mtop50per { margin-top:0px; }
}
html{ background-color:#fff }
 
 .footer-contact a
{
  font-size: 10px;
  color: #333 !important;
  font-family: 'Helvetica Neue Light', sans-serif;
}

.footer-mobile a{ font-size:10px }
.footer-mobile .footer-contact{margin-top:80px;width:100%}
.footer-mobile .linea1{margin-top:-5px} 
.btn-send22{font-family: 'Helvetica Neue Light', sans-serif !important;  
  width:70px !important; height:22px !important;line-height:8px !important;background-color: #fff  !important; color:#333 !important; border-color:#ccc !important; 
  border-radius: 0px !important; font-size: 10px !important; letter-spacing: 1px !important;   
  background-color: transparent !important; font-weight: 550 !important;line-height: 8px !important;}