@font-face {
	font-family: 'LT Superior';
	src: url('fonts/LTSuperior-Regular.eot');
	src: local('☺'), url('fonts/LTSuperior-Regular.woff') format('woff'), url('fonts/LTSuperior-Regular.ttf') format('truetype'), url('fonts/LTSuperior-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Desyatiy';
	src: url('fonts/Desyatiy-Bold.eot');
	src: local('☺'), url('fonts/Desyatiy-Bold.woff') format('woff'), url('fonts/Desyatiy-Bold.ttf') format('truetype'), url('fonts/Desyatiy-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html{height: 100%;}
body{margin: 0 auto; height: 100%; white-space: normal; font-family: 'LT Superior', sans-serif; color: #FFFFFF; background: #010000; line-height: 1.4; font-size: 20px; font-weight: normal; overflow-x: hidden;}

a,input{color: #FFFFFF; text-decoration: none;}
a, input, label, label::before, select, textarea, a *, button, button *, .button, .program-list-item, .program-list-item .song::after{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

*{position: relative; margin: 0px; padding: 0px; list-style: none; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0; font-family: inherit; font-weight: inherit; line-height: inherit;}

.wrapper{margin: 0 auto; max-width: 1080px; padding: 0px 60px;}
.phone{white-space: nowrap;}

.photo picture{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;}
.photo picture img{display: block; width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 1080px) {
.wrapper{padding-left: 30px; padding-right: 30px;}

}

@media only screen and (max-width: 767px) {
body{font-size: 16px;}
.wrapper{padding-left: 15px; padding-right: 15px;}
::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
}


/* Заголовок блока */

.block-header{margin-bottom: 20px;}
.block-header .headline{display: block; font-family: 'Desyatiy', sans-serif; line-height: 1; font-size: 48px;}

@media only screen and (max-width: 1080px) {
.block-header .headline{font-size: 36px;}
}

@media only screen and (max-width: 767px) {
.block-header .headline{font-size: 30px;}
}

/* Форматирование текста */

.story > *:first-child{margin-top: 0px;}
.story > *:last-child{margin-bottom: 0px;}
.story p{margin: 15px 0px;}

/* Первый экран */

.hello{}
.hello .bg{position: fixed; top: 50%; right: 50%; width: calc(100% - 120px); max-width: 1400px; transform: translate(50%, -50%); z-index: -1;}
.hello .bg img{width: 100%; height: auto; border-radius: 90px;}

.hello .wrapper{display: flex; justify-content: center; align-items: center; padding-top: 90px; padding-bottom: 90px; min-height: 150vh;}
.hello::before{content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; display: block; height: 50vh; background: linear-gradient(to top, rgba(1, 0, 0, 1), rgba(1, 0, 0, 0));}

.hello .content{width: 62%;}
.hello .content::after{content: ""; position: absolute; bottom: -40px; left: -40px; display: block; width: 100%; height: 100%; border: 1px solid #b0fe08; border-radius: 100%; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg);}
.hello .content::before{content: ""; position: absolute; top: -130px; right: -200px; display: block; width: 450px; height: 634px; background: url('images/hello-paper.jpg') center center no-repeat; background-size: contain; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);}
.hello .caption{display: block; margin-bottom: 30px; padding: 10px; max-width: 300px; font-size: 14px; background: #010000; border-radius: 18px; z-index: 1;}
.hello .headline{display: block; color: #b0fe08; font-family: 'Desyatiy', sans-serif; line-height: 1; font-size: 60px; z-index: 1;}
.hello .subheadline{display: inline-block; margin-top: 15px; padding: 10px; color: #010000; background: #b0fe08; border-radius: 18px; z-index: 1;}

.hello .logo{width: 38%;}
.hello .logo img{width: 100%; height: auto;}

@media only screen and (max-width: 1080px) {
.hello .bg{position: fixed; top: 90px; right: 50%; width: 100%; transform: translate(50%, 0%);}
.hello .headline{font-size: 48px;}
}

@media only screen and (max-width: 767px) {
.hello .bg{top: 45px;}
.hello .bg img{border-radius: 60px;}
.hello .wrapper{align-items: flex-end; padding-bottom: 120px; min-height: 100vh;}
.hello .content::before{top: -10px; right: -100px; width: 240px; height: 338px;}
.hello .caption{font-size: 12px;}
.hello .headline{font-size: 36px;}
.hello .subheadline{font-size: 14px; border-radius: 12px}
}

/* Заголовок программы */

.program-intro{padding-top: 45px; padding-bottom: 45px; background: #010000;}

/* Программа. Песни */

.program{background: #010000;}
.program-list{display: flex; flex-direction: column; gap: 15px;}
.program-list-item{background: rgba(255, 255, 255, 0.05); border-radius: 18px;}
.program-list-item:hover{background: rgba(255, 255, 255, 0.08);}
.program-list-item input{display: none;}
.program-list-item .song{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 30px; cursor: pointer;}
.program-list-item .song .left{display: flex; align-items: center; gap: 30px;}
.program-list-item .song .number{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 16px; opacity: 0.5;}
.program-list-item .song::after{content: ""; flex-shrink: 0; display: block; width: 20px; height: 20px; background: url('images/arrow.svg') right top no-repeat; background-size: contain;}
.program-list-item input:checked ~ .song::after{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.program-list-item .details{display: none; gap: 45px; padding: 0px 30px 45px;}
.program-list-item input:checked ~ .details{display: flex;}
.program-list-item .details .left, .program-list-item .details .right{flex: 1;}
.program-list-item .details .right{padding-left: 45px; border-left: 1px solid rgba(255, 255, 255, 0.1);}
.program-list-item .details .story{font-size: 16px;}

.program-list-item .details .left .story{color: rgba(255, 255, 255, 0.5);}
.program-list-item .details .info{display: flex; flex-direction: column; gap: 15px; margin-top: 30px; padding: 30px; background: rgba(0, 0, 0, 0.1); border-radius: 12px;}
.program-list-item .details .info li{display: flex; flex-direction: column; gap: 5px;}
.program-list-item .details .info li .label{color: rgba(255, 255, 255, 0.5); font-size: 14px;}
.program-list-item .details .info li .value{font-size: 16px;}
.program-list-item .details .right .headline{display: block; margin-bottom: 15px; color: #b0fe08;}
.program-list-item .details .right .story + .headline{margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1);}

.entracte{display: flex; align-items: center; gap: 30px; margin: 15px 0px; font-size: 24px;}
.entracte::before, .entracte::after{content: ""; flex: 1; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1);}

@media only screen and (max-width: 767px) {
.program-list-item .song .left{gap: 20px;}
.program-list-item .song .number{font-size: 14px;}
.program-list-item .song::after{width: 16px; height: 16px;}

.program-list-item .details{flex-direction: column; gap: 30px;}
.program-list-item .details .right{padding-top: 30px; padding-left: 0px; border-left: 0px; border-top: 1px solid rgba(255, 255, 255, 0.1);}

.entracte{gap: 20px; font-size: 20px;}
}

/* Заключение */

.outro{padding-top: 60px; background: #010000; z-index: 1;}
.outro-block{padding: 45px;}
.outro-block::before{content: ""; position: absolute; bottom: -40px; left: -40px; display: block; width: 100%; height: 100%; border: 1px solid #b0fe08; border-radius: 100%; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg);}

@media only screen and (max-width: 1080px) {
.outro-block{padding: 30px;}
.outro-block::before{bottom: -20px; left: -20px;}
}

@media only screen and (max-width: 767px) {
.outro-block{padding: 15px;}
}

/* Команда */

.team{padding-top: 90px; background: #010000;}
.team img{margin-bottom: 30px; width: 100%; height: auto; border-radius: 90px;}
.team-list{display: flex; flex-direction: column; align-items: stretch;}
.team-list-item{display: flex; justify-content: space-between; gap: 15px; padding: 15px 0px;}
.team-list-item:not(:last-child){border-bottom: 1px dotted rgba(255, 255, 255, 0.1);}
.team-list-item .label{display: block; max-width: 50%; color: rgba(255, 255, 255, 0.5); font-size: 16px;}
.team-list-item .value{display: block; max-width: 50%; text-align: right; font-size: 16px;}

@media only screen and (max-width: 1080px) {
.team img{border-radius: 60px;}
}

@media only screen and (max-width: 767px) {
.team img{margin: 0px -15px 30px; width: calc(100% + 30px); border-radius: 45px;}
}

/* Пертнеры */

.partners{padding-top: 90px; padding-bottom: 90px; background: #010000;}
.partners-grid{display: flex; flex-wrap: wrap; gap: 15px 30px;}
.partners-grid .partner{flex: 1; display: flex; justify-content: center; align-items: center; padding: 20px; background: #FFFFFF; border-radius: 18px;}
.partners-grid .partner img{max-width: 200px; max-height: 50px;}

@media only screen and (max-width: 1080px) {
.partners-grid .partner{padding: 15px; border-radius: 12px;}
.partners-grid .partner img{max-width: 120px; max-height: 30px;}
}

@media only screen and (max-width: 767px) {
.partners{padding-top: 60px; padding-bottom: 60px;}
.partners-grid{gap: 15px;}
.partners-grid .partner img{max-width: 100px; max-height: 24px;}
}