@charset "UTF-8";

//section= Header: Barra Lingua ed Utente;
@top_nav_bg                = transparent;  //help colore del background
@top_nav_color             = #ffffff;  //help colore del font

//section= Colori del Menu Standard livello 1;
@menu_cat_bg               = #fafafa;  //help colore del background 
@menu_cat_color            = #0F0F0F;  //help colore del font 
@menu_cat_open_bg          = #fafafa;  //help colore del background con voce aperta 
@menu_cat_open_color       = #0F0F0F;  //help colore del font con voce aperta

//section= Colori del Menu Standard livello 2 (submenu);
@submenu_cat_bg            = #fafafa;  //help colore del background 
@submenu_cat_color         = #0F0F0F;  //help colore del font 
@submenu_cat_over_bg       = #EDEDED;  //help colore del background sull'hover
@submenu_cat_over_color    = #414141;  //help colore del font sull'hover

//section= Colori del Menu Mobile;
@menu_mobile_bg            = #fafafa;  //help colore del background 
@menu_mobile_color         = #0F0F0F;  //help colore del font 
@submenu_mobile_color      = #fafafa;  //help colore del font nei sottomenu

//section= Colori del Header;
//solo per fieraroma
@header_bg                 = #FFFFFF;  //help colore del background 

//section= COOKIE DISCLAIMER;
@cookie_bg                 = #414141;  //help colore del background
@cookie_border_color       = #EDEDED;  //help colore del bordo
@cookie_color              = #FFFFFF;  //help colore del font

//section= Generali;
@font_color                = #0F0F0F;  //help colore del font principale
@link_color                = #cc0000;  //help colore dei link
@title_color               = #0F0F0F;  //help colore dei titoli
@sub_title_color           = #000000;  //help colore dei sottotitoli 
@highlight_bg              = #0f0f0f;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-highlight</i>
@highlight_color           = #ffffff;  //help colore del font dei box con classe <i class="text-warning">.bg-highlight</i>
@dark_bg                   = #0f0f0f;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-dark</i>
@dark_color                = #FFFFFF;  //help colore del font dei box con classe <i class="text-warning">.bg-dark</i>
@light_bg                  = #fafafa;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-light</i>
@light_color               = @font_color;  //help colore del font dei box con classe <i class="text-warning">.bg-light</i>
@notfound_bg               = #F6F6F6;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-notfound</i>
@notfound_color            = @font_color;  //help colore del font dei box con classe <i class="text-warning">.bg-notfound</i>
@image_border              = #414141;  //help colore del bordo delle immagini nelle liste

//section= Footer;
@footer_bg                 = #0f0f0f;  //help colore di sfondo
@footer_color              = #666666;  //help colore del font

//Solo per fieraroma
@footer_bg_image           = #FFFFFF;  //help colore di sfondo dell'immagine

//section= Bottoni principali (es tasto ACQUISTA);
@btn-primary-bg            = #CC0000;  //help colore di sfondo
@btn-primary-color         = #fafafa;  //help colore del font
@btn-primary-border        = #CC0000;  //help colore del bordo

//section= Altri pulsanti;
@btn-default-bg            = #FFFFFF;  //help colore di sfondo - default
@btn-default-color         = #333333;  //help colore del font - default
@btn-default-border        = #CCCCCC;  //help colore del bordo - default

@btn-success-bg            = #CC0000;  //help colore di sfondo - success
@btn-success-color         = #fafafa;  //help colore del font - success
@btn-success-border        = #CC0000;  //help colore del bordo - success

@btn-info-bg               = #CC0000;  //help colore di sfondo - info
@btn-info-color            = #fafafa;  //help colore del font - info
@btn-info-border           = #CC0000;  //help colore del bordo - info

@btn-warning-bg            = #CC0000;  //help colore di sfondo - warning
@btn-warning-color         = #fafafa;  //help colore del font - warning
@btn-warning-border        = #CC0000;  //help colore del bordo - warning

@btn-danger-bg             = #CC0000;  //help colore di sfondo - danger
@btn-danger-color          = #fafafa;  //help colore del font - danger
@btn-danger-border         = #CC0000;  //help colore del bordo - danger

//section= Colori del Calendario;
@cal_bg                    = #FFFFFF;  //help background calendario
@cal_title_bg              = #000000;  //help background mese
@cal_title_color           = #FFFFFF;  //help font mese
@cal_week_bg               = #EDEDED;  //help background giorni settimana
@cal_week_color            = #000000;  //help font giorni settimana

@cal_not_sched_bg          = #FFFFFF;  //help background giorni non in programma
@cal_not_sched_color       = #666666;  //help font giorni non in programma

@cal_scheduled_bg          = #2C842C;  //help background giorni in programma
@cal_scheduled_color       = #FFFFFF;  //help font giorni in programma
@cal_scheduled_hover_bg    = #95c195;  //help background hover giorni in programma
@cal_scheduled_hover_color = #FFFFFF;  //help font hover giorni in programma

@cal_scheduled_sel_bg      = #006699;  //help background giorno selezionato
@cal_scheduled_sel_color   = #FFFFFF;  //help font giorno selezionato

@cal_full_bg               = #E3E3E3;  //help background giorno in programma ma senza disponibilita'
@cal_full_color            = #666666;  //help font giorno in programma ma senza disponibilita'

//section= Abbonamenti
@abbo_bg                   = #FCE2BA;  //help background sezione abbonamento in scelta eventi in abbonamento

@import "operator.part/toinclude.less";

/** font **/
@import '../fonts/ducati-font/ducati.css';

/** fine font**/
body {
  background-color: #fafafa;
  margin: 0;
  padding: 0;
  font-family: 'ducati', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

h3 {
  font-family: "ducati-extended", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
}

h4, .h4 {
  font-size: 18px;
}


h5, .h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

a:hover {
  color: #cc0000;
}

.media-right, .media-body {
  padding-top: 10px;
}

.page-content {
  margin-bottom: 60px;
}

/* ********** HEADER ********** */
#page_header, #page_headerSell {
  position:relative;
  padding: 0;
}

      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .page-content {
          z-index: 0;
          position: relative;
        }
        .container {
          width: 1050px;
        }
        .page-content, .width-limit {
          max-width: 1050px;
        }
      }


.separatore {
  height: 40px;
}


/* Extra small devices (phones, less than 768px) */
#page_header {
  background-image: url('@{imageUrl}/wms_images/ducati/Ducati-Hub-Hero-740x600.jpg');
  background-size: cover;
  background-position: 50% 50%;
  object-fit: cover;
  height: 400px;
}  
        /* Small devices (tablets, 768px and up) */
        @media ( min-width: @screen-sm-min) {
          #page_header {
            background-image: url('@{imageUrl}/wms_images/ducati/Ducati-Hub-Hero-2000x700.jpg');
            background-size: cover;
            background-position: 50% 50%;
            object-fit: cover;
            height: 500px;
            min-height: 500px;
            max-height: 500px;
          }
        }
        /* Medium devices (desktops, 1025px and up) */
        @media ( min-width : 1025px) {
          #page_header { height: 550px; max-height: 550px; }
        }

#page_headerSell {
  background-color: #fafafa;
}

.headerBanda {
  position: relative;
  -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
  border-radius: 4px;
  height: 75px;
  max-width: 1050px;
  margin-left: 15px; 
  margin-right: 15px;
  margin-top: 15px;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-sm-min) {
        .headerBanda {
          height: 90px;
          margin-right: 30px;
        }
      }

      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .headerBanda {
          height: 109px;
          border-radius: 2px;
          margin-left: auto;
          margin-right: auto;
          margin-top: auto;
        }
      }

#top-nav {
  text-transform: uppercase;
  height: 60px;
  padding-right: 0;
  padding-left: 0;
}

#top-navSell {
  text-transform: uppercase;
  height: 60px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  padding-right: 0;
  padding-left: 0;
}


.header-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.header-mobile .flex-sx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  height: 100%;
}


#menu-user-mobile, #menu-cat-alt {
  top: 80px;
  left: 0; 
  
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}
#menu-user-mobile >ul >li>a, #menu-cat-alt >ul >li>a {
  border-bottom: none;
}

      /* Small devices (tablets, 768px and up) */
      @media ( min-width : @screen-sm-min) {
        #menu-user-mobile .nav-pills, #menu-cat-alt .nav-pills { 
          font-size: 14px;
          line-height: 10px;
        }
        #menu-cat-alt .nav-pills { 
          margin: 7.5px 0;
        }
        
        #menu-user-mobile .dropdown-menu > li > a, 
        #menu-cat .dropdown-menu > li > a, 
        #menu-cat-alt .dropdown-menu > li > a {
          color: #000;
          border-bottom: 1px solid #000;
          }
          
       #menu-user-mobile .nav-pills > li {
         margin-left: 15px;}
      }

#top-nav-inner {
  max-width: 1050px;
  width: auto;
  padding-top: 20px;
  margin: auto;
  margin-top: 0;
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}

#top-nav-inner .nav>li>a:hover {
  color: #cc0000;
}

#top-lingue .active a {
  font-weight: bold;
}

#top-lingue.nav-pills>li>a:hover {
  color: #cc0000;
}

#top-lingue.nav-pills>li.active>a:hover {
  color: #cc0000;
}


.titoloShow {
  padding-left: 30px;
  padding-top: 20px;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .titoloShow {
          font-family: 'ducati-extended';
          font-style: normal;
          font-weight: 700;
          padding-left: 64px;
          padding-top: 56px;
        }
      }

.coloreDate {
  color: #666666;
} 

.section-title, .page-title {
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.forzaducati {
    color: #fff;
    margin-top: 50px;
 }
      
    /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .forzaducati {
          color: #fff;
          margin-top: 130px;
        }

 }
  


.forzaducatihashtag {
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}

.wdw2020 {
  font-family: "ducati-extended", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
}

.show-info-details {
  margin-bottom: 20px;
}

.show-info-details a {
  text-decoration: underline;
}

.pagina {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}

.menu-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  width: 100%;
}

.menu-links.flex-sx {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.menu-links a {
  color: #0F0F0F;
  
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
}

/* ********************* home */
.Home {
  position: relative;
  z-index: 99;
  margin-top: -50px;
}


.thumbnail {
  /*height: 140px; */
  min-height: 140px;
  height: 100%; 
  overflow: auto;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 2px;
  
  /*Faccio una table */
  display: table;
  table-layout: fixed;
  width: 100%;
}

.thumbnail div {
  /*Faccio una cella di una  table */
  display: table-cell;
  float: none;
  height: 100%;
}

.thumbnail div.img-container {
  padding-right: 20px; 
  vertical-align: middle;
}

.thumbnail div > img {
    max-width: 100%;
    max-height: 100%;
    
}





      /* Extra small devices (phones, less than 768px) */
      @media ( min-width : @screen-xs-min) {
        .thumbnail div.img-container {
          padding-right: 0; 
        }
      }

      /* Small devices (tablets, 768px and up) */
      @media ( min-width : @screen-sm-min) {

        /* tolgo la table */
        .thumbnail {
          display: block;
          height: 140px; 
          width: auto;
        }

        .thumbnail div {
          display: block;
          height: 100%;
          float: left;
        }
        
        .thumbnail div > img {
          height: 100%;
          float: right;
        }


      }
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .thumbnail {
          margin-left: 0;
          margin-right: 0;
        }		
        }


.dataHome {
  font-family: "ducati-extended", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #cc0000;
}

/* ************************ bottoni */
.btn-sm, .btn-group-sm>.btn {
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}

.btn-font {
  font-family: "ducati-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}

.btn {
  border-radius: 2px !important;
  padding: 6px 30px;
}

.btnTabprezzi {
  border-radius: 20px !important;
  border: 1px solid #fafafa;
  padding: 5px;
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.1);
  font-size: 10px;
}

.amount-buttons {
  border: 0;
  background-color: transparent;
}

.card.panel .collapse .card-body {
  border: 0;
}

.btn-primaryTabprezzi {
  color: #000000;
  background-color: #ffffff;
  border-color: #fafafa;
}

.btn-primary:hover {
  color: #fafafa;
  background-color: #cc0000;
  border-color: #cc0000;
}

.btn:hover { //
  box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
  color: #000;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, 
.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus {
  background-color: #000;
  border-color: #000;
  opacity: .35;
}

/* fine bottoni */

.shadow-box {
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0);
  background: #fff;
  z-index: 99;
  position: relative;
  border-radius: 2px;
  padding: 0;
}

.shadow-box-marginTop {
  margin-top: 0;
}

      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .shadow-box {
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
          background: #fff;
          z-index: 99;
          position: relative;
          border-radius: 2px;
          padding: 0;
        }
        .shadow-box-marginTop {
          margin-top: -114px;
        }
      }


/* tabella prezzi */
.coloreMacro {
  position: relative;
  margin: 0 auto;
  -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
  border-radius: 2px;
}

.item-exclusive-border-up {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.item-exclusive-border-middle {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.event-status {
  font-family: "ducati-condensed", Arial, sans-serif;
  font-size: 14px;
}

.btn-default:hover {
  background-color: #FFF;
}

.text-info {
  color: #000;
}

#footer-nav {
  font-size: 14px;
}

#footer-nav .row {
  border-bottom: 1px solid #666;
}


#footer-nav ul {
  list-style: none;
  padding-left: 0;
  line-height: 25px;
  margin: 0 15px 25px;
}

#footer-nav h6 {
  margin: 5px 15px;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        #footer-nav ul {
          margin: 10px 0;
        }
        #footer-nav h6 {
          margin: 10px 0;
        }
      }


.TitlePromoCode { text-transform: uppercase;}
.paddingPromoCode { padding-top: 15px; padding-bottom: 15px;}


/* ************************* carrello */
.countdownHolder.redCountdown {
  border: 2px solid #f00;
  color: #f00;
}

.countdownHolder {
  border: 1px solid #ff0000;
  display: inline;
  color: #cc0000;
  font-weight: bold;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-radius: 2px;
}

.countdownText {
  margin-bottom: 30px;
}

.cart-event-wrapper, .cart-event-wrapper .table { border: 0;}
.cart-event-wrapper .panel-footer { background-color: #fafafa;}
.cart-event-wrapper .cart-img { width: 85px; border: 0;}
.cart-event-wrapper tfoot { border-top: 2px solid #666; border-bottom: 2px solid #666;}
.cart-event-wrapper h4 { margin-left: -10px;}
.panel { border-radius: 0; background-color: #fafafa;}

.panel > .table-bordered > tfoot > tr:last-child > th, 
.table-bordered > tfoot > tr:last-child > td { padding-top: 15px; padding-bottom: 15px;}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th { border: 0;}

.table-condensed > thead > tr > td { padding-left: 15px; padding-bottom: 25px; padding-top: 25px; }
.table-condensed > thead { background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(187,188,188,0.2));}
.table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding-left: 15px;}

.panel-heading {
  background-color: #fff;
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0);
  margin-bottom: 30px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .panel-heading {
          background-color: #fff;
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
          margin-bottom: 30px;
          padding-left: 0px;
          padding-bottom: 0px;
          padding-top: 0px;
        }
      }
	  
	  
.text-danger { color: #c00;}

.modal-backdrop { position: unset;}


/** --*-*-*-*-****************************** parte responsive */

/* Extra small devices (750px) */
img.logoDucati {
  height: 55px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
      /* Extra small devices (phones, less than 768px) */
      @media ( min-width : @screen-xs-min) {
        img.logoDucati {
          height: 60px;
        }
      }
      @media ( min-width : @screen-sm-min) {
        img.logoDucati {
          height: 70px;
        }
      }  
      
      @media ( min-width : @screen-md-min) {
        img.logoDucati {
          height: 80px;
        }
      }  

.login-tofix {
  line-height: 50px;
}

     
div.total-row {
  max-width: 950px !important;
}     
#shopping-accordion .card-header .btn {
  padding: 6px 18px;
}

#shopping-accordion .card-header .badge {
  padding-top: 12px;
}

.breadcrumb {
  color: #777;
  font-weight: bold;
  width: 100%;
  font-size: 12px;
}
.breadcrumb>li {
  margin: 0 10px;
} 
 
.breadcrumb>.active {
  color: #000;
}

.breadcrumb>li+li:before {
  content: "";
}


/******************  DUCATI DEALER *****/

#page_headerDealer {
  background-color: #000000;
  height: auto;
  overflow: hidden;
}

.pagLogin {
    position: relative;
    top: 100px;
}

.headerBandaDealer {
  position: relative;
  height: auto;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
  border-radius: 6px;
  max-width: 1050px;
  margin-left: 15px; 
  margin-right: 15px;
  margin-top: 15px;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-sm-min) {
        .headerBandaDealer {
          padding-top: 20px;
        }
      }

      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .headerBandaDealer {
          border-radius: 2px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
        }
      }