@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cheltenham;
  src: url('../fonts/Cheltenham_BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: "Cheltenham ultra (1)";
  src: url('../fonts/Cheltenham_Ultra-1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cheltenham;
  src: url('../fonts/Cheltenham_LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Cheltenham;
  src: url('../fonts/Cheltenham_Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cheltenham;
  src: url('../fonts/Cheltenham_BookItalic.ttf') format("truetype"), url('../fonts/Cheltenham_UltraItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Cheltenham;
  src: url('../fonts/Cheltenham_Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Aver;
  src: url('../fonts/Aver_Bold_Italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Dinpro;
  src: url('../fonts/DINPro-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Dinpro;
  src: url('../fonts/DINPro-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Dinpro;
  src: url('../fonts/dinpro-bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Din pro;
  src: url('../fonts/din-pro-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Blacksword;
  src: url('../fonts/Blacksword.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Cheltenham book;
  src: url('../fonts/Cheltenham-Book-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --black: black;
  --firebrick: #be0507;
  --white: white;
  --dark-slate-grey: #383838;
  --gold: #a38e4d;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  letter-spacing: 4px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1em;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h5 {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lora, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
}

p {
  color: var(--black);
  text-transform: none;
  margin-bottom: 10px;
  font-family: Lora, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

a {
  color: var(--firebrick);
  text-decoration: underline;
}

a.w--current {
  text-decoration: none;
}

li {
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

.section {
  height: 100vh;
}

.hero-video {
  background-image: linear-gradient(#000000bf, #000000bf);
  height: 100vh;
}

.homescroll-section {
  height: auto;
  padding-top: 50px;
  padding-bottom: 0;
}

.body {
  background-image: linear-gradient(#fff, #fff);
  font-family: Dinpro, sans-serif;
}

.heading {
  color: #a38e4d;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: -12px;
  font-size: 5vh;
  font-weight: 300;
}

.heading-2 {
  color: #fff;
  letter-spacing: 7px;
  margin-top: -19px;
  margin-bottom: auto;
  font-size: 11vh;
  font-weight: 400;
  line-height: 1em;
}

.description {
  color: #a38e4d;
  letter-spacing: 4px;
  margin-top: 7px;
  font-family: Lora, sans-serif;
  font-size: 2.5vh;
}

.left-wrapper {
  margin-top: 15vh;
}

.left-wrapper.donate {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.image-2 {
  width: 30vh;
}

.button {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 29px;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 1em;
  transition: all .2s;
}

.button:hover {
  border-color: #fff;
}

.button.store.w--current {
  margin-left: 0;
}

.paragraph-2 {
  text-align: center;
  letter-spacing: 4px;
  font-size: 24px;
}

.heading-3 {
  text-align: center;
  letter-spacing: 5px;
  margin-top: auto;
  font-size: 6em;
  font-weight: 400;
  line-height: 1em;
}

.homeparagraph {
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 20px;
}

.image-4 {
  position: relative;
}

.left-paragraph-div {
  background-color: #fff;
  border-style: none;
  border-color: #fff;
  height: 325px;
  margin-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  position: static;
}

.text-block {
  color: #000;
  letter-spacing: 5px;
  padding-left: 0;
  font-size: 40px;
  line-height: 40px;
  text-decoration: none;
  position: relative;
  top: 20px;
}

.lightbox-link {
  height: 250px;
  text-decoration: none;
  position: static;
  top: 0;
}

.paragraph {
  color: #000;
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Lora, sans-serif;
  font-size: 14px;
  position: relative;
  top: 40px;
}

.div-block {
  border: 0 dotted #a38e4d;
  border-top-style: dashed;
  border-bottom-width: 1px;
  width: 250px;
  height: 1px;
  position: relative;
  top: 30px;
  left: 0;
  right: -40px;
}

.button-2 {
  background-color: #a38e4d;
  transition: all .2s;
  position: absolute;
  top: 535px;
  left: 0;
}

.button-2:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #a38e4d;
}

.row {
  margin-top: 50px;
  transition: all .2s;
}

.homepage-block {
  margin-top: 35px;
  position: static;
  inset: 300px 0;
}

.div-block-2 {
  background-image: url('../images/girlsdarker.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  margin-top: 54px;
  padding-left: 50px;
}

.div-block-2.hora {
  background-color: #00000069;
  background-image: linear-gradient(#00000080, #00000080), url('../images/hora-hopak1.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 50px;
}

.heading-4 {
  color: #a38e4d;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 2.5em;
  font-weight: 400;
  position: relative;
  top: 50px;
  left: 0;
}

.text-block-3 {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 5em;
  line-height: 1em;
  position: relative;
  top: 50px;
  left: 0;
}

.text-block-3.stopre {
  margin-bottom: 50px;
  left: 0;
}

.text-block-4 {
  color: #a38e4d;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 2.5em;
  line-height: 1em;
  position: relative;
  top: 60px;
  left: 0;
}

.text-block-5 {
  color: #fff;
  letter-spacing: 5px;
  font-size: 5em;
  line-height: 1em;
  position: relative;
  top: 70px;
  left: 0;
}

.wrapper-link {
  clear: left;
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  top: 100px;
  left: 0;
}

.wrapper-link:hover {
  color: #a38e4d;
}

.row-2 {
  margin-top: 60px;
}

.homelink-box {
  background-image: url('../images/rusalka-square1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
  text-decoration: none;
}

.text-block-6 {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  margin-top: auto;
  font-size: 2em;
  text-decoration: none;
  position: relative;
  top: 50%;
}

.paragraph-3 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Lora, sans-serif;
  font-size: 12px;
  position: relative;
  top: 52%;
}

.homelink-box-right {
  background-image: url('../images/rusalkssquare2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
  text-decoration: none;
}

.section-3 {
  color: #fff;
  text-transform: uppercase;
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/131027-Rusalka-734.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.about-heading {
  color: #fff;
  letter-spacing: 7px;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Dinpro, sans-serif;
  font-size: 4vh;
  font-weight: 400;
  line-height: 1em;
}

.about-heading2 {
  color: #a38e4d;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Dinpro, sans-serif;
  font-size: 5vh;
  font-weight: 300;
}

.about-heading2.about {
  font-size: 4vh;
}

.row-3 {
  margin-top: 25px;
}

.paragraph-4 {
  padding-left: 15px;
  font-size: 14px;
  line-height: 22px;
}

.paragraph-4.white {
  color: var(--white);
}

.section-4 {
  height: 100vh;
}

.background-video {
  background-image: linear-gradient(#000000bf, #000000bf);
  height: 100%;
}

.section-heading {
  color: #fff;
  text-align: right;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-family: Dinpro, sans-serif;
  font-size: 10vh;
  font-weight: 400;
  line-height: 1em;
}

.section-description {
  color: #a38e4d;
  text-align: right;
  letter-spacing: 8px;
  text-transform: uppercase;
  font-family: Dinpro, sans-serif;
  font-size: 2.5vh;
  line-height: 1em;
}

.section-paragraph {
  color: #fff;
  text-align: right;
  margin-top: 13px;
  font-size: 14px;
  line-height: 24px;
}

.section-div {
  margin-top: 65vh;
  position: static;
  top: 805%;
}

.text-block-8 {
  font-family: Dinpro, sans-serif;
  font-size: 4vh;
  line-height: 1em;
}

.paragraph-6 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}

.div-block-3 {
  background-color: #0000;
  border: 2px #000;
  max-width: 900px;
  margin: 50px auto auto;
  padding: auto;
}

.section-5 {
  height: auto;
  padding-top: 25px;
}

.section-6 {
  background-image: linear-gradient(#0009, #0009), url('../images/79IMG_0003.jpg');
  background-position: 0 0, 50% -350px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 2952px;
  background-attachment: scroll, scroll;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
}

.rodyna-wrapper {
  margin-top: auto;
  position: static;
  top: 805%;
}

.section-description-copy {
  color: #a38e4d;
  text-align: right;
  letter-spacing: 8px;
  text-transform: uppercase;
  font-family: Dinpro, sans-serif;
  font-size: 8vh;
  line-height: 1em;
}

.section-heading-copy {
  color: #fff;
  text-align: right;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-family: Dinpro, sans-serif;
  font-size: 3vh;
  font-weight: 400;
  line-height: 1em;
}

.text-block-9 {
  color: #a38e4d;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Dinpro, sans-serif;
  font-size: 4vh;
  line-height: 1em;
}

.row-4 {
  background-color: #ececec;
  margin-top: 64px;
  padding: 20px 20px 5px;
}

.button-dark-text {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: 70%;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Dinpro, sans-serif;
  font-size: 1.5em;
  transition: all .2s;
}

.button-dark-text:hover {
  border-color: #000;
}

.paragraph-7 {
  margin-top: 10px;
}

.column {
  border-color: #d3d3d3;
  border-left-style: solid;
  border-left-width: 2px;
  padding-left: 25px;
  top: 20px;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  padding-bottom: 50px;
  display: flex;
}

.container-2 {
  padding-bottom: 50px;
}

.section-7 {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/131027-Rusalka-526.jpg');
  background-position: 0 0, 50% 74%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 300px;
  display: block;
}

.legend-button {
  float: right;
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 15px;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 1.5em;
  transition: all .2s;
}

.legend-button:hover {
  border-color: #fff;
}

.paragraph-story {
  margin-top: 50px;
}

.div-block-4 {
  background-color: #000;
  height: 1px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.image-7 {
  filter: grayscale();
}

.text-block-10 {
  color: #a38e4d;
  letter-spacing: 10px;
  text-transform: uppercase;
  margin-top: 15%;
  font-family: Dinpro, sans-serif;
  font-size: 2vh;
}

.text-block-11 {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 11px;
  font-size: 2.5vh;
  line-height: 1em;
}

.paragraph-8 {
  margin-top: 20px;
}

.button-story {
  float: left;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 15px;
  margin-right: 25px;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 14px;
  transition: all .2s;
}

.button-story:hover {
  border-color: #fff;
}

.button-story.donate {
  margin-right: 0;
}

.button-story.school {
  display: none;
}

.section-8 {
  background-image: linear-gradient(#000c, #000c), url('../images/79IMG_0004.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: auto;
  padding-bottom: 50px;
}

.alumni-heading {
  color: #a38e4d;
  letter-spacing: 10px;
  text-transform: uppercase;
  margin-top: -47px;
  font-size: 12vh;
  font-weight: 400;
  line-height: 1em;
}

.text-block-12 {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 11px;
  font-family: Dinpro, sans-serif;
  font-size: 2vh;
}

.text-block-12-copy {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Dinpro, sans-serif;
  font-size: 5vh;
  line-height: 1em;
}

.alumni-wrapper {
  margin-top: 15vh;
}

.alumni-wrapper.alumni-page {
  margin-top: 0;
}

.alimni-button {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 10px;
  padding: 10px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 14px;
  transition: all .4s;
}

.alimni-button:hover {
  border-color: #fff;
}

.form-block {
  margin-top: 10px;
}

.form-block.homepage {
  margin-bottom: 0;
}

.field-label {
  color: #fff;
  letter-spacing: 2px;
  font-family: Lora, sans-serif;
  font-weight: 400;
}

.field-label.home {
  color: var(--black);
}

.field-label-2 {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 16px;
  font-family: Dinpro, sans-serif;
  font-weight: 400;
}

.field-label-2.home {
  color: var(--black);
}

.text-field {
  color: #fff;
  background-color: #0000;
  border: 1px #fff;
  border-bottom-style: solid;
  width: 50%;
}

.text-field.home {
  color: #000;
  border-bottom-color: #000;
}

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

.submit-button {
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #a38e4d;
  margin-top: 12px;
  font-family: Dinpro, sans-serif;
  transition: all .2s;
}

.submit-button:hover {
  color: #000;
}

.alumni-form.contact {
  background-color: #000000f2;
  border: 1px #fff;
  margin-top: 0;
  padding: 25px 25px 25px 0;
}

.alumni-form.contact.homepage {
  border-color: var(--black);
  background-color: var(--white);
}

.alumni-form.contact.bottom-home {
  border-style: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.text-block-13 {
  color: #fff;
  text-align: left;
  font-family: Lora, sans-serif;
}

.success-message, .error-message {
  background-color: #0000;
}

.text-block-14 {
  color: red;
  font-family: Lora, sans-serif;
}

.support-section {
  background-image: linear-gradient(#000, #000);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.support-section._100vh {
  min-height: 100vh;
}

.support-section.store {
  background-image: none;
}

.legacy-heading {
  color: #fff;
  letter-spacing: 7px;
  text-transform: uppercase;
  margin-top: -19px;
  margin-bottom: auto;
  font-family: Dinpro, sans-serif;
  font-size: 15vh;
  font-weight: 400;
  line-height: 1em;
}

.legacy-heading.donor {
  letter-spacing: 3px;
  font-size: 10vh;
}

.paragraph-9 {
  color: #fff;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8em;
}

.support-more {
  background-image: linear-gradient(#000c, #000c), url('../images/131027-Rusalka-751.jpg');
  background-position: 0 0, 50% 19%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100vh;
}

.about-heading-right {
  color: #a38e4d;
  text-align: right;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Dinpro, sans-serif;
  font-size: 2vh;
  font-weight: 300;
}

.legacy-heading-right {
  color: #fff;
  text-align: right;
  letter-spacing: 7px;
  text-transform: uppercase;
  margin-top: -19px;
  margin-bottom: auto;
  font-family: Dinpro, sans-serif;
  font-size: 10vh;
  font-weight: 400;
  line-height: 1em;
}

.paragraph-right {
  color: #fff;
  text-align: right;
  letter-spacing: 1px;
  margin-top: 0;
  font-size: 14px;
  line-height: 1.8em;
}

.sub-hero-right-container {
  height: auto;
}

.button-right {
  float: right;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 29px;
  margin-right: 0;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 1em;
}

.button-right.black {
  color: #000;
}

.button-right.class {
  margin-top: 10px;
}

.section-10 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/80sIMG_0003.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 500px;
}

.heading-6 {
  color: #fff;
  font-family: Blacksword, sans-serif;
  font-size: 10vh;
  line-height: 1em;
}

.subtext {
  color: #fff;
  letter-spacing: 5px;
  margin-top: 0;
  font-size: 16px;
  font-style: normal;
}

.subtext.camp {
  width: 650px;
}

.subtext.camp.small {
  font-size: 16px;
}

.subtext.dance {
  text-align: center;
  text-transform: none;
  font-family: Dinpro, sans-serif;
  line-height: 1.2em;
}

.text-block-16 {
  float: left;
  color: #fff;
  letter-spacing: 5px;
  margin-top: 52px;
  font-family: Dinpro, sans-serif;
}

.image-9 {
  margin-top: 45px;
}

.developing-section {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/60s2IMG_0002.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100vh;
}

.subheader-gold {
  color: #a38e4d;
  text-align: right;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Dinpro, sans-serif;
  font-size: 4vh;
  font-weight: 400;
  line-height: 1em;
}

.moreinfo-left {
  float: left;
  clear: left;
}

.moreinfo-right {
  float: right;
}

.right-wrapper {
  margin-top: 25vh;
}

.hero-container.school {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.class-info-container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
}

.class-info-container.classinfo {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 150px;
  display: flex;
}

.rich-text-block {
  text-align: left;
  text-transform: none;
  margin-top: 0;
  font-family: Din pro, sans-serif;
  font-size: 20px;
}

.rich-text-block.classinfo {
  max-width: none;
  margin-top: 0;
}

.heading-7 {
  text-align: center;
  margin-top: 49px;
  margin-bottom: 50px;
  font-family: Din pro, sans-serif;
  font-weight: 500;
  line-height: 1em;
}

.heading-7.centre, .heading-7.dance {
  text-align: center;
}

.button-3 {
  text-align: center;
  letter-spacing: 4px;
  text-transform: none;
  background-color: #383838;
  border: 2px #fff;
  width: 100%;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Dinpro, sans-serif;
  font-size: 24px;
  transition: all .2s;
  display: block;
}

.button-3:hover {
  color: #a38e4d;
}

.camp-hero {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/160719DanceCamp3456.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
}

.nowopen-text {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Dinpro, sans-serif;
  font-size: 5vh;
  font-weight: 400;
  line-height: 1em;
}

.subtex2 {
  color: #fff;
  letter-spacing: 5px;
  margin-top: auto;
  font-size: 20px;
  font-style: normal;
}

.dancecamp-heading {
  color: #fff;
  font-family: Blacksword, sans-serif;
  font-size: 15vh;
  line-height: 1em;
}

.info-section {
  margin-bottom: 100px;
}

.register-button {
  text-align: center;
  letter-spacing: 4px;
  text-transform: none;
  background-color: #a38e4d;
  border: 2px #a5a5a5;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Lora, sans-serif;
  font-size: 30px;
  transition: all .2s;
  display: block;
}

.register-button:hover {
  color: #000;
}

.bookings-hero {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/131027-Rusalka-683.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
}

.smallersub {
  color: #a38e4d;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Dinpro, sans-serif;
  font-size: 1.5vh;
  font-weight: 300;
}

.link {
  color: #3cdfff;
}

.repetoire-header {
  color: #fff;
  letter-spacing: 2px;
  font-family: Lora, sans-serif;
  font-size: 24px;
}

.contact-hero {
  background-color: var(--black);
  background-image: none;
  background-position: 0 0;
  min-height: auto;
  padding-bottom: 100px;
}

.contact-subheader {
  color: #fff;
  margin-top: 20px;
  font-family: Lora, sans-serif;
  font-size: 24px;
}

.link-2 {
  color: #fff;
  font-size: 18px;
  line-height: 1em;
  text-decoration: none;
  transition: all .2s;
}

.link-2:hover {
  color: #a38e4d;
}

.contact-link {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
  transition: all .2s;
}

.contact-link:hover {
  color: #a38e4d;
}

.contact-paragraph {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.5em;
}

.div-block-5 {
  background-color: #fff;
  width: 125px;
  height: 3px;
  margin-top: 23px;
}

.legend-hero {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/131027-Rusalka-526.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
}

.bookings-paragraph {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 5px;
  font-size: 14px;
}

.legendheading {
  color: #fff;
  font-family: Blacksword, sans-serif;
  font-size: 14vh;
  line-height: 1em;
}

.legendsub {
  color: #fff;
  letter-spacing: 5px;
  margin-top: 30px;
  font-size: 16px;
  font-style: normal;
}

.column-9 {
  background-image: url('../images/131027-Rusalka-522.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.column-10 {
  background-image: url('../images/131027-Rusalka-519.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.column-11 {
  background-image: url('../images/131027-Rusalka-537.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.column-12 {
  background-image: url('../images/131027-Rusalka-510.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.column-13 {
  background-image: url('../images/131027-Rusalka-543.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.column-14 {
  background-image: url('../images/131027-Rusalka-557.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.legendstory {
  height: auto;
  padding-bottom: 100px;
}

.text-block-18 {
  text-align: center;
  margin-top: 30px;
  font-family: Lora, sans-serif;
  font-size: 60px;
  line-height: 1em;
}

.paragraph-10 {
  text-align: center;
  margin-top: 19px;
  margin-bottom: 50px;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.paragraph-10.white {
  color: var(--white);
  font-family: Dinpro, sans-serif;
}

.paragraph-10.white.align-left {
  text-align: left;
}

.heading-8 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 15%;
  font-family: Dinpro, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.paragraph-11 {
  text-align: center;
  margin-top: 17px;
}

.html-embed {
  float: none;
  background-color: #fff;
  margin-top: 23px;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  display: block;
}

.registration-container {
  padding-bottom: 100px;
}

.html-camp-imbed {
  float: none;
  background-color: #fff;
  margin-top: 23px;
  margin-left: 40px;
  margin-right: auto;
  padding-left: 30px;
  display: block;
}

.html-bookings-inbed {
  float: none;
  margin-top: 23px;
  margin-left: 40px;
  margin-right: auto;
  padding-left: 30px;
  display: block;
}

.utility-page-wrap {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/131027-Rusalka-682.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.heading-10 {
  color: #fff;
  font-size: 30px;
}

.text-block-19, .image-10 {
  color: #fff;
}

.column-15 {
  padding-right: 25px;
}

.column-18 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 80px;
  display: flex;
}

.column-18.school {
  align-items: center;
  min-height: auto;
  padding-top: 100px;
}

.navbar {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-link {
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Dinpro, sans-serif;
  font-size: 12px;
  transition: all .2s;
}

.nav-link:hover, .nav-link.w--current {
  color: #a38e4d;
}

.image-11 {
  margin-top: 11px;
}

.text-block-20 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
}

.dropdown-toggle {
  padding-left: 10px;
  padding-right: 30px;
}

.icon {
  margin-right: 10px;
}

.dropdown-link {
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Dinpro, sans-serif;
  font-size: 12px;
  transition: all .2s;
}

.dropdown-link:hover {
  color: #a38e4d;
}

.dropdown-link.w--current {
  color: #a38e4d;
  letter-spacing: 1px;
  font-size: 12px;
}

.dropdown-list {
  background-color: #fff;
}

.dropdown-list.w--open {
  padding-bottom: 10px;
}

.footer {
  background-color: #000;
  height: 400px;
  margin-top: auto;
}

.container-6 {
  height: 400px;
}

.footerheader {
  color: #a38e4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 100px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 400;
}

.footerlink {
  color: #8a8a8a;
  letter-spacing: 0;
  margin-top: 8px;
  font-family: Lora, sans-serif;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
}

.footerlink:hover, .footerlink.w--current {
  color: #fff;
}

.column-19 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.column-20 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.column-21 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.social-image-linkblock {
  float: right;
  opacity: .57;
  margin-top: 100px;
  margin-right: 10px;
  transition: all .2s;
}

.social-image-linkblock:hover {
  opacity: 1;
}

.div-block-6 {
  margin-top: 20px;
}

.button-4 {
  float: right;
  color: #949494;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #8d8d8d;
  font-size: 12px;
  transition: all .2s;
}

.button-4:hover {
  color: #fff;
  border-color: #a38e4d;
}

.paragraph-12 {
  color: #757575;
  text-align: center;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  position: relative;
  inset: 40px 0 0;
}

.link-4 {
  color: #757575;
  text-decoration: none;
}

.paragraph-13 {
  color: #757575;
  text-align: right;
  letter-spacing: 1px;
  font-size: 10px;
}

.container-7 {
  padding-bottom: 100px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.left-wrapper-school {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.left-wrapper-school.class {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.left-wrapper-home {
  flex: 0 auto;
  margin-top: 0;
}

.left-wrapper-about {
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.home-column {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.book-section {
  height: 100vh;
}

.book-hero {
  background-image: linear-gradient(#00000080, #00000080), radial-gradient(circle, #0000, #000), url('../images/014RusalkaCover.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.book-hero.exhibit {
  background-image: linear-gradient(#000, #000);
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
}

.text-block-21 {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Aver, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.text-block-21.exhibit.align-left {
  text-align: left;
  font-size: 36px;
  line-height: 42px;
}

.text-block-22 {
  color: #fff;
  text-align: center;
  font-family: Playfair Display, sans-serif;
}

.container-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-12 {
  margin-bottom: 25px;
}

.image-12.exhibit {
  width: 100%;
}

.image-12.voda {
  width: 70%;
}

.text-block-23 {
  color: #a38e4d;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  margin-top: 15px;
  font-family: Dinpro, sans-serif;
  font-size: 18px;
}

.pre-order-button {
  float: left;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 25px;
  margin-right: 25px;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 14px;
  transition: all .2s;
}

.pre-order-button:hover {
  border-color: #fff;
}

.pre-order-button.exhibit {
  margin-top: 25px;
  margin-bottom: 25px;
}

.image-13 {
  margin-bottom: -171px;
}

.book-title {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 97px;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  line-height: 1em;
}

.image-14 {
  margin-top: -78px;
}

.image-15 {
  margin-top: -96px;
}

.image-16 {
  margin-top: -143px;
  transform: rotate(0);
}

.image-17 {
  margin-top: -93px;
  margin-bottom: -43px;
}

.book-title-2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  line-height: 1em;
}

.book-title-copy {
  text-align: center;
  margin-top: -42px;
  margin-bottom: 97px;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  line-height: 1em;
}

.html-embed-2 {
  height: 450px;
}

.columns {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.text-block-24 {
  font-family: Playfair Display, sans-serif;
  font-size: 26px;
  line-height: 32px;
}

.div-block-7 {
  background-color: #383838;
  width: 100px;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.column-22 {
  background-image: url('../images/book-mockup-rusalka.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #dedede;
  border-radius: 5px;
  height: 350px;
  padding-right: 10px;
}

.button-5 {
  color: #000;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  transition: all .2s;
}

.button-5:hover {
  color: #fff;
  background-color: #a38e4d;
}

.column-23 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.column-24, .book-column-2 {
  padding-left: 25px;
}

.pre-order-button-2 {
  float: none;
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 14px;
  transition: all .2s;
  display: block;
}

.pre-order-button-2:hover {
  color: #a38e4d;
  border-color: #000;
}

.home-page-book-text {
  color: #383838;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Playfair Display, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.section-3-hora {
  color: #fff;
  text-transform: uppercase;
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/Chai.Rusalka.at-FCM.Circle.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
}

.column-25 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section-11 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-block-27 {
  text-transform: none;
  margin-top: 10px;
  font-size: 24px;
  line-height: 30px;
}

.div-block-2-hora {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/Chai.Rusalka.at-FCM.Circle.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 450px;
  margin-top: 54px;
}

.button-story-copy {
  float: left;
  color: #383838;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  width: auto;
  margin-top: 15px;
  margin-right: 25px;
  padding: 15px 25px;
  font-family: Dinpro, sans-serif;
  font-size: 14px;
  transition: all .2s;
}

.button-story-copy:hover {
  border-color: #fff;
}

.image-20 {
  margin-bottom: 25px;
}

.video {
  margin-bottom: 50px;
}

.column-27 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
}

.columns-2 {
  height: 100%;
  margin-top: 87px;
}

.text-block-23-copy {
  color: #a38e4d;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  margin-top: 25px;
  font-family: Dinpro, sans-serif;
  font-size: 16px;
}

.image-26 {
  width: 731px;
  max-width: none;
  margin-left: -181px;
}

.div-block-83 {
  background-image: linear-gradient(7deg, #060205ed, #5a1e4aeb);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  display: flex;
  position: relative;
}

.div-block-83.concert {
  background-image: none;
}

.div-block-84 {
  border: 0 #000;
  border-top: .5px #757575;
  flex-direction: row;
  align-items: center;
  width: 1080px;
  height: 80px;
  padding-left: 25px;
  display: flex;
  position: static;
  bottom: 0;
  left: 25%;
  right: 0;
}

.div-block-84.concert {
  background-color: #0000;
  border: 1px #fff;
  border-radius: 0;
}

.hero-div {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 1080px;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hero-div.concert {
  flex-direction: row;
  align-items: center;
}

.image-27 {
  width: 618px;
  max-width: none;
  margin-left: -101px;
}

.button-6 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #a38e4d;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 35px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.button-6:hover, .button-6.w--current {
  color: #c1a22f;
}

.hero-div-hora-hopak {
  background-image: url('../images/Chai.Rusalka.at-FCM.Circle.jpg');
  background-position: 50% 9%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
}

.hero-div-hora-hopak.concert {
  background-color: #070825;
  background-image: none;
  height: auto;
}

.button-7 {
  color: #000;
  background-color: #fff;
  border: 1px solid #5a1e4a;
  border-radius: 0;
  margin-top: 25px;
  font-family: Dinpro, sans-serif;
  transition: all .2s;
}

.button-7:hover {
  color: #c1a22f;
  border-color: #c1a22f;
}

.phone-link {
  color: #c1a22f;
  text-decoration: none;
}

.section-default {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 75px;
}

.section-default.concert {
  background-color: #070825;
}

.paragraph-left {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  margin-top: 25px;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-left.concert {
  color: #fff;
  margin-bottom: 0;
  font-family: Cheltenham, sans-serif;
  font-weight: 300;
}

.div-block-85 {
  flex-direction: column;
  align-items: flex-start;
  width: 1080px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.heading-11 {
  color: #000;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 16px;
  font-family: Lato, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.heading-11.concert {
  color: #fff;
  text-transform: uppercase;
  text-transform: none;
  font-family: Cheltenham, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.supporter-section {
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.support-logos-div {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1080px;
  display: flex;
}

.paragraph-14 {
  margin-top: 10px;
  font-family: Lato, sans-serif;
}

.paragraph-14.concert {
  font-family: Din pro, sans-serif;
  font-size: 25px;
}

.artistic-director {
  display: block;
}

.heading-12 {
  color: #fff;
  letter-spacing: 0;
  font-size: 30px;
  font-weight: 700;
}

.button-8 {
  background-color: #0000;
  border: 1px solid #fff;
  font-size: 20px;
  transition: all .2s;
}

.button-8:hover {
  color: #000;
  background-color: #fff;
}

.image-28, .image-29 {
  margin-top: 50px;
}

.paragraph-15 {
  font-family: Lora, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.announcement {
  margin-top: 50px;
}

.paragraph-16 {
  padding-top: 10px;
  font-size: 15px;
  line-height: 24px;
}

.heading-14 {
  text-align: center;
  text-transform: none;
  font-weight: 400;
  line-height: 60px;
}

.heading-14.left {
  text-align: left;
  margin-bottom: 20px;
}

.section-12 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.div-block-86 {
  background-color: var(--dark-slate-grey);
  height: 3px;
}

.rich-text-block-2 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.home-cotai {
  margin-bottom: 100px;
}

.section-13 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-13.auditions {
  height: 100vh;
}

.paragraph-17 {
  color: var(--white);
}

.column-28 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 100vh;
  display: flex;
}

.columns-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.column-29 {
  font-size: 16px;
}

.store-div {
  background-color: var(--black);
  background-image: linear-gradient(#00000080, #00000080), url('../images/Screen-Shot-2020-09-14-at-3.08.42-PM.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  height: 400px;
  margin-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.store-div.footnotes {
  background-image: linear-gradient(#0000008f, #0000008f), url('../images/Screen-Shot-2021-01-04-at-12.45.06-PM.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.book-home-column {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.columns-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.mailchimp-emded {
  color: var(--black);
  border: 1px solid #000;
  border-radius: 4px;
  width: 100%;
  max-height: none;
}

.email-subscribe-section {
  background-color: var(--black);
  color: var(--dark-slate-grey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.mailchimp-div {
  border: 1px solid #000;
  border-radius: 4px;
  min-width: 150px;
  max-width: 600px;
}

.text-block-28 {
  color: var(--white);
  margin-top: 25px;
  font-size: 11px;
}

.text-block-29 {
  color: var(--white);
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
}

.text-block-30 {
  color: var(--white);
  margin-top: 10px;
}

.email-form-heading {
  margin-bottom: 25px;
}

.section-14 {
  background-color: #4580b6;
  background-image: linear-gradient(#00000080, #00000080);
  min-height: 500px;
}

.section-14.alumni {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-9 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Screen-Shot-2021-01-04-at-12.45.06-PM.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  min-height: 500px;
}

.container-9.alumni {
  justify-content: center;
  align-items: center;
  min-height: 500px;
  display: flex;
}

.pop-up-modal {
  z-index: 999999;
  background-color: #2a2a2dbf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.pop-up {
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 500px;
  height: auto;
  padding: 100px 30px 30px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px 5px #00000040;
}

.pop-up-icon {
  background-color: #f6b685;
  background-image: url('../images/Final-Rusalka-Legacy-Leaders-Logo-1.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px solid #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  position: absolute;
  inset: -13% 0% auto;
}

.exit-button {
  background-color: var(--gold);
  cursor: pointer;
  border-radius: 0%;
  width: 40px;
  height: 40px;
  padding: 10px;
  transition: all .3s;
  position: absolute;
  inset: 2% 2% auto auto;
}

.exit-button:hover {
  background-color: var(--black);
}

.pop-up-heading {
  color: var(--gold);
  letter-spacing: 2px;
  text-transform: none;
  margin-top: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5em;
}

.primary-button {
  background-color: var(--gold);
  letter-spacing: 5px;
  text-transform: uppercase;
  border-radius: 50px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15px;
  font-weight: 700;
  transition: all .3s;
}

.primary-button:hover {
  background-color: var(--black);
}

.div-block-87 {
  background-image: url('../images/May-6th-2017-339.jpg');
  background-position: 50% 40%;
  background-size: cover;
  height: 100px;
}

.rich-text-block-3 {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.button-9 {
  background-color: var(--firebrick);
  cursor: pointer;
  margin-bottom: 25px;
  transition: all .2s;
}

.button-9:hover {
  background-color: var(--gold);
}

.button-9.home {
  margin-bottom: 0;
  margin-left: 25px;
}

.container-10 {
  flex-direction: column;
  align-items: center;
  display: block;
}

.link-block {
  background-color: var(--black);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.archives {
  background-color: #23405b;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.text-block-31 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.text-block-31.guest {
  margin-bottom: 15px;
}

.instructor-column {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.image-30 {
  border: 2px solid #000;
  border-radius: 0;
  max-width: 50%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.div-block-88 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 25px;
  display: flex;
}

.rich-text-block-4 {
  max-width: 900px;
  padding-left: 0;
}

.paragraph-18 {
  text-align: left;
}

.footnotes-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-31 {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.div-block-89 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.image-32 {
  width: 250px;
  margin-top: 50px;
}

.paragraph-19 {
  text-align: center;
  text-decoration: none;
}

.pop-up-modal-2 {
  z-index: 999999;
  background-color: #2a2a2dbf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up-2 {
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 450px;
  height: auto;
  padding: 100px 30px 30px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px 5px #00000040;
}

.pop-up-icon-2 {
  background-color: #fff;
  background-image: none;
  border: 5px solid #000;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  position: absolute;
  inset: -13% 0% auto;
}

.exit-button-2 {
  cursor: pointer;
  background-color: #cf0001;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 10px;
  position: absolute;
  inset: 2% 2% auto auto;
}

.pop-up-heading-2 {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Din pro, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1em;
}

.paragraph-20 {
  font-family: Lora, sans-serif;
}

.primary-button-2 {
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #cf0000;
  border-radius: 0;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15px;
  font-weight: 700;
}

.primary-button-2:hover {
  background-color: #be0507b8;
}

.image-wrapper {
  width: 25%;
}

.header-text-journey {
  width: 75%;
  padding-left: 25px;
}

.div-block-90 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-32, .text-block-33 {
  font-size: 30px;
  line-height: 40px;
}

.text-block-33.bold {
  font-size: 24px;
  font-weight: 700;
}

.text-section-exhibit, .table-of-contents {
  margin-top: 50px;
}

.rich-text-block-5 {
  font-size: 18px;
}

.rich-text-block-6 {
  font-size: 20px;
}

.rich-text-block-7 {
  text-decoration: none;
}

.columns-5 {
  justify-content: center;
  align-items: center;
  min-height: 500px;
  display: flex;
}

.columns-5.camp {
  flex-direction: row-reverse;
}

.columns-5.school {
  flex-direction: row;
}

.image-33 {
  width: 100%;
}

.dates-text {
  font-size: 30px;
  line-height: 30px;
}

.image-34 {
  width: 100px;
  margin-bottom: 15px;
  margin-left: -10px;
}

.image-34.voda {
  margin-top: 25px;
  margin-left: 0;
}

.dropbdown-link {
  text-transform: uppercase;
  font-size: 12px;
}

.dropdown-toggle-2 {
  width: 100%;
}

.enroll-buttons {
  border-left: 2px solid #000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 25px;
  display: flex;
}

.school-heading {
  text-align: center;
  font-family: Din pro, sans-serif;
}

.rich-text-block-8 {
  text-align: left;
}

.school-button {
  border: 1px solid var(--firebrick);
  background-color: var(--black);
  text-align: center;
  width: auto;
  min-width: 200px;
  height: 100%;
  margin: 5px;
}

.button-sub-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-sub-div.hoizontal {
  flex-direction: column;
  align-items: flex-start;
}

.rusalka-unf-school-of-dance {
  max-width: none;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.quick-stack {
  align-self: center;
  width: 100%;
}

.cell {
  justify-content: center;
  align-items: center;
}

.funders-footer {
  margin-top: 25px;
}

.image-35 {
  width: 100%;
}

.voda-funders-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.funder-logo-vodda {
  width: auto;
}

.cell-2, .cell-3 {
  justify-content: center;
  align-items: center;
}

.exhibit-html {
  width: 100%;
  margin-top: 25px;
}

.cell-4 {
  justify-content: center;
  padding-left: 25px;
}

.funder-images {
  margin-top: 50px;
}

.guest-instructor-photo {
  margin-bottom: 25px;
}

.div-block-91 {
  z-index: 1000;
  background-color: #000000ed;
  width: 100vw;
  height: 75px;
  position: fixed;
  inset: auto 0% 0%;
  overflow: visible;
}

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

.container-11 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.redirect {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: flex;
}

.div-block-92 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rich-text-block-11 {
  color: #fff;
  text-align: center;
}

.text-block-35 {
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

.image-36 {
  width: 100px;
}

.button-10 {
  color: var(--black);
  background-color: #fff;
  margin-top: 10px;
}

.heading-15 {
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .heading {
    font-size: 2em;
  }

  .heading-2 {
    font-size: 6em;
  }

  .description {
    font-size: 1em;
  }

  .image-2 {
    width: 300px;
    margin-top: 0;
  }

  .lightbox-link {
    height: auto;
  }

  .paragraph {
    font-size: 1em;
  }

  .about-heading {
    font-size: 3em;
  }

  .about-heading2 {
    font-size: 30px;
    font-weight: 400;
  }

  .paragraph-4 {
    font-size: 12px;
  }

  .section-4 {
    height: 500px;
  }

  .section-heading {
    font-size: 5vh;
  }

  .section-description {
    font-size: 2vh;
  }

  .section-div {
    margin-top: 147px;
    padding-right: 10px;
  }

  .text-block-8 {
    font-size: 3vh;
  }

  .section-description-copy {
    font-size: 5em;
  }

  .section-heading-copy {
    font-size: 3em;
  }

  .text-block-9 {
    font-size: 2em;
  }

  .row-4 {
    height: 225px;
  }

  .button-dark-text {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1em;
  }

  .text-block-10 {
    margin-top: auto;
    font-size: 1em;
  }

  .text-block-11 {
    font-size: 2.5em;
  }

  .paragraph-8 {
    font-size: 12px;
    line-height: 17px;
  }

  .button-story {
    font-size: 14px;
  }

  .section-8 {
    height: auto;
  }

  .alumni-heading {
    font-size: 50px;
  }

  .text-block-12 {
    font-size: 18px;
  }

  .text-block-12-copy {
    font-size: 30px;
  }

  .alimni-button {
    font-size: 18px;
  }

  .container-3 {
    padding-bottom: 0;
  }

  .support-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .legacy-heading {
    font-size: 8em;
  }

  .paragraph-9 {
    font-size: 14px;
    line-height: 2em;
  }

  .about-heading-right {
    font-size: 2em;
    font-weight: 400;
  }

  .legacy-heading-right {
    font-size: 4em;
  }

  .sub-hero-right-container {
    padding-bottom: 200px;
  }

  .button-right {
    font-size: 14px;
  }

  .section-10 {
    height: 500px;
  }

  .heading-6 {
    font-size: 80px;
  }

  .developing-section {
    height: auto;
  }

  .subheader-gold {
    font-size: 30px;
  }

  .hero-container {
    padding-bottom: 150px;
  }

  .hero-container.school {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .class-info-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-7 {
    line-height: 1em;
  }

  .nowopen-text {
    font-size: 40px;
  }

  .dancecamp-heading {
    font-size: 100px;
  }

  .smallersub {
    font-size: 2em;
    line-height: 1em;
  }

  .legendheading {
    font-size: 200px;
  }

  .paragraph-10.white.align-left {
    text-align: center;
  }

  .heading-8 {
    font-size: 40px;
  }

  .html-embed {
    margin-left: 0;
    margin-right: 0;
  }

  .container-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .column-15 {
    height: auto;
  }

  .column-16 {
    padding-right: 20px;
  }

  .column-18 {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 0;
  }

  .nav-link, .text-block-20 {
    text-align: right;
  }

  .dropdown-link {
    text-align: right;
    letter-spacing: 2px;
  }

  .nav-menu {
    background-color: #fff;
  }

  .menu-button {
    background-color: #fff;
    display: flex;
  }

  .footer {
    height: 600px;
    padding-bottom: 75px;
  }

  .footerheader {
    font-size: 18px;
  }

  .home-column {
    height: 100vh;
  }

  .pre-order-button, .pre-order-button-2, .button-story-copy {
    font-size: 14px;
  }

  .image-26 {
    max-width: 400px;
    margin-top: 57px;
  }

  .div-block-83 {
    align-items: flex-start;
    padding-top: 0;
  }

  .div-block-83.concert {
    align-items: stretch;
  }

  .div-block-84 {
    width: auto;
  }

  .hero-div {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-27 {
    max-width: 500px;
    margin-top: 65px;
  }

  .div-block-85 {
    width: 100%;
  }

  .heading-11 {
    font-size: 40px;
  }

  .support-logos-div {
    flex-direction: column;
  }

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

  .announcement {
    padding-top: 50px;
  }

  .paragraph-16 {
    font-size: 12px;
    line-height: 18px;
  }

  .heading-13 {
    margin-top: 0;
  }

  .heading-14 {
    letter-spacing: 3px;
    margin-top: 100px;
    margin-bottom: 50px;
    font-size: 50px;
  }

  .heading-14.left {
    font-size: 40px;
  }

  .section-12 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .link-block {
    margin-top: 100px;
  }

  .div-block-88 {
    justify-content: center;
    align-items: center;
  }

  .dropdown, .dropdown-2 {
    text-align: right;
    width: 100%;
  }

  .image-33 {
    width: 100%;
  }

  .rusalka-unf-school-of-dance {
    width: auto;
    height: 250px;
  }

  .cell-4 {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    line-height: 1em;
  }

  li {
    font-size: 22px;
  }

  .heading {
    text-align: center;
    padding-left: auto;
    font-size: 30px;
  }

  .heading-2 {
    text-align: center;
    font-size: 80px;
  }

  .description {
    text-align: center;
    padding-left: 15px;
    font-size: 18px;
  }

  .left-wrapper {
    width: 500px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-2 {
    width: 200px;
    margin-top: auto;
    margin-left: 0;
    margin-right: auto;
    display: block;
  }

  .button {
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    display: block;
  }

  .button.store {
    margin-top: 0;
  }

  .button.store.w--current {
    margin-left: auto;
  }

  .paragraph-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-family: Lora, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
  }

  .heading-3 {
    font-size: 3em;
    line-height: 1em;
  }

  .homeparagraph {
    text-align: center;
  }

  .image-4 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .button-2 {
    margin-top: 15px;
    top: 550px;
  }

  .div-block-2, .div-block-2.hora {
    padding-left: 20px;
  }

  .text-block-3.stopre {
    margin-bottom: 78px;
  }

  .homelink-box {
    padding-bottom: 25px;
  }

  .section-3 {
    height: auto;
  }

  .about-heading {
    text-align: center;
    font-size: 3em;
  }

  .about-heading2 {
    text-align: center;
    font-size: 30px;
  }

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

  .section-heading {
    text-align: center;
    font-size: 60px;
  }

  .section-description {
    text-align: center;
    font-size: 14px;
  }

  .section-paragraph {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-div {
    text-align: center;
    margin-top: 65px;
    padding-left: 10px;
  }

  .text-block-8 {
    text-align: center;
    font-size: 24px;
  }

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

  .section-6 {
    height: auto;
  }

  .rodyna-wrapper {
    text-align: center;
    margin-top: auto;
    margin-bottom: 50px;
    display: block;
  }

  .section-description-copy {
    text-align: center;
    font-size: 60px;
  }

  .section-heading-copy {
    text-align: center;
    font-size: 40px;
  }

  .text-block-9 {
    text-align: center;
    font-size: 20px;
  }

  .row-4 {
    height: auto;
    padding-bottom: 53px;
  }

  .button-dark-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: block;
  }

  .paragraph-7 {
    text-align: center;
    font-size: 12px;
  }

  .column {
    border-style: none;
  }

  .container, .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-7 {
    height: auto;
  }

  .legend-button {
    float: none;
    font-size: 16px;
    display: block;
  }

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

  .text-block-10 {
    font-size: 20px;
  }

  .text-block-11 {
    font-size: 40px;
  }

  .button-story {
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: block;
  }

  .column-2, .column-3 {
    padding-bottom: 25px;
  }

  .column-4 {
    padding-left: auto;
    padding-right: auto;
  }

  .column-6 {
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .image-8 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .column-7 {
    text-align: center;
    padding-top: 25px;
  }

  .column-8 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .alumni-heading {
    margin-top: 0;
  }

  .alumni-wrapper {
    margin-top: 100px;
  }

  .container-3 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .support-section {
    height: auto;
  }

  .legacy-heading {
    text-align: center;
    font-size: 60px;
  }

  .paragraph-9 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5em;
  }

  .support-more {
    height: auto;
  }

  .about-heading-right {
    text-align: center;
    font-size: 25px;
  }

  .legacy-heading-right {
    text-align: center;
    font-size: 6em;
  }

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

  .sub-hero-right-container {
    padding-bottom: 100px;
  }

  .button-right {
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: block;
  }

  .heading-6, .subtext {
    text-align: center;
  }

  .subtext.camp {
    width: auto;
    font-size: 16px;
  }

  .text-block-16 {
    float: none;
    text-align: center;
    text-decoration: none;
    display: block;
  }

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

  .moreinfo-left {
    float: none;
    clear: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    display: block;
  }

  .right-wrapper {
    margin-top: 100px;
  }

  .class-info-container {
    text-align: center;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .class-info-container.classinfo {
    flex-direction: column;
  }

  .rich-text-block {
    line-height: 1em;
  }

  .camp-hero {
    height: auto;
  }

  .nowopen-text, .subtex2, .dancecamp-heading {
    text-align: center;
  }

  .bookings-hero {
    height: auto;
  }

  .info-containter {
    height: auto;
    padding-bottom: 150px;
  }

  .smallersub {
    text-align: center;
  }

  .repetoire-header {
    text-align: center;
    margin-top: 33px;
  }

  .contact-hero {
    height: auto;
  }

  .contact-container {
    padding-bottom: 150px;
  }

  .contact-subheader, .contact-paragraph {
    text-align: center;
  }

  .div-block-5 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .legend-hero {
    height: 800px;
  }

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

  .legendheading {
    text-align: center;
    font-size: 140px;
  }

  .legendsub {
    text-align: center;
  }

  .text-block-18 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragraph-10 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
  }

  .heading-8 {
    line-height: 50px;
  }

  .html-embed, .html-camp-imbed {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .home-container {
    padding-bottom: 150px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .column-16 {
    padding-left: 20px;
  }

  .footer, .container-6 {
    height: auto;
  }

  .socialfooterdiv, .div-block-6 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-7 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .left-wrapper-school {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .left-wrapper-home {
    margin-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-wrapper-about {
    align-self: center;
    align-items: center;
    margin-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-column {
    height: auto;
    padding-left: auto;
    padding-right: auto;
  }

  .book-hero {
    height: 800px;
  }

  .book-hero.exhibit {
    padding-left: 25px;
    padding-right: 25px;
  }

  .image-12.voda {
    width: 100%;
  }

  .text-block-23 {
    text-align: center;
    font-size: 16px;
  }

  .pre-order-button {
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: block;
  }

  .image-13 {
    margin-bottom: 0;
  }

  .book-title {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 40px;
  }

  .image-14, .image-15 {
    margin-top: 0;
  }

  .book-title-2, .book-title-copy {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 40px;
  }

  .columns {
    flex-direction: column;
    justify-content: center;
  }

  .text-block-24 {
    text-align: center;
    font-size: 18px;
  }

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

  .book-column-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-left: 10px;
    display: flex;
  }

  .text-block-25, .text-block-26, .book-text-block {
    text-align: center;
  }

  .pre-order-button-2 {
    float: none;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    display: block;
  }

  .section-3-hora {
    height: auto;
  }

  .text-block-27 {
    text-align: center;
    margin-top: 1px;
  }

  .button-story-copy {
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: block;
  }

  .image-18 {
    float: none;
    clear: none;
    text-align: center;
    display: block;
    position: static;
    overflow: auto;
  }

  .text-block-23-copy {
    text-align: center;
    font-size: 16px;
  }

  .image-26 {
    max-width: 300px;
    margin-left: -119px;
  }

  .div-block-83 {
    padding-top: 0;
  }

  .div-block-84 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-div {
    padding-left: 25px;
    padding-right: 25px;
  }

  .image-27 {
    max-width: 400px;
    margin-left: -73px;
  }

  .button-6, .button-6.w--current {
    font-size: 9px;
  }

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

  .div-block-85 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .heading-11 {
    text-align: center;
    font-size: 35px;
    line-height: 45px;
  }

  .paragraph-14.concert {
    font-size: 18px;
  }

  .image-28 {
    margin-top: 25px;
  }

  .heading-14 {
    letter-spacing: 0;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 40px;
  }

  .heading-14.left {
    letter-spacing: 0;
  }

  .section-12, .home-cotai {
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-13 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .store-div {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .book-home-column {
    flex-direction: column;
  }

  .email-subscribe-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-9 {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .button-9.home {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }

  .link-block {
    margin-top: 0;
  }

  .instructor-column {
    flex-direction: column;
  }

  .image-30 {
    max-width: 100%;
    margin-top: 25px;
  }

  .div-block-88 {
    flex-direction: column;
  }

  .rich-text-block-4 {
    text-align: left;
  }

  .column-30, .column-31 {
    padding-top: 10px;
  }

  .primary-button-2 {
    text-align: center;
  }

  .dropdown, .dropdown-2 {
    text-align: right;
    width: 100%;
  }

  .image-wrapper {
    width: 50%;
  }

  .header-text-journey {
    width: 100%;
    padding-left: 0;
  }

  .div-block-90 {
    text-align: center;
    flex-direction: column;
  }

  .columns-5 {
    flex-direction: column;
  }

  .columns-5.camp {
    flex-direction: column-reverse;
  }

  .columns-5.school, .columns-5.school.voda {
    flex-direction: column;
  }

  .enroll-buttons {
    border-left-style: none;
    border-left-width: 0;
    justify-content: center;
    align-items: center;
  }

  .button-sub-div.hoizontal {
    flex-direction: column;
    align-items: center;
  }

  .rich-text-block-9, .rich-text-block-10 {
    text-align: center;
  }

  .exhibit-html {
    width: 100%;
  }

  .paragraph-21 {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 36px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 18px;
    line-height: 26px;
  }

  h5 {
    line-height: 28px;
  }

  li {
    font-size: 18px;
  }

  .section {
    height: auto;
  }

  .hero-video {
    height: 100%;
  }

  .homescroll-section {
    padding-top: 0;
  }

  .heading {
    text-align: center;
    letter-spacing: 3px;
    font-size: 1.5em;
    font-weight: 400;
  }

  .heading-2 {
    margin-top: -20px;
    font-size: 3em;
  }

  .description {
    margin-top: 24px;
    font-size: 14px;
  }

  .left-wrapper {
    width: auto;
    margin-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .left-wrapper.donate {
    justify-content: center;
    align-items: center;
  }

  .image-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .button {
    font-size: 14px;
    line-height: 1em;
  }

  .button.w--current {
    font-size: .8em;
  }

  .button.store {
    margin-top: 10px;
  }

  .button.store.w--current {
    line-height: 1.3em;
  }

  .paragraph-2 {
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .heading-3 {
    font-size: 3em;
  }

  .homeparagraph {
    font-size: 12px;
    line-height: 22px;
  }

  .left-paragraph-div {
    height: 425px;
  }

  .text-block {
    padding-left: 0;
    font-size: 30px;
  }

  .lightbox-link {
    height: auto;
  }

  .paragraph {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.25em;
  }

  .div-block {
    left: 0;
    right: 0;
  }

  .button-2 {
    margin-top: 0;
    display: block;
    top: 460px;
    left: 10px;
  }

  .homepage-block {
    margin-top: 0;
    padding-bottom: 0;
  }

  .div-block-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    margin-top: 29px;
    padding-left: 0;
    display: flex;
  }

  .div-block-2.hora {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 250px;
    padding-left: 0;
    display: flex;
  }

  .heading-4 {
    text-align: center;
    margin: 0;
    padding-top: 0;
    font-size: 20px;
    display: block;
    position: static;
  }

  .text-block-3 {
    text-align: center;
    letter-spacing: 0;
    font-size: 40px;
    position: static;
  }

  .text-block-3.stopre {
    margin-bottom: 0;
  }

  .text-block-4 {
    text-align: center;
    margin-top: 8px;
    font-size: 20px;
    position: static;
  }

  .text-block-5 {
    text-align: center;
    letter-spacing: 0;
    margin-top: 11px;
    font-size: 40px;
    position: static;
  }

  .wrapper-link {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    display: block;
    position: static;
  }

  .homelink-box {
    height: 300px;
  }

  .text-block-6 {
    font-size: 20px;
  }

  .paragraph-3 {
    line-height: 16px;
  }

  .homelink-box-right {
    height: 350px;
  }

  .about-heading {
    font-size: 30px;
  }

  .about-heading2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;
  }

  .paragraph-4 {
    padding-right: 15px;
  }

  .section-4 {
    height: auto;
  }

  .background-video {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-heading {
    margin-top: -55px;
  }

  .section-description {
    font-size: 14px;
    font-weight: 700;
  }

  .section-paragraph {
    font-size: 12px;
  }

  .section-div {
    margin-top: 39px;
    padding-bottom: 50px;
  }

  .text-block-8 {
    text-align: center;
    font-size: 24px;
  }

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

  .rodyna-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-description-copy {
    font-size: 40px;
  }

  .section-heading-copy {
    font-size: 30px;
  }

  .text-block-9 {
    font-size: 18px;
  }

  .button-dark-text {
    width: auto;
    font-size: 14px;
  }

  .legend-button {
    font-size: 12px;
    display: block;
  }

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

  .text-block-10 {
    font-size: 12px;
  }

  .text-block-11 {
    font-size: 30px;
  }

  .button-story.donate {
    margin-left: 0;
  }

  .column-2, .column-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-4 {
    height: auto;
  }

  .column-5 {
    padding-bottom: auto;
  }

  .column-8 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .section-8 {
    height: auto;
    padding-bottom: 100px;
  }

  .alumni-heading {
    text-align: center;
    margin-top: 0;
    font-size: 30px;
  }

  .text-block-12 {
    text-align: center;
    font-size: 14px;
  }

  .text-block-12-copy {
    text-align: center;
    font-size: 22px;
  }

  .alumni-wrapper {
    margin-top: 93px;
  }

  .alimni-button {
    background-image: linear-gradient(#00000080, #00000080);
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: block;
  }

  .field-label {
    text-align: center;
    font-size: 12px;
  }

  .field-label-2 {
    text-align: center;
  }

  .text-field {
    text-align: center;
    width: 100%;
  }

  .submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .support-section {
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    height: auto;
    min-height: auto;
    padding-top: 100px;
    display: block;
  }

  .legacy-heading {
    letter-spacing: 5px;
    margin-top: auto;
    font-size: 40px;
  }

  .legacy-heading.donor {
    font-size: 40px;
  }

  .paragraph-9 {
    width: auto;
    font-size: 13px;
    line-height: 20px;
  }

  .support-more {
    height: auto;
  }

  .about-heading-right {
    font-size: 20px;
  }

  .legacy-heading-right {
    font-size: 50px;
  }

  .paragraph-right {
    font-size: 12px;
    line-height: 2em;
  }

  .section-10 {
    height: 300px;
  }

  .heading-6 {
    text-align: center;
    font-size: 70px;
  }

  .subtext.camp {
    font-size: 15px;
  }

  .subtext.camp.small {
    font-size: 14px;
  }

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

  .subheader-gold {
    font-size: 26px;
  }

  .right-wrapper {
    margin-top: 93px;
  }

  .hero-container {
    padding-bottom: 50px;
  }

  .hero-container.school {
    padding-top: 150px;
  }

  .class-info-container {
    text-align: center;
    padding: 10px 10px 100px;
  }

  .class-info-container.classinfo {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-7 {
    font-size: 30px;
  }

  .button-3 {
    letter-spacing: 1px;
    font-size: 14px;
  }

  .nowopen-text {
    font-size: 40px;
  }

  .dancecamp-heading {
    font-size: 90px;
  }

  .bookings-hero {
    padding-top: 100px;
  }

  .info-containter {
    padding-bottom: 100px;
  }

  .smallersub {
    margin-top: 24px;
    font-size: 1em;
  }

  .contact-hero {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .contact-subheader {
    font-size: 18px;
  }

  .legend-hero {
    height: 600px;
    padding-top: 100px;
  }

  .bookings-paragraph {
    font-size: 14px;
  }

  .legendheading {
    font-size: 80px;
  }

  .legendsub {
    letter-spacing: 4px;
    font-size: 12px;
  }

  .paragraph-10 {
    text-align: center;
    font-size: 13px;
  }

  .paragraph-10.white.align-left {
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-8 {
    margin-top: 80px;
    font-size: 35px;
    line-height: 40px;
  }

  .paragraph-11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .html-bookings-inbed {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .column-16 {
    padding-left: 20px;
  }

  .container-5 {
    height: auto;
  }

  .gif-block {
    background-image: linear-gradient(#0009, #0009), url('../images/ezgif.com-crop.gif');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    height: auto;
    position: absolute;
    inset: 0;
  }

  .column-17 {
    padding-bottom: 100px;
  }

  .column-18 {
    padding-bottom: 50px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-toggle {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container-7 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .left-wrapper-school {
    margin-top: 0;
  }

  .left-wrapper-home, .left-wrapper-about {
    margin-top: 93px;
  }

  .home-column {
    align-items: center;
    height: auto;
  }

  .book-hero {
    height: 600px;
    padding-top: 25px;
  }

  .book-hero.exhibit {
    padding: 100px 0;
  }

  .text-block-21 {
    font-size: 26px;
    line-height: 30px;
  }

  .text-block-21.exhibit.align-left {
    text-align: center;
    font-size: 26px;
    line-height: 32px;
  }

  .container-8 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .image-12.exhibit {
    margin-bottom: 0;
  }

  .image-12.voda {
    width: 100%;
  }

  .text-block-23 {
    font-size: 14px;
  }

  .pre-order-button {
    letter-spacing: 2px;
    width: 80%;
    font-size: 12px;
  }

  .pre-order-button.exhibit {
    width: 100%;
  }

  .book-title {
    margin-bottom: 133px;
    font-size: 22px;
  }

  .image-16 {
    margin-top: 0;
  }

  .book-title-copy {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .home-page-book-text {
    font-size: 26px;
    line-height: 30px;
  }

  .section-3-hora {
    padding-bottom: 50px;
  }

  .div-block-2-hora {
    margin-top: 29px;
    display: block;
  }

  .image-18 {
    display: block;
    overflow: visible;
  }

  .column-26 {
    display: none;
  }

  .html-embed-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-23-copy {
    font-size: 14px;
    line-height: 26px;
  }

  .image-26 {
    width: 300px;
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-83 {
    padding-top: 0;
    padding-bottom: 25px;
  }

  .div-block-83.concert {
    padding-bottom: 0;
  }

  .div-block-84 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 150px;
    margin-bottom: 15px;
    padding-left: 30px;
    bottom: 20px;
  }

  .div-block-84.concert {
    display: none;
  }

  .hero-div {
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .hero-div.concert {
    flex-direction: column;
  }

  .image-27 {
    width: 300px;
    margin-bottom: -42px;
    margin-left: 0;
  }

  .hero-div-hora-hopak {
    height: 550px;
  }

  .button-7 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .section-default {
    padding-top: 25px;
  }

  .paragraph-left {
    font-size: 12px;
    line-height: 18px;
  }

  .div-block-85 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .heading-11 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
  }

  .support-logos-div {
    flex-direction: column;
  }

  .paragraph-14.concert {
    font-size: 14px;
  }

  .image-28 {
    margin-top: 0;
  }

  .heading-14 {
    text-align: left;
    font-size: 30px;
    line-height: 35px;
  }

  .heading-14.left {
    font-size: 22px;
    line-height: 30px;
  }

  .store-div {
    height: 250px;
  }

  .store-div.footnotes {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pop-up {
    width: 96%;
    padding: 10px;
  }

  .pop-up-icon {
    display: none;
  }

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

  .div-block-87 {
    margin-top: 10px;
  }

  .button-9.home {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }

  .image-30 {
    max-width: 100%;
  }

  .div-block-88 {
    flex-direction: column;
  }

  .paragraph-19 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pop-up-2 {
    width: 96%;
    padding: 10px;
  }

  .pop-up-icon-2 {
    display: none;
  }

  .paragraph-20 {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 1.5em;
  }

  .primary-button-2 {
    text-align: center;
  }

  .dropdown, .dropdown-2 {
    width: 100%;
  }

  .image-wrapper {
    width: auto;
  }

  .columns-5 {
    margin-bottom: 50px;
  }

  .columns-5.camp {
    flex-flow: column-reverse;
  }

  .column-32 {
    padding-bottom: 25px;
  }

  .button-sub-div.hoizontal {
    flex-direction: column;
  }

  .rusalka-unf-school-of-dance {
    height: 150px;
  }

  .bold-text {
    line-height: 40px;
  }

  .cell-4 {
    padding-left: 0;
  }

  .quick-stack-2 {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .container-11 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

#w-node-_099f748a-473a-662c-3385-ce522e0d36df-4b7a07d4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_099f748a-473a-662c-3385-ce522e0d36df-4b7a07d4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham';
  src: url('../fonts/Cheltenham_BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham ultra (1)';
  src: url('../fonts/Cheltenham_Ultra-1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham';
  src: url('../fonts/Cheltenham_LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham';
  src: url('../fonts/Cheltenham_Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham';
  src: url('../fonts/Cheltenham_BookItalic.ttf') format('truetype'), url('../fonts/Cheltenham_UltraItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham';
  src: url('../fonts/Cheltenham_Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Aver';
  src: url('../fonts/Aver_Bold_Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/DINPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/DINPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/dinpro-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Din pro';
  src: url('../fonts/din-pro-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Blacksword';
  src: url('../fonts/Blacksword.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Cheltenham book';
  src: url('../fonts/Cheltenham-Book-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}