/* ---- isotope ---- */
.button {
  display: inline-block;
  padding: 10px 18px;
  margin: 5px;
  background: #EEE;
  border-radius: 50px !important;
  background: linear-gradient(-47deg, #fff 0%, #fafafa 100%);
  color: #192242;
  font-size: 15px;
  cursor: pointer;
  outline: none;
  transition: 0.3s;
  border: 1px solid #d90003
}
.button:hover {
  color: #ffffff;
  outline: none;
  background: linear-gradient(-47deg, #d90003 0%, #192242 100%);
}
.button:focus, .button:active, .button.is-checked {
  background: linear-gradient(-47deg, #d90003 0%, #192242 100%);
  color: #fff;
  outline: none;
}
.button.is-checked {
  color: white;
}
.button:active {}
/* ---- button-group ---- */
.button-group:after {
  content: '';
  display: block;
  clear: both;
}
.section-heading > h2::after {
  display: none
} 
.navbar-brand img {
  height: 65px
}
@media (max-width: 768px) {
  h2 {
    font-size: 34px;
  }  
 
}
.bg-overlay::after {
  opacity: 0.74;
  z-index: -1;
}
h3 {
  font-size: 26px;
}
.producto {
  margin-bottom: 2em;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 20px #f1f1f1;
}
.producto img {
  border-radius: 20px 20px 0px 0px;
}
.producto h4 {
  color: #ff0000;
}
.producto p {
  font-size: 17px
}
.producto a {
  margin: 0 auto;
}
.productos img {
  border-radius: 20px;
  margin-bottom: 2em
}
.producto-interna {}
.producto-interna h4 {
  color: #ff0000;
}
.producto-interna a {}
.btn {
  padding: 14px 20px;
  border-radius: 36px;
  display: block;
  width: fit-content;
}
.btn-whatsapp {
  background: linear-gradient(-47deg, #4aa586 0%, #67ccaa 100%) !important;
}
#scrollUp {
  left: 2%;
  height: 45px;
  width: 45px;
  border-radius: 40px;
}
.wp-fijo {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #33d39c;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  padding: 15px;
  z-index: 500000000000000;
}
.height-emulator {
  float: left;
  height: 380px;
}
.productos-wrapper {
  position: relative;
        margin-bottom: 2em;
}
.slick-prev, .slick-next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-prev:hover, .slick-next:hover {
  background: rgba(0, 0, 0, 0.8);
}
.navbar-toggler:focus, .navbar-toggler:active {
  outline: none;
  box-shadow: none;
}
.homepage-6 .welcome-area {
  background: rgba(0, 0, 0, 0) url("../img/hero.webp") no-repeat scroll top center / cover;
}
.welcome-area.bg-overlay::after {
  opacity: 0.7;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #d90003;
  margin-bottom: 0;
}
.btn-light {
  background: linear-gradient(-47deg, #d90003 0%, #fff 100%);
  color: #d90003
}
.btn-light:hover {
  background: linear-gradient(-47deg, #192242 0%, #fff 100%);
  color: #fff
}
.bg-tienda {
  background: rgba(0, 0, 0, 0) url(../img/tienda.webp) no-repeat fixed center center / cover;
}
.bg-comunicate {
  background: rgba(0, 0, 0, 0) url(../img/comunicate.webp) no-repeat fixed center center / cover;
}
.footer-area .social-icons > a {
  
}
.btn-tienda {
  background: linear-gradient(-47deg, #d90003 0%, #192242 100%);
}
.btn, .btn:active, .btn.sApp-btn:before, .bg-overlay::after, .benifits-item:after {
  background: linear-gradient(-47deg, #d90003 0%, #192242 100%);
}
body {
  overflow-x: hidden
}
.footer-fixed {
  background-color: #192242;
}
.footer-fixed li {
  color: #fff;
}
.footer-fixed p {
  color: #fff;
}
.footer-fixed h3 {
  color: #fff;
}
.instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
.single-work::after {
  display: none
}

.welcome-intro h3 {
  font-weight: 300;
    font-size: 23px
}

.btn.sApp-btn {
    margin: 0 auto;
}

.destacado {
    color: #d90003 
}

.btn.sApp-btn {
    background: transparent none repeat scroll 0 0;
    color: #192242;
    border-radius: 100px;
    letter-spacing: 0px; 
}

.card-header .btn {
  background: transparent
}

.bg-overlay-op100::after {
    opacity: 1;
    z-index: -1;
}

.bg-blue {
   background-color: #192242
}

.contact-box button {
    height: 60px;
    border-radius: 38px;
    background: #cc0205 !important;
}

.contact-us .social-icon {
    border-radius: 40px;
}
.btn-marca:focus {
      background: linear-gradient(-47deg, #fafafa 0%, #fff 100%);
      color: #d90003 !important
}
.btn-marca:hover {
      background: linear-gradient(-47deg, #fafafa 0%, #fff 100%);
      color: #d90003 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.border-bottom {
    border-bottom: 1px solid #f5f5f5 !important;
}

.active {
    color: #d90003;
    font-weight: 500
}
.marca {
    height: 50px
}
.marca-banner {
    height: 100px
}
.bg-celeste {
    background-color: #f6faff;
}

.overlay-dark::after {
    background-color: rgb(3 15 30 / 75%);
    opacity: 0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    z-index: -1;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .welcome-area, .homepage-5 .welcome-area {
        height: 100% !important;
        padding-top: 140px !important;
    }
}
@media (max-width: 575px) {
    .section-heading > h2 {
        font-size: 34px;
    }
}

    .section-interna {
        padding: 150px 0 50px !important;
    }
.button-group {
    margin-top: 0px;
}

.slick-slide img {
    display: block;
    margin: 0 auto;
}

.titulos-tabla td {
line-height:1.2;
font-weight:bold}


td {
padding:5px}


.btn-video {
    display: block;
    margin-bottom: 1em;
    position: relative
}


.btn-video a{
    margin: 0 auto;
    text-align: center
}