/*viabizzuno - il marchio*/

/*#p48 #rightcol {
  background-image: url("img/spazio-linee-viabizzuno.jpg");
  background-position: 90% 90px;
  background-repeat: no-repeat;
  background-size: auto 73%;
}*/

#p48 #col1.column #b101.blocco.Banner {
  bottom: 70px;
  margin: 0;
  position: absolute;
  right: 0;
}
#p48 #col1.column #b101.blocco.Banner .banner img {
  max-height: 650px !important;
  width: auto;
}

/*admin*/body.edit #p48 #col1.column, body.edit #p49 #col1.column {  bottom: 0;  position: relative; }

#p48 #col1.column {   bottom: 15px;  position: absolute; }

#p48 #col1.column .blocco.Banner { clear: both; float: left;  margin-bottom: 10px;   margin-right: 15px; }
#p48 #col1.column .blocco.Banner .banner, #p48 #col1.column .blocco.Banner .banner img, #p49 #col1.column .blocco.Banner .banner, #p49 #col1.column .blocco.Banner .banner img {  height: auto;  width: auto;}
#b96 img, #b94 img { max-width:130px;}

#p49 #col1.column  #b108.VB_Banner  {text-align:right;  }
#p49 #col1.column  #b108.VB_Banner .owl-carousel {overflow:visible;}
#p49 #col1.column  #b108.VB_Banner img {display:inline-block} 

#p48 #col1.column .blocco.Testo {  float: left;  font-family: "Futura book oblique";  text-align: left; width: 430px;max-width: 33.33%; font-size: 12px; line-height:20px; }
#p48 #col1.column .blocco.Testo .testo strong {   font-family: "Futura Bold oblique"; }
#p48 #col1.column .blocco.Testo .testo p {  margin-bottom: 5px; }
#p48 #col1.column .blocco.Testo h4 {  font-family: "Futura Bold Oblique";  font-size: 17px; }
#p48 #col1.column #b99.blocco.Testo {   margin-top: 30px;  max-width: 100%; width: 100%; }
#p48 #col1.column .blocco.Banner#b96, #p48 #col1.column .blocco.Testo#b97 {   margin-top: 30px; }
#p49 #col1.column .blocco.Testo  {  font-family: "Futura book oblique"; line-height:20px}
/*la nostra casa*/
#p49 #col1.column .blocco.Testo  {bottom:50px; }
#p49 #col1.column .blocco.Testo .testo  {  width: calc(100% - 84.9074px);}
/*vision*/
 #p51 #col1.column .blocco.Testo {  font-family: "Futura book oblique"; font-size: 12px; line-height:20px; }


/*CERTIFICAZIONI*/
#info .principale .testo, #info .sotto_certificazioni .testo {  font-family: "Futura Book Oblique"; }
/*header form search*/
#col3 { text-align: right; }
#col3 .blocco.Testo { display:inline-block; position: relative;
  top: 50%;
  transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
 #col3 .Testo button {
  background-color: transparent;
  border: medium none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
}
#col3 .testo img {  height: 14px;  margin-left: 14px; }
#col3 .VB_IconWorld{ display:inline-block; position: relative;
  top: 50%;
  transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
 #col3 .Testo button {
  background-color: transparent;
  border: medium none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
}
#col3 .VB_IconWorld .testo img {  height: 14px;  margin-left: 27px; }
#col3 .VB_IconWorld .testo span.lang { padding-left:5px; font-family:"Futura Bold Oblique"; color:#000;}

body.edit #b89.Search {visibility:visible;width:auto;top:0;position:static;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);  }

#b89.Search { text-align:left;display:none;top: 45%; position:relative; z-index:12; width:0;  transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); display:inline-block; float:left}

#b89.Search.openform { display:inline-block; visibility:visible;  width: calc(100% - 190px); position:relative;}
#b89.Search form {position:relative;display:inline-block;padding:0;text-align:left;width:100%}
.Search form input,.Search form button{
  font-family:"Futura Book Oblique"; border-top:none; border-bottom:1px solid #000; border-left:0px; border-right:none; color:#000;
}
.Search form button{
  border-bottom:none;font-size: 20px;
}
.Search form button:hover {border:none! important; background-color:transparent !important; color:#000;}
.Search form input:active {border-bottom:1px solid #000 !important;}
#b89.Search form .formBody { display: inline-block; width:100%; }
#b89.Search form label { display:inline-block;  }
#b89.Search form .azioni { display:inline-block;margin-left:1px;}
#b89.Search form .azioni button {border:none; background-color:transparent;color:#000;cursor:pointer; font-size:19px;border:0;padding:0; font-family:"Futura Book"; display:inline-block;margin-left: 10px;}
 
#b89.Search form #close_search { display:inline-block; margin-left: 20px;
  background-color: #fff;  height: 20px; line-height: 20px;
  text-align: center;  width: 5%; cursor:pointer;/*position: absolute;  top: 0; right: -20px;*/
}

.Search .typeahead__list,.Search .typeahead__dropdown { position:fixed; font-family:"Futura book"; background:#fff !important; z-index:99999 !important;}
.Search .typeahead__list {overflow:auto;height:500px;padding:0 1em; }
.Search .typeahead__list a{text-decoration:none;color:#222;}
.Search .typeahead__list ul{list-style:none;padding:.6em .5em 1em; width:100%; }
.Search .typeahead__group{padding:0 0 .3em}
.Search .typeahead__group a{cursor:auto;font-size:.9em;font-weight:bold;text-transform:capitalize}


/*SHOP*/

/*menu*/
#col2 #b118.MenuAuto, #col2 #b139.MenuAuto, #col2 #b164.Menu {  right: 110px; position: absolute;    }

#col2 #b118.MenuAuto, #col2 #b139.MenuAuto  {  top:90px;   }
#col2 #b164.Menu {  top:250px  }
 

#col2 #b164.Menu li a {color: #000;font-family: "Futura Book Oblique";font-size: 11px;line-height: 14px; cursor: pointer; text-align: right; text-decoration: none;}
#col2 #b164.Menu li {
  list-style: outside none none;
  text-align: right;
}

body.edit #col2 #b118.MenuAuto, body.edit #col2 #b139.MenuAuto {  right: unset; position: relative;  }

#col2 #b120.MenuAuto {  bottom: 70px; position: absolute; right:110px; width:130px; }
body.edit #col2 #b120.MenuAuto {  bottom: unset; position: relative;  }

#b121.blocco.FullPage .VB_MinTesto .titolo, #b121.blocco.FullPage .VB_MinTesto .testo  {  display: inline-block;  width: auto; }
#b121.blocco.FullPage .VB_MinTesto .titolo { margin-right: 20px;}

.template-shop-viabizzuno #col2 #b14, .template-shop-viabizzuno #col2 #b15 {display:none !important}

/*login*/
#b126.Login form, #b140.Login form, #b331.Login form  {   padding: 0; }
#p82 #col1 {position:static;}
#b140.Login {  top: 50%;   position: absolute;   transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); }




#b126.Login form h3, #b126.Login form .layout, .Login form .login-testo, #b140.Login form h3, #b140.Login form .layout {display:inline-block; width:100%; font-family: "Futura Bold Oblique"; font-size: 32px; margin-bottom:7px;}
#b331.Login form .layout {display:inline-block; width:100%; font-family: "Futura Bold Oblique"; font-size: 20px; margin-bottom:0px;}
.Login form .login-testo {font-size: 14px; margin-bottom:15px !important; }
.Login form .login-testo.thin {
  font-family: "Futura Book Oblique";
}
.Login form .registrati-viabizzuno {margin-top:200px;}
#b126.Login form .formBody label, #b126.Login form .formBody input, #b140.Login form .formBody label, #b140.Login form .formBody input, #b331.Login form .formBody label, #b331.Login form .formBody input {display:inline-block;font-family: "Futura Book Oblique";}
#b126.Login form .formBody label, #b140.Login form .formBody label, #b331.Login form .formBody label {display:inline-block;width:100px;font-size:17px;}
#b126.Login form .formBody input, #b140.Login form .formBody input, #b331.Login form .formBody input {border:0;border-bottom:1px solid #000; width:420px;max-width:70%; line-height: 21px;  font-size: 16px;}
#b126.Login form .newpass, #b140.Login form .newpass, #b331.Login form .newpass {display:inline-block;font-family: "Futura Book Oblique";width:100%;margin-top:20px;font-size: 14px;}
#b126.Login form .newpass a, #b140.Login form .newpass a, #b331.Login form .newpass a {color:#000;text-decoration:none;}
#b126.Login form .formBody button[type=submit], #b126.Login form .formBody .row.utils, #b140.Login form .formBody button[type=submit], #b140.Login form .formBody .row.utils, #b331.Login form .formBody button[type=submit], #b331.Login form .formBody .row.utils  {cursor:pointer;border:0; background-color:transparent; width:auto; max-width:unset; font-family: "Futura Bold Oblique";padding:0;display:inline-block;margin:0;font-size:17px;line-height:14px; margin-top:20px; }
#b126.Login form .formBody .row.utils a, #b140.Login form .formBody .row.utils a, #b331.Login form .formBody .row.utils a { font-family: "Futura Bold Oblique"; text-decoration:none;color:#000; }
#b126.Login form .formBody button[type=submit] span, #b126.Login form .formBody .row.utils a span, #b140.Login form .formBody button[type=submit] span, #b140.Login form .formBody .row.utils a span, #b331.Login form .formBody button[type=submit] span, #b331.Login form .formBody .row.utils a span {font-family: "Futura Book"; font-size: 25px; line-height:25px;   margin-left: 5px;}

#b331 form{width:40%; margin-left:calc(60%/2);}
#b331.Login form .formBody button[type=submit], #b331.Login form .formBody .row.utils, #b234.Login form .formBody button[type=submit], #b234.Login form .formBody .row.utils{padding-bottom:10px;}
#b331.Login form .formBody button[type=submit], #b331.Login form .formBody .row.utils{line-height:10px ;}

/*cambio nazione*/
#p78 #col1 {
  position: static;
}
#b132.Html {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 100%; 
}
body.edit .select-world {
  bottom: 0;
  position: static;
  right: 0;
}
.select-world {
  bottom: 70px;
  position: absolute;
  right: 84.9074px;/*padding js .right*/
}
.select-world .scelta-world {
  display:inline-block;width:100%;margin-bottom:15px;
}
.select-world select {-moz-appearance: none;-webkit-appearance: none;-o-appearance: none; appearance: none; cursor:pointer;
  border: 1px solid #000;
  box-sizing: border-box;
  padding:5px; position:relative;
  width: 320px;
  background-image:url('img/arrow-select.png'); background-repeat:no-repeat; background-position:center right;background-size: 20px auto;
}
 
.select-world label {
  font-family: Futura Book Oblique;
  font-size: 14px;
  margin-right: 20px;
}
.select-world select option {background-color:#fff;  height:15px;
  color: #000 !important;
  font-family: "Futura Md BT";
  font-size: 12px; line-height:19px;
  margin-bottom:5px;
}
.select-world select option:hover {background-color:#fff;box-shadow: 0 0 10px 100px inherit inset;
 font-family: "Futura Bold Oblique";color: #000 !important; 
}
.select-world button.mybutton {
  background-color: transparent;
  border: 0 none; position:relative;
  color: #000; font-family: Futura Bold Oblique;
  font-size: 17px;  margin: 50px 0 0;
  padding: 0; cursor:pointer;
}
.select-world button.mybutton > span {
  font-family: "Futura Book";
  font-size: 25px;
  line-height: 25px;
  margin-right: 3px;
  position: absolute;
  right: -84.9074px;
}

/*DASHBOARD FRATELLO*/
/*statistiche*/
.dashboard-fratello #col1 .row, .template-shop-viabizzuno #col1 .row {display:inline-block; width:100%;position:relative;}
.dashboard-fratello #col1 .divLeft {float:left}
.dashboard-fratello #col1 .divRight {float:right;}
.dashboard-fratello #col1 a.button, .dashboard-fratello #col1 button {text-decoration:none; color:#000; font-family: "Futura Bold Oblique";cursor:pointer;padding:0;font-size:14px;background-color:transparent;border:0; }
.dashboard-fratello #col1 a.button > span, .dashboard-fratello #col1 button > span {font-family: "Futura Book"; font-size:21px; line-height:21px;margin-left:5px; }

.dashboard-fratello #col1 .Html .titolo {display:inline-block; width:100%; font-family: "Futura Bold Oblique"; font-size: 23px; margin-bottom:30px;}
.thestart-stats .myblocco {   width: auto; display: inline-block; margin-right: 50px; }
.myblocco .mylabel, .myblocco .mydata { width: 100%; display: inline-block; font-size:14px;line-height:25px;}
.myblocco .mylabel { font-family: "Futura Bold Oblique";}
.myblocco .mydata  { font-family: "Futura Book Oblique";margin-top: 5px;}



/*tabelle*/
.mytab  { display:inline-block;font-family: "Futura Book Oblique";margin-bottom:30px;  line-height:20px;font-size:14px;    /*line-height:19px;font-size:15px;*/}
.mytab * {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mytab-column {   padding: 0 5px 0 0; }
.mytab-row.thefirst .mytab-column { font-family: "Futura Bold Oblique"; }
.mytab-row.thedata {padding:20px 0; border-bottom:1px solid #000;  width: 100%; float: left;}
.mytab-row.thedata:last-child { border-bottom:0; }
.mytab .mytab-row .mytab-column a.button { float: right;text-align:right;}
.mytab-row .mytab-column.mynote {padding-left:20px; background-image:url('img/mynote.png'); background-repeat:no-repeat; background-position:center left; }
.mytab-row .mytab-column img {
  height: auto;
  max-width: 96%;
}
/*tab stats*/
.mytab.thestats {width:60%;max-width:60%;margin-top:70px;margin-bottom:70px;}
.mytab.thestats .mytab-row .mytab-column {width:25%;max-width:25%;float:left;}
/*tab le mie config*/
.mytab.themyconfig .mytab-row .mytab-column {width:16.66%;max-width:16.66%;float:left;}
.mytab.themyconfig .mytab-row .mytab-column:last-child {
  float: right;
  max-width: 20.66%;
  width: 20.66%;
}
.mytab.themyconfig .mytab-row .mytab-column.mynote {max-width: 12.66%;  width: 12.66%;}

/*tab i miei ticket*/
.mytab.themyticket .mytab-row .mytab-column {width:16.66%;max-width:16.66%;float:left;}
.mytab.themyticket .mytab-row .mytab-column.fortitle {width:25.66%;max-width:25.66%;float:left;}
.mytab.themyticket .mytab-row .mytab-column.forstato {width:7.66%;max-width:7.66%;float:left;}
/*tab generate code*/
.mytab.thecode {width:80%;max-width:80%;margin-top:70px;}
.mytab.thecode .mytab-row .mytab-column {width:20%;max-width:20%;float:left;}
/*tab i miei preventivi*/ 
.mytab.theestimates .mytab-row .mytab-column {width:12.50%;max-width:12.50%;float:left;position:relative;}
.mytab.theestimates .mytab-row .mytab-column.forstato {width:9.50%;max-width:9.50%; }
.mytab.theestimates .mytab-row .mytab-column.forlink {width:15.50%;max-width:15.50%;text-align:right;float:right; }
.mytab.theestimates .mytab-row .mytab-column.cliente {width:10.50%;max-width:10.50%; }
.mytab.theestimates .mytab-row .mytab-column.nro {width:14.50%;max-width:14.50%; }
.mytab.theestimates .mytab-row .mytab-column.tot {width:10.50%;max-width:10.50%; }

/*tab edit preventivo*/
.summary_preventivo .mytab-row .mytab-column  {width:12.50%;max-width:12.50%;float:left;}
.summary_preventivo .mytab-row .mytab-column.delete  {width:auto;max-width:unset;float:right;}


.thereport {margin-bottom:50px;}
.thereport .myblocco {width:20%;max-width:20%;float:left;}

/*i miei ticket - edit ticket */
.theinfoticket .myblocco {width: auto; display: inline-block; margin-right:20px; }
.theinfoticket .myblocco .mylabel, .theinfoticket .myblocco .mydata  { font-size:12px; line-height:20px;}

.blocco-azioni {float:right;}
.blocco-azioni a.button {font-size:12px !important;line-height:20px !important;}
.blocco-azioni a.button > span {font-size:17px !important; line-height:17px !important;;}

.fill-ticket  {margin-top:30px;}
.fill-ticket textarea {min-height:150px;width:100%;padding:20px;border:1px solid #000; box-shadow:none; margin-bottom:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
font-size: 17px; line-height: 28px;  font-family: "Futura Book Oblique"; text-align: justify; color:#000;}
.fill-ticket .mylabel { width: 100%; display: inline-block; font-size:12px;line-height:20px;font-family: "Futura Bold Oblique";}

#ticket_documents {display:none;} 
.theinsert-file { width: 170px;  height: 35px;  border: 1px solid #000;  float: left;  margin-right: 10px; margin-top: 10px; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
   
.fill-ticket label.mylabel {  cursor: pointer;  float: left;   width: auto;  margin-top: 20px;  font-size: 12px; }
.fill-ticket .divRight {  float: right;  margin-top: 35px; }
.dashboard-fratello #col1 .fill-ticket .divRight button {font-size:17px;}
.dashboard-fratello #col1 .fill-ticket .divRight button > span {font-size:25px;lilne-height:25px}

.thehistory-ticket  { margin-top:70px;}
.thehistory-ticket .myblocco  { margin-bottom:50px;}
.thehistory-ticket .myblocco .mylabel {width:auto;font-size: 12px;}
.row.testo-ticket {  font-size: 12px;   line-height: 20px;  font-family: "Futura Book Oblique"; text-align: justify;     margin-top: 10px; }
.thehistory-ticket .myblocco.view-grey * {color:#9D9C9C}

/*GENERAL RULE CSS remove blur al click*/
input, textarea, button, select {  outline: none; }


/*genera promocode*/

/*select dashboard fratello*/
.dashboard-fratello select {-moz-appearance: none;-webkit-appearance: none;-o-appearance: none; appearance: none; cursor:pointer;   border: 1px solid #000;   box-sizing: border-box;   padding:5px; position:relative;   background-image:url('img/arrow-select.png'); background-repeat:no-repeat; background-position:center right; background-size: 20px auto;   font-family: "Futura Book Oblique";color: #000 !important; }
 
.dashboard-fratello label { font-family: "Futura Book Oblique"; font-size: 14px;}
.dashboard-fratello select option { background-color:#fff;  color: #000 !important; font-family: "Futura Md BT"; line-height:28px;font-size:15px; }
.dashboard-fratello select option:hover {background-color:#fff;box-shadow: 0 0 10px 100px inherit inset;  font-family: "Futura Bold Oblique";color: #000 !important;  }

.generate-code {width:50%;max-width:50%;}
.myselcetbox {margin-bottom:10px;}
.generate-code label {width:29%;float:left;  line-height:25px;font-size:15px;margin-top:5px;}
.generate-code select {width:70% !important;float:right; line-height:28px;font-size:15px; }

.generate-code button {margin-top:30px;float:right;font-size:17px !important;}
.generate-code button > span {font-size:25px !important;line-height:25px !important;}

/*i miei preventivi*/
/*dettaglio preventivo*/

.summary_preventivo {margin-bottom:50px;}

.info_preventivo .mylabel, .info_preventivo .mydata  {display:inline-block; margin-right:5px; font-size:15px; line-height:28px;}
.info_preventivo .mylabel { font-family: "Futura Bold Oblique"; }
.info_preventivo .mydata  { font-family: "Futura Book Oblique"; }

.summary_preventivo .thetab {margin-top:70px;margin-bottom: 30px;  }
.summary_preventivo .mytab-column { font-family: "Futura Book Oblique"}
.summary_preventivo .mytab-column strong {margin-top:70px; font-family: "Futura Bold Oblique"}

.summary_preventivo input.qty {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #000;
}

.summary_preventivo .mytab-column form, .summary_preventivo .mytab-column form > input {float:left }
.summary_preventivo .mytab-column input[type=button] {background-color:transparent; color:#000;font-size:21px; margin-left:10px; padding:0;height: 25px; text-align: center;     line-height: 20px; border:0;cursor:pointer;}
.summary_preventivo .mytab-column input.qtyminus[type=button] {    font-size: 32px; line-height: 13px;height: 20px;}
.mytab-column.delete img {float:right;}

.summary_preventivo .mytab-row.thedata {border-bottom:1px solid #000}
.summary_preventivo .mytab-row.thedata:last-child {border-bottom:0}

.row.totalsummary {  text-align: right;}
.row.totalsummary > div { width:20%;display:inline-block;font-size:15px;line-height:28px;}
.row.totalsummary .mylabel {font-family: "Futura Book Oblique";text-align: left;}
.row.totalsummary .mydata {font-family: "Futura Bold Oblique";}

.summary_preventivo .row .divRight button, .summary_preventivo .row .divRight a.button  {margin-top:50px; display:inline-block;}


/*genera preventivo*/
.row.address-customer {  margin: 50px 0;  max-width: 60%; }
.address-customer .detail-address {margin-bottom:20px;}
.address-customer .detail-address .mylabel, .address-customer .detail-address .mydata {display:inline-block;width:100%;font-size:12;line-height:20px;}
.address-customer .detail-address .mylabel {font-family: "Futura Bold Oblique";}
.address-customer .detail-address .mydata {font-family: "Futura Book Oblique";}


.address-customer .detail-address input[type="radio"] {  /* border: 1px solid #000;  display: block;  float: left;   height: 50px;  width: 50px;   -webkit-appearance:none;   -moz-appearance:none;   appearance:none; */   display:none; }
.address-customer .detail-address input[type="radio"] + label { width:100%;height:30px;line-height:30px;padding-left:40px;box-sizing:border-box;padding-left:50px;background-image:url(img/radiosquare.png);background-repeat:no-repeat;background-position:top left;display:inline-block; cursor:pointer }
.address-customer .detail-address input[type="radio"]:hover + label { background-image:url(img/radiosquare-hover.png);}
.address-customer .detail-address input[type="radio"]:checked + label { background-image:url(img/radiosquare-checked.png);}
.address-customer .detail-address label {font-family: "Futura Bold Oblique"; cursor:pointer; font-size:12px;line-height:20px; }
.address-customer .detail-address .divRight {padding-top:10px; }

.dashboard-fratello #col1 .row#secondostep {display:none;}
.dashboard-fratello #col1 .row#terzostep {display:none;}



/*SHOP*/
/*prodotti*/
#elenco_SHOP .prodotto {
  box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  float: left;   max-width: 20%;  overflow: hidden;  padding-left: 1%;  width: 20%; margin-bottom:30px;
}
#elenco_SHOP .prodotto.primo {clear:left;}

#elenco_SHOP .prodotto img { 
  max-width: 100%; height:auto !important;  width: 100%;
}
#elenco_SHOP .prodotto a {
  color: #000;  text-decoration: none;
}
#elenco_SHOP .prodotto .vb-info-prodotto {
  float: left;   max-width: 55%;box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#elenco_SHOP .prodotto .nome {
  font-family: "Futura Bold Oblique";
  font-size: 12px;
  line-height: 14px;
  padding-top: 10px;
}
#elenco_SHOP .prodotto .progettista {   font-family: "Futura Book Oblique";  font-size: 12px;  line-height: 14px; }
#elenco_SHOP .prodotto .vb-price-prodotto {
  float: right;  font-family: Futura Book Oblique; font-size: 12px;
  line-height: 16px; max-width: 45%;  padding-top: 10px;
  box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
/*dettaglio*/
.vb-detail-product { float: left;  width: 100%; }
.vb-detail-product .vb-section-column { float: left; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  width: 33.33%;padding-left:2%; }
.vb-detail-product .vb-section-column#prima {  width: 25%;  padding-left:0; } 
.vb-detail-product .vb-section-column#seconda {  width: 35%;  }
.vb-detail-product .vb-section-column#terza {  width: 40%; float:right; }

.vb-detail-product .vb-section-column .product-image img { width: 100%;  max-width:100%; }
.vb-detail-product .vb-section-column h1, .cart-title {color:#000;font-family:"Futura Bold Oblique";font-size:17px; line-height:25px;}
.vb-section-column .the-designer, .vb-section-column .the-txt, .vb-section-column .select-color .label { font-family: "Futura Book Oblique";  font-size: 12px; line-height: 20px;}
.vb-section-column .the-txt {margin-top:20px;}


.row.the-price {
  font-family: futura bold oblique;
  font-size: 15px;
  line-height: 28px;
  margin-top: 30px;
}

.row.colors  span {
  background-color: #000;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  margin-top: 5px;
  position: relative;
  width: 20px;
  z-index: 2; cursor:pointer;
}
.row.colors span.active::after,.row.colors span:hover::after {
  border: 1px solid;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 26px;
  left: -3px;
  position: absolute;
  top: -3px;
  width: 26px;
  z-index: 1;
}
.row.colors  span.grey {background-color:#bebdbb}
.row.colors  span.brown {background-color:#53412d}

.vb-section-column .azioni {display:inline-block;width:100%;margin-bottom: 10px;}
.vb-section-column .azioni.cart {margin-top:50px;}
.vb-detail-product .vb-section-column a.button, .vb-detail-product .vb-section-column button, button#close_cart {text-decoration:none; color:#000; font-family: "Futura Bold Oblique";cursor:pointer;padding:0;font-size:15px;line-height:28px;background-color:transparent;border:0; }
.vb-detail-product .vb-section-column a.button > span, .vb-detail-product .vb-section-column button > span {font-family: "Futura Book"; font-size:21px;line-height:21px; line-height:21px;margin-left:5px; }

.vb-detail-product .vb-section-column a.button {font-family: "Futura Book Oblique";}

.vb-section-column .links, .vb-section-column .links li {display:inline-block;width:100%; position:relative;
box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.vb-section-column .links  {  margin-top:20px;}
.vb-section-column .links li a {font-family: "Futura Bold Oblique";cursor:pointer;text-decoration:none; color:#000;font-size:11px; line-height:20px;}
.vb-section-column .links li img {
  height: 10px;
  margin-left: 15px;
  position: absolute;
  right: 15%;
  text-align: right;
  top: 4px;
  width: auto;
}

.template-shop-viabizzuno #b180.blocco.Html, .template-shop-viabizzuno #b186.blocco.Html {
  float: left;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
.links.bottom-detail {
  position: absolute;
  bottom: 0;
  left: 0;
}
.links.bottom-detail img { 
  right: unset !important;
 left: 90px;
}
.titolo-other {margin-bottom:10px;display:inline-block;width:100%;
  color: #000;  font-family: "Futura Bold Oblique"; font-size: 15px;  line-height: 28px;
  box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}


/*cart*/
#b182.blocco.Html, #b188.blocco.Html {
  background-color: #ededed;
   box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  height: 100%;
  padding: 35px;
  position: fixed;
  right: -330px;
  top: 0;
  width: 320px;
  z-index: 999;
}
#p108 #rightcol #col1 {
  overflow: hidden !important;
}
body.edit #b182.blocco.Html, body.edit #b188.blocco.Html {position:relative !important; right:unset !important;width:100%;}
button#close_cart {font-size:12px;}
.row.cart-close {
  text-align: right;
}
.cart-title {font-size:21px;margin-bottom:10px;}
.img-item-cart {
  max-width: 45%; float: left;
}
.img-item-cart img {
  max-width: 100%;
}
.info-item {  
  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 45%;height:100%;
}
.info-item a {color:#000; text-decoration:none;}
.cart-single-item .info-item .nome {
  font-family: "Futura Bold Oblique";
  font-size: 12px;
  line-height: 14px; }
.cart-single-item .info-item .progettista {   font-family: "Futura Book Oblique";  font-size: 12px;  line-height: 14px; }


.row.cart-single-item {
  padding-bottom: 30px;margin-top:30px;border-bottom:1px solid #000;
}
.info-item .top-info { position:absolute!important;top:0;}
.info-item .bottom-info { position:absolute !important;bottom:30px;}


.action-delete {   float: right; text-align: center; width: 10%; }
.action-delete > img {   margin-top: 45px; }


.the-bottom-cart {  bottom: 70px;  position: absolute;width: calc(100% - 70px); }
.the-bottom-cart .row.subtotal {
  font-family: futura bold oblique;
  font-size: 15px;
  text-align: right;
}
.the-bottom-cart .row.subtotal span {float:left;font-size:12px;}
.the-bottom-cart button {cursor:pointer;
  background-color: transparent;
  border: 0 none;
  font-family: "futura bold oblique";
  font-size: 21px;
  margin-top: 20px;
  padding: 0;
}
.the-bottom-cart button > span {  font-family: "futura Book oblique";
  font-size: 25px;line-height:25px;
  
}



/*RESPONSIVE*/
@media screen and (max-width: 1279px) {
/*contenitore html spazio a sinistra*/
.dashboard-fratello #col1 .Html {
 box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  padding-left: 30px; 
} 
/*menu*/
#col2 #b164.Menu li a {
  font-size: 28px;
  line-height: 33px;
}
#col2 #b164.Menu {  top:420px  }

/*genera preventivo e promocode*/
  .row.address-customer, .generate-code {max-width:70%;width:70%;}
  .mytab.thecode { 
  max-width: 100%;
  width: 100%;
}
.dashboard-fratello #col1 #b153.Html .forlink a.button  { font-size: 12px; }
.dashboard-fratello .Html .mytab { font-size: 12px; line-height: 20px; }
  .dashboard-fratello #col1 a.button > span, .dashboard-fratello #col1 button > span {
  display: inline-block; margin-left: 5px;
}
.dashboard-fratello #col1 a.button, .dashboard-fratello #col1 button {   font-size: 12px; }
  .dashboard-fratello #col1 a.button > span, .dashboard-fratello #col1 button > span {  font-size: 17px;  line-height: 17px; }
  
.dashboard-fratello #col1 .summary_preventivo .row .divRight button, .dashboard-fratello #col1 .summary_preventivo .row .divRight a.button    {   font-size: 15px; }
.dashboard-fratello #col1 .summary_preventivo .row .divRight button > span, .dashboard-fratello #col1 .summary_preventivo .row .divRight a.button > span    {   font-size: 21px; line-height:21px }
  
/*SHOP*/
#elenco_SHOP .prodotto {  max-width: 33.33%;   padding: 0 1% 0 0; width: 33.33%; }
#elenco_SHOP .prodotto .vb-info-prodotto {padding-left:5%}
#elenco_SHOP .prodotto .vb-price-prodotto {padding-right:5%}


.vb-section-column .links, .vb-section-column .links li,  .titolo-other { padding-left: 15px;  }
.the-bottom-cart {
  bottom: 40px; 
}



}/*< 1279px*/

/*@media screen and (max-height: 900px) and (min-width: 1280px){
}

@media screen and (max-height: 800px) and (min-width: 1280px){

}

@media screen and (max-height: 900px) and (min-height: 690px) and (min-width: 1279px){
}
*/

#pSearch {
    display:none;
    position: fixed;
    background: #fff;
    top:50px;
    width:90%;
    z-index: 999999999999999999999999;
    margin: 20px;
  	padding: 20px;
  	border:1px solid #000;
  	overflow:hidden;
}
#pSearch #close_search {cursor:pointer; position:absolute; right:2px; top:0px;  width:30px; height:30px; line-height:30px; font-size:30px; }
#pSearch #col99 {overflow:auto;height:500px;padding:0 1em; }
#pSearch #col99 a { text-decoration:none;color:#222; }
#pSearch #col99 ul { list-style:none;padding:.6em .5em 1em; }
#pSearch #col99 li { border:none;}
#pSearch #col99 ul li { border-bottom:none; border-top:1px solid #ccc; border-left:0px; border-right:none; }
#pSearch #col99 ul li ul li {border:none;}
#pSearch #col99 ul li:first-child {border:none;}
#pSearch #col99 .typeahead__group { margin-top:15px; }
#pSearch #col99 {padding:0 0 .3em}
#pSearch #col99 a { cursor:pointer; font-size:12px; font-family:"Futura Book Oblique"; color:#000;}
#pSearch #col99 .typeahead__group a { cursor:default; font-family:"Futura Bold Oblique";  font-size:12px; }

@media screen and (max-width: 1279px) and (min-width: 0px) and (orientation: portrait){
  .Search .typeahead__list {margin-left:8px; position:fixed; top:0px; left:0px;}
  #b89.Search.openform {margin-left:35px;}
  #b101 {display:none;}
  #p48 #col1.column { position:relative; bottom:auto; }
  #p48 #col1.column .blocco.Testo {max-width:45%;}
  #p48 #col1.column #b99.blocco.Testo {
      margin: 30px 5px;
      max-width: 98%;
  }
  #p51 #col1.column .blocco.Testo {margin-left:15px;}
  #b107 {position:unset !important;}
  #b113 {margin-left:15px;}
  #b110 {margin-left:15px; }
  
  .VB_VisCertificazioni #cillc { position:unset !important; bottom:auto !important; top:auto !important;}
  #p55 #col1 { height:auto !important; margin-top:50px; }

   #pSearch {     
    width:85%;
    margin:2%;
    padding:2%;
  }
}

@media screen and (max-width: 1279px) and (min-width: 0px) and (orientation: landscape){
  #b89.Search.openform {margin-left:35px;}
  .Search .typeahead__list {margin-left:8px;}
  #b101 {display:none;}
  #p48 #col1.column { position:relative; bottom:auto; }
  #p48 #col1.column .blocco.Testo {max-width:45%;}
  #p48 #col1.column #b99.blocco.Testo {
      margin: 30px 5px;
      max-width: 98%;
  }
  #b107 {position:unset !important;}
  
}

@media screen and (max-width: 532px) and (min-width: 0px){
  #b101 {display:none;}
  #p48 #col1.column { position:relative; bottom:auto; }
  #p48 #col1.column .blocco.Testo {max-width:45%;}
  #p48 #col1.column #b99.blocco.Testo {
      margin: 30px 5px;
      max-width: 98%;
  }
  #p51 #col1.column .blocco.Testo {margin-left:5px;}
  #b107 {position:unset !important;}
  .Search form input {margin-left:35px; width:80%; }
  #b89.Search form {width:75%;}
  #b89.Search.openform { margin-left:0px; width:100%; }
  #col3 #b58 {position:absolute !important;}
  .Search .typeahead__list {margin-left:8px;}
  #b113 {margin-left:15px; margin-bottom:15px;}
  #b110 {margin-left:15px; }
 
  .VB_VisCertificazioni #cillc { position:unset !important; bottom:auto !important; top:auto !important;}
  #p55 #col1 { height:auto !important; margin-top:50px; }
  .VB_VisCertificazioni #prodottiC  {top:0px !important;}
  .VB_VisCertificazioni #prodottiC .prodotto { margin-left:0px !important; margin-top:0px !important; }
  .VB_VisCertificazioni #prodottiC .prodotto.primo {margin-left:0px !important; }
  #pSearch {     
    width:80%;
    margin:2%;
    padding: 2%; 
    height:70%;
  }
}