html, body
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* NAVBAR PC  */
#firstNavbar {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 70px 0 0 0;
}
/*  */

/* SLIDER PC */
#sliderPC {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 0 0 0;
}
/*  */

/* SLIDER RESPONSIVE */
#sliderResponsive {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 0 0 0;
}
/*  */

/* INTRODUCCION */
#introduccion {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 0 0 0;
  margin-top: 4%;
}
/*  */

/* PC EQUIPOS PARA ANDÉN */
#rampasIndustriales {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 0 0 0;
}
/*  */

/* PC EQUIPOS PARA ESTACIONAMIENTO */
#equipos-anden {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f7f7f8 !important;
}
/*  */

/* PC EQUIPOS PARA TALLER */
#estacionamiento {
  width: 100%;
  height: auto;
  overflow: hidden;
}
/*  */

/* PC EQUIPOS PARA ESTACIONAMIENTO */
#lifters {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f7f7f8 !important;
}
/*  */

/*  */
#equipos-anden , #estacionamiento, #lifters, #elevadores_para_autos {
  /*border: 3px solid black;*/
  padding-top: 5%;
}
/*  */

/* SECTIONES CATEGORIAS-PRODUCTOS */
.sectionsList {
    padding: 50px 0 0 0;
}
.sectionListGray {
    background-color: #f7f7f8!important;
}
.sectionListWhite {
    background-color: #ffffff!important;
}
/*  */

/* fabricantes */
#fabricantes {
  /*border: 1px solid black;*/
  margin-top: -17%;
}
/*  */

.sb-slider img {
  max-width: 95% !important;
  display: block;
}

.home-contenedor-slider {
  width: 100%;
  height: 520px;
  /*border: 1px solid black;*/
  background-image: url('/img/home/fondo-slider.png');
  background-size: cover;
  position: relative;
}

.home-slider-contenido {
  /*border: 1px solid black;*/
  left: 25%;
  top: 15%;
  width: 550px;
  height: 400px;
  position: absolute;
  /*background-image: url('/img/home/contenedor-slider.png');
  background-size: cover;*/
}
.home-slider-titulo {
  /*border: 1px solid green;*/
  /*margin-top: 16%;*/
  /*margin-left: 13%;*/
  margin-top: -35%;
  margin-left: 10%;
  /* add */
  z-index: 700;
  position: absolute;
}
.home-slider-titulo h1 {
  color: #e61e2a !important;
  font-family: 'Circular-std-book' !important;
  font-size: 34px !important;
}

.home-slider-titulo p {
  color: #c4c4c4 !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px !important;
  margin-right: 5%;
}

.home-slider-img {
  /*border: 1px solid blue;*/
  margin-left: 10%;
  margin-top: -26%;
  z-index: 9999;
  display: flex;
  justify-content: center;
}

.home-slider-img img {
  width: 50%;
  z-index: 700;
}

.home-slider-img2 {
  /*border: 1px solid blue;*/
  margin-left: 10%;
  margin-top: -28%;
  z-index: 9999;
  display: flex;
  justify-content: center;
}

.home-slider-img2 img {
  width: 60%;
  z-index: 700;
  margin-top: 13%;
}

.home-slider-img3 {
  /*border: 1px solid blue;*/
  margin-left: 10%;
  margin-top: -28%;
  z-index: 9999;
  display: flex;
  justify-content: center;
}

.home-slider-img3 img {
  width: 60%;
  z-index: 700;
  margin-top: 10%;
}
/*
.home-slider-img {
  border: 1px solid blue;
  margin-left: 10%;
  display: flex;
  justify-content: center;
}

.home-slider-img img {
  width: 50%;
}*/

.home-introduccion h3 {
  /*font-family: 'Circular-std-book' !important;*/
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 33px !important;
  color: #404042 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3em !important;
}

.home-introduccion span {
  color: #e61e2a !important;
}

.home-introduccion p {
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  color: #bdbdbd !important;
  /*border: 1px solid blue;*/
  margin-left: 25%;
  margin-right: 25%;
}

.home-titulo-equipos h3 {
  color: #e61e2a !important;
  font-family: 'Circular-std-book' !important;
  line-height: 35px;
  font-size: 40px !important;
  margin: 0 0 0 0!important;
  padding: 10px 0 0 0!important;
}

.home-titulo-equipos p {
  color: #404042 !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  /*border: 1px solid blue;*/
  margin-right: 40%;
  text-align: justify;
}

.home-contenedor-gris {
  background-color: #f2f2f2;
  height: 380px;
  width: 100%;
  position: relative;

  /*border: 1px solid red;*/
}

.home-contenedor-gris img {
  width: 90%;
}

.home-contenedor-blanco {
  background-color: white;
  height: 380px;
  width: 100%;
  position: relative;

  /*border: 1px solid blue;*/
}

.home-contenedor-blanco img {
  width: 90%;
}

.home-contenedor-producto {
  max-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-contenedor-izq {
  max-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-contenedor-der {
  max-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-equipo-descripcion h5 {
  font-family: 'Circular-std-book' !important;
  font-size: 16px !important;
  color: #404042 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3em !important;
}

.home-equipo-descripcion h3 {
  font-family: 'Circular-std-book' !important;
  font-size: 28px !important;
  color: #404042 !important;
  text-align: center;
}

.home-equipo-descripcion p {
  font-family: 'Circular-std-book' !important;
  font-size: 14px !important;
  color: #c4c4c4 !important;
  text-align: center;
}

.home-equipo-descripcion a {
  font-family: 'Circular-std-book' !important;
  font-size: 14px !important;
  color: #e61e2a !important;
  text-align: center;
}

.home-boton-producto {
  background-color: #e61e2a;
  color: #ffffff;
  width: auto;
  height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Circular-std-book' !important;
  border: 2px solid #e61e2a;
}

.home-boton-producto:hover {
  background-color: #ffffff;
  color: #e61e2a;
  height: 44px;
  width: auto;
  border: 1px solid #e61e2a;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Circular-std-book' !important;
}

.home-boton-producto:active {
  background-color: #ffffff;
  color: #e61e2a;
  height: 44px;
  width: auto;
  border: 1px solid #e61e2a;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Circular-std-book' !important;
}

.home-boton-producto:focus {
  background-color: #ffffff;
  color: #e61e2a;
  height: 44px;
  width: auto;
  border: 1px solid #e61e2a;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Circular-std-book' !important;
}

.home-espacio {
  height: 400px;
}

.home-borde {
  border: 3px solid black;
  /*margin-top: 20%;*/
}

.home-boton-inferior {
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.home-boton-fabricantes {
  background-color: #404042!important;
  border: 2px solid #404042!important;
  color: #ffffff!important;
  width: auto;
  height: 44px;

  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Circular-std-book' !important;
  text-transform: uppercase;
}

.home-boton-fabricantes:hover {
  background-color: #ffffff;
  color: #404042;
  height: 44px;
  width: auto;
  border: 1px solid #404042;

  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Circular-std-book' !important;
  text-transform: uppercase;
}

.home-banner-inferior {
  /*border: 3px solid green;*/
  width: 100%;
  position: relative;
}

.home-banner-inferior img {
  width: 100%;
}

.home-final {
  /*border: 1px solid black;*/
  padding-bottom: 30px;
  position: relative;
}

.home-final h3 {
  font-size: 23px !important;
  color: #404042 !important;
  text-align: center;
  font-family: 'Circular-std-book' !important;
  line-height: 1.6;
}

.home-final span {
  color: #e61e2a;
}

.home-final a {
  color: #e61e2a;
  text-decoration: underline;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif !important;
}

.home-efecto {
  color: white;
  animation: efecto 2.8s ease-out;
  font-size: 30px;
}

.home-efecto-resp {
  color: white;
  animation: efecto 2.8s ease-out;
  font-size: 13px;
}

@keyframes efecto {
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  70% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
.slider-contenedor {
  border: 1px solid red;
  width: 40%;
  height: 510px;
  left: 25% !important;
  position: absolute;
}*/

#home-slider-3d {
  position: relative;
}

.slider-contenedor {
  /*border: 1px solid red;*/
  width: 100%;
  height: 280px;
  left: -5% !important;
  position: absolute;
  top: 5%;
}

.bordado {
  /*border: 1px solid blue;*/
}

/*
.flecha-izquierda {

  position: absolute;
  top: 45%;
  left: 10%;
}

.flecha-izquierda a {
  color: #e61e2a;
}

.flecha-derecha {

  position: absolute;
  top: 45%;
  right: 10%;
}

.flecha-derecha a {
  color: #e61e2a;
}*/

/* hoover efecto productos */
.home-contenedor-hover {
  position: absolute;
  display: none;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(215, 44, 44, 0.3);
}

.home-contenedor-hover p {
  position: absolute;
  /*top: 45%;
  left: 33%;*/
  text-align: center;
  font-family: 'Circular-std-book' !important;
  color: white !important;
  font-size: 22px !important;
  margin-top: 10%;
}

.home-contenedor-hover a {
  position: absolute;
  /*top: 45%;
  left: 33%;*/
  text-align: center;
  font-family: 'Circular-std-book' !important;
  color: white !important;
  font-size: 35px !important;
}

.home-contenedor-gris:hover .home-contenedor-hover {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.home-contenedor-blanco:hover .home-contenedor-hover {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

/*nuevo slider */

.home-slider-nuevo-fondo {
  width: 100%;
  height: 520px;
  /*border: 1px solid black;*/
  background-image: url('/img/home/fondo-slider.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.home-slider-nuevo-contenedor {
  left: 25%;
  top: 12%;
  width: 550px;
  height: 400px;
  position: relative;
  /*border: 1px solid red;*/
  z-index: 777;
}

.home-slide-nuevo-titulo {
  margin-top: -65%;
  margin-left: 10%;
  z-index: 778;
  position: absolute;
}
.home-slide-nuevo-titulo h1 {
  color: #e61e2a !important;
  font-family: 'Circular-std-book' !important;
  font-size: 28px !important;
}

.home-slide-nuevo-titulo p {
  color: #404042 !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px !important;
  margin-right: 5%;
}

.slider-contenido {
  /*border: 1px solid black;*/
  height: 400px;
}

/*
.borde-img {
  border: 1px solid green;
  max-width: 100%;
  height: auto;
}*/

.home-slider-producto {
  margin-left: 10% !important;
  margin-top: -30% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto img {
  width: 55% !important;
  height: 170px !important;
  z-index: 778 !important;
}

.home-slider-producto2 {
  margin-left: 10% !important;
  margin-top: -20% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto2 img {
  width: 65% !important;
  height: 120px !important;
  z-index: 778 !important;
}

.home-slider-producto3 {
  margin-left: 10% !important;
  margin-top: -20% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto3 img {
  width: 65% !important;
  height: 127px !important;
  z-index: 778 !important;
}

.flecha-izquierda {
  position: absolute !important;
  top: 45% !important;
  left: -55% !important;
  color: #e61e2a !important;
}

.flecha-izquierda a {
  color: #e61e2a !important;
}

.flecha-derecha {
  position: absolute !important;
  top: 45% !important;
  right: -85% !important;
  color: #e61e2a !important;
}

.flecha-derecha a {
  color: #e61e2a !important;
}

/*nuevo slider */

.home-slider-nuevo-fondo {
  width: 100%;
  height: 520px;
  /*border: 1px solid black;*/
  background-image: url('/img/home/fondo-slider.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.home-slider-nuevo-contenedor {
  left: 25%;
  top: 12%;
  width: 550px;
  height: 400px;
  position: relative;
  /*border: 1px solid red;*/
  z-index: 777;
}

.home-slide-nuevo-titulo {
  margin-top: -65%;
  margin-left: 10%;
  z-index: 778;
  position: absolute;
}
.home-slide-nuevo-titulo h1 {
  color: #e61e2a !important;
  font-family: 'Circular-std-book' !important;
  font-size: 28px !important;
}

.home-slide-nuevo-titulo p {
  color: #404042 !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px !important;
  margin-right: 5%;
}

.slider-contenido {
  /*border: 1px solid black;*/
  height: 400px;
}

.home-slider-producto {
  margin-left: 10% !important;
  margin-top: -30% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto img {
  width: 55% !important;
  height: 170px !important;
  z-index: 778 !important;
}

.home-slider-producto2 {
  margin-left: 10% !important;
  margin-top: -20% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto2 img {
  width: 55% !important;
  height: 120px !important;
  z-index: 778 !important;
}

.home-slider-producto3 {
  margin-left: 10% !important;
  margin-top: -20% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto3 img {
  width: 65% !important;
  height: 127px !important;
  z-index: 778 !important;
}

.flecha-izquierda {
  position: absolute !important;
  top: 45% !important;
  left: -55% !important;
  color: #e61e2a !important;
}

.flecha-izquierda a {
  color: #e61e2a !important;
}

.flecha-derecha {
  position: absolute !important;
  top: 45% !important;
  right: -85% !important;
  color: #e61e2a !important;
}

.flecha-derecha a {
  color: #e61e2a !important;
}

/* responsivo */

/*nuevo slider */

.home-slider-nuevo-fondo-res {
  width: 100%;
  height: 520px;
  /*border: 1px solid black;*/
  background-image: url('/img/home/fondo-slider.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.home-slider-nuevo-contenedor-res {
  left: 25%;
  top: 12%;
  width: 550px;
  height: 400px;
  position: relative;
  /*border: 1px solid red;*/
  z-index: 777;
}

.home-slide-nuevo-titulo-res {
  margin-top: -65%;
  margin-left: 10%;
  z-index: 778;
  position: absolute;
}
.home-slide-nuevo-titulo-res h1 {
  color: #e61e2a !important;
  font-family: 'Circular-std-book' !important;
  font-size: 28px !important;
}

.home-slide-nuevo-titulo-res p {
  color: #404042 !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px !important;
  margin-right: 5%;
}

.slider-contenido-res {
  /*border: 1px solid black;*/
  height: 400px;
}

/*
.borde-img {
  border: 1px solid green;
  max-width: 100%;
  height: auto;
}*/

.home-slider-producto-res {
  margin-left: 10% !important;
  margin-top: -30% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto-res img {
  width: 55% !important;
  height: 170px !important;
  z-index: 778 !important;
}

.home-slider-producto2-res {
  margin-left: 10% !important;
  margin-top: -20% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto2-res img {
  width: 55% !important;
  height: 120px !important;
  z-index: 778 !important;
}

.home-slider-producto3-res {
  margin-left: 10% !important;
  margin-top: -20% !important;
  z-index: 778 !important;
  display: flex !important;
  justify-content: center !important;
}

.home-slider-producto3-res img {
  width: 65% !important;
  height: 127px !important;
  z-index: 778 !important;
}

.flecha-izquierda-res {
  position: absolute !important;
  top: 45% !important;
  left: -55% !important;
  color: #e61e2a !important;
}

.flecha-izquierda-res a {
  color: #e61e2a !important;
}

.flecha-derecha-res {
  position: absolute !important;
  top: 45% !important;
  right: -85% !important;
  color: #e61e2a !important;
}

.flecha-derecha-res a {
  color: #e61e2a !important;
}