.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.alignCenter { text-align: center; }

body {
  font: 14px Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: #00B7FF;
}

header {
  /* width: 100%; */
  position: relative;
  margin: 0;
  padding: 0;
}

header img {
  width: 100%;
  margin: 0;
  padding:0;
  opacity: 1; /* Установлено начальное состояние видимости */
  transition: opacity 900ms ease-in-out; /* 1500ms * 0.6 = 900ms */
}

.attention {
	position: absolute;
	bottom: 10vh;
	width: 100%;
	
}

.attention-text {
	background: white;
	padding: 18px;
	border: 4px solid white;
	border-radius: 28px;
	margin: 0 auto;
  width: 300px;
}

.pressrelease {
  font-size: 24px;
  background-color: black;
  color: white;
  padding: 100px 15%;
  margin: 0; 
}

.buy-ticket-button-long {
  margin: 0px auto;
  position: absolute;
  text-align: center;
  top: 14%;
  width: 100%;
  /* left: 23%; */
  min-width: 300px;
}

.buy-ticket-button-long a {
  font-size: 14px;
  color: #FBFBFB;
  text-decoration: none;
  text-align: center;
  background: #D80407;
  padding: 16px 48px;
  border: 4px solid #D80407;
  border-radius: 28px;
  font-weight: bold;
  text-transform: uppercase;
}

.buy-ticket-button-simple {
  margin: 0px auto 60px auto;
  text-align: center;
  width: 100%;
}

.buy-ticket-button-simple a {
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: #D80407;
  padding: 20px 91px;
  border: 0cm solid #D80407;
  border-radius: 28px;
  font-weight: bold;
}


.buy-ticket-button-simple a:hover {
  background: white;
  color: #d71a20;
  border: 0px solid white;
  transition: background 60ms ease-out 0s; /* 100ms * 0.6 = 60ms */
}


.videos {
  width: 80%;
  margin: 30px auto;
}

.video {
  width: 46%;
  text-align: center;
  float: left;
}

.video:nth-child(even) {
  margin: 30px 4% 30px 0;
}

.video:nth-child(odd) {
  margin: 30px 0 30px 4%;
}

.fancybox-slide--iframe .fancybox-content {
	padding: 40px !important;
}

.socialLink {
  height: 40px;
  margin: 4px;
}

.map {
  margin-top: 50px;
}

.fade-in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 600ms ease-out, transform 600ms ease-out; /* 1000ms * 0.6 = 600ms */
}

.pressrelease, .videos, .map {
  opacity: 1; /* Установлено начальное состояние видимости */
  transform: translateY(0);
}

/* Animation helpers */
.hidden-before-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 420ms ease-out, transform 420ms ease-out; /* 700ms * 0.6 = 420ms */
  will-change: opacity, transform;
}

/* Ensure fade-in overrides initial hidden state when applied */
.fade-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Header and button initial states */
header img.hidden-before-scroll {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 540ms ease-out, transform 540ms ease-out; /* 900ms * 0.6 = 540ms */
}

.buy-ticket-button-long.hidden-before-scroll {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 480ms ease-out, transform 480ms ease-out; /* 800ms * 0.6 = 480ms */
}

/* When fade-in applied, ensure visible */
header img.fade-in,
.buy-ticket-button-long.fade-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@media (max-width : 1024px) {
  .buy-ticket-button-long {
    bottom: 22vh;
  }

  .buy-ticket-button-long a {
    margin-left: 4%;
  }
}

@media (max-width : 1366px) and (max-height: 1024px) {
  .buy-ticket-button-long {
    bottom: 26vh;
  }

  .buy-ticket-button-long a {
    margin-left: 4%;
  }
}

/* @media (max-width : 1366px) and (max-height: 768px) {
  .buy-ticket-button-long {
    bottom: 30vh;
  }

  .buy-ticket-button-long a {
    margin-left: 4%;
  }
} */

@media (max-width : 640px) {

	.attention-text {
		display: none;
	}
  
	.pressrelease {
		/* width: 90%; */
		margin: 0 auto;
    font-size: 16px;
    padding: 16px;
	}

  .buy-ticket-button-simple {
  margin: 8px auto 40px auto;
  text-align: center;
  width: 100%;
}

.buy-ticket-button-simple a {
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: black;
  padding: 12px 24px;
  border: 4px solid white;
  border-radius: 28px;
  font-weight: bold;
}

	.buy-ticket-button-long {
		/* margin: 0px auto;
		position: absolute;
		text-align: center;
		top: 6vh;
    width: 100%; */
    display: none;
	}

	.buy-ticket-button-long a {
		/* margin-left: 30%;
	  font-size: 14px;
    padding: 6px 20px;
	  border-radius: 28px;
	  font-weight: bold; */
		pointer-events: auto; /* placeholder to avoid empty ruleset lint */
	}

	.buy-ticket-button-long a:hover {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	  }
  
  /* .videos { width: 92%; } */
  .video {
    /*border: 1px solid #ccc;*/
    width: 100%;
    margin: 10px 0 !important;
    text-align: center;
  }

  .fancybox-iframe {
    z-index: 9999;
  }

  .fancybox-slide--iframe .fancybox-content {
    padding: 0 10px !important;
    width  : 100% !important;
    height : 100% !important;
    margin: 0;
    max-width: 100% !important;
    max-height: 100% !important;
  }
}