/*@font-face {*/
/*font-family: 'FedraSansArmBold';*/
/*src: url('../fonts/FedraSans/FedraSansArm-Bold.eot');*/
/*!* IE9 Compat Modes *!*/
/*src: url('../fonts/FedraSans/FedraSansArm-Bold.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *! url('../fonts/FedraSans/FedraSansArm-Bold.woff') format('woff'), !* Pretty Modern Browsers *! url('../fonts/FedraSans/FedraSansArm-Bold.ttf') format('truetype'), !* Safari, Android, iOS *! url('../fonts/FedraSans/FedraSansArm-Bold.svg#svgFontName') format('svg');*/
/*!* Legacy iOS *!*/
/*}*/

/*@font-face {*/
/*font-family: 'FedraSansArmMedium';*/
/*src: url('../fonts/FedraSans/FedraSansArm-Medium.eot');*/
/*!* IE9 Compat Modes *!*/
/*src: url('../fonts/FedraSans/FedraSansArm-Medium.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *! url('../fonts/FedraSans/FedraSansArm-Medium.woff') format('woff'), !* Pretty Modern Browsers *! url('../fonts/FedraSans/FedraSansArm-Medium.ttf') format('truetype'), !* Safari, Android, iOS *! url('../fonts/FedraSans/FedraSansArm-Medium.svg#svgFontName') format('svg');*/
/*!* Legacy iOS *!*/
/*}*/

/*@font-face {*/
/*font-family: 'FedraSansArmLight';*/
/*src: url('../fonts/FedraSans/FedraSansArm-Light.eot');*/
/*!* IE9 Compat Modes *!*/
/*src: url('../fonts/FedraSans/FedraSansArm-Light.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *! url('../fonts/FedraSans/FedraSansArm-Light.woff') format('woff'), !* Pretty Modern Browsers *! url('../fonts/FedraSans/FedraSansArm-Light.ttf') format('truetype'), !* Safari, Android, iOS *! url('../fonts/FedraSans/FedraSansArm-Light.svg#svgFontName') format('svg');*/
/*!* Legacy iOS *!*/
/*}*/

/*@font-face {*/
/*font-family: 'FedraSansArmDemi';*/
/*src: url('../fonts/FedraSans/FedraSansArm-Demi.eot');*/
/*!* IE9 Compat Modes *!*/
/*src: url('../fonts/FedraSans/FedraSansArm-Demi.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *! url('../fonts/FedraSans/FedraSansArm-Demi.woff') format('woff'), !* Pretty Modern Browsers *! url('../fonts/FedraSans/FedraSansArm-Demi.ttf') format('truetype'), !* Safari, Android, iOS *! url('../fonts/FedraSans/FedraSansArm-Demi.svg#svgFontName') format('svg');*/
/*!* Legacy iOS *!*/
/*}*/

* {
  margin: 0;
  padding: 0;
  /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;*/
  box-sizing: border-box;
  /*line-height: 1.5;*/
}

/*.body-hy {*/
/*font-family: 'FedraSansArmDemi', sans-serif;*/
/*}*/

/*.body-hy strong, b {*/
/*font-family: 'FedraSansArmBold', sans-serif;*/
/*}*/

body.noscroll {
  overflow: hidden;
  position: relative;
  min-height: 100%;
}

h1 {
  font-size: clamp(2rem, 3.5rem, 3.5rem);
  font-weight: 900;
  text-transform: uppercase;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 0.875rem;
}

ul,
li,
ol {
  list-style-type: none;
}

small {
  font-weight: inherit;
}

.loaderSection {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 2147483007;
}

.showLoader {
  visibility: visible;
}

.hideLoader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease 0.3s, visibility 1s step-end;
}

.whiteLoader,
.blueLoader {
  width: 100%;
  height: 100%;
  background-color: white;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.blueLoader {
  width: 0;
}

.whiteLoader > div,
.blueLoader > div {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-self: center;
}

.blueLoader > div {
  background-color: #0f131e;
}

.whiteLoader img,
.blueLoader img {
  height: 180px;
  margin: auto;
}

.infoLoaderBlue,
.infoLoaderWhite {
  color: white;
  font-weight: 900;
  font-size: 32px;
  text-align: center;
  margin: auto;
}

.infoLoaderWhite {
  color: rgb(29 42 84);
}

.infoLoaderBlue p,
.infoLoaderWhite p {
  margin-top: 2rem;
}

.infoLoaderWhite p {
  /*color: red;*/
}

/*----------------------Variables----------------------*/

:root {
  --mainBlue: #04284c;
  --mainYellow: #ffb136;
  --backgroundGrey: #f0f0f0;
  --mainGreyDark: #c9c9c9;
  --mainGreyLight: #f0f0f0;
  --roboto: "Roboto", sans-serif;
  --montserrat: "Montserrat", sans-serif;
  /*--headerHeight: 120px;*/
  /*--smallHeaderHeight: 105px;*/
  --headerHeight: 70px;
  --smallHeaderHeight: 105px;
  --timingFunction: cubic-bezier(0.77, 0, 0.175, 1);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s;
  /*-webkit-text-fill-color: white;*/
}

.stayTunedForm .emailInput:-webkit-autofill,
.calendar-section .emailInput:-webkit-autofill,
.stayTunedForm .emailInput:-webkit-autofill:hover,
.calendar-section .emailInput:-webkit-autofill:hover,
.stayTunedForm .emailInput:-webkit-autofill:focus,
.calendar-section .emailInput:-webkit-autofill:focus,
.stayTunedForm
  .emailInput:-webkit-autofill:active
  .calendar-section
  .emailInput:-webkit-autofill:active {
  -webkit-text-fill-color: var(--mainBlue);
}

.body-en,
.body-hy,
.body-ru {
  font-family: var(--montserrat);
  color: var(--mainBlue);
}

body {
  overflow-x: hidden !important;
}

a {
  text-decoration: none !important;
  color: inherit !important;
}

/*----------------------Variables----------------------*/

/*----------------------Header----------------------*/

#header {
  height: var(--headerHeight);
  will-change: height;
  transition: height 0.7s var(--timingFunction);
  background-color: white;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0 -30px 40px 1px black;
}

.header-body {
  width: 85%;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.headerLogo {
  width: 13%;
  position: relative;
}

.headerLogo .logo {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding-top: 70px;
  background: url("/img/CELLO_2022_BLUE_WT.png") center no-repeat;
  background-size: contain;
  /*box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);*/
  z-index: 2;
  will-change: padding-top;
  transition: padding-top 0.7s var(--timingFunction);
}

.headerLinks {
  display: flex;
  width: 55%;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  padding-top: 0.8rem;
}

.headerLinks a {
  color: black;
  text-decoration: none;
  font-family: var(--montserrat);
  font-weight: 800;
  font-size: 0.95vw;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.languageSwitcher {
  width: 3%;
  margin-left: 13%;
}

.languageSwitcher a:not(.active) {
  opacity: 0.5;
}

.languageSwitcher a {
  font-family: var(--roboto);
  font-weight: 700;
}

.languageSwitcher a:not(:last-of-type) {
  margin-right: 10%;
}

/*----------------------Header----------------------*/

/*----------------------Home----------------------*/

.a {
  fill: #fff;
}

.b {
  fill: var(--mainBlue);
}

.rect1 {
  fill: none;
}

.rect2 {
  fill: #ffb136;
}

.rect4 {
  fill: #04274c;
  fill-rule: evenodd;
}

.a2 {
  fill: none;
}

.b2 {
  clip-path: url(#a2);
}

.c2 {
  fill: #04274c;
}

button {
  outline: none !important;
  border: none;
  font-family: var(--montserrat);
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9vw;
}

.homeBanner {
  height: 100vh;
  margin-top: 70px;
  background-size: cover;
  overflow-x: hidden !important;
}

.home-swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-wrapper {
  will-change: transform;
  transition: transform 0.7s var(--timingFunction);
}

.swiper-slide {
  display: flex;
  align-items: flex-end;
  padding-left: 7.5%;
  background: center no-repeat;
  background-size: cover;
  position: relative;
}

.homeBanner .swiper-slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.slideInfo {
  width: 50%;
  padding-bottom: 10%;
  z-index: 2;
}

.slideTitle {
  font-size: 2.45vw;
  font-family: var(--montserrat);
  color: white;
  font-weight: 900;
}

.slideDescription {
  width: 80%;
  font-size: 0.96vw;
  color: white;
  font-family: var(--montserrat);
  font-weight: 400;
}

.slideInfo p:nth-of-type(2) {
  margin: 5% 0 3% 0;
}

.swiper-pagination {
  display: flex;
  justify-content: space-between;
  width: 9% !important;
  left: unset !important;
  right: 15% !important;
  bottom: 20% !important;
}

.swiper-pagination-bullet {
  background-color: transparent !important;
  position: relative;
  color: white;
  font-family: var(--montserrat);
  font-weight: 600;
  letter-spacing: 3px;
  width: 8px;
  margin: 0 !important;
  font-size: 0.9vw;
  display: block;
  outline: none !important;
  transition: opacity 0.7s var(--timingFunction);
  will-change: opacity;
}

.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 5%;
  height: 20px;
  bottom: 700%;
  left: 50%;
  transform-origin: top center;
  transform: translateX(-50%) scaleY(1);
  will-change: transform;
  transition: transform 0.7s var(--timingFunction);
  background-color: white;
}

.swiper-pagination-bullet-active::before {
  transform: translateX(-50%) scaleY(2);
}

.rightArrow,
.leftArrow {
  position: absolute;
  color: white;
  bottom: 18%;
  z-index: 10;
  cursor: pointer;
  outline: none;
}

.rightArrow {
  transform: rotate(180deg);
  right: 6%;
  padding: 0 1%;
  transition: transform 0.7s var(--timingFunction);
}

.rightArrow .rightLine {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 10px;
  transition: transform 0.7s var(--timingFunction);
  transform-origin: left;
  cursor: pointer;
}

.rightArrow .rightLine::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  will-change: transform;
  height: 1px;
  width: 100%;
  background-color: white;
}

.hideLineRight {
  transform: rotate(180deg) translateX(55px);
}

.hideLineRight .rightLine {
  transform: translateY(-50%) scaleX(0);
}

.leftArrow {
  right: 30%;
  padding: 0 1%;
  transform: translateX(50px);
  transition: transform 0.7s var(--timingFunction);
}

.leftArrow .leftLine {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scaleX(0);
  width: 60px;
  height: 10px;
  transition: transform 0.7s var(--timingFunction);
  transform-origin: left;
  cursor: pointer;
}

.leftArrow .leftLine::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  will-change: transform;
  height: 1px;
  width: 100%;
  background-color: white;
}

.showLineLeft {
  transform: translateX(0);
}

.showLineLeft .leftLine {
  transform: translateY(-50%) scaleX(1);
}

.secondBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.secondBlock > div {
  height: 65vh;
}

.secondBlock .infoBlock {
  width: 65%;
  margin-top: -10%;
  background-color: white;
  z-index: 2;
  padding: 5% 7.5% 0 7.5%;
  color: var(--mainBlue);
}

.secondBlock .infoBlock .infoButton {
  padding: 0;
}

.secondBlock .infoBlock .infoButton a {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 7.5% 0;
}

.infoBlockThinTitle {
  font-family: var(--montserrat);
  font-weight: 400;
  font-size: 1.3vw;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.infoBlockBoldTitle {
  font-family: var(--montserrat);
  text-transform: uppercase;
  font-weight: 900;
  font-size: 4.3vw;
  letter-spacing: 2px;
  line-height: 1.1;
  margin-bottom: 4%;
  display: flex;
  flex-direction: column;
}

.videoBlockTitle {
  padding-left: 7.5%;
}

.competitionInnerVideoBlock {
  padding: 0 0 15% 0 !important;
}

.competitionInnerVideoBlock .videoBlockInfo {
  font-size: 2vw;
  padding: 8% 0 4% 7.5%;
}

.competitionInnerVideoBlock .videoBlockContent .videoLayer {
  font-size: 2vw;
}

.competitionInnerVideoBlock .videoBlockContent {
  height: 43vh;
}

.videoBlockInfo {
  width: 40%;
  padding: 8% 0 5% 7.5%;
  box-shadow: 1px 1px 80px -35px #7b7b7b;
  text-transform: uppercase;
  font-size: 3vw;
  font-weight: 900;
  position: relative;
  line-height: 1.3;
}

.homeVideoBanner {
  background: url("/img/home/homeVideoCover.png") center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.videoBlockInfo p {
  margin-bottom: 0;
}

.videoBlockInfo:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 40%;
  height: 20%;
  z-index: -1;
  background-color: var(--mainYellow);
}

.videoBlockContent {
  width: 60%;
  height: 60vh;
  box-shadow: -10px 20px 80px -45px #7b7b7b;
  position: relative;
}

.videoBlockContent iframe {
  width: 100%;
  height: 100%;
}

.videoBlockContent .videoLayer {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mainBlue);
  cursor: pointer;
  color: white;
  font-size: 2.7vw;
  font-weight: 200;
  text-align: center;
  transition: opacity 1s ease, visibility 1s step-end;
}

.videoBlockContent .videoLayer:hover::after {
  opacity: 1;
}

.videoBlockContent .videoLayer.show::after {
  background-size: 0;
}

.videoBlockContent .videoLayer::after {
  content: "";
  top: 0;
  opacity: 0.9;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, background-size 0.7s ease;
  will-change: opacity;
  background: url(/img/icons/play-button.svg) rgba(0, 0, 0, 0.6) center
    no-repeat;
  background-size: 8%;
  position: absolute;
}

.videoLayerLogo {
  background: url(/img/headerLogoBlue.png) center no-repeat;
  background-size: contain;
  padding-top: 25%;
  width: 27%;
}

.homeVideoBlock {
  padding: 5% 0;
}

.videoBlock {
  display: flex;
  align-items: flex-end;
}

.infoBlockText {
  font-family: var(--montserrat);
  font-weight: 400;
  font-size: 0.95vw;
}

.infoButton {
  background-color: var(--mainYellow);
  font-family: var(--montserrat);
  font-size: 1vw;
  font-weight: 700;
  color: var(--mainBlue);
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  transition: background-color 0.5s ease;
}

.applyButton {
  width: 100%;
  background-color: #041e39;
  color: white;
  will-change: color, background-color;
  transition: background-color 0.7s var(--timingFunction),
    color 0.7s var(--timingFunction), border-color 0.7s var(--timingFunction);
  padding: 7.5% 0;
  font-family: var(--montserrat);
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1vw;
}

a.applyButton {
  display: block;
  color: white !important;
}

.applyButton:hover {
  background-color: #103357;
}

.infoButton:hover {
  background-color: #f49f19;
}

.infoButton > div {
  width: 85%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.infoButton svg {
  transform: rotate(180deg);
}

.secondBlock .subscribeBlock {
  width: 35%;
  background-color: var(--mainBlue);
  padding: 0 7.5%;
  display: flex;
  align-items: center;
}

.subscribeBlock > div {
  width: 100%;
}

.subscribeTitle {
  font-family: var(--montserrat);
  font-weight: 900;
  color: white;
  font-size: 2.2vw;
  text-transform: uppercase;
  line-height: 1.1;
}

.subscribeSubtitle {
  font-size: 0.95vw;
  color: white;
  font-family: var(--montserrat);
  font-weight: 300;
}

.emailInput {
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 1px solid #fff;
  color: white;
  font-family: var(--montserrat);
  padding: 12% 0 2%;
  font-weight: 300;
  width: 100%;
  font-size: 0.95vw;
}

.emailInput:focus ~ .emailLabel,
.emailLabel.translated {
  transform: translateY(0) !important;
}

.emailLabel {
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--montserrat);
  font-size: 0.95vw;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  transform: translateY(175%);
  transition: transform 0.3s ease;
  cursor: text;
}

.emailSection {
  position: relative;
  margin-top: 10%;
}

.subscribeButton {
  width: 100%;
  background-color: #041e39;
  color: white;
  will-change: color, background-color;
  transition: background-color 0.7s var(--timingFunction),
    color 0.7s var(--timingFunction), border-color 0.7s var(--timingFunction);
  padding: 7.5% 0;
  margin-top: 10%;
  outline: none !important;
  border: 1px solid transparent;
  font-family: var(--montserrat);
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9vw;
}

.mediaContent {
  justify-content: flex-end;
}

.mediaBlock {
  margin-right: 10.5%;
}

.subscribeButton:hover {
  border: 1px solid #031e39;
  background-color: #103357;
}

.activeButton {
  background-color: var(--mainYellow);
  color: var(--mainBlue);
}

.socialSection {
  display: flex;
  align-items: center;
  margin-top: 15%;
}

.socialSection a {
  text-decoration: none;
  display: flex;
}

.socialSection svg {
  width: 30px;
}

.socialIconsText {
  font-family: var(--montserrat);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8vw;
  color: white;
  margin-right: 10%;
}

.facebookLogo {
  margin-right: 5%;
}

.pageContent {
  padding: 0 7.5%;
  background-color: white;
}

.stayHome {
  padding-top: 3%;
}

.stayHomeSmallTitle,
.stayHomeBigTitle {
  color: #b2b2b2;
  font-family: var(--montserrat);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.6vw;
}

.stayHomeBigTitle {
  color: rgb(217, 217, 217);
  font-size: 5.5vw;
  font-weight: 900;
  line-height: 1.1;
}

.participantsSection {
  display: flex;
  margin-top: 5%;
}

.participantsImageBlock {
  background: center no-repeat;
  background-size: contain;
  padding-top: 35%;
  width: 55%;
}

.participantsInfoBlock {
  width: 40%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.participantsInfoBlock > div {
  width: 45%;
  height: 35%;
}

.participantsNum {
  font-size: 5vw;
  font-weight: 900;
  font-family: var(--montserrat);
  color: var(--mainBlue);
  line-height: 1;
}

.participantsInfo {
  font-size: 0.88vw;
  font-family: var(--montserrat);
  color: var(--mainBlue);
  font-weight: 500;
  margin-top: 5%;
}

.participantsLastSection {
  font-size: 0.88vw;
  width: 50% !important;
  letter-spacing: 0.5px;
  font-family: var(--montserrat);
  color: var(--mainBlue);
  font-weight: 700;
  height: max-content !important;
}

.participantsLastSection > div a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.participantsLastSection svg {
  width: 35px;
}

.newsAndUpdate {
  margin-bottom: 5%;
  display: none;
}

.newsTitle {
  font-size: 2.1vw;
  letter-spacing: 1px;
  font-weight: 900;
  margin-bottom: 3%;
}

.newsItems {
  display: flex;
  justify-content: space-between;
}

.newsItem {
  width: 24%;
}

.newsItemCover {
  background: center no-repeat;
  background-size: cover;
  padding-top: 75%;
  margin-bottom: 10px;
}

.newsItemDate {
  font-size: 0.95vw;
  letter-spacing: 1px;
  font-weight: 600;
}

.newsItemTitle {
  font-weight: 700;
  color: #000;
  font-size: 1.3vw;
  margin: 8px 0;
  line-height: 1.1;
}

.newsItemDesc {
  font-size: 0.95vw;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homeSmallText {
  font-size: 1.6vw;
  font-weight: 400;
}

/*----------------------Home----------------------*/

/*----------------------Cookies----------------------*/
#cookiesNotice {
  align-items: center;
  display: none;
  position: fixed;
  justify-content: space-between;
  padding: 1% 5% 1% 3.5%;
  z-index: 999;
  background-color: var(--mainBlue);
  color: white;
  width: 100%;
  height: 13%;
  bottom: 0;
  left: 0;
  transition: transform 0.5s ease;
  box-shadow: 20px 0 60px 10px rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

#cookiesNotice p:not(.m-0) {
  font-weight: 300;
}

#cookiesNotice p {
  font-size: 15px;
  margin-bottom: 0;
}

#cookiesNotice a {
  color: white !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
}

#cookiesNotice a:hover::before,
#closeCookies:hover::before {
  transform: translateX(0);
}

#closeCookies {
  cursor: pointer;
  width: 12vw;
  padding: 0.8% 0;
  font-size: 1vw;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: background-color 0.7s ease;
  border: none;
  font-weight: 500;
  border-radius: 5px;
  color: var(--mainBlue);
  background-color: var(--mainYellow);
}

#closeCookies:hover {
  background-color: #f49f19;
}

#cookiesNotice a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: white;
}

/*----------------------Cookies----------------------*/

/*----------------------Competitions----------------------*/

.topBlockInnerCompetition {
  padding-top: 15vh !important;
}

.topBlockPastInnerCompetition {
  padding-top: 30vh !important;
}

.pastCompetitionsDesc {
  margin-bottom: 5%;
}

.competitionPastBody {
  padding-top: 8vh !important;
}

.competitions {
  margin-top: var(--smallHeaderHeight);
  padding: 0 4.5%;
}

.competitionsBanner {
  display: flex;
  padding-top: 4%;
  margin-bottom: 10%;
}

.competitionsBannerInfo {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.competitionsBannerCover {
  width: 55%;
}

.competitionsBannerCover .coverImg {
  background: center no-repeat;
  width: 90%;
  background-size: cover;
  padding-top: 60%;
  margin-left: auto;
  box-shadow: 4vw 9vh 0 0 var(--backgroundGrey);
}

.topTitle {
  color: var(--mainYellow);
  font-size: 1.1vw;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  width: max-content;
}

.topTitle::before {
  content: "";
  position: absolute;
  top: 130%;
  left: 2px;
  width: 18%;
  height: 3px;
  background-color: var(--mainYellow);
}

.competitionThinTitle {
  font-size: 1.08vw;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #999999;
}

.competitionBoldTitle {
  font-weight: 900;
  font-size: 2.9vw;
  line-height: 1.1;
  letter-spacing: 3px;
  margin-bottom: 0;
}

.competitionInfoText p {
  font-weight: 500;
  font-size: 0.9vw;
  padding-right: 10%;
}

.competitionInfoText:not(:last-child) {
  margin-bottom: 2vh;
}

.competitionsBannerInfo .infoButton {
  margin: 0;
  width: 100%;
  padding: 0;
  display: flex;
}

.competitionsBannerInfo .infoButton a {
  width: 100%;
  padding: 7.5% 0;
}

.competitionsBannerInfo .infoButton > div {
  width: unset;
  text-align: center;
  display: unset;
}

.upcomingCompetitions,
.pastCompetitions {
  position: relative;
}

.upcomingCompetitions::before,
.pastCompetitions::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 30vh;
  background-color: var(--mainBlue);
}

.pastCompetitions::before {
  background-color: var(--backgroundGrey);
}

.upcomingTitle,
.pastTitle {
  text-transform: uppercase;
  color: white;
  position: relative;
  padding: 3% 0;
  font-size: 2.4vw;
  font-weight: 900;
  margin-bottom: 0;
}

.pastTitle {
  width: 45%;
  color: var(--mainBlue);
}

.competitionsList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5%;
}

#upcomingCompetitionsContainer,
#pastCompetitionsContainer {
  pointer-events: none;
}

.llll {
  width: 37%;
  padding-top: 49%;
  top: -10vh;
  position: relative;
  z-index: 55;
  background: url(/img/loader/white.png) center no-repeat;
  background-size: contain;
}

.competitionItem {
  width: 30.1%;
  height: 30vh;
  margin: 8% 1vw 1% 2vw;
  background-color: var(--backgroundGrey);
  position: relative;
  display: flex;
  padding: 3.3vh 0.8vw;
  transition: opacity 0.3s var(--timingFunction);
}

.competitionItem.fadeOut {
  opacity: 0;
}

.competitionItem:nth-child(3n) {
  margin-right: 0;
}

.competitionItemCover {
  background: center no-repeat;
  background-size: cover;
  width: 100%;
  position: absolute;
  padding-top: 60%;
  bottom: 10vh;
  right: 2vw;
}

.competitionItem .competitionItemInfo {
  width: 100%;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.competitionItemInfo a {
  width: 35%;
}

.instrument {
  font-weight: 900;
  display: flex;
  align-items: center;
  font-size: 0.86vw;
  text-transform: uppercase;
}

.exploreCompetition {
  width: 100%;
  font-size: 0.8vw;
  letter-spacing: 1px;
  font-weight: 800;
  display: flex;
  border-left: 6px solid var(--mainYellow);
  padding: 3% 0 3% 8%;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.infoBlock .exploreCompetition,
.competitionsBanner .exploreCompetition {
  font-size: 1.4vw;
  padding: 3% 0 3% 6%;
}

.exploreCompetition:hover svg {
  transform: translateX(70%);
}

/* .exploreCompetition::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20%;
  height: 170%;
  width: 6px;
  background-color: var(--mainYellow);
} */

.exploreCompetition svg {
  width: 9%;
  will-change: transform;
  transition: transform 0.5s ease;
  fill: var(--mainBlue);
}

.competitionButton {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 7%;
}

.competitionButton button {
  padding: 2% 5%;
  color: var(--mainBlue);
  overflow: hidden;
  transition: background-color 0.5s var(--timingFunction);
  position: relative;
}

.competitionButton button:hover {
  background-color: var(--mainYellow);
}

.pastFilterBlock {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.filterButtons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 45%;
}

.filterButtons div {
  background-color: white;
  font-size: 1vw;
  font-weight: 500;
  color: var(--mainBlue);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  will-change: color;
  transition: all 0.5s var(--timingFunction);
}

.filterButtons div span {
  position: relative;
}

.filterButtons div::before {
  will-change: transform;
  transition: transform 0.5s var(--timingFunction);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--mainBlue);
  height: 100%;
  width: 100%;
  transform: translateX(-101%);
}

.filterButtons div:hover::before {
  transform: translateX(0);
}

.filterButtons div:hover {
  color: white;
}

.filterButtons div.active {
  background-color: var(--mainBlue);
  color: white;
}

/*----------------------Competitions----------------------*/

/*----------------------CompetitionsInner----------------------*/

.competitionInner,
.competitionInnerBody {
  width: 100%;
  padding-left: 30vw;
  padding-top: 7vh;
}

.competitionInnerBody .trustee-text h5 {
  will-change: color;
  transition: color 0.5s ease;
}

.competitionInnerBody .trustee-text,
.competitionInnerBody .trustee-img {
  /* cursor: pointer; */
}

.competitionInnerBody .trustee-text:hover h5,
.competitionInnerBody .trustee-img:hover + .trustee-text h5 {
  color: var(--mainYellow);
}

.competitionInnerTopBlock {
  width: 100%;
}

.competitionInnerTitle {
  font-size: 4.2vw;
  font-weight: 900;
  color: var(--mainYellow);
  text-align: right;
}

.competitionInnerBody .winnersBodyContent {
  padding-top: 5%;
}

.competitionInnerBody .notif {
  text-align: right;
  font-size: max(10px, 0.9vw);
}

.afterTopContent {
  padding-top: 5vh !important;
}

#schedule {
  padding-top: 15vh;
}

.competitionInnerTopBlock .blockContent {
  display: flex;
}

.blockInfo {
  width: 70%;
}

.blockImage {
  width: 30%;
  background: center no-repeat;
  background-size: contain;
  padding-top: 47%;
  position: relative;
  z-index: 1;
}

.blockNumber {
  font-size: 4vw;
  line-height: 1;
  font-weight: 900;
  transition: color 0.5s ease;
  will-change: color;
  color: var(--mainGreyDark);
}

.active .blockNumber {
  color: var(--mainYellow);
}

.blockContent .blockTitle {
  color: var(--mainBlue);
  font-size: 2.5vw;
  margin-bottom: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.blockContent .blockDesc {
  color: #a5a5a5;
  font-weight: 500;
  font-size: 0.92vw;
  padding-right: 20%;
}

.calendar-section .subscribeButton,
.live-page .subscribeButton {
  padding: 5% 0;
}

.calendar-section .subscribeButton,
.calendar-section .emailSection,
.live-page .subscribeButton,
.live-page .emailSection {
  margin-top: 0;
}

.calendar-section .emailSection,
.live-page .emailSection {
  border-bottom: 1px solid var(--mainBlue);
  padding-left: 0;
}

.calendar-section .emailLabel,
.live-page .emailLabel {
  color: var(--mainBlue);
  transform: translateY(100%);
}

.live-page .emailLabel {
  transform: translateY(137%);
}

.calendar-section .emailInput,
.live-page .emailInput {
  color: var(--mainBlue);
  text-indent: 0;
  font-weight: 500;
  padding: 8% 0 2%;
}

.calendarBlock {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10%;
}

.calendarItem {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 30%;
  min-height: 9vw;
  background-color: var(--backgroundGrey);
}

.calendarItem:not(:nth-child(3n)) {
  margin-right: 5%;
}

.calendarItem .calendarDate {
  position: absolute;
  top: -28%;
  left: -16%;
  width: 4vw;
  height: 4vw;
  background-color: var(--mainBlue);
  color: white;
  font-weight: 800;
  display: grid;
  place-items: center;
  align-content: center;
}

.calendarItem p {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.calendarDay {
  font-size: 2vw;
  font-weight: 700;
  line-height: 1;
}

.calendarMonth {
  font-size: 0.65vw;
  font-weight: 600;
}

.calendarState {
  padding-top: 12%;
  text-align: right;
  padding-right: 8%;
  font-weight: 800;
  font-size: 0.8vw;
  /* margin-bottom: 1rem !important; */
}

.calendarDesc {
  font-size: 0.75vw;
  font-weight: 500;
  text-transform: unset !important;
  padding-left: 10%;
  padding-bottom: 7%;
  padding-right: 7%;
}

.exploreCalendar {
  width: 22%;
  /* margin-top: -7%; */
  font-size: 0.8vw;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2.5%;
  position: relative;
}

.exploreCalendar a {
  display: flex;
  align-items: center;
}

.exploreCalendar a svg {
  width: 6px;
  margin-left: auto;
}

.exploreCalendar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 180%;
  background-color: var(--mainYellow);
}

.competitionInnerBody {
  padding-right: 7.5%;
  margin-top: unset;
  padding-top: 15vh;
}

.competitionInnerGallery {
  display: flex;
  justify-content: space-between;
  padding-bottom: 7%;
}

.competitionInnerGallery .item1 {
  width: 53%;
  padding-top: 37%;
  background: var(--mainBlue) center no-repeat;
  background-size: cover;
}

.competitionInnerGallery .item2 {
  width: 21%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.competitionInnerGallery .item2 div {
  width: 100%;
  padding-top: 84%;
  background: var(--mainBlue) center no-repeat;
  background-size: cover;
}

.competitionInnerGallery .item3 {
  width: 23%;
  padding-top: 37%;
  background: var(--mainBlue) 33% no-repeat;
  background-size: cover;
  position: relative;
}

.Violin2020GalleryItem {
  cursor: pointer;
}

.item3Layer {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 0.82vw;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase;
}

.item3Layer p {
  margin-bottom: 0;
}

.item3Layer p:first-of-type {
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1;
}

.blockContent .winnersBlockDesc {
  padding-right: 65%;
}

.competitionInnerBody .winnersBodyContent .winnerItem {
  width: 29.3%;
}

.winnersBodyContent
  .winnerItem:first-child:not(.competitionInnerBody
    .winnersBodyContent
    .winnerItem:first-child) {
  background-color: var(--mainYellow);
}

.winnersBodyContent
  .winnerItem:first-child
  .winnerCoverBlock:not(.competitionInnerBody
    .winnersBodyContent
    .winnerItem:first-child
    .winnerCoverBlock),
.winnersBodyContent
  .winnerItem:first-child
  .winnerPosition:not(.competitionInnerBody
    .winnersBodyContent
    .winnerItem:first-child
    .winnerPosition) {
  background-color: #ffbf5a;
}

.winnersBodyContent
  .winnerItem:first-child
  .winnerPosition::before:not(.competitionInnerBody
    .winnersBodyContent
    .winnerItem:first-child
    .winnerPosition::before) {
  border-top: 10px solid #ffbf5a;
}

.competitionInnerFilter {
  background-color: var(--backgroundGrey);
  width: 59%;
  height: 20vh;
  margin: -10% 0 5% auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.competitionInnerFilter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 85%;
  padding-bottom: 8%;
}

.competitionInnerFilter .filterButtons {
  width: 80%;
}

.competitionInnerFilter .filterButtons > div {
  font-size: 0.9vw;
  padding: 7px 15px;
}

.competitionInnerFilter > div > span {
  font-size: 0.82vw;
  font-weight: 800;
}

.winnersBlockTitle {
  width: 62%;
  position: relative;
  background-color: white;
}

.withoutTopPadding {
  padding-top: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  transition: color 0.7s ease, border-color 0.3s ease;
  color: var(--mainYellow) !important;
  background-color: white !important;
  border: 1px solid #cdcdcd;
  border-bottom: 0;
}

#pills-tab {
  position: relative;
  top: 1px;
  z-index: 1;
}

.nav-link {
  color: #cdcdcd !important;
  font-size: 2vw;
  font-weight: 900;
  line-height: 1.1;
  padding: 5% 0;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 0 !important;
}

.nav-item {
  width: 22%;
  text-align: center;
  position: relative;
}

.generalRulesBlock .nav-item {
  width: 35%;
}

.nav-link p {
  position: relative;
  width: max-content;
  margin: auto;
}

.rulesPageTabBlock {
  padding: 5%;
  height: unset !important;
}

.rulesTabTitle {
  font-size: 1.7vw;
  font-weight: 800;
  padding-bottom: 3%;
}

.rulesTabSubtitle {
  width: max-content;
  font-size: 1.3vw;
  font-weight: 700;
  position: relative;
}

.rulesTabBold {
  font-weight: 600;
}

.rulesTabSubtitle::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: var(--mainBlue);
  top: 100%;
  left: 0;
}

.rulesPageTabBlock a {
  color: var(--mainYellow) !important;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  width: max-content;
}

.rulesPageTabBlock ul li {
  padding-left: 20px;
  position: relative;
}

.rulesPageTabBlock ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 5px;
  background-color: var(--mainBlue);
}

.rulesPageTabBlock a:hover::before {
  transform: translateX(0);
}

.rulesPageTabBlock a::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--mainYellow);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  will-change: transform;
  transition: transform 0.5s var(--timingFunction);
}

.nav-link p::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 30%;
  height: 2px;
  background-color: transparent;
  will-change: background-color;
  transition: background-color 0.5s ease;
}

.nav-link.active p::before {
  background-color: var(--mainYellow);
}

.awardsTopBlock {
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.awardsTopBlock2021 {
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.cashReward {
  width: 36%;
  height: 25%;
  margin-left: auto;
  margin-right: 5%;
  background-color: white;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1%;
  font-size: 0.95vw;
  position: relative;
}

.cashReward::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 44;
  border-bottom: 1px dashed #e1e1e1;
  opacity: 0.5;
  width: 97%;
  height: 1px;
}

.cashReward p {
  margin-bottom: 0;
  font-weight: 500;
  padding-left: 10%;
}

.cashReward > div {
  height: 140%;
  background-color: var(--mainBlue);
  color: white;
  font-weight: 600;
  position: relative;
  top: 40%;
  display: flex;
  align-items: flex-end;
  padding: 0 3% 3.4vh;
}

.awardsFadeBlock {
  transition: opacity 0.7s ease !important;
}

.awardsMainInfo {
  height: 80%;
  display: flex;
  flex-direction: column-reverse;
}

.awardsPosition {
  padding-left: 5%;
  height: 45%;
}

.awardsPosition > div {
  height: 100%;
  /* border-left: 2px solid #f8f8f8;
  border-top: 2px solid #f8f8f8;
  border-right: 2px solid #f8f8f8; */
  display: flex;
  align-items: center;
  font-size: 2.5vw;
  font-weight: 900;
  color: var(--mainYellow);
  padding-right: 8%;
}

.awardsConcepts {
  padding: 0 5% 3%;
  height: 55%;
  background-color: #f8f8f8;
  display: flex;
}

.awardsConceptItem {
  width: 50%;
  display: flex;
  align-items: center;
}

.awardsConceptItem.firstAwardsConceptItem {
  width: 33%;
}

.awardsConceptItem.firstAwardsConceptItem .conceptItemIcon {
  width: 35%;
}

.awardsConceptItem.firstAwardsConceptItem .conceptItemIcon.icon2 {
  width: 28% !important;
  font-size: 0.9vw;
}

.conceptItemIcon {
  width: 18%;
  height: 100%;
}

.conceptItemIcon.icon1 {
  background: var(--mainBlue) url("/img/icons/interface.svg") center center
    no-repeat;
  background-size: 45%;
}

.conceptItemIcon.icon3 {
  background: var(--mainBlue) url("/img/icons/microphone.svg") center center
    no-repeat;
  background-size: 31%;
}

.conceptItemIcon.icon4 {
  background: var(--mainBlue) url("/img/icons/conductor-white.svg") center
    center no-repeat;
  background-size: 55%;
}

#pills-tabContent {
  border: 1px solid #cdcdcd;
  margin-bottom: 5%;
}

#internationalMedia {
  padding-bottom: 5%;
}

.conceptItemIcon.icon2 {
  background-color: var(--mainBlue);
  color: white;
  font-weight: 600;
  position: relative;
  font-size: 0.95vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 3%;
}

.conceptItemIcon.icon2::after {
  content: "";
  position: absolute;
  top: 65%;
  transform: translateY(-50%);
  right: 0;
  width: 85%;
  height: 2px;
  border-bottom: 1px dashed #f8f8f8;
  opacity: 0.7;
}

.conceptItemInfo {
  width: 90%;
  padding-left: 5%;
  font-size: 0.82vw;
}

.conceptItemInfo p {
  margin-bottom: 0;
  font-weight: 500;
  color: #9b9b9b;
}

.conceptItemInfo p:first-of-type {
  font-weight: 800;
  color: var(--mainBlue);
  font-size: 0.8vw;
}

.nominations {
  font-size: 1.3vw;
  font-weight: 800;
  text-transform: uppercase;
}

.nominationList {
  padding: 3% 0 3% 3%;
  border-left: 15px solid #f8f8f8;
}

.nominationList p {
  margin-bottom: 1%;
  font-size: 0.88vw;
  font-weight: 500;
}

.nominationList i {
  display: block;
  text-align: right;
  font-size: 0.88vw;
}

.nominationList p:last-of-type {
  margin-bottom: 0;
}

.competitionInnerBody .about-section {
  margin-bottom: 0;
  margin-top: 5%;
}

.blockContent .blockDescBold {
  font-weight: 900;
  color: var(--mainGreyDark);
  font-size: 1.25vw;
}

.repertoireGroup {
  display: flex;
  align-items: flex-start;
}

.repertoireGroup:not(:last-child) {
  margin-bottom: 5%;
}

.repertoireGroupNum {
  line-height: 1;
  padding: 1.5%;
  background-color: var(--mainBlue);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2%;
}

.repertoireGroupNum::before {
  content: attr(data-number);
  display: block;
  font-size: 1.1vw;
  color: white;
}

.repertoireGroupSubtitle {
  font-size: 0.95vw;
  font-weight: 800;
  margin-bottom: 2rem;
  display: block;
}

.repertoireGroupInfo {
  padding-top: 1.1%;
  width: 100%;
}

.repertoireGroupInfo .artistName {
  margin: 5% 0;
  font-size: 1.3vw;
  font-weight: 700;
}

.repertoireList {
  display: flex;
  flex-direction: column;
}

.repertoireItem {
  /*border-left: 2px solid var(--mainYellow);*/
  padding-left: 5%;
  line-height: 2;
  font-size: 0.88vw;
  font-weight: 600;
  margin-bottom: 1.2rem;
  position: relative;
  height: 3vw;
  display: flex;
  align-items: center;
}

.repertoireItem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 2.5vw;
  background-color: var(--mainYellow);
}

.repertoireItem:not(:nth-child(2n)) {
  margin-right: 4%;
}

.competitionInnerBody .stayHomeSmallTitle {
  letter-spacing: 2px;
}

.competitionInnerBody .stayHomeBigTitle {
  font-size: 4vw;
}

.digitalParticipate {
  display: flex;
  height: 30vh;
  justify-content: space-between;
}

.participateItem {
  width: 24%;
  height: 100%;
}

.participateItem > p {
  font-size: 2vw;
  font-weight: 900;
  margin-bottom: 0;
}

.participateItemInfo {
  background-color: var(--mainGreyLight);
  font-size: 0.9vw;
  font-weight: 600;
  padding: 10%;
  min-height: 70%;
}

.competitionInnerBody .stayTuned {
  display: flex;
  position: relative;
  margin-top: 8%;
}

.competitionInnerBody .stayTuned .leftBackground {
  width: 80%;
  padding-top: 50%;
  background: center no-repeat;
  background-size: contain;
  position: relative;
}

.competitionInnerBody .stayTuned .leftBackground::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 35vh;
  background-color: var(--backgroundGrey);
  top: 5%;
  left: 50%;
  z-index: -1;
}

.stayTunedForm {
  width: 26%;
  position: absolute;
  top: 15%;
  right: 0;
}

.stayTunedForm::after {
}

.stayTunedForm .subscribeTitle,
.stayTunedForm .subscribeSubtitle {
  color: var(--mainBlue);
  margin-bottom: 0;
}

.stayTunedForm .emailLabel {
  color: #545454;
  transform: translateY(147%);
}

.stayTunedForm .emailInput {
  color: var(--mainBlue);
  border-color: var(--mainBlue);
  font-weight: 500;
}

.stayTunedForm .subscribeSubtitle {
  font-weight: 500;
}

.juryAndContestants {
  display: flex;
  margin-bottom: 8%;
}

.juryAndContestants > div {
  width: 48%;
  background-color: var(--backgroundGrey);
  padding: 6% 6% 5%;
}

.ruleTitle {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2vw;
}

.ruleDesc {
  color: #767676;
  font-weight: 500;
  padding-right: 35%;
  font-size: 0.9vw;
  margin-bottom: 10%;
}

.ruleLink {
  font-size: 0.9vw;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 7%;
  position: relative;
}

.ruleLink:hover::after {
  transform: translate(15px, -50%);
}

.ruleLink::before,
.ruleLink::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 165%;
  background-color: var(--mainYellow);
}

.ruleLink::after {
  transition: transform 0.5s ease;
  will-change: transform;
  width: 10px;
  height: 10px;
  left: 80%;
  padding-left: 40%;
  background: url("/img/Arrow Small Right.svg") right no-repeat;
  background-size: contain;
}

.juryAndContestants > div:first-of-type {
  margin-right: 2%;
  position: relative;
}

.juryAndContestants > div:first-of-type::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 47%;
  /*width: 162%; with two boxes*/
  width: 57.5%;
  z-index: -1;
  height: 70%;
  background-color: var(--mainYellow);
}

.checkRules {
  display: flex;
  height: 30vh;
}

.checkRulesBottom {
  height: 22vh;
  background-color: var(--mainYellow);
}

/* .checkRulesBottom .checkRulesRight::before {
  background-color: var(--mainYellow);
} */

.verticalViolin {
  background: url("/img/violin/verticalViolin.png") center no-repeat;
  background-size: contain;
  padding-top: 38%;
}

.checkRulesLeft {
  width: 50%;
}

.checkRulesLeft p {
  margin-bottom: 0;
}

.blueViolin {
  width: 50px;
  height: 50px;
  border: 1px dashed var(--mainGreyDark);
  background: url("/img/icons/blueViolin.svg") center no-repeat;
  background-size: 60%;
  margin-bottom: 5%;
}

.checkRulesRight {
  width: 80%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .checkRulesRight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 100%;
  background-color: var(--backgroundGrey);
} */

.checkRulesRightBody {
  position: absolute;
  width: 100%;
  height: 30%;
  right: 0;
  color: black;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.marginTopMinus {
  margin-top: -10%;
}

.competitionOpen {
  color: #c1c1c1;
  font-weight: 400;
  font-size: 1.25vw;
}

.forViolinists {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.9vw;
  line-height: 1;
  color: #c1c1c1;
}

.checkRulesLinkText {
  width: 100%;
  text-align: right;
  color: black;
}

.checkRulesLinkText p {
  margin-bottom: 0;
}

.pdfIcon {
  width: 55px;
  height: 55px;
  border: 1px solid var(--mainGreyDark);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 7%;
}

.pdfIconBody {
  width: 80%;
  height: 80%;
  background-color: var(--mainBlue);
  color: white;
  font-size: 0.8vw;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pdfIconBody.documentBody {
  background: url("/img/icons/document.svg") var(--mainBlue) center no-repeat;
  background-size: 35%;
}

.checkRulesLinkText .thin {
  font-weight: 600;
  color: black;
  font-size: 1.2vw;
}

.checkRulesLinkText .bold {
  font-weight: 800;
  color: black;
  font-size: 1.2vw;
}

.bottomContent {
  padding-bottom: 10vh;
  padding-top: 20vh;
}

.stayTunedUpcomingCompetition {
  width: 100%;
  margin-bottom: 10%;
}

.stayTunedDesc {
  padding-right: 35% !important;
}

.stayTunedUpcomingForm {
  display: flex;
}

.stayTunedUpcomingForm .subscribeButton {
  padding: 0;
  margin-top: 0;
  font-weight: 600;
  width: 30%;
}

.stayTunedUpcomingForm .emailSection {
  margin-top: 0;
  padding-left: 0 !important;
  padding-right: 4% !important;
  width: 32%;
}

.stayTunedUpcomingForm .emailLabel {
  color: #a5a5a5;
  transform: translateY(142%);
  font-weight: 400;
}

.stayTunedUpcomingForm .emailInput {
  color: var(--mainBlue);
  font-weight: 400;
  border-bottom-color: var(--mainBlue);
}

/*----------------------CompetitionsInner----------------------*/

/*----------------------LeftMenu----------------------*/

.left-aside {
  position: fixed;
  height: calc(100vh - 60px);
  width: 25vw;
  top: 60px;
  padding-left: 7.5%;
  background-color: var(--backgroundGrey);
  border-right: 8px solid var(--mainYellow);
  overflow-y: auto;
  z-index: 100;
}

.left-aside.about {
  top: 25vh;
  left: 20px;
  border-right: none;
  background-color: white;
}

.left-aside.about .scrollbar {
  margin-top: 15%;
}

.left-aside .scrollbar {
  margin-top: 50%;
  position: relative;
}

.scrollbar h3 {
  position: absolute;
  font-size: 1.4rem;
  font-weight: 900;
  transform: translateY(-130%);
  opacity: 0.4;
}

.scrollbar h3.currentDate {
  font-size: 1.8rem;
  opacity: 1;
}

/*.scrollbar ul {*/
/*margin-bottom: 25%;*/
/*}*/

.scrollbar ul.inactive {
  opacity: 0.4;
}

.scrollbar li {
  display: flex;
  align-items: center;
  height: 6.5vh;
}

.scrollbar li.small {
  height: 5vh;
}

.scrollbar li.small .scroll-link {
  font-size: 0.75rem;
}

.scroll-link {
  font-size: 1vw;
  font-weight: 700;
  opacity: 0.5;
  will-change: opacity;
  transition: opacity 0.5s ease;
  position: relative;
  /* text-transform: capitalize; */
}

.scrollbar li.active .scroll-link {
  opacity: 1;
}

.scrollbar-block {
  width: 30%;
  height: 6.5vh;
  position: absolute;
  z-index: 50;
  right: 120%;
  top: 0;
  will-change: transform;
  transition: transform 0.5s ease;
}

.scrollbar-block.small {
  height: 5vh;
}

.scrollbar-block::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--mainYellow);
}

/*----------------------LeftMenu----------------------*/

/*----------------------Winners----------------------*/

.winners {
  width: 100%;
  padding-left: 30vw;
  padding-top: 18vh;
  padding-right: 7.5%;
  margin-top: var(--smallHeaderHeight);
}

.winnersBody {
  width: 100%;
  border: 2px dashed var(--mainGreyDark);
  padding: 10% 7% 0 2%;
  position: relative;
  margin-bottom: 20vh;
}

.winnersBodyTitle {
  background-color: white;
  position: absolute;
  top: -7vh;
  left: -2.3%;
  padding: 0 2%;
}

.winnersBody.active .winnersYear {
  color: var(--mainYellow);
}

.winnersYear {
  font-weight: 900;
  font-size: 4.5vw;
  letter-spacing: 3px;
  color: rgb(216, 216, 216);
  margin-bottom: 0;
  line-height: 1.3;
  will-change: color;
  transition: color 0.5s ease;
}

.winnersInstrument {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.3vw;
}

.winnersBodyContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.winners .winnerItem {
  pointer-events: none;
}

.winnerItem {
  width: 29%;
  margin-bottom: 10%;
  padding: 2% 2% 4%;
  display: flex;
  position: relative;
  background-color: #e9e9e9;
}

.winners .winnerItem:first-child,
.yellowWinner {
  background-color: var(--mainYellow);
}

.winnerItem:not(:nth-child(3n)) {
  margin-right: 6%;
}

.winnerCoverBlock {
  width: 35%;
  background-color: #dcdcdc;
  padding: 4%;
}

.winners .winnerItem:first-child .winnerCoverBlock,
.yellowWinner .winnerCoverBlock {
  background-color: #ffc15e;
}

.winnerCover {
  background: top center no-repeat;
  background-size: cover;
  padding-top: 70%;
}

.winnerPosition {
  width: 58%;
  margin-left: 7%;
  height: 60%;
  background-color: var(--mainBlue);
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: white;
  text-transform: uppercase;
  font-size: 0.7vw;
  font-weight: 600;
  position: relative;
}

.winnerPosition sup {
  margin-right: 4px;
}

.winners .winnerItem:first-child .winnerPosition,
.yellowWinner .winnerPosition {
  background-color: #ffc15e;
}

.winners .winnerItem:first-child .winnerPosition::before,
.yellowWinner .winnerPosition::before {
  border-top: 10px solid #ffc15e;
}

.winnerPosition::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 10px solid transparent;
  border-top: 10px solid var(--mainBlue);
  position: absolute;
  top: 0;
  left: -5px;
}

.winnerInformation {
  position: absolute;
  top: 80%;
  background-color: white;
  width: 108%;
  cursor: default;
  /*cursor: pointer;*/
  padding: 5%;
  will-change: box-shadow;
  transition: box-shadow 0.5s var(--timingFunction);
}

.winnerInformation::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 8%;
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.4s ease, transform 0.5s ease;
  transform: translate(-7px, -50%);
  background: url("/img/icons/arrow_right.svg") center no-repeat;
  background-size: contain;
}

.winnerInformation:hover,
.winnerItem:hover .winnerInformation {
  /*temp Garik*/
  pointer-events: none;
  cursor: default;
  box-shadow: 20px 0 60px 10px rgba(0, 0, 0, 0.1);
}

.winnerInformation:hover::after,
.winnerItem:hover .winnerInformation::after {
  /*hided for info*/
  /*transform: translate(0, -50%);*/
  /*opacity: 1;*/
  /*transition: opacity 0.5s ease, transform 0.5s ease;*/
}

.winnerInformation p {
  margin-bottom: 0;
}

.winnerName {
  font-size: 1vw;
  font-weight: 700;
}

.winnerCountry {
  font-size: 0.8vw;
  font-weight: 400;
}

.specialPrizes {
  position: relative;
  left: calc(-2% - 3px);
}

.specialPrizes > p {
  background-color: white;
}

.prizeWinnersList {
  padding-left: calc(2% + 3px);
  padding-top: 3%;
  display: flex;
  flex-wrap: wrap;
}

.prizeWinnersList .winnerItem {
  margin-bottom: 15%;
}

.winnersPopup {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease, visibility 0.5s step-end;
  will-change: opacity;
  opacity: 0;
  visibility: hidden;
}

.winnersPopup.show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s step-start;
}

.winnersPopup.show .popupBody {
  transform: translateY(0);
}

.popupBody {
  transform: translateY(-30px);
  transition: transform 0.5s ease;
  will-change: transform;
  display: flex;
  backface-visibility: hidden;
  justify-content: space-between;
  position: relative;
  width: 70%;
  height: 90%;
  padding: 4% 5%;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 80%,
    rgba(4, 40, 76, 1) 80%,
    rgba(4, 40, 76, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 80%,
    rgba(4, 40, 76, 1) 80%,
    rgba(4, 40, 76, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 80%,
    rgba(4, 40, 76, 1) 80%,
    rgba(4, 40, 76, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#04284c", GradientType=1);
}

.winnersPopupClose {
  width: 30px;
  height: 30px;
  background: url(/img/icons/close.png) center no-repeat;
  background-size: 80%;
  position: absolute;
  top: 10px;
  cursor: pointer;
  right: 10px;
}

.popupWinnerInfo {
  width: 35%;
  height: 100%;
}

.competitionInnerPopup .popupWinnerInfo {
  width: 30%;
}

.competitionInnerPopup .popupWinnerDetails {
  width: 65%;
}

.popupWinnerDetails {
  width: 60%;
  height: 100%;
  overflow-y: auto;
}

.popupWinnerAvatar {
  padding-top: 93%;
  background: top center no-repeat;
  background-size: cover;
  border: 10px solid var(--mainYellow);
  margin-bottom: 7%;
}

.popupWinnerName {
  font-weight: 800;
  font-size: 1.5vw;
  text-transform: capitalize;
}

.popupWinnerBirth {
  font-size: 1vw;
  font-weight: 500;
}

.popupWinnerCountry {
  font-size: 1vw;
  font-weight: 800;
  position: relative;
  text-transform: uppercase;
  padding-left: 1.5vw;
}

.popupWinnerCountry::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.9vw;
  height: 130%;
  background-color: var(--mainBlue);
}

.popupWinnerDetailsItem:not(:last-child) {
  margin-bottom: 15px;
}

.popupWinnerDetailsTitle {
  font-size: 1.3vw;
  font-weight: 600;
}

.popupWinnerDetailsBody {
  padding: 4%;
  background-color: var(--backgroundGrey);
}

.popupWinnerDetailsBody p {
  margin-bottom: 5px;
  color: #727272;
  font-weight: 600;
  font-size: 0.84vw;
}

.popupWinnerDetailsBody .titleText {
  color: var(--mainBlue);
  font-weight: 600;
  margin-bottom: 0;
  text-align: justify;
}

.popupWinnerDetailsBody .titleText:not(:first-child) {
  margin-top: 15px;
}

.winnersPopupCloseLayer {
  width: 100%;
  height: 100%;
  position: absolute;
}

/*----------------------Winners----------------------*/

/*----------------------General Rules----------------------*/

.generalRulesBlock {
  padding: 7vh 7.5% 0;
}

.generalRulesBlock:last-child {
  padding: 7vh 7.5%;
}

/*----------------------General Rules----------------------*/

/*----------------------Footer----------------------*/

#footer {
  box-shadow: 0px 5px 5px 5px rgb(195, 193, 193);
}

.footerBody {
  position: relative;
  display: flex;
  padding: 3% 7.5% 2%;
  background-color: #f2f2f2;
  z-index: 101;
}

.contacts {
  width: 25%;
  color: black;
  position: relative;
}

.contacts::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 80%;
  background-color: #dcdcdc;
  top: 0;
  right: 0;
}

.contactsTitle {
  font-weight: 900;
  font-size: 1.6vw;
  margin-bottom: 5%;
  line-height: 1.1;
}

.contactsPhone,
.contactsEmail,
.contactsDirectory {
  font-size: 0.8vw;
  font-weight: 600;
  margin-bottom: 5%;
  line-height: 1.1;
}

.submitLogin {
  font-size: 0.8vw;
  font-weight: 500;
  margin: 10% 0 0 0;
  color: #7d7d7d;
  line-height: 1.1;
}

.submitLogin span:first-child {
  margin-right: 15%;
}

.whatAreULooking {
  width: 55%;
  color: black;
  position: relative;
}

.bgText {
  line-height: 1.2;
  position: absolute;
  top: -3%;
  color: #cdcdcd;
  left: 8%;
  user-select: none;
  font-size: 2.7vw;
  font-weight: 900;
  text-transform: uppercase;
}

.whatAreULookingTitle {
  font-weight: 700;
  font-size: 1.6vw;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  text-align: right;
}

.footerMenuList {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  font-size: 0.8vw;
  font-weight: 500;
  color: #7d7d7d;
}

.footerMenuList ul {
  margin-bottom: 0;
}

.footerMenuList ul li {
  margin-bottom: 17px;
  position: relative;
  overflow: hidden;
  width: max-content;
  margin-left: auto;
}

.submitLogin span,
.contacts a,
.headerLinks a,
.whatAreULooking a {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.privacyPolicy {
  font-size: 0.8vw;
  font-weight: 500;
  color: #7d7d7d;
  margin: -4.8% 0 0 8%;
}

.submitLogin span:hover::before,
.contacts a:hover::before,
.headerLinks a:hover::before,
.whatAreULooking a:hover::before {
  transform: translateX(0);
}

.submitLogin span::before,
.contacts a::before,
.headerLinks a::before,
.whatAreULooking a::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #7d7d7d;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-101%);
  transition: transform 0.7s var(--timingFunction);
}

.contacts a::before {
  background-color: black;
}

.headerLinks .active a::before {
  transform: translateX(0);
}

.headerLinks a::before {
  background-color: var(--mainYellow);
  width: 50%;
  height: 2px;
}

.liveStream {
  position: relative;
}

.liveStream::after {
  content: "";
  position: absolute;
  top: 20%;
  left: -15px;
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 100%;
  transform: scale(0.35);
  animation: puls 1.5s infinite;
}

.footerMenuList ul:first-child {
  margin-right: 5vw;
}

.footerMenuList ul:last-child {
  margin-right: 0 !important;
}

.footerAbout {
  color: black;
  width: 20%;
  position: relative;
}

.federationLogo {
  width: 100%;
  height: 100%;
  background: url("/img/federation.png") 105% -10% no-repeat;
  background-size: 80%;
}

.allRights {
  text-align: right;
  font-size: 0.8vw;
  font-weight: 500;
  position: absolute;
  color: #7d7d7d;
  bottom: 13%;
  right: 0;
  margin-bottom: 0;
}

.smallText {
  font-size: 1.3vw;
}

.smallText2 {
  font-size: 0.85vw;
  font-weight: 500;
  color: var(--mainBlue);
}

.smallText2. p {
  font-size: 0.85vw;
  font-weight: 500;
  color: var(--mainBlue);
}

.footerEmailSection .emailInput,
.footerEmailSection .emailLabel {
  color: var(--mainBlue);
  opacity: 1;
}

.footerEmailSection {
  margin-top: 0;
}

.footerMenuList .subscribeButton {
  padding: 6% 0 !important;
  font-size: 0.7vw;
  font-weight: 500;
}

.footerEmailSection .emailLabel {
  transform: translateY(105%);
}

.footerEmailSection .emailInput {
  border-bottom-color: var(--mainBlue);
}

.burger-wrapper {
  display: none;
}

.menuContainer {
  display: none;
}

.hideWhenDesktop {
  display: none;
}

/*----------------------Footer----------------------*/

/* #upcomingCompetitionsContainer .exploreCompetition,
#pastCompetitionsContainer .exploreCompetition {
  display: none;
} */

.hideExploreBtn {
  display: none;
}

.linkActive {
  pointer-events: all;
}

.loginButton {
  color: var(--mainYellow) !important;
}

/*.hide-on-mobile {*/
/*  display: block;*/
/*}*/

/*.hide-on-desktop {*/
/*  display: none;*/
/*}*/

/*Form Page*/

.form-page .wizard label.error {
  position: absolute;
  bottom: -21px;
  left: 0px;
  color: red;
  font-size: 8px;
  padding: 0;
  cursor: default;
  background: transparent;
}

.form-page .wizard-add {
  position: absolute;
  right: 2em;
  bottom: 2em;
  color: white;
  background-color: var(--mainBlue);
  padding: 0.5em 1em;
  cursor: pointer;
  font-size: 1vw;
}

.form-page {
  padding-top: 140px;
  min-height: 100vh;
}

.form-page h2 {
  font-size: 2vw;
  font-weight: bold;
  /*margin-bottom: 60px;*/
  margin-top: 0;
}

.form-page h4 {
  font-weight: bold;
  margin-top: 45px;
  font-size: 1.2vw;
}

.form-page .wizard {
  display: flex;
}

.form-page .wizard .content {
  order: 1;
  padding-left: 7.5%;
  width: 67%;
}

.form-page .education-form {
  border: 1px dashed var(--mainBlue);
  padding: 1em 2em;
  position: relative;
}

.form-page .wizard .steps {
  order: 2;
  position: fixed;
  right: 0;
  width: 30vw;
  top: 60px;
  background-color: var(--backgroundGrey);
  border-left: 8px solid var(--mainYellow);
  overflow-y: auto;
  height: calc(100vh - 60px);
  z-index: 100;
}

.form-page .wizard .steps ul {
  position: relative;
  top: 60%;
  transform: translateY(-90%);
  padding-left: 25%;
}

.form-page .wizard .steps ul li {
  position: relative;
  padding: 0.5em 0;
  font-size: 1.1vw;
  font-weight: 600;
}

.form-page .wizard .steps ul li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(/img/icons/checked-icon.svg);
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  left: -10%;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}

.form-page .wizard .steps ul li::after {
  content: "";
  position: absolute;
  left: -35%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 20%;
  background-color: var(--mainYellow);
  opacity: 0;
}

.form-page .wizard .steps ul li.done::before {
  opacity: 1;
}

.form-page .wizard .steps ul li.current::after {
  opacity: 1;
}

.form-page .wizard .actions {
  order: 3;
  position: fixed;
  right: 0;
  z-index: 101;
  bottom: 0;
  width: 30%;
}

.form-page .wizard .actions ul li {
  display: inline-block;
  background-color: var(--mainYellow);
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1vw;
  margin: 5px;
  position: relative;
}

.form-page .wizard .actions ul li.disabled {
  opacity: 0.4;
}

.form-page .wizard .actions ul {
  text-align: center;
}

.form-page .wizard .steps,
label {
  color: grey;
}

.form-page .wizard label {
  font-size: 0.8vw;
}

.form-page .wizard .steps .number,
.audible {
  display: none;
}

.form-page .wizard .steps .current {
  color: var(--mainBlue);
}

.form-page .wizard-group {
  width: 25%;
  margin-right: 30px;
  position: relative;
}

.form-page .wizard-wrapper {
  display: flex;
  margin-bottom: 25px;
}

.form-page input,
select {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--mainBlue);
  border-radius: 0;
  width: 100%;
}

.form-page #example-form .my-select {
  display: block !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: url(/img/icons/arrow-down.svg);
  background-position: 105% center;
  -webkit-background-size: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
}

.form-page #example-form .my-select:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--mainBlue);
  border-radius: 0;
  width: 100%;
}

.form-page .wizard-radio {
  display: inline-block;
  margin-bottom: 0;
}

.form-page .wizard-radio label {
  color: var(--mainBlue);
  background-color: var(--backgroundGrey);
  padding: 3px 5px;
  cursor: pointer;
}

.form-page .wizard-radio input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  transform: scale(0);
  display: block;
  overflow: hidden;
}

.form-page .wizard-radio input:checked + label {
  color: white;
  background-color: var(--mainBlue);
}

.education-block {
  margin-top: 1.5em;
  background: var(--backgroundGrey);
  padding: 1em 2em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5em;
}

.education-block h5 {
  font-size: 1.3vw;
  font-weight: 600;
}

.education-block span {
  font-size: 0.8vw;
  color: gray;
  font-weight: 500;
}

.education-block h6 {
  font-size: 1vw;
  font-weight: 600;
  margin-bottom: 0;
}

.education-block .wizard-delete {
  display: flex;
  align-items: center;
  background-color: var(--mainGreyDark);
  cursor: pointer;
  padding: 0.5em 1em;
}

.education-block .wizard-delete i {
  font-size: 0.9vw;
}

.education-block .wizard-delete span {
  color: var(--mainBlue);
}

.form-page .video-link-card {
  border: 1px dashed;
  padding: 2em 2em;
  position: relative;
}

.form-page .video-link-add {
  position: absolute;
  bottom: -10%;
  color: white;
  background-color: var(--mainBlue);
  padding: 0.5em 1em;
  cursor: pointer;
  font-size: 1vw;
  left: 50%;
  transform: translateX(-50%);
}

.form-page .video-link-card-added {
  margin-left: 10%;
  background: var(--backgroundGrey);
  position: relative;
  /*height: 32.5vh;*/
}

.form-page .video-link-card-added-container {
  padding-left: 10%;
}

.form-page .video-link-card-added-container h5 {
  font-size: 1vw;
  font-weight: 600;
  padding: 6% 0%;
  margin: 0;
}

.form-page .video-link-card-added .img {
  padding-top: 48%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 75%;
  position: relative;
  left: -10%;
  bottom: -3%;
}

.video-link-card-delete {
  position: absolute;
  right: 2em;
  font-size: 0.8vw;
  display: flex;
  align-items: center;
  background-color: var(--mainGreyDark);
  cursor: pointer;
  padding: 0.5em 1em;
  bottom: 2em;
}

.video-link-card-delete i {
  font-size: 0.9vw;
}

.dropify-wrapper,
.dropify-wrapper .dropify-clear {
  font-family: inherit;
}

.video-link-card-info {
  position: absolute;
  right: 1em;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1vw;
}

.thank-you-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  text-align: center;
  z-index: -100000000;
  /*display: none;*/
}

.thank-you-popup.show {
  z-index: 100000000;
  display: flex !important;
}

.thank-you-popup.show::after {
  opacity: 1;
}

.thank-you-popup::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #808080db;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.thank-you-popup-wrapper {
  background: white;
  padding: 3em;
  width: 50%;
  position: relative;
  z-index: 1;
  transform: translateY(-50px);
  opacity: 0;
  transition: all 0.3s linear;
}

.thank-you-popup.show .thank-you-popup-wrapper {
  opacity: 1;
  transform: translateY(0);
}

.thank-you-popup-wrapper h6 {
  text-transform: uppercase;
  font-size: 2vw;
}

.thank-you-popup-wrapper button {
  background-color: var(--mainBlue);
  color: white;
  padding: 1em 2em;
  font-size: 1.1vw;
  margin-top: 5%;
}

.form-page .modal-content {
  border: none;
}

.form-page .modal {
  height: auto;
  top: 20% !important;
}

.fz-1vw {
  font-size: 1vw !important;
}

.documents label.error {
  bottom: 0 !important;
  left: 10px !important;
  font-size: 10px !important;
}

.add-article {
  display: flex;
  font-size: 1vw;
  align-items: center;
  background-color: var(--mainBlue);
  color: white;
  padding: 0.5em 0.8em;
  cursor: pointer;
  justify-content: space-between;
}

.add-article i {
  font-size: 1.1vw;
  margin-right: 0.6em;
}

.error-toast.toast {
  background-color: #c62828;
  padding: 10px 10px;
}

.error-toast i {
  margin-right: 10px;
}

.form-page .wizard .actions ul li.loader:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--mainYellow);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.form-page .wizard .actions ul li.loader:before {
  content: "";
  background-image: url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==");
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.pay-btn {
  font-size: 13px;
  align-items: center;
  background-color: var(--mainBlue);
  color: white !important;
  padding: 0.8em 0.8em;
  cursor: pointer;
  justify-content: space-between;
  text-transform: uppercase;
  width: 120px;
  margin: 0 auto;
  text-align: center;
}
.paid-success-text {
  font-size: 25px;
  color: green;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 60px;
  display: none;
}
.paid-success-text .material-icons {
  font-size: 30px;
}
.wizard-wrapper.remove-wizard-doc {
  display: none;
}
.form-page .wizard-wrapper.pay-wizard {
  display: none;
}
.show {
  display: block !important;
}

@media only screen and (max-device-width: 1024px) {

  /*.hide-on-mobile {*/
  /*  display: none;*/
  /*}*/

  /*.hide-on-desktop {*/
  /*  display: block;*/
  /*}*/

  body,
  #rules {
    overflow-x: hidden !important;
  }

  .left-aside {
    display: none;
  }

  #header {
    width: 101%;
    left: -2px;
  }

  .slideInfo {
    padding-bottom: 30%;
    width: 100%;
  }

  .slideTitle {
    font-size: 4vw;
  }

  .slideInfo p:nth-of-type(2) {
    margin: 2% 0 2% 0;
  }

  .headerLinks {
    width: 80%;
  }

  .swiper-pagination {
    right: 25% !important;
    bottom: 11% !important;
    width: 15% !important;
  }

  .rightArrow,
  .leftArrow {
    bottom: 10%;
  }

  .leftArrow {
    right: 50%;
  }

  .rightArrow {
    right: 12%;
  }

  .secondBlock {
    justify-content: flex-start;
    align-items: unset;
  }

  .secondBlock > div {
    height: 100%;
  }

  .secondBlock .subscribeBlock {
    padding: 3% 7.5%;
  }

  .emailLabel {
    transform: translateY(138%);
  }

  .participantsLastSection {
    width: 60% !important;
  }

  .slideDescription {
    width: 90%;
  }

  .checkRulesLinkText * {
    font-size: 1.4vw !important;
  }

  .socialIconsText,
  .subscribeButton,
  .infoButton span,
  .applyButton,
  .participantsLastSection,
  .allRights {
    font-size: 1.3vw;
  }

  .socialIconsText {
    letter-spacing: 0;
  }

  .infoBlockText,
  .subscribeSubtitle,
  .emailLabel,
  .instrument,
  .emailInput,
  .participantsInfo,
  .newsItemDate,
  .exploreCompetition,
  .newsItemDesc,
  .contactsPhone,
  .contactsEmail,
  .contactsDirectory,
  .footerMenuList,
  .competitionInfoText p {
    font-size: 1.5vw;
  }

  /* .competitionsBanner .exploreCompetition {
    font-size: 1vw;
  } */
  .headerLinks a,
  .swiper-pagination-bullet,
  .infoBlockThinTitle {
    font-size: 1.2vw;
  }

  .newsItemTitle {
    font-size: 1.8vw;
  }

  .slideDescription,
  .whatAreULookingTitle {
    font-size: 2vw;
  }

  .contactsTitle,
  .blockContent .blockDescBold {
    font-size: 2.2vw;
  }

  .subscribeTitle,
  .stayHomeSmallTitle {
    font-size: 2.5vw;
  }

  /* .infoButton {
    margin-top: 5%;
    width: 65%;
  } */
  .secondBlock {
    margin-bottom: 5%;
  }

  .participantsLastSection svg {
    width: 3.4vw;
  }

  .videoBlockContent {
    height: 22vh !important;
  }

  .newsItems {
    flex-wrap: wrap;
  }

  .newsItem {
    width: 49%;
  }

  .contacts {
    width: 30%;
    padding-right: 2%;
  }

  .whatAreULooking {
    width: 50%;
  }

  .federationLogo {
    background-size: 80%;
    background-position: 105% 0%;
  }

  .footerMenuList ul:first-child {
    margin-right: 4vw;
  }

  .competitionsBannerCover .coverImg {
    box-shadow: -3vw 2vh 0 0 var(--backgroundGrey);
  }

  .competitionItem {
    width: 46.5%;
    height: 20vh;
    margin: 5% 1.3% 5% 2vw;
    padding: 3.3vh 2vw 2.5vh 2vw;
  }

  .competitionItemCover {
    bottom: 6vh;
  }

  .upcomingCompetitions::before,
  .pastCompetitions::before {
    height: 100%;
  }

  .pastCompetitions::before {
    background-color: lightgrey;
  }

  .competitionItem:nth-child(2n) {
    margin-right: 0 !important;
  }

  .competitionItem:nth-child(3n) {
    margin-right: 1.3%;
  }

  .competitionButton.news-end {
    display: none;
  }

  .competitionsList {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .filterButtons {
    width: 55%;
  }

  .competitionInner,
  .competitionInnerBody {
    padding-left: 7.5%;
  }

  .topBlockInnerCompetition {
    padding-top: 10vh !important;
  }

  .competitionInnerTitle,
  .blockNumber {
    font-size: 6vw;
  }

  .participateItem > p {
    font-size: 5vw;
  }

  .blockContent .blockTitle {
    font-size: 4vw;
  }

  .nav-link p,
  .ruleTitle {
    font-size: 3vw;
  }

  .nominations {
    font-size: 2.5vw;
  }

  .repertoireGroupNum::before {
    font-size: 2vw;
  }

  .repertoireGroupSubtitle,
  .repertoireGroupInfo .artistName {
    font-size: 1.8vw;
  }

  .repertoireItem {
    font-size: 1.6vw;
  }

  .smallText2,
  .ruleLink,
  .nominationList p,
  .blockContent .blockDesc,
  .winnerName {
    font-size: 1.5vw;
  }

  .awardsConceptItem.firstAwardsConceptItem .conceptItemIcon.icon2,
  .winnerCountry {
    font-size: 1.4vw;
  }

  .conceptItemInfo p:first-of-type,
  .calendarTime,
  .exploreCalendar {
    font-size: 1.3vw;
  }

  .filterButtons div,
  .calendarMonth,
  .winnerPosition {
    font-size: 1.2vw;
  }

  .calendarState {
    font-size: 1.1vw;
  }

  .afterTopContent {
    padding-top: 3vh !important;
  }

  #schedule {
    padding-top: 5vh;
    padding-right: 7.5%;
  }

  .nav-item {
    width: calc(100% / 4);
  }

  .awardsTopBlock {
    height: 22vh;
  }

  .awardsTopBlock2021 {
    height: 45vh;
  }

  .competitionInnerBody {
    padding-top: 7vh;
  }

  .ruleLink::after {
    height: 14px;
  }

  .juryAndContestants > div {
    padding: 10% 6% 9%;
  }

  .participateItemInfo {
    font-size: 1.5vw;
    min-height: 65%;
  }

  .digitalParticipate {
    height: 15vh;
  }

  .competitionInnerBody .stayTuned .leftBackground::after {
    height: 15vh;
  }

  .my-collapse-btn {
    font-size: 2vw !important;
  }

  .my-collapse-btn::after {
    top: 30% !important;
    right: -2rem !important;
    width: 1.3vw !important;
    height: 1.3vw !important;
  }

  .calendarItem .calendarDate {
    width: 6vw;
    height: 6vw;
  }

  .calendarItem {
    height: auto;
    margin-bottom: 2.5rem !important;
  }

  .winnersBlockTitle {
    width: 100%;
  }

  .generalRulesBlock .nav-item {
    width: 65%;
  }

  .rulesTabTitle {
    font-size: 3vw;
  }

  .rulesTabSubtitle {
    width: unset;
    font-size: 2.5vw;
  }

  #cookiesNotice {
    height: 15%;
  }

  .cookieText {
    width: 75%;
  }

  #cookiesNotice p,
  #closeCookies {
    font-size: 2.1vw;
  }

  .mobileAboutContainer {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 7%;
  }

  .about-section p,
  .about-page .title span {
    font-size: 2vw !important;
  }

  /* .about-section h4 {
    font-size: 5vw !important;
  } */

  .my-collapse-text.collapse:not(.show) {
    height: 12rem !important;
  }

  .news-single-text .date,
  .event-single-text h5,
  .event-single-text .read-more,
  .news-page .title span,
  .news-page .title-small span,
  .event-single-text .date {
    font-size: 2vw !important;
  }

  .news-single-text .read-more {
    font-size: 1.9vw !important;
  }

  .news-single-text p,
  .news-end button {
    font-size: 1.7vw;
  }

  .event-single-text .date,
  .event-single-text .open-gallery {
    font-size: 1.5vw !important;
  }

  .event-single-img span:nth-of-type(2) {
    font-size: 1.4vw !important;
  }

  .news-single-text h4,
  .news-single-text h3,
  .event-single-img span:nth-of-type(1) {
    font-size: 3vw !important;
  }

  .news-inner-banner h1,
  .news-body-content h4 {
    font-size: 2.5vw !important;
  }

  .news-inner-banner span {
    font-size: 2vw !important;
  }

  .news-body-content p {
    font-size: 1.6vw !important;
  }

  .mediaInnerSocials h5 {
    font-size: 1.4vw !important;
  }

  .mediaInnerSocials {
    right: 4% !important;
  }

  .winners {
    padding-left: 7.5%;
    padding-top: 12vh;
  }

  .winnersBody {
    margin-bottom: 10vh;
  }

  .winnersBodyContent .winnerPosition {
    font-size: 1.7vw;
  }

  .winnersBodyContent .winnerName {
    font-size: 2vw;
  }

  .winnersBodyContent .winnerCountry {
    font-size: 1.6vw;
  }

  .winnerCover {
    padding-top: 80%;
  }

  .winnersYear {
    font-size: 8vw;
    color: var(--mainYellow);
  }

  .winnersInstrument {
    font-size: 3vw;
  }

  .winnerItem {
    width: 44%;
  }

  .winnerItem:not(:nth-child(3n)) {
    margin-right: inherit;
  }

  .winnerItem:not(:nth-child(2n)) {
    margin-right: 12%;
  }

  .calendar-section .event-title p {
    font-size: 2vw;
  }

  .calendar-section .event-title h2 {
    font-size: 6vw;
  }

  .calendar-event .event-date span:nth-of-type(1) {
    font-size: 3vw;
    line-height: 3vw;
  }

  .calendar-event .event-date span:nth-of-type(2) {
    font-size: 1.4vw;
    line-height: 1rem;
  }

  .calendar-event .event-body h3 {
    font-size: 2.5vw;
  }

  .calendar-event .event-time {
    font-size: 1.5vw !important;
  }

  .calendar-event .event-body p {
    font-size: 1.7vw !important;
  }

  .mobileWidth35 {
    webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .mobileWidth60 {
    webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .blockInfo {
    width: 100%;
  }

  .calendarDesc {
    font-size: 1.4vw;
  }

/* Form page */
   /* Personal Details */
  .form-page .competitionThinTitle {
    font-size: 1.19vw;
  }

  .form-page .wizard {
    flex-direction: column;
  }

  .form-page .wizard .steps {
    display: none;
  }

  .form-page .wizard .content {
    padding: 0 7.5%;
    width: 100%;
  }

  .form-page .wizard .actions {
    position: unset;
    width: 100%;
    padding: 0 7.5%;
    margin-top: 50px;
  }

  .form-page .wizard .actions ul {
    text-align: end;
  }

  .form-page .wizard .actions ul li {
    font-size: 1.5vw;
    padding: 15px 25px;
    margin: 6px;
  }

  .form-page .wizard-wrapper {
    justify-content: space-between;
  }

  .form-page .wizard-add {
    font-size: 1.2vw;
  }

  .form-page h2 {
    font-size: 2.5vw;
  }

  .form-page .wizard label {
    font-size: 1.1vw;
  }

  .form-page input, select {
    font-size: 1.7vw;
    background-color: white;
  }

  .form-page .wizard-radio label{
    font-size: 1.2vw;
  }

  .form-page h4 {
    font-size: 1.5vw;
  }

   /* Music Studies */
  #education-section .education-form .wizard-wrapper {
    justify-content: start;
  }

  /* Primary Audition */
  .form-page .video-link-add {
    font-size: 1.2vw;
  }

  /* Program */
  .fz-1vw {
    font-size: 1.2vw!important;
  }
}

@media only screen and (max-device-width: 768px) {
  .popupBody {
    flex-direction: column;
    width: calc(100% - 30px);
    overflow-y: auto;
  }

  .popupWinnerInfo {
    width: 77%;
    height: auto;
  }

  .popupWinnerDetails {
    width: 100%;
  }

  .secondBlock .infoBlock .subscribeButton {
    font-size: 2.3vw;
  }

  .checkRulesBottom {
    height: 16vh;
  }

  .popupWinnerName {
    font-size: 1.25rem;
    margin-bottom: 0.3rem;
  }

  .conceptItemIcon {
    width: 18%;
    height: 50%;
  }

  .popupWinnerBirth {
    font-size: 1rem;
  }

  .checkRulesLinkText * {
    font-size: 2.4vw !important;
  }

  .infoBlock .exploreCompetition {
    width: 60%;
    font-size: 2.5vw;
  }

  .infoButton span,
  .applyButton {
    font-size: 2.3vw;
  }

  .popupWinnerCountry {
    font-size: 1rem;
    padding-left: 1rem;
  }

  .popupWinnerDetailsTitle {
    font-size: 1.125rem;
  }

  .popupWinnerDetailsBody .titleText {
    font-size: 0.85rem;
  }

  .popupWinnerDetailsBody p {
    font-size: 0.85rem;
  }

  .popupWinnerDetails {
    overflow-y: unset;
  }

  .calendarState {
    font-size: 1.3vw;
  }
}

@media only screen and (max-device-width: 480px) {
  body {
    overflow-x: hidden !important;
  }

  .menuContainer {
    display: block;
  }

  .burger-wrapper {
    display: flex;
  }

  .menuContainer {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100vw;
    height: 80vh;
    z-index: 999;
    visibility: hidden;
    opacity: 1;
    transition: opacity 0.5s ease, visibility 1s step-end;
  }

  .checkRulesLinkText * {
    font-size: 3vw !important;
  }

  .menuContainer.active {
    visibility: visible;
    transition: visibility 1s step-start;
  }

  .menuContainer .closableDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-color: transparent;
    transition: background-color 1s var(--timingFunction);
  }

  .menuContainer.active .closableDiv {
    background-color: rgba(0, 0, 0, 0.9);
  }

  .menuContainer::before {
    content: "";
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-101%);
    transition: transform 1s var(--timingFunction);
    z-index: 2;
  }

  .headerLinks.mobileHeaderLinks {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s ease;
  }

  .menuContainer.active .headerLinks.mobileHeaderLinks {
    transition: opacity 0.7s ease 0.5s;
    opacity: 1;
  }

  .headerLinks.mobileHeaderLinks > div:not(:last-of-type) {
    margin-bottom: 10%;
  }

  .menuContainer.active::before {
    transform: translateY(-1%);
  }

  #header {
    height: 71px !important;
    top: -1px;
  }

  .headerLogo .logo {
    padding-top: 71%;
    /*background-size: 70%;*/
  }

  .header-body {
    align-items: center;
  }

  .headerLogo {
    height: 70px;
  }

  .headerLinks {
    display: none;
  }

  .burger {
    position: relative;
    width: 35px;
    height: 7px;
    -webkit-perspective: 200px;
    perspective: 200px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .burger-wrapper {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    left: 7.5px;
  }

  .burger-itm {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .burger-itm-top {
    top: 0;
  }

  .burger-itm-bottom {
    bottom: 0;
  }

  .burger-itm::after,
  .burger-itm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mainBlue);
    opacity: 0.99;
    border-radius: 10px;
  }

  .burger-itm::before {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }

  .burger-itm::after {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .burger-wrapper:hover .burger-itm::before {
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .burger-wrapper:hover .burger-itm::after {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  }

  .burger-itm-bottom:after {
    -webkit-transform-origin: right;
    transform-origin: right;
  }

  .burger-itm-bottom:before {
    -webkit-transform-origin: left;
    transform-origin: left;
  }

  .burger.active .burger-itm-top {
    -webkit-transform: translateY(2px) rotate(45deg) translateZ(0);
    transform: translateY(2px) rotate(45deg) translateZ(0);
  }

  .burger.active .burger-itm-bottom {
    -webkit-transform: translateY(-3px) rotate(-45deg) translateZ(0);
    transform: translateY(-3px) rotate(-45deg) translateZ(0);
  }

  .swiper-pagination,
  .rightArrow,
  .leftArrow,
  .bgText {
    display: none;
  }

  .homeBanner {
    height: 70vh;
    overflow: hidden;
  }

  .slideInfo {
    padding-bottom: 20%;
  }

  .infoBlockThinTitle {
    text-align: center;
  }

  .stayHomeBigTitle,
  .participantsNum {
    font-size: 10vw;
  }

  .competitionInnerTitle,
  .blockNumber {
    font-size: 8vw;
  }

  .infoBlockBoldTitle,
  .newsTitle,
  .blockContent .blockTitle {
    font-size: 6vw;
  }

  .subscribeTitle,
  .stayHomeSmallTitle,
  .newsItemTitle {
    font-size: 5.5vw;
  }

  .slideTitle,
  .contactsTitle,
  .whatAreULookingTitle,
  .headerLinks a,
  .swiper-pagination-bullet,
  .upcomingTitle,
  .pastTitle {
    font-size: 5vw;
  }

  .nav-link p,
  .ruleTitle {
    font-size: 4vw;
  }

  .footerMenuList {
    justify-content: center;
    font-size: 3.4vw;
  }

  .slideDescription,
  .infoBlockThinTitle,
  .homeSmallText,
  .socialIconsText,
  .subscribeButton,
  .infoButton span,
  .applyButton,
  .participantsLastSection,
  .allRights,
  .infoBlockText,
  .subscribeSubtitle,
  .emailLabel,
  .emailInput,
  .participantsInfo,
  .newsItemDate,
  .newsItemDesc,
  .contactsPhone,
  .contactsEmail,
  .contactsDirectory {
    font-size: 3.8vw;
  }

  .secondBlock .infoBlock .subscribeButton {
    font-size: 3.3vw;
  }

  .instrument,
  .exploreCompetition {
    font-size: 3vw;
  }

  .competitionsBanner .exploreCompetition {
    width: 70%;
    font-size: 3.2vw;
  }

  .infoBlock .exploreCompetition {
    width: 75%;
    font-size: 5vw;
  }

  .awardsConceptItem.firstAwardsConceptItem .conceptItemIcon.icon2,
  .winnerCountry,
  .conceptItemInfo p:first-of-type,
  .calendarTime,
  .exploreCalendar,
  .conceptItemIcon.icon2 {
    font-size: 2.9vw;
  }

  .nominations,
  .repertoireGroupNum::before,
  .repertoireGroupSubtitle,
  .repertoireGroupInfo .artistName,
  .repertoireItem {
    font-size: 4vw !important;
  }

  .conceptItemIcon.icon2 {
    font-size: 3vw !important;
  }

  .infoBlockThinTitle,
  .homeSmallText,
  .infoBlockText {
    font-weight: 500;
  }

  /* .infoButton {
    display: block;
    margin: 5% auto;
    width: 100%;
  } */

  .emailInput {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
  }

  .secondBlock .subscribeBlock {
    padding: 5% 10%;
    width: 85%;
    margin: auto;
  }

  .secondBlock {
    flex-direction: column;
  }

  .secondBlock .infoBlock {
    margin-top: 0;
    width: 100%;
  }

  .participantsSection {
    flex-direction: column;
  }

  .participantsImageBlock {
    padding-top: 63%;
    width: 100%;
  }

  .participantsInfoBlock {
    width: 100%;
  }

  .participantsLastSection {
    width: 70% !important;
  }

  .participantsLastSection svg {
    width: 7vw;
  }

  .videoBlock {
    flex-direction: column;
    margin: 15% 0 10% 0;
  }

  .videoBlockInfo {
    width: 100%;
    padding: 8% 0 5% 0 !important;
    font-size: 5vw !important;
    text-align: center;
  }

  .videoBlockContent {
    width: 100%;
  }

  .newsItem {
    width: 100%;
    padding-bottom: 5%;
    margin-bottom: 10%;
  }

  .newsItem:not(:last-child) {
    border-bottom: 1px solid var(--mainGreyDark);
  }

  .footerBody {
    flex-direction: column;
    padding: 10% 7.5% 2%;
  }

  .contacts {
    margin-bottom: 5%;
  }

  .contacts,
  .whatAreULooking {
    width: 100%;
  }

  .footerMenuList ul:first-child {
    margin-right: auto;
  }

  .whatAreULookingTitle {
    text-align: left;
  }

  .footerMenuList ul {
    align-items: center;
    text-align: center;
  }

  .footerMenuList ul li {
    margin-left: auto;
    margin-right: auto;
  }

  .footerAbout {
    width: 100%;
    padding-bottom: 15%;
    margin-bottom: 10%;
  }

  .allRights {
    left: 0;
    bottom: 0;
    right: unset;
  }

  .contactsTitle {
    margin-bottom: 5%;
  }

  .competitionsBanner {
    flex-direction: column-reverse;
  }

  .competitionsBannerInfo,
  .competitionsBannerCover,
  .pastTitle,
  .filterButtons {
    width: 100%;
  }

  .competitionsBannerInfo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .competitionInfoText p {
    padding-right: 0;
    font-size: 4vw;
  }

  .competitionThinTitle {
    font-size: 4vw;
    letter-spacing: 0;
  }

  .competitionBoldTitle {
    font-size: 6.5vw;
    letter-spacing: 1px;
  }

  .competitionsBannerCover .coverImg {
    width: calc(100% - 7vw);
    margin-top: 10%;
    margin-bottom: 8%;
    box-shadow: -7vw 3vh 0 0 var(--backgroundGrey);
  }

  .upcomingTitle,
  .pastTitle {
    font-size: 5vw;
    padding: 10% 0 0 0;
  }

  .competitionItem {
    width: 100%;
    margin: 25% 1.3% 10% 2vw;
    padding: 3.3vh 2vw 2vh 2vw;
  }

  .pastFilterBlock {
    flex-direction: column;
  }

  .filterButtons {
    flex-wrap: wrap;
  }

  .filterButtons div {
    font-size: 2.5vw;
    font-weight: 600;
    min-width: 30%;
    height: 4vh;
    margin-bottom: 5%;
  }

  .competitionItemCover {
    width: 100%;
    right: 5%;
  }

  .awardsTopBlock {
    height: 60vh;
    flex-direction: column;
    justify-content: flex-end;
  }

  .awardsTopBlock2021 {
    height: auto;
    flex-direction: column;
    justify-content: flex-end;
  }

  .videoBlockContent {
    height: 27vh !important;
  }

  .awardsMainInfo {
    height: 100%;
  }

  .awardsPosition {
    height: 40%;
  }

  .awardsConcepts {
    height: 60%;
    flex-direction: column;
  }

  .awardsTopBlock2021 .awardsConcepts {
    height: 50%;
    margin: 5vw 0;
  }

  .awardsConceptItem.firstAwardsConceptItem,
  .awardsConceptItem {
    width: 100%;
    height: 30%;
    margin-bottom: 3%;
  }

  .topBlockInnerCompetition {
    padding-top: 15vh !important;
  }

  #rules {
    overflow: hidden !important;
  }

  .awardsConceptItem.firstAwardsConceptItem .conceptItemIcon.icon2,
  .conceptItemIcon.icon2 {
    width: 20% !important;
    height: 23vw;
  }

  .awardsConceptItem.firstAwardsConceptItem .conceptItemIcon,
  .conceptItemIcon {
    width: 20%;
    height: 23vw;
  }

  .conceptItemInfo {
    width: 80%;
  }

  .smallText2,
  .ruleLink,
  .nominationList p,
  .blockContent .blockDesc,
  .winnerName {
    font-size: 3.8vw;
  }

  .juryAndContestants {
    flex-direction: column;
  }

  .juryAndContestants > div {
    width: 100%;
    margin-bottom: 5%;
  }

  .juryAndContestants > div:first-of-type::after {
    top: 70%;
    left: 40%;
    width: 180%;
  }

  .digitalParticipate {
    flex-wrap: wrap;
    height: unset;
  }

  .participateItem {
    width: 48%;
    height: 25vh;
  }

  .participateItem > p {
    font-size: 7vw;
  }

  .participateItemInfo {
    font-size: 4vw;
  }

  .competitionInnerBody .stayTuned {
    flex-direction: column;
  }

  .competitionInnerBody .stayTuned .leftBackground {
    width: 116%;
    padding-top: 75%;
  }

  .stayTunedForm {
    width: 100%;
    position: relative;
  }

  .repertoireGroupNum {
    padding: 2.5%;
  }

  .my-collapse-btn {
    font-size: 4vw !important;
  }

  .my-collapse-btn::after {
    top: 25% !important;
    right: -1.2rem !important;
    width: 1.8vw !important;
    height: 1.8vw !important;
  }

  .calendarTime {
    font-size: 3vw;
  }

  .exploreCalendar {
    width: 50%;
    margin-top: 5%;
    padding-left: 5.5%;
  }

  .calendarBlock {
    flex-wrap: wrap;
  }

  .calendarItem {
    width: 90%;
    margin-bottom: 7%;
  }

  .calendarItem .calendarDate {
    width: 13vw;
    height: 8vh;
    padding: 4%;
  }

  .calendarDay {
    font-size: 5vw;
  }

  .filterButtons div,
  .calendarMonth,
  .winnerPosition,
  .calendarState {
    font-size: 3vw;
  }

  .winnerName {
    font-size: 4vw;
  }

  .winnerCountry {
    font-size: 3.8vw;
  }

  .calendarState {
    padding-top: 3%;
    padding-left: 24%;
  }

  .calendarTime {
    padding-left: 25%;
  }

  .competitionInnerBody .winnersBodyContent .winnerItem {
    width: 90%;
    margin-right: 0 !important;
    margin-bottom: 25%;
  }

  #jury .blockTitle.winnersBlockTitle {
    margin-bottom: 15%;
  }

  .competitionInnerGallery {
    flex-direction: column;
  }

  .competitionInnerGallery .item1 {
    width: 100%;
    padding-top: 50%;
  }

  .competitionInnerGallery .item2 {
    width: 100%;
    margin: 5% 0;
    flex-direction: row;
  }

  .competitionInnerGallery .item2 div {
    width: 47.5%;
    padding-top: 50%;
  }

  .competitionInnerGallery .item3 {
    width: 100%;
    padding-top: 70%;
  }

  .item3Layer {
    font-size: 4vw;
  }

  .item3Layer p:first-of-type {
    font-size: 10vw;
  }

  .calendarBlock {
    margin-left: 5%;
  }

  .rulesTabTitle {
    font-size: 4.5vw;
  }

  .rulesTabSubtitle {
    width: unset;
    font-size: 4vw;
  }

  .rulesTabSubtitle::before {
    width: 30%;
  }

  .cookieText {
    width: 60%;
  }

  #closeCookies {
    width: 25%;
    padding: 2% 3%;
    margin-top: 4px;
  }

  #cookiesNotice {
    justify-content: space-between;
    align-items: center;
    /* padding-top: 5%; */
    height: 28%;
  }

  #cookiesNotice p,
  #closeCookies {
    font-size: 3vw;
  }

  .federationLogo {
    background: url("/img/federation.png") bottom left no-repeat;
    background-size: contain;
    padding-top: 40%;
  }

  .about-section p,
  .about-page .title span {
    font-size: 4vw !important;
  }

  .trustee-text p {
    font-size: 3.5vw;
  }

  .my-collapse-text.collapse:not(.show) {
    height: 0 !important;
  }

  .honoraries {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hideWhenDesktop {
    display: flex !important;
  }

  .hideWhenMobile {
    display: none !important;
  }

  .news-single-text .date,
  .event-single-text h5,
  .event-single-text .read-more,
  .news-page .title span,
  .news-page .title-small span,
  .event-single-text .date,
  .event-single-text .date,
  .event-single-text .open-gallery,
  .news-single-text h4,
  .news-single-text h3,
  .event-single-img span:nth-of-type(1),
  .news-single-text p,
  .news-single-text .read-more,
  .news-single-text p,
  .news-end button {
    font-size: 4vw !important;
  }

  .news-single-img {
    width: 90% !important;
  }

  .news-single-text.with-image {
    margin-left: 10% !important;
    width: 90%;
  }

  .news-single-text {
    width: 100%;
  }

  .event-single {
    margin-bottom: 10%;
  }

  .event-single.version2 .event-single-text {
    margin-right: -20% !important;
  }

  .news-inner-banner h1,
  .news-body-content h4 {
    font-size: 5vw !important;
  }

  .news-inner-banner span,
  .news-body-content p {
    font-size: 4vw !important;
  }

  .winnersBodyTitle {
    top: -6vh;
  }

  .winnersInstrument {
    font-size: 4vw;
  }

  .winnerItem {
    width: 95%;
    margin-bottom: 30%;
  }

  .winnerItem:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .winnersBodyContent .winnerPosition,
  .winnersBodyContent .winnerCountry {
    font-size: 3.5vw;
  }

  .winnersBodyContent .winnerName {
    font-size: 4vw;
  }

  .calendar-page .title h1 {
    font-size: 8vw;
    margin-top: 30%;
  }

  .calendar-section .event-title h2 {
    font-size: 10vw !important;
  }

  .calendar-page .title span,
  .calendar-section .event-title p,
  .calendar-event .event-body h3 {
    font-size: 4vw !important;
  }

  .calendar-section .event-title {
    margin: 10% 0 20% !important;
  }

  .mobileAboutContainer .calendar-section:first-of-type {
    padding-left: 15%;
  }

  .bottomPadding {
    padding-bottom: 20% !important;
  }

  .calendar-event::before,
  .calendar-event::after {
    left: -20% !important;
  }

  .calendar-event .event-date {
    padding: 10px 15px !important;
  }

  .mobileWidth35,
  .mobileWidth60 {
    display: flex;
    webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .calendar-event .event-time,
  .calendar-event .event-body p {
    font-size: 4vw !important;
  }

  .calendar-event .event-body h3 {
    margin-left: 15% !important;
  }

  .calendarItem:not(:nth-child(3n)) {
    margin-right: 0;
  }

  #schedule .calendarItem {
    width: 100%;
  }

  #schedule .calendarItem .calendarDate {
    height: 15vw;
    width: 15vw;
  }

  #schedule .calendarDesc {
    font-size: 3vw;
  }

  #schedule .exploreCalendar {
    width: 60%;
  }

  #program .repertoireItem {
    height: unset;
  }

  /* Form page */
  /* Buttons of Form */
  .form-page .wizard .actions {
    width: 100%;
    position: unset;
    margin-top: 50px;
  }

  .form-page .wizard .actions ul {
    text-align: center;
  }

  .form-page .wizard .actions ul li {
    font-size: 3vw;
    padding: 10px 20px;
    margin: 6px;
  }

  /* Personal Details */
  .form-page .competitionThinTitle {
    font-size: 3.5vw;
  }

  .form-page #example-form .my-select {
    background-size: 55px;
  }

  .form-page .wizard-wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }

  .form-page .wizard-group {
    width: 100%;
    margin-top: 10px;
  }

  .form-page .wizard-radio label{
    font-size: 2.5vw;
  }

  .form-page .wizard {
    flex-direction: column;
  }

  .form-page .wizard .content {
    padding: 0 7%;
  }

  .form-page .wizard label {
    font-size: 2.5vw;
  }

  .form-page h2 {
    font-size: 4.5vw;
  }

  .form-page input, select {
    font-size: 3vw;
    background-color: white;
  }

  .form-page h4 {
    font-size: 4.5vw;
  }

  /* Music Studies */
  #education-section .education-form .wizard-wrapper {
    justify-content: start;
  }

  .form-page .wizard-add {
    position: unset;
    width: 9vw;
    font-size: 2vw;
    margin-top: 1.5rem;
  }

  /* Primary audition */
  div #videoLinkBlock {
    display: flex;
    flex-direction: column;
  }

  .form-page .video-link-add {
    bottom: -8%;
    font-size: 2vw;
  }

  .col-6 {
    max-width: none;
  }

  /* Program */
  .fz-1vw {
    font-size: 2.5vw!important;
  }
}