@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed|Raleway&display=swap");
/* line 2, scss/web.scss */
html,
body {
  margin: -15px 0px 0px 0px;
}

/* line 5, scss/web.scss */
h1,
h2,
h3,
h4 {
  font-family: "Roboto Condensed", sans-serif;
}

/* line 8, scss/web.scss */
p {
  font-family: "Raleway", sans-serif;
}

/* line 11, scss/web.scss */
a {
  text-decoration: none;
}

/* line 16, scss/web.scss */
.seccion {
  width: 100%;
  height: auto;
  margin-top: 30px;
}

/* line 21, scss/web.scss */
.gris {
  background-color: #333;
}

/* line 24, scss/web.scss */
.rojo {
  background-color: #e51c22;
}
/* line 26, scss/web.scss */
.rojo h2 {
  color: #fff;
  margin-left: 30px;
}

/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*CELUS ----------------------------------------------------------------------------------------------------------------------------------*/
/*Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) and (max-width: 767px) {*/
@media (max-width: 991px) and (orientation: portrait) {
  /* line 82, scss/web.scss */
  .container {
    width: 100%;
  }

  /* menu */
  /* line 86, scss/web.scss */
  .header {
    position: fixed;
    z-index: 10;
    height: 50px;
    width: 100%;
    top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #333;
  }
  /* line 96, scss/web.scss */
  .header .logo {
    justify-self: flex-start;
    width: 50%;
    display: flex;
    align-items: center;
    justify-items: center;
    margin-left: 5px;
  }
  /* line 103, scss/web.scss */
  .header .logo img {
    width: 100%;
    height: auto;
    margin-left: 10px;
    display: flex;
    align-self: center;
    justify-self: center;
  }
  /* line 112, scss/web.scss */
  .header .menu {
    position: fixed;
    top: 50px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  /* line 119, scss/web.scss */
  .header .menu .celda {
    width: 100%;
    padding: 20px;
    background-color: #333;
    border-bottom: 1px solid #666;
  }
  /* line 124, scss/web.scss */
  .header .menu .celda h4 {
    font-size: 15px;
    margin: 0px 0px 0px 10px;
  }
  /* line 127, scss/web.scss */
  .header .menu .celda h4 a:link {
    color: #fff;
  }
  /* line 130, scss/web.scss */
  .header .menu .celda h4 a:visited {
    color: #fff;
  }
  /* line 133, scss/web.scss */
  .header .menu .celda h4 a:hover {
    color: #e51c22;
  }
  /* line 136, scss/web.scss */
  .header .menu .celda h4 a:active {
    color: #fff;
  }
  /* line 142, scss/web.scss */
  .header .hamburguesa {
    display: flex;
    width: 5%;
    align-items: center;
    justify-items: flex-end;
  }
  /* line 148, scss/web.scss */
  .header .hamburguesa a i {
    color: #fff;
    font-size: 22px;
  }
  /* line 154, scss/web.scss */
  .header .redes {
    display: flex;
    align-items: center;
    padding-right: 10px;
  }
  /* line 159, scss/web.scss */
  .header .redes a i {
    color: #fff;
    font-size: 22px;
  }

  /* line 167, scss/web.scss */
  .slider {
    width: 100%;
    height: 400px;
    z-index: 1;
    margin-top: 50px;
    /* para que arranque despues del menu */
  }
  /* line 172, scss/web.scss */
  .slider .foto {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: auto 100%;
    background-position: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
  }
  /* line 185, scss/web.scss */
  .slider .foto .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  /* line 190, scss/web.scss */
  .slider .foto .container h1 {
    text-align: right;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    margin-right: 20px;
  }

  /* line 202, scss/web.scss */
  .productos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -110px;
    z-index: 2;
    justify-content: space-evenly;
  }
  /* line 209, scss/web.scss */
  .productos .celda {
    width: 45%;
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    margin-top: 15px;
  }
  /* line 216, scss/web.scss */
  .productos .celda .sombra {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3;
  }
  /* line 223, scss/web.scss */
  .productos .celda .texto {
    width: 100%;
    position: absolute;
    z-index: 4;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  /* line 231, scss/web.scss */
  .productos .celda .texto h2 {
    font-size: 14px;
    text-shadow: 0px 0px 3px #000;
    text-align: center;
  }
  /* line 235, scss/web.scss */
  .productos .celda .texto h2 a:link {
    color: #fff;
  }
  /* line 238, scss/web.scss */
  .productos .celda .texto h2 a:visited {
    color: #fff;
  }
  /* line 241, scss/web.scss */
  .productos .celda .texto h2 a:hover {
    color: #fff;
  }
  /* line 244, scss/web.scss */
  .productos .celda .texto h2 a:active {
    color: #fff;
  }
  /* line 249, scss/web.scss */
  .productos .celda .foto {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  /* line 253, scss/web.scss */
  .productos .celda .foto img {
    width: 100%;
    height: auto;
  }

  /* line 261, scss/web.scss */
  .institucional {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 265, scss/web.scss */
  .institucional .celdaInst {
    width: 80%;
    margin: 10px auto 10px auto;
  }
  /* line 268, scss/web.scss */
  .institucional .celdaInst .contenidos {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  /* line 273, scss/web.scss */
  .institucional .celdaInst .contenidos .foto {
    width: 100%;
  }
  /* line 275, scss/web.scss */
  .institucional .celdaInst .contenidos .foto img {
    width: 100%;
    height: auto;
  }
  /* line 281, scss/web.scss */
  .institucional .celdaInst .contenidos .texto h2 {
    margin: 5px;
  }
  /* line 284, scss/web.scss */
  .institucional .celdaInst .contenidos .texto p {
    margin: 0px 5px 5px 5px;
  }

  /* line 292, scss/web.scss */
  .marcas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px auto 30px auto;
  }
  /* line 297, scss/web.scss */
  .marcas .marca {
    width: 23%;
    height: auto;
    background-color: #fff;
  }
  /* line 301, scss/web.scss */
  .marcas .marca img {
    width: 100%;
    height: auto;
  }
  /* line 306, scss/web.scss */
  .marcas .blanco {
    background-color: #fff;
  }

  /* line 311, scss/web.scss */
  .contacto {
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  /* line 316, scss/web.scss */
  .contacto .celda {
    width: 80%;
    height: auto;
    margin: 10px auto 10px auto;
    border-bottom: 1px dashed #999;
  }
  /* line 321, scss/web.scss */
  .contacto .celda .contenidos {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 15px;
  }
  /* line 329, scss/web.scss */
  .contacto .celda .contenidos .foto {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    overflow: hidden;
  }
  /* line 336, scss/web.scss */
  .contacto .celda .contenidos .foto img {
    width: 100%;
    height: auto;
  }
  /* line 342, scss/web.scss */
  .contacto .celda .contenidos .texto {
    width: 100%;
    height: auto;
  }
  /* line 345, scss/web.scss */
  .contacto .celda .contenidos .texto h2 {
    margin: 5px 0px 0px 0px;
  }
  /* line 348, scss/web.scss */
  .contacto .celda .contenidos .texto p {
    margin: 0px 5px 5px 0px;
  }
  /* line 354, scss/web.scss */
  .contacto .rojoCtt {
    background-color: #e51c22;
  }
  /* line 358, scss/web.scss */
  .contacto .rojoCtt .contenidos .texto h2 {
    color: #fff;
  }
  /* line 361, scss/web.scss */
  .contacto .rojoCtt .contenidos .texto p {
    color: #fff;
  }

  /* line 369, scss/web.scss */
  .pie {
    background-color: #e51c22;
    padding: 50px 0px 50px 0px;
    color: #fff;
  }
  /* line 373, scss/web.scss */
  .pie .container {
    display: flex;
    flex-direction: column;
  }
  /* line 376, scss/web.scss */
  .pie .container a:link {
    color: #fff;
  }
  /* line 379, scss/web.scss */
  .pie .container a:visited {
    color: #fff;
  }
  /* line 382, scss/web.scss */
  .pie .container a:hover {
    color: #fff;
  }
  /* line 385, scss/web.scss */
  .pie .container a:active {
    color: #fff;
  }
  /* line 388, scss/web.scss */
  .pie .container i {
    font-size: 32px;
  }
  /* line 391, scss/web.scss */
  .pie .container .marca {
    padding-left: 20px;
    border-bottom: 1px solid #fff;
  }
  /* line 394, scss/web.scss */
  .pie .container .marca h2 {
    margin: 5px 0px 20px 0px;
  }
  /* line 399, scss/web.scss */
  .pie .container .mapa h4 {
    margin: 20px 20px 10px 20px;
    font-weight: 400;
    border-bottom: 1px dashed #fff;
  }
  /* line 403, scss/web.scss */
  .pie .container .mapa h4 a:hover {
    text-decoration: underline;
  }
  /* line 408, scss/web.scss */
  .pie .container .logos {
    margin-top: 30px;
    align-self: flex-end;
    align-items: flex-end;
    justify-items: flex-end;
    justify-content: flex-end;
    padding-left: 20px;
  }
  /* line 415, scss/web.scss */
  .pie .container .logos img {
    width: 150px;
    height: auto;
  }

  /* cuadro de diálogo modales */
  /* line 425, scss/web.scss */
  .modal h2 {
    color: #e51c22;
  }
  /* line 428, scss/web.scss */
  .modal hr {
    color: #e51c22;
  }
  /* line 431, scss/web.scss */
  .modal img {
    width: 100%;
    height: auto;
  }

  /* titulo y destacado de las páginas internas */
  /* line 438, scss/web.scss */
  .contenidos {
    color: #666;
    display: flex;
  }
  /* line 442, scss/web.scss */
  .contenidos div h1 {
    font-size: 36px;
    line-height: 40px;
    color: #e51c22;
    margin: 10px 0px 0px 20px;
  }
  /* line 448, scss/web.scss */
  .contenidos div h2 {
    font-size: 24px;
    font-weight: 100;
    text-align: justify;
    margin: 10px 20px 0px 20px;
  }
  /* line 454, scss/web.scss */
  .contenidos div h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 100;
    text-align: justify;
    margin: 10px 20px 0px 20px;
  }

  /* line 464, scss/web.scss */
  .contCols {
    color: #999;
    display: flex;
    flex-direction: column;
    /*
    		.lubricantes{
    			padding: 20px;
    			border: 1px #e51c22 solid;
    			background-color: #ccc;
    			color: #333;
    			text-align: center;
    			position: relative;
    			h3{
    				font-size: 18px;
    				text-align: left;
    				margin-left: 20px;
    				color: #e51c22;
    			}
    			img{
    				width: 100%;
    				height: auto;
    			}
    			p{
    				text-align: left;
    				margin-left: 20px;
    			}
    			.controles{
    				width: 90%;
    				height: 90%;
    				margin: 0px 0px 0px 0px;
    				position: absolute;
    				z-index: 2;
    				display: flex;
    				flex-direction: row;
    				justify-content: space-between;
    				i{
    					font-size: 36px;
    					margin: 5px;
    					color: #FFF;
    				}
    				.cycle-prev{
    					align-self: center;
    					justify-self: flex-start;
    				}
                    .cycle-next{
    					align-self: center;
    					justify-self: flex-end;
                    }
                    .cycle-pager{
    					align-self: flex-end;
    					justify-self: center;
                    }
                    .pager-rojo{
                    		color: #e51c22;
                    }
    			}
    			.cycle-slideshow{
    				width: 90%;
    				height: 90%;
    				margin: auto;				
    				position: absolute;
    				z-index: 1;
    			}
    		}
    		*/
  }
  /* line 469, scss/web.scss */
  .contCols .columna h3 {
    font-size: 18px;
    margin: 20px 0px 0px 20px;
  }
  /* line 473, scss/web.scss */
  .contCols .columna p {
    font-size: 16px;
    line-height: 19px;
    margin: 20px 20px 0px 20px;
  }
  /* line 479, scss/web.scss */
  .contCols .tres,
  .contCols .dos,
  .contCols .cuatro,
  .contCols .cinco {
    width: 100%;
    text-align: justify;
  }
  /* line 483, scss/web.scss */
  .contCols .invisible {
    width: 0px;
    height: 0px;
    visibility: hidden;
  }
  /* line 488, scss/web.scss */
  .contCols .destchico {
    background-color: #ddd6d6;
    color: #010101;
    margin-top: 20px;
  }
  /* line 492, scss/web.scss */
  .contCols .destchico h3 {
    font-size: 18px;
    margin: 20px 0px 0px 20px;
    color: #e51c22;
  }
  /* line 497, scss/web.scss */
  .contCols .destchico p {
    margin: 20px;
  }
  /* line 501, scss/web.scss */
  .contCols .destacado {
    width: 90%;
    border: 1px #666 solid;
    background-color: #999;
    color: #010101;
    text-align: center;
    margin: 20px auto 0px auto;
  }
  /* line 509, scss/web.scss */
  .contCols .destacado h2 {
    font-size: 18px;
    margin: 20px 0px 0px 0px;
  }
  /* line 513, scss/web.scss */
  .contCols .destacado p {
    font-size: 16px;
    line-height: 19px;
    margin: 20px 20px 20px 20px;
  }
  /* line 518, scss/web.scss */
  .contCols .destacado img {
    width: 100%;
    height: auto;
  }
  /* line 523, scss/web.scss */
  .contCols .estaciones {
    /* uso el mismo para lubricantes y para el formulario de contacto */
    width: 90%;
    border: 1px #666 solid;
    background-color: #d8d4d4;
    color: #333;
    text-align: center;
    margin: 20px auto 0px auto;
  }
  /* line 530, scss/web.scss */
  .contCols .estaciones h2 {
    font-size: 36px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 535, scss/web.scss */
  .contCols .estaciones h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 540, scss/web.scss */
  .contCols .estaciones img {
    width: 85%;
    height: auto;
    margin: 20px auto 0px auto;
  }
  /* line 545, scss/web.scss */
  .contCols .estaciones p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 551, scss/web.scss */
  .contCols .estaciones .btn {
    margin: 20px 10px 10px 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
  }
  /* line 558, scss/web.scss */
  .contCols .estaciones .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 562, scss/web.scss */
  .contCols .estaciones .btn a:link {
    color: #fff;
  }
  /* line 565, scss/web.scss */
  .contCols .estaciones .btn a:visited {
    color: #fff;
  }
  /* line 568, scss/web.scss */
  .contCols .estaciones .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 572, scss/web.scss */
  .contCols .estaciones .btn a:active {
    color: #fff;
  }
  /* line 577, scss/web.scss */
  .contCols .estaciones form h3 {
    color: #fff;
    font-weight: 100;
    margin: 20px 0px 5px 35px;
  }
  /* line 582, scss/web.scss */
  .contCols .estaciones form input {
    width: 80%;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
    border: thin #333 solid;
    border-radius: 10px;
  }
  /* line 591, scss/web.scss */
  .contCols .estaciones form textarea {
    width: 80%;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
    border: thin #333 solid;
    border-radius: 10px;
  }
  /* line 663, scss/web.scss */
  .contCols .filtros {
    /* uso la misma para los grupos electrógenos */
    width: 90%;
    height: auto;
    min-height: 350px;
    border: 1px #666 solid;
    background-color: #d8d4d4;
    color: #333;
    text-align: center;
    margin: 20px auto 0px auto;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  /* line 675, scss/web.scss */
  .contCols .filtros h2 {
    text-align: left;
    padding: 10px 0px 10px 20px;
    color: #fff;
    background-color: #e51c22;
  }
  /* line 681, scss/web.scss */
  .contCols .filtros h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    color: #e51c22;
  }
  /* line 688, scss/web.scss */
  .contCols .filtros img {
    width: 85%;
    height: auto;
    margin: 20px auto 0px auto;
  }
  /* line 693, scss/web.scss */
  .contCols .filtros p {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  /* line 698, scss/web.scss */
  .contCols .filtros .btn {
    margin: 10px 10px 10px 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  /* line 709, scss/web.scss */
  .contCols .filtros .btn img {
    width: 30%;
    justify-self: flex-start;
    margin: 5px;
  }
  /* line 714, scss/web.scss */
  .contCols .filtros .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 718, scss/web.scss */
  .contCols .filtros .btn a:link {
    color: #fff;
  }
  /* line 721, scss/web.scss */
  .contCols .filtros .btn a:visited {
    color: #fff;
  }
  /* line 724, scss/web.scss */
  .contCols .filtros .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 728, scss/web.scss */
  .contCols .filtros .btn a:active {
    color: #fff;
  }
  /* line 732, scss/web.scss */
  .contCols .filtros .controles {
    width: 10%;
    height: 90%;
    display: flex;
    align-self: center;
    justify-self: center;
    justify-content: center;
    justify-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 742, scss/web.scss */
  .contCols .filtros .controles i {
    font-size: 30px;
    margin: 5px;
    color: #fff;
  }
  /* line 747, scss/web.scss */
  .contCols .filtros .controles .cycle-prev {
    align-self: center;
    justify-self: flex-start;
  }
  /* line 751, scss/web.scss */
  .contCols .filtros .controles .cycle-next {
    align-self: center;
    justify-self: flex-end;
  }
  /* line 756, scss/web.scss */
  .contCols .filtros .cycle-slideshow {
    width: 80%;
    height: 90%;
    display: flex;
    flex-direction: row;
    align-self: center;
    justify-self: center;
    justify-content: center;
    justify-items: center;
    overflow: hidden;
  }
  /* line 766, scss/web.scss */
  .contCols .filtros .cycle-slideshow img {
    height: 100%;
    width: auto;
    display: flex;
    margin: auto;
    align-self: center;
    justify-self: center;
  }
  /* line 775, scss/web.scss */
  .contCols .filtros .cycle-pager {
    width: 100%;
    justify-content: center;
  }
  /* line 778, scss/web.scss */
  .contCols .filtros .cycle-pager i {
    font-size: 18px;
    margin: 5px;
    color: #fff;
  }
  /* line 783, scss/web.scss */
  .contCols .filtros .cycle-pager .pager-rojo {
    color: #e51c22;
  }
  /* line 788, scss/web.scss */
  .contCols .galeria {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 794, scss/web.scss */
  .contCols .ferreteria {
    /* uso la misma para los grupos electrógenos */
    width: 90%;
    height: auto;
    border: 1px #e51c22 solid;
    background-color: #ccc;
    color: #333;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 20px auto 0px auto;
    padding-bottom: 20px;
  }
  /* line 805, scss/web.scss */
  .contCols .ferreteria h2 {
    text-align: left;
    padding: 10px 0px 10px 20px;
    color: #fff;
    background-color: #e51c22;
  }
  /* line 811, scss/web.scss */
  .contCols .ferreteria h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
    color: #e51c22;
  }
  /* line 817, scss/web.scss */
  .contCols .ferreteria p {
    text-align: left;
  }
  /* line 820, scss/web.scss */
  .contCols .ferreteria img {
    width: 85%;
    height: auto;
    margin: 20px auto 0px auto;
  }
  /* line 825, scss/web.scss */
  .contCols .ferreteria .marca {
    width: 28%;
    height: auto;
    justify-self: flex-start;
    align-self: flex-start;
  }
  /* line 831, scss/web.scss */
  .contCols .ferreteria .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
  }
  /* line 838, scss/web.scss */
  .contCols .ferreteria .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 842, scss/web.scss */
  .contCols .ferreteria .btn a:link {
    color: #fff;
  }
  /* line 845, scss/web.scss */
  .contCols .ferreteria .btn a:visited {
    color: #fff;
  }
  /* line 848, scss/web.scss */
  .contCols .ferreteria .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 852, scss/web.scss */
  .contCols .ferreteria .btn a:active {
    color: #fff;
  }
}
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/*NOTEBOOKS ----------------------------------------------------------------------------------------------------------------------------------*/
/* Large devices (desktops, 992px and up)*/
@media (min-width: 1200px) and (max-width: 1536px) {
  /* line 919, scss/web.scss */
  .container {
    width: 1100px;
    margin: auto;
  }

  /* line 924, scss/web.scss */
  .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 928, scss/web.scss */
  .header .logo {
    width: 25%;
    padding: 10px 0px 5px 0px;
  }
  /* line 931, scss/web.scss */
  .header .logo img {
    width: 80%;
    height: auto;
  }
  /* line 936, scss/web.scss */
  .header .menu {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
  }
  /* line 942, scss/web.scss */
  .header .menu .celda {
    padding: 15px 15px 10px 15px;
  }
  /* line 944, scss/web.scss */
  .header .menu .celda h4 {
    font-size: 12px;
    margin: 0px;
  }
  /* line 947, scss/web.scss */
  .header .menu .celda h4 a:link {
    color: #fff;
  }
  /* line 950, scss/web.scss */
  .header .menu .celda h4 a:visited {
    color: #fff;
  }
  /* line 953, scss/web.scss */
  .header .menu .celda h4 a:hover {
    color: #e51c22;
  }
  /* line 956, scss/web.scss */
  .header .menu .celda h4 a:active {
    color: #fff;
  }
  /* line 962, scss/web.scss */
  .header .hamburguesa {
    display: none;
    width: 0px;
    height: 0px;
  }
  /* line 967, scss/web.scss */
  .header .redes {
    display: flex;
    align-items: center;
  }
  /* line 971, scss/web.scss */
  .header .redes a i {
    color: #fff;
    font-size: 22px;
  }

  /* line 979, scss/web.scss */
  .slider {
    width: 100%;
    height: 500px;
    z-index: 1;
  }
  /* line 983, scss/web.scss */
  .slider .foto {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
  }
  /* line 993, scss/web.scss */
  .slider .foto .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  /* line 998, scss/web.scss */
  .slider .foto .container h1 {
    text-align: right;
    font-size: 80px;
    line-height: 75px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    margin: 0px;
  }

  /* line 1010, scss/web.scss */
  .productos {
    display: flex;
    flex-direction: row;
    margin-top: -80px;
    z-index: 2;
    justify-content: space-between;
  }
  /* line 1016, scss/web.scss */
  .productos .celda {
    width: 23%;
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    background-color: #ffc;
  }
  /* line 1023, scss/web.scss */
  .productos .celda .sombra {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3;
  }
  /* line 1030, scss/web.scss */
  .productos .celda .texto {
    width: 100%;
    position: absolute;
    z-index: 4;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  /* line 1038, scss/web.scss */
  .productos .celda .texto h2 {
    text-shadow: 0px 0px 3px #000;
  }
  /* line 1040, scss/web.scss */
  .productos .celda .texto h2 a:link {
    color: #fff;
  }
  /* line 1043, scss/web.scss */
  .productos .celda .texto h2 a:visited {
    color: #fff;
  }
  /* line 1046, scss/web.scss */
  .productos .celda .texto h2 a:hover {
    color: #fff;
  }
  /* line 1049, scss/web.scss */
  .productos .celda .texto h2 a:active {
    color: #fff;
  }
  /* line 1054, scss/web.scss */
  .productos .celda .foto {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  /* line 1058, scss/web.scss */
  .productos .celda .foto img {
    width: 100%;
    height: auto;
  }

  /* line 1066, scss/web.scss */
  .contacto {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 60px auto 60px auto;
    height: 200px;
  }
  /* line 1072, scss/web.scss */
  .contacto .celda {
    width: 32%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
  }
  /* line 1078, scss/web.scss */
  .contacto .celda .contenidos {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    display: flex;
    flex-direction: row;
  }
  /* line 1085, scss/web.scss */
  .contacto .celda .contenidos .foto {
    width: 50%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: #ff6600;
  }
  /* line 1093, scss/web.scss */
  .contacto .celda .contenidos .foto img {
    height: 100%;
    width: 100%;
  }
  /* line 1098, scss/web.scss */
  .contacto .celda .contenidos .texto {
    width: 50%;
    height: 100%;
    padding-left: 15px;
  }
  /* line 1104, scss/web.scss */
  .contacto .celda .sombra {
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 2;
  }

  /* line 1115, scss/web.scss */
  .marcas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px auto 30px auto;
  }
  /* line 1120, scss/web.scss */
  .marcas .marca {
    width: 10%;
    height: auto;
    background-color: #dcdbdb;
  }
  /* line 1124, scss/web.scss */
  .marcas .marca img {
    width: 100%;
    height: auto;
  }
  /* line 1129, scss/web.scss */
  .marcas .blanco {
    background-color: #fff;
  }

  /* line 1134, scss/web.scss */
  .institucional {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 60px auto 60px auto;
  }
  /* line 1140, scss/web.scss */
  .institucional .celdaInst {
    width: 32%;
    cursor: pointer;
  }
  /* line 1143, scss/web.scss */
  .institucional .celdaInst .contenidos {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
  }
  /* line 1148, scss/web.scss */
  .institucional .celdaInst .contenidos .foto {
    width: 100%;
  }
  /* line 1150, scss/web.scss */
  .institucional .celdaInst .contenidos .foto img {
    width: 100%;
    height: auto;
  }

  /* line 1161, scss/web.scss */
  .contenidos {
    color: #666;
    display: flex;
  }
  /* line 1165, scss/web.scss */
  .contenidos div h1 {
    font-size: 48px;
    color: #e51c22;
  }
  /* line 1169, scss/web.scss */
  .contenidos div h3 {
    font-size: 24px;
    font-weight: 100;
    text-align: justify;
  }

  /* line 1176, scss/web.scss */
  .contCols {
    color: #999;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 1182, scss/web.scss */
  .contCols .columna p {
    font-size: 18px;
    line-height: 30px;
  }
  /* line 1187, scss/web.scss */
  .contCols .tres {
    width: 28%;
    text-align: justify;
  }
  /* line 1191, scss/web.scss */
  .contCols .dos {
    width: 40%;
  }
  /* line 1194, scss/web.scss */
  .contCols .cuatro {
    width: 20%;
  }
  /* line 1197, scss/web.scss */
  .contCols .cinco {
    text-align: left;
    width: 15%;
  }
  /* line 1200, scss/web.scss */
  .contCols .cinco h3 {
    font-size: 24px;
    margin-bottom: 0px;
  }
  /* line 1205, scss/web.scss */
  .contCols .invisible {
    background-color: #fff;
    color: #010101;
    padding: 20px;
    margin-top: 20px;
  }
  /* line 1211, scss/web.scss */
  .contCols .destchico {
    background-color: #ddd6d6;
    color: #010101;
    padding: 20px;
    margin-top: 20px;
  }
  /* line 1216, scss/web.scss */
  .contCols .destchico h3 {
    font-size: 24px;
    margin: 10px 0px 0px 0px;
    color: #e51c22;
  }
  /* line 1222, scss/web.scss */
  .contCols .destacado {
    border: 1px #666 solid;
    background-color: #999;
    color: #010101;
    padding: 50px;
    text-align: center;
  }
  /* line 1228, scss/web.scss */
  .contCols .destacado h2 {
    font-size: 36px;
  }
  /* line 1231, scss/web.scss */
  .contCols .destacado img {
    width: 100%;
    height: auto;
  }
  /* line 1236, scss/web.scss */
  .contCols .estaciones {
    /* uso el mismo para lubricantes y para el formulario de contacto*/
    padding: 20px;
    border: 1px #666 solid;
    background-color: #999;
    color: #333;
    text-align: center;
  }
  /* line 1242, scss/web.scss */
  .contCols .estaciones h2 {
    font-size: 36px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 1247, scss/web.scss */
  .contCols .estaciones h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 1252, scss/web.scss */
  .contCols .estaciones img {
    width: 100%;
    height: auto;
  }
  /* line 1256, scss/web.scss */
  .contCols .estaciones p {
    text-align: left;
    margin-left: 20px;
  }
  /* line 1260, scss/web.scss */
  .contCols .estaciones .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
  }
  /* line 1267, scss/web.scss */
  .contCols .estaciones .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 1271, scss/web.scss */
  .contCols .estaciones .btn a:link {
    color: #fff;
  }
  /* line 1274, scss/web.scss */
  .contCols .estaciones .btn a:visited {
    color: #fff;
  }
  /* line 1277, scss/web.scss */
  .contCols .estaciones .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 1281, scss/web.scss */
  .contCols .estaciones .btn a:active {
    color: #fff;
  }
  /* line 1286, scss/web.scss */
  .contCols .estaciones form h3 {
    color: #fff;
    font-weight: 100;
    margin: 20px 0px 5px 3px;
  }
  /* line 1291, scss/web.scss */
  .contCols .estaciones form input {
    width: 95%;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
    border: thin #333 solid;
    border-radius: 10px;
  }
  /* line 1300, scss/web.scss */
  .contCols .estaciones form textarea {
    width: 95%;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
    border: thin #333 solid;
    border-radius: 10px;
  }
  /* line 1311, scss/web.scss */
  .contCols .lubricantes {
    padding: 20px;
    border: 1px #e51c22 solid;
    background-color: #ccc;
    color: #333;
    text-align: center;
    position: relative;
  }
  /* line 1318, scss/web.scss */
  .contCols .lubricantes h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
    color: #e51c22;
  }
  /* line 1324, scss/web.scss */
  .contCols .lubricantes img {
    width: 100%;
    height: auto;
  }
  /* line 1328, scss/web.scss */
  .contCols .lubricantes p {
    text-align: left;
    margin-left: 20px;
  }
  /* line 1333, scss/web.scss */
  .contCols .filtros {
    /* uso la misma para los grupos electrógenos */
    padding: 20px;
    border: 1px #e51c22 solid;
    background-color: #ccc;
    color: #333;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  /* line 1341, scss/web.scss */
  .contCols .filtros h2 {
    text-align: left;
    padding: 10px 0px 10px 20px;
    color: #fff;
    background-color: #e51c22;
  }
  /* line 1347, scss/web.scss */
  .contCols .filtros h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    color: #e51c22;
  }
  /* line 1353, scss/web.scss */
  .contCols .filtros p {
    text-align: left;
  }
  /* line 1356, scss/web.scss */
  .contCols .filtros img {
    width: 100%;
    height: auto;
  }
  /* line 1360, scss/web.scss */
  .contCols .filtros .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
  }
  /* line 1371, scss/web.scss */
  .contCols .filtros .btn img {
    width: 80px;
    height: auto;
  }
  /* line 1375, scss/web.scss */
  .contCols .filtros .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 1378, scss/web.scss */
  .contCols .filtros .btn h3 i {
    color: #fff;
  }
  /* line 1382, scss/web.scss */
  .contCols .filtros .btn a:link {
    color: #fff;
  }
  /* line 1385, scss/web.scss */
  .contCols .filtros .btn a:visited {
    color: #fff;
  }
  /* line 1388, scss/web.scss */
  .contCols .filtros .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 1392, scss/web.scss */
  .contCols .filtros .btn a:active {
    color: #fff;
  }
  /* line 1396, scss/web.scss */
  .contCols .filtros .controles {
    width: 10%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  /* line 1403, scss/web.scss */
  .contCols .filtros .controles i {
    font-size: 36px;
    margin: 5px;
    color: #fff;
  }
  /* line 1408, scss/web.scss */
  .contCols .filtros .controles .cycle-prev {
    align-self: center;
    justify-self: flex-start;
  }
  /* line 1412, scss/web.scss */
  .contCols .filtros .controles .cycle-next {
    align-self: center;
    justify-self: flex-end;
  }
  /* line 1417, scss/web.scss */
  .contCols .filtros .cycle-slideshow {
    width: 80%;
    height: 90%;
  }
  /* line 1421, scss/web.scss */
  .contCols .filtros .cycle-pager {
    width: 100%;
  }
  /* line 1422, scss/web.scss */
  .contCols .filtros .cycle-pager i {
    font-size: 18px;
    margin: 5px;
    color: #fff;
  }
  /* line 1428, scss/web.scss */
  .contCols .filtros .cycle-pager .pager-rojo {
    color: #e51c22;
  }
  /* line 1433, scss/web.scss */
  .contCols .galeria {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 1438, scss/web.scss */
  .contCols .ferreteria {
    /* uso la misma para los grupos electrógenos */
    padding: 20px;
    border: 1px #e51c22 solid;
    background-color: #ccc;
    color: #333;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  /* line 1446, scss/web.scss */
  .contCols .ferreteria h2 {
    text-align: left;
    padding: 10px 0px 10px 20px;
    color: #fff;
    background-color: #e51c22;
  }
  /* line 1452, scss/web.scss */
  .contCols .ferreteria h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    color: #e51c22;
  }
  /* line 1458, scss/web.scss */
  .contCols .ferreteria p {
    text-align: left;
  }
  /* line 1461, scss/web.scss */
  .contCols .ferreteria img {
    width: 100%;
    height: auto;
  }
  /* line 1465, scss/web.scss */
  .contCols .ferreteria .marca {
    width: 28%;
    height: auto;
    justify-self: flex-start;
    align-self: flex-start;
  }
  /* line 1471, scss/web.scss */
  .contCols .ferreteria .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
  }
  /* line 1478, scss/web.scss */
  .contCols .ferreteria .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 1482, scss/web.scss */
  .contCols .ferreteria .btn a:link {
    color: #fff;
  }
  /* line 1485, scss/web.scss */
  .contCols .ferreteria .btn a:visited {
    color: #fff;
  }
  /* line 1488, scss/web.scss */
  .contCols .ferreteria .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 1492, scss/web.scss */
  .contCols .ferreteria .btn a:active {
    color: #fff;
  }

  /* cuadro de diálogo modales */
  /* line 1501, scss/web.scss */
  .modal h2 {
    color: #e51c22;
  }
  /* line 1504, scss/web.scss */
  .modal hr {
    color: #e51c22;
  }
  /* line 1507, scss/web.scss */
  .modal img {
    width: 100%;
    height: auto;
  }

  /* line 1513, scss/web.scss */
  .pie {
    background-color: #e51c22;
    padding: 50px 0px 50px 0px;
    color: #fff;
  }
  /* line 1517, scss/web.scss */
  .pie .container {
    display: flex;
    flex-direction: row;
  }
  /* line 1520, scss/web.scss */
  .pie .container a:link {
    color: #fff;
  }
  /* line 1523, scss/web.scss */
  .pie .container a:visited {
    color: #fff;
  }
  /* line 1526, scss/web.scss */
  .pie .container a:hover {
    color: #fff;
  }
  /* line 1529, scss/web.scss */
  .pie .container a:active {
    color: #fff;
  }
  /* line 1532, scss/web.scss */
  .pie .container i {
    font-size: 32px;
  }
  /* line 1535, scss/web.scss */
  .pie .container .marca {
    padding-right: 20px;
    border-right: 1px dashed #fff;
  }
  /* line 1538, scss/web.scss */
  .pie .container .marca h2 {
    margin: 5px 0px 20px 0px;
  }
  /* line 1542, scss/web.scss */
  .pie .container .mapa {
    flex-grow: 3;
    padding-left: 20px;
    border-right: 1px dashed #fff;
  }
  /* line 1546, scss/web.scss */
  .pie .container .mapa h4 {
    margin: 5px;
    font-weight: 400;
  }
  /* line 1549, scss/web.scss */
  .pie .container .mapa h4 a:hover {
    text-decoration: underline;
  }
  /* line 1554, scss/web.scss */
  .pie .container .logos {
    align-self: flex-end;
    align-items: flex-end;
    justify-items: flex-end;
    justify-content: flex-end;
    padding-left: 20px;
  }
  /* line 1560, scss/web.scss */
  .pie .container .logos img {
    width: 150px;
    height: auto;
  }
}
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/*DESKTOP ----------------------------------------------------------------------------------------------------------------------------------*/
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1537px) {
  /* line 1617, scss/web.scss */
  .container {
    width: 1500px;
    margin: auto;
  }

  /* line 1622, scss/web.scss */
  .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 1626, scss/web.scss */
  .header .logo {
    width: 25%;
    padding: 10px 0px 10px 0px;
  }
  /* line 1629, scss/web.scss */
  .header .logo img {
    width: 80%;
    height: auto;
  }
  /* line 1634, scss/web.scss */
  .header .menu {
    /*height: 100%;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
  }
  /* line 1640, scss/web.scss */
  .header .menu .celda {
    padding: 10px 15px 10px 15px;
  }
  /* line 1642, scss/web.scss */
  .header .menu .celda h4 {
    font-size: 15px;
    margin: 0px;
  }
  /* line 1645, scss/web.scss */
  .header .menu .celda h4 a:link {
    color: #fff;
  }
  /* line 1648, scss/web.scss */
  .header .menu .celda h4 a:visited {
    color: #fff;
  }
  /* line 1651, scss/web.scss */
  .header .menu .celda h4 a:hover {
    color: #e51c22;
  }
  /* line 1654, scss/web.scss */
  .header .menu .celda h4 a:active {
    color: #fff;
  }
  /* line 1660, scss/web.scss */
  .header .hamburguesa {
    display: none;
    width: 0px;
    height: 0px;
  }
  /* line 1665, scss/web.scss */
  .header .redes {
    display: flex;
    align-items: center;
  }
  /* line 1669, scss/web.scss */
  .header .redes a i {
    color: #fff;
    font-size: 22px;
  }

  /* line 1677, scss/web.scss */
  .slider {
    width: 100%;
    height: 750px;
    z-index: 1;
  }
  /* line 1681, scss/web.scss */
  .slider .foto {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
  }
  /* line 1691, scss/web.scss */
  .slider .foto .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  /* line 1696, scss/web.scss */
  .slider .foto .container h1 {
    text-align: right;
    font-size: 80px;
    line-height: 75px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    margin: 0px;
  }

  /* line 1708, scss/web.scss */
  .productos {
    display: flex;
    flex-direction: row;
    margin-top: -100px;
    z-index: 2;
    justify-content: space-between;
  }
  /* line 1714, scss/web.scss */
  .productos .celda {
    width: 23%;
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    background-color: #ffc;
  }
  /* line 1721, scss/web.scss */
  .productos .celda .sombra {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3;
  }
  /* line 1728, scss/web.scss */
  .productos .celda .texto {
    width: 100%;
    position: absolute;
    z-index: 4;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  /* line 1736, scss/web.scss */
  .productos .celda .texto h2 {
    text-shadow: 0px 0px 3px #000;
  }
  /* line 1738, scss/web.scss */
  .productos .celda .texto h2 a:link {
    color: #fff;
  }
  /* line 1741, scss/web.scss */
  .productos .celda .texto h2 a:visited {
    color: #fff;
  }
  /* line 1744, scss/web.scss */
  .productos .celda .texto h2 a:hover {
    color: #fff;
  }
  /* line 1747, scss/web.scss */
  .productos .celda .texto h2 a:active {
    color: #fff;
  }
  /* line 1752, scss/web.scss */
  .productos .celda .foto {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  /* line 1756, scss/web.scss */
  .productos .celda .foto img {
    width: 100%;
    height: auto;
  }

  /* line 1764, scss/web.scss */
  .contacto {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 60px auto 60px auto;
    height: auto;
  }
  /* line 1770, scss/web.scss */
  .contacto .celda {
    width: 32%;
    height: 100%;
    display: flex;
    flex-direction: row;
  }
  /* line 1775, scss/web.scss */
  .contacto .celda .contenidos {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 15px;
  }
  /* line 1781, scss/web.scss */
  .contacto .celda .contenidos .foto {
    width: 50%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  /* line 1788, scss/web.scss */
  .contacto .celda .contenidos .foto img {
    width: 100%;
    height: auto;
  }
  /* line 1793, scss/web.scss */
  .contacto .celda .contenidos .texto {
    width: 50%;
    height: 100%;
    padding-left: 15px;
  }
  /* line 1800, scss/web.scss */
  .contacto .rojoCtt {
    background-color: #e51c22;
  }
  /* line 1804, scss/web.scss */
  .contacto .rojoCtt .contenidos .texto h2 {
    color: #fff;
  }
  /* line 1807, scss/web.scss */
  .contacto .rojoCtt .contenidos .texto p {
    color: #fff;
  }

  /* line 1815, scss/web.scss */
  .marcas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px auto 30px auto;
  }
  /* line 1820, scss/web.scss */
  .marcas .marca {
    width: 10%;
    height: auto;
    background-color: #dcdbdb;
  }
  /* line 1824, scss/web.scss */
  .marcas .marca img {
    width: 100%;
    height: auto;
  }
  /* line 1829, scss/web.scss */
  .marcas .blanco {
    background-color: #fff;
  }

  /* line 1834, scss/web.scss */
  .institucional {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 60px auto 60px auto;
  }
  /* line 1840, scss/web.scss */
  .institucional .celdaInst {
    width: 32%;
    cursor: pointer;
  }
  /* line 1843, scss/web.scss */
  .institucional .celdaInst .contenidos {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
  }
  /* line 1848, scss/web.scss */
  .institucional .celdaInst .contenidos .foto {
    width: 100%;
  }
  /* line 1850, scss/web.scss */
  .institucional .celdaInst .contenidos .foto img {
    width: 100%;
    height: auto;
  }

  /* line 1861, scss/web.scss */
  .contenidos {
    color: #666;
    display: flex;
  }
  /* line 1865, scss/web.scss */
  .contenidos div h1 {
    font-size: 48px;
    color: #e51c22;
  }
  /* line 1869, scss/web.scss */
  .contenidos div h3 {
    font-size: 24px;
    font-weight: 100;
    text-align: justify;
  }

  /* line 1876, scss/web.scss */
  .contCols {
    color: #999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 1883, scss/web.scss */
  .contCols .columna p {
    font-size: 18px;
    line-height: 30px;
  }
  /* line 1888, scss/web.scss */
  .contCols .tres {
    width: 28%;
    text-align: justify;
  }
  /* line 1892, scss/web.scss */
  .contCols .dos {
    width: 40%;
  }
  /* line 1895, scss/web.scss */
  .contCols .cuatro {
    width: 20%;
  }
  /* line 1898, scss/web.scss */
  .contCols .cinco {
    text-align: left;
    width: 15%;
  }
  /* line 1901, scss/web.scss */
  .contCols .cinco h3 {
    font-size: 24px;
    margin-bottom: 0px;
  }
  /* line 1906, scss/web.scss */
  .contCols .invisible {
    background-color: #fff;
    color: #010101;
    padding: 20px;
    margin-top: 20px;
  }
  /* line 1912, scss/web.scss */
  .contCols .destchico {
    background-color: #ddd6d6;
    color: #010101;
    padding: 20px;
    margin-top: 20px;
  }
  /* line 1917, scss/web.scss */
  .contCols .destchico h3 {
    font-size: 24px;
    margin: 10px 0px 0px 0px;
    color: #e51c22;
  }
  /* line 1923, scss/web.scss */
  .contCols .destacado {
    border: 1px #666 solid;
    background-color: #999;
    color: #010101;
    padding: 50px;
    text-align: center;
  }
  /* line 1929, scss/web.scss */
  .contCols .destacado h2 {
    font-size: 36px;
  }
  /* line 1932, scss/web.scss */
  .contCols .destacado img {
    width: 100%;
    height: auto;
  }
  /* line 1938, scss/web.scss */
  .contCols .estaciones {
    /* uso el mismo para lubricantes y para el formulario de contacto */
    padding: 20px;
    border: 1px #666 solid;
    background-color: #999;
    color: #333;
    text-align: center;
  }
  /* line 1944, scss/web.scss */
  .contCols .estaciones h2 {
    font-size: 36px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 1949, scss/web.scss */
  .contCols .estaciones h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
  }
  /* line 1954, scss/web.scss */
  .contCols .estaciones img {
    width: 100%;
    height: auto;
  }
  /* line 1958, scss/web.scss */
  .contCols .estaciones p {
    text-align: left;
    margin-left: 20px;
  }
  /* line 1962, scss/web.scss */
  .contCols .estaciones .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
  }
  /* line 1969, scss/web.scss */
  .contCols .estaciones .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 1973, scss/web.scss */
  .contCols .estaciones .btn a:link {
    color: #fff;
  }
  /* line 1976, scss/web.scss */
  .contCols .estaciones .btn a:visited {
    color: #fff;
  }
  /* line 1979, scss/web.scss */
  .contCols .estaciones .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 1983, scss/web.scss */
  .contCols .estaciones .btn a:active {
    color: #fff;
  }
  /* line 1988, scss/web.scss */
  .contCols .estaciones form h3 {
    color: #fff;
    font-weight: 100;
    margin: 20px 0px 5px 3px;
  }
  /* line 1993, scss/web.scss */
  .contCols .estaciones form input {
    width: 95%;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
    border: thin #333 solid;
    border-radius: 10px;
  }
  /* line 2002, scss/web.scss */
  .contCols .estaciones form textarea {
    width: 95%;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
    border: thin #333 solid;
    border-radius: 10px;
  }
  /* line 2013, scss/web.scss */
  .contCols .filtros {
    /* uso la misma para los grupos electrógenos */
    padding: 20px;
    border: 1px #e51c22 solid;
    background-color: #ccc;
    color: #333;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  /* line 2021, scss/web.scss */
  .contCols .filtros h2 {
    text-align: left;
    padding: 10px 0px 10px 20px;
    color: #fff;
    background-color: #e51c22;
  }
  /* line 2027, scss/web.scss */
  .contCols .filtros h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    color: #e51c22;
  }
  /* line 2033, scss/web.scss */
  .contCols .filtros p {
    text-align: left;
  }
  /* line 2036, scss/web.scss */
  .contCols .filtros img {
    width: 100%;
    height: auto;
  }
  /* line 2040, scss/web.scss */
  .contCols .filtros .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
  }
  /* line 2051, scss/web.scss */
  .contCols .filtros .btn img {
    width: 80px;
    height: auto;
  }
  /* line 2055, scss/web.scss */
  .contCols .filtros .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 2058, scss/web.scss */
  .contCols .filtros .btn h3 i {
    color: #fff;
  }
  /* line 2062, scss/web.scss */
  .contCols .filtros .btn a:link {
    color: #fff;
  }
  /* line 2065, scss/web.scss */
  .contCols .filtros .btn a:visited {
    color: #fff;
  }
  /* line 2068, scss/web.scss */
  .contCols .filtros .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 2072, scss/web.scss */
  .contCols .filtros .btn a:active {
    color: #fff;
  }
  /* line 2076, scss/web.scss */
  .contCols .filtros .controles {
    width: 10%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  /* line 2083, scss/web.scss */
  .contCols .filtros .controles i {
    font-size: 36px;
    margin: 5px;
    color: #fff;
  }
  /* line 2088, scss/web.scss */
  .contCols .filtros .controles .cycle-prev {
    align-self: center;
    justify-self: flex-start;
  }
  /* line 2092, scss/web.scss */
  .contCols .filtros .controles .cycle-next {
    align-self: center;
    justify-self: flex-end;
  }
  /* line 2097, scss/web.scss */
  .contCols .filtros .cycle-slideshow {
    width: 80%;
    height: 90%;
  }
  /* line 2101, scss/web.scss */
  .contCols .filtros .cycle-pager {
    width: 100%;
  }
  /* line 2102, scss/web.scss */
  .contCols .filtros .cycle-pager i {
    font-size: 18px;
    margin: 5px;
    color: #fff;
  }
  /* line 2108, scss/web.scss */
  .contCols .filtros .cycle-pager .pager-rojo {
    color: #e51c22;
  }
  /* line 2113, scss/web.scss */
  .contCols .galeria {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 2118, scss/web.scss */
  .contCols .ferreteria {
    /* uso la misma para los grupos electrógenos */
    padding: 20px;
    border: 1px #e51c22 solid;
    background-color: #ccc;
    color: #333;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  /* line 2126, scss/web.scss */
  .contCols .ferreteria h2 {
    text-align: left;
    padding: 10px 0px 10px 20px;
    color: #fff;
    background-color: #e51c22;
  }
  /* line 2132, scss/web.scss */
  .contCols .ferreteria h3 {
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    color: #e51c22;
  }
  /* line 2138, scss/web.scss */
  .contCols .ferreteria p {
    text-align: left;
  }
  /* line 2141, scss/web.scss */
  .contCols .ferreteria img {
    width: 100%;
    height: auto;
  }
  /* line 2145, scss/web.scss */
  .contCols .ferreteria .marca {
    width: 28%;
    height: auto;
    justify-self: flex-start;
    align-self: flex-start;
  }
  /* line 2151, scss/web.scss */
  .contCols .ferreteria .btn {
    margin-top: 10px;
    color: #fff;
    background-color: #e51c22;
    text-align: center;
    padding: 10px;
    border: 1px solid #666;
  }
  /* line 2158, scss/web.scss */
  .contCols .ferreteria .btn h3 {
    margin: 0px;
    font-weight: 400;
  }
  /* line 2162, scss/web.scss */
  .contCols .ferreteria .btn a:link {
    color: #fff;
  }
  /* line 2165, scss/web.scss */
  .contCols .ferreteria .btn a:visited {
    color: #fff;
  }
  /* line 2168, scss/web.scss */
  .contCols .ferreteria .btn a:hover {
    color: #fff;
    text-decoration: underline;
  }
  /* line 2172, scss/web.scss */
  .contCols .ferreteria .btn a:active {
    color: #fff;
  }

  /* cuadro de diálogo modales */
  /* line 2181, scss/web.scss */
  .modal h2 {
    color: #e51c22;
  }
  /* line 2184, scss/web.scss */
  .modal hr {
    color: #e51c22;
  }
  /* line 2187, scss/web.scss */
  .modal img {
    width: 100%;
    height: auto;
  }

  /* line 2193, scss/web.scss */
  .pie {
    background-color: #e51c22;
    padding: 50px 0px 50px 0px;
    color: #fff;
  }
  /* line 2197, scss/web.scss */
  .pie .container {
    display: flex;
    flex-direction: row;
  }
  /* line 2200, scss/web.scss */
  .pie .container a:link {
    color: #fff;
  }
  /* line 2203, scss/web.scss */
  .pie .container a:visited {
    color: #fff;
  }
  /* line 2206, scss/web.scss */
  .pie .container a:hover {
    color: #fff;
  }
  /* line 2209, scss/web.scss */
  .pie .container a:active {
    color: #fff;
  }
  /* line 2212, scss/web.scss */
  .pie .container i {
    font-size: 32px;
  }
  /* line 2215, scss/web.scss */
  .pie .container .marca {
    padding-right: 20px;
    border-right: 1px dashed #fff;
  }
  /* line 2218, scss/web.scss */
  .pie .container .marca h2 {
    margin: 5px 0px 20px 0px;
  }
  /* line 2222, scss/web.scss */
  .pie .container .mapa {
    flex-grow: 3;
    padding-left: 20px;
    border-right: 1px dashed #fff;
  }
  /* line 2226, scss/web.scss */
  .pie .container .mapa h4 {
    margin: 5px;
    font-weight: 400;
  }
  /* line 2229, scss/web.scss */
  .pie .container .mapa h4 a:hover {
    text-decoration: underline;
  }
  /* line 2234, scss/web.scss */
  .pie .container .logos {
    align-self: flex-end;
    align-items: flex-end;
    justify-items: flex-end;
    justify-content: flex-end;
    padding-left: 20px;
  }
  /* line 2240, scss/web.scss */
  .pie .container .logos img {
    width: 150px;
    height: auto;
  }
}