@import url("https://fonts.googleapis.com/css2?family=Mea+Culpa&family=Raleway:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none;
  font-family: "Unbounded", sans-serif;
}

.he-lang * {
  text-align: right !important;
}

body, html {
  font-size: 0.0520833333vw;
}

.container {
  width: 1636rem;
  margin: 0 auto;
}

.galss-block {
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
}

button {
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
button:hover {
  background: #fff !important;
  color: #203f30 !important;
  border: 1rem solid #203f30 !important;
}

.header {
  padding-top: 40rem;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .logo {
  width: 64rem;
  height: 63rem;
  position: relative;
  flex-shrink: 0;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header .langs {
  display: flex;
  align-items: center;
  gap: 27rem;
  flex-shrink: 0;
  margin-left: 60rem;
}
.header .langs__item {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  position: relative;
  text-transform: uppercase;
}
.header .langs__item::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 0;
  height: 1rem;
  background: #203f30;
  transition: all 0.4s ease;
  position: absolute;
  margin-top: 3rem;
}
.header .langs__item:hover::after {
  max-width: 100%;
}
.header .langs__item.active::after {
  max-width: 100%;
}
.header .header-nav {
  display: flex;
  align-items: center;
  gap: 35rem;
  width: 100%;
  justify-content: center;
}
.header .header-nav__item {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 18rem;
  color: #203f30;
  position: relative;
}
.header .header-nav__item::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 0;
  height: 1rem;
  background: #203f30;
  transition: all 0.4s ease;
  position: absolute;
  margin-top: 3rem;
}
.header .header-nav__item:hover::after {
  max-width: 100%;
}
.header .header-nav__item.active::after {
  max-width: 100%;
}
.header .header-login {
  flex-shrink: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  padding: 18rem 32rem;
  border: 1rem solid #203f30;
  border-radius: 30rem;
  transition: all 0.4s ease;
}
.header .header-login.profile {
  margin-right: 40rem;
}
.header .header-login:hover {
  background: #203f30;
  color: #fff;
  border: 1rem solid #203f30;
}

.hero {
  margin-top: 45rem;
  height: 845rem;
}
.hero .container {
  height: 100%;
  position: relative;
  padding: 60rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero h1 {
  font-weight: 400;
  font-size: 40rem;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  top: 60rem;
  right: 60rem;
  max-width: 630rem;
  z-index: 2;
}
.hero .galss-block {
  padding: 50rem;
  z-index: 2;
  position: relative;
}
.hero .galss-block:nth-child(3) {
  max-width: 600rem;
}
.hero .galss-block:nth-child(4) {
  max-width: 750rem;
}
.hero h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
}
.hero h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
}
.hero .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.section-heading {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 48rem;
  text-transform: uppercase;
}

.green-button {
  border-radius: 30rem;
  padding: 18rem 51rem;
  background: #203f30;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
}

.kratko {
  margin-top: 120rem;
}
.kratko .container {
  display: flex;
  gap: 250rem;
  justify-content: space-between;
}
.kratko .section-heading {
  color: #203f30;
  max-width: 610rem;
}
.kratko .kratko-img {
  margin-top: 120rem;
  width: 600rem;
}
.kratko .kratko-r {
  max-width: 660rem;
}
.kratko .kratko-r p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
}
.kratko .kratko-r p:first-child {
  position: relative;
  margin-bottom: 55rem;
}
.kratko .kratko-r p:first-child::after {
  margin-top: 55rem;
  content: "";
  display: block;
  height: 1rem;
  background: #203f30;
  width: 440rem;
}
.kratko .green-button {
  margin-top: 100rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

footer {
  padding-top: 80rem;
  border-top: 1rem solid #203f30;
  margin-top: 120rem;
  padding-bottom: 120rem;
}
footer .footer-row {
  display: flex;
  justify-content: space-between;
}
footer .footer-row.pol {
  margin-top: 80rem;
  justify-content: flex-start;
  gap: 75rem;
}
footer .footer-row.pol:last-child {
  margin-top: 40rem;
}
footer .footer-row.pol a {
  font-weight: 400;
  font-size: 16rem;
  color: #9c9c9c;
}
footer .footer-item {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 40rem;
}
footer .footer-item a {
  gap: 20rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18rem;
  color: #203f30;
}
footer .footer-item a svg, footer .footer-item a img {
  max-width: 20rem;
  width: 100%;
}

.about-hero {
  margin-top: 60rem;
}
.about-hero .about-heading {
  font-weight: 400;
  font-size: 123rem;
  text-transform: uppercase;
  color: #203f30;
}
.about-hero .about-heading span {
  font-family: "Mea Culpa", sans-serif;
}
.about-hero .about-hero-wrapper {
  margin-top: 60rem;
  display: flex;
  gap: 117rem;
  justify-content: space-between;
}
.about-hero .about-hero-wrapper img {
  width: 600rem;
}
.about-hero .about-hero-coll {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 525rem;
  flex-shrink: 0;
  max-width: 440rem;
}
.about-hero .about-hero-item {
  display: flex;
  flex-direction: column;
  gap: 40rem;
}
.about-hero .about-hero-item__heading {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
}
.about-hero .about-heor-item__text {
  font-weight: 400;
  font-size: 32rem;
  color: #203f30;
}

.znakomstvo {
  margin-top: 120rem;
}
.znakomstvo h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
}
.znakomstvo .container {
  padding: 80rem;
  border-radius: 50rem;
  background: #203f30;
  width: 1795rem;
}
.znakomstvo .wrapper {
  display: flex;
  gap: 300rem;
  margin-top: 80rem;
}
.znakomstvo .wrapper svg {
  width: 37rem;
  top: 0;
  position: absolute;
  left: -40rem;
  transform: translateX(-100%);
}
.znakomstvo .wrapper img {
  border-radius: 50rem;
  width: 359rem;
  height: 539rem;
}
.znakomstvo .texts {
  position: relative;
  max-width: 720rem;
}
.znakomstvo .texts p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 40rem;
  color: #fff;
}
.znakomstvo .texts p:first-child {
  margin-bottom: 40rem;
}
.znakomstvo .texts p:first-child::after {
  content: "";
  display: block;
  width: 560rem;
  height: 1rem;
  background: #fff;
  margin-top: 40rem;
}

.text-img {
  margin-top: 120rem;
}
.text-img .container {
  display: flex;
  align-items: center;
  width: 1795rem;
  justify-content: space-between;
  gap: 75rem;
  padding-right: 80rem;
}
.text-img .text {
  background: #203f30;
  border-radius: 50rem;
  padding: 80rem;
  display: flex;
  flex-direction: column;
  gap: 80rem;
}
.text-img .text p, .text-img .text li {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 40rem;
  color: #fff;
}
.text-img .text b {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 40rem;
  color: #fff;
}
.text-img img {
  border-radius: 50%;
  width: 600rem;
  flex-shrink: 0;
}

.text-img-text {
  margin-top: 120rem;
}
.text-img-text .container {
  display: flex;
  justify-content: space-between;
  gap: 120rem;
}
.text-img-text .texts h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #203f30;
}
.text-img-text .texts p, .text-img-text .texts li {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
}
.text-img-text .texts p {
  margin-top: 80rem;
}
.text-img-text .texts ul {
  margin-top: 80rem;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.text-img-text .img {
  border-radius: 50rem;
  background: #203f30;
  overflow: hidden;
  max-width: 690rem;
  height: -moz-fit-content;
  height: fit-content;
}
.text-img-text .img img {
  width: 100%;
}
.text-img-text .img p {
  padding: 60rem 70rem;
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
}

.zapis {
  margin-top: 120rem;
}
.zapis h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
}
.zapis .container {
  border-radius: 50rem;
  background: #203f30;
  padding: 80rem;
}
.zapis .wrapper {
  display: flex;
  justify-content: space-between;
  gap: 285rem;
  margin-top: 80rem;
}
.zapis img {
  max-width: 645rem;
  width: 100%;
}
.zapis a {
  margin-top: 80rem;
  display: flex;
  align-items: center;
  gap: 36rem;
}
.zapis a span {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  border-radius: 30rem;
  background: #fff;
  padding: 20rem 70rem;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
.zapis a span:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}
.zapis a svg {
  width: 40rem;
}
.zapis p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 40rem;
  color: #fff;
}

.nagradi {
  margin-top: 60rem;
}
.nagradi .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nagradi .heading h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #203f30;
}
.nagradi .arrows {
  display: flex;
  align-items: center;
  gap: 55rem;
}
.nagradi .nagrady-arrow {
  width: 40rem;
  cursor: pointer;
}
.nagradi .nagrady-arrow.next {
  transform: rotate(180deg);
}
.nagradi .nagradi-slider {
  margin-top: 80rem;
}
.nagradi .swiper-slide img {
  width: 100%;
}

.gifts {
  margin-top: 120rem;
}
.gifts .container {
  position: relative;
  background: #203f30;
  border-radius: 50rem;
  padding: 80rem;
}
.gifts h2 {
  font-weight: 400;
  font-size: 48rem;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  text-align: center;
}
.gifts .wrapper {
  margin-top: 70rem;
  display: flex;
  gap: 350rem;
}
.gifts .left {
  display: flex;
  flex-direction: column;
  gap: 80rem;
  max-width: 520rem;
  width: 100%;
}
.gifts .item h3 {
  font-weight: 400;
  font-size: 32rem;
  text-transform: uppercase;
  color: #fff;
}
.gifts .item p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
  margin-top: 40rem;
}
.gifts .right h3 {
  font-weight: 400;
  font-size: 32rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 40rem;
}
.gifts .right p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
  margin-bottom: 40rem;
}
.gifts .right .text-block {
  font-weight: 400;
  font-size: 20rem;
  text-transform: uppercase;
  color: #fff;
  padding: 40rem;
  border: 2rem solid #fff;
  border-radius: 50rem;
  max-width: 456rem;
}
.gifts .lenta {
  position: absolute;
  width: 309rem;
  top: -80rem;
  left: -72rem;
}
.gifts .lenta1 {
  position: absolute;
  width: 305rem;
  right: -80rem;
  bottom: -50rem;
}
.gifts .gift {
  position: absolute;
  top: -80rem;
  right: -65rem;
}
.gifts .gift1 {
  position: absolute;
  left: -60rem;
  bottom: -78rem;
}
.gifts .star, .gifts .star1, .gifts .star2, .gifts .star3, .gifts .star4, .gifts .star5, .gifts .star6 {
  position: absolute;
  width: 54rem;
  z-index: 2;
}
.gifts .star {
  top: 110rem;
  left: 190rem;
}
.gifts .star1 {
  top: 27rem;
  right: 222rem;
}
.gifts .star2 {
  top: 227rem;
  right: 33rem;
}
.gifts .star3 {
  bottom: 130rem;
  left: 135rem;
}
.gifts .star4 {
  bottom: 54rem;
  left: 258rem;
}
.gifts .star5 {
  bottom: 236rem;
  right: 649rem;
}
.gifts .star6 {
  bottom: 147rem;
  right: 128rem;
}

.main-curses {
  margin-top: 120rem;
}
.main-curses h2 {
  font-weight: 400;
  font-size: 48rem;
  text-transform: uppercase;
  color: #203f30;
  margin-bottom: 120rem;
}
.main-curses .wrapper {
  display: flex;
  flex-direction: column;
  gap: 120rem;
}
.main-curses .item.active .bottom {
  margin-top: 120rem;
  max-height: 2000rem;
}
.main-curses .item .top {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 60rem;
  height: 845rem;
}
.main-curses .item .top h3 {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 96rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 150rem;
}
.main-curses .item .top .item__wrapper {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: flex-end;
  justify-content: space-between;
}
.main-curses .item .top .item__wrapper button {
  margin-right: 160rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  padding: 18rem 32rem;
  border: 1rem solid #fff;
  border-radius: 30rem;
  background: none;
  cursor: pointer;
}
.main-curses .item .top .glass-text {
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  padding: 60rem;
}
.main-curses .item .top .glass-text .heading {
  font-weight: 400;
  font-size: 24rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 40rem;
}
.main-curses .item .top .glass-text .text {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
}
.main-curses .item .top .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main-curses .bottom {
  margin-top: 0;
  max-height: 0;
  transition: all 1s ease;
  overflow: hidden;
}
.main-curses .bottom .infos {
  display: flex;
  gap: 95rem;
}
.main-curses .bottom .about {
  background: #203f30;
  border-radius: 50rem;
  padding: 80rem;
  max-width: 833rem;
}
.main-curses .bottom .about h3 {
  font-weight: 400;
  font-size: 32rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 60rem;
}
.main-curses .bottom .about p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
  margin-bottom: 60rem;
}
.main-curses .bottom .galss-block {
  padding: 40rem 60rem;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
}
.main-curses .bottom .galss-block h3 {
  font-weight: 400;
  font-size: 32rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 40rem;
}
.main-curses .bottom .galss-block p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
}
.main-curses .bottom .result {
  border-radius: 50rem;
  background: #203f30;
  padding: 80rem;
}
.main-curses .bottom .result h3 {
  font-weight: 400;
  font-size: 32rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 60rem;
}
.main-curses .bottom .result p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
}
.main-curses .bottom .result .galss-block {
  margin-top: 30rem;
}
.main-curses .bottom .rews {
  margin-top: 60rem;
}
.main-curses .bottom .rews h3 {
  font-weight: 400;
  font-size: 32rem;
  text-transform: uppercase;
  color: #203f30;
  margin-bottom: 60rem;
}
.main-curses .bottom .rews .wrapper {
  display: flex;
  gap: 40rem;
  flex-direction: row;
}
.main-curses .bottom .rews__item {
  border-radius: 50rem;
  background: #203f30;
  padding: 60rem;
}
.main-curses .bottom .rews__item .top {
  display: flex;
  align-items: center;
  gap: 12rem;
  height: auto;
  flex-direction: row;
  padding: 0;
  justify-content: flex-start;
}
.main-curses .bottom .rews__item .top p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
}
.main-curses .bottom .rews__item .stars {
  display: flex;
  align-items: center;
  gap: 6rem;
}
.main-curses .bottom .rews__item .stars svg {
  width: 20rem;
}
.main-curses .bottom .btm {
  margin-top: 24rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
}
.main-curses .bottom .back-container {
  display: flex;
  justify-content: flex-end;
}
.main-curses .bottom .back {
  margin-top: 60rem;
  border: 1rem solid #203f30;
  border-radius: 30rem;
  padding: 18rem 30rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  background: none;
  display: flex;
  align-items: center;
  gap: 17rem;
  cursor: pointer;
}
.main-curses .bottom .back svg {
  width: 12rem;
}

.more-info {
  margin-top: 120rem;
}
.more-info .container {
  position: relative;
  padding: 80rem;
  border-radius: 50rem;
}
.more-info h3 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 193rem;
  position: relative;
  z-index: 2;
}
.more-info .glass-block {
  padding: 40rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  position: relative;
  z-index: 2;
  max-width: 742rem;
}
.more-info .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.for-all {
  margin-top: 120rem;
}
.for-all .container {
  border-radius: 50rem;
  background: #203f30;
  padding: 80rem;
}
.for-all h2 {
  font-weight: 400;
  font-size: 48rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 80rem;
}
.for-all .wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40rem;
  justify-content: center;
}
.for-all .item {
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  padding: 40rem;
}
.for-all .item h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
}

.socral {
  margin-top: 120rem;
}
.socral .container {
  border-radius: 50rem;
  background: #203f30;
  position: relative;
  padding: 80rem;
}
.socral .container img {
  position: absolute;
  width: 526rem;
  top: -106rem;
  right: -90rem;
}
.socral h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 80rem;
}
.socral .wrapper {
  display: flex;
  justify-content: space-between;
}
.socral h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
  max-width: 645rem;
}
.socral h3 span {
  font-family: "Unbounded", sans-serif;
}
.socral .glass-blovk {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
  padding: 40rem;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  max-width: 540rem;
}

.results .hero .container, .raspisanie .hero .container, .page-id-195 .hero .container {
  padding: 0;
  position: relative;
  padding: 70rem 90rem;
}
.results .hero h1, .raspisanie .hero h1, .page-id-195 .hero h1 {
  border-radius: 24rem;
  font-weight: 400;
  font-size: 96rem;
  text-transform: uppercase;
  color: #fff;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  padding: 30rem 0;
  width: 100%;
  text-align: center;
  max-width: 100%;
  position: relative;
  top: 0;
  right: 0;
}
.results .hero img, .raspisanie .hero img, .page-id-195 .hero img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.results-wrapper {
  margin-top: 120rem;
}
.results-wrapper .container {
  display: flex;
  flex-direction: column;
  gap: 120rem;
}
.results-wrapper .item {
  position: relative;
  background: #203f30;
  border-radius: 50rem;
  padding: 80rem 0 80rem 80rem;
}
.results-wrapper .item h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 85rem;
}
.results-wrapper .item img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 715rem;
}
.results-wrapper .item li {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 40rem;
  color: #fff;
}

.results-rews {
  margin-top: 120rem;
}
.results-rews .top {
  position: relative;
}
.results-rews .top img {
  position: relative;
  z-index: 2;
  width: 100%;
}
.results-rews .top h2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 80rem;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  padding: 60rem;
  border-radius: 24rem;
  font-weight: 400;
  font-size: 96rem;
  text-transform: uppercase;
  color: #fff;
  max-width: 785rem;
  z-index: 3;
}
.results-rews .wrapper {
  margin-top: 120rem;
  display: flex;
  gap: 25rem;
}
.results-rews .item {
  background: #203f30;
  border-radius: 50rem;
  padding: 60rem;
}
.results-rews .item .top {
  display: flex;
  align-items: center;
  gap: 12rem;
}
.results-rews .item .top p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
}
.results-rews .item .top .stars {
  display: flex;
  align-items: center;
  gap: 6rem;
}
.results-rews .item .top .stars svg {
  width: 20rem;
}
.results-rews .item .bottom {
  margin-top: 25rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
}

.change {
  margin-top: 120rem;
}
.change h3 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #203f30;
  margin-bottom: 120rem;
}
.change .wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40rem;
}
.change .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60rem;
  border-radius: 50rem;
  width: 796rem;
  height: 531rem;
  position: relative;
}
.change .item .heading {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  z-index: 2;
}
.change .item .glass {
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  padding: 40rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
  position: relative;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content;
}
.change .item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-revs {
  margin-top: 120rem;
}
.video-revs .container {
  border-radius: 50rem;
  background: #203f30;
  padding: 80rem;
  display: flex;
  gap: 80rem;
}
.video-revs h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
}
.video-revs p {
  margin-top: 50rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #fff;
}
.video-revs a {
  display: flex;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  padding: 20rem 35rem;
  border-radius: 30rem;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 50rem;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
.video-revs a:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}
.video-revs img {
  max-width: 696rem;
  width: 100%;
}

.bliz {
  margin-top: 120rem;
}
.bliz .container {
  position: relative;
  background: #203f30;
  border-radius: 50rem;
  overflow: hidden;
  display: flex;
}
.bliz .left {
  max-width: 815rem;
  padding: 50rem 100rem 50rem 50rem;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.bliz .left img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bliz .left h2 {
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  padding: 48rem;
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #fff;
}
.bliz .right {
  padding: 80rem 80rem 80rem 110rem;
  position: relative;
}
.bliz .right p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 40rem;
  color: #fff;
}
.bliz .right p:first-child {
  margin-bottom: 80rem;
  max-width: 590rem;
}
.bliz .right p:first-child::after {
  width: 100%;
  height: 1rem;
  background: #fff;
  content: "";
  display: block;
  margin-top: 50rem;
}
.bliz .right svg {
  position: absolute;
  top: 233rem;
  left: 32rem;
}
.bliz.reg .left {
  padding: 50rem 15rem 50rem 50rem;
  max-width: 735rem;
}
.bliz.reg .right {
  padding: 80rem 80rem 80rem 110rem;
  position: relative;
}
.bliz.reg .right p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #fff;
}
.bliz.reg .right p:first-child {
  margin-bottom: 0rem;
  max-width: 590rem;
}
.bliz.reg .right p:first-child::after {
  width: 100%;
  height: 1rem;
  background: #fff;
  content: "";
  margin-top: 50rem;
  display: none;
}
.bliz.reg .right svg {
  position: absolute;
  top: auto;
  left: 44rem;
  bottom: 4rem;
}
.bliz.reg a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  padding: 20rem 50rem;
  border-radius: 30rem;
  background: #fff;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 80rem;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
.bliz.reg a:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}

.blog .bliz.reg .right {
  padding: 65rem 50rem 65rem 120rem;
}
.blog .bliz.reg a {
  margin-top: 40rem;
}
.blog .bliz .left {
  padding: 50rem;
  max-width: 845rem;
}

.mar-list {
  margin-top: 50rem;
}
.mar-list .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50rem;
}
.mar-list .item {
  border-radius: 50rem;
  overflow: hidden;
  padding: 45rem 50rem 80rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mar-list .item h3 {
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  padding: 35rem 0;
  font-weight: 400;
  font-size: 40rem;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  width: 100%;
  margin-bottom: 45rem;
}
.mar-list .item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mar-list .item ul {
  width: 100%;
  padding: 44rem 0 44rem 144rem;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  display: flex;
  flex-direction: column;
  gap: 60rem;
  width: 100%;
}
.mar-list .item li {
  font-weight: 400;
  font-size: 40rem;
  text-transform: uppercase;
  color: #fff;
}
.mar-list .item li span {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 40rem;
}
.mar-list .item a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  padding: 18rem 72rem;
  border-radius: 30rem;
  background: white;
  position: relative;
  z-index: 2;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 56rem;
}

.arhiv {
  margin-top: 120rem;
}
.arhiv .container {
  position: relative;
  padding: 80rem;
}
.arhiv h2 {
  position: relative;
  z-index: 2;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  font-weight: 400;
  font-size: 96rem;
  text-transform: uppercase;
  color: #fff;
  padding: 50rem 80rem;
  margin-bottom: 155rem;
  width: -moz-fit-content;
  width: fit-content;
}
.arhiv .glass {
  position: relative;
  z-index: 2;
  -webkit-backdrop-filter: blur(48rem);
          backdrop-filter: blur(48rem);
  box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 24rem;
  padding: 40rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 620rem;
}
.arhiv .glass p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  margin-bottom: 40rem;
}
.arhiv .glass a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20rem 30rem;
  border: 1rem solid #fff;
  border-radius: 30rem;
  background: none;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
  z-index: 2;
  position: relative;
  display: block;
}
.arhiv .glass a:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}
.arhiv img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.arhiv .bottom-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.arhiv .bottom-wrapper a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  border: 1rem solid #fff;
  border-radius: 30rem;
  padding: 20rem 30rem;
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
.arhiv .bottom-wrapper a:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}
.arhiv.podpis h2 {
  max-width: 780rem;
  font-size: 64rem;
  padding: 40rem;
}

.blog .hero .container {
  display: flex;
  background: #203f30;
  position: relative;
  padding: 0;
  border-radius: 50rem;
  overflow: hidden;
  flex-direction: row;
}
.blog .hero .container img {
  position: relative;
  height: 100%;
  width: auto;
}
.blog .hero .right {
  padding: 0 40rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog .hero h1, .blog .hero h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 60rem;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  top: auto;
  right: auto;
  max-width: 100%;
  margin-bottom: 120rem;
}
.blog .hero p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  margin-bottom: 40rem;
}
.blog .hero a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20rem 30rem;
  border: 1rem solid #fff;
  border-radius: 30rem;
  width: fit-content;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
.blog .hero a:hover {
  background: #fff !important;
  color: #203f30 !important;
  border: 1rem solid #203f30 !important;
}
.blog .hero.btm {
  height: auto;
}
.blog .hero.btm .right {
  padding: 80rem;
}
.blog .hero.btm a {
  background: #fff;
  color: #203f30;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #fff;
}
.blog .hero.btm a:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}

.main {
  margin-top: 80rem;
}
.main .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 80rem;
}
.main h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #203f30;
}
.main p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
}
.main p.bold {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #203f30;
}
.main .faq-wrapper {
  width: 1120rem;
  margin: auto;
  margin-top: 120rem;
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
.main .faq-wrapper .item {
  border-bottom: 1rem solid #203f30;
}
.main .faq-wrapper .item.active .btm {
  padding-bottom: 30rem;
  max-height: 300rem;
}
.main .faq-wrapper .item.active .open-btn::before {
  transform: rotate(0);
}
.main .faq-wrapper .top {
  display: flex;
  align-items: center;
  gap: 40rem;
  justify-content: space-between;
  padding-bottom: 30rem;
}
.main .faq-wrapper .top h3 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #203f30;
}
.main .faq-wrapper .open-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 30rem;
  height: 30rem;
  justify-content: center;
  cursor: pointer;
}
.main .faq-wrapper .open-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 2rem;
  background: #203f30;
  position: absolute;
}
.main .faq-wrapper .open-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 2rem;
  background: #203f30;
  position: absolute;
  transform: rotate(90deg);
  transition: all 0.4s ease;
}
.main .faq-wrapper .btm {
  max-height: 0;
  transition: all 0.4s ease;
  overflow: hidden;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}

.form {
  margin-top: 80rem;
}
.form .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form form {
  max-width: 856rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form label {
  margin-top: 60rem;
  width: 100%;
  display: block;
}
.form label:first-child {
  margin-top: 0;
}
.form label p {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 20rem;
}
.form label input {
  width: 100%;
  border: 1rem solid #203f30;
  border-radius: 20rem;
  padding: 2rem;
  height: 80rem;
  padding: 0 20rem;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.form .send {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  padding: 20rem 30rem;
  border: 1rem solid #203f30;
  border-radius: 30rem;
  margin-top: 80rem;
  background: none;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #203f30;
}
.form .send:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}

.swaz {
  margin-top: 80rem;
}
.swaz .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swaz h2 {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #203f30;
}
.swaz .seti {
  display: flex;
  align-items: center;
  gap: 45rem;
}
.swaz a {
  font-weight: 400;
  font-size: 32rem;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #203f30;
}

.login-block {
  width: 100%;
  padding: 200rem 0;
  position: relative;
  margin-top: 60rem;
}
.login-block .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-block .wrapper {
  width: 100%;
  max-width: 1200rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 50rem;
  padding: 80rem 170rem;
  background: #fff;
}
.login-block .heading {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #203f30;
  margin-bottom: 40rem;
  text-align: center;
  width: 100%;
}
.login-block .sub-heading {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 60rem;
  text-align: center;
  width: 100%;
}
.login-block form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.login-block form label {
  margin-bottom: 40rem;
  display: block;
  width: 100%;
}
.login-block form label p {
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 20rem;
}
.login-block form label input {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 20rem;
  border: 1rem solid #203f30;
  border-radius: 20rem;
  height: 80rem;
  width: 100%;
  padding: 0 20rem;
}
.login-block form button, .login-block form a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  padding: 20rem 70rem;
  border-radius: 30rem;
  background: #203f30;
}
.login-block .login-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60rem;
  margin-top: 60rem;
}
.login-block .login-btm a {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.login-block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.preload-login {
  height: 100vh;
}
.preload-login .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.preload-login p {
  font-weight: 400;
  font-size: 64rem;
  text-transform: uppercase;
  color: #203f30;
}

.dostup {
  margin-top: 80rem;
}
.dostup .dos-heading {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
  margin-bottom: 80rem;
}
.dostup .wrapper {
  display: flex;
  flex-direction: column;
  gap: 60rem;
}
.dostup .item {
  padding-bottom: 40rem;
  border-bottom: 1rem solid #203f30;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.dostup .heading {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 24rem;
}
.dostup .text {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.dostup .item-r a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  padding: 20rem 30rem;
  border: 1rem solid #203f30;
  border-radius: 30rem;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.4s ease;
  cursor: pointer;
  border: 1rem solid #203f30;
}
.dostup .item-r a:hover {
  background: #203f30 !important;
  color: #fff !important;
  border: 1rem solid #fff !important;
}

.main-single-kurs {
  margin-top: 80rem;
}
.main-single-kurs h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
  margin-bottom: 80rem;
}
.main-single-kurs p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 32rem;
  color: #203f30;
  max-width: 1230rem;
  margin-top: 20rem;
}
.main-single-kurs a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  padding: 20rem 80rem;
  border-radius: 30rem;
  background: #203f30;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 80rem;
}
.single-kurs-item {
  margin-top: 80rem;
}
.single-kurs-item h1 {
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
  margin-bottom: 80rem;
}
.single-kurs-item .wrapper {
  display: flex;
  flex-direction: column;
  gap: 80rem;
  width: 100%;
  max-width: 900rem;
}
.single-kurs-item .item {
  border: 1rem solid #203f30;
  border-radius: 20rem;
  padding: 40rem;
  position: relative;
}
.single-kurs-item .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-kurs-item .heading {
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.single-kurs-item .date {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 20rem;
  color: #203f30;
}
.single-kurs-item .buttom {
  margin-top: 40rem;
}
.single-kurs-item .buttom a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 20rem;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #203f30;
}
.single-kurs-item .issee {
  position: absolute;
  bottom: 40rem;
  right: 40rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16rem;
  color: #fff;
  padding: 10rem 30rem;
  border-radius: 30rem;
  background: #0fb333;
}

.zanyatie {
  margin-top: 80rem;
}
.zanyatie .heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80rem;
}
.zanyatie .date {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 20rem;
  color: #203f30;
}
.zanyatie h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
}
.zanyatie .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zanyatie .wrapper {
  max-width: 1200rem;
  width: 100%;
}
.zanyatie .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zanyatie .top a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 20rem;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #203f30;
}
.zanyatie .top p {
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.zanyatie .video {
  width: 100%;
  margin-top: 40rem;
  position: relative;
}
.zanyatie .video video {
  width: 100%;
}
.zanyatie .video svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.buy-store {
  margin-top: 80rem;
}
.buy-store h1 {
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
  margin-bottom: 80rem;
}
.buy-store .wrapper {
  display: flex;
  flex-direction: column;
  gap: 40rem;
}
.buy-store .item {
  display: flex;
  justify-content: space-between;
  gap: 20rem;
  border-bottom: 1rem solid #203f30;
  padding-bottom: 40rem;
}
.buy-store .item h2 {
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 25rem;
}
.buy-store .item-heading p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.buy-store .item-period p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.buy-store .item-status {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.buy-store .item-status p {
  border-radius: 30rem;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16rem;
  color: #fff;
  padding: 10rem 20rem;
}
.buy-store .item-status.active p {
  background: #0fb333;
}
.buy-store .item-status.zaver p {
  background: #9c9c9c;
}
.buy-store .ending p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
}
.buy-store .ending h2, .buy-store .ending p {
  text-align: right;
  width: 100%;
}

.profile-main {
  margin-top: 80rem;
}
.profile-main h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 36rem;
  color: #203f30;
  margin-bottom: 80rem;
}
.profile-main label {
  display: block;
  width: 100%;
}
.profile-main label p {
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 20rem;
}
.profile-main label input {
  border: 1rem solid #203f30;
  border-radius: 20rem;
  padding: 20rem;
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-bottom: 20rem;
  width: 100%;
}
.profile-main .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50rem 100rem;
}
.profile-main .avatar {
  display: flex;
}
.profile-main .l {
  font-weight: 400;
  font-size: 24rem;
  color: #203f30;
  margin-right: 160rem;
}
.profile-main .r {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-main .r img {
  width: 120rem;
  margin-bottom: 46rem;
}
.profile-main .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20rem;
}
.profile-main .row a, .profile-main .row button, .profile-main .row label {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #203f30;
}
.profile-main .save {
  display: flex;
  justify-content: flex-end;
}
.profile-main .save a, .profile-main .save button {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 24rem;
  color: #fff;
  padding: 20rem 30rem;
  border-radius: 30rem;
  background: #203f30;
}

.mob {
  display: none;
}

.login-error {
  color: #dc3232;
  padding: 10rem;
  margin-bottom: 15rem;
  background: #ffebeb;
  border-left: 4rem solid #dc3232;
  font-size: 14rem;
}

@media (max-width: 1240px) {
  html, body {
    font-size: 0.2666666667vw;
  }
  .container {
    width: 315rem;
  }
  .header {
    padding-top: 30rem;
  }
  .header .logo {
    display: none;
  }
  .header .langs {
    margin: 0;
  }
  .header .langs__item {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 20rem;
    color: #203f30;
  }
  .header .header-nav {
    display: none;
  }
  .header .header-login {
    display: none;
  }
  .header .header-burger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24rem;
    height: 14rem;
  }
  .header .header-burger::after {
    content: "";
    display: block;
    width: 100%;
    height: 1rem;
    background: #203f30;
    position: absolute;
    top: 0;
  }
  .header .header-burger::before {
    content: "";
    display: block;
    width: 100%;
    height: 1rem;
    background: #203f30;
    position: absolute;
    bottom: 0;
  }
  .hero {
    height: -moz-fit-content;
    height: fit-content;
  }
  .hero .bg {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    border-radius: 30rem 30rem 0 0;
    background: #203f30;
  }
  .hero h1 {
    position: relative;
    font-weight: 400;
    font-size: 20rem;
    text-transform: uppercase;
    color: #203f30;
    top: auto;
    right: auto;
    width: 100%;
    margin-bottom: 30rem;
  }
  .hero .container {
    padding: 0;
    justify-content: flex-start;
  }
  .hero .galss-block {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 16rem;
    color: #fff;
    background: #203f30;
    box-shadow: none;
    border-radius: 0;
    padding: 30rem 30rem 0 30rem;
  }
  .hero .galss-block:last-child {
    border-radius: 0 0 30rem 30rem;
    padding: 0 30rem 30rem 30rem;
    padding-top: 20rem;
  }
  .kratko {
    margin-top: 30rem;
  }
  .kratko .container {
    flex-direction: column;
    gap: 30rem;
  }
  .kratko .section-heading {
    font-weight: 400;
    font-size: 20rem;
    text-transform: uppercase;
    color: #203f30;
  }
  .kratko .kratko-img {
    width: 100%;
    margin-top: 30rem;
  }
  .kratko .kratko-r p {
    font-size: 16rem;
  }
  .kratko .kratko-r p:first-child {
    margin-bottom: 30rem;
  }
  .kratko .kratko-r p:first-child::after {
    width: 100%;
    margin-top: 30rem;
  }
  .kratko .green-button {
    font-size: 16rem;
    padding: 15rem 40rem;
    margin-top: 30rem;
  }
  footer {
    padding-top: 30rem;
    margin-top: 40rem;
    padding-bottom: 30rem;
  }
  footer .footer-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    justify-content: space-between;
  }
  footer .footer-row.pol {
    flex-direction: column;
    display: flex;
    gap: 30rem;
    margin-top: 30rem;
  }
  footer .footer-row.pol a {
    font-size: 10rem;
  }
  footer .footer-item {
    gap: 30rem;
  }
  footer .footer-item a {
    font-size: 12rem;
  }
  footer .footer-item:nth-child(1) {
    order: 1;
  }
  footer .footer-item:nth-child(2) {
    order: 3;
    grid-column: span 2;
    margin-top: 30rem;
  }
  footer .footer-item:nth-child(3) {
    order: 2;
  }
  footer .footer-item:nth-child(4) {
    margin-top: 40rem;
    order: 4;
  }
  footer .footer-item:nth-child(5) {
    margin-top: 40rem;
    order: 5;
  }
  .mob-head-menu {
    transition: all 0.4s ease;
    transform: translateX(-100%);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: #fff;
    padding: 25rem;
  }
  .mob-head-menu.active {
    transform: translate(0, 0);
  }
  .mob-head-menu .top {
    margin-bottom: 40rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mob-head-menu .logo {
    width: 64rem;
    height: 64rem;
  }
  .mob-head-menu .header-burger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24rem;
    height: 24rem;
  }
  .mob-head-menu .header-burger::after {
    content: "";
    display: block;
    width: 100%;
    height: 1rem;
    background: #203f30;
    position: absolute;
    transform: rotate(-45deg);
  }
  .mob-head-menu .header-burger::before {
    content: "";
    display: block;
    width: 100%;
    height: 1rem;
    background: #203f30;
    position: absolute;
    transform: rotate(45deg);
  }
  .mob-head-menu .header-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 30rem;
    align-items: center;
  }
  .mob-head-menu .header-nav__item {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 18rem;
    color: #203f30;
  }
  .mob-head-menu .header-nav__item:nth-child(even) {
    text-align: right;
  }
  .mob-head-menu .header-nav__item.login span {
    font-family: "Raleway", sans-serif;
    padding: 8rem 24rem;
    border: 1rem solid #203f30;
    border-radius: 30rem;
    width: -moz-fit-content;
    width: fit-content;
  }
  .about-hero .about-heading {
    font-size: 36rem;
  }
  .about-hero .about-hero-wrapper {
    margin-top: 30rem;
    flex-direction: column;
    gap: 30rem;
  }
  .about-hero .about-hero-wrapper img {
    width: 100%;
    order: 1;
  }
  .about-hero .about-hero-coll {
    height: -moz-fit-content;
    height: fit-content;
    gap: 20rem;
  }
  .about-hero .about-hero-coll:nth-child(1) {
    order: 2;
  }
  .about-hero .about-hero-coll:nth-child(3) {
    order: 3;
  }
  .about-hero .about-hero-item {
    gap: 20rem;
  }
  .about-hero .about-hero-item__heading {
    font-size: 24rem;
  }
  .about-hero .about-heor-item__text {
    font-size: 20rem;
  }
  .znakomstvo {
    margin-top: 30rem;
  }
  .znakomstvo .container {
    width: 315rem;
    padding: 30rem;
    border-radius: 30rem;
  }
  .znakomstvo h2 {
    font-size: 20rem;
  }
  .znakomstvo .wrapper {
    margin-top: 30rem;
    flex-direction: column;
    gap: 30rem;
  }
  .znakomstvo .wrapper img {
    width: 100%;
    height: auto;
  }
  .znakomstvo .texts p {
    font-size: 16rem;
  }
  .znakomstvo .texts p:first-child::after {
    width: 100%;
  }
  .text-img {
    margin-top: 30rem;
  }
  .text-img .container {
    padding: 30rem;
    width: 315rem;
    background: #203f30;
    border-radius: 30rem;
    flex-direction: column;
  }
  .text-img .text {
    order: 2;
    gap: 30rem;
    padding: 0;
    width: 100%;
  }
  .text-img .text p, .text-img .text li {
    font-size: 16rem;
  }
  .text-img .text b {
    font-size: 16rem;
  }
  .text-img img {
    order: 1;
    width: 100%;
  }
  .text-img-text {
    margin-top: 30rem;
  }
  .text-img-text .container {
    flex-direction: column;
    gap: 20rem;
  }
  .text-img-text .texts {
    width: 100%;
  }
  .text-img-text .texts h2 {
    font-size: 20rem;
  }
  .text-img-text .texts p, .text-img-text .texts li {
    margin-top: 30rem;
    font-size: 16rem;
  }
  .text-img-text .texts li {
    margin: 0;
  }
  .text-img-text .texts ul {
    margin-top: 30rem;
    gap: 2rem;
  }
  .text-img-text .img {
    border-radius: 30rem;
  }
  .text-img-text .img p {
    padding: 30rem 20rem;
    font-size: 16rem;
  }
  .nagradi .heading h2 {
    font-size: 20rem;
  }
  .nagradi .arrows {
    gap: 10rem;
  }
  .nagradi .nagrady-arrow {
    width: 30rem;
  }
  .zapis .container {
    border-radius: 30rem;
    padding: 30rem;
  }
  .zapis h2 {
    font-size: 16rem;
  }
  .zapis .wrapper {
    flex-direction: column;
    gap: 30rem;
  }
  .zapis .texts {
    order: 2;
  }
  .zapis .texts p {
    font-size: 16rem;
  }
  .zapis img {
    order: 1;
  }
  .zapis a {
    margin-top: 30rem;
  }
  .zapis a span {
    padding: 15rem 50rem;
    font-size: 16rem;
  }
  .zapis a svg {
    display: none;
  }
  .cursses .hero .container {
    padding: 30rem;
    border-radius: 30rem;
    overflow: hidden;
  }
  .cursses .hero h1 {
    color: #fff;
    font-size: 16rem;
    margin-bottom: 240rem;
  }
  .cursses .hero .galss-block {
    -webkit-backdrop-filter: blur(48rem);
            backdrop-filter: blur(48rem);
    box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 25rem;
    padding: 20rem;
  }
  .cursses .hero h2 {
    margin-bottom: 20rem;
  }
  .cursses .hero h3 {
    margin-bottom: 0;
  }
  .cursses .hero .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .gifts {
    margin-top: 30rem;
  }
  .gifts .container {
    padding: 80rem 30rem 60rem 30rem;
  }
  .gifts h2 {
    font-size: 16rem;
  }
  .gifts .wrapper {
    margin-top: 40rem;
    flex-direction: column;
    gap: 40rem;
  }
  .gifts .left {
    gap: 40rem;
  }
  .gifts .item h3 {
    font-size: 16rem;
  }
  .gifts .item p {
    font-size: 16rem;
  }
  .gifts .right h3 {
    font-size: 16rem;
  }
  .gifts .right p {
    font-size: 16rem;
  }
  .gifts .right .text-block {
    padding: 20rem 25rem;
    font-size: 11rem;
    border-radius: 30rem;
  }
  .gifts .lenta {
    width: 119rem;
    top: -30rem;
    left: -22rem;
  }
  .gifts .lenta1 {
    width: 105rem;
    right: -20rem;
    bottom: -60rem;
  }
  .gifts .gift {
    top: -30rem;
    right: -25rem;
    width: 110rem;
  }
  .gifts .gift1 {
    left: -30rem;
    bottom: -29rem;
    width: 100rem;
  }
  .gifts .star, .gifts .star1, .gifts .star2, .gifts .star3, .gifts .star4, .gifts .star5, .gifts .star6 {
    width: 30rem;
  }
  .gifts .star {
    top: 30rem;
    left: 96rem;
  }
  .gifts .star1 {
    top: 120rem;
    right: 30rem;
  }
  .gifts .star2 {
    top: 154rem;
    left: -15rem;
  }
  .gifts .star3 {
    top: 422rem;
    right: 8rem;
    left: auto;
  }
  .gifts .star4 {
    top: 415rem;
    left: -15rem;
  }
  .gifts .star5 {
    bottom: 167rem;
    right: 248rem;
  }
  .gifts .star6 {
    bottom: 87rem;
    right: 68rem;
  }
  .main-curses {
    margin-top: 80rem;
  }
  .main-curses h2 {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  .main-curses .item .top {
    padding: 90rem 15rem 30rem;
    height: auto;
    border-radius: 30rem;
    overflow: hidden;
  }
  .main-curses .item .top .bg {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-curses .item .top h3 {
    font-size: 36rem;
    margin-bottom: 90rem;
  }
  .main-curses .item .top .glass-text {
    width: 100%;
    padding: 20rem;
  }
  .main-curses .item .top .glass-text .heading {
    font-size: 16rem;
    margin-bottom: 30rem;
  }
  .main-curses .item .top .glass-text .text {
    font-size: 16rem;
  }
  .main-curses .item .top .item__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .main-curses .item .top .item__wrapper button {
    margin: 0;
    margin-top: 60rem;
    padding: 15rem 50rem;
    font-size: 16rem;
  }
  .main-curses .item.active .bottom {
    margin-top: 30rem;
  }
  .main-curses .bottom .infos {
    flex-direction: column;
    gap: 30rem;
  }
  .main-curses .bottom .about, .main-curses .bottom .result {
    border-radius: 30rem;
    padding: 30rem;
  }
  .main-curses .bottom .about h3, .main-curses .bottom .result h3 {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  .main-curses .bottom .about p, .main-curses .bottom .about li, .main-curses .bottom .result p, .main-curses .bottom .result li {
    font-size: 16rem;
  }
  .main-curses .bottom .galss-block {
    padding: 20rem;
  }
  .main-curses .bottom .galss-block p {
    margin: 0;
  }
  .main-curses .bottom .rews {
    margin-top: 30rem;
  }
  .main-curses .bottom .rews h3 {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  .main-curses .bottom .rews .wrapper {
    flex-direction: column;
    gap: 20rem;
  }
  .main-curses .bottom .rews__item {
    padding: 30rem;
  }
  .main-curses .bottom .rews__item .top {
    gap: 16rem;
  }
  .main-curses .bottom .rews__item .top p {
    font-size: 16rem;
  }
  .main-curses .bottom .rews__item .top .starts {
    gap: 3rem;
  }
  .main-curses .bottom .rews__item .top .starts svg {
    width: 10rem;
  }
  .main-curses .bottom .btm {
    font-size: 20rem;
  }
  .main-curses .bottom .back-container {
    justify-content: center;
  }
  .main-curses .bottom .back {
    font-size: 16rem;
    padding: 15rem 45rem;
  }
  .for-all h2 {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  .for-all .container {
    padding: 30rem;
    border-radius: 30rem;
  }
  .for-all .wrapper {
    gap: 30rem;
  }
  .for-all .item {
    max-width: 100% !important;
    padding: 20rem 25rem;
  }
  .for-all .item h3 {
    font-size: 20rem;
  }
  .more-info {
    margin-top: 30rem;
  }
  .more-info .container {
    border-radius: 30rem;
    overflow: hidden;
    padding: 90rem 15rem;
  }
  .more-info h3 {
    font-size: 36rem;
    margin-bottom: 90rem;
  }
  .more-info h3 br {
    display: block;
  }
  .more-info .glass-block {
    padding: 20rem;
    font-size: 16rem;
  }
  .more-info .bg {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .socral {
    margin-top: 60rem;
  }
  .socral h2 {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  .socral .container {
    padding: 45rem 20rem;
    border-radius: 30rem;
  }
  .socral .container img {
    width: 160rem;
    top: -30rem;
    right: -10rem;
  }
  .socral .wrapper {
    flex-direction: column;
  }
  .socral .wrapper h3 {
    font-size: 16rem;
  }
  .socral .wrapper .glass-blovk {
    padding: 25rem;
    font-size: 16rem;
    margin-top: 30rem;
  }
  .results .hero .container, .raspisanie .hero .container, .page-id-195 .hero .container {
    padding: 10rem;
    border-radius: 30rem;
    overflow: hidden;
    width: 315rem;
    height: 599rem;
  }
  .results .hero .container h1, .raspisanie .hero .container h1, .page-id-195 .hero .container h1 {
    font-size: 24rem;
    margin-top: 300rem;
  }
  .results .hero img, .raspisanie .hero img, .page-id-195 .hero img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .results-wrapper {
    margin-top: 30rem;
  }
  .results-wrapper .container {
    gap: 20rem;
  }
  .results-wrapper .item {
    padding: 20rem;
    border-radius: 30rem;
  }
  .results-wrapper .item img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  .results-wrapper .item h2 {
    font-size: 16rem;
    margin-bottom: 12rem;
  }
  .results-wrapper .item li {
    font-size: 16rem;
  }
  .results-rews {
    margin-top: 30rem;
  }
  .results-rews .top {
    border-radius: 30rem;
    overflow: hidden;
    height: 600rem;
  }
  .results-rews .top img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .results-rews .top h2 {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60rem;
    width: 295rem;
    padding: 30rem 30rem;
    font-size: 36rem;
  }
  .results-rews .wrapper {
    margin-top: 30rem;
    gap: 20rem;
    flex-direction: column;
  }
  .results-rews .wrapper .item {
    padding: 30rem;
    border-radius: 30rem;
  }
  .results-rews .wrapper .item .top {
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0;
  }
  .results-rews .wrapper .item .top p {
    font-size: 16rem;
  }
  .results-rews .wrapper .item .top .stars {
    gap: 3rem;
  }
  .results-rews .wrapper .item .top .stars svg {
    width: 12rem;
  }
  .results-rews .wrapper .bottom {
    font-size: 20rem;
  }
  .change {
    margin-top: 30rem;
  }
  .change h3 {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  .change .wrapper {
    flex-direction: column;
  }
  .change .item {
    border-radius: 30rem;
    overflow: hidden;
    width: 100%;
    padding: 20rem 20rem 30rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
  }
  .change .item img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .change .item .heading {
    font-size: 48rem;
    margin-bottom: 185rem;
  }
  .change .item .glass {
    padding: 20rem;
    font-size: 20rem;
  }
  .video-revs h2 {
    font-size: 20rem;
    margin-bottom: 30rem;
    width: 100%;
  }
  .video-revs p {
    font-size: 16rem;
    margin-top: 30rem;
    width: 100%;
  }
  .video-revs a {
    font-size: 16rem;
    padding: 15rem 30rem;
  }
  .video-revs .container {
    padding: 30rem;
    border-radius: 30rem;
    flex-direction: column;
    align-items: center;
  }
  .video-revs .text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .video-revs img.desk {
    display: none;
  }
  .video-revs img.mob {
    display: block;
  }
  .bliz {
    margin-top: 30rem;
  }
  .bliz .container {
    flex-direction: column;
  }
  .bliz .left {
    padding: 90rem 30rem 30rem;
  }
  .bliz .left h2 {
    font-size: 24rem;
    padding: 20rem;
  }
  .bliz .right {
    padding: 30rem;
  }
  .bliz .right p {
    font-size: 16rem;
  }
  .bliz .right p:first-child {
    margin-bottom: 30rem;
  }
  .bliz .right p:first-child::after {
    margin-top: 30rem;
  }
  .bliz .right svg {
    display: none;
  }
  .bliz.reg .right {
    padding: 30rem;
  }
  .bliz.reg .right p {
    font-size: 16rem;
  }
  .bliz.reg .right a {
    margin-top: 30rem;
    font-size: 16rem;
    width: 100%;
    padding: 15rem 0;
    text-align: center;
    justify-content: center;
  }
  .mar-list {
    margin-top: 30rem;
  }
  .mar-list .container {
    grid-template-columns: 1fr;
  }
  .mar-list .item {
    padding: 40rem 10rem;
    border-radius: 30rem;
  }
  .mar-list .item h3 {
    font-size: 20rem;
    margin-bottom: 40rem;
  }
  .mar-list .item ul {
    gap: 30rem;
    padding: 30rem;
    align-items: flex-start;
  }
  .mar-list .item li {
    font-size: 20rem;
  }
  .mar-list .item li span {
    font-size: 20rem;
  }
  .mar-list .item a {
    font-size: 16rem;
    padding: 15rem 55rem;
    margin-top: 55rem;
  }
  .arhiv {
    margin-top: 30rem;
  }
  .arhiv .container {
    border-radius: 30rem;
    overflow: hidden;
    padding: 30rem 20rem;
  }
  .arhiv h2 {
    font-size: 28rem;
    padding: 20rem 30rem;
    margin-bottom: 60rem;
  }
  .arhiv img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .arhiv .glass {
    padding: 0;
    background: none;
    box-shadow: none;
    background: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
  .arhiv .glass a {
    font-size: 16rem;
    padding: 15rem 0;
    width: 100%;
    justify-content: center;
  }
  .arhiv .glass p {
    font-size: 16rem;
    width: 100%;
    padding: 30rem;
    -webkit-backdrop-filter: blur(48rem);
            backdrop-filter: blur(48rem);
    box-shadow: inset 0 0 68rem 0 rgba(255, 255, 255, 0.05), inset 0 4rem 4rem 0 rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 30rem;
    margin-bottom: 60rem;
  }
  .blog .hero .container {
    padding: 0rem;
    border-radius: 30rem;
    overflow: hidden;
  }
  .blog .hero .right {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .blog .hero h1, .blog .hero h2 {
    padding: 30rem;
    font-size: 20rem;
    margin: 0;
    width: 100%;
  }
  .blog .hero p {
    font-size: 16rem;
    padding: 30rem;
  }
  .blog .hero a {
    margin: 0 30rem 30rem 30rem;
    padding: 15rem 50rem;
  }
  .blog .hero img {
    height: -moz-fit-content;
    height: fit-content;
  }
  .blog .hero img.mob {
    display: block;
  }
  .blog .hero img.desk {
    display: none;
  }
  .blog .hero.btm .right {
    padding: 0;
  }
  .blog .bliz .left {
    padding: 20rem;
  }
  .blog .bliz.reg .right {
    padding: 20rem;
  }
  .arhiv.podpis {
    margin-top: 30rem;
  }
  .arhiv.podpis .container {
    padding: 0;
    background: #203f30;
    border-radius: 30rem;
    overflow: hidden;
  }
  .arhiv.podpis img {
    position: relative;
  }
  .arhiv.podpis img.mob {
    display: block;
  }
  .arhiv.podpis img.desk {
    display: none;
  }
  .arhiv.podpis .bottom-wrapper {
    padding: 30rem 35rem;
    flex-direction: column;
  }
  .arhiv.podpis .glass {
    margin-bottom: 30rem;
  }
  .arhiv.podpis .glass p {
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    padding: 0;
    margin-bottom: 30rem;
  }
  .arhiv.podpis .glass a {
    padding: 15rem 10rem;
    font-size: 16rem;
  }
  .arhiv.podpis a {
    padding: 15rem 10rem;
    font-size: 16rem;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .arhiv.podpis h2 {
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    padding: 30rem 35rem;
    font-size: 20rem;
    margin: 0;
  }
  .bliz .left h2 {
    width: 100%;
    font-size: 20rem;
  }
  .blog .hero.btm a {
    font-size: 16rem;
    padding: 15rem 30rem;
    text-align: center;
    justify-content: center;
  }
  .main h1 {
    font-size: 24rem;
  }
  .main .wrapper {
    margin-top: 30rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .main p {
    font-size: 16rem;
  }
  .main p.bold {
    margin-top: 30rem;
    font-size: 16rem;
  }
  .main .faq-wrapper {
    width: 100%;
    max-width: 100%;
    margin-top: 40rem;
  }
  .main .faq-wrapper .item.actie .btm {
    padding-bottom: 20rem;
  }
  .main .faq-wrapper .top {
    padding-bottom: 20rem;
  }
  .main .faq-wrapper .top h3 {
    font-size: 16rem;
  }
  .main .faq-wrapper .open-btn {
    width: 20rem;
    height: 20rem;
    flex-shrink: 0;
  }
  .main .faq-wrapper .btm {
    font-size: 16rem;
  }
  .form {
    margin-top: 30rem;
  }
  .form .send {
    margin-top: 40rem;
    font-size: 16rem;
    padding: 15rem 30rem;
  }
  .form label {
    margin-top: 20rem;
  }
  .form label p {
    font-size: 16rem;
    margin-bottom: 15rem;
  }
  .form label input {
    height: 48rem;
  }
  .swaz {
    margin-top: 30rem;
  }
  .swaz h2 {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .swaz .container {
    flex-direction: column;
  }
  .swaz .seti {
    flex-direction: column;
    gap: 30rem;
  }
  .swaz .seti a {
    font-size: 20rem;
  }
  .refuntdone .login-block .heading {
    font-size: 16rem;
  }
  .login-block .sub-heading {
    font-size: 16rem;
    margin-bottom: 44rem;
  }
  .login-block .wrapper {
    padding: 30rem;
  }
  .login-block .heading {
    font-size: 24rem;
    margin-bottom: 45rem;
  }
  .login-block .login-btm {
    margin-top: 30rem;
    flex-direction: column;
    gap: 20rem;
  }
  .login-block .login-btm a {
    text-align: center;
    font-size: 12rem;
  }
  .login-block form label {
    margin-bottom: 15rem;
  }
  .login-block form label p {
    font-size: 16rem;
    margin-bottom: 15rem;
  }
  .login-block form label input {
    height: 48rem;
    margin: 0;
  }
  .login-block form a, .login-block form button {
    margin-top: 30rem;
    font-size: 16rem;
    padding: 8rem 30rem;
  }
  .preload-login p {
    font-size: 20rem;
  }
  .dostup .dos-heading {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .dostup .item {
    flex-direction: column;
    align-items: flex-start;
  }
  .dostup .item .heading {
    font-size: 16rem;
    margin-bottom: 24rem;
  }
  .dostup .item .text {
    font-size: 16rem;
    margin-bottom: 24rem;
  }
  .dostup .item .item-r a {
    font-size: 16rem;
    padding: 8rem 30rem;
  }
  .main-single-kurs h1 {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .main-single-kurs p {
    font-size: 16rem;
  }
  .main-single-kurs a {
    margin-top: 40rem;
    font-size: 16rem;
    padding: 8rem 32rem;
  }
  .single-kurs-item h1 {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .single-kurs-item .wrapper {
    gap: 20rem;
  }
  .single-kurs-item .item {
    padding: 20rem;
  }
  .single-kurs-item .item .top {
    flex-direction: column;
    align-items: flex-start;
  }
  .single-kurs-item .item .heading {
    font-size: 16rem;
    margin-bottom: 20rem;
  }
  .single-kurs-item .item .date {
    font-size: 16rem;
  }
  .single-kurs-item .item .buttom {
    margin-top: 20rem;
  }
  .single-kurs-item .item .issee {
    bottom: 20rem;
    right: 20rem;
    font-size: 14rem;
    padding: 6rem 20rem;
  }
  .zanyatie h1 {
    font-size: 20rem;
    margin-bottom: 20rem;
  }
  .zanyatie .heading {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 80rem;
  }
  .zanyatie .date {
    font-size: 16rem;
  }
  .zanyatie .top a {
    font-size: 12rem;
  }
  .zanyatie .top p {
    font-size: 10rem;
  }
  .zanyatie .video {
    margin-top: 30rem;
    position: relative;
  }
  .zanyatie .video svg {
    width: 25rem;
    height: 25rem;
  }
  .buy-store h1 {
    font-size: 24rem;
    margin-bottom: 40rem;
  }
  .buy-store .item {
    flex-direction: column;
  }
  .buy-store .item-heading h2 {
    font-size: 16rem;
    margin-bottom: 20rem;
  }
  .buy-store .item-heading p {
    font-size: 16rem;
  }
  .buy-store .item-period h2 {
    font-size: 16rem;
    margin-bottom: 20rem;
  }
  .buy-store .item-period p {
    font-size: 16rem;
  }
  .buy-store .item-status {
    align-items: flex-start;
  }
  .buy-store .item-status h2 {
    font-size: 16rem;
    margin-bottom: 20rem;
  }
  .buy-store .item-status p {
    font-size: 14rem;
    padding: 6rem 20rem;
  }
  .buy-store .ending {
    align-items: flex-start;
  }
  .buy-store .ending h2 {
    font-size: 16rem;
    margin-bottom: 20rem;
  }
  .buy-store .ending p {
    font-size: 16rem;
  }
  .buy-store .ending h2, .buy-store .ending p {
    text-align: left;
  }
  .profile-main h1 {
    font-size: 24rem;
    margin-bottom: 24rem;
  }
  .profile-main .wrapper {
    display: flex;
    flex-direction: column;
    gap: 20rem;
  }
  .profile-main label p {
    font-size: 14rem;
  }
  .profile-main label input {
    height: 48rem;
    font-size: 14rem;
  }
  .profile-main label:nth-child(1) {
    order: 1;
  }
  .profile-main label:nth-child(2) {
    order: 4;
  }
  .profile-main label:nth-child(3) {
    order: 2;
  }
  .profile-main label:nth-child(4) {
    order: 5;
  }
  .profile-main label:nth-child(5) {
    order: 3;
  }
  .profile-main label:nth-child(6) {
    order: 6;
  }
  .profile-main label:nth-child(8) {
    order: 7;
  }
  .profile-main .avatar {
    order: 8;
    width: 100%;
    position: relative;
  }
  .profile-main .avatar .l {
    font-size: 16rem;
    position: absolute;
  }
  .profile-main .avatar .r {
    flex-flow: column-reverse;
    margin-top: 10rem;
    width: 100%;
  }
  .profile-main .avatar img {
    margin-bottom: 30rem;
  }
  .profile-main .avatar .row a {
    font-size: 16rem;
  }
  .profile-main .save {
    justify-content: center;
    margin-top: 40rem;
  }
  .profile-main .save a, .profile-main .save button {
    font-size: 16rem;
    padding: 8rem 20rem;
  }
}/*# sourceMappingURL=style.css.map */