@font-face {
  font-family: "RF";
  font-display: swap;
  src: url("../fonts/RFDewi-Regular.woff2") format("woff2");
}


@font-face {
  font-family: "RF-Black";
  font-display: swap;
  src: url("../fonts/RFDewi-Black.woff2") format("woff2");
}

* {
  font-family: "RF";
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


body {
  background: black;
  color: white;
}

.site-header {
	background: #000;
	color: #fff;
	font-size: 1rem;
	width: 100%;
	position: relative;
	z-index: 1000;
}



.site-header-main {
	background: #000;
	border-bottom: 1px solid  #454545;
	padding: 0rem 0;
}
.site-logo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.site-logo img {
	display: block;
}

.site-social a {
	width:72px;height:72px; display: flex;align-items: center;justify-content: center; 
	border-left:1px solid #454545
}
.site-social a:last-child {
	border-right: 1px solid #454545;
}
.site-social a:hover {
	background: #f00;
}




.site-header__buttons{display: flex}
.site-header__buttons a{display:block;padding:15px 36px;color:#fff;font-size: .9125rem; text-decoration: none;text-align: center; border:1px solid #454545;margin:0px 0; border-width: 0 1px 0 1px;height: 72px; }
.site-header__buttons a:hover{background:#f00}
.site-header__buttons a:last-child{border-width: 0 1px 0 0}
.b {
    border: 1px solid rgba(69, 69, 69, 1);
}
.p-7{padding:1.75rem}
hr{border-top: 1px solid rgba(69, 69, 69, 1); height:0;width:100%;opacity: 1;margin:0}
a{color:#f00}
a:hover{color:#FFF}
.btn{ color:#fff;background: #f00; border-radius: 0; border:none;width:fit-content;text-transform: none; padding:1rem 2.75rem; text-align: center; text-transform: uppercase}
.btn:hover, .btn:active, .btn:focus{background:#CC0000}
.btn-primary{padding:1.25rem 7rem;font-size:1rem; font-size: 1.25rem}
.btn-secondary{background:#3390EC; color:#fff;}
.btn-secondary:hover, .btn:active, .btn:focus{background:#157EE8; color:#fff;}
section{padding:3rem 0}
h2{text-align: center;font-size: 2rem; text-transform: uppercase; font-weight: 600;margin-bottom: 2rem}


.b-intro{min-height: clamp(580px, 100vh, 1000px); height:auto; background:url("../images/bg-lines.png")  105% bottom  no-repeat;background-size: auto 100%;padding-top:4rem; padding-bottom: 0;
display: flex;align-items: center}
.intro__headline, .intro__subline{transform: skew(0,-8deg);
	 display: flex; flex-direction: column}
.intro__headline:after{display: block;height:4cqw;content:''}
.intro__headline h1{text-align: center;white-space: nowrap; font-size: clamp(1rem, 10cqw, 10.5rem); font-weight:800;color:#f00; text-transform: uppercase; line-height: .8; font-family: "RF-Black"; margin-bottom: 0}
.intro__headline h1 span{font-size:2.75rem;font-weight:600;color:#fff;display:block;text-indent:clamp(1rem, 15.5cqw, 11rem); line-height:.8; text-align: left}
.intro__headline p{margin-left:auto;font-size: 1rem;color:#fff;text-transform: uppercase;padding-right:clamp(1rem, 11cqw, 6.5rem)}
.intro__subline{font-size:2rem;font-weight:600;color:#fff;display:block;text-align: center;line-height:1; text-transform: uppercase; line-height: 1.2}
.intro__subline span{color:#f00}
.intro__details{color:#9CA3AF;font-size: 1rem; text-decoration: none; display: block; text-align: center;width:fit-content}
.intro__details ins{display:block;margin:0 auto;font-style:normal;animation: updown .5s linear infinite;text-decoration: none}
.intro__prize-img{max-width: 100%;width:90%;position: absolute;bottom:7%;right:0}
@keyframes updown{
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(50%);}
}
.b-intro .btn-primary{margin:3rem 0}


.text-xl{font-size: 1.125rem}
p.notice{margin-bottom:0;color:#DADADA; font-size:.7125rem}
p.notice a{text-decoration: underline; color:#fff}
.img-fullheight-cover{ width:100%;height: 100%; object-fit: cover}



.stickers-list--item{text-align: center;padding:1.375rem; border:1px solid rgba(69, 69, 69, 1);margin-bottom: 1.5rem}
.stickers-list--item--hidden{display:none}


.stickers-list--item img{width:65%;aspect-ration:1/1;margin: 0 auto; display: block;margin-bottom: 1rem}

.stickers-list--item .btn{text-transform: uppercase}
.stickers-list--item-price{color:#fff;font-size:1.5rem;font-weight: bold;margin-bottom: 0}
.stickers-list--item-price var{color:#f00; font-style:normal}
.stickers-list--item-notice{margin-bottom:0;color:#DADADA; font-size:.7125rem;max-width:90%}
.stickers-list--item-notice a{text-decoration: underline; color:#fff}
.stickers-list--item-stock{color:#fff;font-size: 1.125rem;}
.stickers-list--item-stock var{font-style: normal}

.details__period{color:#fff;font-size:1.125rem;margin-bottom: 0}

.b-details .btn{margin:1rem auto; width:100%;}
.b-details .btn-show-more{width:fit-content;display:block;margin:0 auto;min-width:32%}
.b-prizes p{margin-bottom: 0; font-size: 1.075rem; text-align: center; font-weight: bold}
.b-prizes img{width:100%; max-width:100%;margin-top: auto;}
.b-prizes .btn{width:100%;}
.b-prizes .b{height:100%; display:flex;flex-direction:column;}

.b-crosslines{height: 200px; padding-top:100px;}
.crossline__first{width:100%;height:25px;background:#f00 url(../images/logo-with-gaps.png) 0 center  repeat-x; background-size:auto 10px;
   animation: crossline 115s linear infinite alternate;transform: skew(0,-8deg);transform-origin:center center;}
.crossline__second{width:100%;height:25px;background:#f00 url(../images/logo-with-gaps.png) 0 center  repeat-x; background-size:auto 10px;
   animation: crossline 155s linear infinite alternate;transform: skew(0,1deg);transform-origin:center center;}
    @keyframes crossline {
        from {
            background-position: 0% center; /* Starting position */
        }
        to {
            background-position: -1000% center; /* Mid-point position */
        }
        
    }

.faq__item{padding: 1rem 1rem;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .15);
	margin-bottom: 1rem
}
.faq__item-question{font-size:1.125rem; color:#fff;margin-bottom:0;display:flex; align-items: center; cursor: pointer}
.faq__item-question:before{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIC00LjYyOTA0ZS0wN0w2IDQuMzI2NTlMMTAuNTkgLTYuMTYzM2UtMDhMMTIgMS4zMzE5OEw2IDdMOC45NTQ1MWUtMDcgMS4zMzE5OEwxLjQxIC00LjYyOTA0ZS0wN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");content:''; display:block; width:12px;height:7px;margin-right: 12px;}
.faq__item-question.active:before{transform: rotate(-90deg)}


.faq__item p{font-display: 1.125rem;padding:1rem 24px 0; padding-right:24px;margin-bottom: 0}

.site-footer-main{margin:0px 0; border:1px solid #454545;border-width: 1px 0; }
.site-footer__buttons{display: flex}
.site-footer__buttons a{display:block;padding:15px 36px;color:#fff;font-size: .9125rem; text-decoration: none;text-align: center; border:1px solid #454545;margin:0px 0; border-width: 0 1px 0 1px; height: 72px; }
.site-footer__buttons a:hover{background:#f00}
.site-footer__buttons a:last-child{border-width: 0 1px 0 0}

.site-footer strong{font-size:1.25rem;font-weight: 700;color:#fff;display: block}
.site-footer__phone{color:#fff;font-weight: 700;font-size: 1.875rem; text-decoration:none;display:block}

.site-footer__menu {justify-content: space-between;padding-left:3rem;}
.site-footer__contacts{border-right:1px solid #454545}
.site-footer__menu, .site-footer__contacts{padding-top:2rem; padding-bottom: 1rem}

.site-footer__menu div:first-child{padding-right:2rem}
.site-footer__menu ul{padding:0;list-style:none}
.site-footer__menu ul li{margin:12px 0 0}
.site-footer__menu ul li a{color:#ADADAD; text-decoration: none}
.site-footer__menu ul li a:hover{color:#f00; text-decoration: none}

.site-footer address p{color:#AEAEAE;}
.site-footer address span{color:#fff;}
.site-footer address a{color:#fff;}

h1{font-weight: bold;font-size: 2rem;margin-bottom: 2rem}

.form-inline{width:100%; height:100%; display: flex; flex-direction: column;justify-content: space-between}

.form-inline input{width:100%; background:#1C1C1C;color:#fff;padding:12px;border:none;border-radius: 0}
.form-inline input:active,.form-inline input:focus{outline:1px solid #adadad;}

.form-inline .form-row{width:100%;margin: 0 0 16px;}
.form-inline .form-row:last-child{margin-bottom:0;}

.b-order .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width:30px;height:30px;}

#tickets-app{background:#1C1C1C;color:#fff;padding:16px 22px;}
#tickets-app header{margin-bottom:18px}
#tickets-app header p {margin-bottom: 0}
#tickets-grid { display: grid; grid-template-columns: repeat(25, 1fr); row-gap: 5px;column-gap:5px; }

#tickets-grid button.selected,  .tickets-legend button.selected{ background: white; color: black; }
#tickets-grid button.free, .tickets-legend button.free { background: #004DA4; color: white; }
#tickets-grid button.reserved, .tickets-legend button.reserved{ background: #FF0004; color: white; }
#tickets-grid button, .tickets-legend button{font-weight:400;height:29px;display:block;border:none; font-size:12px;color:#fff;display:flex;align-items:center; justify-content:center}

.tickets-legend{display: flex; align-items: center;margin-left: auto}
.tickets-legend label{display: flex; align-items: center; font-size:12px;margin-left: 18px;}
.tickets-legend button{width:10px;height:10px;margin-right:4px;}

.tickets-tabs{display: grid; grid-template-columns: repeat(5, 1fr);column-gap: 10px;margin:16px 0 0 }
.tickets-tabs button{background:#000; font-size:1rem;color:#fff; padding:0 10px; border:none; text-align:center;}
.tickets-tabs button.active{background:#fff; color:#000}

.summary{font-size: 1.5rem; text-align:center;margin-top:3rem}
.summary span{display:block;font-size: 1.5rem; text-align:center;color:#dadada;max-width:760px;margin:0 auto}
.summary span var{font-style:normal;color:#fff;font-weight: bold}
.b-order .notice{font-size:.8125rem}
.b-order .btn-submit{margin:1rem 0}


#order-dialog .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000;
    border: 1px solid #333;
    border-radius: .5rem;
    color: #fff;
	padding:3.5rem
}
.modal-header .btn-close{position: absolute;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width:30px;height:30px; right: 15px;top:15px;}
.modal-header{border-bottom: 0;padding:0;flex-grow: 1;width:100%;}
.modal-header h1{margin-bottom: 1rem; text-align: center; flex-grow: 1
}
.modal-content .form-row{padding:.75rem 0; text-align: center}
.modal-content input{
    background: #1c1c1c;    width: 100%;
    color: #fff;
    border: none;
    font-size: .875rem;
    padding: 15px 10px;
    outline: 0 none;
}
.modal-content .error{text-align: left;font-size: .9125rem;color:#f00}

@media (max-width:468px){
	.b-intro{background-size: calc(100% + 400px) 160px; background-position:-400px 300px}
	.intro__col-details{order:2; align-items: flex-start!important}
	.intro__col-image{order:1}
	.intro__headline h1 {font-size:2.75rem; text-align: left}
	.intro__headline h1 span{font-size:1.4rem; text-indent: 0}
	.intro__headline p{font-size:.75rem; text-indent: 0; text-align: left;margin-left: 0}
	.intro__subline{font-size:1.4rem}
	.intro__prize-img{position: static}
	.intro__subline{text-align: left}
	.intro__details{width:100%;}
	.b-intro .btn-primary{width:100%;}
	.site-header {height: 54px;
        display: flex
;
        align-items: center;
        }
	.site-header-main{border-bottom:0;width:100%;border-bottom: 1px solid #454545;}
	.site-header-main .container{}
	#menu-toggler{padding:1rem;background:#000;    border: 1px solid #454545; border-width: 0 1px 0 1px;width:54px;height:54px;display: flex}

	.site-header .site-social{margin-right: auto}
	.site-header .site-social a{width: 54px;
		height: 54px;margin-left: 0}
	.site-header .site-social a:not(:last-child),
	.site-header__buttons,
	.site-footer .site-social,  .site-footer__buttons{display: none !important}
	.site-footer__menu{padding-left:12px;flex-wrap: wrap}
	.site-footer__menu div:first-child{width:100%}
	
	.site-footer-main{border:none}
	#tickets-app {margin-top:2rem}
	#tickets-grid { display: grid; grid-template-columns: repeat(10, 1fr); row-gap: 5px;column-gap:5px; }
	#tickets-app header{flex-wrap:wrap;}
	#tickets-app .tickets-legend{width:100%; align-items: flex-start !important;margin-top:12px; }
	#tickets-app .tickets-legend label{margin-left: 0;margin-right:18px}
	.tickets-tabs{display:grid;grid-template-columns: repeat(4, 1fr); }
	.tickets-tabs button{margin-bottom: 10px; font-size: .7rem;white-space: nowrap}
	
	h2{    font-size: 1.5rem;}
}