/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 versions
*/

@media only screen and (max-width: 1840px) {
	.preface {
	    line-height: 28px;
	}

	.caption {
	    font-size: 24px;
	}

	header .social img {
		width: 190px;
	}

	.watch-online-highlight {
		font-size: 26px;
	}

	.movie {
	    width: 782px;
	    height: 440px;
	}

	.media .social {
	    right: 0;
	}

	.goto-reg {
    	margin: 0 auto 30px auto;
	}

	.goto-reg img {
		width: 500px;
	}

	.foreword {
		font-size: 22px;
		line-height: 28px;
	}

	.welcome-herores {
		width: 1285.45px;
	}

	.welcome-herores img {
	    height: 527.48px;
	}

	.info-tablo {
		width: 1000px;
	}

	.about-paragraph {
		font-size: 22px;
		line-height: 28px
	}

	.concert-time-label {
		font-size: 40px;
	}

	main h2 {
	    font-size: 80px;
	}

	section, .years-container, .mv-container, .impressions-container {
	    width: 950px;
	}

	main h3 {
	    font-size: 80px;
	}

	.years-container {
		width: 350px;
	}

	.years-container .owl-stage .active h3 {
    	font-size: 210px;
	}

	.mv-container p {
	    width: 700px;
	    font-size: 22px;
	    line-height: 30px;
	}

	.owl-prev img, .owl-next img {
	    width: 100px;
	}

	article p {
	    font-size: 22px;
	    line-height: 30px;
	    margin-bottom: 60px;
	}

	aside img {
	    width: 420px;
	}

	.impressions-container p {
	    width: 700px;
	    font-size: 22px;
	    line-height: 30px;
	}

	.impressions-container span {
	    width: 700px;
	    font-size: 22px;
	    line-height: 30px;
	}

	.footer-container {
	    width: 800px;
	    padding: 40px 40px;
	    margin: 0 auto 30px auto;
	}

	.footer-logo {
	    font-size: 82px;
	}

	footer p {
	    font-size: 22px;
	    line-height: 30px;
	    margin: 20px 60px 20px 60px;
	}

	footer .mvstore {
		width: 800px;
	}
}

@media only screen and (max-width: 1638px) {
	.card {
    	width: 300px;
	}

	#pers1 .card {
	    top: 300px;
	}

	#pers3 .card {
    	top: 530px;
	}

	#pers6 .card {
	    top: 480px;
	    -webkit-transform: translateX(710px);
	        -ms-transform: translateX(710px);
	            transform: translateX(710px);
	}

	#pers7 .card {
    	top: 490px;
	}

	#pers8 .card {
    	top: 340px;
	}

	#pers10 .card {
    	top: 280px;
	}

	#pers12 .card {
	    top: 676px;
	    -webkit-transform: translateX(756px);
	        -ms-transform: translateX(756px);
	            transform: translateX(756px);
	}

	#pers13 .card {
    	top: 780px;
	}

	#pers14 .card {
    	top: 940px;
	}

	#pers15 .card {
    	top: 980px;
	}

	#pers16 .card {
    	top: 960px;
	}

	#pers18 .card {
    	top: 970px;
	}

	#pers19 .card {
    	top: 890px;
	}
}

@media only screen and (max-width: 1462px) {
	.info-tablo {
		width: 1000px;
	}

	main h2 {
	    font-size: 70px;
	}

	section, .years-container, .mv-container, .impressions-container {
	    width: 899px;
	}

	main h3 {
	    font-size: 80px;
	}

	.years-container {
		width: 350px;
	}

	.mv-container p {
		font-size: 22px;
	    line-height: 28px;
	}

	.mv-container .owl-item .mv-images a img {
	    width: 200px;
	    height: 113px;
	}

	.mv-container .owl-item .mv-images img {
	    width: 180px;
	    height: 100px;
	}

	article p {
	    font-size: 22px;
	    line-height: 28px;
	    margin-bottom: 40px;
	}

	.impressions {
	    margin-top: 100px;
	}

	.impressions-container p {
	    line-height: 28px;
	}

	footer p {
	    line-height: 28px;
	}
}

@media only screen and (max-width: 1440px) {
	.card {
    	width: 250px;
	}

	#pers3 .card {
	    top: 510px;
	}

	#pers8 .card {
	    top: 320px;
	}

	#pers9 .card {
    	top: 260px;
	}

	#pers10 .card {
	    -webkit-transform: translateX(350px);
	        -ms-transform: translateX(350px);
	            transform: translateX(350px);
	}

	#pers11 .card {
	    -webkit-transform: translateX(430px);
	        -ms-transform: translateX(430px);
	            transform: translateX(430px);
	}

	#pers12 .card {
	    -webkit-transform: translateX(400px);
	        -ms-transform: translateX(400px);
	            transform: translateX(400px);
	}

	#pers17 .card {
    	top: 940px;
	}

	#pers18 .card {
	    top: 950px;
	}

	#pers20 .card {
    	top: 740px;
	}
}

@media only screen and (max-width: 1361px) {
	#pers6 .card {
	    -webkit-transform: translateX(350px);
	        -ms-transform: translateX(350px);
	            transform: translateX(350px);
	}

	#pers14 .card {
	    -webkit-transform: translateX(450px);
	        -ms-transform: translateX(450px);
	            transform: translateX(450px);
	}

	#pers15 .card {
	    -webkit-transform: translateX(350px);
	        -ms-transform: translateX(350px);
	            transform: translateX(350px);
	}
}

@media only screen and (max-width: 1328px) {
	.media {
	    width: 1100px;
	}

	.movie {
	    width: 720px;
	    height: 405px;
	}

	.media .social {
	    right: 0px;
	}

	header .social img {
	    width: 140px;
	}

	.welcome-herores {
	    width: 1200px;
	}

	.img {
		width: 10vw;
	}

	.h1 {
		font-size: 6vw;
	}

	.h1 span {
	    font-size: 3.5vw;
	}

	.p {
		font-size: 2vw;
	}

	.close-btn {
		font-size: 3vw;
	}
}

@media only screen and (max-width: 1280px) {
	.media {
	    width: 990px;
	}

	.movie {
	    width: 640px;
	    height: 360px;
	}

	.goto-reg img {
    	width: 440px;
	}

	.foreword {
	    font-size: 20px;
	}

	.welcome-herores {
    	width: 1050px;
	}

	.welcome-herores img {
    	height: 460px;
	}

	.info-tablo {
		width: 900px;
		margin: 0 auto -25px auto;
	}

	.info-message {
    	font-size: 29px;
    	line-height: 29px;
	}

	.info-contacts {
	    font-size: 39px;
	    line-height: 39px;
	    margin-bottom: 0;
	}

	.about-paragraph {
	    font-size: 20px;
	    width: 750px;
	}

	.registration-container {
		width: 500px;
	}

	.person-interactive:before {
		width: 220px;
	    left: 125px;
	}

	.form-count {
		font-size: 24px;
	}

	.person-form label {
		width: 100%;
	}

	.person-form label:before {
		right: 520px;
		font-size: 24px;
		letter-spacing: 0;
	}

	.concert-day {
		font-size: 36px;
		line-height: 36px;
	}

	.concert-day:before, .concert-day:after {
		width: 140px;
	}

	.concert-time {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-top: 18px;
	}

	.concert-time:before {
	    right: 528px;
	    font-size: 24px;
	    letter-spacing: 0;
	}

	.concert-time-label {
	    font-size: 30px;
	}

	.afterform-ps {
	    left: 13px;
	    font-size: 18px;
	}

	main {
	    margin-top: 0;
	}

	main h2 {
	    font-size: 60px;
	}

	main h3 {
	    font-size: 70px;
	}

	.years-container {
		width: 320px;
	}

	.years-container .owl-stage .active h3 {
	    font-size: 150px;
	}

	.mv-container p {
	    font-size: 20px;
	}

	.owl-prev {
	    left: -70px;
	}

	.owl-next {
	    right: -70px;
	}

	article p {
	    font-size: 20px;
	    line-height: 28px;
	}

	aside img {
	    width: 300px;
	    border: 10px solid #FFFFFF;
	}

	.impressions-container p {
	    font-size: 20px;
	    line-height: 30px;
	}

	.impressions-container .owl-prev, .impressions-container .owl-next {
	    -webkit-transform: translateY(-100px);
	        -ms-transform: translateY(-100px);
	            transform: translateY(-100px);
	}

	.footer-logo {
		top: -40px;
	    font-size: 74px;
	}

	footer p {
	    font-size: 20px;
	    line-height: 30px;
	    margin: 10px 20px 10px 20px;
	}
}

@media only screen and (max-width: 1050px) {
	.media {
    	width: 960px;
	}

	.movie {
    	width: 620px;
    	height: 349px;
	}

	.welcome-herores img {
	    height: 440px;
	}

	.welcome-herores {
	    width: 950px;
	}

	.info-tablo {
		width: 700px;
	}

	.info-message {
	    font-size: 24px;
	    margin: 0 auto 10px auto;
	}

	.info-contacts {
	    font-size: 30px;
	    line-height: 30px;
	}

	.person-form label:before {
    	font-size: 22px;
    	right: 515px;
	}

	.concert-time:before {
		font-size: 22px;
		right: 515px
	}

	.register-button {
		-webkit-transform: scale(1.3);
		    -ms-transform: scale(1.3);
		        transform: scale(1.3);
		margin: 50px 0 0 0;
	}

	.afterform-ps {
	    left: 10px;
	    font-size: 16px;
	}
}

@media only screen and (max-width: 999px) {
	.preface {
	    font-size: 22px;
	    line-height: 24px;
	}

	.logo {
	    width: 640px;
	    margin: 0 auto -50px auto;
	}

	.caption {
	    font-size: 22px;
	}

	.media {
	    width: 800px;
	}

	.movie {
	    width: 460px;
	    height: 259px;
	    border: 10px solid #FFFFFF;
	}

	.goto-reg img {
	    width: 360px;
	}

	.foreword {
	    font-size: 18px;
	    line-height: 24px;
	    width: auto;
	}

	.welcome-herores {
	    width: 800px;
	}

	.welcome-herores img {
	    height: 320px;
	}

	.info-tablo {
		width: 570px;
		margin: 0 auto -15px auto;
	}

	.info-message {
	    font-size: 20px;
	    margin: 0 auto 15px auto;
	}

	.info-contacts a {
    	padding: 0 8px 0 10px;
	}

	.interactive-poster {
	    width: 90vw;
	    height: 130vw;
	}

	.card {
		width: 200px;
		padding: 2vw;
	}

	.card-name {
    	font-size: 2.2vw;
	}

	.card-text {
		font-size: 1.8vw;
	}

	#pers1 .toggle {
	    left: 37vw;
	    top: 47vw;
	}

	#pers1 .card {
	    top: 29vw;
    	-webkit-transform: translateX(42vw);
    	    -ms-transform: translateX(42vw);
    	        transform: translateX(42vw);
	}

	#pers2 .toggle {
	    top: 49vw;
	    left: 56vw;
	}

	#pers2 .card {
		top: 33vw;
    	-webkit-transform: translateX(61vw);
    	    -ms-transform: translateX(61vw);
    	        transform: translateX(61vw);
	}

	#pers3 .toggle {
		top: 76vw;
    	left: 36vw;
	}

	#pers3 .card {
	    top: 54vw;
    	-webkit-transform: translateX(41vw);
    	    -ms-transform: translateX(41vw);
    	        transform: translateX(41vw);
	}

	#pers4 .toggle {
	    top: 80vw;
	    left: 58vw;
	}

	#pers4 .card {
	    top: 64vw;
	    -webkit-transform: translateX(62vw);
	        -ms-transform: translateX(62vw);
	            transform: translateX(62vw);
	}

	#pers5 .toggle {
		top: 99vw;
    	left: 42vw;
	}

	#pers5 .card {
		top: 83vw;
    	-webkit-transform: translateX(46vw);
    	    -ms-transform: translateX(46vw);
    	        transform: translateX(46vw);
	}

	#pers6 .toggle {
	    top: 69vw;
	    left: 71vw;
	}

	#pers6 .card {
		top: 50vw;
	    -webkit-transform: translateX(43vw);
	        -ms-transform: translateX(43vw);
	            transform: translateX(43vw);
	}

	#pers7 .toggle {
	    top: 69vw;
	    left: 7vw;
	}

	#pers7 .card {
	    top: 51vw;
	    -webkit-transform: translateX(11vw);
	        -ms-transform: translateX(11vw);
	            transform: translateX(11vw);
	}

	#pers8 .toggle {
	    top: 56vw;
	    left: 20vw;
	}

	#pers8 .card {
	    top: 36vw;
	    -webkit-transform: translateX(24vw);
	        -ms-transform: translateX(24vw);
	            transform: translateX(24vw);
	}

	#pers9 .toggle {
    	top: 45vw;
    	left: 29vw;
	}

	#pers9 .card {
		top: 27vw;
    	-webkit-transform: translateX(33vw);
    	    -ms-transform: translateX(33vw);
    	        transform: translateX(33vw);
	}

	#pers10 .toggle {
		top: 47vw;
    	left: 69vw;
	}

	#pers10 .card {
		top: 29vw;
    	-webkit-transform: translateX(42vw);
    	    -ms-transform: translateX(42vw);
    	        transform: translateX(42vw);
	}

	#pers11 .toggle {
		top: 55vw;
    	left: 79vw;
	}

	#pers11 .card {
		top: 40vw;
    	-webkit-transform: translateX(51vw);
    	    -ms-transform: translateX(51vw);
    	        transform: translateX(51vw);
	}

	#pers12 .toggle {
		top: 90vw;
    	left: 75vw;
	}

	#pers12 .card {
	    top: 72vw;
   		-webkit-transform: translateX(48vw);
   		    -ms-transform: translateX(48vw);
   		        transform: translateX(48vw);
	}

	#pers13 .toggle {
		top: 101vw;
    	left: 59vw;
	}

	#pers13 .card {
		top: 82vw;
    	-webkit-transform: translateX(62vw);
    	    -ms-transform: translateX(62vw);
    	        transform: translateX(62vw);
	}

	#pers14 .toggle {
		top: 114vw;
    	left: 80vw;
	}

	#pers14 .card {
	    top: 99vw;
    	-webkit-transform: translateX(54vw);
    	    -ms-transform: translateX(54vw);
    	        transform: translateX(54vw);
	}

	#pers15 .toggle {
		top: 116vw;
    	left: 69vw;
	}

	#pers15 .card {
	    top: 101vw;
    	-webkit-transform: translateX(43vw);
    	    -ms-transform: translateX(43vw);
    	        transform: translateX(43vw);
	}

	#pers16 .toggle {
	    top: 120vw;
	    left: 56vw;
	}

	#pers16 .card {
	    top: 100vw;
	    -webkit-transform: translateX(61vw);
	        -ms-transform: translateX(61vw);
	            transform: translateX(61vw);
	}

	#pers17 .toggle {
	    top: 118vw;
	    left: 43vw;
	}

	#pers17 .card {
	    top: 100vw;
	    -webkit-transform: translateX(47vw);
	        -ms-transform: translateX(47vw);
	            transform: translateX(47vw);
	}

	#pers18 .toggle {
	    top: 120vw;
	    left: 31vw;
	}

	#pers18 .card {
	    top: 101vw;
	    -webkit-transform: translateX(36vw);
	        -ms-transform: translateX(36vw);
	            transform: translateX(36vw);
	}

	#pers19 .toggle {
		top: 112vw;
    	left: 19vw;
	}

	#pers19 .card {
		top: 95vw;
    	-webkit-transform: translateX(23vw);
    	    -ms-transform: translateX(23vw);
    	        transform: translateX(23vw);
	}

	#pers20 .toggle {
		top: 96vw;
    	left: 14.5vw;
	}

	#pers20 .card {
		top: 79vw;
    	-webkit-transform: translateX(18vw);
    	    -ms-transform: translateX(18vw);
    	        transform: translateX(18vw);
	}

	.about-paragraph {
	    font-size: 18px;
	    width: 650px;
	}

	.person-interactive {
		margin-bottom: 15px
	}

	.form-count {
	    font-size: 22px;
	}

	.delete-person {
    	width: 120px;
	}

	.person-form input {
		font-size: 22px;
		height: 40px;
		margin: 0 0 15px 0;
	}

	.person-form label:before {
	    right: 350px;
	}

	.add-secondary-person {
		height: 80px;
	}

	.concert-day {
	    font-size: 30px;
	    line-height: 30px;
	}

	.concert-day:before, .concert-day:after {
	    width: 70px;
	}

	.concert-time:before {
	    right: 350px;
	}

	.concert-time-label {
		height: 60px;
	}

	.register-button {
    	-webkit-transform: scale(1.2);
    	    -ms-transform: scale(1.2);
    	        transform: scale(1.2);
    	margin: 30px 0 0 0;
	}

	section, .years-container, .mv-container, .impressions-container {
	    width: 700px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}

	.years-container {
		width: 250px;
		top: -140px;
	}

	main h3 {
	    font-size: 60px;
	}

	.years-container .owl-stage .active h3 {
	    font-size: 120px;
	}

	.mv-container p {
		top: 0;
	    width: 600px;
	    height: 200px;
	    font-size: 18px;
	    line-height: 24px;
	}

	.mv-container .mv-images {
	    height: 220px;
	}

	.mv-container .owl-item .mv-images a img {
	    width: 180px;
	    height: 101px;
	}

	.mv-container .owl-item .mv-images img {
	    width: 140px;
	    height: 80px;
	}

	.owl-prev {
	    left: -70px;
	}

	.owl-next {
	    right: -70px;
	}

	article p {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 20px;
	}

	aside {
	    margin-right: 20px;
	}

	aside img {
	    width: 240px;
	}

	.mv-container .owl-prev, .mv-container .owl-next {
	    -webkit-transform: translateY(-250px);
	        -ms-transform: translateY(-250px);
	            transform: translateY(-250px);
	}

	.impressions-container p {
	    width: 650px;
	    font-size: 18px;
	    line-height: 24px;
	}

	.impressions-container span {
	    width: 650px;
	    font-size: 18px;
	    line-height: 24px;
	}

	.footer-container {
	    width: 700px;
	}

	.footer-logo {
	    font-size: 72px;
	}

	footer p {
	    font-size: 18px;
	    line-height: 24px;
	}

	footer .mvstore {
	    width: 700px;
	    padding: 20px 20px;
	}
}

@media only screen and (max-width: 841px) {
	.mvstore {
		font-size: 20px;
	}

	.preface {
    	font-size: 20px;
    	line-height: 22px;
    	margin-top: 30px;
	}

	.logo {
    	width: 570px;
	}

	.caption {
    	font-size: 20px;
	}

	.movie {
    	width: 600px;
    	height: 338px;
    	margin-bottom: 10px;
	}

	.media {
		width: auto;
	}

	.media .social {
    	position: relative;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	margin-bottom: 10px;
	}

	.watch-online-button {
		margin: 0 auto 10px auto;
	}

	.toggle {
	    -webkit-transform: scale(0.7);
	        -ms-transform: scale(0.7);
	            transform: scale(0.7);
	}

	.toggle:hover {
		-webkit-transform: scale(0.8);
		    -ms-transform: scale(0.8);
		        transform: scale(0.8);
		-webkit-filter: brightness(0.9);
		        filter: brightness(0.9);
	}

	.card {
	    width: 300px;
	}

	.card-name {
	    font-size: 3.3vw;
	}

	.card-text {
	    font-size: 2.5vw;
	}

	#pers1 .card {
	    top: 25vw;
	    -webkit-transform: translateX(43vw);
	        -ms-transform: translateX(43vw);
	            transform: translateX(43vw);
	}

	#pers2 .card {
		top: 31vw;
		-webkit-transform: translateX(13vw);
		    -ms-transform: translateX(13vw);
		        transform: translateX(13vw);
	}

	#pers3 .card {
	    top: 51vw;
    	-webkit-transform: translateX(40vw);
    	    -ms-transform: translateX(40vw);
    	        transform: translateX(40vw);
	}

	#pers4 .card {
	    top: 62vw;
	    -webkit-transform: translateX(13vw);
	        -ms-transform: translateX(13vw);
	            transform: translateX(13vw);
	}

	#pers6 .card {
	    top: 49vw;
	    -webkit-transform: translateX(28vw);
	        -ms-transform: translateX(28vw);
	            transform: translateX(28vw);
	}

	#pers7 .card {
	    top: 49vw;
	    -webkit-transform: translateX(12vw);
	        -ms-transform: translateX(12vw);
	            transform: translateX(12vw);
	}

	#pers8 .card {
	    top: 30vw;
	    -webkit-transform: translateX(25vw);
	        -ms-transform: translateX(25vw);
	            transform: translateX(25vw);
	}

	#pers10 .card {
		top: 26vw;
    	-webkit-transform: translateX(25vw);
    	    -ms-transform: translateX(25vw);
    	        transform: translateX(25vw);
	}

	#pers11 .card {
		top: 37vw;
    	-webkit-transform: translateX(34vw);
    	    -ms-transform: translateX(34vw);
    	        transform: translateX(34vw);
	}

	#pers12 .card {
		top: 70vw;
    	-webkit-transform: translateX(30vw);
    	    -ms-transform: translateX(30vw);
    	        transform: translateX(30vw);
	}

	#pers13 .card {
		top: 82vw;
    	-webkit-transform: translateX(14vw);
    	    -ms-transform: translateX(14vw);
    	        transform: translateX(14vw);
	}

	#pers14 .card {
	    top: 97vw;
    	-webkit-transform: translateX(35vw);
    	    -ms-transform: translateX(35vw);
    	        transform: translateX(35vw);
	}

	#pers15 .card {
	    top: 99vw;
    	-webkit-transform: translateX(25vw);
    	    -ms-transform: translateX(25vw);
    	        transform: translateX(25vw);
	}

	#pers16 .card {
	    top: 99vw;
	    -webkit-transform: translateX(12vw);
	        -ms-transform: translateX(12vw);
	            transform: translateX(12vw);
	}

	#pers17 .card {
	    top: 97vw;
	}

	#pers18 .card {
	    top: 100vw;
	}

	#pers19 .card {
		top: 93vw;
	}

	#pers20 .card {
		top: 77vw;
	}

	.about-paragraph {
		width: 500px;
		line-height: 24px;
	}

	.person-interactive {
	    margin-bottom: 45px;
	}

	.person-form label:before {
	    top: -30px;
	    right: 0;
	    left: 0;
	    font-size: 16px;
	}

	.person-form input {
	    font-size: 18px;
	    margin: 0 0 40px 0;
	}

	.add-secondary-person {
		margin: -20px 0 0 0;
	}

	.concert-day {
		font-size: 24px;
		margin: 30px 0 30px 0;
	}

	.concert-day:before, .concert-day:after {
	    width: 160px;
	}

	.concert-time {
		width: 480px;
	}

	.concert-time:before {
	    top: -30px;
	    right: 0;
	    left: 0;
	    font-size: 16px;
	}

	.concert-time label {
		width: 225px;
	    margin-left: 0;
	}

	.afterform-ps {
	    left: 0;
	    font-size: 14px;
	    line-height: 20px;
	    margin: 0px 0 80px 0px;
	}

	.close-icn {
		-webkit-transform: scale(0.9);
		    -ms-transform: scale(0.9);
		        transform: scale(0.9);
	}

	.img {
		width: 13vw;
	}

	.h1 {
		font-size: 8vw;
	}

	.h1 span {
	    font-size: 4vw;
	}

	.p {
		font-size: 3vw;
	}

	.p:after {
    	top: 160%;
	}

	.close-btn {
		font-size: 4vw;
		padding: 2% 3% 2% 3%;
		margin: 10% 0 10% 0;
	}

	footer .social img {
	    width: 140px;
	}

	footer #yt:hover {
		border-color: transparent;
	}

	footer #inst:hover {
		border-color: transparent;
	}

	footer #fb:hover {
		border-color: transparent;
	}

	.media .social a {
		margin: 10px;
		padding-bottom: 0;
	}

	.welcome-herores {
		display: none
	}

	.info-tablo {
	    width: 570px;
	    margin: 0 auto;
	}
	
	.info-contacts {
	    width: -webkit-fit-content;
	    width: -moz-fit-content;
	    width: fit-content;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column;
	            flex-flow: column;
	    font-size: 46px;
	    line-height: 61px;
	    margin: 0 auto;
	}

	.info-contacts a {
	    padding: 0;
	    border: none;
	}

	section, .years-container, .mv-container, .impressions-container {
	    width: 650px;
	}

	.years-container {
    	top: -160px;
    	width: 400px;
	}

	.mv-container {
		position: relative;
		top: -70px;
	}

	.mv-container .owl-prev, .mv-container .owl-next {
	    -webkit-transform: translateY(80px);
	        -ms-transform: translateY(80px);
	            transform: translateY(80px);
	}

	.mv-container .owl-prev {
	    left: 60px;
	}

	.mv-container .owl-next {
	    right: 60px;
	}

	.impressions-container {
		margin-bottom: 40px;
	}

	.impressions-container .owl-prev, .impressions-container .owl-next {
	    -webkit-transform: translateY(60px);
	        -ms-transform: translateY(60px);
	            transform: translateY(60px);
	}

	.impressions-container .owl-prev {
	    left: 60px;
	}

	.impressions-container .owl-next {
	    right: 60px;
	}

	.footer-container {
	    width: 650px;
	    padding: 20px 0;
	}

	.footer-logo {
	    top: -40px;
	}

	footer .mvstore {
	    width: 550px;
	    padding: 20px 0 20px 0;
	    margin: 0 auto 15px auto;
	}

	footer .social {
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    width: auto;
	}

	footer .social a {
	    margin: 10px;
	}
}

@media only screen and (max-width: 720px) {
	.preface {
		font-size: 3vw;
		margin-bottom: -20px;
	}

	.logo {
		width: 80vw;
		margin: 0 auto -40px auto;
	}

	.caption {
		font-size: 3vw;
		margin-bottom: 20px;
	}

	.movie {
    	width: 500px;
    	height: 281px;
	}

	.movie img {
		width: 20vw;
	}

	header .social img {
	    width: 20vw;
	}

	.watch-online-highlight {
	    font-size: 3.5vw;
	    margin-bottom: 10px;
	}

	.watch-online-padding {
		margin: 0 auto 20px auto;
	}

	.goto-reg img {
	    width: 50vw;
	}

	.foreword {
		font-size: 3vw;
	}

	.info-message {
    	font-size: 23px;
    }

    #pers1 .card {
    	top: 29vw;
	}

    #pers5 .card {
	    top: 81vw;
	    -webkit-transform: translateX(40vw);
	        -ms-transform: translateX(40vw);
	            transform: translateX(40vw);
	}

	#pers8 .card {
    	top: 36vw;
	}

	#pers17 .card {
	    top: 100vw;
	    -webkit-transform: translateX(37vw);
	        -ms-transform: translateX(37vw);
	            transform: translateX(37vw);
	}

    .waiting-room label {
	    font-size: 17px;
	}

	main {
	    margin-top: 0;
	}

	section, .years-container, .mv-container, .impressions-container {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	        -ms-flex-flow: column-reverse;
	            flex-flow: column-reverse;
	    width: 100vw;
	}

	.years-container {
		width: 200px;
	}

	main h2 {
	    font-size: 8vw;
	}

	.years-container .owl-stage .active h3 {
	    font-size: 15vw;
	}

	main h3 {
	    font-size: 7vw;
	}

	.mv-container p {
	    width: 80vw;
	    height: 40vw;
	    font-size: 3vw;
	}

	.mv-container .mv-images {
	    height: 40vw;
	}

	.mv-container .owl-item .mv-images a img {
	    width: 24vw;
	    height: 14vw;
	}

	.mv-container .owl-item .mv-images img {
	    width: 22vw;
	    height: 13vw;
	}

	article p {
		width: 80vw;
    	font-size: 3vw;
	}

	aside {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: 0;
		margin-top: 40px;
	}

	aside img {
		width: 33vw;
		height: 20vw;
		margin: 0 -20px -20px 0;
	}

	.impressions-container {
		width: 90vw;
	}

	.impressions-container p {
	    width: 100%;
	    font-size: 3vw;
	}

	.impressions-container span {
	    width: 100%;
	    font-size: 3vw;
	}

	.impressions-container .owl-prev, .impressions-container .owl-next {
    	-webkit-transform: translateY(40px);
    	    -ms-transform: translateY(40px);
    	        transform: translateY(40px);
	}

	.owl-prev img, .owl-next img {
	    width: 12vw;
	}

	.footer-container {
	    width: 80vw;
	    padding: 4vw 0;
	}

	.footer-logo {
		top: -20px;
		font-size: 8vw;
	}

	footer .mvstore {
	    width: 80vw;
	    font-size: 3vw;
	    padding: 2vw 0;
	    margin: 0 auto 15px auto;
	}

	footer .social a img {
	    width: 120px;
	}

	footer p {
	    font-size: 3vw;
	}
}

@media only screen and (max-width: 640px) {
	.interactive-poster {
	    width: 99vw;
    	height: 139vw;
	}

	.card {
		-webkit-transform: translateX(13vw)!important;
		    -ms-transform: translateX(13vw)!important;
		        transform: translateX(13vw)!important;
	    width: 70vw;
	    padding: 3vw;
	}

	.card-name {
	    font-size: 3.5vw;
	}

	.card-text {
	    font-size: 3vw;
	}

	#pers1 .toggle {
	    left: 41vw;
    	top: 50vw;
	}

	#pers1 .card {
	    top: 59vw;
	}

	#pers2 .toggle {
	    top: 52vw;
    	left: 62vw;
	}

	#pers2 .card {
		top: 61vw;
	}

	#pers3 .toggle {
	    top: 80vw;
    	left: 39vw;
	}

	#pers3 .card {
	    top: 87vw;
	}

	#pers4 .toggle {
	    top: 85vw;
    	left: 63vw;
	}

	#pers4 .card {
	    top: 92vw;
	}

	#pers5 .toggle {
		top: 106vw;
	    left: 47vw;
	}

	#pers5 .card {
		top: 113vw;
	}

	#pers6 .toggle {
	    top: 74vw;
	    left: 77vw;
	}

	#pers6 .card {
    	top: 82vw;
	}

	#pers7 .toggle {
	    top: 73vw;
	    left: 8vw;
	}

	#pers7 .card {
    	top: 80vw;
	}

	#pers8 .toggle {
	    top: 59vw;
	    left: 22vw;
	}

	#pers8 .card {
	    top: 66vw;
	}

	#pers9 .toggle {
	    top: 48vw;
    	left: 31vw;
	}

	#pers9 .card {
	    top: 54vw;
	}

	#pers10 .toggle {
	    top: 50vw;
    	left: 76vw;
	}

	#pers10 .card {
		top: 56vw;
	}

	#pers11 .toggle {
	    top: 58vw;
    	left: 86vw;
	}

	#pers11 .card {
		top: 67vw;
	}

	#pers12 .toggle {
	    top: 97vw;
    	left: 83vw;
	}

	#pers12 .card {
		top: 105vw;
	}

	#pers13 .toggle {
	    top: 108vw;
    	left: 65vw;
	}

	#pers13 .card {
		top: 115vw;
	}

	#pers14 .toggle {
	    top: 122vw;
    	left: 88vw;
	}

	#pers14 .card {
	    top: 100vw;
	}

	#pers15 .toggle {
	    top: 126vw;
    	left: 76vw;
	}

	#pers15 .card {
	    top: 104vw;
	}

	#pers16 .toggle {
	    top: 128vw;
	    left: 61vw;
	}

	#pers16 .card {
    	top: 105vw;
	}

	#pers17 .toggle {
	    top: 125vw;
	    left: 47vw;
	}

	#pers18 .toggle {
	    top: 129vw;
	    left: 33vw;
	}

	#pers19 .toggle {
	    top: 120vw;
    	left: 22vw;
	}

	#pers19 .card {
		top: 95vw;
	}

	#pers20 .toggle {
	    top: 103vw;
    	left: 15.5vw;
	}

	#pers20 .card {
		top: 75vw;
	}

}

@media only screen and (max-width: 550px) {
	.movie {
	    width: 77vw;
	    height: 42vw;
	}

	.logo {
    	margin: 0 auto -30px auto;
	}

	.info-tablo {
    	width: 440px;
	}

	.info-message {
    	font-size: 4vw;
	}

	.info-contacts {
		font-size: 7vw;
	}

	.about-paragraph {
    	width: 90vw;
    	font-size: 3vw;
	}

	.registration-container {
	    width: 90vw;
	}

	.person-interactive:before {
	    width: 30vw;
	    left: 23vw;
	}

	.person-form input {
    	width: 70vw;
    }

    .concert-day:before, .concert-day:after {
	    width: 23vw;
	}

	.concert-time {
	    width: 80vw;
	}

	.concert-time label {
	    width: 35vw;
	}

	.afterform-ps {
		font-size: 2.9vw;
    	line-height: 15px;
		width: 70vw;
	}

	.afterform-ps:before {
    	left: 10px;
	}
}

@media only screen and (max-width: 440px) {
	.mvstore {
	    font-size: 4vw;
	    padding: 10px 25px 10px 25px;
	}

	.mvstore svg {
	    margin-bottom: -2px;
	    transform: scale(0.9);
	}

	.preface {
	    font-size: 4vw;
    	line-height: 17px;
    	margin-bottom: -10px;
	}

	.logo {
	    width: 100vw;
	    margin: 0 auto -30px auto;
	}

	.caption {
	    font-size: 4vw;
	}

	.movie {
	    width: 90vw;
	    height: 50vw;
	}

	header .social img {
	    width: 25vw;
	}

	.watch-online-highlight {
	    font-size: 5vw;
	}

	.watch-online-highlight p:first-child {
	    font-size: 3.5vw;
	}

	.goto-reg {
	    margin: 0 auto 20px auto;
	}

	.watch-online-button {
		margin: 0 auto 0 auto;
	}

	.goto-reg img {
	    width: 65vw;
	}

	.foreword {
	    font-size: 4vw;
	    line-height: 18px;
	}

	.info-tablo {
    	width: 100vw;
	}

	.info-message {
	    font-size: 4.35vw;
	    line-height: 18px;
	}

	.info-contacts {
	    font-size: 8vw;
	    line-height: 50px;
	}

	main {
	    margin-top: 0;
	}

	.card-name {
	    font-size: 4vw;
	}

	.card-text {
	    font-size: 3.5vw;
	}

	.toggle {
	    -webkit-transform: scale(0.6);
	        -ms-transform: scale(0.6);
	            transform: scale(0.6);
	}

	.toggle:hover {
		-webkit-transform: scale(0.7);
		    -ms-transform: scale(0.7);
		        transform: scale(0.7);
	}

	#pers1 .card {
	    top: 64vw;
	}

	#pers2 .card {
	    top: 65vw;
	}

	#pers3 .card {
	    top: 92vw;
	}

	#pers4 .card {
	    top: 98vw;
	}

	#pers5 .card {
	    top: 118vw;
	}

	#pers6 .card {
	    top: 84vw;
	}

	#pers7 .card {
	    top: 82vw;
	}

	#pers8 .card {
	    top: 68vw;
	}

	#pers9 .card {
	    top: 58vw;
	}

	#pers10 .card {
	    top: 60vw;
	}

	#pers12 .card {
	    top: 110vw;
	}

	#pers13 .card {
	    top: 75vw;
	}

	#pers14 .card {
	    top: 92vw;
	}

	#pers15 .card {
	    top: 95vw;
	}

	#pers16 .card {
	    top: 95vw;
	}

	#pers17 .card {
    	top: 95vw;
    }

    #pers18 .card {
	    top: 95vw;
	}

	#pers19 .card {
	    top: 90vw;
	}

	#pers20 .card {
	    top: 115vw;
	}

	.about-paragraph {
		line-height: 18px;
		margin-top: 0;
	}

	.person-interactive:before {
	    width: 20vw;
    	left: 28vw;
	}

	.concert-day {
	    margin: 35px 0 35px 0;
	}

	.concert-day:before, .concert-day:after {
	    width: 20vw;
	}

	.img {
		width: 19vw;
		margin: 0 auto 5% auto;
	}

	.h1 {
		font-size: 12vw;
	}

	.h1 span {
	    font-size: 6vw;
	}

	.p {
		font-size: 4vw;
	}

	.p:after {
    	top: 160%;
	}

	.close-btn {
		font-size: 5vw;
    	padding: 3% 5% 3% 5%;
	}

	main h2 {
	    font-size: 12vw;
	    margin-bottom: 40px;
	}

	.years-container {
	    width: 35vw;
	}

	.years-container .owl-stage .active h3 {
	    font-size: 20vw;
	}

	.mv-container p {
	    width: 90vw;
	    height: 80vw;
	    font-size: 4vw;
	    line-height: 18px;
	}

	.mv-container .mv-images {
	    height: auto;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column;
	            flex-flow: column;
	}

	.mv-container .owl-item .mv-images a img {
	    width: 75vw;
	    height: 45vw;
	}

	.mv-container .owl-item .mv-images img {
	    width: 70vw;
	    height: 46vw;
	    margin: -2vw 0 -2vw 0;
	}

	.owl-prev img, .owl-next img {
	    width: 20vw;
	}

	.mv-container .owl-prev, .mv-container .owl-next {
	    -webkit-transform: translateY(60px);
	        -ms-transform: translateY(60px);
	            transform: translateY(60px);
	}

	article p {
	    width: 90vw;
	    font-size: 4vw;
	    line-height: 18px;
	}

	aside  {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}

	aside img {
	    width: 70vw;
	    height: 40vw;
	    border: 8px solid #FFFFFF;
	    margin: -2vw 0 -2vw 0;
	}

	.impressions-container p {
	    width: 100%;
	    font-size: 4vw;
	    line-height: 18px;
	}

	.impressions-container span {
	    width: 100%;
	    font-size: 4vw;
	}

	.impressions-container .owl-prev, .impressions-container .owl-next {
	    -webkit-transform: translateY(50px);
	        -ms-transform: translateY(50px);
	            transform: translateY(50px);
	}

	.impressions-container .owl-prev {
	    left: 0px;
	}

	.impressions-container .owl-next {
	    right: 0px;
	}

	.footer-container {
	    width: 90vw;
	    margin-bottom: 40px;
	}

	footer .mvstore {
	    width: 86vw;
	    font-size: 4vw;
	    margin-bottom: 15px;
	    padding: 2vw;
	}

	footer .mvstore svg {
		transform: scale(1.2);
	}

	footer .mvstore span {
		display: block;
    	padding-top: 5px;
	}

	.footer-logo {
		top: -22px;
		font-size: 12vw;
	}

	footer {
		margin-bottom: 40px;
	}

	footer p {
	    font-size: 4vw;
	    line-height: 18px;
	    margin: 10px;
	}

	footer .social a {
	    margin-bottom: 10px;
	}

	footer .social a img {
	    width: 25vw;
	}

	footer .preface {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 320px) {
	.movie {
	    border: 5px solid #FFFFFF;
	}

	.toggle {
	    -webkit-transform: scale(0.4);
	        -ms-transform: scale(0.4);
	            transform: scale(0.4);
	}
}