// 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/breadcrumbs.less";
@import "bootstrap3.2.0/less/pagination.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
@import "slick/slick.less";
@import "slick/slick-theme.less";

// catalog
@import "catalog/less/mixins.less";
@import "catalog/less/style_css_catalog.less";
@import "catalog/less/checkout.less";
@import "catalog/less/newsletter_cms.less";

@import (less) "sidr/css/jquery.sidr.bare.css";
@import (css) "//admin.abc.sm/cms/js_lib/jquery/UI/css/ui-lightness/jquery-ui-1.10.3.custom.css";
@import (less) "jquery-ui.custom.min.css";

// ******************************************************
// variabili sito
@nero: #000;
@panna: #EBE2CB;
@azzurro: #1B82C3;
@grigio: #7F7F7F;
@grigio-chiaro: #EFEFEF;
@sfondo-leggero: #eee;
@font-corsivo: 'Satisfy', cursive;

// ******************************************************
// variabili bootstrap
@container-large-desktop: 1850px;
@grid-gutter-width: 10px;
@official: @azzurro;
@text-color: @nero;
@link-color: @text-color;
@font-family-sans-serif: 'Cabin', sans-serif;
@font-special: 'yeseva_one_regular';
@font-size-base: 17px;
@line-height-base: 1.3;
@border-radius-base: 0;

.container {
    @media (min-width: @screen-lg-min) {
        max-width: 100%;
        padding: 0 30px;
    }
    
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        width: auto;
    }
}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  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-freccia-destra:before {
  content: "\e900";
}
.icon-freccia-giu:before {
  content: "\e901";
}
.icon-freccia-sinistra:before {
  content: "\e902";
}
.icon-ico-aggiungialcarrello:before {
  content: "\e903";
}
.icon-ico-assistenza:before {
  content: "\e904";
}
.icon-ico-breadcrumbs:before {
  content: "\e905";
}
.icon-ico-carrello:before {
  content: "\e906";
}
.icon-ico-elenco:before {
  content: "\e907";
}
.icon-ico-facebook:before {
  content: "\e908";
}
.icon-ico-login:before {
  content: "\e909";
}
.icon-ico-pagamenti:before {
  content: "\e90a";
}
.icon-ico-quotazione:before {
  content: "\e90b";
}
.icon-ico-registrazione:before {
  content: "\e90c";
}
.icon-ico-ricerca:before {
  content: "\e90d";
}
.icon-ico-spedizioni:before {
  content: "\e90e";
}
.icon-ico-telefono:before {
  content: "\e90f";
}
  

body
{
    background:#F8F8F8;
}

.grigio, .grigio a
{
    color:@grigio;
}

.bigger
{
    font-size:37px !important;
     @media (max-width:1270px){
            
                 font-size:27px !important;
           
            }
    
}
.smaller
{
    font-size:13px !important;
}

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

.official {
    color: @official;
    
    a {
        color: inherit;
    }
}
// ******************************************************
// SFONDI

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

.voce_menu_39451
{
    display:none !important; 
}

img {
    max-width: 100%;
}

.bold {
    font-weight: bold;
}

.slick-dots li button:before {
    font-size: 34px;
}

.cat-btn,
.cat-btn-back {
    &:extend(.btn all);
    &:extend(.btn-default all);
}

.cat-btn-tracking {
    &:extend(.btn-primary all);
}

.bianco
{
    color:#fff;
}

.azzurro
{
    color:@azzurro;
}

   a
    {
        
        &:hover
        {
            color:@official;
            text-decoration:none;
        }
        &:active
        {
            
            text-decoration:none;
        }
        
    }
 
 h3
    {
        @media (max-width: 1200px) {
            font-size: 22px; 
        }
    }
 
// ******************************************************
// MENU
.header-menu{
    display: flex;
    justify-content: center;
    
    .menu-main {
        .hidden-xs;
        .hidden-sm;
        position: relative;
        ul {
            padding: 0;
        }
        
        li {
            list-style: none;
            padding-bottom:10px;
            display: inline-block;
        }
        
        a {
            font-size: 16px;
            background-repeat: no-repeat;
            background-position: top center;
            padding: 10px 18px;
            background-size: 30px;
            display: inline-block;
            color:#000;
            font-weight:bold;
            text-transform:uppercase;
            
            &:hover,
            &:focus,
            &:active {
                text-decoration: none;
                color: @official;
            }
            
              @media (max-width:1350px){
            
                padding: 10px 12px;
           
            }
            
            @media (max-width:1270px){
            
                padding: 10px 10px;
           
            }
            
              @media (max-width:1200px){
                font-size: 13px;
                padding: 10px 6px;
           
            }
        }
        
         > .submenu
        {
           background-image:url('/source/arr_down.png');
           background-repeat:no-repeat;
           background-position:bottom 0px center; 
        }        
    }
    
    ul.menu-main{
        > .submenu-container{
            opacity: 1 !important;
            visibility: visible !important;
            display: inline-block !important;
            position: relative !important;
            > a > span{
                display: none;
            }
        }
    }
    
  ul.level2 {
    display:none;
    background-color:#eee; /*#F8F8F8;*/
    position:absolute; 
    z-index:999; 
    margin:0px; 
    padding:15px;   
    padding-top:20px;
    top:50px !important;
    left: auto !important;    
    width:290px;
    opacity:1;
    a
    {
        font-weight:normal;
        text-transform:Initial;
        padding: 5px 10px !important;
    }
    li
    {
        display:block;
        padding-bottom:3px;
        position: unset !important;
        span{
            display: none;
        }
        
        > ul{
            display: none !important;
            background:#eee;
            padding: 20px 15px 15px;
            min-width: 200px;            
        }
    }
    
    border:0px;
        @media (max-width:@screen-md-max){
            top:85px;     
        }
    }
}

// ******************************************************
// LAYOUT
.dx
{
    text-align:right;
}
.cx
{
    text-align:center;
}

.footer-sf {
    background-color: @panna;
}

.logo_100
{
    left:0px;
    top:-20px;
    position:absolute;
     @media (max-width:@screen-xs-max){
            top:0px;     
        }

}

.barra-fixed .logo_100
{
    display:block;
}
 

.icoWapp
{
     
    animation-delay: 1s;
    position:fixed;
    right:10px;
    z-index:1020;
    bottom:0px;
    height:200px;
    
    @media(max-width: 1000px){
       
        height:400px;
    
        img
        {
            max-width:90px;
        }
    }
    
   @media (max-width:@screen-sm-max){
            height:100px;
    }
}
.icoConsulenza
{
    
    position:fixed;
    right:20px;
    z-index:1000;
    bottom:130px;
    height:200px;
    
    @media(max-width: 1000px){
        
        height:400px;
    
        img
        {
            max-width:90px;
        }
    }
    
   @media (max-width:@screen-sm-max){
            height:100px;
    }
    
}
 


/* ico up-down */
 .moveUp.visible{
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	animation: moveUp 0.6s ease-in-out 0.2s backwards;
	opacity:1;
}
@-webkit-keyframes moveUp{
	0% { 
		-webkit-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveUp{
	0% { 
		-moz-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveUp{
	0% { 
		-o-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveUp{
	0% { 
		-ms-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveUp{
	0% { 
		transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

.moveUp, .moveDown,.moveRight, .moveLeft, .fadeAnimation-titanka{opacity:0;}



.grid figure img
{
    display:inline-block;
    
}


figure.effect-sadie figcaption::before {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,    rgba(0,0,0,0.5) 85%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie:hover 
{
    h2
    {
        transform: translate3d(0,-50%,0) translate3d(0,-5px,0);
    }
}

figure.effect-sadie p
{
     top:auto !important;
     bottom:45% !important;
     z-index:800; 
     
     
        @media(max-width: 1350px){
                
           
            
        }
             @media(max-width: 767px){
                        
                      
              
            }       
     
}

.box-categorie {
    text-align: center;
    
    font-size: 20px;
    
    
  
    

    .ombra_box_bottom
    {
          position:absolute;
          top:0px;
          left:0px;
          z-index:1500;
          background-image:url('/source/ombra_box_bottom.png');
          width:100%;
          max-width:443px;
          background-repeat:no-repeat;
          height:100%;
    }
    
    .box-categoria {
        padding: 0 0px;
        position:relative;
        text-shadow: 1px 1px #333;
      
        .grid
        {
            max-width:97%;
            float:none;
            margin:0px auto;
            
            figure
            {
                 background-image: linear-gradient(to top, #000, #333);
                 @media(max-width: @screen-xs-max){
                        width:100%;
                        max-width:400px;
                        font-size:16px;
                        height:160px;
                        margin:5px auto;
                        
                }
                
            }
        }
        p
        {
             z-index:1000;
              
     
        }
        
        
       
            
        
        h2
        {    
            
             color:#fff;
             font-size: 22px;
             top:auto;
             bottom:20px;
             z-index:1000;
             word-spacing:normal;
             
             a
             {
                color:#fff;    
                font-weight:bold;
                
                &:hover
                {
                    text-decoration:none;
                }
             }
             
           @media(max-width: 1370px){
                
                font-size: 20px;
      
            }
          
           @media(max-width: 1192px){
               
                font-size: 15px;
      
            } 
            
            @media(max-width: @screen-xs-max)
            {
                font-size: 17px;
            }
             
        }
       
        
    }
}
  .figcaption_alt_effect img
    {
        @media(max-width: 1200px){
                     width:30px;  
          
        } 
         
        
    }
#div_FormRegUser
{
    width:600px;
    width:400px;
    max-width:100%;
}
.cat_wrapper_login
{
    width:400px;
    max-width:100%;
    
    .cat_moduloButton
    {
        margin-bottom:20px;
    }
}
#slideThumb
{
    margin-top:15px;
}
#cat_InfoProdotto
{
 
    padding:20px;
    background:#eee;
    font-size: 17px;
    
    .headFormTitle
    {
        text-transform:uppercase;
        .bold;
        font-size:20px;
        color:@azzurro;
    }
}

.effect-sadie:hover 
{
    h2
    {
        transform: translate3d(0,-10%,0);
    }
}





.header-row-1 {
  
    font-size:15px;
    color:#7F7F7F;
    margin-bottom:5px;
    
    a
    {
        color:#7F7F7F;
        font-weight:bold;
        &:hover
        {
            color:#000;
            text-decoration:none;
        }
        
    }
  
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-row-2 {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    
    
    @media(max-width: @screen-sm-max){
        display: block;
        padding-top: 0;
    }
}

.logo {
    text-align: center;
    
    @media (min-width: @screen-md-min) {
        text-align: left;
    }
}

.barra-fixed
{
    
    position:fixed;
    top:0px;
    left:0px;
    z-index:800;  
    width:100%;
    .header-row-1
    {
        display:none;
    }
    
}


.titolo {
    
    margin-top: 30px;
    margin-bottom: 40px;
    position:relative;    
   
    font-size: 40px;
    font-family: @font-special;
    color:#000;
    @media(max-width: @screen-xs-max){
        margin-top: 0px;
        margin-bottom: 30px; 
    }   
    
    h1
    {
      font-size: 32px;  
      margin-top:0px;
    }
    h2,h1
    {
       
        
        margin-bottom:5px;
        @media (max-width: @screen-sm-max) {
            font-size: 30px; 
        }
        @media(max-width: @screen-xs-max){
                
                font-size: 23px; 
        }  
        
        &:before{
            
                content: '';
                display: inline-block;
                height: 3px;
                width: 40px;
                background:#000;
                vertical-align:middle;
                margin-right:10px;
                margin-left:-20px;
                
       }
     
    }
    
    h3
    {
            
           padding-left:30px;
           font-size: 25px;
           color:#7F7F7F;
           margin-top:0px;
           
         @media(max-width: @screen-xs-max){
                
                font-size: 20px; 
        }  
        
    }
    
    
}


.txtAllinea
{
    padding-left:30px;
}



.racchiuso
{
 
 
    &:before{
            
                content: '';
                display: inline-block;
                height: 3px;
                width: 40px;
                background:#000;
                vertical-align:middle;
                margin-right:15px;
                
                 
                
                
       }   
     
     &:after{
            
                content: '';
                display: inline-block;
                height: 3px;
                width: 40px;
                background:#000;
                vertical-align:middle;
                margin-left:15px;
                
       } 
       
     &:hover
     {
         
          &:before, &:after {
                background:@official;
          }   
         
         
         
         
     }
       
}



.racchiuso-sx
{
 
 
    &:before{
            
                content: '';
                display: inline-block;
                height: 3px;
                width: 40px;
                background:#000;
                vertical-align:middle;
                margin-right:15px;
                
                 
                
                
       }   
       
}

.upper
{
    text-transform:uppercase;
}


.topInterne
{
    height:400px;
    background-size:cover;
    background-position:center;
    margin-top:20px;
    margin-bottom:20px;
    @media(max-width: @screen-xs-max){
       
       margin-top:0px;
       
    }
}
.cnt-footer
{
    font-size:15px;
    
    background:#000;
    color:#fff;
    padding-top:50px;
    padding-bottom:50px;
    margin-top:100px;
    
    @media(max-width: @screen-xs-max){
       
       padding-left:20px;
       margin-top:20px;
       
    }
    
    a
    {
        color:#fff;    
    }
    
  
    .logoFooter
    {
        margin-top:-60px;
        text-align:center;
        @media(max-width: @screen-xs-max){
          
          text-align:left;
          margin-bottom:20px;
     
        }
    }
    
    .menu-footer
    {
        padding-top: 5px;
        
        ul{
            padding: 0;
            list-style: none;
            li
            {
                margin-bottom: 5px;
            }
            li:before
            {
                content:'-';
            }
            a{
                
                margin-left:10px;
                
                display: inline;
                
                &:hover
                {
                    color:@official;
                }
            }
        }
    
    }
    
    
    
    
}
 
.tratto-social
    {
        width:60px;
        border-top:5px solid @official;
        margin:0px auto;
        margin-top:-55px;
        margin-bottom:55px;
        
    }
.box-newsletter
{
    
    background:@azzurro;
    color:#fff;
    
    padding:30px;
    padding-left:0px;
    
    
    width:100%;
    
     @media(max-width: 1200px){
         
         padding:20px;
        padding-left:0px;
         
    }
    
    .wrapper_email_min,.txtNewsletter
    {
        padding-left:55px;
    }
    
    .wrapper_email_min .modulo_email_min {
        
        height: 43px;
    }
    .wrapper_email_min .field_button_min
    {
        background:transparent;
        padding:0px;
        width:200px;
        max-width:100%;
        .bottone_email_min
        {
           
            background:#000;
            text-transform:uppercase;
            
           &:hover{
                color:@official;
                background:#fff;
                border:1px solid @official
            }  
        }
    }
    .racchiuso-sx
    {
 
        &:before{
            background:#fff;
            
        }
    }
    
    .field_email_min
    {
        width:100%;
        float:none;
        margin-top:20px;
    }
     .field_button_min
    {
        width:100%;
        float:none;
        margin-top:15px;
    }
}





.box-info-footer{
    
    height:295px;
    padding-top:20px;
    text-align:center;
        
    line-height:20px;
    font-size: 16px;
    
    .cntInfoFooter
    {
        width:300px;
        max-width:100%;
        margin:0px auto;
    }
    img{
        margin-top: 30px;
    }
    
    
    i {
         
        font-size: 70px;
        line-height: 25px;
    }
    
    @media(max-width: @screen-sm-max){
        margin-bottom: 25px;
    }
    
    
    @media(max-width: @screen-xs-max){
        height:auto;
        padding-top:50px;
        padding-bottom:30px;
        border-top:1px solid @official;
        border-bottom:1px solid @official;
    }
    
   
}
 .box-info-footer-dx
    {
       border-left:1px solid @official;
      
       @media(max-width: @screen-xs-max){
             border-left:0px !important;
             border-top:0px !important;
             border-bottom:0px !important;
        } 
        
    }
// ******************************************************
// HOMEPAGE
.home-slider {
    position: relative;
    
   .slideHome
    {
        height:550px;
        width:100%;
        position:relative;
        background-size:cover;
        background-position:center;
        
        @media (max-width: @screen-md-max) {
                
                height:350px;
            
            }
         @media (max-width: @screen-xs-max) {
                height:200px;
                background-color:#1B82C3;
                background-repeat:no-repeat;
                background-position:top;
                background-size:contain;
                
        }
            
         @media (max-width:590px) {
                height:170px;
            }
         @media (max-width:370px) {
                height:130px;
                
                
            }    
    }
   

}

 .cntClaimPromo
 {
     padding-top:10px;
     padding-bottom:10px;
     background-color:#1773AA;
 }
  .txtClaimPromo
  {
        font-size:35px;
        text-align:center;
        color:#fff;
        line-height:28px;
        font-size:28px;
         a
        {
            color:#fff;
        }
        .rosso
        {
            color:#D02C37;
            @media(max-width: @screen-xs-max){
            color:#fff;
           
           }
        }
        
        .smaller
        {
            font-size:18px !important;
        }
        
  }

    .claimSlideCovid
    {
        .txtClaimPromo;
        position:absolute;
        width:100%;
        top:100px;
        z-index:1100;
      
      /*  text-shadow: 1px 1px #ccc;*/
          @media(max-width: @screen-md-max){
            top:60px;
           
           }
       
    }
    .claimSlideTop
    {
        position:absolute;
        bottom:30px;
        left:30px;
        font-size:35px;
        z-index:990;
        color:#fff;
        
         @media(max-width: @screen-xs-max){
           /* display:none;*/
            font-size:22px; 
            padding:10px;
            position: relative; 
            bottom: 0px;
            left: 0px;
            
            z-index: 10;
            color: #fff;
            width: 100%;
            background: #1B82C3;
            text-align:center;
         
        
         }
    }

 .ombraSlide
    {
        position:absolute;
        bottom:0px;
        left:0px;
        z-index:900;
        background-image:url('/source/ombra_slide.png');
        background-repeat:no-repeat;
        background-position: left bottom;
        width:100%;
        height:100%;
        
        @media(max-width: @screen-xs-max){
            display:none;
        }
        
    }
    
//slide qualita 
#slideQualita {
    position: relative;
    

    height:600px;
    width:100%;
    position:relative;
    background-size:cover;
    
      @media (max-width: 1200px) {
            
            height:350px;
        
        }
    @media(max-width: @screen-xs-max){
           height:350px; 
           background-size:cover;
           background-position:center;
        } 
   
        
    h2
    {
        font-size:40px;
        
        @media (max-width: 1200px) {
            
            font-size:32px; 
        
        }
        
          @media(max-width: @screen-xs-max){
            
            font-size:24px; 
        }
        
    }
    .claimSlide
    {
        
        padding-top:130px;
        font-size:18px;
        @media (max-width: 1200px) {
            
             padding-top:100px;
        
        }
            
    }
    
    .txtSlide
    {
        padding-left:30px;
        width:500px;
        max-width:90%;
        letter-spacing:1px;
    }
    .trattoSlide
    {
        margin-top:30px;
        border:2px solid @official;
        width:600px;
        max-width:90%;
        
    }
}


.cntPuls
{
    width:230px;
    max-width:100%;
}
.pulsante 
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.pulsante,
span.pulsante{
    text-align: center;
    display: block;
    line-height: 48px;
    color: @official;
    font-size: 18px;
    font-weight: bold;
    
    background-color: @official;
    width: 100%;
    max-width: 300px;
    
    padding: 0 5px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    overflow: hidden;
    
    &:after{
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translateX(-100%);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        //background-color: #0165A8;
    }
    
    &:hover{
        color:#fff;
        text-decoration:none;
        
        &:after{
            background-color: @azzurro;
            -webkit-transform: translateX(0);
        }
    }
    
    span {
        margin-right:4px;
        margin-top:-2px;
        font-size:28px;
    }
}

.pulsante-inverse{
    
    //line-height:49px;
    
    &:after{
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translateY(100%);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        border:@azzurro;
        background-color: @azzurro;
        color:#fff;
    }
    
    &:hover {
        color:#fff;
          border:@azzurro;
        background-color: @azzurro;
    }
}

.pulsante-inverse {
    &:link,
    &:active,
    &:visited,
    &:focus {
        background-color: transparent !important;
        border: 3px solid @azzurro !important; 
        
    }
}

.text-onslider{
    position: absolute;
    bottom: 200px;
    right: 80px;
    background: rgba(255,255,255,0.85);
    padding: 20px 60px;
    font-size: 30px;
    .text-principale{
        font-size: 36px;
        font-weight: bold;
        &:after{
            content: '';
            height: 4px;
            background: #37d7d7;
            width: 60px;
            position: relative;
            left: -78px;
            display: block;
            margin: 15px 0 10px;
        }
    }
}

.home-ultimi-arrivi {
    position:relative;
    .cat_riqProdottoBox {
        .make-xs-column(12);
        .make-md-column(3);
        margin-bottom: 20px;
    }
}

.home-piu-venduti {
    position:relative;
    .cat_riqProdottoBox {
        .make-xs-column(12);
        .make-md-column(3);
        margin-bottom: 20px;
    }
}

.pg-home{
    .header-row-2 {
        
        display: flex;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
       
        padding-bottom: 15px;
        margin-bottom: 0px;
        background-image: none;
        @media(max-width: @screen-sm-max){
            display: block;
            padding-top: 0;
        }
    }
    
    .container-page{
        padding-bottom: 0;
    }
}

.titolo-descrizione{
    color:@official;
    font-family: @font-corsivo;
    font-size: 60px;
    padding: 50px 30px 0;
    
    
}

.testo-descrizione{
    color: @text-color;
    font-size: 16px;
    padding: 0px 30px 0;
    
    h2 {
        font-size: 36px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
}


 

// ******************************************************

.descr-categoria{
    margin-top:20px; 
    display:block;
    clear:both;
      &:before{
            
                content: '';
                display: inline-block;
                height: 1px;
                width: 40px;
                background:#000;
                vertical-align:middle;
                margin-bottom:20px;
                
                
       }
     
}

.evidenzia
{
    padding:5px;
    background-color:yellow;
}

// PRODOTTI
.riquadro {
    position: relative;
    border-color: transparent;
    transition: all .2s;
    
    .foto-wrap {
        position: relative;
    }
    
    .prime {
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        background-color: @official;
        pointer-events: none;
        padding: 4px;
        z-index: 1;
    }
    
    .foto {
        position: relative;
        text-align: center;
        margin-bottom: 15px;
        
        @media (max-width: @screen-xs-max) {
            line-height: 160px;
        }
        
        @media (min-width: @screen-sm-min) {
            line-height: 270px;
        }
        
        @media (min-width: @screen-lg-min) {
            line-height: 280px;
        }
    }
    
    .nome {
        padding-top:15px;
        float:left;
        width:70%;
        font-size: 18px;
        font-weight:bold;
        text-transform:uppercase;
      
        line-height: 1.2;
        
        
        a:hover, a:focus, a:active{text-decoration: none};
        @media (min-width: @screen-sm-min) {
            font-size: 16px;
        }
    }
    
    .cntPrezzo
    {
        padding-top:15px;
        float:right;
        width:30%;
        text-align:right;
        color:@official; 
    }
    
    .prezzo {
        
        font-size:17px;       
        font-weight:bold;
        .cat_prezzo_offerta {
           color: @nero;
        }
    }
    
    .nome_cat
    {
        color:@grigio;
        text-transform:lowercase;
        font-size:15px;
        margin-top:5px;
    }
    
    .add-cart,
    .add-wishlist{
        width: 35%;
        display: inline-block;
        float: left;
        button,
        .btn_add_cart {
            border-color:@official;
            width: 100%;
            color: @official;
            padding: 10px 12px;
            i{
                font-size: 18px;
            }
        }
    }
    
    .add-cart{
        width: 65%;
        
        .btn_add_cart {
            color: #FFF;
            text-transform: uppercase;
        }
    }
    .actions{opacity: 0; transition: all .2s;}
    
    &:hover{
        .actions{opacity: 1;}
        border-color: @official;
    }
}


.riquadro_offerta  
{
    
    .cntInfoPreview
    {
        padding-top:10px;  
        
        @media (min-width: @screen-md-min) {
            padding-top:80px;  
        }
        
        
        
    }
    .nome, .cntPrezzo
    {
        float:none;
        
         @media(max-width:@screen-xs-max){
              margin-top:5px;
        }
    }
    
    .nome_cat
    {
        color:@grigio;
        text-transform:lowercase;
        font-size:15px;
    }
    .cntPrezzo
    {
        text-align:left;
        margin-top:20px;
        
         @media(max-width:@screen-xs-max){
              margin-top:5px;
        }
    }
}

.slick-descrizione{
    margin-top: 30px;
}

.cat_breadCrumb {
    margin-bottom: 20px;
    padding-left:30px;
    background-image:url(/source/home.png);
    background-repeat:no-repeat;
    background-position:left center;
}



.bread
{
    
    font-size:16px;
    margin-top:20px;
    margin-bottom:20px;
    color:#7F7F7F;
    a
    {
        color:#7F7F7F;
    }
    i
    {
        margin-right:20px;
    }
}

// ******************************************************
// PAGINA CATEGORIA
.container-sidebar{
    padding-right: 30px;
    @media(max-width: @screen-sm-max){
        padding-right: 5px;
    }
}

#catElencoProdotti{
    .wrapper_ordinamento_prodotti{
        padding-bottom: 40px;
        @media(max-width: @screen-md-max){
            padding-top: 20px;
        }
    }
    .cat_riqProdotto{
        .make-xs-column(12);
        .make-md-column(4);
        margin-bottom: 20px;
    }
}

.main-container{
    overflow: hidden;
}

.cat-pg-categoria,
.cat-pg-prodotto {
    .catalog_titolo{
        margin-top: 0;
        display:none;
        @media(max-width:@screen-xs-max){
           
        }
    }
    
    .titolo
    {
        margin-bottom:0px;
        @media(max-width:@screen-xs-max){
            margin-bottom:20px; 
        }
    }
    .container-categorie{
        margin-top: 55px;
        padding-top: 65px;
        background-image: data-uri('border.jpg');
        background-repeat: repeat-x;
        background-position: top;
    }
}

.cat_CartBoxNumero
{
    padding:5px;
    background:red;
    color:#fff;
    font-weight:bold;
    border-radius:50%;
    font-size:12px;
}
.cat-pg-prodotto
{
     h1, .catalog_titolo{
        
        font-size:30px !important;
        font-weight:bold;
        margin-top:0px;
        
        @media (max-width:@screen-md-max){
            font-size:28px !important;
        }   
        @media (max-width:@screen-sm-max){
            font-size:28px !important;
        }
        @media (max-width:@screen-xs-max){
            font-size:24px !important;
            
        }  
    }
    
    
}
.cat-pg-prodotto{
    .container-categorie{
        margin-top: 80px;
    }
    .catalog_titolo{
        /*display: none;*/
    }
    
    .container-sidebar{
        display: none;
    }
    
    .container-page{
        .make-xs-column(12);
        .make-sm-column(12);
        .make-md-column(12);
        .make-lg-column(12);
        padding-bottom: 0;
    }
}

.titolo-box-categoria{
    font-size: 20px;
    text-decoration:underline;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}

.cat_menuCategoria{
    .cat > a{
        font-size: 17px;
        font-family: @font-family-sans-serif;
        color: @text-color;
        text-transform: uppercase;
    }
}

.box-filtro {
    margin-top: 15px;
    
    .box-filtro-titolo {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px solid @text-color;
        padding-bottom: 10px;
        .text-uppercase;
        
        @media (max-width: @screen-xs-max) {
            .text-center;
            border: 1px solid @nero;
            padding: 5px;
            cursor: pointer;
            background-position: 95% center;
            background-repeat: no-repeat;
            &:extend(.ico-tr-down);
            
            &.-open {
                background-color: @gray-lighter;
            }
            
            &:hover {
                background-color: @gray-lighter;
            }
        }
    }
    
    .filtri {
        padding: 0 10px;
            
        @media (min-width: @screen-sm-min) {
            margin-top: 15px;
        }
        
        .filtro {
            margin-bottom: 15px;
            
            select {
                &:extend(.form-control all);
            }
            
            .nome {
                .text-uppercase;
                .bold;
                font-size: 17px;
                margin-bottom: 14px;
            }
            
            .nome-toggle {
                &:extend(.ico-tr-up);
                background-position: 95% center;
                background-repeat: no-repeat;
                cursor: pointer;
                
                .filtra-per {
                    display: inline;
                }
                
                &.-chiuso {
                    &:extend(.ico-tr-down);
                }
            }
            
            .checkbox {
                margin-top: 0;
                margin-bottom: 3px;
                text-transform: capitalize;
                
                label {
                    line-height: 1;
                }
            }
            
            .checkbox-col {
                .make-xs-column(12);
            }
        }
        
        .filtro-prezzo {
            //.hidden-xs();
        }
        
        #fascia_min,
        #fascia_max {
            background: @gray-lighter;
            border: 0;
            width: 55px;
            text-align: center;
            
            @media (max-width: @screen-xs-max) {
                padding: 0;
            }
            
        }
        #fascia_prezzo_inputs {
            margin-bottom: 18px;
        }
        
        #slider_fascia_prezzo {
            margin: 0 10px 10px;
            
            @media (min-width: @screen-md-min) {
                margin: 0 20px 0 0; 
            }
            
            @media (min-width: @screen-lg-min) {
                margin: 0; 
            }
        }
    }
    
    .filtri-wrap {
        height: auto;
        transition: all .2s;
        display: block;
        &.chiuso{
            height: 0;
            display: none;
        }
        
        @media (max-width: @screen-sm-max) {
            display: none;
        }
    }
}

 select, .cat_select_listbox_order
         {
             
             border:1px solid #fff;
             border-bottom:1px solid #000;
             -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
            box-shadow: inset 0 0px 0px rgba(0,0,0,0);
            cursor:pointer;
            -moz-appearance: none;
            -webkit-appearance: none;
            text-indent: 8px;
            background-image: url("/source/ico_select.png") !important;
            background-position: 97.5% center;
            background-repeat: no-repeat;
            
         }
#scheda-prodotto {
    
    .cntAttScheda
    {
        margin-top:20px;
        
        .rowAttScheda
        {
            border:1px solid #ccc;
            padding:20px;
            
            .nomeAttScheda
            {
                
                float:left;
                width:50%;
            }
            .opzAttScheda
            {
                .bold;
                float:right;
                width:48%;
            }
        }
    }
    .wappScheda
        {
            margin-top:25px;
            padding-left:20PX;
            border-left:8px solid #2FBB41;
            a
            {
                color:#2FBB41;
                .bold;
            }
            
        }
        
     #select_opzioni
     {
         select
         {
             border:1px solid #fff;
             border-bottom:1px solid #000;
             -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
            box-shadow: inset 0 0px 0px rgba(0,0,0,0);
            cursor:pointer;
            -moz-appearance: none;
            -webkit-appearance: none;
            text-indent: 8px;
            background-image: url("/source/ico_select.png") !important;
            background-position: 97.5% center;
            background-repeat: no-repeat;
            
         }
     }
      h1
      {
          font-family:@font-special;
          font-size:35px;
          margin-bottom:5px;
      }
    
     h2
      { 
          font-size:28px;
          color:@grigio;
          text-transform:lowercase;
          margin-bottom:25px;
          margin-top:0px;
          
          @media (max-width: @screen-sm-max) {
             margin-bottom:0px;  
              font-size:24px;
            }
         @media (max-width: @screen-xs-max) {
             margin-bottom:0px;  
              font-size:22px;
            } 
      }
    
    
    .h1Scheda h2
    {
            
           padding-left:57px;
           margin-bottom:20px;
    }
    
     .compra-ora
     {
         margin-top:20px; 
         width:380px;
         max-width:95%;
         
     }
     .qt_cart {
        width: 100px;
    }
    .qt_cart_inc, .qt_cart_dec {
            cursor: pointer;
            background: @official;
            padding: 7px 12px;
            color:   #fff;
    }

     .schedaDx
     {
      
        padding-top:20px;   
        @media (max-width: @screen-xs-max) {
            padding-top:20px;   
        }
     }
     
    .scheda-row {
        .prezzo {
            color: @text-color;
            font-size: 30px;
            font-weight: bold;
            border-left: solid 10px @official;
            padding-left: 15px;
        }
    }
    
    .labelForm {
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 5px;
        font-weight: bold;
    }
    
  
    
    
    .btn_add_cart, .link_form_info {
        
          color:#fff;
          .bold;
          margin-top: 10px;
          width: 290px;
          max-width: 100%;
          text-align:left;
          padding: 12px 15px;
          padding-left:25px;
          
          border-radius: 0;
          border: 0px;
          font-size: 17px;
          background-color: @official;
          background-image: url('/source/cart.png');
          background-repeat: no-repeat;
          background-position: right 20px center;
          text-transform:uppercase;
          
          @media (max-width: @screen-sm-max) {
             background-position: right 15px center;
             font-size: 16px;
          }
          &:hover {
            background-color: #000;
          }
       }
       .link_form_info
    {
      
          background-image: url('/source/quotazione.png');
        
        
    }  
    .cat_add_cart_wrap .rowForm {
        display: flex;
        @media(max-width:@screen-sm-max){
            flex-direction: column;
            .fieldForm{
                margin-bottom: 0;
                .cat-avvisa-disponibile{
                    margin: 10px 0;
                }
            }
            .foto-grande{
                margin-top: 20px;
            }
        }
        
        .wishlist {
            display: inline-block;
        }
        
        .cat_button {
            font-size: 17px;
        }
        
        
       
        
        .btn_add_wishlist{
            border-color: @official;
            color:@official;
            padding: 15px 25px;
        }
        
        .cat-avvisa-disponibile{
            border-color: @official;
            color:@official;
            padding: 15px 33px;
        }
    }
    
    .link_form_info{
        margin-top: 20px;
    }
    
    .foto-grande {
        text-align: center;
        
        @media(max-width:@screen-sm-max){
            margin-top: 20px;
        }
    }
    
    .labelForm.qt_cart_label{
        float: left;
        margin-top: 6px;
        margin-right: 15px;
    }
    
    .fieldForm.qt_cart_wrapper{
        float: left;
    }
    
    .correlati-row{
        background:@sfondo-leggero;
        
        .titolo.titolo-correlati{
            font-size: 52px;
            background: none;
            line-height: 0.9;
            padding-top: 40px;
            &:after{
                content: '';
                display: block;
                height: 4px;
                width: 75px;
                margin: 0 auto;
                margin-bottom: 11px;
                transition: all .2s;
                background: @official;
            }
        }
    }
}



#cat_login
{
    max-height:90%;
}


.login-container{
    display: none;
}

.container-icone{
   /* display: flex;
    justify-content: space-around;*/
    
    > div{
        cursor: pointer;
      /*  flex: 1;*/
        
        position: relative;
       
        
        > a,
        > div,
        > form {
            padding: 10px 0;
            display: block !important;
            width: 100%;
            text-decoration: none;
        }
        
        &:hover,
        a:hover {
            text-decoration: none;
            color:@official;
        }
        
        &:first-child{
            border-left:  none;
        }
        
    }
} 

.container-ricerca{
    display: flex;
    justify-content: center;
    max-width: 700px;
    margin: 0 auto;
    padding-bottom:20px;
    padding-top: 25px;
    &.collapse{
        display: none;
        &.in{
            display: flex;
        }
    }
    .cat_moduloButton{
        height: 39px;
    }
    .cat_moduloSearch{
        border: none;
        box-shadow: none;
        border-bottom: 0px;
        padding: 6px 15px;
        font-size: 20px;
        height: unset;
    }
}

.cat-pg-checkout,
.cat-pg-account{
    .container-sidebar{
        display: none;
    }
}

.container-page{
    padding-bottom: 60px;
}

.header-cart-mobile{
    
     
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    background:#fff;
    z-index:1030;
    
    
   
   /* display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 20px; 
    */
    font-size: 30px;
    color:@official;
    .btn-menu
    {
        padding-top:5px;
        text-align:center;
    }
   .icoCart
    {
        background:@official;
        color:#fff;
    }
    
    .barraAssistenzaMobi
    {
        line-height:40px;
        font-size:15px;
      
        @media(max-width:@screen-xs-max){
            font-size:13px;
        }
      
        background:#F8F8F8;
        color:@grigio;
        height:40px;
        text-align:center;
        
        a {
            color: inherit;
        }
    }
    
    
    #container-ricerca-mobi
    {
        padding:10px;
        background:#eee;
        .cat_moduloSearch
        {
            width:70%;
            float:left;
        }
        .cat_moduloButton
        {
            width:30%;
            float:left;
            background:@official;
        }
    }
}

.icoMobiTop {
        
        
        color:@official;
        position:relative;
        text-align:center;
        padding-top:10px;
        padding-bottom:8px;
        
        a
        {
            color:@official;
        }
    
    .iconeLogin
    {
        .make-xs-column(6);
    }
    
    
    
}

//menu mobi
.sidr {
    color: #333;
    box-shadow: none;
    width: 240px;
    border-right:1px solid #ddd;
     
    top:80px;
    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-class-level2
{
    
      background: @official;  
    
}
    
.sidr ul li a {
     
    text-transform: uppercase;
    font-size:16px;
    padding: 2px 12px;
    box-shadow: none;
    text-decoration:none;
    
}
.sidr ul li:hover > a, .sidr ul li:hover > a:hover{
    box-shadow: none !important;
    text-decoration:none;
    
}
.sidr ul li a.cmsCurrentPage, .sidr ul li a:hover{
    
    color:#fff;
    text-decoration: none;
    box-shadow: none;
    
}
            
.sidr ul li:hover {
   
}
                
.sidr ul li > a {
    box-shadow: none;
}

.sidr .sidr-inner > li ul {
    
    display: none;
    transition: visibility 0s, opacity 0.5s linear;
}

.sidr .sidr-class-submenu{
    padding-left: 10px;
}



.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;
     
     text-transform:lowercase ;
}
.sidr ul li .sub-menu{
    background-image: url('/source/arr_down_white.png') !important;
    background-position: center right 20px;
    background-repeat: no-repeat;
}

 
 
#sidr-mobile{
    background:@official;
    
    
    .sidr-inner{
        padding-top: 20px;
        padding-left: 10px;
        li{
            padding: 0;
            list-style: none;
            a{
                color:#FFF !important;
                text-transform:uppercase;
                margin-bottom: 15px;
                display: block;
            }
            
            .sidr-class-level2
            {
                 a
                {
                  text-transform:initial !important;
                  margin-bottom: 7px !important;
                  
                  
                }
        
            }
        }
        
    
    }
    
   
    
    
    .close-sidr{
        text-align: right;
        padding: 18px 20px 18px;
        border-bottom: dotted 1px #FFF;
    }
} 
.form-contatti{
    input[type="text"],
    select, 
    textarea{
        width: 100%;
        padding: 7px 3px;
        box-shadow: none;
        border: dotted 1px @text-color;
    }
    input[type="button"]{
        border:none;
        background:@official;
        box-shadow: none;
        color:#FFF;
        text-transform:uppercase;
        padding: 12px 10px;
    }
    .row > div{
        margin-bottom: 12px;
    }
}
#contenuto_511462 iframe{width: 100%;}


.wrapper_ordinamento_prodotti{
    width: 50%;
    float: right;
    @media(max-width: @screen-sm-max){
        width: 100%;
        float: left;
        text-align: center;
    }
}
.slick-slide img{
    margin: 0 auto;
}
.cat-pg-checkout{
    .container-page{
        .make-xs-column(12);
    }
} 


.slick-arrow{
    font-size: 25px;
    
    position: absolute;
    top: -85px;
    right:50px;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    background-color:transparent;
    border:0px;
    content:"";
    @media(max-width: @screen-xs-max){
         top: -10px;
    }
     &.go-prev{
         
        right: 50;
    }
    &.go-next{
        right: 0;
    }
    
     &.go-prev:hover, &.go-next:hover
     {
         color:@official;
     }
 
}

 .slide-novita-sidebar .slick-arrow{
     
     top:auto;
     top:-25px;
 }
/* modulo contatti */
// FORM CONTATTI
#frmContatti{
	
    input[type="radio"], input[type="checkbox"] {
        display: inline-block;
        margin-right: 4px;
        margin-top: 2px;
    }

	.form-group {
		margin: 3px 0;
	}

	.modulo_alt {
		&:extend(.form-control all);
		height: 45px;
		background-repeat: no-repeat;
		box-shadow: none;
		padding: 0;
		font-size: 16px;
		background-color: #fff;
		margin: 10px 0;
		color: #333;
		border: 1px solid #ccc;
		border-radius: 2px;
		text-indent: 10px;

		option {
			color:#333;
		}
    
        &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          color: #333;
        }
        
        &::-moz-placeholder { /* Firefox 19+ */
          color: #666;
        }
        
        &:-ms-input-placeholder { /* IE 10+ */
          color: #666;
        }
        
        &:-moz-placeholder { /* Firefox 18- */
          color: #666;
        }
    
		
		
	}

    .cntConfirm
    {
        padding-top:20px;
    }
	.modulo_alt[readonly],
	.modulo_file {
	/*	background-image: url('/ATScripts/form/img/attach.png');*/
		background-repeat: no-repeat;
		background-position: 5px center;
		cursor: pointer;
		text-indent: 25px;
		background-color: #fff;
	}

	.bottone_alt {
	    
	    background:#000;
	    padding:8px;
		&:extend(.btn all);
		.button-variant(#fff; #000; #000);
		&:extend(.btn-block all);
		@media (max-width: @screen-sm-max) {
			float: none;
			margin: 10px auto;
		}
	}

	.privacy-form {
		text-align: right;
	}

	.privacy-form label {
		margin: 0;
		display: inline;
	}

	label {
		display: none;
		margin: 5px 0;
		font-size: 16px;
		
		
	}

	.sep {
		padding-bottom: 10px;
	}

	textarea {
		min-height: 175px;
		padding-top:10px !important;
		
		@media (max-width: @screen-md-max) {
                
            min-height: 80px !important;
                
        }
		
	}

	.separatore {
		margin-bottom: 10px;
	}

	select.modulo_alt {
	/*	background-image: url("/source/arr_down.png");*/
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-position: right 10px bottom 50%;
	}

	.privacy-form {
		@media (max-width: @screen-xs-max) {
			margin-top: 10px;
		}

		label {
			padding: 0;
		}
	}
}

#testo_privacy,
.txtred_alt {
	font-size: 12px !Important;
	font-weight: normal;
	
	a{
	    
	    
	
	}
	
}


/* menu categorie */

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

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

.categorie-menu {
    font-size: 15px;
    display: none; // effetto apri/chiudi
    
    @media (min-width: @screen-sm-min) {
        display: block;
    }
    
    .cat {
       font-size:15px;
       text-transform:none;
    }
    
    ul {
        padding: 0 0 0 0px;
    }
    
    .livello_0 {
        padding: 0;
        
        ul {
            &:not(.-current) {
                display: none;
            }
        }
    }
    
    .livello_1 {
        padding-bottom: 15px;
        padding-top:0px;
        padding-right: 0px;
    }
    
    .livello_2 {
        margin-bottom: 10px;
        font-size: 15px;
    }
    
    li {
        list-style: none;
    }
    
    .current_cat {
        > .cat0,
        > .cat1,
        > .cat2 {
            text-decoration: none;
            color:@official;
        }
    }
    
    .cat0 .cmsCurrentPageContainer
    {
        display:block;
        a
        {
            text-decoration:none !important;
        }
    }
    
    
    a {
            font-size:15px;
            padding-right:25px;
            
            &:hover
            {
                color:@official;
            }
            
              @media (max-width: 1160px) {
                  font-size: 13px;
            }
    }
    
    .subMenuIcon
    {
         &:extend(.ico-plus);
    }
    
    .cmsCurrentPage
    {
        color:@official;
        
    }
    
    
    
    .cat0,
    .cat1,
    .cat2 {
           padding:10px;
           padding-left:10px;
           line-height:20px; 
         
        a {
          
           
            display: block;
            background-repeat: no-repeat;
            background-position: center right 0px;
            
            padding: 0px 0px 0px 0px;
            cursor: pointer;
            
            margin-left:10px;
            border-bottom:0px;
            padding: 7px 7px 0px 0px;
            @media (max-width: 780px) {
                    padding: 7px 20px 0px 0px;
            }  
           
        }
        
        &.-open {
            a {
                &:extend(.ico-minus);
            }
        }
    }
    
    .cat1
    {
        padding-bottom:5px;
        padding-top:5px;
    }
    
    .cat0 {
        text-transform:uppercase;
        background-repeat:no-repeat;
        background-position: right 5px center; 
        background-color:#fff;
        
        padding-left:0px;
        
        a {
          .bold;
           margin-left:0px !important;
        }
        
        @media (min-width: @screen-sm-min) {
            &:after {
                content: '';
                display: block;
                height: 1px;
                width: 40px;
                background:@official;
                vertical-align:middle;
                margin-top:25px;
                margin-left:0px;
            }
        }
    }
}

.cmsCurrentPage {
    color:@official;
}

.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;
}

.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: 0;
}

.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;
}
.pagination > li > a, .pagination > li > span, .cat_pagination > li > a, .cat_pagination > li > span
{
    background:@grigio-chiaro;
    color:#666;
    padding:8px 15px;
    border:0px;
}

//*** recensioni
.boxCommento
{
    width:99%;
    padding:10px;
    border:1px solid #ccc;
    margin-bottom:20px;
}

/* newsletter popup per coupon */
#wrapper_news_layer{
    background-color:#fff!important;
    background-image: none!important;
    height: auto!important;
    padding: 25px 5px!important;
    z-index: 999999 !important;
   
    @media (max-width: @screen-xs-max) {
       width:100% !important;
       max-width: 355px !important;
    }
}

.popup-coupon {
    .ico-gift{
        text-align: center;
        margin: auto;
        display: block;
    }
    
    .testo-wrapper{
        padding: 10px;
        text-align: center;
        
        span{
            color: #1B82C3;
            font-weight: bold;
            font-size: 23px;
        }
    }
    
    .form-coupon {
        margin: 15px auto;
        text-align: center;
        
        .lh_email {
            width: 300px;
            height: 48px;
            border-color: #ddd;
        }
        
        .lh_button {
            height: 48px;
            width: 200px;
            background-color: #1B82C3;
            border-color: #1B82C3;
            
            &:hover {
                background-color: #000!important;
                border-color: #000!important;
            }
            
            @media (max-width: @screen-xs-max) {
                margin: 15px auto;
            }
        }
    }
}

.fascia-chiusura {
    width: 100%;
    color: #fff;
    background-color: @azzurro;
    text-align: center;
    padding: 10px 5px;
}

.exit-popup{
    
    padding:30px;

    h3{
    
        color: @azzurro;
        font-weight: bold;
        font-size: 23px;
    
    }
    
    .wrapper_email_min .modulo_email_min{

        border:1px solid #ddd;
    }
    
    .field_button_min{
    
        padding:0;
        
        .bottone_email_min{
        
            height:55px;
        
        }
    
    }
    
    .wrapper_email_min .bottone_email_min{
    
        height:55px;
    
    }
    
    .modal-header{
    
        border:transparent !important;
        
        .close{
        
            margin-top:-30px !important;
            font-size:30px !important;
        }
    
    }

}

.modal-backdrop.fade
{
    z-index:10;
}