@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes slideOpenAnimation {
  0% {
    display: none;
    max-height: 0;
  }
  1% {
    display: block;
  }
  100% {
    display: block;
    max-height: 10000px;
  }
}
@keyframes slideCloseAnimation {
  0% {
    max-height: 10000px;
  }
  100% {
    display: none;
    max-height: 0;
  }
}
html, body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, ul, li, fieldset, legend, label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption, table th, table td {
  text-align: left;
  vertical-align: middle;
}

a img {
  border: 0;
}

:focus {
  outline: 0;
}

.btn {
  border: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.btn-gold {
  background: #957d44;
  color: #F2F2F2;
}
.btn-white {
  background: #F2F2F2;
  color: #282829;
}

.btn-1 {
  border: 1px solid;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.btn-1-gold {
  border-color: #957d44;
  color: #957d44;
}
.btn-1-white {
  border-color: #F2F2F2;
  color: #F2F2F2;
}

.disabledForm .btn-2-wrapper:before {
  opacity: 0.4;
}

.btn-2-wrapper {
  position: relative;
}
.btn-2-wrapper:before {
  content: " ";
  left: 4px;
  top: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
}
.btn-2-wrapper-gold:before {
  border: 2px solid #957d44;
}
.btn-2-wrapper-gold button, .btn-2-wrapper-gold a {
  border: 2px solid #957d44;
  color: #957d44;
}
.btn-2-wrapper button, .btn-2-wrapper a {
  height: 48px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  background: #0F0F0F;
  z-index: 2;
  position: relative;
}
.btn-2-wrapper button:disabled, .btn-2-wrapper a:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-2-wrapper a {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #957d44;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
}
.btn-2-wrapper-arrow a {
  position: relative;
  padding-right: 4.6875rem;
}
.btn-2-wrapper-arrow a:after {
  position: absolute;
  content: " ";
  top: 0;
  right: 20px;
  height: 100%;
  width: 20px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center;
}

.styled-label {
  border-radius: 20px;
  border: 0;
  padding: 0.125rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: #282829;
}
.styled-label-green {
  background: #56D963;
}
.styled-label-yellow {
  background: #E6E7E8;
}
.styled-label-purple {
  background: #9747FF;
}
.styled-label-blue {
  background: #56D9D1;
}
.styled-label-gold {
  background: #E6E2C3;
}

.desktop {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .desktop {
    display: none !important;
  }
}

.mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .mobile {
    display: block;
  }
}

.breadcrumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.breadcrumbs ul li {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-right: 1.25rem;
}
.breadcrumbs ul li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs ul li:after {
  content: "/";
  margin-left: 20px;
  color: #957d44;
}
.breadcrumbs ul li:last-child:after {
  display: none;
}
.breadcrumbs ul li a {
  text-decoration: none;
  color: #957d44;
  white-space: nowrap;
}

.pageHeader {
  padding: 1.25rem 0 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.pageHeader h1 {
  font-size: 3rem;
  line-height: 3.625rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .pageHeader h1 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.pageHeader .link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #957d44;
  text-decoration: none;
  padding-right: 28px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center right;
}
@media only screen and (max-width: 1024px) {
  .pageHeader .link {
    display: none;
  }
}
.pageHeader .link b, .pageHeader .link strong {
  color: #E5E2C3;
  font-weight: 400;
}

.innerNavigation {
  border-top: 3px solid #957d44;
  border-bottom: 3px solid #957d44;
  padding: 1.625rem 0;
  background: #0F0F0F url("/wp-content/themes/edukreska_theme/assets/images/footer_bg.svg") no-repeat center right;
  color: #957d44;
  white-space: nowrap;
}
.innerNavigation a {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  padding-right: 3rem;
  color: #957d44;
  text-decoration: none;
}
.innerNavigation a:hover, .innerNavigation a.active {
  color: #E5E2C3;
}

.pagination .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .nav-links {
  display: flex;
  align-items: center;
  padding: 1.875rem 0;
}
.pagination .prev {
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_circle_left_active.svg") no-repeat;
  width: 50px;
  height: 50px !important;
}
.pagination .next {
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_circle_active.svg") no-repeat;
  width: 50px;
  height: 50px !important;
}
.pagination .page-numbers {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  width: 60px;
  height: 60px;
  margin: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #957d44;
  text-decoration: none;
}
.pagination .page-numbers.current {
  color: #957d44 !important;
  background: #1C1C1C !important;
  border-radius: 50% !important;
  border: 0 !important;
}
.pagination .page-numbers.page.active, .pagination .page-numbers.page:hover {
  background: #1C1C1C;
  border-radius: 50%;
}

.articleBox {
  background: #1C1C1C;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  border: 4px solid transparent;
}
.articleBox:hover {
  border: 4px solid #957d44;
  background-color: #0F0F0F;
}
@media only screen and (max-width: 1024px) {
  .articleBox:nth-child(even) {
    border: 4px solid #957d44;
  }
}
.articleBox .img img {
  max-width: 100%;
}
.articleBox .content {
  padding: 1.875rem 1.5rem 2.5rem 1.5rem;
}
.articleBox .content .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.articleBox .content .tags .tag, .articleBox .content .tags a {
  padding: 0.125rem 0.75rem;
  border: 1px solid #957d44;
  border-radius: 20px;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  margin-right: 0.9375rem;
  text-decoration: none;
  color: #957d44;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .articleBox .content .tags .tag, .articleBox .content .tags a {
    white-space: normal;
  }
}
.articleBox .content a {
  text-decoration: none;
}
.articleBox .content .header {
  padding: 2.5rem 0;
  color: #E5E2C3;
  font-family: "Halisa Extended";
  font-weight: 200;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  font-weight: 400;
}
.articleBox .content .read_more {
  width: 100%;
}
.articleBox .content .read_more a {
  width: 100%;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  display: inline-block;
  color: #957d44;
  text-transform: uppercase;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center right;
}

.goldSubMenuArea {
  display: none;
  background: #0F0F0F;
}
@media only screen and (max-width: 1024px) {
  .goldSubMenuArea {
    display: none !important;
  }
}

.goldSubMenu {
  width: 100%;
  background: #957d44;
  padding: 1.25rem 0;
}
@media only screen and (max-width: 1024px) {
  .goldSubMenu {
    display: none;
  }
}
.goldSubMenu.sticky {
  position: fixed;
  top: 68px;
  width: 100%;
  z-index: 8;
}
.goldSubMenu .container {
  display: flex;
  gap: 3.75rem;
}
.goldSubMenu .item {
  display: inline-block;
  font-size: 0;
}
.goldSubMenu a {
  color: #0F0F0F;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
}
.goldSubMenu a:hover, .goldSubMenu a .active {
  font-weight: 700;
}
.goldSubMenu a::before {
  display: block;
  content: attr(title);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.formSelect {
  width: 100%;
}
.formSelect.nice-select {
  width: 100%;
  color: #957d44;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background-color: #282829;
  max-width: none;
}
.formSelect.nice-select .list {
  background-color: #282829;
}
.formSelect.nice-select .list .option {
  color: #957d44;
}
.formSelect.nice-select .list .option.focus, .formSelect.nice-select .list .option.selected.focus, .formSelect.nice-select .list .option.selected, .formSelect.nice-select .list .option:hover {
  font-weight: 600;
  color: #fff;
}

.blackSelect.nice-select {
  color: #fff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.blackSelect.nice-select .list {
  background-color: #0F0F0F;
}
.blackSelect.nice-select .list .option {
  color: #957d44;
}
.blackSelect.nice-select .list .option.focus, .blackSelect.nice-select .list .option.selected.focus, .blackSelect.nice-select .list .option.selected, .blackSelect.nice-select .list .option:hover {
  font-weight: 600;
  color: #fff;
}

.whiteSelect.nice-select {
  color: #957d44;
  border: 2px solid #957d44;
  background: #fff;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.whiteSelect.nice-select .list {
  background-color: #fff;
}
.whiteSelect.nice-select .list .option {
  color: #957d44;
  font-weight: 300;
}
.whiteSelect.nice-select .list .option.focus, .whiteSelect.nice-select .list .option.selected.focus, .whiteSelect.nice-select .list .option.selected, .whiteSelect.nice-select .list .option:hover {
  font-weight: 600;
  color: #957d44;
  background: #F2F2F2;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1rem;
  font-weight: 400;
  height: 3.4375rem;
  line-height: 3.4375rem;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  max-width: 400px;
  border-radius: 8px;
  border: 1px solid #957d44;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active {
  border-color: #957d44;
}
.nice-select:focus {
  border-color: #957d44;
}
.nice-select:after {
  border-bottom: 2px solid #957d44;
  border-right: 2px solid #957d44;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select .list {
  width: 100%;
  border: 1px solid #957d44;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 1.25rem 0 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  max-height: 15.625rem;
  overflow: auto;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  list-style: none;
  padding: 0.4375rem 2.5rem;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
}
.nice-select .option.disabled {
  background-color: transparent;
  cursor: default;
  color: #fff;
}

.nice-select.open {
  border-color: #999;
}
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

.nice-select .current {
  background: transparent !important;
  border: none !important;
  color: #957d44 !important;
}

#swipeHint {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(149, 125, 68, 0.85);
  color: #fff;
  padding: 5px 5px;
  border-radius: 999px;
  font-size: 14px;
  display: none;
  align-items: center;
  gap: 8px;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity 0.5s ease;
  border: 2px solid #fff;
  width: 100%;
  max-width: 120px;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  #swipeHint {
    display: none !important;
  }
}

.newHeroComponent {
  background: #0F0F0F;
  display: flex;
  color: #957d44;
  border-bottom: 4px solid #957d44;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent {
    flex-direction: column;
    padding-top: 10px;
    align-items: flex-start;
  }
}
.newHeroComponent .breadcrumbs {
  margin-bottom: 1.25rem;
}
.newHeroComponent-location {
  padding: 2.5rem 0;
}
@media only screen and (min-width: 1024px) {
  .newHeroComponent-location {
    min-height: 880px;
  }
}
.newHeroComponent-location-nopadding {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .newHeroComponent-location .text h1 {
    font-size: 3rem !important;
    line-height: 3.625rem !important;
  }
}
.newHeroComponent-location .buttons {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent-location .buttons {
    flex-direction: column;
  }
}
.newHeroComponent-location .buttons .button {
  margin-right: 1.5rem;
  display: flex;
  margin-bottom: 15px;
}
.newHeroComponent-location .buttons .btn-2-wrapper button, .newHeroComponent-location .buttons .btn-2-wrapper a {
  background: transparent;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent-location .buttons .btn-2-wrapper button, .newHeroComponent-location .buttons .btn-2-wrapper a {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.newHeroComponent-location .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent-location .img {
    display: none;
  }
}
.newHeroComponent-location .location {
  width: 400px;
  background: #282829;
  border-radius: 8px;
}
.newHeroComponent-location .location .header {
  padding: 1.5rem 2rem;
}
.newHeroComponent-location .location .header h2 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 1.25rem;
  color: #E5E2C3;
}
.newHeroComponent-location .location .header .street {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #E5E2C3;
  margin-bottom: 1.25rem;
}
.newHeroComponent-location .location .header p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.newHeroComponent-location .location .map img {
  max-width: 100%;
}
.newHeroComponent-location .location .map .acf-map {
  height: 300px;
}
.newHeroComponent-location .location .map .button {
  width: 100%;
  line-height: 1;
  padding: 0.75rem 0;
  background: #957d44;
  border: 0;
  text-align: center;
  display: block;
  border-radius: 0 0 8px 8px;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
}
.newHeroComponent-location .location .map .button img {
  vertical-align: middle;
  margin-left: 8px;
}
.newHeroComponent-location .text .content {
  padding-right: 0 !important;
}
.newHeroComponent-location .text .description p {
  font-family: "Halisa Extended";
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.6875rem;
  max-width: none !important;
}
.newHeroComponent .text {
  min-width: 50%;
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text {
    min-width: 100%;
    width: 100%;
  }
}
.newHeroComponent .text .content-1 .breadcrumbs {
  padding-top: 2.5rem;
}
.newHeroComponent .text .content, .newHeroComponent .text .content-1 {
  padding-right: 8.75rem;
  padding-left: 3.75rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  width: 40.625rem;
  margin-left: auto;
  box-sizing: content-box;
}
@media only screen and (max-width: 1480px) {
  .newHeroComponent .text .content, .newHeroComponent .text .content-1 {
    width: 100%;
    box-sizing: border-box;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text .content, .newHeroComponent .text .content-1 {
    padding-top: 0rem;
    padding-bottom: 3.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.newHeroComponent .text .content h1, .newHeroComponent .text .content-1 h1 {
  font-size: 4.625rem;
  line-height: 5.5rem;
  position: relative;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1480px) {
  .newHeroComponent .text .content h1, .newHeroComponent .text .content-1 h1 {
    font-size: 3.25rem;
    line-height: 3.625rem;
  }
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text .content h1, .newHeroComponent .text .content-1 h1 {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 0.375rem;
  }
}
.newHeroComponent .text .content h1:after, .newHeroComponent .text .content-1 h1:after {
  position: absolute;
  top: 16px;
  left: -36px;
  background: #957d44;
  width: 4px;
  height: calc(100% - 32px);
  content: " ";
}
@media only screen and (max-width: 1480px) {
  .newHeroComponent .text .content h1:after, .newHeroComponent .text .content-1 h1:after {
    display: none;
  }
}
.newHeroComponent .text .content h1.no-border, .newHeroComponent .text .content-1 h1.no-border {
  font-size: 3rem;
  line-height: 3.5625rem;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
}
.newHeroComponent .text .content h1.no-border:after, .newHeroComponent .text .content-1 h1.no-border:after {
  display: none;
}
.newHeroComponent .text .content .description, .newHeroComponent .text .content-1 .description {
  display: flex;
  margin-bottom: 4.125rem;
}
@media only screen and (min-width: 1024px) {
  .newHeroComponent .text .content .description, .newHeroComponent .text .content-1 .description {
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text .content .description, .newHeroComponent .text .content-1 .description {
    margin-bottom: 3.75rem;
    flex-direction: column;
  }
  .newHeroComponent .text .content .description .btn-2-wrapper, .newHeroComponent .text .content-1 .description .btn-2-wrapper {
    display: inline-block;
    margin-top: 1.25rem;
  }
}
.newHeroComponent .text .content .description p, .newHeroComponent .text .content-1 .description p {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6875rem;
  padding-right: 40px;
  max-width: 25.3125rem;
}
@media only screen and (max-width: 1480px) {
  .newHeroComponent .text .content .description p, .newHeroComponent .text .content-1 .description p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.newHeroComponent .text .content .trophy img, .newHeroComponent .text .content-1 .trophy img {
  display: inline-block;
}
.newHeroComponent .text .content .trophy .trophyDesktop, .newHeroComponent .text .content-1 .trophy .trophyDesktop {
  display: block;
}
.newHeroComponent .text .content .trophy .trophyMobile, .newHeroComponent .text .content-1 .trophy .trophyMobile {
  display: none;
}
@media only screen and (max-width: 1480px) {
  .newHeroComponent .text .content .trophy img, .newHeroComponent .text .content-1 .trophy img {
    max-width: 100%;
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text .content .trophy, .newHeroComponent .text .content-1 .trophy {
    text-align: center;
  }
  .newHeroComponent .text .content .trophy .trophyDesktop, .newHeroComponent .text .content-1 .trophy .trophyDesktop {
    display: none;
  }
  .newHeroComponent .text .content .trophy .trophyMobile, .newHeroComponent .text .content-1 .trophy .trophyMobile {
    display: inline-block;
  }
  .newHeroComponent .text .content .trophy img, .newHeroComponent .text .content-1 .trophy img {
    max-width: 100%;
    display: inline-block;
  }
}
.newHeroComponent .text-1 {
  min-width: 50%;
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text-1 {
    min-width: 100%;
    width: 100%;
  }
}
.newHeroComponent .text-1 .content {
  padding: 6rem 7.75rem 9.0625rem 1.5rem;
  width: 32.1875rem;
  max-width: 100%;
  margin-left: auto;
  box-sizing: content-box;
}
@media only screen and (max-width: 1480px) {
  .newHeroComponent .text-1 .content {
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text-1 .content {
    padding-top: 0rem;
    padding-bottom: 3.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.newHeroComponent .text-1 h2 {
  font-weight: 400;
  font-size: 2.375rem;
  line-height: 3.625rem;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text-1 h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 2rem;
    margin-top: 4rem;
  }
}
.newHeroComponent .text-1 p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text-1 p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 4.6875rem;
  }
}
.newHeroComponent .text-1 .buttons {
  display: flex;
  margin-bottom: 8.75rem;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text-1 .buttons {
    flex-direction: column;
    width: 100%;
    margin-bottom: 3rem;
  }
  .newHeroComponent .text-1 .buttons button {
    width: 100%;
  }
}
.newHeroComponent .text-1 .buttons .btn-2-wrapper {
  margin-right: 1.875rem;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .text-1 .buttons .btn-2-wrapper {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
}
.newHeroComponent .text-1 h4 {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  margin-bottom: 2.8125rem;
}
.newHeroComponent .text-1 img {
  margin-bottom: 2.5rem;
}
.newHeroComponent .img {
  min-width: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: bottom center;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .img {
    height: 21.875rem;
    width: 100%;
  }
}
.newHeroComponent .img .contact {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 170px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .newHeroComponent .img .contact {
    display: none;
  }
}
.newHeroComponent .img .contact .label {
  color: #E5E2C3;
  font-size: 1rem;
  margin-bottom: 12px;
  font-weight: 400;
}
.newHeroComponent .img .contact .label b, .newHeroComponent .img .contact .label strong {
  font-weight: 700;
}
.newHeroComponent .img .contact .phone {
  color: #F2F2F2;
  font-size: 1.25rem;
  font-weight: 400;
}
.newHeroComponent .img .contact .phone img {
  vertical-align: middle;
  margin-right: 13px;
}

.heroComponent {
  background: #0F0F0F;
  display: flex;
  color: #957d44;
  align-items: center;
  border-bottom: 4px solid #957d44;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .heroComponent {
    flex-direction: column;
    padding-top: 10px;
    align-items: flex-start;
  }
}
.heroComponent .breadcrumbs {
  margin-bottom: 1.25rem;
}
.heroComponent-1 {
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .heroComponent-1 .buttons .btn-2-wrapper a {
    width: 100%;
    text-align: center;
  }
}
.heroComponent-2 {
  justify-content: space-between;
}
.heroComponent .text {
  padding: 0 8.75rem;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text {
    padding: 0 1rem;
  }
}
.heroComponent .text h1 {
  font-size: 4.625rem;
  line-height: 5.5rem;
  position: relative;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text h1 {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 0.375rem;
  }
}
.heroComponent .text h1:after {
  position: absolute;
  top: 16px;
  left: -36px;
  background: #957d44;
  width: 4px;
  height: calc(100% - 32px);
  content: " ";
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text h1:after {
    display: none;
  }
}
.heroComponent .text h1.no-border {
  font-size: 3rem;
  line-height: 3.5625rem;
}
.heroComponent .text h1.no-border:after {
  display: none;
}
.heroComponent .text .description {
  display: flex;
  margin-bottom: 4.125rem;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text .description {
    margin-bottom: 3.75rem;
    flex-direction: column;
  }
  .heroComponent .text .description .btn-2-wrapper {
    display: inline-block;
    margin-top: 1.25rem;
  }
}
.heroComponent .text .description p {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6875rem;
  padding-right: 40px;
  max-width: 25.3125rem;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text .description p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text .trophy {
    margin-bottom: 3.75rem;
    text-align: center;
  }
  .heroComponent .text .trophy img {
    max-width: 100%;
    display: inline-block;
  }
}
.heroComponent .text-1 {
  width: 797px;
  max-width: 100%;
  margin-left: auto;
  padding-right: 140px;
  padding-left: 40px;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-1 {
    width: 100%;
    margin-left: 0;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.heroComponent .text-1 h2 {
  font-weight: 400;
  font-size: 2.375rem;
  line-height: 3.625rem;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-1 h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 2rem;
    margin-top: 4rem;
  }
}
.heroComponent .text-1 p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-1 p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 4.6875rem;
  }
}
.heroComponent .text-1 .buttons {
  display: flex;
  margin-bottom: 8.75rem;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-1 .buttons {
    flex-direction: column;
    width: 100%;
    margin-bottom: 3rem;
  }
  .heroComponent .text-1 .buttons button {
    width: 100%;
  }
}
.heroComponent .text-1 .buttons .btn-2-wrapper {
  margin-right: 1.875rem;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-1 .buttons .btn-2-wrapper {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
}
.heroComponent .text-1 h4 {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  margin-bottom: 2.8125rem;
}
.heroComponent .text-1 img {
  margin-bottom: 2.5rem;
}
.heroComponent .text-2 {
  color: #282829;
  width: 797px;
  max-width: 100%;
  margin-left: auto;
  padding-right: 140px;
  padding-left: 40px;
}
.heroComponent .text-2 .banner {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-2 .banner {
    width: 100%;
  }
}
.heroComponent .text-2 h2 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
  margin-bottom: 55px;
}
.heroComponent .text-2 ul {
  margin-bottom: 40px;
}
.heroComponent .text-2 ul li {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  padding-bottom: 12px;
}
.heroComponent .text-2 button, .heroComponent .text-2 a {
  color: #282829;
  padding-left: 2.5rem;
  padding-right: 4.75rem;
  border: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  text-align: left;
  background: #F2F2F2 url("/wp-content/themes/edukreska_theme/assets/images/arrow_right.svg") no-repeat 140px center;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .text-2 button, .heroComponent .text-2 a {
    width: 100%;
    text-align: center;
    background: #F2F2F2 url("/wp-content/themes/edukreska_theme/assets/images/arrow_right.svg") no-repeat 65% center;
  }
}
.heroComponent .img {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .img {
    width: 100%;
  }
}
.heroComponent .img img {
  max-width: 100%;
}
.heroComponent .img img.main {
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .img img.main {
    width: 100%;
  }
}
.heroComponent .img .contact {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 170px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .img .contact {
    display: none;
  }
}
.heroComponent .img .contact .label {
  color: #E5E2C3;
  font-size: 1rem;
  margin-bottom: 12px;
  font-weight: 400;
}
.heroComponent .img .contact .label b, .heroComponent .img .contact .label strong {
  font-weight: 700;
}
.heroComponent .img .contact .phone {
  color: #F2F2F2;
  font-size: 1.25rem;
  font-weight: 400;
}
.heroComponent .img .contact .phone img {
  vertical-align: middle;
  margin-right: 13px;
}
@media only screen and (max-width: 1024px) {
  .heroComponent .img-1 {
    display: none;
  }
}

.heroComponent-2 {
  position: relative;
  background: #E6E7E8 url(/wp-content/themes/edukreska_theme/assets/images/meet_us.svg) no-repeat;
  background-size: cover;
  background-position: top center;
}
@media only screen and (max-width: 1024px) {
  .heroComponent-2 {
    padding: 0;
    margin: 0;
    background: #E6E7E8 url(/wp-content/themes/edukreska_theme/assets/images/meet_us_mobile.svg) no-repeat center bottom;
    padding-bottom: 31.25rem;
    background-size: 100% auto;
  }
}
.heroComponent-2 ul {
  list-style: none;
}
.heroComponent-2 ul li {
  position: relative;
  padding-left: 52px;
}
.heroComponent-2 ul li:before {
  position: absolute;
  content: " ";
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/meet_us_check.svg");
}
.heroComponent-2 .container {
  position: relative;
}
.heroComponent-2 .banner-1 {
  margin-top: 3rem;
}
.heroComponent-2 .text-2 {
  padding: 4rem 0 7.75rem 0;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .heroComponent-2 .text-2 {
    padding: 0;
  }
  .heroComponent-2 .text-2 h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-top: 44px;
    margin-bottom: 32px;
  }
  .heroComponent-2 .text-2 li {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .heroComponent-2 .text-2 button {
    width: 100%;
    text-align: center;
  }
}
.heroComponent-2 .img {
  width: 100%;
}

.heroAloneComponent {
  width: 100%;
  background: #0F0F0F;
  text-align: center;
}
.heroAloneComponent img {
  max-width: 100%;
}

/*
 *	WebFont Package Licensed to Edukreska
 */
/* Halisa Extended Light */
@font-face {
  font-family: Halisa Extended;
  src: url("assets/fonts/eot/Halisa Extended Light.eot"); /* IE9 Compat Modes */
  src: url("assets/fonts/eot/Halisa Extended Light.eot?#iefix") format("embedded-opentype"), url("assets/fonts/woff2/Halisa Extended Light.woff2") format("woff2"), url("assets/fonts/woff/Halisa Extended Light.woff") format("woff"), url("assets/fonts/otf/Halisa-ExtendedLight.otf") format("opentype"); /* Pretty Modern Browsers */
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* Halisa Normal Regular */
@font-face {
  font-family: Halisa Normal;
  src: url("assets/fonts/eot/Halisa Normal Regular.eot"); /* IE9 Compat Modes */
  src: url("assets/fonts/eot/Halisa Normal Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/woff2/Halisa Normal Regular.woff2") format("woff2"), url("assets/fonts/woff/Halisa Normal Regular.woff") format("woff"), url("assets/fonts/otf/Halisa-Regular.otf") format("opentype"); /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Halisa Normal;
  src: url("assets/fonts/otf/Halisa-Light.otf") format("opentype"); /* Pretty Modern Browsers */
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Halisa Normal Bold */
@font-face {
  font-family: Halisa Normal;
  src: url("assets/fonts/eot/Halisa Normal Bold.eot"); /* IE9 Compat Modes */
  src: url("assets/fonts/eot/Halisa Normal Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/woff2/Halisa Normal Bold.woff2") format("woff2"), url("assets/fonts/woff/Halisa Normal Bold.woff") format("woff"), url("assets/fonts/otf/Halisa-Bold.otf") format("opentype"); /* Pretty Modern Browsers */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html, body, a, * {
  font-family: "Halisa Normal";
  box-sizing: border-box;
}

.container, .bx-controls {
  max-width: 100%;
  width: 1280px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media only screen and (max-width: 1360px) {
  .container, .bx-controls {
    padding: 0 1.25rem;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .container, .bx-controls {
    width: 100%;
    padding: 0 1rem;
  }
}

.container-max {
  max-width: 100%;
  width: 1920px;
  padding: 0 2.5rem;
  box-sizing: border-box;
  margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Halisa Extended";
  font-weight: 200;
}

.acf-map {
  width: 100%;
}

.fullSizeImage img {
  vertical-align: middle;
  max-width: 100%;
}

.headerArea {
  display: none;
  background: #0F0F0F;
}
@media only screen and (max-width: 1024px) {
  .headerArea {
    display: none !important;
  }
}

.headerComponent {
  background: #0F0F0F;
  border-bottom: 4px solid #957d44;
  color: #957d44;
  padding: 0.875rem 0 0.625rem;
}
@media only screen and (max-width: 1024px) {
  .headerComponent {
    display: none;
  }
}
.headerComponent.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.headerComponent .container-max {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerComponent .logo {
  padding-bottom: 0.625rem;
}
.headerComponent .menu {
  padding-bottom: 0.625rem;
}
.headerComponent .menu ul {
  display: flex;
  list-style: none;
}
.headerComponent .menu ul li.active a, .headerComponent .menu ul li:hover a {
  color: #F2F2F2;
  text-decoration: underline;
}
.headerComponent .menu ul li.sub, .headerComponent .menu ul .menu-item-has-children {
  position: relative;
  background: url("/wp-content/themes/edukreska_theme/assets/images/submenu_gold.svg") no-repeat center right;
}
.headerComponent .menu ul li.sub .submenuWrapper, .headerComponent .menu ul .menu-item-has-children .submenuWrapper {
  padding: 10px 0 0;
  position: absolute;
  display: none;
  z-index: 9;
}
.headerComponent .menu ul li.sub .submenu, .headerComponent .menu ul li.sub .sub-menu, .headerComponent .menu ul .menu-item-has-children .submenu, .headerComponent .menu ul .menu-item-has-children .sub-menu {
  border: 1px solid #C7C6BD;
  background: #1C1C1C;
  padding: 0.625rem 0.3125rem 0.625rem;
  width: 18.75rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  max-height: 100vw;
  overflow: auto;
}
.headerComponent .menu ul li.sub .submenu a, .headerComponent .menu ul li.sub .sub-menu a, .headerComponent .menu ul .menu-item-has-children .submenu a, .headerComponent .menu ul .menu-item-has-children .sub-menu a {
  color: #957d44;
  text-decoration: none;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  padding: 0.625rem 1.875rem;
  width: 100%;
  display: block;
}
.headerComponent .menu ul li.sub .submenu a:hover, .headerComponent .menu ul li.sub .sub-menu a:hover, .headerComponent .menu ul .menu-item-has-children .submenu a:hover, .headerComponent .menu ul .menu-item-has-children .sub-menu a:hover {
  background: #282829;
}
.headerComponent .menu ul li.sub:hover, .headerComponent .menu ul .menu-item-has-children:hover {
  background: url("/wp-content/themes/edukreska_theme/assets/images/submenu.svg") no-repeat center right;
}
.headerComponent .menu ul li.sub:hover .submenuWrapper, .headerComponent .menu ul .menu-item-has-children:hover .submenuWrapper {
  display: block;
}
.headerComponent .menu ul li, .headerComponent .menu ul a {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.headerComponent .menu ul a {
  padding: 0 30px;
  color: #957d44;
  text-decoration: none;
  white-space: nowrap;
}
.headerComponent .menu ul .sep {
  margin: 0 30px;
  width: 2px;
  height: 100%;
  background: #957d44;
  display: inline-block;
}
.headerComponent .search {
  text-align: right;
}
.headerComponent .search a {
  padding: 0.875rem 2.5rem;
  background: #F2F2F2;
  line-height: 1;
  font-size: 0.75rem;
  text-align: center;
  color: #282829;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.5s ease;
  cursor: pointer;
}
.headerComponent .search a:hover {
  background: #957d44;
  color: #fff;
}
.headerComponent .search input {
  width: 240px;
  height: 48px;
  background: #F2F2F2;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 0.875rem;
  text-align: center;
  color: #282829;
  font-weight: 700;
  border: 0;
}
@media only screen and (max-width: 1100px) {
  .headerComponent .search input {
    display: none;
  }
}

.headerComponentMobile {
  background: #0F0F0F;
  color: #957d44;
  padding: 1.5rem 0;
  margin-bottom: -1px;
}
@media only screen and (min-width: 1024px) {
  .headerComponentMobile {
    display: none;
  }
}
.headerComponentMobile .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerComponentMobile .menu {
  position: fixed;
  right: 15px;
  z-index: 99;
}

.mobileMenu {
  width: 100%;
  position: fixed;
  background: #957d44;
  z-index: 99999;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1rem;
  display: none;
  overflow: auto;
  top: 0;
}
.mobileMenu .logoContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobileMenu .menu ul {
  list-style: none;
  padding: 0;
  margin: 3.125rem 0 0 0;
}
.mobileMenu .menu ul li {
  margin-bottom: 0.5rem;
}
.mobileMenu .menu ul li:last-child {
  margin-bottom: 0;
}
.mobileMenu .menu ul li.sub > a, .mobileMenu .menu ul li.menu-item-has-children > a {
  padding-right: 1rem;
  background: url("/wp-content/themes/edukreska_theme/assets/images/submenu_black_close.svg") no-repeat center right;
}
.mobileMenu .menu ul li.sub.open > a, .mobileMenu .menu ul li.menu-item-has-children.open > a {
  background: url("/wp-content/themes/edukreska_theme/assets/images/submenu_black_open.svg") no-repeat center right;
}
.mobileMenu .menu ul a {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: "Halisa Extended";
  line-height: 2.625rem;
  font-weight: 400;
  text-decoration: none;
  color: #0F0F0F;
}
.mobileMenu .menu ul .submenu, .mobileMenu .menu ul .sub-menu {
  display: none;
  padding: 0;
}
.mobileMenu .menu ul .submenu a, .mobileMenu .menu ul .sub-menu a {
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  display: block;
  font-family: "Halisa Normal";
}
.mobileMenu .menu ul .submenu a:hover, .mobileMenu .menu ul .sub-menu a:hover {
  border-radius: 12px;
  background: #9E916B;
  font-weight: 700;
}
.mobileMenu .search {
  padding: 1rem 0 0;
}
.mobileMenu .search a {
  padding: 0.875rem 2.5rem;
  max-width: 240px;
  background: #F2F2F2;
  line-height: 1;
  font-size: 0.75rem;
  text-align: center;
  color: #282829;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.5s ease;
  cursor: pointer;
  display: block;
}
.mobileMenu .search a:hover {
  background: #957d44;
  color: #fff;
}
.mobileMenu .search input {
  width: 239px;
  height: 48px;
  background: #F2F2F2;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1rem;
  border: 0;
  font-weight: 700;
}
.mobileMenu .social {
  margin-bottom: 4.375rem;
  margin-top: 1.875rem;
}
.mobileMenu .social a {
  margin: 0 0.625rem 0 0;
}
.mobileMenu .contact {
  width: 100%;
  display: block;
  font-size: 1rem;
}
.mobileMenu .contact .label {
  font-weight: 400;
  line-height: 1.5rem;
}
.mobileMenu .contact .phone {
  font-weight: 700;
  line-height: 1.5rem;
}

.greyTheme .headerArea {
  background: #E6E7E8;
}
.greyTheme .headerComponentMobile {
  background: #E6E7E8;
}
.greyTheme .headerComponent {
  background: #E6E7E8;
}
.greyTheme .headerComponent .search input {
  background: #957d44;
  color: #fff;
}
.greyTheme .headerComponent .search input::placeholder {
  color: #fff;
}
.greyTheme .headerComponent .menu ul li a::before {
  content: attr(title);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.greyTheme .headerComponent .menu ul li a:hover {
  color: #957d44;
  font-weight: 700;
}
.greyTheme .headerComponent .menu ul li.active a, .greyTheme .headerComponent .menu ul li:hover a {
  color: #957d44;
}
.greyTheme .headerComponent .menu ul li.sub:hover {
  background: url("/wp-content/themes/edukreska_theme/assets/images/submenu_gold.svg") no-repeat center right;
}
.greyTheme .headerComponent .menu ul li.sub .submenu {
  background: #957d44;
}
.greyTheme .headerComponent .menu ul li.sub .submenu a {
  color: #fff;
}

.toggleMenu {
  cursor: pointer;
}

.headerCitiesComponent {
  background: #0F0F0F;
  padding: 1.25rem 0 1rem;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .headerCitiesComponent {
    display: none;
  }
}
.headerCitiesComponent .container-max {
  display: flex;
  justify-content: space-between;
}
.headerCitiesComponent ul {
  display: flex;
}
.headerCitiesComponent li {
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  list-style: none;
  white-space: nowrap;
}
.headerCitiesComponent li:first-child {
  margin-right: 0.125rem;
}
.headerCitiesComponent li a {
  font-weight: 300;
  padding: 0 0.625rem;
  color: #957d44;
  text-decoration: none;
}
@media only screen and (max-width: 1500px) {
  .headerCitiesComponent li {
    font-size: 0.875rem;
  }
  .headerCitiesComponent li a {
    padding: 0 0.3125rem;
  }
}
.headerCitiesComponent .contact {
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  color: #957d44;
  white-space: nowrap;
}
.headerCitiesComponent .contact b {
  font-weight: 700;
}
@media only screen and (max-width: 1500px) {
  .headerCitiesComponent .contact {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .headerCitiesComponent .contact {
    display: none;
  }
}

.greyTheme .headerCitiesComponent {
  background: #E6E7E8;
}

.footerHeroComponent {
  background: #0F0F0F;
  padding: 10rem 0 11.25rem;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .footerHeroComponent {
    padding: 6.25rem 0 8.75rem 0;
  }
}
.footerHeroComponent .container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.footerHeroComponent .label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .footerHeroComponent .label {
    margin-bottom: 2rem;
  }
}
.footerHeroComponent .header {
  font-size: 3.75rem;
  line-height: 4.5rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .footerHeroComponent .header {
    font-size: 1.75rem;
    line-height: 2.625rem;
    margin-bottom: 2rem;
  }
}
.footerHeroComponent .button {
  margin-top: 5rem;
}
.footerHeroComponent img {
  max-width: 100%;
}

.greyTheme .footerHeroComponent {
  background: #E6E7E8;
}

.footerSitemapComponent {
  background: #0F0F0F;
  padding: 5rem 0 12.5rem;
  color: #957d44;
}
.footerSitemapComponent a {
  color: #957d44;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .footerSitemapComponent {
    padding: 3.4375rem 0 2.1875rem;
  }
}
.footerSitemapComponent .container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .footerSitemapComponent .container {
    flex-direction: column;
    text-align: center;
  }
  .footerSitemapComponent .container .column {
    margin-bottom: 3.4375rem;
  }
  .footerSitemapComponent .container .column.mobile {
    margin-bottom: 0;
  }
}
.footerSitemapComponent .container .header {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
}
.footerSitemapComponent .container .items {
  display: inline-flex;
  margin-top: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .footerSitemapComponent .container .items {
    margin-top: 1.5rem;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .footerSitemapComponent .container .items-courses {
    max-width: 100%;
    flex-direction: column;
  }
}
.footerSitemapComponent .container .items-courses ul {
  width: 100%;
  display: flex;
}
.footerSitemapComponent .container .items-courses li {
  flex: 1 1 50%;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1024px) {
  .footerSitemapComponent .container .items-cities {
    text-align: left;
  }
}
.footerSitemapComponent .container .items-cities li {
  flex: 1 1 33%;
  margin-bottom: 0.5rem;
  list-style: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.footerSitemapComponent .container .items .item {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.footerSitemapComponent .container .items li {
  list-style: none;
}
.footerSitemapComponent .container .items .item-2 {
  flex: 1 1 50%;
  margin-bottom: 0.5rem;
}
.footerSitemapComponent .container .items .item-3 {
  flex: 1 1 33%;
  margin-bottom: 0.5rem;
}
.footerSitemapComponent .container .items .item, .footerSitemapComponent .container .items .item-2, .footerSitemapComponent .container .items .item-3, .footerSitemapComponent .container .items a {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.footerSitemapComponent .social a {
  margin: 0 0.3125rem;
}

.greyTheme .footerSitemapComponent {
  background-color: #E6E7E8;
}

.footerMenuBarComponent {
  border-top: 3px solid #957d44;
  border-bottom: 3px solid #957d44;
  padding: 0.8125rem 0;
  background: #0F0F0F url("/wp-content/themes/edukreska_theme/assets/images/footer_bg.svg") no-repeat center right;
  color: #957d44;
  white-space: nowrap;
}
.footerMenuBarComponent a {
  color: #957d44;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .footerMenuBarComponent {
    display: none;
  }
}
.footerMenuBarComponent .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footerMenuBarComponent .menu {
  width: 100%;
}
.footerMenuBarComponent .menu ul {
  text-align: center;
  padding: 0;
  margin: 0;
}
.footerMenuBarComponent .menu ul li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footerMenuBarComponent .menu a {
  font-size: 1.125rem;
  font-weight: 300;
  padding: 0 2.5rem;
}
@media only screen and (max-width: 1325px) {
  .footerMenuBarComponent .menu a {
    padding: 0 1.25rem;
  }
}
@media only screen and (max-width: 1100px) {
  .footerMenuBarComponent .menu a {
    padding: 0 0.9375rem;
  }
}
.footerMenuBarComponent .social {
  padding-right: 4.375rem;
}
.footerMenuBarComponent .social a {
  padding-left: 0.625rem;
}

.greyTheme .footerMenuBarComponent {
  background-color: #E6E7E8;
}

.footerPolicyComponent {
  padding: 1.25rem 0;
  color: #957d44;
  font-size: 0.875rem;
  font-weight: 400;
  background: #0F0F0F;
  line-height: 1.125rem;
}
.footerPolicyComponent .container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .footerPolicyComponent .container {
    flex-direction: column;
    text-align: center;
  }
  .footerPolicyComponent .container .design {
    margin-top: 1.25rem;
  }
  .footerPolicyComponent .container .design a {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 1rem;
  }
}
.footerPolicyComponent .container a {
  color: #957d44;
}
.footerPolicyComponent img {
  vertical-align: middle;
}
.footerPolicyComponent sup {
  vertical-align: super;
  font-size: smaller;
}

.greyTheme .footerPolicyComponent {
  background-color: #E6E7E8;
}

.modal-cacsp-box-settings, .modal-cacsp-btn-settings {
  display: none !important;
}

.modal-cacsp-open .modal-cacsp-position {
  display: block;
}

.modal-cacsp-position {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  width: 100%;
}

.modal-cacsp-position {
  background-color: #957d44;
  padding: 1rem 0;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .modal-cacsp-position {
    background-color: #0F0F0F;
    padding: 1rem 1rem 1.375rem;
  }
}
.modal-cacsp-position .modal-cacsp-box {
  max-width: 100%;
  width: 1280px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1360px) {
  .modal-cacsp-position .modal-cacsp-box {
    padding: 0 1.25rem;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-cacsp-position .modal-cacsp-box {
    width: 100%;
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-cacsp-position .modal-cacsp-box {
    flex-direction: column;
    background-color: #957d44;
    border-radius: 8px;
    padding: 1rem 1.875rem;
    text-align: center;
  }
}
.modal-cacsp-position .modal-cacsp-box-header {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 400;
  color: #1E1E1E;
}
@media only screen and (max-width: 1024px) {
  .modal-cacsp-position .modal-cacsp-box-header {
    margin-bottom: 0.1875rem;
  }
}
.modal-cacsp-position .modal-cacsp-box-content {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #1E1E1E;
}
.modal-cacsp-position .modal-cacsp-box-content a {
  text-decoration: underline;
  color: #1E1E1E;
}
@media only screen and (max-width: 1024px) {
  .modal-cacsp-position .modal-cacsp-box-content {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 0.75rem;
  }
}
.modal-cacsp-position .modal-cacsp-btns {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 1360px) {
  .modal-cacsp-position .modal-cacsp-btns {
    right: 1.2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-cacsp-position .modal-cacsp-btns {
    position: relative;
    right: 0;
  }
}
.modal-cacsp-position .modal-cacsp-btn {
  border: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  background: #F2F2F2;
  color: #282829;
  display: inline-block;
}

.pageNotificationComponent {
  background: #3fa435;
  font-size: 1rem;
  text-align: center;
  color: #282829;
  line-height: 1.5rem;
  font-weight: normal;
  font-family: "Halisa Extended";
  font-weight: 200;
  padding: 1.125rem;
}
.pageNotificationComponent.confirmation {
  background: #957d44;
}
.pageNotificationComponent.error {
  background: #D95656;
  color: #FFF;
}
@media only screen and (max-width: 1024px) {
  .pageNotificationComponent {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    padding: 0.5rem;
  }
}
.pageNotificationComponent .wpfront-div {
  padding: 0 !important;
}
.pageNotificationComponent a {
  color: #E6E2C3;
  display: inline-block;
  margin-left: 3px;
}
.pageNotificationComponent a:hover {
  color: #E5E2C3;
}

.knowlageBaseComponent {
  background: #0F0F0F;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent {
    margin-bottom: -1px;
  }
}
.knowlageBaseComponent .container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 2.1875rem 0 2.1875rem;
}
.knowlageBaseComponent .container h2 {
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .container h2 {
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.knowlageBaseComponent .container p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.knowlageBaseComponent .container p a {
  color: #E6E2C3;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center right;
  padding-right: 28px;
}
.knowlageBaseComponent .carousel .slick-list {
  overflow: hidden;
}
.knowlageBaseComponent .carousel .item {
  position: relative;
  margin: 0 3px;
  float: left;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item {
    padding: 0 0 0 1rem;
    width: 250px !important;
    max-width: 100%;
  }
  .knowlageBaseComponent .carousel .item img {
    max-width: 100%;
    height: auto;
  }
}
.knowlageBaseComponent .carousel .item a {
  text-decoration: none;
}
.knowlageBaseComponent .carousel .item .content {
  position: absolute;
  padding: 0 109px;
  max-width: 410px;
  bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  box-sizing: content-box;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item .content {
    position: relative;
    padding-top: 1.25rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.knowlageBaseComponent .carousel .item .content .tags {
  display: flex;
  max-width: 410px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item .content .tags {
    max-width: 100%;
  }
}
.knowlageBaseComponent .carousel .item .content .tags .tag, .knowlageBaseComponent .carousel .item .content .tags a {
  padding: 0.125rem 0.9375rem;
  border: 1px solid #957d44;
  border-radius: 20px;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  margin-right: 0.9375rem;
  white-space: nowrap;
  text-decoration: none;
  color: #957d44;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item .content .tags .tag, .knowlageBaseComponent .carousel .item .content .tags a {
    white-space: normal;
  }
}
.knowlageBaseComponent .carousel .item .content h2 {
  color: #E6E2C3;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5rem;
  margin-top: 1.5625rem;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item .content h2 {
    margin-top: 0.875rem;
    font-size: 1.375rem;
    color: #fff;
  }
}
.knowlageBaseComponent .carousel .item .content p {
  margin-top: 2.5rem;
  color: #E6E2C3;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item .content p {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    color: #fff;
  }
}
.knowlageBaseComponent .carousel .item .content .read_more {
  margin-top: 2.5rem;
  color: #F2F2F2;
  text-decoration: underline;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
@media only screen and (max-width: 1024px) {
  .knowlageBaseComponent .carousel .item .content .read_more {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    color: #fff;
  }
}

.knowlageBasePage {
  padding: 6.6875rem 0 0;
  background: #0F0F0F;
  color: #957d44;
}
.knowlageBasePage .articleList {
  padding: 6.25rem 0 1.875rem;
}
@media only screen and (max-width: 1024px) {
  .knowlageBasePage .articleList {
    padding: 3.125rem 0 1.875rem;
  }
}
.knowlageBasePage .articleList .container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2rem;
}
@media only screen and (max-width: 920px) {
  .knowlageBasePage .articleList .container {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  .knowlageBasePage .articleList .container {
    display: block;
  }
}
.knowlageBasePage .articleList .articleBox {
  margin-bottom: 2rem;
  max-width: 23.625rem;
}
@media only screen and (max-width: 1024px) {
  .knowlageBasePage .innerNavigation {
    display: none;
  }
}

.heroArticleComponent {
  width: 100%;
  background: #0F0F0F;
  color: #957d44;
  padding: 40px 0;
  background-position: top right;
  background-repeat: no-repeat;
  height: 750px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .heroArticleComponent {
    padding: 120px 0;
    height: auto;
    background-size: cover;
  }
}
.heroArticleComponent h1 {
  max-width: 730px;
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
  text-transform: uppercase;
}
.heroArticleComponent time {
  margin-top: 2.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.heroArticleComponent .back {
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  display: block;
  padding-left: 50px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_back.svg") no-repeat center left;
  color: #957d44;
  text-decoration: none;
}

.articlePage {
  background: #0F0F0F;
  color: #957d44;
  padding: 5rem 0;
}
.articlePage .container {
  display: flex;
}
.articlePage .sideBar {
  width: 405px;
  min-width: 405px;
}
@media only screen and (max-width: 1024px) {
  .articlePage .sideBar {
    display: none;
  }
}
.articlePage .sideBar .label {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 2.5rem;
}
.articlePage .sideBar .articleBox {
  margin-bottom: 2rem;
}
.articlePage .articleComponent {
  padding-left: 110px;
}
@media only screen and (max-width: 1024px) {
  .articlePage .articleComponent {
    padding-left: 0;
  }
}
.articlePage .articleComponent h2 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 4rem;
}
.articlePage .articleComponent p {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-bottom: 2rem;
}
.articlePage .articleComponent p b, .articlePage .articleComponent p strong {
  font-weight: 400;
  font-size: 20;
  line-height: 1.875rem;
}
.articlePage .articleComponent a {
  color: #E5E2C3;
}
.articlePage .articleComponent img {
  max-width: 100%;
  margin-bottom: 2rem;
}
.articlePage .articleComponent hr {
  width: 100%;
  background: #957d44;
  height: 1px;
  margin-bottom: 2rem;
}
.articlePage .articleComponent h3 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 3rem;
}
.articlePage .articleComponent h4 {
  margin-bottom: 1.5rem;
}
.articlePage .articleComponent ul {
  padding: 0;
  margin-bottom: 2rem;
  margin-left: 1.25rem;
}
.articlePage .articleComponent ul li {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.authorPage .articleList .articleBox {
  max-width: none;
}

.authorHeader {
  margin-top: 2rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .authorHeader {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.authorHeader .photo img {
  border-radius: 50%;
}
.authorHeader .photo-bg {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.authorHeader .descriptionWrapper {
  width: calc(100% - 150px);
  padding-left: 2rem;
}
@media only screen and (max-width: 1024px) {
  .authorHeader .descriptionWrapper {
    padding-left: 0;
    width: 100%;
  }
}
.authorHeader .descriptionWrapper .label {
  text-transform: uppercase;
  font-size: 0.8rem;
}
@media only screen and (max-width: 1024px) {
  .authorHeader .descriptionWrapper .label {
    display: none;
  }
}
.authorHeader .descriptionWrapper h2 {
  font-size: 2rem;
}
.authorHeader .descriptionWrapper .description {
  width: 100%;
  padding: 1rem 0 0;
  border-top: 1px solid #957d44;
  margin-top: 1rem;
}

.contactFormComponent {
  background: #0F0F0F;
  display: flex;
  color: #957d44;
  width: 100%;
}
.contactFormComponent .textContainer {
  width: 50vw;
  display: flex;
  flex-direction: column;
  padding: 13.0625rem 2.5rem 13.0625rem 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent .textContainer {
    width: 100%;
    max-width: 31.25rem;
    padding: 2.5rem 1.25rem;
  }
}
.contactFormComponent .text {
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent .text {
    margin-left: 0;
  }
}
.contactFormComponent .img {
  width: 50vw;
  text-align: right;
}
.contactFormComponent .img img {
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent .img {
    display: none;
  }
}
.contactFormComponent h1 {
  margin-top: 1.25rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent h1 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}
.contactFormComponent p {
  margin-top: 3rem;
  font-weight: 200;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-family: "Halisa Extended";
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent p {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    font-weight: 200;
    margin-top: 2rem;
  }
}
.contactFormComponent .form {
  margin-top: 5rem;
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent .form {
    margin-top: 2.5rem;
  }
}
.contactFormComponent .form .row {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1024px) {
  .contactFormComponent .form .row {
    display: block;
  }
}
.contactFormComponent .form .input-full {
  width: 100%;
}
.contactFormComponent .form .input-half {
  width: 50%;
}
.contactFormComponent .form .input {
  margin-bottom: 20px;
}
.contactFormComponent .form .input label {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-bottom: 0.5rem;
}
.contactFormComponent .form .input input {
  width: 100%;
  height: 54px;
  border: 1px solid #282829;
  border-radius: 4px;
  background: #0F0F0F;
  padding-left: 25px;
  padding-right: 25px;
  color: #957d44;
}
.contactFormComponent .form .input input:active, .contactFormComponent .form .input input:hover {
  background: #282829;
  border: 1px solid #56D9D1;
}
.contactFormComponent .form .checkbox input {
  margin-right: 0.625rem;
  margin-bottom: -2px;
}
.contactFormComponent .form .checkbox label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.contactFormComponent .form .checkbox label a {
  color: inherit;
}
.contactFormComponent .form .button-wrapper {
  width: 100%;
  text-align: right;
}
.contactFormComponent .form .button {
  display: inline-block;
  margin-top: 1.5rem;
}
.contactFormComponent .formSelect.nice-select {
  height: 54px;
  border: 1px solid #282829;
  border-radius: 4px;
  background: #0F0F0F;
  padding-left: 25px;
  padding-right: 25px;
  color: #957d44;
  margin-bottom: 20px;
}
.contactFormComponent .formSelect.nice-select.citiesSelect {
  min-width: 190px;
}
.contactFormComponent .formSelect.nice-select.courseSelect {
  min-width: 220px;
}
.contactFormComponent .formSelect.nice-select .list {
  border: 1px solid #282829;
  border-radius: 4px;
  background: #0F0F0F;
  padding-left: 0;
  padding-right: 0;
  color: #957d44;
}

.workshopFormComponent {
  background: #0F0F0F;
  display: flex;
  color: #957d44;
  width: 100%;
  justify-content: center;
}

.contactListComponent {
  background: #0F0F0F;
  display: flex;
  color: #957d44;
  border-top: 4px solid #957d44;
  border-bottom: 4px solid #957d44;
  padding: 8.5625rem 0 7.375rem;
}
@media only screen and (max-width: 1024px) {
  .contactListComponent {
    padding: 3.125rem 0 3.125rem;
  }
}
.contactListComponent .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .contactListComponent .row {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1024px) {
  .contactListComponent .row .column {
    margin-bottom: 1.5625rem;
  }
}
.contactListComponent .row h3 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 1.5rem;
}
.contactListComponent .row .data {
  display: flex;
}
.contactListComponent .row .data .label {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  width: 160px;
  margin-right: 1.5rem;
}
.contactListComponent .row .data .value {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #E6E2C3;
}
.contactListComponent .row .social {
  width: 100%;
  text-align: center;
  margin-top: 8rem;
}
@media only screen and (max-width: 1024px) {
  .contactListComponent .row .social {
    margin-top: 1.5625rem;
  }
}
.contactListComponent .row .social a {
  margin: 0 3px;
}

.aboutSchoolTextComponent {
  background: #0F0F0F;
  color: #957d44;
  padding: 5rem 0 6.25rem;
}
@media only screen and (max-width: 1024px) {
  .aboutSchoolTextComponent {
    padding: 5rem 0 0;
  }
}
.aboutSchoolTextComponent .row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .aboutSchoolTextComponent .row {
    flex-direction: column;
  }
}
.aboutSchoolTextComponent .label {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  white-space: nowrap;
  padding-right: 2rem;
}
@media only screen and (max-width: 1024px) {
  .aboutSchoolTextComponent .label {
    margin-bottom: 2rem;
    font-weight: 700;
  }
}
.aboutSchoolTextComponent .text {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  padding-bottom: 2.125rem;
  margin-bottom: 4rem;
  width: 100%;
  max-width: 47.6875rem;
}
@media only screen and (max-width: 1024px) {
  .aboutSchoolTextComponent .text {
    max-width: 100%;
  }
}
.aboutSchoolTextComponent .text p {
  margin-bottom: 1.875rem;
}
.aboutSchoolTextComponent .text b, .aboutSchoolTextComponent .text strong {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.aboutSchoolTextComponent .text.seperator {
  border-bottom: 1px solid #957d44;
}
.aboutSchoolTextComponent .text.row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .aboutSchoolTextComponent .text.row {
    grid-template-columns: 1fr;
  }
  .aboutSchoolTextComponent .text.row .col {
    margin-bottom: 2rem;
  }
}

.staffComponent {
  padding: 5rem 0 7.5rem;
  background: #0F0F0F;
  color: #957d44;
}
.staffComponent h2 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1024px) {
  .staffComponent h2 {
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.staffComponent .staffList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2rem;
}
@media only screen and (max-width: 870px) {
  .staffComponent .staffList {
    grid-template-columns: 1fr;
  }
  .staffComponent .staffList .staff {
    width: 25.3125rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .staffComponent .staffList .staff {
    max-width: 25.3125rem;
    width: 100%;
  }
}
@media only screen and (min-width: 870px) and (max-width: 1330px) {
  .staffComponent .staffList {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
  }
  .staffComponent .staffList .staff {
    max-width: 25.3125rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.staffComponent .staffList .staff {
  margin-bottom: 2rem;
  background: #1C1C1C;
  border-radius: 8px;
  position: relative;
}
.staffComponent .staffList .staff .open {
  display: none;
}
.staffComponent .staffList .staff .default {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.staffComponent .staffList .staff .default-results {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
}
.staffComponent .staffList .staff img {
  max-width: 100%;
}
.staffComponent .staffList .staff.active {
  position: relative;
  overflow: hidden;
}
.staffComponent .staffList .staff.active .open {
  border: 4px solid #957d44;
  background: #0F0F0F;
  color: #E5E2C3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #0F0F0F;
  padding: 2rem 1.5rem 2.5rem;
  border-radius: 8px;
}
.staffComponent .staffList .staff.active h5 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 2rem;
}
.staffComponent .staffList .staff.active p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.staffComponent .staffList .staff.active .close {
  position: absolute;
  bottom: 2.25rem;
  left: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #957d44;
  cursor: pointer;
}
.staffComponent .staffList .staff .name {
  padding: 2rem 1.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.staffComponent .staffList .staff .name h4 {
  color: #E5E2C3;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 2.5rem;
}
.staffComponent .staffList .staff .name .readMore {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center right;
}
.staffComponent .staffList .staff .name a.goToPage {
  margin-top: 1rem;
  display: block;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  width: 100%;
  color: #957d44;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center right;
}

.isWorthComponent {
  background: #0F0F0F;
  color: #957d44;
  padding-bottom: 35px;
  border-bottom: 1px solid #957d44;
}
.isWorthComponent h2 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
}
@media only screen and (max-width: 1024px) {
  .isWorthComponent h2 {
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.isWorthComponent .list {
  margin-top: 4.0625rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2rem;
}
@media only screen and (max-width: 870px) {
  .isWorthComponent .list {
    grid-template-columns: 1fr;
  }
  .isWorthComponent .list .item {
    margin-left: auto;
    margin-right: auto;
  }
  .isWorthComponent .list .item .label {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 870px) and (max-width: 1330px) {
  .isWorthComponent .list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
  }
  .isWorthComponent .list .item {
    margin-left: auto;
    margin-right: auto;
  }
}
.isWorthComponent .list .item {
  margin-bottom: 5rem;
  padding-bottom: 3.75rem;
  border-bottom: 1px solid #1C1C1C;
}
.isWorthComponent .list .item .label {
  background: #1C1C1C;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #E5E2C3;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 2rem;
}
.isWorthComponent .list .item .text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-family: "Halisa Extended";
}
.isWorthComponent .list .item .text em, .isWorthComponent .list .item .text a {
  color: #E5E2C3;
  text-decoration: none;
  font-style: normal;
}

.beforeAfterComponent {
  background: #0F0F0F;
  color: #957d44;
  padding: 0;
  padding-top: 6.25rem;
}
.beforeAfterComponent h2 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .beforeAfterComponent h2 {
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.beforeAfterComponent .slider {
  width: 100%;
}
.beforeAfterComponent .bafg-twentytwenty-container {
  margin: 0 auto;
}
.beforeAfterComponent .twentytwenty-overlay {
  display: none !important;
}
.beforeAfterComponent .text, .beforeAfterComponent .bafg-slider-description {
  max-width: 700;
  margin: 5rem auto 0;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-align: center;
}
.beforeAfterComponent .author {
  margin-top: 2rem;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #E5E2C3;
}
.beforeAfterComponent .author span {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #957d44;
}
.beforeAfterComponent .twentytwenty-handle {
  width: 60px;
  height: 60px;
  background: #56D9D1 url(/wp-content/themes/edukreska_theme/assets/images/before_after_arrow.svg) no-repeat center center;
  border: 6px solid #282829 !important;
  margin-left: -35px !important;
  margin-top: -35px !important;
  box-shadow: none !important;
}
.beforeAfterComponent .twentytwenty-handle:before {
  margin-bottom: 37px !important;
}
.beforeAfterComponent .twentytwenty-handle:after {
  margin-top: 37px !important;
}
.beforeAfterComponent .twentytwenty-handle:after, .beforeAfterComponent .twentytwenty-handle:before {
  background: #282829 !important;
  box-shadow: none !important;
  width: 6px !important;
}
.beforeAfterComponent .twentytwenty-handle .twentytwenty-left-arrow, .beforeAfterComponent .twentytwenty-handle .twentytwenty-right-arrow {
  display: none;
}

.coursesComponent {
  padding: 6rem 0 5.625rem;
  background: #0F0F0F;
  color: #957d44;
  border-bottom: 4px solid #957d44;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent {
    padding: 3rem 0 4.375rem;
  }
}
.coursesComponent .header {
  margin-bottom: 8rem;
  max-width: 850px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .header {
    margin-bottom: 3.9375rem;
    max-width: 100%;
  }
}
.coursesComponent .header h2 {
  text-transform: uppercase;
  font-size: 3.75rem;
  margin-bottom: 2rem;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .header h2 {
    font-size: 1.75rem;
    line-height: 2.625rem;
    margin-bottom: 0.875rem;
  }
}
.coursesComponent .header p {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .header p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.coursesComponent .courses_container, .coursesComponent .coursesContainer {
  width: 100%;
  overflow: auto;
}
.coursesComponent .navigation {
  width: 100%;
  border-bottom: 2px solid #957d44;
}
.coursesComponent .navigation .bx-pager {
  display: flex;
  list-style: none;
  padding-bottom: 34px;
  overflow: auto;
  overflow-y: hidden;
  margin-bottom: -10px;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .navigation .bx-pager {
    padding-bottom: 22px;
  }
}
.coursesComponent .navigation .bx-pager .bx-pager-link {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 400;
  position: relative;
  padding: 0 1.5625rem 1.75rem;
  cursor: pointer;
  color: #957d44;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .navigation .bx-pager .bx-pager-link {
    font-size: 1rem;
    line-height: 1.875rem;
    padding: 0 0.5rem 1.125rem;
    white-space: nowrap;
  }
}
.coursesComponent .navigation .bx-pager .bx-pager-link:hover, .coursesComponent .navigation .bx-pager .bx-pager-link.active {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.coursesComponent .navigation .bx-pager .bx-pager-link:hover:after, .coursesComponent .navigation .bx-pager .bx-pager-link:hover:before, .coursesComponent .navigation .bx-pager .bx-pager-link.active:after, .coursesComponent .navigation .bx-pager .bx-pager-link.active:before {
  border: solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  top: 100%;
}
.coursesComponent .navigation .bx-pager .bx-pager-link:hover:after, .coursesComponent .navigation .bx-pager .bx-pager-link.active:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #0F0F0F;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
}
.coursesComponent .navigation .bx-pager .bx-pager-link:hover:before, .coursesComponent .navigation .bx-pager .bx-pager-link.active:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
}
.coursesComponent .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 6.875rem 0 6.875rem;
  animation: fadeInFromNone 2s ease-out;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .content {
    padding: 2.125rem 0 2.125rem;
    flex-direction: column;
  }
}
.coursesComponent .content .styled-label {
  display: inline-block;
  margin-bottom: 1.25rem;
}
.coursesComponent .content .left {
  max-width: 25.625rem;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .content .left {
    max-width: 100%;
  }
}
.coursesComponent .content .left h3 {
  font-size: 3rem;
  line-height: 3.625rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .content .left h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.coursesComponent .content .left p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .content .left p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.coursesComponent .content .left p.small {
  font-weight: 300;
}
.coursesComponent .content .right {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .coursesComponent .content .right {
    margin-top: 0.625rem;
    justify-content: flex-start;
    overflow: auto;
    width: 100%;
  }
  .coursesComponent .content .right .courseBox {
    width: 18.75rem;
    min-width: 18.75rem;
  }
}
.coursesComponent .content .right .styled-label {
  display: inline-block;
}

.courseBox {
  border: 1px solid #957d44;
  border-radius: 8px;
  margin: 0 0 0 2rem;
  width: 300px;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .courseBox {
    margin: 0 1rem 0 0;
  }
}
.courseBox .top {
  padding: 2rem 2.5rem 2.9375rem;
  border-bottom: 1px solid #957d44;
}
.courseBox .top h4 {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin: 0.5rem 0 1rem;
  font-weight: 400;
}
.courseBox .top .price {
  border: 2px solid #957d44;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  display: inline-flex;
}
.courseBox .top .price .value {
  padding: 0.5rem 1.6875rem 0.5rem 0.75rem;
  text-align: center;
}
.courseBox .top .price .period {
  color: #0F0F0F;
  background: #957d44;
  text-align: center;
  padding: 0.5rem 0.75rem;
  text-align: center;
  position: relative;
}
.courseBox .top .price .period:before {
  content: " ";
  background: url("/wp-content/themes/edukreska_theme/assets/images/unit_gold_bg.svg") no-repeat center left;
  position: absolute;
  left: -1.1875rem;
  width: 1.1875rem;
  height: 100%;
  top: 0;
}
.courseBox .center {
  padding: 2rem 2.5rem 2.5rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.courseBox .center ul {
  list-style: square;
  margin-bottom: 20px;
  margin-left: 15px;
}
.courseBox .center b {
  color: #E5E2C3;
}
.courseBox .center .btn-2-wrapper, .courseBox .center .btn {
  display: inline-block;
}
.courseBox .center .btn-2-wrapper {
  margin-bottom: 1.25rem;
}
.courseBox .center .more {
  display: block;
  text-decoration: underline;
  color: #957d44;
  font-size: rem(18);
  line-height: rem(27);
  font-weight: 700;
}
.courseBox .center .more img {
  vertical-align: middle;
}
.courseBox .center .more a {
  text-decoration: undefline;
}

.coursesContainer .bx-viewport {
  height: auto !important;
}

.searchComponent {
  padding: 8rem 0 0;
  background: #E6E7E8;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .searchComponent {
    padding: 2.1875rem 0 0;
  }
}
.searchComponent h1 {
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 4.5rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .searchComponent h1 {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 2.5rem;
  }
}
.searchComponent .searchDescription {
  margin: 0 0 5rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.searchComponent .filters .row {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .filters .row {
    flex-direction: column;
  }
}
.searchComponent .filters .row .col {
  padding: 2rem;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .filters .row .col {
    padding: 0 0 1.25rem 0;
  }
}
.searchComponent .filters .row .col .whiteSelect {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .searchComponent .filters .row .col .whiteSelect {
    min-width: 18.75rem;
    height: 6.1875rem;
    line-height: 6.1875rem;
  }
}
.searchComponent .filters .row .col .label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.searchComponent .items {
  display: flex;
  flex-direction: column;
  max-width: 52.8125rem;
  margin-left: auto;
  margin-right: auto;
}
.searchComponent .items a {
  text-decoration: none;
}
.searchComponent .items .openRegisterModal {
  cursor: pointer;
}
.searchComponent .items .item {
  width: 100%;
  border: 2px solid #C7C6BD;
  border-radius: 8px;
  margin-bottom: 20px;
  color: #957d44;
  padding: 1.5rem 1rem 1rem;
}
.searchComponent .items .item:hover {
  background: #F2F2F2;
}
.searchComponent .items .item .title {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .title {
    flex-direction: column-reverse;
    justify-content: start;
    align-items: flex-start;
  }
}
.searchComponent .items .item .title h3 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .title h3 {
    margin-top: 0.75rem;
  }
}
.searchComponent .items .item .title .labels .styled-label {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
}
.searchComponent .items .item .label {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-bottom: 2.5rem;
  color: #282829;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .label {
    font-weight: 700;
  }
}
.searchComponent .items .item .label a {
  color: #957d44;
}
.searchComponent .items .item .details {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .details {
    flex-direction: column;
  }
}
.searchComponent .items .item .details .row {
  display: flex;
  flex-direction: column;
}
.searchComponent .items .item .details .row .col {
  display: flex;
  margin-bottom: 1rem;
}
.searchComponent .items .item .details .row .col .subTitle {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  width: 4.375rem;
  color: #282829;
}
.searchComponent .items .item .details .row .col .subTitle.cities {
  width: 6.375rem;
}
.searchComponent .items .item .details .row .col .value {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.searchComponent .items .item .details .row .col .value-purple {
  color: #9747FF;
}
.searchComponent .items .item .details .row .col .value a {
  color: #957d44;
}
.searchComponent .items .item .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2rem;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .buttons {
    flex-direction: column;
  }
}
.searchComponent .items .item .buttons .col {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .buttons .col {
    flex-direction: column;
  }
  .searchComponent .items .item .buttons .col .btn-1 {
    margin-bottom: 1rem;
  }
  .searchComponent .items .item .buttons .col .btn, .searchComponent .items .item .buttons .col .btn-1 {
    text-align: center;
  }
}
.searchComponent .items .item .buttons .col .calendar-btn {
  margin-left: 1rem;
}
@media only screen and (max-width: 1024px) {
  .searchComponent .items .item .buttons .col .calendar-btn {
    margin-left: 0;
  }
}
.searchComponent .items .item .buttons .col .btn {
  padding: 1rem 1.5rem;
}

.calendarComponent {
  background: #0F0F0F;
  color: #957d44;
  padding: 8.75rem 0;
}
@media only screen and (max-width: 1024px) {
  .calendarComponent {
    padding: 5rem 0 6.25rem;
  }
}
.calendarComponent .container {
  position: relative;
}
.calendarComponent .label {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
}
.calendarComponent h2 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
}
@media only screen and (max-width: 1024px) {
  .calendarComponent h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.calendarComponent .legend {
  margin-top: 3.75rem;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .calendarComponent .legend {
    flex-direction: column;
  }
}
.calendarComponent .legend .item {
  margin-left: 28px;
  margin-right: 60px;
  padding: 0.125rem 0.75rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  color: #282829;
  position: relative;
  border-radius: 20px;
}
@media only screen and (max-width: 1024px) {
  .calendarComponent .legend .item {
    margin-bottom: 1rem;
  }
}
.calendarComponent .legend .item:before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: " ";
  left: -28px;
  position: absolute;
}
.calendarComponent .legend .item.purple {
  background: #9747FF;
}
.calendarComponent .legend .item.purple:before {
  background: #9747FF;
}
.calendarComponent .legend .item.blue {
  background: #56D9D1;
}
.calendarComponent .legend .item.blue:before {
  background: #56D9D1;
}
.calendarComponent .legend .item.red {
  background: #D95656;
}
.calendarComponent .legend .item.red:before {
  background: #D95656;
}
.calendarComponent .daysNavigation {
  display: flex;
  justify-content: end;
  margin-top: 1rem;
}
@media only screen and (max-width: 768px) {
  .calendarComponent .daysNavigation {
    display: none;
  }
}
.calendarComponent .daysNavigation div {
  margin: 0 6px;
}
.calendarComponent .daysNavigation div a {
  width: 40px;
  height: 40px;
  background: red;
  cursor: pointer;
  display: inline-block;
}
.calendarComponent .daysNavigation div.left a {
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_circle_left_active.svg") no-repeat center;
  background-size: 100%;
}
.calendarComponent .daysNavigation div.left a.disabled {
  opacity: 0.4;
}
.calendarComponent .daysNavigation div.right a {
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_circle_active.svg") no-repeat center;
  background-size: 100%;
}
.calendarComponent .daysNavigation div.right a.disabled {
  opacity: 0.4;
}
.calendarComponent .bx-wrapper {
  max-width: none !important;
}
.calendarComponent .bx-wrapper .bx-viewport {
  height: auto !important;
}
.calendarComponent .days {
  margin-top: 2.5rem;
  width: 100%;
  position: relative;
}
.calendarComponent .days .day {
  border: 1px solid #957d44;
  border-radius: 8px;
  padding: 2rem;
  width: 24.375rem !important;
}
@media only screen and (max-width: 768px) {
  .calendarComponent .days .day {
    width: 100% !important;
  }
}
.calendarComponent .days .day h3 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  color: #F2F2F2;
  margin-bottom: 2.5rem;
  font-family: "Halisa Normal";
}
.calendarComponent .days .day .period {
  white-space: nowrap;
}
.calendarComponent .days .day .item {
  display: flex;
  border-bottom: 1px solid #957d44;
  margin-bottom: 1rem;
  padding-bottom: 1.25rem;
  gap: 19px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .calendarComponent .days .day .name {
    white-space: nowrap;
  }
}
.calendarComponent .days .day .name .circle {
  margin-left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.calendarComponent .days .day .name .circle.purple {
  background: #9747FF;
}
.calendarComponent .days .day .name .circle.blue {
  background: #56D9D1;
}
.calendarComponent .days .day .name .circle.red {
  background: #D95656;
}
.calendarComponent .text {
  margin-top: 4rem;
  text-align: center;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
}
@media only screen and (max-width: 1024px) {
  .calendarComponent .text {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
}
.calendarComponent .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5rem;
}

.faqComponent {
  background: #0F0F0F;
  color: #957d44;
  padding-top: 8rem;
}
@media only screen and (max-width: 1024px) {
  .faqComponent {
    padding-top: 2rem;
  }
}
.faqComponent .container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .faqComponent .container {
    flex-direction: column;
  }
}
.faqComponent .container .colText {
  padding-right: 2rem;
  max-width: 405px;
}
@media only screen and (max-width: 1024px) {
  .faqComponent .container .colText {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid #957d44;
    max-width: 100%;
  }
}
.faqComponent .container .colDescription {
  width: 400px;
}
.faqComponent .container .colList {
  width: 100%;
  padding-left: 8.75rem;
}
.faqComponent .container .col {
  max-width: 733px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .faqComponent .container .col {
    max-width: 100%;
  }
}
.faqComponent .container h2 {
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
  text-transform: uppercase;
  margin-bottom: 3.625rem;
}
@media only screen and (max-width: 1024px) {
  .faqComponent .container h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.faqComponent .container p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 2.5rem;
}
.faqComponent .container p.small {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.faqComponent .container .readMore {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.faqComponent .container .readMore a {
  color: #56D9D1;
  padding-right: 1.5rem;
  background: url("/wp-content/themes/edukreska_theme/assets/images/link_arrow.svg") no-repeat center right;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-list-title, .faqComponent .container .list .thfaqf-faq-list-title {
  display: none;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item, .faqComponent .container .list .thfaqf-faq-item {
  border: 0;
  margin: 0;
  margin-bottom: 3.125rem;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item .thfaqf-toggle-icon:after, .faqComponent .container .list .thfaqf-faq-item .thfaqf-toggle-icon:after {
  width: 32px;
  height: 32px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/plus_circle.svg") no-repeat center right;
  content: "";
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item.thfaqf-active .thfaqf-toggle-icon:after, .faqComponent .container .list .thfaqf-faq-item.thfaqf-active .thfaqf-toggle-icon:after {
  background: url("/wp-content/themes/edukreska_theme/assets/images/minus_circle.svg") no-repeat center right;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-title, .faqComponent .container .list .thfaqf-faq-item-title {
  border: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-title h3, .faqComponent .container .list .thfaqf-faq-item-title h3 {
  margin: 0;
  position: relative;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content, .faqComponent .container .list .thfaqf-faq-item-content {
  margin-top: 2.1875rem !important;
  background: transparent !important;
  padding-top: 0.3125rem;
  padding-bottom: 1.25rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #957d44 !important;
  margin-bottom: 0.9375rem;
  border: 0 !important;
  border-bottom: 1px solid #957d44 !important;
  box-shadow: none !important;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content a, .faqComponent .container .list .thfaqf-faq-item-content a {
  color: #56D9D1;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content p, .faqComponent .container .list .thfaqf-faq-item-content p {
  margin-bottom: 2.5rem;
  margin-left: 0 !important;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content p.small, .faqComponent .container .list .thfaqf-faq-item-content p.small {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-top: 1pxrem;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-title-text, .faqComponent .container .list .thfaqf-title-text {
  font-weight: 400;
  font-family: "Halisa Extended";
  font-size: 1.5rem;
  color: #957d44 !important;
  line-height: 1.8125rem;
}
@media only screen and (max-width: 1024px) {
  .faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .thfaqf-title-text, .faqComponent .container .list .thfaqf-title-text {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .title, .faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .thfaqf-faq-item-title, .faqComponent .container .list .item .title, .faqComponent .container .list .item .thfaqf-faq-item-title {
  font-weight: 400;
  font-family: "Halisa Extended";
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 2.1875rem;
  cursor: pointer;
  background: url("/wp-content/themes/edukreska_theme/assets/images/plus_circle.svg") no-repeat center right;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .title, .faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .thfaqf-faq-item-title, .faqComponent .container .list .item .title, .faqComponent .container .list .item .thfaqf-faq-item-title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .description, .faqComponent .container .list .item .description {
  margin-bottom: 0.9375rem;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .description a, .faqComponent .container .list .item .description a {
  color: #56D9D1;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .description p.small, .faqComponent .container .list .item .description p.small {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-top: 1pxrem;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item .description span, .faqComponent .container .list .item .description span {
  padding-top: 0.3125rem;
  padding-bottom: 1.25rem;
  display: block;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item.open .title, .faqComponent .container .list .item.open .title {
  color: #E5E2C3;
  background: url("/wp-content/themes/edukreska_theme/assets/images/minus_circle.svg") no-repeat center right;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item.open .description, .faqComponent .container .list .item.open .description {
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
}
.faqComponent .container .thfaqf-theme-wrapper-edukreska_theme .item.open .description span, .faqComponent .container .list .item.open .description span {
  border-bottom: 1px solid #957d44;
}

.faq2Component {
  background: #fff;
  color: #957d44;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .faq2Component {
    flex-direction: column;
  }
}
.faq2Component h2 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 3.8125rem;
}
.faq2Component .text {
  min-width: 50%;
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .faq2Component .text {
    min-width: 100%;
    width: 100%;
  }
}
.faq2Component .text .content {
  padding: 5rem 8.75rem;
  box-sizing: content-box;
}
@media only screen and (max-width: 1460px) {
  .faq2Component .text .content {
    padding: 5rem 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .faq2Component .text .content {
    padding: 2.5rem 1rem;
  }
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-list-title, .faq2Component .text .list .thfaqf-faq-list-title {
  display: none;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item, .faq2Component .text .list .thfaqf-faq-item {
  border: 0;
  margin: 0;
  padding-bottom: 1.5625rem;
  margin-bottom: 1.875rem;
  border-bottom: 1px solid #957d44;
  border-radius: 0 !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item .thfaqf-toggle-icon:after, .faq2Component .text .list .thfaqf-faq-item .thfaqf-toggle-icon:after {
  width: 32px;
  height: 32px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/plus_circle.svg") no-repeat top right;
  content: "";
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item.thfaqf-active .thfaqf-toggle-icon:after, .faq2Component .text .list .thfaqf-faq-item.thfaqf-active .thfaqf-toggle-icon:after {
  background: url("/wp-content/themes/edukreska_theme/assets/images/minus_circle.svg") no-repeat top right;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-title, .faq2Component .text .list .thfaqf-faq-item-title {
  border: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content, .faq2Component .text .list .thfaqf-faq-item-content {
  box-shadow: none !important;
  margin-top: 2.1875rem !important;
  background: transparent !important;
  padding-top: 0.3125rem;
  padding-bottom: 1.25rem;
  color: #957d44 !important;
  border: 0 !important;
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-bottom: -2rem;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content b, .faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content strong, .faq2Component .text .list .thfaqf-faq-item-content b, .faq2Component .text .list .thfaqf-faq-item-content strong {
  font-weight: 700;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content span, .faq2Component .text .list .thfaqf-faq-item-content span {
  padding-top: 1.875rem;
  display: block;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-faq-item-content p, .faq2Component .text .list .thfaqf-faq-item-content p {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 2rem;
}
.faq2Component .text .thfaqf-theme-wrapper-edukreska_theme .thfaqf-title-text, .faq2Component .text .list .thfaqf-title-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  padding-left: 1.875rem;
  cursor: pointer;
  color: #957d44 !important;
  background: url("/wp-content/themes/edukreska_theme/assets/images/check-gold.svg") no-repeat center left;
}
.faq2Component .img {
  min-width: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: bottom center;
}
@media only screen and (max-width: 1024px) {
  .faq2Component .img {
    height: 21.875rem;
    width: 100%;
  }
}

.locationComponent {
  background: #0F0F0F;
  color: #957d44;
  padding: 8rem 0;
}
@media only screen and (max-width: 1024px) {
  .locationComponent {
    padding: 5rem 0 0;
  }
}
.locationComponent .mapWrapper {
  border: 4px solid #957d44;
  display: flex;
  justify-content: space-between;
  background-image: url("/wp-content/themes/edukreska_theme/assets/images/map_big.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .locationComponent .mapWrapper {
    flex-direction: column;
  }
  .locationComponent .mapWrapper .map {
    height: 300px;
  }
}
.locationComponent .mapWrapper .map {
  width: 100%;
}
.locationComponent .mapWrapper .map .acf-map {
  height: 100%;
}
.locationComponent .location {
  background-color: #0F0F0F;
  padding: 2.375rem 2rem 4rem;
  max-width: 406px;
  width: 406px;
  border-left: 4px solid #957d44;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .locationComponent .location {
    border-left: 0;
    border-top: 4px solid #957d44;
    width: 100%;
    max-width: 100%;
  }
}
.locationComponent .location .logo {
  margin-bottom: 7.5rem;
}
@media only screen and (max-width: 1024px) {
  .locationComponent .location .logo {
    margin-bottom: 2rem;
  }
}
.locationComponent .location h3 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 2.5rem;
}
.locationComponent .location p {
  margin-bottom: 3rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.locationComponent .location .contact {
  margin-bottom: 5rem;
}
.locationComponent .location .contact a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 40px;
  display: block;
}
.locationComponent .location .contact a.mail {
  margin-bottom: 20px;
  background: url("/wp-content/themes/edukreska_theme/assets/images/mail_icon.svg") no-repeat left center;
}
.locationComponent .location .contact a.phone {
  background: url("/wp-content/themes/edukreska_theme/assets/images/phone_icon.svg") no-repeat left center;
}
.locationComponent .location .checkOnGoogle {
  width: 100%;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  background: #957d44;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  padding: 0.75rem 0;
}
.locationComponent .location .checkOnGoogle img {
  vertical-align: middle;
  margin-left: 0.5rem;
}

.moviesComponent {
  background: #0F0F0F;
}
.moviesComponent .container {
  position: relative;
}
.moviesComponent .container img {
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .moviesComponent .container {
    padding: 0;
  }
}
.moviesComponent .container .nagivation {
  position: absolute;
  bottom: 230px;
  width: 100%;
  text-align: center;
  left: 0;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .moviesComponent .container .nagivation {
    bottom: auto;
    top: 50%;
    margin-top: -33px;
  }
}
.moviesComponent .container .nagivation .label {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 2.5rem;
  margin-bottom: 0.5625rem;
  margin-top: 3.75rem;
  color: #E5E2C3;
}
@media only screen and (max-width: 1024px) {
  .moviesComponent .container .nagivation .label {
    display: none;
  }
}
.moviesComponent .container .nagivation h4 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5rem;
  color: #E5E2C3;
}
@media only screen and (max-width: 1024px) {
  .moviesComponent .container .nagivation h4 {
    display: none;
  }
}
.moviesComponent .content {
  padding: 2rem 1rem 2.5rem;
  text-align: center;
  color: #E6E2C3;
}
.moviesComponent .content .label {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-bottom: 1.0625rem;
}
.moviesComponent .content h4 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.75rem;
  text-transform: uppercase;
}

.citiesComponent {
  padding: 6rem 0 9.6875rem;
  background: #0F0F0F;
  color: #957d44;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent {
    padding: 2.5rem 0 2.5rem;
    border-bottom: 1px solid #957d44;
  }
}
.citiesComponent .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.citiesComponent .list {
  max-width: 220px;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list {
    width: 100%;
    max-width: 100%;
  }
}
.citiesComponent .list h2 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 2.25rem;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list h2 {
    font-size: 1.375rem;
    line-height: 2.5rem;
    text-align: center;
    margin-bottom: 2.125rem;
  }
  .citiesComponent .list h2 br {
    display: inline;
    content: " ";
    padding: 0 3px;
  }
}
.citiesComponent .list .listMobile {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list .listMobile {
    display: block;
  }
}
.citiesComponent .list .listDesktop {
  display: block;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list .listDesktop {
    display: none;
  }
}
.citiesComponent .list ul {
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid #957d44;
  list-style: none;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list ul {
    border-bottom: none;
  }
}
.citiesComponent .list ul li {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}
.citiesComponent .list ul li a {
  width: 100%;
  display: inline-block;
  color: #957d44;
  text-decoration: none;
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_right_gold.svg") center right;
  background-repeat: no-repeat;
  transition: color 0.3s;
}
.citiesComponent .list ul li a.active, .citiesComponent .list ul li a:hover {
  color: #F2F2F2;
  background: url("/wp-content/themes/edukreska_theme/assets/images/arrow_right_white.svg") center right;
  background-repeat: no-repeat;
}
.citiesComponent .list .important {
  padding: 1.5rem 0 0.8125rem 0;
  color: #E6E2C3;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  align-items: center;
  white-space: nowrap;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list .important {
    display: none;
  }
}
.citiesComponent .list .important img {
  margin-right: 0.9375rem;
  vertical-align: middle;
}
.citiesComponent .list p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .list p {
    display: none;
  }
}
.citiesComponent .address {
  padding: 0 5.625rem;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .address {
    margin-bottom: 3rem;
    padding: 0;
  }
}
.citiesComponent .address .content {
  border-radius: 8px;
  border: 1px solid #957d44;
  border-bottom: 0;
  width: 406px;
  max-width: 100%;
  display: none;
  opacity: 0;
  animation: fadeInFromNone 1s ease-out;
}
@media only screen and (max-width: 1024px) {
  .citiesComponent .address .content {
    width: 100%;
    max-width: 406px;
  }
}
.citiesComponent .address .content img {
  margin-bottom: -6px;
}
.citiesComponent .address .content.checked {
  display: block;
  opacity: 1;
}
.citiesComponent .address .text {
  padding: 1.5rem 2rem 0.625rem;
}
.citiesComponent .address .text h4 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 4px;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .address .text h4 {
    font-size: 1.375rem;
    line-height: 2.5rem;
  }
}
.citiesComponent .address .text p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .address .text p.small {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.citiesComponent .address .map img {
  max-width: 100%;
}
.citiesComponent .address .map .acf-map {
  height: 300px;
}
.citiesComponent .address .map .button {
  width: 100%;
  line-height: 1;
  padding: 0.75rem 0;
  background: #957d44;
  border: 0;
  text-align: center;
  display: block;
  border-radius: 0 0 8px 8px;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
}
.citiesComponent .address .map .button img {
  vertical-align: middle;
  margin-left: 8px;
}
.citiesComponent .plan .content {
  display: none;
  opacity: 0;
  animation: fadeInFromNone 2s ease-out;
}
.citiesComponent .plan .content.checked {
  opacity: 1;
  display: block;
}
.citiesComponent .plan .row {
  display: flex;
  margin-bottom: 11.25rem;
}
.citiesComponent .plan .row.last {
  margin-bottom: 0;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .plan .row {
    flex-direction: column;
    margin-bottom: 4rem;
  }
}
.citiesComponent .plan .row .label {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.625rem;
  text-transform: uppercase;
  width: 120px;
  display: block;
  color: #E6E2C3;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .plan .row .label {
    margin-bottom: 2rem;
    width: 100%;
  }
}
.citiesComponent .plan .row p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1180px) {
  .citiesComponent .plan .row p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    line-height: 1.5rem;
  }
}
.citiesComponent .plan .row ul {
  list-style: none;
}
.citiesComponent .plan .row ul li {
  margin-bottom: 1.5rem;
  white-space: nowrap;
}
.citiesComponent .plan .row a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
  color: #957d44;
}
.citiesComponent .plan .row .styled-label {
  display: inline-block;
  margin-left: 12px;
}
@media only screen and (max-width: 960px) {
  .citiesComponent .plan .row .styled-label {
    display: none;
  }
}
.citiesComponent .plan .btn-2-wrapper {
  display: inline-block;
}
.citiesComponent .listMobile .listLabel {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.citiesComponent .listMobile .citiesSelect {
  margin-bottom: 1.5rem;
}

.examComponent {
  background: #0F0F0F;
  padding: 8rem 0 10.625rem;
  border-top: 4px solid #957d44;
  border-bottom: 4px solid #957d44;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .examComponent {
    padding: 2rem 0;
  }
}
.examComponent img {
  max-width: 100%;
}
.examComponent h2 {
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .examComponent h2 {
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-align: left;
  }
}
.examComponent .steps {
  text-align: center;
  margin-top: 5.5rem;
}
.examComponent p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.6875rem;
  text-align: center;
  max-width: 650px;
  margin: 3.75rem auto 0;
}
.examComponent p a {
  color: #56D9D1;
}

.modalComponent {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  overflow: auto;
  padding: 2rem 1rem;
}
.modalComponent .modalContent {
  width: 37.5rem;
  background: #0F0F0F;
  margin: auto;
  max-width: 100%;
  border: 4px solid #957d44;
  border-radius: 16px;
  position: relative;
}
.modalComponent .modalContent .close {
  position: absolute;
  top: -1.9375rem;
  right: 1.125rem;
  width: 3.625rem;
  height: 3.625rem;
  background: url("/wp-content/themes/edukreska_theme/assets/images/modal_close.svg");
  text-indent: -9999999px;
  cursor: pointer;
}

.openCourseDetailsModal {
  cursor: pointer;
}

.registerComponent {
  padding: 3.5625rem 4.8125rem 4.8125rem;
  color: #957d44;
}
@media only screen and (max-width: 1024px) {
  .registerComponent {
    padding: 2rem 1rem 1rem;
  }
}
.registerComponent .logo {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .registerComponent .logo {
    margin-bottom: 2rem;
  }
}
.registerComponent h2 {
  font-family: "Halisa Extended";
  font-weight: 200;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  color: #E6E2C3;
  margin-bottom: 2.5rem;
}
.registerComponent .registerModalDescription {
  margin-top: -1.875rem;
  margin-bottom: 2.5rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.registerComponent .form .input {
  width: 100%;
  margin-bottom: 1.25rem;
  display: inline-block;
}
.registerComponent .form .input .label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-bottom: 0.5rem;
}
.registerComponent .form .input input {
  width: 100%;
  height: 3.375rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  background: #282829;
  border-radius: 4px;
  border: 1px solid #957d44;
  color: #957d44;
}
.registerComponent .form .input input:active, .registerComponent .form .input input:focus {
  border: 1px solid #56D9D1;
}
.registerComponent .form .checkbox label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.registerComponent .form .checkbox a {
  color: #957d44;
  text-decoration: underline;
}
.registerComponent .form .button {
  margin-top: 1.5rem;
}
.registerComponent .form .button a, .registerComponent .form .button button {
  text-align: center;
  width: 100%;
}

.courseDetailsComponent {
  padding: 3.5625rem 4.8125rem 4.8125rem;
  color: #957d44;
}
.courseDetailsComponent h2, .courseDetailsComponent .h2 {
  font-family: "Halisa Extended";
  font-weight: 200;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  color: #E6E2C3;
  margin-bottom: 2rem;
}
.courseDetailsComponent p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.courseDetailsComponent .agenda {
  margin: 1.25rem 0 2rem;
  border-top: 1px solid #957d44;
  border-bottom: 1px solid #957d44;
  padding: 2rem 0;
  display: block;
}
.courseDetailsComponent .agenda ul {
  padding-left: 2.5rem;
}
.courseDetailsComponent .agenda ul li {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-top: 0.75rem;
}
.courseDetailsComponent .author p {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.courseDetailsComponent .author .img {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.courseDetailsComponent .author .img .name {
  font-family: "Halisa Extended";
  font-weight: 200;
  font-size: 1.375rem;
  line-height: 2.5625rem;
  color: #E5E2C3;
  margin-left: 0.75rem;
}
.courseDetailsComponent h3, .courseDetailsComponent .h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #E6E2C3;
  font-family: "Halisa Normal";
}

.selectCoursesComponent {
  padding: 7.6875rem 0 12.1875rem;
  background: #0F0F0F;
  color: #957d44;
}
.selectCoursesComponent h2 {
  text-align: center;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5625rem;
  margin-bottom: 2.5rem;
}
.selectCoursesComponent p {
  text-align: center;
  color: #E6E2C3;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.selectCoursesComponent p .special {
  font-weight: 400;
  color: #56D9D1;
}
.selectCoursesComponent .smallText {
  text-align: center;
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.selectCoursesComponent .courses {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 3.3125rem;
  overflow-x: auto;
}
@media only screen and (max-width: 1024px) {
  .selectCoursesComponent .courses {
    grid-column-gap: 1.5rem;
  }
}
.selectCoursesComponent .courses .courseBox {
  margin: 0;
  align-self: center;
  justify-self: center;
}
.selectCoursesComponent .courses .courseBox .styled-label {
  display: inline-block;
}
.selectCoursesComponent .textUnderBoxes {
  max-width: 620px;
  text-align: center;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin: 0 auto;
}
.selectCoursesComponent .textUnderBoxes p {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #957d44;
}
.selectCoursesComponent .smallTextUnderBoxes {
  max-width: 620px;
  margin-top: 1.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  margin: 1.5rem auto 0;
}
.selectCoursesComponent .smallTextUnderBoxes span, .selectCoursesComponent .smallTextUnderBoxes b, .selectCoursesComponent .smallTextUnderBoxes strong {
  color: #E5E2C3;
}
.selectCoursesComponent .smallTextUnderBoxes p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #957d44;
}

.sliderComponent {
  background: #0F0F0F;
  padding: 6.25rem 0;
}
.sliderComponent img {
  max-width: 100%;
}

.top1SliderCities {
  padding-top: 8rem;
  background: #0F0F0F;
}

.top1Component {
  background: url("/wp-content/themes/edukreska_theme/assets/images/top_1_bg.png");
  background-size: cover;
  padding: 10.3125rem 0 6.75rem;
  color: #957d44;
  width: 100%;
  height: 53.75rem;
}
@media only screen and (max-width: 1024px) {
  .top1Component {
    border-top: 1px solid #957d44;
    border-bottom: 1px solid #957d44;
    padding: 2.5rem 1rem;
    background: #0F0F0F;
    background-size: cover;
    background-position: center;
    height: 28.75rem;
  }
}
.top1Component img {
  max-width: 100%;
}
.top1Component .trophy {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .top1Component .trophy {
    text-align: center;
  }
}
.top1Component h2, .top1Component .h2 {
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.625rem;
  margin-bottom: 2.5rem;
  max-width: 520px;
  text-transform: uppercase;
  font-family: "Halisa Extended";
}
@media only screen and (max-width: 1024px) {
  .top1Component h2, .top1Component .h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
  }
}
.top1Component p {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-bottom: 2.5rem;
  max-width: 520px;
}
@media only screen and (max-width: 1024px) {
  .top1Component p {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 1.25rem;
    text-align: center;
  }
}
.top1Component p.special {
  color: #E6E2C3;
}

.bx-wrapper {
  position: relative;
}
.bx-wrapper .bx-pager {
  position: absolute;
  bottom: 6.25rem;
}
@media only screen and (max-width: 1024px) {
  .bx-wrapper .bx-pager {
    bottom: 1.875rem;
    width: calc(100% - 12px);
    text-align: center;
    margin-left: -6px;
  }
}
.bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0 6px;
}
.bx-wrapper .bx-pager .bx-pager-link {
  width: 8px;
  height: 8px;
  text-indent: -999999px;
  border-radius: 50%;
  background: #957d44;
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .bx-wrapper .bx-pager .bx-pager-link {
    border: 1px solid #957d44;
    background: transparent;
    width: 12px;
    height: 12px;
  }
  .bx-wrapper .bx-pager .bx-pager-link.active {
    background: #957d44;
  }
}
@media only screen and (min-width: 1024px) {
  .bx-wrapper .bx-pager .bx-pager-link.active {
    background: #56D9D1;
    border-radius: 24px;
    width: 120px;
  }
}

/* ../node_modules/sass/sass.js style.scss ../style.css --watch */

/*# sourceMappingURL=style.css.map */