@font-face {
  font-family: raleway;
  src: url(../fonts/FontsFree-Net-Raleway-Regular.ttf);
}
.no-padding-lr {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.txt-center {
  text-align: center;
}
.header-content {
  z-index: 1;
}
#div_1 {
  background: #ffffff;
}
.p-top7 {
  padding-top: 7%;
}
.img-container {
  width: 100%;
  height: 322px;
  position: relative; 
}

.img1, .img2, .img3, .img4, .img5, .img6 {
  width:100%;
  height: 322px;
  object-fit: cover;
}

.img-container p {
  margin: auto;  
  color: #000;
  text-align: center;
  line-height: 322px; /* igual height de la imagen */
  background: #FFF;
  transition: opacity .4s linear;
  cursor: pointer;  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.img-container:hover p {
  opacity: .75;
}
.subtitulo {
  font: normal normal normal 16px/1.4em raleway,sans-serif; 
}

.img-container2 p {
  margin: auto;  
  color: #000;
  text-align: center;
  /*line-height: 322px; /* igual height de la imagen */
  background: #FFF;
  cursor: pointer;  
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top:5%;
  
}

.img-container2:hover p {
  opacity: .75;
}
.subtitulo2 {
  font: normal normal normal 16px/1.4em raleway,sans-serif; 
}

/*
.btn-ver:hover {
  background: #82C00F;
  border: #82C00F solid 1px;
}
*/
.btn-ver {
  color:white !important;
  margin-top:5%;
  border-radius: 20px;
  background: #ABD55D;
  border: #ABD55D solid 1px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition: color 600ms;
  transition: color 600ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-weight: bolder;
}
.btn-ver:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #82C00F;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: 600ms ease-out;
  transition: 600ms ease-out;
  color:white !important;
}
.btn-ver:hover:before {
  -webkit-transform: scale(2);
  transform: scale(2);
  color:white !important;
}
.pd-modal {
  padding-top:10%;
}
.pd-modal2 {
  padding-top:2%;
}
/******************************************************/

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .logo {
    width: 82px;
    height: 33px;
  }
  /*
  .capital_letter {
    font-size: 70px;
    margin-top: -50%;
    margin-left: -10%;
  }
  .title {
    font-size: 22px;
    color: white;
    font-weight: normal;
  }
  .text-honesty,
  .text-excellence,
  .text-leadership,
  .text-loyalty,
  .text-originality {
    margin-left: 0%;
    margin-top: -30%;
  }
  */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 575.98px) {
  .logo {
    width: 82px;
    height: 33px;
  }
  .p-top7 {
    padding-top: 15%;
  }
  .logo {
    width: 82px;
    height: 33px;
  }
  .p-top7 {
    padding-top: 15%;
  }
  .btn-ver {
    margin-bottom: 20%;
  }
  .order1 {
      order: 2 !important;
  }
  .order2 {
      order: 1 !important;
  }
  .order3 {
      order: 3 !important;
  }
  .order4 {
      order: 4 !important;
  }
  .order5 {
      order: 6 !important;
  }
  .order6 {
      order: 5 !important;
  }
  .order7 {
      order: 7 !important;
  }
  .order8 {
      order: 8 !important;
  }
  .order9 {
      order: 10 !important;
  }
  .order10 {
      order: 9 !important;
  }
  .order11 {
      order: 11 !important;
  }
  .order12 {
      order: 12 !important;
  }
}