.info-alert {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  padding: 0 35px;
  background: #f76c24;
  background: linear-gradient(97deg, #ff7122 0%, #fe4329 100%); }
  .info-alert-inner {
    width: 1200px;
    display: flex;
    flex-flow: row;
    align-items: center; }
    .info-alert-inner span {
      text-transform: initial;
      color: #FFFFFF;
      flex: 1.0;
      font-size: 1.125rem;
      line-height: 1.5rem;
      margin-right: 60px; }
    .info-alert-inner button {
      justify-self: end; }

@media only screen and (max-width: 1300px) {
  .info-alert-inner button {
    margin-right: 30px; } }

@media only screen and (max-width: 1000px) {
  .info-alert {
    display: none; } }

button {
  font-size: 0.75rem;
  padding: 14px 32px;
  border: 1px solid #FF7120;
  border-radius: 32px;
  background-color: #FFFFFF;
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06rem; }

button > img {
  margin-left: 8px;
  width: 12px;
  height: 12px;
  object-fit: contain; }

button:hover, button:focus {
  background: #f76c24;
  background: linear-gradient(97deg, #ff7122 0%, #fe4329 100%);
  color: #FFFFFF;
  cursor: pointer;
  outline: none; }
  button:hover > img, button:focus > img {
    filter: contrast(100) invert(1); }

button.wide {
  width: 100%; }

button.specialization {
  padding: 18px 90px;
  border-radius: 10px;
  border: 1px solid #DDDDDD; }
  button.specialization.active {
    background-color: #FF7120;
    border: 1px solid #FF7120;
    color: #FFFFFF; }

.introduction-specialization {
  height: 600px;
  width: 100%;
  background-image: url("../../res/images/specialization.png");
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center; }
  .introduction-specialization span {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 800; }
  .introduction-specialization h1 {
    margin-top: 18px; }
  .introduction-specialization p {
    margin-top: 26px; }

.introduction {
  height: 700px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center; }
  .introduction-image {
    background-image: url("../../res/images/homepage/hp_header.png");
    height: 1000px;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: -10; }
  .introduction-typo {
    max-width: 1200px;
    width: 100%;
    margin-top: 120px; }
    .introduction-typo > h1 {
      font-weight: 500;
      font-size: 2.5rem;
      color: #333333;
      line-height: 4rem; }
      .introduction-typo > h1 > span {
        font-size: 4.375rem;
        color: #FF7120;
        font-weight: 800; }
    .introduction-typo > p {
      max-width: 500px;
      font-family: "Poppins", sans-serif;
      line-height: 1.375rem;
      font-size: 0.875rem;
      color: #333333;
      margin-top: 12px;
      margin-bottom: 60px; }

@media only screen and (max-width: 1300px) {
  .introduction {
    padding: 0 35px; }
    .introduction-specialization {
      height: auto;
      min-height: 200px;
      padding-bottom: 140px; } }

@media only screen and (max-width: 1000px) {
  .introduction-typo > h1 > span {
    font-size: 3.7rem; } }

article {
  width: 100%; }

article.uniform {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start; }
  article.uniform > p {
    margin-top: 26px;
    margin-bottom: 80px;
    flex: 1.0; }
  article.uniform.padded {
    padding: 50px 0; }
    article.uniform.padded p {
      margin-bottom: 0; }
  article.uniform.right {
    align-items: flex-end; }
    article.uniform.right p {
      text-align: right; }

.article {
  max-width: 1200px;
  width: 100%; }
  .article-header, .article-content {
    margin-left: 60px;
    max-width: 600px; }
  .article-content {
    margin: 30px 0; }
    .article-content > p {
      margin: 30px 0; }
    .article-content img {
      width: 100%;
      max-height: 500px;
      object-fit: cover; }
    .article-content .ql-video {
      width: 100%;
      aspect-ratio: 16/9; }
    .article-content a {
      text-decoration: underline;
      color: #FF7120; }
  .article-header {
    margin-top: 30px;
    margin-bottom: 30px; }
    .article-header > a {
      display: block;
      margin-bottom: 24px; }
    .article-header > .author {
      margin-bottom: 24px;
      position: relative;
      transform: translateX(20px);
      display: block; }
      .article-header > .author::before {
        content: "";
        position: absolute;
        transform: translateX(-20px);
        height: 100%;
        width: 2px;
        background-color: #DDDDDD; }
  .article-row {
    display: grid;
    grid-template-areas: "image title" "image author" "image description";
    grid-template-columns: 400px 1fr;
    grid-template-rows: auto auto 1fr;
    height: 235px;
    column-gap: 50px; }
    .article-row > img {
      grid-area: image;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .article-row > h3 {
      grid-area: title;
      margin: 10px 0; }
    .article-row > span {
      grid-area: author; }
    .article-row > span, .article-row > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      margin: 10px 0; }
    .article-row > p {
      color: #333333;
      grid-area: description; }
      .article-row > p > a {
        font-size: 0.875rem;
        color: #FF7120; }
  .article-typo {
    margin-left: 40px;
    display: flex;
    align-items: center; }
    .article-typo > h2 {
      color: #333333;
      font-size: 1.875rem;
      font-weight: 400; }
    .article-typo span {
      margin-left: 46px;
      color: #333333;
      font-family: "Poppins", sans-serif; }
      .article-typo span:hover {
        cursor: pointer; }
  .article-block {
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    margin: 7px;
    padding: 30px 20px;
    width: 380px;
    display: flex;
    flex-flow: column;
    font-family: "Poppins", sans-serif; }
    .article-block-header {
      margin-bottom: 18px;
      display: flex;
      flex-flow: row;
      flex: 1.0; }
      .article-block-header > h3 {
        flex: 1.0; }
  .article-image {
    width: 380px;
    height: 350px;
    display: flex;
    flex-flow: column;
    margin: 0 8px; }
    .article-image > img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      border-bottom: 5px solid #FF7120; }
    .article-image-typo {
      margin-left: 14px;
      margin-top: 15px; }
      .article-image-typo > span {
        font-family: "Poppins", sans-serif;
        color: #FF7120;
        text-transform: uppercase;
        font-style: italic;
        font-size: 0.75rem;
        margin-top: 10px; }
  .article-blocks, .article-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .article-images:hover {
    cursor: pointer; }

@media only screen and (max-width: 1300px) {
  .article-blocks, .article-images {
    justify-content: center; }
  .article-block, .article-image {
    margin: 20px; } }

h4, h3, h2, h1 {
  text-transform: uppercase;
  color: #333333; }

.h1, h1 {
  font-weight: 800;
  font-size: 2.2rem; }

.h1 {
  font-weight: 800 !important;
  font-size: 2.2rem !important; }

.orange {
  color: #FF7120; }

h2, .h2 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.875rem; }

h2.orange, .h2.orange, h4.orange, .h4.orange {
  color: #FF7120; }

h2.black, .h2.black {
  color: #333333; }

h3, .h3 {
  color: #333333;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase; }

h3.orange, .h3.orange {
  color: #FF7120;
  font-size: 1.5625rem;
  font-weight: 600; }

h3.black, .h3.black {
  color: #333333;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 2rem; }

h3.gray {
  color: #DDDDDD; }

h4, .h4 {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif; }
  h4 > span.orange, .h4 > span.orange {
    font-size: 1.125rem;
    font-weight: 600;
    color: #FF7120; }

h4.orange, .h4.orange {
  font-size: 1.25rem;
  color: #FF7120; }

a {
  font-family: "Poppins", sans-serif; }

a.orange, a.orange:visited {
  font-size: 1rem;
  color: #FF7120;
  text-decoration: underline; }

a, a:visited {
  text-decoration: none;
  color: #333333;
  cursor: pointer; }

a.light {
  color: #FFFFFF; }

a:hover, a:focus {
  color: #FF7120 !important;
  text-decoration: underline; }

p.bold, span.bold, b {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25rem; }

b {
  font-family: "Poppins", sans-serif;
  color: #333333; }

p, .p, span {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #333333;
  line-height: 1.5rem; }

i {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 1rem; }

i.orange {
  color: #FF7120; }

span.highlight {
  font-size: 1rem;
  color: #FF7120; }

a.nounderline {
  text-decoration: none; }

.author {
  font-style: italic;
  color: #FF7120; }

.upper {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

@media only screen and (max-width: 1000px) {
  h2, .h2 {
    line-height: 2rem; } }

.spacer {
  height: 0;
  width: 100%; }
  .spacer-100 {
    height: 100px; }
  .spacer-80 {
    height: 80px; }
  .spacer-50 {
    height: 50px; }
  .spacer-160 {
    height: 160px; }
  .spacer-180 {
    height: 180px; }
  .spacer-flex {
    flex: 1.0;
    height: auto; }

hr {
  background-color: #DDDDDD;
  max-width: 1200px;
  width: 100%;
  height: 1px;
  border: none;
  margin-top: 100px;
  margin-bottom: 60px; }

hr.hr-40 {
  margin: 40px 0; }

hr.hr-60 {
  margin: 60px 0; }

hr.hr-100 {
  margin: 100px 0; }

hr.hr-30 {
  margin: 30px 0; }

hr.clean {
  margin: 0; }

.partners {
  width: 100%;
  height: 70px;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  overflow: hidden; }

@media only screen and (max-width: 1300px) {
  .partners {
    margin: 60px 20px;
    width: calc(100% - 40px); } }

.logo {
  height: 44px; }

@media only screen and (max-width: 1300px) {
  .logo {
    width: 54px;
    object-position: 0;
    object-fit: cover; } }

@media only screen and (max-width: 1000px) {
  .logo {
    height: 26px;
    width: auto;
    object-fit: cover; } }

.dropdown {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  top: 80px;
  right: -6px;
  width: 1180px;
  max-width: 1180px;
  padding: 30px 80px;
  border-top: 2px solid #DDDDDD;
  border-bottom: 5px solid #FF7120;
  z-index: 100;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16); }
  .dropdown .padline {
    display: block;
    height: 2px;
    width: 14px;
    background-color: #FF7120;
    margin-right: 16px; }
  .dropdown .disabled {
    color: #DDDDDD; }
  .dropdown-back {
    display: none;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 40px;
    font-size: 0.875rem;
    font-weight: 400; }
  .dropdown > ul {
    display: grid;
    grid-auto-flow: column; }
    .dropdown > ul ul li {
      display: flex;
      flex-flow: row;
      align-items: center;
      font-size: 1.0625rem;
      font-weight: 500;
      margin: 20px 0; }
      .dropdown > ul ul li > img {
        margin-left: 8px; }
  .dropdown ul {
    list-style-type: none; }

@media only screen and (max-width: 1000px) {
  .dropdown {
    top: 0;
    left: 0;
    border-bottom: 0;
    width: 100%;
    padding: 0;
    min-height: calc(100vh - 56px); }
    .dropdown-back {
      display: block; }
    .dropdown > ul {
      grid-auto-flow: row; }
      .dropdown > ul ul {
        display: flex;
        align-items: flex-start;
        flex-flow: column;
        padding-left: 40px;
        padding-top: 20px; }
        .dropdown > ul ul > li {
          color: #333333;
          font-weight: 600;
          font-size: 1.125rem; } }

.hamburger {
  flex: 1.0;
  display: flex;
  justify-content: flex-end; }
  .hamburger > div {
    border: 1px solid #DDDDDD;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 40px;
    height: 36px;
    align-items: center;
    border-radius: 6px; }
    .hamburger > div:hover {
      cursor: pointer; }
    .hamburger > div span {
      width: 20px;
      height: 3px;
      border-radius: 1px;
      background-color: #333333;
      display: block;
      margin: 2px 0; }

.box-limit {
  width: 100%;
  max-width: 1200px; }
  .box-limit > h1, .box-limit > h2 {
    margin-left: 40px;
    margin-right: 40px; }

.box-header {
  padding: 0 40px;
  margin-top: 100px; }
  .box-header-secondary {
    display: flex;
    flex-flow: column; }
    .box-header-secondary > h2 {
      margin-top: 16px; }
  .box-header-grid {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto 1fr;
    justify-items: flex-start;
    grid-template-areas: "heading video" "text video" "button video";
    column-gap: 90px;
    row-gap: 24px; }
    .box-header-grid > h1 {
      grid-area: heading; }
    .box-header-grid > p {
      grid-area: text; }
    .box-header-grid > button {
      grid-area: button; }
    .box-header-grid > img, .box-header-grid-video {
      grid-area: video;
      border: none;
      width: 580px;
      height: 340px; }

.box-content {
  padding: 0 90px;
  margin: 80px 0; }

.box-content-small {
  padding: 0 40px; }
  .box-content-small .content, .box-content-small .margin {
    margin: 50px 0; }

.box-content-typo {
  margin-top: 100px;
  margin-bottom: 50px;
  padding: 0 40px;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .box-content-typo > span, .box-content-typo > a {
    margin-left: 44px;
    text-transform: lowercase;
    font-size: 0.875rem;
    color: #333333;
    transform: translateY(-0.2rem); }
    .box-content-typo > span:hover, .box-content-typo > a:hover {
      cursor: pointer; }

.box-content-mid {
  padding: 0 40px; }
  .box-content-mid .content {
    margin-top: 40px;
    margin-bottom: 10px; }
  .box-content-mid > button {
    margin-top: 80px; }

.box-full {
  height: calc(100vh - 100px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

@media only screen and (max-width: 1000px) {
  .box-limit {
    padding: 12px; }
  .box-header-grid {
    grid-template-areas: "heading" "text" "video" "button"; }
    .box-header-grid > img, .box-header-grid-video {
      width: 100%;
      height: 180px; }
  .box-content {
    padding: 0 28px; }
    .box-content-small {
      padding: 0 24px; }
      .box-content-small .content {
        margin: 24px 0; }
    .box-content-mid {
      padding: 0 24px; }
    .box-content-typo {
      flex-flow: column;
      align-items: flex-start; }
      .box-content-typo > a {
        margin-left: 0; } }

.image-wide {
  width: 100%; }

.image-article {
  width: 100%;
  height: 550px;
  object-fit: cover; }

.image-accom {
  width: 100%;
  height: 220px;
  object-fit: cover; }

.image-fill {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.image-400 {
  width: 100%;
  height: 400px;
  object-fit: cover; }

.image-specialization {
  width: 540px;
  height: 400px;
  object-fit: cover; }

.image-fake-specialization {
  width: 540px;
  height: 400px; }

@media only screen and (max-width: 1300px) {
  .image-specialization, .image-fake-specialization {
    width: 100%;
    max-width: 700px;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover; } }

.block {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 20px;
  margin: 20px 0; }
  .block > button {
    width: 100%; }
  .block > hr {
    margin: 20px 0; }
  .block-header, .block-body, .block-footer {
    padding: 10px 20px; }

.reportblock {
  row-gap: 12px;
  display: grid;
  grid-template-rows: auto 1fr auto; }

.admissionblock {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 30px 50px;
  margin: 14px 40px;
  display: flex; }
  .admissionblock > :first-child {
    flex: 1.0; }

.eventblock {
  width: 160px;
  margin-right: 14px;
  display: flex;
  flex-flow: column; }
  .eventblock-day {
    font-size: 0.75rem; }

.premiseblock {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 0 30px;
  display: flex;
  flex-flow: row;
  margin: 30px 10px; }
  .premiseblock > div {
    padding: 50px 20px;
    padding-right: 70px;
    flex: 1.0; }
    .premiseblock > div > h2 {
      margin-bottom: 12px; }
    .premiseblock > div > p {
      margin-top: 34px; }
  .premiseblock > img {
    width: 540px;
    height: 400px;
    object-fit: cover; }

.blocks {
  list-style-type: none;
  display: flex;
  flex-flow: column; }
  .blocks-row {
    flex-flow: row;
    flex-wrap: wrap; }

@media only screen and (max-width: 1000px) {
  .premiseblock {
    flex-flow: column-reverse;
    padding: 12px; }
    .premiseblock > img {
      width: 100%;
      height: auto;
      aspect-ratio: 16/9; }
  .admissionblock {
    flex-flow: column;
    text-align: center; }
    .admissionblock > button {
      margin-top: 24px; } }

.icon-circle {
  background-color: #FF7120;
  width: 30px;
  height: 30px;
  border-radius: 30px; }

.grid {
  display: grid;
  grid-auto-flow: row;
  list-style-type: none; }
  .grid-col-2 {
    grid-template-columns: repeat(2, 1fr); }
  .grid-col-3 {
    grid-template-columns: repeat(3, 1fr); }
  .grid-col-4 {
    grid-template-columns: repeat(4, 1fr); }
  .grid-take-col-2 {
    grid-column: 1/3; }

.row-gap-90 {
  row-gap: 90px; }

.row-gap-10 {
  row-gap: 10px; }

.row-gap-20 {
  row-gap: 20px; }

.row-gap-40 {
  row-gap: 40px; }

.col-gap-20 {
  column-gap: 20px; }

.col-gap-10 {
  column-gap: 10px; }

.col-gap-40 {
  column-gap: 40px; }

.col-gap-80 {
  column-gap: 80px; }

@media only screen and (max-width: 1300px) {
  .grid-col-4, .grid-col-3, .grid-col-2 {
    grid-template-columns: 100%; }
  .grid-take-col-2 {
    grid-column: 1/2; } }

.disclosure > h2 {
  margin-bottom: 20px; }

ul {
  list-style-type: none; }

li {
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #333333;
  line-height: 1.25rem; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.relative {
  position: relative; }

.flex {
  display: flex; }
  .flex-column {
    flex-flow: column; }
  .flex-left {
    align-items: flex-start; }
  .flex-row-first {
    display: flex;
    flex-flow: row; }
    .flex-row-first > :first-child {
      flex: 1.0; }

.highlight-strip {
  width: 100%;
  height: 100px;
  border-radius: 5px;
  background: #f76c24;
  background: linear-gradient(97deg, #ff7122 0%, #fe4329 100%);
  box-shadow: 5px 8px 25px 0px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 40px; }
  .highlight-strip > span:first-of-type {
    flex: 1.0;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 1.25rem; }
  .highlight-strip > button {
    margin-left: 28px; }

@media only screen and (max-width: 1300px) {
  .highlight-strip {
    display: grid;
    height: auto;
    width: auto;
    row-gap: 12px;
    padding: 18px 24px;
    margin: 8px 24px;
    border-radius: 16px; }
    .highlight-strip > span {
      margin-bottom: 16px; }
    .highlight-strip > button {
      margin: 0; } }

.content {
  display: flex;
  flex-flow: column; }
  .content > p, .content > .p {
    margin: 8px 0; }
  .content a {
    text-decoration: underline !important; }
  .content > h4, .content > h3, .content > h2 {
    margin: 20px 0; }
  .content-limited {
    max-width: 560px; }
  .content > img {
    object-fit: contain; }

.teacher {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  height: 170px;
  align-items: center;
  margin: 0; }
  .teacher-icon {
    width: 110px;
    height: 110px;
    border-radius: 110px;
    object-fit: cover;
    background-color: #DDDDDD; }
  .teacher > ul > li {
    margin: 3px 0; }

.contact {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  align-items: flex-start;
  margin: 0; }
  .contact-icon {
    width: 36px;
    height: 36px;
    object-fit: contain; }
  .contact > ul > li {
    margin: 2px 0; }
  .contact > ul > li:first-of-type {
    margin: 0; }

.maps {
  width: 100%;
  height: 460px;
  margin-top: 90px;
  margin-bottom: 30px; }

.stamp-date {
  width: 50px;
  height: 60px;
  background-color: #DDDDDD;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center; }
  .stamp-date > span {
    font-family: "Poppins", sans-serif; }
  .stamp-date > span:nth-child(1) {
    color: #333333;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5625rem; }
  .stamp-date > span:nth-child(2) {
    color: #FF7120;
    font-weight: 400;
    font-size: 0.875rem; }

.specializations {
  width: 100%;
  position: relative;
  margin-top: 60px;
  border-top: 1px solid #DDDDDD;
  height: 520px;
  padding: 135px 115px; }
  .specializations-buttons {
    position: absolute;
    z-index: 80;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
    padding: 0 15px; }
    .specializations-buttons > button.active {
      background: #f76c24;
      background: linear-gradient(97deg, #ff7122 0%, #fe4329 100%); }
  .specializations > img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    z-index: -1; }
  .specializations-typo {
    display: flex;
    flex-flow: column;
    align-items: flex-start; }
    .specializations-typo > p {
      max-width: 500px;
      text-align: left;
      margin-top: 30px;
      margin-bottom: 70px; }

@media only screen and (max-width: 1000px) {
  .specializations {
    margin-bottom: 120px;
    padding: 12px 32px;
    display: flex;
    flex-flow: column-reverse;
    height: auto; }
    .specializations > img {
      height: 240px;
      bottom: 0;
      top: unset; }
    .specializations-typo {
      margin-top: 46px; }
      .specializations-typo p {
        margin-bottom: 100px; }
      .specializations-typo button {
        margin: 30px 0px; }
    .specializations-buttons {
      padding: 0;
      grid-template-columns: 1fr;
      row-gap: 8px;
      transform: translateX(0);
      position: relative;
      margin-top: 6px; }
      .specializations-buttons button {
        padding: 18px; } }

.features {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0;
  height: 470px; }
  .features-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85px;
    margin-bottom: 60px;
    margin-top: 20px; }
    .features-icon-img {
      height: 100%; }
  .features > p {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center;
    max-width: 90%;
    flex: 1.0; }

.preview {
  height: 320px; }
  .preview > img {
    width: 100%;
    object-fit: cover !important;
    height: 210px; }
  .preview > hr {
    margin-top: 40px; }
  .preview > h3 {
    margin: 14px 0; }

.student {
  margin: 10px 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 40px;
  padding: 30px;
  align-items: flex-start; }
  .student > img {
    border-radius: 160px;
    width: 160px;
    height: 160px; }
  .student > div > h3 {
    margin-bottom: 10px; }
  .student > div > p {
    margin-top: 24px; }

.news-header {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 14px; }

.news > p, .news-body {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.news.entry {
  display: grid;
  row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr; }
  .news.entry > .news-header > h3 {
    max-width: 400px; }
  .news.entry > p, .news.entry > .news-body {
    margin-left: 66px; }

.up-50 {
  transform: translateY(-50px); }

.navigation {
  margin: 50px 0;
  display: flex;
  flex-flow: row; }
  .navigation > * {
    margin-right: 38px; }

@media only screen and (max-width: 1000px) {
  .navigation {
    flex-flow: column;
    align-items: center; } }

.procedure > h3 {
  margin-bottom: 24px; }

.procedure-button {
  margin-top: 60px;
  margin-bottom: 34px; }

.subject {
  padding: 30px;
  margin: 0; }
  .subject > h3 {
    margin-bottom: 16px; }
  .subject-more {
    display: flex;
    justify-content: center;
    align-items: center; }
    .subject-more > a {
      font-size: 1.25rem; }

.filter {
  background-color: rgba(221, 221, 221, 0.35);
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  height: 85px;
  display: flex;
  width: 100%;
  flex-flow: row;
  align-items: center;
  padding: 0 40px; }
  .filter > span {
    flex: 1.0;
    text-align: right; }
    .filter > span:hover {
      cursor: pointer; }

.student-work {
  border-bottom: 1px solid #DDDDDD; }
  .student-work:hover {
    cursor: pointer; }
  .student-work > img {
    width: 100%;
    height: 215px;
    object-fit: cover; }
  .student-work > div {
    padding: 24px 16px; }
    .student-work > div > h3 {
      margin-bottom: 8px; }
  .student-work-detail {
    margin-top: 30px;
    grid-template-columns: 350px 700px;
    display: grid; }
    .student-work-detail > .content > img {
      margin: 40px 0; }

.select {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center; }
  .select > img {
    position: absolute;
    right: 14px;
    width: 14px;
    height: 14px;
    pointer-events: none; }

select {
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 12px 20px;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  width: 100%; }

.bars {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 6px 0;
  display: inline-block; }

.question > h2 {
  font-size: 1.125rem;
  text-transform: unset; }

.question > p {
  max-width: 600px; }

.carousel {
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 280px;
  column-gap: 20px;
  height: 450px; }
  .carousel-highlight, .carousel-articles {
    border-radius: 4px;
    border: 1px solid #DDDDDD; }
  .carousel-highlight {
    display: grid;
    grid-template-columns: 1fr 490px;
    overflow: hidden; }
    .carousel-highlight-image {
      clip-path: polygon(1% 0, 100% 0, 100% 100%, 15% 100%);
      width: 100%;
      height: 100%;
      position: relative; }
      .carousel-highlight-image > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 1; }
    .carousel-highlight > div:nth-of-type(1) {
      padding: 50px 40px;
      grid-template-areas: "navigation" "." "typo";
      grid-template-rows: auto 1fr auto;
      display: grid; }
      .carousel-highlight > div:nth-of-type(1) > ul {
        display: flex;
        flex-flow: row;
        grid-area: navigation; }
        .carousel-highlight > div:nth-of-type(1) > ul > * {
          margin-right: 8px; }
          .carousel-highlight > div:nth-of-type(1) > ul > *:hover {
            cursor: pointer; }
      .carousel-highlight > div:nth-of-type(1) > div {
        grid-area: typo; }
        .carousel-highlight > div:nth-of-type(1) > div:hover {
          cursor: pointer; }
  .carousel-articles {
    padding: 0 20px;
    display: flex;
    flex-flow: column;
    background: #FFFFFF; }
    .carousel-articles > li {
      padding: 24px 0;
      border-top: 1px solid #DDDDDD; }
      .carousel-articles > li.active > h3 {
        color: #FF7120 !important; }
      .carousel-articles > li.more {
        text-align: center; }
      .carousel-articles > li:nth-of-type(1) {
        border-top: none; }
      .carousel-articles > li:nth-last-of-type(2) {
        flex: 1; }

@media only screen and (max-width: 1300px) {
  .carousel {
    grid-template-columns: 100%;
    grid-template-rows: 490px 340px;
    height: auto !important; }
    .carousel-highlight {
      grid-template-rows: 260px 1fr;
      grid-template-columns: 1fr; }
      .carousel-highlight-image {
        clip-path: none !important; } }

.mt-60 {
  margin-top: 60px; }

.mt-100 {
  margin-top: 100px; }

.mt-100 {
  margin-top: 100px; }

.mt-10 {
  margin-top: 10px; }

.mt-8 {
  margin-top: 8px; }

.mt-20 {
  margin-top: 20px; }

.mt-34 {
  margin-top: 34px; }

.mt-44 {
  margin-top: 44px; }

.strip {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 42px 0;
  margin: 60px 0;
  display: flex;
  flex-flow: row; }
  .strip > :first-child {
    flex: 1.0; }

.admissiontable td {
  font-weight: 700; }

.admissiontable, table, .admission-page {
  table-layout: fixed;
  border-collapse: collapse;
  margin: 40px 0; }
  .admissiontable td, table td, .admission-page td {
    padding: 10px 20px;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    height: 40px; }
  .admissiontable > thead > tr > td, table > thead > tr > td, .admission-page > thead > tr > td {
    font-weight: 700;
    font-size: 0.875rem;
    color: #333333;
    text-transform: uppercase;
    padding: 18px 20px; }
  .admissiontable .status-1, table .status-1, .admission-page .status-1 {
    background-color: #a3ff4d; }
  .admissiontable .status-2, .admissiontable .status-3, .admissiontable .status-4, .admissiontable .status-5, table .status-2, table .status-3, table .status-4, table .status-5, .admission-page .status-2, .admission-page .status-3, .admission-page .status-4, .admission-page .status-5 {
    background-color: #fff36b; }
  .admissiontable .status-canceled, table .status-canceled, .admission-page .status-canceled {
    background-color: #ff0000; }
  .admissiontable > tbody > tr, table > tbody > tr, .admission-page > tbody > tr {
    border-top: 1px solid #DDDDDD; }
    .admissiontable > tbody > tr > td span:first-of-type, table > tbody > tr > td span:first-of-type, .admission-page > tbody > tr > td span:first-of-type {
      display: none; }
    .admissiontable > tbody > tr.status.status-unknown, table > tbody > tr.status.status-unknown, .admission-page > tbody > tr.status.status-unknown {
      background-color: gray; }
      .admissiontable > tbody > tr.status.status-unknown span, table > tbody > tr.status.status-unknown span, .admission-page > tbody > tr.status.status-unknown span {
        color: white; }
    .admissiontable > tbody > tr.status.status-submitted, table > tbody > tr.status.status-submitted, .admission-page > tbody > tr.status.status-submitted {
      background-color: #ff9800; }
    .admissiontable > tbody > tr.status.status-accepted, table > tbody > tr.status.status-accepted, .admission-page > tbody > tr.status.status-accepted {
      background-color: #adff2f5c; }
    .admissiontable > tbody > tr.status.status-rejected-capacity, table > tbody > tr.status.status-rejected-capacity, .admission-page > tbody > tr.status.status-rejected-capacity {
      background-color: #f44336ad; }
    .admissiontable > tbody > tr.status.status-rejected-criteria, table > tbody > tr.status.status-rejected-criteria, .admission-page > tbody > tr.status.status-rejected-criteria {
      background-color: #f44336; }
      .admissiontable > tbody > tr.status.status-rejected-criteria span, table > tbody > tr.status.status-rejected-criteria span, .admission-page > tbody > tr.status.status-rejected-criteria span {
        color: white; }
    .admissiontable > tbody > tr.status.status-pending-appeal, table > tbody > tr.status.status-pending-appeal, .admission-page > tbody > tr.status.status-pending-appeal {
      background-color: #ff9800; }
    .admissiontable > tbody > tr.status.status-appeal-approved, table > tbody > tr.status.status-appeal-approved, .admission-page > tbody > tr.status.status-appeal-approved {
      background-color: #adff2f; }
    .admissiontable > tbody > tr.status.status-appeal-denied, table > tbody > tr.status.status-appeal-denied, .admission-page > tbody > tr.status.status-appeal-denied {
      background-color: #f44336; }
      .admissiontable > tbody > tr.status.status-appeal-denied span, table > tbody > tr.status.status-appeal-denied span, .admission-page > tbody > tr.status.status-appeal-denied span {
        color: white; }
    .admissiontable > tbody > tr.status.status-enrolled, table > tbody > tr.status.status-enrolled, .admission-page > tbody > tr.status.status-enrolled {
      background-color: #adff2f; }
    .admissiontable > tbody > tr.status.status-waiting-for-enrollment, table > tbody > tr.status.status-waiting-for-enrollment, .admission-page > tbody > tr.status.status-waiting-for-enrollment {
      background-color: #adff2f5c; }
    .admissiontable > tbody > tr.status.status-enrollment-returned, table > tbody > tr.status.status-enrollment-returned, .admission-page > tbody > tr.status.status-enrollment-returned {
      background-color: #f44336; }
      .admissiontable > tbody > tr.status.status-enrollment-returned span, table > tbody > tr.status.status-enrollment-returned span, .admission-page > tbody > tr.status.status-enrollment-returned span {
        color: white; }
    .admissiontable > tbody > tr.status.status-will-not-enroll, table > tbody > tr.status.status-will-not-enroll, .admission-page > tbody > tr.status.status-will-not-enroll {
      background-color: #f44336; }
      .admissiontable > tbody > tr.status.status-will-not-enroll span, table > tbody > tr.status.status-will-not-enroll span, .admission-page > tbody > tr.status.status-will-not-enroll span {
        color: white; }
  .admissiontable > tbody > tr:last-child, table > tbody > tr:last-child, .admission-page > tbody > tr:last-child {
    border-bottom: 1px solid #DDDDDD; }

@media only screen and (max-width: 1000px) {
  .admissiontable {
    position: relative; }
    .admissiontable tbody tr:focus {
      display: flex !important;
      flex-flow: column;
      position: absolute;
      z-index: 2000;
      width: 100%;
      min-height: 240px;
      background: white;
      -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
      padding: 16px; }
      .admissiontable tbody tr:focus td {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%; }
        .admissiontable tbody tr:focus td span {
          display: inline-block !important; }
        .admissiontable tbody tr:focus td span:first-of-type {
          font-weight: 600; }
    .admissiontable tr td {
      display: none; }
    .admissiontable tr td:first-of-type, .admissiontable tr td:last-of-type, .admissiontable tr td:nth-last-of-type(2) {
      display: table-cell !important; } }

.pagination {
  display: flex;
  justify-content: center; }
  .pagination > li.active, .pagination > li:hover {
    cursor: pointer; }
    .pagination > li.active > a, .pagination > li:hover > a {
      color: #FF7120; }
      .pagination > li.active > a::after, .pagination > li:hover > a::after {
        background-color: #FF7120; }
  .pagination > li {
    position: relative;
    display: flex;
    justify-items: center;
    align-items: center;
    width: min-content; }
    .pagination > li > a {
      font-size: 1.125rem;
      font-weight: 600; }
      .pagination > li > a::after {
        content: "";
        position: absolute;
        width: 34px;
        height: 2px;
        background-color: #DDDDDD;
        left: 50%;
        transform: translateX(-50%);
        bottom: -6px;
        border-radius: 10px; }

.field {
  padding: 40px 44px;
  height: 500px;
  margin: 0;
  width: auto; }
  .field > .article-block-header {
    flex: 1.0;
    margin-bottom: 35px; }
    .field > .article-block-header > h3 {
      display: flex;
      align-items: flex-end;
      justify-content: center; }
  .field-main, .field-faq {
    margin: 0;
    width: auto;
    grid-column: 1/4; }
  .field-main {
    justify-content: flex-start;
    padding: 78px 86px;
    display: grid;
    grid-auto-flow: row;
    row-gap: 72px;
    background-image: url("/res/images/homepage/hp_apply.jpg");
    background-size: cover; }
  .field-faq {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 22px 50px; }
  .field-graphics {
    background-image: url("/res/images/homepage/hp_multimedia.jpg");
    background-size: cover; }
  .field-programming {
    background-image: url("/res/images/homepage/hp_programming.jpg");
    background-size: cover; }
  .field-network {
    background-image: url("/res/images/homepage/hp_networking.jpg");
    background-size: cover; }

.fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  row-gap: 16px;
  column-gap: 16px; }
  .fields-row {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px; }

@media only screen and (max-width: 1300px) {
  .fields {
    grid-template-columns: 100% !important; }
    .fields-row {
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      row-gap: 25px; }
  .field-main, .field-faq {
    grid-column: 1/2 !important; }
  .field-faq {
    grid-template-columns: 1fr;
    text-align: center;
    row-gap: 16px; } }

.scroll {
  position: relative; }
  .scroll-offset {
    position: absolute;
    top: -80px;
    left: 0;
    width: 0;
    height: 0;
    display: block;
    opacity: 0;
    pointer-events: none; }

.slider {
  max-width: 100%;
  overflow: hidden; }
  .slider-inner {
    display: grid;
    grid-auto-flow: column; }
    .slider-inner > * {
      margin-right: 60px; }

.max-width-700 {
  max-width: 700px; }

.modal-cookie {
  z-index: 9999;
  border-top: 5px solid #FF7120;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: #FFFFFF;
  display: flex;
  flex-flow: column;
  align-items: center; }
  .modal-cookie.hidden {
    display: none !important; }
  .modal-cookie-inner {
    width: 100%;
    height: 120px;
    max-width: 1200px;
    padding: 24px;
    display: flex;
    align-items: center; }
    .modal-cookie-inner > p {
      flex: 1; }
    .modal-cookie-inner > button {
      margin-left: 16px; }
    .modal-cookie-inner > a {
      color: #FF7120;
      cursor: pointer; }
  .modal-cookie-advanced {
    border-bottom: 1px solid #DDDDDD;
    min-height: 200px !important;
    height: auto !important;
    flex-flow: column;
    align-items: flex-start; }
    .modal-cookie-advanced.hidden {
      display: none !important; }
    .modal-cookie-advanced > div {
      display: grid;
      grid-template-columns: 120px 1fr;
      column-gap: 12px;
      margin: 10px 0;
      align-items: center; }
      .modal-cookie-advanced > div > p {
        grid-column: 1/3;
        font-weight: 400; }
        .modal-cookie-advanced > div > p span {
          font-size: 0.8rem;
          opacity: 0.8;
          font-style: italic; }
      .modal-cookie-advanced > div > label {
        font-weight: 600; }
    .modal-cookie-advanced > p, .modal-cookie-advanced > button {
      margin: 20px 0; }
    .modal-cookie-advanced > button {
      margin-top: 28px; }
    .modal-cookie-advanced > p {
      font-weight: 600;
      font-size: 1.2rem; }

@media only screen and (max-width: 1300px) {
  .modal-cookie-inner {
    flex-flow: column;
    height: auto;
    text-align: center; }
    .modal-cookie-inner > button, .modal-cookie-inner > a {
      margin-top: 12px;
      margin-left: 0; }
  .modal-cookie-advanced {
    align-items: center; }
    .modal-cookie-advanced > div {
      grid-template-columns: 1fr;
      justify-items: center; }
      .modal-cookie-advanced > div > p {
        grid-column: 1/2;
        text-align: center; } }

nav {
  height: 100px;
  width: 100%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #DDDDDD; }
  nav .hamburger {
    display: none;
    grid-area: "hamburger"; }
  nav > div {
    width: 100%;
    max-width: 1920;
    padding: 0 40px;
    display: grid;
    grid-template-areas: "logo menu";
    align-items: center; }
    nav > div > a > img {
      justify-self: flex-start;
      grid-area: logo; }
    nav > div > ul {
      list-style-type: none;
      display: flex;
      flex-flow: row;
      flex: 1.0;
      justify-content: flex-end;
      position: relative;
      grid-area: menu; }
      nav > div > ul > li.active > span::after {
        content: "";
        display: block;
        width: 30px;
        height: 18px;
        background-color: #DDDDDD;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: 64px;
        clip-path: polygon(50% 0, 0% 100%, 100% 100%);
        z-index: 80; }
      nav > div > ul > li.active .dropdown {
        display: block; }
      nav > div > ul > li.active > span::before {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 3px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #f76c24;
        background: linear-gradient(97deg, #ff7122 0%, #fe4329 100%); }
      nav > div > ul > li > span {
        color: #333333;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        margin-left: 50px;
        font-size: 1rem;
        padding-bottom: 8px;
        position: relative;
        text-transform: uppercase;
        tab-index: -1; }
        nav > div > ul > li > span > img {
          margin-left: 6px;
          width: 12px;
          height: 12px; }
        nav > div > ul > li > span:hover {
          cursor: pointer; }
        nav > div > ul > li > span.active::before, nav > div > ul > li > span:hover::before, nav > div > ul > li > span:focus::before {
          content: "";
          display: block;
          position: absolute;
          width: 30px;
          height: 3px;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          background: #f76c24;
          background: linear-gradient(97deg, #ff7122 0%, #fe4329 100%); }

@media only screen and (max-width: 1300px) {
  nav > div > ul > li > span {
    margin-left: 36px;
    font-size: 0.94rem; } }

@media only screen and (max-width: 1000px) {
  nav {
    height: auto; }
    nav .hamburger {
      display: flex;
      margin-right: 20px; }
    nav > div {
      grid-template-areas: "logo hamburger" "menu menu";
      grid-template-rows: 56px auto;
      position: relative;
      padding: 0; }
      nav > div > a > img {
        margin-left: 20px; }
      nav > div > ul.active {
        display: flex; }
      nav > div > ul {
        display: none;
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-start;
        min-height: calc(100vh - 56px);
        padding-left: 40px;
        padding-top: 20px;
        position: absolute;
        width: 100%;
        top: 0px;
        z-index: 90;
        background-color: #FFFFFF; }
        nav > div > ul > li {
          margin: 18px 0; }
          nav > div > ul > li > span {
            margin-left: 0; } }

main {
  display: flex;
  align-items: center;
  flex-flow: column; }

.footer {
  width: 100%;
  background-image: url("../../res/images/footer.png");
  background-position: center;
  background-size: cover;
  background-size: cover;
  display: flex;
  flex-flow: column;
  align-items: center; }
  .footer-inner {
    width: 100%;
    max-width: 1200px; }
  .footer-typo, .footer-bottom {
    color: #DDDDDD; }
  .footer-typo {
    display: grid;
    grid-auto-flow: column;
    margin-top: 40px;
    margin-bottom: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 56px; }
    .footer-typo-column > h3 {
      margin-bottom: 28px; }
    .footer-typo-column:last-of-type li::before {
      display: none; }
    .footer-typo ul {
      list-style-position: inside;
      list-style-type: none;
      line-height: 2.6rem; }
      .footer-typo ul > li {
        font-family: "Poppins", sans-serif;
        margin: 14px 0;
        color: #DDDDDD; }
        .footer-typo ul > li > a, .footer-typo ul > li > p {
          color: #DDDDDD;
          font-size: 0.875rem; }
        .footer-typo ul > li:hover > a, .footer-typo ul > li:hover::before {
          color: #FF7120; }
        .footer-typo ul > li > img {
          margin-left: 6px;
          width: 11px;
          height: 11px;
          filter: invert(1); }
        .footer-typo ul > li::before {
          content: ">";
          margin-right: 10px;
          font-size: 0.875rem;
          font-family: "Poppins", sans-serif; }
  .footer-bottom {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 20px 26px; }
    .footer-bottom > span:first-child {
      flex: 1.0; }
    .footer-bottom > span {
      color: #DDDDDD; }

@media only screen and (max-width: 1300px) {
  .footer-inner {
    padding: 0 10px; }
  .footer-typo {
    margin: 40px 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 30px; }
  .footer-bottom {
    margin: 0 20px; }
    .footer-bottom > span:last-child {
      display: none; } }

@media only screen and (max-width: 1000px) {
  .footer-typo {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto); } }

.openday-typo {
  margin: 48px 0; }
  .openday-typo > p {
    margin: 14px 0; }

.openday-blocks {
  list-style-type: none;
  padding-top: 20px; }

.openday-block {
  margin: 20px 0;
  max-width: 800px; }
  .openday-block-header {
    display: flex;
    padding: 0 10px;
    align-items: center; }
    .openday-block-header > div {
      display: flex;
      flex-flow: column;
      justify-content: flex-start;
      flex: 1.0; }
    .openday-block-header > span {
      font-size: 0.875rem;
      user-select: none; }
      .openday-block-header > span:hover {
        cursor: pointer; }
      .openday-block-header > span.collapse {
        display: none; }
      .openday-block-header > span.expand {
        display: inline-block; }
  .openday-block-body {
    padding: 0 10px; }
    .openday-block-body > p {
      margin: 16px 0; }
    .openday-block-body > button {
      margin: 36px 0; }
  .openday-block > hr, .openday-block-body {
    display: none; }
  .openday-block > hr {
    margin: 20px 0; }

.openday .active > hr, .openday .active .openday-block-body {
  display: block !important; }

.openday .active .expand {
  display: none !important; }

.openday .active .collapse {
  display: inline-block !important; }

@counter-style my-custom-level-1 {
  system: extends decimal;
  suffix: '. '; }

@counter-style my-custom-level-2 {
  system: extends lower-alpha;
  suffix: ') '; }

.application .blocks {
  margin-top: 90px; }

.application .block-header > h2 {
  margin-bottom: 16px; }

.application .block-body > p {
  margin: 18px 0; }

.application .block-body > .warning {
  display: flex;
  flex-flow: row;
  margin-top: 24px;
  max-width: 600px; }
  .application .block-body > .warning > b {
    flex: 1.0;
    margin-left: 16px; }

.application .block-footer {
  display: flex;
  flex-flow: row;
  gap: 20px; }

.application-detail ol, .application-detail ul {
  padding-left: 40px; }
  .application-detail ol ::marker, .application-detail ul ::marker {
    color: #FF7120; }
  .application-detail ol ol ul, .application-detail ol ul ul, .application-detail ul ol ul, .application-detail ul ul ul {
    list-style-type: disc; }
  .application-detail ol ol, .application-detail ul ol {
    list-style: my-custom-level-2; }

.application-detail ol {
  list-style: my-custom-level-1; }

.application-detail > h1 {
  margin-bottom: 20px; }

.error.box-limit {
  height: 96%;
  min-height: 600px;
  max-height: 900px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .error.box-limit > img {
    position: absolute;
    z-index: -10;
    left: -120px; }
  .error.box-limit > div {
    max-width: 460px; }
    .error.box-limit > div > p {
      margin-top: 32px;
      margin-bottom: 66px; }

.news-page {
  display: grid;
  grid-template-columns: 335px 1fr; }
  .news-page-selector {
    padding-right: 84px; }
    .news-page-selector .select {
      margin-top: 28px; }
  .news-page > ul {
    border-left: 1px solid #DDDDDD;
    padding-left: 50px; }

.news-detail-page {
  display: grid;
  grid-template-columns: 1fr 460px; }
  .news-detail-page a {
    text-decoration: underline;
    color: #FF7120; }
  .news-detail-page-content {
    padding-right: 70px; }
    .news-detail-page-content > * {
      margin-top: 18px; }
  .news-detail-page > ul {
    border-left: 1px solid #DDDDDD;
    padding-left: 50px; }

@media only screen and (max-width: 1000px) {
  .news-detail-page {
    grid-template-columns: 100%;
    row-gap: 80px; }
    .news-detail-page > ul {
      padding-left: 0;
      border-left: none; } }

.plan-typo > p {
  margin-top: 32px;
  max-width: 560px; }

@media only screen and (max-width: 1000px) {
  .about-page > .grid {
    padding: 16px;
    row-gap: 16px; } }

.hardware-requirements-page table, .hardware-requirements-page tbody {
  width: 100%; }
  .hardware-requirements-page table span, .hardware-requirements-page tbody span {
    display: inline-block !important; }

* {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
  color: #333333; }

html {
  scroll-behavior: smooth; }