h1 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 2.4vw;
  line-height: 150%;
  font-weight: 300;
  text-transform: uppercase;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 230%;
  line-height: 125%;
  font-weight: 400;
}

h3 {
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 180%;
  line-height: 180%;
  font-weight: 400;
  text-transform: uppercase;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 130%;
  line-height: 150%;
  font-weight: 400;
  text-transform: uppercase;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 100%;
  line-height: 150%;
  font-weight: 400;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 90%;
  line-height: 150%;
  font-weight: 400;
}

p {
  margin-bottom: 10px;
  font-family: Economica, sans-serif;
  font-size: 130%;
  line-height: 170%;
}

a {
  color: #288197;
  text-decoration: underline;
}

img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

label {
  display: block;
  margin-bottom: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-transform: uppercase;
}

.topbar {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  padding-bottom: 10px;
  color: #77a856;
}

.wrpr {
  position: relative;
  z-index: 1;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.brand {
  float: left;
  color: #000;
  text-decoration: none;
}

.mainnav {
  display: inline-block;
  float: right;
}

.botoneranav {
  margin-right: 20px;
  float: left;
}

.hero {
  position: relative;
  height: 760px;
  padding-top: 40px;
  background-color: #e7e7e7;
}

.v-wrpr {
  position: absolute;
  left: 0px;
  top: 50%;
  right: 0px;
  z-index: 10;
  margin-top: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.v-wrpr.in-mhero {
  top: 55%;
}

.hero-leyend {
  display: block;
  width: 60%;
  padding: 40px 40px 20px;
  background-color: hsla(0, 0%, 100%, .64);
  font-family: Montserrat, sans-serif;
  color: #352c25;
}

.botonera {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.botonera.a-right {
  text-align: right;
}

.botonera.a-center {
  text-align: center;
}

.blok {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}

.blok.more-feed {
  background-color: #fcf9f6;
}

.blok.banners {
  background-color: #e6dfd9;
  background-image: url('../images/trama-1.svg');
  background-position: 50% 50%;
  background-size: 50px;
}

.blok.blok-producto {
  padding-top: 95px;
}

.blok.grey {
  background-color: #fcf9f6;
}

.blok.texturizado {
  padding-top: 120px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .79)), to(hsla(0, 0%, 100%, .79))), url('../images/trama-1.svg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .79), hsla(0, 0%, 100%, .79)), url('../images/trama-1.svg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 50px;
}

.heading {
  font-size: 320%;
}

.boton {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px 22px;
  border: 1px solid #a99d94;
  background-color: #a99d94;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: Montserrat, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.boton:hover {
  border-color: #6b5d52;
  background-color: #6b5d52;
}

.boton.small {
  padding: 8px 14px;
  font-size: 12px;
  line-height: 18px;
}

.boton.biger {
  padding: 12px 22px;
  font-size: 16px;
  line-height: 22px;
}

.boton.icon-l {
  padding-right: 40px;
  padding-left: 15px;
  background-image: url('../images/camera-live-view-off.svg');
  background-position: 92% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.boton.brdr {
  background-color: transparent;
  color: #a99d94;
}

.boton.brdr:hover {
  background-color: #a99d94;
  color: #fff;
}

.boton.fw-btn {
  display: block;
  margin-right: 0px;
  text-align: center;
  letter-spacing: 2px;
}

.boton.ok-call {
  border-color: #77a856;
  background-color: #77a856;
}

.boton.ok-call:hover {
  border-color: #26a53f;
  background-color: #26a53f;
}

.boton.cancel-call {
  border-color: #e41d1d;
  background-color: #e41d1d;
}

.boton.cancel-call:hover {
  border-color: #bb1919;
  background-color: #bb1919;
}

.boton.white {
  border-color: #e7e7e7;
  background-color: #e7e7e7;
  color: #a99d94;
}

.boton.white.brdr {
  background-color: transparent;
  color: #e7e7e7;
}

.boton.white.brdr:hover {
  background-color: #e7e7e7;
  color: #a99d94;
}

.icon-btn {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  border: 1px solid #a99d94;
  background-color: #a99d94;
  background-image: url('../images/camera-live-view-off.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.icon-btn:hover {
  border-color: #6b5d52;
  background-color: #6b5d52;
}

.icon-btn.brdr {
  background-color: transparent;
}

.icon-btn.brdr:hover {
  background-color: #6b5d52;
}

.icon-btn.social {
  background-image: url('../images/social-icons-sprite.svg');
  background-position: 0px 0px;
  background-size: 120px;
  background-repeat: no-repeat;
}

.icon-btn.social.twitter {
  background-position: -40px 50%;
}

.icon-btn.social.instagram {
  background-position: 100% 0px;
}

.icon-btn.social.youtube {
  background-position: 0px 100%;
}

.icon-btn.social.likedin {
  background-position: 100% 50%;
}

.icon-btn.social.pinterest {
  background-position: 50% 100%;
}

.h1-logo {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 320%;
  line-height: 100%;
  font-weight: 700;
}

.h1-logo.on-ftr {
  margin-bottom: 40px;
}

.footer {
  padding-top: 60px;
  background-color: #a99d94;
  color: #ebe1d9;
}

.ftr-card {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Barlow Condensed', sans-serif;
}

.ul-footer {
  padding-left: 20px;
  font-size: 16px;
  text-transform: uppercase;
}

.ul-li-ftr {
  margin-bottom: 5px;
}

.ftr-legal {
  height: auto;
  margin-top: 60px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #9c9289;
  font-family: 'Barlow Condensed', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.link {
  font-family: Lato, sans-serif;
}

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

.div-table {
  position: relative;
  border: 1px solid #d6d6d6;
}

.dt-25 {
  display: inline-block;
  width: 25%;
  float: left;
}

.content-card {
  padding: 20px;
}

.dt-100 {
  width: 100%;
}

.m-reset {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dt-30 {
  display: inline-block;
  width: 33.333%;
  float: left;
}

.dt-20 {
  display: inline-block;
  width: 20%;
  float: left;
}

.search-blk {
  margin-top: 20px;
  margin-bottom: 30px;
}

.sb-input-search {
  display: inline-block;
  width: 80%;
  margin-bottom: 0px;
  float: left;
  border-right: 1px none #000;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  font-family: Lato, sans-serif;
  color: #a99d94;
  font-style: italic;
}

.sb-input-search::-webkit-input-placeholder {
  font-family: Lato, sans-serif;
  color: #a7a7a7;
  font-style: italic;
}

.sb-input-search:-ms-input-placeholder {
  font-family: Lato, sans-serif;
  color: #a7a7a7;
  font-style: italic;
}

.sb-input-search::-ms-input-placeholder {
  font-family: Lato, sans-serif;
  color: #a7a7a7;
  font-style: italic;
}

.sb-input-search::placeholder {
  font-family: Lato, sans-serif;
  color: #a7a7a7;
  font-style: italic;
}

.sb-search-btn {
  width: 20%;
  float: left;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #a99d94;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-align: center;
}

.sb-search-btn:hover {
  background-color: #6b5d52;
}

.hero-slider {
  width: 100%;
  height: 100%;
  background-color: #a99d94;
  background-image: url('../images/company-w.svg');
  background-position: 50% 50%;
  background-size: 100px;
  background-repeat: no-repeat;
}

.slide {
  background-image: url('../images/slide-nue.gif');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.slide-2 {
  background-image: url('../images/slide-3.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.nav-btn {
  margin-right: 4px;
  margin-left: 4px;
  padding: 0px 10px;
  border-radius: 17px;
  background-color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: Montserrat, sans-serif;
  color: #a99d94;
  font-size: 13px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
}

.nav-btn:hover {
  border-style: solid;
  border-color: #a99d94;
  color: #a99d94;
}

.nav-btn.w--current {
  border-color: #a99d94;
  background-color: #a99d94;
  color: #fff;
}

.second-bar {
  position: relative;
  z-index: 1;
  height: auto;
  background-color: rgba(51, 51, 51, .8);
  color: #a99d94;
}

.l-wrpr {
  float: left;
}

.r-wrpr {
  float: right;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.btn-cart {
  position: relative;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 8px;
  margin-left: 5px;
  float: left;
  background-color: transparent;
  background-image: url('../images/carrito.svg');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.btn-cart:hover {
  border-color: #6b5d52;
}

.prdc-counter {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  margin-right: -8px;
  padding: 0px;
  border-radius: 10px;
  background-color: #a99d94;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}

.login-link-options {
  height: 30px;
  line-height: 30px;
}

.titular {
  position: relative;
  height: auto;
  margin-bottom: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  border: 1px none #e7e7e7;
  border-radius: 2px;
  text-align: left;
}

.h2-tt {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 2px none #000;
  font-weight: 700;
  text-transform: uppercase;
}

.product-card {
  display: block;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  padding: 20px;
  border: 1px solid #f3ece7;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  text-decoration: none;
}

.product-card:hover {
  border-style: solid;
  border-color: #6b5d52;
  background-color: #fff;
}

.pc-img {
  position: relative;
  display: block;
  height: auto;
  border-style: none;
  background-color: #e7e7e7;
}

.pc-body {
  position: relative;
  min-height: 170px;
  padding: 20px 20px 0px;
  border-style: none;
  border-right-width: 1px;
  border-right-color: #a99d94;
  border-bottom-width: 1px;
  border-bottom-color: #a99d94;
  border-left-width: 1px;
  border-left-color: #a99d94;
  text-align: center;
}

.pc-body.smaller {
  height: auto;
  min-height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pc-body.v-pedido {
  min-height: 180px;
}

.pc-name {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  color: #6b5d52;
  font-size: 150%;
  text-transform: uppercase;
}

.pc-preciador {
  margin-top: 0px;
  font-family: BenchNine, sans-serif;
  color: #6b5d52;
}

.pc-last-price {
  color: #a99d94;
  font-style: italic;
  text-decoration: line-through;
}

.pc-label {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.pc-label-tag {
  display: inline-block;
  margin-top: -20px;
  padding: 10px 14px;
  border: 1px solid #a99d94;
  background-color: #a99d94;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.add-to-cart {
  width: 50%;
  float: left;
  border: 1px solid #a99d94;
  background-color: #a99d94;
  background-image: url('../images/shopping-basket-add-w.svg');
  background-position: 90% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

.add-to-cart:hover {
  border-color: #6b5d52;
  background-color: #6b5d52;
}

.add-to-cart.fixed-btn {
  width: 200px;
  height: 60px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #77a856;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  line-height: 55px;
}

.add-to-cart.fixed-btn:hover {
  background-color: #649643;
}

.add-to-cart.fixed-btn.add-pedido {
  background-image: url('../images/pedido-add.svg');
  background-position: 90% 50%;
  background-size: 30px;
}

.add-to-cart.pedidos {
  background-image: url('../images/pedido-add.svg');
  background-position: 95% 50%;
  background-size: 30px;
}

.se-more {
  display: block;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #77a856;
  background-image: url('../images/add-icon.svg');
  background-position: 95% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: Lato, sans-serif;
  color: #fff;
  line-height: 40px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

.se-more:hover {
  background-color: #608846;
}

.pc-botonera {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}

.img-product {
  width: 100%;
}

.fix-row {
  margin-right: -10px;
  margin-left: -10px;
}

.service-card {
  position: relative;
  margin-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

.serv-icon {
  width: 40%;
  margin-bottom: 20px;
}

.column-slider {
  height: auto;
  margin-bottom: 60px;
  background-color: transparent;
}

.right-arrow {
  width: 5%;
  color: #000;
}

.left-arrow {
  width: 5%;
  color: #000;
}

.cs-mask {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cs-slide {
  width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.pager {
  position: relative;
  overflow: hidden;
}

.ul-pager {
  text-align: center;
}

.ul-li-pager-page {
  display: inline-block;
}

.pgr-arrow-l {
  float: left;
}

.in-hero {
  position: relative;
  height: 260px;
  background-color: #e7ded4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(26, 33%, 78%, .57)), to(hsla(26, 33%, 78%, .57))), url('../images/trama-1.svg');
  background-image: linear-gradient(180deg, hsla(26, 33%, 78%, .57), hsla(26, 33%, 78%, .57)), url('../images/trama-1.svg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 50px;
}

.in-hero.on-search-results {
  height: 180px;
}

.ih-wrpr {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-bottom: 20px;
  border-bottom: 2px solid #6b5d52;
  color: #6b5d52;
}

.ih-shade {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: block;
}

.breadcrumbs {
  height: auto;
  font-family: 'Barlow Condensed', sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.brcr-link {
  float: left;
  color: #6b5d52;
  text-decoration: none;
}

.brcr-dash {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
  float: left;
  color: #6b5d52;
}

.brcr-txt {
  display: inline-block;
  float: left;
  color: #a99d94;
}

.filter-header {
  position: relative;
  overflow: visible;
  height: 60px;
  margin-bottom: 40px;
  padding-left: 20px;
  border: 1px solid #ececec;
}

.drop-filter {
  float: left;
  font-size: 18px;
}

.filhdr-tt {
  display: inline-block;
  margin-right: 10px;
  float: left;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 60px;
}

.drpr-btn {
  background-color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-family: 'Barlow Condensed', sans-serif;
  color: #a99d94;
  text-transform: uppercase;
}

.drpr-btn:hover {
  background-color: #f6f3f1;
  color: #6b5d52;
}

.drop-list.w--open {
  margin-top: -2px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #e7e7e7;
  background-color: #fff;
}

.searchbar-display {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
  display: block;
  width: auto;
  height: 60px;
  float: right;
  background-color: #fff;
}

.d-searchbar {
  width: 85%;
  height: 60px;
  margin-bottom: 0px;
  float: left;
}

.filter-options {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.sbd-btn {
  width: 15%;
  height: 60px;
  padding: 0px 20px;
  background-color: #6b5d52;
  background-image: url('../images/buscar.svg');
  background-position: 93% 50%;
  background-size: 36px;
  background-repeat: no-repeat;
  font-size: 16px;
  line-height: 60px;
}

.search-d-blok {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
}

.trgr-sbd {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 60px;
  float: right;
  background-color: #6b5d52;
  background-image: url('../images/buscar.svg');
  background-position: 50% 50%;
  background-size: 34px;
  background-repeat: no-repeat;
}

.product-feed {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

.product-media {
  display: block;
  width: 90%;
  height: auto;
}

.pm-main-img {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.pmm-img {
  width: 100%;
}

.pm-thumbs-li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  margin-right: -2px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pm-thumb {
  position: relative;
  overflow: hidden;
  width: 23%;
  margin-right: 1%;
  margin-bottom: 4px;
  margin-left: 1%;
  float: left;
}

.pmt-img {
  position: relative;
  width: 100%;
}

.zoom-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  background-image: url('../images/add-circle-1.svg'), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .5)), to(hsla(0, 0%, 100%, .5)));
  background-image: url('../images/add-circle-1.svg'), linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5));
  background-position: 50% 50%, 0px 0px;
  background-size: 30px, auto;
  background-repeat: no-repeat, repeat;
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.zoom-hover:hover {
  background-image: url('../images/zoom.svg'), -webkit-gradient(linear, left top, left bottom, from(hsla(26, 11%, 62%, .77)), to(hsla(26, 11%, 62%, .77)));
  background-image: url('../images/zoom.svg'), linear-gradient(180deg, hsla(26, 11%, 62%, .77), hsla(26, 11%, 62%, .77));
  background-position: 50% 50%, 0px 0px;
  background-size: 60px, auto;
  background-repeat: no-repeat, repeat;
  opacity: 1;
}

.product-info {
  padding-top: 0px;
  padding-bottom: 60px;
}

.product-name {
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 300;
}

.price {
  display: inline-block;
  margin: 0px 10px;
  float: left;
  color: #6b5d52;
  font-weight: 700;
}

.pi-preciador {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}

.price-offer {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
  color: #757575;
  font-style: italic;
  text-decoration: line-through;
}

.s-hero {
  position: relative;
  height: 200px;
  border-bottom: 1px solid #d6d6d6;
  background-color: #ececec;
}

.procounter {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 182px;
  height: 60px;
  margin-right: 20px;
  float: left;
  border: 1px solid #a99d94;
}

.pc-less {
  display: inline-block;
  width: 60px;
  height: 60px;
  float: left;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.pc-txt {
  font-size: 30px;
  line-height: 55px;
  text-decoration: none;
}

.pc-input {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 0px;
  padding: 0px;
  float: left;
  border-style: none;
  font-size: 22px;
  line-height: 60px;
  text-align: center;
}

.pc-form {
  position: relative;
  display: inline-block;
  float: left;
}

.pc-more {
  display: inline-block;
  width: 60px;
  height: 60px;
  float: right;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.sku-cat {
  margin-bottom: 20px;
}

.tpd {
  display: inline-block;
  font-weight: 700;
}

.pro-buy-options {
  margin-top: 20px;
  padding-top: 20px;
}

.reglog-card {
  display: block;
  width: 80%;
  padding: 20px;
  border: 1px solid #a99d94;
}

.reglog-drop {
  margin-left: 5px;
  float: left;
  text-transform: uppercase;
}

.reglog-btn {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  padding: 0px;
  border-radius: 20px;
  color: #fff;
}

.reglog-drpr-icon {
  margin-right: 0px;
}

.rl-drp-li.w--open {
  top: 0px;
  right: 0px;
  width: 300px;
  margin-top: 50px;
  padding: 4px 24px 6px;
  border: 1px solid #a99d94;
  background-color: #fff;
}

.ingresa-form {
  padding: 10px 0px 4px;
  font-family: Montserrat, sans-serif;
}

.rl-pointer-top {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  margin-top: -20px;
  margin-right: 5px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a99d94;
  border-left: 10px solid transparent;
}

.forgot-link {
  display: block;
  margin-top: 14px;
  margin-bottom: 0px;
  color: #6b5d52;
  text-align: center;
}

.div-block {
  padding: 8px 20px 14px;
  border-top: 1px solid #a99d94;
  text-align: center;
}

.alert-blok {
  display: block;
  width: 500px;
  margin: 49px auto 30px;
  padding: 20px 30px;
  border: 1px solid #000;
  font-family: 'Barlow Condensed', sans-serif;
  color: #6b5d52;
  text-align: center;
}

.alert-icon {
  width: 100px;
}

.passconfirm {
  margin-top: 20px;
}

.form {
  text-align: left;
}

.search-btn {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  float: left;
  background-image: url('../images/search.svg');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  color: #a99d94;
}

.brgr {
  width: 40px;
  height: 40px;
  margin-left: 20px;
  border: 1px solid dimgrey;
  border-radius: 20px;
  background-image: url('../images/brgr-icon.svg');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.pointer-mov {
  display: none;
}

.right-arrow-2 {
  width: 60px;
  height: 60px;
  background-color: rgba(107, 93, 82, .7);
}

.left-arrow-2 {
  width: 60px;
  height: 60px;
  background-color: rgba(107, 93, 82, .7);
}

.promo {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #d6d6d6;
}

.modal-search {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1500;
  display: none;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: translate(0px, -30%);
  -ms-transform: translate(0px, -30%);
  transform: translate(0px, -30%);
}

.modal-search.show {
  display: block;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ms-wrpr {
  position: absolute;
  left: 0px;
  top: 50%;
  right: 0px;
  display: block;
  width: 80%;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate(0px, -50px);
}

.m-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  margin-top: 2%;
  margin-right: 2%;
  border: 1px solid #757575;
  border-radius: 20px;
  background-color: #fff;
  background-image: url('../images/brgr-close.svg');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.main-search {
  position: relative;
}

.ms-input {
  width: 90%;
  height: 80px;
  margin-bottom: 0px;
  padding: 0px 10px 0px 20px;
  float: left;
  border-style: none;
  background-color: transparent;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 28px;
  line-height: 80px;
}

.ms-btn {
  width: 10%;
  height: 80px;
  float: right;
  background-color: #6b5d52;
  background-image: url('../images/search-icon.svg');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}

.ms-v-wrpr {
  position: absolute;
  left: 0px;
  top: 55%;
  right: 0px;
  margin-top: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sb-secundari-txt {
  height: 40px;
  color: #e7e7e7;
  line-height: 40px;
}

.tb-shade {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 0;
  height: 100%;
  background-color: hsla(0, 0%, 100%, .9);
  opacity: 1;
}

.mn-wrpr {
  position: relative;
  z-index: 1;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
}

.filter-drpr {
  display: inline-block;
  height: 60px;
  float: left;
  border-left: 1px solid #a99d94;
}

.btn-filter-drpr {
  height: 60px;
  margin-top: -1px;
  margin-bottom: 0px;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 15px;
  border: 1px solid transparent;
  font-family: Montserrat, sans-serif;
  color: #a99d94;
  font-size: 15px;
}

.btn-filter-drpr.w--open {
  margin-top: -1px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #a99d94;
  line-height: 18px;
}

.fdrpr-icon {
  margin-right: 10px;
}

.dropdown-list {
  border: 1px solid #000;
}

.dropdown-list.w--open {
  border-color: #a99d94;
  border-top-style: none;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
}

.fdrpd-btn {
  line-height: 24px;
}

.fdrpd-tagtxt {
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  font-family: Montserrat, sans-serif;
  color: #a99d94;
  font-size: 15px;
  line-height: 60px;
}

.wrpr-fdrpr {
  display: inline-block;
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.full-frame-pro-cart {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  border-radius: 4px;
}

.ffpc-img {
  position: relative;
  z-index: 0;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.ffpc-brief {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 30px 20px 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(48%, rgba(0, 0, 0, .75)), to(rgba(0, 0, 0, .8)));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .75) 48%, rgba(0, 0, 0, .8));
  color: #fff;
}

.ffpc-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background-color: rgba(51, 51, 51, .8);
  opacity: 0;
}

.ffpc-h-actions-wrpr {
  position: absolute;
  left: 0px;
  top: 0%;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 40px;
  margin-left: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.a-to-cart-btn {
  width: 40px;
  height: 40px;
  float: left;
  background-color: #50cf68;
  background-image: url('../images/shopping-basket-add-w.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.see-more-btn {
  width: 40px;
  height: 40px;
  float: left;
  background-color: #d1e4f1;
  background-image: url('../images/add-circle-1.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.hldr-brcr {
  margin-bottom: 60px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7dcd4;
}

.tb-search-btn {
  width: 60px;
  height: 60px;
  margin-bottom: 0px;
  float: right;
  background-color: #a99d94;
  background-image: url('../images/search-icon.svg');
  background-position: 50% 50%;
  background-size: 34px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}

.tb-search-btn:hover {
  background-color: #4b3e35;
}

.hero-frame {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-image: url('../images/slide-demo-0.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-frame-shade {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(180, 216, 230, .5)), to(rgba(180, 216, 230, .5)));
  background-image: linear-gradient(180deg, rgba(180, 216, 230, .5), rgba(180, 216, 230, .5));
}

.options-hdr {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #a99d94;
}

.m-hero {
  position: relative;
  overflow: hidden;
  height: 300px;
  background-color: #e9dfd8;
  background-image: url('../images/trama-1.svg');
  background-position: 0px 0px;
  background-size: 50px;
}

.pedido-cart {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  float: left;
  border-radius: 15px;
  background-color: #6b5d52;
  background-image: url('../images/pedido-icon.svg');
  background-position: 50% 50%;
  background-size: 24px;
}

.up-body {
  padding-top: 200px;
  padding-bottom: 60px;
  background-color: #fffaf6;
}

.resultados-frame {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  padding-left: 20px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  color: #6b5d52;
}

.resultados-txt {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #6b5d52;
  line-height: 60px;
}

.up-info-card {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 20px 20px 10px;
  border-style: solid;
  border-width: 8px 1px 1px;
  border-color: #6b5d52;
  background-color: #fff;
}

.up-input {
  margin-bottom: 15px;
  padding-left: 0px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  background-color: #f6eee7;
  color: #a99d94;
}

.up-input::-webkit-input-placeholder {
  color: #6b5d52;
}

.up-input:-ms-input-placeholder {
  color: #6b5d52;
}

.up-input::-ms-input-placeholder {
  color: #6b5d52;
}

.up-input::placeholder {
  color: #6b5d52;
}

.up-label {
  margin-bottom: 0px;
  color: #a99d94;
  font-size: 12px;
  line-height: 18px;
}

.upic-body {
  margin-top: 0px;
  padding-top: 10px;
  border-top: 1px solid #a99d94;
}

.upif-footer {
  margin: 20px -20px -10px;
  padding: 15px 20px 8px;
  border-top: 1px dotted #e7e7e7;
  background-color: transparent;
  text-align: right;
}

.upic-tt {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 4px;
  font-family: 'Barlow Condensed', sans-serif;
  color: #6b5d52;
}

.up-pedido-blk {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 15px 20px 10px;
  border: 1px dotted #d6d6d6;
  box-shadow: 3px 3px 0 0 #d6d6d6;
}

.up-pro-name {
  margin-top: 10px;
  margin-bottom: 20px;
}

.up-pro-pedido-date {
  margin-bottom: 5px;
  font-family: Inconsolata, monospace;
  font-size: 12px;
}

.num-pedido {
  font-weight: 700;
}

.up-date-pedido {
  font-weight: 700;
}

.up-pro-total {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 4px 20px 4px 0px;
  background-color: transparent;
  font-family: Inconsolata, monospace;
  font-weight: 700;
}

.confirmado {
  padding: 2px;
  border: 1px solid #77a856;
  border-radius: 2px;
  background-color: #77a856;
  color: #fff;
  text-transform: uppercase;
}

.pendiente {
  padding: 2px;
  border: 1px solid #f0d826;
  border-radius: 2px;
  background-color: #f0d826;
  color: #3a340a;
  text-transform: uppercase;
}

.uppb-ftr {
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}

.uppb-ftr.a-right {
  text-align: right;
}

.pedido-btn {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 10px;
  background-color: #77a856;
  color: #fff;
  text-decoration: none;
}

.pedido-btn:hover {
  background-color: #26a53f;
}

.up-hdr {
  margin-bottom: 40px;
  border-bottom: 1px dashed #e4e4e4;
}

.upic-hdr {
  position: relative;
  color: #6b5d52;
}

.pedido-totales {
  margin-top: 15px;
  margin-bottom: 5px;
  padding-top: 5px;
  border-top: 1px dashed #d6d6d6;
}

.data-box {
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 15px 5px 5px;
  border: 1px solid #e7e7e7;
}

.tag-pedido {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 16px;
  margin-top: -10px;
  margin-left: 10px;
  padding-right: 4px;
  padding-left: 4px;
  background-color: #fff;
  font-family: Inconsolata, monospace;
  font-size: 12px;
}

.dpro-card {
  display: inline-block;
  width: 18%;
  margin-right: 5px;
  margin-bottom: 15px;
  margin-left: 5px;
  padding-bottom: 5px;
  float: left;
  border-bottom: 1px dashed #e7e7e7;
  text-align: center;
}

.dpc-img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.dpc-name {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
}

.toogle {
  position: relative;
  overflow: hidden;
  height: auto;
  margin-bottom: 30px;
}

.tggl-btn {
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin-bottom: 4px;
  padding: 4px;
  float: right;
}

.contacto-blk {
  padding-top: 200px;
  padding-bottom: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(26, 11%, 62%, .8)), to(hsla(26, 11%, 62%, .8))), url('../images/trama-1.svg');
  background-image: linear-gradient(180deg, hsla(26, 11%, 62%, .8), hsla(26, 11%, 62%, .8)), url('../images/trama-1.svg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 50px;
}

.contact-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
}

.cb-info {
  padding: 30px 20px 20px 30px;
  background-color: #fff;
}

.cb-info-row {
  padding-bottom: 10px;
}

.tel-blok {
  position: relative;
  overflow: hidden;
}

.tel-txt {
  display: inline-block;
  margin: 0px 5px 5px;
}

.tel-mov-link {
  display: none;
  margin: 0px 5px;
  padding: 4px 5px 4px 37px;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: transparent;
  background-image: url('../images/tel.svg');
  background-position: 0px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  font-weight: 700;
}

.cb-divider {
  height: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ececec;
}

.cb-ftr {
  padding: 40px 30px 30px;
  border-top: 1px dashed #e7e7e7;
  background-color: #fcfcfc;
}

.g-maps-btn {
  display: inline-block;
  padding-right: 30px;
  background-image: url('../images/maps-icon.svg');
  background-position: 100% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.g-maps-btn.w--current {
  padding-right: 24px;
  background-size: 24px;
}

.messenger {
  margin-right: 5px;
  padding: 10px 40px 10px 15px;
  background-color: #4468b0;
  background-image: url('../images/mesenger-icon.svg');
  background-position: 95% 50%;
  background-size: 26px;
  background-repeat: no-repeat;
}

.messenger:hover {
  background-color: #315397;
}

.whatsapp {
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 10px;
  background-color: #4bd65b;
  background-image: url('../images/whatsapp.svg');
  background-position: 95% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.whatsapp:hover {
  background-color: #38b646;
}

.contacto {
  padding: 50px 40px 20px;
  border-left: 1px dashed #e7e7e7;
}

.text-area {
  min-height: 150px;
}

.btn-enviar {
  display: block;
  width: 50%;
  margin-top: 10px;
  padding: 10px 22px;
  float: right;
  background-color: #77a856;
  text-align: center;
}

.success {
  padding-bottom: 30px;
  background-color: #c3eecb;
}

.error-c {
  background-color: #e62b2b;
  color: #fff;
}

.upic-toogle {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0px;
  padding-top: 10px;
  border-top: 1px solid #e7e7e7;
}

.upic-toogle.poen-toogle {
  height: auto;
}

.upic-t-footer {
  padding-top: 10px;
  text-align: right;
}

.second-bar-2 {
  position: relative;
  z-index: 1;
  height: 40px;
  background-color: #41b3af;
  color: #fff;
}

.p-center {
  width: 100%;
  height: 2px;
  background-color: #41b3af;
}

.p-top {
  width: 100%;
  height: 2px;
  background-color: #41b3af;
}

.mainnav-flex {
  position: relative;
  margin-bottom: -2px;
}

.txt-logo {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 30px;
  line-height: 60px;
  font-weight: 700;
  text-transform: uppercase;
}

.boton-icon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 25px;
  background-color: #58e0dc;
  background-image: url('../images/icon-demo.svg');
  background-position: 50% 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.boton-icon:hover {
  background-color: #2b9692;
}

.boton-icon.facebook {
  background-image: url('../images/social-icons-sprite.svg');
  background-position: 0px 0px;
  background-size: 90px 60px;
}

.flex-main-bar {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brgr-icon {
  display: none;
  width: 60px;
  height: 60px;
  padding: 15px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-nav {
  height: auto;
  margin-right: 12px;
  margin-left: 12px;
  padding: 0px;
  border-bottom: 1px solid transparent;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Barlow Condensed', sans-serif;
  color: #6b5d52;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
}

.btn-nav:hover {
  border-bottom: 1px solid #6b5d52;
  color: #6b5d52;
}

.btn-nav.w--current {
  border-bottom-color: #6b5d52;
}

.btn-nav.drpr {
  margin-right: 0px;
  margin-left: 10px;
  padding-right: 25px;
}

.fw-topbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d4ccc6;
  background-color: #fff;
}

.tb-shade-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-color: #fff;
}

.p-bottom {
  width: 100%;
  height: 2px;
  background-color: #41b3af;
}

.company {
  width: 160px;
  color: #41b3af;
  text-decoration: none;
}

.div-block-2 {
  position: relative;
  height: auto;
  margin-bottom: 40px;
  border-bottom: 4px solid #e7e7e7;
}

.accordion-trgr {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-right: 2px;
  float: right;
}

.sw-tt {
  display: inline-block;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 4px;
  line-height: 30px;
}

.acc-hdr {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 0px;
  text-transform: uppercase;
}

.acc-content {
  position: relative;
  overflow: hidden;
  height: 0px;
}

.modal-shade {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .9);
  opacity: 0;
}

.hero-sub-tt {
  font-family: Varela, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.heading-2 {
  font-size: 3vw;
}

.btnnavdrpr {
  margin-right: 0px;
}

.btn-nav-drpr {
  float: right;
}

.dropdown-list-2 {
  background-color: #fff;
}

.dropdown-list-2.w--open {
  box-shadow: 0 0 6px 0 #6b5d52;
}

.company-ftr {
  width: 160px;
  margin-bottom: 40px;
}

.crew {
  color: #fff;
}

.navegacion {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
}

.heading-4 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #a99d94;
  text-transform: uppercase;
}

.s-divider {
  width: 60px;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #a99d94;
}

.heading-5 {
  line-height: 170%;
}

.recomendaciones {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #a99d94;
}

.gallery-slider-wrpr {
  display: block;
  width: 45%;
  height: auto;
  margin-left: 10%;
}

.gallery-slider {
  height: auto;
  background-color: #fff;
  background-image: url('../images/company_1.svg');
  background-position: 50% 50%;
  background-size: 100px;
  background-repeat: no-repeat;
}

.slide-nav {
  display: none;
}

.info-material {
  width: 40%;
  margin-right: 5%;
}

.intro-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.info-p {
  width: 90%;
  margin-bottom: 30px;
  padding-left: 34px;
  background-image: url('../images/info.svg');
  background-position: 0px 4px;
  background-size: 24px;
  background-repeat: no-repeat;
}

.colour-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.color-card {
  width: 23%;
  margin-right: 1%;
  margin-bottom: 10px;
  margin-left: 1%;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.color-tt {
  width: 100%;
}

.ul-link {
  display: block;
  color: #ebe1d9;
  text-decoration: none;
}

.ul-link:hover {
  text-decoration: underline;
}

.company-to {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 95%, 0.57)), to(hsla(0, 0%, 0%, 0.66))), url(../images/bg-00.jpg);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .79), hsla(0, 0%, 0%, 0.66)), url(../images/bg-00.jpg);
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.construction-card {
  width: 600px;
  padding: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6b5d52;
  border-radius: 6px;
  background-color: hsla(222, 58%, 69%, 0.85);
  text-align: center;
}

.construct-logo {
  width: 200px;
  margin-bottom: 30px;
}

.p-image {
  margin-bottom: 40px;
}

.post-card {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 991px) {
  h1 {
    font-size: 3vw;
  }
  h2 {
    font-size: 220%;
  }
  h3 {
    font-size: 150%;
  }
  h4 {
    font-size: 120%;
  }
  h5 {
    line-height: 150%;
  }
  h6 {
    font-size: 85%;
  }
  p {
    font-size: 120%;
  }
  .wrpr {
    width: 90%;
  }
  .hero {
    height: 600px;
  }
  .hero-leyend {
    width: 60%;
    padding: 30px 30px 10px;
  }
  .heading {
    font-size: 300%;
  }
  .product-card {
    padding: 10px;
  }
  .pc-body {
    min-height: 240px;
  }
  .pc-name {
    font-size: 130%;
  }
  .pc-preciador {
    font-size: 130%;
  }
  .add-to-cart {
    width: 100%;
  }
  .add-to-cart.fixed-btn {
    width: 180px;
  }
  .se-more {
    width: 100%;
  }
  .pc-botonera {
    padding-right: 0px;
    padding-left: 0px;
  }
  .ih-wrpr {
    width: 90%;
  }
  .product-media {
    width: 260px;
    height: auto;
  }
  .pm-main-img {
    height: 260px;
  }
  .pm-thumb {
    width: 80px;
    height: 80px;
  }
  .rl-drp-li.w--open {
    top: 0px;
    -webkit-transform: translate(45%, 0px);
    -ms-transform: translate(45%, 0px);
    transform: translate(45%, 0px);
  }
  .rl-pointer-top {
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .right-arrow-2 {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }
  .left-arrow-2 {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }
  .ms-input {
    width: 80%;
    font-size: 24px;
  }
  .ms-btn {
    width: 20%;
  }
  .mn-wrpr {
    width: 90%;
  }
  .p-center {
    background-color: #6b5d52;
  }
  .p-top {
    background-color: #6b5d52;
  }
  .mainnav-flex {
    display: none;
  }
  .txt-logo {
    font-size: 30px;
  }
  .brgr-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 10px;
  }
  .btn-nav {
    margin-right: 8px;
    margin-left: 8px;
  }
  .fw-tb-c-wrpr {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .p-bottom {
    background-color: #6b5d52;
  }
  .company {
    width: 160px;
  }
  .accordion-trgr {
    margin-top: 14px;
  }
  .sw-tt {
    font-family: 'Barlow Condensed', sans-serif;
    color: #6b5d52;
    font-size: 18px;
    line-height: 50px;
    text-transform: uppercase;
  }
  .acc-hdr {
    height: 50px;
    margin-bottom: 0px;
  }
  .mn-content {
    margin-top: 25px;
  }
  .modal-nav {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: none;
    width: 80%;
    padding-top: 20px;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
  .modal-nav.show-this {
    display: block;
    padding-top: 20px;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .mn-hdr {
    left: 0px;
    top: 0px;
    right: 0px;
  }
  .mn-wrpr-2 {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .mn-close {
    float: right;
  }
  .mn-btn {
    display: block;
    height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: transparent;
    font-family: 'Barlow Condensed', sans-serif;
    color: #6b5d52;
    font-size: 18px;
    line-height: 50px;
    text-transform: uppercase;
  }
  .accordion.mn-drpr {
    margin-bottom: 0px;
    border-bottom-style: none;
  }
  .modal-shade {
    z-index: 900;
  }
  .hero-sub-tt {
    font-size: 14px;
    line-height: 24px;
  }
  .heading-2 {
    font-size: 4vw;
  }
  .gallery-slider-wrpr {
    width: 40%;
    margin-left: 5%;
  }
  .info-material {
    width: 50%;
    margin-right: 0%;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 4vw;
  }
  h2 {
    font-size: 210%;
  }
  h3 {
    font-size: 140%;
  }
  h4 {
    font-size: 110%;
  }
  h5 {
    font-size: 90%;
    line-height: 150%;
  }
  h6 {
    font-size: 80%;
  }
  .botoneranav {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    width: 100%;
    margin-top: 64px;
    margin-right: 0px;
    padding: 10px;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  .botoneranav.show {
    display: block;
    opacity: 1;
  }
  .hero {
    height: 520px;
  }
  .hero-leyend {
    width: 100%;
    text-align: center;
  }
  .heading {
    font-size: 280%;
  }
  .boton.fw-mob {
    display: block;
    text-align: center;
  }
  .boton.on-hero {
    display: block;
    text-align: center;
  }
  .ftr-card {
    margin-bottom: 50px;
  }
  .dt-25.dt-50-m {
    width: 50%;
  }
  .nav-btn {
    display: block;
    width: auto;
    min-width: 200px;
  }
  .product-card {
    margin-bottom: 80px;
  }
  .pc-img {
    height: auto;
  }
  .pc-body {
    min-height: 200px;
  }
  .add-to-cart {
    width: 50%;
  }
  .se-more {
    width: 50%;
  }
  .right-arrow {
    width: 10%;
  }
  .cs-slide {
    width: 80%;
  }
  .product-media {
    display: block;
    width: 80%;
    height: auto;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
  }
  .pm-main-img {
    height: auto;
  }
  .brgr {
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 2px;
    float: left;
    background-image: none;
  }
  .pointer-mov {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -20px;
    margin-right: 5px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
  }
  .right-arrow-2 {
    display: none;
  }
  .left-arrow-2 {
    display: none;
  }
  .promo {
    margin-bottom: 20px;
  }
  .ms-input {
    height: 60px;
    font-size: 20px;
  }
  .ms-btn {
    height: 60px;
    background-size: 40px;
  }
  .full-frame-pro-cart {
    margin-bottom: 40px;
  }
  .tel-txt {
    display: none;
  }
  .tel-mov-link {
    display: inline-block;
  }
  .mainnav-flex {
    display: none;
  }
  .flex-main-bar {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .brgr-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
  }
  .fw-tb-c-wrpr {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .company {
    width: 150px;
  }
  .accordion-trgr {
    margin-top: 15px;
  }
  .sw-tt {
    font-size: 16px;
    font-weight: 400;
  }
  .acc-hdr {
    height: 50px;
    margin-bottom: 0px;
    padding-left: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #41b3af;
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
    text-transform: none;
  }
  .mn-content {
    padding-top: 10px;
  }
  .modal-nav {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: block;
    width: 80%;
    padding-top: 10px;
    background-color: #fff;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
  .modal-nav.show-this {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .mn-hdr {
    position: relative;
  }
  .mn-wrpr-2 {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .acc-content {
    padding-left: 15px;
  }
  .mn-close {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    float: right;
  }
  .mn-btn {
    display: block;
    height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
    line-height: 50px;
  }
  .accordion.mn-drpr {
    margin-bottom: 0px;
    border-bottom-style: none;
  }
  .modal-shade {
    z-index: 500;
  }
  .hero-sub-tt {
    font-size: 13px;
  }
  .recomendaciones {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .gallery-slider-wrpr {
    width: 80%;
    margin-left: 0%;
  }
  .info-material {
    width: 80%;
    margin-bottom: 40px;
  }
  .construction-card {
    width: 80%;
  }
}

@media (max-width: 479px) {
  h1 {
    margin-bottom: 10px;
    font-size: 6vw;
  }
  h2 {
    font-size: 180%;
  }
  h4 {
    font-size: 110%;
  }
  h5 {
    font-size: 85%;
    line-height: 150%;
  }
  h6 {
    font-size: 75%;
  }
  p {
    font-size: 100%;
  }
  .hero {
    height: 500px;
  }
  .hero-leyend {
    width: 100%;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .heading {
    font-size: 250%;
  }
  .h1-logo {
    font-size: 280%;
  }
  .dt-25.dt-50-m {
    width: 100%;
  }
  .sb-input-search {
    width: 60%;
  }
  .sb-search-btn {
    width: 40%;
  }
  .btn-cart {
    margin-right: 4px;
    margin-left: 4px;
  }
  .titular {
    text-align: center;
  }
  .product-card {
    margin-bottom: 60px;
  }
  .pc-body {
    min-height: 200px;
  }
  .add-to-cart {
    width: 100%;
  }
  .add-to-cart.fixed-btn {
    width: 100%;
  }
  .se-more {
    width: 100%;
  }
  .right-arrow {
    display: none;
  }
  .cs-slide {
    width: 100%;
  }
  .product-media {
    width: 260px;
  }
  .product-name {
    font-size: 7vw;
  }
  .procounter {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .pc-less {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .pc-form {
    display: inline-block;
    float: none;
  }
  .pc-more {
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .rl-drp-li.w--open {
    top: 0px;
    right: 0px;
    width: 280px;
    -webkit-transform: translate(18%, 0px);
    -ms-transform: translate(18%, 0px);
    transform: translate(18%, 0px);
  }
  .rl-pointer-top {
    left: auto;
    top: 0px;
    right: 0px;
    margin-right: 54px;
  }
  .alert-blok {
    width: 90%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .search-btn {
    margin-right: 2px;
    margin-left: 0px;
  }
  .brgr {
    margin-left: 6px;
  }
  .ms-input {
    width: 100%;
    padding-left: 10px;
    border: 1px solid #6b5d52;
    font-size: 18px;
    line-height: 60px;
  }
  .ms-btn {
    width: 100%;
    margin-top: 9px;
  }
  .filter-drpr {
    height: 50px;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
    border-left-style: none;
    line-height: 50px;
  }
  .btn-filter-drpr {
    height: 50px;
    padding: 0px 21px 0px 10px;
    font-size: 13px;
    line-height: 55px;
  }
  .btn-filter-drpr.w--open {
    line-height: 55px;
  }
  .fdrpr-icon {
    margin-right: 0px;
  }
  .fdrpd-tagtxt {
    display: none;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    font-size: 13px;
    line-height: 50px;
  }
  .wrpr-fdrpr {
    display: block;
    width: 220px;
    margin-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px none #a99d94;
    line-height: 30px;
  }
  .tb-search-btn {
    width: 50px;
    height: 50px;
    float: right;
  }
  .resultados-frame {
    padding-left: 10px;
  }
  .resultados-txt {
    font-size: 12px;
  }
  .btn-enviar {
    width: 100%;
  }
  .txt-logo {
    font-size: 20px;
  }
  .flex-main-bar {
    padding-right: 10px;
    padding-left: 10px;
  }
  .brgr-icon {
    width: 40px;
    height: 40px;
    padding: 6px;
  }
  .fw-tb-c-wrpr {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .company {
    width: 120px;
  }
  .modal-nav {
    width: 90%;
  }
  .hero-sub-tt {
    font-size: 11px;
    line-height: 20px;
  }
  .heading-3 {
    font-size: 6.2vw;
  }
  .recomendaciones {
    width: 100%;
  }
  .gallery-slider-wrpr {
    width: 100%;
  }
  .info-material {
    width: 100%;
  }
  .info-p {
    width: 100%;
  }
  .text-block {
    line-height: 50px;
  }
  .construct-logo {
    width: 160px;
  }
}