* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
body {margin: 0;padding: 0;font-family: 'Lato', sans-serif}
img {width: 100%}
h2 {font-size: 2em}
h3 {font-size: 1.5em}
li, p {font-size: .9em}
a {text-decoration: none;cursor: pointer}
.space_1 {width: 100%;padding: 1em 0 0 0}
.space_2 {width: 100%;padding: 2em 0 0 0}
.space_3 {width: 100%;padding: 3em 0 0 0}
.space_4 {width: 100%;padding: 4em 0 0 0}
.space_10 {width: 100%;padding: 10em 0 0 0}
.clear {clear: both}
.bg-red-box {background-color: #bc2325}
.red {width: 190px;padding: .2em 0 0 0;background-color: #bc2325}

/* header */
.header-top {background-color: #bc2325;color: #fff;padding: 8px 0}
.header-top a {color: #fff}
.header-top ul {list-style-type: none;padding: 0;margin: 0}
.header-top li {display: inline-block} 
.top-datos {font-size: .75em;padding-top: 5px}
.header-top .rrss {float: right}
.header-top .rrss i, footer .rrss i {padding: 0 10px;margin: 0}
header {background-color: #fff;box-shadow: 0px 1px 20px #e3e3e3}
.h-ricoh img {width: 50%;float: right}

/* nav */
.nav {padding: 20px 0 5px 0}
.nav ul {list-style-type: none}
.nav li {display: inline-block;padding: 0 15px}
.nav h1 {margin: 0}
.nav .navi a {color: #393939;text-transform: uppercase;font-size:.8em}
.nav .navi a:hover {border-bottom: 3px solid #bc2325;padding-bottom: 19px}


/* nav mobile */
.sidenav {height: 100%;width: 0;position: fixed;z-index: 99999;top: 0;right: 0;background-color: #393939;overflow-x: hidden;-webkit-transition: 0.5s;transition: 0.5s;padding-top: 60px;text-align: center}
.sidenav ul {list-style-type: none;padding: 0 90px 0 90px}
.sidenav li {padding: 8px 0}
.sidenav a {padding: 0 0 10px 0;text-decoration: none;font-size: 1em;color: #fff;display: block;-webkit-transition: 0.3s;transition: 0.3s;text-align: center;text-transform: uppercase}
.sidenav a:hover {color: #fff;border-bottom: 3px solid #bc2325}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px}

/* swipper */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}
.bullet {background: #bc2325 !imporant}
.bg-red {background-color: #bc2325;padding: 10px}
.swiper-button-next {right: 0 !important;padding: 10px !important;width: 50px !important;height: 80px !important;border-radius: 10px 0 0 10px}
.swiper-button-prev {left: 0!important;padding: 10px !important;width: 50px !important; height: 80px !important;border-radius: 0 10px 10px 0}

/* index */
.home {background-color: #f3f3f3}
.solutions-sdi {background-color: #fff}
.solutions-sdi .grid-100 {padding: 0;margin: 0}
.solutions-sdi .bg-red-box {padding: 20px 0}
.solutions-sdi .bg-red-box p {padding: 20px 40px 20px 276px;text-align: left;font-size: 1.55em;color: #fff}
.partners-box {padding: 56px 236px 56px 10px;text-align: center}
.partners-box ul {list-style-type: none;padding: 0;margin: 0}
.partners-box li {display: inline-block}
.partners-box p {text-transform: uppercase;color: #bc2325}

#productos-home {background-image: url(../img/home/bg-productos-home.jpg);background-repeat: no-repeat;background-size: cover;padding: 100px 0 140px 0}
#productos-home h2 {text-transform: uppercase;color: #fff;font-weight: 300;padding: 0 0 40px 0}
#productos-home h2 strong {font-weight: 400}
#productos-home .grid-25 {text-align: center}
#productos-home .grid-25 img {width: 80%;margin: 0 auto}
#productos-home .grid-25 p {color: #fff;text-transform: uppercase}

#easyprint .easy-cont {background-color: #fff;padding: 40px 60px;border-radius: 5px;margin: -90px auto 60px auto}
#easyprint .easy-cont .logo-easy {width: 40%;padding: 20px 0 0 0}
.yt-easy {padding: 0 40px !important}
.video-yt-home {padding: 60px 0 0 0}

/* header secciones */
.header-contacto {background-image: url(../img/bg-headers/bg-contacto.jpg);padding: 60px 0 40px 0;background-size: cover}
.header-contacto h2 {color: #fff;padding: 10px 0 0 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.header-productos {background-image: url(../img/bg-headers/bg-productos.jpg);padding: 60px 0 40px 0;background-size: cover}
.header-productos h2 {color: #fff;padding: 10px 0 0 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.header-servicios {background-image: url(../img/bg-headers/bg-serivicios.jpg);padding: 60px 0 40px 0;background-size: cover}
.header-servicios h2 {color: #fff;padding: 10px 0 0 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.header-soporte {background-image: url(../img/bg-headers/bg-soporte.jpg);padding: 60px 0 40px 0;background-size: cover;padding: 60px 0 40px 0}
.header-soporte h2 {color: #fff;padding: 10px 0 0 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.header-insumos {background-image: url(../img/bg-headers/bg-insumos.jpg);padding: 60px 0 40px 0;background-size: cover}
.header-insumos h2 {color: #fff;padding: 10px 0 0 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.header-insumos-2, .header-soporte-2, .header-servicios-2 {padding: 60px 0 40px 0}
.header-insumos-2 h2,.header-soporte-2 h2, .header-servicios-2 h2 {color: #323232;padding: 10px 0 0 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}

/* secciones */
.caja-sect {background: #f4f4f4;text-align: center;border-radius: 6px;padding: 10px;margin: 0}
.caja-sect img {width: 80%;margin: 0 auto}
.caja-sect p {color: #393939;text-transform: uppercase}

/* productos */
.productos, .servicios {padding: 80px 0}

/* categoría - producto */
.cat-prod {padding: 90px 0}
.h-prod h2 {text-transform: uppercase;font-weight: 100;font-size: 1.6em}
.cat-prod figure {background-color: #f4f4f4;border-radius: 8px;text-align: center;padding: 10px 15px}
.cat-prod img {margin: 0 auto;padding: 0 0 10px 0}
.name-prod p {padding: 0;margin: 0;font-size: 1.1em}
.name-prod .red {width: 100%;padding: .2em 0 0 0;background-color: #bc2325;margin: 8px 0 0 0}
.cat-prod .b-caja-prod p {text-align: left;font-size: .8em;margin: 0;line-height: 1.5}
.cat-prod .b-caja-prod .detalle {background-color: #bc2325;padding: 10px;border-radius: 8px;margin: 20px 0 30px 0}
.cat-prod .b-caja-prod .detalle a {color: #fff;font-size: .9em}

/* detalle producto seleccionado */
.detalle-prod {padding: 90px 0}
.header-detalle {padding: 60px 0 0 0}
.header-detalle h2 {text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.c-detalle {background-color: rgba(255, 255, 255, 0.85);border-radius: 8px}
.ico-det a {text-align: center;color: #bc2325}
.ico-det i {font-size: 2em;padding: 0 0 10px 0}
.ico-det p {font-size: .8em;text-transform: uppercase;padding: 0;margin: 0;text-align: center}
.ico-det .fa-screwdriver {padding: 0 0 10px 0}
.cont-detalle h3 {font-size: 1em;text-transform: uppercase;color: #bc2325;font-weight: 400}
.cont-detalle p {font-size: .9em;line-height: 1.5;margin: 0}
.c-detalle .galeria {padding: 0 0 60px 0}
.c-detalle .galeria .grid-33 {padding: 0 40px}

/* servicios */
.bg-digitalizacion {background-image: url(../img/servicios/bg-digitalizacion.jpg);background-size: cover;background-attachment: fixed}
.bg-impresoras {background-image: url(../img/servicios/bg-impresoras.jpg);background-size: cover;background-attachment: fixed}
.bg-multifuncionales {background-image: url(../img/servicios/bg-multifuncionales.jpg);background-size: cover;background-attachment: fixed}
.bg-montaje {background-image: url(../img/servicios/bg-montaje.jpg);background-size: cover;background-attachment: fixed}
.bg-servicio-tecnico {background-image: url(../img/servicios/bg-servicio-tecnico.jpg);background-size: cover;background-attachment: fixed}
.form-serv .bg-redondo {background: #fff;padding: 20px;border-radius: 10px}
.form-serv .bg-redondo-2 {background: #ffffffc2;padding: 20px;border-radius: 10px}
.caja-serv {background: #f4f4f4;text-align: center;border-radius: 6px;padding: 10px;margin-left: 10px;width: 32% !important}
.caja-serv img {width: 80%;margin: 0 auto}
.caja-serv p {color: #393939;text-transform: uppercase}

.form-serv {padding: 90px 0}
.fmp {background-image: url(../img/servicios/bg-followmeprint.jpg);background-size: cover;background-attachment: fixed}
.form-serv h3 {font-size: 1.2em;font-weight: 400;color: #bc2325;text-transform: uppercase}
.form-serv h4 {color: #BC2325;font-weight: 100;text-transform: uppercase}
.form-serv form input {background-color: #f4f4f4;border: none;padding: 10px;width: 100%;margin: 0 0 10px 0;border-radius: 4px}
.form-serv form textarea {width: 100%;background-color: #f4f4f4;;border: none;border-radius: 4px;padding: 10px}
.form-serv form .form-capcha {padding: 10px 0 0 0}
.form-serv form .form-enviar {padding: 10px 0 0 10px}
.form-serv form #enviar {background-color: #bc2325;color: #fff;border-radius: 5px; text-transform: uppercase;width: 100%;padding: 10px;border: none}

/* soporte */
.bg-montaje-soporte {background-image: url(../img/insumos-soporte/bg-montaje.jpg);background-size: cover;background-attachment: fixed}
.bg-soporte-tecnico {background-image: url(../img/insumos-soporte/bg-servicio.jpg);background-size: cover;background-attachment: fixed}
.soporte {padding: 80px 0 216px 0}
.caja-soport img {width: 90%;margin: 0 auto}
.caja-soport p {color: #393939;text-transform: uppercase}

.form-soporte {padding: 90px 0}
.form-soporte form input {background-color: #f4f4f4;border: none;padding: 10px;width: 100%;margin: 0 0 10px 0;border-radius: 4px}
.form-soporte form textarea {width: 100%;background-color: #f4f4f4;;border: none;border-radius: 4px;padding: 10px}
.form-soporte form .form-capcha {padding: 10px 0 0 0}
.form-soporte form .form-enviar {padding: 10px 0 0 10px}
.form-soporte form #enviar {background-color: #bc2325;color: #fff;border-radius: 5px; text-transform: uppercase;width: 100%;padding: 10px}

/* insumos */
.bg-toner {background-image: url(../img/insumos-soporte/bg-toner.jpg);background-size: cover;background-attachment: fixed}
.bg-repuestos {background-image: url(../img/insumos-soporte/bg-repuestos.jpg);background-size: cover;background-attachment: fixed}
.insumos {padding: 80px 0 235px 0}
.caja-insumos img {width: 90%;margin: 0 auto}
.caja-insumos p {color: #393939;text-transform: uppercase}
.detalle-suministro {padding: 90px 0;background-image: url(../img/bg-headers/bg-suministros.jpg);background-size: cover;background-attachment: fixed}
.detalle-insumo {padding: 90px 0;background-image: url(../img/bg-headers/bg-repuestos.jpg);background-size: cover;background-attachment: fixed}

/* nosotros */
.nosotros {padding:15px 0}
.nosotros .grid-100 {padding: 0}
.nosotros .grid-40 {padding-left: 0}
.cont-nosotros {padding: 120px 0 0 0}
.cont-nosotros h2 {padding: 10px 0 50px 0;margin: 0;text-transform: uppercase;font-weight: 100;font-size: 1.5em}
.cont-nosotros h3 {text-transform: uppercase;font-size: 1em;font-weight: 400;color: #bc2325;padding: 0;margin: 0}
.cont-nosotros p {padding: 0 120px 0 0;margin: 0;line-height: 1.5em}
.medioambiente .grid-40, .nosotroa .grid-40 {padding-left: 0}
.medioambiente .grid-60 {padding-right: 0}
.t-ambiente {padding: 103px 0;background-color: #393939;margin: 0 0 15px 0}
.t-ambiente h3, .t-ambiente p  {padding: 0 120px}
.t-ambiente h3 {color: #fff;text-transform: uppercase;font-size: 1em;font-weight: 400}
.t-ambiente p  {color: #fff;font-size: .8em;line-height: 1.5}
.t-ambiente ul {list-style-type: square;padding: 0 138px}
.t-ambiente ul li {color: #fff;font-size: .8em;line-height: 1.5}


/* contacto */
.cont-contacto {padding: 80px 0}
.cont-contacto h3 {margin: 0;padding: 0;text-transform: uppercase;font-size: .9em;font-weight: 900;color: #bc2325}
.cont-contacto p {font-size: .9em}
.cont-contacto a {color: #393939}
.cont-contacto ul {list-style-type: none;padding: 0;margin:0}
.cont-contacto li {display: inline-block}
.cont-contacto li i {font-size: 1.5em; padding: 0 10px;margin: 0}
.cont-contacto li .fa-instagram {padding: 0 10px 0 0}
.cont-contacto form input {background-color: #f4f4f4;border: none;padding: 10px;width: 100%;margin: 0 0 10px 0;border-radius: 4px}
.cont-contacto form textarea {width: 100%;background-color: #f4f4f4;;border: none;border-radius: 4px;padding: 10px}
.cont-contacto form .form-capcha {padding: 10px 0 0 0}
.cont-contacto form .form-enviar {padding: 10px 0 0 10px}
.cont-contacto form #enviar {background-color: #bc2325;color: #fff;border-radius: 5px; text-transform: uppercase;width: 100%;padding: 10px}


/* gracias */
.img-gracias img {width: 15%}


footer {background-color: #bc2325;padding: 20px 0}
footer a, footer p {color: #fff}
footer p {font-size: .75em}
footer img {width: 60%}
footer ul {list-style-type: none;padding: 0;margin: 0}
footer li {display: inline-block} 
footer .logo-foot {padding: 17px 0 0 0}
footer .datos-foot p {text-align: center;font-size: 1em;font-weight: 100}
footer .rrss {padding: 15px 0 0 0;float: right}

.theloop {background: #393939}
.theloop p {color: #fff;padding: 10px 0;margin: 0;font-size: .7em;word-spacing: .2em}
.theloop a {color: #bc2325}



/* medias */
@media screen and (max-width:1920px) {
    .t-ambiente {padding: 105px 0}
}
@media screen and (max-width:1600px) {
    .solutions-sdi .bg-red-box p {padding: 20px 40px 20px 236px}
    .t-ambiente {padding: 60px 0}
    .t-ambiente h3, .t-ambiente p {padding: 0 40px}
    .t-ambiente ul {padding: 0 58px}
}
@media screen and (max-width:1440px) {
    .solutions-sdi .bg-red-box p {padding: 20px 40px 20px 155px}
    .t-ambiente {padding: 19px 0}
}
@media screen and (max-width:1366px) {
    .solutions-sdi .bg-red-box p {padding: 20px 40px 20px 125px}
    .t-ambiente {padding: 8px 0}
    .t-ambiente h3, .t-ambiente p {padding: 0 36px}
}
@media screen and (max-width:1280px) {
    .solutions-sdi .bg-red-box p {padding: 20px 40px 20px 75px}
    .partners-box {padding: 56px 6px 56px 10px}
    .cont-nosotros {padding: 40px 0 0 0}
    .cont-nosotros h2 {padding: 10px 0 0 0}
    .cont-nosotros p {padding: 0 30px 0 0}
    .medioambiente .grid-60, .medioambiente .grid-40 {width: 50%}
    .t-ambiente p {font-size: .7em}
    .t-ambiente ul {margin-bottom: 13px}
}
@media screen and (max-width:1024px) {
    .nav li {padding: 0 8px}
    .solutions-sdi .bg-red-box p {padding: 0 35px;font-size: 1.3em}
    .partners-box {padding: 45px 0 10px 0}
    #productos-home {padding: 100px 20px 140px 20px}
    #easyprint {margin: 0 60px}
    .cont-nosotros p {padding: 0 30px 0 0;font-size: .8em}
    .nosotros ul {margin-bottom: 0}
    .nosotros .space_2 {padding: 1em 0 0 0}
    .medioambiente .grid-60, .medioambiente .grid-40 {width: 100%;padding: 0}
    .t-ambiente h3 {font-size: 1.2em}
    .t-ambiente p {font-size: .9em}
}
@media screen and (max-width:768px) {
    .grid-20.logo img {padding: 14px 0 0 0}
    .grid-60.navi {width: 70%}
    .grid-20.h-ricoh, .grid-20.logo {width: 15%}
    .h-ricoh img {padding: 10px 0 0 0;width: 80%}
    .h-ricoh img {padding: 7px 0 0 0}
    .nav ul {padding: 0;list-style-type: none}
    .nav li {padding: 0 5px}
    .partners-box img {padding: 15px 0 0 0}
    #easyprint .easy-cont {padding: 40px 20px}
    #productos-home {padding: 65px 20px 140px 20px}
    #productos-home .grid-25 p {font-size: .7em}
    #productos-home h2 {font-size: 1.5em}
    .hide_768 {display: none}
    .productos .grid-25 {width: 50%;margin-bottom: 20px}
    .insumos .grid-25, .soporte .grid-25 {width: 50%}
    .cont-nosotros {position: relative;right: 20px;padding: 7px 0}
    .cont-nosotros p {padding: 0}
    .cont-nosotros li {font-size: .8em}
    .grid-55.form-capcha {width: 100%}
    .img-gracias img {width: 25%}
}
@media screen and (max-width:720px){
    .grid-20.h-ricoh, .grid-20.logo {width: 30%}
    .hamburger span {float: right !important;padding: 0 0 0 0;font-size: 25px}
    .logo img {padding: 0 0 10px 0}
    .partners-box img {padding: 5px 0 15px 0;width: 50%}
    .partners-box {padding: 5px 0 0 0}
    .partners-box p {font-size: 1.5em}
    #productos-home .grid-25 img {width: 60%}
    #productos-home .grid-25 p {font-size: .9em;margin-bottom: 40px}
    .d-cont {margin-bottom: 30px;padding: 10px 30px}
    .header-detalle {padding: 0 0 0 0}
    .ico-det {padding: 20px 0}
    .cont-cat {padding-bottom: 20px}
    .form-serv .bg-redondo {margin: 0 30px}
}
@media screen and (max-width:480px){
    .hamburger span {float: right !important;padding: 5px 0 0 0;font-size: 20px}
    #easyprint {margin: 0 20px}
    .productos .grid-25 {width: 100%;margin-bottom: 20px;padding: 0 50px}
    .insumos .grid-25, .soporte .grid-25 {width: 100%;padding: 0 50px;margin-bottom: 20px}
    .servicios .grid-33.mobile-grid-33 {width: 100%;margin-bottom: 20px;padding: 0 50px}
    .hide_480 {display: none}
    .grid-60.mobile-grid-60.cont-nosotros {width: 90%;margin: 40px}
    .t-ambiente p {font-size: .8em}
    .img-gracias img {width: 50%}
}
@media screen and (max-width:425px){
    .hamburger span {float: right !important;padding: 5px 0 0 0;font-size: 20px}
    .grid-70.mobile-grid-70.top-datos {width: 70%}
    .grid-30.mobile-grid-30.t-rrss {width: 30%}
    .top-datos {font-size: .5em;text-transform: uppercase;letter-spacing: .05em}
    .header-top .rrss i {padding: 0;margin: 0}
    .nav {padding: 0px 0 5px 0}
    .partners-box img {width: 100%}
    #productos-home .grid-25 img {width: 100%}
    .easy-cont .grid-30.mobile-grid-30 {width: 100%}
    .grid-70.mobile-grid-70.yt-easy {width: 100%}
    #easyprint .easy-cont .logo-easy {width: 100%;padding: 20px 0 0 0}
    .video-yt-home {padding: 30px 0 0 0}
    .productos .grid-25 {width: 100%;margin-bottom: 20px;padding: 0 20px}
    .insumos .grid-25, .soporte .grid-25 {width: 100%;padding: 0 20px;margin-bottom: 20px}
    .servicios .grid-33.mobile-grid-33 {width: 100%;margin-bottom: 20px;padding: 0 20px}
     .grid-45.mobile-grid-50.form-enviar {width: 100%}
    .detalle-prod {padding: 50px 0}
    .cont-detalle p {font-size: .8em}
    .cat-prod figure {margin: 0 0 20px 0}
}
@media screen and (max-width:375px) {
    .header-detalle h2 {font-size: 1.2em}
}
@media screen and (max-width:320px) {
    #productos-home .grid-25 {width: 100%}
    .img-gracias img {width: 70%}
}