@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
  overflow-y: hidden;
  background: #fefefe
}

body#natale {
  background: #efefef url(/borri/i/natale.jpg) no-repeat center center fixed ;
  -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

}

body.modal-open, .modal-open .modal {
  overflow-y: hidden;
  padding-right: 0 !important;
}

ul, ol{list-style: none;
padding-left: 0;}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon-small {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 1;
  content: '';
  display: block;
  border: 5px solid #A11B23;
}

.ribbon-small::before,
.ribbon-small::after {
  position: absolute;
  z-index: 1;
  content: '';
  display: block;
  border: 5px solid #A11B23;
}


.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #bd2130;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px #000;
  text-transform: uppercase;
  text-align: center;
}

.ribbon-small span {
  position: absolute;
  display: block;
  width: 170px;
  padding: 5px 0;
  background-color: #bd2130;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 12px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px #000;
  text-transform: uppercase;
  text-align: center;
}


/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 42px;
  transform: rotate(-45deg);
}

/* top left*/
.ribbon-top-left-small {
  top: -10px;
  left: 8px;
}
.ribbon-top-left-small::before,
.ribbon-top-left-small::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left-small::before {
  top: 0;
  right: 0;
}
.ribbon-top-left-small::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left-small span {
  right: -26px;
  top: 32px;
  transform: rotate(-45deg);
}



/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: 5px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 42px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: 5px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 42px;
  transform: rotate(-225deg);
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
        margin-top: 20px;
    border: 1px solid #eee;
        border-left-width: 1px;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout {

    border-color:  #eee;
        border-left-color: rgb(238, 238, 238);

}

.bs-callout-info {
    border-left-color: #1b809e;
}


.copertina {box-shadow: 0 1px 1px #333 !important;
-moz-box-shadow: 0 1px 1px #333 !important;
-webkit-box-shadow: 0 1px 1px #333 !important;
padding: 3px !important;
border-top: 1px solid #dedede !important;
vertical-align: middle !important;}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #c82333;
    border-color: #c82333;
}


.fa-euro-sign{font-size: 1rem}

.datepicker.input-group  {
    padding: 0 !important;

}

.datepicker td, .datepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.85rem;
}

.datepicker {
    margin-bottom: 3rem;
}


/*
 * Component: Small Box
 * --------------------
 */

 .banner-centrali a ,  .banner-centrali a:hover {text-decoration: none;}

.banner-centrali a:hover  .small-box-footer {
   color: #fff;
   background: rgba(0, 0, 0, 0.15);
 }

.small-box {
  border-radius: 3px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-height: 150px
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: absolute;
  bottom: 0;
  left: 0; right: 0;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: wrap;
  padding: 5px 0 0 0;
}
.small-box p {
  font-size: 15px;
  color: #fff;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h2,
.small-box p {
  z-index: 5;
  color: #fff;
  line-height: 1.1em;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: 15px;
  right: 5px;
  z-index: 0;
  font-size: 75px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 80px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}


.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
{
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red{
  background-color: #dd4b39 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua{
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue
{
  background-color: #3c8dbc !important;
}
.bg-green
 {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}

/* GLOBAL STYLES
-------------------------------------------------- */

body {
  color: #444;
  clor:#6c757d !important;
  font-family: 'Roboto', sans-serif;
}



a, a:hover {
  color: #444
}

section {
  padding: 2rem 0;
}

.divider {margin: 3rem 0;}
.contenuto {
  padding-top: 40px
}

img {
  opacity: 1;
  transition: opacity 2.3s;
}

img[data-src] {
  opacity: 0;
}

.hr {
  border: 0 !important;
  height: 1px !important;
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}

.hr2 {
  border: 0 !important;
  height: 1px !important;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) !important;
}
/*
.form-control, .custom-select {
  border-radius: 0 !important;
}*/

.social i {
  color: #fff;
  transition: 0.5s;
}

.social:hover {
  text-decoration: none;
}

.social .fa-stack .fab {
  color: #000;
}

.page-changer-submit {
  visibility: hidden;
  display: none;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #c82333;
}

/* CHI siamo
------------------------*/
.chi-siamo p {text-align: justify;
  line-height: 2rem;
  color: #414A4C;
}
.chi-siamo h2 {text-transform: uppercase;}
/* ACCEDI
--------------------------*/
.accedi .login,
.accedi .registrati {
  flex-grow: 1;
  flex-basis: 0;
}


/*CARRELLO  TOP
------------------------*/
.carrello-ajax-top .badge-pill {
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  text-align: center;
  padding: 0;
  background-color: #c82333;
  color: #fff;
}

.carrello-ajax-top .nav-item.active>.nav-link,
.carrello-ajax-top .nav-item:active:focus>.nav-link,
.carrello-ajax-top .nav-item:active>.nav-link,
.carrello-ajax-top .nav-item:focus>.nav-link,
.carrello-ajax-top .nav-item:hover>.nav-link {
  background: transparent !important;
  color: #444 !important;
  opacity: 0.8;
}

.prodotto .form-carrello-ajax .btn-danger i {
  color: #fff;
}


/* CARRELLO
---------------------------------------------------*/
.carrello .carrello-riga:last-child{border-bottom:0;}
.carrello .carrello-riga{
border-bottom: 1px solid #dee2e6 ;
}

.carrello img, #transok img, .chi-siamo img{
box-shadow: 0 1px 1px #333 !important;
-moz-box-shadow: 0 1px 1px #333 !important;
-webkit-box-shadow: 0 1px 1px #333 !important;
padding: 3px !important;
border-top: 1px solid #dedede !important;
vertical-align: middle !important;}


/* CAROSELLO
-------------------------------------------------- */
.carosello {
  height: 170px;
}

.carosello .swiper-slide, .carosello2 .swiper-slide {
  background-size: 100% 100%;
}

.carosello .swiper-slide .caption, .carosello2 .swiper-slide .caption {
  overflow: auto;
  position: absolute;
  font-size: 2.5vw;
  left: 9%;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 20px;
  top: 50%;
  transform: translate(9%, -50%);
}

.carosello .swiper-slide .caption p, .carosello2 .swiper-slide .caption p {
  line-height: 1.2;
  margin-bottom: 0;
}

.carosello .swiper-button-next, .carosello .swiper-button-prev, .carosello2 .swiper-button-next, .carosello2 .swiper-button-prev {
  color: #f7f7f7;
}

/* TOPBAR
-------------------------------------------------- */
#topbar {
  /* transizione per scrollDown */
  transition: top 0.5s ease;
  max-height: 3rem;
}

.topbar {
  background-color: #0e1111;
  color: #fff;
}

.topbar .topbar-item {
  color: #fff;
  font-size: 0.8rem;
  padding: 0 10px;
  transition: 0.5s;
}

.topbar .topbar-item.active i, .topbar .topbar-item.active {
  color: #B8D3D2
}

.topbar .topbar-item:hover, .topbar .topbar-item:hover i {
  text-decoration: none;
  color: #898a8c
}

.topbar .topbar-item i {
  color: #fff;
  font-size: 1rem;
  padding-right: 5px;
  transition: 0.5s;
}

.topbar .topbar-item:first-child {
  padding-left: 0;
}

.topbar .topbar-item:last-child {
  padding-right: 0;
}

.topbar .social:hover i {
  color: #000
}

.topbar .social:hover .fa-stack .fab {
  color: #fff;
}

.topbar .social .fa-stack {
  font-size: 0.8em;
}

/* NAVBAR
----------------------------------------- */
#navbar {
  /* transizione per scrollDown */
  transition: top 0.5s ease;
}

.navbar .nav-link {
  font-family: 'Roboto Condensed', sans-serif;
}

.navbar .nav-item {
  padding: 0 10px;
}

/* reset the default navbar brand padding [it's 15px by default]*/
.navbar-brand {
  padding: 0;
}

/* transfer the navbar brand padding to the image inside it, also make it 100% height*/
.navbar-brand>img {
  padding: .25rem 0;
  height: 100%;
}

.navbar-nav .nav-link {
  font-weight: 700;
  color: #333;
  display: inline-block;
  padding-right: .7rem !important;
  padding-left: .5rem;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.bg-light {
    background-color: #c82333 !important;
    color: #fff !important;
}
.navbar-nav .nav-item.active>.nav-link,
.navbar-nav .nav-item:active:focus>.nav-link,
.navbar-nav .nav-item:active>.nav-link,
.navbar-nav .nav-item:focus>.nav-link,
.navbar-nav .nav-item:hover>.nav-link,
.navbar-nav .nav-item:hover>.nav-link a,
.navbar-nav .nav-item>.nav-link.active,
.navbar-nav .nav-item.show>.nav-link {
  color: #c82333 ;
  background: transparent ;
}

.navbar-nav a.bg-light:focus,
.navbar-nav a.bg-light:hover {
    background-color: #c82333 !important;
    color: #fff !important;
}

/*
BREADCRUMB
-------------------------------------------------*/
.breadcrumb-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/borri/i/section-video-parallax-bg.jpg") center center;
  /* Full height */
  height: 100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: #fff
}

.breadcrumb-nav {
  padding: 1.8rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #f7f7f7;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* Style to change separator  */
.breadcrumb-item+.breadcrumb-item::before {
  content: "/";
  color: #fff;
  font-weight: 400;
}

.breadcrumb-item a {
  text-decoration: none;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  color: #000;
  border-bottom: 0;
}

.breadcrumb a {
  color: #fff;
  font-weight: 700;
}

.breadcrumb-item.active {
  color: #fff;
}

/*
SIDEBAR macrosettori
-------------------------------------------*/
.box-shadow .ricerca-header {
  border: 1px solid #dedede;
  padding: 1rem;
  background: #fff;
  -webkit-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  -moz-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
}

.sidebar-macrosettori.box-shadow .dropdown-menu {
  border: 0;
}

.sidebar-macrosettori .dropdown-menu {
  font-size: 0.8rem;
}

.sidebar-macrosettori .dropdown-menu .dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important
}

.sidebar-macrosettori .dropdown-menu .dropdown .dropdown-menu {
  border: 0;
  margin: 0;
  text-indent: 1rem;
  line-height: 1rem:
}

.sidebar-macrosettori .show ul li a:hover,
.sidebar-macrosettori .show ul li a:focus {
  background: #ebeef0 !important;
  background-image: none;
  color: #444 !important;
}

/* RICERCA-TOP
----------------------------------------- */
.ricerca-top form {
  padding: 0.5rem 0
}

.ricerca-top input {
  height: 50px
}

.ricerca-top a {
  color: #333;
}

.ricerca-top .input-group-prepend button {
  width: 6.6rem
}

.ricerca-top .input-group-append button {
  width: 3.6rem
}

.ricerca-top {
  border-top: 1px solid rgba(0, 0, 0, .1);
/*  border-bottom: 1px solid rgba(0, 0, 0, .1);*/
border-bottom: 1px solid #dedede;
  background-color: #f7f7f7;*/
  /*background-color: #fff;*/
/*  background-color: #ebeef0;*/
}

.ricerca-top .btn-outline-secondary, .ricerca-top .category {
  border-color: /*#ced4da*/ #A11B23;
}



.ricerca-top .btn-outline-secondary:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #c82333;
}

.ricerca-top .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.ricerca-top .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.ricerca-top .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(161, 27, 35, .5);
}

.ricerca-top .btn-outline-secondary:not(:disabled):not(.disabled).active,
.ricerca-top .btn-outline-secondary:not(:disabled):not(.disabled):active,
.ricerca-top .show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #c82333;
  border-color: #c82333;
}

.ricerca-top-fluid .input-group-prepend button {
  /*-webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;*/
  padding: 0 2rem !important;
}

.ricerca-top-fluid .input-group-append button {
/*  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;*/
  padding: 0 2rem !important;
}

.ricerca-top-fluid {
  background-color: #f7f7f7;
}

.ricerca-top-fluid .btn-outline-secondary {
  border-color: #ced4da;
}

.ricerca-top-fluid .btn-outline-secondary:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #c82333;
}

.ricerca-top-fluid .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.ricerca-top-fluid .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.ricerca-top-fluid .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(161, 27, 35, .5);
}

.ricerca-top-fluid .btn-outline-secondary:not(:disabled):not(.disabled).active,
.ricerca-top-fluid .btn-outline-secondary:not(:disabled):not(.disabled):active,
.ricerca-top-fluid .show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #c82333;
  border-color: #c82333;
}

/*EVENTI
------------------------------*/

#eventi .card-body{
-webkit-border-bottom-left-radius: 3px ;
-moz-border-bottom-left-radius: 3px;
border-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-border-bottom-right-radius: 3px;}

#eventi .card-text {
  font-weight: normal;
  color:#8b8d94;
  font-size:0.9rem;
  line-height:1.5rem
}

#eventi h6, #eventi h5 {
  font-weight: 700;

}
#eventi a{text-decoration: none;}

#eventi .ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 8; /* number of lines to show */
   -webkit-box-orient: vertical;
}


#eventi .form-group {
    margin-bottom: 0rem;
}

.evento .etichetta{
  position: absolute;
  top: 1rem;
  left: 2rem;
   background: #000;
opacity: .8;
padding: 0.5rem;
color: #fff !important;

}

.evento .data{
  position: absolute;
  top: 1rem;
  right: 2rem;
  height: 70px;
 width: 70px;
 background-color: #fff;
 border-radius: 50%;

}

.evento .data .giorno{
  position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50% , -20%);
    -webkit-transform: translate(-50%, -20%);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 2px solid #c82333;
}
.evento .data .ora{
  position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50% , -90%);
    -webkit-transform: translate(-50%, -90%);
    font-size: 1.2rem;
    font-weight: 700;
}

/*.evento .data .ora{
  position: absolute;
    top: 170%;
    left: 50%;
    transform: translate(-50% , -170%);
    -webkit-transform: translate(-50%, -170%);
    font-size: 1rem;
    font-weight: 700;
    background-color: #fff;
    padding: 0 0.2rem
}*/

.evento p{

  text-align: justify;
  line-height: 2rem;
}

.evento .prezzo, .evento .prezzo-arianna{
font-size: 1.4rem

}

.evento img {width: 100%}
/* VETRINA
--------------------------------------- */
.vetrina h1, .vetrina2 h1 {
  background-color: #c82333;
  color: #fff;
  text-align: center;
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 0.23rem;
  font-size: 1.5rem;
}

.vetrina-descrizione {
  position:absolute;
  right:1rem;
  top:1.2rem;
  font-size:0.8rem;
  color:#fff;
}

.vetrina-descrizione,
.vetrina-descrizione:hover,
.vetrina-descrizione:visited {

  color:#fff !important;
}


/*************** Vetrina box ***************/
.vetrina .swiper-wrapper, .vetrina2 .swiper-wrapper {
  padding-top: 10px
}

.vetrina .swiper-slide {}

/*#natale .natale-titolo {background: #fff; padding: .357rem; opacity: .9;}*/
#natale .swiper-container {
  background: #fff;
  opacity: .9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
#natale span.swiper-sottotitolo{padding: 0 20px; font-size: 1rem; color: #555}
#natale .swiper-container h1{background: #fff; color: #333; padding: 20px 20px 10px 20px;   }
#natale .prezzo-vecchio{font-size: 1rem}

#natale .natale .prodotto-box img {
    box-shadow: 0 1px 1px #333;
    -moz-box-shadow: 0 1px 1px #333;
    -webkit-box-shadow: 0 1px 1px #333;

    /*
    width: 150px;
    height: 210px;

    saso
    */

    width: 120px;
    height: 180px;
    padding: 3px;
    border-top: 1px solid #dedede;
    vertical-align: middle;
}

#natale .vetrina-descrizione, #natale .vetrina-descrizione:hover, #natale .vetrina-descrizione:visited {
    color: #900 !important;
    font-weight: 400;
    font-size: 1rem
}

/* PODOTTO
------------------------------------------*/
.prodotto-box {
  text-align: center;
  padding-bottom: 2rem;
}

.prodotto-box img {
  box-shadow: 0 1px 1px #333;
  -moz-box-shadow: 0 1px 1px #333;
  -webkit-box-shadow: 0 1px 1px #333;
  width: 200px;
  height: 280px;
  padding: 3px;
  border-top: 1px solid #dedede;
  vertical-align: middle;
}

.copertina-vetrina-modifica  {

      box-shadow: 0 1px 1px #333 !important;
      -moz-box-shadow: 0 1px 1px #333 !important;
      -webkit-box-shadow: 0 1px 1px #333 !important;
      padding: 3px !important;
      border-top: 1px solid #dedede !important;
      vertical-align: middle !important;
      max-width: 4rem;

}

.vetrina .prodotto-box img, .vetrina2 .prodotto-box img {
    box-shadow: 0 1px 1px #333;
    -moz-box-shadow: 0 1px 1px #333;
    -webkit-box-shadow: 0 1px 1px #333;

    /*
    width: 150px;
    height: 210px;

    saso
    */

    width: 120px;
    height: 180px;
    padding: 3px;
    border-top: 1px solid #dedede;
    vertical-align: middle;
}


.vetrina .swiper-button-next {
    right: 0;
    left: auto;
}

.vetrina .swiper-button-prev {
    left: 0;
    right: auto;
}

.vetrina .swiper-button-next, .vetrina .swiper-button-prev {
    color: #c82333;
}

.vetrina1a .swiper-button-next, .vetrina1a .swiper-button-prev,.vetrina2a .swiper-button-next,  .vetrina2a .swiper-button-prev {
    color: #c82333;
    top: 36%
}


.prodotto img {
  box-shadow: 0 1px 1px #333 !important;
  -moz-box-shadow: 0 1px 1px #333 !important;
  -webkit-box-shadow: 0 1px 1px #333 !important;
  padding: 3px !important;
  border-top: 1px solid #dedede !important;
  vertical-align: middle !important;
}

.prodotto .prodotto-dettagli {
  padding-top: 0.7rem;
  border-right: 0;
}


.prodotto-disponbilita small {
  display: block;
}

.prodotto .titolo {
  font-weight: 700;
  margin: 0;
  /*
  font-size: 1rem;
  saso
  */
  font-size: 0.9rem;
  line-height: 1.2rem
}

.alert {
  background: #fff;
  border: 1px solid;
  font-size: 1rem
}

.prodotto .autore {
  font-weight: 400;
  /*
  font-size: 1rem;
  saso
  */
  font-size: 0.8rem;
  color: #444;
  margin-bottom: 0;
}

.prodotto .editore {
  font-weight: 400;
  font-size: 0.8rem;
  color: #666;
  /*  text-transform: uppercase;*/
}

.prodotto .prodotto-prezzo {
  font-weight: 400;
  text-transform: uppercase;
  /*
  font-size: 1.4rem;
  saso
  */
  font-size: 1.2rem;
  color: #000;
}

.prezzo-vecchio {
  color: #878787;
  font-size: 1.2rem;
}

.prodotto .titolo a {
  color: #000;
  text-decoration: none;
}

.prodotto .autore a {
  color: #333
}

.prodotto .editore a {
  color: #333;
  font-style: italic;
}

/*
.prodotto .prodotto-prezzo i {
  font-size: 1.2rem;
}


.prodotto .form-carrello-ajax button i {
  display: inline-block;
  color: #333;
  font-size: 1.2rem;
}*/
.prodotto .prodotto-prezzo form {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline;
}

.prodotto .nostroprezzo, .prodotto .prezzoarianna {
  display: inline
}

.prodotto .prodotto-prezzo .strike {
  color: #878787;
  text-decoration: line-through;
  font-weight: normal;
}

.prodotto .prodotto-prezzo .sconto {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  color: #fff;
  background: #AD1926;
}

.prodotto .alert {
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0.5rem 0;
  text-align: center;
  line-height: 1.5;
}

.prodotto .modal-header {
  border-bottom: 0
}

.prodotto .autore-titoli img {
  width: 100px;
  height: 150px;
}

.prodotto .autore-titoli .titolo {
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1rem
}

.prodotto .autore-titoli .autore {
  font-weight: 300;
  font-size: 0.8rem;
}

.prodotto .autore-titoli .editore {
  font-weight: 300;
  font-size: 0.6rem;
}

.prodotto .autore-titoli .prezzo {
  font-weight: 400;
  font-size: 1rem;
}

.prodotto .autore-titoli .prezzo i {
  font-size: .8rem;
}

/*PRODOTTO SCHEDA
--------------------------------------------*/
/*.prodotto-scheda .prodotto-disponibilita{
  background-color: #ebeef0;
  border:1px solid #dedede;
}*/
.prodotto-scheda .prodotto .prodotto-dettagli {
  padding-top: 0;
}

.prodotto-scheda .titolo {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #000;
}

.prodotto-scheda p {
  margin: 0;
  padding: 0;
  padding: 0.15rem 0
}

.prodotto-scheda a {
  color: #000;
  text-decoration: underline;
}

.prodotto-scheda .editore {
  font-size: 1rem;
}

.prodotto-scheda .editore a {
  font-style: normal;
}

.prodotto-scheda .editore b {
  color: #000;
}

.prodotto-scheda .prodotto-prezzo {
  padding-top: 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: #AD1926
}
.prodotto-scheda .descrizione a{
  text-decoration: none;
}


/*EVENTI AUTORI
--------------------------------------------*/
#eventi-autori {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/borri/i/section-video-parallax-bg.jpg") center center;
  /* Full height */
  height: 100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

#eventi-autori h1 {
  color: #fff;
  margin-bottom: 2rem
}

#eventi-autori h3 {
  color: #dd4b39;
  display: table;
   margin: auto;
   padding: 0.2rem 0.5rem;
   margin-bottom: 0.5rem

}

.eventi-autori-grid {
  background-color: #fff;
  padding: 1rem;
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 4;
  -webkit-column-gap: 0;
  -moz-column-count: 4;
  -moz-column-gap: 0;
  column-count: 4;
  column-gap: 0;
}

.eventi-autori-grid img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1200px) {
  .eventi-autori-grid {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 1000px) {
  .eventi-autori-grid {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 800px) {
  .eventi-autori-grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 400px) {
  .eventi-autori-grid {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .vetrina h1, .vetrina2 h1 {
    font-size: 1.5rem
}
}

/* [1] The container */
.img-hover-zoom {
  /*   width: 250px; [1.1] Set it as per your need */
  overflow: hidden;
  /* [1.2] Hide the overflowing of child elements */
  margin: 0.5rem 0 0.5rem 0.5rem
}

.img-hover-zoom:first-child {
  /*   width: 250px; [1.1] Set it as per your need */
  overflow: hidden;
  /* [1.2] Hide the overflowing of child elements */
  margin: 0 0 0.5rem 0.5rem
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}



.video figure {
  padding: 0.6rem 0;
  margin: 0 auto;
  display: table;
  position: relative;
}

.video figcaption {
  text-align: center;
  padding-top: 0.8rem;
  text-transform: uppercase;
}

.video a:hover {
  text-decoration: none
}


/****** GRID VIDEO E AUTORI ORIGINALE
EVENTI VIDEO
--------------------------------------------
#eventi-video {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/borri/i/section-video-parallax-bg.jpg") center center;
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.eventi-video-grid {
  background-color: #fff;
  padding: 1rem;
  -webkit-column-count: 4;
  -webkit-column-gap: 2rem;
  -moz-column-count: 4;
  -moz-column-gap: 2rem;
  column-count: 4;
  column-gap: 2rem;
}

.eventi-video-grid figure {
  padding: 1rem 0;
  margin: 0 auto;
  display: table;
  position: relative;
}

.eventi-video-grid figcaption {
  text-align: center;
  padding-top: 1rem;
  text-transform: uppercase;
}

.eventi-video-grid a:hover {
  text-decoration: none
}

.eventi-video-grid img {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1200px) {
  .eventi-video-grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 1000px) {
  .eventi-video-grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 800px) {
  .eventi-video-grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 400px) {
  .eventi-video-grid {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

EVENTI AUTORI
--------------------------------------------
#eventi-autori {
  background: #ebeef0 !important;

}

.eventi-autori-grid {
  line-height: 0;
  -webkit-column-count: 4;
  -webkit-column-gap: 0;
  -moz-column-count: 4;
  -moz-column-gap: 0;
  column-count: 4;
  column-gap: 0;
}

.eventi-autori-grid img {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1200px) {
  .eventi-autori-grid {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 1000px) {
  .eventi-autori-grid {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 800px) {
  .eventi-autori-grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 400px) {
  .eventi-autori-grid {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.img-hover-zoom {
  overflow: hidden;
  margin: 0.5rem 0 0.5rem 0.5rem
}

.img-hover-zoom:first-child {
  overflow: hidden;
  margin: 0 0 0.5rem 0.5rem
}

.img-hover-zoom img {
  transition: transform .5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.5);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}*/

/*------------------------------------------*/
/* RICERCA-RISULTATO:
----------------------------------------- */
#ricerca-risultato ul, #ricerca-risultato ol {
  list-style: none;
}

/* con .box-shadow
body {background: #ebeef0}
body {background: #fefefe}*/
.ricerca-header {
  border-bottom: 1px solid #dedede;
  padding-bottom: 1rem;
  background: #fff;
}

.ricerca-risultato .prodotto {
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
  padding: 1rem 0;
  margin: 0.5 0;
}

.ricerca-risultato .prodotto.row {
  margin-left: 0;
  margin-right: 0;
}

.ricerca-risultato .prodotto-dettagli {
  padding-top: 0;
}

.ricerca-footer {
  padding-top: 1rem;
  background: #fff;
}

.box-shadow .ricerca-header {
  border: 1px solid #dedede;
  padding: 1rem;
  background: #fff;
  -webkit-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  -moz-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
}

.box-shadow .prodotto {
  border: 1px solid rgba(0, 0, 0, .1) !important;
  padding: 1rem 0;
  margin: 0.5rem 0 0 0;
  background: #fff;
  -webkit-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  -moz-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
}

.box-shadow .ricerca-footer {
  border-top: 1px solid #dedede;
  padding: 1rem;
  background: #fff;
  -webkit-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  -moz-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
}

.sidebar-macrosettori.box-shadow {
  border: 1px solid rgba(0, 0, 0, .1) !important;
  background: #fff;
  -webkit-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  -moz-box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
  box-shadow: 5px 5px 4px -8px rgba(0, 0, 0, 1);
}

.ricerca-risultato .prodotto-box img {
  width: 160px;
  height: 230px;
}

.ricerca-risultato a {
  color: #000;
  text-decoration: none;
}

.ricerca-risultato .autore a {
  color: #333
}

.ricerca-risultato .editore a {
  color: #333;
  font-style: italic;
}

.ricerca-risultato .prodotto-disponbilita button,
.ricerca-risultato .prodotto-disponbilita .alert {
  font-size: 0.9rem !important
}

/* PRODOTTO SCHEDA
------------------------------------*/
.prodotto-scheda, .descrizione {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.prodotto-scheda .prodotto-copertina img {
  width: 100%;
}

.prodotto-scheda .prodotto-copertina {
  flex: 20%;
  position: relative;
}

.prodotto-scheda .prodotto-dettagli {
  flex: 80%;
  padding-top: 0;
}

.descrizione-sx {
  flex: 0%;
}

.descrizione-dx {
  flex: 100%;
}

.prodotto-scheda .prodotto-info {
  flex: 70%;
}

.prodotto-scheda .prodotto-disponibilita {
  flex: 30%;
}

/*

.ricerca-risultato img {
  width: 100%;
  height: auto;
}

.page-header {
  padding-bottom: 9px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}

.page-changer form {
  width: 50%
}
*/
/*PAGINAZIONE
---------------------------------------------*/
.pagination {
  padding-left: 0;
  margin: 0;

}

.pagination a {
  padding: 0.2rem 0.6rem;
  color: #333;
  background-color: #fff;
  border: 0;
  font-size: 1rem
}

.pagination a.current {
  background: #c82333;
  color: #fff;
  border: 0;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 3px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px;
}

.pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled span, .pagination a.disabled:hover span {
  background: #fff;
  color: #dedede;
  border: 0;
}

/*
.pagination a:hover, .pagination span:hover, .pagination a:focus, .pagination span:focus {
  color: #fff;
  background-color: #c82333;
  text-decoration: none;
}*/

.pagination a.pag-icon.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus {
  color: #dedede !important;
  cursor: default;
}

.pagination a.pag-icon {
  color: #c82333;
}

.pagination a.pag-icon:hover, .pagination a.pag-icon:focus {
  color: #c82333 ;
  text-decoration: none;
  background-color: transparent;
}

/* utenti
-----------------------*/
.table-responsive td {vertical-align: middle; font-size: 0.8rem !important}
/* utenti
-----------------------*/
#data-ordini  {font-size: 0.8rem !important}
#data-ordini  td {vertical-align: middle;}


/* TRANSOK
-----------------------*/
#transok .table {font-size: 0.8rem !important}
#transok .table td {vertical-align: middle;}

/*FOOTER
-------------------------------------------*/
footer {
  padding-top: 5rem;
  color: #ebeef0
}

footer p {
  padding: 0;
}

footer ul {
  list-style: none;
  list-style-position: inside;
  padding-left: 0;
}

footer ul li {
  padding: 0.2rem 0
}

/*
footer h6{
  border-bottom: 2px solid #fff;
  width: 50%;
}*/
footer .footer-social {
  background-color: #000;
}

footer a, footer a:hover {
  color: #fff;
  text-decoration: none;
}

.copyright-section {
  padding-top: 2rem;
  background-color: #222;
  color: #ebeef0;
  font-size: 0.9rem;
}

.footer-bottom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #000;
  font-size: 0.8rem;
  font-weight: 300;
  color: #ebeef0;
}

footer .social:hover i {
  color: #222
}

footer .social:hover .fa-stack .fab {
  color: #fff;
}

footer .social .fa-stack {
  font-size: 1em;
}

/* Extra small devices (portrait phones, less than 576px)
/* No media query for `xs` since this is the default in Bootstrap*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .carosello {
    height: 260px;
  }
  .modal-full {
    min-width: 98%;
  }
  .descrizione-sx {
    flex: 0%;
  }
  .descrizione-dx {
    flex: 100%;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .carosello {
    height: 320px;
  }

  .carosello2 {
    height: 37s0px;
  }
  .prodotto-scheda .prodotto-copertina {
    flex: 35%;
  }
  .prodotto-scheda .prodotto-dettagli {
    flex: 65%;
  }
  .descrizione-sx {
    flex: 0%;
  }
  .descrizione-dx {
    flex: 100%;
  }
  .prodotto-scheda .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #AD1926;
    border-color: #AD1926 #AD1926 #AD1926;
  }
  .prodotto-dettagli {
    border-right: 1px solid #dee2e6
  }
  .vetrina .prodotto-dettagli {
    border-right: 0;
  }
  .prodotto-scheda .prodotto-dettagli {
    padding-top: 0;
    border-right: 0 !important;
  }



}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .carosello {
    height: 450px;
  }
  .carosello2 {
    height: 370px;
  }

  .prodotto-scheda .prodotto-copertina, .descrizione-sx {
    flex: 20%;
  }

  .prodotto-scheda .prodotto-dettagli, .descrizione-dx {
    flex: 80%;
  }

  .modal-full {
    min-width: 0;
  }


    .navbar-nav .nav-item>.nav-link.active,
    .navbar-nav .nav-item:active:focus>.nav-link,
    .navbar-nav .nav-item:active>.nav-link,
    .navbar-nav .nav-item:focus>.nav-link,
    .navbar-nav .nav-item:hover>.nav-link {
      background: #c82333;
      color: #fff;
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
      -webkit-border-radius: 3px;
      /* Firefox 1-3.6 */
      -moz-border-radius: 3px;
      /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
      border-radius: 3px;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .carosello {
    height: 500px;
  }
  .carosello2 {
    height: 370px;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  ...
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  ...
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  ...
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  ...
}

/* Extra large devices (large desktops)*/
/* No media query since the extra-large breakpoint has no upper bound on its width*/