* {
                            font-family: 'Roboto', sans-serif;
                            padding: 0px;
                            margin: 0px;
                        }
                        
                        body {
                            overflow-x: hidden;
                        }
                        
                        #carrusel .carousel-item {
                            width: 100%;
                            height: 500px;
                            background-position: center center;
                            background-repeat: no-repeat;
                            background-color: #000;
                        }
                        
                        .image-cover {
                            -webkit-background-size: cover;
                            -moz-background-size: cover;
                            -o-background-size: cover;
                            background-size: cover;
                        }
                        
                        #carrusel .carousel-item button {
                            border-radius: 5px;
                            padding: 10px;
                            background-color: black;
                        }
                        
                        #TodoLoDemasLod .header .fs {
                            font-size: 20px;
                        }
                        /*        .carousel-inner>.carousel-item>img {
            height: 50vh;
            width: 100%;
        }*/
                        
                        #carrusel .carousel-item a {
                            text-decoration: none;
                            color: white;
                        }
                        
                        #catalogo #producto_lineas .contenedorCard .card {
                            display: inline-block;
                        }
                        /* Carousel base class */
                        
                        .carousel {
                            margin-bottom: 4rem;
                        }
                        
                        .carousel .item img {
                            margin: 0 auto;
                            /* Align slide image horizontally center */
                        }
                        /* Since positioning the image, we need to help out the caption */
                        
                        .carousel-caption {
                            bottom: 3rem;
                            z-index: 10;
                        }
                        /* Declare heights because of positioning of img element */
                        /*        .carousel-item {
            height: 32rem;
        }

        .carousel-item>img {
            position: absolute;
            top: 0;
            left: 0;
            min-width: 100%;
            height: 32rem;
        }*/
                        
                        .ofertas h3,
                        .ofertas p {
                            color: white;
                        }
                        
                        .second h3,
                        .second p {
                            color: black;
                        }
                        
                        .third h3,
                        .third p {
                            color: black;
                        }
                        
                        #clickOfertas:hover {
                            color: blue;
                        }
                        /******************                  ***************************/
                        
                        .row {
                            padding: 90px 0 92px;
                        }
                        
                        img {
                            max-width: 100%;
                            height: auto;
                        }
                        /* Marcas Section Start */
                        
                        #marcas .section-title i {
                            color: #82bc00;
                        }
                        
                        #marcas #owl-demo .item {
                            margin: 3px;
                        }
                        
                        #marcas #owl-demo .item img {
                            display: block;
                            width: 100%;
                            height: auto;
                        }
                        /*#marcas #clients-carousel a img {
                            opacity: 0.5;
                            filter: grayscale(100%);
                            -webkit-filter: grayscale(100%);
                            filter: gray;
                            -webkit-transition: all .6s ease;
                            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                        }
                        
                        #marcas #clients-carousel a img:hover {
                            filter: grayscale(0%);
                            -webkit-filter: grayscale(0%);
                            filter: gray;
                            -webkit-transition: all .6s ease;
                            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                            opacity: 1.0;
                        }
                        
                        */
                        
                        .section-title {
                            text-align: left;
                            font-size: 52px;
                            font-weight: 400;
                            color: #454545;
                            margin: 0 10px;
                            padding: 0;
                            text-transform: uppercase;
                            margin-bottom: 10px;
                        }
                        
                        .section-title span {
                            font-weight: 900;
                        }
                        /* Clients Start  responsive*/
                        
                        #marcas .item.large {
                            padding: 18px;
                        }
                        
                        #marcas .item.bg {
                            padding: 12px;
                        }
                        /********************** Ahora sigue mi codigo xD ********************************/
                        /************************** Header ******************************************/
                        
                        .header {
                            height: 120px;
                        }
                        
                        .nav-item {
                            height: auto;
                            width: auto;
                            margin-top: 20px;
                        }
                        /**************** Seccion 1 - Conocenos ****************/
                        
                        #conocenos {
                            margin-bottom: 1%;
                        }
                        
                        #conocenos .row {
                            width: 100%;
                        }
                        /*
#conocenos .carousel-item{
  top:0;
} */
                        
                        #carouselInfo .carousel-item .infoConocenos {
                            margin-left: 5%;
                            width: 37%;
                            margin-top: -60px;
                            text-align: justify;
                        }
                        
                        #carouselInfo .imgConocenos {
                            width: 50%;
                            height: 450px;
                            margin-left: 3%;
                            margin-top: -70px;
                            background-position: center center;
                            background-repeat: no-repeat;
                            background-color: #000;
                            border-radius: 10px;
                        }
                        
                        #conocenos h3,
                        #catalogo h3 {
                            margin-left: 5%;
                        }
                        /*
#contenedorConocenos{
  display: flex;
  border: solid;
}

#contenedorConocenos .paragraph1{
  width: 35%;
  margin-left: 5%;
}

#contenedorConocenos .paragraph2{
  width: 35%;
  margin-left: 15%;
  margin-top: 30px;
}

.paragraph2 img{
  border-radius: 10px;
} */
                        /*********** Seccion catalogo *************/
                        
                        #producto_lineas .contenedorCard {
                            display: flex;
                            justify-content: center;
                        }
                        
                        #producto_lineas .contenedorCard .card {
                            margin: 15px;
                            border-radius: 10px;
                        }
                        
                        #producto_lineas .contenedorCard .card img {
                            border-radius: 10px;
                        }
                        /*********** Seccion marcas **************/
                        
                        #marcas .contenedor .row {
                            justify-content: center;
                        }
                        
                        #marcas .row #clients-carousel {
                            width: 80%;
                            height: auto;
                        }
                        
                        #marcas .contenedor .row h1 {
                            margin-left: 20%;
                        }
                        /************* Sucursales ***************/
                        
                        #sucursales #address {
                            margin-left: 2%;
                        }
                        /************ Contactanos ***************/
                        
                        #contactanos .contenedor {
                            display: flex;
                        }
                        
                        #contactanos h3 {
                            margin-left: 5%;
                            margin-bottom: 2%;
                        }
                        
                        #formulario {
                            width: 50%;
                        }
                        
                        #formulario form {
                            margin-left: 10%;
                        }
                        
                        #formulario form .form-control {
                            width: 450px;
                        }
                        
                        #sideRight {
                            width: 40%;
                        }
                        
                        #sideRight .address {
                            margin-top: 100px;
                        }
                        
                        #contactanos {
                            justify-content: center;
                            margin-bottom: 3%;
                        }
                        
                        .contenedor {
                            justify-content: center;
                        }
                        /******************* Modales *******************/
                        
                        #map-outer {
                            height: 440px;
                            padding: 10px;
                            margin-bottom: 20px;
                            background-color: #FFF;
                            display: flex;
                        }
                        
                        #map-container {
                            margin-right: -50px;
                            height: 400px;
                        }
                        /********************* ***********************/
                        
                        #works {
                            margin-left: 10%;
                        }
                        
                        .gallery-container {
                            width: 80%;
                            display: grid;
                            grid-template-columns: repeat(4, 25%);
                            grid-template-rows: repeat(4, 200px);
                        }
                        
                        .gallery-container .galery-card {
                            overflow: hidden;
                        }
                        
                        .gallery-container .gallery-card a {
                            width: 100%;
                            height: 100%;
                        }
                        
                        .gallery-container .gallery-card a>img,
                        .gallery-container .gallery-card a>video {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            transition: 0.5s;
                        }
                        
                        .gallery-container .gallery-card a>img:hover,
                        .gallery-container .gallery-card a>video:hover {
                            transform: scale(1.5);
                        }
                        /************************* Carrusel *******************/
                        
                        #carrusel #carousel0 .carousel-item {
                            height: 500px;
                        }
                        
                        #carrusel .carousel-item img {
                            position: absolute;
                            top: 0;
                            left: 0;
                            min-height: 500px;
                        }
                        /************************* Opciones Graco Modal ***********************/
                        
                        #modalImage1 #carouselModal1,
                        #modalImage2 #carouselModal2,
                        #modalImage3 #carouselModal3,
                        #modalImage4 #carouselModal4,
                        #modalImage5 #carouselModal5,
                        #modalImage6 #carouselModal6,
                        #modalImage7 #carouselModal7,
                        #modalImage8 #carouselModal8,
                        #modalImage9 #carouselModal9,
                        #modalImage10 #carouselModal10,
                        #modalImage11 #carouselModal11,
                        #modalImage12 #carouselModal12 {
                            margin: 0px;
                            padding: 0px;
                        }
                        /************************************ *******************************/
                        
                        #opcionesGraco .modal-body .col img {
                            width: 100%;
                            height: max-content;
                            background-size: cover;
                        }