html,
body {
  font-family: 'Open Sans', sans-serif;
  color:#555;
}

a {color:#555;}

a:hover{color:#555;}

ul { list-style: none; padding:0; margin:0 }

/* NMNOTE classe pensata per mantenere gli stili applicati da tiny alle liste senza dar fastidio agli altri elementi */
.tiny-desc ul {list-style: disc; padding:15px 40px}
.tiny-desc ol {list-style: decimal; padding:15px 40px}
.tiny-desc img { max-width: 100%; height:auto!important } 

/* underline usi link nelle pag testuali */
.tiny-desc a, .tab-content.prodotto a {text-decoration: underline !important;}
.tiny-desc a:hover, .tab-content.prodotto a:hover{text-decoration: none !important;}

header { margin: 10px 0 0 0; }

header nav { margin: 10px 0 0!important; }

header .tel {font-size:15px;}

.fa.fa-phone { color:#ba1f27 }

.fa { color:#ccc; font-size:20px!important; }

#header-separator { background: url(../img/header_sep.png) repeat-x bottom left; 
position:relative; 
top:54px;
height:9px;
  
}

#logo { max-width:100%}

/* trick per l'iframe che google crea con il codice per il remarketing */
iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/** CONTENUTO PRINCIPALE TESTUALE DELLA PAGINA **/
article {
  margin:15px 0
}

#pager { min-height:50px }

hr { border-bottom: 1px dashed #ccc; }

/* sovrascriviamo gli stili di bootstrap per i bottoni*/
.btn-primary, .btn-primary:default,
.active.btn-primary, 
.focus.btn-primary, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover, 
.open > .btn-primary.dropdown-toggle {
  background:#bb1e27;
  background-color:#bb1e27;
  border:none;
}

.btn-primary:hover{background: #eea236}

footer {
  margin-top: 50px;
  padding-top: 20px;
  border-top:70px solid #777;
  background:#9a9a9a;
  color:#fff;
}

footer h4 {
  font-weight:normal;
  text-transform: uppercase;
  font-size:14px;
}

footer a,
footer a:hover { color:#fff }

footer a:hover { text-decoration: underline }

footer section {
  margin-top:30px;
  font-size:12px;
}

#scrollup {
  width: 46px;
  height: 46px;
  opacity: 1.0;
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 9999;
  color:#fff;
  background: #333;
  display:none;
  text-align: center;
  font-size:28px;
  line-height:46px;
}

sidebar .banner {
  margin-bottom:10px;
}

main.cart-page .panel,
sidebar .panel {
  margin-bottom:10px;
  background:#f2f0e1
}

main.cart-page .panel {
  padding:15px
}

main.cart-page label{font-weight: 500;}

h1,
h3 {
  padding-bottom:8px;
  border-bottom:1px solid #f6ac49;
  font-weight:normal;
  font-size:20px;
  color: #555
}

h1.inline,
h3.inline {
  margin:0!important;
  padding:0!important;
  border-bottom:0;
  line-height:40px;
}

small.extra{font-size:82%;}

sidebar h3 { margin-top:0; }

sidebar .panel li {
  margin: 5px 0;
}
  
sidebar .panel a {
  color: #555
}

#reviews .media {
  border-bottom:1px solid #a1a29c
}
#reviews .media:last-child {
  border-bottom:0
}

header .cart {
  margin: 5px 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #bb1e27;
  border-top: 3px solid #fff;
  color: #fff;
  line-height: 45px;
  z-index: 950;
  text-align: center;
}

header .cart a { color:#fff; font-size:14px; }
  
header .cart .icon {
  background: #940D14;
  padding: 1px 0;
  width: 60px;
  float: left;
  background-color: #bb1e27;
}

.fa-shopping-cart{color:#fff;}

ul.warning-buono {padding-left:20px}
ul.warning-buono li{list-style: disc;}

#social { padding-top: 5px }

div.container .breadcrumb{background-color: #fff; margin:0}

div.msg-promozionale{
  background-color: #f6ac49; 
  border: solid 1px #bb1e27; 
  text-align:center; 
  padding: 4px; 
  border-radius: 4px; 
  color: #000;
  font-size:120%;
  font-weight: bold;
}

/** CAROUSEL **/
#carousel { margin-bottom:30px; }
#carousel .img-responsive { width:100%; }


.price { color: #bb1e27 }
.price s { color: #555; }
strong.price {
  font-size:1.3em
}

/** VETRINA **/

.vetrina { 
  min-height:270px; 
  margin: 0 auto 20px auto; 
  border:3px solid transparent; 
  width:190px;
}


.vetrina img{margin: auto;}

@media only screen and (min-width: 992px){ 
.vetrina img{max-width:184px;}
}

@media only screen and (max-width: 640px){ 
  .vetrina {width:300px}
}


.vetrina .caption {text-align:center;}

.vetrina:hover { border-color:#bb1e27 }

.vetrina .caption p { margin:0; line-height:120%; padding:4px 6px }

.vetrina .caption p.nome-prod{height:40px}


.vetrina .img-prod {
  position:relative;
  min-height: 160px;
}

.vetrina .img-prod .outlet, .vetrina .img-prod .qta-max {
  position:absolute;
  right:0;
  height: 18px;
  width:100%;
  text-align: center;
  color: #fff;
  font-size:13px;
}

.vetrina .img-prod .outlet {
  bottom:0;
  background-color: #F5AD49;
}

 .vetrina .img-prod .qta-max {
  bottom:20px;
  background-color: green;
}

.vetrina .bollo-sconto,
.vetrina .bollo-spedizione {
  position:absolute;
  width:69px;
  height:69px;
  top:0;
  right:0;
  background: url(../img/bg_sconto.png) no-repeat top right;
  text-align: center;
  color: #fff
}

.vetrina .bollo-sconto {
  font-size: 20px;
  line-height: 69px;
}

.vetrina .bollo-spedizione {
  padding-top:18px;
  font-size: 12px;
}

.vetrina a:hover{
  color: #555; 
  text-decoration: none;
}

div.bacheca-img {margin-bottom:5px}


span.glyphicon-search.custom {background-color: #c51b1b; color:white; padding:5px;}

/** MENU **/
.navbar-default { background: #fff;border:0; min-height:0; margin-top:20px; }

.navbar-default .container-fluid { padding:0 }
.navbar-collapse.collapse,
.navbar-collapse.collapsing {padding:0}

.navbar-default .navbar-nav>li>a {
  color:#555!important;
  border-bottom:4px solid transparent;
}

.navbar-toggle { cursor: pointer; float:none; margin-right:0; padding:7px; border-color:#770B10  }
.navbar-toggle .icon-bar { background:#bb1e27; }
.navbar-nav {margin:0}

li.dropdown.open {z-index:1000;}

.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.open>a{ background-color:#fff!important;border-color:#c51b1b;}

.navbar-default .dropdown-menu {border:0!important}



/** PAGINAZIONE **/

.pagination {
  margin-top: 0
}

.pagination>li>a, 
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span{
  color: #bb1e27
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  color: #fff;
  background-color: #bb1e27;
  border-color:#ddd
}

#pophover-msg-wrapper .container{
  width: auto;
}




@media only screen and (min-width: 768px){
  header .cart {
    margin: 0 0;
    position: relative;
    border-top: 0;
    color: #fff;
    width: auto;
    line-height: 34px;
  }
  
  header .cart .icon {
    padding: 0;
    width: 34px;
    float: left;
  }
 
  .navbar-nav>li>a {
    margin:0 10px;
    padding:5px 0;
  }
}

@media only screen and (max-width: 768px){
  #search {
    margin-top:15px;
  }
  
  .navbar-default .navbar-nav>li>a{ border-bottom:1px solid #e7e7e7!important; }
  .navbar-default .navbar-nav>li.active>a,
  .navbar-default .navbar-nav>li.open>a{ background:#e7e7e7!important; }
}

/** OWL VETRINE **/


/** OWL CAROUSEL CONTROL **/
div.owl-theme div.owl-controls {
  margin-top:0;
}

.owl-theme .owl-controls .owl-buttons div {
  border-radius: 0;
  margin: 0;
  opacity: 1;
  width: 70px;
  height: 20px;
}

.owl-prev {
background: url(../img/prev.png) center no-repeat;
  background-size: 70%;
}

.owl-next {
  background: url(../img/next.png) center no-repeat;
  background-size: 70%;
}


#lighGallery div.owl-theme div.owl-controls {
  margin-top:-50px!important;
}



.marchi {
  margin-bottom:15px
}

.breadcrumb {
  font-size:11px
}

label.accessorio { font-weight:normal } 

.configurazione { 
  float:left;
  width: 70px; 
  min-height:120px;
  margin-left:0; 
  margin-right:10px; 
}

.configurazione.selected { 
  width: 80px !important; 
  min-height: 125px !important;
  margin-top: -5px !important;
  margin-left: -5px !important; 
  margin-right: 5px !important; 
}

.configurazione .thumbnail {
  border-width:2px;
  margin-bottom:0;
  cursor: pointer;
}

.configurazione .thumbnail:hover {
  background: #eea236;
}

.configurazione .caption {
  padding:8px 0;
  font-size:10px;
  line-height:110%
}

.configurazione.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

.configurazione.disabled:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

.configurazione.selected .thumbnail {
  border-color:#c51b1b;
}

.panel-body { padding-bottom:0 }

.panel-default>.panel-heading {
  background-color: #fff;
  padding-top:5px;
  padding-bottom:5px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body.rows{
  padding-top:5px;
  padding-bottom:5px;
  border-top:none;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#loader-placeholder {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity:    0.8;
    filter:     alpha(opacity=80);
    background: #fff url(../img/ajax-waiter.gif) 50% 50% no-repeat;
}

.help-block.tip {
  color:#666!important;
  font-size:12px
}

main.cart-page form h4 {
  color:#333;
  font-size: 15px;
  font-weight:bold;
  border-bottom:1px solid #ccc;
}

.riepilogo .row {
  padding:10px 0;
  border-bottom:1px solid #d6cd89;
}

select.nazione-sped{
    display: inline;
    width: 72%;
    padding: 5px;
    margin: 0;
  }
  
@media only screen and (max-width: 1024px){ 
  input#ritiro_negozio{margin-top:15px}
  select.nazione-sped {width: 100%;}
}

  
@media only screen and (min-width: 1024px) and (max-width: 1280px){ 
    select.nazione-sped {width: 64%;}
  }

/* feedback */
.feedback {
  padding-bottom:15px;
  border-bottom:1px solid #ccc;
}

.feedback .risposta {
  padding-left:40px;
}

ul.pagination {
  margin: 0 0 15px 0;
}

.pagination-results {padding-top: 6px; padding-bottom: 6px;}

@media only screen and (min-width: 1024px){ 
  .pagination-results.order-page{float:right; text-align:right}
}

/* gallery prodotto */
.gallery-img-th {cursor:pointer}

div.miniature{
  margin:10px 0 20px 0;
}

div.miniature li{float:left;}
div.miniature img{height: 80px; padding:3px; cursor:pointer;}
div.miniature .prod-zoom-in{
  font-size:28px;
  color: #555;
  cursor:pointer;
}

/*.prodGallery#lightGallery-outer*/
.lg-outer.lg-visible.prodGallery{
    background-color: rgba(0, 0, 0, 0.55);
}

.lg-backdrop.in {opacity:0 !important;} 

@media only screen and (max-width: 768px){ 
ul.prod-tabs li a{padding: 6px;}
}

/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
  vertical-align: middle;
  display:inline-block;
  width:80px;
  height:16px;
  position:relative;
  background: url(../img/star-matrix.gif) no-repeat 0 0;
}

ul.rating li {
  display:inline-block;
  cursor: pointer;
  /*ie5 mac doesn't like it if the list is floated\*/
  float:left;
  /* end hide*/
  text-indent:-999em;
}
ul.rating li a {
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover {
  z-index:2;
  width:80px;
  height:16px;
  overflow:hidden;
  left:0;
  background: url(../img/star-matrix.gif) no-repeat 0 0;
}

.rating.voto1 { background-position: 0 0; }
.rating.voto2 { background-position: 0 -16px; }
.rating.voto3 { background-position: 0 -32px; }
.rating.voto4 { background-position: 0 -48px; }
.rating.voto5 { background-position: 0 -64px; }

/* COOKIE BAR */

.cookie-bar{
	min-height: 35px;
	overflow: hidden;
	font-size: 12px ;
	padding: 8px 30px ;
	color: white ;
	background: #bb1e27;
	border-bottom: solid 1px white;
	box-shadow: 0 1px 10px rgba(0,0,0,.25);
	top: 0 ;
	margin-top: 0 ; 
	transition: all 255ms ;
	box-sizing: border-box ;
	position: relative;
}

.cfixed{
	position: fixed ;
	width: 100% ;
}

.cookie-bar a{
	font-weight: bold ;
	border-bottom: 1px solid white ;
	text-decoration: none ;
	transition: all 255ms ;
}

.cookie-bar a, .cookie-bar i{
	color: white ;
}

.cookie-bar a:hover{
	font-weight: bold ;
	border-bottom: 1px dotted #ffffff ;
}

.cookie-bar a:hover, .cookie-bar i:hover{
	color: #ffffff;
}

.cookie-bar div.cookie-bar-content{
	float: left ;
	max-width: 90% ;
	padding-top: 3px ;
}

.cookie-bar i{
	float: right ;
	transition: all 255ms;
	cursor: pointer;
	font-size: 16px ;
  cursor: pointer;
}

.cookie-bar a.cookie-button {
    position:absolute;
    right:15px;
    top:30%;
    display: inline-block;
    background-color: #eee;
    padding: 3px 12px;
    border-radius: 3px;
    color: #bb1e27;
    text-decoration: none;
    border: none;
}

.cookie-bar a.cookie-button:hover {
    border:none;
    background-color:#ccc;
}

@media (max-width: 768px){
	.cookie-bar .cookie-bar-content a:before { 
		content: 'hiddentext'; 
		font-size:0; 
		display:block; 
		line-height:0; 
	}

	.cookie-bar i{
		font-size: 26px ;
	}

	.cookie-bar{
		font-size: 14px ;
		line-height: 18px ;
	}
}


#nmana_defcodicefiscale {
    text-transform: uppercase;
}

.ekko-lightbox .modal-body {
    padding: 0 !important;
}

.ekko-lightbox-nav-overlay a {
    text-shadow: 0px 0px 2px #999;
}

.ekko-lightbox .modal-dialog {
    margin-right: auto !important;
    margin-left:  auto !important;
}

@media only screen and (max-width : 480px) and (orientation:portrait){
    .ekko-lightbox .modal-dialog {
        top: 25%;
    }
}

@media only screen and (max-width : 750px) and (orientation:landscape){
    .ekko-lightbox-container,  .ekko-lightbox-container img, .ekko-lightbox-container .ekko-lightbox-item.fade.in.show{
        height: calc(100vh - 20px) !important;
        width: auto !important;
    }
}

.iframe-findomestic {
    width: 100%;
    border: none;
    height: 500px;
    max-height: 100%;
}
.logo{
    padding: 5px;
}

.presenta-amico {
    background-color: #bb1e27;
    width: 100%;
    color: white; 
    text-align: center;
    padding: 2px;
}

.presenta-amico a {
    color: white;
    font-weight: bold;
    font-size: 12px;
}

.presenta-amico i { 
    color: white;
    font-size: 16px !important;
}

.panel-finiture .panel-heading a {
  display: block;
}