





.lb-data .lb-caption {
	font-size: 22px;
	color: #fff;
}


.rotate-icon {
  transition: transform 0.3s ease;
}



.rotate-icon.open {

  transform: rotate(180deg);

}



a.ghost:hover {

  text-decoration: none;

  color: #252b33;

}



.video-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

}



.video-container iframe, .video-container object, .video-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.contenitoreVideo iframe {

  display: block;

}



.new_tag {

  height: 20px;

  background-color: #ff9900;

  display: inline-block;

  padding-left: 5px;

  padding-right: 5px;

  font-size: 10px;

  font-weight: bold;

  line-height: 10px;

  color: #fff;

  letter-spacing: 2px;

  position: absolute;

  top: 200px;

}



.address-title {

  font-weight: 800;

}



.left {

  float: left;

}



.right {

  padding-left: 20px;

}



.list-text {

  list-style: none !important;

  font-weight: initial;

  padding: 0;

  list-style-type: none;

}



.cookiebar {

  position: fixed;

  width: 100%;

  height: 100px;

  background-color: #004b8b;

  z-index: 999;

  bottom: 0px;

  left: 0px;

  padding: 10px;

  display: none;

}



.parallax_text {

  background-color: rgba(0,0,0,0.7);

  min-height: 20px;

  margin-top: 60px;

  margin-left: 15px;

  margin-right: 15px;

  padding: 20px;

  position: absolute;

  left: 0px;

  max-width: 100%;

}



.professional_box {

  position: relative;

  color: #fff;

}



.professional_box p {

  font-size: 14px;

}



.professional_box h4 {

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 4px;

}



.overlay {

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  margin: auto;

  height: 80px;

  padding: 15px;

  font-size: 0px;

}



.carousel_image {

  height: 300px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



/* sm */



@media (min-width: 576px) {

  .carousel_image {

    height: 400px;

  }

}



/* md */



@media (min-width: 768px) {

  .carousel_image {

    height: 500px;

  }

}



/* lg */



@media (min-width: 992px) {

  .carousel_image {

    height: 580px;

  }

}



/* xl */



@media (min-width: 1200px) {

  .carousel_image {

    height: 650px;

  }

}



.color_variant_link {

  display: inline-block;

  margin-right: 2px;

  margin-left: 2px;

}



.color_variant_dot.active {

  border: 3px solid #636363 !important;

}



.color_variant_dot {

  border-radius: 50%;

  color: transparent;

  border: 1px solid #ccc;

  width: 16px;

  height: 16px;

  background-color: transparent;

  text-decoration: none;

}



.submenu_top h4 {

  text-transform: uppercase;

  color: #004b8b;

  font-family: 'Roboto Slab';

  font-size: 12px;

  font-weight: bold;

  letter-spacing: 3px;

  line-height: 40px;

}



.submenu_top li {

  padding-right: 10px;

  font-weight: bold;

  font-size: 14px;

}



.nav-item a {

  font-size: 14px !important;

}



.nav-link.active:before {

  transition: 0.5s;

  position: absolute;

  margin-top: -2px;

  content: '';

  width: 15px;

  height: 3px;

  display: block;

  background: #004b8b;

}



body {

  margin: 0;

  font-family: 'Open Sans';

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #252b33;

  text-align: left;

  background-color: #fff;

  padding-top: 100px;

}



.h1, h1 {

  font-size: 2.5rem;

  font-family: 'Roboto Slab';

  text-transform: uppercase;

  color:  var(--colore-primario);

}



.h2, h2 {

  font-size: 1.6rem;

  font-family: 'Roboto Slab';

  text-transform: uppercase;

  color: var(--colore-primario);

}



.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {

  color: #fff;

  background-color: #7fa8ac;

  border-color: #7fa8ac;

}



.btn-primary {

  color: #fff;

  background-color: #7fa8ac;

  border-color: #7fa8ac;

  font-family: 'Roboto Slab';

  text-transform: uppercase;

  border: none;

}



.btn-primary:hover {

  background-color: #9ebfc8;

}



.carousel-indicators .active {

  background-color: #004b8b;

}



.carousel-indicators li {

  position: relative;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: rgba(255,255,255,0.67);

}



.h5, h5 {

  font-size: 1.25rem;

  font-weight: bold;

  font-family: 'Roboto Slab';

}



.h6, h6 {

  font-size: 0.8rem;

  text-transform: uppercase;

  color: #999;

}



.btn_link {

  text-transform: uppercase;

  color:  var(--colore-primario);

  /*font-weight: bold;*/

  text-decoration: none;

  font-size: 20px;

}



.separator {

  border-bottom: 2px solid #cccccc;

  margin-bottom: 15px;

  margin-top: 15px;

}



@media (min-width:768px) {

  .page-footer ul li:after, .page-footer ul li:before {

    background-color: #004b8b;

  }

}



.carousel-caption {

  font-size: 28px;

  background-color: rgba(0,0,0,0.4);

  position: absolute;

  bottom: 0px;

  left: 0;

  right: 0;

  padding-bottom: 40px;

}



.carousel-caption p {

  line-height: 32px;

}



@media (max-width: 575.98px) {

  .carousel-caption {

    font-size: 18px;

  }

}



@media (max-width: 575.98px) {

  .carousel-caption p {

    line-height: 18px;

  }

}



p {

  margin-top: 0;

  margin-bottom: 1rem;

  line-height: 20px;

}



.btn-outline-primary, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active {

  color:  var(--colore-primario);

  background-color: transparent;

  border: none;

  text-transform: uppercase;

  font-size: 20px;

  padding: 0px;

  box-shadow: none;

}



.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {

  color:  var(--colore-primario);

  background-color: transparent;

  border: none;

}



.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {

  box-shadow: none;

}



.arrow-right {

  width: 0;

  height: 0;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  border-left: 20px solid #f6f6f6;

  margin-top: 40px;

}



.arrow-left {

  width: 0;

  height: 0;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  border-right: 20px solid #f6f6f6;

  margin-top: 40px;

}



.submenu {

  background-color: #f6f6f6;

  padding: 20px;

}



.btn-link {

  color: #212529;

}



.product_box {

  max-width: 250px;

  min-width: 160px;

}



.btn-link:hover {

  color: #212529;

}



.clean-product-item {

  border: none !important;

  margin-bottom: 0px !important;

}



.product-name {

  font-family: 'Roboto Slab';

  text-transform: uppercase;

  font-weight: 700;

  margin-bottom: 0px !important;

  text-align: left !important;

}



.product-description a, .product-name a {

  color: #252b33 !important;

}



.product-text-container {

  min-height: 180px;

}



.filter-title {

  padding-top: 5px;

  border-top: 1px solid #ccc;

  margin-bottom: 5px !important;

  font-family: 'Roboto Slab';

  color: #252b33;

}



.filter-title:hover {

  text-decoration: none;

}



.filter-item {

  margin-bottom: 20px !important;

}



.filter-scroll {

  max-height: 140px;

  overflow-y: auto;

}



/* width */



::-webkit-scrollbar {

  width: 4px;

}



/* Track */



::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */



::-webkit-scrollbar-thumb {

  background: rgba(0,0,0,0.2);

}



/* Handle on hover */



::-webkit-scrollbar-thumb:hover {

  background: #252b33;

}



.page-item.active .page-link {

  background-color: #7fa8ac;

  border-color: #7fa8ac;

}



.color_bullets {

  position: absolute;

  right: 15px;

  bottom: 80px;

}



.card {

  border-top: none;

  border-left: none;

  border-right: none;

  background-color: transparent;

}



.card-header {

  border: none;

  background-color: transparent;

  padding: 5px;

}



.card-body {

  padding-top: 0px;

  padding-left: 5px;

  padding-right: 5px;

  padding-bottom: 5px;

}



.card-header a {

  color:  var(--colore-primario);

  text-transform: uppercase;

  font-size: 18px;

  line-height: 48px;

}



.card.magazine h4 {

  color:  var(--colore-primario);

  font-family: 'Roboto Slab';

}



.card.magazine h6 {

  margin-bottom: 0px;

  margin-top: 20px;

}



.card.magazine {

  border-bottom: none;

}



.card.magazine p {

  color: #252b33;

}



.square {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 5px;

}



.imgbox {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: .25rem;

}



.square:after {

  content: "";

  display: block;

  padding-bottom: 100%;

}



.imgbox:after {

  content: "";

  display: block;

  padding-bottom: 75%;

}



.btn-success {

  background-color: #91ab6d;

  border-color: #91ab6d;

  font-family: 'Roboto Slab';

  text-transform: uppercase;

}



.btn-success:hover {

  background-color: #a7c183;

  border-color: #a7c183;

}



.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {

  background-color: #a7c183;

  border-color: #a7c183;

}



.blog_paragraph, .blog_paragraph p {

  font-size: 22px !important;

  line-height: 40px !important;

}



.blog_paragraph a, .blog_paragraph p a {

  text-decoration: underline;

}


a {
  color: #252b33;
}

a:hover {
  color: #004b8b;
}

.submenu_top {
  background-color: rgba(255,255,255,0.85);
  position: fixed;
  top: 100px;
  z-index: 999;
  width: 100%;
  min-height: 40px;
}

.btn-outline-secondary {
  padding-right: 0px;
  border-color: #cccccc;
  font-family: 'Roboto Slab';
  font-weight: bold;
  color: #252b33;
  margin-right: 10px;
  margin-bottom: 5px;
}

.btn-outline-secondary:hover {
  border-color: #252b33;
  background-color: transparent;
  color: #252b33;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #004b8b;
}



