/** CUSTOM STYLES */

html, body {scroll-behavior: smooth;}

@font-face{
  font-family:'AltastGreeting'; src:url('../fonts/AltastGreeting.ttf');
}

@font-face{
  font-family:'Poppins-Bold'; src:url('../fonts/Poppins-Bold.ttf');
}

@font-face{
  font-family:'Poppins-ExtraBold'; src:url('../fonts/Poppins-ExtraBold.ttf');
}

@font-face{
  font-family:'Poppins-Black'; src:url('../fonts/Poppins-Black.ttf');
}

@font-face{
  font-family:'Poppins-Regular'; src:url('../fonts/Poppins-Regular.ttf');
}

@font-face{
  font-family:'HARNGTON'; src:url('../fonts/HARNGTON.TTF');
}

.modal-cookie {position: fixed;bottom: 0;left: 0;right: 0;background:#161A26;z-index: 9;padding: 20px 15px;}
.modal-cookie p {margin: 0;color: #fff;font-size: 12px;font-family: 'Roboto', sans-serif;}
.modal-cookie button {margin:0;}

.mg-bt-product {margin-bottom:60px;}
.navbar-light .navbar-brand h4 {font-family: 'HARNGTON';color: #F3F0E2;margin: 0;font-size: 23px;}

header {background:#161A26;padding: 5px 0;position: fixed;left: 0;right: 0;top: 0;z-index:5;}
.opacity-1 {opacity:1 !important;transition:.6s;}
.navbar-brand {transition:.6s;}
.navbar-light .navbar-nav .nav-link:hover {opacity:.5;color:#fff;transition:.6s;}
.navbar-light .navbar-nav .nav-link {transition:.6s;color:#F3F0E2;font-family: 'Roboto', sans-serif;font-weight:normal;font-size:12px;}
.navbar-light .navbar-nav .nav-link img {max-width:25px;}
.navbar-brand img {max-width:250px;margin-bottom:5px;transition:.6s;}

.slide-home {margin-top:20px;min-height: 90vh;background-color: #161A26 !important;background-image: url(../img/portada02.png);background-size: contain !important;background-position: right !important;background-repeat: no-repeat !important;}
.slide-home h4 {font-family: 'Poppins-Bold';font-size: 47px;line-height: 1;color: #F3F0E2;}
.slide-home h5 {color: #29ABFF;font-family: 'AltastGreeting';font-size: 60px;margin-left: -40px;margin-top: -25px;}
.slide-home .btn-pedido {margin:35px 0 0;}
.btn-pedido {background: #227FB9;color: #fff;padding: 10px 20px;border:1px transparent solid;display: inline-block;font-size: 14px;margin: 35px;font-family: 'Roboto', sans-serif;font-weight: 400;transition:.6s;}
.btn-pedido:hover {transition:.6s;text-decoration:none;color:#227FB9;background:#fff;border:1px #227FB9 solid;}

.logo-absolute {position: absolute;top:20px;margin: 0 auto;left: 0;right: 0;}
.logo-absolute h3 {font-family: 'HARNGTON';color: #F3F0E2;font-size: 40px;text-align: right;position: relative;z-index: 9;margin: 0;line-height: 1;}
.logo-absolute hr {border-color: #29ABFF;max-width: 85px;width: 100%;margin-left: auto;margin-right: 10px;}
.logo-absolute p {color: #29ABFF;font-family: 'Roboto', sans-serif;margin: 0;display: inline-block;}
.logo-absolute img {margin-left: 35px;margin-top: 15px;position:relative;z-index:3;}

.nosotros .box-info {padding: 55px 80px;text-align: center;}
.nosotros .box-info h3 {font-family: 'Poppins-Bold';margin: 0;font-size: 34px;color: #161A26;}
.nosotros .box-info h4 {font-family: 'AltastGreeting';margin: -20px 0 0;font-size: 52px;color: #29ABFF;}
.nosotros .box-info .text-descrpicion {text-align: left;font-size: 16px;font-family: 'Roboto', sans-serif;margin: 15px 0 0;color: #161A26;font-weight: normal;}
.max-w-info-box {max-width:80%;}

#nosotrosSlide.owl-carousel, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {height:100%;}
#nosotrosSlide .item {min-height:100%;background-size:cover !important;background-position:center !important;}
#nosotrosSlide .owl-nav {display:none;}
#nosotrosSlide .owl-dots {position: absolute;bottom: 15px;left: 0;right: 0;}
#nosotrosSlide .owl-dots .owl-dot span {width: 13px;height: 13px;margin: 5px 7px;background: transparent;border: 2px #F3F0E2 solid;}
#nosotrosSlide .owl-dots .owl-dot.active span, #nosotrosSlide .owl-dots .owl-dot:hover span {background: #F3F0E2;}

.productos-servicios {min-height:450px;background-color:#161A26;background-image:url('../img/fondo-productos.png');background-repeat: no-repeat;background-position: center;background-size: cover;padding:80px 0;}
.productos-servicios h3 {font-size:28px;margin:0;font-family: 'Poppins-Bold';color: #fff;display: flex;align-items: center;justify-content: center;}
.productos-servicios h3 small {font-family: 'AltastGreeting';font-size: 51px;display: inline-block;color: #29ABFF;position: relative;left: -6px;top: 5px;margin: 0 -5px;}
.grid-serv {margin-top:-15%;margin-bottom:50px;position:relative;}

.imagen-serv-back {min-height:340px;background-size:cover !important;background-position:center !important;position:relative;}
.info-serv:hover {transition:.6s;opacity:1;}
.info-serv {opacity:0;position: absolute;transition:.6s;top: 0;bottom: 0;right: 15px;left: 15px;background: rgb(0 0 0 / 0.65);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.info-serv h4 {text-align:center;font-family: 'Poppins-ExtraBold';margin: 0;color: #F3F0E2;font-size: 21px;}
.info-serv .btn-ver-mas {display: inline-block;color: #F3F0E2;transition:.6s;font-family: 'Roboto', sans-serif;font-size: 12px;font-weight: normal;border-top: 1px #F3F0E2 solid;border-bottom: 1px #F3F0E2 solid;margin-top: 10px;padding: 5px 20px;max-width: 130px;width: 100%;text-align: center;}
.info-serv .btn-ver-mas:hover {opacity:.6;transition:.6s;text-decoration:none;}

.grid-serv .text-descrpicion {text-align: center;margin:65px 0 85px;font-family: 'Roboto', sans-serif;font-size: 18px;color: #161A26;line-height: normal;}
.grid-serv .text-descrpicion p, .grid-serv .text-descrpicion h3 {margin:0;}
.grid-serv h5 {color:#161A26;text-align: center;margin:0 0 40px;font-family: 'Poppins-Black';font-size: 22px;text-transform: uppercase;}

.grid-serv .absolute-img-almeja {position: absolute;left: 30px;max-width: 305px;top: 40%;}

.pasos {position:relative;background-color:#161A26;background-image:url('../img/fondo-pedidos.png');padding: 110px 0 75px;background-size: contain;background-position: center;}
.pasos .absolute-img-pesc {position: absolute;right: 15px;top: -105px;max-width: 210px;}
.pasos .linea {max-width: 85px;width: 100%;height: 2px;background: #29ABFF;display: inline-block;margin-bottom: auto;margin-top: 30px;}
.pasos .icon-img {width: 60px;height: 60px;background-size: contain !important;background-position: center !important;margin: 0 auto;background-repeat: no-repeat !important;}
.pasos .icon-info {text-align:center;flex:1;display: flex;flex-direction: column;min-height: 145px;}
.pasos .icon-info img {max-width: 80px;}
.pasos .icon-info p {color:#29ABFF;font-family: 'Roboto', sans-serif;margin: 20px 0 0;font-size: 16px;}
.pasos .hacer-pedido {line-height: normal;background: #227FB9;transition:.6s;margin-top: 40px;display: inline-block;padding: 15px 15px;color: #F3F0E2;font-family: 'Roboto', sans-serif;font-size: 13px;}
.pasos .hacer-pedido:hover {text-decoration:none;opacity:.6;transition:.6s;}

.map {background:url('../img/maps-byn.png');min-height:470px;background-size:cover;background-position:center;display:flex;}
.map iframe {width:100%;height:auto;}
.footer {background:#161A26;background-image:url('../img/fondo-contacto.png');background-position: top center;background-repeat: no-repeat;background-size: cover;}
.content-info-footer {text-align: center;background: #F3F0E2;padding:20px 0;margin-top:-65px;}
.content-info-footer h3 {font-family: 'AltastGreeting';color:#29ABFF;margin:0;font-size:37px}
.content-info-footer p strong {font-family:'Poppins-Bold';}
.content-info-footer p {margin: 0;font-size: 20px;line-height: normal;font-family:'Poppins-Regular';}

.footer-contactos {margin:65px 0;}
.footer-contactos a{text-decoration:none;transition:.6s;color:#fff;}
.footer-contactos a:hover {text-decoration:none;transition:.6s;opacity:.5;}
.footer-contactos .content-foot {flex:1;}
.footer-contactos .content-foot p {color:#fff;font-family: 'Roboto', sans-serif;margin:0;font-size:15px;}
.footer-contactos .content-foot.icon img {max-width: 15px;margin-right: 10px;}
.footer-contactos .content-foot.redes img {max-width: 25px;margin:0 5px;}

.logo-footer {text-align:center;}
.logo-footer img {max-width:310px;}
.copy p {padding: 25px 0;color: #fff;font-size: 12px;margin: 0;font-family: 'Roboto', sans-serif;display:inline-block;}
.logo-rpm {text-align:right;}
.logo-rpm img {max-width: 70px;display: inline-block;margin-left: 15px;}

.buscador {background:url('../img/portada-buscador.png');margin-top: 4%;padding: 150px 0;background-size:cover !important;background-position:center !important;}
.buscador h3 {font-family: 'Poppins-Bold';margin: 0;color: #F3F0E2;font-size: 38px;}
.buscador h5 {font-family: 'AltastGreeting';margin: -30px 0 40px;color: #29ABFF;font-size: 55px;}

.buscador form input {font-style: italic;font-weight: 600;width: 100%;padding: 15px 25px;font-family: 'Roboto', sans-serif;border: 1px #F3F0E2 solid;background: #000;color: #F3F0E2;font-size: 13px;}
.buscador form input[type="submit"] {font-style:inherit;font-weight:normal;color:#000;display: inline-block;width: 100%;height: 100%;border: 1px #F3F0E2 solid;background: #F3F0E2;font-family: 'Roboto', sans-serif;font-size: 14px;}

.cat-grid {padding:70px 0;position:relative;}

.cat-grid .imagen-serv-back {min-height:190px;background-size:cover !important;background-position:center !important;position:relative;}
.cat-grid .info-serv:hover {transition:.6s;opacity:1;}
.cat-grid .info-serv {opacity:0;position: absolute;transition:.6s;top: 0;bottom: 0;right: 15px;left: 15px;background: rgb(0 0 0 / 0.65);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.cat-grid .info-serv h4 {text-align:center;font-family: 'Poppins-ExtraBold';margin: 0;color: #F3F0E2;font-size: 21px;}
.cat-grid .info-serv .btn-ver-mas {display: inline-block;color: #F3F0E2;transition:.6s;font-family: 'Roboto', sans-serif;font-size: 12px;font-weight: normal;border-top: 1px #F3F0E2 solid;border-bottom: 1px #F3F0E2 solid;margin-top: 10px;padding: 5px 20px;max-width: 130px;width: 100%;text-align: center;}
.cat-grid .info-serv .btn-ver-mas:hover {opacity:.6;transition:.6s;text-decoration:none;}

.cat-grid p {text-align: center;margin:65px 0 85px;font-family: 'Roboto', sans-serif;font-size: 16px;color: #161A26;line-height: normal;}
.cat-grid h5 {color:#161A26;text-align: center;margin:0 0 40px;font-family: 'Poppins-Black';font-size: 22px;text-transform: uppercase;}

.cat-grid .absolute-img-almeja {position: absolute;left: 30px;max-width: 305px;top: 40%;}
.destacados {padding:0 0 150px;}
.destacados h3 {font-family: 'Poppins-Bold';margin: 40px 0 30px;border-bottom: 1px #29ABFF solid;padding-bottom: 10px;font-size: 22px;color: #161A26;}
.destacados .back-product {width: 100%;min-height: 160px;background-size: contain !important;background-position: center !important;background-repeat: no-repeat !important;}
.card-shadow {position:relative;padding:20px 15px;box-shadow:1px 1px 6px 2px rgb(0 0 0 / 5%);text-align:center;}
.card-shadow h4 {font-family: 'Poppins-Bold';margin: 25px 0 0;font-size: 17px;color: #161A26;}
.card-shadow .precio {display: inline-block;width: 100%;margin-bottom: 25px;}
.card-shadow .precio p {font-family: 'Roboto', sans-serif;margin: 0;font-size: 16px;font-weight: 800;color: #29ABFF;}
.card-shadow .precio p small {color: #161A26;}
.card-shadow .icon-arrow.rotate-arrow {transform:rotate(180deg);transition:.6s;z-index:3;}
.card-shadow .icon-arrow {transition:.6s;box-shadow:1px 1px 6px 2px rgb(0 0 0 / 15%);bottom:-15px;position: absolute;background: #29ABFF;width: 30px;height: 30px;z-index: 1;left: 0;right: 0;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.card-shadow .icon-arrow img {max-width: 14px;margin-top: 2px;}
.card-shadow .icon-arrow:hover {background:#063A78;transition:.6s;cursor:pointer;}
.div-selectores.active {display:block;transition:.6s;}
.div-selectores .pad-select {padding:0 10px;display:inline-block;width:100%;}
.div-selectores {display:none;transition:.6s;text-align:left;position: absolute;z-index:2;top:100%;background: #fff;left: 0;right: 0;padding: 20px 0 0;}
.div-selectores p {margin: 0;font-size: 13px;font-weight:600;}
.div-selectores select, .div-selectores input {margin: 7px 0 0;padding: 6px 5px;font-size: 14px;width: 100%;font-weight: 400;}
.div-selectores .agregar-carrito {background: #227FB9;display: inline-block;transition:.6s;width: 100%;text-align: center;margin-top: 10px;font-size: 13px;padding: 10px;color:#F3F0E2;font-weight: 500;}
.div-selectores .agregar-carrito:hover {text-decoration:none;background:#063A78;transition:.6s;}
.div-selectores .agregar-carrito img {max-width: 18px;margin-right: 3px;}

.ingresar {position:relative;background:url(../img/fondo-portada-ingreso.png);margin-top: 4%;background-size: 75%;background-position: bottom right;background-repeat: no-repeat;min-height:100vh;}
.ingresar .container {margin-bottom:200px;}
.ingresar h3 {margin: 0 0 15px;font-family: 'Poppins-Bold';font-size: 31px;}
.ingresar p {margin: 20px 0 6px;color: #161A26;font-weight: 400;font-size: 14px;}
.ingresar form {text-align:left;}
.ingresar form input {width:100%;border: 1px #161A26 solid;padding: 7px 15px;border-radius: 5px;}
.ingresar form input[type="submit"] {width: auto;display: block;margin: 15px auto 0;transition:.6s;border: none;border-radius: 0;padding: 15px 25px;background: #227FB9;color: #F3F0E2;font-weight: 500;font-size: 16px;}
.ingresar form input[type="submit"]:hover {cursor:pointer;transition:.6s;opacity:.5;}
.ingresar .field-icon {position: absolute;bottom: 0;top: 0;display: flex;align-items: center;right: 10px;color: rgb(41 171 255 / 50%);}
.ingresar .link-ing {display: inline-block;margin: 10px 0 0;font-size: 12px;transition:.6s;color: #29ABFF;font-weight: 500;}
.ingresar .link-ing:hover {opacity:.6;transition:.6s;text-decoration:none;}
.ingresar .info-btn-link {margin: 15px 0 0;}
.ingresar .info-btn-link p {margin:0;}
.ingresar .info-btn-link .link-ing {margin:0 5px;font-size:14px;}

.crear-cuenta {position:relative;background:url(../img/fondo-portada-registro.png);margin-top:100px;background-size: 75%;background-position:top right;background-repeat: no-repeat;padding:40px 0;}
.crear-cuenta h3 {margin: 0 0 15px;font-family: 'Poppins-Bold';font-size: 31px;}
.crear-cuenta p span {color:red;}
.crear-cuenta p {margin: 20px 0 6px;color: #161A26;font-weight: 400;font-size: 14px;}
.crear-cuenta form {text-align:left;}
.crear-cuenta form input {width:100%;border: 1px #161A26 solid;padding: 7px 15px;border-radius: 5px;}
.crear-cuenta form input[type="submit"] {width: auto;display: block;margin: 25px 0 0;transition:.6s;border: none;border-radius: 0;padding: 15px 25px;background: #227FB9;color: #F3F0E2;font-weight: 500;font-size: 16px;}
.crear-cuenta form input[type="submit"]:hover {cursor:pointer;transition:.6s;opacity:.5;}
.crear-cuenta .field-icon {position: absolute;bottom: 0;top: 0;display: flex;align-items: center;right: 10px;color: rgb(41 171 255 / 50%);}
.crear-cuenta .link-ing {display: inline-block;margin: 10px 0 0;font-size: 12px;transition:.6s;color: #29ABFF;font-weight: 500;}
.crear-cuenta .link-ing:hover {opacity:.6;transition:.6s;text-decoration:none;}
.crear-cuenta .info-btn-link {margin: 15px 0 0;}
.crear-cuenta .info-btn-link p {margin:0;}
.crear-cuenta .info-btn-link .link-ing {margin:0 5px;font-size:14px;}
.crear-cuenta .selects span {margin-right: 5px;font-size: 16px;font-weight: 400;}
.crear-cuenta .selects select {min-height: 35px;padding: 7px 10px;border: 1px #161A26 solid;border-radius: 5px;font-size: 16px;}
.crear-cuenta .custom-radios {margin-top:20px;}
.crear-cuenta .custom-radios .in-rad {margin-left:10px;}
.crear-cuenta .custom-radios p {display:inline-block;margin:0;}
.crear-cuenta .custom-radios label {display:inline-block;margin:0;}
.crear-cuenta .custom-radios input[type="radio"] {display:inline-block;width:auto;}

.listado-gral {padding:60px 0 150px;}
.listado-gral h3 {font-family: 'Poppins-Bold';margin: 40px 0 30px;border-bottom: 1px #29ABFF solid;padding-bottom: 10px;font-size: 22px;color: #161A26;}
.listado-gral .back-product {width: 100%;min-height: 130px;background-size: contain !important;background-position: center !important;background-repeat: no-repeat !important;}

::-webkit-input-placeholder { /* Edge */
  font-weight:300;
  color:#C4C4C4;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight:300;
  color:#C4C4C4;
}

::placeholder {
  font-weight:300;
  color:#C4C4C4;
}

.div-selectores input::-webkit-input-placeholder { /* Edge */
  font-weight:normal;
  color:#000;
}

.div-selectores input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight:normal;
  color:#000;
}

.div-selectores input::placeholder {
  font-weight:normal;
  color:#000;
}

.loader-ajax {position: absolute;top:10px;bottom: 0;left: 0;right: 0;background: rgb(255 255 255 / 71%);z-index:4;display: flex;align-items: center;justify-content: center;}
.loader-ajax img {animation: loader 3.4s linear;animation-iteration-count:infinite;}
@keyframes loader {
  0% {transform:rotate(0deg);max-width:90px;transition:.6s;}
  50% {transform:rotate(360deg);max-width:120px;transition:.6s;}
  100% {transform:rotate(0deg);max-width:90px;transition:.6s;}
}

.modal-ok {position: fixed;top:0;bottom: 0;left: 0;right: 0;background: rgb(255 255 255 / 71%);z-index:4;display: flex;align-items: center;justify-content: center;}

.disabled {opacity:.5;pointer-events:none;}

.carrito {margin-top: 4%;padding: 150px 0;}
.carrito h2 {font-family: 'Poppins-Bold';margin:0 0 25px;border-bottom: 1px #29ABFF solid;padding-bottom: 20px;}
.carrito p {font-size: 16px;font-family: 'Roboto', sans-serif;margin: 0 0 30px;color: #161A26;font-weight: normal;}
.carrito-grilla h3 {font-family: 'Poppins-Bold';margin:0;}
.carrito-grilla h4 {font-size: 13px;font-family: 'Poppins-Bold';margin: 15px 0 0;}
.carrito-grilla h5 {font-size: 11px;font-family: 'Poppins-Regular';margin: 5px 0 0;}
.carrito-grilla p.info-precio {font-size: 17px;font-family: 'Poppins-Bold';margin: 0;}

.carrito-grilla {box-shadow: 4px 7px 10px 1px rgb(0 0 0 / 18%);padding: 30px 0;margin: 20px 0;}
.carrito-grilla .row {height:100%;width:100%;}
.carrito-grilla .back-product {min-height: 200px;background-size: contain !important;background-position: center !important;background-repeat: no-repeat !important;}
.carrito-grilla .nombre-producto {text-align:center;}
.carrito-grilla select, .carrito-grilla input, .carrito-grilla textarea {margin: 0 0 5px;padding: 6px 5px;font-size: 13px;width: 100%;font-weight: 400;}
.carrito-grilla p {color:#000;font-family: 'Roboto', sans-serif;font-weight: 600;margin: 0 0 5px;}
.carrito-grilla .borrar img {max-width:40px;}
.navbar-light .navbar-nav .nav-link {position:relative;margin: 0 20px;}
.number-cart {position: absolute;right: -5px;top: 0px;background: #29ABFF;color: #fff;border-radius: 100%;width: 15px;height: 15px;font-size: 11px;display: flex;align-items: center;justify-content: center;font-weight: 500;}

.gracias-page {margin-top:4%;padding:150px 0;}
.gracias-page img {max-width: 140px;margin-bottom: 50px;}
.gracias-page h3 {font-family: 'Poppins-Bold';margin: 0 0 30px;font-size: 28px;}
.gracias-page p {font-family: 'Roboto', sans-serif;margin: 0;font-size: 14px;}

.content-producto-agregado {position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1;background: rgb(255 255 255 / 82%);padding: 20px 15px;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.content-producto-agregado img {max-width: 30px;margin-bottom: 10px;}
.content-producto-agregado h5 {font-size: 15px;font-family: 'Poppins-Bold';margin: 0 0 15px;}
.content-producto-agregado .btn-pedido {margin:0;padding: 5px 20px;}

.no-cart h3 {font-family: 'Poppins-Bold';margin:30px 0 0;}

.sesion {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgb(255 255 255 / 54%);z-index: 3;display: flex;align-items: center;justify-content: center;}
.sesion .btn-pedido {margin:0;}
.sesion .content-session  {background: #fff;padding: 50px 30px;border: 1px #29ABFF solid;}
.sesion h4 {margin: 0 0 25px;font-family: 'Poppins-Bold';}

#hamburger { position: relative;margin-left:5px;}

#hamburger { cursor: pointer; padding: 10px 35px 16px 0px; }
#hamburger span, #hamburger span:before, #hamburger span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 30px;
  background: #F3F0E2;
  position: absolute;
  display: inline-block;
  content: '';
  right:0;
}
#hamburger span:before {
  top: -8px;
  width:25px; 
}
#hamburger span:after {
  bottom: -8px;
  width:25px;
}
/*
#hamburger span, #hamburger span:before, #hamburger span:after {
  transition: all 200ms ease-in-out;
}
*/
#hamburger span, #hamburger span:before, #hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
        transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
#hamburger.active span {
  background-color: transparent;
}
#hamburger.active span:before, #hamburger.active span:after {
  top: 0;
}
#hamburger.active span:before {
  transform: rotate(45deg);
}
#hamburger.active span:after {
  transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}

@media (max-width: 767px){
  .navbar-light .navbar-brand h4 {font-size:18px;}
  .p-res-cat {padding:0 5px;margin-bottom:10px;}
  .navbar-light .navbar-toggler-icon {background-image:url(../img/menu-icon.png);width: 25px;height: 25px;background-size: contain;background-repeat: no-repeat;background-position: center;}
  .max-w-info-box {max-width:100%;}
  #nosotrosSlide .item {min-height:500px;}
  .nosotros .box-info {padding:55px 30px;}
  .navbar-brand {opacity:1 !important;}
  .logo-absolute {display:none;}
  .nosotros .box-info h3 {font-size:25px;}
  .nosotros .box-info h4 {font-size:38px;line-height:.8;margin:0;}
  .slide-home {padding:30px 0;margin-top: 13%;min-height: 65vh;background-position: bottom right !important;}
  .slide-home .container {margin-bottom:auto;}
  .productos-servicios {min-height:inherit;padding:50px 0px 95px}
  .productos-servicios h3 {font-size:24px;}
  .productos-servicios h3 small {font-size:46px}
  .grid-serv .col-md-3 {margin-bottom:20px;}
  .info-serv {opacity:1;background: rgb(0 0 0 / 16%);}
  .cat-grid .info-serv {opacity:1;background: rgb(0 0 0 / 16%);right: 5px;left: 5px;}
  .info-serv h4, .cat-grid .info-serv h4 {margin-top:auto;}
  .info-serv .btn-ver-mas {margin-bottom:40px;}
  .cat-grid .info-serv .btn-ver-mas {margin-bottom:auto;}
  .imagen-serv-back {min-height: 270px;}
  .grid-serv .absolute-img-almeja {display:none;}
  .pasos {padding: 110px 70px 75px;margin-top: 100px;background-size: cover;background-position: bottom;background-repeat: no-repeat;}
  .pasos .icon-info {min-height: inherit;flex-direction: inherit;flex: inherit;margin-right: auto;margin-left: 0;text-align: center;display: flex;min-width: 250px;align-items: center;}
  .pasos .icon-img {background:none !important;max-width:65px;height:auto;margin: 0 auto;margin-left: 0;margin-right: 0;}
  .pasos .icon-info p {margin: 0;font-size: 18px;text-align: left;max-width: 200px;margin-left: 15px;margin-right: auto;}
  .pasos .linea {width: 3px;height: 60px;margin-top: 20px;margin-bottom: 20px;margin-right: auto;margin-left: 30px;}
  .pasos .icon-info img {max-width:65px;}
  .mg-cust-01 {margin-left:5px !important;}
  .mg-cust-02 {margin-left:-5px !important;}
  .logo-footer img {max-width:100%;}
  .footer-contactos {flex-direction:column;}
  .footer-contactos .content-foot {margin:5px 0;}
  .copy p {text-align:center;}
  .logo-rpm {text-align:center;}
  .navbar-brand img {max-width:190px;}
  .item-cart {margin-left: auto;}
  .item-cart img {max-width: 30px;}
  .item-cart .nav-link {padding:0px;}
  .nav-item.item-cart {display:none;}
  .navbar-collapse {padding:25px 0 0}
  .card-shadow {display:flex;align-items:center;}
  .destacados .back-product, .listado-gral .back-product {max-width:140px;}
  .content-info-product {text-align:left;padding:0 15px;margin-right: auto;}
  .card-shadow h4 {font-size:21px;}
  .buscador h5 {font-size: 40px;line-height: .8;margin:0;}
  .destacados .col-md-2 {margin-bottom:40px;}
  .listado-gral .col-md-2 {margin-bottom:40px;}
  .number-cart {position: relative;right: 0;top: 0px;display:inline-flex;text-align:center;width: 17px;height: 17px;font-size: 13px;}
  .carrito-grilla .back-product {min-height:150px;}
  .carrito-grilla .nombre-producto {margin-bottom:20px;}
  .btn-remove-product {position: absolute;right: 20px;top: 20px;z-index:1;}
  .carrito-grilla .borrar img {max-width:25px;}
  .carrito-grilla {margin-bottom: 40px;padding: 20px 0;}
  .carrito {margin-top: 0;padding: 150px 15px;}
}

@media (max-width: 320px){
  .navbar-light .navbar-brand h4 {font-size:15px;}
  .pasos {padding:110px 35px 75px}
  .productos-servicios h3 {font-size:20px;}
  .productos-servicios h3 small {font-size:35px}
}