@font-face {
    font-family: "Avenir-Bold";
    src: url("../fonts/Avenit_next_pro/AvenirNextLTPro-Bold.woff2") format("woff2"),
        url("../fonts/Avenit_next_pro/AvenirNextLTPro-Bold.otf") format("opentype")
}
@font-face {
    font-family: 'Avenir-Regular';
    src: url("../fonts/Avenit_next_pro/AvenirNextLTPro-Regular.woff2") format("woff2"),
        url("../fonts/Avenit_next_pro/AvenirNextLTPro-Regular.otf") format("opentype")
}
@font-face {
    font-family: "Avenir-DemiBold";
    src: url("../fonts/Avenit_next_pro/AvenirNextLTPro-Demi.woff2") format("woff2"),
    url("../fonts/Avenit_next_pro/AvenirNextLTPro-Demi.otf") format("opentype")
}
@font-face {
    font-family: "Avenir-Medium";
    src: url("../fonts/Avenit_next_pro/AvenirNextLTPro-Medium.woff2") format("woff2"),
    url("../fonts/Avenit_next_pro/AvenirNextLTPro-Medium.otf") format("opentype")
}
@font-face {
    font-family: "Libre-Baskerville-Regular";
    src: url("../fonts/Libre_baskerville/LibreBaskerville-Regular.woff2") format("woff2"),
    url("../fonts/Libre_baskerville/LibreBaskerville-Regular.ttf") format("trutype")
}
@font-face {
    font-family: "Libre-Baskerville-Italic";
    src: url("../fonts/Libre_baskerville/LibreBaskerville-Italic.woff2") format("woff2"),
    url("../fonts/Libre_baskerville/LibreBaskerville-Italic.ttf") format("truetype")
}
@font-face {
    font-family: "Libre-Baskerville-Bold";
    src: url("../fonts/Libre_baskerville/LibreBaskerville-Bold.woff2") format("woff2"),
    url("../fonts/Libre_baskerville/LibreBaskerville-Bold.ttf") format("truetype")
}
.mst-arrow-right {
  background-image: url(../img/svg/arrow-right-orange.svg);
  display: inline-block;
  width: 35px;
  height: 25px;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;

}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;

}
.mst-wrapper {
    background-color: #FEFDF3;
    height: auto;
    width: 100%;
    max-width:1440px;
    margin:auto;
    position: relative;
}
.navbar {
    background-color: aliceblue;
}
.p {
    display: block;
}
h1 {
  font-size: 2rem;
  font-size: clamp(2rem, 1.5238095238095237rem + 2.380952380952381vw, 3rem);
  font-family: 'Libre-Baskerville-Bold';  
}
h2 {
  font-family: 'Avenir-Bold';
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.2083333333333335rem + 2.083333333333333vw, 2.5rem);
  }
h3 {
  font-family: 'Libre-Baskerville-Regular';
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.9523809523809523rem + 1.488095238095238vw, 1.875rem);
}
h4{
  font-family: 'Avenir-medium';
}
p, .mst-list-ul, .mst-list-ol, label {
    margin-top: 0;
    font-size: 1rem;
    font-size: clamp(1rem, 0.8214285714285714rem + 0.8928571428571428vw, 1.375rem);
    font-family: 'Avenir-Regular';  
}
strong {
  font-family: 'Avenir-Bold';
}
.mst-paragraph, .mst-paragraph table {
  margin-top: 0;
  font-size: 1rem;
  font-size: clamp(1rem, 0.8214285714285714rem + 0.8928571428571428vw, 1.375rem);
  font-family: 'Avenir-Regular';
  line-height: 2.3rem;  
}
.mst-paragraph table {
  width: 100% !important;
}
.mst-privacy a {
  font-size: 1.2rem;
  background-image:linear-gradient(#FDC72F,#FDC72F);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size:0% 100%;
  padding: 15px;
}
.mst-privacy a:hover {
  background-size:100% 100%;
  transition: background-size .3s ease;
}

/* NAVIGATION */
.mst-nav-menu-active {
  border-top: solid 9px #FDC72F !important;
  text-shadow: .1px .1px .5px #231F20;
}
.dropdown-lvl-1-hover {
  background:#FFEDBA !important;
  visibility:visible !important;
}
/* .mst-nav-menu > li:hover > a {
  border-top: solid 9px #FDC72F;
} */
/* .mst-nav-menu li:hover .dropdown-lvl-1 li{
  visibility:visible;  
} */
/* .dropdown-lvl-1 > li:hover , .dropdown-lvl-1 > li:hover > a {
  background:#FFEDBA;
} */
/* .dropdown-lvl-2 > li:hover , .dropdown-lvl-2 > li:hover > a {
  background:#FFEDBA;
} */
/* .dropdown-lvl-2-pre:hover ul ,.dropdown-lvl-2-pre:hover .dropdown-lvl-2 {
  max-height:300px;
} */
a.dropdown-toggle {
  cursor: pointer;
}
.dropdown-toggle::after {
  display: inline-block;
  position: absolute;
  margin-right: 3px;
  margin-left: 3px;
  /* margin-top: 1px; */
  height: 15px;
  border: none;
  /* vertical-align: .255em; */
  /* border-top: .3em solid; */
  /* border-right: .3em solid transparent; */
  /* border-bottom: 0; */
  /* border-left: .3em solid transparent; */
  content: url('https://api.iconify.design/dashicons/arrow-down-alt2.svg');
  rotate: 0deg;
  

}
.dropdown-lvl-2-pre:hover .dropdown-toggle::after {
  rotate: -90deg;
  transition: .2s ease-in-out;
}
  .mst-lang-menu {
    position: relative;
    font-size: 15px;
  }
  .arrow {
    position:absolute;
    right:10px;
    top:8px;
    height:15px;
    cursor:pointer;
  }
  .arrow img {
    height:15px; 
  }
  .dropdown-open ul {
    max-height:300px;
  }
  .mst-nav {
    display:flex;
    justify-content: space-around;
    align-items:center;
    min-height:8vh;
    flex-wrap: wrap;
   position: fixed;
    width: 100%;
    top: 0;
    z-index: 999 ;
    max-width:1440px ;
    font-family: 'Avenir-Medium', sans-serif;
    margin: 0;
    padding: 0;

    
  }
  .mst-nav-menu {
    display:flex;
    justify-content:space-around;
    margin-top:0;
    margin:0;
    gap:10px;
    cursor: pointer;
  }
  .mst-nav-menu > li {
    list-style:none;
    position:relative;
    text-align:center;
    padding: 0px 16px 0px 16px;
  }
  .mst-nav-menu a {
    text-transform:uppercase;
    padding:20px 0px 25px 0px;
    display:block;
    white-space:nowrap;
    border-top: solid 9px white;
    color: black;
    text-decoration:none;
    /* font-weight:bold; */
    font-size:15px;
  }
  .dropdown-lvl-1, .dropdown-lvl-1 a {
    padding:0;
    font-size: 12px;
    background:white;
    text-align:left;  
  }
  .dropdown-lvl-1{
    list-style: none;
    position:absolute;
    visibility:hidden; 
    margin-top:0px;
    top:100%;
    left:50%;
    transform:translateX(-50%);

  }
  .dropdown-lvl-1 li a {
    border:none;
    padding: 10px 22px 10px 22px;
  }
  .dropdown-lvl-1 li {
    border:none;
  }
  .main-menu {
    position:relative;
    display:block;
    margin:0;
  }
  .dropdown-lvl-2 {
    list-style:none;
    position:absolute;
    max-height:0;
    overflow:hidden;
    padding:0;
    display: block;
    left: 99%;
    top: 0;
    width: 99%;
  }
  .dropdown-lvl-2 > li > a {
    padding: 10px 20px 10px 40px;
    white-space:pre-wrap;
  }
  /* HAMBUERGER */
    .menu-btn {
      position:absolute;
      right:30px;
      
      justify-self:right;
      display:none;
      justify-content:right;
      align-items:center;
      width:45px;
      height:45px;
      cursor:pointer;
      transition: all .5s ease-in-out;
      
    }
  .menu-btn_burger {
    width:35px;
    height:5px;
    background:black;
    border-radius:5px;
    transition: all .5s ease-in-out;
  }
  .menu-btn_burger::before,.menu-btn_burger::after{
    content:'';
    position:absolute;
    width: 35px;
    height: 5px;
    background:black;
    border-radius:5px;
    transition: all .5s ease-in-out;
  }
  .menu-btn_burger::before {
    transform: translatey(-10px); 
  }
  .menu-btn_burger::after {
    transform: translatey(10px); 
  }
  .menu-btn.open .menu-btn_burger {
    transform: translatex(-50px);
    background:transparent;
  }
  .menu-btn.open .menu-btn_burger::before{
    transform: rotate(45deg) translate(35px, -35px);
  }
  .menu-btn.open .menu-btn_burger::after{
    transform: rotate(-45deg) translate(35px, 35px);
  }
/* SCROLL UP */
.scrollUpContainer {
  position: fixed;
  height: 30px;
  width: 30px;
  background-color: #00000068;
  content: 'UP';
  z-index: 9999;
  bottom: 25px;
  right: 15px;
  content: url('https://api.iconify.design/uit/angle-up.svg?color=white');
  cursor: pointer;
  border-radius: 50%;
  display: none;
}
@media (hover: hover) {
  .scrollUpContainer:hover {
    background-color: #000000cf;
    transition: .2s ease-in-out;
  }
}

/* CUSTOM */ 
.mst-404 {
  border-right: #231F20 solid 3px;
}
#mst-exam-dates td {
  width: 50%;
}
.mst-examdate-table {
  margin-top: 0;
  font-size: 1rem;
  font-size: clamp(1rem, 0.8214285714285714rem + 0.8928571428571428vw, 1.375rem);
  font-family: 'Avenir-Regular';  
}
/* MST COLORS */
              /* -- background colors ** */
.mst-bg-blue {
    background-color: #19ADC3;
}
.mst-bg-orange {
    background-color: #FDC72F;  
}
.mst-bg-smokewhite {
    background-color: #FEFDF3;
}
.mst-bg-lightyel {
    background-color: #FCF4DF ;
}
.mst-bg-cornsilk {
  background-color: #FDF4DF;
}
.mst-bg-grey {
  background-color: #F0F0F0;
}
.mst-bg-black {
  background-color: black;
}
.mst-bg-lightblack {
  background-color: #231F20;
}
              /* -- text colors -- */
.mst-text-white {
  color:#FEFDF3;
}
a.mst-bg-black-text-white {
  color: #FEFDF3;
}
a.mst-bg-black-text-white:hover {
  color:#FEFDF3;
}
.mst-text-black {
  color: #231F20;
}
.mst-text-orange {
  color: #FDC72F;
}
              /* -- table colors -- */
.mst-table-black {
  border-color: #231F20;
  font-family: 'Avenir-regular';
}
              /* -- button colors -- */
              /* -- border colors -- */
.mst-border-white {
  border: #FEFDF3 solid 3px;
}
.mst-border-black {
  border: #231F20 solid 3px;
}
.mst-border-black-top {
  border-top: #231F20 solid 3px;
}
.mst-border-black-botom {
  border-bottom: #231F20 solid 3px;
}
.mst-border-black-y {
  border-bottom: #231F20 solid 3px;
  border-top: #231F20 solid 3px;

}
.mst-border-orange-top {
  border-top: #FDC72F solid 3px;
}

.mst-text-blue {
  color: #19adc3;
}
a {
  color: #231F20;
  text-decoration: none;

}
a:hover {
 color: #231F20;
 text-shadow: .1px .1px .5px #231F20;
}
a.mst-text-blue:visited {
  color: #19ADC3;
}
a.mst-text-orange:visited {
  color: #FDC72F;
}
a.mst-text-blue:hover, a.mst-text-blue:hover path.a-blue {
  color:#231F20;
  stroke: #231F20;
}
a.mst-text-orange:hover, a.mst-text-orange:hover path.a-orange {
  color:#231F20;
  stroke: #231F20;
}


a::after {
  color: #f4f4f4;
}
a.mst-position-link {
  font-family: 'Avenir-Bold';
  font-size: 1.5625rem;
  color:#231F20;
  text-underline-offset: 4px;
  border-bottom: 3px solid #FDC72F;
  

}
a.mst-position-link:hover {
  border-bottom: 5px solid #FDC72F;

}
.mst-img-mentor {
  position:relative; 
  top: 60px;
}
.mst-img-advising {
  position:relative; 
  top: 130px;
}
.mst-pe-11{
  padding-right: 5.5rem;
}



/* TIMELINE NEW */
/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
 .fa-circle:before {
  content: "\A";
}
 .fa {

  width: 35px;
  height: 35px;
  background-color:#FDC72F ;
  display:inline-block;
  border-radius: 50%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-md {
  width: 45px;
  height: 45px;
  background-color:#FDC72F ;
  display:inline-block;
  border-radius: 50%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  width: 55px;
  height: 55px;
  background-color:#FDC72F ;
  display:inline-block;
  border-radius: 50%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-xl {
  width: 75px;
  height: 75px;
  background-color:#FDC72F ;
  display:inline-block;
  border-radius: 50%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.timeline {
  list-style: none;
  padding: 10px 0;
  /* position: relative; */
  font-weight: 300;
}
/* .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content:"";
  width: 3px;
  background: #231F20;
  left: 90px;
  margin-left: -1.5px;
  height: 82%;
} */
.timeline-vertical {
  position: relative;
  list-style: none;


}
.timeline-vertical > ul {
  list-style: none;
}
.timeline-vertical:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 3px;
  background-color: #231F20;
  padding: 0;

}
.timeline-container {
  padding: 0px;

}

.timeline > li {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  float: left;
  clear: left;
}

.timeline > .line:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content:" ";
  width: 3px;
  background: #231F20;
  left: 79px;
  margin-left: -1.5px;
  height: 100%;
}
.timeline > .line-last:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content:" ";
  width: 3px;
  background: #231F20;
  left: 79px;
  margin-left: -1.5px;
  height: 115%;
}

.tester::before {
  content: 'HELLO THIS TEST';
  height: 50px;
  top: 0;
  position: absolute;
  bottom: 0;
  width: 3px;
  background: #231F20;
  left: 79px;
  margin-left: -1.5px;
  height: 100%;
}
/* .timeline > li:before, .timeline > li:after {
  content:" ";
  display: table;
} */
/* .timeline > li:after {
  clear: both;
} */
/* .timeline > li:before, .timeline > li:after {
  content:" ";
  display: table;
} */
/* .timeline > li:after {
  clear: both;
} */
.timeline > li > .timeline-panel {
  width: calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: -webkit-calc(100% - 25px);
  float: left;
  /* border: 1px solid #dcdcdc; */
  position: relative;
  
}

/* .timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #000000;
  border-right: 0 solid #000000;
  border-bottom: 15px solid transparent;
  content:" ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #ffffff;
  border-right: 0 solid #ffffff;
  border-bottom: 14px solid transparent;
  content:" ";
} */
.timeline > li > .timeline-badge {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: -5px;
  left: 60.5px;
  margin-left: 0;
  /* z-index: 100; */
}
.timeline > li > .timeline-badge-md {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 48px;
  left: 55.5px;
  margin-left: 0;
  z-index: 100;
}
.timeline > li > .timeline-badge-lg {
  color: #ffffff;
  width: 44px;
  height: 44px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: -4px;
  left: 50px;
  margin-left: 0;
  z-index: 100;
}
.timeline > li > .timeline-badge-xl {
  color: #ffffff;
  width: 54px;
  height: 54px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 30px;
  left: 40px;
  margin-left: 0;
  z-index: 100;
}
.timeline-vertical-badge {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: -13px;
  left: 73.5px;
  margin-left: 0;
}
.timeline-vertical-badge-md {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: -21px;
  left: 55px;
  margin-left: 0;
}
.timeline-vertical-badge-xl {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: -37px;
  left: 60px;
  margin-left: 0;
}
.mst-timeline-logo {
  max-width: 45px;
  position:absolute;
  top: 12px;
  left: 15px;
}
.mst-timeline-box {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  width: max-content;
  height: max-content;
  top: 50%;
  left: 11px;
}
.mst-timeline-box2 {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  width: max-content;
  height: max-content;
  top: 50%;
  left: 11px;
}
.mst-timeline-box3 {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  width: max-content;
  height: max-content;
  top: 50%;
  left: 11px;
}
.mst-timeline-vertical-box {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  width: max-content;
  height: max-content;
  top: -56px;
  left: 130px;
}
.mst-timeline-box p {
  font-size: 1.375rem;
   margin: 0;
  padding: 15px;
}
.mst-timeline-vertical-box-2 {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  /* width: 170px; */
  height: max-content;
  top: -65px;
  left: 50%;
}
.mst-timeline-vertical-box-2-en {
  width: max-content;
  left:40%;
}
.mst-timeline-vertical-box-2 p {
  font-size: 1.375rem;
  margin: 0;
  padding: 15px;
  line-height: normal;
  text-align: left;
}
.mst-timeline-vertical-box p {
  font-size: 1.375rem;
   margin: 0;
  padding: 15px 25px 15px 25px;
  line-height: normal;
  text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;

}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge > a {
  color: #ffffff !important;
}
.timeline-badge a:hover {
  color: #dcdcdc !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-heading h4 {
  font-weight: 400;
  padding: 0 15px;
  color: #4679bd;
}
.timeline-body > p, .timeline-body > ul {
  padding: 10px 15px;
  margin-bottom: 0;
}
.timeline-body {
  margin-left: 200px;
}
.timeline-body-vertical {
  margin: 0;
}
.timeline-footer {
  padding: 5px 15px;
  background-color:#f4f4f4;
}
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a {
  cursor: pointer;
  text-decoration: none;
}
.timeline > li.timeline-inverted {
  float: right;
  clear: right;
}
/* .timeline > li:nth-child(2) {
  margin-top: 60px;
} */
.timeline > li.timeline-inverted > .timeline-badge {
  left: -12px;
}
.no-float {
  float: none !important;
}


@media (max-width: 767px) {
  /* ul.timeline:before {
      left: 60px;
      height: 81%;
  } */
  .timeline > .line-last:before {
    left: 40px;
  }
  .timeline > .line:before {
    left:40px;
  }

  ul.timeline > li {
      margin-bottom: 0px;
      position: relative;
      width:100%;
      float: left;
      clear: left;
  }
  ul.timeline > li > .timeline-panel {
      width: calc(100% - 65px);
      width: -moz-calc(100% - 65px);
      width: -webkit-calc(100% - 65px);
  }

  .mst-timeline-box {
    left: -8px;
    top:50%;
  }

  ul.timeline > li > .timeline-badge {
    left: 21.5px;
    margin-left: 0;
    top: -12px;
}
  .timeline > li > .timeline-badge-md {
    top: 39px;
    left: 17px;
  }
  .timeline > li > .timeline-badge-md {
    top: 35px;
    left: 18px;
  }
  .timeline > li > .timeline-badge-lg {
      top: -10px;
      left: 10px;
  }
  .timeline > li > .timeline-badge-xl {
    top: 30px;
    left: 5px;
  }
  .mst-timeline-logo {
    top: 12px;
    left: 15px;
    position: absolute;
    max-width: 45px;

  }
  .mst-timeline-box {
    left:-10px;
    top: 50%;

   }

  ul.timeline > li > .timeline-panel {
    float: right;  

  }
  ul.timeline > li > .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
  }
  .timeline > li.timeline-inverted {
      float: left;
      clear: left;
      margin-top: 30px;
      margin-bottom: 30px;
  }
  .timeline > li.timeline-inverted > .timeline-badge {
      left: 16px;
  }
  .timeline-body {
    margin-left: 60px;
  }
  .mst-timeline-box p {
    font-size: 1rem;
   }
}
/* SWIPER - GALLERY */
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-button-next , .swiper-button-prev {
  color: #fefdf3 !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #FCF4DF;
 

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.swiper-slide {
  background-size: cover;
  background-position: center;

}

.mySwiper2 {
  height: auto;
  width: 100%;
  max-height:750px;

}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  


}

.mySwiper .swiper-slide {

  opacity: 1;
}
.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
   max-height: 750px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  /* max-height: 750px; */
 
}
/* OVERLAY*/
.mst-overlay-college {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1000;
  cursor: pointer;
}
.overlay-infobox2{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 690px;
  min-width: 320px;
  height: auto;
  max-height: 470px;
  background: #e91e63;
  z-index: 2000;
  transform: translateX(-50%) translateY(-50%);
  transition: all 300ms ease;
}
.mst-overlay-close-btn img ,.mst-overlay-close-btn-sm img,.mst-overlay-close-btn-full img, .mst-overlay-close-clubs img, .mst-overlay-close-btn-stuff img  {
  height: 25px;
  width: auto;
}
.mst-overlay-close-btn,.mst-overlay-close-btn-stuff,.mst-overlay-close-btn-sm, .mst-overlay-close-btn-full , .mst-overlay-close-clubs{
  position: absolute;
  top: 5px;
  right: 5px;
}


.overlay-infobox {
  position: fixed;
  top:50%;
  left: 50%;
  background-color: #19adc3;
  width: 80%;
  height: auto;
  max-height: 471px;
  max-width: 690px;
  z-index: 9999999999;
  z-index: 2000;
}
/* TIMELINE */
.mst-timeline-bar {
  position: absolute;
  left: 15%;
  height: 100%;
  width: 3px;
}
.mst-timeline-sm-dot::before {
  content: "\A";
  width: 20px;
  height: 20px;
  background-color:#FDC72F ;
  display:inline-block;
  border-radius: 50%;
  left: 12.5%;
  position: absolute;
}
/* CUSTOM FIELDS */
.mst-contact-table {
  font-family: 'Avenir-regular';
  font-size: clamp(1rem, 0.8214285714285714rem + 0.8928571428571428vw, 1.375rem)
}
#allContact .mst-contact-table tr:first-child {
  height: 80px;
  vertical-align: text-top;
}
.mst-wordwrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.mst-liststyle-disc {
  list-style: disc;
}
.mst-table-border-b {
border-bottom:solid #231F20;
}
.mst-table-border-t {
  border-top:solid #231F20;
}
.mst-arrow-r-white {
  max-height: 30px;
  margin:20px;
}
.mst-first-row {
  margin-top: 50px !important;
  padding-top: 80px !important;
}
.mst-span-price {
  font-size: 1rem;
  display: inline-block;
  margin-left:10px;
  text-align: left;
}
.mst-row {
  padding: 25px;
}
.mst-cards-w-49 {
  width: 49%;
}
.mst-cards-w-48 {
  width: 48%;
}
.mst-cards-w-45 {
  width: 45%;
}
.mst-cards-w-30 {
  width: 30%;
}
.mst-card-title {
  font-family: 'Avenir-Bold';
  font-size: 1rem;
}
.mst-card-text {
  font-size: 1rem;
  font-family: 'Avenir-Regular';
}
.mst-card-arrow{
  margin-left: auto;
  cursor: pointer;
}
.mst-card-arrow svg {
  height: 25px;
}
.mst-card-arrow:hover g path.st0 {
  stroke-width: 2px;
}
.mst-custom-w93 {
  max-width: 93%;
}
.mst-image-max-h325 {
  max-height: 325px;
}
.mst-min-h11 {
  min-height: 7rem;
}
.mst-min-h6 {
  min-height: 6rem;
}
.mst-min-h20 {
  min-height: 20rem;
}
.mst-min-h15{
  min-height: 15rem;
}
.mst-min-h16{
  min-height: 16rem;
}
.mst-round-box {
  border-radius: 50px;
  background-color: #FDC72F;
  width: 100%;
  text-align: center;
  padding: 30px 20px 30px 25px;
}
.mst-border-radius-top {
  border-radius: 50px 50px 0 0px;
}
/*  CLUBS */
.mst-popupbox-clubs-overlay{
  position: absolute;
  background-color: #FDC72F;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 60;
  display: none;
  cursor: pointer;
}
.mst-popupbox-clubs-overlay-active{
  display: flex;
}
.mst-popupbox-clubs-overlay p {
  font-size: 1.1rem !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.mst-popupbox-clubs-overlay p::-webkit-scrollbar{
  background-color: rgba(226, 223, 213, 0.56);
  width: 5px;
}
.mst-popupbox-clubs-overlay p::-webkit-scrollbar-thumb{
  background-color: rgba(0, 0, 0, 0.417);
}
.mst-popupbox-clubs-overlay p::-webkit-scrollbar
.mst-popupbox-orig-clubs{
    display: block;
    opacity: 1;
    overflow: hidden;
    font-family: 'Libre-Baskerville-Bold' !important;
}
.mst-popupbox-orig-clubs:hover{
  cursor: pointer;
}
.mst-popupbox-orig-clubs:hover .mst-popupbox-clubs-overlay {
  display: flex;
  opacity: 1;
  animation: slide-in-sm;
  animation-duration: .5s;

}

.mst-button-wrapper{
  padding: 0;
}
.mst-button-center-wrapper {
  padding: 0;
  display: flex;
  justify-content: space-evenly;
}
.mst-button-wrapper button:nth-child(2) {
  left: 4%;
}
.mst-button-wrapper a:nth-child(2){
  left: 4%;
}
.mst-button-center-wrapper button:nth-child(2)  {
  left: 0;
}
.mst-button-center-wrapper a:nth-child(2) {
  left: 0;
}
.mst-btn {
  padding: 10px 15px 10px 15px;
  border-radius: 53px;
  border: none;
  font-family: 'Avenir-Medium';
  font-size: 1.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  width: fit-content;
  color:#231F20;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.mst-btn-applyEn {
  padding: 20px 60px 20px 60px;
}
.mst-btn-sm {
  padding: 20px 30px 20px 30px;
  border-radius: 53px ;
  border: none;
  font-family: 'Avenir-Medium';
  font-size: 1.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  width: fit-content;
  color:#231F20 ;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.mst-btn-wide {
  padding: 20px 90px 20px 90px;
}
.mst-btn-blue{
  background-color: #19ADC3;
  color: #FEFDF3 ;
  
}
.mst-btn-paypal{
  background-color: #FDC72F;
  color:#231F20 ;
  padding: 10px 35px 10px 35px;

}
.mst-btn-simplePay{
  background-color: #231F20;
  color:#231F20 ;
  padding: 10px 35px 10px 35px;

}
.mst-btn-black{
  background-color: #231F20;
  color: #FEFDF3 !important ;

}
.mst-btn-black-orange a {
  color:#FDC72F
}
.mst-btn-black-orange{
  background-color: #231F20;
  color:#FDC72F !important ;
}
.mst-btn-white{
  background-color: #FCF4DF;
  color:#231F20 ;

}
.mst-btn-orange{
  background-color: #FDC72F;
  color:#231F20 ;
}
.mst-btn-orange-vacan {
  background-color: #FDC72F;
  color:#231F20 ;
  border: #FDC72F solid;

}
.mst-btn-white:hover, .mst-btn:hover,.mst-btn-paypal:hover,.mst-btn-orange-vacan:hover,.mst-btn-orange:hover,.mst-btn-grey:hover {
    box-shadow: 1px 1px 10px black;
    transition: .2s ease-in-out;
}
.mst-btn-grey {
  background-color: #dfd8d8;
  /* border: #231F20 solid 3px; */
}
.mst-btn-border {
    border: #231F20 solid 3px;
}
.mst-btn-border:hover{
  box-shadow: 1px 1px 10px #919191;
  transition: .2s ease-in-out;


  
}
.mst-btn-black:hover {
  box-shadow: 1px 1px 10px white;
  transition: .2s ease-in-out;
}
.mst-btn-black a {
  color:#FEFDF3 ;
}
.mst-btn-black:hover a {
  color: #FEFDF3 !important;
  text-shadow: none !important;

}
.mst-btn-white:hover a, .mst-btn-grey:hover a, .mst-btn-orange:hover a {
  color: #231F20;
  text-shadow: .1px .1px .5px #231F20;
}
.mst-bt-arrow {
  width: fit-content;
  text-decoration: none;
  right: 10px;
  top: 10px;
}
.mst-bt-arrow-white g path.a {
  stroke: white;
}
.mst-bt-arrow:hover g path.a {
  stroke-width: 3px;

}
.mst-svgArrowMarginLeft {
  margin-left: 15px;
}

.mst-p-50 {
  padding: 50px;
}
/* ARCHANT LINKS */
#mentoralas, #modularisOktatas, #diakelet {
  scroll-margin-top: 76px;
}
#szocosztondij , #bridgeosztondij {
  scroll-margin-top: 100px;
}

#diakelet {
  scroll-margin-top: 76px;
}
#positions[id] {
  scroll-margin-top: 76px;
}
.mst-footer-content {
  min-height: 4rem;
}

/* OVERLAY MST VACAN */
.mst-cards-vacans .card-img-top {
  max-height: 311px;
}
.noMatchFound {
  font-size: 2rem;
    width: auto;
}
.mst-card-arrow-vacan{
  margin-left: auto;
  cursor: pointer;
}
.mst-card-arrow-vacan svg {
  height: 25px;
}
.mst-card-arrow-vacan:hover g path.st0 {
  stroke-width: 2px;
}
.mt-vacan-close-btn img {
  height: 25px;
  width: 25px;
  right: 0;
  position: absolute;
  right: 12px;
  top: 12px;

}
.mst-arrow-vacans-cont {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.card {
  border:none;
}
.mst-cards-vacans .card-body {
  min-height: 190px;
}
.mst-overlay-vacan {
  position: absolute; 
  display: none;
  width: 197.5%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F0F0; 
  z-index: 2;
  cursor: pointer;
  overflow: hidden;
  font-family: 'Avenir-Regular';
  font-size: 15px;
  border-radius: 5px;
  opacity: 0;
  animation: vacaInfoboxFadeOut .5s;

}
.mst-overlay-vacan-active {
  display: flex;
  animation: vacaInfoboxFadeIn .5s;
  opacity: 1;
  width: 197.5%;

}
.mst-overlay-vacan-active-left {
  left: -100%;
}
.mst-overlay-text, .mst-overlay-content p {
  font-size: 15px ;
  margin-top: 30px;
}
.mst-overlay-vacan table {
  font-size: 15px;
}
.mst-overlay-vacan table tr th {
  padding: 0px 16px 0px 0px;
}
.mst-overlay-vacan table tr td {
 padding: 0;
}
.mst-overlay-content {
  padding: 18px 85px 18px 18px;
  overflow-y: scroll;
}
.mst-search {
  height:auto;
  width: 80%;
  border-style: solid;
  border-width: 0px 0px 3px 0px;
  border-color: #231F20;
  background-color: #F0F0F0;

}
.mst-searchBox{
  width: 100%;
  height: 60px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #231F20;
  background-color: #F0F0F0;
  font-family: 'Avenir-Medium';
  font-size: 1.25rem;
  color: #231F20;
  margin-left: 20px;
}
.mst-searchBox::placeholder {
  font-size: 1.25rem;
  color: #231F20;
}
.mst-searchBox:focus,.mst-searchBox:focus-visible {
  
  outline: none;

}
.mst-search-icon {
  cursor: pointer;
  margin: auto 0;
  background: url(https://new.milestone-institute.org/wp-content/uploads/2022/10/search-1.svg)no-repeat left center;
  width: 32px;
  height: 32px;

}
.mst-searchIcon i {
  position: relative;
  top: 25%;
}
@keyframes vacaInfoboxFadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes vacaInfoboxFadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.mst-overlay-content::-webkit-scrollbar{
  background-color: rgba(226, 223, 213, 0.56);
  width: 5px;
}
.mst-overlay-content::-webkit-scrollbar-thumb{
  background-color: rgba(0, 0, 0, 0.417);
}
.mst-division {
  display: none;
}
/* CUSTOM IMAGE STILING */
.mst-img-55 {
  height: auto;
  max-width: 78%;
  position: relative;
  top: -52px;
 }
 .mst-img-05-2 {
  height: auto;
  max-width: 70%;
 }
 .mst-img-08 {
  left: -50px;
  max-width: 80%;
 }
 .mst-img-62 {
  max-width: 80%;
 }
 .mst-eszkoz-1 {
  max-width: 65%;
 }
 @media only screen and (max-width: 992px) {
  .mst-img-55 {
    top: 0px;
}
.mst-61-2 {
  max-width: 70%;
}
.mst-img-10-2 {
  max-width: 80%;
}
.mst-img-09 {
  max-width: 80%;
}
.mst-img-05-2 {
  max-width: 70%;
 }
 .mst-img-08 {
  left: -7%;
  max-width: 80%;
 }
 .mst-img-04-3{
  max-width: 80%;
 }
 .mst-img-03{
  max-width: 85%;
 }
 .mst-img-62 {
  max-width: 70%;
 }
}
/* CARDS */
.card-body p {
  margin:  25px 0px 25px 0px;
}

/* FOOTER */
.mst-footer-underline {
  border-bottom: solid 2px;
}
footer .mst-button-wrapper a {
  font-size: 1.5rem;
}
.mst-footer-img {
    height: 82px;

}
.mst-footer-mh {
  min-height: 60px;
}
footer * {
  /* font-size: 1.125rem; */
  font-size: clamp(1rem, 0.8214285714285714rem + 0.8928571428571428vw, 1.375rem);
  font-family: 'Avenir-medium';
}
.mst-send-button-footer {
    background-color: black !important; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.mst-subscribe-footer {
    border-radius: 0;
    border: solid white;
    min-width: 190px;
    width: 40%;
}

/* END - FOOTER */
.mst-img {
    width: 990px;
    padding: 50px; 
}
.col-auto{
    display: flex;
}
.mst-popupbox-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    font-size: 18px;
    margin-bottom: 0;
 
}
.mst-popupbox-overlay p {
  /* font-size: 18px; */
}
.mst-popupbox-orig{
   position: relative;
   display: block;
   opacity: 1;
   overflow: hidden;
   font-family: 'Libre-Baskerville-Bold' !important;

}
.msg {
  height: 100%;
}
.mst-popupbox-full-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 60;
    cursor: pointer;
    justify-content: center;
    align-items: center;
  

  
}
.mst-popupbox-full-overlay p {
margin: auto;
font-size: 0.8rem;
font-size: clamp(0.8rem, 0.68rem + 0.5999999999999999vw, 1.4rem);
}
.mst-popupbox-full-slidein {
  animation: slide-in-sm;
  animation-duration: .5s;
  
}
/* .mst-infobox-lg:hover .mst-popupbox-overlay {
    display: flex;
    opacity: 1;
    animation: slide-in-sm;
    animation-duration: .5s;

} */
.mst-overlay-lg-active{
  display: flex;
  flex-direction: column;
  opacity: 1;
  animation: slide-in-sm;
  animation-duration: .5s;
}
.mst-popupbox-full-overlay-active {
  display: flex;
  flex-direction: column;
  animation: slide-in-sm;
  animation-duration: .5s;
}
@keyframes slide-in-sm {
    0%   {left: -100%;}
    100% {left: 0;}
  }

.embed-responsive{
    max-width: 1280px;
    height: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
}
iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   max-width: 100%; 
}
.mst-infobox-lg {
    min-height: 250px;
    max-height: 250px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    
}
.mst-infobox-sm {
    min-height: 234px;
    max-width: 315px;
}
.mst-infobox-sm-ml {
  margin-right: 30px;
}
/* TIMELINE MEDIA */
@media only screen and (min-width: 319px) and (max-width: 375px) {
  .mst-timeline-vertical-box {
    color: #FCF4DF;
    background-color: #231F20;
    position: absolute;
    z-index: 101;
    width: max-content;
    height: max-content;
    top: 80%;
    left: -13px;
}
.mst-timeline-vertical-box-2 {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  width: max-content;
  height: max-content;
  left: -2px;
  top: 50%;
  width: 80px;
}
.timeline-panel-vertical {
  margin-left: 30px;
}
.mst-timeline-vertical-box p {
  font-size: 11px;
  margin: 0;
  padding: 10px;
  line-height: normal;
  text-align: left;
}
.mst-timeline-vertical-box-2 p {
  font-size: 11px;
  margin: 0;
  padding: 10px;
  line-height: normal;
  text-align: left;
}
.timeline-vertical:before {
  left: 37px;

}
.timeline-container {
  padding: 0;
}
.timeline-vertical-badge {
  top: -5px;
  left: 21.5px;
  margin-left: 0;
}
.timeline-vertical-badge-md {
  top: 40px;
  left: 16px;
  margin-left: 0;
}
.timeline-vertical-badge-xl {
  top: 25px;
  left: 0px;
  margin-left: 0;
}
.mst-box-h1 h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.mst-button-white {
  width: 100%;
}
.mst-min-h11 {
  min-height: 4rem;
}
#price-section h1 {
  font-size: 1.2rem;
  text-align: center;
}
.mst-span-price {
  font-size: .7rem;
  display: inline-block;
  margin-left: 3px;
  text-align: left;
}
.mst-arrow-r-white {
  max-height: 20px;
  margin: 5px;
}
.mst-en-access-price h1 {
  font-size: 1.5rem;
}
}
@media only screen and (min-width: 375px) and (max-width: 575px) {
  .timeline-panel-vertical {
    margin-left: 80px;
  }
  .mst-timeline-vertical-box-2 p {
    font-size: 12px;
    margin: 0;
    padding: 10px;
    line-height: normal;
    text-align: left;
  }
  .mst-timeline-vertical-box-2 {
    color: #FCF4DF;
    background-color: #231F20;
    position: absolute;
    z-index: 101;
    width: max-content;
    height: max-content;
    top: 50%;
    left: 7px;
    max-width: 90px;
  }
  
.mst-timeline-vertical-box {
  color: #FCF4DF;
  background-color: #231F20;
  position: absolute;
  z-index: 101;
  width: max-content;
  height: max-content;
  top: 50%;
  left: 0;
}
.mst-timeline-vertical-box p {
font-size: 12px;
margin: 0;
padding: 10px;
line-height: normal;
text-align: left;
}
.timeline-vertical:before {
left: 50px;

}
.timeline-container {
padding: 0;
}
.timeline-vertical-badge {
top: -18px;
left: 34.5px;
margin-left: 0;
}
.timeline-vertical-badge-md {
top: 40px;
left: 28px;
margin-left: 0;
}
.timeline-vertical-badge-xl {
top: 25px;
left: 15px;
margin-left: 0;
}
.mst-box-h1 h1 {
  font-size: 2.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.mst-button-white {
  width: 100%;
}
.mst-min-h11 {
  min-height: 4rem;
}
#price-section h1 {
  font-size: 1.6rem;
  text-align: center;
}
.mst-span-price {
  font-size: .8rem;
  display: inline-block;
  margin-left: 5px;
  text-align: left;
}
.mst-arrow-r-white {
  max-height: 22px;
  margin: 8px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mst-timeline-vertical-box-2 {
    color: #FCF4DF;
    background-color: #231F20;
    position: absolute;
    z-index: 101;
    width: max-content;
    height: max-content;
    top: 140px;
    left: 5px;
    max-width: 90px;
  }
  .mst-timeline-vertical-box-2 p {
    font-size: 12px;
    margin: 0;
    padding: 10px;
    line-height: normal;
    text-align: left;
  }
  .timeline-container {
    padding: 0;
    }
    .mst-timeline-vertical-box {
      color: #FCF4DF;
      background-color: #231F20;
      position: absolute;
      z-index: 101;
      width: max-content;
      height: max-content;
      top:50%;
      left:0;
    }
    .mst-timeline-vertical-box p {
    font-size: 12px;
    margin: 0;
    padding: 10px;
    line-height: normal;
    text-align: left;
    }
    .timeline-vertical:before {
    left: 50px;
    
    }
    .timeline-container {
    padding: 0;
    }
    .timeline-vertical-badge {
    top: -18px;
    left: 34.5px;
    margin-left: 0;
    }
    .timeline-vertical-badge-md {
    top: 40px;
    left: 28px;
    margin-left: 0;
    }
    .timeline-vertical-badge-xl {
    top: 25px;
    left: 15px;
    margin-left: 0;
    }
    .timeline-panel-vertical {
      margin-left: 80px;
    }
    .mst-button-white {
      width: 100%;
    }
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
  .mst-timeline-vertical-box-2 {
    color: #FCF4DF;
    background-color: #231F20;
    position: absolute;
    z-index: 101;
    width: max-content;
    height: max-content;
    top: 50%;
    left: 15px;
    max-width: 110px;
  }
  .mst-timeline-vertical-box-2-en {
    max-width: 125px;
    left: 8px;
  }
  .mst-timeline-vertical-box-2 p {
    font-size: 12px;
    margin: 0;
    padding: 10px;
    line-height: normal;
    text-align: left;
  }

  .timeline-container {
    padding: 30px;
    }
    .mst-timeline-vertical-box {
      color: #FCF4DF;
      background-color: #231F20;
      position: absolute;
      z-index: 101;
      width: max-content;
      height: max-content;
      top:50%;
      left:10px;
    }
    .mst-timeline-vertical-box p {
    font-size: 14px;
    margin: 0;
    padding: 10px;
    line-height: normal;
    text-align: left;
    }
    .timeline-vertical:before {
    left: 70px;
    
    }
    .timeline-container {
    padding: 0;
    }
    .timeline-vertical-badge {
    top: -18px;
    left: 51.5px;
    margin-left: 0;
    }
    .timeline-vertical-badge-md {
    top: 40px;
    left: 49px;
    margin-left: 0;
    }
    .timeline-vertical-badge-xl {
    top: 25px;
    left: 34px;
    margin-left: 0;
    }
    .timeline-panel-vertical {
      margin-left: 120px;
    }
    .timeline-vertical:before {

      left: 70px;
   
  }
  .mst-cards-w-49 {
    width: 100%;
   }
}
@media only screen and (max-width: 767px) {
  #filterBtn button {
    width: inherit;
    text-align: center;
    margin: 0px 0px 10px 0px !important;
    padding: 10px 15px 10px 15px;
    font-size: 1.1rem;
}
.mst-footer-mh {
  min-height: unset;
}
.mst-min-h16 {
  min-height: unset;
}
.mst-404 {
  border-right: unset;
  border-bottom: solid 3px;
  margin-bottom: 15px;
}
/* FORM MEDIA QUERY  */
/* input[type="button"] {
  border-radius: 53px !important;
  font-size: 1rem !important;
  padding: 20px 35px !important;
  background-color: #FDC72F !important;
  color: #231F20 !important;
  text-transform: uppercase;
  border-width: 0 !important;
  width: 100%;
  margin: 0 !important;
  margin-top: 40px !important;
} */
.ff-ui-dialog, .ff-ui-dialog-content {
  max-height: 100% !important;
  height: 700px !important;
}
.ff-col-2 {
  min-width: 100% !important;
}
}
@media only screen and (max-width: 992px) {
  .timeline-vertical > ul {
    flex-direction: column;
    width: 100%;
  }
  .timeline-vertical > ul li {
    width: 100%;
  }
  .timeline-vertical:before {
    position: absolute;
    content: " ";
    width: 3px;
    height: 100%;
    background-color: #231F20;
    padding: 0;
 
}
  .dropdown-lvl-1 {
    left:0;
    transform:none;
  }
  .mst-button-center-wrapper button:nth-child(2) {
    left: 0;
    margin-top: 1rem;
}
.mst-button-center-wrapper {
  flex-wrap: wrap;
}
.dropdown-lvl-2 {
  list-style:none;
  position:relative;
  /* max-height:0px; */
  overflow:hidden;
  padding:0;
  display: none;  
  left: 0;
  top: 0;
  width: auto;
}

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mst-box-row-p {
    padding: .25rem!important;
  }
  .mst-popupbox-overlay p {
    font-size: 1.2rem;
  }
  .mst-min-h11 {
    min-height: 11rem;
  }
  .mst-nav-menu {
    padding-left: 0px !important;
  }
  .mst-first-row {
    padding-top: 142px !important;
  }
}
/* MEDIA QUERY */
/* X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
*/
@media only screen and (max-width:320px) {
  .navbar-brand img {
    max-width: 150px;
  }
  .mst-lang-menu {
    right: 80px;
    font-size: .9rem;
  }
  .mst-min-h20 {
    min-height: 14rem;
   }
  
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
  .timeline-body {
    margin-left: 45px;
  }
  .mst-timeline-box p {
    font-size: 15px;
    margin: 0;
    padding: 10px;
  }
  .timeline p {
    font-size: 15px
  }
  ul.timeline:before {
    height: 82% !important;
  }
  .navbar-brand img {
    max-width: 150px;
  }
  .mst-lang-menu {
    right: 80px;
    font-size: .9rem;
  }
  .mst-min-h20 {
    min-height: 14rem;
   }

}
@media only screen and (min-width: 375px) and (max-width: 575px) {
  .navbar-brand img {
    max-width: 190px;
  }
  .mst-lang-menu {
    right: 85px;

  }
  .mst-min-h20 {
    min-height: 14rem;
   }
}
/*Extra Small devices (landscape phones,less THEN 576px )*/
@media only screen and (max-width: 576px) {
  .mst-img {
    width: 990px;
    padding: 0px !important; 
}
  .mst-button-white, .mst-button-blue, .mst-button-orange, .mst-button-black {
    font-size: 14px;
    width: 100%;
  }

.mst-cards-w-45,.mst-cards-w-30, .mst-cards-w-49, .mst-cards-w-48 {
  width: 100%;
}
ul.timeline:before {
  height: 81%;
}
.mst-wrapper > .row {
  padding: 1rem;
 }
 .mst-infobox-sm {
  max-width: none;
 }
 #mst-overlay3 ,#mst-overlay4 {
  top: 50%;
 }
 .mst-popupbox-full-overlay{
  max-height: 50%;
 }
 .mst-overlay-vacan-active {
  width:100%;
  left:0;
 }

}
/*Small devices (landscape phones, 576px and up  )*/
@media only screen and (min-width: 576px) and (max-width:768px) {
  .mst-button-white , .mst-button-blue , .mst-button-orange, .mst-button-black {
    font-size: 25px;
    width: 75%;
  }
  .mst-cards-w-30 {
    width: 45%;
  }
  #support .mst-cards-w-30 {
    width: 100%;
  }
  ul.timeline:before {

    height: 81%;
}
.mst-p-sm-50 {
  padding: 50px !important;
}
.mst-wrapper > .row {
  padding: 1.5rem;
 }
 .mst-lang-menu {
  right: 90px;

}
.mst-infobox-sm {
  max-width: 100%;
}
.mst-cards-w-49 {
  width: 100%;
}

}
/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) {
  .mst-button-white , .mst-button-blue {
    font-size: 28px;
  }
  ul.timeline:before {

    height: 83%;
}
.mst-p-md-50 {
  padding: 50px;
}
.mst-wrapper > .row {
  padding: 3.125rem;
 }
}
@media only screen and (min-width: 768px) and (max-width:992px) {
  .mst-lang-menu {
    right: 95px;
  
  }
  .mst-cards-w-30 {
    width: 45%;
  }

  
}
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  ul.timeline:before {

    height: 83%;
}
    .mst-timeline-vertical-box {
      left:50%;
      top:-42px;   
     }
     .mst-timeline-vertical-box-eng {
      left:50%;
      top: -58px;   
     }

    .mst-box-h1 h1 {
      font-size: 2.5rem;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    
}
@media only screen and (max-width: 992px) {
    .navbar-brand {
        margin-right: auto;
        margin-left: 15px;
    }
    .mst-nav-menu {
      position:fixed;
      overflow:auto;
      inset: 0 0 0 30%;
      background:white;
      flex-direction:column;
      padding:0px;
      visibility:hidden;
    }
    .nav-open {
      position:fixed;
      overflow:auto;
      inset: 0 0 0 10%;
  /*    background:white;
      flex-direction:column;
      padding:0px;*/
      visibility:visible;
      animation: swim-in .3s;
    }
    .menu-btn {
      display:flex;
      z-index:99;
    }
    .mst-nav-menu {
      gap:0;
      margin-top:55px;
    }
    .main-menu a , .main-menu a:hover,.mst-nav-menu > li:hover > a {
      border:none;
    }
    .is-hidden {
      display: block !important;
    }
    .dropdown-lvl-1 {
      position:relative;
      display:none;
      visibility:visible;
      left:0;
      top:0;
      list-style:none;
      margin:0;
      text-align:center;
      animation: fade 1s;
    }
    .dropdown-lvl-2 {
      transition: max-height 1s ease-in-out;
    }
    .mst-nav-menu {
      justify-content:space-evenly;
    }
    .mst-nav-menu a {
      padding: 10px 0 10px 0 ;
      border-top: none;
    }
    .mst-nav-menu li:hover .dropdown-lvl-1 {
   /* display:block;
   visibility:visible;
   animation: fade .5s; */
    }
    @keyframes fade {
      0% {
          opacity: 0;
        max-height:0;
      }
  
      100% {
          opacity: 1;
        max-height:300px;
      }
     
  }
    @keyframes swim-in {
      0% {inset: 0 0 0 100%;}
      100%{inset: 0 0 0 30%;}
    }
    .dropdown-lvl-1, .dropdown-lvl-1 a {
      text-align:center;
    }
    .mst-infobox-sm {
      max-width: 100%;
    }
    .mst-img-mentor {
      position:relative; 
      top: 0;
    }
    .mst-img-advising {
      position:relative; 
      top: 0;
    }
    .mst-pe-11 {
      padding: 0;
    }

  }
 /* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .mst-cards .col-md-4 {
    max-width: 400px;
    justify-content: center;
  }
  .test {
    max-width: 1200px;
    padding: 0;
  }

 }
 @media (max-width: 1199.5px) { 
  #allContact .mst-contact-table tr:first-child {
    height: 70px;
    vertical-align: text-top;
  }

 }
@media only screen and (max-width: 575px){
  .mst-btn {
    font-size: 1rem;
    width: 100%;
  }
  .mst-button-wrapper button:nth-child(2){
    left: 0%;
    margin-top: 1rem;
  }
  .mst-button-wrapper a:nth-child(2){
    left: 0%;
    margin-top: 15px;
  }
  .mst-overlay-content {
    padding: 18px;
  }
  .mst-btn-wide{
   padding: 20px 30px 20px 30px; 
  }
  .mst-eszkoz-1 {
    max-width: 100%;
  }

}
@media only screen and (min-width: 575px) and (max-width:765px) {
  .mst-btn {
    font-size: 1.5rem;
    width: 100%;
  }
  .mst-button-wrapper button:nth-child(2){
    left: 0%;
    margin-top: 1rem;
}
.mst-button-wrapper a:nth-child(2){
  left: 0%;
  margin-top: 15px;
}
}
@media only screen and (min-width: 765px) and (max-width:992px){
  .mst-btn {
    font-size: 1.5rem;
    margin: auto;
    display: block;
    width: 70%;

  }
  .mst-min-h11 {
    min-height: 11rem;
  }
  .mst-button-wrapper button:nth-child(2){
    left: 0%;
    margin-top: 1rem;
}
.mst-button-wrapper a:nth-child(2){
  left: 0%;
  margin-top: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width:1199px){
  .mst-btn {
    font-size: 1.65rem;
    margin: auto;
    display: block;
  }
  .mst-min-h11 {
    min-height: 11rem;
  }
  .mst-min-h6 {
    min-height: 8rem;
  }
  .mst-min-h20 {
    min-height: 27rem;
  }
  .mst-lang-menu {
    position: absolute;
    font-size: 15px;
    top: 20px;
    right: 30px;
  
  }
  .mst-nav {
    flex-direction: column;
  }
  .mst-button-wrapper a:nth-child(2) {
    left:0;
  }
  .mst-button-wrapper button:nth-child(2) {
    left: 0;
    margin-top: 1rem;
  }
  .mst-overlay-content {
    padding: 18px 50px 18px 18px;
}
#modularisOktatas {
 scroll-margin-top: 140px;
}
#mentoralas {
  scroll-margin-top: 150px;
}
#diakelet {
  scroll-margin-top: 130px;
}
#positions[id] {
  scroll-margin-top: 180px;
}

}
@media only screen and (min-width: 1200px) and (max-width:1399px){
  .mst-min-h11 {
    min-height: 11rem;
  }
  .mst-nav-menu > li {
    flex-wrap: nowrap;
  }
  .mst-nav-menu > li {
    padding: 0px 9px 0px 9px;
  }
  .mst-popupbox-overlay p {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1440px) {
  .scrollUpContainer {
    right: calc(((100vw - 1440px) / 2) + 15px);
  }
  }
 .vjs-custom-control-spacer, .vjs-picture-in-picture-control, .vjs-fullscreen-control, .vjs-progress-control, .vjs-time-control, .vjs-big-play-button  {
  display:none !important;
}
.video-js .vjs-control-bar {
  background-color: black !important;
}
#video .vjs-play-control, #video2 .vjs-play-control  {
  display: none!important;
}
/* FORM STYLE */
.ff-form-main * {
  font-family: 'Avenir-Regular'!important;
  font-size: clamp(1rem, 0.8214285714285714rem + 0.8928571428571428vw, 1.375rem) !important;
  /* color: #231F20 !important; */
  /* font-size: 1rem !important; */
}
.ff-form-main {
  background-color: #FEFDF3 !important;
  margin: auto;
  max-width: 100% !important;
  border-width: 0px;
  padding: 0px;
}

#dvFastForms .ff-group-row {
  max-width: none !important;
  background-color: #FEFDF3 !important;
}
.ff-col-2 {
  max-width: none !important;
  min-width: 60%;
}
.ff-col-1 {
  float: left;
  min-width: 100% !important;
}
#dvFastForms .ff-type-text,#dvFastForms select.ff-select-type, #dvFastForms .ff-fileupload-drop-area, #dvFastForms .select2-container .select2-choice, #dvFastForms .select2-container .select2-choices {
  border-style: unset !important;
  border-radius: 53px !important;
  border-color: unset !important;
  border-width: 0px !important;
  padding: 10px !important;
  background-color: #FCF4DF !important;
  width: 100% !important;
}
#dvFastForms .ff-textarea {
  border-style: unset !important;
  border-radius: 15px !important;
  border-color: unset !important;
  border-width: 0px !important;
  padding: 10px !important;
  background-color: #FCF4DF !important;
}
input[type="button"] {
  border-radius:53px !important;
  font-size: 22px ;
  padding:22px 35px !important;
  background-color:#FDC72F !important;
  color:#231F20 !important;
  text-transform: uppercase;
  border-width: 0 !important;
  white-space: break-spaces !important;
}
input[type="button"]:hover {
  box-shadow: 1px 1px 10px black;
  transition: .2s ease-in-out;
}
.ff-invalid-msg {
  margin: auto !important;
}
.ff-required-mark , .ffs-req {
  color:#FDC72F !important;
}
.ff-alink .ff-remove {
  padding: 15px !important;
  background:#FDC72F !important;
}
.ff-col-2.ff-field-col:not(.docsignWrapper) {
  display: inline-block !important;
}
#dvFastForms .ff-section-header {
  font-family: 'Avenir-Bold'!important;
  font-weight: unset !important;
  /* color: #231F20 !important; */
  font-size: 22px !important;
}

/**BLOG**/
.blog-hero-text {
	text-transform: uppercase;
	font-size: 3rem;
	margin-bottom: 2.5rem;
}

.blog-main-post-title {
	font-size: 1.25rem;
}

.blog-main-post-excerpt p {
	font-size: 1rem;
}

body.single-post {
	background-color: #FEFDF3;
}

.post-featured-image {
    display: block;
	position: relative; 
	z-index: 1;
	margin-top: 5rem;
	margin-bottom: -5rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}

.post-container {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.title-wrapper {
	width: 85%;
	margin: auto;
	z-index: 2; 
	margin-top: -75px;
	background-color: #FEFDF3;
	position: relative;
	padding: 20px;
}

.post-title {
	font-family: "Avenir-Bold";
	font-size: 2rem;
}

.post-date {
	font-family: "Avenir-Regular";
	font-size: 1.5rem;
}

.hero-text {
	font-family: "Avenir-DemiBold";
	max-width: 85%;
	margin: 0 auto;
}

.question-p {
	font-family: "Avenir-Bold";
	font-size: 1.75rem;
}

.reply-p {
	font-size: 1.25rem;
}

@media (max-width: 767px) {
	.question-p {
		font-family: "Avenir-Bold";
		font-size: 1.25rem;
	}

	.reply-p {
		font-size: 1rem;
	}
}

.tribe-events-widget-events-month__view-more,
.tribe-events-widget-events-list__view-more {
    display: none !important;
}