@font-face {
  font-family:'NimbusSansDOT-Ligh';
  src: url('./fonts/NimbusSansDOT-Ligh/Nimbus-Sans-D-OT-Light_32752.woff');
  src: url('./fonts/NimbusSansDOT-Ligh/Nimbus-Sans-D-OT-Light_32752.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:'NimbusSansDOT-Bold';
  src: url('./fonts/NimbusSansDOT-Bold/Nimbus-Sans-D-OT-Bold_32747.woff');
  src: url('./fonts/NimbusSansDOT-Bold/Nimbus-Sans-D-OT-Bold_32747.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.acordion-par  {
      font-size: 1.6rem;
      font-weight: 300;
      color: white;
position: absolute;
top: 70%;
    }

.acordion-text  {
      font-size: 2.0rem;
      font-weight: 300;
      line-height: 2.2rem;
      text-transform: uppercase;
      position:relative;
    
      bottom: 10px;
      color: @white;
      text-transform: uppercase;
      padding: 0 0 0 0;
      font-weight: 300;
      margin-bottom: 90%;
opacity: 1;

    }
.acordion-text:hover  {


   transition: flex 0.8s ease;

  
    }


.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 90vh;
}

.gallery-wrap .item a {
  font-size: 1.5rem;
  color: white;
  position: relative;
  top: 90%;
    padding: 300px 0px;
    opacity: 0;
  max-height: 999%;
  transition: opacity 0.0s 0.0s ease-in-out;
}

.gallery-wrap .item:hover a {
  opacity: 1;
  max-height: 999%;
  transition: opacity 0.4s 0.6s ease-in-out;
}

.gallery-wrap .item p {
  font-size: 1.5rem;
    padding: 110px 0px;
    opacity: 0;
  max-height: 999%;
  transition: opacity 0.0s 0.0s ease-in-out;
}

.gallery-wrap .item:hover p {
  opacity: 1;
  max-height: 999%;
  transition: opacity 0.4s 0.6s ease-in-out;
}

.item {
  flex: 1;
  height: 100%;
  padding: 30px 0px;
  background-position: center;
background-size: cover;
  background-repeat: none;
  transition: flex 0.8s ease, padding 0.8s ease ;

}
.item:hover {
  flex: 1.5;
    padding: 50px 0px;
margin-bottom: 50px;
  transition: flex 0.8s ease, padding 0.8s ease ;
}

.item-1 {
  background-image: url("https://www.umip.ac.pa/UMIP-web/img/oferta-academica-01.jpg");
/*  background-image: url(../images/backgroundImage.jpg) no-repeat center center ;*/
}

.item-2 {
  background-image: url("https://www.umip.ac.pa/UMIP-web/img/oferta-academica-02.jpg");
}

.item-3 {
  background-image: url("https://www.umip.ac.pa/UMIP-web/img/oferta-academica-03.jpg");
}

.item-4 {
  background-image: url("https://www.umip.ac.pa/UMIP-web/img/oferta-academica-04.jpg");
}

.item-5 {
  background-image: url("https://www.umip.ac.pa/UMIP-web/img/oferta-academica-01.jpg");
}