* {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-box-sizing: border-box;
					box-sizing: border-box; }

body {
	position: relative;
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	color: #252525;
	font-display: swap;
	background: url(../img/back.png); }

body, html {
	height: 100%; }

img {
	max-width: 100%; }

li {
	list-style: none; }

h1, .header-h1 {
	font-family: 'Arial', sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1; }

h2, .article h1, .article .header-h1 {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 30px; }

h3 {
	font-size: 22px;
	font-family: 'Arial', sans-serif; 
	font-weight: bold;
}

h4 {
	font-size: 18px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;	}
	
.shared {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 36px; }

p {
	line-height: 1.5; }

.text p + p {
	margin-top: 18px; }

.cf:after {
	content: " ";
	display: block;
	clear: both; }

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.6); }

body::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border-radius: 30px; }

a {
	color: #232323;
	text-decoration: none; }
	
a:hover {
	color: #737373; }

.link{
		color:#007EFD;
		text-decoration: underline;
	}

.banner250 { 
min-height: 250px; 
}

.hp_slide{
		display: none;
		width:100%;
		background:#f1f1f1;
		height:20px;
		margin-top: 10px;
		border: 1px solid #d1d1d1;
		border-radius: 35px;
	}
	
.hp_range{
		width:0;
		background:#ffc040;
		height:18px;
		transition: 0.3s;
		border-radius: 35px;
	}

		
.share {
	margin: 0px 0; }
	
.share_item {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	background: #ffd24d;
	text-align: center;
	margin-right: 6px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	
.fww {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
	
.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center }
	
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex; }
	
.share_item:hover {
	background:#ffefbc; }
.share_item img {
	vertical-align:middle; }
		
#videoplayer {
	max-width: 600px; }

.btn {
	background: #006AD6;
	border-radius: 30px;
	padding: 17px 40px;
	border: 3px solid #006AD6;
	display: inline-block;
	font-size: 15px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
	outline: none; }
	.btn:hover {
	background-color: rgba(255, 255, 255, 0);
	color: #000;}

.cont-success {
	opacity: 0;
	margin-bottom: 10px; }
	.cont-success.active {
		opacity: 1; }

.input {
	padding: 20px 35px;
	border: 1px solid  #797979;
	border-radius: 30px;
	outline: none;
	font-family: 'Arial', sans-serif;
	font-size: 16px; }

.cf-first-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	margin-bottom: 30px; }
	.cf-first-line .input {
		width: 48%; }

.contact-form {
	margin-top: 50px; }
	.contact-form textarea {
		width: 100%;
		height: 250px; }
	.contact-form h3 {
		margin-bottom: 30px; }

.btn-wrap {
	text-align: center;
	margin-top: 25px; }

.container {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto; }

.s-text h2 {
	margin-bottom: 15px;
}
.s-text {
 margin-top: 20px;
}

header .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	height: 120px; }

.logo {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	.logo:hover {
		opacity: .7; }

.menu {
	display: block;
	font-family: 'Arial', sans-serif;
	font-weight: bold; }
	.menu li {
		float: left;
		padding: 0 16px; }
		.menu li a {
			font-size: 16px;
			color: #000; }
			.menu li a:hover {
				color: #737373; }

.header-btn {
	padding: 12px 30px;
	border: 2px solid  #fff;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	color: #fff;
	border-radius: 30px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	.header-btn:hover {
		color: #00c6d4;
		background: #fff; }

footer.container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	margin-top: 10px;
	padding-top: 35px;
	padding-bottom: 10px; }

.copyright {
	margin-top: 20px;
	font-size: 14px;
	color: #464646;
	font-family: 'Arial', sans-serif; }

.ft-block:nth-child(1) {
	width: 290px; }
	.ft-block:nth-child(1) .link-type_1 {
		margin-top: 10px; }

.ft-block:nth-child(2) {
	width: 270px; }

.ft-block:nth-child(3) {
	width: 300px; }

.ft-block:nth-child(4) {
	width: 240px; }

.link-type_1 {
	display: inline-block; }
	.link-type_1:hover:after {
		opacity: 0; }
	.link-type_1:after {
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		content: " ";
		display: block;
		height: 1px;
		margin-top: 1px;
		width: 100%;
		opacity: 1; }

.ft-header {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 20px; }

.ft-menu li {
	margin-bottom: 10px; }

.ft-menu a {
	color: #333333;
	font-size: 14px; }
	.ft-menu a:hover {
		color: #000; }

.ft-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center; }
	.ft-share li {
		margin-right: 16px;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s; }
		.ft-share li:hover {
			opacity: .7; }

.mobile-menu, .nav-toggle {
	display: none; }

.other-header {
	height: 100px;
	line-height: 100px;
	background: -o-linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
	background: linear-gradient(45deg, #00AFEA, #0052A4, #006CD9); }
	.other-header h1, .other-header .header-h1 {
		display: inline-block;
		vertical-align: middle;
		color: #fff; }

.about h2, .about .article h1, .article .about h1, .about .article .header-h1, .article .about .header-h1 {
	margin-bottom: 45px; }

.about p {
	margin-bottom: 20px;
	font-size: 16px; }

.about-links {
	width: 100%;
	text-align: center;
	margin-bottom: 40px; }
	.about-links .link-type_1 {
		font-size: 16px; }
	.about-links .logo {
		display: inline-block;
		margin: 20px 0;
		width: 100%;
		max-width: 480px; }
		.about-links .logo img {
			width: 100%; }

.top-artist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between; }

.ta-name {
	width: 250px; }
	.ta-name .link-type_1 {
		font-size: 26px;
		margin: 10px 0 25px; }
	.ta-name .btn {
		padding: 17px 40px;
		border: 3px solid #ffc44e; }
		.ta-name .btn:hover {
			background: rgba(255, 196, 78, 0); }

.ta-text {
	width: 450px;
	font-size: 16px;
	margin-top: 15px; }

.ta-photo {
	width: 280px;
	height: 280px;
	border-radius: 50%;
	position: relative;
	margin-right: 50px; }
	.ta-photo img {
		border-radius: 50%;
		max-height: 100%; }

.ta-photo_vk {
	width: 64px;
	height: 64px;
	background: url(/img/ta-vk.png);
	position: absolute;
	bottom: 5px;
	right: 5px; }

.ta-header {
	font-size: 24px; }

.artists-header {
	font-size: 20px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 25px; }

.artist-row {
	padding: 14px 15px; }
	.artist-row .link-type_1 {
		color: #323232; }
		.artist-row .link-type_1:after {
			background: #323232; }
	.artist-row:nth-child(even) {
		background: #eeeeee;
		border-radius: 30px; }

.ether-text {
	text-align: center; }
	.ether-text p {
		font-size: 18px;
		margin: 20px 0 40px; }

.ether {
	font-size: 16px; }

.ether-time {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	padding-right: 40px;
	display: inline-block;
	width: 80px; }

.top-block .artist-row {
	 }

.artist-row .ar_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}

.play-btn {
	background: url(/img/play_circle.svg);
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	.play-btn:hover {
		opacity: .7; }

.active .play-btn {
	background: url(/img/pause_circle.svg); }

.top-info {
	font-size: 16px;
	max-width: 790px;
	width: 100%;
	margin: 0 auto 0 20px; }

.top-name {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	margin: 5px 0 0 0;	}

.top-like {
	font-size: 14px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;

	}

.top-star-net {
	display: inline-block;
	background: url(/img/star-blue.svg);
	width: 27px;
	height: 27px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	.top-star-net.active {
		background: url(/img/star-orange.svg); }
	.top-star-net:hover {
		opacity: .7; }

.download-svg {
	margin-left: 15px;
	display: inline-block;
	background: url(/img/download.svg);
	width: 22px;
	height: 21px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	.download-svg:hover {
		opacity: .7; }

.like-svg {
	display: inline-block;
	background: url(/img/like.svg);
	width: 22px;
	height: 25px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s; }
	.like-svg.active {
		background: url(/img/like_orange.svg);
		-webkit-filter: contrast(100%) brightness(100%);
						filter: contrast(100%) brightness(100%); }
	.like-svg:hover {
		opacity: .7; }

.top-like_count {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px; }

.news-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	padding: 35px 0;
	border-bottom: 1px solid  #ddd; }
	.news-block:nth-child(2n) .news-block_img {
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2; }

.news-block_img {
	width: 520px;
	height: 300px;
	line-height: 0px;
	text-align: center; }
	.news-block_img img {
		vertical-align: middle;
		max-height: 100%; }

.news-block_info {
	width: 570px;
	font-size: 16px; }
	.news-block_info h3 {
		margin-bottom: 10px;
		color: #000; }
	.news-block_info .btn {
		min-width: 160px;
		text-align: center;
		margin-top: 25px; }

.date {
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 30px;
	background: #eee;
	display: inline-block;
	margin-bottom: 30px;
	font-family: 'Arial', sans-serif;
	font-weight: bold; }

.archive {
	font-size: 16px; }
	.archive .artist-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between; }
	.archive h2, .archive .article h1, .article .archive h1, .archive .article .header-h1, .article .archive .header-h1 {
		margin: 40px 0; }

.contacts {
	margin-top: 70px;
	margin-bottom: 70px;
	font-size: 18px; }
	.contacts p {
		margin-top: 10px; }

.download {
	background: none;
	color: #000;
	height: auto; }

.material-block {
	padding: 40px 0;
	border-bottom: 1px solid  #ddd; }
	.material-block p {
		font-size: 16px; }

.article h1, .article .header-h1 {
	display: inline-block;
	vertical-align: middle; }

.article .date {
	margin-right: 20px; }

.article .news-img {
	width: 520px;
	float: left;
	padding-right: 40px;
	padding-bottom: 10px; }

.content-news p {
	margin-top: 15px; }

.cont-wrap {
	margin-top: 40px;
	font-size: 17px;
	line-height: 1.5;
	}

.broad {
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-decoration: underline; }
	
.broad2 {
	font-size: 18px;
	margin-top: 25px;
	text-decoration: underline; }


.header-news {
	font-family: 'Arial', sans-serif;
	font-weight: bold; }

.city-info {
	margin-bottom: 130px; }

.artist-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
	.artist-info h3 {
		margin-bottom: 10px; }

.ai-text {
	max-width: 770px;
	font-size: 17px; }
	.ai-text p {
		margin-bottom: 15px; }

.ai-ether {
	text-align: center;
	margin: 40px 0 40px; }
	
.ai-ether a {
		color: #2787F5;
		text-decoration: underline;
 }
 
	
.top-name a {
		text-decoration: underline;
 }
 
.ai-ether a:hover {
		color: #444;
		text-decoration: underline;
 }

.ta-links {
	background: #eeeeee;
	border-radius: 15px;
	padding: 35px;
	font-size: 16px;
	margin-top: 50px; }
	.ta-links a {
		color: #202020;
		margin-top: 15px; }
		.ta-links a:after {
			background: #202020; }

.tal-header {
	font-family: 'Arial', sans-serif;
	font-weight: bold; }
	.tal-header:before {
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		vertical-align: middle;
		margin-right: 15px;
		background: url(/img/glob.png); }
	.tal-header:after {
		display: block;
		content: '';
		width: 100%;
		height: 2px;
		margin-top: 15px;
		background: #00c6d4; }

.terms h3 {
	margin: 20px 0; }

.terms p {
	font-size: 16px; }

.app-header {
	padding-top: 80px !important; }

.city h2, .city .article h1, .article .city h1, .city .article .header-h1, .article .city .header-h1 {
	margin: 20px 0; }

.index-f-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	margin: 40px 0; }

.grey_back {
	background: #eeeeee;
	padding: 50px 0;
	margin-bottom: 30px;
}
.new_artist_img {
	width: 250px;
}
.new_artist_text {
	width: 825px;
}
.new_artist {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.new_artist_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new_artist_header .btn-bo {
	font-size: 18px;
}
.new_artist_header_name {
	font-size: 26px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 2px solid  #000;
}
.new_artist_header {
	margin-bottom: 30px;
}
.sbor_header h1 {
	font-size: 36px;
}
.sbor_header p {
	margin: 15px 0;
}
.sbornik_img {
	margin: 20px auto;

}
.sbornik_img img {margin-right: 20px;max-width: 400px;width: 100%;}
.sbor_header .btn-bo {
	font-size: 18px;
}
.information {

}
.information_text {
	margin: 20px 0;
}
.information .btn-bo span {
	font-size: 17px;
}

.index-f-box h2 {
	margin-bottom: 0 !important;
}
.information_h { 
font-size: 26px;
}
	.index-f-box .artist {
		margin: 0 50px 0 0px;
		max-width: 400px; }
	.index-f-box .information h2 a, .index-f-box .information .article h1 a, .article .index-f-box .information h1 a, .index-f-box .information .article .header-h1 a, .article .index-f-box .information .header-h1 a, .index-f-box .information h3 a, .index-f-box .information h4 a {
		color: #252525;
		text-decoration: underline;
		-webkit-transition: color .2s;
		-o-transition: color .2s;
		transition: color .2s; }
		.index-f-box .information h2 a:hover, .index-f-box .information .article h1 a:hover, .article .index-f-box .information h1 a:hover, .index-f-box .information .article .header-h1 a:hover, .article .index-f-box .information .header-h1 a:hover, .index-f-box .information h3 a:hover, .index-f-box .information h4 a:hover {
			color: #1b64eb; }
	.index-f-box h2, .index-f-box .article h1, .article .index-f-box h1, .index-f-box .article .header-h1, .article .index-f-box .header-h1 {
		margin: 13px 0px 17px; }

.artist-info .index-f-box {
	margin: 20px 0 0;
	padding: 0;
	background: transparent; }
	.artist-info .index-f-box p {
		margin: 10px 0px 20px;
		font-size: 17px; 
	max-width: 700px; }

.btn-pi {
	background: -o-linear-gradient(45deg, #fdc605, #e72230, #70399e);
	background: linear-gradient(45deg, #fdc605, #e72230, #70399e);
	border-radius: 30px;
	padding: 10px 20px;
	display: inline-block;
	font-size: 16px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
	outline: none; }
	.btn-pi:hover {
		opacity: .7; }

.btn-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }

.btn-bo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	border-radius: 7px;
	border: 4px solid #006AD6;
	padding: 10px 20px;
	display: inline-block;
	font-size: 18px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	color: #252525;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
	outline: none; }
	.btn-bo:first-child {
		margin-right: 18px; }
	.btn-bo:hover {
			border: 4px solid #2B95FF; }
	.btn-bo img {
		position: relative;
		top: 2px;
		margin-right: 15px; }
	.btn-bo span {
		position: relative;
		top: -2px; }
	.btn-bo .pause-btn {
		display: none; }

a.btn-bo {
	text-decoration: none; }
	a.btn-bo:hover {
		color: #252525; }

.active .btn-bo img {
	display: none; }

.active .pause-btn {
	display: inline-block !important; }

.music-box {
	margin: 25px 0 40px; }
	.music-box .artist-row { }

.bottom-i-box {
	margin: 40px 0; }
	.bottom-i-box h3 {
		margin-bottom: 20px; }

.info-p-text {
	margin-top: 40px; }

.j_item {
	width: 200px;	
	background: #eee;
	text-align: center;
	padding: 30px 0;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 12px 20px;
}

.j_item img {
	margin-bottom: 5px;
}

.j_item_a {
	margin-top: 3px;
}

@media only screen and (max-width: 1200px) {
	.container {
		width: 90%; }
	.menu li {
		padding: 0 5px; }
	.whys-block {
		padding: 0 15px; }
	.yb-block {
		max-width: 540px;
		padding-top: 160px; }
	.google-play, .apple-store {
		max-width: 300px; }
	.top-info {
		max-width: 680px; }
	.news-block_img {
		width: 460px; }
	.news-block_info {
		width: 440px; }
	.ai-text {
		max-width: 590px; }
	.index-f-box {
		padding: 0px 0; }
	h1, .header-h1, .header-h1 {
		font-size: 40px; }
	h2, .article h1, .article .header-h1, .article h1, .article .header-h1, .article .header-h1 {
		font-size: 28px; }
	.new_artist_text {width: 500px;} }

@media only screen and (max-width: 1023px) {
	.menu, .header-btn {
		display: none; }
	.btn-download {
		display: none; }
	.google-play .btn-download {
		display: inline-block;
		padding-left: 60px; }
	footer.container {
		padding-bottom: 40px; }
	.mobile-menu {
		display: block;
		position: absolute;
		visibility: hidden;
		top: 80px;
		background: #fff;
		right: 0;

		width: 100%;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		-webkit-transform: scaleY(0);
				-ms-transform: scaleY(0);
						transform: scaleY(0);
		-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
						transform-origin: 0 0 0;
		z-index: 100;
		border: 1px solid  #d1d0d0; }
		.mobile-menu li {
			border-bottom: 1px solid  #d1d0d0; }
		.mobile-menu a {
			width: 100%;
			padding: 20px 20px;
			display: inline-block;
			color: #323232; }
		.mobile-menu.active {
			visibility: visible;
			-webkit-transform: scaleY(1);
					-ms-transform: scaleY(1);
							transform: scaleY(1); }
	.nav-toggle {
		display: block;
		position: relative;
		width: 27px;
		height: 27px;
		z-index: 50; }
		.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
			content: ' ';
			display: block;
			position: absolute;
			width: 26px;
			height: 4px;
			background: -o-linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
			background: linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
			border-radius: 1px;
			cursor: pointer;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s; }
		.nav-toggle span {
			position: absolute;
			right: 0;
			top: 11px; }
			.nav-toggle span:before {
				top: -9px; }
			.nav-toggle span:after {
				bottom: -9px; }
	.sbornik_img img {margin: 10px auto;display: block;}
	.nav-toggle.active span {
		background: -o-linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
		background: linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
		-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
						transform: rotate(45deg); }
		.nav-toggle.active span:before {
			top: 0;
			background: -o-linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
			background: linear-gradient(45deg, #00AFEA, #0052A4, #006CD9); }
		.nav-toggle.active span:after {
			margin-bottom: 9px;
			-webkit-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
							transform: rotate(90deg);
			background: -o-linear-gradient(45deg, #00AFEA, #0052A4, #006CD9);
			background: linear-gradient(45deg, #00AFEA, #0052A4, #006CD9); }
	.children {
		left: 380px; }
	.home-screen-2 .container {
		width: 100%; }
	.home-screen-2 p {
		width: 90%; }
	.whys-block {
		padding: 0; }
		.whys-block br {
			display: none; }
	.yb-block {
		max-width: 410px; }
	header {
		
		top: 0;
		width: 100%;
		z-index: 100; }
	.home-bg {
		margin-top: 80px; }
	.ft-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
		-ms-flex-item-align: start;
				align-self: flex-start;
		-webkit-box-flex: 1;
				-ms-flex: 1;
						flex: 1; }
		.ft-block:nth-child(2) {
			display: none; }
		.ft-block:nth-child(3) {
			-webkit-box-align: center;
					-ms-flex-align: center;
							align-items: center; }
		.ft-block:nth-child(4) {
			-webkit-box-align: center;
					-ms-flex-align: center;
							align-items: center; }
	.other-header {
		margin-top: 0px; }
	.top-artist {
		-ms-flex-wrap: wrap;
				flex-wrap: wrap; }
	.ta-text {
		-webkit-box-ordinal-group: 4;
				-ms-flex-order: 3;
						order: 3;
		margin-top: 20px; }
	.top-info {
		max-width: 465px; }
	.news-block_img {
		width: 260px;
		height: 260px;
		line-height: 260px; }
	.news-block_info {
		width: 410px; }
	.article .news-img {
		width: 330px; }
	.ai-text {
		max-width: 390px; }
	.panel-white .current-song {
		width: 530px !important; }
	header {
		background: #fff; }
		header .container {
			height: 80px; }
		header .logo {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
					-ms-flex-align: center;
							align-items: center; }
			header .logo img {
				height: 60px;
				width: auto; } 

		.new_artist_text {width: 100%;}
		.new_artist {
		flex-wrap: wrap;
		justify-content: center;}
		.new_artist_img {margin-bottom: 15px;}

	}

@media only screen and (max-width: 767px) {
	
.yandex1 { 
min-height: 300px; 
}

	.wid100per {
		width: 100%; }
	.index-f-box {
		margin-top: 0 !important; }
	footer.container {
		width: 100%; }
	.apps {
		display: block;
		text-align: center; }
	.app-view {
		display: none; }
	h1, .header-h1 {
		font-size: 30px; }
	h2, .article h1, .article .header-h1 {
		font-size: 28px; }
	.home-bg {
		text-align: center;
		height: 600px; }
		.home-bg h1, .home-bg .header-h1 {
			padding-top: 40px; }
		.home-bg .btn-join {
			margin-right: 0;
			margin-top: 25px; }
	.children {
		background-size: auto 100%;
		background-position: 0;
		left: 0;
		top: 305px;
		margin-left: 0;
		height: 300px;
		width: 100%; }
	.home-screen-2 h2, .home-screen-2 .article h1, .article .home-screen-2 h1, .home-screen-2 .article .header-h1, .article .home-screen-2 .header-h1 {
		padding-top: 105px; }
	.google-play, .apple-store {
		max-width: 100%; }
	.google-play {
		margin-top: 20px; }
		.google-play img {
			width: 170px; }
		.google-play .btn {
			margin: 20px 0; }
	.apple-store img {
		width: 170px; }
	.apple-store .btn {
		margin-top: 20px; }
	.btn {
		padding: 17px 20px; }
	.btn-join, .btn-android {
		padding-left: 60px; }
	.home-screen-2 p {
		font-size: 14px; }
	.whys {
		margin-top: 0; }
		.whys p {
			margin-top: 20px; }
	.whys-wrap {
		display: block; }
	.whys-block {
		width: 182px;
		margin: 0 auto;
		margin-bottom: 20px; }
	.yellow-wave {
		height: 801px;
		background: url(/img/yellow-mob.png) center;
		margin-top: 0; }
	.yb-block {
		padding-top: 90px;
		text-align: center; }
		.yb-block p {
			margin: 20px 0; }
	footer.container {
		text-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
		position: relative; }
		footer.container .ft-block:nth-child(3) {
			margin-top: 80px; }
	.copyright {
		margin-top: 20px; }
	.ft-block {
		-ms-flex-item-align: center;
				align-self: center;
		width: 100% !important; }
	.ft-share {
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center; }
	.ft-block:nth-child(1) {
		-webkit-box-ordinal-group: 4;
				-ms-flex-order: 3;
						order: 3; }
		.ft-block:nth-child(1) .logo {
			position: absolute;
			top: 27px;
			left: 50%;
			margin-left: -125px; }
	.ft-block:nth-child(3) {
		-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
						order: 1;
		margin-top: 60px;
		margin-bottom: 20px; }
	.ft-block:nth-child(4) {
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2; }
	.ta-photo {
		-webkit-box-ordinal-group: 1;
				-ms-flex-order: 0;
						order: 0; }
	.ta-name {
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2;
		text-align: center;
		margin-top: 10px; }
	.top-artist {
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center; }
	.ta-text {
		margin-top: 25px;
		text-align: center; }
	.artists-header {
		margin-top: 60px; }
	.ether, .top-block, .news {
		width: 100%; }
		.ether h2, .ether .article h1, .article .ether h1, .ether .article .header-h1, .article .ether .header-h1, .top-block h2, .top-block .article h1, .article .top-block h1, .top-block .article .header-h1, .article .top-block .header-h1, .news h2, .news .article h1, .article .news h1, .news .article .header-h1, .article .news .header-h1 {
			margin-left: 20px; }
	.artist-row {
		border-radius: 0 !important; }
	.top-block .artist-row {
		padding: 13px 15px; }
	.top-info {
		max-width: 220px; }
	.top-like_count {
		margin-right: 5px; }
	.news-block {
		display: block; }
	.news-block_img {
		height: auto;
		line-height: 1;
		width: 100%; }
	.news-block_info {
		width: 90%;
		margin: 28px auto 0; }
	.contacts {
		text-align: center;
		margin-top: 15px; }
	.article {
		text-align: center; }
		.article .news-img {
			padding-right: 0;
			width: 100%; }
	.content-news {
		text-align: left; }
	.other-header {
		background-position-x: 38%; }
	.artist-info {
		-ms-flex-wrap: wrap;
				flex-wrap: wrap; }
	.ai-text {
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2;
		width: 90%;
		margin: 0 auto; }
	.ta-links {
		width: 100%;
		border-radius: 0;
		margin: 30px 0; }
	.ai-right {
		width: 100%; }
		.ai-right .ta-photo {
			margin: 0 auto; }
	.artist-info {
		width: 90%; }
	.art-broad {
		text-align: center; }
	.panel-white .current-song {
		width: 160px !important;
		font-size: 16px; }
	.panel-white .sound-control {
		margin-left: 5px;
		margin-right: 10px; }
	.ether-track {
		width: 220px;
		display: inline-block;
		vertical-align: middle; }
	.index-f-box {
		margin: 20px 0;
		padding: 0px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column; }
		.index-f-box .artist {
			margin: 10px auto 20px; }
		.index-f-box .information {
			text-align: center; }
	.ta-photo {
		width: 170px;
		height: 170px;
		margin: 0; }
	.ai-left {
		margin: 10px auto 30px; }
	.artist-info {
		text-align: center; }
	h2, .article h1, .article .header-h1, .article h1, .article .header-h1, .article .header-h1 {
		font-size: 28px; }
	.artist-info .index-f-box {
		margin: auto; }
	header .ft-share {
		display: none; }
	.btn-bo {
		padding: 9px 10px;
		font-size: 15px; }
		.btn-box {justify-content: center;}
		.btn-bo img {
			margin-right: 7px; }
	.other-header {
		text-align: center; }
	.terms {
		margin-top: 20px;}
	.j_item {
		width: 150px;
		font-size: 14px;
		margin: 5px;
	 } }

	

@media only screen and (max-width: 359px) {
	.children {
		background-position: -22px; }
	.top-info {
		max-width: 180px; }
	.ether-track {
		width: 170px; } }
		
		
		
@media screen and (max-width:768px){iframe, object, embed{width:100%;height:320px}}@media
screen and (max-width:640px){iframe, object, embed{width:100%!important;height:300px}}@media screen and (max-width:480px){iframe, object, embed{width:100%}}@media screen and (max-width:320px){iframe, object, embed{width:100%}}


/* The grid: Four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
    padding: 0px;
}

/* Style the images inside the grid */
.column img {
    opacity: 1; 
    cursor: pointer; 
}

.column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.container-photo {
    position: relative;
    display: none;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}



.block {
    border: 1px solid #dddddd;
    margin-top: 50px;
}
.block-top{
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 20px 70px;

}
.block-title a{
    color: #2787F5; 
    display: inline-block; 
    position: relative; 
	font-family: 'Arial', sans-serif;
	font-weight: bold;
}
.block-title a::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../img/group/group-icon.png);
    left: -45px;
    top: -5px;

}
.block-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 20px 20px;
}
.block-btn {
    display: flex;
    align-items: center;
    background: #2787F5;
    color: #ffffff;
    padding: 7px 18px 7px 18px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 15px;
}
.block-btn:hover{
    background: #4E9EF8;
}
.block-btn span {
    display: inline-block;
    padding-left: 10px;
	color: #fff;
}

@media screen and (max-width:992px) {
    .block-item:nth-child(11),
    .block-item:nth-child(10)  {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .block-item:nth-child(9),
    .block-item:nth-child(8),
    .block-item:nth-child(7)  {
        display: none;
    }
}
@media screen and (max-width:576px) {
    .block-item:nth-child(6),
    .block-item:nth-child(5)  {
        display: none;
    }
}
@media screen and (max-width:480px) {
    .block-top {
        flex-direction: column;
        text-align: center;
    }
    .block-title{
        padding-bottom: 10px;
    }
    .block-wrap {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .block-btn {
        margin-top: 10px;
    }
}