.institutional{
  padding-top: 0;
}

.institutional p{
  color: #192d38;
}

.institucional-text {
  padding-top: 0 !important;
}

a.readmore-link {
  font-family: "Open Sans";
  font-size: 48px;
  background: none;
  border: 0;
  transition-duration: 0.4s;
  font-weight: bold;
}
.institutional a:hover {
  color: #0578BE!important;
  text-decoration: none;
}
.institutional a:link {
  color: #3DC2CD;
  text-decoration: none;
}

.institutional a:visited {
  color: #3DC2CD;
  text-decoration: none;
}


a.text-link{
  font-family: "Open Sans";
  font-size: 16px;
  background: none;
  border: 0;
  transition-duration: 0.4s;
  font-weight: bold;
}


.background{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow-x: hidden;
}
.section_institutional {
    position: relative;
    overflow: hidden;
  }
  .section_institutional .border-hor-1 {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 66px;
    z-index:999;
    border: solid 1px #fff;
  }
  .section_institutional .border-hor-2 {
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 66px;
    z-index:999;
    border: solid 1px #fff;
  }
  .section_institutional .border-ver-1 {
    position: absolute;
    height: 100%;
    margin: 0;
    left: 82px;
    z-index:999;
    border: solid 1px #fff;
  }
  .section_institutional .border-ver-2 {
    position: absolute;
    height: 100%;
    margin: 0;
    left: 609px;
    z-index:999;
    border: solid 1px #fff;
  }

  .institutional .content_square_bg_blue {
    width: 528px;
    height: 528px;
    background-color: #003366;
    opacity: 0.9;
    padding: 5%;
    margin: 5%;
  }
  .institutional .content_square_bg_blue h2{
    color: #fff !important;
  }
  .institutional .content_square_bg_blue p{
    color: #fff;
  }
  .institutional .content_square_bg_blue a{
    font-family: "Open Sans";
    font-size: 48px;
    color: #00B0DB;
    background: none;
    border: 0;
    transition-duration: 0.4s;
    font-weight: bold;
  }
  .institutional .content_square_bg_blue a:visited{
    color: #3DC2CD;
    text-decoration: none;
  }
  .institutional .content_square_bg_blue a:active{
    color: #3DC2CD;
    text-decoration: none;
  }
  .institutional .content_square_bg_blue a:link{
    color: #3DC2CD;
    text-decoration: none;
  }
  .institutional .content_square_bg_blue a:hover{
    color: #0578BE;

  }


/* Institutional Blocks*/


/* Image to the Left */

.institutional .image-to-the-left{
  overflow: hidden;
}
.institutional .image-to-the-left h2{
  padding: 0.5% 0;
  font-size: 30px;
}
.institutional .image-to-the-left p{
  color: #192d38;
  line-height: 27px;
}
.institutional .image-to-the-left a{
  font-size: 48px;
}
.institutional .image-to-the-left .enlace-content{
  padding: 0 6.3%;
  height: auto;
}

/* Centered Title and Text Only*/
.institutional .centered-title-text{
  padding: 3% 10%;
}

.institutional .centered-title-text .title {
  /*color: #003366 !important;*/
}

.institutional .centered-title-text p {
  color: #3D3D3D;
}


/* Image to the Left */

.institutional .image-to-the-right{
  overflow: hidden;
}
.institutional .image-to-the-right p{
  color: #192d38
}
.institutional .image-to-the-right a{
  font-size: 48px;
}
.institutional .image-to-the-right .enlace-content{
  padding: 0 8.3%;
  height: auto;
}
/* Image to the Left */

.institutional .image-to-the-left{
  overflow: hidden;
}
.institutional .image-to-the-left p{
  color: #192d38
}
.institutional .image-to-the-left a{
  font-size: 48px;
}
.institutional .image-to-the-left .enlace-content{
  padding: 0 8.3%;
  height: auto;
}


/* Image to the Right with Yellow Square on Title*/

.institutional .image-to-the-right-with-yellow-square-on-title{
  overflow: hidden;
}
.institutional .image-to-the-right-with-yellow-square-on-title p{
  color: #192d38
}
.institutional .image-to-the-right-with-yellow-square-on-title a{
  font-size: 48px;
}
.institutional .image-to-the-right-with-yellow-square-on-title .enlace-content{
  padding: 0 8.3%;
  height: auto;
}


/* Image to the Left */

.institutional .image-to-the-right{
  overflow: hidden;
}
.institutional .image-to-the-right p{
  color: #192d38
}
.institutional .image-to-the-right a{
  font-size: 48px;
}
.institutional .image-to-the-right .enlace-content{
  padding: 0 8.3%;
  height: auto;
}

.institutional .image-to-the-left-with-yellow-square-on-title{
  overflow: hidden;
}
.institutional .image-to-the-left-with-yellow-square-on-title p{
  color: #192d38
}
.institutional .image-to-the-left-with-yellow-square-on-title a{
  font-size: 48px;
}
.institutional .image-to-the-left-with-yellow-square-on-title .enlace-content{
  padding: 0 8.3%;
  height: auto;
}
/* Image to the Right with Yellow Square on Title*/

.institutional .image-to-the-right-with-yellow-square-on-title{
  overflow: hidden;
}
.institutional .image-to-the-right-with-yellow-square-on-title p{
  color: #192d38
}
.institutional .image-to-the-right-with-yellow-square-on-title a{
  font-size: 48px;
}
.institutional .image-to-the-right-with-yellow-square-on-title .enlace-content{
  padding: 0 8.3%;
  height: auto;
}

.institutional .image-to-the-left-with-icon-above-title{
  overflow: hidden;
}
.institutional .image-to-the-left-with-icon-above-title .container-enlace-text{
  padding-left: 8%;
  padding-right: 8%;
}
.institutional .image-to-the-left-with-icon-above-title .title{
  font-size: 30px;
  padding-top: 5%;
}
.institutional .image-to-the-left-with-icon-above-title p{
  color: #192d38;
  line-height: 27px;
  font-size: 16px;
  padding-top: 3%;
}
.institutional .image-to-the-left-with-icon-above-title a{
  font-size: 48px;
}
.institutional .image-to-the-left-with-icon-above-title .enlace-content{
  padding: 0 8.3%;
  height: auto;
}

.institutional .image-to-the-right-with-icon-above-title .enlace-content{
  padding: 0 8.3%;
  height: auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-to-the-left-with-icon-above-title .container-enlace-text{
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .institutional .image-to-the-left-with-icon-above-title .container-enlace-text{
    padding-left: 0;
    padding-right: 0;
  }
}
/* Image to the Right with Icon Above Title */

.institutional .image-to-the-right-with-icon-above-title{
  overflow: hidden;
}

.institutional .image-to-the-right-with-icon-above-title .container-enlace-text{
  padding-left: 8%;
  padding-right: 8%;
}


.institutional .image-to-the-right-with-icon-above-title .title{
  font-size: 30px;
  padding-top: 5%;
}

.institutional .image-to-the-right-with-icon-above-title p{
  color: #192d38;
  line-height: 27px;
  font-size: 16px;
  padding-top: 3%;
}
.institutional .image-to-the-right-with-icon-above-title a{
  font-size: 48px;
}


@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-to-the-right-with-icon-above-title .enlace-content{
    padding: 0 0;
  }
}
@media screen and (max-width: 767px) {
  .institutional .image-to-the-right-with-icon-above-title .enlace-content{
    padding: 0 0;
  }
}
/* Image as a Background with Small Yellow Square on the Left */

.institutional .image-as-a-background-with-small-yellow-square-on-the-left{
  width: 100% !important;
  min-height: 430px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .yellow-square-md{
  width: 5.6%;
  height: 16.7%;
  background-color: #ffcc00;
  position: absolute;
  top: 51.2%;
  left: 8%;

}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .title{
  color: #fff !important;
  position: absolute;
  left: 14.5%;
  top: 51.3%;
  font-size: 30px;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .container-enlace-text{
  position: absolute;
  /* width: 40.6%; */
  width: 69.6%;
  height: 18.8%;
  left: 14.7%;
  bottom: 10.2%
}
.institutional .image-as-a-background-with-small-yellow-square-on-the-left .enlace-text{
  position: relative;
  width: 100%;
  height: 100%;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left p{
  color: #fff !important;
  position: relative;
  text-align: left;
  line-height: 27px;
  font-size: 16px;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 50.9%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  bottom: 31.6%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 8%;
  z-index:999;
  border: solid 1px #fff;

}

.institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 8%;
  z-index:999;
  border: solid 1px #fff;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .container-enlace-text{
    width: 85.6%;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .title {
    left: 18.5%;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .yellow-square-md{
    width: 8.6%;
  }
}
@media screen and (max-width: 767px) {
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-hor-1{
   display: none !important;
  }

  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-hor-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-ver-1{
    display: none !important;

  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .border-ver-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .container-enlace-text{
    position: absolute;
    width: 80%;
    height: auto;
    left: 9.5%;
    top: 33%;
    margin: 0 auto;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .yellow-square-md {
    width: 36px;
    height: 36px;
    top: 16%;
}
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left .title {
    color: #fff !important;
    position: absolute;
    left: 20.5%;
    top: 12.3%;
 }
}

@media screen and (max-width:360px){
  .institutional .image-as-a-background-with-small-yellow-square-on-the-left p {
    color: #fff !important;
    position: relative;
    text-align: left;
    line-height: 27px;
    font-size: 16px;
    padding-top: 6%;
}
}
/* Image as a Background with Small Yellow Square on the Right */

.institutional .image-as-a-background-with-small-yellow-square-on-the-right{
  width: 100% !important;
  min-height: 430px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .yellow-square-md{
  width: 5.6%;
  height: 16.7%;
  background-color: #ffcc00;
  position: absolute;
  top: 51.2%;
  right: 8%;

}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .title{
  color: #fff !important;
  position: absolute;
  right: 14.5% !important;
  top: 55.3% !important;
  font-size: 30px;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .container-enlace-text{
  position: absolute;
  /* width: 40.6%; */
  width: 69.6%;
  height: 18.8%;
  right: 9.5%;
  bottom: 10.2%
}
.institutional .image-as-a-background-with-small-yellow-square-on-the-right .enlace-text{
  position: relative;
  width: 100%;
  height: 100%;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right p{
  color: #fff !important;
  position: relative;
  text-align: right;
  line-height: 27px;
  font-size: 16px;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 50.9%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  bottom: 31.6%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  right: 8%;
  z-index:999;
  border: solid 1px #fff;

}

.institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  right: 8%;
  z-index:999;
  border: solid 1px #fff;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .container-enlace-text{
    width: 85.6%;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .title {
    right: 18.5% !important;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .yellow-square-md{
    width: 8.6%;
  }
}
@media screen and (max-width: 767px) {
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-hor-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-hor-2{
    display: none !important;
  }

  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-ver-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .border-ver-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .container-enlace-text{
    position: absolute;
    width: 80%;
    height: auto;
    left: 9.5%;
    top: 33%;
    margin: 0 auto;
  }
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .yellow-square-md {
    width: 36px;
    height: 36px;
    top: 16%;
    left: 8%;
}
  .institutional .image-as-a-background-with-small-yellow-square-on-the-right .title {
    color: #fff !important;
    position: absolute;
    top: 11.3% !important;
 }
}
/* Image as a Background with Yellow Square on the Left */

.institutional .image-as-a-background-with-yellow-square-on-the-left{
  width: 100% !important;
  min-height: 430px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left .yellow-square-lg{
  width: 15.9%;
  height: 47.2%;
  background-color: #ffcc00;
  opacity: 0.9;
  position: absolute;
  top: 27.2%;
  left: 8%;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left .title{
  color: #fff !important;
  position: absolute;
  right: 9%;
  top: 32.0%;
  font-size: 30px;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left .container-enlace-text{
  position: absolute;
  width: 66.6%;
  height: 18.8%;
  right: 8%;
  bottom: 35.2%;
}
.institutional .image-as-a-background-with-yellow-square-on-the-left .enlace-text{
  position: relative;
  width: 100%;
  height: 100%;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left p{
  color: #fff !important;
  position: relative;
  text-align: right;
  line-height: 27px;
  font-size: 16px;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 26.7%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  bottom: 25.6%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-yellow-square-on-the-left .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 8%;
  z-index:999;
  border: solid 1px #fff;

}

.institutional .image-as-a-background-with-yellow-square-on-the-left .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 23.9%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-to-the-right-with-icon-above-title{
  overflow: hidden;
}

.institutional .image-to-the-right-with-icon-above-title .container-enlace-text{
  padding-left: 8%;
  padding-right: 8%;
}


.institutional .image-to-the-right-with-icon-above-title .title{
  font-size: 30px;
  padding-top: 5%;
}

.institutional .image-to-the-right-with-icon-above-title p{
  color: #192d38;
  line-height: 27px;
  font-size: 16px;
  padding-top: 3%;
}
.institutional .image-to-the-right-with-icon-above-title a{
  font-size: 48px;
}
.institutional .image-to-the-right-with-icon-above-title .enlace-content{
  padding: 0 8.3%;
  height: auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-as-a-background-with-yellow-square-on-the-left .yellow-square-md{
    width: 8.6%;
  }
  .institutional .image-as-a-background-with-yellow-square-on-the-left .title {
    right: 9% !important;
 }
}
@media screen and (max-width: 767px) {
  .institutional .image-as-a-background-with-yellow-square-on-the-left .border-hor-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-yellow-square-on-the-left .border-hor-2{
    display: none !important;
  }

  .institutional .image-as-a-background-with-yellow-square-on-the-left .border-ver-1{
    display: none !important;

  }
  .institutional .image-as-a-background-with-yellow-square-on-the-left .border-ver-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-yellow-square-on-the-left .container-enlace-text{
    position: absolute;
    width: 80%;
    height: auto;
    left: 9.5%;
    top: 28%;
    margin: 0 auto;
  }
  .institutional .image-as-a-background-with-yellow-square-on-the-left p{
    text-align: left;
  }
  .institutional .image-as-a-background-with-yellow-square-on-the-left .yellow-square-lg {
    width: 36px;
    height: 36px;
    top: 16%;
}
  .institutional .image-as-a-background-with-yellow-square-on-the-left .title {
    color: #fff !important;
    position: absolute;
    top: 12.3%;
    left: 22%;
 }

}
/* Image as a Background with Yellow Square on the Right */

.institutional .image-as-a-background-with-yellow-square-on-the-right{
  width: 100% !important;
  min-height: 430px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .yellow-square-lg{
  width: 15.9%;
  height: 47.2%;
  background-color: #ffcc00;
  position: absolute;
  top: 27.2%;
  right: 14%;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .title{
  color: #fff !important;
  position: absolute;
  left: 8%;
  top: 32%;
  font-size: 30px;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .container-enlace-text{
  position: absolute;
  /* width: 40.6%; */
  width: 60.6%;
  height: 18.8%;
  left: 8%;
  bottom: 35.2%;
}
.institutional .image-as-a-background-with-yellow-square-on-the-right .enlace-text{
  position: relative;
  width: 100%;
  height: 100%;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right p{
  color: #fff !important;
  position: relative;
  text-align: left;
  line-height: 27px;
  font-size: 16px;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 26.7%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  bottom: 25.6%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  right: 29.9%;
  z-index:999;
  border: solid 1px #fff;

}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  right: 13.9%;
  z-index:999;
  border: solid 1px #fff;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-as-a-background-with-yellow-square-on-the-right .title {
    left: 8.5%;
  }
  .institutional .image-as-a-background-with-yellow-square-on-the-right .yellow-square-md{
    width: 8.6%;
  }
}
@media screen and (max-width: 767px) {

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-hor-1{
  display: none !important;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-hor-2{
  display: none !important;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-ver-1{
  display: none !important;
}

.institutional .image-as-a-background-with-yellow-square-on-the-right .border-ver-2{
  display: none !important;
}
  .institutional .image-as-a-background-with-yellow-square-on-the-right .container-enlace-text{
    position: absolute;
    width: 80%;
    height: auto;
    left: 9.5%;
    top: 33%;
    margin: 0 auto;
  }
  .institutional .image-as-a-background-with-yellow-square-on-the-right .yellow-square-lg {
    width: 36px;
    height: 36px;
    top: 16%;
    left: 10.1%;
}
  .institutional .image-as-a-background-with-yellow-square-on-the-right .title {
    color: #fff !important;
    position: absolute;
    left: 20.5%;
 }
  .institutional .image-as-a-background-with-yellow-square-on-the-right .title {
    top: 10.3%;
    left: 22.5%;
  }
}

/* Image as a Background with Dark Blue Square on the Right */
.institutional .image-as-a-background-with-dark-blue-square-on-the-right{
  width: 100% !important;
  min-height: 600px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right .dark-blue{
  width: 36.4%;
  height: 77.7%;
  opacity: 0.9;
  background-color: #003366;
  top: 10.8%;
  right: 8.2%;
  position: absolute
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right .container-enlace-text{
  width: 100%;
  height: 100%;
  position: relative;
}
.institutional .image-as-a-background-with-dark-blue-square-on-the-right .enlace-text{
  position: absolute;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 8.4%;
}
.institutional .image-as-a-background-with-dark-blue-square-on-the-right .title{
  color: #fff !important;
  margin: 0;
  display: inline-block;
  padding-bottom: 5.7%;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right p{
  color: #fff !important;
}
.institutional .image-as-a-background-with-dark-blue-square-on-the-right a{
  font-size: 58px;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 10.8%;;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 88.5%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  right: 8.2%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  right: 44.5%;
  z-index:999;
  border: solid 1px #fff;
}


@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right{
    background-size: contain;
    background-position: top;
    min-height: 700px !important;
    opacity: 0.9;
    background-color: #003366;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .dark-blue{
    width: 100%;
    height: 38.7%;
    opacity: 0.9;
    background-color: #003366;
    top: 57.1%;
    left: 0;
    position: absolute;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .title{
    font-size: 40px;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right p{
    font-size: 16px;
    padding-left: 0;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-hor-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-hor-2{
    display: none !important;
  }

  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-ver-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .border-ver-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right{
    background-size: contain;
    background-position: top;
    opacity: 0.9;
    background-color: #003366;
    min-height: 700px !important;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .dark-blue{
    width: 100%;
    height: 63.7%;
    opacity: 0.9;
    background-color: #003366;
    top: 32.7%;
    left: 0;
    position: absolute;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right .title{
    font-size: 40px;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-right p{
    font-size: 16px;
    line-height: 22px;
  }
}

/* Image as a Background with Dark Blue Square on the Left */

.institutional .image-as-a-background-with-dark-blue-square-on-the-left{
  width: 100% !important;
  min-height: 600px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left .dark-blue{
  width: 36.4%;
  height: 77.7%;
  opacity: 0.9;
  background-color: #003366;
  top: 10.8%;
  left: 8.2%;
  position: absolute
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left .container-enlace-text{
  width: 100%;
  height: 100%;
  position: relative;
}
.institutional .image-as-a-background-with-dark-blue-square-on-the-left .enlace-text{
  position: absolute;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 8.4%;
}
.institutional .image-as-a-background-with-dark-blue-square-on-the-left .title{
  color: #fff !important;
  margin: 0;
  display: inline-block;
  padding-bottom: 5.7%;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left p{
  color: #fff !important;
}
.institutional .image-as-a-background-with-dark-blue-square-on-the-left a{
  font-size: 58px;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 10.8%;;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 88.5%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 8.2%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-dark-blue-square-on-the-left .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 44.5%;
  z-index:999;
  border: solid 1px #fff;
}


@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .border-hor-1, .institutional .border-hor-2, .institutional .border-ver-1, .institutional .border-ver-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left{
    background-size: contain;
    background-position: top;
    min-height: 700px !important;
    opacity: 0.9;
    background-color: #003366;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left .dark-blue{
    width: 100%;
    height: 38.7%;
    opacity: 0.9;
    background-color: #003366;
    top: 57.1%;
    left: 0;
    position: absolute;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left .title{
    font-size: 40px;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left p{
    font-size: 16px;
    padding-left: 0;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .institutional .border-hor-1, .institutional .border-hor-2, .institutional .border-ver-1, .institutional .border-ver-2{
    display: none !important;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left{
    background-size: contain;
    background-position: top;
    opacity: 0.9;
    background-color: #003366;
    min-height: 700px !important;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left .dark-blue{
    width: 100%;
    height: 63.7%;
    opacity: 0.9;
    background-color: #003366;
    top: 32.7%;
    left: 0;
    position: absolute;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left .title{
    font-size: 40px;
  }
  .institutional .image-as-a-background-with-dark-blue-square-on-the-left p{
    font-size: 16px;
    line-height: 22px;
  }
}

/* Image to the Right with Light Blue Background */

.institutional .image-to-the-right-with-light-blue-background{
  min-height: 521px !important;
  width: 100% !important;
  background-color: #ecf2f6;
  overflow: hidden;
}
.institutional .image-to-the-right-with-light-blue-background .field__item p{
  font-size: 16px;
  color: #003366;
}

.institutional .image-to-the-right-with-light-blue-background .container-enlace{
  width: 80%;
  margin: 0 auto;
}

.institutional .image-to-the-right-with-light-blue-background .container-enlace-text{

}

.institutional .image-to-the-right-with-light-blue-background .enlace-text{

}

.institutional .image-to-the-right-with-light-blue-background .enlace-text h2{
  padding-bottom: 6%;
  color: #003366 !important;
}

.institutional .image-to-the-right-with-light-blue-background a{
  font-size: 16px;
}


/* Image to the Left with Light Blue Background */

.institutional .image-to-the-left-with-light-blue-background{
  min-height: 521px !important;
  width: 100% !important;
  background-color: #ecf2f6;
  overflow: hidden;
}
.institutional .image-to-the-left-with-light-blue-background .field__item p{
  font-size: 16px;
  color: #003366;
}

.institutional .image-to-the-left-with-light-blue-background .container-enlace{
  width: 80%;
  margin: 0 auto;
}

.institutional .image-to-the-left-with-light-blue-background .light-blue-background{

}


.institutional .image-to-the-left-with-light-blue-background .container-enlace-text{

}

.institutional .image-to-the-left-with-light-blue-background .enlace-text{

}

.institutional .image-to-the-left-with-light-blue-background .enlace-text h2{
  padding-bottom: 6%;
  color: #003366 !important;
}

.institutional .image-to-the-left-with-light-blue-background a{
  font-size: 58px;
}

/* Image as a Background with Light Blue Square on the Left */

.institutional .image-as-a-background-with-light-blue-square-on-the-left{
  width: 100% !important;
  min-height: 642px !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .light-blue{
  width: 41.3%;
  height: 82.2%;
  opacity: 0.9;
  background-color: #0578be;
  top: 8.9%;
  left: 8.4%;
  position: absolute;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .container-enlace-text{
  width: 100%;
  height: 100%;
  position: relative;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .enlace-text{
  position: absolute;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 9.8%;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .title{
  color: #fff !important;
  margin: 0;
  font-size: 48px;
  line-height: 50px;
  padding-bottom: 5.7%;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left p{
  color: #fff !important;
  font-size: 16px;
  line-height: 30px;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .border-hor-1{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 8.9%;;
  z-index:999;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .border-hor-2{
  position: absolute;
  width: 100%;
  margin: 0;
  top: 90.7%;
  z-index:999;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .border-ver-1{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 8.3%;
  z-index:999;
  border: solid 1px #fff;
}

.institutional .image-as-a-background-with-light-blue-square-on-the-left .border-ver-2{
  position: absolute;
  height: 100%;
  margin: 0;
  left: 49.7%;
  z-index:999;
  border: solid 1px #fff;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .institutional .image-as-a-background-with-light-blue-square-on-the-left{
    background-size: contain;
    background-position: top;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left .light-blue{
    width: 100%;
    height: 69.7%;
    opacity: 0.9;
    background-color: #0578be;
    top: 30.7%;
    left: 0;
    position: absolute;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left .title{
    font-size: 40px;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left p{
    font-size: 16px;
    padding-left: 0;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left .border-hor-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-light-blue-square-on-the-left .border-hor-2{
    display: none !important;
  }

  .institutional .image-as-a-background-with-light-blue-square-on-the-left .border-ver-1{
    display: none !important;
  }

  .institutional .image-as-a-background-with-light-blue-square-on-the-left .border-ver-2{
    display: none !important;
  }

}
@media screen and (max-width: 767px) {
  .institutional .image-as-a-background-with-light-blue-square-on-the-left{
    background-size: contain;
    background-position: top;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left .light-blue{
    width: 100%;
    height: 69.7%;
    opacity: 0.9;
        background-color: #0578be;
    top: 30.7%;
    left: 0;
    position: absolute;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left .title{
    font-size: 40px;
  }
  .institutional .image-as-a-background-with-light-blue-square-on-the-left p{
    font-size: 16px;
  }
}
/* icon-to-the-left */

.icon-to-the-left-img{
  float: right;
}

.icon-to-the-right-img {
  float: left;
}

@media screen and (max-width: 767px) {
  .icon-to-the-left-img{
    float: unset !important;
  }

  .icon-to-the-left{
    width: fit-content;
    margin: 0 auto;
  }

  .icon-to-the-right-img {
    float: unset !important;
  }
  .icon-to-the-right{
    width: 30%;
    margin: 0 auto;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {
  .icon-to-the-left-img{
    float: right;
    padding-top: 30px;
  }
}


/* End Institutional Blocks*/



@media (min-width: 1024px) {
  .institucional .left-side{
    padding: 0 100px 0 0!important ;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .institucional .left-side{
    padding: 0 20px 0 0!important ;
   }
  .institutional .content_square_bg_blue {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .institucional .left-side{
    padding: 0 50px!important ;
  }
  .institutional .content_square_bg_blue {
    width: 100%;
    height: auto;
  }
  .institutional .image-to-the-left strong a {
    font-size: 18px;
  }

  .institutional .image-to-the-right-with-icon-above-title .container-enlace-text {
    padding: 0;
  }
}

.node-metals-recycling #block-gerdautema-content > article > div.node__content > div > div:nth-child(7) > div > div {
  background-color: #ecf2f6;
}

.node-metals-recycling #block-gerdautema-content > article > div.node__content > div > div:nth-child(8) >
div > div > div.field__item > div > div > div > div.view-content {
  background-color: #ecf2f6;
  padding-bottom: 25px;
  margin-bottom: -20px;
}

.node-metals-recycling #block-gerdautema-content > article > div.node__content > div > div:nth-child(9) >
div > div > div.field__item > div > div > div > div.view-content {
  background-color: #ecf2f6;
  padding-bottom: 80px;
}

.node-metals-recycling #block-gerdautema-content > article > div.node__content > div > div:nth-child(6) > div > div, #filename {
  background-color: #ffffff;
}

body.gerdaucorsa .institutional .border-hor-1,
body.gerdaucorsa .institutional .border-hor-2,
body.gerdaucorsa .institutional .border-ver-1,
body.gerdaucorsa .institutional .border-ver-2 {
  display: none !important;
}