@font-face {
  font-family: Century Gothic;
  src: url(font/Gothic.ttf);}
@font-face {
  font-family: ALS;
  src: url(font/GothamMain.otf);}
  @font-face {
    font-family: ALS Bold;
    src: url(font/ALSBold.otf);}
@font-face {
  font-family:Lora Bold;
  src: url(font/LoraBold.ttf);}
  @font-face {
    font-family:Lora;
    src: url(font/Lora.ttf);}
    @font-face {
      font-family:Littera;
      src: url(font/LitteraTextBook.ttf);}
      @font-face {
        font-family:San Francisco;
        src: url(font/SanFrancisco.ttf);}
@keyframes fly{
  from {top:4px;}
  to {top:-1500px;}
}
@keyframes rot {
  from {transform: rotate(0deg);
        left: 0px;}
  20%{transform: rotate(0deg);
      left: 0px;}
  28%{transform: rotate(-5deg);}
  to {transform: rotate(-50deg);
      left:-550px;}
}
p{font-family: Littera;}
a{font-family: Littera;}
body{margin: 0;
     padding: 0;}
.profession{
  width: 180px;
border-radius: 30px;
height: 160px;
display: inline-block;
text-align: center;
vertical-align: middle;
margin: 12px;
margin-top: 20px;
margin-bottom: 20px;
cursor: pointer;
      }
.profession:hover{transform: scale(1.08);
  -webkit-box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
  -moz-box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
  box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
                  transition: .3s;}
.textprof{
    font-size: 15px;
    padding: 10px;
    padding-bottom: 0px;
    margin: 0;
    display: none;}
.popup{width: 100%;
      height: 100%;}
#width{width: 1100px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      min-height: calc(100vh - 92px);}
.small{font-size: 14px;}
.bigtext{
    font-weight: bolder;
    font-size: 21px;
    color: #1946BA;
    font-family: ALS;
    padding-bottom: 2px;
    margin-bottom: 0px;
    margin-top: 5px;}
.curs{
      display: none;
      width: 1100px;
      height: 400px;
      background-color: #aaa;}
.profimg{width: 95px;
         height: auto;}
#top{display: inline-block;
    vertical-align: top;
    padding: 0px;
    padding-left: 15px;
    color: #4c5a9f;
    font-weight: bolder;
     text-align:center;}
#logo{
    display: inline-block;
    width: 85px;
    height: auto;
    padding-top: 20px;}
#ptop{font-size: 30px;
      font-family: Century Gothic;
    margin-bottom: 0;}
#h1ind{font-family: Century Gothic;
      margin-bottom: -20px;
      font-size: 30px;}
#kaf{text-align: center;
     font-family: Century Gothic;
     font-weight: bolder;
     margin: 5px;
     font-size: 30px;
      color: #414762;
      }
#h2ind{font-family: Times New Roman;
      margin-bottom: -20px;
      font-size: 20px;}
#kaf{text-align: center;
     font-family: Century Gothic;
     font-weight: bolder;
     margin: 5px;
     font-size: 30px;
      color: #414762;
      }  
nav{margin-bottom: 10px;
    font-family: ALS}
nav ul {list-style: none;
        text-align: center;
        width: 100%;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;}
nav ul li {display: inline-block;
           padding: 8px;
           font-size: 19px;}
nav ul li:hover{color: #18BABA;
                transition: .2s;
                transform: translateY(-5px);}
li a {text-decoration: inherit;
      font-size: inherit;
      color: inherit;
           }

#red{text-align: center;
    border: none;
    border-radius: 3px;
    height: 5px;
    background-color: #ec0b43;
    margin: 0;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;}
#h3ind{
  color: #18BABA;
  font-family: ALS;
  font-size: 30px;
  text-align: left;
  padding: 0px;
  margin-top: 3px;
  margin-left: 7%;
  margin-bottom: 3px;}
footer{height: auto;
      width: 100%;
      background: rgba(25, 70, 186, 0.9);}
#bottom{width: 1100px;
        margin-left: auto;
        margin-right: auto;
        background-color: #2f58c0;
        color: rgba(255, 255, 255, .5);}
#bottom p{padding: 15px;
          padding-bottom: 5px;
          display: inline-block;
          line-height: 1.5;
          margin: 0;}
#plane{display: inline-block;
       position: relative;
       left: 50px;
       text-align: right;
       vertical-align: top;
       background-color: #2f58c0;
       line-height: 1.5;}
#plane img{height: 30px;
           width: auto;
           position: relative;
           top: 4px;
           }
#plane img:hover{animation: fly  4s ease-in, rot  3s ease-in;
                animation-fill-mode: backwards;
                animation-iteration-count: 1;}
.semestr{display: inline-block;
         width: 45%;
         vertical-align: top;}
.projects{text-align: left;
          list-style-type: none;}
.projecta{
  text-align: center;
  text-decoration: none;
  color: black;
  display: inline-block;
  list-style-type: none;
  height: 110px;
  width: 335px;
  vertical-align: middle;
  padding: 5px;
  margin-top: 20px;
  font-size: 21px;}
.projecta:hover{
          transform: translateY(-5px);
          transition: .3s;
          color: #EC0B43;}
.icons{width: 45px;
    height: auto;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;}
.task{width: 95%;
      margin-left: auto;
      margin-right: auto;
      display: none;
      text-align: center;
      background-color: white;
      -webkit-box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
      -moz-box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
      box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
      text-align: center;
      display: none;
      margin-bottom: 80px;
      padding-bottom: 30px;}
.icon{width: 30px;
      height: 30px;
      text-align: center;}
.h2com{display: inline-block;
      margin: 10px;
      margin-left: 170px;
      padding: 5px;
      color: rgb(25, 70, 186);
      border-bottom: dotted rgb(236, 11, 67);
      }
#h2com{margin-left: 155px;
       margin-right: 45px;}
       
.h2for{display: inline-block;
      margin: 10px;
      margin-left: 170px;
      padding: 5px;
      color: rgb(25, 70, 186);
      border-bottom: dotted rgb(236, 11, 67);
      }
#h2for{margin-left: 155px;
       margin-right: 45px;}     
       
#ukOpen{}
#prepods{margin-left: auto;
        margin-right: auto;
        width: 1100px;}
#preph, #prephat{text-align: left;
       width: 450px;
       background-color: #18BABA;
       color: white;
       font-size: 32px;
       padding: 10px 15px 10px 40px;
       font-family:Lora Bold;
       display: inline-block;}
#help, #helpat{
    display: inline-block;
    width: 280px;
    align-items: flex-end;
    text-align: right;
    margin-left: 215px;}
#help img, #helpat img, .helplabs img{width: 30px;
          height: auto;
          position: relative;
          display: inline-block;}
#help p,#helpat p, .helplabs p{display: inline-block;
        width: 230px;}
.text,.photo{display: inline-block;
            vertical-align: top;}
.text{width: 750px;
      padding: 10px;}
.photo{width: 300px;
       height: auto;}
.surname{font-family: ALS Bold;}
#name{font-family: ALS;
      color: #1946BA;
      margin-bottom: 0;
      font-size: 32px;}
.rank{color: #ec0b43;
      margin: 0;
      font-family: ALS;
      font-weight: bolder;
      font-size: 25px;}
.speach{padding: 50px;
        font-family: Lora;
        font-size: 16px;
        }
.speach::after{
  content: "\201D\201D";
  display: inline-block;
  letter-spacing: 0.5px;
  font-family: Lora, serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 0px;
  position: relative;
  top: 40px;
  left: 140px;
  color: rgb(199, 235, 235);}
.speach::before{
    content: "\201C\201C";
    display: inline-block;
    letter-spacing: 0.5px;
    font-family: Lora, serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 0px;
    color: rgb(199, 235, 235);}
.photo{border-radius: 50%;
       width: 300px;
       height: 300px;}
#IDZ, #IDZat{width: 100%;
      text-align: left;}
table{width: 100%; 
      padding:50px;
      color: #1946BA;}
th{height: 35px;
   font-family: Littera;}
table a{text-decoration: none;
         color:#EC0B43;}
table a:hover,.inpr ol li:hover{text-decoration: underline;
              text-decoration-style: dotted;
              color: #18BABA;
              transition: .3s;}
.hide{
    display: inline-block;
    position: relative;
    width: 150px;
    left: 110px;
    bottom: 5px;
    cursor: pointer;
}
#forcolor{margin-left: 160px;}
.hide p{
      display: inline-block;
      font-family: ALS;
      color: #d75a4a;
      }
.hide img{width: 22px;
           position: relative;
          top: 11px;
          padding: 5px;}
.red{color: #EC0B43;}
.notask{
    border: none;
    border-radius: 3px;
    height: 3px;
    background-color: #2f57c1;
    margin: 0;
    width: 65px;
    margin-right: 300px;}
#h2s{margin-left: 195px;}
#closesafe{left:90px;}
#closeoad{left:90px;}

#atoh, #hmag, #hasp{color: #1946BA;
      width: 500px;
      text-align:center;
      text-decoration: underline dotted #ec0b43;
      border: none;}
.names:hover{color: #e4f0fb;
             transition: .3s;}
th{text-align: left;
   vertical-align:top;}
.backh{text-align: left;
width: 175px;
background-color: #18BABA;
color: #FFF;
font-size: 32px;
padding: 10px 40px 10px 60px;
font-family: Lora Bold;
display: inline-block;
cursor: pointer;}
.helplabs{display: inline-block;
width: 280px;
text-align: left;
margin-left: 520px;}
.conta{text-align: center;}
.laba{text-align: center;
text-decoration: none;
color: #000;
display: inline-block;
list-style-type: none;
height: 210px;
width: 300px;
vertical-align: middle;
padding: 10px;}
.laba:hover{
          transform: translateY(-5px);
          transition: .3s;
          color: #EC0B43;}
#methods{width: 200px;
         text-align: center;
          font-weight: bolder;
           color: #18BABA;
           position:absolute;
           top:710px;
           left:400px;
           display:none;}
.inpr{display: inline-block;
      text-align: left;
       width: 30%;
        font-family:Littera;
        vertical-align: top;
         font-size:17px;}
.h4pr{color: #1946BA;
      font-family: ALS;
      font-size:25px;}
.h3pr{color: #18BABA;
      font-family: ALS;
      font-size: 28px;
      padding: 0px;
      margin-bottom: 0px;}
.listpr{margin: 0px;}
.inpr ol{padding: 15px;}
.inpr ol li{padding-bottom: 5px;}
#ss{display: none;}
#number li{display: inline-block;
           font-family: ALS;
           font-weight: bolder;
           font-size: 40px;
           padding: 5px;
           border: 1.5px solid black;
           border-radius: 191px;
           padding-left: 15px;
           padding-right: 15px;
           margin-right:50px;}


#numberATO li{display: inline-block;
           font-family: ALS;
           font-weight: bolder;
           font-size: 40px;
           padding: 5px;
           border: 1.5px solid black;
           border-radius: 191px;
           padding-left: 15px;
           padding-right: 15px;
           margin-right:20px;}





#fivea{padding-left: 8px;
       padding-right: 8px;}
#tbh{color: rgb(25, 70, 186);
     border-bottom: dotted rgb(236, 11, 67);}
#number{list-style: outside none none;
        text-align: center;
        width: 950px;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 22px;}
.practdiv{display: none;
          margin-bottom:50px;
          margin-left: auto;
          margin-right: auto;
          width: 1100px;}
#first{display: block;}
.inpr p{margin: 0px;
        padding: 0px;}
#np{ text-align: center;
    font-size: 30px;}
#snapone span{display: none;}
#spanone{cursor: pointer;}
#snaptwo{margin-left: 480px;
         background-color: white;
          color: #4C5A9F;
          cursor:pointer;}
#under{    padding: 10px;
    position: relative;
    bottom: 50px;
    font-size: 22px;
    text-align: left;
    margin-top: 40px;
    margin-left: 6%;
    color: #198181;}
.ullit{display: inline-block;
       text-align: left;
       width: 45%;
       vertical-align: top;
       font-family: Littera;
      font-size: 18px;
       color: #414762;
       font-weight: bolder;
       word-spacing: normal;
       line-height: 1.5;
       padding-bottom: 80px;
       }
.ullit a{border-bottom: medium dotted #EC0B43;}
#now{}
  #images{padding-top:50px;
          padding-bottom: 100px;
          text-align: center;}
  #inimg{width: 1200px;
         margin-left: auto;
         margin-right: auto;}
  .imagediv{
    width: 365px;
    margin: -2px;
    padding: 0;
    height: 270px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    transition: .4s;}
  .imagediv:hover{transform: translateY(-25px);
      transition-property: transform;
      -webkit-box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
      -moz-box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);
      box-shadow: 0px 14px 23px -5px rgba(158,155,158,0.6);}
  .imgback{width: inherit;
           height: inherit;}
  .textimg{position: relative;
           bottom: 270px;
           color: white;
           font-family: Raleway;}
  .smalltext{padding: 8px;
            text-align: left;
          }
  #secondsm{display: none;}
  #snapone, #snaptwo{position: relative;}
  .history{ font-family: San Francisco;
            width: 780px;
            font-size: 18px;
            line-height: 1.5;
            padding: 10px;
            text-align: left;
            text-indent: 40px;}
  .htext{font-family: ALS;
          font-size: 28px;
          padding: 10px;
          margin-top: -40px;
          text-align: left;}
.opentask{width: 1100px;
          text-align: left;
          margin-left: auto;
          margin-right: auto;
          display:none;}
.forcont{display: inline-block;
         width: 530px;
         vertical-align: top;
         padding: 5px;}
.forcont p{font-size: 20px;
           font-weight: bolder;}
.opentask h4{color: #18BABA;
font-family: ALS;
font-size: 30px;
padding: 10px;
width: 900px;}
.unh4{padding: 10px;
position: relative;
bottom: 50px;
font-size: 18px;
width: 800px;
color: #198181;}
.labtask{z-index: 1;
        top: 15%;
        display: none;
        position: fixed;
        left: calc((100% - 1100px)/2);
        background-color: rgb(255, 255, 255);
        border-radius: 20px;
        padding: 20px;}
#back{width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.87;
      z-index: 1;
      position: fixed;
      padding: 0px;
      margin: 0px;
      display: none;
                }

#number li{cursor: pointer;}

.var a{width: 100px;
      font-family: Littera;
      display: inline-block;
      text-decoration: none;
      padding: 5px;}
.forcont a{border-bottom: 1.2px solid #000;
           padding-bottom: 2px;
           display: inline-block;
           text-align: left;}
.forcont a, .forcont ol{
          text-decoration: none;
           font-family: Littera;
           color: black;
           padding: 5px;
           margin-top: 5px;}
.hul{    font-family: San Francisco;
        font-size: 18px;
        width: 700px;}
.forcontzach{
    display: inline-block;
    width: 1000px;
    vertical-align: top;
    padding: 5px;
    padding-bottom: 20px;}
.forcontzach p {
        font-size: 25px;
        font-weight: bolder;
        margin-top: 0px;
    }
    .forcontzach a, .forcontzach ol {
      text-decoration: none;
    font-family: Littera;
    color: #2f2c2c;
    padding: 5px;
    margin-top: 5px;
    width: 110px;
    height: 45px;
    font-size: 22px;
    transition: .3s;
  }
    .forcontzach a:hover, .forcontzach ol:hover{transform: translateY(-10px);
                        color: #ec0b43;
                        transition: .3s;}
  .forcont a {
    border-bottom: 1.2px solid #000;
    padding-bottom: 2px;
    display: inline-block;
    text-align: left;
}
#huk,#bdh,#hnet,#immodh{color: rgb(25, 70, 186);
    border-bottom: dotted rgb(236, 11, 67);}
#uk .profession{width: 145px;
                margin: 26px;}
.subject{
  width: 180px;
border-radius: 30px;
height: 160px;
display: inline-block;
text-align: center;
vertical-align: middle;
margin: 12px;
margin-top: 20px;
margin-bottom: 20px;
cursor: pointer;
      }				
.opensubject{width: 1100px;
          text-align: left;
          margin-left: auto;
          margin-right: auto;
          display:none;
		  }