// 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.less";
//@import "hover/hover.less";

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


//@import "catalog/less/newsletter_cms.less";

// ******************************************************
// variabili sito
@arancio: #E27600;
@nero: #222;
@bianco: #F5F5F5;

// ******************************************************
// variabili bootstrap
@grid-gutter-width: 10px;

@font-family-sans-serif: 'Encode Sans Condensed', sans-serif;
@font-size-base: 16px;
@line-height-base: 1.3;

@brand-primary: @arancio;
@text-color: @nero;
@link-color: @text-color;

@border-radius-base: 0;
@sidr-width: 290px;

// ******************************************************
// 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;
    }
}

// ******************************************************
// OLD STYLE
#menu_2821 {
    display: inline-block;
    font-size: 16px;
    .text-uppercase;
    
    ul {
        padding: 0px;
        margin: 0px; 
        display: inline-block;
        
        li {
            padding: 0 10px;
            
            a {
            	float: none;
            	line-height: 60px;
            	
            	&:hover {
            	    text-decoration: underline;
            	}
            }
        }
    }
    
    > div {
        display: none;
    }
}

.titolo_step_carrello{
	color: @arancio;
}

/* COUPON */
.wrapper_coupon{ /* Contenitore del blocco dove si inserisce il codice */
	margin:10px 0;
	padding:10px;
	border:1px solid @arancio;
	text-align:left;
	background-color:#EFEFEF;

}
.modulo_coupon{ /* Stile aggiuntivo oltre a cat_modulo del campo di testo dove inserire il codice coupo */
	border:1px solid @arancio;
}
.info_coupon{
    /* Contenitore informaizoni sul coupon */
	font-weight:normal;
	margin-top: 10px;
}
.nome_coupon{ /* Nome del coupon */
	color:@arancio;
	font-weight:bold;
}
.info_validita_coupon{ /* Informazioni sulla validità coupon */
	color: gray;
	font-weight: normal;
	font-style: italic;
}

.chiamaci {
	color:@arancio;
}

.categoria_item {
	padding:6px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:6px;
}

.ui-autocomplete {
	width: 330px !important;
}

.cat-img {
    text-align: center;
    
    img {
        margin-top: 10px;
    }
}

.pulsante-top {
    background-color: #666666;
    border: 1px solid #666666;
    border-radius: 3px;
    padding: 3px;
    
    a{
        color: #fff;
    }
    
    &.-carrello {
        background-image: url("cart-empty-white.png");
        background-position: 4px center;
        background-repeat: no-repeat;
        padding-left: 26px;
    }
}

// ******************************************************
// REGOLE GENERALI
body {
    @media (max-width: @screen-xs-max) {
        padding-top: 85px;
    }
}


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

.ico-heart-o{
    background-image: data-uri('ico-cuore-arancio.png');
}

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

.ico-cart-o{
    background-image: data-uri('ico-carrello-arancio.png');
}

img {
    max-width: 100%;
}

.bold {
    font-weight: bold;
}

.header-slider {
    visibility: hidden;
    background-color: #000;
    
    &.-show {
        visibility: visible;
    }
    
    img {
        max-width: none;
    }
}

.link-carrello,
.link-wishlist,
.link-login {
    padding-top: 5px;
    display: inline-block;
}

.link-carrello {
    img {
        width: 32px;
        //margin-bottom: 2px;
    }
}

.main-sf {
    padding-top: 15px;
    
    @media (min-width: @screen-sm-min) {
        padding-top: 40px;
    }
    
    @media (min-width: @screen-md-min) {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.box-ricerca {
   border: 8px solid @arancio;
   position: relative;
   
   .cat_moduloSearch {
       height: 48px;
   }
   
   .cat_moduloButton {
        position: absolute;
        top: 6px;
        right: 3px;
        
        .button-variant(#fff; #fff; #fff);
        background-image: url('ico-lente.png');
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        width: 32px;
   }
}

.riquadro-vetrina {
    background-color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin: 0 5px;
    
    .foto {
        //min-height: 250px;
        margin-bottom: 20px;
        
        @media (min-width: @screen-md-min) {
            height: 200px;
        }
        
        img {
            max-height: 200px;
            display: inline;
        }
    }
    
    .nome {
        line-height: 1.2;
        margin: 0 20px 25px;
        
        a {
            @media(min-width: @screen-lg-min){
                font-size: 0.8vw;
            }
        }
        
        @media (min-width: @screen-md-min) {
            min-height: 10.8em;
        }
    }
    
    .codice {
        display: inline-block;
        border-top: 1px solid @nero;
        padding-top: 10px;
        margin-bottom: 25px;
        color: @arancio;
    }
    
    .prezzo {
        background-color: @arancio;
        color: #fff;
        padding: 20px;
        font-size: 20px;
        
        .cat_barrato {
            font-size: 50%;
        }
        
        .cat_prezzo_offerta  {
            color: inherit;
        }
        
        a {
            color: inherit;
        }
    }
    
    .telefonare {
        font-size: 15px;
    }
}

.titolo_pagina {
    background-color: #222;
    color: #fff;
    font-size: 28px;
	margin: 0 0 10px;
	font-weight: bold;
	padding: 20px 32px;
	
    a {
        color: inherit;
    }
}

.catalog_titolo {
    &:extend(.titolo_pagina all);
}

.cat_breadCrumb {
    text-transform: uppercase;
}

.footer-sf {
    background-color: @arancio;
    color: #fff;
    
    a {
        color: inherit;
    }
}

.footer-sx {
    background-color: #222;
}

.footer-dx {
    padding-bottom: 10px;
}

.orari {
    //background-color: @arancio;
    background-image: data-uri('open.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 200px;
    min-height: 170px;
}

.slick-slider {
    * {
        outline: none;
    }
    
    .slick-dots {
        bottom: 0;
        
        li button:before {
            font-size: 39px;
        }
    }
}

.wrap-lang-moble{
    display: none;
}

.qt_cart_dec,
.qt_cart_inc {
    display: none;
}

// ******************************************************
// SIDR
@import (less) 'sidr/css/jquery.sidr.light.min.css';
.sidr {
    color:  @nero;
    font-family: @font-family-sans-serif;
    background: @bianco;
    width: @sidr-width;
    font-size: 18px;
    box-shadow: none;
    
    &.left{
        left:-@sidr-width;
        right:auto
    }
    
    .sidr-inner{
        padding-left: 25px;
        padding-right: 25px;
        
        .sidr-class-nuovi-arrivi > a{
            background-color: @arancio;
            font-weight: bold;
            padding: 10px;
            margin-top: 10px;
            color: #fff;
            display: block;
            text-transform: uppercase;
        }
        
        .sidr-class-cat0 {
            padding-top: 9px;
            padding-bottom: 9px;
        }
        
        .sidr-class-voce_menu_32473,
        .sidr-class-voce_menu_32474,
        .sidr-class-titolino,
        .sidr-class-link-home-mobi {
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 22px;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .sidr-class-link-home-mobi {
            padding-bottom: 0;
        }
    }
    
    .sidr-inner:nth-child(2) {
        border-top: 1px solid #ccc;
    }
    
    .sidr-class-wrap-lang-moble{
        text-align: left;
        padding-top: 27px;
        padding-bottom: 15px;
        img{
            padding-right: 35px;
        }            
    }
    
    .sidr-class-vedi-tutte {
        font-weight: bold;
    }
    
    .sidr-class-livello_0 > li {
        padding-left: 0;
    }
    
    .sidr-class-cat0 {
        font-weight: bold;
    }
    
    .cmsCurrentPage {
        text-decoration: underline;
    }
    
    a {
        color: inherit;
        
        &:hover {
            color: inherit;
        }
    }
    
    ul {
        border-top: 0 none;
        border-bottom: 0 none;
        padding: 0;
        margin: 0;
        
        li {
            border-bottom: 0 none;
            border-top: 0 none;
            line-height: 1.1;
            border-bottom: 1px solid #ccc;
            padding-left: 15px;
            
            a {
                color: inherit;
                //font-weight: bold;
                display: inline;
                padding: 0;
            }
            
            &:hover {
                line-height: 1.1;
                
                > a {
                    box-shadow: none;
                }
            }
            
            ul {
                display: none;
                transition: visibility 0s, opacity 0.5s linear;
                margin: 3px 0 6px;
                color: @text-color;
                
                li {
                    line-height: 1.3;
                    font-size: 16px;
                    border: none;
                    margin-bottom: 5px;
                    
                    @media (min-width: @screen-md-min) {
                        line-height: 1.1;
                    }
                    
                    a {
                        padding-left: 0;
                        display: inline-block;
                        color: inherit;
                    }
                    
                    &:hover {
                        line-height: 1.8;
                        border: none;
                        
                        @media (min-width: @screen-md-min) {
                            line-height: 1.1;
                        }
                        
                        > a {
                            box-shadow: none;
                        }
                    }
                }
            }
        }
    }
    
    .-current {
        text-decoration: underline;
    }
}

// ******************************************************
// BARRA MOBILE
.barra-mobile  {
    line-height: 85px;
    height: 85px;
    background-color: @nero;
    border-bottom: 1px solid #CCCCCC;
    font-size: 15px;
    transition: left .2s ease 0s;
    color: #fff;
    
    a {
        color: inherit;
    }
    
    width: 100%;
    left: 0px;
    top: 0px;
    right: 0;
    z-index: 500;
    position: fixed;
    
    .visible-xs-block();
    
    .btn-menu,
    .btn-cerca,
    .btn-user,
    .btn-lock,
    .btn-wishlist,
    .btn-carrello {
        float: left;
        width: 20%;
        background-repeat: no-repeat;
        background-position: center;
        height: 84px;
    }
    
    .btn-menu {
        &:extend(.ico-menu);
        background-color: @bianco;
    }
    
    .btn-cerca {
        &:extend(.ico-search);
        background-size: 27px;
    }
    
    .btn-user {
        &:extend(.ico-user);
    }
    
    .btn-lock {
        &:extend(.ico-user);
    }
    
    .btn-wishlist {
        &:extend(.ico-heart-o);
        text-align: right;
        line-height: 50px;
        padding-right: 10px;
        border-left: 1px solid #fff;
    }
    
    .btn-carrello {
        &:extend(.ico-cart-o);
        text-align: right;
        line-height: 50px;
        padding-right: 10px;
        border-left: 1px solid #fff;
    }
    
    &.-open{
        left: @sidr-width;
    }
    
    .whislist-mobile,
    .box-login-top,
    .box-logout-top,
    .mobile-carrello{
        line-height: 1.1em;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 11px;
        font-size: 18px;
        font-weight: bold;
        
        img {
            display: block;
            margin: auto;
            padding-bottom: 10px;
            max-height: 40px;
        }
    }
}

// ******************************************************
// SIDEBAR
.menu-categorie {
    font-size: 18px;
    .text-uppercase;
    
    ul {
        margin: 0;
        padding: 0 0 0 10px;
    }
    
    li {
        list-style: none;
    }
    
    .vedi-tutte {
        font-weight: bold;
    }
    
    .current_cat {
        > .cat {
            a {
                color: @arancio;
                
                &:hover {
                    color: inherit;
                }
            }
        }
    }
    
    .livello_0 {
        padding: 0;
        
        ul {
            &:not(.-current) {
                display: none;
            }
        }
        
        > li + li {
            border-top: 1px solid #ddd;
            margin-top: 15px;
            padding-top: 15px;
        }
    }
    
    .cat0 {
        font-weight: bold;
        
        &:after {
            content: "+";
            float: right;
        }
        
        &.-open {
            border-bottom: 1px solid #ddd;
            margin-bottom: 5px;
            padding-bottom: 5px;
            
            &:after {
                content: "-";
            }
        }
    }
    
    .livello_1 {
        margin-bottom: 30px;
        
        > li + li {
            margin-top: 10px;
        }
    }
    
    .livello_2 {
        li {
            margin-top: 5px;
        }
    }
}

.titolino {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 13px;
	
	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        font-size: 18px;
    }
    
}

.nuovi-arrivi {
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
    width: 100%;
    display: inline-block;
    a {
        color: #fff;
        background-color: @arancio;
        padding: 10px;
        display: block;
        float: left;
        clear: left;
    }
}

.sidebar-box {
    margin-bottom: 25px;
    padding: 18px 25px 25px 25px;
    background-color: @bianco;
    background-repeat: no-repeat;
    
    .titolo {
        .text-uppercase;
        background-repeat: no-repeat;
        background-position: right top;
        border-bottom: 1px solid #ddd;
        padding-bottom: 6px;
        padding-right: 41px;
        margin-bottom: 6px;
        font-size: 22px;
        line-height: 35px;
        font-weight: bold;
    }
    
    &.box-carrello {
        .titolo {
            background-image: url('ico-carrello-arancio.png');
        }
    }
    
    &.box-spedizione {
        .titolo {
            background-image: url('ico-camion.png');
        }
    }
    
    &.box-info {
        .titolo {
            background-image: url('ico-info.png');
        }
    }
}

.box-categorie {
    .hidden-xs();
    
    .titolino {
        font-size: 26px;
        margin-bottom: 25px;
    }
}

.box-login {
    padding: 32px 26px;
    background-color: #222;
    color: #fff;
    
    a {
        color: inherit;
    }
}

.box-carrello {
    .hidden-xs();
    
    .vai-carrello a {
        background-image: url('cart-empty.png');
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 20px;
    }
}

// ******************************************************
// HOMEPAGE
.pg-home {
    .main-sf {
        background-image: url('sf-main.png');
        background-repeat-y: no-repeat;
        background-position-y: -100px;
        
        @media (min-width: @screen-sm-min) {
            background-position-y: -140px;
        }
        
        @media (min-width: @screen-md-min) {
            background-position-y: -90px;
        }
        
        @media (min-width: @screen-lg-min) {
            background-position-y: -160px;
        }
    }
    
    #blk_62268 {
        background-image: none;
    }
    
    #blk_62267 {
        display: block;
    }
}

.titolo-home {
    text-align: center;
    font-size: 30px;
    color: @arancio;
    margin: 20px 0;
    font-weight: bold;
}

.carousel_vetrina {
    margin-top: 20px;
    padding-bottom: 60px;
    
    img {
        display: inline;
    }
}

.news-item {
    .make-xs-column(6);
    .make-sm-column(3);
    margin-bottom: 30px;
    
    .foto {
        //min-height: 300px;
        margin-bottom: 40px;
        text-align: center;
        line-height: 1;
        padding-bottom: 75%;
        height: 0;
        
        img {
            max-height: 300px;
        }
        
        .separatore {
            border-bottom: 4px solid @arancio;
            width: 56px;
            display: inline-block;
            top: -10px;
            position: relative;
        }
    }
    
    .testo {
        padding: 0 12px;
        margin-bottom: 50px;
    }
    
    .titolo {
        font-weight: bold;
        line-height: 1.2;
        min-height: 3.6em;
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative;
        box-sizing: content-box;
        
        &::after {
            border-bottom: 1px solid #ddd;
            display: block;
            width: 56px;
            content: " ";
            position: absolute;
            bottom: 0;
        }
    }
    
    .descrizione {
        color: #555;
        line-height: 1.2;
        min-height: 4.8em;
    }
    
    .leggi {
        background-color: @bianco;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        color: @arancio;
        
        a {
            color: inherit;
        }
    }
}

// ******************************************************
// Pagina categoria
.wrapper_ordinamento_prodotti {
    margin: 0 0 20px 0;
    text-align: center;
    
    @media (min-width: @screen-md-min) {
        text-align: left;
        float: left;
        width: 50%;
        padding-left: 5px;
    }
    
    .cat_select_listbox_order {
        border: 0 none;
        box-shadow: none;
        font-weight: bold;
    }
}

.cat_pag_prima {
    .hidden-xs();
    margin: 0 0 20px 0;
    text-align: center;
    
    @media (min-width: @screen-md-min) {
        text-align: right;
        width: 50%;
        float: right;
        padding-right: 5px;
    }
    
    .cat_pagination {
        margin: 0;
    }
}

.telefonare {
    //background-image: data-uri('ico-mobi.png');
    //background-repeat: no-repeat;
    //background-position: left center;
    //background-size: contain;
    //padding-left: 40px;
    display: inline-block;
    cursor: pointer;
}

.elenco-prod {
    margin-top: 15px;
}

.cat_riqProdotto{
	.make-xs-column(12);
	.make-md-column(4);
	.make-lg-column(3);
	margin-bottom: 30px;
}

.riquadro {
    background-color: @bianco;
    text-align: center;
    padding-bottom: 55px;
    position: relative;
    
    &.-usato .add-cart {
        display: none;
    }
    
    .prezzo {
        color: #fff;
        background-color: #000;
        border: 3px solid #fff;
        margin: -25px 0 20px;
        font-size: 28px;
        line-height: 36px;
        font-weight: bold;
        padding: 6px 8px;
        display: inline-block;
        
        .cat_barrato {
            font-size: 50%;
            line-height: 14px;
            color: #ccc;
        }
        
        .cat_prezzo_offerta  {
            color: inherit;
        }
    }
    
    .telefonare {
        font-size: 20px;
    }
    
    .foto {
        background-color: #fff;
        
        @media (min-width: @screen-md-min) {
            min-height: 220px;
        }
        
        @media (min-width: @screen-lg-min) {
            min-height: 300px;
        }
        
        img {
            max-height: 220px;
            
            @media (min-width: @screen-lg-min) {
                max-height: 300px;
            }
        }
    }
    
    .nome {
        line-height: 1.2;
        
        padding: 0 20px;
        font-weight: bold;
        
        @media (min-width: @screen-md-min) {
            min-height: 9em;
        }
        
        @media (min-width: @screen-lg-min) {
            min-height: 6em;
        }
    }
    
    .codice {
        margin-bottom: 20px;
    }
    
    .add-wrap {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 55px;
        border-top: 1px solid #ddd;
        padding: 6px 10px;
        text-align: left;
    }
    
    .add-wish,
    .add-cart {
        display: inline-block;
    }
    
    .add-wish {
        border-right: 1px solid #ddd;
    }
    
    .add-cart {
        margin-left: 15px;
        
        @media(max-width: @screen-xs-max){
            margin-left: 20%;
        }
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            margin-left: 20%;
        }
    }
    
    .btn_add_cart {
        &:extend(.btn-link all);
        .text-uppercase;
        font-weight: bold;
        padding: 0;
        
        span {
            background-image: data-uri('ico-carrello.png');
            background-position: right center;
            background-repeat: no-repeat;
            padding-right: 35px;
            //height: 30px;
            display: inline-block;
            white-space: normal;
            width: 153px;
            text-align: left;
            font-size: 15px;

            @media (min-width: @screen-md-min){
                width: 121px;
            }
            @media (min-width: @screen-md-max) and (max-width: 1400px) {
                width: 104px;
                font-size: 12px;
            }
        }
    }
    
    .btn_add_wishlist {
        &:extend(.btn-link all);
        
        span {
            background-image: data-uri('ico-cuore.png');
            width: 25px;
            height: 22px;
            display: inline-block;
            text-indent: -9999px;
        }
    }
    
    .link_form_info {
        @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
            font-size: 13px;
        }
    }
}

.link_form_info {
    &:extend(.btn all);
	.button-variant(#fff; #000; #000);
	
	&:hover {
	    background-color: lighten(#000, 20%);
        border-color: lighten(#000, 15%);
	}
}

// ******************************************************
// Pagina nuovi arrivi
.go_prod_wrap {
    &:extend(.alert all);
    &:extend(.alert-info all);
}

.link.go_prod {
    &:extend(.btn all);
    &:extend(.btn-link all);
}

.elenco-categorie {
    margin-bottom: 15px;
}

.cat_riqCategoria {
    display: inline-block;
}

.riquadro-cat {
    display: inline-block;
    margin: 0 10px 10px 0;
    
    a {
        &:extend(.btn all);
        .button-variant(#000; #fff; #ccc);
    }
}

// ******************************************************
// Scheda prodotto
.cat-pg-prodotto {
    .catalog_titolo {
        margin-bottom: 0;
    }
}

.scheda-prodotto {
    
    &.-usato .compra-ora{
        display: none;
    }
    
    .prezzo {
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        background-color: @arancio;
        font-size: 28px;
        //line-height: 1;
        font-weight: bold;
        margin-bottom: 15px;
        
        .cat_prezzo_offerta {
            color: inherit;
            //font-size: 60%;
        }
        
        .cat_prezzo_barrato {
            color: inherit;
            font-size: 60%;
        }
    }
    
    .codice {
        display: inline-block;
        padding: 10px 30px;
        font-weight: bold;
        font-size: 20px;
    }
    
    .foto-grande {
        text-align: center;
        
        @media (min-width: @screen-md-min) {
            border-right: 1px solid #ddd;
        }
    }
    
    .foto-piccole {
        text-align: center;
        
        .slick-prev, 
        .slick-next {
            background-position: center;
            background-repeat: no-repeat;
            width: 23px;
            height: 15px;
            
            &:before {
                display: none;
            }
        }
        
        .slick-prev {
            top: -10px;
            left: 50%;
            margin-left: -10px;
            background-image: data-uri('freccia-top.png');
        }
        
        .slick-next {
            bottom: -20px;
            top: auto;
            left: 50%;
            margin-left: -10px;
            background-image: data-uri('freccia-bottom.png');
        }
        
        .slick-slide {
            padding: 5px;
            outline: none;
            
            img {
                display: inline;
            }
        }
    }
    
    .desc-lunga {
        margin-bottom: 10px;
        
        table {
            &:extend(.table all);
            &:extend(.table-striped all);
            &:extend(.table-compact all);
        }
    }
    
    .nome {
        .hidden-xs();
        font-weight: bold;
        margin-bottom: 15px;
        color: @arancio;
        font-size: 28px;
    }
    
    .msg {
        margin-bottom: 15px;
        
        a {
            color: @arancio;
        }
    }
    
    .compra-ora {
        padding: 20px 30px;
        background-color: @bianco;
        font-size: 20px;
        
        .divForm {
            .make-row();
        }
        
        .labelForm {
            .make-xs-column(7);
            .make-sm-column(6);
        }
        
        .fieldForm {
            .make-xs-column(5);
            .make-sm-column(6);
        }
        
        .qt_cart {
            max-width: 130px;
        }
        
        .cat_add_cart_wrap {
            .labelForm {
                display: none;
            }
            
            .fieldForm {
                .make-xs-column(12);
            }
        }
        
        .btn_add_cart {
            .text-uppercase;
            font-weight: bold;
            background-image: url('ico-carrello-bianco.png');
            background-position: right 10px center;
            background-repeat: no-repeat;
            padding: 10px 50px 10px 10px;
        }
    }
    
    .bottonazzi {
        background-color: #000;
        color: #fff;
        padding: 10px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
        
        .btn_add_wishlist,
        .link_form_info {
            .text-uppercase;
            .button-variant(#fff; #000; #000);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 40px;
            
        }
        
        .link_form_info {
            background-image: url('ico-info.png');
        }
        
        .btn_add_wishlist {
            background-image: url('ico-cuore.png');
        }
        
        @media (min-width: @screen-sm-min) {
            .bottonazzo + .bottonazzo {
                border-left: 1px solid #fff;
            }
        }
        
        @media (min-width: @screen-lg-min) {
            margin-bottom: 60px;
        }
    }
}

// ******************************************************
// FORM ALTERNATIVO
.form-alternativo {
    
    .form-group {
        label {
            font-weight: normal;
            text-transform: uppercase;
        }
    }
    
    .modulo_alt {
        &:extend(.form-control all);
        height: auto;
        padding: 15px;
    }
    
    .bottone_alt {
        &:extend(.btn all);
        &:extend(.btn-primary all);
        &:extend(.btn-block all);
        .text-uppercase;
        line-height: 45px;
        max-width:260px;
        margin:0 auto;
    }
    
    .riga-info {
        font-size: 13px;
        margin-bottom: 10px;
        
        span {
            font-size: inherit !important;
        }
        
        .privacy-form {
            //color: #999;
            
            label {
                display: inline;
                //margin-left: 5px;
            }
        }
        
        input + label {
            margin-left: 3px;
        }
    }
    
    textarea {
        min-height: 100px;
    }
}

// ******************************************************
// Contenuti dinamici
.contenuti-desc,
.contenuti-desc * {
    font-size: 18px !important; 
}


// ******************************************************
// Lista CD - Vue.js

.container-filter{
    display: inline-block; 
    margin-top: 10px;
    width: 100%;
    span{
        float:left;
        margin-right: 15px;
        font-weight: normal;
        label{
            font-weight: normal;
            cursor: pointer;
        }
    }
    input[type="checkbox"]{
        margin-top: 0;
        display: inline-block;
        vertical-align: middle;
        margin-left: 4px;
    }
}
.tabellaCd{
    > tbody > tr > td{
        vertical-align: middle;
    }
    tr{
        border-bottom: 1px solid #ccc;
    }
    th:nth-last-child(-n+2),
    td:nth-last-child(-n+3){
        text-align: center;
    }
    td:nth-last-child(2){
        white-space: nowrap;
    }
    th{
        cursor: pointer;
        vertical-align: middle !important;
        &.active{
            .arrow{
                &:after{
                    content: '';
                    background-size: contain;
                    width: 8px;
                    height: 8px;
                    display: inline-block;
                    margin-left: 4px;
                }
                &.asc{
                    &:after{
                        background-image: data-uri('/source/freccia-su.png');
                    }
                }
                &.dsc{
                    &:after{
                        background-image: data-uri('/source/freccia-giu.png');
                    }
                }
            }
        }
    }
    form button{
        background-image: data-uri('ico-carrello.png');
        background-position: right center;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        background-color: transparent;
        border: none;
    }
    
    &.blur{
        filter: blur(2px);
        -webkit-filter: blur(2px);
    }
    
}
.paginationCd{
    .cat_pagination;
    list-style: none;
}
.paginationCdTop{
    float:right; 
    margin-top: 0;
}
.count-prodotti{
    margin: 10px 0;
    float:left;
}


#list-cd-container{
    .table-responsive{
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        bordeR: none;
    }
    .container-search{
        input{
            padding: 6px 4px;
            display: inline-block;
            float: left;
            margin-top: 0;
            margin-right: 10px;
            min-width: 200px;
            &:focus,
            &:active,
            &:hover{
                outline: none !important;
            }
            
        }
        button{
            color: #fff;
            background-color: #e27600;
            padding: 5px 15px;
            font-weight: bold;
            font-size: 20px;
            border: none;
            text-transform: uppercase;
        }
        @media(max-width: @screen-sm-max){
            clear: left;
            margin-top: 20px;
            display: block;
            float: left;
        }
    }
}

.select_tipologia{
    padding: 6px 4px;
    display: inline-block;
    float: left;
    margin-top: 0;
    margin-right: 10px;
    min-width: 200px;
    margin-bottom: 20px;
}
.label-select{
    color: #fff;
    background-color: #e27600;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 3px;
    border: none;
    margin-bottom: 20px;
    text-transform: uppercase; float:left
}
.link_liste{
    margin-top: 20px;
    text-transform: uppercase;
}
.container-recensioni{
    text-align: center;
    margin-bottom: 60px !important;
    div.slick-slide{
        .inner-recensioni{
            border:solid 1px @arancio;
            padding: 20px;
            max-width: 800px;
            display: block;
            margin: 0 auto;
        }
        .testo-recensione{
            max-width: 600px;
            display: inline-block;
        }
    }
    .slick-dots{
        bottom: -30px;
    }
}

/*
.cat-wishlistWrapTable {
    th,
    td {
        &:last-child {
            display: none;
        }
    }
}
*/