// 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/pager.less";
@import "bootstrap3.2.0/less/labels.less";
//@import "bootstrap3.2.0/less/badges.less";
//@import "bootstrap3.2.0/less/jumbotron.less";
//@import "bootstrap3.2.0/less/thumbnails.less";
@import "bootstrap3.2.0/less/alerts.less";
//@import "bootstrap3.2.0/less/progress-bars.less";
//@import "bootstrap3.2.0/less/media.less";
//@import "bootstrap3.2.0/less/list-group.less";
@import "bootstrap3.2.0/less/panels.less";
@import "bootstrap3.2.0/less/responsive-embed.less";
//@import "bootstrap3.2.0/less/wells.less";
//@import "bootstrap3.2.0/less/close.less";

// Components w/ JavaScript
//@import "bootstrap3.2.0/less/modals.less";
@import "bootstrap3.2.0/less/tooltip.less";
//@import "bootstrap3.2.0/less/popovers.less";
//@import "bootstrap3.2.0/less/carousel.less";

// Utility classes
@import "bootstrap3.2.0/less/utilities.less";
@import "bootstrap3.2.0/less/responsive-utilities.less";

// ******************************************************
// import less
@import "ico-sport.less";

//landing pages
//@import "landing.less";

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

// librerie
@import (less) 'fancybox/jquery.fancybox.css';
@import (less) 'slick.css';

// ******************************************************
// variabili sito
@arancio: #f27020;
@testo-chiaro: #333;
@grigio: #DDD;
@grigio-scuro: #ccc;
@grigio-footer: #41331B;


// ******************************************************
// variabili bootstrap
@brand-primary: @arancio;
@link-color: #333;
@link-hover-color: @arancio;
@text-color: #333;
@font-family-sans-serif: 'Source Sans Pro', sans-serif;
@font-size-base: 17px;
@line-height-base: 1.2;
@font-size-h1: 35px;

@border-radius-base: 0;

@input-border-focus: @arancio;

//menu
@navbar-border-radius: 0;
@navbar-default-color: @testo-chiaro;
@navbar-default-bg: #fff;
@navbar-default-border: #fff;
@navbar-default-link-color: @testo-chiaro;
@navbar-default-link-hover-color: @arancio;
@navbar-default-link-active-color: @arancio;
@navbar-default-link-active-bg: #fff;

@dropdown-bg: @arancio;
@dropdown-link-color: #fff;
@dropdown-link-hover-color: @testo-chiaro;
@dropdown-link-hover-bg: @arancio;

// menu fixed
@zindex-navbar:            970;
@zindex-dropdown:          970;
@zindex-navbar-fixed:      980;

@navbar-inverse-color: #fff;
@navbar-inverse-bg: #000;
@navbar-inverse-link-color: #fff;
@navbar-inverse-link-hover-color: @arancio;


// ******************************************************
// FONT
//@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,400italic');

/*
@font-face {
	font-family: 'Conv_TradeGothicLTStd-Bold';
	src: url('/source/TradeGothicLTStd-Bold.eot');
	src: local('›'), url('/source/TradeGothicLTStd-Bold.woff') format('woff'), url('/source/TradeGothicLTStd-Bold.ttf') format('truetype'), url('/source/TradeGothicLTStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

// ******************************************************
// REGOLE BOOTSTRAP MODIFICATE
.label {
    border-radius:0;
}

.tooltip-carrello {
    font-size: 17px;
    .tooltip-inner {
        background-color: @arancio;
    }
}

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

body {
    padding-top: 50px;
    
    @media (min-width: @screen-sm-min) {
        padding-top: 66px;
    }
    
    @media (min-width: @screen-md-min) {
        padding-top: 0px;
    }
    
    @media (max-width: @screen-xs-max) {
        padding-top: 23px;
    }
}

.brandon {
    //font-family: 'brandon_bld-webfont';
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.bold,
.trade-bold {
    //font-family: 'Conv_TradeGothicLTStd-Bold';
    //font-family: 'Libre Franklin', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.arancione {
    color: @arancio;
}

::selection{
	background: @arancio;
	color: #fff;
}
::-moz-selection {
	background: @arancio;
	color: #fff;
}

.fullWidth {
    img {
	    max-width:100%;
	    text-align:center;
    }
    
    &.force {
        img {
            width:100%
        }
    }
}

.no-pad{padding:0px;}

h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0px;
    padding: 0px;
}

h1,
.h1{
   font-weight: 700; 
}


.link-cont {
    h4 {
        .brandon;
        color: #fff;
        font-size: 19px;
        line-height: 19px;
        margin-bottom: 0;
    }
    
    &::after {
        content: " ";
        display: block;
        border-bottom: 1px solid @grigio-footer;
        width: 70%;
        margin: 15px 0;
        
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            width: auto;
        }
    }
}

.header {
    color: #fff;
    a {
        color: #fff;
        &:hover,
        &:focus {
            color: #fff;
            text-decoration: underline;
        }
    }
}

.box-login {
    // blocco solo per pagine interne
    max-width: 480px;
    
    .wrap-btn-new-user {
        a {
            &:extend(.btn all);
            &:extend(.btn-default all);
            &:extend(.btn-block all);
        }
        
        br {
            display: none;
        }
    }
}

/*
.box-account {
    // blocco per header
    font-size: 13px;
    
    .label-login,
    .label-registrati {
        margin-left: 10px;
    }
}
*/
#FormRegUser .cat-liste-newsletter .fieldForm
{
    column-count:2;
}
.ricerca {
    position: relative;
    //margin-top: 8px;
    
    .cat_moduloSearch {
        width: 100%;
        padding-right: 31px;
        background-color: transparent;
        //color: @grigio;
    }
    .btn-ricerca {
        position: absolute;
        color: @grigio-scuro;
        right: 4px;
        top: 7px;
        border: 0;
        background: none;
    }
}

// BOX NEWSLETTER
.wrapper_email_min {
    margin: 20px auto;
    max-width: 400px;
    width: 100%;
    
    .modulo_email_min {
        &:extend(.form-control all);
        width: 100%;
        height:55px;
        text-indent: 5px;
    }
    .bottone_email_min {
        &:extend(.btn all);
        &:extend(.btn-block all);
        .button-variant(#fff; @arancio; @arancio);
        .text-uppercase;
        height: 55px;
        font-size: 12px;
    }
    .field_email_min{
        width: 73%;
        @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
            width: 67%;
        }
        
    }
    .field_button_min{
        width: 27%;
        @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
            width: 33%;
            
            input {
                padding-left: 3px;
                padding-right: 3px;
            }
        }
    }
    .newsletter_min_cont_privacy{
        font-size: 14px;
        margin-top: 10px;
        color:#fff !important;
    }
}
.box_newsletter_home {
    .bottone_email_min {
        font-size: 18px;
    }
}

.barra-fixed {
    //display: none;
    .brandon;
    font-size: 16px;
    
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        font-size: 13px;
    }
    
    .navbar {
        margin-bottom: 0;
    }
    
    .navbar-brand {
        height: auto;
        padding: 10px 5px;
        margin-right:20px;
        
        img {
            width: 82px;
        }
    }
    
    .navbar-nav > li.cmsCurrentPageContainer > a {
        color: @arancio;
    }
    
    .navbar-nav > li > a {
        
        &.cmsCurrentPage {
            color: @arancio;
        }
        
        @media (max-width: @screen-xs-max){
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    
    @media (min-width: @screen-sm-min) {
        &.-big {
            .navbar-inverse {
                background-color: #000;
                
                @media (min-width: @screen-md-min) {
                    background-color: rgba(0, 0, 0, 0.6);
                }
            }
            
            .navbar-brand {
                img {
                    //width: 82px;
                    
                    @media (min-width: @screen-sm-min)  {
                        width: 120px;
                    }
                    
                    @media (min-width: @screen-md-min) {
                        width: 150px;
                    }
                }
            }
            
            .navbar-nav > li > a {
                line-height: 35px;
                
                @media (min-width: @screen-md-min) {
                    line-height: 45px;
                }
            }
        }
    }
    
    .dropdown-toggle {
        background-image: url("/source/freccia-sottomenu.png");
        background-position: 2px 50%;
        background-repeat: no-repeat;
        
        @media (min-width: @screen-sm-min) {
            background-position: center 87%;
        }
    }
    
    .dropdown-menu {
        font-size: 16px;
    }
    
    .navbar-inverse {
        .navbar-carrello {
            background-color: @arancio;
            color: #fff;
            
            > a,
            > a.cmsCurrentPage,
            > li > a {
                color: #fff;
                
                &:hover {
                    color: #fff;
                }
            }
            
            &:hover {
                background-color: darken(@arancio, 10%);
            }
        }
        
        .navbar-lingue {
            background-color: #fff;
            color: #000;
            
            > a,
            > li > a {
                color: #000;
                
                &:hover {
                    color: #000;
                }
            }
            &.open,
            &:hover {
                background-color: darken(#fff, 5%);
                
                > a {
                    background-color: transparent;
                }
            }
            
            @media (max-width: @screen-xs-max){
                &.open {
                    > .dropdown-menu {
                        > li > a {
                            color: #000;
                            
                            &:hover {
                                color: @arancio;
                            }
                        }
                    }
                }
            }
        }
    
    }
    
    // centro i pulsanti
    .nav > li > a {
        
         padding-left: 10px;
            padding-right: 10px;
        
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            padding-left: 4px;
            padding-right: 4px;
        }
        @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
            padding-left: 10px;
            padding-right: 10px;
        }
        @media (min-width: @screen-lg-min) {
           /* padding-left: 23px;
            padding-right: 23px;*/
        }
    }
}

// GESTIONE COLONNE PAGINA CATALOG
.catalog-col-sx {
    .make-sm-column(3);
}
.catalog-col-dx {
    .make-sm-column-offset(0.5);
    .make-sm-column(8.5);
    
    @media (max-width: @screen-xs-max) {
        margin-top: 15px;
    }
    
}
.wrap-scheda-prodotto,
.wrap-pagina-login,
.wrap-pagina-registrazione,
.wrap-pagina-account,
.wrap-pagina-account-dati,
.wrap-pagina-account-rubrica,
.wrap-pagina-account-newsletter,
.wrap-pagina-checkout {
    .catalog-col-sx {
        //#blk_23637
        display: none;
    }
    .catalog-col-dx {
        // #blk_23638
        .make-xs-column(12);
        .make-sm-column-offset(0);
    }
    
    .contenuto-catalog {
        // #contenuto_193884
        .make-row();
    }
}

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

// bottone aggiungi al carrello
.btn_add_cart {
    .button-variant(#fff; @brand-primary; @brand-primary);
    .text-uppercase;
}

.qt_cart_dec, .qt_cart_inc{
    display: none;
}

.catalog_titolo {
    .trade-bold;
    .text-uppercase;
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid @grigio;
    margin-bottom: 20px;
    
    @media (min-width: @screen-sm-min) {
        font-size: 35px;
    }
    
}

.breadcrumb-catalog {
    .text-uppercase;
    
    font-size:14px;
    margin-bottom: 20px;
    color: #666;
    
    a {
        color: #000;
    }
    
    @media (min-width: @screen-sm-min) {
        font-size: 18px;
    }
}

.recensione {
    blockquote {
        font-size: 14px;
        
        @media (min-width: @screen-sm-min){
            font-size: 18px;
        }
    }
}

.nav-tabs > li.active{
    font-weight: 600;
}

// pagina elenco prodotti
.cat-desc {
    margin-bottom: 10px;
}
.cat_testoSeo {
    margin-bottom: 10px;
}

// stelle
.cat_star_rating {
    height: 15px;
    width: 75px;
}
.cat_star_rating_05, .cat_star_rating_15, .cat_star_rating_25, .cat_star_rating_35, .cat_star_rating_45 {
    background-image: url('/source/stelle-mezze.png');
}
.cat_star_rating_10, .cat_star_rating_20, .cat_star_rating_30, .cat_star_rating_40, .cat_star_rating_50 {
    background-image: url('/source/stelle-piene.png');
}
.cat_star_rating_05, .cat_star_rating_10{
    background-position: -60px 0;
}
.cat_star_rating_15, .cat_star_rating_20{
    background-position: -45px 0;
}
.cat_star_rating_25, .cat_star_rating_30{
    background-position: -30px 0;
}
.cat_star_rating_35, .cat_star_rating_40{
    background-position: -15px 0;
}
.cat_star_rating_45, .cat_star_rating_50{
    background-position: 0 0;
}

// titolo del menu delle categorie
.filtri-titolo,
.menu-categorie-titolo {
    .visible-xs-block;
    background-color: @brand-primary;
    color: #fff;
    background-image: url("/source/arrow-down.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    font-size: 25px;
    padding: 12px 26px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    
    &:hover {
        background-color: darken(@brand-primary, 5%);
    }
}

// elenco delle categorie
.menu-categorie {
    margin-top: 27px;
    
    @media (max-width: @screen-xs-max) {
        // in xs nascosto di defdult
        display: none;
        margin-top: 10px;
    }
    
    .cat0 {
        .text-uppercase;
        font-size: 19px;
        
        a {
            display: block;
            padding: 8px 0;
            border-bottom: 1px solid @grigio;
            background-position: -2px center;
            background-repeat: no-repeat;
            
            &:hover {
                background-color: @arancio;
                background-image: url('/source/ico-arrow-white.png');
                color: @body-bg;
                text-decoration: none;
                padding-left: 18px;
            }
            
            -webkit-transition: all 150ms linear;
            -moz-transition: all 150ms linear;
            -ms-transition: all 150ms linear;
            -o-transition: all 150ms linear;
            transition: all 150ms linear;
        }
    }
    
    .current_cat,
    .cmsCurrentPage{
        color: @arancio;
    }
}

.box-filtro {
    margin-top: 15px;
    
    @media (max-width: @screen-xs-max) {
        // in xs nascosto di defdult
        display: none;
        margin-top: 10px;
    }
    
    .titolo {
        .bold;
        .text-uppercase;
        font-size: 30px;
        color: #333;
        margin-bottom: 12px;
    }
    
    .filtro {
        margin-bottom: 10px;
        font-size: 15px;
        
        @media (min-width: @screen-sm-min) {
            margin-bottom: 25px;
        }
        
        .nome {
            .text-uppercase;
            .bold;
            color: #333;
            font-size: 19px;
            margin-bottom: 14px;
            
            background-image: url("/source/tri-down.png");
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 12px;
            cursor: pointer;
            
            &.chiuso {
                background-image: url("/source/tri-right.png");
                margin-bottom: 10px;
            }
        }
        
        .scrolla {
            max-height: 150px;
            overflow-y: auto;
            
            &::-webkit-scrollbar-track{
            	background-color: #ECECEC;
            }
            
            &::-webkit-scrollbar{
            	width: 10px;
            	background-color: @brand-primary;
            }
            
            &::-webkit-scrollbar-thumb{
            	background-color: @brand-primary;
            	border: 2px solid @brand-primary;
            }
        }
        
        .checkbox {
            margin: 0 0 1px 0;
            padding: 3px 5px;
            
            input {
                margin-top: 0;
            }
            
            label:hover {
                color: @arancio;
                text-decoration: underline;
            }
            
            &.checked {
                background-color: @arancio;
                color: @body-bg;
                
                label:hover {
                    color: inherit;
                    text-decoration: underline;
                }
            }
        }
    }
    
    #fascia_min,
    #fascia_max {
        background: @gray-lighter;
        border: 0;
        width: 50px;
        text-align: center;
        
    }
    #fascia_prezzo_inputs {
        margin-bottom: 10px;
    }
    
    #slider_fascia_prezzo {
        @media (max-width: @screen-xs-max) {
            margin: 0 10px;
        }
    }
}

.wrap-catalog {
    padding-top: 20px;
    
    @media (min-width: @screen-sm-min) {
        padding-top: 29px;
    }
}

.box-txt {
    line-height: 1.2;
    h2, .h2 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    h2 {
	font-size: 29px;
 
    }
    
    li
    {
        margin-bottom:15px;
    }

}

.ico-new {
    font-size: 15px;
    color: #fff;
    background-color: @arancio;
    padding: 5px 8px;
    pointer-events: none;
}


// alert generale grigio
.alert-generic {
    .alert-variant(@gray-lighter; @gray-light; @text-color);
}

// ******************************************************
// FOOTER

// colonne footer
.footer-col {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.55;
    
    @media (min-width: @screen-sm-min) {
        border-right: 1px solid @grigio-footer;
        padding: 0 18px;
        margin-bottom: 0;
        
        &.last{
            border-right: 0;
        }
    }
    
    @media (min-width: @screen-lg-min) {
        min-height: 348px;
    }
    
    .cat_riqProdottoBox {
        text-transform: lowercase;
        &:first-letter {
            text-transform: uppercase;
        }
    }
    
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        &:nth-child(3) {
            border-right: 0 none;
        }
    }
}

// menu footer
#menu_1529 {
    ul {
        padding: 0;
    }
    
    a {
        &::before {
          /*  content: "\00bb  "; */ // http://brajeshwar.github.io/entities/ 
        }
    }
    
    ul li a {
        &:hover {
            text-decoration: underline;
        }
    }
}


// social footer
.footer-social {
    background-repeat: no-repeat;
    background-position: center right;
    //width: 77px;
    height: 65px;
    margin-bottom: 12px;
    cursor: pointer;
    
    
    // pulsanti
    &.social-fb {
        background-image: url('/source/ico-facebook-off.png');
        cursor: auto;
        
        &.selected {
            background-image: url('/source/ico-facebook-on.png');
        }
    }
    &.social-tw {
        background-image: url('/source/ico-twitter-off.png');
        
        &.selected,
        &:hover {
            background-image: url('/source/ico-twitter-on.png');
        }
    }
    &.social-gp {
        background-image: url('/source/ico-gplus-off.png');
        
        &.selected,
        &:hover {
            background-image: url('/source/ico-gplus-on.png');
        }
    }
    &.social-yt {
        background-image: url('/source/ico-youtube-off.png');
        
        &.selected,
        &:hover {
            background-image: url('/source/ico-youtube-on.png');
        }
    }
    &.social-ig {
        background-image: url('/source/ico-instagram-off.png');
        
        &.selected,
        &:hover {
            background-image: url('/source/ico-instagram-on.png');
        }
    }
}
.social-badge {
    //display: none;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 96%;
    background-color: #efefef;
    height: 297px;
    overflow: hidden;
    
    &.open {
        //display: block;
        z-index: 1;
    }
    
    &.badge-gplus {
        padding-top: 92px;
        text-align: center;
    }
}

// ******************************************************
// form contatti
#modulo_gen {
    .modulo_alt {
        &:extend(.form-control all);
    }
    
    .bottone_alt {
        &:extend(.btn all);
        &:extend(.btn-primary all);
    }
    
    textarea {
        min-height: 100px;
    }
}


// ******************************************************
// SLIDER PRODOTTI IN EVIDENZA
.in-evidenza {
    
    @media (max-width: @screen-xs-max) {
        margin-top: 20px;
    }
    
    .prodotti-slider-wrap {
        margin-bottom: 0;
    }
    
    .titolo-wrap {
        padding-left: 48px;
        background-color: @arancio;
        background-image: url("/source/ico-evidenza.png");
        background-position: 13px center;
        background-repeat: no-repeat;
        border-bottom: 1px solid @grigio-scuro;
    }
    .titolo {
        .brandon;
        .text-uppercase;
        font-size: 19px;
        background-color: @body-bg;
        padding: 18px 14px;
        
        @media (min-width: @screen-sm-min) {
            font-size: 13px;
        }
        @media (min-width: @screen-md-min) {
            font-size: 18px;
        }
        @media (min-width: @screen-lg-min) {
            font-size: 22px;
        }
        
    }
    
    .evidenza {
        color: @arancio;
    }
    
    .riquadro {
        border-left: 0 none;
        .foto {
            line-height: 250px;
        }
        
        .nome,
        .slogan {
            min-height: auto;
        }
    }
}

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    top: 50%;
    margin-top: -10px;
    border: 0 none;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 80px;
    
    &::before{
        display: none;
    }
}
.slick-prev {
    background-image: url("/source/slick-prev.png");
    left: 0;
}
.slick-next {
    background-image: url("/source/slick-next.png");
    right: 0;
}

// ******************************************************
// HOMEPAGE

.in-evidenza-home {
    
    padding-top: 10px;
    @media (min-width: @screen-sm-min) {
        padding-top: 15px;
    }
    @media (min-width: @screen-md-min) {
        padding-top: 0;
    }
    
    .titolo-wrap {
        padding-left: 0;
        background-color: transparent;
        background-image: none;
        background-position: 13px center;
        background-repeat: no-repeat;
        border-bottom: 0 none;
        
        margin-bottom: 20px;
        padding: 0 0 10px 0;
    }
    
    .titolo {
        border-bottom: 6px solid @grigio-scuro;
        font-family: @font-family-sans-serif;
        font-weight: normal;
        display: inline;
        padding: 0;
        background-color: transparent;
        font-size: 18px;
        
        @media (min-width: @screen-md-min) {
            font-size: 24px;
        }
        
    }
    .evidenza {
        color: inherit;
    }
    
    .in-evidenza-prod-wrap {
        border: 8px solid @grigio-scuro;
        overflow: hidden;
        
        @media (min-width: @screen-lg-min) {
            height: 400px; // come il video a fianco
        }
    }
    
    .riquadro {
        padding: 10px 0;
        
        .foto {
            overflow: hidden;
            
            @media (min-width: @screen-md-min) {
                height: 181px;
                line-height: 181px;
            }
            
            @media (min-width: @screen-lg-min){
                height: 250px;
                line-height: 250px;
            }
        }
        
    }
    
    .slick-prev,
    .slick-next {
        @media (min-width: @screen-sm-min) and (max-width: @screen-md-max) {
            background-size: contain;
            width: 17px;
            height: 50px;
        }
    }
    
    .slick-prev {
        left: 5px;
    }
    .slick-next {
        right: 5px;
    }
}

.prod-selezionati {
    padding-bottom: 35px;
    
    @media (min-width: @screen-sm-min) {
        .slick-prev {
            left: -19px;
        }
        .slick-next {
            right: -19px;
        }
    }
    
    @media (max-width: @screen-xs-max) {
        .slick-prev,
        .slick-next {
            top: 22%;
        }
    }
    
    .slick-current {
        .riquadro {
            border-left: 0 none;
        }
    }
}

.fotogallery-home {
    .slick-prev,
    .slick-next {
        background-color: #000;
        width: 54px;
        height: 103px;
        top: 233px;
    }
    .slick-prev {
        background-image: url("/source/fotog-slick-prev.png");
    }
    .slick-next {
        background-image: url("/source/fotog-slick-next.png");
    }
    
    .fotogallery-titolo {
        position: absolute;
        bottom: 30px;
        left: 30px;
        color: #fff;
        font-size: 31px;
    }
}

// ******************************************************
// PAGINE INTERNE


// ******************************************************
// RIQUADRI

// riquadri prodotto
.cat_riqProdotto {
    .make-xs-column(12);
    .make-sm-column(6);
    //.make-md-column(4);
    .make-lg-column(4);
    padding-bottom: 10px;
    //margin-bottom: 35px;
}

.correlato {
    .cat_riqProdotto;
    .make-sm-column(4);
    .make-md-column(3);
    
    @media (max-width: @screen-xs-max){
        &.last-xs {
            .riquadro {
                border-right: 1px solid @grigio;
            }
        }
    }
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max){
        &.last-sm {
            .riquadro {
                border-right: 1px solid @grigio;
            }
        }
    }
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max){
        &.last-md {
            .riquadro {
                border-right: 1px solid @grigio;
            }
        }
    }
    @media (min-width: @screen-lg-min){
        &.last-lg {
            .riquadro {
                border-right: 1px solid @grigio;
            }
        }
    }
}

.wrapper_ordinamento_prodotti {
    .make-xs-column(12);
    margin-bottom: 20px;
    
    @media (max-width: @screen-xs-max){
        font-size: 12px;
        
        .cat_modulo {
            font-size: 12px;
        }
    }
}

.row-separator {
    padding-bottom: 15px; // 10 in meno perchè il riquadro ha padding bottom
    margin-bottom: 25px;
    border-bottom: 1px solid @grigio;
}

.elenco-prodotti {
    .row-separator {
        @media (max-width: @screen-xs-max) {
            padding-bottom: 5px;
            margin-bottom: 15px;
        }
    }
}

.banners-categoria {
    margin-bottom: 15px;
}

#opz_after_add_cart {
    .opz_prosegui,
    .opz_carrello {
        a {
            &:extend(.btn all);
            @media (max-width: @screen-xs-max) {
                width: 100%;
            }
        }
        
        @media (max-width: @screen-xs-max) {
            float: none;
            width: 100%;
        }
    }
    
    .opz_prosegui {
        a {
            &:extend(.btn-default all);
        }
    }
    .opz_carrello {
        a{
            &:extend(.btn-primary all);
            
            @media (max-width: @screen-xs-max) {
                margin-top: 10px;
            }
        }
    }
}

.riquadro {
    .text-uppercase;
    text-align: center;
    padding: 0 20px;
    font-size: 14px;
    line-height: 1;
    
    @media (min-width: @screen-sm-min) {
        border-left: 1px solid @grigio;
    }
    
    .nome {
        .trade-bold;
        font-size: 18px;
        margin-bottom: 10px;
        
        @media (min-width: @screen-sm-min) {
            min-height: 3em;
            margin-bottom: 5px;
        }
    }
    
    .agg-carr-light {
        .btn_add_cart {
            .button-variant(#666666; #fff; @grigio-scuro);
        }
    }
    
    .foto {
        position: relative;
        margin-bottom: 5px;
        
        @media (min-width: @screen-sm-min) {
            line-height: 192px;
        }
        
        img {
            max-width: 100%;
            
            &:hover {
                /*
                -moz-transform: rotate(5deg);
                -webkit-transform: rotate(5deg);
                -o-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                transform: rotate(5deg);
                */
                -moz-transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -o-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transform: scale(1.05);
            }
        }
    }
    
    .ico-new {
        position: absolute;
        left: 0px;
        top: 0px;
        line-height: 1;
        
        
    }
    
    
    
    .slogan {
        font-size: 15px;
        margin-bottom: 15px;
        text-transform: lowercase;
        font-style: italic;
        &:first-letter {
            text-transform: uppercase;
        }
        
        @media (min-width: @screen-sm-min) {
            min-height: 2em;
        }
    }
    
    .prezzo {
        .trade-bold;
        font-size: 23px;
        margin-bottom: 15px;
    }
    
    .link {
        a {
            &:extend(.btn all);
            &:extend(.btn-link all);
            &:extend(.btn_add_cart all);
        }
    }
    
    .agg-carr {
        .btn_add_cart{
            @media (min-width: @screen-sm-min){
                width: 100%;
            }
        }
    }
}

// ******************************************************
// SCHEDA PRODOTTO
/*
.pg-scheda-prodotto {
    #blk_22998 {
        background-color: #000;
        background-image: none;
    }
    
    #blk_22978 {
        height: auto;
    }
    
    .navbar {
        margin-bottom: 0;
    }
    
    .wrap-scheda-prodotto {
        padding-top: 29px;
    }
}
*/
#scheda-prodotto {
    .make-xs-column(12);
    
    @media (max-width: @screen-xs-max) {
        font-size: 14px;
    }
    
    .riga-sotto {
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 8px solid @grigio-scuro;
    }
    .nome-row {
        margin-bottom: 20px;
    }
    
    .link-commenti{
        cursor: pointer;
    }
    
    .nome {
        font-size: 46px;
        font-weight: 700;
        
        @media (max-width: @screen-xs-max) {
            font-size: 30px;
            display: block;
        }
    }
    .cat_star_rating {
        @media (min-width: @screen-sm-min) {
            margin-left: 20px;
        }
    }
    .cat_num_commenti {
        margin-left: 6px;
        
        &:before{
            content:"(";
        }
        &:after{
            content:")";
        }
    }
    
    .cat-dispo-ottima {
        color: @brand-success;
        font-weight: bold;
    }
    
    .info-row {
        border-top: 1px solid @grigio;
        border-bottom: 1px solid @grigio;
        padding: 12px 0;
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 29px;
        color: #000;
        font-weight: bold;
        
        @media (min-width: @screen-sm-min) {
            font-size: 14px;
        }
        
        #cat_InfoProdotto {
            font-weight: normal;
            font-size: @font-size-base;
            line-height: @line-height-base;
        }
    }
    
    .btn_add_wishlist,
    .link_form_info {
        .text-uppercase;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
    }
    
    .btn_add_wishlist{
        &:extend(.btn-link all);
        font-size: inherit;
        background-image: url('/source/ico-wishlist.png');
        font-weight: bold;
    }
    
    .richiedi-info {
        margin-right: 10px;
    }
    
    .scheda-tecnica {
        .text-uppercase;
        
        @media (min-width: @screen-sm-min) {
            float: right;
        }
        
        a {
            padding-left: 32px;
            background-image: url('/source/ico-pdf.png');
            min-height: 27px;
            background-repeat: no-repeat;
            background-position: left center;
            display: inline-block;
            margin-right: 10px;
            
            @media (min-width: @screen-sm-min) {
                padding-left: 0;
                padding-right: 32px;
                background-position: right center;
                margin-left: 10px;
                margin-right: 0;
            }
        }
    }
    
    .link_form_info {
        background-image: url('/source/ico-info.png');
        display: inline-block;
        min-height: 19px;
    }
    
    .scheda-row {
        .riga-sotto;
    }
    
    .foto-grande,
    .foto-piccole {
        text-align: center;
        img {
            max-width: 100%;
        }
    }
    
    .foto-grande {
        border-bottom: 1px solid @grigio-scuro;
        margin-bottom: 20px;
        padding-bottom: 10px;
        
        @media (min-width: @screen-sm-min) {
            line-height: 380px;
        }
    }
    
    .foto-piccole {
        @media (max-width: @screen-xs-max) {
            line-height: 70px;
            
            img {
                max-height: 70px;
                margin-bottom: 10px;
            }
        }
    }
    
    .ico-new {
        left: 14px;
        position: absolute;
        top: 30px;
        font-size: 26px;
        padding: 10px 20px;
        
        @media (max-width: @screen-xs-max){
            
              position: relative;
              top: 0px;
              padding: 5px 10px;
              left:0px;      
              font-size: 20px;
                
            }  
    }
    
    .slogan {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 1.1;
        
        @media (min-width: @screen-sm-min) {
            font-size: 28px;
        }
    }
    
    .desc-col {
        @media (max-width: @screen-xs-max) {
            margin-top: 10px;
            //font-size: 14px;
        }
    }
    
    .confezione, .desc-breve, .si-rivolge {
        margin-bottom: 10px;
        line-height: 1.1;
        
        @media (min-width: @screen-sm-min) {
            margin-bottom: 15px;
        }
    }
    
    .confezione {
        font-weight: bold;
    }
    
    .compra-ora{
        margin-bottom: 20px;
        
        br {
            display: none;
        }
        .importoProdotto {
            display: none;
        }
        .cat_importoProdotto {
            .trade-bold;
            font-size: 40px;
            
            @media (min-width: @screen-sm-min) {
                font-size: 46px;
            }
        }
        
        .cat_add_cart_wrap {
            .labelForm {
                display: none;
            }
            
            .btn_add_cart{
                &:extend(.btn-block all);
            }
        }
        
        .cat_modulo {
            background-color: #EEEEEE;
        }
    }
    
    .bolli {
        text-align: center;
        margin-bottom: 20px;
        
        @media (min-width: @screen-md-min) {
            text-align: right;
        }
        
        .bollo-col {
            width: 16.66%;
            display: inline-block;
            margin-bottom: 5px;
            
            @media (min-width: @screen-sm-min) {
                width: 20%;
            }
        }
        
        img {
            max-width: 90%;
        }
        
        .row-separator {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }
    }
    
    .share {
        text-align: center;
        
        @media (min-width: @screen-md-min) {
            text-align: right;
        }
    }
    
    .icone-sport {
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: right;
        
        .ideale-per {
            .text-uppercase;
            .brandon;
            position: relative;
            top: -9px;
        }
        .ico-sport {
            margin-left: 5px;
            width: 40px;
            height: 34px;
            background-color: #ccc;
            
            &:hover{
                background-color: @arancio;
            }
        }
    }
    
    .scheda-risp-esp {
        
        margin-bottom: 10px;
    
        @media (min-width: @screen-sm-min) {
            margin-bottom: 30px;
        }
        
        .titolo {
            color: @arancio;
            font-weight: bold;
            font-size: 22px;
            margin-bottom: 12px;
            
            @media (min-width: @screen-sm-min) {
                font-size: 25px;
            }
        }
        .domanda {
            margin-bottom: 10px;
        }
    }
    
    .caratteristiche {
        color: #000;
        
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            margin-top: 15px;
        }
        
        .tab-content {
            margin: 15px 0;
        }
        
        .caratteristica {
            margin-bottom: 10px;
            line-height: 1.4;
        }
        
        .certificazioni {
            margin-top: 15px;
        }
        
        .nav-tab-video {
            color: @arancio;
        }
        
        @media (max-width: @screen-xs-max){
            .nav-tabs > li{
                float: none;
                
                > a {
                    border: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
    
    #caratteristiche {
        > iframe {
            display: none;
        }
    }
    
    #video > .row + .row {
        margin-top: 10px;
    }
    
    .video-desc {
        float: left;
        margin-right: 10px;
        max-width: 400px;
    }
    
    .caratteristica-toggle-btn {
        .text-uppercase;
        font-weight: bold;
        color: @arancio;
        cursor: pointer;
        
        &:hover {
            text-decoration: underline;
        }
        
        .chiudi {
           display: none;
        }
        
        &.aperto {
            .chiudi {
               display: block;
            }
            .apri {
               display: none;
            }
        }
    }
    
    .caratteristica-toggle-wrap {
        display: none;
    }
    
    .scheda-tabella {
        table {
            &:extend(.table all);
            &:extend(.table-bordered all);
            &:extend(.table-striped all);
            &:extend(.table-condensed all);
            
            @media (min-width: @screen-sm-min) {
                width: 50%;
            }
        }
    }
    
    .documenti {
        a {
            .clearfix();
            line-height: 35px;
            margin-bottom: 5px;
        }
    }
    
    .banner-spedizioni, .banner-pagamento, .banner-info {
        text-align: center;
        line-height: 1;
        padding: 20px;
        font-size: 15px;
        
        img {
            max-width: 100%;
        }
        
        @media (min-width: @screen-sm-min) {
            font-size: 17px;
            height: 245px;
        }
    }
    
    .banner-spedizioni {
        background-color: @arancio;
        color: #fff;
        
        img {
            margin-bottom: 10px;
        }
        
        .sped-grat1 {
            .text-uppercase;
            font-size: 25px;
            font-weight: bold;
            margin-bottom: 4px;
            
            @media (min-width: @screen-sm-min) {
                font-size: 19px;
            }
            
            @media (min-width: @screen-md-min) {
                font-size: 27px;
            }
            
            @media (min-width: @screen-lg-min) {
                font-size: 33px;
            }
        }
        .sped-grat2{
            line-height: 1.1;
            margin-bottom: 7px;
            
            @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
                font-size: 16px;
            }
        }
        .sped-grat3 {
            .bold;
            font-size: 50px;
        }
    }
    .banner-pagamento {
        background-color: #000;
        color: #fff;
        font-weight: bold;
        
        .pagamento1 {
            margin-bottom: 12px;
        }
        .pagamento2 {
            margin-bottom: 10px;
        }
        .pagamento3 {
            font-size: 17px;
            margin-bottom: 15px;
        }
    }
    .banner-info {
        background-color: #EBEBEB;
        color: #000;
        
        .contattaci1 {
            margin-bottom: 7px;
            font-weight: bold;
            
            @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
                margin-top: 17px;
            }
        }
        .contattaci2 {
            color: @arancio;
            font-size: 31px;
            margin-bottom: 13px;
            
            @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
                font-size: 22px;
            }
            
            @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
                font-size: 29px;
            }
        }
        .contattaci3 {
            font-size: 18px;
            margin-bottom: 14px;
            font-weight: bold;
            
            @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
                font-size: 15px;
            }
        }
        .contattaci4 {
            color: @arancio;
            font-size: 31px;
            
            @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
                font-size: 22px;
            }
            
            a{
                color: @arancio;
            }
        }
    }
    
    
    
    // recensioni
    .scheda-form-recensione{
        .cat_recensione_prodotto {
            border-bottom: 0 none;
        }
        
        .fai-login {
            margin: 15px 0;
            border: 1px solid #ddd;
            padding: 10px;
            background-color: #f9f9f9;
            text-align: center;
        }
    }
}

.correlati-wrap{
    .titolo {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 10px;
        
        @media (min-width: @screen-sm-min) {
            font-size: 25px;
        }
    }
}
.correlati {
    @media (min-width: @screen-sm-min) {
        .slick-prev {
            left: -19px;
        }
        .slick-next {
            right: -19px;
        }
    }
    
    .slick-current {
        .riquadro {
            border-left: 0 none;
        }
    }
}


.frase-atleta {
    background-color: #eee;
    padding: 15px 10px;
    margin-bottom: 10px;
    
    @media (min-width: @screen-sm-min) {
        padding: 0 35px 35px 135px;
        background-image: url('/source/virgolette-start.png');
        background-repeat: no-repeat;
        background-position: 35px 35px;
        margin-bottom: 30px;
    }
    
    .frase-atleta-inside {
        @media (min-width: @screen-sm-min) {
            padding-right: 100px;
            background-image: url('/source/virgolette-end.png');
            background-repeat: no-repeat;
            background-position: bottom right;
        }
    }
    
    
    .frase-atleta-content {
        text-align: center;
        color: #000;
        
        @media (min-width: @screen-sm-min) {
            padding-top: 40px;
            font-size: 16px;
        }
    }
    
    .frase-atleta-txt {
        margin-bottom: 10px;
        font-weight: 300;
        
        @media (min-width: @screen-sm-min) {
            margin-bottom: 30px;
        }
    }
    
    .frase-atleta-nome {
        display: inline-block;
        border-top: 1px solid @grigio-scuro;
        border-bottom: 1px solid @grigio-scuro;
        font-weight: bold;
        font-size: 15px;
        padding: 6px 0;
    }
    
    .frase-atleta-foto {
        margin-bottom: 25px;
        img {
            border-radius: 50px;
        }
    }
}

// ******************************************************
// PAGINA ACCOUNT
.catalog_myaccount_options {
    .ico_account{
        min-width: 28px;
        text-align: center;
        font-size: 20px;
    }
}

// ******************************************************
// PAGINA CARRELLO
.msg-ricevi-carrello,
.msg-sconto-carrello {
    &:empty{
        display: none;
    }
    
    br {
        display: none;
    }
}

// per gestione custom promozione prodotto omaggio
.checkout {
    .prod-893953 {
        .cat-btn-cart-del,
        .cat-cart-qty-wrap {
            display: none;
        }
    }
}



/**STILI EFFETTI ANIMAZIONI */
 
@-webkit-keyframes opacity-titanka{from{opacity:0}to{opacity:1}}
@-moz-keyframes opacity-titanka{from{opacity:0}to{opacity:1}}
@-o-keyframes opacity-titanka{from{opacity:0}to{opacity:1}}
@keyframes opacity-titanka{from{opacity:0}to{opacity:1}}

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

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

// animazioni blocchi 

.opacity-animation {
    opacity: 0;
    animation: opacity 0.8s ease-out 1.5s;
    -moz-animation: opacity 0.8s ease-out 1.5s;
    -o-animation: opacity 0.8s ease-out 1.5s;
    -webkit-animation: opacity 0.8s ease-out 1.5s;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

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

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

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

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

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

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

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

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

@-webkit-keyframes moveRight {
    0% {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

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

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

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

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

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

@-webkit-keyframes moveLeft {
    0% {
        -webkit-transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

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

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

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

@keyframes moveLeft {
    0% {
        transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}




@-webkit-keyframes roll {
    0% {
        -webkit-transform: translateX(500px) rotate(360deg);
    }
    100% {
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes roll {
    0% {
        -moz-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@-o-keyframes roll {
    0% {
        -o-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@-ms-keyframes roll {
    0% {
        -ms-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        -ms-transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@keyframes roll {
    0% {
        transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

.roll {
    -webkit-animation: roll 1s ease-out both, opacity 1s ease-out both;
    -moz-animation: roll 1s ease-out both, opacity 1s ease-out both;
    -o-animation: roll 1s ease-out both, opacity 1s ease-out both;
    -ms-animation: roll 1s ease-out both, opacity 1s ease-out both;
    animation: roll 1s ease-out both, opacity 1s ease-out both;
}


.opacity-animation-titanka{}
.opacity-animation-titanka, .fadeAnimation-titanka.visible{
opacity:0;
animation:opacity-titanka 0.8s ease-out 1.2s;
-moz-animation:opacity-titanka 0.8s ease-out 1.2s;
-o-animation:opacity-titanka 0.8s ease-out 1.2s;
-webkit-animation:opacity-titanka 0.8s ease-out 1.2s;
animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;}

.cnt-form-cerca 
{
    margin-bottom:25px;
}

.seeMore
{
    padding-top:10px;
    padding-bottom:10px;
    margin-top:30px;
    span
    {
        font-size:12px;
    }
    .btnSeeMore
    {
        background-color:#fff;
        border:1px solid #000;
        color:#000;
        padding:10px 20px;
        width:270px;
        max-width:100%;
        &:hover
        {
            text-decoration:none;
        }
    }
    
    .hvr-bounce-to-right:before {
        background-color:#000;
        
    }
    .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
         color: white;
    }
    
}

.cnt-search-ris
{
    margin-top:25px;
    margin-bottom:25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
     @media (max-width: @screen-xs-max){
         display:block;
       }
}

.fascia-0
{
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    background-color:#DEDEDE;
     
    position:fixed;
    top:0px;
    left:0;
    width:100%;
    z-index:900;
    
    .cnt-action
    {
        padding:7px 20px;
        text-align:center;
    }
    .cnt-cart
    {
        padding:7px 35px;
        background-color:#F27020;
        color:#fff;
        a
        {
            color:#fff;
        }
        
    }
    
    .cnt-login
    {
        background:#C5C5C5;
    }
    
}


.navbar-fixed-top {
  top: 26px;
  z-index:800;
   @media (max-width: @screen-xs-max) {
        top:0px;
    }
 
}

.lingue {
	position: relative;
	display: inline-block;
	padding:5px 20px;
	border-right:1px solid #ccc;
}

.lingue a, .lingue button {
	color: #31393f;
	line-height: 1;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	vertical-align: initial;
}

.lingue a:hover, .lingue button:hover, .lingue a:focus, .lingue button:focus, .lingue a:active, .lingue button:active {
	color: #fff;
	outline: none;
}

.lingue > a, .lingue > button {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAEBAMAAABfKlNwAAAAFVBMVEUAAAAxOT8xOT8xOT8xOT8xOT8xOT8XcfAqAAAABnRSTlMA8NCQUCB8ACs5AAAAGElEQVQI12NQS0tiCEwTZWBJc2BgMGYAABkyApikDpVCAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 15px;
	position: relative;
	background-color: transparent;
	border: 0px;
	margin-left: 8px;
}

 .lingue .select_lingue {
	position: absolute;
	right: 0px;
	padding: 10px 10px;
	display: none;
	background: #ebebeb;
	z-index: 1;
	text-align: center;
	line-height: 0;
	width: 170px;
}




 .lingue .select_lingue .item_lingue {
	display: inline-block;
	padding: 0 5px;
}

.ico-login-mobi
{
    width:auto;
    text-align:center;
    color:#fff;
    float:right;
    padding:0px 5px;
    margin-top: 13px;
 
    font-size:18px;
    a
    {
        color:#fff;
    }
}