// Core variables and mixins
@import "bootstrap3.2.0/less/variables.less";
@import "bootstrap3.2.0/less/mixins.less";
// Reset
@import "bootstrap3.2.0/less/normalize.less";
@import "bootstrap3.2.0/less/print.less";
// Core CSS
@import "bootstrap3.2.0/less/scaffolding.less";
@import "bootstrap3.2.0/less/type.less";
@import "bootstrap3.2.0/less/code.less";
@import "bootstrap3.2.0/less/grid.less";
@import "bootstrap3.2.0/less/tables.less";
@import "bootstrap3.2.0/less/forms.less";
@import "bootstrap3.2.0/less/buttons.less";
// Components
@import "bootstrap3.2.0/less/component-animations.less";
@import "bootstrap3.2.0/less/glyphicons.less";
@import "bootstrap3.2.0/less/dropdowns.less";
//@import "bootstrap3.2.0/less/button-groups.less";
//@import "bootstrap3.2.0/less/input-groups.less";
@import "bootstrap3.2.0/less/navs.less";
@import "bootstrap3.2.0/less/navbar.less";
//@import "bootstrap3.2.0/less/breadcrum bs.less";
@import "bootstrap3.2.0/less/pagination.less";
//@import "bootstrap3.2.0/less/pager.less";
@import "bootstrap3.2.0/less/labels.less";
//@import "bootstrap3.2.0/less/badges.less";
//@import "bootstrap3.2.0/less/jumbotron.less";
//@import "bootstrap3.2.0/less/thumbnails.less";
@import "bootstrap3.2.0/less/alerts.less";
//@import "bootstrap3.2.0/less/progress-bars.less";
//@import "bootstrap3.2.0/less/media.less";
//@import "bootstrap3.2.0/less/list-group.less";
@import "bootstrap3.2.0/less/panels.less";
@import "bootstrap3.2.0/less/responsive-embed.less";
//@import "bootstrap3.2.0/less/wells.less";
@import "bootstrap3.2.0/less/close.less";
// Components w/ JavaScript
@import "bootstrap3.2.0/less/modals.less";
@import "bootstrap3.2.0/less/tooltip.less";
@import "bootstrap3.2.0/less/popovers.less";
//@import "bootstrap3.2.0/less/carousel.less";
// Utility classes
@import "bootstrap3.2.0/less/utilities.less";
@import "bootstrap3.2.0/less/responsive-utilities.less";

// ******************************************************
// import less
// catalog
@import "catalog/less/style_css_catalog.less";
@import "catalog/less/checkout.less";

//@import (css) "https://admin.abc.sm/cms/js_lib/jquery/effects/slick-slider/slick.css";
@import "slick/slick.less";
@import "slick/slick-theme.less";

@import (less) "sidr/css/jquery.sidr.light.min.css";

// ******************************************************
// variabili sito
@official: #00A693;
@arancio: #F37221;
@verde-chiaro: #B2E4DE;
@rosso: #E7194E;
@viola: #3E2977;
@giallo: #EFC405;
@nero: #030400;
@bianco: #ffffff;

@grigio-scuro: #292929;
@grigio-chiaro: #eee;
@grigio: #888888;
@marrone: #3D3D3D;

 

// ******************************************************
// variabili bootstrap
//@container-large-desktop: 1860px;
@container-large-desktop: 1770px;
@grid-gutter-width: 10px;
@brand-primary: @official;
@text-color: @marrone;
    
@font-family-sans-serif: 'Heebo', sans-serif;

@font-special:  'Lora', serif;
@font-size-base: 17px;

body {
   //letter-spacing:1.4px;   
   
  
 
}

.page_149802 /* homepage */
{
   background-image:url(/source/bg_top.png);
   background-repeat:no-repeat;
   background-size:contain;  
   
    @media(max-width: @screen-sm-max) {
        
          background-image:none;
      
   }
}
//************ svg ******************
@font-face {
  font-family: 'icomoon';
  src:  url('/source/svg/icomoon.eot?t47f3y');
  src:  url('/source/svg/icomoon.eot?t47f3y#iefix') format('embedded-opentype'),
    url('/source/svg/icomoon.ttf?t47f3y') format('truetype'),
    url('/source/svg/icomoon.woff?t47f3y') format('woff'),
    url('/source/svg/icomoon.svg?t47f3y#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"],
[class^="sidr-class-icon"], [class*=" sidr-class-icon-"]
{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-carrello:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-freccia-dx:before {
  content: "\e902";
}
.icon-freccia-giu:before {
  content: "\e903";
}
.icon-freccia-sx:before {
  content: "\e904";
}
.icon-home:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-login:before {
  content: "\e907";
}
.icon-mail:before,
.sidr-class-icon-mail:before
{
  content: "\e908";
}
.icon-preferiti:before {
  content: "\e909";
}
.icon-registrazione:before {
  content: "\e90a";
}
.icon-ricerca:before {
  content: "\e90b";
}
.icon-telefono:before,
.sidr-class-icon-telefono:before
{
  content: "\e90c";
}
.icon-whatsapp:before,
.sidr-class-icon-whatsapp:before{
  content: "\e90d";
}
//***********************************
.grigio,
.grigio a {
   color: @grigio;
}

.special {
   font-family: @font-special;
}

.italic {
   font-style: italic;
}
a {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.official{
    color: @official;
    a {
        color: @official;
        opacity: 1;
        &:hover{
            opacity: .55;
        }
    }
}

.container {
   max-width: 100%;
   @media (min-width: @screen-lg-min) {
      padding-left: 25px;
      padding-right: 25px;
   }
}


h1, h2.grande {
   font-family: @font-special;
   font-size: 48px;
   margin-bottom: 0px;
   
   @media (max-width: 1200px) {
      font-size: 42px;
      
   }
   @media (max-width: @screen-xs-max) {
      font-size: 30px;
      
   }
}

h2 {
   font-family: @font-special;
   font-size: 48px;
   
   margin-bottom: 20px;
   @media (max-width: @screen-xs-max) {
      font-size: 38px;
     
   }
}

h3 {
    
   font-size: 46px;
   
   @media (max-width: @screen-xs-max) {
      font-size: 34px;
      
   }
}
/*

@font-face {
   font-family: 'icomoon';
   src: url('/source/icomoon.eot?j083ik');
   src: url('/source/icomoon.eot?j083ik#iefix') format('embedded-opentype'), url('/source/icomoon.ttf?j083ik') format('truetype'), url('/source/icomoon.woff?j083ik') format('woff'), url('/source/icomoon.svg?j083ik#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
   
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
 
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.icon-login:before {
   content: "\e900";
}

.icon-offerte:before {
   content: "\e901";
}

.icon-preferiti:before {
   content: "\e902";
}


*/

a {
   color: #000;
   
   &:hover {
       color: @official;
       text-decoration: none;
    }
}


 
.ico-minus {
   background-image: data-uri('minus.png');
}

.ico-plus {
   background-image: data-uri('plus.png');
}

.ico-minus-black {
   background-image: data-uri('minus_black.png');
}

.ico-plus-black {
   background-image: data-uri('plus_black.png');
}

// ******************************************************
// UTILITY MIXIN
.input-placeholder(@color) {
   &::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: @color;
   }
   &::-moz-placeholder {
      /* Firefox 19+ */
      color: @color;
   }
   &:-ms-input-placeholder {
      /* IE 10+ */
      color: @color;
   }
   &:-moz-placeholder {
      /* Firefox 18- */
      color: @color;
   }
}

// ******************************************************
// REGOLE Boostrsap
.nav-tabs {
   border-bottom: 0 none;
   >li>a {
      background-color: #eee;
      color: #666;
      margin-right: 4px;
   }
   >li.active>a,
   >li.active>a:hover,
   >li.active>a:focus {
      background-color: #3a3c2f;
      color: #fff;
      border: 1px solid #3a3c2f;
      border-radius: 0;
   }
}

.tab-content {
   margin-top: 10px;
}

// ******************************************************
// REGOLE GENERALI

.dflex
{
    display: flex;
    align-items: center;
}
img {
   max-width: 100%;
}

.bold {
   font-weight: 700;
}

.corsivo {
   .special;
   font-weight: 400i;
}

.cx {
   text-align: center;
   img {
      max-width: 100%;
   }
}

.dx {
   text-align: right;
}

.bianco {
   color: #fff;
   a {
      color: #fff;
   }
}

.btn-close-menu {
   margin-bottom: 0px;
}

.btn-search {
   cursor: pointer;
   img {
      margin-left: 20px;
   }
}


/* menu lingue */

.contLingue {
   min-height: 45px;
   line-height: 45px;
   border-left: 1px solid #ccc;
}

#select_lingue {
   display: none;
   z-index: 2000;
   background-color: #444444;
   width: 75%;
   margin: 0 auto;
   position: absolute;
   padding: 10px;
   padding-right: 20px;
   text-align: right;
   line-height: 1.2 !important;
   a {
      color: #fff;
   }
}

#sidr-id-select_lingue {
   display: none;
   z-index: 2000;
   background-color: transparent;
   width: 100%;
   margin: 0 auto;
   position: relative;
   line-height: 1.2 !important;
   a {
      color: #eee;
   }
}

.sidr-class-containerLingue {
   padding-bottom: 10px;
   border-bottom: 1px solid #0069D2;
   margin-bottom: 15px;
}

.tendina-lingue,
.sidr-class-tendina-lingue {
   position: relative;
   @media(max-width: @screen-xs-max) {}
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
   cursor: pointer;
   padding: 0px 2px;
   background-image: url('/source/freccia-sottomenu.png');
   background-position: 90% 50%;
   background-repeat: no-repeat;
   text-align: center;
   @media(max-width: 1100px) {
      background-position: 100% 50%;
   }
}

.sidr-class-tendina-lingue {
   background-image: url('/source/freccia-sottomenu.png');
   text-align: left;
   padding-left: 24px;
}

.item_lingue,
.sidr-class-item_lingue {
   padding-top: 5px;
   padding-bottom: 4px;
   background-color: #eee;
   text-align: center;
   z-index: 2000;
   @media (max-width: @screen-sm-max) {
      background-color:transparent;
   }
}

.sidr-class-item_lingue {
   text-align: left;
   padding-left: 24px;
}

.item_lingue a {
   font-size: 17px;
}

.sidr-class-item_lingue a {
   font-size: 15px;
   color: #eee;
}

.sidr-class-cntAnSidr
{
    color:#fff; 
    margin-left:12px;
    padding-right:12px;
    padding-top:30px;
    margin-top:30px;
    border-top:1px solid #fff;
    
    a
    {
        color:#fff;
        display:inline-block;
        margin-bottom:20px;
        font-weight:bold;
        font-size:18px;
    }
    
}
 
 

.btn-cart {
   min-height: 70px;
   cursor: pointer;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #3D3F3D;
   color: #fff;
   a {
      color: #fff;
   }
}

.cat_CartBoxTotale {
   display: inline;
   padding-left: 10px;
}

.totCart {
   position: absolute;
   top: 2px;
   right: 0px;
   width: 25px;
   height: 30px;
   span {
      background-color: #eee;
      display: inline-block;
      font-weight: normal;
      font-size: 15px;
      display: inline-block;
      width: 25px;
      height: 25px;
      line-height: 25px;
      color: @official;
      border-radius: 50%;
      text-align: center;
   }
}

.box-carrello {
    position: relative;
    
   /*padding-top: 15px;
   width: 53px;
   height: 56px;
   float: right;
   
   background-position: center;
   
   text-align: center;
   background-repeat: no-repeat;
   &:hover {
   
      span {
         color: @arancio;
      }
   }*/
}





#slideHome {
   border: 0px;
   position: relative;
}

.contSlideHome {
   position: relative;
}

.boxTxtSlide {
   position: absolute;
   top: 90px;
   left: 90px;
   background-color: #fff;
   width: 615px;
   max-width: 80%;
   //height:440px;
   @media (max-width: @screen-md-max) {
      //height:200px; 
      top:90px;
      width: 450px;
   }
   @media (max-width:@screen-md-max) {
      width: auto;
   }
}

.containerTxtSlide {
   height: 100%;
   width: 100%;
   padding: 90px 30px;
   font-size: 60px;
   line-height: 61px;
   position: relative;
   font-family: @font-special;
   a:hover {
      text-decoration: none;
   }
   @media (max-width:@screen-md-max) {
      font-size: 30px;
      line-height: 31px;
      padding: 40px 20px 40px;
      .fogliaSlide {
         bottom: 0;
         position: absolute;
         right: 0px;
         img {
            max-width: 100px;
         }
         @media (max-width:@screen-md-max) {
            display: none;
         }
      }
   }
}

.titSlide {
   color: @grigio-scuro;
}

.fogliaSlide {
   position: absolute;
   bottom: 0px;
   right: -90px;
}

.cntTrattoSlide {
   position: relative;
}

.trattoSlide {
   position: absolute;
   top: -13px;
   right: 0px;
}

.box-ricerca-home {
   background-color: rgba(255, 255, 255, 0.8);
   width: 755px;
   max-width: 90%;
   margin: 0 auto;
   padding: 10px;
   border-radius: 20px;
   .cnt-ricerca-home {
      padding: 20px;
      background-color: #fff;
   }
   .input-box {
      .make-xs-column(10);
      .catalog_search_value {
         padding: 0;
         background: transparent;
         border: none;
         box-shadow: none;
         font-size: 22px;
         color: @marrone;
         &::-webkit-input-placeholder {
            color: @grigio-scuro;
         }
         &:-moz-placeholder {
            /* Firefox 18- */
            color: @grigio-scuro;
         }
         &::-moz-placeholder {
            /* Firefox 19+ */
            color: @grigio-scuro;
         }
         &:-ms-input-placeholder {
            color: @grigio-scuro;
         }
      }
   }
   .submit-box {
      .make-xs-column(2);
      .cat_moduloButton {
         padding: 15px 0;
         background: transparent;
         background-image: url('/source/lente.png');
         background-size: contain;
         background-repeat: no-repeat;
         background-position: right center;
         border: none;
         box-shadow: none;
         text-align: right;
         .flaticon-search::before {
            font-size: 24px;
         }
      }
   }
}

.box-ricerca-mobi {
   width: 95%;
   margin: 0 auto;
   padding: 10px;
   border-radius: 20px;
   .cnt-ricerca-home {
      padding: 20px;
      background-color: #fff;
   }
   .input-box {
      .make-xs-column(10);
      .catalog_search_value {
         padding: 0;
         background: #fff;
         border: 1px solid #ccc;
         box-shadow: none;
         font-size: 17px;
         color: @grigio-scuro;
         text-indent: 10px;
         &::-webkit-input-placeholder {
            color: @grigio-scuro;
         }
         &:-moz-placeholder {
            /* Firefox 18- */
            color: @grigio-scuro;
         }
         &::-moz-placeholder {
            /* Firefox 19+ */
            color: @grigio-scuro;
         }
         &:-ms-input-placeholder {
            color: @grigio-scuro;
         }
      }
   }
   .submit-box {
      .make-xs-column(2);
      .cat_moduloButton {
         padding: 15px 0;
         background: transparent;
         background-image: url('/source/lente.png');
         background-size: contain;
         background-repeat: no-repeat;
         background-position: right center;
         border: none;
         box-shadow: none;
         text-align: right;
         .flaticon-search::before {
            font-size: 20px;
         }
      }
   }
}

.sf-search {
  
   margin-top: 0px;
   padding: 20px ;
   
  /* display: none;*/
   background-image:url(/source/bg_cerca.jpg) ;
   background-size:contain;
   .box-ricerca {
      
      width: 600px;
      max-width:100%;
      margin:0px auto;
      padding:4px 10px; 
      background-color: #fff; 
      border-radius:20px;
      
      @media (max-width: @screen-xs-max) {
         max-width: 90%;
      }
      .input-box {
         .make-xs-column(10);
         .catalog_search_value {
            padding: 0;
            background: transparent;
            border: none;
            box-shadow: none;
            font-size: 16px;
            color: #3D3F3D;
            &::-webkit-input-placeholder {
               color: @grigio;
            }
            &:-moz-placeholder {
               /* Firefox 18- */
               color: @grigio;
            }
            &::-moz-placeholder {
               /* Firefox 19+ */
               color: @grigio;
            }
            &:-ms-input-placeholder {
               color: @grigio;
            }
         }
      }
      .submit-box {
         .make-xs-column(2);
         .cat_moduloButton {
             
            background: transparent;
            
            background-image: url('/source/lente.png');
            background-size: auto;
            background-repeat: no-repeat;
            background-position: right center;
            border: none;
            box-shadow: none;
            text-align: right;
            .flaticon-search::before {
               font-size: 16px;
            }
         }
      }
   }
}


.cntAnimazioneHome
{
    position:relative;
    .sf-search
    {
      background-image:none ;
      background-color: transparent;
      position:absolute;
      top:44%;
      z-index:800;
      width:100%;
      .box-ricerca {
        width: 800px;
       }
    }
    
}

.titSezHome {
  &:extend(.special);
  
   font-size: 40px;
   margin-bottom: 36px;
   /*  margin-top:25px;*/
   @media (max-width: @screen-xs-max) {
      text-align:center;
      font-size: 25px;
      margin-bottom: 30px;
   }
}

.titSezEvidenzia
{
    line-height: 60px;   
    &::after {
    
        content: '';
        position: absolute;
        width: 80px;
        height: 2px;
        background: #000;
        display: block;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0px;
    
    }

}

.box-info
{
     &:extend(.special);
    border:7px solid @viola;
    padding:20px;
    text-align:center;
    color:@viola;
    
    
    @media (max-width: @screen-sm-max) {
            margin-bottom:20px;

      }
      
    h3
    {
        font-size:26px;
    }
    
    
    .img-box-info
    {
        min-height:95px;
        margin-bottom:10px;
    }
    a
    {
        color:@viola;
    }
    
    .txt-box-info
    {
        min-height:100px;
    }
    
    
      @media (max-width: @screen-md-max) {
          h3
        {
            font-size:20px;
        } 
        
        .txt-box-info
        {
            min-height:140px;
        }
      }
      
      @media (max-width: @screen-xs-max) {
       
         .img-box-info
        {
            min-height:auto;
        
        }
        .txt-box-info
        {
            min-height:auto;
        }
      }
}

.box-codice-sconto
{
    background-color:@viola;
    color:#fff;
}

/**box categorie prodotti in home */

.boxNewsletterFooter {
   line-height: 30px;
   width: 90%;
   margin: 0px auto;
   font-size: 20px;
    a {color: #fff;}
   
   h3
   {
       font-size: 35px;
       margin-bottom:5px;
        &:extend(.bold);
   }
   .titNewsletter
   {
       margin-bottom:100px;
       
      
   }
   
    
   
  
   @media (max-width: @screen-xs-max) {}
  
   
   .newsletter_min_cont_privacy {
      margin-top:10px;
      color: #fff;
      font-size: 13px;
      
   }
}

.wrapper_email_min {
   padding-left: 0px;
   padding-right: 0px;
   
   .newsletter_min_cont_privacy {
      margin-top: 10px;
       a {color: #fff;}
   }
   
   .modulo_email_min {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0px solid @nero;
      border-bottom:1px solid #fff;
      color:#fff;
      height: auto;
      border-radius: 0px;
      background-color: transparent;
      
      
       &::-webkit-input-placeholder {
            color: #fff !important;
         }
         &:-moz-placeholder {
            /* Firefox 18- */
            color: #fff !important;
         }
         &::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff !important;
         }
         &:-ms-input-placeholder {
            color: #fff !important;
         }
   }
   
   .field_email_min {
      width: 100%;
      @media (max-width: 1300px) {
         
      }
   }
   
   .field_button_min {
      margin-top:30px;
      margin-bottom:20px;
      width:100%;
    
     
      @media (max-width: 1300px) {
      
      }
   }
   .modulo_email_min {
      text-indent: 5px;
   }
   .bottone_email_min {
       
       &:extend(.btnSite);
      &:extend(.btnGiallo);
      height:auto;
      .hvr-fade;
      padding: 10px 25px;
      font-weight:bold;
      font-size:16px !important;
        text-transform:uppercase;
     /* .hvr-fade;
      width: 100%;
      border-radius: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      color: @bianco;
      border: 0px solid @nero;
      border-left: 0px;
      background-color: @official;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 2px;
      @media (max-width: 1300px) {
         font-size:10px;
      }*/
   }
   .newsletter_min_cont_privacy {
      //color: #000;
      font-size: 13px;
      text-transform: lowercase;
      font-family: @font-family-sans-serif;
      text-align: left;
      line-height: 15px !important;
   }
}

.bottone_email_min:hover {
   /*background-color: @arancio;
   color: @bianco;*/
}

.infoFooter {
   margin-top: 0px;
   a {
      color: #333;
   }
}

.boxNewsletter {
   padding-top: 40px;
   @media (max-width: @screen-xs-max) {
      padding-top:10px;
   }
}

.boxBottomCenter {
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
}

#logoFixed {
   display: none;
   line-height: 91px;
   img {
      max-width: 92%;
   }
}

.box-top-account.boxTopFixed {
   position: fixed;
   right: 0px;
   top: 0px;
   z-index: 3;
   //
   max-width: 440px;
   @media(max-width: @screen-sm-max) {
      font-size:13px;
   }
   .icoSocial,
   .lingue {
      display: none;
   }
   #logoFixed {
      display: block;
   }
   transition: all 0.8s;
}

#logoFixed.boxTopFixedLoghetto {
   background-color: @bianco;
   display: inline-block;
   left: -166px;
   padding-left: 25px;
   padding-right: 15px;
   position: absolute;
   top: 0;
   z-index: 3;
}

.btn-mobilemenu {
   background-color: transparent;
   background-image: url(/source/mobi-btn.png);
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   height: 25px;
   border: none;
   box-shadow: none;
   outline: none;
   width: 100%;
   max-width: 30px;
   vertical-align: middle;
}

.openMobile {
   background-image: url('/source/close.png') !important;
   
}

.sidr {
    /*gestire le dimensioni nel suo css */
   color: #fff;
   font-family:@font-family-sans-serif;
   box-shadow: none;
   
   border-right: 1px solid #ddd;
   background: @official;
   top: 65px;
   
   letter-spacing: 1.2px;
   
 
}

 

.sidr ul {
   border-top: 0 none;
   border-bottom: 0 none;
   margin-bottom: 0;
}

.sidr ul li {
   border-bottom: 0 none;
   border-top: 0 none;
}

.sidr ul li a {
   text-transform: uppercase;
   font-size: 16px;
   padding: 2px 12px;
   box-shadow: none;
   color:#fff;
   font-weight:700;
}

.sidr ul li:hover>a {
   box-shadow: none !important;
}

.sidr ul li a.cmsCurrentPage,
.sidr ul li a:hover {
   background-color: #official;
   text-decoration: none;
   box-shadow: none;
}

.sidr ul li:hover {
   line-height: 48px;
}

.sidr ul li>a {
   box-shadow: none;
}

.sidr ul li ul {
   background-color: @nero;
   display: none;
   transition: visibility 0s, opacity 0.5s linear;
}

.sidr ul li ul li a {
   color: #fff;
   font-weight: normal;
   line-height: 1;
   padding: 10px 20px;
   box-shadow: none;
}

.sidr ul li ul li:hover {
   line-height: 40px;
}

.sidr ul li ul li>a {
   box-shadow: none;
}

.sidr ul li .sub-menu {
   background-image: url('/source/freccia-sottomenu.png') !important;
   background-position: center right 20px;
   background-repeat: no-repeat;
}


/* menu */

.menu-categorie {
   display: none;
}

.menuSito {
   font-size: 14px;
   text-transform:uppercase;
  &:extend(.bold);
   
   .menu-categorie {
      font-size: 14px;
      text-align: left;
      .livello_1 {
         display: none !important;
      }
      .livello_0 {
         padding: 20px;
         column-count: 2;
         column-gap: 20px;
         /*   column-rule-style: solid;
            column-rule-width: 1px;
            column-rule-color: #ddd;*/
         text-align: left;
      }
      a {
         border-right: 0;
         padding: 5px;
         padding-left: 8px;
         border: 0;
         /* border-bottom:1px solid #ddd;*/
      }
      li {
         padding: 0 !important;
         border: 0 !important;
      }
   }
   ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      width: 100%;
   }
   ul.level1 {
      padding-left: 0px;
   }
   ul.level1>li {
      position: relative;
      &:hover {
         .level2 {
            display: block !important;
            .menu-categorie {
               display: block !important;
            }
         }
      }
   }
   li {
      float: inherit !important;
      display: inline-block;
      a {
         text-decoration: none !important;
         color: @nero;
         padding-bottom: 10px;
         padding-top: 5px;
         letter-spacing: 2px;
         /* line-height:30px; 
            padding-top: 10px;*/
         padding-left: 13px;
         padding-right: 13px;
         
         //font-weight:bold;
         position: relative;
         @media (max-width: @screen-md-max) {
              
              font-size: 13px;
              padding-left: 3px;
              padding-right: 3px;
         }
         &:hover,
         &.cmsCurrentPage {
            color: @official;
            /*border-bottom:1px solid @nero;*/
         }
      }
   }
   li+li {
      border-left: 0px solid #fff;
      @media (max-width: @screen-xs-max) {
         border-left:0px solid #fff;
      }
   }
   .level2 {
      position: absolute;
      z-index: 999;
      margin: 0px;
      padding: 0px;
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
      z-index: 1000;
      top: 30px;
      width: 700px;
      border: 1px solid #ccc;
      border-top: 5px solid @official;
      background: #fff;
      text-align: center !important;
      @media (max-width: @screen-md-max) {}
      li {
         position:relative;
         z-index: 9999;
         clear: both;
         padding: 5px;
         line-height: 20px;
         width: 100%;
         background-color: rgba(255, 255, 255, 0.8);
         //border-bottom:1px solid #ccc !important;
      }
   }
   .sub-menu {
      background-image: url(/source/freccia-sottomenu.png);
      background-repeat: no-repeat;
      background-position: bottom;
   }
}


.colIconeTop {
  
  /* line-height: 36px;
   font-size: 14px;
   padding-top: 15px;
   padding-bottom: 15px;
   text-align: center;
  */ 
}
.icoTop {
  
   margin-left: 15px;
   font-size: 17px;
   border-radius:24px;
   background-color:@verde-chiaro;
   color:@nero;
   z-index:1000;
   position:relative;
   /*width: 45px;
   
     line-height: 45px; 
   */
   height: 45px;
   padding:11px 14px;
   display: inline-block;
   
 
   text-align:center;
  &:hover
  {
        background-color:@official;
        color:@bianco;
  }
 
   
}
.icoCart
{
  background-color:@giallo;  
  z-index: 1100;
  position: relative;
  
  &:hover
  {
      background-color:@viola;  
      color:#fff;
  }
  
}

.icoCerca
{
  z-index:800;
  background-color:#fff;  
  
}

.icoLogin
{
    z-index: 1000;
}
.icoLogin:hover,
.icoLoginSel
{
    
     background-color:@official; 
     color:#fff;
    z-index: 990;
    position: relative;
    
}

.box-login-top-wrap
{
    position:relative;
    
    &:hover
    {
        .icoLogin
        {
            
             background-color:@official; 
             color:#fff;
             
        }
        
        .box-login-top
        {
            display:block;
        }
    } 
} 

#level2 li:hover,
#level2 li.sfHover,
#level2 a:focus,
#level2 a:hover,
#level2 a:active {
   outline: 0;
}


.pallino
{
    position: absolute;
    right: 67px;
    text-align:center;
    
    @media (max-width: @screen-xs-max) {
        
        display:none;
      
   }

}
/** BARRA FIXED */

.barra-fixed {
   font-size: 13px;
   top: 0px;
   display: none;
   position: fixed;
   width: 100%;
   z-index: 980;
   background-image:url(/source/bg_top.png) ;
   background-size:cover;
   
   border-bottom: 1px solid #ddd;
   padding-bottom: 0px;
   padding-top: 0px;
   .logoFixed {
      line-height: 75px;
      padding-bottom: 25px;
   }
   .menuSito {
      position: relative;
     
      margin-bottom: 0px;
      width: auto;
      font-size: 14px;
      @media (max-width: 1200px) {
         font-size:12px;
      }
      ul li a {
         padding-bottom: 10px;
         padding-left: 9px;
         padding-right: 9px;
         @media (max-width: 1300px) {
            padding-left: 4px;
            padding-right: 4px;
         }
      }
      #level2 {
         top: 36px;
         background: #fff;
      }
   }
   .nascondiFixed {
      @media (max-width: 1300px) {
         display:none;
      }
   }
   .box-carrello {
     
   }
}


/****/

#sidr-mobile {
   ul {
      li {
         a.cmsCurrentPage,
         a.sidr-class-cmsCurrentPage {
            color: @bianco;
         }
      }
   }
}



/*************** TOP MENU BOX CATEGORIE CAT. ****/

.menu-categorie {
   font-size: 16px;
   
   ul {
      padding: 0;
      
      li {
         display: block;
         a {
            float: none;
            display: inline;
         }
      }
      
      &.livello_0 {
         >.wrap>li {
            display: block;
            &.current_cat {
               text-decoration: underline;
            }
         }
         .wrap {
            float: left;
            margin-right: 60px;
            .clearfix();
         }
      }
   }
   .cat0 {
      line-height: 30px;
      text-transform:capitalize;
      a {
         @media (min-width: @screen-md-min) {}
      }
   }
   .brand {
      font-weight: bold;
   }
}

.vedi-tutte {
   padding-top: 10px;
   //border-left: 0px !important;
   a {
      font-weight: normal;
      text-decoration: underline;
   }
}

//******/

/* modulo contatti */

#container_contatto input[type="text"],
#container_contatto input[type="email"],
#container_contatto select,
#container_contatto textarea {
   padding: 10px !important;
   width: 100% !important;
   border: 0px;
   min-height: 50px !important;
   font-size: 17px !important;
   background-color: #fff;
}

.col_msg {
   margin-top: 20px;
}

.button_confirm {
   text-align: right;
}

#container_contatto {
   width: 1000px;
   max-width: 90%;
   margin: 0px auto;
   label,
   .labelForm {
      font-weight: normal;
   }
}

label {
   font-weight: normal;
}

#container_contatto .bottone_alt {
   .hvr-fade;
   border: 0px solid #000;
   color: #fff;
   padding: 10px;
   padding-left: 30px;
   padding-right: 30px;
   text-transform: uppercase;
   font-weight: bold !important;
   font-size: 14px !important;
   border-radius: 0px !important;
   background-color: @official;
   &:hover {
      background-color: @arancio;
      color: #fff;
   }
}

.col_modulo {
   margin-bottom: 20px;
}

.smaller {
   font-size: 15px;
}

.bigger {
   font-size: 35px;
   line-height: 40px;
   @media (max-width: @screen-xs-max) {
      font-size:25px;
      line-height: 30px;
   }
}

 

.nopad {
   padding: 0px !important;
}

.nero {
   color: @grigio-scuro;
}

// style modulo gen
#modulo_gen input[type="text"],
#modulo_gen select,
#modulo_gen textarea,
#filtriRicerca select {
   -moz-appearance: none;
   background-color: #eee;
   border: 1px solid #eee;
   color: #4d443c;
   font-size: 18px;
   height: 52px;
   text-indent: 4px;
   width: 100%;
}

#modulo_gen textarea {
   height: 100px;
}

#riga_privacy {
   font-weight: normal;
   font-size: 15px;
   text-align: right;
   font-weight: 400;
}

#modulo_gen label {
   display: inline;
   font-weight: 400;
}

#modulo_gen a:link {
   color: #333
}

#modulo_gen textarea.modulo {
   height: 80px;
}

#modulo_gen .bottone_alt {
   .hvr-fade;
   background-color: #000;
   border: 0 none;
   color: #fff;
   cursor: pointer;
   font-size: 17px;
   font-weight: bold;
   height: 55px;
   margin: 10px 0 auto auto;
   text-transform: uppercase;
   width: 215px !important;
   max-width: 100%;
}


/* SLICK */

.slick-slide img {
   display: inline-block;
}

.slick-prev::before {
   content: "" !important;
}

.slick-next::before {
    
   content: "" !important;
}

.slick-dots li button {
  

}

.slick-dots {
   /* padding: 30px 10px !important;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;*/
   position: absolute !important;
   bottom: -40 !important;
   //right:50px;
   bottom: 60px;
   text-align: right;
   /* margin: 30px auto !important;
    width: 500px !important;
    max-width: 100%;*/
   display: inline-block !important;
   li {
      width: 13px !important;
      height: 13px !important;
      margin-right: 10px;
      button {
         width: 13px !important;
         height: 13px !important;
         &:before {
            border-radius: 0;
            background-color: #CBEAE9;
            width: 13px !important;
            height: 13px !important;
            opacity: 1 !important;
            border: 1px solid #DDD;
            color: transparent !important;
         }
      }
      &.slick-active {
         button {
            &:before {
               border-radius: 0;
               width: 15px !important;
               height: 15px !important;
               background-color: #fff;
               border: 1px solid #fff;
               opacity: 1;
            }
         }
      }
   }
}

#slideHome .slick-next,
#slideHome .slick-next:hover {
  /* background-image: url("/source/go_next_grigio.png") !important;*/
   width: auto !important;
   height: auto !important;
   right: 7% !important;
   top: 29%;
   z-index: 900;
}

#slideHome .slick-prev,
#slideHome .slick-prev:hover {
   width: auto !important;
   height: auto !important;
   top:auto;
   right: 7%  ;
   left:auto !important;  
   bottom:34%;
   @media (max-width: @screen-xs-max) {
       
   }
  /* background-image: url("/source/go_prev_grigio.png") !important;*/
   z-index:900;
}


#slideHome
{
    
    
     .slick-dots { 
        
        position: absolute !important; 
        z-index:800; 
        width:10px; 
        height:10px;
        top: 35%; 
         
        list-style: none; 
        display: block; 
        text-align: center; 
        padding: 0;  
        right:8%;
        
        @media (max-width: @screen-sm-max){
         }
         
         @media (max-width: @screen-xs-max){
        
          } 
    
    }
    .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 15px auto; padding: 0; cursor: pointer;border:0px;  }
    .slick-dots li button { border-radius: 50%; border:1px solid @bianco ; text-align: center;  background: transparent !important; display: block; height: 10px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
    .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
    .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;border-radius:50%; }
    .slick-dots li button:before { border:0px ;position: absolute; border-radius:50%;border:1px solid @bianco ; top: 0; left: 0; background: transparent !important; content: ""; width: 10px; height: 10px;   font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button { background:transparent !important; opacity: 1; border:0px solid @bianco;width:10px; height:10px;}
    
    .slick-dots li.slick-active button::before
     {
         content:"";
         background-color: @bianco !important;
         border:0px;
         z-index:1200;
         height: 10px; 
         width: 10px;
         border-radius:50%;
     }
     
}

.sfumaBottom {
   position: absolute;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-image: url("/source/sfuma_bottom.png") !important;
   background-repeat: repeat-x;
   background-position: bottom;
}

.ombra {
   position: absolute;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-image: url("/source/shadow.png") !important;
   background-repeat: repeat;
   
}
#slideMenu {
   .slick-next,
   .slick-next:hover {
      background-image: url("/source/next_black.png") !important;
   }
   .slick-prev,
   .slick-prev:hover {
      background-image: url("/source/prev_black.png") !important;
   }
}

.visible {
   display: block;
}

.hidden {
   display: none;
}

.btn-open-menu {
   color: @grigio-scuro;
   font-size: 20px;
   img {
      max-width: 100%;
   }
}

.container-barra-fixed .btn-open-menu {
   line-height: 87px;
}

.catalog_search_value {
   color: @nero;
   @media (max-width: @screen-xs-max) {
      border:3px solid #ccc;
   }
}


 

.sf-search-fixed {
   background-color: #fff;
   padding: 20px 0 30px;
   .box-ricerca {
      border-bottom: 1px solid #3D3F3D;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      .input-box {
         .make-xs-column(10);
         .catalog_search_value {
            padding: 0;
            background: transparent;
            border: none;
            box-shadow: none;
            font-size: 20px;
            &::-webkit-input-placeholder {
               color: @grigio-scuro;
            }
            &:-moz-placeholder {
               /* Firefox 18- */
               color: @grigio-scuro;
            }
            &::-moz-placeholder {
               /* Firefox 19+ */
               color: @grigio-scuro;
            }
            &:-ms-input-placeholder {
               color: @grigio-scuro;
            }
         }
      }
      .submit-box {
         .make-xs-column(2);
         .cat_moduloButton {
            .hvr-fade;
            padding: 5px 0;
            background: #000;
            color: #fff;
            ;
            border: none;
            box-shadow: none;
            text-align: right;
            .flaticon-search::before {
               font-size: 24px;
            }
         }
      }
   }
}

.logoMobi {
   margin-top: 80px;
   margin-bottom: 20px;
   img {
      max-height: 100px;
   }
}

.ricercaMobi {
   display: none;
   position: fixed;
   background-color: @grigio;
   top: 55px;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #ccc;
   z-index: 2000;
   .input-box {
      width: 90%;
      margin: 0px auto;
   }
}

.barra-mobile {
   
   background: @bianco;
   /*height: 55px;*/
   padding-top: 10px;
   padding-bottom:10px;
   border-bottom:1px solid #eee;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 800;
   .box-carrello {
      a {}
   }
}

.btn-mobi-color {
   background-color: #000;
}

.btn-open-menu {
   cursor: pointer;
}

.site-menu {
   background-color: fade(@nero, 90%);
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-sizing: content-box;
   z-index: 999;
   -webkit-backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translate3d(-101%, 0, 0);
   -moz-transform: translate3d(-101%, 0, 0);
   -ms-transform: translate3d(-101%, 0, 0);
   -o-transform: translate3d(-101%, 0, 0);
   transform: translate3d(-101%, 0, 0);
   -webkit-transition-duration: 1s;
   overflow-y: auto;
   padding: 5px 0 0;
   float: none;
   margin-bottom: 0;
   margin-top: 0;
   border: none;
   li {
      width: 100%;
      text-align: left;
      font-weight: bold;
   }
   a {
      color: #fff;
      font-size: 25px;
   }
   a:hover {
      color: @official;
   }
   @media (min-width: @screen-md-min) {
      padding: 96px 0 0;
   }
   &.open {
      -webkit-transform: translate3d(0px, 0, 0);
      -moz-transform: translate3d(0px, 0, 0);
      -ms-transform: translate3d(0px, 0, 0);
      -o-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0);
      -webkit-transition-duration: 1s;
      -o-transition-duration: 1s;
      -ms-transition-duration: 1s;
      -moz-transition-duration: 1s;
      transition-duration: 1s;
      opacity: 1;
   }

   .nav-menu {
      text-align: center;
      font-family: @font-special;
      letter-spacing: 1.4px;
      @media (min-width: @screen-md-min) {
         padding-top: 60px;
      }
      >div {
         display: inline-block;
         ul {
            padding: 0;
            padding-top: 20px;
            li {
               display: inline-block;
               padding-top: 10px;
               padding-bottom: 10px;
               @media (max-width: @screen-xs-max) {
                  padding-top:0px;
                  padding-bottom: 0px;
               }
               a {
                  font-size: 23px;
                  text-transform: uppercase;
                  padding: 10px;
               }
               a:hover {
                  color: #fff;
                  text-decoration: none;
               }
            }
         }
      }
   }
}

.menuSecondario {
   font-weight: normal;
   a {
      font-weight: normal;
   }
}

.boxPrevNews {
   margin-bottom: 15px;
   border-bottom: 1px solid #ccc;
   padding-bottom: 10px;
}

.titPrevNews {
   min-height: 47px;
   font-weight: bold;
   a {
      color: @official;
   }
}

.titPrevProduttori {
   min-height: 60px;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 22px;
   a {
      color: @official;
   }
}

#slideInstagram {
   margin-top: 20px;
}

.form_info_news_button {
   background-color: #000 !important;
   border: 0 none;
   border-radius: 0px !important;
   color: #fff;
   cursor: pointer;
   font-weight: bold;
   text-transform: uppercase;
   padding: 10px;
   max-width: 100% !important;
}

.riga_modulo {
   margin-bottom: 10px;
   line-height: 24px;
}

.colonna_modulo {
   margin-top: 20px;
}

.bread {
   padding-bottom: 10px;
   color: @grigio-scuro;
}

.icoMenuMobile {
   
   
}

.txt2Col {
   .make-xs-column(12);
   .make-sm-column(6);
   .make-md-column(6);
   .make-lg-column(6);
   margin-bottom: 10px;
   @media (max-width: @screen-xs-max) {
      margin-top: 25px;
      text-align: center;
   }
}

hr {
    margin-top: 5px;
    margin-bottom: 8px;
    opacity:0.7;
}
// ******************************************************
// CATALOG

.catalog_titolo {
    font-family: @font-special;
}

.cat_prezzo_barrato,
.cat_prezzo_listino {
   text-decoration: line-through;
   color: #333;
   font-weight: normal;
}

.cat_prezzo_offerta {
   color: @brand-primary;
}

.box-account {
   text-transform: uppercase;
   font-weight: bold;
   .header-separator {
      margin-left: 7px;
      border-left: 0px solid #fff;
   }
}

.qt_cart_wrapper {
   .cat_modulo {
      //max-width: 150px;
      display: inline;
   }
}

.cat-dispo {
   line-height: 37px;
}

.cat-dispo-ottima {}

.cat-dispo-esaurita {
   color: red;
}

.vetrina-home-titolo {
   background-color: #2D302E;
   color: #fff;
   font-size: 19px;
   text-align: center;
   padding: 10px;
   margin-bottom: 5px;
   @media (min-width: @screen-sm-min) {
      background-image: url('/source/logo_top.png');
      background-position: center 30px;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 280px 10px 20px 10px;
   }
   @media (min-width: @screen-md-min) {
      background-size: auto;
   }
   @media (min-width: @screen-lg-min) {
      padding-top: 360px;
      padding-bottom: 50px;
   }
}

.vetrina-home {
   margin-bottom: 10px;
   .cat_riqProdottoBox {
      .make-xs-column(6);
      .make-sm-column(3);
      margin-bottom: 10px;
   }
}

.cat_riqProduttore {
   .make-xs-column(6);
   .make-sm-column(6);
   .make-md-column(3);
   .make-lg-column(3);
}

// ******************************************************
// PAGINE INTERNE
.cat-pg-prodotto,
.cat-pg-account,
.cat-pg-checkout {
   .col-sidebar {
      .hidden;
   }
   .col-main {
      .make-md-column(12);
   }
}

.cat_wrapper_login,
.cat_wrapper_registrazione_utente,
.cat_wrapper_welcome_account,
.cat_wrapper_account,
.cat_wrapper_rubrica_account,
.cat_wrapper_newsletter_account {
   .make-lg-column(7);
   padding-left: 0;
}

// ******************************************************
// RIQUADRI
.elenco-prodotti {
   .make-row();
}

.wrapper_ordinamento_prodotti {
   .make-xs-column(12);
   margin-bottom: 15px;
   font-size: 15px;
   text-align:right;
   @media (max-width: @screen-xs-max) {
      font-size: 13px;
   }
}

.cat_riqProdotto,
.cat_riqCategoria {
   .make-xs-column(12);
   .make-sm-column(6);
   .make-md-column(4);
   .make-lg-column(3);
   margin-bottom: 20px;
   @media (max-width: @screen-md-max) {
      margin-bottom: 20px;
   }
   @media (max-width: @screen-sm-max) {
      margin-bottom: 20px;
   }
}

.riquadro-cat {
   font-weight: bold;
   @media (min-width: @screen-md-min) {
      border-width: 2px;
      border-style: solid;
      border-color: transparent;
      padding: 10px;
      &:hover {
         border-color: @nero;
      }
   }
   a {
      color: @nero;
   }
   .foto {
      text-align: center;
      padding-bottom: 15px;
      border-bottom: 1px solid #F3F1DE;
      margin-bottom: 15px;
      img {
         max-width: 100%;
      }
   }
   .nome {
      line-height: 1;
      font-size: 16px;
      margin-bottom: 10px;
      @media (min-width: @screen-sm-min) {
         font-size: 20px;
      }
   }
}

.btn_sito {
   .hvr-fade;
   padding: 10px;
   padding-left: 60px;
   padding-right: 60px;
   border-radius: 0;
   border: 0px;
   text-align: center;
   background-color: @official;
   color: #fff;
   &:hover {
      background-color: @arancio;
      color: #fff;
   }
}

#cat_login {
   z-index: 2000;
}


/* BACKGROUND TRANSITIONS */


/* Fade */

.hvr-fade {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   overflow: hidden;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: color, background-color;
   transition-property: color, background-color;
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
   background-color: #2098D1;
   color: white;
}


/* Sweep To Right */

.hvr-sweep-to-right {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   position: relative;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098D1;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 0 50%;
   transform-origin: 0 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
   color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
}

// ******************************************************
// SCHEDA PRODOTTO
.pg-scheda-prodotto {
   .cat-pg-prodotto .cntH1,
   .catalog_titolo {
      display: none;
   }
}

.cat-pg-prodotto {
   .cat-pg-prodotto .cntH1,
   .catalog_titolo {
      display: none;
   }
}

.visScheda
   {
       display:none;
   }
   .hiddenScheda
   {
       display:block;
   }
   
#scheda-prodotto {
   margin-top: 10px;
   border-bottom: 1px solid #ddd;
   margin-bottom: 40px;
   padding-bottom: 30px;
   
  
   .visScheda
   {
       display:block;
   }
   .hiddenScheda
   {
       display:none;
   }
   
   .marchioScheda {
      a {
         text-decoration: underline;
      }
   }
   .cat_barrato {
      color: #999;
   }
   .cat_prezzo_offerta {
      font-weight: bold;
      font-size: 25px;
   }
   
  
   
   h1 {
      color: #000;
      margin-top: 0px;
      margin-bottom: 10px;
   }
   .codProd {
      padding-left: 10px;
      font-size:0.9em;
      margin-top:20px;
      margin-bottom:30px;
      border-left: 0px solid #ddd;
      @media(max-width: @screen-xs-max) {
         padding-left:0px;
         padding-top: 10px;
         border-left:0px;
         margin-top:5px;
         margin-bototm:5px;
      }
   }
   .h1Scheda {
      
      @media(max-width: @screen-xs-max) {
         border-right:0px solid #ddd;
      }
   }
   
   
   .bollino {
      color: #fff;
      width: 100%;
      background: #666;
      padding: 12px;
      position: absolute;
      text-transform: uppercase;
      pointer-events: none;
      bottom: 0px;
      left: 0px;
      font-size: 14px;
      @media(max-width: @screen-md-max) {}
      @media(max-width:@screen-sm-max) {}
   }
   .cat_sconto_percentuale {
      background-color: @giallo;
      color: #fff;
      border: 2px solid @giallo;
      padding: 2px 8px;
      font-size: 14px;
      font-weight: bold;
 
 
     display:inline-block;  
       
   }
   .label-prodotto {
      position: absolute;
      left: 0px;
      top: 0px;
      font-weight: bold;
      color: #fff;
      padding: 3px;
      padding-right: 3px;
      padding-left: 3px;
      padding-left: 10px;
      padding-right: 10px;
      pointer-events: none;
      z-index: 1;
   }
   .label-new {
      max-width: 90px;
      background-color: @rosso;
   }
   .schedaDx {
      position: relative;
      padding-left: 20px;
      @media (max-width: @screen-xs-max) {
         margin-top:0px;
         padding-left: 0px;
         text-align: center;
      }
   }
   
   @media (min-width: @screen-lg-min) {
      margin-top: 25px;
   }
   .cat_qtDisponibili {
      font-weight: bold;
      color:@official;
   }
   #custom_attributi {
      margin-bottom: 20px;
   }
   .descrizioni {
     /* background: @grigio-chiaro;*/
      margin-top: 25px;
      /*padding: 25px;*/
   }
   
   .addthis_inline_share_toolbox
   {
       margin-top:15px;
   }
   .labelForm,
   .nome_attributo {
      float: left;
      width: 25%;
      @media (max-width: @screen-sm-max) {
         width: 50%;
      }
      @media (max-width: @screen-xs-max) {
         width: 100%;
      }
   }
   .select_attributo .cat_modulo,
   #qt_cart {
      max-width: 100px;
      border: 1px solid #EAEAEA;
      background: #fff;
      border-radius: 32px;
      margin-top: 10px;
   }
   .cntCar {
      margin-bottom: 20px;
      strong {
         color: @official;
      }
   }
   .qt_cart_label {
      padding-right: 20px;
   }
   .cat_add_cart_wrap .labelForm,
   .cat_add_wishlist_wrap .labelForm {
      display: none;
   }
   .cat_add_cart_wrap
   {
       margin-top:25px;
       margin-bottom:25px;
    @media (max-width: @screen-sm-max) {
          margin-bottom:0px;
      }
      
   }
   .cat-buynow-quantity
   {
       margin-bottom:15px;
   }
   .fieldForm.qt_cart_wrapper {
      float: left;
      width:400px;
      max-width:100%;
      @media (max-width: @screen-xs-max) {
         float: none;
      }
   }
   .scheda-row {
      margin-bottom: 15px;
      .nome {
         margin-top: 0;
         margin-bottom: 10px;
         @media (max-width: @screen-xs-max) {
            font-size: 20px;
         }
      }
      
      .labelForm
      {
          font-weight:bold;
      }
      .cntPrezzo {
         padding-top: 20px;
         
         border-top: 1px solid #ddd;
         .prezzo {
            .bold;
            position: relative;
            color: @official;
            font-size: 25px;
         }
         @media (max-width: @screen-xs-max) {
            margin-top: 15px;
         }
         
          .cat_schedaProdottoTitolo
            {
         font-size: 35px;
         }
   
      }
   }
   .dispo {
      .text-uppercase;
      img {
         display: none;
      }
   }
   
   
    #txtDescBreveScheda
   {
       text-align:left;
   }
   
   .foto-col {
      @media (min-width: @screen-sm-min) {
         padding-right: 15px;
         border-right: 1px solid @grigio;
      }
      @media (min-width: @screen-lg-min) {
         padding-right: 20px;
      }
   }
   .desc-col {
      @media (max-width: @screen-xs-max) {
         margin-top: 15px;
      }
      @media (min-width: @screen-sm-min) {
         padding-left: 15px;
      }
      @media (min-width: @screen-lg-min) {
         padding-left: 50px;
      }
   }
   .foto-grande,
   .foto-piccole {
      position: relative;
      text-align: center;
      img {
         max-width: 100%;
         height: auto;
      }
   }
   .foto-grande {
      border: 1px solid #ddd;
      height: 480px;
      padding: 20px;
      width: 100%;
      @media (max-width: @screen-xs-max) {
         margin-bottom: 15px;
         height: auto;
      }
   }
   .thumbScheda {
      text-align: center;
      padding: 2px;
      border: 1px solid #ddd;
      margin-bottom: 10px;
      @media (max-width: @screen-xs-max) {}
   }
   .qt_cart_label {
      padding-top: 20px;
       @media (max-width: @screen-sm-max) {
             padding-top: 0px;
           }
       
    
   }
   .importoProdotto,
   .cat_importoProdotto {
      /*   display: none;*/
      color: @official;
      font-size: 20px;
      font-weight: bold;
      
   }
   
  .cat_importoProdotto {
   border-bottom:1px solid @grigio-chiaro;
      padding-bottom:10px;
  }  
   .cat_add_wishlist_wrap {
      /* float:left;
            width:300px; */
   }
   .compra-ora {
      /*   float:left;
            width:250px;*/
   }
   
   #submit_button.btn_add_cart {
       
      &:extend(.btnSite);
      &:extend(.btnGiallo);
      font-weight:700;
      .hvr-fade;
      font-size:18px !important;
      text-transform:uppercase;
      padding:8px 20px !important;
      width:50%;
      text-align:left;
      background-image: url('/source/cart.png');
      background-repeat: no-repeat;
      background-position: right 25px center;
     
      @media (max-width: @screen-sm-max) {
          width:100%;
         font-size: 16px;
         margin-bottom:20px;
      }
      
       @media (max-width: @screen-xs-max) {
          
         
        
      }
      
      &:hover {
        background-color: @viola;
        color:#fff;
        
        background-image: url('/source/cart_white.png');
      }
      
   /*   margin-top: 25px;
      width: 230px;
      max-width: 100%;
      padding: 10px;
      border-radius: 0;
      border: 0px;
      font-size: 17px;
      background-color: @official;
      */
   }
   
   .cat-avvisa-disponibile {
       
      border-radius: 32px;
      font-size: 17px;
      padding: 10px;
      
        @media (max-width: @screen-xs-max) {
         margin-bottom:20px;
      }
      
   }
   
   .btn_add_wishlist {
      
      &:extend(.btnSite);
      text-align:left;
      background-color:@verde-chiaro;
      background-image: url('/source/ico_star.png');
      background-repeat: no-repeat;
      background-position: right 25px center;
      font-size:18px !important;
      text-transform:uppercase;
      padding:8px 20px !important;
      width:48%;
      
      @media (max-width: @screen-sm-max) {
        
        width:100%;    
        } 
       &:hover {
        background-color: @official;
        color:#fff;
        background-image: url('/source/ico_star_white.png');
      }
    /*  margin-top: 25px;
      margin-left:10px;
      width: 230px;
      max-width: 100%;
      padding: 10px;
      border-radius: 0;
      border: 1px solid #ddd;
      font-size: 15px;
      color: @official;
      background-color: #fff;
      border: 1px solid @official;
      background-image: url('/source/ico_wish_verde.png');
      background-repeat: no-repeat;
      background-position: left 20px center;
      @media (max-width: @screen-sm-max) {
         background-position: left 15px center;
         font-size: 16px;
      }
      &:hover {
         background-color: #eee;
      }*/
   }
   .tab-desc {
      margin-bottom: 10px;
   }
   .addthis {
      text-align: center;
      margin-bottom: 20px;
      .addthis_sharing_toolbox {
         display: inline-block;
      }
      @media (min-width: @screen-sm-min) {
         text-align: right;
      }
   }
   .correlati-wrap {
      .titolo {
         font-size: 34px;
      }
   }
}

.correlati {
   .cont-foglia {
      margin-bottom: 20px;
   }
   .tit-foglia {
      text-transform: uppercase;
      font-weight: bold;
   }
   margin-bottom:30px;
}

.brands-home {
   padding-left: 0px;
   list-style-type: none;
   @media (max-width: @screen-xs-max) {
      margin-top:30px;
   }
   li {
      padding-bottom: 20px;
      @media (max-width: @screen-xs-max) {
         text-align:center;
      }
      a {
         font-family: @font-special;
         font-size: 21px;
         text-transform: uppercase;
         color: @bianco;
         letter-spacing: 2px;
         font-weight: bold;
         @media (max-width: @screen-xs-max) {
            font-size:18px;
         }
      }
   }
}

@media (min-width: 768px) and (max-width: 992px) {
   .boxShopBrands {
      font-size: 32px;
   }
   .trattoBrands {
      top: 130px;
      .imgTratto {
         max-height: 4px;
      }
   }
}

.breadcrumb {
   margin-bottom: 30px;
   font-size: 18px;
   @media (max-width: 1300px) {
      margin-bottom:15px;
   }
}

.dxCatalog .cat_riqCategoria {
   @media (max-width: @screen-sm-max) {
      display:none;
   }
}

.box-categoria {
   border: 1px solid #DDDDDD;
   padding: 10px;
   margin-bottom: 10px;
   background: #eee;
   /*min-height: 60px;*/
   font-size: 13px;
    a {
         display:block;
         width:100%;
         
      }
      
   &:hover {
      background: @official;
      color: #fff;
      a {
        
         color: #fff;
      }
   }
   .titolo {
      text-align: center;
      text-transform: uppercase;
      a {
         &:hover {
            color: #fff;
         }
      }
   }
   .foto {
      min-height: 270px;
      position: relative;
      @media(max-width: @screen-sm-max) {
         min-height:200px;
      }
      img {
         display: block;
         margin: 0 auto;
         padding-top: 10px;
         padding-bottom: 10px;
         max-height: 250px;
         left: 0;
         position: absolute;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         margin: 0 auto;
         @media(max-width: @screen-sm-max) {
            max-height:200px;
         }
      }
   }
}

.cat_breadCrumb {
   color:@nero;
   letter-spacing: 1.4px;
   padding: 5px 0px;
   font-size: 14px;
   a {
      color: @nero;
      padding: 5px 0px;
      &:hover {
         color: @official;
      }
   }
   @media(max-width:@screen-xs-max) {
      text-align: center;
      a {}
   }
}

.slideVetrina{
   
   @media(max-width: @screen-sm-max) {
      
   }
   .cat_riqProdottoBox {
      
   }
   
   .foto
   {
       margin-bottom:50px;
   }
   
}

.slick-correlati {
   .slick-dots {
      clear: both;
      margin-top: 40px;
      position: static !important;
      text-align: center;
      display: block;
      clear: both;
   }
   .correlato {
      .prodotto {
         padding: 10px;
      }
   }
   .slick-dots li button::before {
      background-color: #fdd3bd;
      border: 1px solid #fdd3bd;
   }
}

input:focus::-webkit-input-placeholder {
   color: transparent;
}

input:focus:-moz-placeholder {
   color: transparent;
}


/* FF 4-18 */

input:focus::-moz-placeholder {
   color: transparent;
}


/* FF 19+ */

input:focus:-ms-input-placeholder {
   color: transparent;
}


/* IE 10+ */

.catalog_myaccount_options {
   a {
      color: @nero;
      &:hover {
         color: #fba173;
      }
   }
}

.descr-categoria {
   margin-top: 20px;
   display: block;
   clear: both;
}

.titolo-cat-mobile {
   h2 {
      border: 2px solid #ebebeb;
      font-size: 20px;
      padding: 10px;
      text-align: center;
      position: relative;
      &::before {
         content: "\002B";
         font-style: normal;
         position: absolute;
         right: 35px;
      }
   }
   &.aperto {
      h2 {
         &::before {
            content: "\2212";
         }
      }
   }
}

.cat_wrapper_login {
    
    display: block;
    max-width: 500px;
   a {
      color: @grigio-scuro;
      &:hover {
         color: @official;
      }
   }
   
   .cat_moduloButton
   {
       &:extend(.btnSite);
      
      height:auto;
      .hvr-fade;
      padding: 10px 25px;
      font-weight:bold;
      font-size:16px !important;
      text-transform:uppercase;
      margin-bottom:20px;
   }
}

.logo {
   img {}
}

.slick-slide a,
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img,
a img,
input:focus {
   outline: none
}

a:hover,
a:active,
a:focus {
   outline: none
}

.msg-spedizione {
   line-height: 1;
}

#slideHome .image_item {
   pointer-events: none;
}

#layerMobi {
   display: none;
   z-index: 5;
   padding: 10px;
}

.layer-mobi {
   .ui-widget-header {
      background: transparent;
      border: 0px solid transparent;
   }
}

.ui-dialog .ui-dialog-titlebar-close {
   background-image: url(/source/close.png);
   background-size: contain;
}

.ui-widget-overlay {
   opacity: .50 !important;
   /* Make sure to change both of these, as IE only sees the second one */
   filter: Alpha(Opacity=50) !important;
   background-color: rgb(50, 50, 50) !important;
   /* This will make it darker */
}

.modal-body {
   @media(max-width: @screen-xs-max) {
      font-size:16px;
      text-align: center;
   }
   @media(max-width:@screen-sm-max) {
      font-size: 16px;
      text-align: center;
   }
   @media(max-width:@screen-md-max) {
      font-size: 18px;
      text-align: center;
   }
   font-size:18px;
   text-align:center;
}

.modal-dialog {
   max-width: 500px;
}

.modal-header {
   border-bottom: none!important;
   padding: 8px
}

.modal-footer {
   border-top: none!important;
   padding: 8px
}

.tratto {
   width: 100px;
   border-top: 6px solid #fff;
   height: 1px;
   margin-top: 20px;
}

.cntSlide {
   position: relative;
   height:680px;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   background-size:cover;
   background-position: center;
    @media (max-width: @screen-md-max) {
       height:435px;
   } 
   @media (max-width: @screen-sm-max) {
       height:350px;
   }
   
   
   
   @media (max-width: @screen-xs-max) {
       height:350px;
   }
   
   
   
}

.claimSlide {
   .special;
   color: #fff;
   position: absolute;
   top: 30%;
   left: 0px;
   width:100%;
   text-align:center;
   font-size: 45px;
   z-index: 1000;
  
   @media (max-width: @screen-sm-max) {
      top: 25px;
      
   }
   
   @media (max-width: @screen-xs-max) {
      font-size: 28px;
      top: 20px;
      padding-top: 10px;
      
      
   }
}


/* banners evidenza */
.showBannerCat
{
    display:block;
    border:6px solid @viola;
    padding:15px 0px;
    width:60%;
    margin:0px auto;
    margin-bottom:30px;
}
.home-banner {
   position: relative;
   .slick-arrow {
      @media(max-width: @screen-xs-max) {
         top: -28px;
      }
   }
    @media(max-width: @screen-xs-max) {
         display:none;
      }
  
   .slick-slide {
      >div {
         display: flex;
         .container-img-banner {
            text-align:center; 
            margin-bottom:5px;
            padding: 3px;
            width: auto !important;
            &:first-child {
               padding-left: 0;
            }
            &:last-child {
               padding-right: 0;
            }
            img {
               max-width: 100%;
            }
         }
      }
   }
}


/** stili effetti */

@-webkit-keyframes opacity-titanka {
   from {
      opacity: 0
   }
   to {
      opacity: 1
   }
}

@-moz-keyframes opacity-titanka {
   from {
      opacity: 0
   }
   to {
      opacity: 1
   }
}

@-o-keyframes opacity-titanka {
   from {
      opacity: 0
   }
   to {
      opacity: 1
   }
}

@keyframes opacity-titanka {
   from {
      opacity: 0
   }
   to {
      opacity: 1
   }
}

.moveUp,
.moveDown,
.moveRight,
.moveLeft,
.fadeAnimation-titanka {
   @media (min-width: @screen-md-min) {
      opacity:0;
   }
}

.moveLeft.visible {
   -webkit-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
   -moz-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
   -o-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
   -ms-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
   animation: moveLeft 0.6s ease-in-out 0.2s backwards;
   animation-delay: 0.2s;
   opacity: 1;
}


/* MODIFICHE CSS EFFETTI SU IMMAGINI */

 figure.effect-honey img
{
  opacity:0.6  !important  ;      
}

.grid figure figcaption {
   color: #fff;
   text-transform: none;
   font-size: 1.25em;
}
 
.grid img {
   
    
    @media (max-width: @screen-xs-max) {
       opacity:1; 
       filter: brightness(60%);
       -webkit-filter: brightness(60%); 
    }
}


.grid figure h3 {
   word-spacing: 0em !important;
   font-size: 22px;
   text-shadow: 1px 1px 1px #333;
   margin:0;
   font-weight:300;
}

figure.effect-honey h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em 1.5em;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    
    @media (max-width: @screen-md-max) {
           font-size:17px;
    }
    
     @media (max-width: @screen-xs-max) {
        font-size:20px;
        
    }
 
}

.grid
{ 
    background-color:#000;
    
    @media (max-width: @screen-xs-max) {
    }
}

.grid figure
{
    @media (max-width: @screen-xs-max) {
        margin:0px auto !important;
    }
     
            
        
}
 

.go_cat
{
    position:absolute;
    opacity:0;
    font-weight:bold;
    text-align:center;
    
    bottom: 0;
    left: 0;
    width:100%;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    
    a
    {
        color:@giallo;    
        font-size:27px;
        line-height:25px;
        @media (max-width: @screen-md-max) {
           font-size:17px;
        }
        &::after {
            content: "";
            position: absolute;
            width: 90px;
            height: 2px;
            background: @giallo;
            display: block;
            left: 50%;
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0px;
           
           
        }
    }
   
}

figure.effect-honey:hover
  {
      .go_cat
      {
          opacity:1;
           
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
             -webkit-transform: translate3d(0,-80px,0);
            transform: translate3d(0,-80px,0);
            
           @media (max-width: @screen-md-max) {
                 -webkit-transform: translate3d(0,-20px,0);
                transform: translate3d(0,-20px,0);
           }
      }
      
       img
    {
      opacity:0.4  !important  ;      
    }
      
      h3
      {
        -webkit-transform: translate3d(0,-110px,0);
        transform: translate3d(0,-110px,0);
        
         @media (max-width: @screen-md-max) {
             -webkit-transform: translate3d(0,-60px,0);
            transform: translate3d(0,-60px,0);
           }
           
           @media (max-width: @screen-sm-max) {
              
           }
      }
  }



figure.effect-honey figcaption::before {
     
     background-color: transparent !important;
     height:0px !important;
     
 
}

//**box categorie homepage ***/
.boxCatHome {
   background-size: auto;
   background-repeat: no-repeat;
   background-position: center top;
   position: relative;
   width: 100%;
   text-align: center;
   position: relative;
   cursor: pointer;
   /*height: 875px;*/
   @media (max-width: @screen-sm-max) {
      img {
         max-height:381px;
      }
   }
   @media (max-width: @screen-xs-max) {
      max-width: 355px;
      margin: 5px auto;
   }
   @media (min-width: @screen-md-min) {}
}

.boxGrigio {
   background-color: #F4F4F4;
}

.txtBoxCat {
   background-color: @grigio-chiaro;
   padding: 20px;
   padding-top: 80px;
   padding-bottom: 80px;
   .titBoxCat {
      font-family: @font-special;
      font-size: 35px;
      @media (max-width: @screen-sm-max) {
         font-size:20px;
      }
   }
   .punti {
      letter-spacing: 10px;
   }
   @media (max-width: @screen-sm-max) {
      padding-top: 20px;
      padding-bottom: 20px;
   }
   @media (max-width: @screen-xs-max) {
      padding-top: 20px;
      padding-bottom: 20px;
   }
}

.lnkCatBottom {
   position: absolute;
   bottom: -4px;
   right: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   a {
      font-family: @font-special;
      letter-spacing: 1.4px;
      color: #000;
   }
}

.slideOfferte,
.slideNovita,
.slideEvidenza,
.slideVetrina {
   position: relative;
   @media(max-width: @screen-xs-max) {
      margin-top:25px;
   }
}

.seeAll {
   position: relative;
   text-align: center;
   a
   {
       color:@nero;
       display:inline-block;
       width:auto;
       line-height:40px;
       border-bottom:1px solid #000;
       text-transform:uppercase;
   }
   @media(max-width: 1300px) {
      
   }
   @media(max-width: @screen-xs-max) {
      
   }
}

.slick-slider {
   margin-bottom: 5px;
}

 

/** navigator slick */

.slick-arrow {
   font-size: 10px;
   position: absolute;
   top: -64px;
   right: 50px;
   transform: translateY(-50%);
   z-index: 99;
   cursor: pointer;
   background: transparent;
   border: 0px;
   @media(max-width: @screen-xs-max) {
      top: -20px;
   }
   
   
   &.go-prev {
      right: 87px;
      @media(max-width: @screen-sm-max) {
         right: 53px;
      }
      @media(max-width: @screen-xs-max) {
         right: 54%;
         
      }
   }
   &.go-next {
      right: 0;
      @media(max-width: @screen-xs-max) {
         right:33%;
      }
   }
   .go-slide {}
}


/* PREVIEW PRODOTTI*/

.btn_add_cart,
.cat_button {
   .hvr-fade;
   &:hover {
      border-color: transparent;
   }
   
    &.-disabled {
        display: none !important;
    }
}

.links_paginator {
   text-align: center;
}

.cat_riqProdottoBox+.cat_riqProdottoBox .prodotto,
.cat-correlati-categoria-riquadro + .cat-correlati-categoria-riquadro .prodotto
{
  border-left:1px solid #ddd;   
}



.cat_riqProdotto 
{
  border-left:1px solid #ddd;  
   @media(max-width:@screen-xs-max) {
          border-left:0px ;  
          border-bottom:1px solid #ddd;  
       } 
  
}

.cat_riqProdotto.last-lg .prodotto
{
    border-right:1px solid #ddd;  
}

.prodotto {
   
   
   
   
   text-align: center;
   padding: 10px;
   margin-bottom: 20px;
   
   &:hover {
      /*border: 1px solid #eee;
      box-shadow: 4px 6px 6px #eee;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(221, 221, 221, 1);
      -moz-box-shadow: 5px 5px 5px 0px rgba(221, 221, 221, 1);
      box-shadow: 5px 5px 5px 0px rgba(221, 221, 221, 1);
      */
      .elenco-opzioni {
         display: block;
      }
   }
   
   .foto {
      position: relative;
      text-align: center;
      
      img {
          height: auto;
      }
   }
   
   .bollino {
      color: #fff;
      width: 100%;
      background: @rosso;
      font-weight: bold;
      padding: 12px;
      position: absolute;
      text-transform: uppercase;
      pointer-events: none;
      top: 0px;
      left: 0px;
      font-size: 14px;
      @media(max-width: @screen-md-max) {}
      @media(max-width:@screen-sm-max) {}
   }
   
   .cntPrev {
      
      padding: 15px;
      
      @media(max-width:@screen-sm-max) {
          padding: 5px;
       }
      @media(max-width:@screen-xs-max) {
          padding: 0px;
       } 
   }
   
   .nome {
      min-height: 92px;
      margin-top: 10px;
      @media(max-width:@screen-xs-max) {
          margin-bottom: 10px;
          min-height: 0;
      }
      .bold;
      a {
         color: @marrone;
         &:hover {
            color: @official;
         }
      }
   }
   
   .prezzo {
      font-size: 22px;
      margin-bottom: 10px;
      min-height: 60px;
      @media(max-width:@screen-xs-max) {
          min-height: 0;
      }
      span {
         display: block;
      }
      color:@official;
      font-weight:bold;
      padding-top:3px;
      .cat_prezzo_barrato {
         color: @marrone;
      }
   }
   
   
  
   
   .cat_sconto_percentuale
   {
       
      position: absolute;
      left: 0px;
      top: 60px;
      width: 60px;
      color: #fff;
      background: @giallo;
      padding: 3px 6px;
      font-size: 15px;
      font-weight: bold;
      
   }
  
  .cntButtonPrev
  {
      display:flex;
      align-items:center;
      justify-content: space-around;
      margin:0px auto;
      width:90%;
      margin-top:10px;
       @media (max-width: @screen-xs-max) {
           width:70%
           }
   
  }
   
  .addWish {
     float:left;
     width:35%;
     text-align:right;
   }
   

   
   .txtAdd {
      display: block;
   }
   
   
   
   .add-cart {
     text-align: left;
     float:left;
     padding-left:20px;
     width:70%;
      @media (max-width: @screen-xs-max) {}
   }
   
    .btn_add_cart {
       
     &:extend(.btnSite);
      font-size:16px;
      text-transform:uppercase;
      font-weight:400;
      background-color: @giallo;
      color: @nero; 
      padding: 11px 14px;  
      height:45px;
       
      
        &:hover {
         background-color: @viola;
         color:#fff;
      }
      
       @media(max-width:@screen-xs-max) {
            font-size:13px;
       } 
      
    
   }
   
   
      .btn_add_wishlist {
        font-size: 17px;
        border-radius:32px;
        border:0px;
        background-color:@verde-chiaro;
        color:@nero;
       
        padding: 11px 14px;  
      height:45px;
        
        display: inline-block;
        
       
          
        text-align:center;
        &:hover
        {
            background-color:@official;
            color:@bianco;
        }
      
   }
  
    
  
  
  
   
   .label-prodotto {
      position: absolute;
      left: 0px;
      top: 0px;
      font-weight: bold;
      color: #fff;
      padding: 3px;
      padding-right: 3px;
      padding-left: 3px;
      padding-left: 10px;
      padding-right: 10px;
      pointer-events: none;
       z-index: 1;
   }
   
   .label-new {
      max-width: 90px;
      background-color: @rosso;
   }
}

.slick-slider .prodotto  {
   
   
   @media (max-width: @screen-xs-max) {
     
   }
}


.boxOfficial
{
    font-size:26px;
    position:absolute;
    left:0px;
    width:115%;
    top:100px;
    z-index:960;
    h3
    {
        font-size:33px;
        margin-top:0px;
    }
    background-color:@official;
    color:@bianco;
    padding:60px 60px;
    
   @media (max-width: 1400px) {
     top:50px;
     font-size:20px;
   }
  @media (max-width: 1200px) {
     top:25px;
     font-size:20px;
     padding:10px 10px;
   }
   
   
   @media (max-width: @screen-xs-max) {
       position:relative;
        left:0px;
        padding:20px;
        width:100%;
        top:auto;
        z-index:100;
   }
    
}
/*****************************************************************/

.icoSocial {
   width: 800px;
   max-width: 90%;
   margin: 0px auto;
   line-height: 0px;
   text-align: center;
}

.colSocial {
   text-align: center;
   .make-lg-column(3);
   .make-xs-column(3);
   @media (max-width: @screen-xs-max) {
      .txtIcone {
         display:none;
      }
   }
}


/*** FOOTER ****/
.widgetFooter
{
    background-color:#F2F2F2;
    margin-top:40px;
    color:#585858;
    a
    {
        color:#585858;
    }
    
    @media (max-width: @screen-sm-max) {
      margin-top:0px;
      padding-top:10px;
   } 
}

.anFooter {
   line-height: 28px;
   width:100%;
   @media (max-width: @screen-xs-max) {
      line-height:24px;
   }
}

.menuFooter {
   ul {
      margin-left: 0px;
      padding-left: 0px;
   }
   li a {
      font-size: 17px !important;
      padding-top: 2px;
      padding-bottom: 2px;
      color: @grigio;
      &:hover {
         text-decoration: underline !important;
      }
   }
   @media (max-width: @screen-xs-max) {
      font-size: 14px !important;
   }
}

.contCredits {
   font-size: 13px;
   a {
      font-size: 13px;
   }
}

.cntFooter {
   a {}
   .special {}
}

.logoFooter {
   position: relative;
}

.widgetFooter {}

.boxFooter {
   @media (max-width: @screen-sm-max) {
      
   }
   @media (max-width: @screen-xs-max) {
      
   }
}

.cntH1 {
   padding-top: 10px;
   padding-bottom: 10px;
   color: #000;
   margin-bottom: 10px;
   
    @media (max-width: @screen-xs-max) {
        padding-top:5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        text-align: center;
    }
}


// ATTRIBUTI
.box-filtro {
   .nomeAttributo {
      .ico-plus-black;
      border-radius:32px;
      color: #000;
      cursor: pointer;
      text-transform: uppercase;
      /* margin-bottom:10px;
          padding-bottom:10px;*/
      &.-open {
         &:extend(.ico-minus-black);
      }
   }
   
   .box-filtro-titolo {
      .bold;
      display:none;
      margin-left: 15px;
      padding-left: 20px;
      line-height: 41px;
      border-left: 5px solid @official;
   }
   
   .cntOpzAttributo {
        margin-bottom: 20px;
        display: none;
        border: 1px solid #ddd;
        background: #eee;
        border-top: 0px;
        position: absolute;
        z-index: 10;
        left: 5px;
        right: 5px;
        padding: 10px 5px;
        height:300px;
        overflow-y:scroll;
   }
   
   .checkbox {
      margin: 10px 0 0;
      /*
      .make-lg-column(12);
      .make-md-column(12);
      .make-sm-column(12);
      .make-xs-column(12);
      */
   }
}

//versione a dx
#catElencoProdotti {
   margin-top: 20px;
}

.boxFiltriDx {
   position: relative;
   .filtro-caratteristica {
      .make-xs-column(12);
      .make-sm-column(4);
      .make-md-column(3);
      .make-lg-column(3);
      float:right !important;
   }
   @media (max-width: @screen-sm-max) {
      padding-bottom: 20px;
      padding-top: 20px;
   }
   
     @media (max-width: @screen-xs-max) {
      padding-bottom: 0px;
      
   }
   
   .nomeAttributo {
      border: 1px solid #ddd;
      padding: 8px 13px;
      font-size: 15px;
   }
   .box-filtro-titolo {
      .bold;
      margin-left: 15px;
      padding-left: 20px;
      line-height: 41px;
      border-left: 5px solid @official;
      @media (max-width: @screen-sm-max) {
         padding-left:0px;
         border-left: 0px;
      }
      @media (max-width: @screen-xs-max) {
         text-align: center;
         padding-left: 0px;
         border-left: 0px;
         padding-bottom: 20px;
      }
   }
   .filtroSel {
      border: 3px solid @official;
   }
}

.dxCatalog {
   padding-left: 30px;
   @media (max-width: @screen-sm-max) {
      padding-left:0px;
   }
}


/* menu categorie catalog*/

.nomeAttributo {
   &:extend(.ico-plus);
   background-repeat: no-repeat;
   background-position: center right 10px;
   @media (max-width: @screen-xs-max) {
      text-decoration:underline;
      margin-bottom: 20px;
   }
   &.-open {
      &:extend(.ico-minus);
      @media (min-width: @screen-sm-min) {
         /*- background-image: none;*/
      }
   }
   @media (min-width: @screen-sm-min) {
      background-image: none;
   }
}

.showCat {
   border: 1px solid #ddd;
   cursor: pointer;
   padding: 12px;
   background-color: #eee;
   background-repeat: no-repeat;
   background-position: center right 10px;
   &:extend(.ico-plus);
   background-repeat: no-repeat;
   background-position: center right 10px;
   @media (max-width: @screen-xs-max) {
      text-decoration:underline;
      margin-bottom: 10px;
   }
   &.-open {
      &:extend(.ico-minus);
      @media (min-width: @screen-sm-min) {
         /*- background-image: none;*/
      }
   }
}

.wrapper_ordinamento_prodotti {
   text-align: right;
   
   .cat_select_listbox_order {
       display: inline;
       width: auto;
       border-radius: 0px;
       border: 1px solid #ddd;
       margin-bottom: 30px;
       border-radius:32px;
      
      -webkit-appearance: none;
      background-image: url('/source/plus_black.png') !important;
      background-position: 96.5% center;
      background-repeat: no-repeat;

       
       
    }
}

.categorie-menu {
    display: block; // effetto apri/chiudi
    font-size: 15px;
    
    @media (max-width: 1160px) {
        font-size: 16px;
    }
   
    @media (max-width: @screen-xs-max) {
      display: none;
    }
   
   ul {
      padding: 0;
   }
   
   li {
      list-style: none;
      
      + li {
          margin-top: 3px;
      }
   }
   
   a {
      padding-right: 25px;
      
      &:hover {
        color: @official;
      }
   }
   
   .cat {
        text-transform: none;
        
        /*
        padding: 7px 7px 0px 0px;
        
        @media (max-width: 780px) {
            padding: 7px 20px 0px 0px;
        }
        */
        
        a {
            display: block;
            background-repeat: no-repeat;
            background-position: center right 0px;
            cursor: pointer;
            border-bottom: 0px;
        }
        
        &.-open {
            a {
                &:extend(.ico-minus);
                font-weight:bold;
                text-decoration:none;
            }
        }
   }
   
   .cat1 a
   {
       line-height: 30px;
       font-size:16px;
      
   }
   
   .livello_0 {
      padding: 0;
      
      ul {
         &:not(.-current) {
            display: none;
         }
      }
      
      > li {
          
          & + li {
              margin-top: 10px;
          }
          
          &.current_cat,
          &.-current-macro {
              .cat0 {
                /*border-left: 4px solid @official;*/
                /*padding: 4px 0 4px 10px;*/
                font-weight: bold;
                
                a {
                    color: @official;
                }
            }
          }
       }
   }
   
   .livello_1 {
         
        margin-top: 10px;
        padding-left: 10px;
        font-size: 14px;
         
        padding-bottom: 10px;
   }
   
   .livello_2 {
      margin-bottom: 10px;
   }
   
   .subMenuIcon {
      &:extend(.ico-plus);
   }
   
   .cat0 {
       
        border-bottom:1px solid @grigio-chiaro;
        background-repeat: no-repeat;
        background-position: right 5px center;
        background-color: #fff;
        padding-left: 0px;
        padding-bottom:5px;
        //font-weight: bold;
        font-size: 16px;
        text-transform:uppercase;
        
        .cmsCurrentPageContainer {
            display: block;
            
            a {
                text-decoration: none !important;
            }
       }
   }
   
    .current_cat {
        > .cat {
            a {
                color: @official;
            }
        }
    }
}


/* animazione icon menu */

.menu-ico {
   .chiudi {
      display: none;
      z-index: 3000;
   }
   &.open {
      .apri {
         display: none;
      }
      .chiudi {
         display: block;
         cursor: pointer;
      }
   }
}

.boxFiltri {
   /* background-color:@grigio-chiaro;
    padding:20px;
    margin-top:15px;
    margin-bottom:15px;*/
}


/* paginazione*/

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.cat_pagination>li:first-child>a,
.cat_pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span,
.cat_pagination>li:last-child>a,
.cat_pagination>li:last-child>span {
   border-radius: 0px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.cat_pagination>li>a:hover,
.cat_pagination>li>span:hover,
.cat_pagination>li>a:focus,
.cat_pagination>li>span:focus {
   border: 0px;
   background-color:#fff;
   
}

 .cat_pagination > .active > span
 {
     color:#fff;
     background-color:#000;
     border-radius:32px !important;
 }
 
.pagination>li>a,
.pagination>li>span,
.cat_pagination>li>a,
.cat_pagination>li>span {
   background: #fff;
   color: #000;
   padding: 8px 15px;
   border: 0px;
}

.cat_wrapper_pagamento_annullato {
   font-size: 50px;
   line-height: 49px;
}

.cnt_dispo {
   margin-bottom: 10px;
}

.cat-correlati-categoria {
   @media (max-width: @screen-xs-max) {
      margin-top:80px;
   }
}


// PRODOTTI OMAGGIO
.prodotti_omaggio,
.prodotti_omaggio_scelta {
    padding: 10px;
    border: 1px solid #F7ECA5;
    text-align: left;
    background-color: #FFFDEA;
    margin: 10px 0;
}

.prodotti_omaggio_elenco {
    display: grid;
    grid-template-columns: 50% 50%;
}

.prodotto_omaggio {
    margin-bottom: 10px;
    display: flex;
    
    .cat_clearRiga{
        display: none;
    }
}

.prodotti_omaggio_titolo,
.prodotti_omaggio_scelta_desc {
    font-size:16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.prodotto_omaggio_checkbox {
    text-align: center;
    margin-right: 10px;
}

.prodotto_omaggio_foto {
    margin-right: 10px;
    border: 1px solid #F7ECA5;
    background-color: #fff;
}

.prodotto_omaggio_nome {
    margin-top: 5px;
}

 .box-login-top {
        
        display:none;
        position: absolute;
        width:300px;
        right:0px;
        top:22px;
        background-color: @official;
        z-index: 970;
        padding: 25px;
        border:0px ;
        text-align:left;
        font-size:13px;
        color:#fff;
        
        a
        {
            color:#fff;
        }
        
       .cat_moduloLogin
       {
           background-color:transparent;
           border:1px solid @official;
           border-bottom:1px solid #fff;
           font-size:14px;
           color:#fff;
           border-radius:0px;
           margin-bottom:20px;
           box-shadow: inset 0 0px 0px  ;
        /*   &:extend(.input-placeholder(#fff);*/
          &::-webkit-input-placeholder {
            color: #fff;
         }
         &:-moz-placeholder {
            /* Firefox 18- */
            color: #fff;
         }
         &::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff;
         }
         &:-ms-input-placeholder {
            color: #fff;
         }
           
       }
       
       .btnSite
       {
            margin-bottom:15px;    
       }
       
       
       
    }

 
 

 //***************** BTNSITE *************************************************
   
   .btnSite
   {
        border:0px;
        &:extend(.bold); 
        font-size:15px;
        border-radius:32px !important;
        position: relative;
        display: inline-block;
        outline: none;
        overflow: hidden;
        
        &:hover,
        &:focus
        {
           outline: none; 
        }
   } 
   
   
    .btnSite span {
        display: inline-block;
        border-radius:32px;
        cursor: pointer;
        padding: 10px 40px;
        background-color: @official;
        color: @bianco; 
       
     
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }
   
   
    .btnSite::before {
        position: absolute;
        top: 0;
        display: inline-block;
        padding: 10px 40px;
        left: 0;
        z-index: -1;
    
        width: 100%;
        height: 100%;
        background: @viola;
        color: #fff;
        content: attr(data-hover);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translateX(-25%);
        
       
    }
    
   
       
   .btnSite:hover span,
   .btnSite:focus span {
   
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    
    }

    .btnSite:hover::before,
    .btnSite:focus::before {
           -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
        
    }
 // GESTIONE COLORI 
 
 .btnGiallo span,
 button.btnGiallo,
 input.btnGiallo,#button_email_min, #submit_button
 {
        background-color: @giallo;
        color: @nero;
        &:hover{
            background-color: @viola;
            color: @bianco;
        }
        
 }
 #submit_button
 {
        &:extend(.btnSite);
        &:extend(.btnGiallo);
        
        
 }
 
 .btnGiallo::before
    {
    background-color: @viola;
    color: #fff; 
   } 
   
 
     
/*** fine BTNSITE ****/     

 .textPadLeft
 {
     padding-left:40px;
    @media (max-width: @screen-sm-max) {
             padding-left:0px;
             padding:10px;
    }
 }

.textPadRight
 {
     padding-left:40px;
     
     @media (max-width: @screen-sm-max) {
             padding-left:0px;
             padding:10px;
    }
 }


 
 
 
 

.box-carrello-wrap {
    position: relative;
    
    &:hover {
        .box-carrello-prodotti {
            display: block;
        }
        
       .icoCart{
            background-color: #3e2977;
            color: #fff;
        }
    }
    
    .box-carrello-sf {
        padding: 15px;
    }
    
    .box-carrello-prodotti {
        display: none;
        position: absolute;
        width:380px;
        right:0px;
        top:22px;
        background-color: @viola;
        z-index: 1000;
        padding: 25px;
        border:0px ;
        text-align:left;
        font-size:13px;
        color:#fff;
        
        a
        {
            color:#fff;
        }
    }
    
    .box-carrello-item {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #CECECE;
        
        a {
            color: inherit;
        }
    }
    
    .box-carrello-info {
        text-align: right;
    }
    
    .link-info {
        color: @official;
        .bold;
        font-size:16px;
        text-decoration:underline;
    }
    
}
  .elenco-off .offerta, .parlano .offerta {
    background-color: #EFEFEF;
    margin-bottom: 20px;
    h1 {
      /*  font-size:24px;
        line-height:24px;*/
    }
   h2 {
        font-size:24px;
        margin-top: 5px;
    }
    
    .testo
    {
         img
        {
            margin-right:20px !important;
        }
    }
    .cont-text{
       
        padding:25px 40px 25px 25px;
        @media (max-width: @screen-xs-max) {
            padding:25px 10px;
            }
        @media (max-width: @screen-xs-max) {
            padding:15px 5px;
            }
        }
    
    }
    
.table-box {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    @media (max-width: @screen-xs-max) {
        display:block;
        float:left;
        }
    .table-cell{
        display: table-cell;
        vertical-align: middle;
        float: none;
            @media (max-width: @screen-xs-max) {
                display:block;
                float:left;
            }
        }
        
}
.tit-cont {
   font-family: @font-special;
   font-size: 30px;
    
   font-weight:nold;
   
   @media (max-width: @screen-xs-max) {
      font-size: 26px;
      line-height: 20px;
   }
 }
 
 .sotto-tit-cont {
  font-size: 20px;
 line-height: 20px;
 margin-bottom: 5px;
   @media (max-width: @screen-xs-max) {
      font-size: 16px;
      line-height: 15px;
   }
 }
 
 .sfondo-blog{
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center;
     @media (max-width: @screen-xs-max) {
         height:200px;
         }
     }