@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');
:root {
  --primary-color: #1F3448;
  --gray-color: #C6C7CA;
  --light-gray-color: #EFEFF0;
  --white-color: #fff;
  --red-color: #EA4C4C;
  --green-color: #198754;
  --box-shadow: 0 0 1rem 0 rgba(0,0,0,.35);
  --size-base: 1.6rem;
}

html {
  font-size: 10px;
}

body {
  font: 300 var(--size-base) 'Montserrat';
  color: var(--primary-color);
}

*, a {
  outline: none;
}

.main-header {
  background: var(--primary-color);
  position: relative;
  z-index: 20;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  height: 6.6rem;
}

.container {
  max-width: 140rem;
  margin: 0 auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--size-base) * -0.5);
}

.row .col {
  flex: 1 0;
  padding: 0 calc(var(--size-base) * .5);
}

.row .col.col-1 {
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%
}

.row .col.col-offset-1 {
  margin-left: 8.3333333333%;
}

.row .col.col-2 {
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%
}

.row .col.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%
}

.row .col.col-4 {
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%
}

.row .col.col-5 {
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%
}

.row .col.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%
}

.row .col.col-7 {
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%
}

.row .col.col-8 {
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%
}

.row .col.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%
}

.row .col.col-10 {
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%
}

.row .col.col-11 {
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%
}

.row .col.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

.row .col.as-input:first-child {
  flex: 0 0 6.5rem;
  padding-right: 0;
}

.row .col.as-input:first-child > div {
  display: flex;
  width: 100%;
  height: calc(var(--size-base) * 2.25);
  font: 500 1.4rem "Montserrat";
  color: var(--primary-color);
  background: var(--white-color);
  border: .1rem solid var(--gray-color);
  border-right: none;
  border-radius: calc(var(--size-base) * 0.375) 0 0 calc(var(--size-base) * 0.375);
  align-items: center;
  padding: 0 0 0 .75rem;
  transition: all .2s linear;
}

.row .col.as-input.error:first-child > div,
.row .col.as-input.error:last-child input,
.focus-inputs:focus-within .row .col.as-input.error:first-child > div,
.focus-inputs:focus-within .row .col.as-input.error:last-child input,
fieldset.error input,
fieldset.error input:focus,
fieldset.error textarea,
fieldset.error textarea:focus {
  border-color: var(--red-color);
}


.row .col.as-input:last-child,
.row .col.as-input:last-child input {
  padding-left: 0;
}

.row .col.as-input:last-child input {
  border-left: none;
  border-radius: 0 calc(var(--size-base) * 0.375) calc(var(--size-base) * 0.375) 0;
}


.focus-inputs:focus-within .row .col.as-input:first-child > div {
  border-color: var(--primary-color);
}

.align-items-center {
  display: flex;
  align-items: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.heightfull {
  height: 100%;
}

#logo {
  display: inline-block;
}

#logo a,
#logo a img {
  display: block;
}

.logotipo p {
  color: var(--white-color);
  margin: 0 0 0 var(--size-base);
  text-transform: uppercase;
  font-size: calc(var(--size-base) * .75);
  font-weight: 500;
}

.main-nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--size-base) * 2);
}

.main-nav > ul > li > a {
  height: 100%;
  display: flex;
  align-items: center;
  font: 400 1.4rem 'Montserrat';
  color: var(--gray-color);
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-nav > ul > li {
  position: relative;
}

.main-nav > ul > li.cotizador {
  display: flex;
  align-items: center;
}

.main-nav > ul > li.cotizador a {
  width: calc(var(--size-base) * 2);
  height: calc(var(--size-base) * 2);
  border-radius: 50%;
  border: .1rem solid var(--red-color);
  text-align: center;
  position: relative;
}

.main-nav > ul > li.cotizador a .document {
  margin: 0 auto;
  display: inline-block;
}

.main-nav > ul > li.cotizador a .count {
  width: calc(var(--size-base) * .875);
  height: calc(var(--size-base) * .875);
  background: var(--red-color);
  color: var(--white-color);
  border-radius: 50%;
  position: absolute;
  right: -.3rem;
  top: -.3rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
}

.main-nav > ul > li.menu-item-has-children {
  padding-right: calc(var(--size-base) * 1.1);
}

.main-nav > ul > li.menu-item-has-children:before {
  content: "\f078";
  position: absolute;
  right: 0;
  top: 43%;
  color: var(--gray-color);
  font: 900 1rem "Font Awesome 6 free";
}

.main-nav > ul > li.menu-item-has-children:hover:before {
  color: var(--red-color);
}

.main-nav > ul > li > ul {
  position: absolute;
  top: 100%;
  margin: 0;
  list-style: none;
  padding: 0;
  background: var(--red-color);
  min-width: 20rem;
  border-radius: 0 0 .6rem .6rem;
  box-shadow: 0 .1rem .6rem 0 rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 .1rem .6rem 0 rgba(0,0,0,0.35);
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.main-nav > ul > li:hover > ul {
  height: auto;
  -webkit-transition: height .3s linear 0s;
  -moz-transition: height .3s linear 0s;
  -ms-transition: height .3s linear 0s;
  -o-transition: height .3s linear 0s;
  transition: height .3s linear 0s;
}

.main-nav > ul > li > ul > li {
  display: block;
}

.main-nav > ul > li > ul > li > a {
  font: 400 1.4rem 'Montserrat';
  color: var(--gray-color);
  padding: var(--size-base);
  display: block;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.main-nav > ul > li.current-menu-item > a,
.main-nav > ul > li.current-category-ancestor > a {
  color: #fff;
}

.main-nav > ul > li.current-menu-item > a:after,
.main-nav > ul > li.current-menu-parent > a:after,
.main-nav > ul > li.current-category-ancestor > a:after {
  content: "";
  width: 100%;
  height: .3rem;
  background: var(--red-color);
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-nav > ul > li > a:hover,
.main-nav > ul > li > ul > li > a:hover,
.main-nav > ul > li:hover a {
  color: #fff;
}

#slide {
  background-color: var(--primary-color);
  position: relative;
  height: 36rem;
}

#slide:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url('../images/bkg-slide.svg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

#slide ul.container {
  position: relative;
  z-index: 2;
  height: 100%;
  list-style: none;
  padding: 0;

}

#slide ul.container li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: opacity .5s ease-in;
}

#slide ul.container li + li {
  opacity: 0;
}

#slide ul.container li > div {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  left: 0;
}

#slide ul.container li > img {
  position: absolute;
  height: 36rem;
  width: auto;
  right: 0;
  top: 0;
}

#slide .dots {
  position: relative;
  z-index: 5;
}

#slide ol {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: var(--size-base);
  gap: .3rem;
}

#slide ol > li {
  height: .6rem;
  width: .6rem;
  overflow: hidden;
}

#slide ol > li > a {
  height: .6rem;
  width: .6rem;
  display: block;
  border: .1rem solid var(--gray-color);
  border-radius: 50%;
  cursor: pointer;
}

#slide ol > li.active > a {
  background: var(--gray-color);
}

#slide .info {
  align-items: center;
  color: #fff;
}

#slide .info h3 {
  font: 300 3.4rem "Montserrat";
  margin: 0;
  padding: 0;
  color: #fff;
}

#slide .info h3 span {
  font-weight: 500;
}

#slide .info p {
  margin: calc(var(--size-base) * 2) 0;
  padding: 0;
}

#slide .info .ver-mas a,
.card .card-body .ver-mas a,
.card .card-body .cotizar a,
form button,
form button:hover {
  display: inline-flex;
  height: calc(var(--size-base) * 2.25);
  background: var(--red-color);
  padding: 0 var(--size-base);
  color: #fff;
  align-items: center;
  font: 500 1.4rem "Montserrat";
  -webkit-border-radius: calc(var(--size-base) * 0.375);
  border-radius: calc(var(--size-base) * 0.375);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.card .card-body .cotizar {
  text-align: right;
}

.card .card-body .cotizar a {
  border: .1rem solid var(--red-color);
  color: var(--red-color);
  background: none;
}

.card .card-body .cotizar.checked {
  position: relative;
}

.card .card-body .cotizar.checked:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.card .card-body .cotizar.checked a {
  border: .1rem solid var(--green-color);
  color: var(--green-color);
}

.card .card-body .cotizar.checked a .plus:before {
  content: "\f00c";
}

#slide .info .ver-mas a span,
.card .card-body .ver-mas a span,
.card .card-body .cotizar a span,
form button span {
  display: inline-block;
  margin-left: calc(var(--size-base) * .5);
  font-size: 1.2rem;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#slide .info .ver-mas a:hover span,
.card .card-body .ver-mas a:hover span,
.card .card-body .cotizar a:hover span,
form button:hover span {
  margin-left: calc(var(--size-base) * .8);
}

.arrow:before,
.plus:before,
.document:before,
.minus:before,
.send:before {
  content: '\f061';
  font-family: "Font Awesome 6 free"; 
	font-weight: 900;
}

.send:before {
  content: '\f0e0';
}

.plus:before {
  content: '\2b';
}

.document:before {
  content: '\f571';
}

.minus:before {
  content: '\f068';
}

.flex {
  display: flex;
}

.span-counting > span {
  flex: 1 0;
}

.span-counting span:first-child,
.span-counting span:last-child {
  display: inline-block;
  min-width: calc(var(--size-base) * 2);
  max-width: calc(var(--size-base) * 2);
  height: calc(var(--size-base) * 2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--red-color);
  color: var(--white-color);
}

.span-counting span:first-child {
  border-radius:  calc(var(--size-base) * 0.375) 0 0 calc(var(--size-base) * 0.375);
}

.span-counting span:last-child {
  border-radius: 0  calc(var(--size-base) * 0.375) calc(var(--size-base) * 0.375) 0;
}

.span-counting span.count {
  max-width: calc(var(--size-base) * 3);
}

.span-counting span.count input {
  width: 100%;
  height: calc(var(--size-base) * 2);
  border: none;
  border-top: .1rem solid var(--red-color);
  border-bottom: .1rem solid var(--red-color);
  text-align: center;
  font: 500 1.4rem "Montserrat";
}

.p-tb {
  padding: calc(var(--size-base) * 2) 0;
}

h5 {
  font: 300 1.7rem "Montserrat";
  margin: 0;
  padding: var(--size-base) 0 var(--size-base) .9rem;
  border-left: .3rem solid var(--red-color);
}

h5 span {
  font-weight: 500;
}

.hablemos {
  margin: 0 0 0 1.2rem;
  font-style: italic;
  font-weight: 400;
  font-size: 1.2rem;
}

.hablemos a {
  display: inline-block;
  color: var(--red-color);
  text-decoration: underline;
  font-style: normal;
  font-weight: 600;
}

.bkg-gray {
  background: var(--light-gray-color);
}

.card {
  background: var(--white-color);
  border-radius: .6rem;
  box-shadow: 0 .1rem .6rem 0 rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 .1rem .6rem 0 rgba(0,0,0,0.35);
  overflow: hidden;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  margin-bottom: var(--size-base);
}

.card:hover {
  box-shadow: 0 .6rem 1.2rem 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 .6rem 1.2rem 0 rgba(0,0,0,0.25);
  -moz-transform: translateY(-.2rem);
  -webkit-transform: translateY(-.2rem);
  -o-transform: translateY(-.2rem);
  -ms-transform: translateY(-.2rem);
  transform: translateY(-.2rem);
}

.card .card-img {
  height: 18rem;
  text-align: center;
  border-bottom: .2rem solid var(--red-color);
  overflow: hidden;
  padding: var(--size-base);
  display: flex;
  align-items: center;
  justify-content: center;
}

.page .card .card-img {
  height: 32rem;
}

.card .card-img img {
  height: 100%;
  width: auto;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.card:hover .card-img img {
  height: 120%;
}

.card .card-body {
  padding: calc(var(--size-base) * 1.5);
}

.card .card-body h3 {
  font: 500 1.6rem "Montserrat";
  margin: 0;
}

.card .card-body .brand p {
  margin: .3rem 0 0 0;
  text-transform: uppercase;
  font: 300 1rem "Montserrat";
}

.card .card-body > p {
  font: 300 1.4rem "Montserrat";
  margin: var(--size-base) 0;
}

.card .card-body .sku {
  font: 400 1.2rem "Montserrat";
  text-transform: uppercase;
}

.card .card-body .precio {
  font: 600 1.4rem "Montserrat";
  margin-bottom: var(--size-base);
}

.card .card-body .precio span {
  font-weight: 700;
  font-size: var(--size-base);
}

.card .card-body .ver-mas,
.card .card-body .cotizar {
  margin-top: var(--size-base);
}

.section-title {
  margin: 0;
  padding: 0 0 calc(var(--size-base) * 3) 0;
  font: 300 1.8rem "Montserrat";
  position: relative;
}

.section-title:after {
  content: "";
  position: absolute;
  height: .3rem;
  width: calc(var(--size-base) * 2);
  background: var(--red-color);
  bottom: 50%;
  left: 0;
}

.ver-todo {
  text-align: center;
}

.ver-todo > a {
  display: inline-block;
  margin-top: calc(var(--size-base) * 1.5);
  padding: calc(var(--size-base) * .5) var(--size-base);
  color: var(--red-color);
  text-decoration: underline;
  font-size: 1.4rem;
  font-weight: 500;
}

footer {
  background: var(--primary-color);
}

footer h6 {
  padding: var(--size-base) 0 calc( var(--size-base) * 2) 0;
  position: relative;
  color: var(--white-color);
  font: 500 1.5rem "Montserrat"; 
}

footer h6:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--size-base) * -2);
  width: calc(var(--size-base) * 2);
  height: .3rem;
  background: var(--red-color);
}

footer .footer {
  padding: calc(var(--size-base) * 2) 0;
}

footer .footer p,
footer .footer p a,
footer .footer p a:hover,
footer .line {
  font: 400 1.4rem 'Montserrat';
  color: var(--gray-color);
}

footer .footer p a:hover {
  text-decoration: underline;
}

footer .footer p strong {
  color: var(--white-color);
  font-weight: 600;
}

#footer-logo a {
  display: block;
}

.footer-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-nav ul li {
  display: block;
  position: relative;
}

.footer-nav ul li a {
  padding: calc(var(--size-base) * .5) var(--size-base);
  font: 400 1.4rem 'Montserrat';
  color: var(--gray-color);
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.footer-nav ul li.current-menu-item:after {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 34%;
  color: var(--red-color);
  font: 900 1rem "Font Awesome 6 free"; 
}

.footer-nav ul li a:hover,
.footer-nav ul li.current-menu-item a {
  color: var(--white-color);
}

.facebook:before {
  content: "\f09a";
  font: 900 1rem "Font Awesome 6 free"; 
}

.rrss ul li a {
  display: inline-flex;
  align-items: center;
}

.rrss ul li a span {
  flex: 1 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.rrss ul li a span:first-child {
  -ms-flex: 0 0 3.2rem;
  flex: 0 0 3.2rem;
  opacity: .75;
}

.rrss ul li a:hover span {
  opacity: 1;
}

.rrss ul li a span img {
  width: var(--size-base);
  height: auto;
}

footer .line {
  padding: var(--size-base) 0;
  border-top: .1rem solid var(--red-color);
  font-size: 1.2rem;
}

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

.mb-1 {
  margin-bottom: 1rem;
}

.mb-0 {
  margin-bottom: 0;
}

.header {
  padding: calc(var(--size-base) * 3) 0;
  background-color: var(--primary-color);
  background-image: url("../images/bkg-slide.svg");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 40%;
}

.header h1 {
  margin: calc(var(--size-base) * 3) 0 0 0;
  padding: 0;
  color: var(--white-color);
  font: 300 calc(var(--size-base) * 2.5) "Montserrat";
  position: relative;
}

.header h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--size-base) * -3);
  width: calc(var(--size-base) * 2);
  height: .3rem;
  background: var(--red-color);
}

.the-content {
  padding-top: calc(var(--size-base) * 3) !important;
  padding-bottom: calc(var(--size-base) * 3) !important;
}

.the-content h2 {
  font: 400 calc(var(--size-base) * 1.5) "Montserrat";
  margin-bottom: calc(var(--size-base) * 2);
  padding-bottom: calc(var(--size-base) * 2);
  position: relative;
}

.the-content h2:after {
  content: "";
  width: calc(var(--size-base) * 2);
  height: .3rem;
  background: var(--red-color);
  position: absolute;
  left: 0;
  bottom: 0;
}

.the-content p {
  line-height: 150%;
}

#map {
  height: 54rem;
}

#map-contacto #map {
  height: calc(100% - var(--size-base));
}

.leaflet-control-attribution.leaflet-control a{
  display:none
}

.leaflet-container .leaflet-control-attribution{
  display: none;
}

.leaflet-container .leaflet-control-attribution > div{
  display: none;
  padding: 0;
}

::selection {
  color: var(--white-color);
  background: var(--red-color);
}

#quote-table .row .col,
.row.th .col {
  border-top: .1rem solid var(--gray-color);
  border-left: .1rem solid var(--gray-color);
  padding: var(--size-base);
  color: var(--primary-color);
}

#quote-table .row .col[data-price] {
  font-weight: 600;
}

.row.th .col {
  background: var(--red-color);
  color: var(--white-color);
}

.row.th .col:first-child {
  border-radius: calc(var(--size-base) * 0.375) 0 0 0;
}

#quote-table .row:last-child .col:first-child {
  border-radius: 0 0 0 calc(var(--size-base) * 0.375);
}

#quote-table .row:last-child .col {
  border-bottom: .1rem solid var(--gray-color);
}

#quote-table .row .col {
  font-size: 1.2rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}

#quote-table .row .col .thumbnail {
  width: calc(var(--size-base) * 3);
  height: auto;
}

#quote-table .row .col:last-child {
  border-right: .1rem solid var(--gray-color);
}

.row.th .col:last-child {
  border-right: .1rem solid var(--gray-color);
  border-radius: 0 calc(var(--size-base) * 0.375) 0 0;
}

#quote-table .row:last-child .col:last-child {
  border-radius: 0 0 calc(var(--size-base) * 0.375) 0;
}

#quote-table .row:nth-of-type(2n+1) .col {
  background: #f4f4f4;
}

.row .col.col-total {
  padding: var(--size-base) 0 0;
}

.row .col.col-total p {
  margin: 0;
  font-weight: 400;
}

.row .col.col-total p span {
  font-weight: 600;
}

fieldset {
  margin: 0 0 calc(var(--size-base) * 1.5) 0;
  border: none;
  padding: 0;
}

fieldset legend {
  font: 500 1.4rem "Montserrat";
  display: block;
  padding: 0 0 .3rem 0;
  margin: 0;
}

form {
  padding: var(--size-base);
}

input[type=email], 
input[type=number], 
input[type=password], 
input[type=reset], 
input[type=search], 
input[type=tel], 
input[type=text],
input[type=url], 
select, 
textarea {
  display: block;
  width: 100%;
  height: calc(var(--size-base) * 2.25);
  font: 400 1.4rem "Montserrat";
  color: var(--primary-color);
  background: var(--white-color);
  border: .1rem solid var(--gray-color);
  border-radius: calc(var(--size-base) * 0.375);
}

textarea {
  height: auto;
  resize: none;
}

input:focus, 
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="reset"]:focus, 
input[type="search"]:focus,
input[type=tel]:focus, 
textarea:focus {
  border-color: var(--primary-color);
}

.relative {
  position: relative;
}

#nav-mobile {
  border: none;
  background: none;
  padding: calc(var(--size-base) * .5) var(--size-base);
  position: relative;
  color: var(--white-color);
  font-size: calc(var(--size-base) * 1.2);
  display: none;
}
#nav-mobile:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

#nav-mobile span:before {
  content: '\f0c9';
  font-family: "Font Awesome 6 free"; 
	font-weight: 900;
}

#nav-mobile.open span:before{
  content: '\f00d';
}

@media(max-width: 1280px) {
  .container {
    max-width: 998px;
  }
  #nav-mobile {
    display: block;
    cursor: pointer;
    z-index: 10;
  }
  .main-nav {
    position: absolute;
    width: calc(200% - var(--size-base));
  }
  #menu-main {
    display: none;
  }
  #menu-main.open {
    display: block;
  }
  .main-nav > ul {
    position: absolute;
    display: block;
    width: 100%;
    right: 0;
    background: var(--primary-color);
    height: auto;
    top: 100%;
    box-shadow: 0 .1rem .6rem 0 rgba(0,0,0,0.35);
    -webkit-box-shadow: 0 .1rem .6rem 0 rgba(0,0,0,0.35);
  }
  .main-nav ul li a {
    border-bottom: .1rem solid rgba(255,255,255,.35);
  }
  .main-nav ul li:last-child{
    border-bottom: none;
  }
  .main-nav > ul > li > a,
  .main-nav > ul > li > ul > li > a {
    height: auto;
    padding: calc(var(--size-base) * .75) var(--size-base);
  }
  .main-nav > ul > li > ul > li > a {
    padding: calc(var(--size-base) * .75) var(--size-base) calc(var(--size-base) * .75) calc(var(--size-base) * 2);
  }
  .main-nav > ul > li.current-menu-item > a:after,
  .main-nav > ul > li.current-menu-parent > a:after,
  .main-nav > ul > li.current-category-ancestor > a:after {
    width: .3rem;
    height: 100%;
  }
  .main-nav > ul > li > ul {
    position: relative;
    margin: 0;
    list-style: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: auto;
  }
  .main-nav > ul > li.cotizador {
    padding: calc(var(--size-base) * .75) var(--size-base);
  }
  .main-nav > ul > li.cotizador:before {
    content: "Cotizador";
    font: 400 1.4rem 'Montserrat';
    color: var(--gray-color);
  }
  .main-nav > ul > li.cotizador > a {
    padding: 0;
    margin-left: var(--size-base);
  }
  .main-nav > ul > li.menu-item-has-children:before {
    top: var(--size-base);
    right: calc(var(--size-base) * .5);
  }
  .main-nav > ul > li.menu-item-has-children {
    padding: 0;
  }
  .row {
    margin: 0;
  }
  #slide .info {
    flex: 0 0 100%;
  }
  #slide ul.container li > img {
    display: none;
  }
  #slide ol {
    left: calc(var(--size-base) * .5);
  }
  .container.p-tb .row .col-6 {
    flex: 0 0 100%;
  }
  .container.p-tb .row .col-6:last-child {
    padding-top: calc(var(--size-base) * 2);
  }
  .section-title {
    margin: 0 calc(var(--size-base) * .5);
  }
  .row .col.col-3 {
    flex: 0 0 50%;
  }
  footer h6 {
    padding: calc( var(--size-base) * 2) 0;
  }
  footer h6:after {
    top: calc(var(--size-base) * 4);
  }
  #form-quote .row .col.col-4,
  #form-quote .row .col.col-8 {
    flex: 0 0 100%;
  }
  .row .col.as-input:first-child {
    padding: 0;
  }
  .row.th .col {
    font-size: 1.4rem;
  }
}

@media(max-width: 768px) {
  .row .col.col-3,
  .row .col.col-6 {
    flex: 0 0 100%;
  }
  .row.th .col:nth-child(2),
  .row.th .col:nth-child(4),
  .row.th .col:nth-child(5),
  #quote-table .row .col:nth-child(2),
  #quote-table .row .col:nth-child(4),
  #quote-table .row .col:nth-child(5) {
    display: none;
  }
  #the-quote .card .card-body {
    padding: var(--size-base);
  }
  .row.th .col,
  #quote-table .row .col {
    padding: calc(var(--size-base) * .5);
  }
  .row .col.col-offset-1 {
    margin: 0;
  }
  main .col {
    flex: 0 0 100% !important;
  }
  #map,
  #map-contacto #map {
    height: 30rem;
  }
}