@charset "UTF-8";
.button {
  display: inline-block;
  border-radius: 30px;
  margin-right: 16px;
  font-family: Rubik, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  border: none;
  text-transform: uppercase;
  color: #000000 !important;
  padding: 12px 20px 12px 20px;
  cursor: pointer; }
  .button:hover {
    text-decoration: none; }
  .button.arrow-button::after {
    content: '';
    display: inline-block;
    padding-left: 12px;
    width: 20px;
    height: 12px;
    background: url(64c9fdc969ef7097808f5efc58e55663.svg) right center no-repeat; }
  .button.button-yellow {
    background: #FFF200; }
    .button.button-yellow:hover {
      background: #DFD200;
      color: #453c01 !important; }
  .button.button-blue {
    background: #90E2FD; }
    .button.button-blue:hover {
      background: #70C2DD;
      color: #0b3f5a !important; }
  .button.fb-share {
    background: #3C5A99 url(2e7c0f5e5d4daf85888ba4b83fd867f7.svg) 10px 8px no-repeat !important;
    background-size: 22px auto !important;
    padding-left: 40px;
    border-color: #3C5A99;
    color: rgba(255, 255, 255, 0.9) !important;
    cursor: pointer; }
    .button.fb-share:hover {
      background-color: #90E2FD !important;
      background-image: url(1379edd0fd88e6787055d4e0fcc0ff8a.svg) !important;
      color: #3C5A99 !important; }

input:not([type="checkbox"]), textarea:not(.g-recaptcha-response), .select2-container--default .select2-selection--single {
  display: block !important;
  font-size: 14px;
  line-height: 28px;
  color: #838383;
  padding: 9px 23px 7px 23px !important;
  width: 100%;
  height: auto !important;
  border-radius: 20px !important;
  border: #aa8833 2px solid !important; }

.g-recaptcha {
  float: left !important; }
  .g-recaptcha > div {
    border-radius: 20px !important;
    border: #aa8833 2px solid !important;
    overflow: hidden; }

.select2-container {
  width: 100% !important; }

#fc-phone {
  padding-left: 100px !important; }

.iti--separate-dial-code .iti__selected-flag {
  border-radius: 20px 0 0 20px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px !important;
  right: 10px !important; }

.lemodal {
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0;
  top: 0;
  padding: 100px;
  min-height: 500px;
  background: #FFEC00;
  overflow-y: scroll;
  max-height: 100vh; }
  .lemodal#contact-form-modal {
    height: 100vh; }
    .lemodal#contact-form-modal .subheading {
      font-size: 50px; }
    .lemodal#contact-form-modal .modal-form {
      padding-bottom: 100px; }
  .lemodal .container {
    position: relative; }
    .lemodal .container.flex-container {
      height: 100vh;
      align-items: center;
      align-content: center; }
    .lemodal .container .mo-close {
      display: block;
      padding-top: 24px;
      background: url(304b75000e1c323477537c4b085c9acc.svg) center top no-repeat;
      background-size: 16px 16px;
      position: absolute;
      z-index: 1000;
      right: 0;
      top: -10px;
      cursor: pointer;
      font-size: 14px;
      color: #333333; }
      .lemodal .container .mo-close:hover {
        color: #000000; }
  .lemodal .inner-container {
    width: 100%;
    padding: 0 20px;
    max-width: 640px;
    margin: 0 auto; }
    .lemodal .inner-container h2, .lemodal .inner-container h3 {
      text-align: center; }
  .lemodal .modal-form {
    display: flex;
    flex-wrap: wrap; }
    .lemodal .modal-form .form-group:not(.full) {
      flex-basis: 50%; }
      .lemodal .modal-form .form-group:not(.full):nth-of-type(2n) {
        padding-left: 10px; }
      .lemodal .modal-form .form-group:not(.full):nth-of-type(2n+1) {
        padding-right: 10px; }
    .lemodal .modal-form .form-group.full {
      flex-basis: 100%; }
      .lemodal .modal-form .form-group.full .button {
        float: right;
        margin-top: 25px;
        margin-right: 0; }
    .lemodal .modal-form .mo-check-group {
      display: flex;
      margin-bottom: 20px;
      align-content: flex-start; }
      .lemodal .modal-form .mo-check-group .form-check-label {
        padding-left: 20px; }
    .lemodal .modal-form .form-extra {
      width: 100%;
      display: flex; }

.veiling {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  background: rgba(50, 20, 0, 0.7); }

#mobile-nav {
  overflow-x: hidden;
  overflow-y: scroll; }
  #mobile-nav .mobile-nav-itself {
    float: right;
    z-index: 1500;
    min-width: 320px;
    max-width: 100%;
    background: #FFEC00;
    padding: 45px 20px 20px 20px;
    min-height: 100vh; }
    #mobile-nav .mobile-nav-itself ul {
      padding-left: 0; }
      #mobile-nav .mobile-nav-itself ul li {
        display: block;
        list-style-type: none;
        padding: 0 0 15px 0; }
        #mobile-nav .mobile-nav-itself ul li a {
          display: block;
          background: #FFF46D;
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
          border-radius: 3px;
          text-align: center;
          font-size: 16px;
          line-height: 28px;
          padding: 12px 10px 12px 10px;
          color: #442200; }
          #mobile-nav .mobile-nav-itself ul li a:hover {
            background-color: #00C2F3;
            color: #ffffff;
            box-shadow: 0px 22px 60px rgba(0, 142, 177, 0.52);
            text-decoration: none; }

#gdpr-consent {
  position: fixed;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  border: rgba(0, 0, 0, 0.4) 1px solid;
  padding: 20px 20px 5px 20px;
  border-radius: 20px;
  width: 25%;
  right: 20px;
  bottom: 20px;
  text-align: center; }
  #gdpr-consent .button {
    display: inline-block;
    padding: 7px 20px;
    margin: 15px 0;
    border: #666 2px solid;
    color: #666 !important;
    border-radius: 14px;
    background: #dddddd; }
    #gdpr-consent .button:hover {
      background: #cccccc; }
  #gdpr-consent span {
    color: #888; }
  #gdpr-consent .gdpr-decline {
    color: #222 !important;
    text-decoration: underline;
    cursor: pointer; }

html, body {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.page-wrapper {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden; }

.container {
  position: relative; }

.flex-container {
  display: flex;
  align-content: space-between;
  flex-direction: row;
  flex-wrap: wrap; }
  .flex-container .flex-row {
    width: 100%;
    flex: 1 100%;
    flex-direction: row; }
    .flex-container .flex-row .whole-width {
      width: 100%; }
  .flex-container .flex-col {
    flex: 1; }

.absolute {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

#layout-header {
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  #layout-header .logo {
    margin-left: -12px; }
  #layout-header .nav-row {
    flex-grow: 1;
    align-self: flex-start; }
    #layout-header .nav-row .navigation {
      float: right; }
      #layout-header .nav-row .navigation ul.nav {
        display: inline-block; }
        #layout-header .nav-row .navigation ul.nav li {
          display: inline;
          list-style-type: none;
          padding-left: 30px; }
          #layout-header .nav-row .navigation ul.nav li a {
            color: #fff;
            font-family: Rubik, Arial, sans-serif;
            font-weight: normal;
            font-size: 16px;
            padding-top: 10px;
            padding-bottom: 4px;
            padding-right: 10px; }
            #layout-header .nav-row .navigation ul.nav li a:hover {
              border-bottom: #FFF200 3px solid;
              text-decoration: none;
              position: relative; }
              #layout-header .nav-row .navigation ul.nav li a:hover::after {
                content: '';
                display: block;
                position: absolute;
                right: -20px;
                bottom: -16px;
                width: 35px;
                height: 37px;
                background: url(f4de48f23dc71b5067b27ad8b4cb6771.svg) center no-repeat;
                background-size: contain; }

.ctas {
  flex-grow: 1; }

.courses-list {
  margin-top: 0;
  align-self: flex-end;
  align-items: stretch;
  align-content: space-between;
  display: flex;
  flex-wrap: wrap; }
  .courses-list h3 {
    color: #ffffff;
    text-transform: none; }
  .courses-list h4 {
    color: #ffffff; }
  .courses-list .frame {
    flex: 1 0 21%;
    max-width: 25%;
    padding-right: 25px;
    margin-bottom: 30px; }
    .courses-list .frame:last {
      padding-right: 0; }
    .courses-list .frame .course-rect {
      display: block;
      cursor: hand;
      text-transform: none;
      position: relative;
      width: 100%;
      height: 100%;
      padding: 20px;
      padding-top: 70%;
      border-radius: 25px;
      background: top center no-repeat;
      background-size: 100% auto;
      border: transparent 3px solid;
      border-top: 0px;
      -webkit-transition: margin-top 0.3s ease;
      -moz-transition: margin-top 0.3s ease;
      -o-transition: margin-top 0.3s ease;
      -ms-transition: margin-top 0.3s ease;
      transition: margin-top 0.3s ease; }
      .courses-list .frame .course-rect .arrow {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 15px;
        top: 15px;
        background: #ffffff url(64c9fdc969ef7097808f5efc58e55663.svg) center no-repeat;
        background-size: 16px auto;
        border-radius: 50%;
        -webkit-box-shadow: 7px 10px 34px -4px #999999;
        -moz-box-shadow: 7px 10px 34px -4px #999999;
        box-shadow: 7px 10px 34px -4px #999999; }
      .courses-list .frame .course-rect:hover {
        border-color: #ffffff;
        border-top: #ffffff 3px solid;
        text-decoration: none;
        margin-top: -15px;
        -webkit-box-shadow: 7px 10px 34px -4px #999999;
        -moz-box-shadow: 7px 10px 34px -4px #999999;
        box-shadow: 7px 10px 34px -4px #999999; }
        .courses-list .frame .course-rect:hover .arrow {
          background-color: #000000;
          background-image: url(b6342155a947d74b23c2e278a44699ee.svg); }
    .courses-list .frame:nth-child(2) .course-rect, .courses-list .frame:nth-child(6) .course-rect, .courses-list .frame:nth-child(9) .course-rect, .courses-list .frame:nth-child(13) .course-rect {
      background-image: url(1c2f74b9a95447b5fd1bdef1ec79e0a6.svg);
      background-color: #1EBB58; }
    .courses-list .frame:nth-child(3) .course-rect, .courses-list .frame:nth-child(7) .course-rect, .courses-list .frame:nth-child(10) .course-rect, .courses-list .frame:nth-child(14) .course-rect {
      background-image: url(ee4ba6fcf86eaf31e26c08ec513e98f8.svg);
      background-color: #FFAA29; }
    .courses-list .frame:nth-child(4) .course-rect, .courses-list .frame:nth-child(8) .course-rect, .courses-list .frame:nth-child(11) .course-rect, .courses-list .frame:nth-child(15) .course-rect {
      background-image: url(6f9163bd9c1ac862421a28e1575eabaf.svg);
      background-color: #53B4FB; }
    .courses-list .frame:nth-child(5) .course-rect, .courses-list .frame:nth-child(1) .course-rect, .courses-list .frame:nth-child(12) .course-rect, .courses-list .frame:nth-child(16) .course-rect {
      background-image: url(b67a8082b59fdfaf2605dd1d61f62645.svg);
      background-color: #F4E807; }

#layout-content .flex-container {
  display: flex;
  padding-top: 120px;
  padding-bottom: 80px; }
  #layout-content .flex-container .left-col {
    align-self: flex-start;
    padding-right: 25px; }
    #layout-content .flex-container .left-col h2 {
      padding-top: 5px;
      max-width: 300px; }
    #layout-content .flex-container .left-col p {
      max-width: 390px;
      padding-bottom: 30px; }
    #layout-content .flex-container .left-col button {
      margin-left: -7px; }
  #layout-content .flex-container .halves {
    display: flex;
    flex-wrap: wrap; }
    #layout-content .flex-container .halves .flex-col {
      flex-basis: 50%;
      padding-right: 36px;
      padding-bottom: 40px; }
  #layout-content .flex-container .lemon-icon {
    position: relative; }
    #layout-content .flex-container .lemon-icon::before {
      content: '';
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      top: -5px;
      left: -55px;
      background: url(f4de48f23dc71b5067b27ad8b4cb6771.svg) left top transparent no-repeat;
      background-size: 45px auto; }

.full-row {
  display: flex;
  flex-wrap: wrap; }

.event {
  flex-basis: 50%;
  position: relative;
  background-color: coral; }
  .event::before {
    content: '';
    display: block;
    padding-top: 41.1%;
    min-height: 190px; }
  .event:nth-child(1) {
    background: center no-repeat;
    background-size: cover; }
  .event:nth-child(2) {
    background: center no-repeat;
    background-size: cover; }
  .event .flex-container {
    padding-top: 16% !important;
    padding-bottom: 0 !important; }
    @media (max-width: 1500px) {
      .event .flex-container {
        padding-top: 12% !important; } }
    @media (max-width: 1300px) {
      .event .flex-container {
        padding-top: 10% !important; } }
    @media (max-width: 1200px) {
      .event .flex-container {
        padding-top: 6% !important; } }
    @media (max-width: 900px) {
      .event .flex-container {
        padding-top: 15px !important; } }
    .event .flex-container > div {
      height: 100%;
      max-height: 100%;
      flex: 1; }
      .event .flex-container > div.event-info {
        position: relative;
        z-index: 4;
        flex: 0 1 90%;
        color: #ffffff;
        padding-top: 7px; }
        @media (min-width: 1600px) {
          .event .flex-container > div.event-info {
            width: 64%; } }
        .event .flex-container > div.event-info h2, .event .flex-container > div.event-info h3, .event .flex-container > div.event-info p {
          padding-right: 15px;
          padding-bottom: 10px; }
        .event .flex-container > div.event-info .event-date {
          font-size: 14px;
          padding: 10px;
          background: #00C2F3;
          border-radius: 4px; }
        .event .flex-container > div.event-info .event-title {
          font-weight: bold;
          font-size: 32px;
          line-height: 96%;
          text-transform: uppercase;
          margin: 18px 0 1px 0; }
        .event .flex-container > div.event-info .event-subtitle {
          font-weight: normal;
          text-transform: none;
          font-size: 14px;
          margin: 0; }
        .event .flex-container > div.event-info .button {
          margin-top: 10px; }
    .event .flex-container:hover::after {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: block;
      content: '';
      background: linear-gradient(360deg, rgba(0, 194, 243, 0.4) 0%, rgba(0, 194, 243, 0.4) 100%), linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); }

.references {
  flex-basis: 100%;
  padding: 80px 0;
  background: #FFEC00; }
  .references .container {
    padding: 0;
    max-width: 780px; }
    .references .container .slider-frame {
      overflow: hidden; }
      .references .container .slider-frame .references-canvas {
        white-space: nowrap;
        display: block; }
        .references .container .slider-frame .references-canvas .slide {
          white-space: normal;
          float: left; }
          .references .container .slider-frame .references-canvas .slide .subheading {
            z-index: 100;
            position: relative; }

.event.one-only {
  flex-basis: 100%; }
  .event.one-only::before {
    padding-top: 20.5%; }
  .event.one-only .flex-container {
    padding-top: 6% !important; }
    .event.one-only .flex-container:hover::after {
      display: none; }

#homepage-news {
  padding: 60px 0; }
  #homepage-news .flex-col {
    padding-right: 20px; }
    #homepage-news .flex-col:first-child {
      padding-right: 50px; }
      #homepage-news .flex-col:first-child h2, #homepage-news .flex-col:first-child p {
        padding-bottom: 20px; }
      #homepage-news .flex-col:first-child .button {
        margin-left: -5px; }
    #homepage-news .flex-col.news-col img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 15px; }

#layout-footer {
  background: #00C2F3 url(f4a24c6318f99e02fbc70e1a74cd9c05.svg) bottom center repeat-x;
  padding: 60px 0 130px 0; }
  #layout-footer p, #layout-footer ul, #layout-footer ol, #layout-footer li, #layout-footer a {
    color: #ffffff; }
  #layout-footer .footer-nav li {
    list-style-type: none;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 13px; }
  #layout-footer .flex-col:nth-child(1) {
    flex: 3; }
  #layout-footer .flex-col:nth-child(2) {
    flex: 2; }
  #layout-footer .flex-col:nth-child(3) {
    flex: 2; }
  #layout-footer .flex-col:nth-child(4) {
    flex: 2;
    text-align: right; }
  #layout-footer .social-links li {
    display: inline-block;
    padding: 0;
    margin-right: 15px;
    width: 36px;
    height: 36px;
    list-style-type: none;
    position: relative; }
    #layout-footer .social-links li a {
      display: block;
      position: absolute;
      background-position: center;
      background-repeat: no-repeat; }
      #layout-footer .social-links li a.facebook-link {
        background-image: url(e46aedd94c9a8795fbe7ebc8f550716c.svg);
        left: 4px;
        top: 4px;
        right: 4px;
        bottom: 4px;
        background-size: 26px 26px;
        border-radius: 5px; }
      #layout-footer .social-links li a.instagram-link {
        background-image: url(20abb05594a62368ac1d0a6e957af886.svg);
        left: 3px;
        top: 3px;
        right: 3px;
        bottom: 3px;
        background-size: contain;
        border-radius: 9px; }
      #layout-footer .social-links li a:hover {
        background-color: #2e5298;
        -webkit-box-shadow: 7px 10px 34px -4px #999999;
        -moz-box-shadow: 7px 10px 34px -4px #999999;
        box-shadow: 7px 10px 34px -4px #999999; }

.team {
  background: #00C2F3;
  padding: 77px 0 20px 0;
  text-align: center; }
  .team h2 {
    font-weight: bold;
    font-size: 26px;
    text-transform: uppercase;
    color: #000000; }

.lemon-gallery {
  padding-top: 60px;
  padding-bottom: 10px; }

.mo-slider {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
  padding-top: 10px;
  margin-left: -10px;
  margin-top: -10px;
  border-right: 10px transparent solid; }
  .mo-slider .slider-content {
    box-sizing: border-box;
    white-space: nowrap;
    position: absolute;
    height: inherit; }
    .mo-slider .slider-content .slider-container {
      width: auto;
      padding-left: 0px; }
      .mo-slider .slider-content .slider-container .magnific {
        white-space: nowrap; }
        .mo-slider .slider-content .slider-container .magnific img {
          height: 300px;
          margin-right: 20px; }
  .mo-slider .next, .mo-slider .prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    display: block;
    margin-top: -30px;
    text-align: center;
    background: url(177d0c0ed13a08b1d59229c3eeb8171a.svg) center no-repeat;
    background-size: 40px auto;
    cursor: pointer; }
    .mo-slider .next:hover, .mo-slider .prev:hover {
      font-size: 25px; }
  .mo-slider .prev {
    transform: rotate(180deg); }
  .mo-slider .next {
    right: 0px; }

.team {
  text-align: center; }
  .team .mo-slider {
    padding-top: 30px; }
    .team .mo-slider ul li {
      list-style-type: none;
      display: inline-block;
      padding: 0 10px 0 10px;
      text-align: center; }
      .team .mo-slider ul li img {
        display: block;
        height: 300px;
        width: auto;
        margin-bottom: 17px; }
      .team .mo-slider ul li span {
        color: #000000;
        font-size: 14px; }

.blue-section {
  background: #DEF7FF; }
  .blue-section h4 {
    margin: 45px auto 30px auto;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase; }
  .blue-section ul {
    padding-left: 0; }
    .blue-section ul li {
      list-style-type: none;
      padding-left: 46px;
      padding-top: 7px;
      padding-bottom: 15px;
      background: url(f4de48f23dc71b5067b27ad8b4cb6771.svg) left top transparent no-repeat;
      background-size: 31px 34px; }

.blue-columns.do-not-stretch {
  padding-top: 0 !important;
  align-items: flex-start !important; }
  .blue-columns.do-not-stretch ul {
    padding-left: 0; }
    .blue-columns.do-not-stretch ul li {
      list-style-type: none;
      padding-left: 46px;
      padding-top: 7px;
      padding-bottom: 15px;
      background: url(f4de48f23dc71b5067b27ad8b4cb6771.svg) left top transparent no-repeat;
      background-size: 31px 34px; }
  .blue-columns.do-not-stretch h3, .blue-columns.do-not-stretch h4 {
    padding-bottom: 20px; }

.blue-columns .flex-col {
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;
  background: #DEF7FF; }
  .blue-columns .flex-col h3 {
    padding-bottom: 10px; }
  .blue-columns .flex-col h5 {
    font-size: inherit;
    line-height: 28px;
    padding: 0;
    color: #00C2F3; }

.courses-filter {
  background: #00C2F3;
  padding: 0;
  text-align: center; }
  .courses-filter ul {
    padding-left: 0;
    margin: 0;
    display: inline-block; }
    .courses-filter ul li {
      display: inline;
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .courses-filter ul li a {
        display: inline-block;
        padding: 20px 29px 19px 29px;
        margin: 0;
        color: #ffffff;
        font-size: 20px;
        box-sizing: border-box;
        border-bottom: transparent 3px solid;
        cursor: pointer; }
        .courses-filter ul li a.active {
          background: #45DAFF;
          border-color: #FFF200 !important;
          box-shadow: 0px 15px 29px rgba(0, 194, 243, 0.5);
          color: #ffffff;
          position: relative; }
          .courses-filter ul li a.active::after {
            content: '';
            display: block;
            position: absolute;
            right: -20px;
            bottom: -16px;
            width: 35px;
            height: 37px;
            background: url(f4de48f23dc71b5067b27ad8b4cb6771.svg) center no-repeat;
            background-size: contain; }
        .courses-filter ul li a:hover {
          background: #45DAFF;
          text-decoration: none;
          box-shadow: 0px 15px 29px rgba(0, 194, 243, 0.5);
          border-color: #2e82c8;
          color: #ffffff; }

.hidden {
  display: none !important; }

#entrance-test {
  background: #FFEC00;
  padding: 80px 0 100px 0; }
  #entrance-test .subheading {
    padding-bottom: 50px; }
  #entrance-test label {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 96%;
    font-size: 14px;
    padding-bottom: 10px; }
  #entrance-test button {
    margin-top: 30px; }

#news-index {
  display: flex;
  flex: 1;
  flex-wrap: wrap; }
  #news-index .news-frame {
    box-sizing: border-box;
    min-height: 300px;
    flex: 1 0 21%;
    max-width: 50%;
    border-left: 20px #ffffff solid;
    margin-bottom: 20px; }
    #news-index .news-frame .news-link {
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      flex-direction: column;
      padding: 45px;
      justify-content: flex-end;
      align-items: center;
      text-align: center;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 6px;
      color: #ffffff;
      position: relative;
      cursor: pointer; }
      #news-index .news-frame .news-link h2 {
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 96%;
        margin-top: 10px;
        text-transform: none;
        width: 100%;
        position: relative;
        z-index: 4; }
        #news-index .news-frame .news-link h2::after {
          content: 'Čítať viac';
          display: none;
          background: url(b6342155a947d74b23c2e278a44699ee.svg) right 4px no-repeat;
          font-weight: normal;
          font-size: 16px;
          line-height: 19px;
          margin-top: 14px;
          padding-left: 20px;
          padding-right: 27px; }
      #news-index .news-frame .news-link .date {
        display: inline-block;
        font-size: 14px;
        line-height: 96%;
        font-weight: normal;
        padding: 10px;
        color: #ffffff;
        background: #00C2F3;
        border-radius: 4px;
        text-transform: capitalize;
        position: relative;
        z-index: 4; }
      #news-index .news-frame .news-link:hover {
        text-decoration: none; }
        #news-index .news-frame .news-link:hover::after {
          position: absolute;
          display: block;
          content: '';
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          background: linear-gradient(360deg, rgba(0, 194, 243, 0.4) 0%, rgba(0, 194, 243, 0.4) 100%), linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); }
        #news-index .news-frame .news-link:hover h2 {
          color: rgba(255, 255, 255, 0.9) !important; }
          #news-index .news-frame .news-link:hover h2::after {
            display: inline-block;
            color: #ffffff !important; }
    #news-index .news-frame:nth-child(1), #news-index .news-frame:nth-child(6), #news-index .news-frame:nth-child(7), #news-index .news-frame:nth-child(12) {
      flex: 2 0 42%; }
      #news-index .news-frame:nth-child(1) .news-link, #news-index .news-frame:nth-child(6) .news-link, #news-index .news-frame:nth-child(7) .news-link, #news-index .news-frame:nth-child(12) .news-link {
        align-items: end !important;
        text-align: left; }
        #news-index .news-frame:nth-child(1) .news-link h2::after, #news-index .news-frame:nth-child(6) .news-link h2::after, #news-index .news-frame:nth-child(7) .news-link h2::after, #news-index .news-frame:nth-child(12) .news-link h2::after {
          float: right;
          margin-top: 0; }
    #news-index .news-frame:nth-child(3n+1) {
      border-left: 0px; }

#gmap-section {
  padding-top: 40px; }

.background-section {
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .background-section::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(63, 181, 253, 0.6);
    z-index: 10; }
  .background-section .container.flex-container {
    position: relative;
    z-index: 20; }
  .background-section p, .background-section li, .background-section h1, .background-section h2, .background-section h3, .background-section h4, .background-section h5 {
    color: #ffffff !important; }

body.homepage #layout-header {
  height: 100vh;
  min-height: 800px;
  background-image: url(8446c09f40b695f177ab649eda1199b5.png);
  border-bottom: 100px #fff solid; }
  body.homepage #layout-header .container {
    height: 100%; }
  body.homepage #layout-header h1.headline {
    display: block; }
  body.homepage #layout-header .subheading {
    width: 610px; }
  body.homepage #layout-header .courses-list .frame {
    margin-bottom: -86px; }

body.single-page #layout-header {
  background-color: #00C2F3;
  align-items: center;
  justify-content: center;
  align-content: inherit; }
  body.single-page #layout-header .flex-container {
    min-height: 600px; }
  body.single-page #layout-header .headline {
    padding-top: 60px;
    padding-bottom: 14px; }
  body.single-page #layout-header p {
    font-size: 21px;
    line-height: 36px;
    color: #ffffff;
    max-width: 850px;
    display: inline-block;
    text-align: center;
    padding-bottom: 120px;
    min-height: 260px; }

body.single-page #layout-content .flex-container {
  padding-top: 85px;
  padding-bottom: 65px; }

body.single-page #layout-content > .container:not(.wider), body.single-page #layout-content .background-section > .container:not(.wider), body.single-page #layout-content .blue-section > .container:not(.wider) {
  max-width: 780px; }

body.single-page #layout-content .halves h4 {
  padding-bottom: 10px; }

body.single-page #layout-content p {
  font-size: 16px;
  line-height: 28px;
  color: #5A5A5A; }

body.single-page.page-general-page-o-nas #layout-header p {
  max-width: 715px; }

body.single-page.page-general-page-lemon-metoda #layout-header p {
  font-size: 18px; }

body.page-kurzy- #layout-header {
  background-image: url(851cc9a614f9642a14fd3bd75d2433c9.png);
  background-position: center; }
  body.page-kurzy- #layout-header h1.headline {
    max-width: none; }

body.page-kurzy- #layout-content .flex-container {
  padding-top: 60px; }

body.single-news-page #layout-header .flex-container {
  height: 450px;
  min-height: 0px !important; }

body.single-news-page #layout-header .headline {
  max-width: none; }

body.single-news-page #layout-header .headline {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 40px;
  font-size: 44px; }

body.single-news-page #layout-header .date_published {
  display: inline-block;
  font-size: 18px;
  line-height: 96%;
  font-weight: normal;
  float: right;
  padding: 7px 13px;
  color: #000000;
  background: #FFEC00;
  border-radius: 4px;
  margin-left: 30px;
  margin-top: 5px;
  text-transform: capitalize; }

body.single-news-page #layout-header p {
  text-align: left; }

body.single-news-page #layout-content .image-container {
  padding-top: 0 !important;
  padding-bottom: 40px !important; }
  body.single-news-page #layout-content .image-container img {
    width: 100%;
    height: auto; }
  body.single-news-page #layout-content .image-container + .container.flex-container {
    padding-top: 20px; }

body.news-index-page #layout-header .flex-container {
  align-content: normal;
  min-height: 300px; }
  body.news-index-page #layout-header .flex-container .headline {
    max-width: none;
    padding: 80px 0; }

body.page-general-page-lemon-kempy #layout-header, body.page-general-page-o-nas #layout-header, body.page-kurzy- #layout-header {
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  body.page-general-page-lemon-kempy #layout-header .container.flex-container, body.page-general-page-o-nas #layout-header .container.flex-container, body.page-kurzy- #layout-header .container.flex-container {
    position: relative;
    z-index: 20; }

body.page-general-page-lemon-kempy #layout-header .container.flex-container {
  align-content: initial; }

body.page-general-page-lemon-kempy #layout-header .headline {
  max-width: none; }

body.page-general-page-lemon-kempy #layout-header .subheading {
  color: #FFEC00;
  margin-top: -36px; }

body.page-general-page-firemna-vyucba #layout-header .headline {
  max-width: none; }

body.course-page #layout-header {
  background-color: #00C2F3;
  align-items: center;
  justify-content: center;
  align-content: inherit; }
  body.course-page #layout-header .flex-row.heading-row {
    align-items: center; }
    body.course-page #layout-header .flex-row.heading-row .flex-col.lemon-col {
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center; }
      body.course-page #layout-header .flex-row.heading-row .flex-col.lemon-col img {
        display: inline-block;
        max-width: 100%; }
        body.course-page #layout-header .flex-row.heading-row .flex-col.lemon-col img.lemon-img {
          width: 300px; }
    body.course-page #layout-header .flex-row.heading-row .flex-col.heading {
      padding: 30px 0; }
  body.course-page #layout-header p {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    display: inline-block;
    text-align: left;
    padding-bottom: 20px; }
  body.course-page #layout-header .info-table {
    background: #FFEC00;
    padding: 32px 38px 65px 38px;
    border-radius: 3px 3px 0px 0px;
    position: relative; }
    body.course-page #layout-header .info-table .flex-col {
      background: #FFF46D;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
      border-radius: 3px;
      margin: 0 10px;
      text-align: center;
      font-size: 16px;
      line-height: 28px;
      padding: 17px 10px 7px 10px; }
      body.course-page #layout-header .info-table .flex-col h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 96%; }
      body.course-page #layout-header .info-table .flex-col.highlighted {
        background-color: #00C2F3;
        color: #ffffff;
        box-shadow: 0px 22px 60px rgba(0, 142, 177, 0.52); }
    body.course-page #layout-header .info-table::after {
      content: 'Viac informácií';
      display: block;
      padding: 12px 0;
      font-weight: 500;
      font-size: 14px;
      text-align: center;
      width: 200px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -100px;
      border-radius: 5px 5px 0px 0px;
      background: #ffffff; }

body.course-page #layout-content .flex-container {
  padding-top: 70px;
  padding-bottom: 75px; }

body.course-page #layout-content .container:not(.wider) {
  max-width: 780px; }

body.course-page.page-event .flex-row.heading-row {
  align-items: center; }
  body.course-page.page-event .flex-row.heading-row .flex-col.lemon-col {
    height: 100%;
    border-right: 7% solid transparent; }
    body.course-page.page-event .flex-row.heading-row .flex-col.lemon-col .event-thumbnail-frame-a {
      box-sizing: content-box;
      border-top: 30px transparent solid;
      position: relative;
      display: block;
      width: 100%;
      padding-top: 84%;
      background-size: contain; }
      body.course-page.page-event .flex-row.heading-row .flex-col.lemon-col .event-thumbnail-frame-a .event-thumbnail-frame-b {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0; }
        body.course-page.page-event .flex-row.heading-row .flex-col.lemon-col .event-thumbnail-frame-a .event-thumbnail-frame-b .event-thumbnail {
          display: block;
          width: 77.943925%;
          margin: 0 auto;
          background: #663220;
          border-top-left-radius: 25px;
          border-top-right-radius: 25px; }
          @media (max-width: 991px) {
            body.course-page.page-event .flex-row.heading-row .flex-col.lemon-col .event-thumbnail-frame-a .event-thumbnail-frame-b .event-thumbnail {
              border-bottom-left-radius: 25px;
              border-bottom-right-radius: 25px; } }
  body.course-page.page-event .flex-row.heading-row .flex-col h1.headline {
    font-size: 44px;
    margin-bottom: 20px; }

body.course-page.page-event #layout-header .info-table .flex-col {
  font-size: 14px; }

@font-face {
  font-family: 'Sacramento';
  src: url(0ed6eb333cc22d52fdd3758f2b3c4f9f.eot);
  src: url(0ed6eb333cc22d52fdd3758f2b3c4f9f.eot?#iefix) format("embedded-opentype"), url(2c8babed5d15465cae6164ddc112d990.woff2) format("woff2"), url(97624cd6a779c2ede3b559fe18ba6515.woff) format("woff"), url(e26279906457e14841d989006e4588b0.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Rubik';
  src: url(f356faba3a1912e6662992b3a47e2583.eot);
  src: url(f356faba3a1912e6662992b3a47e2583.eot?#iefix) format("embedded-opentype"), url(65c724064bbdacbbd80019d6778d523b.woff2) format("woff2"), url(c0228704a268d328854dbd6156a2ed57.woff) format("woff"), url(f2e1acd92958f7254449d77cbc0d04bf.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Rubik';
  src: url(579cfd9e5dd0fc415f534792c25a5543.eot);
  src: url(579cfd9e5dd0fc415f534792c25a5543.eot?#iefix) format("embedded-opentype"), url(bbe987c958013f6652fa90dcd45f4c6d.woff2) format("woff2"), url(da691acb4cba149c857318453065f9e3.woff) format("woff"), url(acd98a831583b8a570bb54f738c2efbd.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Rubik';
  src: url(78c2276c654ffc91ce3237e2888a67dd.eot);
  src: url(78c2276c654ffc91ce3237e2888a67dd.eot?#iefix) format("embedded-opentype"), url(29759d969e45cbdc4e544ceb35aee2a1.woff2) format("woff2"), url(c51a26e45837170609fadb63f4f8a7ce.woff) format("woff"), url(12362ce0e2f3747e02dd08f869085dcf.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

*, p, ul, ol, h1, h2, h3, h4, h5 {
  font-family: Rubik, arial, sans-serif; }

h1, h2, h3, h4, h5 {
  line-height: 96%; }

h1, h2, h3 {
  text-transform: uppercase; }

p, ul, ol {
  font-size: 16px;
  line-height: 28px;
  color: #5A5A5A; }

.white {
  color: #ffffff !important; }

.black {
  color: #000000; }

h1.headline {
  font-size: 68px;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
  max-width: 587px; }
  @media (max-width: 1300px) {
    h1.headline {
      font-size: 53px;
      max-width: 440px;
      margin-top: 40px; } }

h2 {
  font-weight: bold;
  font-size: 36px; }
  h2.smaller {
    font-size: 26px;
    padding: 0 0 42px 0;
    margin: 0; }

h3 {
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 20px;
  text-transform: uppercase; }

.subheading {
  display: block;
  font-family: 'Sacramento', Courier, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 77px;
  line-height: 96%;
  color: #000000;
  margin-top: -20px; }
  @media (max-width: 1300px) {
    .subheading {
      font-size: 60px;
      margin-bottom: 20px; } }

.courses-list h2 {
  font-weight: 500;
  font-size: 20px;
  padding: 30px 0 20px 0;
  color: #ffffff;
  text-transform: none; }

.courses-list h3 {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 0;
  margin-top: 12px;
  text-transform: uppercase; }

.news-list .date-added {
  font-size: 14px;
  color: #BDBDBD; }

.news-list h3 {
  text-transform: none;
  padding: 10px 0 17px 0;
  margin-bottom: 0px; }

.read-more {
  color: #00C2F3;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 4px;
  vertical-align: middle; }
  .read-more:hover, .read-more:active {
    color: #00C2F3;
    text-decoration: none; }
  .read-more::after {
    content: '';
    margin-left: 12px;
    width: 13px;
    height: 10px;
    display: inline-block;
    background: url(e3a5b07c944ce7bb409d09caa21c725f.svg) center -1px no-repeat;
    background-size: contain;
    vertical-align: middle; }
  .read-more:hover {
    color: #3C5A99; }
    .read-more:hover::after {
      background-image: url(4c86fd40868566d98d4455dfec29d1c2.svg); }

.category {
  font-family: Rubik, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 96%;
  /* or 13px */
  color: #000000;
  display: inline-block;
  padding: 7px 9px;
  background: #FFFFFF;
  border-radius: 4px; }

.credit {
  padding-top: 50px;
  font-size: 12px; }

@media (min-width: 768px) {
  body.homepage #layout-header .container.flex-container::after {
    content: '';
    display: block;
    position: absolute;
    background: url(ddacc020e6833cbb37085bae4a9caef6.png) center no-repeat;
    background-size: contain;
    width: 330px;
    height: 300px;
    left: -39%;
    bottom: -144px; }
  body.homepage #layout-content .flex-row {
    position: relative; }
    body.homepage #layout-content .flex-row::before {
      content: '';
      display: block;
      position: absolute;
      background: url(64b6d266b940a735e9c533ed67d68f78.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      left: 0;
      bottom: 0; }
    body.homepage #layout-content .flex-row::after {
      content: '';
      display: block;
      position: absolute;
      background: url(69c857abfa077b02cd6ea776dc4e079d.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 400px;
      left: 0;
      bottom: -38px;
      z-index: 20; }
    body.homepage #layout-content .flex-row .container.flex-container::before {
      content: '';
      display: block;
      position: absolute;
      background: url(c8791a17893bd8f8133e9f611d862036.png) center no-repeat;
      background-size: contain;
      width: 200px;
      height: 200px;
      right: -25%;
      top: 60px; }
    body.homepage #layout-content .flex-row .container.flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
      background-size: contain;
      width: 400px;
      height: 400px;
      right: -34%;
      bottom: -100px;
      z-index: 10; }
  body.homepage #layout-footer .container.flex-container::before {
    content: '';
    display: block;
    position: absolute;
    background: url(7e2e4a143551bc09fc0235b3f93d9414.png) center no-repeat;
    background-size: contain;
    width: 230px;
    height: 230px;
    left: -26%;
    top: -183px; }
  body.homepage #layout-footer .container.flex-container::after {
    content: '';
    display: block;
    position: absolute;
    background: url(e905ec4628c8b508eed8ed10d2fc6f08.png) center no-repeat;
    background-size: contain;
    width: 190px;
    height: 190px;
    right: -60px;
    top: -173px; }
  #references .container {
    position: relative; }
    #references .container::before {
      content: '';
      display: block;
      position: absolute;
      background: url(88681b6bfd07928b38a6002064e34669.png) center no-repeat;
      background-size: contain;
      width: 250px;
      height: 250px;
      left: -160px;
      top: -100px; }
    #references .container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(f4a69e80bccf899bb1de9d62c6b14c88.png) center no-repeat;
      background-size: contain;
      width: 250px;
      height: 250px;
      right: -230px;
      bottom: -85px; }
  body.page-general-page-o-nas #layout-header .container.flex-container::after {
    content: '';
    display: block;
    position: absolute;
    background: url(67ad483ce7e12f75979ffdc7ca4e5afc.png) center no-repeat;
    background-size: contain;
    width: 320px;
    height: 220px;
    right: -100px;
    bottom: -110px; }
  body.page-general-page-o-nas #layout-content {
    position: relative; }
    body.page-general-page-o-nas #layout-content::before {
      content: '';
      display: block;
      position: absolute;
      background: url(f234b56cd022ad37315f9cf41ac56618.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      left: 0;
      top: 0; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    body.page-general-page-o-nas #layout-content::before {
      width: 380px;
      height: 380px; }
    body.page-general-page-o-nas #layout-content .flex-container:first-child {
      padding-top: 130px; } }

@media (min-width: 768px) {
  body.page-general-page-o-nas .team .container::before {
    content: '';
    display: block;
    position: absolute;
    background: url(6b5dcf910ba532ce13172c17e9fb055d.png) center no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    left: -100px;
    top: -230px; }
  body.page-general-page-o-nas .team + .flex-container::before {
    content: '';
    display: block;
    position: absolute;
    background: url(d99dd99f8168e27010e07a26d84ee9ef.png) center no-repeat;
    background-size: contain;
    width: 220px;
    height: 220px;
    right: -35%;
    top: 60px; }
  body.page-kurzy- #layout-content {
    position: relative; }
    body.page-kurzy- #layout-content::before {
      content: '';
      display: block;
      position: absolute;
      background: url(2b278f2e16ac6e3c40f09bc0722e8193.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      right: 0;
      bottom: 0; }
    body.page-kurzy- #layout-content .flex-container {
      min-height: 500px; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    body.page-kurzy- #layout-content::before {
      width: 380px;
      height: 380px; }
    body.page-kurzy- #layout-content .flex-container:first-child {
      padding-bottom: 220px; } }

@media (min-width: 768px) {
  body.page-kurz .blue-section {
    position: relative; }
    body.page-kurz .blue-section .flex-container {
      position: relative; }
      body.page-kurz .blue-section .flex-container::before {
        content: '';
        display: block;
        position: absolute;
        background: url(fb0ee1054324076a48b2c7874e5c6d84.png) center no-repeat;
        background-size: contain;
        width: 220px;
        height: 220px;
        right: -29%;
        top: -90px; }
    body.page-kurz .blue-section::after {
      content: '';
      display: block;
      position: absolute;
      background: url(2b278f2e16ac6e3c40f09bc0722e8193.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      right: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-kurz .blue-section::after {
        width: 380px;
        height: 380px; } }

@media (min-width: 768px) {
    body.page-kurz .blue-section + .flex-container::before {
      content: '';
      display: block;
      position: absolute;
      background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      left: -40%;
      top: -210px; }
  body.page-event .blue-section {
    position: relative; }
    body.page-event .blue-section .flex-container {
      position: relative; }
      body.page-event .blue-section .flex-container::before {
        content: '';
        display: block;
        position: absolute;
        background: url(fb0ee1054324076a48b2c7874e5c6d84.png) center no-repeat;
        background-size: contain;
        width: 220px;
        height: 220px;
        left: -29%;
        top: -90px; }
      body.page-event .blue-section .flex-container::after {
        content: '';
        display: block;
        position: absolute;
        background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
        background-size: contain;
        width: 300px;
        height: 300px;
        right: -30%;
        bottom: -30px; }
    body.page-event .blue-section::after {
      content: '';
      display: block;
      position: absolute;
      background: url(64b6d266b940a735e9c533ed67d68f78.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      left: 0;
      bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    body.page-event .blue-section {
      padding-bottom: 50px; }
      body.page-event .blue-section::after {
        width: 380px;
        height: 380px; } }

@media (min-width: 768px) {
  .lemodal .container::before {
    content: '';
    display: block;
    position: absolute;
    background: url(e2ac5ba138a985e1ba942cc36da801ac.png) center no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    left: -7%;
    bottom: 180px; }
  .lemodal .container::after {
    content: '';
    display: block;
    position: absolute;
    background: url(e905ec4628c8b508eed8ed10d2fc6f08.png) center no-repeat;
    background-size: contain;
    width: 240px;
    height: 240px;
    right: -3%;
    bottom: 245px; }
  .lemodal .container.flex-container::before {
    bottom: 40%; }
  .lemodal .container.flex-container::after {
    bottom: 50%; }
  body.page-general-page-lemon-kempy #layout-content {
    position: relative; }
    body.page-general-page-lemon-kempy #layout-content > .flex-container:first-child::before {
      content: '';
      display: block;
      position: absolute;
      background: url(6999e82dd5fb5ee2848f1b562b30a07a.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      left: -40%;
      top: -12px; }
    body.page-general-page-lemon-kempy #layout-content::before {
      content: '';
      display: block;
      position: absolute;
      background: url(41d07fd005035466284dc094e1d0f7e1.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      right: 0;
      top: 0; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    body.page-general-page-lemon-kempy #layout-content::before {
      width: 380px;
      height: 380px; } }

@media (min-width: 768px) {
    body.page-general-page-lemon-kempy #layout-content .background-section > .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(c8791a17893bd8f8133e9f611d862036.png) center no-repeat;
      background-size: contain;
      width: 150px;
      height: 150px;
      left: -24%;
      bottom: -60px; }
    body.page-general-page-lemon-kempy #layout-content .background-section + .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(a078f10d499b2d75fcc0ab0dc74e8a17.png) center no-repeat;
      background-size: contain;
      width: 200px;
      height: 200px;
      right: -30%;
      top: 21px; }
    body.page-general-page-lemon-kempy #layout-content .blue-section {
      position: relative; }
      body.page-general-page-lemon-kempy #layout-content .blue-section .flex-container::before {
        content: '';
        display: block;
        position: absolute;
        background: url(fb0ee1054324076a48b2c7874e5c6d84.png) center no-repeat;
        background-size: contain;
        width: 220px;
        height: 220px;
        right: -24%;
        top: -90px; }
      body.page-general-page-lemon-kempy #layout-content .blue-section .flex-container::after {
        content: '';
        display: block;
        position: absolute;
        background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
        background-size: contain;
        width: 300px;
        height: 300px;
        right: -20%;
        left: auto;
        bottom: -70px; }
  body.news-index-page #layout-header > .flex-container::before {
    content: '';
    display: block;
    position: absolute;
    background: url(88681b6bfd07928b38a6002064e34669.png) center no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    left: -1%;
    top: 160px; }
  body.news-index-page #layout-header > .flex-container::after {
    content: '';
    display: block;
    position: absolute;
    background: url(e905ec4628c8b508eed8ed10d2fc6f08.png) center no-repeat;
    background-size: contain;
    width: 190px;
    height: 190px;
    right: -1%;
    bottom: -71px; }
  body.news-index-page #layout-content {
    position: relative; }
    body.news-index-page #layout-content::after {
      content: '';
      display: block;
      position: absolute;
      background: url(2b278f2e16ac6e3c40f09bc0722e8193.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      right: 0;
      bottom: 0; }
    body.news-index-page #layout-content > .flex-container {
      min-height: 500px; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    body.news-index-page #layout-content::after {
      width: 380px;
      height: 380px; }
    body.news-index-page #layout-content > .flex-container {
      padding-bottom: 220px; } }

@media (min-width: 768px) {
    body.news-index-page #layout-content > .flex-container::before {
      content: '';
      display: block;
      position: absolute;
      background: url(b435e63383cbf639aed31b7148bf14ea.png) center no-repeat;
      background-size: contain;
      width: 200px;
      height: 200px;
      right: -3%;
      top: 26%; }
    body.news-index-page #layout-content > .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(6999e82dd5fb5ee2848f1b562b30a07a.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      left: -27%;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.news-index-page #layout-content > .flex-container::after {
        left: -15%; } }

@media (min-width: 768px) {
  body.single-news-page #layout-header > .flex-container::before {
    content: '';
    display: block;
    position: absolute;
    background: url(88681b6bfd07928b38a6002064e34669.png) center no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    left: -1%;
    top: 160px; }
  body.single-news-page #layout-header > .flex-container::after {
    content: '';
    display: block;
    position: absolute;
    background: url(e905ec4628c8b508eed8ed10d2fc6f08.png) center no-repeat;
    background-size: contain;
    width: 190px;
    height: 190px;
    right: -1%;
    bottom: -71px; }
  body.single-news-page #layout-header > .flex-container .flex-row.heading {
    padding-left: 170px; }
  body.page-general-page-kontakt #layout-header {
    position: relative; }
    body.page-general-page-kontakt #layout-header::before {
      content: '';
      display: block;
      position: absolute;
      background: url(ce0ef220b648436a89ad181c4903c5e0.svg) center no-repeat;
      background-size: contain;
      width: 450px;
      height: 450px;
      left: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-kontakt #layout-header::before {
        width: 380px;
        height: 380px; } }

@media (min-width: 768px) {
    body.page-general-page-kontakt #layout-header > .flex-container::before {
      content: '';
      display: block;
      position: absolute;
      background: url(6999e82dd5fb5ee2848f1b562b30a07a.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      left: -20%;
      top: 32%; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-kontakt #layout-header > .flex-container::before {
        left: -9%;
        top: 50%; } }

@media (min-width: 768px) {
    body.page-general-page-kontakt #layout-header > .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(88681b6bfd07928b38a6002064e34669.png) center no-repeat;
      background-size: contain;
      width: 250px;
      height: 250px;
      right: -24%;
      bottom: -125px; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-kontakt #layout-header > .flex-container::after {
        right: -5%;
        bottom: -110px; } }

@media (min-width: 768px) {
  body.page-general-page-lemon-metoda #layout-header {
    position: relative; }
    body.page-general-page-lemon-metoda #layout-header::before {
      content: '';
      display: block;
      position: absolute;
      background: url(ce0ef220b648436a89ad181c4903c5e0.svg) center no-repeat;
      background-size: contain;
      width: 450px;
      height: 450px;
      left: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-lemon-metoda #layout-header::before {
        width: 350px;
        height: 350px; } }

@media (min-width: 768px) {
    body.page-general-page-lemon-metoda #layout-header > .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      right: -10%;
      bottom: -100px; }
  body.page-general-page-lemon-metoda #layout-content .blue-section {
    position: relative; }
    body.page-general-page-lemon-metoda #layout-content .blue-section::after {
      content: '';
      display: block;
      position: absolute;
      background: url(2b278f2e16ac6e3c40f09bc0722e8193.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      right: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-lemon-metoda #layout-content .blue-section::after {
        width: 380px;
        height: 380px; } }

@media (min-width: 768px) {
    body.page-general-page-lemon-metoda #layout-content .blue-section .flex-container {
      position: relative; }
      body.page-general-page-lemon-metoda #layout-content .blue-section .flex-container::before {
        content: '';
        display: block;
        position: absolute;
        background: url(fb0ee1054324076a48b2c7874e5c6d84.png) center no-repeat;
        background-size: contain;
        width: 220px;
        height: 220px;
        left: -29%;
        top: -90px; }
      body.page-general-page-lemon-metoda #layout-content .blue-section .flex-container::after {
        content: '';
        display: block;
        position: absolute;
        background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
        background-size: contain;
        width: 300px;
        height: 300px;
        right: -50%;
        bottom: 200px;
        z-index: 10; } }
      @media (min-width: 768px) and (max-width: 1300px) {
        body.page-general-page-lemon-metoda #layout-content .blue-section .flex-container::after {
          right: -35%;
          bottom: 280px; } }

@media (min-width: 768px) {
  body.page-general-page-firemna-vyucba #layout-header {
    position: relative; }
    body.page-general-page-firemna-vyucba #layout-header::before {
      content: '';
      display: block;
      position: absolute;
      background: url(1a86fb92402a2834d98684a4bb388ed0.svg) center no-repeat;
      background-size: contain;
      width: 450px;
      height: 450px;
      right: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-firemna-vyucba #layout-header::before {
        width: 350px;
        height: 350px; } }

@media (min-width: 768px) {
    body.page-general-page-firemna-vyucba #layout-header > .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(6999e82dd5fb5ee2848f1b562b30a07a.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      right: -10%;
      bottom: 170px; }
    body.page-general-page-firemna-vyucba #layout-header > .flex-container .heading {
      position: relative; }
      body.page-general-page-firemna-vyucba #layout-header > .flex-container .heading::before {
        content: '';
        display: block;
        position: absolute;
        background: url(e905ec4628c8b508eed8ed10d2fc6f08.png) center no-repeat;
        background-size: contain;
        width: 230px;
        height: 230px;
        left: 4%;
        top: -40px; } }
      @media (min-width: 768px) and (max-width: 1300px) {
        body.page-general-page-firemna-vyucba #layout-header > .flex-container .heading::before {
          top: -10px; } }

@media (min-width: 768px) {
  body.page-general-page-firemna-vyucba #layout-content {
    position: relative; }
    body.page-general-page-firemna-vyucba #layout-content > .flex-container:first-child::after {
      content: '';
      display: block;
      position: absolute;
      background: url(af3d674fcbe279b7984034dd74784fbb.png) center no-repeat;
      background-size: contain;
      width: 300px;
      height: 300px;
      right: -34%;
      bottom: 30px; }
    body.page-general-page-firemna-vyucba #layout-content::after {
      content: '';
      display: block;
      position: absolute;
      background: url(2b278f2e16ac6e3c40f09bc0722e8193.svg) center no-repeat;
      background-size: contain;
      width: 480px;
      height: 480px;
      right: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-firemna-vyucba #layout-content::after {
        width: 380px;
        height: 380px; } }

@media (min-width: 768px) {
  body.page-general-page-vstupny-test #layout-header {
    position: relative; }
    body.page-general-page-vstupny-test #layout-header::before {
      content: '';
      display: block;
      position: absolute;
      background: url(1a86fb92402a2834d98684a4bb388ed0.svg) center no-repeat;
      background-size: contain;
      width: 450px;
      height: 450px;
      right: 0;
      bottom: 0; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-vstupny-test #layout-header::before {
        width: 350px;
        height: 350px; } }

@media (min-width: 768px) {
    body.page-general-page-vstupny-test #layout-header > .flex-container::before {
      content: '';
      display: block;
      position: absolute;
      background: url(2d44695b2f8ebc27cc11b80d015cce91.png) center no-repeat;
      background-size: contain;
      width: 350px;
      height: 350px;
      left: -17%;
      top: 25%; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-vstupny-test #layout-header > .flex-container::before {
        left: -9%;
        top: 50%; } }

@media (min-width: 768px) {
    body.page-general-page-vstupny-test #layout-header > .flex-container::after {
      content: '';
      display: block;
      position: absolute;
      background: url(f92e0a0b968a3bbdc540e42809860b07.png) center no-repeat;
      background-size: contain;
      width: 260px;
      height: 260px;
      right: -21%;
      bottom: 45px; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      body.page-general-page-vstupny-test #layout-header > .flex-container::after {
        right: -5%;
        bottom: -110px; } }

.mobile-only {
  display: none; }

@media (max-width: 767px) {
  .mobile-hidden {
    display: none; }
  .mobile-invisible {
    visibility: hidden; }
  .mobile-only {
    display: block; }
  h1.headline {
    font-size: 36px !important;
    display: block; }
  .mobile-nav-button {
    display: inline-block;
    float: right;
    width: 30px;
    height: 22.5px;
    background: url(8524928264d1fefd778e87779badf801.svg) center no-repeat;
    background-size: contain;
    cursor: pointer; }
  body:not(.page-kurzy-) #layout-content .flex-container, body:not(.page-kurzy-) #layout-content .flex-row, body:not(.page-kurzy-) #layout-content .flex-col {
    display: block !important; }
  body:not(.page-kurzy-) #layout-content .button {
    display: block;
    width: 100%;
    margin: 30px auto 60px auto !important; }
  body.page-general-page-vstupny-test #layout-content .button {
    margin-top: 0 !important;
    margin-bottom: 15px !important; }
  .lemon-icon {
    margin-left: 60px; }
  #layout-header h1.headline, #layout-header h2.subheading, #layout-header .subheading {
    text-align: center !important;
    max-width: 90%;
    margin: 0 auto; }
  #layout-header .logo {
    width: 150px; }
  #layout-header #navigation {
    display: none; }
  #layout-footer {
    padding-top: 130px; }
    #layout-footer .flex-container {
      display: block; }
      #layout-footer .flex-container .flex-col {
        text-align: center; }
        #layout-footer .flex-container .flex-col ul.footer-nav, #layout-footer .flex-container .flex-col ul.social-links {
          text-align: center;
          padding-left: 0;
          margin-bottom: 0; }
        #layout-footer .flex-container .flex-col .social-links {
          margin-top: 40px; }
          #layout-footer .flex-container .flex-col .social-links li:nth-child(2) {
            margin-right: 0; }
        #layout-footer .flex-container .flex-col.mobile-only .credit {
          padding-top: 20px; }
  body.homepage .ctas .button {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px; }
  body.homepage .courses-list .whole-width h2 {
    text-align: center; }
  body.homepage .courses-list .frame {
    max-width: 50% !important; }
  body.homepage #layout-content .flex-container .left-col p {
    max-width: none; }
  body.homepage .event {
    flex-basis: 100%; }
    body.homepage .event::before {
      padding-top: 300px !important; }
    body.homepage .event .event-title {
      font-size: 24px !important; }
    body.homepage .event .event-info {
      padding-top: 40px !important; }
    body.homepage .event .button {
      margin: 0 0 15px 0 !important;
      text-align: left;
      display: inline-block !important;
      width: auto !important; }
  body.homepage #layout-content .flex-container.news-list {
    padding-top: 0; }
  .references {
    padding: 80px 20px; }
    .references h2 {
      font-size: 24px; }
    .references .subheading {
      font-size: 44px; }
  body.page-kurzy- .courses-list .frame {
    max-width: 50%; }
  body.course-page #layout-header .flex-container {
    padding-left: 20px;
    padding-right: 20px; }
  body.course-page #layout-header .flex-container, body.course-page #layout-header .flex-col, body.course-page #layout-header .flex-row {
    display: block !important; }
  body.course-page #layout-header .lemon-col img {
    max-width: 56% !important; }
  body.course-page #layout-header p {
    text-align: center !important; }
  body.course-page #layout-header .button {
    display: block;
    width: 100%;
    margin: 0px auto 15px auto !important; }
  body.course-page .info-table .flex-col {
    margin-bottom: 15px !important; }
  body.course-page .courses-list .frame {
    max-width: 50%; }
  body.course-page.page-event .flex-row.heading-row .flex-col.lemon-col .event-thumbnail-frame-a {
    padding-top: 270px; }
  .lemodal .inner-container {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .lemodal .container .mo-close {
    top: -20px;
    right: -40px; }
  .lemodal .modal-form {
    display: block !important; }
    .lemodal .modal-form .form-group {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    .lemodal .modal-form .form-check.full {
      height: 90px !important; }
  #news-index .news-frame {
    max-width: none !important; }
  body.single-news-page #layout-header .date_published {
    float: none;
    margin-top: 20px; }
  .blue-columns .flex-col {
    margin-bottom: 30px; }
  .courses-list h3 {
    font-size: 16px; }
  .flex-col.news-col {
    padding-bottom: 30px; }
  body #layout-content .event .flex-container, body #layout-content .event .flex-row, body #layout-content .event .flex-col, body #layout-content .references .flex-container, body #layout-content .references .flex-row, body #layout-content .references .flex-col {
    display: flex !important; }
  body #layout-content .event {
    border-bottom: #ffffff 3px solid; }
    body #layout-content .event .event-info {
      width: 100%;
      padding-left: 30px; }
  #gdpr-consent {
    width: auto;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: transparent 20px solid;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9); } }