body {
  font-family: "Roboto", sans-serif;
  color: #404143;
  font-size: .9rem; }
.breadcrumbs {
  padding: 3px 0;
  background-color: #f9f9f9; }
  .breadcrumbs .breadcrumb {
    background: transparent;
    padding: 0.75rem 0;
    margin: 0; }

section {
  padding: 50px 0 80px; }

a {
  text-decoration: none;
  color: #ec2227; }

a:hover {
  text-decoration: none;
  color: #bd0b15; }

.icon {
  padding: 30px 0; }

.title {
  font-size: 1.5rem; }

.inner {
  padding: 30px; }

.btn-primary, .btn-primary.empty:hover {
  background-color: #ec2227;
  border: 1px solid #ec2227;
  color: #ffffff; }

.btn-primary:hover {
  background-color: #bd0b15;
  border: 1px solid #bd0b15;
  color: #ffffff; }

.btn-primary.empty {
  background-color: transparent;
  border: 1px solid #ec2227;
  color: #ec2227; }
.ms-view{background:#ffffff !important}
.navbar {
  background: #ffffff !important;
  border-bottom: 5px solid #ec2227 !important;
  color:#333;
  padding: 0;
  position: sticky;}
  @media (min-width: 900px) {
    .navbar {
      padding: 5px 0; } }

.navbar-nav.sm {
  display: none; }
.navbar .sm a.nav-link {
    color: #ec2227 !important;
}
  @media (min-width: 900px) {
    .navbar-nav.sm {
      display: inherit;
      margin-left: auto !important; } }
.navbar-light .navbar-nav .nav-link{color:#333333}
.navbar-light .navbar-nav .nav-link:hover{color:#ec2227}
.cartd {
  color: #ffffff; }

.cartd {
  /**/
  display: none !important; }
  @media (min-width: 900px) {
    .cartd {
      background: #bd0b15;
      padding: 2.2rem;
      text-align: center;
      margin-left: 20px; } }

.topmenu {
  padding: 15px;
    width: 100%;}
  @media (min-width: 900px) {
    .topmenu {
      padding: 0; } }
  .topmenu #logo {
    width: 90%; }
    @media (min-width: 600px) {
      .topmenu #logo {
        width: 65%; } }
    @media (min-width: 900px) {
      /*.topmenu #logo {
        width: 85%; }*/
        /*.navbar-expand-md .navbar-collapse {
    width: 100%;}*/ 
    .topmenu {
        width: 45%;}
    }
    @media (min-width: 1200px) {
      .topmenu #logo {
        width: 100%; }
        .topmenu {
      width: 23%; }
}
  .topmenu .cart {
    color: #fff;
    line-height: 35px; }
    @media (min-width: 600px) {
      .topmenu .cart {
        text-align: center;
        /**/
        display: none !important; } }
    @media (min-width: 900px) {
      .topmenu .cart {
        display: none !important; } }
  .topmenu .phone {
    display: none;
    line-height: 35px; }
    .topmenu .phone a {
      color: #ec2227; }
    @media (min-width: 768px) {
      .topmenu .phone {
        display: block; }
}
    @media (min-width: 900px) {
        
      .topmenu .phone {
        display: none !important; } }
  @media (min-width: 900px) {
    .topmenu .hamb {
      display: none !important; } }

.downmenu {
  width: 100%;
  background: #bd0b15;
  padding: 12px 20px;
  color: #fff; }
  .downmenu a {
    color: #fff !important; }

li.nav-item:first-child {
  padding-top: 20px; }
  @media (min-width: 900px) {
    li.nav-item:first-child {
      padding: 0; } }

li.nav-item {
  padding: 10px 20px; }
  @media (min-width: 900px) {
    li.nav-item {
      padding: 0 0 0 13px; } }

#carousel {
  height: 400px;
  background: #eeeeee; }
  #carousel .w-100 {
    width: initial !important; }

.home h1 {
  font-size: 20px;
  text-align: center;
  padding: 50px 0 0;
  margin: 0; }

#banners {
  padding: 50px 0 80px; }
  #banners .card {
    margin-bottom: 20px; }

@media (min-width: 1200px) {
  img.card-img-top {
    height: 400px; } }

footer {
  background: #404143;
  color: #ffffff;
  padding: 2rem; }
  footer a {
    color: #ffffff; }
  footer a:hover {
    color: #ec2227; }
  footer p {
    font-size: 0.75rem;
    text-align: center;
    margin: 0; }
footer img{    
    opacity: .9;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
  footer li.list-inline-item {
    padding: 0 1.3rem; }
    @media (min-width: 768px) {
      footer li.list-inline-item {
        padding: 0.5rem 0; } }
    footer .sm {
        display: none;
    }
    @media (min-width: 1024px) {
        footer .sm {
            display: inline-block;}
        }
    @media (min-width: 1200px) {
      footer li.list-inline-item {
        padding: 0 1.3rem; } 
}

li.list-inline-item.phone {
  width: 100%; }
  @media (min-width: 600px) {
    li.list-inline-item.phone {
      width: auto; } }

li.list-inline-item.sm {
  padding: 0;
  color: #ffffff; }

.variante th:last-child, .variante td:last-child {
  display: none; }

#productos .card-text, #cercados .card-text {
  margin: 20px; }
#productos .form-control, #cercados .form-control {
  font-size: 0.85rem;
  font-family: FontAwesome, "Open Sans", Verdana, sans-serif; }
#productos .btn.btn-search, #cercados .btn.btn-search {
  background: transparent;
  border: #ec2227;
  color: #ec2227; }
/*
#productos img.product, #cercados img.product {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: block;
  margin-bottom: 20px; }
*/
  @media (min-width: 768px) {
    #productos img.product, #cercados img.product {
      margin-right: 40px;
      display: inherit;
      margin-bottom: 0; } }
#productos img.product:hover, #cercados img.product:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
#productos .card-header, #cercados .card-header {
  background-color: transparent;
  border: none;
  text-align: center; }
  @media (min-width: 768px) {
    #productos .card-header, #cercados .card-header {
      text-align: left; } }
#productos .card, #cercados .card {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  /*align-items: center;*/ }
/*#productos .card {
    padding: 30px 0;
}*/
/*#productos .collapse {
    display: block;
}*/
  @media (min-width: 768px) {
    /*#productos .card, #cercados .card {
      align-items: inherit; }*/ }
#productos .card-body, #cercados .card-body {
  padding: 0 1.25rem;
  text-align: center !important; }
  @media (min-width: 768px) {
    #productos .card-body, #cercados .card-body {
      text-align: inherit !important; } }
  #productos .card-body img, #cercados .card-body img {
    margin-top: 50px;
    border-radius: 8px; }
#productos h1, #cercados h1 {
  padding: 0; }
#productos h5, #cercados h5 {
  font-size: 1.6rem; }
#productos .nav-link, #cercados .nav-link {
  padding-left: 0; }
#productos li.nav-item, #cercados li.nav-item {
  padding: 0; }

#nosotros .carousel {
  margin-bottom: 4rem; }
  #nosotros .carousel ol.carousel-indicators {
    opacity: 0.3; }
#nosotros .carousel-caption {
  bottom: 2rem;
  z-index: 10; }
  @media (min-width: 600px) {
    #nosotros .carousel-caption {
      bottom: 4rem; } }
#nosotros .carousel-item {
  height: 20rem;
  background-color: #ec2227; }
#nosotros li.list-inline-item img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
#nosotros li.list-inline-item img:hover {
  -webkit-filter: none;
  filter: none; }

blockquote p {
  font-size: 1rem; }
blockquote .fa {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #bd0b15; }
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: '\2014 \00A0';
  color: #bd0b15; }
blockquote small {
  color: #bd0b15; }

.medicion-form {
  padding-top: 80px; }

#solicitudMedicion .form-control {
  border: none;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  padding: 0 0 15px 0; }
#solicitudMedicion .form-control:focus {
  box-shadow: none; }
@media (min-width: 600px) {
  #solicitudMedicion .btn-primary {
    float: right; } }
#solicitudMedicion .maps {
  padding: 30px 0; }
#solicitudMedicion .alert-danger {
  background: transparent;
  color: #bd0b15;
  margin-top: 10px; }
#solicitudMedicion .form-group {
  margin-bottom: 2rem; }
  #solicitudMedicion .form-group .col-sm-12 {
    padding-left: 0;
    padding-right: 0; }
  #solicitudMedicion .form-group .col-md-6 {
    padding-right: 0; }
#solicitudMedicion .form-horizontal .col-md-6.mb-3 {
  margin-bottom: 0 !important; }

#cercado .beneficios ul{
    list-style-type: none;
    padding: 0;
}
#cercado .beneficios li:before {
  content: "\f0da";
  color: #ec2227;
  font-family: FontAwesome;
  padding-right: 5px; }
#cercado .cards .gray, #cercado .cards .dark-gray {
  padding: 80px 30px; }
  #cercado .cards .gray .title, #cercado .cards .dark-gray .title {
    font-weight: bold; }
#cercado .cards .gray {
  background-color: #eeeeee; }
#cercado .cards .dark-gray {
  background-color: #e6e6e6; }
#cercado .info {
  text-align: center; }
#cercado .ms-thumb-list.ms-dir-h.ms-ctrl-hide.ms-align-bottom {
    opacity: inherit !important;
    display: block !important;
}
#cercado .colores .fa-tint {
    font-size: 1.4em;
    padding: 0 4px;
}
  @media (min-width: 768px) {
    #cercado .info {
      text-align: left; } }
  /*#cercado .info img {
    border-radius: 50%;
    margin-bottom: 20px; }*/
  #cercado .info h1 {
    margin-bottom: 20px; }
#cercado .guarantee .inner {
  padding: 0; }
  @media (min-width: 768px) {
    #cercado .guarantee .inner {
      padding: 30px; } }
#cercado .colores .green {
  color: #00910c; }
#cercado .colores .white {
  color: #fcfcfc; }
#cercado .fa-circle{
    padding: 0;
    margin:0 2px;
    border: 1px solid #dedede;
    border-radius: 50%;
}
#promociones h1 {
  margin-bottom: 80px; }
#promociones h2 {
  font-size: 1em; }
#promociones .promo {
  margin-bottom: 50px; }
#promociones .promo:last-child {
  margin-bottom: 0; }
#promociones .inner {
  padding: 30px;
  background-color: #eeeeee; }
#promociones .promo .col:first-child {
  padding: 0; }

#producto .red {
  color: #ec2227;
  font-weight: bold; }
#producto .qt {
  font-size: 15px;
  line-height: 28px;
  width: 50px;
  text-align: center; }
#producto .qt, #producto .qt-plus, #producto .qt-minus {
  display: block;
  float: left; }
#producto .qt-minus, #producto .qt-plus {
  background: #eeeeee;
  border: none;
  font-size: 20px;
  font-weight: 300;
  height: 100%;
  padding: 0 14px;
  -webkit-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -ms-transition: background .2s linear;
  -o-transition: background .2s linear;
  transition: background .2s linear; }
#producto .qt-plus {
  font-size: 15px;
  padding: 4px 14px; }
#producto .qt-plus:hover, #producto .qt-minus:hover {
  background: #ec2227;
  color: #ffffff;
  cursor: pointer; }
#producto .relacionados {
  border: 1px solid #eeeeee;
  text-align: center; }
  @media (min-width: 768px) {
    #producto .relacionados {
      text-align: left; } }
#producto .icon {
  padding-bottom: 15px; }
#producto .ms-lightbox-template, #cercado .ms-lightbox-template {
  background: #ffffff;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    #producto .ms-lightbox-template, #cercado .ms-lightbox-template {
      margin-bottom: 0; } }
#producto .guarantee {
  background: #eeeeee; }
  #producto .guarantee .inner {
    padding: 0; }
    @media (min-width: 768px) {
      #producto .guarantee .inner {
        padding: 30px; } }
#producto .ms-thumb-list.ms-dir-h, #cercado .ms-thumb-list.ms-dir-h {
  height: auto !important; }
#producto .variantes img {
    width: auto;
    height: 6%;
}
#contacto .card {
  background: #ffffff;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  #contacto .card p:first-child {
    font-size: 1.5rem; }
  #contacto .card p:last-child {
    margin: 0; }
  #contacto .card p:nth-child(5) {
    height: 65px; }
#contacto h3 {
  margin: 40px 0; }
#contacto #mapa {
  background-color: #eeeeee; }
#contacto .form-control {
  border: none;
  border-bottom: 1px solid #eee; }
#contacto .form-control:focus {
  box-shadow: none; }
@media (min-width: 600px) {
  #contacto .btn-primary {
    float: right; } }
#contacto .maps {
  padding: 30px 0; }
#contacto .campo {
  padding-bottom: 20px; }
#contacto select {
  margin-top: 6px; }
#contacto select.form-control {
  padding: 0 0 15px 0;
  font-size: 14px;
  margin: 0;
  color: #a58e96; }
#contacto .form-control {
  font-size: 14px;
  padding: 0 0 15px 0; }
#contacto .empty .fa {
  color: #ec2227; }
#contacto .alert-danger {
  background: transparent;
  color: #bd0b15;
  margin-top: 10px; }
#contacto .form-group .col-sm-12 {
  padding-left: 0;
  padding-right: 0; }
#contacto .form-group .col-md-6 {
  padding-right: 0; }

#faqs .card {
  margin-bottom: 30px; }
#faqs .card-header {
  background-color: #fff;
  border-bottom: none; }
#faqs .card-header .accordion-toggle:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
  color: #ec2227; }
#faqs .card-header .accordion-toggle.collapsed:after {
  content: "\f067"; }
#faqs #accordion {
  margin-top: 60px; }

#promociones .card, #contacto .card, #banners .card, #preguntas .card, #cercados .card, #productos .card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

#promociones .card:hover, #contacto .card:hover, #banners .card:hover, #preguntas .card:hover, #cercados .card:hover, #productos .card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

/*# sourceMappingURL=estilos.css.map */
