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

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

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

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

@font-face {
  font-family: Shockwave;
  src: url('../fonts/shockwave.regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chinesedragon;
  src: url('../fonts/ChineseDragon.ttf') format("truetype"), url('../fonts/ChineseDragon.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --lime: #f4f4f40d;
  --white-smoke: #eceaea;
  --yellow: #ffff3608;
  --composer-colour: #dd872b;
  --color: #faf599;
  --red: #f13428;
  --slate-blue: #3451c103;
  --dark-blue: #6f74fa;
  --hover-blue: var(--lime);
}

.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;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

h3 {
  color: #fa1631;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  text-transform: none;
  margin-top: 19px;
  margin-bottom: 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

img {
  max-width: 100%;
  display: inline-block;
}

.section-b {
  background-color: #f6f6f6;
  border: 0 #ec683805;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.about-image {
  float: none;
  opacity: 1;
  width: 395px;
  margin-left: 0;
}

.social {
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.social-div {
  float: right;
  border-left: 1px solid #8a8787;
  width: 300px;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 90px;
}

.footer {
  background-image: linear-gradient(#050505, #fffdfd 94%);
  height: auto;
  padding-bottom: 6px;
}

.section-red-bottom {
  z-index: 1001;
  background-color: #ff4c07;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 0;
  padding-top: 0;
  font-weight: 700;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.op-slider {
  background-color: #fdfdfd;
  height: 550px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section-c {
  background-color: #f6f6f6;
  border-top: 1px solid #000000ab;
  padding-top: 30px;
  padding-bottom: 18px;
}

.section-gala {
  text-align: center;
  background-color: #000000b8;
  height: auto;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 3px;
}

.date-block {
  color: #726e6e;
  text-align: left;
  text-transform: uppercase;
  background-color: #f572c903;
  margin-top: 1px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.print-subscription {
  background-color: var(--lime);
  color: #383737;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
}

.h4-red-heading-tickets {
  float: none;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 35px;
  display: inline-block;
  position: static;
}

.drop-down-link {
  color: #fff;
  text-transform: uppercase;
  background-color: #464646;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.drop-down-link:hover {
  background-color: #f01616;
}

.button-div {
  float: none;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  background-image: linear-gradient(#ff4c07, #ff4c07);
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 19px;
  margin-right: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.button-div:hover {
  background-color: #3898ec05;
  background-image: linear-gradient(#ff4c07b5, #ff4c07b5);
}

.program-container {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 20px;
}

.program-heading {
  color: #dd872b;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  margin-top: 6px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.program-div {
  z-index: 1;
  text-align: center;
  margin-bottom: 28px;
  position: static;
}

.program-date {
  color: #7a7a7a;
  text-align: center;
  background-color: #0000;
  height: auto;
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 22px;
}

.program-header {
  color: #000;
  text-align: center;
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 5px;
}

.program-text {
  text-align: justify;
  letter-spacing: normal;
  text-indent: 0;
  white-space: pre-line;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.program-text.wrap {
  font-size: 16px;
}

.line {
  background-image: linear-gradient(#aca9a9, #aca9a9);
  height: 1px;
  margin-top: 35px;
  margin-bottom: 0;
}

.ticket-hero {
  height: auto;
}

.link-byu-ticket {
  color: #faf2f2;
  font-size: 38px;
  font-weight: 700;
  line-height: 38px;
  text-decoration: none;
}

.link-byu-ticket:hover {
  color: #f7ed0c;
}

.div-buy-ticket {
  text-align: center;
  background-color: #e9e7e475;
  border: 0 #0000;
  margin: 24px 0 0;
  padding-top: 13px;
  padding-bottom: 10px;
}

.section-subscription {
  background-color: var(--white-smoke);
  margin-top: 158px;
  padding-top: 26px;
}

.heading-ticket-option {
  color: #7e7e7e;
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.section-about-us {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 10px;
}

.hero-contact-us {
  padding-top: 0;
}

.container-staff {
  padding-left: 97px;
  padding-right: 97px;
}

.staff-heading {
  color: #363434;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.staff-text {
  color: #363434;
  margin-bottom: 7px;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.staff-title {
  color: #0c0c0c;
  text-align: center;
  text-transform: uppercase;
  background-color: #30a9a9b8;
  margin-top: 10px;
  margin-bottom: 2px;
  padding-top: 1px;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.contact-us-heading {
  color: #363434;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  display: block;
}

.contact-us-sub-heading {
  color: #333;
  text-align: center;
  border: 1px solid #000;
  width: 70%;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.section-contact-us-2 {
  background-image: linear-gradient(#2b3aafd1, #2b3aafd1);
  margin-top: 0;
  padding-top: 7px;
  padding-bottom: 23px;
}

.section-charitable {
  background-image: linear-gradient(#222121db, #222121db);
  height: 100%;
  min-height: 100%;
  padding-top: 21px;
  padding-bottom: 16px;
  font-size: 14px;
}

.text-charitable {
  color: #fff;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.section-newspaper {
  background-color: #0000;
  padding-top: 28px;
  padding-left: 34px;
  padding-right: 34px;
}

.div-newspaper {
  text-align: center;
  background-color: #0000;
  margin-bottom: 15px;
}

.text-newspaper {
  text-align: justify;
  padding-top: 9px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-style: normal;
}

.text-newspaper.op {
  font-style: normal;
}

.heading-newspaper {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 13px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.hero-newspaper {
  padding-bottom: 2px;
}

.hero-about-us {
  background-image: url('../images/meet_the_staff.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 170px;
  margin-top: 4px;
  padding-top: 0;
  padding-left: 0;
}

.heading-op-history {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 21px;
  padding-top: 6px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.paragraph-op-history {
  color: #fff;
  text-align: justify;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.section-contact-us {
  background-color: #fcf8f8;
  padding-top: 27px;
  padding-bottom: 20px;
}

.div-newspaper-left {
  text-align: left;
  background-color: #0000;
  margin-bottom: 0;
  margin-left: 18px;
  margin-right: 18px;
}

.section-program {
  text-align: left;
  background-color: #f7a1a100;
  padding-top: 7px;
}

.hero-op-history {
  background-image: url('../images/MarcoParisotto-FinalChord-web.png');
  background-position: 0 100%;
  background-size: cover;
  height: 300px;
}

.div-viceo {
  margin-bottom: 0;
  padding: 10px 15px 0 16px;
}

.video-title {
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.video-title.homepage {
  color: #1a1919;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.video-title.yellow {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
}

.navbar-op {
  background-color: #fff;
  padding-left: 20px;
  font-size: 15px;
}

.op-nav-link {
  color: #464646;
  text-transform: uppercase;
  background-color: #25fc3f00;
  padding: 35px 10px 34px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.op-nav-link:hover {
  color: #fff;
  background-color: #464646;
}

.op-nav-link.w--open {
  color: #fff;
  background-image: linear-gradient(#464646, #464646);
}

.op-logo {
  margin-top: -10px;
  margin-bottom: -14px;
  margin-right: 9px;
}

.op-text {
  margin-top: 0;
  margin-left: 1px;
}

.brand-link-op {
  width: 34%;
}

.brand-link-op.w--current {
  width: 28%;
}

.hero-donate {
  background-image: url('../images/heade-donater.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.section-arts-council {
  background-color: #0174ad;
  padding-top: 10px;
  padding-bottom: 10px;
}

.paragraph-arts-council {
  color: #fff;
  text-align: justify;
  border-style: none;
  border-width: 0;
  margin-bottom: 0;
  padding: 13px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

.header-donate {
  color: #5f5f5f;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.section-donate {
  border: 1px solid #a85e0e;
  margin-bottom: 0;
  padding: 17px 33px;
}

.donate-text-block {
  color: #7c7c7c;
  margin-bottom: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.sub-heading-donate {
  color: #5f5f5f;
  text-align: center;
  font-weight: 600;
}

.rich-text-donate {
  color: #7c7c7c;
  margin-top: 7px;
  margin-left: 9px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.container-donate {
  box-sizing: border-box;
  border: 2px solid var(--composer-colour);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 60px;
}

.slider-carrousel {
  text-align: left;
  height: 70vh;
  margin-left: auto;
  margin-right: auto;
}

.slides {
  background-color: #000;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.image {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.bottom-cicles {
  background-color: #00000057;
  margin-bottom: 9px;
}

.arrow {
  color: #f0f838;
}

.div-watch {
  background-image: linear-gradient(#2c2c2c, #999494);
  min-height: 100px;
  padding: 20px 10px 15px;
}

.container-op {
  background-color: #0000;
  min-width: 98%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.season-2016-container {
  background-color: #082bb4d1;
  margin-top: 0;
  line-height: 14px;
}

.season-2016-heading {
  color: #fff;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
}

.div-red-bottom {
  background-color: #ff4c07;
  background-image: url('../images/arrow-red-bottom-web.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 35%;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 70px;
}

.donate-heading {
  float: right;
  width: 60%;
  color: var(--color);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 48px;
}

.div-sponsors {
  text-align: center;
  background-color: #fff;
  height: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: none;
}

.header-sponsors {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #f77c0c;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  line-height: 30px;
  display: none;
}

.image-sponsors {
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.image-sponsors.line-2 {
  margin-left: 36px;
  margin-right: 36px;
}

.link-block-social {
  padding-left: 5px;
  padding-right: 5px;
}

.link-block-social.fr {
  background-color: #0000;
}

.footer-copyright {
  color: #fff;
  background-color: #000000db;
  height: auto;
  margin-bottom: 0;
  padding: 9px 25px 6px 20px;
  font-family: Open Sans, sans-serif;
}

.text-block-copyright {
  float: left;
  text-align: center;
  width: 50%;
  margin-bottom: 0;
  font-size: 13px;
}

.text-block-copyright.change {
  float: right;
  width: 35%;
  font-size: 13px;
}

.text-block-intelmat {
  float: right;
  width: 15%;
  font-size: 12px;
}

.intelmat-link {
  color: #fffffffa;
  font-size: 13px;
  text-decoration: none;
}

.intelmat-link:hover {
  color: #7fa7fcfa;
  text-decoration: none;
}

.heading-404 {
  color: #fff;
  text-transform: none;
  margin-top: 28px;
  margin-bottom: 31px;
  font-size: 50px;
}

.main-section {
  text-align: center;
  height: 100%;
  margin-top: 209px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.heading-2 {
  color: #fff;
  margin-bottom: 0;
}

.contact-form {
  text-align: center;
  background-color: #ff4c07;
  margin-top: 32px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.options-404 {
  color: #fff;
  text-align: left;
  margin-left: 147px;
  margin-right: 147px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
}

.list-items-404 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
}

.div-block-paypal {
  text-align: center;
  background-color: #fff;
  margin-top: 0;
  margin-left: 126px;
  margin-right: 142px;
  padding-top: 10px;
}

.donate-address {
  color: #7c7c7c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 22px;
}

.section-sponsors {
  text-align: center;
  margin-left: 29px;
  margin-right: 17px;
  padding-top: 7px;
  padding-bottom: 23px;
}

.logo-oshawa {
  margin-top: 0;
}

.section-teddy-bear {
  background-color: var(--yellow);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 14px;
  display: none;
}

.section-teddy-bear:hover {
  transform: scale(1);
}

.container-teddy-bear {
  text-align: center;
  background-color: #4452f1;
  background-image: linear-gradient(to right, #000 -2%, #6abaf8 0%, #facaec 69%);
  height: 250px;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 40px;
}

.image-teddy-bear {
  opacity: 1;
  filter: blur();
  margin-top: 0;
}

.image-teddy-bear:hover {
  border: 2px solid #6c82f8;
  margin-top: 0;
  margin-bottom: 0;
}

.employment-section {
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 58px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.employment-heading {
  font-size: 20px;
  font-weight: 400;
}

.utility-page-wrap {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-wrap:hover {
  background-color: #fff;
}

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

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

.section-staff-header {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.staff-container {
  text-align: left;
}

.hero-board {
  background-image: url('../images/board-01.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
}

.header-board {
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 400;
}

.section-board-no-header {
  background-color: #999ef8;
  margin-left: 0;
  margin-right: 0;
  padding: 9px 89px 12px 145px;
}

.hero-chat {
  background-image: linear-gradient(265deg, #000000b3, #0000 35%, #1d1c1cba 45%, #000 50%), url('../images/JT-head-shot-Hero.jpg');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  height: 400px;
  padding-top: 58px;
  padding-left: 130px;
}

.div-title-on-hero-chat {
  width: 40%;
}

.header-chat {
  color: #ffffffd9;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Oswald, sans-serif;
  font-size: 44px;
}

.header-with {
  color: #ffffffd9;
  text-align: left;
  margin-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
}

.header-terauds {
  color: #ffffffd9;
  font-family: Droid Sans, sans-serif;
  font-size: 50px;
  font-weight: 400;
}

.section-chat-a {
  background-color: #fff;
  border: 1px solid #000;
  height: auto;
  padding-top: 28px;
  padding-bottom: 50px;
}

.div-sub-header {
  border-bottom: 2px solid #4165f5;
}

.heading-5-sub-header {
  color: #4165f5;
  margin-top: 23px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.div-over-image {
  color: #ff1629;
  text-align: center;
  text-transform: uppercase;
  padding-top: 140px;
  font-size: 14px;
  line-height: 40px;
}

.heading-h1-chat {
  text-align: center;
  text-transform: uppercase;
  margin-top: 1px;
  margin-bottom: 9px;
  font-family: Open Sans, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.heading-h2-chat {
  margin-top: 10px;
  font-size: 30px;
}

.chat-paragraph {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.chat-paragraph.register {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.div-block-button-register {
  text-align: center;
  border: 1px solid #000;
  margin-bottom: 8px;
}

.button-register-chat {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: linear-gradient(#ff4c07, #ff4c07);
  margin-top: 16px;
  margin-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.button-register-chat:hover {
  background-image: linear-gradient(#ff4c07c4, #ff4c07c4);
}

.logo-ontario-arts {
  margin-top: 0;
}

.link-block-images {
  opacity: 1;
}

.link-block-images:hover {
  opacity: 1;
  filter: grayscale() brightness(70%);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  transform: translate(0);
}

.ticket-price {
  text-align: center;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.text-tax {
  text-align: center;
  letter-spacing: .7px;
  margin-bottom: 8px;
  font-family: PT Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.seating-header {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.marco-title {
  color: #f85508;
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.policies-section {
  margin-top: -51px;
  padding: 58px 40px;
}

.intro-private-policy {
  border-top-style: none;
  border-top-color: #696565;
  margin-top: 21px;
  font-size: 16px;
  font-weight: 400;
}

.op-slide-6 {
  background-color: #0e1a1b;
  margin-top: 0;
  margin-right: 0;
  padding-top: 63px;
  padding-left: 5%;
  padding-right: 5%;
}

.slide-nav {
  display: none;
}

.arrow-left {
  color: #87fc5a;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}

.arrow-right {
  color: #87fc5a;
  font-size: 40px;
  font-weight: 400;
}

.icon {
  margin-left: 8px;
  font-size: 40px;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 2px;
  grid-template-rows: minmax(auto, .25fr);
  grid-template-columns: .25fr 1fr;
  height: auto;
}

.bold-text-2 {
  color: #000;
  line-height: 28px;
  display: block;
}

.section-special-program {
  text-align: center;
  padding-top: 6px;
  padding-bottom: 9px;
}

.container-special-program {
  text-align: center;
  text-transform: uppercase;
  padding-top: 13px;
  padding-bottom: 26px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.link {
  letter-spacing: 1px;
}

.link.program-details {
  line-height: 40px;
}

.container-fm96-logo {
  text-align: center;
  padding-top: 18px;
}

.button-pice-info {
  text-transform: uppercase;
  background-color: #fc0c0c;
  border: 1px solid #f80707;
  border-radius: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.button-pice-info:hover {
  color: #fa0909;
  background-color: #0000;
  border: 1px solid #fa0808;
}

.button-pice-info.ticekt-page {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 15px;
}

.text-board-member {
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.grid-6 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
}

.section-sitemap {
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-left: 10%;
  padding-right: 10%;
}

.grid-7 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.heading-tickets-row {
  margin-top: 27px;
  font-size: 30px;
}

.image-3 {
  text-align: left;
}

.section-tickets-wrapper {
  background-color: #f4f4f4;
  padding-top: 27px;
  padding-bottom: 25px;
}

.div-logo {
  text-align: center;
  background-image: linear-gradient(#fff 38%, #cac8c8 99%);
  border-right: 1px solid #e6e2e2;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  padding-top: 7px;
}

.container-round-corner {
  background-color: #fff;
  border: 1px solid #ebe7e7;
  border-radius: 10px;
  height: auto;
  box-shadow: 0 0 7px 1px #e2e2e2;
}

.body-2 {
  box-shadow: none;
  border: 1px #c2c1c1;
}

.container-round-corner-2 {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 13px;
  margin-top: 20px;
  box-shadow: 0 0 11px #e0dbdb;
}

.grid-9 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
}

.div-concert-lines {
  background-color: #fcf9f9;
  padding-top: 11px;
  padding-left: 17px;
}

.concert-line-1-bold {
  font-size: 16px;
  font-weight: 400;
}

.concert-line-2-blue {
  color: #60a5ff;
  font-weight: 700;
}

.op-slide-5 {
  text-align: center;
  text-transform: uppercase;
  background-color: #000;
  background-image: url('../images/bizet---carmen-corrected-HERO.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 39px;
  padding-left: 10%;
  padding-right: 0;
}

.grid-tickets {
  grid-column-gap: 0px;
  background-color: #050505;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: stretch;
  padding-left: 10%;
  padding-right: 10%;
}

.heading-marco-conducts {
  color: #ff4c07;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.slider-container {
  background-image: url('../images/gallery004.JPG');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-15 {
  grid-column-gap: 8px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.body-watch-page {
  background-color: #050505;
}

.section-images-gala {
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 18px;
}

.heading-sponsors {
  color: #fff;
  text-align: center;
  background-color: #0e15a1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  line-height: 50px;
}

.heading-sponsors.list {
  text-transform: uppercase;
  background-color: #089672;
  margin-bottom: 14px;
  font-size: 30px;
}

.text-block-patron {
  text-align: center;
  background-color: #fdfdfd;
  border: 0 #08967205;
  margin-left: 60px;
  margin-right: 60px;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.div-block-cities-icons {
  background-color: var(--yellow);
  text-align: center;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 5px;
  padding-left: 0;
  padding-right: 7px;
}

.grid-16 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}

.text-block-beethoven {
  color: #089672;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.bold-text-3 {
  text-align: center;
  font-size: 26px;
  line-height: 28px;
  display: block;
}

.heading-title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 36px;
  font-weight: 300;
}

.heading-3-op-login {
  text-align: center;
  margin-top: 6px;
  margin-bottom: 26px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.container-op-login-form {
  padding-left: 184px;
  padding-right: 184px;
}

.section-op-login {
  background-image: url('../images/header.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
}

.grid-17 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-embed {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-bottom: 0;
  margin-left: 40%;
  margin-right: 30%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.op-phil-link {
  color: snow;
}

.op-phil-link:hover {
  color: #fc6f12;
}

.grid-18 {
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .75fr;
}

.div-copyright {
  padding-top: 12px;
}

.op-slide-10 {
  background-image: url('../images/OP-Koerner_Mahler4-1250-438.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 91px;
  padding-left: 0;
  padding-right: 111px;
}

.image-6, .image-7, .lightbox-link, .lightbox-link-2, .lightbox-link-3, .image-8, .lightbox-link-4, .lightbox-link-5 {
  text-decoration: none;
}

.div-learn-more {
  background-color: #0000;
  margin-top: -9px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.button-gala {
  color: #0201fb;
  background-color: #fd9800;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 22px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-gala:hover {
  background-color: #fadbad;
}

.button-gala.cancel {
  color: #1e1e1f;
  background-color: #fac34e;
  margin-top: -25px;
  padding-bottom: 3px;
  padding-right: 32px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 19px;
  position: static;
  inset: 94% 0% auto;
}

.heding-cancellation {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 7px;
  font-size: 30px;
  line-height: 40px;
}

.section-ticket-purchase-header {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  overflow: hidden;
}

.program-1-date-2 {
  float: none;
  color: #b1afaf;
  text-align: center;
  text-transform: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: -4px;
  margin-bottom: 17px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  display: block;
}

.olg-hero {
  background-image: url('../images/sky2-resized-blend.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}

.olg-heading {
  color: var(--yellow);
  text-align: center;
  text-transform: none;
  background-color: #708ec2;
  margin-top: 1px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.olg-grid-1 {
  grid-column-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-content: stretch;
  place-items: center;
  margin-left: 15px;
  margin-right: 15px;
}

.olg-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  margin-left: 15px;
  margin-right: 15px;
}

.olg-div-line {
  background-color: #3d3d3d;
  height: 1px;
}

.olg-grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  margin-left: 12px;
  margin-right: 12px;
}

.olg-grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center start;
  margin: 13px 12px 19px;
}

.nav-menu {
  margin-right: 0;
}

.text-block-11 {
  color: #0a775b;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.div-block-to-copy-full-pgae-program-4, .div-block-to-copy-full-page-program-1, .div-block-to-copy-full-page-program-2, .div-block-to-copy-full-page-program-3, .div-block-to-copy-full-page-5 {
  background-color: #0000;
}

.div-block-to-copy-full-page-6 {
  background-color: #0000;
  display: block;
}

.header-artist-slide-5 {
  float: left;
  color: #f0f0f7;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #ffff0efa;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oranienbaum, sans-serif;
  font-size: 120px;
  font-weight: 400;
  line-height: 120px;
}

.superscript {
  color: #050505;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
  top: -10px;
}

.section-ovelap {
  background-color: var(--red);
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-bottom: 31px;
  margin-left: 0;
  margin-right: 0;
  padding: 34px 0 0 51px;
  display: none;
}

.div-blue {
  float: none;
  background-color: #0000;
  background-image: url('../images/Marco_blue_sky_resize.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 400px;
  margin-top: 0;
  margin-bottom: 2px;
  margin-left: 0;
  display: block;
  position: static;
  top: -250px;
  left: 343px;
}

.div-green {
  z-index: 3;
  float: right;
  clear: both;
  background-color: #0000;
  background-image: linear-gradient(to right, #f0f0f0, #fff 60%);
  align-items: flex-start;
  width: 60%;
  height: auto;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 20px;
  font-size: 20px;
  display: block;
  position: relative;
  top: 46px;
  left: -28px;
}

.italic-text {
  font-size: 14px;
  line-height: 18px;
}

.covid-marco-heading {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.covid-text-italic {
  font-size: 13px;
  line-height: 16px;
}

.div-block-hero-slide-5 {
  float: left;
  font-size: 15px;
}

.covid-div-bloc-ticket-info {
  margin-bottom: 7px;
}

.covid-ticket-price-info {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.section-bio {
  background-color: var(--lime);
}

.button-bio-program-notes {
  color: var(--white-smoke);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3451c1;
  border-radius: 0;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.button-bio-program-notes:hover {
  background-color: #a4b6fa;
}

.text-bio {
  text-align: justify;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.div-block-buttons-bio-notes {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 0;
}

.container-bio {
  background-color: var(--lime);
  border-top: 1px solid #000;
  padding-top: 3px;
  padding-bottom: 8px;
}

.container-program-notes {
  background-color: #0000;
  border-top: 1px solid #000;
  margin-top: 13px;
  margin-bottom: 24px;
  padding-top: 3px;
}

.image-9 {
  float: right;
  padding-left: 5px;
  padding-right: 13px;
}

.heading-bio {
  color: #dd872b;
  text-transform: capitalize;
  margin-top: 3px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 18px;
  overflow: visible;
}

.div-block-samples-buttons {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.text-block-17, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22 {
  font-size: 14px;
}

.div-hr-line {
  background-color: #000;
  height: 1px;
  margin-top: 14px;
  margin-bottom: 34px;
}

.text-library-closed {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.body-library-closed {
  background-image: url('../images/404.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
}

.date-slide-6 {
  color: #707b6b;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.section-header {
  background-image: url('../images/layout_02-from-archive.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin-bottom: 31px;
}

.div-new-season {
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.heading-new-season {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.heading-site-not-open {
  text-align: center;
  text-transform: none;
  margin-top: 3px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
}

.heading-3-form {
  background-color: var(--red);
  color: #fff;
  text-align: center;
  margin-left: 70px;
  margin-right: 70px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Krona One, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.button-first-concert {
  border: 1px solid var(--slate-blue);
  background-color: var(--slate-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 37px;
  font-family: Krona One, sans-serif;
}

.button-first-concert:hover {
  border: 1px solid var(--slate-blue);
  color: var(--slate-blue);
  background-color: #fafcfd;
}

.submit-button {
  border: 1px solid var(--slate-blue);
  background-color: var(--slate-blue);
  font-family: Krona One, sans-serif;
}

.submit-button:hover {
  color: var(--slate-blue);
  background-color: #fff;
}

.heading-3-quick-look {
  color: var(--slate-blue);
  font-size: 24px;
  font-weight: 400;
}

.text-subtitle-slide-5 {
  color: #e5c79f;
  text-transform: capitalize;
  margin-bottom: 18px;
  font-family: Varela, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.div-ticket-page-price {
  width: 100%;
}

.container-subscription {
  text-align: center;
  background-color: #f352e3;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.div-print-subscription {
  background-color: var(--yellow);
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 60px;
}

.olg-grid-5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center start;
  margin: 13px 12px;
}

.olg-grid-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center;
  margin: 13px 12px 30px;
}

.error-message {
  background-color: #fc8c64;
  font-family: Fahkwang, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-block-25 {
  text-transform: uppercase;
  font-family: Krona One, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.section-not-ready {
  margin: 92px;
}

.heading-405 {
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 40px;
  display: flex;
}

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

.link-3 {
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}

.div-buy-subscription {
  text-align: center;
  background-color: #e7f0fe;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 14px;
}

.h3-buy-subscription {
  color: #333;
  margin-bottom: 3px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.html-embed {
  color: #b6b5b700;
  margin-top: 0;
}

.column {
  text-align: center;
  padding-right: 0;
}

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

.container-marco-bio {
  color: var(--white-smoke);
  font-family: Open Sans, sans-serif;
  font-size: 17px;
}

.text-block-26 {
  line-height: 24px;
}

.op-slide-7 {
  text-align: left;
  background-color: #000;
  background-image: url('../images/red-blast-twice-no-text.jpg'), url('../images/red-blast.jpg');
  background-position: 50% 100%, 50% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  margin-left: auto;
  margin-right: auto;
  padding-top: 47px;
  padding-left: 0;
}

.op-slide-9 {
  background-color: #fffdff;
  background-image: url('../images/Remi-Hero-Full-Colour----Remi.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 129px;
  padding-left: 5%;
  padding-right: 0%;
}

.div-block-hero-slide-9 {
  float: left;
  clear: none;
  text-align: center;
}

.text-guest-conductor {
  color: #d4d7de;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  line-height: 24px;
}

.header-artist-slide-6 {
  color: #7d8878;
  margin-top: 10px;
  font-family: Belleza, sans-serif;
  font-size: 100px;
  line-height: 100px;
}

.op-slide-14 {
  background-color: #030303;
  background-image: url('../images/Gazarian-Ruben-1-HERO.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 101px 5% 0 0;
}

.op-slide-donation {
  background-image: url('../images/koerner-hall-musician-removed-resized.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10px;
  padding-left: 0%;
}

.div-artist-slide-14 {
  float: right;
  text-align: center;
}

.header-artitst-slide-14 {
  color: #ff4c07;
  letter-spacing: 3px;
  margin-top: 0;
  font-family: Oswald, sans-serif;
  font-size: 130px;
  font-weight: 400;
  line-height: 130px;
}

.date-slide-14 {
  color: #bbb4b4;
  margin-top: 26px;
  margin-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.div-donate-review {
  text-align: left;
}

.text-review {
  color: #ff0;
  text-align: center;
  background-color: #020001;
  margin-top: 13px;
  font-size: 22px;
  line-height: 30px;
}

.heading-slide-donate {
  color: var(--red);
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 48px;
  line-height: 50px;
}

.div-donate-options {
  text-align: center;
  margin-top: 10px;
}

.button-donate {
  background-color: var(--red);
  letter-spacing: .5px;
  margin-right: 10px;
  padding: 5px 10px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.button-donate:hover {
  color: #aa5c08;
  background-color: #b7f07e;
}

.heading-thanks-sponsors {
  text-transform: uppercase;
  background-color: #ffb749;
  margin-bottom: 20px;
  font-family: Fahkwang, sans-serif;
  font-size: 30px;
  line-height: 50px;
}

.section-new-concert-options {
  background-color: var(--lime);
  padding: 2px 25px 28px;
}

.grid-regent {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr 1.25fr;
}

.div-artist-slide-15 {
  float: left;
  text-align: center;
  background-color: #0000;
  margin-top: 0;
  margin-right: 0;
  padding-left: 0;
}

.heading-artist-slide-15 {
  background-color: var(--slate-blue);
  color: #e4dcd5;
  border: 0 #000;
  height: 95px;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Playfair Display, sans-serif;
  font-size: 100px;
  line-height: 90px;
}

.text-block-32 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.op-slide-17 {
  background-color: #070401;
  background-image: url('../images/Renchang-Fu-3-HERO.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 133px;
  padding-left: 0%;
  padding-right: 10%;
}

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

.h1-heading-handel {
  color: var(--white-smoke);
  margin-top: 30px;
  font-family: Belleza, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.concert-name-header {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Belleza, sans-serif;
  font-size: 21px;
  line-height: 27px;
}

.program-date-new-format {
  margin-top: 0;
  margin-bottom: 0;
}

.text-ticket-new-format {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 700;
}

.quick-stack-ticket-format {
  grid-column-gap: 10px;
}

.cell-4 {
  padding-top: 10px;
  font-weight: 700;
}

.quick-stack-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 38px;
  margin-left: 350px;
  margin-right: 100px;
  padding: 10px 0 0;
}

.div-photos-distorded {
  text-align: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding-left: 0;
  display: flex;
}

.image-11 {
  width: 18%;
  height: auto;
  margin-right: -58px;
  padding-left: 0;
}

.text-block-27 {
  color: #acaaaa;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.section-gala-ticket {
  margin-top: 26px;
}

.heading-gala-form {
  text-align: center;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.container {
  text-align: center;
}

.paragraph-gala-form {
  font-size: 20px;
  line-height: 25px;
}

.heading-contact-form {
  text-align: center;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.section-contact {
  height: auto;
}

.section-hero-gala {
  background-color: #0000;
  background-image: url('../images/Gala-Pix-Hero-2024---CORRECTED.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  max-height: 0%;
  padding-top: 255px;
}

.gala-hero-text {
  color: #fcbc46;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  text-shadow: 3px 2px 1px #09080882;
  font-family: Copaseticnf, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 120px;
  box-shadow: 0 2px 5px #0003;
}

.image-14 {
  background-color: #5687a8;
}

.op-slide-15 {
  background-color: #333;
  background-image: url('../images/Ravel-3png-HERO.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 94px;
  padding-left: 10%;
}

.date-slide-15 {
  color: #e4dfdf;
  margin-top: 18px;
  margin-bottom: 33px;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.op-slide-19 {
  background-image: url('../images/nutcracker-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 142px;
  padding-left: 4%;
  padding-right: 0;
}

.op-slide-20 {
  color: #dcb88d;
  background-color: #000;
  background-image: url('../images/lion-2-HERO.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 95px;
  padding-left: 92px;
  padding-right: 79px;
}

.div-artist-slide-20 {
  float: left;
  text-align: center;
}

.hi-headig-slide-20 {
  color: #edd1ac;
  text-transform: capitalize;
  margin-top: 0;
  font-family: Varela, sans-serif;
  font-size: 110px;
  line-height: 110px;
}

.text-date-slide-20 {
  color: #bbb4b4;
  margin-bottom: 22px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.div-artist-slide-19 {
  float: left;
  text-align: center;
  position: static;
}

.h1-heading-slide-19 {
  color: #f3e700;
  text-transform: uppercase;
  text-shadow: 4px 5px 1px #00000054;
  font-family: MedievalSharp, sans-serif;
  font-size: 110px;
  line-height: 100px;
}

.date-slide-19 {
  color: #656668;
  margin-bottom: 17px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.op-slide-21 {
  background-color: #0b0b0b;
  background-image: url('../images/dvorak_2_dark.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 150px;
  padding-left: 10%;
  padding-right: 0;
}

.op-slide-22 {
  float: none;
  text-align: center;
  background-image: url('../images/Christmas-2018-HERO.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 107px;
  padding-left: 0%;
  padding-right: 0;
}

.div-block-slide-21 {
  float: left;
  text-align: center;
  margin-top: 0;
  padding-top: 12px;
}

.h1-heading-slide-21 {
  float: none;
  color: #faf599;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cinzel, sans-serif;
  font-size: 90px;
  font-weight: 500;
  line-height: 100px;
}

.text-date-slide-21 {
  color: #c4c1c1;
  margin-bottom: 34px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.text-date-slide-22 {
  color: #c4c1c1;
  text-align: center;
  margin-top: 0;
  margin-bottom: 21px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.div-artist-slide-17 {
  float: right;
  text-align: center;
}

.div-block-ontario {
  text-align: center;
  display: block;
}

.image-17 {
  margin-top: 7px;
}

.container-board {
  padding-left: 99px;
}

.quick-stack-home-page {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 10px 0 40px;
}

.text-tchaikovski {
  color: #f3e700;
  text-shadow: 2px 2px 1px #0003;
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 42px;
  line-height: 40px;
}

.text-tchaikovski.first-perf {
  color: #070707;
  text-align: center;
  -webkit-text-stroke-color: #ebe12f05;
  text-shadow: none;
  margin: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 28px;
  line-height: 30px;
}

.tttext-guest-pereira {
  color: #b6a089;
  margin-bottom: 14px;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
}

.heading-slide-9 {
  color: #b6a089;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 100px;
  line-height: 100px;
}

.text-slide-6 {
  color: #7d8878;
  margin-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.text-slide-21 {
  color: #faf599;
  margin-bottom: 25px;
  font-size: 28px;
  line-height: 28px;
}

.text-slide-22 {
  color: #ff4c07;
  text-align: center;
  margin-bottom: 22px;
  font-family: Alger, sans-serif;
  font-size: 40px;
  line-height: 30px;
}

.h1-header-slide-15 {
  color: var(--red);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #dff117;
  text-transform: uppercase;
  margin-top: 0;
  padding-left: 0;
  font-family: Poiret One, sans-serif;
  font-size: 150px;
  line-height: 150px;
}

.text-slide-15 {
  color: #f13428;
  -webkit-text-stroke-color: var(--red);
  text-shadow: 0 1px 1px #0003;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  line-height: 30px;
}

.div-block-new-slide-22 {
  float: left;
  background-color: #f79c9c03;
  padding-left: 5%;
}

.h1-heading-slide-22 {
  color: #89f38c;
  margin-top: 0;
  margin-bottom: 22px;
  font-family: Playfair Display, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 80px;
}

.container-print {
  text-align: center;
  background-color: #adeec7;
  height: 35px;
}

.cell-5, .cell-6, .cell-7, .cell-8, .cell-9 {
  padding-top: 10px;
}

.body-4 {
  background-color: #e0f15b;
}

.section-subscription-form {
  background-color: #464646;
  padding-top: 10px;
}

.conatiner-subsciption-form {
  text-align: center;
  background-color: #464646;
}

.div-print-form {
  background-color: #6f71fa05;
}

.section-mayors-gala {
  background-color: #aedef8;
  height: auto;
  padding-top: 0;
}

.images-sponsors {
  max-width: none;
  padding-left: 13px;
  padding-right: 15px;
}

.div-sponsors-beethoven {
  text-align: center;
  margin-bottom: 1px;
  padding-bottom: 0;
}

.red-text-program {
  color: var(--red);
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.body-gala-page {
  margin-top: 22px;
}

.image-18, .image-19 {
  max-width: none;
}

.button-gala-tickets {
  background-color: #1288f0;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.button-gala-tickets:hover {
  background-color: #02325c;
}

.div-block-list-mayors {
  background-color: #9fe8f805;
  margin-bottom: 20px;
  margin-left: 261px;
  margin-right: auto;
  padding-top: 20px;
}

.op-slide-23 {
  background-color: #405f98;
  background-image: url('../images/nutcracker-1892-corrected.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 12px;
  padding-left: 32px;
}

.op-slide-24 {
  background-image: url('../images/mariinsky-theatre-1892.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
  padding-top: 474px;
  padding-bottom: 0;
}

.div-firsr-performance {
  background-color: var(--lime);
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
}

.op-slide-26 {
  background-color: #050505;
  background-image: url('../images/yellow-river-head.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0%;
  font-family: Muli, sans-serif;
}

.star-photo {
  box-shadow: 3px 3px 8px #000000d9;
}

.div-op-stars-header {
  background-color: var(--lime);
  margin-top: 39px;
  margin-left: 360px;
  padding-left: 0;
  font-family: Droid Serif, serif;
  font-size: 20px;
}

.heading-406 {
  color: var(--yellow);
  text-transform: uppercase;
  margin-top: 10px;
  margin-left: 140px;
  padding-left: 0;
  font-family: Muli, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
}

.text-stars {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  color: var(--yellow);
  text-align: center;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.div-musicians {
  text-align: center;
  margin-left: 387px;
  padding-right: 18px;
}

.quick-stack-3 {
  float: none;
  grid-column-gap: 6px;
  grid-row-gap: 7px;
  padding: 10px 0;
}

.cell-12-hanna {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.op-slide-30 {
  background-image: url('../images/tony-yike-yang-solo.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-left: 90px;
}

.op-slide-27 {
  background-color: #132434;
  background-image: url('../images/3-stars-hero.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-left: 0%;
  font-family: Muli, sans-serif;
}

.op-slide-27._2 {
  background-position: 100%;
  padding-left: 0%;
}

.button-div-slide-27 {
  text-align: center;
  text-transform: uppercase;
  background-color: #ff4c07;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
}

.button-div-slide-27:hover {
  background-color: #ff4c07b5;
}

.text-date-slide-27 {
  color: #c4c1c1;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}

.cell-slide-27-date {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.cell-14 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

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

.text-blast {
  color: #ff0;
  text-align: center;
  font-family: Shockwave, Verdana, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.div-slide-25 {
  color: #333;
  text-align: center;
  padding-top: 93px;
  padding-left: 0;
  font-family: Chinesedragon, Verdana, sans-serif;
}

.heading-slide-25 {
  color: #fbf714;
  letter-spacing: 10px;
  font-family: Chinesedragon, Verdana, sans-serif;
  font-size: 170px;
  font-weight: 400;
  line-height: 130px;
}

.text-date-slide-25 {
  color: #f9f4f2;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

.monti {
  color: #fdf900;
  text-align: center;
  font-family: Prata, sans-serif;
  font-size: 30px;
  line-height: 50px;
}

.villa-lobos {
  color: var(--yellow);
  text-align: center;
  background-color: #c7c2c200;
  font-family: Eagle Lake, sans-serif;
  font-size: 30px;
  line-height: 50px;
  display: flex;
}

.bach {
  color: #ff0;
  text-align: center;
  font-family: UnifrakturMaguntia, sans-serif;
  font-size: 40px;
  line-height: 50px;
}

.vivaldi {
  color: #ff0;
  text-align: center;
  font-family: Alger, sans-serif;
  font-size: 30px;
  line-height: 50px;
}

.mozart {
  color: var(--yellow);
  text-align: center;
  font-family: Great Vibes, cursive;
  font-size: 45px;
  line-height: 50px;
}

.gershwin {
  color: #ff0;
  text-align: center;
  font-family: Limelight, sans-serif;
  font-size: 30px;
  line-height: 50px;
}

.handel {
  color: #ff0;
  text-align: center;
  font-family: Fahkwang, sans-serif;
  font-size: 35px;
  line-height: 50px;
}

.quick-stack-composers {
  grid-column-gap: 3px;
  grid-row-gap: 1px;
  margin-left: 300px;
  margin-right: 300px;
  padding-left: 10px;
}

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

.cell-17 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.cell-18, .cell-19 {
  justify-content: flex-start;
  align-items: center;
}

.cell-20 {
  justify-content: flex-start;
  align-items: flex-start;
}

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

.cell-22 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
}

.cell-date {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
}

.text-date-slide-7 {
  color: #ddcfcf;
  margin-bottom: 17px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.text-date-slide-9 {
  color: #636161;
  margin-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.div-slide-30 {
  float: left;
  text-align: center;
}

.heading-slide-30 {
  color: #f38534;
  letter-spacing: 5px;
  font-family: Dubbadubbanf, sans-serif;
  font-size: 130px;
  font-weight: 400;
  line-height: 130px;
}

.heading-2-slide-30 {
  color: #f48f40;
  text-align: center;
  margin-top: 0;
  font-size: 30px;
  line-height: 40px;
}

.text-date-slide-30 {
  color: #b1aeae;
  text-align: center;
  margin-bottom: 17px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.button-slide-30 {
  text-align: center;
  text-transform: uppercase;
  background-color: #ff4c07;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 14px;
}

.button-slide-30:hover {
  background-color: #ff4c07b5;
}

.op-slide-31 {
  color: #c5c2c2;
  background-image: url('../images/Tchaikovski-Symphony-Hero-Web-1400_1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-right: 36px;
  font-family: Oswald, sans-serif;
  font-weight: 600;
}

.op-slide-32 {
  background-image: url('../images/Marco-Parisotto-Hero-extended.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 68px;
  padding-right: 35px;
}

.text-side-32 {
  float: none;
  color: #c0a9bf;
  text-transform: capitalize;
  font-size: 25px;
  line-height: 30px;
}

.div-slide-32 {
  float: right;
  text-align: center;
}

.date-slide-32 {
  color: #bbb4b4;
  text-align: center;
  margin-top: 29px;
  margin-bottom: 17px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.heading-slide-32 {
  color: #d0c3d0;
  font-family: Oswald, sans-serif;
  font-size: 80px;
  line-height: 80px;
}

.button-slide-32 {
  text-align: center;
  text-transform: uppercase;
  background-color: #ff4c07;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 14px;
}

.button-slide-32:hover {
  background-color: #ff4c07b5;
}

.div-slide-31 {
  float: right;
  text-align: center;
}

.heading-slide-31 {
  color: #d1c49f05;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #dfd0a9d9;
  margin-top: 5px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 75px;
  line-height: 75px;
}

.date-slide-31 {
  color: #d8d8d8;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.button-slide-31 {
  text-transform: uppercase;
  background-color: #ff4c07;
  font-family: Montserrat, sans-serif;
  line-height: 14px;
}

.button-slide-31:hover {
  background-color: #ff4c07b5;
}

.section-heading-page-blue-top {
  background-color: #082bb4d1;
  padding-top: 2px;
  padding-bottom: 4px;
  line-height: 42px;
}

.div-music-program {
  background-color: var(--lime);
  text-align: center;
}

.hheading-3-composers {
  color: #dd872b;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.text-music-list {
  font-size: 18px;
}

.text-intermission {
  border: 1px solid #000;
  margin-top: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.quick-stack-5 {
  padding: 10px 60px;
}

.section-hero-new-season {
  box-sizing: border-box;
  background-image: url('../images/Marco-Parisotto-Hero-extended.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  padding-top: 79px;
  padding-right: 173px;
  font-family: Merriweather, serif;
}

.section-concerts-list {
  background-image: linear-gradient(#b8b8b8 10%, #f0ebeb 75%);
  padding-left: 0;
  padding-right: 0;
}

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

.text-block-34 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.heading-407 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.quick-stack-6 {
  grid-column-gap: 10px;
  padding: 10px 0 0;
}

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

.bold-text-23 {
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
}

.container-bottom {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.div-season-2025 {
  float: right;
}

.heading-op-2025 {
  float: left;
  color: #e7e5e5;
  font-family: Cinzel, sans-serif;
  font-size: 70px;
  font-weight: 500;
  line-height: 70px;
}

.text-preview {
  color: #e7e5e5;
  text-align: center;
  font-family: Fahkwang, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.text-season-preview {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.contatiner-2025-2026 {
  padding-bottom: 0;
}

.heading-year {
  color: #f3f70e;
  text-align: center;
  background-color: #3da78e;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Fahkwang, sans-serif;
  font-size: 35px;
  font-weight: 600;
}

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

.cell-home-page {
  justify-content: flex-start;
  align-items: center;
}

.dic-section-special-concert {
  box-sizing: border-box;
  float: right;
  text-align: center;
}

.guest-slide-14 {
  color: #ff4c07;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Prata, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.date-slide-17 {
  color: #e4dcd5;
  text-transform: capitalize;
  margin-bottom: 13px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.container-gala-tckets {
  text-align: center;
  background-color: #ffadad00;
}

.text-date-spcial {
  color: var(--color);
  margin-bottom: 9px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.baba {
  color: #e3c230;
  margin-bottom: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 45px;
}

.section-baba {
  background-image: url('../images/Special-Concert---Section-insert.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 220px;
  padding-top: 27px;
  padding-right: 197px;
}

.video-composer {
  color: #ffff36fa;
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.video-composer.homepage {
  color: #1a1919;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.heading-season-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 40px;
}

.superscript-2 {
  font-size: 25px;
}

.text-excerpts {
  color: var(--white-smoke);
  font-family: Oranienbaum, sans-serif;
  font-size: 50px;
  line-height: 40px;
}

.button-box-office {
  letter-spacing: 1px;
  text-indent: 2px;
  text-transform: uppercase;
  background-color: #dd872b;
  margin-top: 13px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
}

.button-box-office:hover {
  background-color: var(--dark-blue);
}

.heding-chopin-concerto {
  color: #089672;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.text-block-brahms {
  color: #089672;
  margin-top: 19px;
  margin-bottom: 13px;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
}

.div-season-new-design {
  box-sizing: border-box;
  float: right;
  text-align: left;
  background-color: #7c797905;
  max-width: 600px;
}

.text-block-35 {
  color: #7d8878;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 30px;
}

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

.text-slide-25 {
  color: #fbf714;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.text-guest-slide-21 {
  color: #faf599;
  font-size: 30px;
  line-height: 30px;
}

.bold-text-25 {
  color: #d0c3d0;
  font-weight: 400;
}

.text-block-36 {
  line-height: 15px;
}

.txt-ontariotech {
  color: #094376;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.slide-2 {
  margin-bottom: -10px;
  padding-top: 0;
  padding-bottom: 14px;
  padding-left: 0;
}

.section-last-minute {
  background-color: var(--lime);
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 20%;
  padding-right: 0;
}

.div-button-last-minute {
  padding-left: 149px;
}

@media screen and (max-width: 991px) {
  .section-b {
    padding-top: 0;
    padding-right: 0;
  }

  .about-image {
    width: 165%;
    max-width: 100%;
  }

  .social-div {
    width: 250px;
    padding-left: 60px;
  }

  .footer {
    height: auto;
    margin-bottom: 1px;
    padding-bottom: 11px;
  }

  .section-red-bottom {
    height: 75px;
  }

  .op-slider {
    height: 350px;
  }

  .section-c {
    padding-top: 9px;
    padding-bottom: 0;
  }

  .section-gala {
    padding-bottom: 54px;
  }

  .date-block {
    font-size: 11px;
    line-height: 15px;
  }

  .drop-down-link {
    color: #ff0a0a;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .drop-down-link:hover {
    color: #ff0808;
    background-color: #fff;
  }

  .button-div {
    margin-top: 9px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 11px;
  }

  .program-container {
    margin-bottom: 0;
  }

  .program-heading {
    margin-top: 0;
    font-size: 22px;
    line-height: 28px;
  }

  .program-date {
    font-size: 18px;
  }

  .program-header {
    font-size: 16px;
    line-height: 30px;
  }

  .program-text {
    background-color: #0000;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
  }

  .program-text.wrap {
    font-size: 14px;
  }

  .ticket-hero {
    background-image: none;
  }

  .link-byu-ticket {
    font-size: 30px;
    display: inline-block;
  }

  .heading-ticket-option {
    font-size: 30px;
  }

  .hero-contact-us {
    background-position: 100% 0;
    height: 127px;
    padding-top: 0;
  }

  .staff-title {
    text-align: center;
    padding-top: 2px;
  }

  .contact-us-sub-heading {
    font-size: 18px;
    line-height: 24px;
  }

  .section-contact-us-2 {
    margin-top: 8px;
  }

  .section-charitable {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .section-newspaper {
    padding-top: 8px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .heading-newspaper {
    margin-top: 0;
    font-size: 26px;
    line-height: 36px;
  }

  .hero-about-us {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10px;
    padding-top: 16px;
  }

  .heading-op-history {
    margin-bottom: 12px;
    padding-top: 0;
    font-size: 34px;
  }

  .paragraph-op-history {
    font-size: 15px;
    line-height: 25px;
  }

  .section-contact-us {
    margin-top: -7px;
    margin-bottom: -10px;
    padding-top: 13px;
    padding-bottom: 23px;
  }

  .div-viceo {
    margin-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .video-title {
    font-size: 12px;
  }

  .video-title.homepage {
    color: #383837;
  }

  .video-title.yellow {
    font-size: 14px;
    font-weight: 700;
  }

  .op-nav-link {
    background-color: #fff;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 16px;
  }

  .op-nav-link:hover {
    color: #8d8d8d;
    background-color: #fff;
  }

  .op-nav-link.w--open {
    color: #797575;
    background-color: #fff;
    background-image: linear-gradient(#fff, #fff);
    transition: opacity .2s;
    transform: translate(0);
  }

  .op-text {
    max-width: 60%;
  }

  .menu-button-op {
    clear: none;
    color: #fff;
    background-color: #0000;
    padding: 7px;
  }

  .menu-button-op:hover {
    background-color: #0000;
  }

  .menu-button-op.w--open {
    background-color: #0000;
    padding: 7px;
  }

  .brand-link-op {
    width: 41%;
    margin-right: 300px;
    padding-right: 0;
  }

  .brand-link-op.w--current {
    width: 80%;
  }

  .hero-donate {
    background-size: contain;
    height: 181px;
  }

  .paragraph-arts-council {
    font-size: 18px;
    line-height: 22px;
  }

  .header-donate {
    font-size: 30px;
  }

  .donate-text-block {
    text-align: justify;
    line-height: 24px;
  }

  .sub-heading-donate {
    font-size: 18px;
  }

  .div-watch {
    padding: 8px 9px 2px;
  }

  .container-op {
    margin-left: 20px;
    margin-right: 0;
  }

  .icon-arrow {
    color: #fc0808;
    font-size: 17px;
    transition: all .5s;
    transform: rotate(-90deg);
  }

  .icon-arrow:hover {
    color: #fc0808;
    transform: rotate(-90deg)rotate(90deg);
  }

  .season-2016-heading {
    font-size: 20px;
    line-height: 30px;
  }

  .icon-hamburger {
    color: #000;
    font-size: 50px;
    font-weight: 400;
  }

  .div-red-bottom {
    background-position: 0 0;
    background-size: 100% 100%;
    width: 40%;
    padding-top: 23px;
    padding-left: 81px;
  }

  .donate-heading {
    width: 55%;
    font-size: 22px;
    line-height: 36px;
  }

  .footer-copyright {
    padding-left: 27px;
  }

  .text-block-copyright {
    width: 32%;
  }

  .text-block-copyright.change {
    width: 43%;
  }

  .section-teddy-bear {
    margin-bottom: 0;
    padding-top: 0;
  }

  .container-teddy-bear {
    margin-top: 17px;
    padding-top: 27px;
  }

  .section-board-no-header {
    padding-left: 60px;
    padding-right: 60px;
  }

  .hero-chat {
    background-image: repeating-linear-gradient(257deg, #000, #0000 52%, #070606 72% 81%, #070606 93%), url('../images/JT-head-shot-Hero.jpg');
    background-position: 0 0, 100%;
    padding-left: 35px;
  }

  .header-chat {
    font-size: 36px;
  }

  .header-terauds {
    font-family: Droid Sans, sans-serif;
    font-size: 40px;
  }

  .text-tax {
    line-height: 16px;
  }

  .marco-title {
    margin-top: 10px;
  }

  .op-slide-6 {
    padding-top: 31px;
    padding-left: 3%;
    padding-right: 42px;
    line-height: 14px;
  }

  .arrow-left, .arrow-right {
    font-size: 30px;
  }

  .icon {
    margin-left: 12px;
    font-size: 30px;
  }

  .grid {
    grid-template-columns: .25fr .75fr;
  }

  .text-board-member {
    font-size: 18px;
  }

  .grid-6 {
    grid-template-columns: .5fr .75fr;
  }

  .op-slide-5 {
    background-position: 100%;
    background-size: cover;
    padding-top: 56px;
    padding-left: 10%;
    padding-right: 3%;
  }

  .heading-marco-conducts {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 40px;
  }

  .grid-15 {
    grid-column-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-images-gala {
    padding-left: 0;
    padding-right: 0;
  }

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

  .heading-sponsors.list {
    font-size: 24px;
    line-height: 40px;
  }

  .text-block-patron {
    padding-top: 14px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 15px;
  }

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

  .bold-text-3 {
    font-size: 18px;
    line-height: 16px;
  }

  .grid-17 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
  }

  .op-slide-10 {
    padding-top: 49px;
    padding-right: 91px;
  }

  .div-learn-more {
    margin-top: -72px;
    font-size: 0;
    line-height: 20;
  }

  .button-gala.cancel {
    line-height: 30px;
    top: 59%;
  }

  .program-1-date-2 {
    margin-bottom: 2px;
    font-size: 18px;
  }

  .olg-hero {
    height: 370px;
  }

  .olg-heading {
    font-size: 20px;
    line-height: 30px;
  }

  .text-block-11 {
    font-size: 15px;
    line-height: 17px;
  }

  .header-artist-slide-5 {
    margin-bottom: 0;
    font-size: 65px;
    line-height: 65px;
  }

  .superscript {
    font-size: 14px;
    top: -9px;
  }

  .section-ovelap {
    padding-top: 21px;
    padding-left: 27px;
  }

  .div-green {
    padding-right: 0;
  }

  .div-block-hero-slide-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .covid-ticket-price-info {
    padding-left: 172px;
    font-size: 14px;
    line-height: 22px;
  }

  .text-bio {
    font-size: 14px;
    line-height: 18px;
  }

  .heading-bio {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .date-slide-6 {
    font-size: 18px;
  }

  .section-header {
    height: 200px;
    margin-bottom: 14px;
  }

  .heading-new-season {
    font-size: 24px;
    line-height: 30px;
  }

  .heading-site-not-open {
    font-size: 22px;
  }

  .heading-3-quick-look {
    font-size: 20px;
  }

  .text-subtitle-slide-5 {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .olg-grid-5 {
    justify-items: center;
  }

  .olg-grid-6 {
    grid-template-columns: 1fr 1.25fr;
    margin-bottom: 10px;
    margin-left: 200px;
    margin-right: 200px;
  }

  .h3-buy-subscription {
    font-size: 18px;
  }

  .op-slide-7 {
    padding-top: 35px;
  }

  .op-slide-9 {
    background-image: url('../images/Remi-Hero-Full-Colour----Remi.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 75px;
    padding-left: 3%;
    padding-right: 5%;
  }

  .text-guest-conductor {
    font-size: 20px;
  }

  .header-artist-slide-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 70px;
    line-height: 85px;
  }

  .op-slide-14 {
    padding-top: 40px;
    padding-right: 9%;
  }

  .op-slide-donation {
    padding-left: 2%;
  }

  .div-artist-slide-14 {
    text-align: center;
  }

  .header-artitst-slide-14 {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
  }

  .date-slide-14 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .text-review {
    font-size: 13px;
    line-height: 16px;
  }

  .heading-slide-donate {
    font-size: 30px;
    line-height: 30px;
  }

  .button-donate {
    font-size: 14px;
    line-height: 8px;
  }

  .div-artist-slide-15 {
    max-width: none;
    margin-top: 0;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
  }

  .heading-artist-slide-15 {
    height: 70px;
    font-size: 60px;
    line-height: 50px;
  }

  .text-block-32 {
    font-size: 14px;
    line-height: 16px;
  }

  .op-slide-17 {
    padding-top: 51px;
    padding-left: 5%;
    padding-right: 10%;
  }

  .h1-heading-handel {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0;
    line-height: 0;
  }

  .concert-name-header {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .program-date-new-format {
    font-size: 12px;
    line-height: 15px;
  }

  .text-ticket-new-format {
    margin-top: 0;
    font-size: 11px;
    line-height: 14px;
  }

  .quick-stack-ticket-format {
    padding-top: 10px;
  }

  .cell-4 {
    padding-top: 0;
  }

  .quick-stack-2 {
    margin-left: 117px;
  }

  .div-photos-distorded {
    justify-content: flex-start;
    align-items: stretch;
    width: 30%;
    margin-left: 20px;
    display: flex;
  }

  .image-11 {
    width: 85%;
  }

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

  .op-slide-15 {
    padding-top: 46px;
    padding-left: 10%;
  }

  .date-slide-15 {
    margin-bottom: 19px;
    font-size: 16px;
  }

  .op-slide-19 {
    padding-top: 72px;
    padding-right: 54px;
  }

  .op-slide-20 {
    float: none;
    padding-top: 60px;
    padding-right: 38px;
  }

  .hi-headig-slide-20 {
    font-size: 50px;
    line-height: 60px;
  }

  .h1-heading-slide-19 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 60px;
  }

  .date-slide-19 {
    font-size: 20px;
  }

  .op-slide-21 {
    padding-top: 67px;
    padding-left: 10%;
    padding-right: 0;
  }

  .op-slide-22 {
    padding-top: 50px;
    padding-left: 0%;
    padding-right: 0;
  }

  .div-block-slide-21 {
    float: left;
    clear: none;
    margin-top: 0;
    padding-top: 16px;
    font-size: 0;
    line-height: 0;
  }

  .h1-heading-slide-21 {
    margin-top: 0;
    font-size: 50px;
    line-height: 60px;
  }

  .text-date-slide-21 {
    margin-bottom: 16px;
    font-size: 18px;
  }

  .text-date-slide-22 {
    font-size: 18px;
    line-height: 18px;
  }

  .bold-text-22 {
    font-size: 35px;
    line-height: 45px;
  }

  .quick-stack-home-page {
    padding-top: 8px;
    padding-left: 10px;
  }

  .text-tchaikovski {
    font-size: 37px;
  }

  .text-tchaikovski.first-perf {
    margin-top: 7px;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 20px;
  }

  .text-tchaikovski.poster {
    font-size: 30px;
  }

  .heading-slide-9 {
    margin-bottom: 10px;
    font-size: 70px;
  }

  .text-slide-6 {
    font-size: 25px;
  }

  .text-slide-21 {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .text-slide-22 {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 25px;
  }

  .h1-header-slide-15 {
    font-size: 90px;
    line-height: 100px;
  }

  .h1-heading-slide-22 {
    margin-bottom: 5px;
    font-size: 50px;
    line-height: 50px;
  }

  .cell-5, .cell-6, .cell-7, .cell-8, .cell-9 {
    padding-top: 0;
  }

  .images-sponsors {
    width: 170px;
    max-width: none;
  }

  .red-text-program {
    font-size: 12px;
    line-height: 13px;
  }

  .image-18 {
    width: 100px;
  }

  .image-19 {
    width: 140px;
  }

  .op-slide-23 {
    background-size: cover;
    padding-top: 13px;
    padding-left: 0;
  }

  .op-slide-24 {
    padding-top: 294px;
    padding-bottom: 0;
  }

  .div-firsr-performance {
    margin-top: 0;
  }

  .div-slide-25 {
    padding-top: 41px;
    padding-left: 0;
  }

  .heading-slide-25 {
    text-align: center;
    margin-bottom: 0;
    font-size: 110px;
    line-height: 110px;
  }

  .text-date-slide-25 {
    margin-top: 10px;
  }

  .op-slide-31 {
    background-image: url('../images/Tchaikovski-Symphony-Hero-Web-1400.jpg');
  }

  .hheading-3-composers, .text-music-list {
    font-size: 16px;
  }

  .guest-slide-14 {
    line-height: 30px;
  }

  .baba {
    font-size: 40px;
    line-height: 40px;
  }

  .section-baba {
    padding-top: 33px;
    padding-right: 89px;
  }

  .video-composer {
    font-size: 12px;
  }

  .video-composer.homepage {
    color: #383837;
  }

  .superscript-2 {
    font-size: 23px;
  }

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

  .button-box-office {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 13px;
  }

  .heding-chopin-concerto {
    font-size: 26px;
  }

  .div-season-new-design {
    width: 20%;
    max-width: 400px;
  }

  .text-block-35 {
    font-size: 25px;
  }

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

  .text-slide-25 {
    font-size: 35px;
    line-height: 35px;
  }

  .text-guest-slide-21 {
    color: var(--color);
    font-size: 25px;
    line-height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .section-b {
    padding-left: 0;
    padding-right: 0;
  }

  .about-image {
    width: 100%;
    max-width: 100%;
    margin-left: 6px;
    overflow: auto;
  }

  .social-div {
    width: 230px;
    padding-left: 60px;
  }

  .footer {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-red-bottom {
    height: 60px;
  }

  .op-slider {
    height: 250px;
  }

  .section-c {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-gala {
    padding-bottom: 23px;
  }

  .date-block {
    text-align: center;
    font-size: 10px;
    line-height: 14px;
  }

  .drop-down-link {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .button-div {
    font-size: 10px;
    line-height: 10px;
  }

  .program-heading {
    font-size: 16px;
  }

  .program-div {
    margin-bottom: 12px;
  }

  .program-date {
    font-size: 14px;
  }

  .program-header {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
  }

  .program-text {
    text-align: left;
    background-color: #0000;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .program-text.wrap {
    font-size: 13px;
  }

  .link-byu-ticket {
    font-size: 24px;
  }

  .div-buy-ticket {
    text-align: center;
    margin-top: 10px;
  }

  .heading-ticket-option {
    margin-top: 17px;
    margin-bottom: 14px;
    font-size: 24px;
    line-height: 25px;
  }

  .section-about-us {
    padding-bottom: 10px;
  }

  .hero-contact-us {
    height: 94px;
  }

  .container-staff {
    padding-left: 31px;
    padding-right: 16px;
  }

  .contact-us-heading {
    width: 90%;
    font-size: 28px;
    line-height: 34px;
  }

  .contact-us-sub-heading {
    width: 80%;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

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

  .text-charitable {
    font-size: 12px;
  }

  .container-office {
    padding-left: 17px;
    padding-right: 17px;
  }

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

  .heading-newspaper {
    margin-top: 9px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
  }

  .hero-newspaper {
    height: 250px;
  }

  .hero-about-us {
    background-size: contain;
    height: 140px;
    max-height: 0%;
  }

  .heading-op-history {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 26px;
  }

  .paragraph-op-history {
    line-height: 22px;
  }

  .section-contact-us {
    padding-top: 0;
    padding-bottom: 3px;
  }

  .section-program {
    padding-left: 8px;
    padding-right: 2px;
  }

  .hero-op-history {
    background-position: 100%;
    height: 240px;
  }

  .div-viceo {
    background-image: linear-gradient(#000, #fff);
    padding-top: 0;
  }

  .video-title {
    margin-bottom: 0;
    font-size: 20px;
  }

  .video-title.homepage {
    font-size: 12px;
  }

  .video-title.yellow {
    font-size: 14px;
    line-height: 14px;
  }

  .op-nav-link {
    background-color: #fff;
    margin-top: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 17px;
  }

  .op-nav-link:hover {
    color: #868383;
    background-color: #fff;
    padding-top: 6px;
  }

  .op-logo {
    width: 90px;
  }

  .op-text {
    width: 120px;
    max-width: none;
  }

  .menu-button-op {
    margin-top: 0;
    margin-right: 0;
  }

  .brand-link-op {
    width: 70%;
    margin-right: 80px;
    padding-left: 0;
  }

  .brand-link-op.w--current {
    width: 80%;
  }

  .hero-donate {
    height: 134px;
  }

  .section-arts-council {
    padding: 22px 14px;
  }

  .paragraph-arts-council {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .header-donate {
    font-size: 24px;
    line-height: 25px;
  }

  .section-donate {
    padding-bottom: 6px;
  }

  .donate-text-block {
    font-size: 15px;
    line-height: 18px;
  }

  .sub-heading-donate {
    font-size: 17px;
    line-height: 20px;
  }

  .container-donate {
    padding-left: 13px;
    padding-right: 13px;
  }

  .div-watch {
    min-height: auto;
  }

  .container-op {
    margin-left: 21px;
    margin-right: 14px;
  }

  .icon-arrow {
    font-size: 16px;
    transform: rotate(-90deg);
  }

  .icon-arrow:hover {
    color: #fa1111;
    transform: rotate(-90deg)rotate(90deg);
  }

  .season-2016-container {
    margin-top: 3px;
  }

  .season-2016-heading {
    font-size: 15px;
    line-height: 30px;
  }

  .div-red-bottom {
    width: 40%;
    padding-top: 15px;
    padding-left: 22px;
    font-size: 12px;
  }

  .donate-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .header-sponsors {
    font-size: 18px;
  }

  .image-sponsors {
    margin-left: 5px;
    margin-right: 5px;
  }

  .footer-copyright {
    height: 40px;
    padding-top: 9px;
    padding-left: 30px;
    padding-right: 24px;
  }

  .text-block-copyright {
    width: 44%;
    line-height: 13px;
  }

  .text-block-intelmat {
    width: 25%;
  }

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

  .donate-address {
    font-size: 18px;
  }

  .logo-oshawa {
    margin-top: 6px;
  }

  .section-teddy-bear {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-teddy-bear {
    margin-top: 22px;
    padding-top: 26px;
  }

  .section-staff-header {
    padding-top: 0;
    padding-bottom: 0;
  }

  .staff-container {
    padding-left: 17px;
    padding-right: 17px;
  }

  .header-board {
    font-size: 30px;
    line-height: 40px;
  }

  .hero-chat {
    background-position: 0 0, 100%;
    background-size: auto, cover;
    height: 290px;
    padding-left: 12px;
  }

  .header-chat {
    margin-top: 3px;
    font-size: 32px;
    line-height: 40px;
  }

  .header-with {
    margin-top: 4px;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 26px;
  }

  .header-terauds {
    margin-top: 3px;
    font-size: 32px;
  }

  .section-chat-a {
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 17px;
  }

  .heading-h1-chat {
    font-size: 30px;
  }

  .heading-h2-chat {
    margin-top: 7px;
    margin-bottom: 9px;
    font-size: 20px;
    line-height: 24px;
  }

  .chat-paragraph {
    padding-left: 15px;
  }

  .chat-paragraph.register {
    font-size: 16px;
  }

  .button-register-chat {
    font-size: 13px;
  }

  .logo-ontario-arts {
    margin-top: 10px;
  }

  .ticket-price {
    font-size: 14px;
    line-height: 16px;
  }

  .seating-header {
    font-size: 14px;
  }

  .marco-title {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 28px;
  }

  .op-slide-6 {
    padding-top: 20px;
    padding-right: 5%;
  }

  .arrow-left {
    margin-left: 0;
    padding-left: 0;
    font-size: 20px;
  }

  .arrow-right {
    font-size: 0;
    line-height: 0;
  }

  .icon {
    margin-left: 14px;
    font-size: 22px;
    font-weight: 700;
  }

  .icon-2 {
    margin-right: 13px;
    font-size: 22px;
    font-weight: 700;
  }

  .grid {
    grid-template-columns: .5fr .75fr;
  }

  .bold-text-2 {
    line-height: 18px;
  }

  .button-pice-info {
    font-size: 18px;
    line-height: 18px;
  }

  .text-board-member {
    font-size: 14px;
    line-height: 24px;
  }

  .grid-6 {
    grid-column-gap: 7px;
    grid-template-columns: .5fr .75fr;
  }

  .op-slide-5 {
    background-size: contain;
    padding-top: 0;
    padding-left: 12%;
    padding-right: 0%;
  }

  .heading-marco-conducts {
    font-size: 30px;
    line-height: 32px;
  }

  .grid-15 {
    grid-column-gap: 8px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section-images-gala {
    margin-left: 0;
    margin-right: 0;
    padding-left: 9px;
    padding-right: 9px;
  }

  .heading-sponsors {
    margin-top: 7px;
    font-size: 22px;
    line-height: 34px;
  }

  .heading-sponsors.list {
    font-size: 20px;
  }

  .text-block-patron {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .div-block-cities-icons {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-17 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-18 {
    grid-row-gap: 6px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .op-slide-10 {
    padding-top: 34px;
    padding-right: 52px;
  }

  .div-learn-more {
    margin-top: -53px;
  }

  .button-gala.cancel {
    font-size: 20px;
    line-height: 20px;
    top: 46%;
  }

  .heding-cancellation {
    font-size: 25px;
    line-height: 34px;
  }

  .program-1-date-2 {
    margin-bottom: 3px;
    font-size: 15px;
    line-height: 20px;
  }

  .olg-hero {
    height: 300px;
  }

  .olg-heading {
    margin-top: 0;
    padding-bottom: 9px;
    font-size: 17px;
    line-height: 24px;
  }

  .olg-grid-1, .olg-grid-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .olg-div-line {
    margin-top: 11px;
    margin-bottom: 11px;
  }

  .olg-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .olg-grid-4 {
    margin-left: 34px;
    margin-right: 34px;
  }

  .text-block-11 {
    font-size: 13px;
    line-height: 14px;
  }

  .header-artist-slide-5 {
    color: #fdfdfe;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
    line-height: 48px;
  }

  .superscript {
    font-size: 10px;
    top: -8px;
  }

  .section-ovelap {
    padding-top: 9px;
    padding-left: 8px;
  }

  .div-blue {
    height: 350px;
  }

  .div-green {
    padding-right: 0;
    top: 32px;
    left: -26px;
  }

  .covid-marco-heading {
    font-size: 14px;
  }

  .div-block-hero-slide-5 {
    margin-top: 31px;
    line-height: 15px;
  }

  .covid-ticket-price-info {
    padding-left: 18%;
    font-size: 12px;
    line-height: 20px;
  }

  .section-program-notes {
    padding-left: 10px;
  }

  .button-bio-program-notes {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .text-bio {
    padding-right: 10px;
    font-size: 13px;
    line-height: 16px;
  }

  .div-block-buttons-bio-notes {
    margin-top: 18px;
  }

  .container-bio {
    padding-left: 10px;
  }

  .heading-bio {
    font-size: 12px;
    line-height: 14px;
  }

  .div-block-samples-buttons {
    text-align: center;
    width: 52%;
  }

  .bold-text-9 {
    font-size: 14px;
  }

  .date-slide-6 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
  }

  .section-header {
    height: 150px;
    margin-bottom: 4px;
  }

  .div-new-season {
    margin-bottom: 11px;
  }

  .heading-new-season {
    margin-top: 6px;
    font-size: 16px;
    line-height: 18px;
  }

  .heading-site-not-open {
    margin-bottom: 4px;
    font-size: 16px;
  }

  .button-first-concert {
    margin-right: 15px;
  }

  .heading-3-quick-look {
    font-size: 18px;
  }

  .text-subtitle-slide-5 {
    margin-bottom: 0;
  }

  .olg-grid-6 {
    margin: 10px 100px;
  }

  .div-buy-subscription {
    margin-top: 10px;
    padding-bottom: 10px;
  }

  .h3-buy-subscription {
    font-size: 16px;
  }

  .container-marco-bio {
    padding-left: 10px;
    padding-right: 5px;
  }

  .text-block-26 {
    font-size: 15px;
    line-height: 22px;
  }

  .op-slide-9 {
    background-color: #fffdff03;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 39px;
  }

  .text-guest-conductor {
    font-size: 18px;
    line-height: 20px;
  }

  .header-artist-slide-6 {
    font-size: 50px;
    line-height: 60px;
  }

  .op-slide-14 {
    background-image: url('../images/Gazarian-Ruben-1-HERO.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 37px;
  }

  .div-artist-slide-14 {
    text-align: center;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    font-size: 0;
    line-height: 0;
    display: block;
  }

  .header-artitst-slide-14 {
    font-size: 44px;
    line-height: 40px;
  }

  .date-slide-14 {
    margin-top: 10px;
    line-height: 20px;
  }

  .text-review {
    font-size: 14px;
  }

  .heading-thanks-sponsors {
    font-size: 24px;
  }

  .div-artist-slide-15 {
    margin-top: 20px;
    margin-right: 74px;
  }

  .heading-artist-slide-15 {
    height: 50px;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 35px;
  }

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

  .op-slide-17 {
    background-position: 50% 0;
    padding-top: 38px;
  }

  .concert-name-header {
    font-size: 9px;
    line-height: 12px;
  }

  .program-date-new-format {
    font-size: 11px;
    line-height: 12px;
  }

  .text-ticket-new-format {
    margin-top: 0;
    font-size: 10px;
    line-height: 11px;
  }

  .quick-stack-2 {
    grid-column-gap: 0px;
    margin-left: 10px;
    margin-right: 36px;
  }

  .div-photos-distorded {
    width: 29%;
    margin-left: 0;
  }

  .image-11 {
    width: 95%;
  }

  .text-block-27 {
    color: #dad8d8;
    font-size: 14px;
  }

  .op-slide-15 {
    padding-top: 0;
  }

  .date-slide-15 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .op-slide-19 {
    padding-top: 53px;
    padding-right: 22px;
  }

  .op-slide-20 {
    padding-top: 45px;
  }

  .hi-headig-slide-20 {
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .text-date-slide-20 {
    font-size: 18px;
  }

  .h1-heading-slide-19 {
    text-shadow: 4px 4px 1px #00000054;
    margin-bottom: 0;
    font-size: 45px;
    line-height: 50px;
  }

  .date-slide-19 {
    color: #494a4b;
    margin-bottom: 0;
    font-size: 16px;
  }

  .op-slide-21 {
    padding-top: 10px;
    padding-left: 5%;
  }

  .op-slide-22 {
    padding-top: 31px;
    padding-left: 0%;
    padding-right: 10px;
  }

  .div-block-slide-21 {
    margin-top: 0;
  }

  .h1-heading-slide-21 {
    font-size: 40px;
    line-height: 50px;
  }

  .text-date-slide-22 {
    margin-bottom: 7px;
    font-size: 15px;
  }

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

  .container-board {
    padding-left: 86px;
  }

  .quick-stack-home-page {
    padding-bottom: 10px;
  }

  .text-tchaikovski {
    font-size: 25px;
    line-height: 25px;
  }

  .text-tchaikovski.first-perf {
    font-size: 16px;
    line-height: 17px;
  }

  .text-tchaikovski.poster {
    font-size: 28px;
  }

  .tttext-guest-pereira {
    font-size: 20px;
  }

  .heading-slide-9 {
    margin-bottom: 0;
    font-size: 50px;
    line-height: 60px;
  }

  .text-slide-6 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .text-slide-21 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-slide-22 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .h1-header-slide-15 {
    margin-bottom: 0;
    font-size: 70px;
    line-height: 80px;
  }

  .h1-heading-slide-22 {
    margin-bottom: 0;
    font-size: 38px;
    line-height: 40px;
  }

  .images-sponsors {
    max-width: none;
  }

  .red-text-program {
    font-size: 10px;
  }

  .image-19 {
    width: 120px;
  }

  .cell-11 {
    font-size: 19px;
  }

  .op-slide-23 {
    background-position: 50% 0;
    background-size: cover;
    padding-top: 10px;
  }

  .op-slide-24 {
    padding-top: 202px;
    font-size: 13px;
  }

  .div-slide-25 {
    padding-top: 4px;
  }

  .heading-slide-25 {
    margin-top: 0;
    font-size: 75px;
    line-height: 70px;
  }

  .text-date-slide-25 {
    margin-bottom: 0;
    font-size: 20px;
  }

  .quick-stack-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .guest-slide-14 {
    font-size: 20px;
    line-height: 20px;
  }

  .text-date-spcial {
    font-size: 20px;
  }

  .baba {
    font-size: 35px;
    line-height: 30px;
  }

  .section-baba {
    height: 180px;
    padding-top: 23px;
  }

  .video-composer {
    margin-bottom: 0;
    font-size: 20px;
  }

  .video-composer.homepage {
    font-size: 12px;
  }

  .text-excerpts {
    color: var(--color);
    font-size: 30px;
    line-height: 30px;
  }

  .button-box-office {
    font-size: 10px;
    line-height: 10px;
  }

  .list-2 {
    font-size: 15px;
    line-height: 18px;
  }

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

  .text-slide-25 {
    font-size: 28px;
    font-weight: 600;
    line-height: 25px;
  }
}

@media screen and (max-width: 479px) {
  .section-b {
    padding: 0;
  }

  .about-image {
    width: 100%;
    max-width: 100%;
    margin-left: 3px;
    margin-right: 9px;
  }

  .social-div {
    width: 210px;
    padding-left: 40px;
  }

  .footer {
    height: auto;
  }

  .section-red-bottom {
    height: 45px;
  }

  .op-slider {
    height: 180px;
  }

  .section-c {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-gala {
    padding-bottom: 16px;
  }

  .date-block {
    font-size: 9px;
    line-height: 10px;
  }

  .drop-down-link {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .button-div {
    margin-top: 5px;
    margin-right: -1px;
    padding: 7px 5px;
    font-size: 9px;
    line-height: 9px;
  }

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

  .program-div {
    margin-bottom: 11px;
    padding-left: 0;
    padding-right: 0;
  }

  .program-date {
    font-size: 14px;
    line-height: 20px;
  }

  .program-header {
    font-size: 12px;
    line-height: 18px;
  }

  .program-text {
    background-color: #0000;
    font-size: 12px;
    line-height: 14px;
  }

  .program-text.wrap {
    font-size: 12px;
  }

  .link-byu-ticket {
    padding-left: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .div-buy-ticket {
    margin-top: 8px;
    margin-bottom: 15px;
    padding-bottom: 11px;
  }

  .heading-ticket-option {
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 18px;
  }

  .section-about-us {
    padding-top: 3px;
  }

  .hero-contact-us {
    background-size: contain;
    height: 53px;
  }

  .container-staff {
    padding-left: 10px;
    padding-right: 10px;
  }

  .staff-heading {
    font-size: 16px;
  }

  .staff-text {
    font-size: 14px;
  }

  .staff-title {
    padding-left: 0;
    font-size: 13px;
    line-height: 18px;
  }

  .contact-us-heading {
    width: 99%;
    margin-top: 0;
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 26px;
  }

  .contact-us-sub-heading {
    margin-top: 2px;
    font-size: 14px;
    line-height: 18px;
  }

  .section-contact-us-2 {
    padding-top: 2px;
  }

  .text-charitable {
    font-size: 12px;
  }

  .section-newspaper {
    padding-left: 3px;
    padding-right: 3px;
  }

  .div-newspaper {
    line-height: 15px;
  }

  .text-newspaper {
    line-height: 18px;
  }

  .heading-newspaper {
    margin-top: 6px;
    font-size: 15px;
    line-height: 15px;
  }

  .hero-newspaper {
    background-image: none;
    height: 150px;
  }

  .hero-about-us {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
  }

  .heading-op-history {
    font-size: 22px;
    line-height: 30px;
  }

  .paragraph-op-history {
    line-height: 20px;
  }

  .section-contact-us {
    margin-top: -4px;
    margin-bottom: -2px;
    padding-top: 0;
    padding-bottom: 9px;
  }

  .section-program {
    margin-top: 1px;
    padding-left: 3px;
    padding-right: 0;
  }

  .hero-op-history {
    height: 160px;
  }

  .div-viceo {
    padding-top: 0;
    display: block;
  }

  .video-title {
    font-size: 18px;
  }

  .video-title.homepage {
    font-size: 12px;
  }

  .video-title.yellow {
    font-size: 14px;
    line-height: 14px;
  }

  .navbar-op {
    padding-left: 0;
  }

  .op-nav-link {
    background-color: #fff;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 15px;
    line-height: 18px;
  }

  .op-logo {
    width: 70px;
    margin-bottom: -11px;
    margin-right: 0;
  }

  .op-text {
    max-width: 58%;
  }

  .menu-button-op {
    margin-top: 0;
    margin-bottom: 0;
  }

  .menu-button-op.w--open {
    padding: 5px;
  }

  .brand-link-op {
    width: 78%;
  }

  .brand-link-op.w--current {
    width: auto;
    padding-left: 0;
  }

  .paragraph-arts-council {
    padding: 7px 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .header-donate {
    font-size: 16px;
    line-height: 20px;
  }

  .section-donate {
    padding-left: 10px;
    padding-right: 10px;
  }

  .donate-text-block {
    font-size: 14px;
    line-height: 18px;
  }

  .sub-heading-donate {
    font-size: 12px;
    line-height: 18px;
  }

  .rich-text-donate {
    font-size: 14px;
    line-height: 20px;
  }

  .container-op {
    margin-left: 5px;
    margin-right: 0;
  }

  .icon-arrow {
    font-size: 14px;
  }

  .season-2016-container {
    margin-top: 5px;
  }

  .season-2016-heading {
    font-size: 9px;
    line-height: 20px;
  }

  .icon-hamburger {
    font-size: 30px;
  }

  .div-red-bottom {
    padding-top: 4px;
    padding-left: 5px;
  }

  .donate-heading {
    width: 55%;
    font-size: 12px;
    line-height: 10px;
  }

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

  .header-sponsors {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-copyright {
    padding-left: 6px;
    padding-right: 7px;
    font-size: 12px;
  }

  .text-block-copyright {
    width: 60%;
    font-size: 10px;
  }

  .text-block-intelmat {
    width: 39%;
    font-size: 10px;
  }

  .intelmat-link {
    font-size: 12px;
    line-height: 14px;
  }

  .section-sponsors {
    margin-left: 10px;
    margin-right: 10px;
  }

  .logo-oshawa {
    max-width: 100%;
  }

  .section-teddy-bear {
    padding-top: 0;
  }

  .container-teddy-bear {
    height: 180px;
    margin-top: 0;
    padding-top: 25px;
  }

  .header-board {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
  }

  .section-board-no-header {
    margin-right: 1px;
    padding-left: 9px;
    padding-right: 0;
  }

  .hero-chat {
    height: 170px;
    padding-top: 2px;
  }

  .header-chat {
    font-size: 22px;
    line-height: 26px;
  }

  .header-with {
    font-size: 18px;
    line-height: 20px;
  }

  .header-terauds {
    font-size: 22px;
    line-height: 26px;
  }

  .heading-5-sub-header {
    margin-top: 9px;
  }

  .heading-h1-chat {
    font-size: 22px;
    line-height: 24px;
  }

  .heading-h2-chat {
    margin-left: 12px;
    font-size: 16px;
    line-height: 20px;
  }

  .chat-paragraph {
    padding-right: 9px;
  }

  .chat-paragraph.register {
    line-height: 20px;
  }

  .button-register-chat {
    font-size: 14px;
  }

  .container-videostitle {
    display: block;
    overflow: visible;
  }

  .marco-title {
    margin-top: 9px;
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 30px;
  }

  .op-slide-6 {
    background-image: none;
    padding-top: 10px;
    padding-left: 7px;
    padding-right: 0%;
  }

  .arrow-left {
    font-size: 20px;
  }

  .arrow-right {
    text-align: right;
    margin-right: 0;
  }

  .icon {
    margin-left: 3px;
    margin-right: 8px;
  }

  .icon-2 {
    margin-right: 8px;
    padding-right: 0;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    grid-template-columns: .5fr .75fr;
  }

  .bold-text-2 {
    font-size: 10px;
    line-height: 14px;
  }

  .button-pice-info {
    font-size: 14px;
    line-height: 14px;
  }

  .text-board-member {
    font-size: 12px;
    line-height: 15px;
  }

  .grid-6 {
    grid-column-gap: 0px;
    grid-template-columns: .75fr .75fr;
  }

  .op-slide-5 {
    background-size: contain;
    padding-top: 10px;
    padding-left: 5%;
    padding-right: 0;
  }

  .heading-marco-conducts {
    font-size: 20px;
    line-height: 22px;
  }

  .grid-15 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-images-gala {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-sponsors {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
  }

  .heading-sponsors.list {
    margin-top: 11px;
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 20px;
  }

  .text-block-patron {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 14px;
  }

  .div-block-cities-icons {
    display: none;
  }

  .text-block-beethoven {
    margin-bottom: 2px;
  }

  .bold-text-3 {
    font-size: 13px;
    line-height: 18px;
  }

  .grid-17 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-embed {
    margin-left: 35%;
    margin-right: 35%;
  }

  .grid-18 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-learn-more {
    margin-top: -38px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .button-gala.cancel {
    font-size: 14px;
    line-height: 14px;
    top: 27%;
  }

  .heding-cancellation {
    font-size: 15px;
    line-height: 16px;
  }

  .program-1-date-2 {
    color: #b3b1b1;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 14px;
  }

  .olg-hero {
    height: 200px;
  }

  .olg-heading {
    font-size: 15px;
    line-height: 20px;
  }

  .olg-grid-1, .olg-grid-2 {
    grid-template-columns: 1fr;
  }

  .olg-div-line {
    margin-top: 7px;
    margin-bottom: 7px;
  }

  .olg-grid-3, .olg-grid-4 {
    grid-template-columns: 1fr;
  }

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

  .header-artist-slide-5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 28px;
  }

  .superscript {
    font-size: 8px;
    font-weight: 600;
    top: -3px;
  }

  .section-ovelap {
    margin-bottom: 34px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .div-blue {
    height: 300px;
  }

  .div-green {
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 0;
    top: 17px;
    left: -10px;
  }

  .italic-text {
    font-size: 11px;
    line-height: 10px;
  }

  .covid-marco-heading {
    font-size: 12px;
    line-height: 14px;
  }

  .covid-text-italic {
    line-height: 13px;
  }

  .div-block-hero-slide-5 {
    float: right;
    margin-top: 5px;
    margin-right: 158px;
  }

  .covid-ticket-price-info {
    padding-left: 31px;
    font-size: 9px;
    line-height: 14px;
  }

  .section-program-notes {
    padding-left: 3px;
    padding-right: 5px;
  }

  .button-bio-program-notes {
    margin-top: 7px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
  }

  .text-bio {
    padding-right: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .div-block-buttons-bio-notes {
    margin-top: 1px;
  }

  .container-bio {
    padding-left: 5px;
    padding-right: 0;
  }

  .heading-bio {
    margin-bottom: 6px;
  }

  .div-block-samples-buttons {
    width: 70%;
  }

  .bold-text-9 {
    line-height: 26px;
  }

  .date-slide-6 {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
  }

  .section-header {
    height: 90px;
  }

  .div-new-season {
    margin-bottom: 3px;
  }

  .heading-new-season {
    line-height: 20px;
  }

  .heading-site-not-open {
    font-size: 15px;
    line-height: 18px;
  }

  .button-first-concert {
    margin-bottom: 8px;
    margin-right: 0;
  }

  .heading-3-quick-look {
    font-size: 16px;
  }

  .text-subtitle-slide-5 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .olg-grid-6 {
    margin: 10px 70px;
  }

  .div-buy-subscription {
    margin-top: 10px;
    padding-bottom: 10px;
  }

  .op-slide-9 {
    background-position: 100%;
    padding-top: 47px;
    padding-left: 3%;
    padding-right: 0%;
  }

  .text-guest-conductor {
    font-size: 15px;
    line-height: 15px;
  }

  .header-artist-slide-6 {
    color: #7d8878;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 20px;
  }

  .op-slide-14 {
    background-position: 0%;
    background-size: contain;
    padding-top: 30px;
  }

  .div-artist-slide-14 {
    width: auto;
  }

  .header-artitst-slide-14 {
    font-size: 24px;
    line-height: 22px;
  }

  .date-slide-14 {
    font-size: 15px;
    line-height: 18px;
  }

  .text-review {
    color: var(--color);
    font-size: 14px;
  }

  .heading-slide-donate {
    margin-bottom: 0;
    font-size: 20px;
  }

  .div-donate-options {
    margin-top: 0;
  }

  .button-donate {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
  }

  .heading-thanks-sponsors {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .div-artist-slide-15 {
    margin-top: 22px;
    margin-right: 10px;
  }

  .heading-artist-slide-15 {
    height: 35px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 24px;
  }

  .text-block-32 {
    font-size: 11px;
    line-height: 15px;
  }

  .op-slide-17 {
    padding-top: 13px;
  }

  .quick-stack-ticket-format {
    grid-column-gap: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .quick-stack-2 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 3px;
  }

  .div-photos-distorded {
    justify-content: flex-start;
  }

  .image-11 {
    margin-right: -25px;
  }

  .text-block-27 {
    color: #d6d6d6;
  }

  .date-slide-15 {
    margin-top: 0;
    font-size: 12px;
  }

  .op-slide-19 {
    padding-top: 28px;
    padding-right: 5px;
  }

  .op-slide-20 {
    padding-top: 31px;
    padding-left: 34px;
    padding-right: 20px;
  }

  .hi-headig-slide-20 {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 20px;
  }

  .text-date-slide-20 {
    font-size: 12px;
    line-height: 14px;
  }

  .h1-heading-slide-19 {
    text-shadow: 4px 2px 1px #0000005e;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .date-slide-19 {
    font-size: 16px;
    line-height: 20px;
  }

  .op-slide-21 {
    background-position: 100%;
    background-size: contain;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 5px;
  }

  .op-slide-22 {
    background-size: contain;
    padding-top: 34px;
  }

  .div-block-slide-21 {
    margin-top: 12px;
    margin-right: 0;
  }

  .h1-heading-slide-21 {
    font-size: 23px;
    line-height: 25px;
  }

  .text-date-slide-21 {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-date-slide-22 {
    font-size: 14px;
  }

  .bold-text-22 {
    font-size: 25px;
  }

  .container-board {
    padding-left: 36px;
    padding-right: 10px;
  }

  .quick-stack-home-page {
    padding-bottom: 10px;
  }

  .text-tchaikovski {
    font-size: 20px;
    line-height: 20px;
  }

  .text-tchaikovski.first-perf {
    font-size: 15px;
    line-height: 15px;
  }

  .text-tchaikovski.poster {
    font-size: 20px;
  }

  .tttext-guest-pereira {
    margin-bottom: 2px;
    font-size: 14px;
  }

  .heading-slide-9 {
    text-align: left;
    font-size: 25px;
    line-height: 30px;
  }

  .text-slide-6 {
    margin-bottom: 0;
    font-size: 10px;
  }

  .text-slide-21 {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .text-slide-22 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
  }

  .h1-header-slide-15 {
    font-size: 40px;
    line-height: 50px;
  }

  .text-slide-15 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
  }

  .h1-heading-slide-22 {
    padding-top: 0;
    font-size: 20px;
    line-height: 20px;
  }

  .images-sponsors {
    width: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .red-text-program {
    font-size: 9px;
    line-height: 11px;
  }

  .image-18 {
    width: 80px;
  }

  .image-19 {
    width: 100px;
  }

  .op-slide-24 {
    padding-top: 0;
  }

  .op-slide-26 {
    padding-top: 5px;
    padding-left: 0;
  }

  .button-div-slide-27 {
    line-height: 14px;
  }

  .heading-slide-25 {
    font-size: 45px;
    line-height: 35px;
  }

  .text-date-slide-25 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-date-slide-9 {
    font-size: 16px;
  }

  .hheading-3-composers {
    font-size: 14px;
  }

  .text-music-list {
    font-size: 13px;
  }

  .text-intermission {
    font-size: 14px;
  }

  .quick-stack-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .guest-slide-14 {
    font-size: 18px;
    line-height: 18px;
  }

  .date-slide-17 {
    margin-bottom: 0;
    font-size: 16px;
  }

  .text-date-spcial {
    font-size: 18px;
  }

  .baba {
    font-size: 23px;
    line-height: 20px;
  }

  .section-baba {
    height: 120px;
    padding-top: 23px;
    padding-right: 23px;
  }

  .video-composer {
    font-size: 18px;
  }

  .video-composer.homepage {
    font-size: 12px;
  }

  .heading-season-title {
    font-size: 25px;
  }

  .superscript-2 {
    font-size: 18px;
  }

  .text-excerpts {
    font-size: 20px;
    line-height: 20px;
  }

  .button-box-office {
    line-height: 7px;
  }

  .italic-text-2, .italic-text-3, .italic-text-4, .italic-text-5, .italic-text-6, .italic-text-7 {
    font-size: 14px;
    line-height: 14px;
  }

  .list-2 {
    font-size: 14px;
  }

  .cell-26 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cell-27 {
    line-height: 18px;
  }

  .div-season-new-design {
    width: 23%;
    max-width: 400px;
  }

  .text-block-35 {
    font-size: 15px;
  }

  .quick-stack-7 {
    grid-column-gap: 4px;
    grid-row-gap: 9px;
  }

  .text-slide-25 {
    font-size: 25px;
    line-height: 25px;
  }

  .text-guest-slide-21 {
    font-size: 15px;
    line-height: 15px;
  }
}

#w-node-_8de3d4e8-e76a-a454-8f44-f691b200354a-021c189f {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_027c595f-c7e2-a76f-d48e-4e9b0144d341-021c189f {
  grid-template-rows: 50px 50px auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_3678c4da-a659-45ee-7f19-d4bd160e75d7-021c189f, #w-node-dec34ce5-6d73-1027-f73b-76454fe1e591-021c189f, #w-node-_8fe32766-c47d-6c53-d1e6-e9f9177b44d3-021c189f, #w-node-_56b6f5df-f598-4f27-de73-4879bf3d2dfa-021c189f, #w-node-_6bb85597-bdf7-565d-d634-a2a47fcf5ff4-021c189f, #w-node-_69463e54-00a6-c4b7-a6df-f2d41952dcb4-021c189f {
  grid-column: span 2 / span 2;
}

#w-node-c6e2f49f-81ab-5a02-02a3-fa6a27853722-021c189f {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_77cf6d2a-61ce-051d-6d88-e94a3761e315-021c189f {
  grid-column: span 3 / span 3;
}

#w-node-_902e7ef8-f4e4-5a68-2e49-f4cc13b9e756-021c189f {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_47291972-71e8-d0bd-4809-ad303b7c3271-021c189f {
  grid-column: span 3 / span 3;
}

#w-node-f0193d63-ff0e-a136-8f7b-bb2fff1111bc-021c189f, #w-node-_715a8c61-e27b-5a24-b7c4-99980224548c-021c189f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d78c1bdd-71f9-fdf8-0599-2cf0285f123c-b2a5f0a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_22e89656-15f7-1e40-4c9b-33732c82c93d-b2a5f0a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5882419e-0d4f-6260-67b0-d1cb784bca9e-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_8cb5c682-00e7-ea61-cb64-cb8e3d2d4bd4-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aca52be5-e5bc-1a52-3547-65a26390a956-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-aca52be5-e5bc-1a52-3547-65a26390a957-021c18f7, #w-node-aca52be5-e5bc-1a52-3547-65a26390a958-021c18f7, #w-node-d4b361af-230b-6940-12e8-d88373e5ae99-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-adfaa5b3-2d56-e0eb-6531-bc4dcdb286ac-021c18f7 {
  place-self: auto;
}

#w-node-_4845295d-cab6-1afc-1321-7eed462af8e1-021c18f7, #w-node-d8e4d62e-8e2b-14ce-a568-d6dde8037406-021c18f7, #w-node-f91526ef-ab98-da07-1063-c929845c59d1-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_84c898b3-a305-5c86-96a1-205060168187-021c18f7, #w-node-e152d703-5b5c-01bc-5bbe-d372d408a19c-021c18f7 {
  place-self: center;
}

#w-node-_48638032-3757-d2f3-89c5-9828389d60ff-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1de44b5d-3f28-74aa-9955-db9139389337-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_51362ce7-999d-dda8-24fd-532efe9fbd9e-021c18f7, #w-node-_2a9c35d5-f914-1313-55a6-b069462190df-021c18f7, #w-node-f54487c5-4108-1fb7-b48b-18e865478b6b-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_94f6fd65-1d56-6795-7898-626e3372a071-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-c75cf76f-9abb-7600-fcb0-90586c95aef2-021c18f7, #w-node-_28f82740-b2fe-938b-cf5f-7df1fc3f1323-021c18f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6518b880-1378-1d69-c846-9335534de987-021c18fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-_71dcc465-e54a-fd49-dc1b-324b34ae53ca-021c18fe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-c31e5d9e-a0d2-dc08-e119-54b880aa7165-021c18fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_940983a6-9cef-a3df-dc12-2cbf040c08bf-021c18fe {
  place-self: center;
}

#w-node-ce65806a-854c-4738-5e64-cddc4e7caf24-021c18fe {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-e1ece2d8-de9b-4149-3fd9-67dc58d788a4-021c1916, #w-node-f1da08c4-3b0c-c6df-128a-dcd2a8457c02-021c1916, #w-node-f16e58d0-f9a1-312d-caa9-78b7b765e626-021c1916, #w-node-_88d66b0e-8fe1-1028-e25b-207a9760ff96-021c1916, #w-node-ec68d3b2-1cc0-dd0b-b636-e5d318a389b1-021c1916, #w-node-_046811eb-be50-8f56-6f02-a4398d9bf5b5-021c1916, #w-node-_0ab4f44d-ac50-f810-8de9-b0625603912c-021c1916, #w-node-e4e71b81-a76b-7d10-c215-8a82a49eb1c2-021c1916 {
  place-self: center;
}

#w-node-_05a9e1b2-3932-4b4d-63a9-faf68226e336-021c1916 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
}

#w-node-_73329829-a5f9-9c4e-69b1-3c1c9bacb5f2-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b819f19e-b0ac-04c8-fdf7-cdc6532d5a03-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_005182de-9f29-6e6a-f9bb-334b7ce4d101-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_892ec112-ac34-9cac-d41b-3d60d8574193-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cff47ed8-09c2-7730-2882-dafef464e90e-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05df59ee-1006-f9dc-33f6-ac390ccffacc-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d9802e5b-57d9-4569-d40c-c911a07d997e-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9c751540-26b6-0614-ba6e-b4fc5f9fd255-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_427d5607-1667-36cb-7f2d-f6dfb63cdb69-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6adc4352-ec72-df5a-bb90-13dc288f3b58-021c1929 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-f9b23ca7-1eb2-6c6f-a1c0-e0fe555cba04-021c1929 {
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: .5fr .5fr 2.5fr;
}

#w-node-_02bfab7c-0c79-a64f-6e39-50b81929640f-3cbe5d9c, #w-node-_9d2f98f1-6e37-bef6-71b5-5080640d70a4-3cbe5d9c, #w-node-d831179e-d1fb-7226-f40d-6d6fde4eb9cf-3cbe5d9c, #w-node-d1c83e8e-9766-80dc-1b1c-7ce127a661b9-3cbe5d9c, #w-node-_83815154-bd8c-3b88-29e8-6a89424791d0-3cbe5d9c {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .5fr;
}

#w-node-_02bfab7c-0c79-a64f-6e39-50b81929640f-55370077, #w-node-_9d2f98f1-6e37-bef6-71b5-5080640d70a4-55370077, #w-node-d831179e-d1fb-7226-f40d-6d6fde4eb9cf-55370077, #w-node-d1c83e8e-9766-80dc-1b1c-7ce127a661b9-55370077, #w-node-_0a749d9e-0e95-2f31-f765-1a8ad1dfe829-55370077, #w-node-_83815154-bd8c-3b88-29e8-6a89424791d0-55370077, #w-node-_2f20c576-0f64-c214-4351-bcaf630243b3-bb48369d, #w-node-_2f20c576-0f64-c214-4351-bcaf630243c5-bb48369d, #w-node-_2f20c576-0f64-c214-4351-bcaf630243d1-bb48369d, #w-node-_2f20c576-0f64-c214-4351-bcaf630243dd-bb48369d, #w-node-_2f20c576-0f64-c214-4351-bcaf630243ec-bb48369d, #w-node-_2f20c576-0f64-c214-4351-bcaf630243f7-bb48369d {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .75fr;
}

@media screen and (max-width: 479px) {
  #w-node-_71dcc465-e54a-fd49-dc1b-324b34ae53ca-021c18fe {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}


@font-face {
  font-family: 'Alger';
  src: url('../fonts/ALGER.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Greatvibes';
  src: url('../fonts/GreatVibes-Regular.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Dubbadubbanf';
  src: url('../fonts/DubbaDubbaNF.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Copaseticnf';
  src: url('../fonts/CopaseticNF.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shockwave';
  src: url('../fonts/shockwave.regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chinesedragon';
  src: url('../fonts/ChineseDragon.ttf') format('truetype'), url('../fonts/ChineseDragon.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}