/***********************************************************/
/**        GENERAL  AREAS PARA SOTENIBILIDAD               */
/*          OVERRIDE GENERAL                                **/
/***********************************************************/
  .footer-wrapper {
    margin-top:0px !important;
  }
  @media (min-width: 1200px){
    .container{
    width:1060px !important;
    }
    .container2{
      width:1100px !important;
      margin-left: auto;
      margin-right: auto;
    }
  }

/***********************************************************/
/*        HOME SECCION HERO                                    **/
/***********************************************************/
.hero{
  background-color: #004254;
  height: 551px;
}
.hero-area{
  height: 551px;
  /*width: 1280px;*/
  
}
.hero-sostenibilidad{
  background:url("../images/sostenibilidad/hero/ilus15x.svg") no-repeat right bottom;
  background-color: #004254;
  height: 551px;
  width: 1060px;
}
.hero-title{
  height: 222px;
  width: 551px;
  color: #FFFFFF !important;
  font-family: NoeDisplay  !important;
  font-size: 50px  !important;
  font-weight: normal !important;
  letter-spacing: 0  !important;
  line-height: 52px  !important;    
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
/***********************************************************/
/**   HOME SECCION SECTIONS-AREA                                */
/***********************************************************/
.sections{
  /*background-color:  #FFFFFF !important;*/
  background: linear-gradient(90deg, #FFFFFF 50%, #004254 50%);
  /*height: 367px;*/
}
.sections-area{
  /*height: 384px;*/
  height: 367px;
  /*padding-top: 97px;*/
}
.sections-area h3{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  /*width:183px;*/
}
.contenedor-sections{
  display: flex;
}
.all-sections-home{
  padding-top: 97px;
  width: 78%;
  background-color: #fff;
}
.list-section{
  display:flex;
  flex-direction: row;
  list-style: none;

}
.list-section li{
  width:109px;
  margin-right:36px;
}
.sections-odscircle{
  background-color:#004254; 
  width: 22%;
  height: 367px;
  padding-top: 97px;
  padding-left: 26px;
  padding-right: 156px;
}
.conoce-ods{
  width:129px;
}
.conoce-ods a{
  color:#fff !important;
}
.field-content-white a{
  color: #FFFFFF !important;
}
/***********************************************************/
/**   HOME SECCION DESTACADO                                    */
/***********************************************************/
.destacado{
  background-color:  #FFFFFF !important;
}
.destacado-area{
  height: 734px;
}
.destacado-text{
  margin-top:15px;
  margin-bottom:50px;
}
.destacado-text h2{
  color: #004254;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 38px;
}
.destacado-text h3{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.destacado-text p{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.destacado-image{
  height: 734px;
  width: 840px;
  margin-left:-280px;
}

/***********************************************************/
/*       SHARE THIS                                       **/
/***********************************************************/
.sharethis-wrapper-new{
  margin: 60px 0px 20px 0px;
  /*padding: 20px;*/
  height: auto;
  width: 100%;
  overflow: hidden;
}
.share{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23px;
  margin-right:50px;
}
.st_linkedin_custom_new {
  background: url('../images/sostenibilidad/sharethis/linkedin.png') no-repeat left top;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 20px;
}
.st_facebook_custom_new {
  background: url('../images/sostenibilidad/sharethis/facebook.png') no-repeat left top;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 20px;
}
.st_twitter_custom_new{
  background: url('../images/sostenibilidad/sharethis/twitter.png') no-repeat left top;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 20px;
}
.st_email_custom_new{
  background: url('../images/sostenibilidad/sharethis/correo.png') no-repeat left top;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 20px;
}
/***********************************************************/
/*      HOME SECCION INDICES                              **/
/***********************************************************/
.indexes{
  background-color:  #F7F6F6 !important;
}
.indexes-area{
 /* height: 887px;*/ 
}
.indexes-text{
  margin-top:76px;
  margin-bottom:50px;
  text-align:center;
}
.indexes-text h2{
  color: #004254;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 38px;
  margin-top:0px;
}
.indexes-text h3{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.indexes-text p{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.indexes-card{
  margin-top:74px;
  height: 250px;
}
.indexes-no-visible{
  display:none;
}
.larga{
  background-color:#ffffff;
  height: 250px;
  border: 1px solid #E8E8E8;
  background-color: #FFFFFF;
  /*display:flex;
  flex-direction: column;*/
  display:table;
}
.indi_image:hover{
  cursor:pointer; cursor: hand
}
.indi_body{
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 20px;
  margin: 15px 15px;
}
.indi_link{
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  margin: 15px 15px;
}
.indi_title{
  color: #03657C; 
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  margin: 15px 15px;
  vertical-align: bottom;
  
}
.indi_title div{
  margin-left:15px;
  margin-right:15px;
  margin-top:25px;
}
/************************************************************/
/*      HOME SECCION CASOS DE EXITO                              */
/************************************************************/
.success-stories{
  background-color:  #03657C !important;
  
}
.success-stories-area{
  height: 695px;
  background:url("../images/sostenibilidad/success-stories/group-icon-person.svg") no-repeat left bottom;
}
.success-stories-intro{
  margin-top:77px;
}
.success-stories-intro h2{
  color: #FFFFFF;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom:37px;
}
.success-stories-intro p{
  color: #FFFFFF;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom:75px;
}
.success-stories-grid{
  margin-top:77px;
}
.cr{
  /* center in parent*/
  /*position: absolute;
  top: 50%; left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  
  width: auto;
  
  display: flex;
  overflow: auto;
}
.area-carousel{
  width: auto;
  height: 551px;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 10px;
  white-space: nowrap;
}
.area-carousel-ce{
  /*width: auto;
  height: 551px;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 10px;
  white-space: nowrap;*/
  padding: 0px 20px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.area-carousel-ce::-webkit-scrollbar {
  width: 6px;               /* width of the entire scrollbar */
  height: 12px;
  display:none;
}

.area-carousel-ce::-webkit-scrollbar-track {
  background: transparent;        /* color of the tracking area */
}

.area-carousel-ce::-webkit-scrollbar-thumb {
  background-color: white;    /* color of the scroll thumb */
  border-radius: 20px;      /* roundness of the scroll thumb */
  border: none;  /* creates padding around scroll thumb */
  display:none;
}
.cr::-webkit-scrollbar {
  width: 6px;               /* width of the entire scrollbar */
  height: 12px;
  display:none;
}

.cr::-webkit-scrollbar-track {
  background: transparent;        /* color of the tracking area */
}

.cr::-webkit-scrollbar-thumb {
  background-color: white;    /* color of the scroll thumb */
  border-radius: 20px;      /* roundness of the scroll thumb */
  border: none;  /* creates padding around scroll thumb */
  display:none;
}
.linea-inferior{
  width: 100%;
  margin-top: -6px;
  background:#FFFFFF !important;
}
.card-carousel{
  width: 250px;
  height: 405px !important;
  margin: 0 10px 0 0;
  padding: 0;
  background: #fff;
  display: table;
  line-height: 50px;
  margin-top: 50px;
}
.card-carousel span{
  color: #03657C;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-left:15px;
}
.card-carousel h3{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  margin-left:15px;
  margin-top: 0;
}
.card-carousel >.enlace-mas{
  display: table-footer-group;
}
.card-carousel a{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-left:15px;
  
}
.card-carousel img{
  /*height:185px !important;*/
}
.carousel-area-casos{
  height:425px !important;
}
.indicators-casos{
  bottom:-82px !important;
}
.buttons-scroll{
  margin-top:30px;
  margin-left: 19px;
  position: relative;
  z-index: 100;
}
.scroll-arrow-left{
  background: url(../images/sostenibilidad/success-stories/flecha_left.png);
  background-position-y: -1px;
  width: 53px;
  height: 11px;
  display: inline-block;
}
.scroll-arrow-right{
  background: url(../images/sostenibilidad/success-stories/flecha.png);
  width: 53px;
  height: 11px;
  display: inline-block;
}
.area-carousel-main{
  height:551px !important;
}

.area-carousel-main >.area-carousel-inner{
  height:551px !important;
}
.area-carousel-inner{
  height:450px !important;
}

.container-carousel{
  margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    width: 1060px !important;
}
.carousel-titular{
  width: 612px;
  color: #FFFFFF !important;
  font-family: "Noe Display";
  font-size: 50px;
  letter-spacing: 0;
  line-height: 52px;
  position: absolute;
  margin-top:58px;
}
.carousel-link{
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 15px;
  padding-right: 15px;
  width: 1060px !important;
}
.carousel-link a{
  color:#fff !important;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 4px solid #FBBB21;
  padding:10px 20px;
  position: absolute;
  margin-top: 310px;
}
.jumboBarContainer{
  display:none;
} 
/********************************************************/
/*   NUEVO CAROUSEL                                     */
/********************************************************/
.carousel-inner {
  height:405px !important;
}
.card-newce{
  width:250px !important;
  margin-right:18px;/**/
}
.container-card{
 height:405px !important;
 background-color: #FFFFFF;
 width:250px;
 display: table;
}

.container-card h3{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  margin-left:15px;
  margin-top: 0;
}
.container-card >.enlace-mas{
  display: table-footer-group;
}
.container-card a{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-left:15px;
 }
.container-card span{
  color: #03657C;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-left:15px;
}
 .indicators-ce{
 /*position:absolute;*/
 width:100%;
 margin-top:90px;
}
/**********************************************************/
/*      HOME SECCION NOTICIAS                             */
/**********************************************************/
.news-sos{
  /*background-color:  #F7F6F6 !important;*/
  background: linear-gradient(0deg, #FFFFFF 50%, #F7F6F6 50%);
}
.news-area{
  min-height: 400px;
  padding-top:45px
}
.news-intro{
  margin-top:0px;
  margin-bottom: 33px;
}
.news-intro h2{
  color: #004254;;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom:37px;
}
.news-intro p{
  color: #004254;;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom:39px;
}
.news-card{
  background-color: #FFFFFF;
  width:338px;
  padding:15px 12px;
  height: 250px;
  /* display: flex;
  flex-direction:column;*/
  display: table;
}
.news-card-date{
  color: #03657C;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  
  margin-bottom:15px;
}
.news-card-title{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  
  margin-bottom:15px;
}
.news-card-link{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  /*align-self:flex-end;*/
  display: table-row;
  vertical-align: bottom;
}

.news-more-news{
 margin-left:15px;
}
.news-more-news a{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
/**********************************************************/
/*      HOME SECCION DOCUMENTOS                                */
/**********************************************************/
.documents{
  background-color:  #ffffff !important;
  margin-top: 40px;
  margin-bottom: 40px;
}
.links{
  background-color:  #ffffff !important;
  margin-top: 90px;
  margin-bottom: 34px;
}
/*.news-area{
  min-height: 432px;
}*/
.documents-intro{
  margin-top:0px;
}
.documents-intro h2{
  color: #004254;;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom:37px;
  /*margin-left: -30px;*/
  margin-left:0px;
}
.documents-items{

}
.documents-item{
 display:flex;
 min-height: 75px !important;
 align-items: flex-end;
 justify-content:space-between;
 border-bottom: 2px solid #ccc;
 padding-bottom: 19px;
 margin-left:30px;
}
.documents-item-new{

  border-bottom: 2px solid #ccc;
  margin-left:30px;
  }
  .documents-item-new p{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
  max-width: 250px;
}
.documents-item-link{
  margin-left:-15px;/**/
}
.documents-item .title-document{

}
.documents-item .down-document{

}
.new-down-document a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 10px;
  margin: 10px 0px; 
}
.documents-item-new .size-document{
  color: #004254;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
}
.documents-item-new .icon-document{
  background:url("../images/sostenibilidad/documents/group-icon-document.svg");
  padding: 13px 16px;
  height:38px;
  margin-left: -15px;
}
.documents-item-new .icon-download{
  background:url("../images/sostenibilidad/documents/group-icon-download.svg");
  padding: 11px;
  height:33px;
}
.documents-item .icon-link{
  background:url("../images/sostenibilidad/documents/link.png") no-repeat left top;
  padding: 18px;
  height:33px;
}
/***********************************************************/
/*      VIEWS CASOS DE ÉXITO  LISTADO                     **/
/***********************************************************/
.hero-casos-exito{
  background-color: #03657C;
  margin-bottom:35px;
}
.hero-casos-exito-cont{
  height: 295px;
  background:url("../images/sostenibilidad/success-stories/group-icon-person.svg") no-repeat right bottom;
  background-color:#03657C;

}
.hero-casos-exito-cont h2{
  color: #FFFFFF !important;
  font-family: NoeDisplay  !important;
  font-size: 50px  !important;
  font-weight: normal !important;
  letter-spacing: 0  !important;
  line-height: 52px  !important;    
  margin-top: 26px !important;
  margin-bottom: 52px !important;
}
.hero-casos-exito-cont p{
  color: #FFFFFF !important;
  font-family: Arial !important ;
  font-size: 18px !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
}
.card-casos-exito{
  height: 405px;
  width: 339px;
  box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15);
  display:table;
  margin-bottom:25px;
}
.card-casos-exito > .enlace-mas{
  display:table-footer-group;
}
.card-casos-exito > .enlace-mas > a{
  margin-left:19px;
}
.card-casos-exito h3{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 17px;
}
.card-casos-exito a{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.card-casos-exito span{
  color: #03657C;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-left:15px;
}
.thumb-casos-exito{
  width:339px;
  height:185px;
}
/*.view-frontal-casos-de-exito .pagination {
  color:#FF0000;
}*/


#new-pagination{
  margin-bottom:120px;
}


#new-pagination .pagination li a{
  border: 2px solid#004254 !important;
  
  font-family: Arial !important;
  margin-right:12px;
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}
#new-pagination .pagination li span{
  border: 2px solid  #004254 !important;
  background-color: #004254 !important;
  color :#fff !important;
  font-family: Arial;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  margin-right:12px;
}
  /**************** FILTROS ************************************************/
  .head-button-filtros {
    height:35px;
    margin-bottom:15px;
  }
  .head-button-filtros p{
    color: #004254;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 21px
  }
  .button-filtros{
    background:url("../images/sostenibilidad/filtros/filtros.png") no-repeat left top;
    padding: 18px;
    height:33px;
    margin-right: 15px;
  }
  .section-filters{
    background-color: #004254 !important;
    margin-bottom:49px;
  }
  .form-casos{
    border:none !important;
  }
  .views-widget-filter-field_line_acc_tid,
  .views-widget-filter-field_caso_tema_tid,
  .views-widget-filter-field_caso_obje_tid{
    width:250px !important;
  }
  .views-exposed-form{
    height: 85px;
    margin-top:15px;
    /*width: 1282px;*/
    background-color: #004254 !important;
    border:none !important;
  }
  .views-exposed-form .form-control{
    color: #004254;
    font-family: Arial;
    font-size: 13px !important;
    letter-spacing: 0;
    line-height: 15px !important;
    height: 40px !important;
  }
  .capa-close-filtros{
    float:right;
    margin-top: 46px;
  }
  .close-filtros{
    background:url("../images/sostenibilidad/filtros/close-white.png") no-repeat left top;
    padding: 18px;
    height:33px;
  }
  .views-exposed-form label{
    color:#fff !important;
    /*display:none;*/
  }
  .section-tarjetas{
    margin-bottom:40px;
  }
  .tarjeta-filtros{
    height: 40px;
    background-color: #F7F6F6;
    color: #004254;
    font-family: Arial;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 15px;
    padding: 15px 25px;
    margin-right: 30px;
  }
/***********************************************************/
/*      CASO  DE EXITO DETALLE                             */
/***********************************************************/
.caso-exito-top{
  background-color: #004254;
  height:250px;
}
.caso-exito-title{

  color: #FFFFFF !important;
  font-family: NoeDisplay  !important;
  font-size: 50px  !important;
  font-weight: normal !important;
  letter-spacing: 0  !important;
  line-height: 52px  !important;    
  margin-top: 26px !important;
  margin-bottom: 52px !important;
}
.caso-exito-lineas-acccion{
  margin-top:40px;
  background-color:  #ffffff !important;
}
.caso-exito-lineas-acccion .field-items{
  display:flex;
}
.caso-exito-lineas-acccion .field-items .field-item{
  padding:15px 30px;
  background-color: #F7F6F6;
  margin-right:30px;
  color: #004254;
  font-family: Arial;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
}
.caso-exito-body{
  margin-top:40px;
  background-color:  #ffffff !important;
}
.caso-exito-body p{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.caso-exito-image-back{
  background-color: #004254;
  height:354px;
  margin-top:40px;
}
.caso-exito-desarrollo{
  padding-top:40px;
  background-color:  #F7F6F6 !important;
  height:500px;
}
.caso-exito-desarrollo .comillas{
  background:url("../images/sostenibilidad/details/“\ copy.png");
  height: 35px;
  width: 70px;
  background-repeat: no-repeat;
}
.caso-exito-desarrollo .texto{
  margin-left:70px;
  max-width:373px;
}
.caso-exito-desarrollo .texto p {
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
}
.caso-exito-desarrollo .info h2{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.caso-exito-desarrollo .info p{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.caso-exito-objetivos{
  margin-top:40px;
  background-color:  #ffffff !important;
}
.caso-exito-objetivos h2{
  color: #004254;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom:52px;
}
.casos-exito-objetivos-thumb{
  height: 70px;
  width: 70px;
  margin-right: 23px;
}
.caso-exito-enlaces-relacionados{
  margin-top:40px;
  background-color:  #ffffff !important;
}
.caso-exito-enlaces-relacionados h2{
  color: #004254;
  font-family: NoeDisplay;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 28px;
}
.iconos-casos-exito{
  display:flex;
}
.iconos-casos-exito div{
  margin-right:15px !important;
}
/***********************************************************/
/*      ELEMENTOS GENERALES                               **/
/***********************************************************/
.brand-button-yellow{
  box-sizing: border-box !important;
  height: 54px !important;
  width: 254px !important;
  border: 4px solid #FBBB21 !important;
  /*height: 16px;
  width: 250px;*/
  color: #FFFFFF !important;
  font-family: Arial !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  line-height: 16px !important;
  text-align: center !important;
  padding:20px;
}
.brand-button-yellow:hover{
  background-color:#FBBB21 !important;
  color: #004254 !important;
}

.text-button-blue{
  color:  #004254 !important;
}
/************************************************************/
/************************************************************/
/*      SECCIONES DE SOSTENBILIDAD                          */
/************************************************************/
.section-head{
  background-color: #004254;
}
.section-head-background{
  height: 295px;
}
.section-head h2{
  color:#fff !important;
  font-family: NoeDisplay;
  font-size: 50px;
  letter-spacing: 0;
  line-height: 52px;
  margin-bottom: 35px;
  margin-top: 28px;
}
.section-head p{
  color:#fff !important;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 36px;
}
.section-head a{
  color:#fff !important;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 4px solid #FBBB21;
  padding:10px 20px;

}

.bg_gray{
  background-color:  #F7F6F6 !important;
}
.bg_white{
  background-color:  #ffffff !important;
}
.bg_amazon_blue{
  background-color:  #004254 !important;
  color:#fff !important;
}
.bg_amazon_blue h3{
  color:#ffffff !important;
}
.bg_amazon_blue a{
  color:#ffffff !important;
}
.bg_amazon_blue p{
  color:#ffffff !important;
}

.bg_haze_blue{
  background-color: #03657C !important;
  color:#fff !important;
}
.bg_haze_blue h3{
  color:#ffffff !important;
}
.bg_haze_blue a{
  color:#ffffff !important;
}
.bg_haze_blue p{
  color:#ffffff !important;
}
.bg_gray_blue{
  background-color: #D4E3E7 !important;
}

.subsection-head{
  background-color: #004254;
}
.subsection-head-background{
  min-height: 220px;
}
.subsection-head h2{
  color:#fff !important;
  font-family: NoeDisplay;
  font-size: 50px;
  letter-spacing: 0;
  line-height: 52px;
  margin-bottom: 35px;
  margin-top: 28px;
}
.custom-breadcrumb{
  color: #FFFFFF !important;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top:32px;
}
.custom-breadcrumb .link_bread{
  color: #FFFFFF !important;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top:32px;
  border:none;
  font-weight:normal;
}
.section-html{
  padding-top: 45px;
  padding-bottom: 45px;
}
.especial{
  margin-left:0px;
 /* margin-right:-150px;*/
}
.section-html h3{
  font-family: "Noe Display";
  font-size: 35px;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 35px;
}
.section-html h4{
  color: #004254;
  font-family: "Noe Display";
  font-size: 25px;
  letter-spacing: 0;
  line-height: 29px;
}
.section-html h5{
  color: #004254;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  height: 55px;
}
.section-html p{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 24px;
}
.section-html strong{
  font-weight: bold;
  font-size: 16px;
}
.section-html a{
  text-decoration:none;
}
.section-html .sec-cont{
  
}
/****************************************************************
**        METRICAS                                             **
*****************************************************************/
.metricas{

}
.metricas-container-icon{
  display: flex;
  align-content: flex-end;
  flex-direction: row-reverse;
  margin-bottom:-13px !important;
}
.metricas-number{
  color: #004254;
  font-family: "Noe Display";
  font-size: 75px;
  letter-spacing: 0;
  line-height: 52px;
}
.metricas-unit{
  color: #004254;
  font-family: "Noe Display";
  font-size: 50px;
  letter-spacing: 0;
  line-height: 52px;
}
.metricas-icon{
  width: 70px;
  height: 62px;
  /*float: right;*/
  display: block;
}
.metricas-icon2x{
  width: 117px;
  height: 122px;
  /*float: right;*/
  display: block;
}
.metricas-plus{
  color: #004254;
  font-family: "Noe Display";
  font-size: 50px;
}
.metricas-text{
  color: #03657C !important;  
}
.mujeresdirectivas{
  background: url('../images/sostenibilidad/metrics-icons/mujeresdirectivas2x.png') no-repeat left top;
  background-size: contain;
  width: 48px !important;
  /* height: 62px !important; */
}
.nacionalidad{
  background: url('../images/sostenibilidad/metrics-icons/nacionalidad2x.png') no-repeat left top;
  background-size: contain;
  width: 58px !important;
  /* height: 59px !important; */
}
.nacionalidad2x{
  background: url('../images/sostenibilidad/metrics-icons/nacionalidad2x.png') no-repeat left top;
}
.mujeresplantilla{
  background: url('../images/sostenibilidad/metrics-icons/mujeresplantilla2x.png') no-repeat left top;
  background-size: contain;
  width: 62px !important;
  /* height: 62px !important; */
}
.etica{
  background: url('../images/sostenibilidad/metrics-icons/etica2x.png') no-repeat left top;
  background-size: contain;
  width: 61px !important;
  /* height: 61px !important; */
}
.iniciativasvoluntario{
  background: url('../images/sostenibilidad/metrics-icons/iniciativasvoluntario2x.png') no-repeat left top; 
  background-size: contain;
  width: 57px !important;
  /* height: 54pkx !important; */
}
.personasytalento{
  background: url('../images/sostenibilidad/metrics-icons/personasytalento2x.png') no-repeat left top;
  background-size: contain;
  width: 48px !important;
  /* height: 53px !important; */
}
.residuos{
  background: url('../images/sostenibilidad/metrics-icons/residuos2x.png') no-repeat left top;
  background-size: contain;
  width: 40px !important;
  /* height: 50px !important; */
} 
/*.residuos1{
  background: url('../images/sostenibilidad/metrics-icons/residuos.png') no-repeat left top;
  width: 40px !important;
  height: 50px !important;
}
.residuos2{
  background: url('../images/sostenibilidad/metrics-icons/residuos@2x.png') no-repeat left top;
  background-size: cover;
  width: 40px !important;
  height: 50px !important;
}
.residuos3{
  background: url('../images/sostenibilidad/metrics-icons/residuos@3x.png') no-repeat left top;
  background-size: cover;
  width: 40px !important;
  height: 50px !important;
}*/
.residuospeligrosos{
  background: url('../images/sostenibilidad/metrics-icons/residuospeligrosos2x.png') no-repeat left top;
  background-size: contain;
  width: 57px !important;
}
.cambioclimatico{
  background: url('../images/sostenibilidad/metrics-icons/cambioclimatico2x.png') no-repeat left top;
  background-size: contain;
  width: 50px !important;
  /* height: 62px !important; */
}
.cambioclimatico2{
  background: url('../images/sostenibilidad/metrics-icons/cambioclimatico22x.png') no-repeat left top;
  background-size: contain;
  width: 66px !important;
  /* height: 62px !important; */
}
.sostenible{
  background: url('../images/sostenibilidad/metrics-icons/sostenible2x.png') no-repeat left top;
  background-size: contain;
  width: 63px !important;
  /* height: 62px !important; */
}
.acuerdosinstitucionales{
  background: url('../images/sostenibilidad/metrics-icons/acuerdosinstitucionales.png') no-repeat left top;
  background-size: contain;
  width: 65px !important;
  height: 65px !important;  
}
.innovacion{
  background: url('../images/sostenibilidad/metrics-icons/innovacion2x.png') no-repeat left top;
  background-size: contain;
  width: 55px !important;
  /* height: 57px !important; */
}
.proyectoscolaboracion{
  background: url('../images/sostenibilidad/metrics-icons/proyectoscolaboraicon2x.png') no-repeat left center;
  background-size: contain;
  width: 63px !important;
  /* height: 39px !important; */
}
.compraslocales{
  background: url('../images/sostenibilidad/metrics-icons/compraslocales2x.png') no-repeat left top;
  background-size: contain;
  width: 56px;
}
.proveedoreshomologados{
  background: url('../images/sostenibilidad/metrics-icons/proveedoreshomologados2x.png') no-repeat left top;
  background-size: contain;
  width: 52px;
}
.proveedoresevaluados{
  background: url('../images/sostenibilidad/metrics-icons/proveedoresevaluados2x.png') no-repeat left center;
  background-size: contain;
    width: 48px;
}
.ciudadessostenibles{
  background: url('../images/sostenibilidad/metrics-icons/ciudadessostenible2x.png') no-repeat left top;
  background-size: contain;
  width: 70px !important;
  /* height: 62px !important; */
}
.climatizacion{
  background: url('../images/sostenibilidad/metrics-icons/climatizacion2x.png') no-repeat left center;
  background-size: contain;
  width: 58px !important;
  /* height: 43px !important; */
}
.movilidadsostenible{
  background: url('../images/sostenibilidad/metrics-icons/movilidadsostenible2x.png') no-repeat left top;
  background-size: contain;
  width: 54px !important;
  /* height: 65px !important; */
}
.gobierno{
  background: url('../images/sostenibilidad/metrics-icons/gobierno2x.png') no-repeat left top;
  background-size: contain;
  width: 50px !important;
  /* height: 58px !important; */
}
.ofertatecnologica{
  background: url('../images/sostenibilidad/metrics-icons/ofertatecnologica2x.png') no-repeat left top;
  background-size: contain;
  width: 56px !important;
  /* height: 48px !important; */
}
.relaciongruposinteres{
  background: url('../images/sostenibilidad/metrics-icons/relaciongruposinteres2x.png') no-repeat left top;
  background-size: contain;
  width: 51px !important;
  /* height: 48px !important; */
}
.sociedadycompromiso{
  background: url('../images/sostenibilidad/metrics-icons/sociedadycompromiso2x.png') no-repeat left top;
  background-size: contain;
  width: 47px !important;
  /* height: 57px !important; */
}
.transformacioncultural{
  background: url('../images/sostenibilidad/metrics-icons/transformacioncultural2x.png') no-repeat left top;
  background-size: contain;
  width: 52px !important;
  /* height: 52px !important; */
}
.compras{
  background: url('../images/sostenibilidad/metrics-icons/compras2x.png') no-repeat left top;
  background-size: contain;
  width: 57px !important;
  /* height: 51px !important; */
}
.desplazamientos{
  background: url('../images/sostenibilidad/metrics-icons/desplazamiento2x.png') no-repeat left top;
  background-size: contain;
  width: 37px !important;
  /* height: 59px !important; */
}
.emisiones{
  background: url('../images/sostenibilidad/metrics-icons/emisiones2x.png') no-repeat left top;
  background-size: contain;
  width: 70x !important;
  /* height: 70px !important; */
}
.cadenasuministro{
  background: url('../images/sostenibilidad/metrics-icons/cadenasuministro2x.png') no-repeat left top;
  background-size: contain;
  width: 70px !important;
  /* height: 64px !important; */
}
.ciber{
  background: url('../images/sostenibilidad/metrics-icons/ciber2x.png') no-repeat left top;
  background-size: contain;
  width: 52px !important;
  /* height: 57px !important; */
}
.privacidad{
  background: url('../images/sostenibilidad/metrics-icons/privacidad2x.png') no-repeat left top;
  background-size: contain;
  width: 52px !important;
  /* height: 58px !important; */
}
.logobnesr{
  background: url('../images/sostenibilidad/logos/bn/esr.png') no-repeat left top;
  height: 67px;
  width: 223px;
  display: block;
}
.logobnbloom{
  background: url('../images/sostenibilidad/logos/bn/bloomberg15x.svg') no-repeat left top;
  height: 67px;
  width: 223px;
  display: block;
}
.logobnigualdad{
  background: url('../images/sostenibilidad/logos/bn/igualdad15x.svg') no-repeat left top;
  height: 67px;
  width: 223px;
  display: block;
}
.logobntarget{
  background: url('../images/sostenibilidad/logos/bn/target15x.svg') no-repeat left top; 
  height: 67px;
  width: 223px;
  display: block;
}
.background-centrado{
  background-position: center top !important;
}
.column-number-ilustracion{
  padding-top:71px;
}
.column-logos{
  padding-top:4px;
}
.order_number{
  color: #004254;
  font-family: NoeDisplay !important;
  font-size: 25px !important;
  letter-spacing: 0 !important;
  line-height: 29px !important;
  border-bottom:2px solid #FBBB21;
  padding-bottom:26px;
  width:46px;
}
.parrafo_bf_number{
  margin-bottom: 56px !important;
}
.cabecera-col{
  height: 160px;
  width: 339px;
  background-color:#004254;
}
.section-index-subtitle {
  text-align: center;
  font-size: 16px;
  color: #004254;
  font-family: "Noe Display";
}
.bienestar-col1{
  background: url('../images/sostenibilidad/columnas/clase.png') no-repeat left top;
  display:block;
  margin-bottom: 30px;
}
.bienestar-col2{
  background: url('../images/sostenibilidad/columnas/mesaredonda.png') no-repeat left top;
  display:block;
  margin-bottom: 30px;
}
.bienestar-col3{
  background: url('../images/sostenibilidad/columnas/laptop.png') no-repeat left top;
  display:block;
  margin-bottom: 30px;
}
.megafono-sensibilizacion{
  background: url('../images/sostenibilidad/ilustraciones/megafono.png') no-repeat left top;
  display:block;
  height: 264px;
  width: 325px;
  margin-top:100px;
  margin-left: auto;
}
.countries-in-world{
  background: url('../images/sostenibilidad/mapa/mapa-new-redimension.png') no-repeat left top;
  display:block;
  height: 609px;
  width: 100%;
}
.countries-certify{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.country-certify{

}
.name-country{
  color: #004254;
  font-family: NoeDisplay !important;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 52px;
}
.count-country{
  color: #004254;
  font-family: Arial;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 52px;
}
.grafico{
  display:block;
  height: 403px;
}
.nopeligrosos{
  /*background: url('../images/sostenibilidad/graficos/nopeligrosos.png') no-repeat left top;*/
  background: url('../images/sostenibilidad/graficos/nopel_es15x.svg') no-repeat left top;
  width: 100%;
}
.peligrosos{
  /*background: url('../images/sostenibilidad/graficos/peligrosos.png') no-repeat left top;*/
  background: url('../images/sostenibilidad/graficos/pel_es15x.svg') no-repeat left top;
  width: 100%;
}
.nopeligrosos_en{
  /*background: url('../images/sostenibilidad/graficos/nopeligrosos.png') no-repeat left top;*/
  background: url('../images/sostenibilidad/graficos/nopel_en15x.svg') no-repeat left top;
  width: 100%;
}
.peligrosos_es{
  /*background: url('../images/sostenibilidad/graficos/peligrosos.png') no-repeat left top;*/
  background: url('../images/sostenibilidad/graficos/pel_en15x.svg') no-repeat left top;
  width: 100%;
}
table>thead>tr>th,
table>tbody>tr>th,
table>tbody>tr>td{
  border-bottom: 1px solid #FFFFFF !important;
}
.table-title{
  color: #004254;
  font-family: Arial;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  width:600px;
  text-align: left;
}
table>thead>tr>th{
color: #004254;
font-family: Arial;
font-size: 18px;
font-weight: bold;
letter-spacing: 0;
line-height: 23px;
text-align: right;
}
table>tbody>tr>th{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  width:70%;
}
table>tbody>tr>td{
  text-align: right;
  font-size:16px;
}
/********************************************************************
/*      INICIATIVAS
/********************************************************************/
.objetivos-ds-iniciativas{
  width:70px;
  height: 70px;
  margin-right:15px;
}
.item-iniciativa{
  margin-top:25px;
  min-height:1000px !important;
  display:table;
}
.title-iniciativa{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 32px;
  margin-bottom:20px;
}
.descripcion-iniciativas{
  margin-bottom:25px;
  margin-right: 50px;
}
.descripcion-iniciativas p{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom:18px;
}
.descripcion-iniciativas li{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 18px;
}
.descripcion-iniciativas strong{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
}
.iconos-iniciativas{
  display:table-footer-group;
}
.iconos-iniciativas strong{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
}
/************************************************************/
/*   Talento                                                */
/************************************************************/
.ambitos-talento{
  background: url('../images/sostenibilidad/ilustraciones/ambitos.png') no-repeat left top;
  display:block;
  height: 179px;
  width: 1055px;
  margin-top:100px;
}
.ambitos-talento-links{
  margin-top:15px;
  display:flex;
  justify-content:space-between;
}
.ambitos-talento-links div{
  width: 25%;
  display: flex;
  justify-content: center;
}
.ambitos-talento-links  a{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  text-decoration:none;
  padding-bottom:9px;
  border-bottom:3px solid transparent;
}
.ambitos-talento-links  a:hover{
  border-bottom: 3px solid #FBBB21;

}
.reconocimientos-talento-logosbn{
  margin-top:15px;
  display:flex;
  justify-content:space-between;
  height: 94px;
}
/************************************************************/
/*  MEDIO  AMBIENTE                                        */
/************************************************************/
.ambitos-ma{
  background: url('../images/sostenibilidad/ilustraciones/ambitos_ma_2024.png') no-repeat left top;
  display:block;
  height: 212px;
  width: 1055px;
  margin-top:100px;
}
.ambitos-ma-links{
  margin-top:15px;
  display:flex;
  justify-content:space-between;
}
.ambitos-ma-links div{
  width: 33%;
  display: flex;
  justify-content: center;
}

.ambitos-ma-links  a{
  color: #004254;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  text-decoration:none;
  padding-bottom:9px;
  border-bottom:3px solid transparent;
}
.ambitos-ma-links  a:hover{
  border-bottom: 3px solid #FBBB21;

}
.hoja-ruta-descarbonizacion-es{
  background: url('../images/sostenibilidad/graficos/HojaRutaMedioambienteES.png') no-repeat left top;
  display:block;
  height: 300px;
  width: 1055px;
}
.hoja-ruta-descarbonizacion-en{
  background: url('../images/sostenibilidad/graficos/HojaRutaMedioambienteEN.png') no-repeat left top;
  display:block;
  height: 300px;
  width: 1055px;
}
ul.eco-ul {
  margin-left: 24px;
}
/**************************************************************/
/*          Innovación
***************************************************************/
.ideas-innovacion{
  background: url('../images/sostenibilidad/ilustraciones/innovacion.png') no-repeat right bottom;
  display:block;
  height: 269px;
  width: 334px;
}
.innovacion-sostenible{
  padding-bottom:0px !important;
}
.hito-green{
  display:flex;
  align-content: space-between;
  flex-direction: column;
  min-height:360px !important;
  /*border:1px solid #ffffff;*/
}
.more-inf-green{
  align-content: flex-end;
}
.more-inf-green a{
  color: #03657C;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.innova-nuestras-tecnologias{
  background: url('../images/sostenibilidad/columnas/laboratorio.png') no-repeat right center;
  display:block;
  height:300px;
}
.innova-programas{
  background: url('../images/sostenibilidad/columnas/entrevista.png') no-repeat left center;
  display:block;
  height:300px;
}
.innova-mejora{
  background: url('../images/sostenibilidad/columnas/medicina.png') no-repeat right center;
  display:block;
  height:300px;
}
.p-titular{
  height:40px !important;
}
/**************************************************************/
/*    DERECHOS HUMANOS                                        */
/*************************************************************/
.cabecera-columna6{
  height: 240px;
  width: 520px;
  background-color:#004254;
  margin-bottom: 35px;
}
.derecho-celda1{
  background: url('../images/sostenibilidad/columnas/salareunion.png') no-repeat left top;
  display:block
}
.derecho-celda2{
  background: url('../images/sostenibilidad/columnas/primerplano.png') no-repeat left top;
  display:block
}
.derecho-celda3{
  background: url('../images/sostenibilidad/columnas/manos.png') no-repeat left top;
  display:block
}
.derecho-celda4{
  background: url('../images/sostenibilidad/columnas/explicando.png') no-repeat left top;
  display:block
}
.derecho-grupo{
  background: url('../images/sostenibilidad/ilustraciones/grupo.png') no-repeat right bottom;
  display:block;
  height: 300px;
  margin-top: -99px;
  /*width: 262px;*/
}
.derecho-equipo{
  /*background: url('../images/sostenibilidad/columnas/equipo.png') no-repeat right center;
  height:450px;
  display:block;*/
}
.card-seguimiento{
 margin-top:25px;
 margin-bottom:25px;
}
.card-seguimiento p{
  
}
.derecho-politicas{
  margin-top:36px;
}
.derecho-politicas h5{
  margin-bottom:41px;
}
.derecho-integracion{
  margin-top:36px;
}
.derecho-integracion h5{
  margin-bottom:41px;
}
.debida-diligencia{
  padding-bottom:0px !important;
}

/*********************************************************
/*        CADENA SUMINISTRO                             */
/*********************************************************/
.card-gestion{
  margin-top:25px;
  margin-bottom:25px;
 }
.enca-provee-cadena-01{
  background: url('../images/sostenibilidad/columnas/sonrisas.png') no-repeat left top;
  display:block
}
.enca-provee-cadena-02{
  background: url('../images/sostenibilidad/columnas/mostrando.png') no-repeat left top;
  display:block
}
.enca-provee-cadena-03{
  background: url('../images/sostenibilidad/columnas/comida.png') no-repeat left top;
  display:block
}
.enca-provee-cadena-04{
  background: url('../images/sostenibilidad/columnas/grupo4.png') no-repeat left top;
  display:block
}
.cadena-requerimientos{
  background: url('../images/sostenibilidad/columnas/dron.png') no-repeat right center;
  display:block;
  height:300px;
}
.cadena-procedimientos{
  background: url('../images/sostenibilidad/columnas/seguridad.png') no-repeat left center;
  display:block;
  height:300px;
}
.cadena-principios{
  background: url('../images/sostenibilidad/columnas/sillones.png') no-repeat right center;
  display:block;
  height:300px;
}

/***************************************************************/
/*        CONOCE                                              */
/*****************************************************************/
.conoce-pacto{
  background: url('../images/sostenibilidad/ilustraciones/pacto.png') no-repeat right bottom;
  display:block;
  height: 457px;
  margin-bottom: -45px;
  /*margin-top: -99px;*/
  /*width: 262px;*/
}
.contenedor-enlace{
  margin-top:58px;
}
.conoce-link-10{
  color:#fff !important;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 4px solid #FBBB21;
  padding:10px 20px;
}

.card-conoce{
  margin-top:25px;
  margin-bottom:25px;
 }
 .enca-conoce-01{
  background: url('../images/sostenibilidad/columnas/movilidad.png') no-repeat left top;
  display:block
}
.enca-conoce-02{
  background: url('../images/sostenibilidad/columnas/transicion.png') no-repeat left top;
  display:block
}
.enca-conoce-03{
  background: url('../images/sostenibilidad/columnas/ciudadessostenibles.png') no-repeat left top;
  display:block
}
.enca-conoce-04{
  background: url('../images/sostenibilidad/columnas/transformacion.png') no-repeat left top;
  display:block
}
.card-conoce >.row{
  margin-left:0px !important;
}

.enca-impacto-01{
  background: url('../images/sostenibilidad/columnas/vr.png') no-repeat left top;
  display:block
}
.enca-impacto-02{
  background: url('../images/sostenibilidad/columnas/monitores.png') no-repeat left top;
  display:block
}
.enca-impacto-03{
  background: url('../images/sostenibilidad/columnas/recogiendo.png') no-repeat left top;
  display:block
}
.enca-impacto-04{
  background: url('../images/sostenibilidad/columnas/charla.png') no-repeat left top;
  display:block
}
.card-2-conoce{
  height:626px !important;
}
.card-2-conoce-text{
  height:290px !important;
}
.card-2-conoce-list{
  /*height:300px !important;*/
  height:auto;
  margin-left:15px;
}
.card-2-conoce-list>p{
  margin-left:-15px !important;
}
.card-3-conoce{
  height:626px !important;
  margin-top:40px;
}
.card-3-conoce-text{
  height:225px !important;
}
.card-3-conoce-list{
  height:300px !important;
  margin-left:15px;
}
.card-3-conoce-list>p{
  margin-left:-15px !important;
}
/***********************************************************/
/*   BLOQUES DE SUBSECCIONES                               */
/************************************************************/
.diversidad-valor-datos{

}
.derecho-evolucion-impacto{ 
  background: url('../images/sostenibilidad/columnas/equipo.png') no-repeat right center;
  display:block;
  height: 500px;
}
/*************************************************************/
/*    ICONOS ODS                                             */
/************************************************************/
.ods-small{
  height:70px;
  width:70px !important;
  margin-right: 15px;
  margin-bottom: 15px;
  display:block;
  background-size: cover;
}

.ods1-es{
  /*background: url('../images/sostenibilidad/ods-es/ods-01@1\,5x.svg') no-repeat left top;*/
  background: url('../images/sostenibilidad/s/S-WEB-Goal-01.png') no-repeat left top / cover;
}
.ods2-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-02@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-02.png') no-repeat left top / cover;
}
.ods3-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-03@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-03.png') no-repeat left top / cover;
}
.ods4-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-04@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-04.png') no-repeat left top / cover;
}
.ods5-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-05@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-05.png') no-repeat left top / cover;
}
.ods6-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-06@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-06.png') no-repeat left top / cover;
}
.ods7-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-07@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-07.png') no-repeat left top / cover;
}
.ods8-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-08@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-08.png') no-repeat left top / cover;
}
.ods9-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-09@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-09.png') no-repeat left top / cover;
}
.ods10-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-10@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-10.png') no-repeat left top / cover;
}
.ods11-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-11@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-11.png') no-repeat left top / cover;
}
.ods12-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-12@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-12.png') no-repeat left top / cover;
}
.ods13-es{
  /*background: url('../images/sostenibilidad/ods-es/ods-13@1\,5x.svg') no-repeat left top;*/
  background: url('../images/sostenibilidad/s/S-WEB-Goal-13.png') no-repeat left top / cover;
}
.ods14-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-14@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-14.png') no-repeat left top / cover;
}
.ods15-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-15@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-15.png') no-repeat left top / cover;
}
.ods16-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-16@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-16.png') no-repeat left top / cover;
}
.ods17-es{
  /* background: url('../images/sostenibilidad/ods-es/ods-17@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/s/S-WEB-Goal-17.png') no-repeat left top / cover;
}
.ods1-pt,
.ods1-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-01@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-01.png') no-repeat left top / cover;
}
.ods2-pt,
.ods2-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-02@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-02.png') no-repeat left top / cover;
}
.ods3-pt,
.ods3-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-03@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-03.png') no-repeat left top / cover;
}
.ods4-pt,
.ods4-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-04@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-04.png') no-repeat left top / cover;
}
.ods5-pt,
.ods5-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-05@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-05.png') no-repeat left top / cover;
}
.ods6-pt,
.ods6-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-06@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-06.png') no-repeat left top / cover;
}
.ods7-pt,
.ods7-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-07@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-07.png') no-repeat left top / cover;
}
.ods8-pt,
.ods8-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-08@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-08.png') no-repeat left top / cover;
}
.ods9-pt,
.ods9-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-09@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-09.png') no-repeat left top / cover;
}
.ods10-pt,
.ods10-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-10@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-10.png') no-repeat left top / cover;
}
.ods11-pt,
.ods11-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-11@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-11.png') no-repeat left top / cover;
}
.ods12-pt,
.ods12-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-12@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-12.png') no-repeat left top / cover;
}
.ods13-pt,
.ods13-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-13@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-13.png') no-repeat left top / cover;
}
.ods14-pt,
.ods14-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-14@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-14.png') no-repeat left top / cover;
}
.ods15-pt,
.ods15-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-15@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-15.png') no-repeat left top / cover;
}
.ods16-pt,
.ods16-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-16@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-16.png') no-repeat left top / cover;
}
.ods17-pt,
.ods17-en{
  /* background: url('../images/sostenibilidad/ods-en/ods-17@1\,5x.svg') no-repeat left top; */
  background: url('../images/sostenibilidad/e/E-WEB-Goal-17.png') no-repeat left top / cover;
}
.ods-tabs{
  height:160px;
  width:160px;
  background-size:160px !important;
  display:block;
  opacity:0.75;
}
li.active>a>.ods-tabs {
  opacity:1;
}
#objetivos_impactados>.nav>li>a{
  padding: 10px 4px !important;
}
.nav-tabs>li.active>a
{
  border-left:none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 3px solid #FBBB21 !important;
}
.conoce-img-ods4{
  background: url('../images/sostenibilidad/columnas/enmesa.png') no-repeat right center;
  display:block;
  height:300px;
}
.conoce-img-ods5{
  background: url('../images/sostenibilidad/columnas/mujerconmovil.png') no-repeat right center;
  display:block;
  height:300px;
}
.conoce-img-ods8{
  background: url('../images/sostenibilidad/columnas/ODS_8.png') no-repeat right center;
  display:block;
  height:300px;
}
.conoce-img-ods9{
  background: url('../images/sostenibilidad/columnas/ODS_9.png') no-repeat right center;
  display:block;
  height:300px;
}
.conoce-img-ods10{
  background: url('../images/sostenibilidad/columnas/ODS_10.png') no-repeat right center;
  display:block;
  height:300px;
}
.conoce-img-ods13{
  background: url('../images/sostenibilidad/columnas/ODS_13.png') no-repeat right center;
  display:block;
  height:300px;
}
.enca-conoce-3-01{
  background: url('../images/sostenibilidad/columnas/mujer.png') no-repeat left top;
  display:block;
  height:160px;
  margin-bottom: 34px;
}
.enca-conoce-3-02{
  background: url('../images/sostenibilidad/columnas/cascada.png') no-repeat left top;
  display:block;
  height:160px;
  margin-bottom: 34px;
}
.enca-conoce-3-03{
  background: url('../images/sostenibilidad/columnas/mercado.png') no-repeat left top;
  display:block;
  height:160px;
  margin-bottom: 34px;
}
.icono-iniciativa{
  display:inline-block !important;
}
/********************************/
/*COMPROMETIDOs                    */
/********************************/
.ol-formula{
  margin-left: 20px;
}
.ol-formula li{
  color: #004254;
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.compromisos-formula{
  background: url('../images/sostenibilidad/ilustraciones/lapiz.png') no-repeat right bottom;
  display:block;
  min-height: 421px;
  margin-bottom: -45px;
  border-bottom:2px solid #E8E8E8;
  /*margin-top: -99px;*/
  /*width: 262px;*/
}
.top-conoce{
  padding-bottom:0px !important;
}

 /************************************************************/
 /*       MEDIA QUERIES                                      */
 /************************************************************/ 
 @media (max-width: 576px) {
  .documents-item-new {
    border-bottom: 2px solid #ccc;
    margin-left: 0px;  
  }
  .countries-certify{
    display: inline-block !important;
  }
  .country-certify{
    display: inline-block;
    width:45%;
    margin-bottom:45px;
  }
  .name-country{
    color: #004254 !important;
    font-family: "Noe Display" !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
    line-height: 52px !important;
    margin-bottom:0px !important;
  }
  .count-country{
    color: #004254 !important;
    font-family: Arial !important;
    font-size: 22px !important;
    letter-spacing: 0 !important;
    line-height: 52px !important;
  }

  .order_number {
    font-size: 25px !important;
    margin-top:45px !important;
  }
  .column-logos{
    margin-bottom: 30px !important;
    margin-top: 50px !important;
  }
  .cabecera-col{
    background-size:100% !important;
    margin-bottom: 18px !important;
    margin-top: 36px !important;
    width: auto !important;
  }

  /****************************/
  .grafico{
    display:block;
    height: 403px;
  }
  /*.nopeligrosos{
    background: url('../images/sostenibilidad/graficos/residuosmovil01.png') no-repeat center top !important;
    
  }
  .peligrosos{
    background: url('../images/sostenibilidad/graficos/residuosmovil02.png') no-repeat center top !important;
    
  }*/
  /******************************/
  /*  GENERAL                   */
  /******************************/
  .section-html h4{
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .section-html h5{
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .section-html p{
    margin-bottom: 20px ;
  }
  .subsection-head h2{
    width: 200px;
  }
  .subsection-head-background{
    height:auto;
    min-height: 220px;
  }
  .contenedor-cabecera-movil{
    margin:15px;
  }
  .cabecera-foto-seccion-movil{
    height:295px;
    margin:0px !important;
  }
  /***************************************/
  /*    METRICAS E ICONOS               */
  /***************************************/
  .metricas{
    margin-top: 50px !important;
  }
  .p-with-icon {
    margin-bottom: 7px !important;
    margin-top: 20px !important;
  }
  /******************************************/
  /*  RECONOCIMIENTOS                       */
  /*******************************************/
  .reconocimientos-talento-logosbn{
    display:block;
    height:auto;
  }
  .reconocimientos-talento-logosbn div{
    width: 100%;
    display:block;
    margin-bottom: 40px;
    height: 142px;
  }
  .background-centrado{
    background-size: 281px;
  }
  /************************************************/
  /*    TALENTO                                   */
  /************************************************/
  .m-talento-dialogo{
    background: url('../images/sostenibilidad/ilustraciones/dialogo15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  }
  .m-talento-bienestar{
    background: url('../images/sostenibilidad/ilustraciones/bienestar15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  }
  .m-talento-gestion{
    background: url('../images/sostenibilidad/ilustraciones/gestion15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  }
  .m-talento-diversidad{
    background: url('../images/sostenibilidad/ilustraciones/diversidad15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  } 
  .m-talento-link{
    text-align: center;
    margin-top:22px;
  }
  .m-talento-link a{
    color: #03657C;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
  }
  /*********************************************************/
  /*        Innovacion                                    */
  /**********************************************************/
  .ideas-innovacion{
    background-position: center bottom !important;
  }
  .hito-green{
    min-height:250px !important;
  }
  /**********************************************************/
  /*                    CONOCE                              */
  /**********************************************************/
  .cabecera-columna6 {
    width:auto;
  }
  .ods-small{
    margin: 10px;
  }
  .enca-conoce-3-01,
  .enca-conoce-3-02 ,
  .enca-conoce-3-03 {
    background-position: center top;
    margin-bottom: 22px;
    margin-top: 15px;
  }
  /*************************************************************/
  /*          TABS CONOCE                                      */
  /*************************************************** *********/
  .ods-tabs{
      height: 44px;
      width: 44px;
      background-size:44px !important;
    }
  /*************************************************************/
  /*      MEDIO AMBIENTE                                      */
  /****************************************************************/
  .hoja-ruta-descarbonizacion-es {
    background: url('../images/sostenibilidad/graficos/rutam15x.svg') no-repeat left top;
    display: block;
    height: 697px;
    width: 274px;
    margin-bottom:15px;
  }
  .hoja-ruta-descarbonizacion-en {
    background: url('../images/sostenibilidad/graficos/mobile.svg') no-repeat left top;
    display: block;
    height: 748px;
    width: 285px;
    margin-bottom:15px;
  }
  .m-medioa-huella{
    background: url('../images/sostenibilidad/ilustraciones/bienestar15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  }
  .m-medioa-riesgos{
    background: url('../images/sostenibilidad/ilustraciones/gestion15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  }
  .m-medioa-gestion{
    background: url('../images/sostenibilidad/ilustraciones/diversidad15x.svg') no-repeat center bottom !important;
    display:block;
    width:335px;
    height:250px;
  }
  /******************************************************************/
  /*        DERECHO HUMANO                                          */
  /******************************************************************/
  .derecho-grupo {
    margin-top:0px;
  }
  .derecho-evolucion-impacto{
    background: url('../images/sostenibilidad/columnas/equipo.png') no-repeat right center ;
    background-size: cover;
    display:block;
    height: 285px;
  }
  /********************************************************/
  /*           COMPROMISOS                                */
  /********************************************************/
  .compromisos-formula{
    background:none;
    border-bottom:none;
  }
  /***************************************************************/
  /*                    HOME                                    */
  /*****************************************************************/
  .sections{
    background:  #FFFFFF !important;
  }
  .sections-area {
    height:auto;
  }
  .conoce-ods {
    width: 129px;
    margin-left: auto;
    margin-right: auto;
  }
  .sections-odscircle{
    padding-top: 40px;
    height:284px;
  }
  .indexes-card{
    height:180px;
  }
  .indexes-area{
    height:auto;
  }
  .success-stories-area{
    background-image:none;
    height:auto;
  }
  /********************************************************************
  /*        BLOQUE DOCUMENTOS                                         */
  /******************************************************************/
  .documents-items {
    width: 98%;
    margin-left: auto !important;
    /*margin-right: auto !important;*/
    margin-bottom: 25px;
  }
  /*********************************************************************/
  /*      BLOQUE CASOS DE EXITO                                       */
  /*********************************************************************/
  .area-carousel{
    padding:0px;
    height: 445px;
  }
  .cr{
    height: 445px;
  }
  .area-carousel::-webkit-scrollbar {
    width: 6px;               /* width of the entire scrollbar */
    height: 12px;
  }
  
  .area-carousel::-webkit-scrollbar-track {
    background: transparent;        /* color of the tracking area */
  }
  
  .area-carousel::-webkit-scrollbar-thumb {
    background-color: transparent;    /* color of the scroll thumb */
    /*border-radius: 20px;   */    /* roundness of the scroll thumb */
    border: none;  /* creates padding around scroll thumb */
  }
  .card-carousel {
    margin-top:0px;
  }
  /**************************************************************************/
  /*            LISTADO CASOS DE EXITO                                      */
  /***************************************************************************/
  .hero-casos-exito-cont{
    height: 520px;
    background: url(../images/sostenibilidad/success-stories/group-icon-person.svg) no-repeat center bottom;
  }
  .view-frontal-casos-de-exito{
    padding-bottom: 90px !important;
  }

  /***************************************************************************/
  /*          DETALLE CASOS DE EXITO                                        */
  /***************************************************************************/
  .share{
    display:block;
    margin-bottom: 15px;
  }
  .caso-exito-desarrollo{
    height:auto;
  }
  
  /*****************************************************************************/
  /*        BLOQUE NOTICIAS                                                   */
  /******************************************************************************/
  .news-sos {
    background: #F7F6F6 !important;
    height:auto;
  }
  .news-intro{
    margin-bottom:25px;
  }
  .news-area{
    height: auto;
  }
  .news-card{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  .news .col-sm-6 + .col-sm-6 {
    margin-top:0px !important;
  }
  /***********************************************************************************************/
  /****           INDICES                                                                       */
  /**********************************************************************************************/
  .view-id-block_view_indices{
    padding-bottom:75px;
  }
  /********************************************************************************************/
  /*                FILTROS                                                                   */
  /********************************************************************************************/
  .views-widget-filter-field_line_acc_tid,
  .views-widget-filter-field_caso_tema_tid,
  .views-widget-filter-field_caso_obje_tid{
    width:324px !important;
  }
  .views-exposed-form{
    height: 200px;
    
   /* background-color: #004254 !important;
    border:none !important;*/
  }

  .capa-close-filtros{
    /*float:right;*/
    margin-top: 18px;
  }
  /*******************************************************************************/
  /*  METRICAS                                                                    */
  /**********************************************************************************/
  .metricas-container-icon{
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    margin-bottom:10px !important;
  }

}
@media (max-width:970px) {
  .indexes-area {
    height: auto;
  }
  .success-stories-area {
      height: auto;
      background:none;
  }
  .documents-item {
    margin-left:15px;
  }
  .documents-intro h2 {
    margin-left:-9px;
  }
  .derecho-grupo{
    margin-top:0px;
  }
  .ods-tabs {
    height: 106px;
    width: 106px;
    background-size: 106px !important;
  }
}