@charset "UTF-8";

html, body { /*margin:0; padding: 0;*/height: 100%; /* The html and body elements cannot have any padding or margin. */ } 
html { -webkit-font-smoothing: antialiased; }
body { background-color:#FFFFFF !important; }
* {   /*border:1px solid #666;*/  } 
h5, h6, td, a, label,address, input, select, button, div  { 
font-family: helvetica, sans-serif !important;  font-weight:300;  } 
p, h1, h2, h3, h4  { font-family: helvetica, sans-serif !important;  font-weight:500;  } 
/*.purechat-thumbs { font-family: Arial, Helvetica, sans-serif !important; }*/
	h1, h2 { /*text-transform: uppercase; */ }
h1 { font-weight:400 !important; line-height:50px; font-size:40px }
/* p { font-size: 16px; font-weight:300; } */
div.row { background:none; }
div.row > div.container > div.span12 { background:none !important; }
div.row > div.span12 { background:none !important; }
div.container > div.span12 { background:none !important; }
div.top { /*background-color:#2C3E50 !important; */ }
/*div.top.StarWars { background-image:url('https://www.quattrogomme.net/images/sfondo_starw.png') !important; background-repeat:repeat-x !important; background-position: top !important; } */
	.spacer { height: 500px; display: block; }
	.MenuTop { padding: 20px; }	
	
	
div.BlackLine .navbar-left a, div.BlackSquare *, div.AzzLine * { color: #FFF; }
	
	
div.FondoTeaser { background-color: #4889a7 !important; background-image:url('https://www.quattrogomme.net/images/fondo_teaser_2022.jpg') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }
div.FondoTeaser2 { background-color: #4889a7 !important; background-image:url('https://www.quattrogomme.net/images/fondo_teaser_2022.jpg') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }
/*	
div.FondoTeaser {	
background: url('https://www.quattrogomme.net/images/fondo_teaser.jpg') no-repeat center center fixed !important; 
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}	*/
	
.BlackLine { background-color: #000 !important; /* background-image:url('https://www.quattrogomme.net/images/fondo_linee_nero.png') !important; background-repeat:repeat-x !important; background-position: top !important;  */ }
div.BlackSquare { background-color: #000 !important; background-image:url('https://www.quattrogomme.net/images/fondo_granprix.png') !important; background-size: cover; /*background-repeat:repeat-x !important; background-position: top !important; */ }
div.AzzLine { background-color: #000; background-image:url('https://www.quattrogomme.net/images/fondo_linee_azz.jpg') !important; background-repeat:repeat-x !important; background-position: top !important; }
div.FondoNeve { background-color: #000; background-image:url('https://www.quattrogomme.net/images/fondo_neve.jpg') !important; background-repeat:repeat-x !important; background-position: top !important; background-size: cover !important; }
div.FondoKasko { background-color: #000; background-image:url('https://www.quattrogomme.net/images/fondo_kasko.jpg') !important; background-repeat:repeat-x !important; background-position: top right !important; background-size: cover !important; }
	
div.RigaTop { background-color: #FFF !important;  }
	div.RigaTop span:not(.label) { color:#677786; }
.RowProdottoCarrello h4 { font-weight:bold; }
.RowProdottoCarrello h4 a { font-weight:lighter; }

div.top > .container { padding-top:20px; padding-bottom:40px;  }
  
.row.search { background-color:#34495E !important; }
.row.search label { font-size:18px !important; color:#ECF0F1 !important; }
.row.search select, .row.search .btn-group label { /*height:46px;*/ font-size:18px !important; color:#fff !important;  }


.footer { /*background-color: #2C3E50;*/ color:#677786 !important;  }
.footer h4 { color:#677786 !important;  }
.footer a { color:#677786 !important; text-decoration:none !important;  }
.footer a:hover { color:#32b5b6 !important; text-decoration:none !important;  }
.footer > .container { min-height: 270px;  }
.row.credits {  background-color:#000 !important; font-size:11px !important; color:#677786 !important; padding-top:10px; padding-bottom:10px; margin-right: 0px !important; }

.footer ul, .footer ul li, .footer li {  list-style:none; }

#pre_footer > .container { min-height: 100px;  }
#pre_footer { background-color: #0b0827; min-height: 300px; padding-top:20px; }

/* CARRELLO STATO */
#checkout_fase1,#checkout_fase2,#checkout_fase3 { background-color:#FFF;  }
#checkout_fase_dati,#checkout_fase_pagamento,#checkout_fase_conclusione { padding-top:50px; }
div.correzione_form_dati #checkout_fase_dati { padding-top:0px; }
div.correzione_form_dati { margin-bottom:40px; }
    
div.fase_header h1 { background-color:#fff;  border-bottom: 0px solid #5bc0de; color: #5bc0de; margin-top:20px !important; }
div.fase_header.todo h1 { background-color:#fff; border-bottom: 0px solid #5bc0de; color: #5bc0de; }
div.fase_header.done h1 { background-color:#fff; border-bottom: 0px solid #5AD973; color: #5AD973; }
div.fase_header.deny h1 { background-color:#fff; border-bottom: 0px solid #FF7575; color: #FF7575; }
div.fase_header h1 { font-size: 30px; text-transform: none !important; }
.TotaleCarrello { font-weight: 800;}
tr.success td { background-color:#cfffd4; }	


#checkout_fase1 p.lead,#checkout_fase2 p.lead,#checkout_fase3 p.lead { margin-top:20px; margin-bottom:5px; }
#checkout_fase1, #checkout_fase2, #checkout_fase3 { width:100%;  }
#div_carrello { min-height:390px; margin-bottom:150px;  }
	
	
	
#checkout_fase3 label { font-size:17px !important; }
#checkout_fase2 .selettore_dati { display:block; height:30px; }
#checkout_fase2 .selettore_dati div.tab { display:block; height:30px; width:49%; border:1px solid #666; float:left; cursor:pointer }
#checkout_fase2 .selettore_dati div.tab.selected { background-color:#999; }

/* Sticky footer styles  */
html, body {  height: 100%;  /* The html and body elements cannot have any padding or margin. */ }
/* Wrapper for page content to push down footer */
#wrap {  min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by its height */ margin: 0 auto -320px; /* Pad bottom by footer height */ padding: 0 0 320px; }
/* Set the fixed height of the footer here */
#footer { min-height: 320px; padding-top:20px; }
@media (max-width: 767px) { #footer {	margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;  } }
/* questo del padding sembra essere necessario se si usa bootstrap3 */
#wrap, #footer { padding-left: 15px;padding-right: 15px; }

/* ///////CORREZIONI///////// */
/*.navbar-inverse .nav > li:first-child.active > a { padding-left: 22px; } FLAT UI MENU CORRECTION */
#Div_ElencoProdotti { margin-bottom: 40px; }
.Pre_Risultati { margin-top:10px;margin-bottom:10px; }
.Post_Risultati { margin-top:10px;margin-bottom:60px; }
.form-control, .input-lg, .input-md, .input-sm, .input-xs  { /* border-radius: 4px !important; */ }
.owl-theme .owl-controls .owl-page span { background: #FFFFFF !important; }	
.btn-neww { background-color: #27969c !important; border-color: #27969c !important; color:#fff; }
.btn-neww { background-color: #27969c !important; border-color: #27969c !important; color:#fff; }
.btn-neww.active { background-color: #FFF !important; color:#000; }
/* .btn-success { background-color: #FFF !important; border-color: #dddddd !important; color:#000000 !important; } */
.btn { /* border-radius: 4px !important; */  }
/*.modal-content { border-radius: 0px !important; } */
.list-group-item:first-child { /*border-top-right-radius:4px; border-top-left-radius: 4px */ }
.list-group-item:last-child { /*border-bottom-right-radius:4px; border-bottom-left-radius: 4px */ }
.panel { /*border-radius: 0px;*/ }
.panel-heading { /*border-top-right-radius: 4px; border-top-left-radius: 4px */ }
.PlusWhite * { color:white !important; }
	
#TastieraCategorieRicerca { border: 4px solid #27969c !important;}
#TastieraCategorieRicerca > div { border: 0px !important; border-left: 1px solid #fff !important; }
#TastieraCategorieRicerca > div:first-child { border-left: 0px !important; }
#Big table tbody tr td { border-left:0px !important; }	
div#cookiesdirective { opacity: 0.6; padding-bottom: 10px }
	.formRicerca { padding-right: 5px; }
.navbar-form { border:0px; }

.ReadOnlyText { padding:6px; display:block; font: oblique 14px/18px Arial; /*width:92%;*/ height:90px; overflow:auto; background-color:#fff; border: 1px solid #EBEBEB; margin-top:8px; margin-bottom:10px; color:#999; }
/*label:not(.btn) { margin-top:12px !important; } */
.navbar-inverse { border:0px; }	 
.template_TOP.row { padding:0px; margin:0px; width:100%; }
.template_MIDDLE.row { padding:0px; margin:0px; width:100%;  }
.template_MIDDLE.row, .template_MIDDLE.row .container,.template_MIDDLE.row .container div { min-height:0px;  }


.scontoInBig { zoom:125%; margin-bottom:15px; }

.template_BOTTOM.row { padding:0px; margin:0px; width:100%;  }




/* in template_MIDDLE le due colonne hanno uno sfondo bianco di larghezza fissa  */
.template_MIDDLE.row > .container { /*background-color:#FFF !important; */ }
/* in template_BOTTOM la colonna non ha sfondo ma ciò che è suo interno prende uno sfondo bianco */
.template_BOTTOM.row > .row > .container { /*background-color:#FFF !important; */ }
/* Consento a un row di avere un differente colore di sfondo e sbordare al vivo classe = plus */
.row.plus, .template_BOTTOM.row > .row.plus > .container { /* background-color: #32b5b6; */  }
.row.black, .template_BOTTOM.row > .row.black > .container { background-color: #212121 !important;   }
.row.blue, .template_BOTTOM.row > .row.blue > .container { background-color: #ba3c35 !important;   }
.row.blue2, .template_BOTTOM.row > .row.blue2 > .container { background-color: #0b0827 !important; color:#fff; }
.row.red, .template_BOTTOM.row > .row.red > .container { background-color: #ED0003 !important;   }
.row.yellow, .template_BOTTOM.row > .row.yellow > .container { background-color: #E4D500 !important;   }
.row.lightgrey, .template_BOTTOM.row > .row.lightgrey > .container { background-color: #ECF0F1 !important;   }

.row.grigio, .template_BOTTOM.row > .row.grigio > .container { background-color: #ECF0F1 !important;  background-image:url('https://www.quattrogomme.net/images/sfumato_bianco_trasp.png') !important; background-repeat:repeat-x !important; background-position: bottom !important;  }
.row.grigio h1, .row.grigio h2, .template_BOTTOM.row > .row.grigio > .container h1, .template_BOTTOM.row > .row.grigio > .container h2 { color: #000 !important;  }

.row.promo1, .template_BOTTOM.row > .row.promo1 > .container { background-color: #000000 !important;  background-image:url('https://www.quattrogomme.net/images/sfumato_bianco_trasp.png') !important; background-repeat:repeat-x !important; background-position: bottom !important;  }
.row.promo1 * { color: #FFF;  }

.row.plus select, .row.plus .btn-group label { /*height:46px; */ font-size:18px !important; color:#34495E !important; }
/* Consento a un row di avere un differente colore di sfondo e sbordare al vivo classe = plus */
.row.blocchiRegistrazione { margin-bottom:20px; }
.row.blocchiRegistrazione .row, .AddressBlock1 > div { margin-bottom:10px; }
#messaggi { display:none; margin-top:0px; margin-bottom:0px; font-size: 20px; color:#27AE60; }
/* select { background-color:#32b5b6 !important; } */
.tooltip.bottom .tooltip-arrow {  border-bottom-color: #000000; }
.tooltip-inner { background-color: #000000; font-size: 14px; }
#SearchStart  { margin-bottom:0px; margin-top:15px; }
/* #SearchStart ul.nav-tabs > li:first-child { margin-left: 30px } */
#SearchStart label {  font-size:15px; color:#fff; /*font-weight:200;*/  margin-top:0px !important; white-space:nowrap; } 
#SearchStart .row > div { margin-top:10px !important;  }
.pagination { margin:0px !important; }
#Risultati { margin-bottom:45px; }
.owl-carousel { width:auto !important; } /* altrimenti il row teaser non coprirà la larghezza */
.BarraNavigazione { margin-top:0px; margin-bottom:0px !important; }
.BarraNavigazione * { /*text-transform: uppercase; */ font-weight: 700; }
.nav>li>a:hover { background-color: transparent; }
/* piccolo aggiust nei metodi di pagamento */
#checkout_fase3 li.list-group-item { padding: 10px 35px !important; }

/* ******************************** */
/* IMPAGINAZIONE GENERALE  */
/* ******************************** */
#loading { height:31px; width:100%; background-image:url('https://www.quattrogomme.net/images/loader.gif');background-repeat:no-repeat; background-position:50% 50%;  }
table tr td { vertical-align:top; }

/* CLASSE SLOT */
#slot { border:0px; margin-bottom:35px; padding-bottom:5px;  } 

/* //////// BARRA ENERGETICA //////// */
.barraEnergia > * { }
.barraEnergia > span  { float:left; background-image:url(https://www.quattrogomme.net/images/iconeEnergia.png); background-repeat:no-repeat; height:30px; width:30px; display:block; position: relative; margin-top:-12px; margin-right: 30px;}
.barraEnergia > div  { display:block; width:auto; height:10px; overflow:visible; white-space:nowrap; background-image:url(https://www.quattrogomme.net/images/barraEnergia.png); background-repeat:no-repeat; background-size:100% 10px; margin-left:60px; /*larghezza dell'icona + il margine */ margin-top:30px; margin-bottom:30px; position:relative; z-index:1;  }
.barraEnergia > div > * { display:inline-block;  }
.barraEnergia > div > span {  height:10px; }
.barraEnergia > div > h3 {  top:0; }
.barraEnergia > div > h3 > span {   top: -33px; position: relative; }
.iconaResistenza { background-position: 0px 0px; /*background-position-x:0px;*/ }
.iconaAderenza { background-position: -33px 0px; /*background-position-x: -33px;*/ }
.iconaRumore1 { background-position: -67px 0px; /*background-position-x: -67px;*/ }
.iconaRumore2 { background-position: -100px 0px; /*background-position-x: -100px;*/ }
.iconaRumore3 { background-position: -134px 0px; /*background-position-x: -134px;*/ }
.label-default { background-color:#000 !important;}
.spacerEnergia_A { width:0%;  }
.spacerEnergia_B { width:17%;  }
.spacerEnergia_C { width:33%;  }
.spacerEnergia_D { width:50%;  }
.spacerEnergia_E { width:66%;  }
.spacerEnergia_F { width:83%;  }
.spacerEnergia_G { width:96%;  }


.icone_caratteristiche  { height: 90px; width: 100%; display:block; position: relative; margin-top:20px;margin-bottom:20px; }
.icone_caratteristiche > div,.icone_caratteristiche > a  { float:left; background-image:url(https://www.quattrogomme.net/images/icone_caratt_big.png); background-repeat:no-repeat; height: 90px; width: 75px; display:block; position: relative; margin-right: 10px; background-position: 0px 0px; }
.icone_caratteristiche > a:hover {  text-decoration:none !important; }
.icone_caratteristiche > .icona_SUMMER  { background-position: 0px 0px; }
.icone_caratteristiche > .icona_WINTER  { background-position: -89px 0px; }
.icone_caratteristiche > .icona_FOURSEASON  { background-position: -178px 0px; }
.icone_caratteristiche > .icona_RUNFLAT  { background-position: -269px 0px; }
.icone_caratteristiche > .icona_GARANZIA  { background-position: -360px 0px; }
.icone_caratteristiche > .icona_RESO  { background-position: -450px 0px; }
.icone_caratteristiche > .icona_FRESCO  { background-position: -540px 0px; }
.label_prodotto  { margin-top:0px; height: 133px; width: 133px; display:block; position: absolute; background-repeat:no-repeat; }
.label_1  { background-image:url(https://www.quattrogomme.net/images/label_superconveniente.png);  }
.label_2  { background-image:url(https://www.quattrogomme.net/images/label_qualita_prezzo.png);  }
.label_3  { background-image:url(https://www.quattrogomme.net/images/label_prodotto_top.png);  }
.label_solo1  { background-image:url(https://www.quattrogomme.net/images/label_solo1.png);  }
.label_solo2  { background-image:url(https://www.quattrogomme.net/images/label_solo2.png);  }
.label_solo3  { background-image:url(https://www.quattrogomme.net/images/label_solo3.png);  }
.label_solo4  { background-image:url(https://www.quattrogomme.net/images/label_solo4.png);  }
.label_disponibilita_limitata  { background-image:url(https://www.quattrogomme.net/images/disponibilita_limitata.png);  }


.paginazione { font: 10px/18px "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif, "Bitstream Vera Sans"; TEXT-DECORATION: none; text-align:left; width:100%; height:auto; float:inherit; height:50px; margin-top:10px; clear:both;
}
.paginazione a { display:block; float: left;    width: auto;   text-align: center;    border: 0px; text-transform: uppercase;  white-space: nowrap;  text-decoration: none;  border:1px solid #006;  COLOR: #006; padding: 0px 5px 0px 5px; margin: 0px 10px 0px 0px;
}
.paginazione a:hover, .paginazione a.selected{ COLOR: #fff; BACKGROUND-COLOR: #006; }
/*
#Big table,#Big table tr,#Big table tr td { border:0px; background-color:#FFF; }
#Big > table tr td { border-bottom:1px solid #D6D6D6;  padding: 10px;}*/







.Offerte { cursor:pointer; }
.Offerte h2 { color:#FFF !important; }
.Offerte p { color:#FFF !important; }
.Offerte:hover h2 { color:#0FF !important; }


.Prezzo *  { /*font-family: Verdana, 'sans-serif' !important;*/ font-weight:400; } 



h1.TeaserHead { font-weight:900 !important; font-style: normal; text-transform: uppercase; }

a.hometeaser_button { font-weight:700 !important;  }

div#TastieraCategorieRicerca a { overflow:hidden; } /*a.hometeaser_button*/
div#TastieraCategorieRicerca { width:100% !important; /* border-bottom:dashed 8px #f1e521; */ }
.footer { /*border-top:dashed 8px #f1e521; */ padding-top:45px !important; }
/* da xxs in giù */
@media (max-width: 499px){ 
/*div#TastieraCategorieRicerca a { font-size:13px !important; } a.hometeaser_button*/
}
/* da xxs in su */
@media (min-width: 500px){ 
}





.LogoTop { /*margin-bottom:15px;*/  }
.LogoTop a img { text-align:left; margin-bottom:10px; }
/* <--- xs */
@media (max-width: 767px){ 
/* NON VA CAUSA img-responsive .------- .LogoTop, .LogoTop a, .LogoTop a img { text-align:center !important; } */
h1.TeaserHead { font-size:28px; line-height:28px; /* margin-top: 50px; */  }
#SearchStart { /* padding-top:75px !important; */  }
.EtichettaBig { zoom:50%; }	

.top { border-bottom: 1px solid #677786; }
}
/* sm */
@media screen and (min-width: 768px) and (max-width: 992px){ 
h1.TeaserHead { font-size:30px; line-height:50px; /* margin-top: 100px; */ } 
#SearchStart { /* padding-top:55px !important;  */ }

.LogoTop a img { max-width: 350px; }
.top { border-bottom: 1px solid #677786; }
.EtichettaBig { zoom:63%; }	
.navbar-nav { zoom: 0.96 }
}
/* md */
@media screen and (min-width: 993px) and (max-width: 1200px){ 
h1.TeaserHead { font-size:43px; line-height:50px;  }
.EtichettaBig { zoom:54%; }	
.navbar-left {  float: right !important; } 
.LogoTop { margin-top:15px; }
}
/* lg --->*/
@media (min-width: 1201px){ 
h1.TeaserHead { font-size:50px; line-height:65px;  }
.EtichettaBig { zoom:55%; }	
.LogoTop { margin-top:10px; }
}


/* default e xs */
.Scheda_Big { margin-top:30px; padding-bottom:20px; border-bottom:0px solid #428bca; }

.Scheda_Big > div {  }
.Scheda_Big:hover a {  }
.Scheda_Big .Sx {   }
.Scheda_Big .Dx > div {  }
.Scheda_Big .Dati {  }
.Scheda_Big .Dati img { max-width:190px; }
.Scheda_Big .Dati h4 { font-size:42px; display: inline-block; margin-bottom:0px !important;  vertical-align: middle; /* color:#27969c !important;  */ margin-top:5px !important;  }
.Scheda_Big .Dati h2  { font-size:52px;  margin-bottom:5px !important; margin-top:13px !important; padding-bottom:7px !important; padding-top:3px !important;  }
.Scheda_Big .Consegna {  min-height:80px; }
.Scheda_Big .Consegna h4 { display:inline-block; font-size:33px; margin:0;margin-left:-2px;  }
.Scheda_Big .Prezzo { margin-top:25px; height:80px; }
.Scheda_Big .Prezzo h1 { display:inline-block; font-size:78px !important; margin:0;  margin:0; font-weight:900 !important; }
.Scheda_Big .Prezzo h4 { display:inline-block; font-size:40px; margin:0; margin-left:-5px; font-weight:900 !important;  }
.Scheda_Big .Prezzo h6 { display:inline-block; font-size:21px; margin:0; margin-left:5px;  color:#666666 !important; }
.Scheda_Big .Immagine { height:auto; width:100%; overflow:hidden; }
.Scheda_Big .SuperPost_RecordForm { width: 100%;  /*width:96%; float:left;  top:153px;*/ }
.Scheda_Big .SuperPost_RecordForm .qta { /* width:20%; float:left; */ margin-right:0px; }
.Scheda_Big .SuperPost_RecordForm .add { /* width:78%;*/ white-space:nowrap; /*float:right;*/ font-weight:200; }
/* sm */
@media (min-width: 768px){ 
}
/* md */
@media (min-width: 992px){ 
}
/* lg */
@media (min-width: 1200px){ 
}









iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}




/* UTILE PER L'EASE DELLE IMMAGINI onHover */

.media {
	background: #fff;
	border-top: solid 1px #c7c9c8;
	margin-bottom: 30px;
	padding-top: 10px;
}

.media a {
	overflow: hidden;
}

.media-img {
	overflow: hidden;
	position: relative;
	padding: 0;
}

.media-img .img-overlay {
	background: #363635;
	background: rgba(0,0,0, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 50%;
	text-align: center;
	z-index: 4;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50â€“12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	opacity: 0;
	visibility: hidden;
}

.lt-ie9 .media-img .img-overlay {
	filter: alpha(opacity=70);
}

.media .img-overlay a {
	display: none;
	position: relative;
	margin-top: -24px;
}

.media:hover .img-overlay a,
.media .img-overlay:hover a {
	display: inline-block;
}

.media .img-overlay h3 {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 25px;
	font-size: 18px;
	margin-top: -40px;
}

.media:hover .img-overlay,
.media .media-img:hover .img-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50â€“12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.media p {
	font-size: 14px;
	line-height: 19px;
}

.media a:hover {
	text-decoration: none;
}

.media-body {
	padding: 20px 30px 10px 35px;
}

.media div.pull-left {
	overflow: hidden;
	margin-right: -15px;
	margin-left: 14px;
}

.media div.media-img img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 2000ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 2000ms;
	width: 100%;
	height: auto;
}

.media:hover div.media-img img {
	-webkit-transform: scale(1.15, 1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 1500ms;
	-moz-transform: scale(1.15, 1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 1500ms;
	transform: scale(1.15, 1.15);
	transition-timing-function: ease-out;
	transition-duration: 1500ms;
	position: relative;
	z-index: 3;
}

.media .media-testo {
	margin-top: 20px;
	margin-right: 20px;
}




.BrandPage > div { margin-top:15px; height:65px; margin-bottom:25px;}
.produttore-small {  background: url('https://www.quattrogomme.net/images/brand_small.gif') no-repeat top left; display:block; position:absolute; top:20px; right:5px; }
.produttore-small-bw {  background: url('https://www.quattrogomme.net/images/brand_small.gif') no-repeat top left; display:block;  }




#FormPagamento ul li.list-group-item label { display:inline-block;  } 
                    .consel_home { border:0px solid #000; width:100%; padding-top:10px; }
                    .consel_testo { font-size:13px; color:#8D8C8C; font-style:italic; text-align:justify }
                    .consel { border:1px solid #000; width:30%; padding:10px; float:left; }
                    .consel div { border:1px solid #000; display:block; width:40px; height:30px; padding:10px;  }




.RigaTop { font-size:14px; border-bottom:1px solid #677786; padding-top:14px; padding-bottom:13px; }
.RigaTop div div.Dx {  text-align:right;   }
.RigaTop div div.Sx {  text-align:left;  }
.RigaTop div div span {  color:#677786;  }
.RigaTop * a {  color:#677786 !important; text-decoration: underline   }
/* <--- xs */
@media (max-width: 767px){ 
  .RigaTop div div.Dx,.RigaTop div div.Sx {  text-align:center !important;  }
}



	
/* ******* NEW SchedaV2 (SMALL) ***** */
.SchedaV2 > div, .SchedaV2 > div > div, .DoppiaV2 * { border:0px solid #cccccc;  }
.SchedaV2 { border-bottom:1px #CCC solid; /* margin-bottom: 24px; */ padding-top: 10px;  }
.SchedaV2 > div { border: 0px solid #fff; cursor:pointer; /* padding-bottom: 40px;  */padding-top: 10px;  }
.SchedaV2 .Due p { font-size:0.8rem; }

.MainDivRisultati { min-height:500px }
.SchedaV2 { background: linear-gradient(169deg, #c6e3eb, #fff 47.9%) !important; }
/*.MainDivRisultati > .SchedaV2:nth-of-type(odd) > div { background-color: #E8E8E8;  } */
.SchedaV2 a { text-decoration:none !important; }
/* .SchedaV2:hover  a, .SchedaV2:hover a span { color:rgb(13, 110, 253) !important;  text-decoration:none !important; } */
.SchedaV2 > div a:hover { color:rgb(13, 110, 253) !important;  text-decoration:none !important; } 
.SchedaV2 a.btn:hover  { color:#fff !important; }
.SchedaV2 h4 { font-size:17px; margin:0px !important;  margin-bottom:7px !important; vertical-align:central; }
.SchedaV2 h4 a  { color:#27969c !important; vertical-align:central; }
.SchedaV2 .Uno { padding-left:0px; position:relative;  }
.SchedaV2 .Uno .Immagine { width:100%; position:absolute; bottom:0px;  right:0px; overflow:hidden; }
.SchedaV2 .Uno .Immagine a img { mix-blend-mode: multiply; }
    .EtichettaProductBox { mix-blend-mode: multiply; }   
.SchedaV2 .Uno h4  { position:absolute; top:0px; margin-left: auto; margin-right: auto; left: 0;right: 0; /*display:inline-block !important; */text-align:center; }
.SchedaV2 .Due { /*height: 180px;*/ padding-left:15px;}
/*.SchedaV2 .Due > div { height: 205px; }*/
.SchedaV2 h2  { /*max-height: 80px; */ overflow: hidden;  margin-top:0px !important; margin-bottom:5px !important; padding-bottom:7px !important; padding-top:3px !important;   }
.SchedaV2 h2 a  { color:#000000; font-weight:500 !important; text-decoration: none !important;  }
.SchedaV2 .Descrizione  { /* max-height: 43px;*/ max-height: 72px; overflow: hidden; }
.SchedaV2 .Modulo  { position:relative; display:block; width:100%; padding:0px !important; }
.SchedaV2 .Prezzo  { display:inline-block; float:left; padding:0px !important;  }
.SchedaV2 .Prezzo h1 { display:inline-block; font-size:50px !important; margin:0;  margin-right: -3px; font-weight:900 !important; }
.SchedaV2 .Prezzo h2 { display:inline-block; font-size:1.3rem !important; margin:0;  margin-right: 1px; font-weight:900 !important; overflow: inherit; }
.SchedaV2 .Prezzo h4 { display:inline-block; font-size:21px; margin:0; font-weight:900 !important;  }
.SchedaV2 .Prezzo h6 { display:inline-block; font-size:13px; margin:0; margin-left:0px;  color:#666666 !important; line-height: 4px !important;  } 
.SchedaV2 .Sconto { line-height: 14px; }
/*.SchedaV2 .SuperPost_RecordForm { width: 100%; position:absolute; bottom:0px; width:96%; float:left;  top:153px; }*/
.SchedaV2 .SuperPost_RecordForm .qta { /* width:20%; float:left; */ margin-right:0px; }
.SchedaV2 .SuperPost_RecordForm .add { /* width:78%;*/ white-space:nowrap; /*float:right;*/ font-weight:200; }
.SchedaV2 .BottoneAggiungi { white-space:nowrap; }
.SchedaV2 .SuperPost_RecordForm { display:block; width:100%; /* height:40px;  */float:right; white-space:nowrap; }

.SchedaV2 .label_energia_small { margin-top:7px; float:left; height:26px; width:192px; display:block; background-repeat:no-repeat; }
.SchedaV2 .label_energia_small.rumore1 { background-image:url(https://www.quattrogomme.net/images/label_small1.gif); }
.SchedaV2 .label_energia_small.rumore2 { background-image:url(https://www.quattrogomme.net/images/label_small2.gif); }
.SchedaV2 .label_energia_small.rumore3 { background-image:url(https://www.quattrogomme.net/images/label_small3.gif); }
.SchedaV2 .label_energia_small p { color:white; font-size:12px; font-weight:bold; margin-top: 5px; float:left; }
.SchedaV2 .label_energia_small p.resistenza { margin-left: 34px;  }
.SchedaV2 .label_energia_small p.aderenza { margin-left: 55px; }
.SchedaV2 .label_energia_small p.rumoreDb { margin-left: 57px; }

.SchedaV2 .Due ul.list-group  { width:100%; }
.SchedaV2 .Descrizione .label  { font-size:13px; font-weight:400 !important; }
.label_fuoritutto, .label_fuoritutto_home  { font-weight:700 !important; background-color:#005CFF; }


	.DoppiaV2 { border-top:1px dashed #ccc !important; clear:both; padding-top:8px;  }
.DoppiaV2 * h2 { font-size:1.3rem !important; }

	
/* <--- xs */
@media (max-width: 767px){ 
/*.SchedaV2 .BottoneAggiungi { float:left; }*/
.SchedaV2 .SuperPost_RecordForm { float:left; }
.SchedaV2 .Uno { height: 205px; }
.SchedaV2 .Due { /*height: 220px; */ margin-top: 0px }
.SchedaV2 .Uno .Immagine { height:180px; }
}
/* sm */
@media screen and (min-width: 768px) and (max-width: 992px){ 
/*.SchedaV2 .BottoneAggiungi { margin-top:10px; }*/
.SchedaV2 .SuperPost_RecordForm { margin-top:10px; }
.SchedaV2 .Uno { height: 230px; }
.SchedaV2 .Due { /* height: 215px; */ margin-top: 30px }
.SchedaV2 .Uno .Immagine { height:205px; }
/*.BottoneAggiungi { position:absolute; bottom:0px; right:0px; }*/
}
/* md */
@media screen and (min-width: 993px) and (max-width: 1200px){ 
/*.SchedaV2 .BottoneAggiungi { margin-top:10px; }*/
.SchedaV2 .SuperPost_RecordForm { margin-top:10px; }
.SchedaV2 .Uno { height: 210px; }
.SchedaV2 .Due { /* height: 235px;  */ margin-top: 30px }
.SchedaV2 .Tre { /* height: 235px; */ margin-top: 30px }
.SchedaV2 .Tre > div { margin-top: 30px; }
.SchedaV2 .Uno .Immagine { height:210px; }
.SchedaV2 .Prezzo  { display:block; }
.SchedaV2 .Tre ul.list-group { vertical-align:baseline; position:absolute; bottom:0px; margin-bottom: 0px; }
.libera40 { padding-right: 25px; }

/*.BottoneAggiungi { position:absolute; bottom:0px; right:0px; }*/
}
/* lg --->*/
@media (min-width: 1201px){ 
.SchedaV2 .Uno { height: 250px;  }
.SchedaV2 .Due { /* height: 190px; */ margin-top: 30px }
.SchedaV2 .Tre { /* height: 190px; */ margin-top: 30px }
.SchedaV2 .Tre > div { margin-top: 30px; }
.SchedaV2 .Uno .Immagine { height:88%; }
.SchedaV2 .Prezzo  { display:block; }
.SchedaV2 .Tre ul.list-group { vertical-align:baseline; position:absolute; bottom:0px; margin-bottom: 0px; }
.libera40 { padding-right: 25px; }
}

.HtmlConteggi tr td h3 { font-weight:600; margin-top: 5px !important; }
.HtmlConteggi tr td p { font-size:1rem;  }
.HtmlConteggi tr.first td { font-weight: 900; border-top:1px solid #000; font-size:13px; }
.HtmlConteggi td.left { border-left:1px solid #000; }
.HtmlConteggi td.right { border-right:1px solid #000; }

	
	
	
	li.active a.text-white {font-weight: bold; color:#6AC3FF !important;}	
	a.text-white:hover {color:#6AC3FF !important;}	
	
	#SearchStart li.nav-item button { color:#ffffff !important; }
	
	.feature-icon { width: 4rem;height: 4rem; border-radius: .75rem;}
	
	
	
	




/* da qui istruzioni css visibili da tinyeditor cms */
