/*@import url('ttnorms/stylesheet.css');*/
/*
font-family: 'Ubuntu', sans-serif;
font-family: 'tt_normsmedium_italic';
font-family: 'tt_normsmedium';
font-family: 'tt_normsitalic';
font-family: 'tt_normsbold_italic';
font-family: 'tt_normsbold';
*/

/*@import url('awesome/css/font-awesome.min.css');*/

html {
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	background: #000 url('/images2/bg_page.jpg') repeat-y center top;
	background-size: cover;
	background-size: 100% auto;
	position: relative;
	min-height: 100%;
	line-height: 1.5;
}
body {
	margin: 0;
	position: relative;
	min-height: 100%;
	padding: 0 0 43px;
}

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

.clearfix:before, .clearfix:after {
	content: '';
	display: block;
	clear: both;
}

img {
	max-width: 100%;
}
::placeholder {
	color: #fff;
}
a {
	color: #fff;
}


#layer0, #layer1, #layer2 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url('/images2/bg_layer1.png') repeat-y 0 top;
	background-size: 100% auto;
	z-index: -1;
}
#layer2 {
	background-image: url('/images2/bg_layer2.png');
}
#layer0 {
	background: url('/images2/arkadiy3.png') no-repeat center top;
	background-size: 100% auto;
}

.ccenter {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1250px;
}

#top ul {
	list-style: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	padding: 20px 0 28px;
}
#top ul li {
	display: inline-block;
	margin: 0 6.5% 0 0;
	line-height: 2.5;
}
#top ul li a {
	color: #fff;
	text-decoration: none;
}
#top ul li a:before {
	content: '#';
	color: #db1817;
}

.block_logo {
	margin: 0 0 66px;
}
.block_logo a, .block_logo img {
	display: block;
	height: 133px;
	width: 281px;
}

p.slogan {
	font-weight: 700;
	font-size: 70px;
	text-transform: uppercase;
	line-height: 1.286;
	margin: 0 0 0.5em;
}
p.slogan span {
	position: relative;
	z-index: 0;
}
p.slogan span:before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	left: -50px;
	right: -50px;
	top: -40px;
	bottom: -40px;
	background: url('/images2/bg_shadow_only.png') no-repeat;
	background-size: cover;
}
p.slogan + p {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.2;
	margin: 0 0 109px;
	text-transform: uppercase;
	max-width: 465px;
}
p.slogan + p span {
	display: inline-block;
	position: relative;
	padding: 0 0 0 30px;
}
p.slogan + p span:before {
	content: '';
	display: block;
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #f11716;
	left: 0;
	top: 8px;
	box-shadow: 0 0 20px #f11716;
	box-shadow: 0 0 20px rgba(241, 23, 22, 1);
}




.flex {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.flex.around {
	justify-content: space-around;
}

.flex.center {
    justify-content: center;
}
.flex.left {
    justify-content: flex-start;
}
.flex.right {
    justify-content: flex-end;
}
.flex.vcenter {
    align-items: center;
}
.flex.vtop {
    align-items: flex-start;
}
.flex.vbottom {
    align-items: flex-end;
}
.flex.wrap {
    flex-wrap: wrap;
}

#video {
	text-align: center;
	position: relative;
	margin-bottom: 108px;
}
#video .touch_play {
	height: 146px;
	width: 142px;
	text-align: center;
	padding: 128px 0 0;
	font-size: 12px;
	font-weight: 700;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -72px;
	margin-left: -71px;
	color: #fff;
	text-decoration: none;
	background: url('../images2/touch_play.png') no-repeat center top;
	text-transform: uppercase;
}

#music {
	position: relative;
	overflow: hidden;
}
#flash_block {
	position: absolute;
	left: -9999px;
}
.singleplayer .play_button {
	height: 60px;
	width: 60px;
	background: url('../images2/btn_play.png') no-repeat;
	cursor: pointer;
}
.singleplayer .play_button.pause {
	background-position: 0 -60px;
}
.singleplayer .slider.ui-widget.ui-widget-content {
	width: calc(100% - 68px);
	border: 0 none;
	height: 13px;
	padding: 0 7px;
	border-radius: 7px;
	background: rgba(255,255,255,0.3);
	overflow: hidden;
}
.singleplayer .slider.ui-widget.ui-widget-content .ui-slider-handle {
	width: calc(100% - 68px);
	border: 0 none;
	height: 13px;
	top: 0;
	margin-left: -13px;
	width: 26px;
	border-radius: 7px;
	background: #fff;
}
.singleplayer .slider.ui-widget.ui-widget-content .ui-slider-handle.ui-state-active,
.singleplayer .slider .ui-widget-header {
	background: #fff;
}

.links_row {
	max-width: 720px;
	margin: 0 0 128px;
}
.links_row .img, .booking, #btn_hide_form {
	position: relative;
}
.links_row .img:before, .booking:before, #btn_hide_form:before {
	display: block;
	content: '';
	height: 1px;
	width: 1px;
	box-shadow: 0 0 142px 15px #f41616;
	position: absolute;
	left:50%;
	top: 50%;
	z-index: -1;
}
.booking:before, #btn_hide_form:before {
	box-shadow: 0 0 202px 25px #f41616;
}

.links_row img {
	display: block;
}
.links_row .hashtag {
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	line-height: 1.6;
	margin: 0 0 18px;
}
.links_row .download a {
	display: block;
	height: 40px;
	padding: 4px 0 0;
}
.subscribe a {
	display: block;
	font-size: 20px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	line-height: 36px;
}
.subscribe a + a, .links_row .download a + a {
	margin-left: 48px;
}


.music {
	max-width: 770px;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 0 0 115px;
}
.music .title {
	font-size: 26px;
	font-weight: 700;
	margin: 0 0 11px;
}
.hashtag {
	font-size: 10px;
	font-weight: 500;
	margin: 0 0 30px;
	text-transform: uppercase;
	line-height: 1.5;
}
.hashtag span {
	display: inline-block;
	margin: 0 38px 0 0;
}
.sound_hardware .title {
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 0.5em;
}
.sound_hardware .hashtag {
	margin: 0 0 72px;
}

.quadro_images {
	margin: 0 0 50px;
}
.quadro_images > div {
	width: 25%;
}
.quadro_images img {
	width: 100%;
	height: auto;
	display: block;
}




.booking img {
	display: block;
}
.block_form {
	overflow: hidden;
	position: relative;
	height: 202px;
}
.block_form > div {
	position: absolute;
	height: 202px;
	top: 0;
	width: 100%;
	padding: 69px 0;
}
.block_form .block1 {
	left: 0;
}
.block_form .block1 a {
	text-decoration: none;
	text-transform: uppercase;
}

.block_form .block1 .booking, .block_form .block1 .subscribe {
	padding: 15px 0 0;
}
.block_form .block1 a[href^="javascript:"] {
}
.block_form .block1 a[href^="javascript:"] span, .block_form .phone span {
	display: block;
	margin: 0;
}
.block_form .block1 a[href^="javascript:"] span.hashtag {
	color: #da1716;
}
.block_form .block1 a[href^="javascript:"] span + span {
	font-size: 26px;
	line-height: 35px;
	font-weight: 700;
}
.block_form .phone a {
	text-align: right;
}
.block_form .phone span + span {
	font-size: 28px;
	line-height: 35px;
	font-weight: 700;
}

@media (max-width: 1100px) {
	.block_form .block1 a[href^="tel:"] {
		margin: 0 50px;
	}
}
@media (max-width: 1000px) {
	.block_form .block1 a[href^="tel:"] {
		margin: 0 20px;
	}
}


.block_form .block2 {
	left: -100%;
}
#form_callback {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#btn_hide_form {
	cursor: pointer;
	padding: 4px 0 0;
}
#form_callback input[type="text"], #form_callback button {
	color: #fff;
	border: 0 none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	padding: 11px 0;
	background: transparent;
	text-align: center;
}
::placeholder {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 26px;
}
#form_callback button {
	background: url('/images2/bg_btn.png') no-repeat center;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	padding: 3px 0 0;
	position: relative;
	height: 56px;
	width: 266px;
}
#cb_name {
	width: 190px;
}
#cb_phone {
	width: 380px;
}

#form_callback input[type="text"].invalid {
	animation: animation_input_invalid 0.14s;
	animation-iteration-count: 3;
	border-color: #ce1212;
}
@keyframes animation_input_invalid {
	0% {
		border-color: #fff;
	}
	
	50% {
		border-color: #ab0b0b;
	}

	100% {
		border-color: #fff;
	}
}


@media (max-width: 1200px) {
	#form_callback input[type="text"] {
		font-size: 20px;
	}
	#form_callback button {
		font-size: 24px;
	}
	p.slogan {
		font-size: 60px;
	}
}

@media (max-width: 1170px) {
	iframe {
		max-width: 100%;
	}
}

@media (max-width: 1023px) {
	p.slogan {
		font-size: 45px;
	}
	#form_callback button {
		margin: 0 auto;
	}
	#layer1, #layer2 {
		display: none;
	}
}


@media (max-width: 767px) {
	p.slogan {
		font-size: 36px;
	}
	.quadro_images > div {
		width: 50%;
	}
	.music {
		margin: 0 0 60px;
	}
	.quadro_images {
		margin: 0;
	}
	.block_form {
		height: 227px;
	}
	.block_form > div {
		padding: 50px 0 0;
		height: 227px;
	}
	.block_form .block1 .booking {
		margin-left: calc(100vw - 60px - 66px - 180px);
	}
	#form_callback {
		padding: 0 0 0 55px;
		position: relative;
	}
	#btn_hide_form {
		position: absolute;
		left: 0;
		top: 0;
	}
	#cb_name, #cb_phone {
		width: 100%;
	}
	.block_form .block2 .and {
		display: none;
	}
	
	#video {
		padding: 0;
		margin-bottom: 50px;
	}
	#video iframe {
		height: calc(75vw);
	}
}


@media (max-width: 600px) {
	.links_row .img {
		display: none;
	}
	.links_row {
		margin: 0 0 60px;
	}
}


@media (max-width: 480px) {
	body {
		padding: 0;
	}
	.block_logo {
		margin: 0 0 185px;
	}
	#layer0 {
		background-position: right calc((720px - 100vw) / 2);
		background-size: 200%;
	}
	#layer1 {
		z-index: -2;
	}
  #top ul {
    padding-bottom: 0;
  }
	p.slogan {
		font-size: 26px;
	}
	.music {
		margin: 0 0 30px;
	}
	
	.block_form {
		height: 282px;
	}
	.block_form > div {
		height: 282px;
	}
	.block_form .block1 .subscribe {
		width: 100%;
		justify-content: space-around;
	}
	.block_form .block1 .subscribe a {
		margin: 0;
	}
	.block_form .block1 .phone {
		margin: 0 auto;
	}
	#cb_phone, #form_callback button {
		margin-left: -55px;
		width: calc(100% + 55px);
	}
}


@media (max-width: 360px) {
	p.slogan + p {
		font-size: 18px;
	}
	p.slogan + p span {
		padding: 0 0 0 20px;
	}
	p.slogan + p span:before {
		height: 6px;
		width: 6px;
		top: 8px;
	}
	#form_callback #cb_phone, #form_callback #cb_phone::placeholder {
		font-size: calc(7vw);
	}
}

/*Верстка 25.01.19*/

iframe {
  position: absolute;
  left: 55px;
  z-index: -1;
  visibility: hidden;
}

iframe.active {
  visibility: visible;
  z-index: 1;
  position: relative;
  left: 0;
}

#bio {
  padding-top: 30px;
}

.bio-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 23px;
  text-transform: uppercase;
}

.bio__span {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 28px;
  display: block;
}

.bio__p {
  font-size: 16px;
  font-weight: 400;
}

.bio-more {
  color: #d81514;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.bio__p.hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  #bio {
    padding-bottom: 40px;
  }
}

.jp-play {
  height: 60px;
	width: 60px;
	background: url('../images2/btn_play.png') no-repeat;
	cursor: pointer;
  display: block;
  margin-right: 8px;
}

.jp-pause {
  height: 60px;
	width: 60px;
	background: url('../images2/btn_play.png') no-repeat;
	cursor: pointer;
  display: block;
  background-position: 0 -60px;
  margin-right: 8px;
}

.jp-controls {
  padding-left: 0;
}

.jp-time-holder {
  display: none;
}

.jp-gui {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.jp-progress {
  width: calc(100% - 68px);
  border: 0 none;
  height: 13px;
  border-radius: 7px;
  overflow: hidden;
  background: rgba(255,255,255,0.1);
}

.jp-play-bar {
  height: 12px;
  background: #ffffff;
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
  position: relative;
}

.jp-play-bar::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #ffffff;
  border-radius: 20px 20px 20px 20px;
}

.jp-seek-bar {
  cursor: pointer;
}

.jp-gui ul,
.jp-gui ul li{
  list-style: none;
}

.jp-no-solution {
  display: none;
}

@media screen and (max-width: 1200px) {
  html {
    overflow-x: hidden;
  }
  
  body {
    overflow-x: hidden;
  }
}