.modal-open .modal.fade{
  display: flex;
  align-items: center;
}
.modal-open .modal.fade .modal-header img{
  width: 100%;
}
.modal-open .modal.fade .modal-body{
  color: #003473;
  text-align: -webkit-center;
}

.main-background {
    background: url('../img/servicios/banners/banner_valores.jpg');
    background-size: cover;
    min-height: 100%;
    width: 100%;
}

.txt_banner p{
  color: #003473;
  font-size: 19px;
}

.contenedor_valores{
  width: 100%;
}

.contenedor_valores .title_valores{
  text-align: center;
}
.contenedor_valores .title_valores h3{
  margin: 40px;
  color: #003473;
  font-weight: 400;
}
.contenedor_valores .title_valores h3 span{
  font-weight: 600;
}

.contenedor_valores_cuadros{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.contenedor_valores_ind{
  width: 20%;
  min-width: 20%;
  height: 38vh;
  display: grid;
  align-content: center;
  justify-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.color_a_sobre {
  background-color: rgb(0 52 115 / 80%);
  width: 20%;
  height: inherit;
  position: absolute;
}
.color_v_sobre {
  background-color: rgb(82 191 12 / 80%);
  width: 20%;
  height: inherit;
  position: absolute;
}
.contenedor_valores_ind:nth-child(1) {
  background-image: url('../img/valores/valores_img_1.jpg');
}
.contenedor_valores_ind:nth-child(2) {
  background-image: url('../img/valores/valores_img_2.jpg');
}
.contenedor_valores_ind:nth-child(3) {
  background-image: url('../img/valores/valores_img_3.jpg');
}
.contenedor_valores_ind:nth-child(4) {
  background-image: url('../img/valores/valores_img_4.jpg');
}
.contenedor_valores_ind:nth-child(5) {
  background-image: url('../img/valores/valores_img_5.jpg');
}
.contenedor_valores_ind:nth-child(6) {
  background-image: url('../img/valores/valores_img_6.jpg');
}
.contenedor_valores_ind:nth-child(7) {
  background-image: url('../img/valores/valores_img_7.jpg');
}
.contenedor_valores_ind:nth-child(8) {
  background-image: url('../img/valores/valores_img_8.jpg');
}
.contenedor_valores_ind:nth-child(9) {
  background-image: url('../img/valores/valores_img_9.jpg');
}
.contenedor_valores_ind:nth-child(10) {
  background-image: url('../img/valores/valores_img_10.jpg');
}

.contenedor_valores_ind .txt_valores{
  text-align: center;
  padding: 0px 30px 15px;
  z-index: 1;
  color: #ffffff;
}

.contenedor_valores_ind .btn_valores{
  z-index: 1;
  display: flex;
}
.contenedor_valores_ind .btn_valores button{
  background-color: transparent;
  color: #ffffff;
  border-style: none;
  display: flex;
  align-items: center;
}
.btn_arrow{
  height: 50px;
  color: #ffffff;
  font-size: 32px;
}

.txt_4_responsive_somos{
  display: none;
  color: #003473;
  text-align: -webkit-center;
}
.txt_4_responsive_somos p{
  max-width: 50%;
}

.contenerdor_m_v h4{
  color: #ffffff;
}
.contenerdor_m_v{
  left: 7%;
  top: 15%;
  width: 32%;
  padding: 20px;
  color: #ffffff;
  position: absolute;
  background-color: #003473;
}

iil hr {
  border: 1px solid;
}

@media only screen and ( max-width: 1024px ) and ( max-height: 768px ){
  .main-background {
    background-position: 20%;
  }
}

@media only screen and ( max-width: 768px ){
  .main-background {
    background-size: cover !important;
    background: url('../img/servicios/banners/banner_valores_mov.jpg');
  }
  .contenedor_valores_ind{
    width: 50%;
    min-width: 50%;
  }
  .color_a_sobre, .color_v_sobre {
    width: 50%;
  }

  .contenerdor_m_v{
    width: 100%;
    position: initial;
  }
}

@media only screen and (max-width: 376px){
  .main-background {
    height: 20vh;
    background-repeat: no-repeat !important;
    background: url('../img/servicios/banners/banner_valores_375.jpg');
  }
  .contenedor_2_cuadros_info{
    display: grid;
  }
  .contenedor_2_cuadros_info .contenerdor_m_v{
    order: 1;
  }
  .contenedor_2_cuadros_info .txt_4_responsive_somos{
    margin-bottom: 35px;
  }
  .txt_4_responsive_somos{
    display: block;
  }
  .txt_4_responsive_somos p{
    max-width: 90%;
  }
}