.title{
  color: green;
}
.index_container{
  position: relative;
  font-family: Simplon;
}
.index_container_border{
  border-top: 1px #b7b7b7 solid;
  padding-top: 15px;
}

/*CAROUSEL*/
.index_carousel_container {
  width: 100%;
  height: 450px;
  font-family: Neuzeit;
  background-color: transparent;
  background-image: url(../images/index_image.jpg);
  background-size: cover;
}
.index_carousel_content{
  position: absolute;
  width: 54%;
  height: 450px;
  background-color: green;
  display: block;
  margin-left: 23%;
  margin-top: 6%;
  background: green; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #3be2bd, #47fd3e); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #3be2bd, #47fd3e); /* Standard syntax */
  padding: 3% 5% 3% 5%;
}
.carousel_index{
  font-family: SimplonBold;
  padding-bottom: 8%;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.carousel_index{
  color: white;
}
.active{
  opacity: 1 !important;
  filter: alpha(opacity=100);
  color: white !important;
}
.carousel_option{
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 24px;
  margin-right: 5%;
}

.carousel_option:hover, .carousel_option:link, .carousel_option:active{
  color: #b7b7b7;
  cursor: pointer;
}

.carousel_title{
  color: white;
  font-size: 50px
}
.carousel_text{
  color: white;
  font-size: 22px;
  text-align: justify;
}
.carousel_arrow{
  color: white;
  font-size: 60px;
  font-family: Myriad !important;
  text-align: center;
}
/*APLICACIONES*/
.index_aplicaciones{
  padding-top: 50px;
}
.index_aplicaciones_title{
  text-align: center;
  padding-bottom: 40px;
  padding-top: 70px;
}
.index_aplicaciones_title_text{
  font-size: 22px;
  padding-bottom: 3px;
  border-bottom: 1px solid #00ff33;
}
.index_aplicaciones_content{
  width: 100%;
}
.index_aplicaciones_content_images{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 4%;
}
.aplicacion_conttent_hover{
  cursor: pointer;
}
.aplicaciones_content_image{
  width: 100%;
  height: 60vh;
  color: white;
  text-align: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.over-aplicacion{
  position: relative;
  width: 32%;
  cursor: pointer;
}
.over-aplicacion-text{
  text-align: center;
  color: white;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#over-industrial-background{
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: -webkit-linear-gradient(bottom right, #3be2bd, #47fd3e, transparent); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
  background: linear-gradient(bottom right, #3be2bd, #47fd3e, transparent); /* Standard syntax */
}
#over-comercio-background{
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: -webkit-linear-gradient(bottom right, #3be2bd, #47fd3e, transparent); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
  background: linear-gradient(bottom right, #3be2bd, #47fd3e, transparent); /* Standard syntax */
}
#over-gasolinera-background{
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: -webkit-linear-gradient(bottom right, #3be2bd, #47fd3e, transparent); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
  background: linear-gradient(bottom right, #3be2bd, #47fd3e, transparent); /* Standard syntax */
}

.aplicaciones_content_image_index{
  font-family: SimplonBold !important;
  font-size: 22px;
  padding-top: 20%;
  padding-bottom: 20%;
}
.aplicaciones_content_image_title{
  font-size: 50px;
  font-family: NeuzeitBold !important;
}

.aplicaciones_content_image_1{
  background-image: url(../images/Index_aplicaciones_Industrial.png);
}
.aplicaciones_content_image_2{
  background-image: url(../images/Index_aplicaciones_Comercio.png);
}
.aplicaciones_content_image_3{
  background-image: url(../images/Index_aplicaciones_Gasolinera.png);
}
.index_aplicaciones_end{
  text-align: center;
}
.index_end_content{
  padding-top: 20px;
  font-size: 19px;
}
.index_end_names{
  font-size: 19px;
  color: #b7b7b7;
}
.index_end_contact_button{
  font-size: 22px;
  background: green; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #3be2bd, #47fd3e); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #3be2bd, #47fd3e); /* Standard syntax */
  padding: 1% 7% 1% 7%;
}
.index_end_contact_button a:hover{
  text-decoration: none;
}
.index_end_contact_button_text{
  color: white;
  font-family: Neuzeit;
  font-size: 24px;
  text-decoration: none;
}
a:hover, a:active{
  text-decoration: none;
}

@media(max-width: 1224px) {
  .index_carousel_content{
    width: 70% !important;
    height: auto !important;
    min-height: 450px !important;
    max-height: 450px !important;
    margin-left: 15% !important;
    margin-top: 8% !important;
  }
  .index_aplicaciones_title{
    padding-top: 30px !important;
  }
  .index_end_contact_button{
    padding: 2.5% 7% 2.5% 7% !important;
  }
  .overfooter{
    margin-top: 10%;
  }
}

@media(max-width: 800px) {
  .index_carousel_content{
    width: 82% !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin-left: 8% !important;
    margin-top: 8% !important;
  }
  .index_aplicaciones_title{
    padding-top: 0px !important;
  }
  .aplicaciones_content_image{
    height: 40vh !important;
  }
  .index_end_contact_button{
    padding: 3% 7% 3% 7% !important;
  }
  .aplicaciones_content_image_title{
    font-size: 30px !important;
  }
  .aplicaciones_content_image_index{
    padding-top: 20%;
  }
  .index_end_content{
    word-wrap: break-word;
    text-align: center;
  }
  .overfooter{
    margin-top: 10%;
  }
}
@media(max-width: 600px) {
  .index_carousel_content{
    width: 90% !important;
    height: auto !important;
    min-height: 25% !important;
    max-height: 25% !important;
    margin-left: 5% !important;
    margin-top: 8% !important;
  }
  .index_aplicaciones_title{
    padding-top: 60px !important;
  }
  .carousel_title{
    font-size: 21px !important;
  }
  .aplicaciones_content_image{
    height: 40vh !important;
  }
  .index_end_contact_button{
    padding: 3% 7% 3% 7% !important;
  }
  .aplicaciones_content_image_title{
    font-size: 30px !important;
  }
  .aplicaciones_content_image_index{
    padding-top: 20% !important;
  }
  .index_aplicaciones_content_images{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .over-aplicacion{
    width: 100% !important;
    padding-bottom: 2%;
  }

  .index_end_content{
    word-wrap: break-word;
    text-align: center;
  }
  .overfooter{
    margin-top: 10%;
  }
}