/* ==========================================================================
   Custom css styles by Nicola Coppi
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Molle:400i');

/** font-family: 'BMWGroupFont'; **/

@font-face{font-family:"BMWGroupFont";src:url("https://www.mbaoutletbike.it/media/templates/site/cassiopeia_cassiopea_utilizzato/css/font/BMWMotorradW05-Bold.woff2") format("woff2");font-weight:bold}

@font-face{font-family:"BMWGroupFont";src:url("https://www.mbaoutletbike.it/media/templates/site/cassiopeia_cassiopea_utilizzato/css/font/BMWMotorradW05-Regular.woff2") format("woff2");font-weight:normal} 

<link rel="stylesheet" href="https://www.mbaoutletbike.it/media/vendor/fontawesome-free/css/fontawesome.css" />
       
<link rel="stylesheet" href="https://www.mbaoutletbike.it/media/vendor/fontawesome-free/css/fontawesome.min.css" />

/********** style font generale *******/

body {
/* font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;  */
font-family: 'BMWGroupFont' !important ; 
font-size: 120%;
text-align: justify;
}



a:hover {
color: #ff6600 !important; /*** #0653b6 ***/
}

p, span, div {

font-family: 'BMWGroupFont' !important ; 
/*** text-align: justify; ***/

}

div {
font-size: 1.0rem;
}

h2.item-title, .page-header > h2, .content-category > h2, .cat-children > h3, .contact-category > h2, .weblink-category > h2, .newsfeed > h2, .newsfeed-category > h2, .weblink-category > h2, .contact > h3 {
color: #4d4d4d;
margin: 0 0 15px;
display: block;
line-height: 1.1;
font-family: 'BMWGroupFont' !important ;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'BMWGroupFont' !important ;
}


.back-to-top-link {
padding: 0.8em;
border-radius: 0px !important;
margin: 10px 10px 50px 10px;

}

.back-to-top-link:hover {
background-color:#0653b6 !important;
	color:#ffffff !important;
}




/*** inizia lo style personalizzato ***/


/**** style titolo h1 ***/
@media (width >= 1200px) {
  h1, .h1 {
    font-size: 2.0rem;
  }
}

/*********** Style tabella responsive ***/

div.tabella-responsive {
  overflow-x: auto;
}


/*** finisce style tabella responsive ***/

/********* forza awesome 6 ****/

/*** Forza icone e pulsanti di JoomShopping ***/
.jshop .button_buy::before, 
.jshop .cart-icon::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; /* Richiesto per le icone Solid */
content: "\f07a"; /* Codice Unicode del carrello */
margin-right: 5px;
}

.fa-arrow-left::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f060";
}

.fa-shopping-cart::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f07a";  
}

.fa-sign-in-alt::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f2f6";
}


.fa-map-marker-alt::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f3c5";
}

.fa-truck::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0d1";
}

.fa-credit-card::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f09d";
}

.fa-check-circle::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;   
content: "\f058";
}


.icon-arrow-up::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;  
content: "\f062";
}

.icon-arrow-down::before {
 font-family: "Font Awesome 6 Free";
font-weight: 900;  
content: "\f063";
}

.fa-sign-out-alt::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;  
content: "\f2f5";
}

.fa-arrow-right::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;  
content: "\f061";
}

.fa-trash::before {
font-family: "Font Awesome 6 Free";
font-weight: 900; 
content: "\f1f8";
}

.fa-check::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;  
content: "\f00c";
}

.fa-user-plus::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f234";
}

/*****finisce forza awesome 6 ****/

/*** stile jommshopping didascalie ****/

@media (min-width: 768px) {
.form-horizontal .box_products_count_to_page .control-label, div.control-label.mt-2 {
width: 55px !important;
  }
}

.form-horizontal .box_products_count_to_page.control-group .controls {
margin-left: 20px !important;
}

/*** altri stili ***/


.container-header {
background-color: #fff;
background-image: none ;

}
body#top.site.com_content.wrapper-fluid.view-featured.no-layout.no-task.itemid-101 {
background-color: #ffffff !important;
}

div.blog-featured {
display: none;

}

div.container-topbar, div.container-topbar-right  {
background-color: #f4f4f4;
}

div.container-topbar-right  {
 display: flex;
  justify-content: right;
}

p.topnav1-info, p.topnav2-info  
{
color:#555500;
padding: 10px 30px;    
}

p.topnav1-info a:hover, p.topnav1-info a:active  {
color:#FF0000;
text-decoration: none;  
}

a.green-text, a.orange-text  {
color:#555500;
text-decoration: none;  
}

a.green-text :active, a.green-text :hover, a.orange-text :active,  a.orange-text :hover {
color:#FF0000;
text-decoration: none;  
}


div.hidden-sm-down {
background-color:#ffffff ;
}

header.header.container-header full-width {
background-color:#ffff00 ;
}

div.grid-child.container-nav {
/*** background-color:  ; #005897 #ff0000 ***/
}

div.related_header {
font-size: 1.50rem;
}

/*** naconde icone account e top bar left ***/

@media all and (max-width: 400px) {
i.fas.fa-sign-in-alt.me-1 {
display: none !important;  
}

i.fas.fa-user-plus {
display: none !important;  
}
  
}

@media all and (max-width: 400px) {
div.container-top {
display: none !important;  
}
}
  

/*** style menu cassiopea ***/

ul.mod-menu mod-menu_dropdown-metismenu.metismenu.mod-list
 {
background-color:#ff0000 ;
}

.navbar-expand-lg .navbar-collapse {
background-color:#ff0000 ;
}




/*** style footer ***/
/******/
.footer.container-footer.footer.full-width, body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child {
color: #555;
margin-top: 0px;
background-color: #ffffff !important;  
}

/*** style banner full ***/

/***
.footer .grid-child {
background-color: #fff;
}
***/
full-banner.container-full-banner.footer.full-width div.grid-child {
background-color: #fff;
}

full-banner.container-full-.footer.full-width div.grid-child
{
background-color: #fff;
 display: flex;
  justify-content: center;
}

div#tns1-.tns-inner, div.carouselbanner-wrp-126.carouselbanner-wrp {
 display: flex;
  justify-content: center;
}

/******* search top menu ****/ 
/***
@media all and (min-width: 800px) {
div.container-menu-search {
background-color: #005897; 
padding: 0px 7px 0px 30px;  
}
}
***/
/**** ---***/
@media (max-width: 768px) {
table.moduletable.Ricerca-Store {
display: none;
  }
  }
/*** nasconde piede pagina ***/
/***  
div.container-piede-primo, div.container-piede-secondo, div.container-piede-terzo {
display: none;
}
  
}

/*********** nuovo sposta moduli bottom ****/

/* Attiva lo slider orizzontale solo su dispositivi mobili (sotto i 768px) */
@media (max-width: 767.98px) {
  .piede-primo, .piede-secondo, .piede-terzo  {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px; /* Spazio per la barra di scorrimento mobile */
    gap: 15px; /* Spazio tra i moduli */
  }

  /* Gestisce la larghezza di ogni singolo modulo/colonna nello slider */
  .piede-primo > *, .piede-secondo > *, .piede-terzo > * {
    flex: 0 0 85% !important; /* Mostra l'85% del modulo per far capire che c'è altro da scorrere */
    scroll-snap-align: start !important;
  }
/*** nasconde titolo modulo ***/
  div.piede-primo.card  h3.card-header, div.piede-secondo.card  h3.card-header, div.piede-terzo.card  h3.card-header {
display: none;
}
}

/*** dj mega menu style ***/

@media all and (max-width: 1366px) {

.dj-megamenu-default li a.dj-up_a  {
font-size: medium !important;
}


.dj-megamenu-default li a.dj-up_a span.dj-drop {
font-size: medium !important;
}


.dj-megamenu-default li a.dj-up_a span.dj-drop, #dj-megamenu210 li a.dj-up_a {
font-size: medium !important;
}

.dj-megamenu-default li a.dj-up_a {
padding: 0 16px;
}


  
}

/********* menu dj ******/


div.dj-megamenu-default  {
background:rgba(0, 88, 151, 1) ;
background-color: #f6f6f6 !important;  
}



div.dj-megamenu-wrapper {
width: 100%;
background-color: #f6f6f6 !important;  
}

.dj-megamenu-default li a.dj-up_a  {
color: #000 !important;
font-size: large !important;
text-transform: uppercase;
}


.dj-megamenu-default li a.dj-up_a span.dj-drop {
font-size: large !important;
font-weight: bold;
padding: 0px 6px !important;
color: #000 !important;
text-transform: uppercase;
}



.dj-megamenu-default li ul.dj-submenu>li>a {
font-size: large !important;
font-weight: normal;
}


.dj-megamenu-default li ul.dj-submenu {
text-align: left;
}

.dj-megamenu-modern .arrow, span.arrow {
color: #000000; 
}

a.dj-up_a active.:hover  {
color: #ff6600 !important;  
  
}

a.dj-up_a span span.title span.name:hover {
color: #ff6600 !important;  
  
}


.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.hover a.dj-up_a,
.dj-megamenu-default li.active a.dj-up_a,
li.dj-up.itemid101.first.current.active{

color: #000 !important; 
font-weight: 900 ; /***  xxlarge***/
}

/*** seconda parte ****/


.dj-megamenu-default li a.dj-up_a span span.image-title  {

background: #f6f6f6 !important;
}

.dj-megamenu-default li a.dj-up_a > span {
  float: left;
  display: block;
  padding: 0;
  height: 60px;
  line-height: 60px;
  background: #f6f6f6 !important;
}
/****  ****/
.dj-megamenu-default::after {
  content: "none";
  clear: both;
    background: #f6f6f6 !important;
  display: none !important;
}

.dj-megamenu-default li.dj-up {
  position: relative;
  display: block;
  float: left;
  padding: 0 !important;
  margin: 0 !important;
  background: #f6f6f6 !important;
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
  color: #fff;
  border-left-color: #f6f6f6;
  background: #f6f6f6 !important; }

.dj-megamenu-default li a.dj-up_a {
  display: block;
  float: left;
  height: 60px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 20px;
  cursor: pointer;
  background: transparent;
  border-right: 0px solid #000 !important;
  border-left: 0px solid #555 !important;
  }

.dj-megamenu-default li ul.dj-submenu > li > a:hover, {

   background: #f6f6f6 !important;  
}

/**** joom shopping cart ****/

/**** nasconde copyright ****/

#mxcpr {
display: none !important ;
}
/*** nasconde titolo modulo hp menu ****/
div#comjshop.jshop h1 {
/*** / display: none; ***/ 
}


/**** inizia style ***/
span.cart-right {
display: flex;
justify-content: right;
align-items: center;
margin-top: -23px;
 
}

span#jshop_quantity_products {
margin-right: 10px; 
font-weight: bold;
}

span#jshop_summ_product {
margin-right: 10px;
margin-left: 10px;
font-weight: bold; 
}

div.text_zoom {
padding: 10px 0px 0px 10px;
color: #000;
/*** background-color:#448344 !important;***/
display: none;
}

span.icon-zoom-in {
text-decoration: none ; 
}

form.productfull h1 {
text-transform: uppercase;
font-size: xx-large;
}

div.name a {
text-transform: uppercase;
}

div.manufacturer_name span {
font-weight: bold; 
}

div.extra_fields div span.data {
font-weight: bold;
}

div.category_name a {
font-weight: bold; 
text-decoration: none !important; 
}

/*** margine immagine colore ***/

span.prod_attr_img img {
margin-top: 3px;
}

/*** finisce margine immagine colore ***/

div.manufacturer_logo {

  
}

a:not([class]) {
text-decoration: none;
font-weight: bold; 
/*** color: #FFF; ***/
/** background-color:#448344 !important; ***/
 padding: 2px 10px;
}

span.jshop_code_prod {
/*** margin-left: 10px; ***/
Text-Transform: capitalize;
font-size: large;  
display:inline-block;

}
/*** 
div.jshop_price span {
font-weight: bold; 
color: crimson;  
}

***/

div.jshop_price span {
font-weight: 800;
color: #ff6600 !important; /*** #000000 ***/
text-shadow: 1px 1px #8e8e8e;
font-size: larger !important;  
}

.jshop_list_product .jshop .old_price span {
text-decoration: line-through;
font-size: larger !important;
color: #555555 !important; 
text-shadow: 1px 1px #8e8e8e;  
}

.jshop span.old_price {
font-weight: bold !important;
/*** color: #ffcc00; ***/
text-shadow: 1px 1px #8e8e8e;    
font-size: x-large !important;
}

span.dashed a {
color: crimson;  
  
}

div.container-top {
display: flex;
}

.container-top div {
margin: 10px;
padding: 0px;
}

.container-banner {
/*** ***/
  margin: 0px 0px 0px 0px ;

  }


span.extra_fields_value {
Font-weight: bold;  
}

span.radio_attr_label {
Font-weight: bold;  
}



div.name a {
color: #000000;  
font-size: x-large;
}


/*** nasconde nome gruppo ***/

span.attributgr_name {
display: none;  
}

/*** bottoni account ***/

div.myaccount_urls {
padding: 10px 0px 10px 0px;
  
}

div.editdata a {
color: var(--btn-active-color);
  background-color: var(--btn-active-bg);
  border-color: var(--btn-active-border-color);
  /**** ****/
  --btn-color: #fff;
  --btn-bg: #010156;
  --btn-border-color: #010156;
  --btn-hover-color: #fff;
  --btn-hover-bg: #010149;
  --btn-hover-border-color: #010145;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: #fff;
  --btn-active-bg: #010145;
  --btn-active-border-color: #010140;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #010156;
  --btn-disabled-border-color: #010156;
  padding: 10px;

}

div.editdata {
margin: 0px 0px 0px 0px;
}

div.showorders a {
color: var(--btn-active-color);
  background-color: var(--btn-active-bg);
  border-color: var(--btn-active-border-color);
  /**** ****/
  --btn-color: #fff;
  --btn-bg: #010156;
  --btn-border-color: #010156;
  --btn-hover-color: #fff;
  --btn-hover-bg: #010149;
  --btn-hover-border-color: #010145;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: #fff;
  --btn-active-bg: #010145;
  --btn-active-border-color: #010140;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #010156;
  --btn-disabled-border-color: #010156;
  padding: 10px;

}

div.showorders  {
margin: 30px 0px 0px 0px;

}

div.urllogout a {

color: var(--btn-active-color);
background-color: var(--btn-active-bg);
border-color: var(--btn-active-border-color);
  /**** ****/
  --btn-color: #fff;
  --btn-bg: #010156;
  --btn-border-color: #010156;
  --btn-hover-color: #fff;
  --btn-hover-bg: #010149;
  --btn-hover-border-color: #010145;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: #fff;
  --btn-active-bg: #010145;
  --btn-active-border-color: #010140;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #010156;
  --btn-disabled-border-color: #010156;
padding: 10px;
  }
div.urllogout {
margin: 30px 0px 100px 0px;

}

div#comjshop.jshop {
 padding: 0px 20px 0px 10px;
}


a.prodname {

font-weight: bold; 
text-decoration: none;  
  }

div.jshop_list_product.product.description, .jshop_list_product .product .description {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/*** nasconde testo descrizione ***/
display: none;  
}

prod_attr_img_*, [id*="prod_attr_img_"] {
border: 1px solid #ced4da;
padding-left: 0px;
}

div.block_available.available, jshop.available {
color: #60aa2a;
margin-top: 0px;
font-weight: bold;
text-transform: uppercase;
}

span.radio_attr_label img {
width: 80px; /*** 120px ***/
height: 40px; /*** 40px ***/
border: 1px solid #999999;
  
}

/**** style larghezza campo selezione ****/

div.jshop_prod_attributes select{
width: 200px !important;
}

/*** nasconde descrizione taglia ***/

span.attributes_description {
/*** display: none !important;   ***/
}

/**** Brands style ***/

/*******
brand-section
*******/
.brand-section {
    float: left;
    clear: both;
    width: 100%;
    display: block;
}
.brand-content {
    float: left;
    width: 100%;
    clear: both;
}



.brand-content .brand-row {
    margin-left: -10px; 
    margin-right: -10px;
}
.brands-slider {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}
.brands-slider li {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}
.brands-slider li a {
    display: block;
}
.brands-slider li img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.page-manufacturer #wrapper #content-wrapper ul {
    margin: 0 -15px;
    display: block;
    font-size: 0;
}
.page-manufacturer #wrapper #content-wrapper ul .brand {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    width: 25%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 15px;
}
.page-manufacturer #wrapper #content-wrapper ul .brand .brand-inner {
    display: block;
    border: 1px solid #e1e1e1;
}
.page-manufacturer #wrapper #content-wrapper ul .brand .brand-inner .brand-img a {
    display: block;
}
.page-manufacturer #wrapper #content-wrapper ul .brand .brand-inner .brand-img a > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
@media (max-width: 991px) {
    .page-manufacturer #wrapper #content-wrapper ul .brand {
        width: 33.33%;
    }
}
@media (max-width: 991px) {
    .page-manufacturer #wrapper #content-wrapper ul .brand {
        width: 50%;
    }
}

/******** style icone footer pagamento ****/

ul.footer-payment-icon {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  box-sizing: border-box;
  width: 50%;
  font-size: 14px;
  text-align: right;
  color: #555;
  font-weight: 500;
  margin: 0;
}

ul.footer-payment-icon > li {
  display: inline-block;
  list-style-type: none;
  margin-bottom: 0;
  position: relative;
}
footer-shipment-icon {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  box-sizing: border-box;
  width: 50%;
  font-size: 14px;
  text-align: right;
  color: #555;
  font-weight: 500;
  margin: 0;
}

ul.footer-shipment-icon > li {
  display: inline-block;
  list-style-type: none;
  margin-bottom: 0;
  position: relative;
}

ul.footer-shipment-icon {
  float: right;
}

/***** fine style icone footer ***/
/**** style link e icone piede ****/
div.container-piede-full ul li {
list-style-type: none;  
}

div.container-piede-full a:not([class]) {
padding: 2px 0px;

}

div.container-piede-full ul li a {
color: #595959;
font-weight: 400 !important;  
}

div.container-piede-full ul li a:hover {
padding-left: 8px;
color: #595959  !important;  
text-decoration: none ; 
}

mod#mod-custom136.mod-custom.custom ol, ul {
 padding-left: 0.3rem !important;
}

.mod-list  {
line-height: 1.15;
}

/*** fine style link e icone piede *****/


.jshop_list_product .product .buttons a {
text-transform: uppercase;
font-weight: bold;
background-color: #6dec83;
border-color: #000000;
color: #000000;
border-radius: 1px;  
}

.jshop_list_product .product .buttons a:hover {
background-color: #ff6600;
border-color: #000000;
color: #ffffff !important;
  
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
text-transform: uppercase;
font-weight: bold;
}

.btn {
text-transform: uppercase;
font-weight: bold;
}

/* Change primary-extra button background and border color */
a.btn-primary-extra {
background-color: #448344;
border-color: #448344;
color: #ffffff;
border-radius: 4px;
padding: 6px 16px 6px 16px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none ; 
}

/* Change primary-extra button hover state */
a.btn-primary-extra:hover {
background-color: #174f4b;
border-color: #174f4b;
}

/** fine button style ***/

/**** banner ***/
div#carouselbanner-wrp-134,carouselbanner-wrp {
max-width: 96% !important;
  margin: auto;
}
/*** fine style banner ***/


/***** style popup ****/
p.popup-privacy-rsform span a.jsmodal, a.josmodal 
  {
text-decoration: none !important;
font-weight: bold;
}
 /*** fine style popup ***/

/*** style video container ***/

div.video-container {
display: flex;
justify-content: center;
align-items: center;
/*** margin-top: 20px;   ***/
}

video {
width: 100%;
max-width: 1920px;
}

/*** fine video container ***/

/**** style icone pagamento div#payment_form div.table_payments div.name label, ****/

span.payment_image img {

margin-right: 8px !important;
}

/*** fine style icone pagamento ***/

/*** inizia style filtri hp ***/

 .form-horizontal .block_sorting_count_to_page .control-label {
    width: 85px !important;
  }

 .form-horizontal .box_products_count_to_page .controls .inputbox {
    width: 76px !important;
  }

  .form-horizontal .block_sorting_count_to_page .controls .inputbox {
    width: 120px !important;
  }

/*** finisce style filtri hp ***/

/*** style prezzo prodotto ***/
.productfull #block_price {
font-size: xx-large !important;
font-weight: 800;
color: #ff6600 !important; /*** #000000 ***/

text-shadow: 1px 1px #8e8e8e;
}
div.prod_price {
font-weight: 800;
}

/*** finisce style prezzo prodotto ***/

div.manufacturer_name a
{
 color: var(--btn-active-color);
  background-color: var(--btn-active-bg);
  border-color: var(--btn-active-border-color);
  /**** ****/
  --btn-color: #fff;
  --btn-bg: #010156;
  --btn-border-color: #010156;
  --btn-hover-color: #fff;
  --btn-hover-bg: #010149;
  --btn-hover-border-color: #010145;
  --btn-focus-shadow-rgb: 39, 39, 111;
  --btn-active-color: #fff;
  --btn-active-bg: #010145;
  --btn-active-border-color: #010140;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #010156;
  --btn-disabled-border-color: #010156;
  padding: 2px 10px;
  
  display: none !important;

}


/*** style recapiti footer ***/

span.contact-label a {
color: #000000 !important; 
}

div.nolink {
background-color: #f8f8f8 !important; 
text-align: left;
}

div.nolink a {
color: #495057 !important; 
font-weight: normal !important;
}

div.nolink a:hover, div.nolink a:active {
color: #ff6600 !important; 
font-weight: normal !important;
}

/*** finisce style recapiti footer ***/

/**** style button cerca ****/
input.button.btn.btn-primary {

margin-bottom: 5px;
  
}



/***** style banner promotion ****/

/***

div.container-topbar-full {
padding-left: 2em;
  padding-right: 2em;
  
}
***/
div.promotionbarpro {
width: 100%;

 
}

p.promotionbarpro79euro-block {
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
  font-weight: 700;
  text-shadow: 0px 0px #8e8e8e;
  font-size: x-large;
  line-height: 1.20;
  background-color: #ff6600;
  padding: 12px 12px;
  text-transform: uppercase;
   margin-left: auto;
  margin-right: auto;
}

p.promotionbarprogreen79euro-block {
  color: #000000;
  text-align: center;
  margin-top: 10px;
  font-weight: 700;
  text-shadow: 0px 0px #8e8e8e;
  font-size: x-large;
  line-height: 1.20;
  background-color: #6deb82;
  padding: 12px 12px;
  text-transform: uppercase;
   margin-left: auto;
  margin-right: auto;
}

p.promotionbarcontattacitelefono {
  color: #555500;
  text-align: center;
  margin-top: 10px;
  font-weight: 700;
  text-shadow: 0px 0px #8e8e8e;
  font-size: x-large;
  line-height: 1.20;
  background-color: #f6f6f6;
  padding: 12px 12px;
  text-transform: none;
   margin-left: auto;
  margin-right: auto;
}

p.promotionbarcontattacitelefono a {

color: #41bf43 !important;
  
}

p.promotionbarcontattacitelefono a:hover {

color: #ff6600 !important;
  
}

p.promotionbarchiusisabato  {

color: #ff6600 !important;
text-align: center;
  font-weight: 700;
  text-shadow: 0px 0px #8e8e8e;
  font-size: x-large;
  line-height: 1.20;  
}

div.container-topbar-chiusi-sabato {
padding-bottom: 25px;
padding-left: 30px;
}

p.logoktmtop {

}

/***** fine style banner promotion ****/

/*********** nuovo sposta moduli bottom ****/

/* Attiva lo slider orizzontale solo su dispositivi mobili (sotto i 768px) */
@media (max-width: 767.98px) {
  .piede-primo, .piede-secondo, .piede-terzo  {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px; /* Spazio per la barra di scorrimento mobile */
    gap: 15px; /* Spazio tra i moduli */
  }

  /* Gestisce la larghezza di ogni singolo modulo/colonna nello slider */
  .piede-primo > *, .piede-secondo > *, .piede-terzo > * {
    flex: 0 0 85% !important; /* Mostra l'85% del modulo per far capire che c'è altro da scorrere */
    scroll-snap-align: start !important;
  }
}

/**** inizia service block ****/

/*service-block*/
.home-services-block {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.home-services-block .services-main {
    display: block;
    font-size: 0;
}
.home-services-block .services-main .services-inner {
    display: inline-block;
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    font-size: 14px;
}
.home-services-block .services-main .services-inner .services-inner-main {
    display: block;
    position: relative;
}
.home-services-block .services-main .services-inner .services-inner-main .services-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 45px;
    transform: translate(0, -50%);
}
.home-services-block .services-main .services-inner .services-inner-main .services-icon > img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    width: 40px; /* imposta dimensioni icone */
}
.home-services-block .services-main .services-inner .services-inner-main .services-content {
    padding-left: 60px;
    box-sizing: border-box;
    position: relative;
  margin-top: 10px;
}
.home-services-block .services-main .services-inner .services-inner-main .services-content > strong {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    display: block;
}
.home-services-block .services-main .services-inner .services-inner-main .services-content > p {
    font-size: 14px;
    color: #555555;
    margin: 0;
}

@media (max-width: 991px) {
    .home-services-block .services-main .services-inner .services-inner-main{
        text-align: center;
    }
    .home-services-block .services-main .services-inner .services-inner-main .services-icon{
        position: relative;
        padding: 0;
        margin: 0 auto;
    }
    .home-services-block .services-main .services-inner .services-inner-main .services-content{
        padding-left: 0;
    }
}

@media (max-width: 639px) {
    .home-services-block .services-main .services-inner{
        width: 100%;
    }
    .home-services-block .services-main .services-inner .services-inner-main{
        text-align: left;
        padding: 15px 0;
    }
    .home-services-block .services-main .services-inner .services-inner-main .services-icon{
        margin: 0;
        position: absolute;
    }
    .home-services-block .services-main .services-inner .services-inner-main .services-content{
        padding-left: 74px;
    }

img.greencheckimage {
display: none;
}

}

/*** finisce service block ***/

/*** modulo service block ****/

div.container-service.full-width {
/*** ***/
padding: 20px 10px 0px 10px;
}  


/*** finisce modulo service block ***/


/******* modulo recapti footer bottom ***/

div.footer-bottom.card.recapiti-bottom {
float: right;
width: 100%;
display: flex;
justify-content: flex-end; 
padding: 10px 0px 0px 15px;  
}

div.footer-bottom.card.recapiti-bottom-testo {
float: left;
width: 100%;
display: flex;
justify-content: flex-end; 
padding: 10px 0px 0px 0px;  
}

div.footer-bottom.card.recapiti-bottom-testo a {
font-weight: normal;
color: #000;
}

div.recapiti-footer-bottom-testo {
margin-left: auto;
justify-content: flex-end; 
padding: 5px 20px 5px 20px;  
}

div.recapiti-footer-bottom-testo a {
font-weight: normal;
color: #000;
}

/**** finisce modulo reapiti footer bottom ***/

/******* modulo video hp  ***/
div.video-hp {
  
}

.video-js .vjs-tech {
 background-color: #ffffff !important;
}

/******* finisce modulo video hp  ***/