.imgContent{position:absolute; z-index:-1;  width:100%;}
.professorName{    font-family: baskerville-urw, serif;
  font-weight:600 !important;}
.professorCharge{    font-family: baskerville-urw, serif; font-weight:100 !important;}

.professorEmail{display:flex; align-items:center;  align-content:center; gap:10px;}
.professorEmail a{text-decoration:none; color:#707070; font-weight:bold;}

.hideMenu{  transform: rotate(180deg); }


.ftContainer{margin-top:0 !important; }
.menuDesktop{display:none; opacity:0; transition: opacity 0.5s ease-in-out; }
.menuActive{display:block; opacity:1;}
#menuSelectorProfessorPage{cursor:pointer;}


.menuDesktop .listPgrograms li a{color:var(--gray); font-weight:bold; display:flex;  }


.professorDetails{  font-family: 'Seravek'; }

.mainContent,.professorSocialNetworksCont,.professorsNetWork{position:relative; z-index:1;}

.professorsNetWork{display:flex; gap:10px;}
.returnToSection a {    display: flex;
  gap: 10px;
  font-weight: bold;
  color:#707070;
  align-items:center;
}


.listPgrograms li:not(:last-child) {
  border-left: 6px solid var(--red) !important;
  padding: 2px 20px;
}


.menuDesktop{position:absolute;  background: #ffffffe0;   border-radius:10px; z-index:3;}

.menuDesktop ul{list-style:none;}


@media(max-width:1440px){
  .menuDesktop{padding:44px 62px;}
  .menuDesktop .listPgrograms li a{font-size:24px; }
  .listPgrograms li{margin-bottom:15px;}
  .menuDesktop{right:78px; top:112px;}


}

@media(max-width:1380px){
  .imgContent img{ max-width:816px; width:100%; }


  .imgContent{ max-width:816px; right:0; top:0; }

  .mainContent {
    margin-bottom: 41px;
  }


}

.professorImgMob{background-size:cover !important; display:flex !important;     flex-direction: column;}
h1.isMob,h2.isMob{color:white;}
.professorImgMobWrapper{height:-webkit-fill-available; display: flex; flex-direction: column; justify-content: flex-end;}

.professorImgMobWrapper {padding:20px !important;}



@media (min-width: 680px) and (max-width: 1080px) {

  .professorImgMob{        height: 550px !important;}
}


@media (min-width: 880px) and (max-width: 1080px) {
  .professorImgMob	{max-width:780px !important; margin:0 auto;}
}



@media(max-width:1080px){
  .iconsSectionHeader{gap:20px;}
  .returnToSection{max-width:200px; width:100%; margin:0 auto 20px;}
  .bottomContent{display:flex; justify-content:space-between;}
  .professorImgMob{display:flex; max-width:1080px; width:100%; height:400px;}
  .isDesktop{display:none !important;}
  .professorsNetWork, .professorEmail{margin-top:10px;}
  .professorCharge.isMob{font-size:18px;}
  .professorDetails{margin-top:40px;}

  .professorsNetWork, .returnToSection a {
    display: flex;
    gap: 28px !important;
  }

  .professorImgMob{margin-top:20px; margin-bottom:20px;}

  .professorDetails{margin-top:20px;}

  .menuDesktop{right:0; top:90px; width:100%; padding:30px 0 !important;}
  .listPgrograms{padding:0 20px !important;}


}

@media(max-width:680px){

  .menuDesktop .listPgrograms li a{font-size:18px !important;}


}

@media(min-width:1080px){
  .professorImgMob{display:none  !important;}
  .isMobile{display:none !important;}

  .professorContWrapper{display:grid;  }
  .mainContent{display:flex; gap:38px; }
  .professorImg{max-width:460px; width:100%; background-size:cover !important;}
  .professorDetails{display:grid; max-width:581px; width:100%; }
  .professorMainCont{margin-top:81px;}
  .mainContent{padding-top:51px;}
  .professorImg{max-height:832px; min-height:832px; }
  .professorName{  margin-bottom:11px;}
  .professorCharge{  margin-bottom:32px;}
  .professorName{  font-size:40px;}
  .professorCharge{font-size:20px;}

  .professorEmail{margin-bottom:17px;}

  .bottomContent{display:flex; justify-content:space-between;}

  .professorContWrapper{padding-bottom:65px;}
}

@media(min-width:1380px){
  .imgContent{ max-width:1316px; }
  .mainContent{display:flex; margin-bottom:75px;}
  .professorImg{max-width:660px; width:100%; background-size:cover !important;}

}

@media(min-width:1440px){
  .menuDesktop{right:78px; top:112px;}
  .hide_menu{bottom}



  .menuDesktop{padding:44px 62px 0px;}
  .menuDesktop .listPgrograms li a{font-size:24px; }
  .listPgrograms li{margin-bottom:15px;}


  .professorName{  font-size:45px;}
  .professorCharge{font-size:25px;}

  .profesorMainCont{margin-top:82px;}
}

@media(min-width:1560px){
  .menuDesktop{right:118px; top:112px;}
}

@media(min-width:1740px){
  .menuDesktop{right:218px; top:112px;}
}

.professorImg, .professorCont,.professorImgMob {
  opacity: 0;
  animation: fadeIn 1.2s ease-in forwards;
}

.nani{visibility:hidden;}