@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');

/* font-family: 'Montserrat', sans-serif; */

@import url(/include/css/fancybox.css);
@import url(/include/css/animate.css);

/* !!! удалить фон вёртки background-color: rgba(60,150,0,0.2); */

/* (c) студия "EVERNICE" | evernice.ru */

/* Основные стили */

@media screen {
* {border: 0; padding: 0; margin: 0; box-sizing: border-box;}
*:link, *:hover, *:visited, *:visited:hover, *:focus, * {outline: none !important; ie-dummy: expression(this.hideFocus=true); noFocusLine: expression(this.onFocus=this.blur()); -webkit-tap-highlight-color: rgba(11,12,15,0.0); -webkit-tap-highlight-color: transparent;}

html {min-height: 100%; display: flex;}
body {width: 100%; font-family: 'Montserrat', sans-serif; color: rgba(11,12,15,1.0); font-weight: 400; font-style: normal; text-align: left; background-color: rgba(30,33,41,1.0); position: relative; overflow: visible; display: flex; align-items: center; justify-content: center; flex-direction: column; flex: auto;}

table {border: 0; border-collapse: collapse;}
table td {vertical-align: top;}

ul, ol {list-style-image: none; list-style-position: outside; list-style-type: none;}

img {font-size: 70%; color: rgba(11,12,15,1.0); display: block;}

mark {background-color: rgba(11,12,15,0.4); padding: 0 4px;}

span.nobr {font-weight: inherit; white-space: nowrap;}

a {color: rgba(11,12,15,1.0); text-decoration: underline; transition: 0.25s ease;}
a:hover {color: rgba(11,12,15,1.0); text-decoration: none;}
:focus {outline: none;}
a:visited {color: rgba(11,12,15,1.0);}

.razryv {position: relative; display: block; overflow: hidden; clear: both;}
.bez_perenosa, [href^="tel:"] {text-decoration: none; white-space: nowrap;}
}

/* Меню */

@media screen {
nav {width: 100%; position: fixed; top: 0; left: 0; overflow: visible; display: flex; z-index: 40;}

#en_menu {width: 100%; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
#en_menu *, #en_menu *:hover, #en_menu *:focus, #en_menu *:visited {color: rgba(255,255,255,1.0); white-space: nowrap;}

#en_menu > div:nth-child(1) {width: 30px; height: 30px; background-image: url(/images/icons/navigaciya/menu_otkryt.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; display: none; cursor: pointer;}

#en_menu > div:nth-child(2) {width: calc(100% - 240px); margin: 0 120px; position: relative; overflow: visible; display: flex; align-items: center; flex-direction: column; flex: auto;}

#en_menu > div:nth-child(2) > ul {margin: 21px 0 0; display: flex; flex-direction: row; align-items: flex-start; flex: auto;}
#en_menu > div:nth-child(2) > ul > li {margin: 0 25px; position: relative; overflow: visible;}
#en_menu > div:nth-child(2) > ul > li > a {font-size: 14px; line-height: 19px; letter-spacing: 0.5px; font-weight: 600; text-decoration: none; text-transform: uppercase; display: flex; align-items: center;}

.en_yazyk {font-size: 14px; line-height: 19px; letter-spacing: 1px; font-weight: 600; margin: 21px 0 0; position: absolute; top: 0; right: 0; overflow: visible; display: flex;}
.en_yazyk > p {margin: 0 0 0 8px;}
.en_yazyk > a {text-decoration: none; margin: 0 0 0 8px; opacity: 0.5;}
.en_yazyk > a:hover {opacity: 1.0;}

.en_socseti {width: 100%; margin: 0 0 15px; position: relative; overflow: visible; display: none; justify-content: center;}
.en_socseti > a {margin: 0 10px; opacity: 0.5;}
.en_socseti > a > img {width: 30px; height: 30px;}

.en_prava {font-size: 9px; line-height: 17px; margin: 0 0 25px 60px; position: relative; overflow: visible; display: none; flex-direction: column;}
.en_prava > p {opacity: 0.2;}
.en_prava > a {text-decoration: underline; opacity: 0.4;}
.en_prava > a:hover {text-decoration: none;}
}

@media screen and (max-width: 1430px) {
nav {width: 50px; height: 62px; min-height: inherit; right: 60px; left: inherit;}

#en_menu {padding: 26px 10px 6px;}

#en_menu > div:nth-child(1) {display: block;}
#en_menu > div.otkryt:nth-child(1) {background-image: url(/images/icons/navigaciya/menu_zakryt.svg); background-size: 22px; display: block; z-index: 2;}

#en_menu > div:nth-child(2) {width: 250px; height: 100%; background-color: rgba(30,33,41,1.0); margin: 0; position: fixed; top: 0; left: -250px; display: none;align-items: flex-start; z-index: 1; overflow-y: scroll; animation-name: menuClose; animation-duration: 1s;}
#en_menu > div:nth-child(2).otkryt {left: 0; animation-name: menuOpen; animation-duration: 1s;}
#en_menu > div:nth-child(2).zakryt {left: -250px; animation-name: menuClose; animation-duration: 1s;}

#en_menu > div:nth-child(2) > ul {margin: 41px 0 44px 59px; flex-direction: column;}
#en_menu > div:nth-child(2) > ul > li {margin: 10px 0 11px;}

.en_yazyk {font-size: 12px; margin: 25px 0 0 55px; position: relative;}
.en_yazyk > p {margin: 0 4px;}
.en_yazyk > a {margin: 0 4px;}

.en_socseti {width: auto; margin: 0 0 23px 55px; display: flex; justify-content: flex-start;}
.en_socseti > a {margin: 0 5px;}
.en_socseti > a > img {width: 20px; height: 20px;}

.en_prava {display: flex;}
}

@media screen and (max-width: 1024px) {
nav {right: 30px;}
}

@keyframes menuOpen {
from {left: -250px;}
to {left: 0;}
}

@keyframes menuClose {
from {left: 0;}
to {left: -250px;}
}

/*** КОНТЕНТ  ***/

/*** Отступы контента по ширине: по умолчанию должно быть по 60 пикс. слева и справа, при ширине в 1 024 пикс. — 30  и на 20 снижаем границы по вертикали. ***/

@media screen {
main {width: 100%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; flex: auto; z-index: 30;}
}

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

@media screen {
#glavnaya {width: 100%; height: 100vh; background-image: url(/images/glavnaya.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; z-index: 4;}
#glavnaya:after {width: 100%; height: 100%; background-color: rgba(11,12,15,0.42); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 0;}
#glavnaya > div {width: 100%; max-width: 1080px; margin: 0 200px 5%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 10;}
#glavnaya > div > img {width: 100%; max-width: 600px; height: auto; opacity: 0.92;}
}

@media screen and (max-width: 1180px) {
#glavnaya > div {margin: 0 60px 10%;}
}

@media screen and (max-width: 1024px) {
#glavnaya > div {margin: 0 30px 10%;}
}

@media screen and (max-width: 900px) {
#glavnaya > div > img {max-width: 400px;}
}

/* О нас */

@media screen {
#about {width: 100%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 1;}

#about > div:nth-of-type(1) {width: 100%; height: 100vh; /*background-image: url(/images/about.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: fixed;*/ position: absolute; top: 0; left: 0; overflow: hidden; display: block; z-index: 1;}
#about > div:nth-of-type(1):after {/*width: 100%; height: 100%; background-color: rgba(11,12,15,0.62); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 0;*/}

#about > div:nth-of-type(2) {width: 100%; max-width: 1420px; margin: 0 60px; position: relative; overflow: visible; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}

#about > div:nth-of-type(2) > div:nth-of-type(1) {width: 80px; position: relative; overflow: visible; display: flex; z-index: 1;}
#about > div:nth-of-type(2) > div:nth-of-type(1) > h1 {width: 100%; font-size: 44px; line-height: 43px; color: rgba(255,255,255,1.0); font-weight: 700; text-align: center; text-transform: uppercase; margin: 34px 30px 1px; display: none;}

#about > div:nth-of-type(2) > div:nth-of-type(2) {width: calc(100% - 80px*2 - 60px); max-width: 1080px; margin: 0 110px 0 30px; position: relative; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;}
#about > div:nth-of-type(2) > div:nth-of-type(2) > div {width: calc(100% - 60px); background-color: rgba(255,255,255,1.0); padding: 40px 29px 53px; margin: 120px 30px; position: relative; overflow: hidden; display: flex; align-content: flex-start; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}
#about > div:nth-of-type(2) > div:nth-of-type(2) > div > h2 {width: 100%; font-size: 29px; line-height: 32px; font-weight: 600; text-transform: uppercase; padding: 15px 0 25px;}
#about > div:nth-of-type(2) > div:nth-of-type(2) > div > p {width: 100%; font-size: 14px; line-height: 24px;}
}

@media screen and (max-width: 1180px) {
#about > div:nth-of-type(2) {margin: 0;}

#about > div:nth-of-type(2) > div:nth-of-type(1) {width: 100%;}

#about > div:nth-of-type(2) > div:nth-of-type(2) {width: calc(100% - 60px); margin: 0 30px;}
}

@media screen and (max-width: 1024px) {
#about > div:nth-of-type(2) > div:nth-of-type(2) {width: calc(100% - 30px); margin: 0 15px;}
#about > div:nth-of-type(2) > div:nth-of-type(2) > div {width: calc(100% - 30px); margin: 80px 15px;}
}

@media screen and (max-width: 810px) {
#about > div:nth-of-type(2) > div:nth-of-type(1) > h1 {display: block;}

#about > div:nth-of-type(2) > div:nth-of-type(2) > div {text-align: center; padding: 31px 19px 33px; margin: 73px 15px 80px;}
#about > div:nth-of-type(2) > div:nth-of-type(2) > div > h2 {display: none;}
}

/* Видео */

@media screen {
#video .slayd {width: 100%; max-height: 640px; background-image: url(/images/video.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 2;}
#video .slayd:after {width: 100%; height: 100%; background-color: rgba(30,33,41,0.42); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 0;}
#video .slayd:before {padding-top: calc( (100% * 9) / 16 ) /*40%*/; display: block; content: ''; z-index: -1;}

#video .slayd > .en_zagolovok {width: 100%; max-width: 1080px; color: rgba(255,255,255,1.0); text-align: center; margin: 0 200px 90px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; z-index: 1;}
#video .slayd > .en_zagolovok > p:nth-of-type(1) {font-size: 44px; line-height: 43px; font-weight: 700; text-transform: uppercase; padding: 7px 0 7px;}
#video .slayd > .en_zagolovok > p:nth-of-type(2) {font-size: 14px; line-height: 20px;}
#video .slayd > .en_zagolovok > p:nth-of-type(2) > span:nth-of-type(2) {display: none;}
#video .slayd > .en_zagolovok > a {width: 70px; height: 49px; background-image: url(/images/icons/youtube.svg); background-position: center; background-repeat: no-repeat; background-size: cover; margin: 35px 0 13px;}
}

@media screen and (max-width: 1200px) and (orientation: landscape) {
#video .slayd {max-height: 100vh;}
}

@media screen and (max-width: 1180px) {
#video .slayd > .en_zagolovok {margin: 0 60px 90px;}
}

@media screen and (max-width: 1024px) {
#video .slayd > .en_zagolovok {margin: 0 30px 80px;}
}

@media screen and (max-width: 900px) {

#video .slayd > .en_zagolovok > p:nth-of-type(1) {font-size: 34px; line-height: 33px; padding: 9px 0 8px;}
#video .slayd > .en_zagolovok > p:nth-of-type(2) > span:nth-of-type(1) {display: none;}
#video .slayd > .en_zagolovok > p:nth-of-type(2) > span:nth-of-type(2) {display: table;}
}

@media screen and (max-width: 810px) {
#video .slayd > .en_zagolovok {margin: 67px 30px 127px;}
}

/* Альбом */

@media screen {
#albom {width: 100%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 1;}

#albom > div:nth-of-type(1) {width: 100%; height: 100vh; background-image: url(/images/albom.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: fixed; top: 0; left: 0; overflow: hidden; display: block; z-index: -1;}
#albom > div:nth-of-type(1):after {width: 100%; height: 100%; background-color: rgba(43,1,2,0.62); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 0;}

#albom > div:nth-of-type(2) {width: 100%; max-width: 1420px; margin: 0 60px; position: relative; overflow: visible; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}

#albom > div:nth-of-type(2) > div:nth-of-type(1) {width: 80px; position: relative; overflow: visible; display: flex; z-index: 1;}
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1 {font-size: 68px; line-height: 46px; color: rgba(255,255,255,1.0); font-weight: 700; text-transform: uppercase; margin: 0 0 0 1px; position: absolute; bottom: -416px; left: 0; white-space: nowrap; transform: rotate(-90deg); transform-origin: top left;}
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1 > span {display: none;}
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1.en {bottom: -318px;}

#albom > div:nth-of-type(2) > .en_albom {width: calc(100% - 80px*2 - 60px); max-width: 1080px; margin: 0 110px 120px 30px; position: relative; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;}

#albom > div:nth-of-type(2) > .en_albom > div {width: 100%; position: relative; overflow: hidden; display: flex; flex-wrap: wrap;}
#albom > div:nth-of-type(2) > .en_albom > div > div {width: calc(100%/2 - 60px); margin: 120px 30px 0; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) {align-items: flex-end; justify-content: flex-end; flex-direction: row;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > img {width: 100%; max-width: 200px; height: auto; margin: 0 60px 0 0;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > div {position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > div > a {margin: 10px 0 0;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > div > a > img {width: 100px; height: auto;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(2) {background-color: rgba(255,255,255,1.0); padding: 40px 29px 53px; align-content: flex-start; align-items: flex-start; justify-content: flex-start;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(2) > h2 {width: 100%; font-size: 29px; line-height: 32px; font-weight: 600; text-transform: uppercase; padding: 15px 0 25px;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(2) > p {width: 100%; font-size: 14px; line-height: 24px;}

#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) {justify-content: flex-start; order: 2;}
#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) > img {order: 2; margin: 0 0 0 60px;}
#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) > div {order: 1;}
#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(2) {order: 1;}
}

@media screen and (max-width: 1180px) {
#albom > div:nth-of-type(2) {margin: 0;}

#albom > div:nth-of-type(2) > div:nth-of-type(1) {width: 100%;}
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1 {margin: 60px 75px 1px; position: relative; bottom: inherit; transform: none;}
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1.en {bottom: inherit;}

#albom > div:nth-of-type(2) > .en_albom {width: calc(100% - 60px); margin: 0 30px 120px;}
}

@media screen and (max-width: 1024px) {
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1 {margin: 40px 30px 1px;}

#albom > div:nth-of-type(2) > .en_albom {width: calc(100% - 30px); margin: 0 15px 80px;}
#albom > div:nth-of-type(2) > .en_albom > div > div {width: calc(100%/2 - 30px); margin: 80px 15px 0;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > img {margin: 0 30px 0 0;}

#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) > img {margin: 0 0 0 30px;}
}

@media screen and (max-width: 810px) {
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1 {width: 100%; font-size: 44px; line-height: 43px; text-align: center; margin: 34px 30px 1px; white-space: inherit;}
#albom > div:nth-of-type(2) > div:nth-of-type(1) > h1 > span {font-size: 34px; line-height: 35px; font-weight: 600; display: inline-table;}

#albom > div:nth-of-type(2) > .en_albom > div > div {width: calc(100% - 30px);}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) {margin: 80px 15px 70px; align-items: flex-start; justify-content: center; flex-direction: row;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > img {max-width: 300px; margin: 0 0 30px;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > div {width: 100%; align-items: flex-start; justify-content: center; flex-direction: row;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(1) > div > a {margin: 0 5px 10px;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(2) {text-align: center; padding: 31px 19px 33px; margin: 0 15px;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(2) > h2 {font-size: 24px; line-height: 30px; padding: 3px 0 24px;}
#albom > div:nth-of-type(2) > .en_albom > div > div:nth-of-type(2) > p {text-align: center;}

#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) {justify-content: center; order: 1;}
#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) > img {order: 1; margin: 0 0 30px;}
#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(1) > div {order: 2;}
#albom > div:nth-of-type(2) > .en_albom > div:nth-of-type(1) > div:nth-of-type(2) {order: 2;}
}

/* Анонс предыдущего альбома */

@media screen {
#anons {width: 100%; background-color: rgba(30,33,41,0.62); position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; z-index: 1;}
#anons > div {width: calc(100% - 170px*2); max-width: 1080px; margin: 30px 170px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; z-index: 1;}

#anons > div .en_slayder {padding: 0 0 30px;}
#anons > div .en_slayder > button + div {padding: 0 0 70px;}

#anons > div .slayd > .en_albom {width: calc(100% - 60px); margin: 30px; position: relative; overflow: visible; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}
#anons > div .slayd > .en_albom > img {width: 100%;}
#anons > div .slayd > .en_albom > p {font-size: 22px; line-height: 26px; color: rgba(255,255,255,1.0); font-weight: 500; text-align: center; text-transform: uppercase; padding: 30px 0 0; margin: -4px 0 -6px;}
#anons > div .slayd > .en_albom > p > span {font-size: 16px; line-height: 20px; font-weight: 300; text-transform: none;}
#anons > div .slayd > .en_albom > div {width: 100%; margin: 20px 0 0; position: relative; overflow: visible; display: flex; justify-content: center; flex-wrap: wrap;}
#anons > div .slayd > .en_albom > div > img {width: calc(100%/3 - 20px); max-width: 80px; margin: 10px 10px 0;}
#anons > div .slayd > .en_albom > div > a {width: calc(100%/3 - 20px); max-width: 80px; margin: 10px 10px 0;}
#anons > div .slayd > .en_albom > div > a > img {width: 100%;}

/*
#anons > div > div {width: calc(100%/3 - 60px); margin: 30px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}
#anons > div > div > img {width: 100%; height: auto;}
#anons > div > div > p {width: 100%; font-size: 22px; line-height: 26px; color: rgba(255,255,255,1.0); font-weight: 500; text-align: center; text-transform: uppercase; margin: 26px 0 0; flex: 1;}
#anons > div > div > div {width: 100%; margin: 14px 0 0; position: relative; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap;}
#anons > div > div > div > a {width: calc(100%/3 - 20px); max-width: 100px; margin: 10px 10px 0;}
#anons > div > div > div > a > img {width: 100%; height: auto;}
*/

}

@media screen and (max-width: 1180px) {
#anons > div {width: calc(100% - 30px*2); margin: 60px 30px;}
}

@media screen and (max-width: 1024px) {
#anons > div {width: calc(100% - 15px*2); margin: 30px 15px;}

#anons > div .en_slayder > button + div {padding: 0 0 50px;}

#anons > div .slayd > .en_albom {width: calc(100% - 30px); margin: 30px 15px;}

/*
#anons > div > div {width: calc(100%/3 - 30px); margin: 30px 15px;}
*/

}

@media screen and (max-width: 810px) {
#anons > div .en_slayder > button + div {padding: 0 0 30px;}

/*#anons > div > div {width: calc(100%/2 - 30px);}*/
}

@media screen and (max-width: 600px) {
#anons > div .en_slayder > button + div {padding: 0; margin: 0 0 30px;}

/*#anons > div > div {width: calc(100% - 30px);}
#anons > div > div > img {max-width: 400px;}*/
}

/* Новый трек */

@media screen {
#track {width: 100%; background-color: rgba(30,33,41,0.62); position: relative; overflow: visible; display: flex; justify-content: center; z-index: 2;}
#track > div {width: calc(100% - 170px*2); max-width: 1080px; margin: 60px 170px; position: relative; overflow: visible; display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;}

#track > div > div {padding: 30px; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
#track > div > div > img {width: 200px; height: 200px;}
#track > div > div > div {padding: 0 0 0 30px; position: relative; overflow: visible; display: flex; align-self: center; flex-direction: column; flex-wrap: wrap;}
#track > div > div > div > p {font-size: 22px; line-height: 26px; color: rgba(255,255,255,1.0); font-weight: 500; text-transform: uppercase; margin: -4px 0 -6px;}
#track > div > div > div > a {width: auto; height: auto; font-size: 17px; line-height: 54px; color: rgba(30,33,41,1.0); font-weight: 700; text-decoration: none; text-transform: uppercase; background-color: rgba(255,255,255,1.0); border: 2px solid rgba(255,255,255,1.0); padding: 0 45px 0 44px; margin: 30px 0 0; align-self: flex-start; cursor: pointer;}
#track > div > div > div > a:hover {color: rgba(255,255,255,1.0); text-decoration: none; background-color: transparent;}
}

@media screen and (max-width: 1180px) {
#track > div {width: calc(100% - 30px*2); margin: 60px 30px;}
}

@media screen and (max-width: 1024px) {
#track > div {width: calc(100% - 15px*2); margin: 30px 15px;}

#track > div > div {padding: 30px 15px;}
}

@media screen and (max-width: 810px) {
#track > div > div {flex-direction: column;}
#track > div > div > img {align-self: center;}
#track > div > div > div {padding: 30px 0 0;}
#track > div > div > div > p {text-align: center;}
#track > div > div > div > a {align-self: center;}
}

/* Концерты */

@media screen {
#koncerty {width: 100%; background-color: rgba(255,255,255,1.0); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 2;}
#koncerty > div {width: 100%; max-width: 1420px; margin: 0 60px; position: relative; overflow: visible; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}

#koncerty > div > div:nth-of-type(1) {width: 80px; position: relative; overflow: visible; display: flex; z-index: 1;}
#koncerty > div > div:nth-of-type(1) > h1 {font-size: 68px; line-height: 46px; font-weight: 700; text-transform: uppercase; margin: 0 0 0 1px; position: absolute; bottom: -504px; left: 0; white-space: nowrap; transform: rotate(-90deg); transform-origin: top left;}
#koncerty > div > div:nth-of-type(1) > h1.en {bottom: -475px;}

#koncerty > div > div:nth-of-type(2) {width: calc(100% - 80px*2 - 60px); min-height: 532px; max-width: 1080px; margin: 0 110px 0 30px; position: relative; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;}
#koncerty > div > div.en {min-height: 506px;}
#koncerty > div > div:nth-of-type(2) > div {width: calc(100% - 60px); margin: 120px 30px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; background-color: rgba(30,33,41,0.0);}
#koncerty > div > div:nth-of-type(2) > div > p {font-size: 36px; line-height: 40px; font-weight: 500; text-transform: uppercase; margin: -8px 0 -7px -1px;}

/*#radarioWidgetInner1 {width: 100%;}*/
}

@media screen and (max-width: 1180px) {
#koncerty > div {margin: 0;}

#koncerty > div > div:nth-of-type(1) {width: 100%;}
#koncerty > div > div:nth-of-type(1) > h1 {margin: 60px 74px 1px; position: relative; bottom: inherit; transform: none;}
#koncerty > div > div:nth-of-type(1) > h1.en {bottom: inherit;}

#koncerty > div > div:nth-of-type(2) {width: calc(100% - 60px); min-height: inherit; margin: 0 30px;}
#koncerty > div > div.en {min-height: inherit;}
}

@media screen and (max-width: 1024px) {
#koncerty > div > div:nth-of-type(1) > h1 {margin: 40px 30px 1px;}

#koncerty > div > div:nth-of-type(2) {width: calc(100% - 30px); margin: 0 15px;}
#koncerty > div > div:nth-of-type(2) > div {width: calc(100% - 30px); margin: 80px 15px;}
}

@media screen and (max-width: 810px) {
#koncerty > div > div:nth-of-type(1) > h1 {width: 100%; font-size: 44px; line-height: 43px; text-align: center; margin: 34px 30px 1px; white-space: inherit;}

#koncerty > div > div:nth-of-type(2) > div {margin: 73px 15px 80px; align-items: center;}
#koncerty > div > div:nth-of-type(2) > div > p {text-align: center;}
}

/* Мерч */

@media screen {
#merch {width: 100%; background-image: url(/images/merch.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 2;}
#merch:after {width: 100%; height: 100%; background-color: rgba(43,1,2,0.42); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 0;}
#merch > div {width: 100%; max-width: 1420px; margin: 0 60px; position: relative; overflow: visible; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}

#merch > div > div:nth-of-type(1) {width: 80px; position: relative; overflow: visible; display: flex; z-index: 1;}
#merch > div > div:nth-of-type(1) > h1 {font-size: 68px; line-height: 46px; color: rgba(255,255,255,1.0); font-weight: 700; text-transform: uppercase; margin: 0 0 0 1px; position: absolute; bottom: -290px; left: 0; white-space: nowrap; transform: rotate(-90deg); transform-origin: top left;}
#merch > div > div:nth-of-type(1) > h1.en {bottom: -346px;}

#merch > div > div:nth-of-type(2) {width: calc(100% - 80px*2 - 60px); max-width: 1080px; margin: 0 110px 0 30px; position: relative; overflow: visible; display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;}
#merch > div > div:nth-of-type(2) > div {width: calc(100% - 60px); height: 40vh; margin: 120px 30px; position: relative; overflow: visible; display: flex; align-items: flex-start; flex-direction: column; flex-wrap: wrap;}
#merch > div > div:nth-of-type(2) > div > p {font-size: 36px; line-height: 40px; color: rgba(255,255,255,1.0); font-weight: 500; text-transform: uppercase; margin: -8px 0 0 -1px;}
#merch > div > div:nth-of-type(2) > div > a {width: auto; height: auto; font-size: 17px; line-height: 54px; color: rgba(30,33,41,1.0); font-weight: 700; text-decoration: none; text-transform: uppercase; background-color: rgba(255,255,255,1.0); border: 2px solid rgba(255,255,255,1.0); padding: 0 45px 0 44px; margin: 43px 0 0; cursor: pointer;}
#merch > div > div:nth-of-type(2) > div > a:hover {color: rgba(255,255,255,1.0); text-decoration: none; background-color: transparent;}
}

@media screen and (max-width: 1180px) {
#merch > div {margin: 0;}

#merch > div > div:nth-of-type(1) {width: 100%;}
#merch > div > div:nth-of-type(1) > h1 {margin: 60px 74px 1px; position: relative; bottom: inherit; transform: none;}
#merch > div > div:nth-of-type(1) > h1.en {bottom: inherit;}

#merch > div > div:nth-of-type(2) {width: calc(100% - 60px); margin: 0 30px;}
#merch > div > div:nth-of-type(2) > div {justify-content: flex-end;}
}

@media screen and (max-width: 1024px) {
#merch > div > div:nth-of-type(1) > h1 {margin: 40px 30px 1px;}

#merch > div > div:nth-of-type(2) {width: calc(100% - 30px); margin: 0 15px;}
#merch > div > div:nth-of-type(2) > div {width: calc(100% - 30px); margin: 80px 15px;}
}

@media screen and (max-width: 810px) {
#merch {background-position: right center;}

#merch > div > div:nth-of-type(1) > h1 {width: 100%; font-size: 44px; line-height: 43px; text-align: center; margin: 34px 30px 1px; white-space: inherit;}

#merch > div > div:nth-of-type(2) > div {margin: 73px 15px 80px; align-items: center;}
#merch > div > div:nth-of-type(2) > div > p {text-align: center;}
}

@media screen and (max-width: 420px) {
#merch {background-position: -300px center;}
}

/* Друзья */

@media screen {
#druzya {width: 100%; background-color: rgba(255,255,255,1.0); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 2;}
#druzya > div {width: 100%; max-width: 1420px; margin: 0 60px; position: relative; overflow: visible; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}

#druzya > div > div:nth-of-type(1) {width: 80px; position: relative; overflow: visible; display: flex; z-index: 1;}
#druzya > div > div:nth-of-type(1) > h1 {font-size: 68px; line-height: 46px; font-weight: 700; text-transform: uppercase; margin: 0 0 0 1px; position: absolute; bottom: -373px; left: 0; white-space: nowrap; transform: rotate(-90deg); transform-origin: top left;}
#druzya > div > div:nth-of-type(1) > h1.en {bottom: -468px;}

#druzya > div > div:nth-of-type(2) {width: calc(100% - 80px*2 - 60px); max-width: 1080px; min-height: 406px; margin: 0 110px 0 30px; position: relative; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;}
#druzya > div > div.en {min-height: 496px;}
#druzya > div > div:nth-of-type(2) > div {width: 100%; margin: 90px 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}

#druzya > div > div:nth-of-type(2) > div > div {width: calc(100%/3 - 60px); margin: 30px; position: relative; overflow: visible; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start;}
#druzya > div > div:nth-of-type(2) > div > div img {width: 100%; height: auto;}
}

@media screen and (max-width: 1180px) {
#druzya > div {margin: 0;}

#druzya > div > div:nth-of-type(1) {width: 100%;}
#druzya > div > div:nth-of-type(1) > h1 {margin: 60px 74px 1px; position: relative; bottom: inherit; transform: none;}
#druzya > div > div:nth-of-type(1) > h1.en {bottom: inherit;}

#druzya > div > div:nth-of-type(2) {width: calc(100% - 60px); min-height: inherit; margin: 0 30px;}
#druzya > div > div.en {min-height: inherit;}
}

@media screen and (max-width: 1024px) {
#druzya > div > div:nth-of-type(1) > h1 {margin: 40px 30px 1px;}

#druzya > div > div:nth-of-type(2) {width: calc(100% - 30px); margin: 0 15px;}
#druzya > div > div:nth-of-type(2) > div {margin: 65px 0;}

#druzya > div > div:nth-of-type(2) > div > div {width: calc(100%/3 - 30px); margin: 15px;}
}

@media screen and (max-width: 810px) {
#druzya > div > div:nth-of-type(1) > h1 {width: 100%; font-size: 44px; line-height: 43px; text-align: center; margin: 34px 30px 1px; white-space: inherit;}

#druzya > div > div:nth-of-type(2) > div {margin: 58px 0 65px;}
#druzya > div > div:nth-of-type(2) > div {justify-content: center;}
}

@media screen and (max-width: 500px) {
#druzya > div > div:nth-of-type(2) > div > div {width: calc(100%/2 - 30px);}
}

/* Подвал */

@media screen {
footer {width: 100%; color: rgba(255,255,255,1.0); background-color: rgba(30,33,41,1.0); position: relative; overflow: hidden; display: flex; justify-content: center; z-index: 2;}
footer *, footer *:hover, footer *:focus, footer *:visited {color: rgba(255,255,255,1.0);}
footer > div {width: 100%; max-width: 1080px; margin: 0 170px; position: relative; overflow: visible; display: flex; justify-content: center; flex-wrap: wrap;}

footer > div > div {width: calc(100%/2 - 60px); position: relative; overflow: visible; display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap;}

footer > div > div:nth-of-type(1) {font-size: 16px; line-height: 24px; margin: 52px 30px 60px; order: 2;}
footer > div > div:nth-of-type(1) > p {font-weight: 600;}
footer > div > div:nth-of-type(1) > p:nth-of-type(2) {margin: 27px 0 0;}
footer > div > div:nth-of-type(1) > a.en_mail {margin: 5px 0 0;}
footer > div > div:nth-of-type(1) > a.en_phone {font-size: 26px; line-height: 24px; margin: 10px 0 9px;}
footer > div > div:nth-of-type(1) > a.en_podderzhka {font-weight: 600; margin: 20px 0 0;}
footer > div > div:nth-of-type(1) > div {position: relative; overflow: hidden; display: flex; margin: 35px 0 0;}
footer > div > div:nth-of-type(1) > div > img {width: 30px; height: 30px; margin: 0 10px 0 0; filter: grayscale(100%);}

footer > div > div:nth-of-type(2) {font-size: 14px; line-height: 24px; margin: 51px 30px 65px; order: 3; opacity: 0.6;}
footer > div > div:nth-of-type(2) > p {padding: 0; margin: 2px 0 24px;}
footer > div > div:nth-of-type(2) > p > span {font-weight: 500; text-transform: uppercase;}

footer > div > div:nth-of-type(3) {width: 100%; padding: 0 0 60px; margin: 60px 0 0; border-bottom: 1px solid rgba(255,255,255,0.6); display: none; opacity: 0.6; order: 1;}
footer > div > div:nth-of-type(3) > p {font-size: 14px; line-height: 18px; text-align: center; padding: 0 30px; margin: -4px 0; align-self: center;}
footer > div > div:nth-of-type(3) > p > span {font-weight: 500; text-transform: uppercase;}
}

@media screen and (max-width: 1180px) {
footer > div {margin: 0 30px;}
}

@media screen and (max-width: 1024px) {
footer > div {margin: 0 15px;}

footer > div > div {width: calc(100%/2 - 30px);}

footer > div > div:nth-of-type(1) {margin: 32px 15px 40px;}

footer > div > div:nth-of-type(2) {margin: 31px 15px 35px;}

footer > div > div:nth-of-type(3) > p {padding: 0 15px;}
}

@media screen and (max-width: 810px) {
footer > div > div {width: calc(100% - 30px);}

footer > div > div:nth-of-type(1) {text-align: center; margin: 32px 15px 20px; align-items: center;}

footer > div > div:nth-of-type(2) {text-align: center; margin: 11px 15px 35px; align-items: center;}
}

/* Публичная оферта и  F.A.Q.*/

@media screen {
.fancybox-slide--iframe {padding: 20px 12px 20px 20px;}
.fancybox-slide--iframe .fancybox-content {width: 1040px; max-width: 100%; height: 780px; max-height: 100%; padding: 0; margin: 0;}
}

@media screen and (max-width: 1060px) {
.fancybox-slide--iframe {padding: 20px 16px 20px 20px;}
}

/* Фоны для заголовка и иллюстраций */

@media screen {
.en_fon_top {width: 100%; height: 60px; background-color: rgba(30,33,41,0.92); position: fixed; top: 0; left: 0; overflow: hidden; display: block; z-index: 3;}
.en_fon_bottom {width: 100%; height: 60px; background-color: rgba(30,33,41,0.92); position: fixed; bottom: 0; left: 0; overflow: hidden; display: block; z-index: 3;}

.en_socseti_bottom {width: 100%; margin: 0 0 15px; position: fixed; bottom: 0; left: 0; overflow: visible; display: flex; justify-content: center; z-index: 4;}
.en_socseti_bottom > a {margin: 0 10px; opacity: 0.5;}
.en_socseti_bottom > a > img {width: 30px; height: 30px;}

.en_bg {background-attachment: fixed;}
}

@media screen and (max-width: 1430px) {
.en_fon_top {width: 50px; height: 62px; background-color: rgba(30,33,41,1.0); min-height: inherit; right: 60px; left: inherit;}
.en_fon_bottom, .en_socseti_bottom {display: none;}
}

@media screen and (max-width: 1024px) {
.en_fon_top {right: 30px;}
}

/* Фоновые видео-ролики */

@media screen {
.ytplayer-container {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.ytplayer-player {width: 100%; max-width: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
}

/* СЛАЙДЕРЫ  — общие стили */

@media screen {
/* Общие настройки */

.slick-list {height: 100%; position: relative; overflow: hidden; display: block;}
.slick-track {height: 100%; position: relative; top: 0; left: 0; display: block;}
.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0, 0, 0);}
.slick-slide {height: 100%; min-height: 1px; display: none; float: left;}

/* Слайды */

.en_slayder_blok {width: 100%; position: relative; overflow: visible; display: flex; justify-content: center; flex-wrap: wrap; flex: 1;}
.en_slayder {width: 100%; position: relative; overflow: visible; display: block; z-index: 2;}
.en_slayder .slayd {width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; display: flex; user-select: none; touch-action: pan-y;}

/* Стрелки */

.slick-prev, .slick-next {width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: 30px; background-image: url(/images/icons/navigaciya/slayder.svg); background-color: rgba(11,12,15,0.12); position: absolute; right: 50%; bottom: 30px; display: block; z-index: 30; cursor: pointer;}
.slick-prev {margin: 0 -420px 0 0; transform: rotate(-180deg);}
.slick-next {margin: 0 -510px 0 0;}
.slick-disabled {opacity: 0.2; cursor: default;}

#anons .slick-prev, #anons .slick-next {background-color: rgba(255,255,255,0.12); right: inherit; left: 50%;}
#anons .slick-prev {margin: 0 0 0 -510px;}
#anons .slick-next {margin: 0 0 0 -420px;}

/* Точки */

.slick-dotted.slick-slider {padding-bottom: 20px;}

.slick-dots {width: 100%; margin: auto; position: relative; display: flex; justify-content: center;}
.slick-dots > li {width: 10px; height: 10px; padding: 0; margin: 5px 5px 0; position: relative; display: inline-block; cursor: pointer;}
.slick-dots > li > button {width: 10px; height: 10px; text-indent: -9999px; background-color: transparent; border-radius: 5px; border: 1px solid rgba(0,0,0,0.8); position: relative; overflow: hidden; display: block; cursor: pointer;}
.slick-dots > li > button:hover, .slick-dots > li.slick-active > button {border: 1px solid rgba(0,0,0,1.0); background: rgba(0,0,0,1.0);}
}

@media screen and (max-width: 1430px) {
.slick-prev {margin: 0; right: 290px;}
.slick-next {margin: 0; right: 200px;}

#anons .slick-prev {margin: 0; left: 30px;}
#anons .slick-next {margin: 0; left: 120px;}
}

@media screen and (max-width: 1180px) {
.slick-prev {right: calc( ( (100% - 1080px) / 2 ) + 30px + 90px );}
.slick-next {right: calc( ( (100% - 1080px) / 2 ) + 30px );}
}

@media screen and (max-width: 1140px) {
.slick-prev {right: 150px;}
.slick-next {right: 60px;}
}

@media screen and (max-width: 1024px) {
.slick-prev, .slick-next {width: 50px; height: 50px; background-size: 25px; bottom: 30px;}
.slick-prev {right: 110px;}
.slick-next {right: 30px;}

#anons .slick-prev {margin: 0; left: 15px;}
#anons .slick-next {margin: 0; left: 85px;}
}

@media screen and (max-width: 810px) {
.slick-prev, .slick-next {width: 40px; height: 40px; background-size: 20px; bottom: 20px;}
.slick-prev {margin: 0 10px 0 0; right: 50%;}
.slick-next {margin: 0 -50px 0 0; right: 50%;}

#anons .slick-prev, #anons .slick-next {right: inherit; left: 50%;}
#anons .slick-prev {margin: 0 0 0 -50px;}
#anons .slick-next {margin: 0 0 0 10px;}
}

/* Кнопки и фрейм афиши */

@media screen {
.abiframelnk {width: auto; height: auto; font-size: 17px; line-height: 54px; color: rgba(30,33,41,1.0); font-weight: 700; text-decoration: none; text-transform: uppercase; background-color: rgba(255,255,255,1.0); border: 2px solid rgba(30,33,41,1.0); padding: 0 45px 0 44px; cursor: pointer;}
.abiframelnk:hover{color: rgba(255,255,255,1.0); text-decoration: none; background-color: rgba(30,33,41,1.0);}

.intickets-frame-container {width: 100%;}
.intickets-frame-container .intickets-frame-wrapper iframe {width: 100%; height: 600px; max-height: 80vh;}
}

/* Сервис НАВЕРХ */

@media screen {
#en_na-verh {position: absolute; right: 50px; display: none; z-index: 30;}
#en_na-verh > div {width: 40px; height: 40px; background-image: url(/images/icons/navigaciya/strelka.svg); background-position: center; background-repeat: no-repeat; background-size: 20px; background-color: rgba(229,229,229,1.0); position: fixed; overflow: hidden; display: block; bottom: 100px; transition: 0.45s ease; cursor: pointer; transform: rotate(-90deg);}
#en_na-verh > div:hover {background-color: rgba(179,179,179,1.0);}
}

/* Полоса прокрутки */

@media screen {
::-webkit-resizer {width: 8px; height: 1px; background-image: url(''); background-repeat: no-repeat;}
::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-button {width: 0; height: 0; background-image: url(''); background-repeat: no-repeat;}
::-webkit-scrollbar-thumb {border-radius: 2px; -webkit-border-radius: 2px; background-color: rgba(204,204,204,1.0);}
::-webkit-scrollbar-track {background-color: rgba(30,33,41,1.0);}
}

@media screen and (max-width: 1024px) {
::-webkit-resizer {width: 4px;}
::-webkit-scrollbar {width: 4px; height: 4px;}
}