@charset "UTF-8";
/* FUENTES */
@import url("https://fonts.googleapis.com/css?family=Kanit:300,400,400i,600,700");
/* VARIABLES */
/* QUERIES MIN */
/* MIXINS */
/* RESPONSIVE */
/* HELPERS */
body {
  font-family: "Kanit", sans-serif;
  color: black;
  padding-top: 70px;
}
body main {
  min-height: 550px;
}

body, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
  font-family: "Kanit", sans-serif;
}

a:focus, button:focus {
  outline: none;
}

.azul {
  background: #0098d9;
}

.celeste {
  background: #42d6eb;
}

.verde {
  background: #28a745;
}

.fondo1 {
  background: #655594;
}

.fondo2 {
  background: #84d0f4;
}

.fondo3 {
  background: #A31915;
}

.fondo4 {
  background: #f48939;
}

.fondo5 {
  background: #445ca2;
}

.fondo6 {
  background: #6abb52;
}

.texto-azul {
  color: #0098d9;
}

.texto-celeste {
  color: #42d6eb;
}

.hide {
  display: none;
}

.hide-mobile {
  display: none;
}

.hide-desktop {
  display: block;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

.pagination {
  float: right;
}

/* MODAL */
.modal {
  top: 50px;
}

/* DROPDOWNS */
.dropdown-menu {
  min-width: auto;
  text-align: center;
}
.dropdown-menu a:hover {
  background-color: #42d6eb !important;
  color: white !important;
}
.dropdown-menu a:active {
  background-color: #0098d9 !important;
  color: white !important;
}

/* FORMULARIOS */
.md-form label {
  left: 3px;
  color: black;
  font-size: 12px;
}
.md-form label.active {
  color: #0098d9 !important;
  font-size: 0.6rem;
}
.md-form input:focus {
  border-bottom: 1px solid #0098d9 !important;
  box-shadow: 0 1px 0 0 #0098d9 !important;
  -webkit-box-shadow: 0 1px 0 0 #0098d9 !important;
  -moz-box-shadow: 0 1px 0 0 #0098d9 !important;
}
.md-form select:focus {
  border-bottom: 1px solid #0098d9 !important;
  box-shadow: 0 1px 0 0 #0098d9 !important;
  -webkit-box-shadow: 0 1px 0 0 #0098d9 !important;
  -moz-box-shadow: 0 1px 0 0 #0098d9 !important;
}
.md-form .form-control {
  color: black;
  padding-left: 3px;
}
.md-form .form-control.md-textarea {
  padding-left: 3px;
}
.md-form .form-control:focus, .md-form .form-control:active {
  color: black;
}

/* LOADER */
.loader {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.loader .loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -khtml-transform: translate3d(-50%, -50%, 0);
}
.loader .loader-inner div {
  background-color: #0098d9;
}

/* BACK TO TOP */
#back-to-top {
  position: fixed;
  right: 25px;
  bottom: 40px;
  width: 40px;
  height: 40px;
  color: white;
  border: 1px solid #0098d9;
  background: #0098d9;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -khtml-transition: all 0.5s;
}
#back-to-top i {
  line-height: 36px;
  font-size: 20px;
}
#back-to-top:hover {
  background: white;
  border: 1px solid #0098d9;
  color: #0098d9;
}

/* HEADER */
/* ICONO HAMBURGUESA */
.animated-icon4 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-icon4 span {
  background: white;
}

.animated-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

/* HEADER CON CATEGORÍAS */
.categories-header {
  display: none;
}

/* MENU */
header nav.navbar {
  background: #0098d9;
  font-weight: 400;
}
header nav.navbar.scrolling-navbar {
  padding-top: 10px;
  padding-bottom: 10px;
}
header nav.navbar.scrolling-navbar.top-nav-collapse {
  padding-top: 10px;
  padding-bottom: 10px;
}
header nav.navbar .navbar-brand img {
  width: 120px;
}
header nav.navbar .menu-categories {
  position: relative;
}
header nav.navbar .menu-categories .categories {
  display: none;
  list-style: none;
  text-align: left;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0;
  width: 200px;
  z-index: 1000;
  background-color: white;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -khtml-border-radius: 0.25rem;
}
header nav.navbar .menu-categories .categories .btn-menu-categories-list {
  background: transparent;
  border: none;
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.4rem;
  text-align: left;
  display: block;
  min-width: 200px;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -khtml-border-radius: 0.25rem;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
header nav.navbar .menu-categories .categories .btn-menu-categories-list:hover {
  background: #42d6eb;
  color: white;
}
header nav.navbar .menu-categories:hover .categories {
  display: block;
}
header nav.navbar .dropdown-menu {
  padding: 0;
  width: 200px;
}
header nav.navbar .dropdown-menu a {
  display: block;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -khtml-border-radius: 0.25rem;
}
header nav.navbar .nav-item {
  font-size: 18px;
  text-align: center;
}
header nav.navbar .nav-item .btn-products {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 80%;
  background: transparent;
  border: none;
  z-index: 999;
}
header nav.navbar .nav-item .nav-link {
  color: white;
}
header nav.navbar .nav-item.hide-desktop .btn-products {
  height: 45px;
}
header nav.navbar .nav-item.hide-desktop .nav-link i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  -o-transform: translateY(-50%) rotate(0);
  -khtml-transform: translateY(-50%) rotate(0);
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
header nav.navbar .nav-item.hide-desktop .nav-link.rotar i {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -khtml-transform: translateY(-50%) rotate(180deg);
}
header nav.navbar .nav-item.hide-desktop #collapse-categories ul {
  list-style: none;
  padding-left: 0;
}
header nav.navbar .nav-item:hover .nav-link {
  color: white;
}
header nav.navbar .nav-item.mini-cart {
  position: relative;
}
header nav.navbar .nav-item.mini-cart:hover .qty-cart {
  color: white;
}
header nav.navbar .nav-item.mini-cart:hover #cart-show {
  color: white;
}
header nav.navbar .nav-item.mini-cart .qty-cart {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.8);
}
header nav.navbar .md-form .form-control {
  color: white;
}
header nav.navbar .md-form .form-control:focus {
  -webkit-box-shadow: 0 1px 0 0 white;
  box-shadow: 0 1px 0 0 white;
  border-bottom: 1px solid white;
}
header nav.navbar .md-form .form-control:focus ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form .form-control:focus ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form .form-control:focus :-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form .form-control:focus :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form :-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .md-form :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}
header nav.navbar .mobile-cart {
  position: absolute;
  right: 120px;
  top: 15px;
  cursor: pointer;
  font-size: 28px;
  width: 40px;
  height: 40px;
  text-align: center;
}
header nav.navbar .mobile-cart .qty-cart {
  position: absolute;
  top: -25px;
  color: white;
  z-index: 9;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
}
header nav.navbar .mobile-cart .btn-cart {
  padding: 0.5rem;
  color: white;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  z-index: 99999;
}
header nav.navbar .mobile-cart .btn-cart i {
  color: white;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -khtml-transform: translate3d(-50%, -50%, 0);
}
header .categories-header .box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header .categories-header .box .btn-categories-header {
  padding: 1rem;
  margin: 1rem;
  text-align: center;
  font-size: 0.8rem;
  position: relative;
  background-color: #0098d9;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  -khtml-border-radius: 1rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
header .categories-header .box .btn-categories-header .cat-image {
  position: absolute;
  width: auto;
  height: 70px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -khtml-transform: translate3d(-50%, -50%, 0);
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
header .categories-header .box .btn-categories-header .cat-text {
  opacity: 0;
  color: white;
  text-align: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  -khtml-border-radius: 1rem;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  -khtml-transition: all 0.4s;
}
header .categories-header .box .btn-categories-header:hover {
  background-color: rgba(0, 152, 217, 0.8);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
header .categories-header .box .btn-categories-header:hover .cat-image {
  opacity: 1;
  z-index: -1;
}
header .categories-header .box .btn-categories-header:hover .cat-text {
  opacity: 1;
}

/* HOME */
#home .slider-principal {
  position: relative;
}
#home .slider-principal .item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 80px;
}
#home .slider-principal .owl-nav {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
}
#home .slider-principal .owl-nav button {
  color: white;
}
#home .slider-principal .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
}
#home .slider-principal .owl-nav .owl-next {
  position: absolute;
  right: 15px;
}
#home .destacados-home {
  padding: 50px 0;
}
#home .marcas-home .brand-title {
  font-size: 1.5rem;
}
#home .marcas-home .marcas {
  display: block;
  margin-bottom: 1rem;
  float: left;
  width: 100%;
}
#home .marcas-home .marcas .brand-img {
  width: 45%;
  margin: 2.5%;
  display: block;
  float: left;
}

/* CONTACTO */
#contacto .card h5 {
  text-transform: uppercase;
}
#contacto .card #contact-form .select-dropdown {
  outline: 0;
  border: none;
  border-bottom: 1px solid #ced4da;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: transparent;
  width: 100%;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -khtml-transition: all 0.15s ease-in-out;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -khtml-border-radius: 0;
}
#contacto .card #contact-form .label-select {
  float: left;
  padding: 0 0 5px 3px;
}
#contacto .card #contact-form .btn-enviar {
  float: right;
  margin: 0;
}
#contacto .card .msg-contact {
  float: left;
  width: 100%;
  padding: 0.5rem;
  background: green;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
}
#contacto .card .msg-contact.verde {
  background: #28a745;
}
#contacto .card .msg-contact.rojo {
  background: #ff4f5e;
}

/* GRILLA DE PRODUCTOS */
.card {
  margin: 3rem 0;
}
.card .view {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
  margin: -2rem 4% 0;
}
.card .view .card-img-top {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -khtml-border-radius: 0.25rem;
  z-index: 10;
}
.card .view .add-product {
  text-align: center;
  font-size: 30px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #0098d9;
  color: white;
  height: 0;
  cursor: pointer;
  border: none;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  z-index: 1;
  transition: height 0.25s;
  -webkit-transition: height 0.25s;
  -moz-transition: height 0.25s;
  -ms-transition: height 0.25s;
  -o-transition: height 0.25s;
  -khtml-transition: height 0.25s;
}
.card .view .add-product:hover {
  color: white;
}
.card .view:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card .view:hover .add-product {
  height: 45px;
  z-index: 20;
}
.card .card-body .card-category {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1rem;
  color: #42d6eb;
  font-family: "Kanit", sans-serif;
}
.card .card-body .card-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3rem;
  color: #0098d9;
  font-family: "Kanit", sans-serif;
}
.card .card-body .card-text {
  text-align: center;
  font-weight: 400;
  color: #b7b7b7;
}
.card .card-body .footer-card {
  display: block;
  float: left;
  width: 100%;
  border-top: 1px solid #b7b7b7;
  padding-top: 10px;
}
.card .card-body .footer-card .price {
  width: 100%;
  line-height: 45px;
  font-size: 25px;
  text-align: center;
}
.card .card-body .footer-card .btn-comprar {
  float: initial;
  width: 75%;
  background: #0098d9;
  margin: 10px auto 25px;
  display: block;
  color: white;
}
.card .card-body .footer-card .btn-comprar:hover {
  color: white;
}

/* SINGLE PRODUCT */
.single-product {
  padding: 50px 0;
}
.single-product .single-image .img-single {
  width: 96%;
  margin: 0 auto;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
.single-product .single-content .single-info {
  margin-top: 2rem;
  text-align: center;
}
.single-product .single-content .single-info .single-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2rem;
  color: #0098d9;
  font-family: "Kanit", sans-serif;
}
.single-product .single-content .single-info .single-description {
  font-size: 1rem;
  font-weight: 300;
  font-family: "Kanit", sans-serif;
}
.single-product .single-content .single-info .single-price {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.5rem;
  color: #0098d9;
  font-family: "Kanit", sans-serif;
}
.single-product .single-content .single-info .single-price .original-price {
  text-decoration: line-through;
}
.single-product .single-content .single-info .add-product-grilla {
  margin-bottom: 1rem;
}
.single-product .single-content .single-info .add-product-grilla .single-qty {
  border: none;
  border-bottom: 1px solid #b7b7b7;
  width: 6em;
  text-align: center;
  padding: 0.5rem;
}
.single-product .single-content .single-info .add-product-grilla .single-qty:focus {
  border-bottom-color: #0098d9;
  outline: none;
}
.single-product .single-content .single-info .add-product-grilla button.add-product {
  text-align: center;
  font-size: 1rem;
  padding: 0.5rem;
  background: #0098d9;
  color: white;
  cursor: pointer;
  border: none;
  opacity: 0.9;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
.single-product .single-content .single-info .add-product-grilla button.add-product:hover {
  opacity: 1;
  color: white;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.single-product .single-content .single-info .single-category {
  font-weight: 400;
  font-size: 1rem;
  color: #42d6eb;
  font-family: "Kanit", sans-serif;
}
.single-product .single-content .single-info .single-banner-promo {
  padding: 1rem;
  margin-top: 1rem;
  background: #0098d9;
  color: white;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.single-product .single-content .single-info .single-banner-promo .single-banner-promo-title {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
}

/* PRODUCTOS Y CATEGORÍAS */
#productos {
  padding-top: 2rem;
}
#productos .sidebar {
  border: 1px solid #ddd;
  padding: 1.5rem;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
#productos .sidebar .categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#productos .sidebar .categories-list .btn-cat {
  color: black;
  width: 100%;
  display: block;
}
#productos .sidebar .categories-list .collapse-list {
  position: relative;
}
#productos .sidebar .categories-list .collapse-list .btn-categories {
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
  background: transparent;
  border: none;
}
#productos .sidebar .categories-list .collapse-list .father {
  position: relative;
  line-height: 30px;
  width: 100%;
  font-size: 1rem;
}
#productos .sidebar .categories-list .collapse-list .father i {
  position: absolute;
  right: 1rem;
  top: 50%;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
  transform: translateY(-50%) rotate(0);
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  -o-transform: translateY(-50%) rotate(0);
  -khtml-transform: translateY(-50%) rotate(0);
}
#productos .sidebar .categories-list .collapse-list .father.rotar i {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -khtml-transform: translateY(-50%) rotate(180deg);
}
#productos .sidebar .categories-list .collapse-list .father:hover {
  color: #0098d9;
}
#productos .sidebar .categories-list .collapse-list .father:hover i {
  color: black;
}
#productos .sidebar .categories-list .collapse-list .childs .child-box {
  padding-left: 1rem;
  position: relative;
}
#productos .sidebar .categories-list .collapse-list .childs .child-box i {
  position: absolute;
  left: 0;
  font-size: 10px;
  top: 4px;
}
#productos .sidebar .categories-list .collapse-list .childs .child-box .btn-cat {
  font-size: 0.8rem;
}
#productos .sidebar .categories-list .collapse-list .childs .child-box:hover .btn-cat {
  color: #0098d9;
}
#productos .products .card.no-products {
  margin-top: 1rem;
  text-align: center;
}

/* PROMOCIONES */
#promociones {
  margin-top: 1rem;
}
#promociones .add-product {
  display: none;
}

/* MODAL */
.modal-dialog {
  max-width: 700px;
}

.modal-content .modal-header .close span {
  color: #0098d9;
}
.modal-content .modal-footer a {
  color: white;
  opacity: 0.9;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
.modal-content .modal-footer a:hover {
  opacity: 1;
  color: white;
}

/* LOGIN MODAL */
.login-form .btn-login {
  float: right;
}

.msj-error {
  padding: 1rem;
  color: red;
  text-align: center;
}

/* CART MODAL */
#cart-modal-ex .modal-body table tr:hover {
  background-color: transparent;
}
#cart-modal-ex .modal-body table tr th {
  text-align: center;
}
#cart-modal-ex .modal-body table tr th.hide-xs {
  display: none;
}
#cart-modal-ex .modal-body table tr td {
  vertical-align: middle;
  text-align: center;
  font-size: 0.7rem;
}
#cart-modal-ex .modal-body table tr td:nth-child(2) {
  width: 30%;
}
#cart-modal-ex .modal-body table tr td.hide-xs {
  display: none;
}
#cart-modal-ex .modal-body table tr td .cart-qty {
  border: none;
  border-bottom: 1px solid transparent;
  width: 6em;
  text-align: center;
  padding: 0.5rem;
}
#cart-modal-ex .modal-body table tr td .cart-qty:focus {
  border-bottom-color: #0098d9;
  outline: none;
}
#cart-modal-ex .modal-body table tr td .btn-remove {
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 700;
  line-height: 10px;
  width: 100%;
}
#cart-modal-ex .modal-body table tr td .btn-remove:hover {
  color: #0098d9;
}
#cart-modal-ex .modal-body table tr td.total {
  text-transform: uppercase;
  font-weight: 600;
}
#cart-modal-ex .msj-pedido {
  display: block;
  float: left;
  color: white;
  padding: 1rem;
  text-align: center;
  width: 98%;
  margin: 0 auto 1rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
}
#cart-modal-ex .msj-pedido.verde {
  background: #28a745;
}
#cart-modal-ex .msj-pedido.rojo {
  background: #ff4f5e;
}
#cart-modal-ex .ps-client {
  float: left;
  width: 100%;
}
#cart-modal-ex .ps-client .ps {
  width: 100%;
  padding: 0.5rem;
}

/* CARRITO */
#carrito .card-carrito {
  float: left;
  width: 100%;
  margin-top: 3rem;
  padding: 1rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#carrito .card-carrito table {
  float: left;
}
#carrito .card-carrito table tr:hover {
  background-color: transparent;
}
#carrito .card-carrito table tr th {
  text-align: center;
}
#carrito .card-carrito table tr th.hide-xs {
  display: none;
}
#carrito .card-carrito table tr td {
  vertical-align: middle;
  text-align: center;
  font-size: 0.7rem;
}
#carrito .card-carrito table tr td:nth-child(2) {
  width: 30%;
}
#carrito .card-carrito table tr td.hide-xs {
  display: none;
}
#carrito .card-carrito table tr td .cart-qty {
  border: none;
  border-bottom: 1px solid transparent;
  width: 6em;
  text-align: center;
  padding: 0.5rem;
}
#carrito .card-carrito table tr td .cart-qty:focus {
  border-bottom-color: #0098d9;
  outline: none;
}
#carrito .card-carrito table tr td .btn-remove {
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 700;
  line-height: 10px;
  width: 100%;
}
#carrito .card-carrito table tr td .btn-remove:hover {
  color: #0098d9;
}
#carrito .card-carrito table tr td.total {
  text-transform: uppercase;
  font-weight: 600;
}
#carrito .card-carrito .cart-footer .btn {
  float: right;
  color: white;
}
#carrito .card-carrito .msj-pedido {
  display: block;
  float: left;
  width: 100%;
  color: white;
  padding: 1rem;
  text-align: center;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
}
#carrito .card-carrito .msj-pedido.verde {
  background: #28a745;
}
#carrito .card-carrito .msj-pedido.rojo {
  background: #ff4f5e;
}
#carrito .ps-client {
  float: left;
  width: 100%;
}
#carrito .ps-client .ps {
  width: 100%;
  padding: 0.5rem;
}

/* CARRITO */
#pedidoConfirmado .card-carrito {
  float: left;
  width: 100%;
  margin-top: 3rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#pedidoConfirmado .card-carrito table {
  float: left;
}
#pedidoConfirmado .card-carrito table tr:hover {
  background-color: transparent;
}
#pedidoConfirmado .card-carrito table tr th {
  text-align: center;
}
#pedidoConfirmado .card-carrito table tr th.hide-xs {
  display: none;
}
#pedidoConfirmado .card-carrito table tr td {
  vertical-align: middle;
  text-align: center;
}
#pedidoConfirmado .card-carrito table tr td.hide-xs {
  display: none;
}
#pedidoConfirmado .card-carrito table tr td .cart-qty {
  border: none;
  border-bottom: 1px solid transparent;
  width: 6em;
  text-align: center;
  padding: 0.5rem;
}
#pedidoConfirmado .card-carrito table tr td .cart-qty:focus {
  border-bottom-color: #0098d9;
  outline: none;
}
#pedidoConfirmado .card-carrito table tr td .btn-remove {
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 700;
  line-height: 10px;
  width: 100%;
}
#pedidoConfirmado .card-carrito table tr td .btn-remove:hover {
  color: #0098d9;
}
#pedidoConfirmado .card-carrito table tr td.total {
  text-transform: uppercase;
  font-weight: 600;
}
#pedidoConfirmado .card-carrito .cart-footer .btn {
  float: right;
  color: white;
}
#pedidoConfirmado .card-carrito .msj-pedido {
  display: block;
  float: left;
  width: 100%;
  color: white;
  padding: 1rem;
  text-align: center;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
}
#pedidoConfirmado .card-carrito .msj-pedido.verde {
  background: #28a745;
}
#pedidoConfirmado .card-carrito .msj-pedido.rojo {
  background: #ff4f5e;
}

.msj-contact {
  display: block;
  float: left;
  width: 100%;
  color: white;
  padding: 1rem;
  text-align: center;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
}
.msj-contact.verde {
  background: #28a745;
}
.msj-contact.rojo {
  background: #ff4f5e;
}

/* CALCULADORA */
#calculadora .card {
  margin: 1.5rem 0;
}
#calculadora .card.info {
  margin: 1.5rem auto;
  text-align: center;
}
#calculadora .title-data {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
}
#calculadora .subtitle {
  font-size: 1.2rem;
  padding-left: 20px;
}
#calculadora .input-group-addon {
  line-height: 35px;
}
#calculadora #maximo {
  margin-left: 15px;
  float: right;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#calculadora #dibujo canvas {
  margin: 0 auto;
  display: block;
}

/* LA EMPRESA */
#la-empresa .la-empresa-info .card {
  margin: 1rem 0;
}
#la-empresa .la-empresa-info .card h5 {
  text-transform: uppercase;
}
#la-empresa .la-empresa-info .slider-services {
  position: relative;
}
#la-empresa .la-empresa-info .slider-services .item {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#la-empresa .la-empresa-info .slider-services .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  font-size: 1.5rem;
}
#la-empresa .la-empresa-info .slider-services .owl-nav button {
  color: #0098d9;
  background: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#la-empresa .la-empresa-info .slider-services .owl-nav button i {
  position: absolute;
  top: 50%;
  left: 50%;
}
#la-empresa .la-empresa-info .slider-services .owl-nav button:hover {
  color: white;
  background: #0098d9;
}
#la-empresa .la-empresa-info .slider-services .owl-nav .owl-prev {
  position: absolute;
  left: 1rem;
}
#la-empresa .la-empresa-info .slider-services .owl-nav .owl-prev i {
  transform: translate3d(-60%, -50%, 0);
}
#la-empresa .la-empresa-info .slider-services .owl-nav .owl-next {
  position: absolute;
  right: 1rem;
}
#la-empresa .la-empresa-info .slider-services .owl-nav .owl-next i {
  transform: translate3d(-40%, -50%, 0);
}
#la-empresa .la-empresa-mapa .card {
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#la-empresa .la-empresa-mapa .card:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#la-empresa .la-empresa-mapa .card .data {
  min-height: 160px;
}
#la-empresa .la-empresa-mapa .card .data .company-data {
  line-height: 1.5rem;
  margin-bottom: 0;
  font-size: 0.9rem;
}
#la-empresa .la-empresa-mapa .card .footer-card {
  margin-top: 1rem;
}
#la-empresa .la-empresa-mapa .card .footer-card .btn-location {
  margin: 0 auto;
  width: 50%;
  display: block;
  opacity: 0.9;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#la-empresa .la-empresa-mapa .card .footer-card .btn-location:hover {
  opacity: 1;
  color: white;
}

/* CUENTA */
#mi-cuenta .select-account {
  float: right;
  outline: 0;
  border: none;
  border-bottom: 1px solid #ced4da;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -khtml-transition: all 0.15s ease-in-out;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -khtml-border-radius: 0;
}
#mi-cuenta .no-docs {
  padding: 1rem 0;
  text-align: center;
}
#mi-cuenta .mi-cuenta-titulo {
  margin-top: 1rem;
}
#mi-cuenta .btn-print {
  position: absolute;
  top: 50%;
  color: white;
  padding: 0.5rem;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
}
#mi-cuenta .card .card-body p {
  margin: 1rem 0;
}
#mi-cuenta .card .tab-content .table th {
  text-align: center;
}
#mi-cuenta .card .tab-content .table th.hide-xs {
  display: none;
}
#mi-cuenta .card .tab-content .table td {
  text-align: center;
}
#mi-cuenta .card .tab-content .table td.hide-xs {
  display: none;
}
#mi-cuenta .card .card-footer {
  background: white;
}
#mi-cuenta .card .card-footer .back-to-home {
  color: white;
  float: right;
}
#mi-cuenta .card .card-footer .back-to-home:hover {
  color: white;
}
#mi-cuenta .card .md-tabs .nav-item .nav-link.active {
  background: #0098d9;
}

/* ABRÍ TU CUENTA */
#abri-tu-cuenta .card {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#abri-tu-cuenta .card.card-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#abri-tu-cuenta .card.card-image .rgba-black-strong {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  -khtml-border-radius: 0.5rem;
}
#abri-tu-cuenta .card .text-content {
  margin-bottom: 1.5rem;
  min-height: 350px;
}
#abri-tu-cuenta .card .btn-pdf {
  opacity: 0.8;
  margin: 0.5rem auto;
  float: inherit;
  display: block;
  width: 60%;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  -khtml-transition: all 0.25s;
}
#abri-tu-cuenta .card .btn-pdf:hover {
  opacity: 1;
  color: white;
}
#abri-tu-cuenta .archivos .remitente {
  margin: 1rem;
  color: black;
}
#abri-tu-cuenta .archivos .remitente::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: black;
}
#abri-tu-cuenta .archivos .custom-file {
  margin: 1rem;
  width: 100%;
}
#abri-tu-cuenta .archivos .custom-file-label {
  color: black;
}
#abri-tu-cuenta .archivos .custom-file-label::after {
  content: "Examinar...";
  color: black;
}
#abri-tu-cuenta .archivos .input-group-append {
  width: 100%;
  justify-content: center;
}
#abri-tu-cuenta .archivos .msg-files {
  margin: 1rem;
  text-transform: uppercase;
  text-align: center;
  color: white;
  padding: 0.5rem;
}
#abri-tu-cuenta .archivos .msg-files.verde {
  background: #28a745;
}
#abri-tu-cuenta .archivos .msg-files.rojo {
  background: #ff4f5e;
}

/* FOOTER */
footer.page-footer {
  background: #0098d9;
}
footer.page-footer .footer-copyright {
  color: white;
  font-weight: 300;
  font-size: 10px;
  position: relative;
}
footer.page-footer .footer-copyright a img {
  width: 25px;
}

/* BÚSQUEDA */
body .header-search {
  cursor: pointer;
}
body .header-search.desktop {
  display: none;
}
body .header-search.desktop i {
  color: rgba(255, 255, 255, 0.8);
}
body .header-search.mobile {
  display: block;
  position: absolute;
  right: 70px;
  top: 15px;
  cursor: pointer;
  font-size: 25px;
}
body .header-search .btn-search {
  padding: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  background: #0098d9;
  width: 40px;
  height: 40px;
  text-align: center;
  opacity: 1;
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -khtml-transition: transform 0.3s;
}
body .header-search .btn-search:hover {
  color: white;
}
body .header-search .btn-search:focus {
  outline: none;
}
body .header-search i {
  color: white;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -khtml-transform: translate3d(-50%, -50%, 0);
}
body .header-search i:focus {
  outline: none;
}
body .header-search:hover i {
  color: white;
}
body .header-search:focus {
  outline: none;
}
body .close-search {
  position: fixed;
  top: 0;
  right: 20px;
  color: white;
  font-size: 50px;
  opacity: 0;
  z-index: 9999;
  display: none;
  cursor: pointer;
}
body .close-search span {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  -khtml-transform: rotate(0);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
}
body .form-search {
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50px;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  display: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
}
body .form-search input {
  color: white;
  font-size: 54px;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: none;
  font-weight: 300;
  opacity: 0;
  transition: all 0.75s;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  -khtml-transition: all 0.75s;
}
body.mode-search {
  overflow: hidden;
}
body.mode-search .header-search .btn-search {
  cursor: initial;
  transform: scale(80);
  -webkit-transform: scale(80);
  -moz-transform: scale(80);
  -ms-transform: scale(80);
  -o-transform: scale(80);
  -khtml-transform: scale(80);
}
body.mode-search .header-search i {
  opacity: 0;
}
body.mode-search .close-search {
  opacity: 1;
  display: block;
}
body.mode-search .close-search span {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
}
body.mode-search .form-search {
  display: block;
  opacity: 1;
  pointer-events: all;
}
body.mode-search .form-search ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
body.mode-search .form-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
body.mode-search .form-search :-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
body.mode-search .form-search :-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
body.mode-search .form-search input {
  opacity: 1;
}

/* RESPONSIVE */
/* LANDSCAPE PHONE */
@media only screen and (min-width: 576px) {
  /* HELPERS */
  .md-form label {
    font-size: 1rem;
  }
  .md-form label.active {
    font-size: 0.8rem;
  }

  /* HEADER */
  body .header-search.mobile {
    right: 120px;
  }

  header nav.navbar .mobile-cart {
    right: 170px;
  }

  /* HOME */
  #home .slider-principal .item {
    height: 150px;
  }

  /* CARRITO */
  #carrito .card-carrito table tr td.hide-xs, #carrito .card-carrito table tr th.hide-xs {
    display: table-cell;
  }

  #cart-modal-ex .modal-body table tr td.hide-xs, #cart-modal-ex .modal-body table tr th.hide-xs {
    display: table-cell;
  }
}
/* TABLET */
@media only screen and (min-width: 768px) {
  /* HEADER */
  body main {
    min-height: 950px;
  }
  body .header-search.mobile {
    right: 80px;
  }

  header nav.navbar .mobile-cart {
    right: 130px;
  }

  /* HOME */
  #home .slider-principal .item {
    height: 160px;
  }
  #home .marcas-home .brand-title {
    font-size: 2rem;
  }
  #home .marcas-home .marcas .brand-img {
    width: 20%;
  }

  /* ABRÍ TU CUENTA */
  #abri-tu-cuenta .card .btn-pdf {
    width: 40%;
  }
  #abri-tu-cuenta .archivos .custom-file {
    width: auto;
  }
  #abri-tu-cuenta .archivos .input-group-append {
    width: auto;
  }

  /* LA EMPRESA */
  #la-empresa .la-empresa-info .slider-services .item {
    height: 500px;
  }

  /* CUENTA */
  #mi-cuenta .card .tab-content .table th.hide-xs {
    display: table-cell;
  }
  #mi-cuenta .card .tab-content .table td.hide-xs {
    display: table-cell;
  }

  /* CART MODAL */
  #cart-modal-ex .modal-body table tr td {
    font-size: 0.8rem;
  }
  #cart-modal-ex .modal-body table tr td:nth-child(2) {
    width: 35%;
  }

  /* CART */
  #carrito .card-carrito table tr td {
    font-size: 0.8rem;
  }
  #carrito .card-carrito table tr td:nth-child(2) {
    width: 35%;
  }
}
/* LANDSCAPE TABLET */
@media only screen and (min-width: 992px) {
  /* HELPERS */
  .hide-mobile {
    display: block;
  }

  .hide-desktop {
    display: none;
  }

  body main {
    min-height: 640px;
  }

  /* HEADER */
  body header nav.navbar.scrolling-navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  body header nav.navbar.scrolling-navbar.top-nav-collapse {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body header nav.navbar .nav-item {
    text-align: left;
  }
  body header nav.navbar .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8);
  }
  body header .header-search.desktop {
    display: block;
    position: relative;
  }
  body header .header-search.mobile {
    display: none;
  }
  body.mode-search .close-search {
    right: 30px;
  }

  /* HOME */
  #home .slider-principal .item {
    height: 200px;
  }

  /* CALCULATOR */
  #calculadora .card.info {
    width: 80%;
  }
}
/* DESKTOP */
@media only screen and (min-width: 1200px) {
  /* HELPERS */
  .hide-mobile {
    display: block;
  }

  .hide-desktop {
    display: none;
  }

  body main {
    min-height: 640px;
  }

  /* HEADER */
  body.home .categories-header {
    display: block;
  }
  body .header-search.desktop {
    display: block;
    position: relative;
  }
  body .header-search.mobile {
    display: none;
  }
  body.mode-search .close-search {
    right: 30px;
  }
  body header .categories-header .box .btn-categories-header {
    font-size: 1.2rem;
  }
  body header nav.navbar .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8);
  }

  /* HOME */
  #home .slider-principal .item {
    height: 250px;
  }

  /* PRODUCTOS */
  .card .card-body .card-category {
    min-height: 2.6rem;
  }
  .card .card-body .card-title {
    min-height: 4.5rem;
  }

  #productos .card .card-body .card-category {
    min-height: 4rem;
  }
  #productos .card .card-body .card-title {
    min-height: 6rem;
  }

  /* SINGLE PRODUCT */
  .single-product .single-content .single-info {
    margin-top: 0;
    text-align: left;
  }

  /* EMPRESA */
  #la-empresa .la-empresa-mapa .card .footer-card .btn-location {
    width: 30%;
  }

  /* CART MODAL */
  #cart-modal-ex .modal-body table tr td {
    font-size: 0.8rem;
  }

  /* CART */
  #carrito .card-carrito table tr td {
    font-size: 0.9rem;
  }

  /* FOOTER */
  footer.page-footer .footer-copyright {
    font-size: 14px;
  }
}
/* DESKTOP LG */
@media only screen and (min-width: 1366px) {
  /* HOME */
  #home .marcas-home .marcas .brand-img {
    width: 13%;
    margin: 1% 3.5%;
  }
  #home .slider-principal .item {
    height: 250px;
  }

  /* CALCULADORA */
  #calculadora {
    min-height: 500px;
  }

  /* CALCULADORA DE BOBINA */
  #calculadora-bobina {
    min-height: 500px;
  }
}
/* WIDESCREEN */
@media only screen and (min-width: 1600px) {
  /* HELPERS */
  body main {
    min-height: 950px;
  }

  /* HEADER */
  body.mode-search .header-search .btn-search {
    transform: scale(120);
    -webkit-transform: scale(120);
    -moz-transform: scale(120);
    -ms-transform: scale(120);
    -o-transform: scale(120);
    -khtml-transform: scale(120);
  }

  /* HOME */
  #home .slider-principal .item {
    height: 400px;
  }

  /* CALCULADORA */
  #calculadora {
    min-height: 815px;
  }

  /* CALCULADORA DE BOBINA */
  #calculadora-bobina {
    min-height: 815px;
  }
}

/*# sourceMappingURL=estilo.css.map */