html,
body {
  min-width: 320px;
}

body {
  overflow-x: hidden;
  width: 100%;
  min-width: 100% !important;
  overflow-x: hidden;
}

body.hidden {
  overflow: hidden;
}

#wrapper {
  overflow-x: hidden;
}

input:-webkit-autofill {
  color: inherit !important;
  background: transparent !important;
}

#header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/** Форма авторизации. Начало **/

#login_form input,
#reg_form input,
#settings_form input,
#order_reg_form input {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #fff;
}

.field_smallform.form_errors input {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #ffe4e4 !important;
}

.field_smallform.form_warns input {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #ffefe6 !important;
}

.quest_field.form_errors input {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #ffe4e4 !important;
}

.quest_field.form_warns input {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #ffefe6 !important;
}

.field_bigform.bg input {
  box-shadow: none !important;
}

#login_form label,
#reg_form label,
#order_reg_form label {
  font-size: 22px;
}

div.form_small_center_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

div.form_small form {
  /* text-align: center; */
  padding: 0 20px;
}

#login_form input,
#reg_form input,
#order_reg_form input {
  width: 96%;
  max-width: initial;
}

div.form_small {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 30px 10px 0;
  /* margin: 30px;
	 */
  margin-bottom: 30px;
  background: #f1f1f1;
  border-radius: 8px;
  max-width: 680px;
  width: 100%;
  display: inline-block;
  position: relative;
  /* height: 560px;
	 */
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.intro-link {
  display: none;
}

.t_up {
  position: fixed;
  bottom: 165px;
  right: 25px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 1004;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f1f1f1;
}

.personal_button_custom {
  margin-top: 40px !important;
}

.personal_button_custom .button_size {
  text-transform: none;
  font-style: italic;
  font-family: 'robotolight', sans-serif;
  height: 50px;
  padding: 0 15px;
  width: 300px;
}

.personal_button_custom #btnRemove i {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  height: 20px;
  width: 20px;
  background: url(../img/sprite.png)-554px -28px no-repeat;
  vertical-align: middle;
  -webkit-filter: brightness(30);
  filter: brightness(30);
}

.t_up i {
  background: url(../img/sprite.png) -294px -4px no-repeat;
  width: 50px;
  height: 50px;
  display: block;
}

.t_up:hover {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.t_up.active {
  opacity: 1;
  visibility: visible;
}

div.form_small:hover {
  position: relative;
  /* top: -10px;
	 */
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.field_smallform {
  position: relative;
  display: inline-block;
  margin: 0px 0px 20px 0px;
  /* max-width: 620px; */
  width: 100%;
  background: #ffffff;
  border: 1px solid #9299a2;
  border-radius: 8px;
  line-height: 80px;
  height: 80px;
  vertical-align: middle;
}

.field_smallform input {
  display: block;
  font-family: 'robotoregular', sans-serif;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 22px;
  outline: 0;
  border: 0;
  line-height: 50px;
  height: 50px;
  max-width: 580px;
  width: 100%;
  margin-top: 20px;
  margin-left: 10px;
  padding-left: 24px;
  background: transparent;
}

.field_smallform label {
  position: absolute;
  left: 34px;
  top: 0px;
  color: #9299a2;
  font-size: 16px;
  /* transform: translateY(0px);
	 */
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 0px;
  font-family: 'robotoregular', sans-serif;
  /* border: 1px solid green;
	 */
}

.field_smallform label>span {
  color: #ff8a42;
}

.field_smallform input:focus {
  outline: 0;
  /* border-color: #F77A52;
	 */
}

.field_smallform input:focus+label,
.field_smallform input:valid+label {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-left: 0px;
  font-size: 14px;
  outline: 0;
  color: #9299a2;
  height: 0;
}

.field_smallform input:focus,
.field_smallform input:valid {
  font-size: 22px;
  color: #666666;
  padding-top: 12px;
}

.hr_smallform_white {
  background: url(../img/line_h_white.png) 30px 100% no-repeat;
  height: 1px;
  margin: 10px 0px 10px 0px;
}

.div_button_smallform {
  display: block;
  text-align: center;
}

button.button_smallform {
  color: #f28518;
  width: 180px;
  height: 56px;
  border-radius: 5px;
  border: 2px solid #f28518;
  text-align: center;
  text-decoration: none;
  background: #f1f1f1;
  /* margin-left: calc(50% - 90px);
	 */
  margin-top: 10px;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}

button.button_smallform:focus {
  outline: none;
}

button.button_smallform:hover {
  background: #f28518;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.show_pass {
  background-color: transparent;
  background-image: url(../img/sprite.png);
  background-position: -209px -386px;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999em;
  width: 44px;
  height: 44px;
  outline: none;
  border: 0;
  position: absolute;
  top: 18px;
  right: 17px;
}

.show_pass_hide {
  background-position: -209px -433px;
}

.copy_text {
      background-color: transparent;
      background-repeat: no-repeat;
      cursor: pointer;
      overflow: hidden;
      border: 0;
      position: absolute;
      top: 10px;
      right: 5px;
}

.copy_text img {
      width: 25px;
      height: 30px;
}

/* Прячем глаз у IE */

::-ms-reveal {
  display: none;
}

.field_checkbox,
.field_bigform_checkbox {
  margin-left: 30px;
}

.field_bigform_checkbox>label {
  padding-left: 45px !important;
  margin-bottom: 20px;
}

.field_bigform_checkbox>label>span {
  color: #333333;
  position: relative;
  top: 5px;
}

.field_checkbox>label {
  padding-left: 45px !important;
  color: #9299a2;
  margin-bottom: 20px;
}

input {
  font-size: 18px !important;
}

.field_checkbox>label>a,
.field__bigform_checkbox>label>a {
  color: #f28518;
}

.field_smallform.password input:focus,
.field_smallform.password input:valid {
  padding-top: 10px;
}

.field_smallform.password input {
  display: block;
  font-family: 'robotoregular', sans-serif;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 22px;
  outline: 0;
  border: 0;
  line-height: 50px;
  height: 50px;
  /* max-width: 580px; */
  margin-top: 20px;
  /* margin-left: 10px;
	 */
  /* border: 1px solid red;
	 */
  /* padding-left: 24px;
	 */
  padding-top: 0px;
  position: relative;
  top: 0px;
}

div.add_links_center_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

div.add_links_small {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 680px;
  width: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.link_item>i.yoga {
  display: inline-block;
  width: 36px;
  height: 22px;
  background: url(../img/yoga.png) 100% 100% no-repeat;
  margin-right: 12px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item:hover>i.yoga {
  background: url(../img/yoga_hover.png) 100% 100% no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item>i.password {
  display: inline-block;
  width: 38px;
  height: 22px;
  background: url(../img/pass.png) 0px 3px no-repeat;
  margin-right: 14px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item:hover>i.password {
  background: url(../img/pass_hover.png) 0px 3px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.field_smallform.form_errors {
  background: #ffe4e4;
  border: 1px solid red !important;
}

.field_smallform.form_warns {
  background: #ffefe6;
  border: 1px solid orange !important;
}

.field_smallform.form_errors .field_smallform.form_warns input {
  background: transparent;
}

.quest_field.form_errors {
  background: #ffe4e4;
  border: 1px solid red !important;
}

.quest_field.form_warns {
  background: #ffefe6;
  border: 1px solid orange !important;
}

.quest_field.form_errors .quest_field.form_warns input {
  background: transparent;
}

.error {
  position: relative;
  color: red;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 3px;
  top: -10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.field_tip {
  position: relative;
  color: #9299a2;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 3px;
  top: -20px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sms_click_a {
  display: block;
  position: relative;
  color: #ff8a42;
  top: -10px;
  text-align: center;
  max-width: 680px;
  width: 100%;
  outline: none;
}

.sms_click_a>p {
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: 'robotomedium', sans-serif;
}

#sms_block {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bigmessage_error {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  width: 100%;
  position: relative;
  background: #f1f1f1;
  border-radius: 10px;
  padding-bottom: 20px;
  min-height: 156px;
  z-index: -1;
}

.bigmessage_error>i {
  display: inline-block;
  float: left;
  margin: 20px 20px 0px 20px;
  width: 124px;
  height: 124px;
  /* border: 1px solid red; */
  background: url(../img/sprite.png) -524px -504px no-repeat;
  position: absolute;
}

.bigmessage_error>.bigtext_ok,
.bigmessage_error>.bigtext_error {
  display: inline-block;
  margin: 10px 20px 0px 180px;
}

.bigmessage_error>h1 {
  color: #ce3512;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  display: inline-block;
  font-weight: normal;
  line-height: 26px;
  margin: 20px 20px 20px 0px;
  display: block;
}

.bigmessage_error>p {
  color: #333333;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
  display: block;
}

.bigmessage_ok {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  width: 100%;
  position: relative;
  background: #f1f1f1;
  border-radius: 10px;
  padding-bottom: 20px;
  min-height: 156px;
  z-index: -1;
}

.message_ok>i,
.bigmessage_ok>i {
  display: inline-block;
  float: left;
  margin: 20px 20px 0px 20px;
  width: 124px;
  height: 124px;
  /* border: 1px solid red; */
  background: url(../img/sprite.png) -648px -504px no-repeat;
  position: absolute;
}

.bigmessage_ok>.bigtext_ok,
.bigmessage_ok>.bigtext_error {
  display: inline-block;
  margin: 10px 20px 0px 180px;
}

.bigtext_ok>h1,
.bigtext_error>h1 {
  color: #ff8a42;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  display: inline-block;
  font-weight: normal;
  line-height: 26px;
  margin: 20px 20px 20px 0px;
  display: block;
}

.bigtext_error>h1 {
  color: #ce3512;
}

.bigtext_ok>p,
.bigtext_error>p {
  color: #333333;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
  display: block;
}

.message_ok,
.message_error {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  width: 680px;
  position: relative;
  background: #f1f1f1;
  border-radius: 10px;
  margin-left: calc(50% - 340px);
  padding-bottom: 20px;
  min-height: 156px;
}

.message_error.message_white {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  width: 100%;
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  min-height: 156px;
  border: 1px solid #d9dce0;
  margin: 20px 0 0 0;
}

.message_container_edit {
  max-width: 900px;
}

.message_container_edit .message_white .text_error {
  margin: 0px 0px 0px 180px !important;
}

.message_container_step2 {
  width: 590px;
}

.message_container_step2 .message_white .text_error {
  margin: 0px 0px 0px 170px !important;
}

.message_container_step2 .message_white i {
  margin: 20px 20px 0px 15px !important;
}

.message_ok>i {
  display: inline-block;
  float: left;
  margin: 20px 20px 0px 20px;
  width: 124px;
  height: 124px;
  background: url(../img/sprite.png) -648px -504px no-repeat;
  position: absolute;
}

.message_error>i {
  display: inline-block;
  float: left;
  margin: 20px 20px 0px 20px;
  width: 124px;
  height: 124px;
  /* border: 1px solid red;
	 */
  background: url(../img/sprite.png) -526px -504px no-repeat;
  position: absolute;
}

.message_ok>.text_ok,
.message_error>.text_error {
  display: inline-block;
  margin: 10px 20px 0px 180px;
  /* border: 1px solid red;
	 */
  /* float: right; */
}

.text_error>h1 {
  color: #ce3512;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  display: inline-block;
  font-weight: normal;
  line-height: 26px;
  margin: 20px 20px 20px 0px;
  width: 100%;
}

.text_ok>h1 {
  color: #ff8a42;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  display: inline-block;
  font-weight: normal;
  line-height: 26px;
  margin: 20px 20px 20px 0px;
  width: 100%;
}

.text_ok>p,
.text_error>p {
  color: #333333;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
  margin-bottom: 15px;
  width: 100%;
  padding-right: 20px;
}

#email_valid_icon.ok_form_icon,
#phone_valid_icon.ok_form_icon,
#sms_valid_icon.ok_form_icon,
#user_name_valid_icon.ok_form_icon,
#full_name_valid_icon.ok_form_icon,
#birth_date_valid_icon.ok_form_icon,
#passport_issue_date_valid_icon.ok_form_icon,
#pass_valid_icon.ok_form_icon,
#pass_repeat_valid_icon.ok_form_icon,
#name_valid_icon.ok_form_icon {
  background: url(../img/sprite.png) -695px -243px no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 25px;
  right: 25px;
}

#email_valid_icon.error_form_icon,
#phone_valid_icon.error_form_icon,
#sms_valid_icon.error_form_icon,
#user_name_valid_icon.error_form_icon,
#full_name_valid_icon.error_form_icon,
#birth_date_valid_icon.error_form_icon,
#passport_issue_date_valid_icon.error_form_icon,
#pass_valid_icon.error_form_icon,
#pass_repeat_valid_icon.error_form_icon,
#name_valid_icon.error_form_icon {
  background: url(../img/sprite.png) -735px -243px no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 25px;
  right: 25px;
}

.select_country {
  display: inline-block;
  position: relative;
  border-radius: 8px;
  margin: 10px;
  text-align: left;
  margin: 0px 0px 20px 0px;
  height: 80px;
  line-height: 80px;
  max-width: 620px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(241, 241, 241, 1)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
}

.select_country .select2-container {
  width: 100% !important;
}

.select_country>select {
  height: 80px !important;
  line-height: 80px !important;
  width: 620px;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 22px;
  border-radius: 8px;
  border: 1px solid #9299a2;
  outline: none;
  padding: 0px 8px 0px 8px;
  -webkit-appearance: none;
  /*for WebKit*/
  -moz-appearance: none;
  /* for FF */
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  /* for IE */
  appearance: none !important;
}

.select_country .select2-selection__placeholder {
  font-size: 22px !important;
  margin-top: 20px !important;
}

.select_country .select2-selection--single {
  height: 80px !important;
  border-radius: 8px !important;
}

.select_country .select2-selection__rendered {
  line-height: 80px !important;
  font-size: 22px !important;
  color: #666666 !important;

}

.select_country .select2-selection__arrow {
  right: 11px !important;
  top: 25px !important;
}

.select_country>select>option {
  border: 1px solid #9299a2;
}

.select_country>select>option:checked {
  background: #9f9f9f;
  color: #ffffff;
}

/* Верхнее меню.  Начало */

#top_menu_container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #f1f1f1;

  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#top_menu {
  width: 960px;
  height: 88px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

#logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 220px;
  margin-left: 10px;
}

#logo a {
  width: 200px;
  height: 60px;
  background: url(../img/logo_gray70.png) 60px 16px no-repeat;
  display: inline-block;
  position: relative !important;
  top: 15px !important;
  left: -10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 1003;
}

/**
#logo a:hover {
  background: url(../img/logo_orange70.png) 60px 16px no-repeat;
  top: 15px !important;
  left: -10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-size: contain;
}
**/

#logo.distributors a {
  background: url(../img/logo_orange70.png) 60px 16px no-repeat;
}

#logo.distributors a:hover {
  background: url(../img/logo_orange70.png) 60px 16px no-repeat;
}

nav {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  /* width: 720px;
	 */
}

#top_navigation {
  position: relative;
  /* margin-left: 250px;
	 */
  top: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* padding-top: 20px;
	 */
}

#top_navigation_second_level {
  position: absolute;
  top: 70px;
  right: 5px;
  z-index: 1000;
  background: #f1f1f1;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 100;
}

.top_navigation_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 35px;
  color: #9299a2;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

#top_menu nav {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}

.top_navigation_item_active {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  font-family: 'robotoregular', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}

.top_navigation_sl_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #9299a2;
  font-family: 'robotoregular', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-left: 26px !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  border-top: 1px solid #fff;
}

.top_navigation_sl_item:first-child {
  margin-top: 0px;
  border-top: 0;
}

.top_navigation_sl_item:last-child {
  margin-bottom: 0px;
  padding-bottom: 10px !important;
  /* border-bottom: 1px solid #9299a2;
	 */
}

.top_navigation_item:last-child {
  /* margin-right: 0px;
	 */
}

.top_navigation_item>a {
  color: #9299a2;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.top_navigation_sl_item>a {
  color: #9299a2;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.top_navigation_item>a:hover,
.top_navigation_item:hover,
.top_navigation_item_active>a,
.top_navigation_item_active {
  color: #595959;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  text-decoration: none;
}

.top_navigation_sl_item>a:hover,
.top_navigation_sl_item_active>a {
  color: #595959;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.nav_feedback {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_feedback i {
  display: inline-block;
  vertical-align: text-top;
  width: 28px;
  height: 22px;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  background: url(../img/sprite.png) -34px -26px no-repeat;
}

.nav_feedback:hover i,
.top_navigation_item_active.nav_feedback i {}

.nav_balance {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_balance i {
  display: inline-block;
  vertical-align: text-top;
  width: 28px;
  height: 22px;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  background: url(../img/sprite.png) -82px -26px no-repeat;
}

.nav_balance:hover i,
.top_navigation_item_active.nav_balance i {}

.nav_contract {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.nav_contract i {
  display: inline-block;
  vertical-align: text-top;
  width: 28px;
  height: 23px;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  background: url(../img/sprite.png) -132px -26px no-repeat;
}

.nav_contract:hover i,
.top_navigation_item_active.nav_contract i {}

.nav_settings {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.nav_settings i {
  width: 0px;
  height: 0px;
}

.nav_settings:hover i,
.top_navigation_item_active.nav_settings i {}

.nav_settings i.have_second_level {
  display: inline-block;
  vertical-align: text-top;
  width: 0px;
  height: 0px;
  margin: 0;
  padding: 0;
}

.nav_settings:hover i.have_second_level {}

.nav_exit {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: right;
}

.nav_exit i {
  display: inline-block;
  vertical-align: text-top;
  width: 0px;
  height: 0px;
  margin: 0;
  padding: 0;
}

.nav_exit:hover i {}

.onhover_first_level {
  color: #595959 !important;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.nav_basic:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.nav_basic {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_basic_last {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.nav_enter {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: right;
}

.nav_enter i {
  display: inline-block;
  vertical-align: text-top;
  width: 0px;
  height: 0px;
  margin: 0;
  padding: 0;
}

.nav_enter:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(../img/sprite.png) -468px -67px no-repeat;
}

/** Форма авторизации. Конец **/

/* Четыре основные триггера. Начало */

#four_triggers_container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#four_triggers {
  width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tr_ic_music {
  background: url(../img/sprite.png) -544px -710px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_music_base {
  background: url(../img/sprite.png) -442px -706px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_music_search {
  background: url(../img/sprite.png) -544px -620px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_music_pay {
  background: url(../img/sprite.png) -445px -612px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_link:hover .tr_ic_music,
.tr_link_active .tr_ic_music {
  background: url(../img/sprite.png) -544px -710px #ff6541 !important;
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
}

.tr_link:hover .tr_ic_music_base,
.tr_link_active .tr_ic_music_base {
  background: url(../img/sprite.png) -442px -706px #ff6541 !important;
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
}

.tr_link:hover .tr_ic_music_search,
.tr_link_active .tr_ic_music_search {
  background: url(../img/sprite.png) -544px -620px #ff6541 !important;
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
}

.tr_link:hover .tr_ic_music_pay,
.tr_link_active .tr_ic_music_pay {
  background: url(../img/sprite.png) -445px -612px #ff6541 !important;
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
}

.four_tr_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  /* border: 1px solid #000;
	 */
  min-height: 200px;
  max-width: 185px;
  width: 185px;
  /* margin-right:20px;
	 */
  margin: 0 3px;
  text-align: center;
}

.tr_item_icon {
  background: url(../img/internet-platform.png) 18px 17px no-repeat #ff8a42;
  background-size: 56px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-top: 64px;
  margin-bottom: 8px;
  display: inline-block;
}

.tr_link {
  text-decoration: none;
  color: #333333;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_count {
  color: #ffffff;
  background: #ff6541;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 100;
  left: 65px;
  top: 2px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_count>p {
  color: #ffffff;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 13px;
  margin-top: -1px;
  margin-right: 0px;
}

.tr_link:hover .tr_count,
.tr_link_active .tr_count {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  background: #ff8a42;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_link:hover .tr_count>p,
.tr_link_active .tr_count>p {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_header {
  display: block;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 15px;
  text-decoration: none;
  margin-bottom: 5px;
  background: #ffffff;
  border-radius: 5px;
  padding: 8px 18px 8px 18px;
}

.tr_description {
  display: inline-block;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  color: #9299a2;
  /* width: 215px;
	 */
  line-height: 17px;
  margin-bottom: 15px;
}

.tr_ic_upload {
  background: url(../img/sprite.png) -39px -481px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_mymusic {
  background: url(../img/sprite.png) -161px -482px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_statistic {
  background: url(../img/sprite.png) -280px -479px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  position: relative;
  top: 0px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_platform {
  background: url(../img/internet-platform.png) 18px 17px no-repeat #ff8a42;
  background-size: 56px;
  width: 90px;
  height: 90px;
  position: relative;
  top: 0px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_ic_sertificate {
  background: url(../img/sprite.png) -396px -479px no-repeat #ff8a42;
  width: 90px;
  height: 90px;
  position: relative;
  top: 0px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tr_link:hover .tr_ic_upload,
.tr_link_active .tr_ic_upload {
  background: url(../img/sprite.png) -39px -481px no-repeat #ff6541 !important;
  position: relative;
  /* top: -10px; */
  /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5); */
}

.tr_link:hover .tr_ic_mymusic,
.tr_link_active .tr_ic_mymusic {
  background: url(../img/sprite.png) -161px -482px no-repeat #ff6541;
  position: relative;
  /* top: -10px; */
  /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5); */
}

.tr_link:hover .tr_ic_statistic,
.tr_link_active .tr_ic_statistic {
  background: url(../img/sprite.png) -280px -479px no-repeat #ff6541;
  position: relative;
  /* top: -10px; */
  /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5); */
}

.tr_link:hover .tr_ic_sertificate,
.tr_link_active .tr_ic_sertificate {
  background: url(../img/sprite.png) -396px -479px no-repeat #ff6541;
  position: relative;
  /* top: -10px; */
  /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5); */
}

.tr_link:hover .tr_ic_platform,
.tr_link_active .tr_ic_platform {
  /* background: url(../img/sprite.png) -396px -479px no-repeat #ff6541; */
  position: relative;
  top: 0;
  box-shadow: none;
  /* top: -10px; */
  /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5); */
}

.tr_link:hover .tr_header,
.tr_link_active .tr_header {
  color: #ff6541;
  background: #f1f1f1;
  border-radius: 5px;
  padding: 8px 18px 8px 18px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none !important;
}

.tr_link_active {
  text-decoration: none !important;
}

.four_tr_item:last-child p {
  letter-spacing: -0.5px;
}

/* Четыре основные триггера. Конец */

#main_container {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /* border: 3px solid red;
	 */
}

.orange {
  color: #ff8a42;
}

.grey {
  color: #9299a2;
}

.gray {
  color: #9f9f9f;
}

.fsize13 {
  font-size: 13px;
}

.storng {
  font-weight: bold;
}

.no-wrap {
  white-space: nowrap;
}

p.welcome {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  margin-top: 30px;
  margin-bottom: 28px;
  font-size: 28px;
  line-height: 31px;
  padding: 0 10px;
}

.welcome_add_message {
  padding: 0 10px;
}

/* Три главных блока на главной. Начало */

#block_main {
  text-align: center;
}

#blocks_on_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* border: 1px solid #000;
	 */
}

.ai_right_distr .album_size_block_albumfull {
  right: 0;
  top: 0;
}

#block_main_music {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 390px;
  width: 310px;
  text-align: left;
  border-radius: 8px;
  background: #f1f1f1;
  margin: 10px 10px 10px 10px;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_music:hover {
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_billing {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 390px;
  width: 310px;
  margin: 10px 10px 10px 10px;
  text-align: left;
  border-radius: 8px;
  background: #f1f1f1;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_billing:hover {
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_certs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 390px;
  width: 310px;
  text-align: left;
  border-radius: 8px;
  background: #f1f1f1;
  margin: 10px 10px 50px 10px;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_certs:hover {
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.bm_header {
  height: 56px;
  background: url(../img/line_h_orange.png) 18px 100% no-repeat;
}

.bm_header>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
  padding-left: 18px;
  padding-top: 24px;
  letter-spacing: -1px;
}

.bm_music_list {
  margin-top: 26px;
  height: 225px;
}

.bm_karaoke_list {
  margin-top: 32px;
  height: 235px;
  overflow: hidden;
}

.bm_ml_item {
  padding-left: 18px;
  margin-bottom: 12px;
}

.bm_icon_building {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(../img/sprite1024.png) -67px -158px no-repeat #ffffff;
  float: left;
  margin-right: 10px;
  display: inline-block;
}

.bm_icon_radio {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(../img/sprite1024.png) -133px -159px no-repeat #ffffff;
  float: left;
  margin-right: 10px;
  display: inline-block;
}

.bm_icon_karaoke {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(../img/sprite.png) -855px -160px no-repeat #ffffff;
  float: left;
  margin-right: 10px;
  display: inline-block;
}

p.bm_track {
  display: block;
  color: #666666;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 15px;
  margin-top: 3px;
  /* margin-right: 54px;
	 */
  overflow: hidden;
  height: 25px;
}

p.bm_time_and_place {
  display: inline-block;
  color: #9299a2;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 11px;
  line-height: 20px;
  top: -6px;
  position: relative;
  z-index: 20;
  height: 15px;
  width: 240px;
  overflow: hidden;
}

.bm_button {
  color: #f28518;
  width: 180px;
  height: 56px;
  border-radius: 5px;
  border: 2px solid #f28518;
  text-align: center;
  text-decoration: none;
  background: #f1f1f1;
  margin-left: 65px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bm_button>p {
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  height: 56px;
  line-height: 56px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bm_button:hover {
  background: #f28518;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bm_button:hover>p {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bm_balance_list {
  margin-top: 26px;
  height: 225px;
}

.bm_balance_day {
  padding-left: 20px;
  margin-bottom: 10px;
}

.bm_balance_week {
  padding-left: 20px;
  margin-bottom: 20px;
}

.bm_balance_total {
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  background: url(../img/line_h_orange.png) 80px 0% no-repeat;
  padding-top: 20px;
}

.bm_icon_day {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(../img/sprite1024.png) -324px -159px no-repeat #ffffff;
  float: left;
  margin-right: 20px;
  display: inline-block;
  text-align: center;
}

#bm_current_date {
  color: #595959;
  font-family: 'robotoregular', sans-serif;
  font-size: 12px;
  position: relative;
  top: 11px;
}

.bm_icon_week {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(../img/sprite1024.png) -258px -160px no-repeat #ffffff;
  float: left;
  margin-right: 20px;
  display: inline-block;
}

.bm_icon_total {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(../img/sprite1024.png) -194px -157px no-repeat #ffffff;
  float: left;
  margin-right: 20px;
  display: inline-block;
}

p.bm_balance_text {
  display: inline-block;
  width: 220px;
  color: #666666;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 15px;
  margin-top: 0px;
}

p.bm_balance_text_big {
  display: inline-block;
  width: 220px;
  color: #666666;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 17px;
  margin-top: 0px;
}

p.bm_balance_price {
  display: inline-block;
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 17px;
  position: relative;
  z-index: 20;
  top: -2px;
}

p.bm_balance_price_big {
  display: inline-block;
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  position: relative;
  z-index: 20;
  top: 0px;
}

p.bm_balance_price>span.rub,
p.bm_balance_price_big>span.rub {
  display: inline-block;
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 15px;
  position: relative;
  z-index: 20;
}

.bm_sert_list {
  margin-top: 26px;
  height: 225px;
}

.bm_sert_date {
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 15px;
  color: #666666;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: -7px;
}

.bm_sert_item {
  padding-left: 20px;
  padding-top: 6px;
  overflow: hidden;
}

.bm_sert_item:first-child {
  padding-top: 18px;
}

p.bm_compilation {
  display: block;
  color: #9299a2;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 12px;
  top: -3px;
  position: relative;
  z-index: 20;
  margin-right: 54px;
  height: 20px;
  overflow: hidden;
}

.bm_download_sert {
  height: 34px;
  width: 28px;
  /* border: 1px solid black;
	 */
  position: relative;
  margin-right: 20px;
  margin-top: 4px;
  float: right;
  background: url(../img/sprite.png) -97px -244px no-repeat;
  /* transition: all 0.2s ease-out;
	 */
  text-decoration: none;
}

.bm_download_sert:hover {
  background: url(../img/sprite.png) -40px -244px no-repeat;
  /* transition: all 0.2s ease-out;
	 */
}

/* Три главных блока. Конец */

/* Блоки Статистика на главной. Начало */

#block_statistic {
  text-align: center;
}

h2 {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px !important;
  margin-bottom: 20px !important;
  font-weight: 500;
}

h2.content {
  padding-top: 40px;
}

h2.statistic_header {
  font-size: 22px;
  margin-bottom: 14px;
  margin-top: 4px;
}

#blocks_stats_on_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#blocks_stats_on_main>div:last-child {
  margin: 10px 10px 50px 10px;
}

#block_main_place,
#block_main_radio {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 380px;
  width: 310px;
  margin: 10px;
  text-align: left;
  border-radius: 8px;
  background: #f1f1f1;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_youtube {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 380px;
  width: 310px;
  /* margin-right: 0px;
	 */
  text-align: left;
  border-radius: 8px;
  background: #f1f1f1;
  margin: 10px;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_karaoke {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 380px;
  width: 310px;
  /* margin-right: 50px; */
  text-align: left;
  border-radius: 8px;
  background: #f1f1f1;
  margin-bottom: 50px;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_karaoke:hover {
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#block_main_place:hover,
#block_main_radio:hover,
#block_main_youtube:hover {
  position: relative;
  top: -10px;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.bs_header {
  height: 56px;
  background: url(../img/line_h_blue.png) 18px 100% no-repeat;
}

.bs_header>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
  padding-left: 18px;
  padding-top: 24px;
  letter-spacing: -0.5px;
}

.icon_h_place {
  width: 52px;
  height: 52px;
  /* border: 1px solid black;
	 */
  background: url(../img/sprite.png) -45px -315px no-repeat;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
}

.icon_h_radio {
  width: 52px;
  height: 52px;
  /* border: 1px solid black;
	 */
  background: url(../img/sprite.png) -125px -315px no-repeat;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
}

.icon_h_karaoke {
  width: 52px;
  height: 52px;
  /* border: 1px solid black; */
  background: url(../img/sprite.png) -789px -154px no-repeat;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
}

.icon_h_internet {
  width: 52px;
  height: 52px;
  /* border: 1px solid black;
	 */
  /* background: url(../img/sprite.png) -205px -315px no-repeat;
	 */
  background: url(../img/sprite.png) -675px -315px no-repeat;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
}

.bs_contaiter_for_text {
  height: 205px;
  margin-bottom: 30px;
}

.stats_text {
  margin-top: 32px;
  margin-left: 18px;
  margin-right: 10px;
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 24px;
  height: 104px;
}

.stats_text>.stats_count {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px !important;
  position: relative;
  top: 2px !important;
}

.stats_text>.orange_text {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
}

li .orange_text22,
.orange_text22 {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
}

.stats_text>.day,
li .day {
  color: #ff6541;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
}

.stats_text_total {
  margin-top: 28px;
  margin-left: 20px;
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 25px;
}

.stats_rub {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
}

.bs_button {
  width: 160px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid #6676a4;
  text-align: center;
  text-decoration: none;
  background: #ffffff;
  margin-left: 75px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bs_button>p {
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  text-decoration: none;
  height: 35px;
  line-height: 35px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bs_button:hover {
  background: #6676a4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bs_button:hover>p {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

ul.stats_list {
  width: 274px;
  margin: 15px auto;
  background: #fafafa;
  border-radius: 8px;
  padding: 10px;
}

ul.stats_list>li {
  background: url(../img/li.png) 0px 3px no-repeat;
  padding-left: 27px;
  color: #666666;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 14px;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
}

ul.stats_list>li>p.radio_name {
  flex: 1 1 auto;
  position: relative;
  top: 0px;
  margin-right: 5px;
}

ul.stats_list>li>span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  top: -2px;
  font-size: 21px;
  margin-right: 10px;
}

ul.stats_list>li>p {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  top: 5px;
  margin-right: 5px;
}

/* Блоки Статистика на главной. Конец */

/* Блок Видео на главной. Начало */

#block_video {
  text-align: center;
}

#block_video_on_main {
  /* display: flex;
	 */
  /* justify-content: center;
	 */
}

.block_youtube {
  /* width: 960px;
	 */
  /* height: 540px;
	 */
  background: #f1f1f1;
  border-radius: 8px;
  margin-bottom: 80px;
  position: relative;
}

.block_tv {
  max-width: 100%;
  height: 500px;
  background: url(../img/tv.png) 20px 00px no-repeat;
  /* border: 1px solid #000000;
	*/
  /* position: absolute;
	 */
  position: relative;
  width: 570px;
  margin: 0 auto;
}

.iframe_from_youtube {
  background: url(../img/no_tv.gif) 0px 0px no-repeat #676767;
  max-width: 100%;
  height: 272px;
  position: absolute;
  top: 45px;
  left: 44px;
}

.iframe_from_youtube iframe {
  max-width: 100%;
}

.list_video {
  /* margin-left: 568px;
	 */
  /* width: 542px;
	 */
  height: 540px;
  background: url(../img/line_v_gray.png) 4px 20px no-repeat;
  text-align: left;
  overflow: hidden;
  margin-left: 15%;
}

.ul_list_video {
  margin-left: 0px;
  padding-top: 40px;
}

.video_item {
  margin-bottom: 15px;
  display: block;
}

.video_item:last-child {
  margin-bottom: 30px;
  display: block;
}

.video_item:hover {
  cursor: pointer;
}

.video_item>a {
  color: #595959;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 18px;
  text-decoration: none;
  vertical-align: top;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  line-height: 24px;
  /* padding-right: 20px;
	 */
  padding-left: 10px;
  margin: 0;
  width: auto;
}

.video_item>a>p {
  color: #595959;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 16px;
  vertical-align: top;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline;
  line-height: 24px;
}

.video_item:hover a {
  text-decoration: underline;
  color: #f28518;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.video_item:hover p {
  text-decoration: underline;
  color: #f28518;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.video_item>i {
  /* border: 1px solid black;
	 */
  width: 12px;
  height: 26px;
  display: inline-block;
  background: url(../img/video_list.png) 0px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.video_item:hover i {
  background: url(../img/video_list_hover.png) 0px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.active_video i {
  background: url(../img/video_list_hover.png) 0px 1px no-repeat;
}

.active_video a {
  text-decoration: underline;
  color: #f28518 !important;
  ;
}

.active_video p {
  text-decoration: underline;
  color: #f28518 !important;
}

.all_video_link {
  display: block;
  /*text-align: right;
	 */
  margin-left: 22px;
  margin-right: 40px;
  vertical-align: top;
}

.all_video_link>a {
  color: #6676a4;
}

.all_video_link>a>p {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.all_video_link>i {
  width: 24px;
  height: 18px;
  display: inline-block;
  margin-right: 2px;
  background: url(../img/sprite.png) -200px -246px no-repeat;
}

/* Блок Видео на главной. Конец */

/* Футер. Начало */

#footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #595959;
  /* height: 336px;
	 */
  height: auto;
  position: relative;
  z-index: 997;
}

#block_top {
  height: 28px;
  border-bottom: 1px solid #676767;
  display: block;
}

#block_footer_navigation {
  /* height: 54px;
	 */
  height: auto;
  background: #676767;
  border-top: 1px solid #595959;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#footer_navigation {
  width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}

#f_menu_list {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /* height: 64px;
	 */
  height: auto;
}

#f_menu_list.on {
  display: block;
  position: absolute;
  top: 84px;
  left: 27px;
  background: #676767;
}

#f_menu_list.on>a {
  display: block;
  padding: 0 20px;
  line-height: 40px;
}

#f_menu_list>a {
  color: #f1f1f1;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 54px;
  margin-right: 28px;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#f_menu_list>a:hover {
  color: #eaa055;
  text-decoration: underline;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#secondary_block_container h1:not([class="content"]) {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 28px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 500;
}

.blog_header .blog_title {
  margin-top: 0 !important;
}

#secondary_block_container .text-pages {
  line-height: 23px;
}

#secondary_block_container .text-pages ol {
  margin-left: 25px;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 20px;
}

#secondary_block_container .text-pages ol li {
  padding-left: 5px;
  padding-bottom: 8px;
}

#secondary_block_container .text-pages ul {
  list-style: disc;
  margin-left: 15px;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 20px;
}

#secondary_block_container .text-pages ul li {
  padding-bottom: 10px;
}

#secondary_block_container .text-pages p {
  margin-bottom: 16px;
}

#change_lang {
  z-index: 3000;
  /* width: 260px;
	 */
  width: 100%;
  text-align: center;
}

#change_lang p {
  color: #f1f1f1;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 15px;
  line-height: 54px;
  display: inline-block;
}

#change_lang a {
  color: #eaa055;
  font-size: 14px;
}

#change_lang a.active {
  color: red !important;
}

.flag_en {
  width: 40px;
  height: 30px;
  display: inline-block;
  /* border: 1px solid white;
	 */
  vertical-align: middle;
  margin-left: 10px;
  background: url(../img/eng.png) 0px 3px no-repeat;
}

.flag_ru {
  width: 40px;
  height: 30px;
  display: inline-block;
  /* border: 1px solid white;
	 */
  vertical-align: middle;
  margin-left: 10px;
  background: url(../img/rus.png) 0px 3px no-repeat;
}

#change_lang {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 220px;
}

#block_footer_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#f_bottom {
  width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}

#f_contacts {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 230px;
  /* width: 100%; */
}

#f_links {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

#f_social {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 420px;
  /* width: 100%; */
}

.f_copyright {
  color: #ffffff;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-top: 36px;
  line-height: 24px;
}

.f_phone {
  color: #ffffff;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  margin-top: 40px;
  display: block;
  height: 30px;
  vertical-align: middle;
}

.f_phone a {
  color: #ffffff;
  text-decoration: none;
}

.f_phone>i {
  background: url(../img/sprite.png) -247px -243px no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.f_phone>p {
  line-height: 30px;
  height: 30px;
  display: inline;
  margin-left: 6px;
  vertical-align: middle;
}

.f_email {
  color: #ffffff;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  display: block;
  height: 30px;
  vertical-align: middle;
  margin-top: 5px;
}

.f_email>i {
  background: url(../img/sprite.png) -300px -241px no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.f_email>a {
  line-height: 30px;
  height: 30px;
  display: inline;
  margin-left: 6px;
  vertical-align: middle;
  color: #ffffff;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.f_policy {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  display: block;
  height: 28px;
  vertical-align: middle;
  margin-top: 30px;
}

.f_policy>i {
  background: url(../img/sprite.png) -374px -244px no-repeat;
  width: 20px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.f_policy>a {
  line-height: 27px;
  height: 28px;
  display: inline;
  margin-left: 4px;
  vertical-align: middle;
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-decoration: none;
  /* text-transform: uppercase;
	 */
}

.f_cookies {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  display: block;
  height: 28px;
  vertical-align: middle;
  margin-top: 0px;
}

.f_cookies>i {
  background: url(../img/sprite.png) -348px -244px no-repeat;
  width: 20px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.f_cookies>a {
  line-height: 28px;
  height: 28px;
  display: inline;
  margin-left: 4px;
  vertical-align: middle;
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-decoration: none;
  /* text-transform: uppercase;
	 */
}

.f_text {
  color: #ffffff;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  margin-top: 32px;
}

.social_list {
  margin-top: 25px;
}

.s_vk {
  height: 70px;
  width: 70px;
  display: inline-block;
  background: url(../img/sprite.png) -40px -612px no-repeat;
  margin-right: 8px;
}

.s_vk:hover {
  background: url(../img/sprite.png) -40px -682px no-repeat;
}

.s_facebook {
  height: 70px;
  width: 70px;
  display: inline-block;
  background: url(../img/sprite.png) -117px -612px no-repeat;
  margin-right: 8px;
}

.s_facebook:hover {
  background: url(../img/sprite.png) -117px -682px no-repeat;
}

.s_insta {
  height: 70px;
  width: 70px;
  display: inline-block;
  background: url(../img/sprite.png) -197px -612px no-repeat;
  margin-right: 8px;
}

.s_insta:hover {
  background: url(../img/sprite.png) -197px -682px no-repeat;
}

.s_youtube {
  height: 70px;
  width: 70px;
  display: inline-block;
  background: url(../img/sprite.png) -276px -612px no-repeat;
  margin-right: 8px;
}

.s_youtube:hover {
  background: url(../img/sprite.png) -276px -682px no-repeat;
}

.s_tele {
  height: 70px;
  width: 70px;
  display: inline-block;
  background: url(../img/sprite.png) -360px -612px no-repeat;
  margin-right: 0px;
}

.s_tele:hover {
  background: url(../img/sprite.png) -360px -682px no-repeat;
}

/* Футер. Конец */

/* Спойлер. Видеоуроки. Начало */

.spoiler-trigger {
  color: #d1cfcf;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  margin-bottom: 0px;
}

.spoiler-trigger>h2 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.spoiler-trigger>i {
  width: 29px;
  height: 29px;
  border: 1px solid #d1cfcf;
  display: inline-block;
  border-radius: 50%;
  background: url(../img/sprite.png) -356px -64px no-repeat;
  vertical-align: middle;
  margin-left: 13px;
  position: relative;
  top: -9px;
}

.spoiler-trigger.active>i {
  width: 29px;
  height: 29px;
  border: 1px solid #d1cfcf;
  display: inline-block;
  border-radius: 50%;
  background: url(../img/sprite.png) -356px -17px no-repeat;
  vertical-align: middle;
  margin-left: 13px;
  position: relative;
  top: -9px;
}

.spoiler-trigger.active>i {}

.spoiler-block {
  display: none;
}

/* Спойлер. Видеоуроки. Конец */

/* Загрузка трека. Шаг 1. Начало */

#secondary_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}

#secondary_block_container {
  flex: 1 0 auto;
  max-width: 100%;
  display: block;
}

h1.content {
  text-align: left;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 25px;
  padding-top: 20px;
}

#content_menu {
  min-height: 50px;
  background: url(../img/line_h_1180.png) -220px 100% no-repeat;
  margin-bottom: 28px;
}

.cm_item {
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 20px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  color: #333333;
  /* padding-left: 30px;
	 */
  margin-left: 15px;
  padding-right: 20px;
  position: relative;
}

.cm_item:first-child {
  padding-left: 0px;
  margin-left: 0px;
}

.cm_item_info {
  position: absolute;
  top: 0;
  right: -35px;
}

.cm_item_info i {
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 22px;
  background: url(../img/sprite.png)-635px -333px no-repeat;
}

.ci_active {
  border-bottom: 5px solid #ff8a42;
  color: #ff8a42;
  font-family: 'roboto_condensedregular', sans-serif;
}

.ci_noclick {
  color: #9299a2;
}

.ci_click {
  color: #333333;
}

.ci_click a {
  color: #333333;
  background: url(../img/dashed.png) 0% 100% no-repeat;
  text-decoration: none;
  height: 38px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* border: 1px solid green;
	 */
}

.ci_click a:hover {
  color: #ff8a42;
  background: url(../img/dashed_hover.png) 0% 100% no-repeat;
  height: 38px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* border: 1px solid green;
	 */
}

#hint {
  min-height: 115px;
  border-radius: 8px;
  background: url(../img/back_y.png) -25px 50% no-repeat #ff8a42;
  margin-bottom: 28px;
  display: block;
  position: relative;
}

.text_hint {
  color: #ffffff;
  padding-left: 180px;
  padding-top: 22px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: inline-block;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.close_hint {
  display: inline-block;
  color: #ffffff;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  /* margin: 10px 14px 10px 10px; */
  margin: 3px 6px 10px 10px;
  z-index: 20;
  right: 0px;
  position: absolute;
}

.close_hint>a {
  display: inline-block;
  float: right;
  color: #ffffff;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.close_hint>i {
  display: inline-block;
  height: 15px;
  width: 35px;
  background: url(../img/sprite.png) -391px -246px no-repeat;
}

h2.form.mt20,
h2.form,
.bf_margin_left {
  margin-left: 0 !important;
}

#mainForm {
  padding: 0 20px 20px;
}

#tracksList,
#albumsList {
  padding: 0px 0px 40px 0px;
}

div.form {
  margin-top: 0px;
  margin-bottom: 30px;
  background: #f1f1f1;
  border-radius: 8px;
  /* max-width: 960px;
	 */
  width: 100%;
  display: inline-block;
  position: relative;
  /* height: 560px;
	 */
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

#mainForm {
  padding-top: 0;
}

form#upload_form {}

.radio_list {
  /* border: 1px solid red;
	 */
  width: 560px;
  margin-top: 38px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: inline-block;
}

.radio_header {
  color: #9299a2;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
  display: inline-block;
  margin-right: 30px;
}

#upload_form .rl_radio {
  padding-top: 15px;
}

.resident {
  text-align: center;
  margin-bottom: 20px;
}

.resident__title {
  font-size: 22px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resident__body {
  padding: 20px;
}

.resident__body p:not(:last-child) {
  padding-bottom: 14px;
}

.resident__info {
  margin-left: 12px;
  cursor: pointer;
  height: 36px;
}

.resident__wrapper {
  display: flex;
  justify-content: center;
}

.resident__div {
  width: 180px;
  margin: 0 16px 8px;
  user-select: none;
  position: relative;
}

.resident__div input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.resident__div input:checked + label {
  background-color: #ff6541;
  color: #fff;
}

.resident__div label.btn {
  background-color: #dedede;
}

.resident__div label.btn.active {
  background-color: #ff6541;
}

.resident__div label {
  position: relative;
  background-color: #ff8a42;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 180px;
  padding: 17px 20px;
  border: 0;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease-out;
}

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

.rl_radio>div {
  padding: 0 10px 10px 0;
}

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

.rl_radio>div {
  padding: 0 10px 10px 0;
}

.radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px;
}

.radio+label {
  position: relative;
  padding: 0 20px 0 33px;
  cursor: pointer;
  font-size: 16px;
}

.radio+label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}

.radio+label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ff8a42;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
  opacity: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.radio:checked+label:after {
  opacity: 1;
}

.radio:focus+label:before {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.field,
.field_noreq,
.field_bigform_noreq {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  /* margin-left: 30px;
	 */
  /* border: 1px solid red;
	 */
  max-width: 590px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #9299a2;
  border-radius: 8px;
  line-height: 80px;
  height: 80px;
  vertical-align: middle;
}

.quest_field {
    position: relative;
    display: inline-block;
    margin: 0px 0px 20px 0px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #9299a2;
    border-radius: 8px;
    line-height: 80px;
    height: 80px;
    vertical-align: middle;
}

.field,
.field_noreq {
  /* max-width: 590px;
	 */
  width: 100%;
  padding: 0 34px;
}

.field_bigform_noreq.step1 {
  /* max-width: 900px; */
  max-width: initial;
  width: 100%;
}

.field input,
.field_noreq input,
.field_bigform_noreq input {
  display: block;
  font-family: 'robotoregular', sans-serif;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 22px;
  outline: 0;
  border: 0;
  line-height: 50px;
  height: 50px;
  max-width: 560px;
  width: 100%;
  margin-top: 20px;
  /* margin-left: 10px;
	 */
  /* border: 1px solid red;
	 */
  /* padding-left: 16px; */
}

.quest_field input {
    display: block;
    font-family: 'robotoregular', sans-serif;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 22px;
    outline: 0;
    border: 0;
    line-height: 50px;
    height: 50px;
    max-width: 580px;
    width: 100%;
    margin-top: 20px;
    margin-left: 10px;
    padding-left: 24px;
    background: transparent;
}

.field label,
.field_noreq label,
.field_bigform label,
.field_bigform_noreq label {
  position: absolute;
  left: 34px;
  top: 0px;
  height: 0;
  color: #9299a2;
  font-size: 22px;
  /* transform: translateY(0px);
	 */
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 0px;
  font-family: 'robotoregular', sans-serif;
  /* border: 1px solid green;
	 */
}

.quest_field label {
    position: absolute;
    left: 34px;
    top: 0px;
    color: #9299a2;
    font-size: 16px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 0 0px;
    font-family: 'robotoregular', sans-serif;
}

.field label>span,
.field_noreq label>span,
.quest_field label>span,
.field_bigform label>span,
.field_bigform_noreq label>span {
  color: #ff8a42;
}

.field input:focus,
.field_noreq input:focus,
.quest_field input:focus,
.field_bigform input:focus,
.field_bigform_noreq input:focus {
  outline: 0;
  /* border-color: #F77A52;
	 */
}

.field input:focus+label,
.field input:valid+label,
.field_noreq input:focus+label,
.field_noreq_has_data input+label,
.field_bigform input:focus+label,
.field_bigform input:valid+label,
.field_bigform_noreq input:focus+label {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-left: 0px;
  font-size: 13px !important;
  outline: 0;
  color: #9299a2;
}

.quest_field input:focus+label,
.quest_field_has_data input+label {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    margin-left: 0px;
    font-size: 14px;
    outline: 0;
    color: #9299a2;
    height: 0;
}

.field input:focus,
.field input:valid,
.field_bigform input:focus,
.field_bigform input:valid,
.field_noreq input:focus,
.quest_field input:focus,
.field_bigform_noreq input:focus,
.quest_field_has_data input,
.field_noreq_has_data input {
  font-size: 22px;
  color: #666666;
  padding-top: 12px;
}

input[type="text"]:-moz-read-only+label {
  transform: translateY(-15px);
  margin-left: 0px;
  font-size: 14px;
  outline: 0;
  color: #9299a2;
}

input[type="text"]:read-only+label {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-left: 0px;
  font-size: 14px;
  outline: 0;
  color: #9299a2;
}

input[type="text"]:-moz-read-only {
  font-size: 22px;
  color: rgb(255, 138, 66);
  padding-top: 12px;
  box-shadow: none !important;
}

input[type="text"]:read-only {
  font-size: 22px;
  color: rgb(255, 138, 66);
  padding-top: 12px;
  box-shadow: none !important;
}

.form__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 30px 60px;
}

.form__wrapper>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 300px;
}

.form__wrapper input {
  height: 40px;
  border: 1px solid #9299a2;
  border-radius: 8px;
  line-height: 40px;
  vertical-align: middle;
  text-align: right;
  padding: 0 17px;
  color: #bcbcbc;
  font-size: 22px;
}

.form__wrapper label {
  color: #9299a2;
  margin-top: 5px;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-align: right;
  font-style: italic;
}

.form__wrapper div:last-child input,
.form__wrapper div:last-child input~label {
  color: #333333;
  margin-top: 15px;
}

.payments_block .field_bigform:first-child {
  margin-top: 30px;
  margin-bottom: 0;
}

.select_pay span#select2-select_pay-container {
  line-height: unset;
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 22px;
}

.select_pay .select2 {
  width: 100% !important;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 22px;
  border-radius: 8px;
  border: 1px solid #9299a2;
  outline: none;
  padding: 0px 8px 0px 8px;
  height: 80px;
  line-height: 80px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  appearance: none !important;
}

.select_pay .select2-selection {
  border: 0 !important;
  height: 80px !important;
  line-height: 80px !important;
}

.select_pay .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ff8a42 transparent transparent transparent !important;
  border-width: 11px 7px 0 7px !important;
  margin-left: -11px !important;
  margin-top: -6px !important;
}

.select_pay {
  display: inline-block;
  position: relative;
  border-radius: 8px;
  margin: 0px 0px 20px 0px;
  height: 80px;
  line-height: 80px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(241, 241, 241, 1)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
}

/* .payments_block button.button {
	 background: 0;
	 color: #6676a4;
	 text-decoration: underline;
	 width: auto;
	 height: auto;
}
*/

.field_bigform_noreq {
  padding: 0 34px;
}

.field_bigform_noreq input {
  padding-left: 0;
}

.field_bigform_noreq.field2.mb20 {
  max-width: 100%;
}

.field_bigform {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  /* margin-left: 30px;
	 */
  /* border: 1px solid red;
	 */
  /* max-width: 900px;
	 */
  width: 100%;
  background: #ffffff;
  border: 1px solid #9299a2;
  border-radius: 8px;
  line-height: 80px;
  height: 80px;
  vertical-align: middle;
  padding: 0 34px;
}

.field_bigform input {
  display: block;
  font-family: 'robotoregular', sans-serif;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 22px;
  outline: 0;
  border: 0;
  line-height: 50px;
  height: 50px;
  max-width: 860px;
  width: 100%;
  margin-top: 20px;
  /* margin-left: 10px;
	 */
  /* border: 1px solid red;
	 */
  /* padding-left: 24px;
	 */
}

.field_bigform input:disabled,
.field_bigform input:read-only,
.field_bigform.bg {
  background: #e1e1e1 !important;
}

.field_bigform input:disabled~label {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  font-size: 14px;
}

#settings_form .form,
#password_form .form,
#ask_question_form .form {
  text-align: left;
  padding-top: 0;
}

#settings_form .field_bigform {
  margin-bottom: 25px;
}

#settings_form .textarea {
  max-width: 590px;
}

.cover.avatar_back.mt0 {
  margin: 0 auto 50px;
  display: block;
}

.textarea {
  position: relative;
  margin-bottom: 40px;
  /* margin-left: 30px;
	 */
  /* border: 1px solid red;
	 */
  /* max-width: 590px;
	 */
  width: 100%;
  background: #ffffff;
  border: 1px solid #9299a2;
  border-radius: 8px;
  line-height: 170px;
  height: 170px;
  display: inline-block;
  padding: 0 10px;
}

.textarea textarea {
  display: block;
  font-family: 'robotoregular', sans-serif;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 22px;
  outline: 0;
  border: 0;
  height: 140px;
  /* max-width: 555px; */
  width: 100%;
  margin-top: 10px;
  /* margin-left: 10px;
	 */
  /* border: 1px solid red;
	 */
  /* padding-left: 24px;
	 */
  resize: none;
  overflow: auto;
}

.textarea_wide {
  /* max-width: 900px;
	 */
  width: 100%;
}

.textarea_wide textarea {
  /* max-width: 860px;
	 */
  width: 100%;
}

.textarea_quest {
    width: 100%;
}

.textarea_quest textarea {
    width: 100%;
}

.textarea label {
  position: absolute;
  left: 34px;
  /* top: -45px; */
  color: #9299a2;
  font-size: 22px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 0px;
  font-family: 'robotoregular', sans-serif;
  /* border: 1px solid green;
   */
  line-height: 22px;
  top: 29px;
}

.textarea_quest label {
  position: absolute;
  left: 10px;
  /* top: -45px; */
  color: #9299a2;
  font-size: 13px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 0px;
  font-family: 'robotoregular', sans-serif;
  /* border: 1px solid green;
   */
  line-height: 22px;
  top: 29px;
}

.textarea label>span {
  color: #ff8a42;
}

.textarea textarea:focus {
  outline: 0;
  /* border: 1px solid black;
	 */
  margin-top: 36px;
  height: 120px;
  overflow: hidden;
}

.textarea textarea:focus+label,
.textarea_has_data>label {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  margin-left: 0px;
  font-size: 13px !important;
  outline: 0;
  color: #9299a2;
}

.textarea textarea:focus,
.textarea_has_data>textarea {
  font-size: 22px;
  color: #666666;
  margin-top: 36px;
  height: 120px;
  padding-left: 24px;
  overflow: hidden;
}

.textarea_quest textarea:focus,
.textarea_has_data>textarea {
  font-size: 18px;
  color: #666666;
  margin-top: 36px;
  height: 120px;
  padding-left: 0px;
  overflow: hidden;
}

.cover {
  /* border: 1px solid red;
	 */
  width: 280px;
  height: 280px;
  display: inline-block;
  float: right;
  background: url(../img/nocover_280.png) 50% 50% no-repeat #d6d6d6;
  border-radius: 8px;
  margin-right: 30px;
  margin-top: 92px;
  position: relative;
}

.cover_image {
  /* border: 1px solid red;
	 */
  width: 280px;
  height: 280px;
  border-radius: 8px;
  object-fit: cover;
}

.avatar_back {
  /* border: 1px solid red;
	 */
  background: url(../img/noavatar.png) 0px 0px no-repeat #d6d6d6 !important;
}

.cover_input {
  /* border: 1px solid red;
	 */
  display: inline-block;
  float: right;
  position: absolute;
  top: 282px;
  left: 58px
}

.cover_photo {
  display: none;
}

.cover_text {
  cursor: pointer;
  color: #ff8a42;
}

.cover_text>p {
  display: inline-block;
  text-decoration: underline;
  font-size: 16px;
  font-family: 'robotolight', sans-serif;
  position: relative;
  top: -5px;
}

.cover_text>i {
  height: 30px;
  width: 24px;
  display: inline-block;
  /* border: 1px solid green;
	 */
  background: url(../img/sprite.png) -442px -237px no-repeat;
}

.cover_text_delete {
  cursor: pointer;
  color: #ce3512;
  position: relative;
  left: 6px;
  display: block;
}

.cover_text_delete>a {
  display: inline-block;
  text-decoration: underline;
  font-size: 16px;
  font-family: 'robotolight', sans-serif;
  position: relative;
  top: -5px;
  color: #ce3512;
}

.cover_text_delete>i {
  height: 30px;
  width: 24px;
  display: inline-block;
  /* border: 1px solid green;
	 */
  background: url(../img/sprite.png) -472px -237px no-repeat;
}

.hr_form_white {
  background: url(../img/line_h_white.png) 0px 100% no-repeat;
  height: 1px;
  margin: 10px 0px 10px 0px;
}

.req_fields_info {
  color: #9299a2;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  display: block;
}

#errorText,
.error {
  margin-left: 0 !important;
}

.req_fields_info>span {
  color: #ff8a42;
  font-size: 22px;
  font-family: 'robotoregular', sans-serif;
  padding-right: 6px;
  position: relative;
  top: 3px;
}

.payments_block .div_button {
  margin-top: 5px;
  position: relative;
  z-index: 1;
}

.field_bigform_text {
  margin: 0 30px;
  padding: 0 0 10px 0;
}

.field_bigform_text .title {
  margin-bottom: 6px;
}

.field_bigform_text .title .pay {
  padding-top: 10px;
}

.field_bigform_text #otherData>p {
  padding: 0px 0;
  margin: 0 0 5px 0px;
  color: #9299a2;
  font-size: 13px;
  line-height: 18px;
}

.field_bigform_text .pay {
  font-weight: bold;
  color: #ff8a42;
  font-size: 24px;
}

.div_button {
  display: inline-block;
  float: right;
  margin-right: 60px;
}

button.button {
  background: #ff8a42;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 180px;
  height: 56px;
  border: 0;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 28px;
  margin-bottom: 38px;
}

button.button:hover {
  background: #ff6541;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.button:disabled {
  opacity: 0.5;
  cursor: default;
}

.ftp_message {
  display: block;
  /* max-width: 960px;
	 */
  width: 100%;
  min-height: 200px;
  margin-bottom: 20px;
  border-radius: 8px;
  background: #f1f1f1;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  overflow: hidden;
}

.ftp_message:hover {
  position: relative;
  top: -10px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

.ftp_logo {
  display: inline-block;
  max-width: 230px;
  height: 200px;
}

.ftp_logo_around {
  display: inline-block;
  width: 300px;
  height: 300px;
  /* background: #6676a4;
	 */
  background: #d1cfcf;
  opacity: .4;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: -80px;
}

.ftp_logo_img {
  position: absolute;
  top: 40px;
  left: 40px;
  background: url(../img/sprite.png) -650px -375px no-repeat;
  width: 115px;
  height: 115px;
}

.ftp_content {
  max-width: 68%;
  width: 100%;
  float: right;
  position: relative;
  z-index: 200;
}

.ftp_header {
  height: 56px;
  background: url(../img/line_h_blue_big.png) 0% 100% no-repeat;
}

.ftp_header>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  padding-left: 0px;
  padding-top: 26px;
  letter-spacing: -0.5px;
}

.ftp_text {
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 15px;
  color: #666666;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.ftp_button_container {
  float: right;
  margin-right: 30px;
}

.ftp_button {
  width: 380px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid #6676a4;
  text-align: center;
  text-decoration: none;
  background: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ftp_button>p {
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  text-decoration: none;
  height: 35px;
  line-height: 35px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ftp_button:hover {
  background: #6676a4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ftp_button:hover>p {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#unfinished {
  background: #f1f1f1;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: relative;
  top: 0px;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

#unfinished.white {
  background: #ffffff;
  border: 1px solid #d2d2d2;
}

#unfinished.track_statistics {
  margin-right: 30px;
}

#unfinished.track_statistics>.unfinished_message {
  /* width: 660px;
	 */
}

#unfinished:hover {
  position: relative;
  top: -10px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

#unfinished.track_statistics:hover {
  top: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#unfinished p.header {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  padding-left: 0px;
  padding-top: 26px;
  letter-spacing: -0.5px;
  height: auto;
  min-height: 56px;
  background: url(../img/line_h_orange_long.png) 0% 100% no-repeat;
  margin-bottom: 20px;
}

#unfinished p.text {
  color: #666666;
  font-family: 'robotolight', sans-serif;
  font-size: 14px !important;
  line-height: 22px;
  margin-bottom: 10px;
}

#unfinished p.text#selectUnfinished {
  margin-bottom: 30px;
}

#unfinished a {
  color: #595959;
}

#unfinished a:hover {
  color: #f28518;
}

#unfinished ul {
  margin: 2px 0px 15px 16px;
  padding: 0;
}

#unfinished li.li_album {
  color: #595959;
  list-style: square;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-weight: bold;
  font-size: 14px;
}

#unfinished li.li_album:hover {
  color: #f28518;
  list-style: square;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#unfinished li.li_album:hover>a {
  color: #f28518;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.unfinished_logo {
  display: inline-block;
  width: 230px;
  /* height: 300px;
	 */
}

.unfinished_logo_around {
  display: inline-block;
  width: 300px;
  height: 300px;
  /* background: #6676a4;
	 */
  background: #d1cfcf;
  opacity: .4;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: -80px;
}

.unfinished_logo_img {
  position: absolute;
  top: 40px;
  left: 40px;
  background: url(../img/sprite.png) -528px -375px no-repeat;
  width: 115px;
  height: 115px;
}

.unfinished_message {
  /* max-width: 536px;
	 */
  padding: 0 20px;
  width: 70%;
  float: right;
  position: relative;
  z-index: 200;
  min-height: 190px;
}

#unfinishedButtons {
  position: relative;
  width: 100%;
  border-top: 1px solid #d1cfcf;
  background: #f1f1f1;
  z-index: 210;
  margin-top: 100px;
  padding: 15px 0;
}

/* Загрузка трека. Шаг 1. Конец */

/* Форма. Дополнительные элементы. Начало */

h2.form {
  font-size: 22px !important;
  margin-bottom: 20px !important;
  /* margin-left: 30px !important;
	 */
}

.bf_margin_left {
  /* margin-left: 30px !important;
	 */
}

.mt20 {
  margin-top: 20px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

p.description_form {
  margin: 20px 30px 10px 0;
}

.message_for_individual_form {
   padding: 20px; 
   background: #fff; 
   border-radius: 10px; 
   border: 1px solid #eee; 
   margin-bottom: 20px;
   margin-right: 60px; 
}

/* Форма. Допольнительные элементы. Конец */

/* Дополнительные ссылки под формой. Начало */

.add_links {
  margin-bottom: 80px;
}

.link_item {
  margin-bottom: 8px;
}

.link_item:last-child {
  margin-bottom: 0px;
}

.link_item>a {
  color: #595959;
  font-size: 16px;
  font-family: 'roboto_condensedlight', sans-serif;
  display: inline-block;
  position: relative;
  top: -5px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item:hover>a {
  color: #f28518;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item>i.video {
  display: inline-block;
  width: 34px;
  height: 22px;
  background: url(../img/video_list.png) 100% 100% no-repeat;
  margin-right: 18px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item:hover>i.video {
  background: url(../img/video_list_hover.png) 100% 100% no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item>i.doc {
  display: inline-block;
  width: 34px;
  height: 29px;
  background: url(../img/doc.png) 4px 1px no-repeat;
  margin-right: 18px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item:hover>i.doc {
  background: url(../img/doc_hover.png) 4px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.link_item>a.doc {
  display: inline-block;
  position: relative;
  top: -9px;
}

/* Дополнительные ссылки под формой. Конец */

/* Форма. Шаг 2. Начало */

#album_info {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.ai_info.album_item_remove.button {
  background: #ff8a42;
  color: #fff;
  outline: none;
  padding: 15px 20px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
  width: initial;
  height: initial;
  display: block;
  right: unset;
  top: unset;
  position: initial;
  font-size: 16px;
}

.ai_info.album_item_remove.button i {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  height: 20px;
  width: 20px;
  background: url(../img/sprite.png)-554px -28px no-repeat;
  vertical-align: middle;
  -webkit-filter: brightness(30);
  filter: brightness(30);
}

#album_info .add_album {
  background: #ff8a42;
  color: #fff;
  outline: none;
  padding: 15px 20px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#album_info .add_album:hover {
  background: #ff6541;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#album_info .add_album i {
  -webkit-filter: brightness(3);
  filter: brightness(3);
}

#album_info .ai_right_distr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tracklist_detail+.back_link {
  margin-right: 0;
}

.small_cover {
  /* border: 1px solid red;
	 */
  width: 100px;
  height: 100px;
  display: inline-block;
  float: left;
  background: url(../img/nocover_100.png) 0px 0px no-repeat #d6d6d6;
  border-radius: 5px;
  margin-right: 0px;
  margin-top: 7px;
  position: relative;
  border: 2px solid white;
  top: -2px;
}

.sc_edit {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sc_edit:hover {
  border: 2px dashed #9299a2;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.small_cover_image {
  width: 95px;
  height: 95px;
  border-radius: 5px;
  object-fit: cover;
}

.album_text_info {
  display: inline-block;
  margin-top: 7px;
  margin-right: 0px;
  margin-left: 30px;
  width: 50%;
}

.ati_header {
  color: #333333;
  font-size: 30px;
  font-family: 'robotoregular', sans-serif;
  margin-bottom: 15px;
  max-width: 490px;
  width: 100%;
  line-height: 33px;
  position: relative;
  top: -11px;
  left: -6px;
  word-break: break-all;
}

.ati_description_ean {
    position: relative;
    top: -10px;
    left: -4px;
    font-size: 12px;
    color: #666666;
}
.track_header .ati_description_ean {
  top: auto;
  left: auto;
}

.ati_description {
  color: #666666;
  font-size: 14px;
  line-height: 19px;
  font-family: 'robotoregular', sans-serif;
  margin-bottom: 15px;
  max-width: 490px;
  width: 100%;
  line-height: 20px;
  position: relative;
  top: -11px;
  left: -6px;
}

.ati_header[contenteditable="true"],
.ati_description[contenteditable="true"] {
  background: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 5px;
  border-radius: 3px;
  /* border: 1px solid white ;
	 */
}


  .ati_description > .ean {
    background: #ff8a42;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px 3px 10px;
    border-radius: 5px;
  }

.ati_header[contenteditable="true"]:hover,
.ati_description[contenteditable="true"]:hover {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: #f8f7d4;
}

.ati_header:focus,
.ati_description:focus {
  border: 1px solid #9299a2;
}

.ati_header:focus:hover,
.ati_description:focus:hover {
  border: 1px solid #9299a2 !important;
  background: #ffffff;
}

.ati_header[contenteditable="true"]>i {
  display: none;
  width: 15px;
  height: 15px;
  background: url(/img/pencil.png) 0px 0px no-repeat;
  position: absolute;
  top: 7px;
  right: 5px;
}

.ati_header[contenteditable="true"]:hover>i {
  display: inline-block;
}

.ati_header[contenteditable="true"]:focus>i,
.ati_header[contenteditable="true"]:hover:focus>i {
  display: inline-block;
  background: url(/img/pencil_hover.png) 0px 0px no-repeat;
}

.ati_description[contenteditable="true"]>i {
  display: none;
  width: 15px;
  height: 15px;
  background: url(/img/pencil.png) 0px 0px no-repeat;
  position: absolute;
  top: 7px;
  right: 5px;
}

.ati_description[contenteditable="true"]:hover>i {
  display: inline-block;
}

.ati_description[contenteditable="true"]:focus>i,
.ati_description[contenteditable="true"]:hover:focus>i {
  display: inline-block;
  background: url(/img/pencil_hover.png) 0px 0px no-repeat;
}

.ati_delete_time {
  margin-bottom: 15px;
  margin-left: -6px;
}

.ati_delete_time>p {
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 16px;
  border-radius: 5px;
  background: #ff6541;
  padding: 6px 10px 5px 10px;
  color: #ffffff;
  display: inline-block;
}

.album_size_block {
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  font-family: 'robotolight', sans-serif;
  color: #666666;
  float: right;
  text-align: right;
}

.asb_item {
  margin-bottom: 4px;
}

.asb_item span {
  color: #ff8a42;
}

.input_add_files {
  display: none;
}

.label_add_files {
  display: inline-block;
  width: 590px;
  height: 250px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
}

.multifiles {
  display: inline-block;
  margin: 1px 0px 22px 0px;
  /* margin: 1px 0px 22px 30px; */
  width: 590px;
  height: 250px;
  background: url(../img/multi.png) center 33px no-repeat #ffffff;
  border-radius: 8px;
  border: 2px dashed #9299a2;
  position: relative;
  text-align: center;
}

.multifiles p {
  color: #9299a2;
  line-height: 22px;
  font-size: 18px;
  font-family: 'robotoregular', sans-serif;
  width: 440px;
  position: absolute;
  top: 170px;
  right: 80px;
}

.multifiles p>a {
  color: #ff8a42;
}

.a_add_files {
  color: #ff8a42;
  text-decoration: underline;
  cursor: pointer;
}

.soundcloud_link {
  display: block;
  margin: 5px 0px 20px 30px;
}

.soundcloud_link>i {
  display: inline-block;
  width: 40px;
  height: 20px;
  background: url(../img/sprite.png) -292px -325px no-repeat;
  margin-right: 5px;
}

.soundcloud_link>a {
  display: inline-block;
  color: #6676a4;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 16px;
  position: relative;
  top: -2px;
  text-decoration: underline;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.soundcloud_link>a:hover {
  text-decoration: none;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

#upload_req {
  float: right;
  width: 310px;
  display: inline-block;
  margin-top: 18px;
}

.ur_header {
  height: 30px;
  background: url(../img/line_h_orange.png) 0% 100% no-repeat;
}

.ur_header>p {
  color: #333333;
  font-family: 'robotregular', sans-serif;
  font-size: 18px;
}

.ur_list {
  background: url(../img/line_h_orange.png) 0% 100% no-repeat;
}

.ur_item {
  color: #595959;
  font-family: 'roboto_condensedregular';
  font-size: 16px;
  margin-bottom: 6px;
}

.ur_item:first-child {
  margin-top: 28px;
}

.ur_item:last-child {
  padding-bottom: 22px;
}

.ur_item span {
  color: #ff8a42;
}

.ur_add_text {
  margin-top: 16px;
}

.ur_add_text p {
  color: #9299a2;
  font-family: 'roboto_condensedlight';
  font-size: 15px;
  line-height: 17px;
}

.ur_add_text a {
  color: #ff8a42;
}

.fileslist {
  display: inline-block;
  margin: 38px 0px 15px 0px;
  /* margin: 38px 0px 15px 30px; */
  width: 590px;
  /* height: 400px;
	 */
  /* border: 1px solid red;
	 */
  position: relative;
}

.fl_trackitem {
  height: 50px;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 0;
  position: relative;
  cursor: grab;
  cursor: -webkit-grab;
}

.fl_trackitem:first-child {
  border-top: 1px solid #d9dce0;
}

.fl_trackitem:hover {
  height: 50px;
  background: #e0e2e4;
  border-bottom: 1px solid #d9dce0;
  -webkit-box-shadow: 0px 6px 9.5px 0.5px rgba(0, 1, 2, 0.3);
  box-shadow: 0px 6px 9.5px 0.5px rgba(0, 1, 2, 0.3);
  z-index: 100;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.fl_number>p,
.fl_trackname>p {
  /* padding-top: 16px;
	 */
  margin: 0;
  font-size: 14px;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  height: 20px;
  overflow: hidden;
}

.fl_time>p,
.fl_size>p {
  /* padding-top: 16px;
	 */
  color: #333333;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  position: relative;
  top: -5px;
}

.fl_number {
  display: inline-block;
  width: 64px;
  text-align: center;
}

.fl_trackname {
  display: inline-block;
  width: 340px;
  margin-top: 16px;
}

.fl_time {
  display: inline-block;
  width: 50px;
  text-align: center;
}

.fl_size {
  display: inline-block;
  width: 70px;
  text-align: center;
}

.fl_del {
  display: inline-block;
  width: 34px;
  margin-left: 10px;
  /* border: 1px solid red;
	 */
}

a.fl_delete {
  display: inline-block;
  height: 30px;
  width: 22px;
  background: url(../img/sprite.png) -553px -26px no-repeat;
  position: relative;
  top: 25px;
  left: 0px;
}

.button_add_files {
  width: 220px;
  height: 36px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #6676a4;
  text-align: center;
  display: block;
  background: #fff;
  /* margin-left: 320px;
	 */
  margin: 8px auto 16px auto;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.baf_input {
  display: none;
}

.baf_label {
  color: #595959;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 8px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: -7px;
}

.baf_label>i {
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 22px;
  position: relative;
  top: 6px;
  left: -3px;
  background: url(../img/sprite.png) -531px -246px no-repeat;
}

.button_add_files:hover {
  color: #ffffff;
  background: #6676a4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.button_add_files:hover .baf_label {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#deleteFile {
  font-weight: bold;
  width: 460px;
  overflow: hidden;
}

.upload_form_step2 a.fl_delete {
  top: 8px !important;
  left: 10px !important;
}

.upload_form_step2 .button_add_files {
  margin: 0px 0px 16px 215px !important;
}

/* Форма. Шаг 2. Конец */

/* Форма. Шаг 3. Начало */

.fileslist_edit {
  width: 100%;
  margin: 38px 0px 10px 0px;
}

.fileslist_edit a.fl_delete {
  top: 12px;
}

.fle_header {
  position: relative;
  height: 25px;
}

.fleh_item {
  display: inline-block;
  margin-bottom: 5px;
  position: absolute;
}

.fleh_item:first-child {
  position: absolute;
  left: 42px;
  top: -1px;
}

.fleh_item:last-child {
  position: absolute;
  left: 730px;
}

.fleh_item:nth-child(4) {
  position: absolute;
  left: 566px;
  top: -4px;
}

.fleh_item:nth-child(3) {
  position: absolute;
  left: 466px;
  ;
  top: -1px;
}

.fleh_item:nth-child(2) {
  position: absolute;
  left: 254px;
  ;
}

.what_this {
  width: 20px;
  height: 20px;
  /* border: 1px solid red;
	 */
  position: relative;
  left: 3px;
  top: -1px;
  text-decoration: none;
}

.wt_icon {
  background: url(../img/i.png) 5px 3px no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-radius: 50%;
}

.wt_icon:hover {
  background: url(../img/i_white.png) 5px 3px no-repeat #ff8a42;
  border: 1px solid #ff8a42;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.fleh_item>p {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  display: inline;
}

.fle_track {
  height: 52px;
  /* border-bottom: 1px solid #d9dce0;
	 */
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.fle_track_body:first-child {
  /* border-top: 1px solid #d9dce0;
	 */
}

.fle_track_body {
  background: #f7f7f7;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-bottom: 0.5px solid #d9dce0;
  cursor: -webkit-grab;
  cursor: grab;
}

.fle_track_body:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.flet_number {
  display: inline-block;
  position: relative;
  top: 12px;
}

.flet_number>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-left: 15px;
  margin-right: 10px;
}

.flet_input {
  display: inline-block;
  position: relative;
  top: 12px;
  margin-right: 8px;
}

.flet_time {
  display: inline-block;
  position: relative;
  top: 18px;
  width: 77px;
  margin: 0px 10px 0px 10px;
  /* overflow: hidden; */
}

.flet_time>p {
  font-family: 'robotolight', sans-serif;
  font-size: 15px;
  color: #666666;
}

.flet_play {
  display: inline;
  position: relative;
  top: 6px;
  right: 0px;
  margin-right: 5px;
  /* border: 1px solid blue;
	 */
}

.flet_play>a {
  width: 30px;
  height: 34px;
  /* border: 1px solid red;
	 */
  display: inline-block;
  position: relative;
  top: 0px;
  right: 0px;
  text-decoration: none;
  background: url(../img/play_list.png) -1px 0px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.flet_play>a:hover {
  background: url(../img/play_list_hover.png) -1px 0px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.flet_input>input.track_text {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 200px;
  outline: none;
  padding: 2px 8px 0px 8px;
}

.flet_input>input.track_isrc {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 140px;
  outline: none;
  padding: 2px 8px 0px 8px;
}

.flet_input>input.track_year {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 90px;
  outline: none;
  padding: 2px 8px 0px 8px;
}

.flet_select {
  display: inline-block;
  position: relative;
  top: 10px;
  /* if select2 */
  border-radius: 3px;
  background: url(../img/select_arrow.png) 155px 10px no-repeat #ffffff;
}

.flet_select>select {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 180px;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
  -webkit-appearance: none;
  /*for WebKit*/
  -moz-appearance: none;
  /* for FF */
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  /* for IE */
  appearance: none !important;
}

.flet_select>select>option {
  border: 1px solid #9299a2;
}

.flet_select>select>option:checked {
  background: #9f9f9f;
  color: #ffffff;
}

.edit_album_link {
  display: inline-block;
  position: relative;
  top: 10px;
  float: left;
  /* margin-left: 30px;
	 */
}

.back_link {
  display: inline-block;
  position: relative;
  top: 44px;
  float: right;
  margin-right: 40px;
}

.back_link>a,
.back_link_without_button>a,
.edit_album_link>a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
}

.back_link>i,
.back_link_without_button>i {
  width: 30px;
  height: 18px;
  display: inline-block;
  background: url(../img/sprite.png) -355px -324px no-repeat;
  /* border: 1px solid red;
	 */
}

.edit_album_link>i {
  width: 30px;
  height: 18px;
  display: inline-block;
  background: url(../img/sprite.png) -354px -390px no-repeat;
  /* border: 1px solid red;
	 */
}

.back_link_without_button {
  display: block;
  position: relative;
  float: right;
  margin-right: 60px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.complete_message {
  display: inline-block;
  margin: 38px 30px 10px 30px;
  width: 900px;
  position: relative;
}

.complete_message>i {
  display: inline-block;
  float: left;
  margin: 8px 0px 0px 0px;
  width: 124px;
  height: 124px;
  /* border: 1px solid red;
	 */
  background: url(../img/sprite.png) -648px -504px no-repeat;
  position: absolute;
}

.complete_message>.cm_text {
  display: inline-block;
  margin: 10px 0px 0px 160px;
  /* border: 1px solid red;
	 */
  float: right;
}

.cm_text>h1 {
  color: #ff8a42;
  font-family: 'robotoregular', sans-serif;
  font-size: 30px;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 40px;
}

.cm_text>p {
  color: #333333;
  font-family: 'robotolight', sans-serif;
  font-size: 20px;
  display: inline-block;
  line-height: 26px;
  margin-bottom: 18px;
}

.complete_message_alert {
  display: inline-block;
  margin: 10px 0px 30px 0;
  position: relative;
  min-height: 117px;
}

.complete_message_alert>i {
  display: inline-block;
  float: left;
  width: 124px;
  height: 124px;
  background: url(../img/sprite.png) -648px -504px no-repeat;
  position: absolute;
}

.complete_message_alert>.cm_text {
  display: inline-block;
  margin: 20px 0px 0px 160px;
  float: right;
}

.div_button_a {
  display: inline-block;
  float: right;
  margin-right: 30px;
  text-align: center;
}

a.button_a {
  background: #ff8a42;
  width: 230px;
  height: 56px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 28px;
  margin-bottom: 38px;
  text-decoration: none;
}

a.button_a>p {
  font-size: 16px;
  line-height: 56px;
  color: #ffffff;
  font-family: 'robotoregular', sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-top: 2px;
}

a.button_a:hover {
  background: #ff6541;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.add_genre_and_country {
  padding: 6px 0px 9px 38px;
}

.add_tag,
.add_genre {
  margin-bottom: 1px;
}

.add_tag>a,
.add_genre>a,
.add_country>a {
  color: #6676a4;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  background: url(../img/dashed_long_blue.png) 0% 100% no-repeat;
  text-decoration: none;
  height: 20px;
  cursor: pointer;
}

.add_tag>a:hover,
.add_genre>a:hover,
.add_country>a:hover {}

.add_tag>a,
.add_genre>a {
  margin-bottom: 5px;
}

.add_country>a {
  margin-bottom: 7px;
}

.add_country>span {
  color: #9f9f9f;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  position: relative;
  top: -4px;
}

.add_tag>i,
.add_genre>i,
.add_country>i {
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  top: 3px;
  background: url(../img/sprite.png)-662px -250px no-repeat;
  padding-right: 18px;
}

/* Форма. Шаг 3. Конец */

/* Моя музыка. Онлайн. Начало */

#mm_online_top {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.mmo_text {
  float: left;
  display: inline-block;
  height: 36px;
  margin-bottom: 4px;
  position: relative;
}

.mmo_text>i {
  display: inline-block;
  width: 42px;
  height: 32px;
  background: url(../img/sprite.png)-431px -164px no-repeat;
  position: relative;
  top: 9px;
}

.mmo_text>p {
  display: inline-block;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  padding-left: 8px;
}

.mmo_filter {
  float: right;
  display: inline-block;
  height: 36px;
  margin-bottom: 4px;
}

.mmof_select {
  display: inline-block;
  position: relative;
  top: 10px;
  /* if select2 */
  border-radius: 3px;
  /* background: url(../img/select_arrow.png) 175px 10px no-repeat #ffffff;
	 */
}

.mmof_select>select {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 200px;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
  -webkit-appearance: none;
  /*for WebKit*/
  -moz-appearance: none;
  /* for FF */
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  /* for IE */
  appearance: none !important;
}

.mmof_select>select>option {
  border: 1px solid #9299a2;
}

.mmof_select>select>option:checked {
  background: #9f9f9f;
  color: #ffffff;
}

.height145 {
  height: 145px;
  display: block;
}

.fileslist_online {
  display: inline-block;
  /* margin: 30px 0px 30px 0px; */
  margin: 0px 0px 30px 0px;
  width: 100%;
  position: relative;
}

.fileslist_online .mmo_header_th {
  display: none !important;
}

.flo_track {
  min-height: 82px;
  height: auto;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flo_track:first-child {
  border-top: 1px solid #d9dce0;
}

.flo_track:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.flo_icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 82px;
}

.flo_date_time {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  text-align: right;
  width: 66px;
  margin-right: 30px;
}

.flo_song {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 390px;
  position: relative;
}

.flo_place {
  -webkit-box-flex: 1;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block;
  max-width: initial;
  width: 150px;
}

.flo_marker {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 50px;
  margin: 0px 10px 0px 10px;
  /* display: none; */
}

.flo_marker .flom {
  background: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 0px;
  top: 0px;
  position: relative;
}

.flo_marker a {
  /* border: 1px solid red;
	 */
  top: 15px;
  position: relative;
  text-decoration: none;
}

.flom>i {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/location_middle.png) 11px 6px no-repeat;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.flom:hover>i {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.flo_play {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 82px;
  height: 100%;
  background: #ffffff;
}

.flo_play a {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/play_middle.png) 1px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  /* border: 1px solid red;
	 */
  position: relative;
  top: 17px;
  right: -16px;
}

.flo_play a:hover {
  background: url(../img/play_middle_hover.png) 1px 1px no-repeat;
}

.floi {
  background: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 18px;
  top: 21px;
  position: relative;
}

.floi>i.build {
  width: 40px;
  height: 40px;
  display: block;
  background: url(../img/sprite1024.png) -67px -158px no-repeat;
}

.floi>i.radios {
  width: 40px;
  height: 40px;
  display: block;
  background: url(../img/sprite1024.png) -133px -160px no-repeat;
}

.flo_date_time p {
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 13px;
  line-height: 17px;
  top: 23px;
  position: relative;
}

.flo_song .song {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
  top: 20px;
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.flo_song .release {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 12px;
  top: 16px;
  position: relative;
}

.flo_place p {
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 16px;
  top: 26px;
  position: relative;
  overflow: hidden;
  max-width: 190px;
  letter-spacing: -0.5px;
  display: block;
  height: 17px;
}

.flo_place p.null_object {
  color: #aaaaaa;
}

.more_tracks {
  width: 220px;
  height: 36px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #6676a4;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* transform: translateY(-20px); */
}

.more_tracks p {
  color: #595959;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  top: 2px;
}

.more_tracks i {
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 22px;
  position: relative;
  top: 1px;
  left: -3px;
  background: url(../img/sprite.png) -600px -247px no-repeat;
}

.more_tracks:hover {
  background: #6676a4;
}

.more_tracks:hover p {
  color: #fff;
}

/* Моя музыка. Онлайн. Конец */

/* Моя музыка. Альбомы. Начало */

div.albums {
  margin-top: 30px;
  /* margin-bottom: 30px;
	 */
  width: 100%;
  /* margin-left: 30px;
	 */
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.album_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 250px;
  height: 320px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 40px;
}

.ai_info.added_album {
  color: #9299a2;
  font-size: 16px;
}

.ai_info.add_album {
  color: #6676a4;
  text-decoration: underline;
  cursor: pointer;
  font-size: 16px;
}

.ai_info.add_album i {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  height: 20px;
  width: 20px;
  background: url(../img/sprite.png)-693px -284px no-repeat;
  vertical-align: middle;
}

.playlist_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 210px;
  height: 380px;
  margin: 0 8px;
}

.ai_cover.playlist {
  width: 210px;
  height: 275px;
  background: url(../img/nocover_280.png) 50% 50% no-repeat;
  margin-bottom: 10px;
}

.ai_cover.playlist>img {
  width: 210px;
  height: 210px;
}

.ai_cover.playlist .ai_header {
  width: 220px;
}

.ai_play_hover {
  display: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ai_cover:hover>.ai_play_hover {
  display: block;
  position: absolute;
  width: 280px;
  height: 280px;
  background: url(../img/play_hover_280_white.png) 0px 0px no-repeat;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ai_cover {
  width: 250px;
  height: 250px;
  background: url(../img/nocover_280.png) 50% 50% no-repeat;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  top: 0px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ai_cover:hover {
  position: relative;
  top: -5px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5);
  box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid #ff8a42 !important;
}

.demopage.ai_cover:hover {
  border: 1px solid #ff8a42 !important;
}

.new_music.without_slick,
.musical_mood.without_slick,
.musical_genres.without_slick {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#usersList .musical_mood_item {
  margin-bottom: 16px;
}

.musical_mood.display_none {
  display: block !important; 
}

.new_music_item,
.musical_mood_item,
.musical_genres_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  height: 280px;
  padding-top: 5px;
  padding: 5px 8px 0;
}

.without_slick .new_music_item,
.without_slick .musical_mood_item,
.without_slick .musical_genres_item {
  padding: 0 8px 8px;
  margin-bottom: 16px;
}

.new_music.slick-slider .new_music_item {
  width: 33.3333% !important;
}

.album_item a {
  text-decoration: none;
}

.ai_header {
  background: #ffffffcc;
  display: inline-block;
  z-index: 1;
  position: absolute;
  width: 250px;
  bottom: 0px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: left;
}

.ai_cover>img {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  z-index: 0;
}

.ai_header>p {
  color: #333333;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 20px;
  padding: 22px 20px 22px 20px;
  display: inline-block;
  word-break: break-all;
  width: 250px;
}

#albumsList .ai_header>p {
  width: 180px;
  word-break: normal;
}

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

.ai_info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #666666;
  font-family: 'robotolight', sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin: 0px;
}

.ai_status {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  height: 50px;
  border-radius: 5px;
  cursor: help !important;
}

.ai_cover.personal {
  margin-bottom: 10px;
}

.ai_info.personal a {
  color: #ff8a42;
  text-decoration: underline;
  margin-bottom: 5px;
}

.album_item_remove {
  display: inline-block;
  cursor: pointer;
  height: 30px;
  width: 30px;
  background: url(../img/sprite.png) -735px -241px no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
}

.playlist_item_track {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1;
  background: #ffffffcc;
  border-radius: 12px;
  padding: 6px 12px;
  color: #333333;
  font-family: 'roboto_condensedregular', sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.playlist_item_track.active {
  color: #ffffff;
  background: #ff8a42;
}

.album_item_remove[data-balloon] {
  position: absolute !important;
}

.album_item_remove:hover {
  top: 5px !important;
}

.selection_conditions {
  margin-bottom: 30px;
}

.selection_conditions span {
  font-weight: bold;
}

.selection_conditions li {
  padding-bottom: 5px;
}

.compilation_add i {
  display: inline-block;
  cursor: pointer;
  height: 14px;
  width: 14px;
  background: url(../img/sprite.png)-663px -249px no-repeat;
}

.compilation button {
  background: 0;
  border: 0;
}

.search_playlist {
  display: inline-block;
  margin: 10px 0px 0px 0px;
  float: right;
}

.compilation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 15px;
}

.compilation_container .button {
  margin: 13px auto 8px;
  background: #6676a4;
}

.compilation_container .button:hover {
  background: #6676a4;
}

.compilation_container {
  padding: 30px;
}

.compilation_type {
  margin-right: 15px;
}

.compilation_type select {
  width: 100px;
}

.compilation_type .select2-container,
.compilation_genre .select2-container {
  background: #ffffff;
}

.compilation_genre {
  margin-right: 5px;
}

.compilation_genre select {
  width: 200px;
}

.count_track_playlist {
  margin-bottom: 30px;
}

.count_track_playlist span {
  border: 1px solid #9299a2;
  padding: 8px;
  cursor: default;
}

.button.w260 {
  width: 260px;
}

.personal_count_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f1f1f1;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal_count_block p {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  padding: 3px 0;
}

.personal_count_block strong {
  font-size: 24px;
}

.personal_button button {
  margin: 0;
  width: auto;
  padding: 0 15px;
  cursor: pointer;
}

.album_item:hover .album_item_remove {
  top: 5px;
  opacity: 1;
}

.playlist_item:hover .album_item_remove {
  top: 5px;
  opacity: 1;
}

.playlist_item:hover .playlist_item_track {
  top: 5px;
}

.not_finished {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  background: url(../img/sprite.png) -701px -155px no-repeat #d0d0d0;
  /* #888888;
	 */
  cursor: help !important;
}

.not_moderation {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  background: url(../img/sprite.png) -631px -154px no-repeat #6676a4;
  cursor: help !important;
}

.moderation {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  background: url(../img/sprite.png) -490px -154px no-repeat #ff6541;
  cursor: help !important;
}

.on_system {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  background: url(../img/sprite.png) -561px -154px no-repeat #ff8a42;
  cursor: help !important;
}

.hr_dark_gray {
  background: url(../img/line_h_1180.png) 100% 100% no-repeat;
  height: 1px;
  margin: 0px 0px 30px 0px;
}

.hr_gray {
  background: url(../img/line_h_light_gray.png) 0px 100% no-repeat;
  height: 1px;
  margin: 0px 0px 30px 0px;
}

.height80 {
  height: 80px;
  display: block;
}

.albums_count_block {
  display: block;
  background: #f1f1f1;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px;
}

.albums_count_block>p {
  display: inline-block;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
}

/* Моя музыка. Поиск */

.search {
  background: #f1f1f1;
  border-radius: 8px;
  display: inline-block;
  width: 100%;
  /* padding-left: 15px; */
  padding-top: 6px;
  padding-bottom: 4px;
  margin-bottom: 20px;
}

.search_input {
  display: inline-block;
  position: relative;
  /* top: 12px;
	 */
  /* margin-right: 10px;
	 */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  /* display: none; */
}

.search_input>input.search_text {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 190px;
  outline: none;
  padding: 2px 8px 0px 8px;
}

.search_input>input.search_text {
  height: 28px;
  padding: 0px 8px 0px 8px;
}

.search_select {
  display: inline-block;
  position: relative;
  top: -2px;
  /* if select2 */
  border-radius: 3px;
  /* background: url(../img/select_arrow.png) 155px 10px no-repeat #ffffff; */
  background: #ffffff;
}

.search_select>select {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px !important;
  width: 190px;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
  -webkit-appearance: none;
  /*for WebKit*/
  -moz-appearance: none;
  /* for FF */
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  /* for IE */
  appearance: none !important;
}

.search_select>select>option {
  border: 1px solid #9299a2;
}

.search_select>select>option:checked {
  background: #9f9f9f;
  color: #ffffff;
}

input.search_text::-webkit-input-placeholder {
  text-indent: 0px;
  color: #999999;
  -webkit-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_text::-moz-placeholder {
  text-indent: 0px;
  color: #999999;
  -moz-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_text:-moz-placeholder {
  text-indent: 0px;
  color: #999999;
  -moz-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_text:-ms-input-placeholder {
  text-indent: 0px;
  color: #999999;
  -ms-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.enter_text::-webkit-input-placeholder {
  text-indent: 0px;
  color: #999999;
  -webkit-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.enter_text::-moz-placeholder {
  text-indent: 0px;
  color: #999999;
  -moz-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.enter_text:-moz-placeholder {
  text-indent: 0px;
  color: #999999;
  -moz-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.enter_text:-ms-input-placeholder {
  text-indent: 0px;
  color: #999999;
  -ms-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.enter_text:focus::-webkit-input-placeholder {
  text-indent: -300px;
  -webkit-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.enter_text:focus::-moz-placeholder {
  text-indent: -300px;
  -moz-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.enter_text:focus:-moz-placeholder {
  text-indent: -300px;
  -moz-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.enter_text:focus:-ms-input-placeholder {
  text-indent: -300px;
  -ms-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_text:focus::-webkit-input-placeholder {
  text-indent: -300px;
  -webkit-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_text:focus::-moz-placeholder {
  text-indent: -300px;
  -moz-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_text:focus:-moz-placeholder {
  text-indent: -300px;
  -moz-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_text:focus:-ms-input-placeholder {
  text-indent: -300px;
  -ms-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

.div_button_small {
  display: inline-block;
  float: right;
  margin: 12px 15px 12px 0px;
}

#search {
  text-align: center;
  margin: 0 15px;
}

.search_form .search_input {
  width: 100%;
  top: 0;
}

.search_form .search_input>input.search_text {
  width: 100% !important;
}

.search_setting {
  margin: 25px 0;
  text-decoration: underline;
  cursor: pointer;
  color: #6676a4;
}

.search_setting i {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  height: 20px;
  width: 20px;
  background: url(../img/sprite.png) -183px -110px no-repeat;
  vertical-align: sub;
}

.result_search {
  margin-bottom: 30px;
}

.result_search p {
  color: #9f9f9f;
}

.result_search span {
  font-weight: 700;
  color: #333333;
}

.tag_item label {
  padding-left: 38px !important;
  line-height: 16px !important;
}

.button_center {
  margin: 15px auto 0;
}

.button_center {
  margin-bottom: 30px;
}

.button_center button {
  margin: 0 auto;
}


.cats_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 22px;
  margin-top: 15px;
  /* margin-left: 40px;
    margin-right: 40px; */
}

.cats_list .cm_item {
  background: url(../img/dashed.png) 0% 100% no-repeat;
  text-decoration: none;
  height: 38px;
  cursor: pointer;
  padding-right: 2px;
}

.cats_list .cm_item.ci_active {
  background: 0;
  /* height: 50px; */
  padding-right: 30px;
}

.cats_list .tags_category h6 {
  margin: 15px 0;
}

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

.bg_white {
  padding: 10px 15px 15px;
  margin-bottom: 40px;
  border-radius: 0 0 8px 8px;
  border: 1px solid #d9dce0;
  background: #ffffff;
  display: none !important;
  width: 100%;
}

.bg_white.active {
  display: block !important;
}

#content_menu_cats {
  min-height: 50px;
  background: url(../img/line_h_1180.png) 0% 100% no-repeat;
  width: 100%;
}

input#search {
  text-align: left !important;
}

#search>div {
  margin-bottom: 8px;
  margin-top: 8px;
}

button.button_small {
  background: url(../img/binocle_white_small.png) 16px 5px no-repeat #6676a4;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 126px;
  height: 28px;
  border: 1px solid #6676a4;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

button.button_small>p {
  padding-left: 25px;
  padding-top: 2px;
}

button.button_small:hover {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* background: url(../img/binocle_white_small.png) 16px 5px no-repeat #6676a4;
	 */
}

.download_report:disabled,
.button_very_small:disabled,
.button_small:disabled {
  opacity: 0.5;
  cursor: default;
}

.add_more_genre {
  width: 220px;
  height: 36px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #6676a4;
  text-align: center;
  display: block;
  background: #fff;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.add_more_genre p {
  color: #595959;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  top: 2px;
}

.add_more_genre i {
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 22px;
  position: relative;
  top: 8px;
  left: -3px;
  background: url(../img/sprite.png) -530px -246px no-repeat;
}

.add_more_genre:hover {
  background: #6676a4;
}

.add_more_genre:hover p {
  color: #fff;
}

/* Моя музыка. Поиск. Конец /


/* Моя музыка. Поиск альбомов. Начало */

.search_albums {
  background: #f1f1f1;
  border-radius: 8px;
  display: inline-block;
  width: 100%;
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 4px;
  margin-bottom: 0px;
}

.search_albums_input {
  display: inline-block;
  position: relative;
  top: 12px;
  margin-right: 10px;
}

.search_albums_input>input.search_albums_text {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 253px;
  outline: none;
  padding: 2px 8px 0px 8px;
}

#table_online .flo_song {
  flex: 1 0 auto;
}

.search_albums_input>input.search_albums_text {
  height: 28px;
  padding: 0px 8px 0px 8px;
}

.search_albums_select {
  display: inline-block;
  position: relative;
  top: 10px;
  /* if select2 */
  border-radius: 3px;
  margin-right: 10px;
  /* background: url(../img/select_arrow.png) 231px 10px no-repeat #ffffff; */
  background: #ffffff;
}

.search_albums_select>select {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px !important;
  width: 253px !important;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
  -webkit-appearance: none;
  /*for WebKit*/
  -moz-appearance: none;
  /* for FF */
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  /* for IE */
  appearance: none !important;
}

.search_albums_select>select>option {
  border: 1px solid #9299a2;
}

.search_albums_select>select>option:checked {
  background: #9f9f9f;
  color: #ffffff;
}

input.search_albums_text::-webkit-input-placeholder {
  text-indent: 0px;
  color: #999999;
  -webkit-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_albums_text::-moz-placeholder {
  text-indent: 0px;
  color: #999999;
  -moz-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_albums_text:-moz-placeholder {
  text-indent: 0px;
  color: #999999;
  -moz-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_albums_text:-ms-input-placeholder {
  text-indent: 0px;
  color: #999999;
  -ms-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}

input.search_albums_text:focus::-webkit-input-placeholder {
  text-indent: -300px;
  -webkit-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_albums_text:focus::-moz-placeholder {
  text-indent: -300px;
  -moz-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_albums_text:focus:-moz-placeholder {
  text-indent: -300px;
  -moz-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

input.search_albums_text:focus:-ms-input-placeholder {
  text-indent: -300px;
  -ms-transition: text-indent 0.7s ease;
  transition: text-indent 0.7s ease;
}

/* Моя музыка. Поиск альбомов. Конец*/

/* Моя музыка. Альбом. Список трек. Начало */

.ul_album_slist {
  padding-left: 200px;
}

.li_album {
  list-style: disc;
  color: white;
}

.div_center_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div_button_u {
  margin-left: 30px;
  margin-right: 30px;
}

.div_button {
  display: inline-block;
  float: right;
  margin-right: 30px;
}

button.button240 {
  background: #ff8a42;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 240px;
  height: 56px;
  border: 0;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 28px;
  margin-bottom: 38px;
}

button.button260 {
  background: #ff8a42;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 260px;
  height: 56px;
  border: 0;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 28px;
  margin-bottom: 38px;
}

.opacity {
  opacity: 0 !important;
}

button.button240:hover,
button.button260:hover {
  background: #ff6541;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tracklist.tracklist_detail.detail .tl_song {
  width: 140px;
  overflow: hidden;
}

.genreslist {
  margin-bottom: 20px;
}

.genreslist .song {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 30px;
}

.genreslist .compilation_add {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#tracks_list .song {
  position: absolute;
  top: 0;
  right: -15px;
}

.genreslist .tl_song {
  /* width: 333px; */
  width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: inherit;
  overflow: unset;
  -o-text-overflow: unset;
  text-overflow: unset;
}

.genreslist .tl_time {
  width: 110px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.genreslist .tl_play {
  position: relative;
  top: 0;
  right: 0;
}

.genreslist .fl_delete {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  top: 0;
  height: 22px;
  margin: 0 15px;
  display: inline-block;
  height: 22px;
  width: 17px;
  background: url(../img/sprite.png) -557px -106px no-repeat;
  position: relative;
  vertical-align: super;
}

.genreslist .tl_number_orange {
  color: #fff;
  background: #ff8a42;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: block;
  font-weight: 400;
  margin-left: -7px;
}

.genreslist .tl_number>p {
  width: 25px;
  font-weight: 400;
}

.genreslist .tl_artist {
  width: 230px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

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

.my_playlist_item {
  min-height: 36px;
  padding: 2px;
  width: 50%;
}

.my_playlist_item label {
  padding-left: 38px !important;
  line-height: 28px !important;
}

.my_playlist_item label p {
  line-height: 26px;
}

.add_playlist_container {
  width: 100%;
  margin: 15px 0;
  padding: 10px 0px;
  border-top: 1px solid #d9dce0;
  text-align: center;
}

.add_playlist_container i {
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
  background: url(../img/sprite.png)-659px -249px no-repeat;
  padding-right: 18px;
}

.popup_add_playlist,
.popup_delete_playlist {
  display: none;
}

.popup_content.pt20 {
  padding: 20px 20px 0 20px !important;
}

.popup_content.pt2 {
  padding: 20px !important;
}

.popup_playlist {
  display: block;
  z-index: 2001;
  position: fixed;
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  width: 96%;
  left: 2%;
  top: 10%;
  margin-left: 0;
}

.holders {
  margin: 15px 25px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.holders-item {
  position: relative;
  border: 1px solid #9299a2;
  border-radius: 3px;
  flex: 1 1 50%;
  max-width: 310px;
  margin: 20px;
  display: flex;
}

.holders-item label {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  pointer-events: none;
  font-size: 16px;
  line-height: 38px;
  color: #333333;
  padding: 0px 8px;
}

.holders-item input:focus~label,
.holders-item input:valid~label {
  top: -30px;
  font-size: 14px;
}

.holders-item input.holders-name {
  border: 0;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 38px;
  border-radius: 3px;
  height: 38px;
  width: 250px;
  outline: none;
  padding: 0px 8px;
}

.holders-item input.holders-share {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 38px;
  border-radius: 3px;
  border: 0;
  height: 38px;
  width: 59px;
  outline: none;
  padding: 0px 22px 0 3px;
  text-align: right;
}

.holders-item input.holders-share[type=number] {
  -moz-appearance: textfield;
}

.holders-item input.holders-share::-webkit-outer-spin-button,
.holders-item input.holders-share::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.holders-item span.holders-proc {
  position: absolute;
  top: 8px;
  right: 4px;
  background: #fff;
  padding: 0 3px;
}

.popup_add_playlist,
.popup_delete_playlist {
  position: fixed;
  z-index: 2000;
  padding-top: 5vh;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.tracklist {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  /* max-width: 900px;
	 */
  width: 100%;
  /* border: 1px solid red;
	 */
  position: relative;
}

.tl_header {
  display: none;
  position: relative;
  height: 25px;
}

.tlh_item {
  display: inline-block;
  margin-bottom: 5px;
  position: absolute;
}

.tlh_item:first-child {
  position: absolute;
  left: 60px;
}

.tlh_item:last-child {
  position: absolute;
  left: 720px;
}

.tlh_item:nth-child(3) {
  position: absolute;
  left: 585px;
  ;
}

.tlh_item:nth-child(2) {
  position: absolute;
  left: 300px;
  ;
}

.tlh_item>p {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  display: inline;
}

.tlh_item>p>span {
  color: #ff8a42;
  font-family: 'robotoregular', sans-serif;
  font-size: 22px;
}

.tlh_item.top6 {
  position: relative;
  top: -6px;
}

#tracksList .tl_track_recall .tl_song {
  overflow: hidden;
  width: 25%;
  display: inline;
}

.tl_track {
  height: 52px;
  line-height: 52px;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  /* justify-content: space-around; */
}

.tl_track>span {
  position: relative !important;
  top: 0 !important;
}

.tl_track .button_small_select {
  position: relative !important;
}

.tl_song {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

  .tl_song .isrc {
    margin-left:  10px;
    color: #666;
    font-size: 10px;
    position: relative;
    top: -6px;
  }

.tl_song_explicit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c1c1c1;
  color: #121212;
  color: #fff;
  border-radius: 3px;
  /* border: 1px solid #9f9f9f; */
  /* text-transform: uppercase; */
  font-size: 9px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  position: absolute !important;
  left: -20px;
}

.tl_artist,
.tl_song,
.tl_album {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  line-height: 18px;
}

.tl_artist {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.tl_artist p {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.tl_song {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  top: 0 !important;
}

.tl_song a {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.tl_album {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.tl_track>div {
  margin: 0 10px;
  line-height: 18px;
}

.tl_track:first-child {
  border-top: 1px solid #d9dce0;
}

.tl_track:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.PlayingTrack {
  background: #e0e2e4 !important;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#track_info .PlayingTrack {
  background: 0 !important;
}

.tl_number {
  display: inline-block;
  /* position: absolute;
	 */
  top: 16px;
  width: 50px;
}

.tl_number>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-left: 18px;
  margin-right: 18px;
}

.tl_artist {
  /* position: absolute;
	 */
  /* left: 60px;
	 */
  top: 16px;
  width: 120px;
}

.tl_artist>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
}

.tl_song {
  /* position: absolute;
	 */
  /* left: 300px;
	 */
  top: 16px;
  width: 39%;
}

.tl_song>a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
}

.tl_album {
  /* position: absolute;
	 */
  /* left: 585px;
	 */
  top: 16px;
}

.tl_album>a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
}

.tl_track .tl_input {
  position: absolute;
  top: -6px;
  right: 55px;
}

.tl_input>label {
  top: 4px;
}

.not_active_track {
  color: #9f9f9f !important;
}

.is_revoked_icon {
  display: none;
}

.is_denied_icon {
  display: none;
}

.tl_certificate,
.crt_certificate {
  width: 26px;
  height: 36px;
  background: url(../img/sert.png) 0px 0px no-repeat;
  margin-left: 1px;
  text-decoration: none;
}

.tl_certificate:hover,
.crt_certificate:hover {
  width: 26px;
  height: 36px;
  background: url(../img/sert_hover.png) 0px 0px no-repeat;
}

.tl_certificate_moderate {
  width: 26px;
  height: 36px;
  background: url(../img/sert_grey.png) 0px 0px no-repeat;
  margin-left: 1px;
  text-decoration: none;
  margin: 15px 5px;
}

.tl_certificate,
.crt_certificate {
  margin: 15px 0px;
}

.tl_certificate_moderate:hover {
  cursor: help;
  width: 26px;
  height: 36px;
  background: url(../img/sert_grey_hover.png) 0px 0px no-repeat;
}

.tl_isrc {
  width: 26px;
  height: 36px;
  background: url(../img/isrc.png) 0px 0px no-repeat;
  margin-left: 1px;
  text-decoration: none;
  opacity: 0.9;
}

.tl_isrc:hover {
  cursor: help;
  width: 26px;
  height: 36px;
  background: url(../img/isrc_hover.png) 0px 0px no-repeat;
}

input[type="checkbox"],
input[type="checkbox"]:not(:checked) {
  width: 28px;
  height: 28px;
  position: absolute;
  left: -9999px;
}

input[type="checkbox"]:checked+label,
input[type="checkbox"]:not(:checked)+label {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  line-height: 20px;
  cursor: pointer;
}

input#same_time[type="checkbox"]:checked+label,
input#same_time[type="checkbox"]:not(:checked)+label {
  padding-left: 38px;
}

input[type="checkbox"]:checked+label:before,
input[type="checkbox"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 26px;
  height: 26px;
  border: 1px solid #9299a2;
  background-color: #ffffff;
  border-radius: 3px;
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:not(:checked)+label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:not(:checked)+label:after {
  left: 4px;
  top: 6px;
  width: 20px;
  height: 16px;
  background: url(../img/cb.png) 0px 0px no-repeat;
}

input[type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
}

input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

.tl_time {
  display: inline-block;
  top: 17px;
  width: 100px;
}

.tl_time>p {
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  color: #666666;
}

.div_button_position {
  margin-right: 0 !important;
}

.field_margin {
  margin-top: 38px;
}

.cover_margin {
  margin-top: 38px;
}

#mainForm .textarea {
  width: 590px;
}

.tl_song_overflow {
  overflow: hidden;
}

.tl_song_button {
  position: absolute !important;
  right: 10px;
  top: 50%;
  transform: translateX(0%) translateY(-50%);
  width: 30px;
  height: 30px;
  border: unset;
  font-size: 22px;
  line-height: 26px;
  background: #ff8a42;
  color: #fff;
  /* color: #ff8a42; */
  border-radius: 50%;
  /* border-radius: 5px; */
  cursor: pointer;
  padding: 0px 0px 0px 1px;
}

.tl_song_button.green {
  background: #2ca23c;
}

.tl_song_button_close {
  border: none !important;
  color: transparent !important;
  height: 30px;
  width: 30px;
  border-radius: none !important;
  background: url(../img/sprite.png) -735px -241px no-repeat !important;
}

.tl_play_position {
  right: 50px !important;
}

.playlist_fixed {
  height: 72px;
  margin-bottom: 28px;
  position: relative;
}

.playlist_fixed.active {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  max-width: 1180px;
  margin: auto;
  z-index: 2;
  background: #f1f1f1;
  padding: 10px;
  animation: loading 1s ease-in-out;
}

@keyframes loading {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

.playlist_fixed.active .playlist_selection {
  margin-bottom: 0;
}

.playlist_selection {
  margin-bottom: 28px;
  background: #f1f1f1;
  border-radius: 8px;
  padding: 19px 20px;
}
.playlist_selection_item {
  display: flex;
  align-items: center;
}

.playlist_fixed .select2 {
  top: 50%;
  left: 100%;
  transform: translate(-130%, -50%);
  position: absolute;
}

.playlist_selection_name {
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.playlist_selection_name span {
  color: #717983;
}

.playlist_selection_container {
  display: flex;
  align-items: center;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 15px;
  flex: 1;
  width: 94%;
}

.playlist_selection_dash {
  display: none;
}

.playlist_selection_count {
  border-radius: 6px;
  background: #ff8a42;
  color: #fff;
  padding: 6px 12px;
  margin-left: 12px;
}

.playlist_selection_edit {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-decoration: underline;
  margin-top: 8px;
  cursor: pointer;
  text-align: left;
  /* transform: translateX(-64px); */
}

.tl_play {
  display: inline;
  position: absolute;
  top: 10px;
  right: 20px;
  /* border: 1px solid blue;
	 */
}

.tl_play>a,
.tl_play_certificate>a {
  width: 30px;
  height: 34px;
  /* border: 1px solid red;
	 */
  display: inline-block;
  position: relative;
  text-decoration: none;
  background: url(../img/play_list.png) -1px 0px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.tl_play>a:hover,
.tl_play_certificate>a:hover {
  background: url(../img/play_list_hover.png) -1px 0px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.albumfull_status {
  display: inline-block;
  float: right;
}

.small_cover_album {
  /* border: 1px solid red;
	 */
  width: 98px;
  height: 98px;
  display: inline-block;
  float: left;
  background: url(../img/nocover_100.png) 0px 0px no-repeat #d6d6d6;
  border-radius: 5px;
  margin-right: 0px;
  margin-top: 0px;
  position: relative;
}

.ai_right {
  display: inline-block;
  float: right;
  width: 300px;
}

.ai_left {
  max-width: 850px;
  width: 100%;
}

.album_size_block_albumfull {
  display: inline-block;
  font-size: 14px;
  font-family: 'robotolight', sans-serif;
  color: #666666;
  text-align: right;
  position: relative;
  top: 20px;
  right: -5px;
}

.album_size_block_albumfull>p.asb_item {
  margin: 0px;
  line-height: 18px;
}

.req_fields_info_albumfull {
  width: 400px;
  color: #9299a2;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 14px;
  font-family: 'robotoregular', sans-serif;
  display: inline-block;
  line-height: 20px;
}

.req_fields_info_albumfull>span {
  color: #ff8a42;
  font-size: 22px;
  font-family: 'robotoregular', sans-serif;
  padding-right: 6px;
  position: relative;
  top: 3px;
}

.req_fields_info_albumfull a {
  color: #6676a4;
}

.is_moderation_bottom {
  height: 40px;
  display: block;
}

/* Отозванные треки */

#track_info {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ti_left_block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70%
}

.ti_right_block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 30%
}

.track_header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}

.track_cover {
  width: 98px;
  height: 98px;
  border-radius: 5px;
  float: left;
  margin-right: 20px;
}

.track_header>i {
  background: url(../img/sprite.png) -403px -314px no-repeat;
  height: 64px;
  width: 60px;
  display: inline-block;
  top: -1px;
  float: left;
  margin-right: 13px;
  position: relative;
}

p.th_name {
  color: #6676a4;
  font-size: 20px;
  font-family: 'robotoregular', sans-serif;
  margin-bottom: 10px;
  position: relative;
  line-height: 30px;
  top: -6px;
}

p.th_name>span {
  color: #666666;
}

.th_album>a {
  color: #666;
  font-size: 14px;
  font-family: 'robotoregular', sans-serif;
  text-decoration: none;
}

.th_album>a:hover {
  text-decoration: underline;
}

.track_full_info_block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.th_album {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 0px;
}

.th_genre {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 0px;
}

.th_genre>p,
.th_country>p {
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
}

.th_country {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 5px;
}

.th_genre>p,
.th_country>p {
  font-size: 14px;
  font-family: 'robotoregular', sans-serif;
}

.track_price {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 20px;
}

.tp_price {
  display: inline;
  color: #333333;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
}

.tp_author {
  font-size: 15px;
  font-family: 'robotolight', sans-serif;
  color: #666666;
  display: inline;
}

.trb_icon_year,
.trb_icon_genre,
.trb_icon_time,
.trb_icon_size,
.trb_icon_cert {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 65px;
  height: 80px;
  border-radius: 5px;
  border: 2px solid #bcbcbc;
  text-align: center;
  cursor: help;
  position: relative;
  z-index: 100;
  margin-right: 15px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_year p,
.trb_icon_genre p,
.trb_icon_time p,
.trb_icon_size p,
.trb_icon_cert p {
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 16px;
  background: #bcbcbc;
  padding: 2px 0px 0px 0px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_year:hover,
.trb_icon_genre:hover,
.trb_icon_time:hover,
.trb_icon_size:hover,
.trb_icon_cert:hover {
  border: 2px solid #ff8a42;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_year:hover p,
.trb_icon_genre:hover p,
.trb_icon_time:hover p,
.trb_icon_size:hover p,
.trb_icon_cert:hover p {
  background: #ff8a42;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_year i {
  display: block;
  width: 60px;
  height: 48px;
  background: url(../img/track_year.png) 15px 9px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_year:hover i {
  background: url(../img/track_year_hover.png) 15px 9px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_genre i {
  display: block;
  width: 60px;
  height: 48px;
  background: url(../img/track_genre.png) 15px 9px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_genre:hover i {
  background: url(../img/track_genre_hover.png) 15px 9px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_time i {
  display: block;
  width: 60px;
  height: 48px;
  background: url(../img/track_time.png) 13px 10px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_time:hover i {
  background: url(../img/track_time_hover.png) 13px 10px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_size i {
  display: block;
  width: 60px;
  height: 48px;
  background: url(../img/track_size.png) 15px 11px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_size:hover i {
  background: url(../img/track_size_hover.png) 15px 11px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_cert i {
  display: block;
  width: 60px;
  height: 48px;
  background: url(../img/track_sert.png) 18px 9px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.trb_icon_cert:hover i {
  background: url(../img/track_sert_hover.png) 18px 9px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.play_big {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.play_big>a {
  width: 80px;
  height: 80px;
  background: url(../img/play_big.png) 1px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.play_big>a:hover {
  width: 80px;
  height: 80px;
  background: url(../img/play_big_hover.png) 1px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.stats_header {
  display: block;
  margin-bottom: 10px;
}

h2.stats {
  color: #333333;
  font-size: 22px;
  font-family: 'robotoregular', sans-serif;
  display: inline-block;
  font-weight: 500;
  position: relative;
  top: 5px;
  margin-bottom: 26px;
}

h2.search_title {
  margin-top: 26px;
  margin-bottom: 16px;
}

.period {
  float: right;
  display: inline-block;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.period_stats_page {
  float: left;
  display: inline-block;
  position: relative;
  margin: 10px 0px 30px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.period_text>p {
  color: #6676a4;
  font-size: 20px;
  font-family: 'robotolight', sans-serif;
  display: inline-block;
  padding: 0px 7px 0px 7px;
  position: relative;
  top: 2px;
}

.period_input,
.period_text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
}

.period_input {}

.period_input>input.period {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 130px;
  outline: none;
  padding: 2px 8px 0px 8px;
  display: inline-block;
}

.div_button_very_small {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  float: right;
  margin-left: 15px;
}

button.button_very_small {
  background: #6676a4;
  font-size: 18px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 42px;
  height: 30px;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  border: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0;
}

i.calendar {
  display: inline-block;
  width: 34px;
  height: 30px;
  background: url(../img/sprite.png) -289px -359px no-repeat;
}

.stats_block {
  width: 100%;
  display: inline-block;
  background: #f1f1f1;
  border-radius: 8px;
  padding: 0 15px;
  min-height: 100px;
  margin-bottom: 30px;
}

#statsInternetDetails {
  padding-bottom: 20px;
}

.sb_header {
  height: 56px;
  background: url(../img/line_h_blue_big.png) 0px 100% no-repeat;
  margin-bottom: 18px;
  position: relative;
}

p.sb_header_p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
  padding-top: 26px;
  letter-spacing: -0.5px;
}

span.sbh_period {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 12px;
  padding: 0px 0px 0px 5px;
  top: -6px;
  position: relative;
  letter-spacing: 0px;
}

.sb_header>i {
  width: 52px;
  height: 52px;
  /* border: 1px solid black;
	 */
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 38px;
}

.sbh_i_place {
  background: url(../img/sprite.png) -45px -315px no-repeat;
}

.sbh_i_radio {
  background: url(../img/sprite.png) -125px -315px no-repeat;
}

.sbh_i_internet {
  background: url(../img/sprite.png) -205px -315px no-repeat;
}

.sb_text {
  margin-bottom: 22px;
}

.sb_text>p {
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
}

.sb_text span {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
}

.sb_table {
  margin-bottom: 30px;
}

.sbt_header {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
}

.sbt_body {
  /* margin-right:60px;
	 */
}

.sbt_item,
.obj_item {
  width: 100%;
  min-height: 68px;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 12px;
}

.obj_item {
  padding: 0 0 0 12px;
}

.sbt_item:first-child,
.obj_item:first-child {
  border-top: 1px solid #d9dce0;
}

.sbt_item:hover,
.obj_item:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sbti_date {
  display: inline-block;
  position: absolute;
  top: 16px;
}

.sbti_date>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-left: 30px;
  margin-right: 58px;
}

#objList .obji_place {
  flex: 1 1 auto;
}

.obji_place {
  display: inline-block;
  /* position: absolute;
	 */
  /* top: 14px;
	 */
  /* left: 25px;
	 */
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  color: #6676a4;
  padding: 10px 0;
  width: 400px;
}

.obji_place a {
  color: #6676a4;
}

.obji_count {
  display: inline-block;
  /* position: absolute;
	 */
  width: 180px;
  height: 66px;
  line-height: 66px;
  /* left: 720px;
	 */
  background: #ffffff;
  padding: 0 10px;
}

.obji_count p {
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  color: #333333;
  /* #f28518 */
  position: relative;
  /* top: 18px;
	 */
  /* left: 15px;
	 */
}

.sbti_place {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 195px;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-right: 18px;
}

.sbti_marker {
  display: inline-block;
  width: 42px;
  margin: 0px 40px 0px 40px;
  position: absolute;
  top: 15px;
  right: 0px;
}

.obji_marker {
  display: inline-block;
  width: 42px;
  margin: 0px 20px 0px 20px;
}

#objList .obji_marker {
  margin: 13px 20px 0px 20px;
  min-width: 42px;
}

.obji_marker_header {
  display: inline;
  width: 42px;
  margin: 0px 0px 0px 5px;
  position: relative;
  top: 0px;
}

.sbti_marker .sbti_icon,
.obji_marker .sbti_icon,
.obji_marker_header .sbti_icon {
  background: #ffffff;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  margin-left: 0px;
}

.sbti_marker a,
.obji_marker a,
.obji_marker_header a {
  /* border: 1px solid red;
	 */
  top: 0px;
  position: relative;
  text-decoration: none;
}

.sbti_icon>i {
  width: 41px;
  height: 41px;
  display: block;
  background: url(../img/location_small.png) 10px 5px no-repeat;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.sbti_icon:hover>i {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.view_all,
.view_all_radio {
  display: block;
  text-align: right;
  margin-right: 30px;
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 30px;
}

.view_all>a,
.view_all_radio>a {
  color: #6676a4;
  text-decoration: underline;
}

.view_all>a>p,
.view_all_radio>a>p {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 13.5px;
  text-transform: uppercase;
  padding-left: 3px;
}

.view_all>i,
.view_all_radio>i {
  width: 30px;
  height: 18px;
  display: inline-block;
  margin-right: 2px;
  background: url(../img/sprite.png) -353px -356px no-repeat;
  position: relative;
  top: 2px;
}

ul.statistic_list {
  margin-left: 30px;
  margin-top: 0px;
  margin-bottom: 30px;
}

ul.statistic_list>li {
  background: url(../img/li.png) 0px 2px no-repeat;
  padding-left: 25px;
  color: #595959;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  margin-bottom: 4px;
}

ul.statistic_list>li>p {
  display: inline;
  position: relative;
  left: 5px;
  top: -2px;
}

ul.statistic_list>li>p>span {
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
}

.margin_t10 {
  margin-top: 10px !important;
}

.margin_b10 {
  margin-bottom: 10px !important;
}

.back_link_page {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 80px;
  margin-top: 10px;
  float: right;
}

.back_link_page>a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  display: inline-block;
}

.back_link_page>i {
  width: 30px;
  height: 18px;
  display: inline-block;
  background: url(../img/sprite.png) -355px -324px no-repeat;
}

/* Моя музыка. Трек. Конец */

/* Моя музыка. Результаты поиска. Начало */

#search_result #pages {
  width: 100%;
}

.search_result {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  padding: 0 10px;
  width: 100%;
  position: relative;
  border-radius: 8px;
  background: #f1f1f1;
}

.search_result_tracks {
  display: inline-block;
  margin: 30px 0px 10px 0px;
  width: 100%;
  position: relative;
  border-radius: 8px;
}

#pages0,
#pages1,
#pages2,
#pages3,
#pages {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  width: auto;
  position: relative;
  display: block;
}

ul.pagination {
  display: inline-block;
  margin-left: 0px;
  list-style-type: none;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}

.pagination li {
  display: inline-block;
  margin-right: 15px;
}

.mr1 li,
.mr1 {
  margin: 2px;
}

.pagination li:last-child {
  margin-right: 0px;
}

.pagination a {
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-decoration: none;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  color: #595959;
  border: 1px solid #6676a4;
  background: #ffffff;
  border-radius: 15px;
  line-height: 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.pagination b {
  cursor: default;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  text-decoration: none;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  color: #cdcdcd;
  border: 1px solid #adadad;
  background: #ffffff;
  border-radius: 15px;
  line-height: 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.pagination a:hover {
  text-decoration: none;
  color: #ffffff;
  background: #6676a4;
  border: 1px solid #6676a4;
}

.pagination a.cur {
  color: #fff;
  background: #6676a4;
  border: 1px solid #6676a4;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.pagination a.cur:hover {
  text-decoration: none;
  cursor: default;
}

.pagination li {
  display: inline-block !important;
  background: none !important;
  padding-left: 0px !important;
  /* margin-bottom: 0px !important; */
  line-height: 0px !important;
  /* margin-left: 0px !important; */
  margin: 0 7px 7px !important;
}

.pagination li:hover {
  display: inline-block !important;
  background: none !important;
  padding-left: 0px !important;
  /* margin-bottom: 0px !important; */
  line-height: 0px !important;
}

.search_not_result {
  display: inline-block;
  background: #f1f1f1;
  border-radius: 8px;
  display: inline-block;
  width: 100%;
  margin-top: 0px;
}

.search_not_result>p {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  padding: 20px 20px 20px 20px;
}

/* Моя музыка. Результаты поиска. Конец */

/* Статистика. Начало */

#secondary_menu {
  display: block;
  margin-bottom: 25px;
  margin-top: 5px;
  text-align: center;
}

.sm_item {
  display: inline-block;
  background: #f1f1f1;
  color: #595959;
  height: 68px;
  margin: 5px;
  border-radius: 8px;
  max-width: 310px;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sm_item a,
.sm_item.active a {
  width: 320px;
  height: 68px;
}

.sm_item i {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
}

.sm_item i.place {
  background: url(../img/place.png) 9px 13px no-repeat #fff;
}

.sm_item:hover i.place {
  background: url(../img/place_orange.png) 9px 13px no-repeat #fff;
}

.sm_item i.radios {
  background: url(../img/radio.png) 17px 11px no-repeat #fff;
}

.sm_item:hover i.radios {
  background: url(../img/radio_orange.png) 17px 11px no-repeat #fff;
}

.sm_item i.internet {
  background: url(../img/internet.png) 11px 12px no-repeat #fff;
}

.sm_item:hover i.internet {
  background: url(../img/internet_orange.png) 11px 12px no-repeat #fff;
}

.sm_item i.karaoke {
  background: url(../img/karaoke.png) 11px 12px no-repeat #fff;
}

.sm_item:hover i.karaoke {
  background: url(../img/karaoke_orange.png) 11px 12px no-repeat #fff;
}

.sm_item i.market {
  background:#fff url(../img/market.png) no-repeat center center / 24px auto;
}

.sm_item:hover i.market {
  background:#fff url(../img/market_orange.png) no-repeat center center / 24px auto;
}

.sm_item p {
  color: #595959;
  font-size: 19px;
  font-family: 'robotoregular', sans-serif;
  position: absolute;
  top: 23px;
  left: 81px;
}

.sm_item:hover {
  background: #ff8a42;
  /* top: -5px;
	 */
  /* box-shadow: 0px 5px 5px 0px rgba(0, 1, 2, 0.3);
	 */
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.sm_item:hover p {
  color: #ffffff;
}

.sm_item.active {
  background: #ff8a42;
  top: 5px;
  /* box-shadow: 0px 5px 5px 0px rgba(0, 1, 2, 0.3);*/
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  height: 68px;
  border-radius: 8px;
  /* width: 310px;
	 */
  position: relative;
}

.sm_item.active p {
  color: #ffffff;
  font-size: 19px;
  font-family: 'robotoregular', sans-serif;
  position: absolute;
  top: 23px;
  left: 81px;
}

.sm_item.active i {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
}

.sm_item.active i.place {
  background: url(../img/place_orange.png) 9px 13px no-repeat #fff;
}

.sm_item.active i.radios {
  background: url(../img/radio_orange.png) 17px 11px no-repeat #fff;
}

.sm_item.active i.internet {
  background: url(../img/internet_orange.png) 11px 12px no-repeat #fff;
}

.sm_item.active i.karaoke {
  background: url(../img/karaoke_orange.png) 11px 12px no-repeat #fff;
}

.sm_item.active i.market {
  background: #fff url(../img/market_orange.png) no-repeat center / 24px auto;
}

.download_report {
  background: #6676a4;
  display: inline-block;
  max-width: 320px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  margin: 5px 0px 25px 0px;
  float: right;
  text-align: center;
}

.download_report:after {
  content: " ";
  clear: both;
}

.download_report a {
  /* width: 320px; */
  height: 40px;
}

.download_report p {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  /* text-transform: uppercase;
	 */
  position: relative;
  top: 5px;
  padding-left: 6px;
}

.download_report i {
  width: 20px;
  height: 22px;
  display: inline-block;
  background: url(../img/sprite.png) -637px -244px no-repeat;
  position: relative;
  top: 7px;
}

.form .table_block {
  padding: 6px;
}

.table_block {
  display: inline-block;
  background: #f1f1f1;
  border-radius: 8px;
  position: relative;
  /* max-width: 960px;
	 */
  width: 100%;
  margin-bottom: 20px;
  /* padding: 26px 30px;
	 */
  padding: 16px;
}
.withdrawal__row {
  width: 100%;
}
.withdrawal__row table th {
  color: #fff;
}
.withdrawal__last .table {
  width: 100%;
  border: 1px solid #ff8a42;
  margin: 20px 0;
}


table {
  border-collapse: collapse;
}

thead {
  background: #ff8a42 !important;
  color: #fff;
  font-size: 17px !important;
  font-family: 'robotoregular', sans-serif;
  text-align: center;
}

thead td {
  padding: 10px;
  border-right: 1px solid #fff;
}

thead td:last-child {
  border-right: 1px solid #ff8a42;
}

tbody {
  font-size: 17px !important;
  font-family: 'robotolight', sans-serif;
  text-align: center;
  background: #ffffff !important;
}

tbody tr:first-child {
  border-top: 1px solid #ff8a42;
}

tbody td {
  padding: 10px;
  border-right: 1px solid #ff8a42;
  border-bottom: 1px solid #ff8a42;
}

tbody td:first-child {
  border-left: 1px solid #ff8a42;
}

.grey-table thead {
  text-align: left;
  background: transparent !important;
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
}

.grey-table thead td {
  padding: 5px 10px;
  border-right: 0;
}

.grey-table tbody {
  background: #f7f7f7;
}

.grey-table tbody tr {
  transition: 0.3s;
}

/* .grey-table tbody tr:hover {
  background: #e0e2e4;
} */

.grey-table tbody tr:first-child {
  border-top: 1px solid #d9dce0;
}

.grey-table tbody td {
  padding: 10px;
  border-right: 1px solid #d9dce0;
  border-bottom: 1px solid #d9dce0;
  text-align: left;
}

.grey-table tbody td:first-child {
  border-left: 1px solid #d9dce0;
}

.grey-table .saleLine__info_small {
  font-size: 14px;
}

.stats_header_th,
.mmo_header_th,
.obj_th {
  position: relative;
  height: 25px;
}

.sth_item,
.oth_item,
.mmh_item {
  display: inline-block;
  margin-bottom: 5px;
  position: absolute;
}

.oth_item:first-child {
  left: 25px;
}

.oth_item:last-child {
  left: 720px;
}

.mmh_item:first-child {
  left: 22px;
  width: 128px;
  text-align: right;
}

.mmh_item:nth-child(2) {
  position: absolute;
  left: 178px;
  ;
}

.mmh_item:last-child {
  left: 566px;
}

.sth_item:first-child {
  position: absolute;
  left: 0px;
  width: 93px;
  text-align: right;
}

.sth_item:last-child {
  position: absolute;
  left: 512px;
}

.sth_item:nth-child(2) {
  position: absolute;
  left: 112px;
  ;
}

.sth_item p,
.mmh_item p,
.oth_item p {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  display: inline;
}

.stats_track {
  min-height: 82px;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

.stats_track:first-child {
  border-top: 1px solid #d9dce0;
}

.stats_track:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.stats_date_time {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  text-align: right;
  /* width: 82px;
	 */
  margin-right: 20px;
  margin-left: 10px;
}

.stats_song {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: inline-block;
  width: 360px;
  position: relative;
}

.stats_obj_song {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 706px !important;
}

.stats_place {
  flex: 0 1 auto;
  display: inline-block;
  /* max-width: 220px; */
  width: 180px;
}

.stats_radiostation {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 120px;
  margin-right: 20px;
}

.stats_blank_radio {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 86px;
  display: none;
}

.stats_marker {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 64px;
  margin: 0px 10px 0px 10px;
}

.stats_obj_marker {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 54px;
  margin: 0px;
  position: absolute;
  top: -20px;
  right: 0px;
}

.stats_marker .statsm {
  background: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 0px;
  top: 0px;
  position: relative;
}

.stats_obj_marker .statsm {
  border: 1px solid #f0f0f0;
  background: #ffffff;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin-left: 0px;
  top: 0px;
  position: relative;
}

.stats_marker a,
.stats_obj_marker a {
  /* border: 1px solid red;
	 */
  top: 15px;
  position: relative;
  text-decoration: none;
}

.statsm>i {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/location_middle.png) 11px 6px no-repeat;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.statsm:hover>i {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.stats_play {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 82px;
  background: #ffffff;
}

.stats_play a {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/play_middle.png) 1px 1px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  /* border: 1px solid red;
	 */
  position: relative;
  top: 17px;
  right: -16px;
}

.stats_play a:hover {
  background: url(../img/play_middle_hover.png) 1px 1px no-repeat;
}

.stats_date_time p {
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 13px;
  top: 24px;
  position: relative;
  line-height: 18px;
}

.stats_song .song,
.stats_obj_song .song {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
  top: 20px;
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  padding-right: 40px;
}

.stats_song .song>a,
.stats_obj_song .song>a {
  color: #6676a4;
  text-decoration: none;
  display: inline;
}

.stats_song .song>a:hover,
.stats_obj_song .song>a:hover {
  color: #6676a4;
  text-decoration: underline;
}

.stats_song .release,
.stats_obj_song .release {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 12px;
  line-height: 16px;
  top: 16px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.stats_song .release>a,
.stats_obj_song .release>a {
  color: #9f9f9f;
  text-decoration: none;
}

.stats_song .release>a:hover,
.stats_obj_song .release>a:hover {
  color: #9f9f9f;
  text-decoration: underline;
}

.stats_place p,
.stats_radiostation p {
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  line-height: 20px;
  top: 18px;
  position: relative;
  overflow: hidden;
  max-width: 190px;
  letter-spacing: -0.5px;
  display: block;
  height: 20px;
}

.stats_place a,
.stats_radiostation a {
  color: #666666;
}

p.filter_name {
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: 12px;
  margin-right: 5px;
}

.object_pre_header {
  display: block;
  min-height: 80px;
}

.up_genres_list i.sp-arrow {
  margin-left: 0 !important;
  margin-bottom: 8px;
}

.object_header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -ms-flex-wrap: wrap; */
  /* flex-wrap: wrap; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* height: 55px;
	 */
  /* margin-bottom: 30px; */
  width: 100%;
}

.object_header .object_header_left,
.object_header .object_header_right {
  margin-bottom: 30px;
}

.object_header_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.object_header_left img {
  max-height: 50px;
}

.oh_container {
  padding-left: 15px;
}

.object_header_right {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
}

.object_header_right span {
  color: #ff8a42;
  font-size: 28px;
}

.object_header p.oh_place {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  /* display: inline-block;
	 position: absolute;
	 top: -5px;
	 */
}

.object_header p.oh_adress {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 15px;
  /* display: inline-block;
	 position: absolute;
	 top: 24px;
	 */
}

.object_header p.oh_adress a {
  color: #6676a4;
}

.obj_adress_small {
  font-size: 12px;
  display: block;
  color: #9f9f9f;
}

/* Статистика. Конец */

/* Сертификат. Начало */

.certificate,
.h2 {
  font-size: 20px !important;
  margin-bottom: 15px !important;
}

#certificate_text {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 14px;
  display: inline-block;
}

#certificate_text img {
  max-width: 100%;
  height: auto;
}

#certificate_text p {
  margin-bottom: 10px;
}

.services-platform__item img {
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

.crt_track {
  /* height: 52px;
	 */
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
}

.crt_track:first-child {
  border-top: 1px solid #d9dce0;
}

.crt_track:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.crt_date {
  width: 90px;
}

.crt_artist {
  width: 100px;
}

.crt_song {
  width: 100px;
  padding-right: 10px;
}

.crt_release {
  width: 150px;
  padding-right: 10px;
}

.crt_cert {
  padding-right: 10px;
}

.crt_date>p,
.crt_artist>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  display: inline;
}

.crt_song>a,
.crt_release>a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
}

.crt_header {
  position: relative;
  height: 25px;
}

.crth_item {
  display: inline-block;
  margin-bottom: 5px;
  position: absolute;
}

.crth_item:first-child {
  position: absolute;
  left: 0px;
  text-align: right;
  width: 105px;
}

.crth_item:last-child {
  position: absolute;
  left: 600px;
}

.crth_item:nth-child(3) {
  position: absolute;
  left: 350px;
  ;
}

.crth_item:nth-child(2) {
  position: absolute;
  left: 140px;
  ;
}

.crth_item>p {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
  display: inline;
}

.red {
  color: #ff6541;
}

/* Сертификат. Конец */

#restoreImage {
  position: absolute;
  top: 244px;
  text-align: center;
  width: 100%;
}

#restoreImage a {
  font-size: 14px;
  font-family: 'robotolight', sans-serif;
  text-decoration: underline;
  cursor: pointer;
  color: #6676a4;
  margin-bottom: 10px;
}

/* Баланс. Начало */

p.company_name {
  font-size: 30px;
  color: #ff8a42;
  font-family: 'robotoregular', sans-serif;
  margin-top: 38px;
  margin-bottom: 20px;
}

p.company_status {
  font-size: 14px;
  color: #fff;
  font-family: 'robotolight', sans-serif;
  background: #6676a4;
  display: inline-block;
  padding: 6px 22px 4px 22px;
  border-radius: 50px;
  margin-bottom: 30px;
}

.balance_info {
  /* float: right;
	 */
  border-radius: 8px;
  background: #f1f1f1;
  /* width: 50%;
	 */
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.balance_info:after {
  content: " ";
}

.balance_list {
  margin: 20px 0px 0px 20px;
  /* margin: 20px; */
}

.balance_day,
.balance_week,
.balance_total {
  height: 60px;
}

.balance_text {
  font-size: 20px;
  color: #666666;
  font-family: 'robotolight', sans-serif;
  display: inline-block;
  padding-top: 10px;
}

.balance_price {
  font-size: 20px;
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  display: inline-block;
}

.balance_text_big {
  font-size: 22px;
  color: #333333;
  font-family: 'robotolight', sans-serif;
  display: inline-block;
  padding-top: 7px;
}

.balance_price_big {
  font-size: 24px;
  color: #f28518;
  font-family: 'robotoregular', sans-serif;
  display: inline-block;
  padding-top: 7px;
}

.balance_total {
  /* margin-top: 7px;
	 padding-top: 15px;
	 background: url(../img/line_h_white.png) 0px 0px no-repeat;
	 margin-bottom: 30px;
	 */
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 26px 0px;
}

.rub {
  color: #666666;
  font-family: 'robotolight', sans-serif;
}

.black {
  color: #333333;
}

.left {
  text-align: left;
}

.payments_list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 38px;
}

.payments_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 280px;
  height: 150px;
  border-radius: 5px;
  border: 2px solid #f28518;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 100;
  margin: 15px 10px 15px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.payments_header {
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 15px;
  line-height: 16px;
  background: #f28518;
  padding: 0px 2px 2px 0px;
  color: #ffffff;
  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;
  border-radius: 0 0 5px 5px;
  height: 54px;
  position: absolute;
  bottom: -25px;
  left: -2px;
  /* width: 160px;
	 */
  width: 280px;
}

.pi_active {
  border: 2px solid #ff6541;
}

.payments_item>a {
  display: inline;
}

.payments_item:last-child {
  /* margin-right: 0px;
	 */
}

.payments_item.disable {
  border: 2px solid #bcbcbc;
  cursor: help;
}

.payments_item.disable>a {
  cursor: help;
}

.payments_item.disable p {
  background: #bcbcbc !important;
}

.pi_active p {
  background: #ff6541;
}

.payments_logo.cards {
  display: inline-block;
  width: 180px;
  height: 117px;
  background: url(../img/cards_mir.png) 50% 50% no-repeat;
}

.payments_logo.world {
  display: inline-block;
  width: 180px;
  height: 117px;
  background: url(../img/cards.png) 50% 50% no-repeat;
}

.payments_logo.qiwi {
  display: inline-block;
  width: 180px;
  height: 117px;
  background: url(../img/qiwi.png) 50% 50% no-repeat;
}

.payments_logo.yandex {
  display: inline-block;
  width: 180px;
  height: 117px;
  background: url(../img/yandex.png) 50% 50% no-repeat;
}

.mt38 {
  margin-top: 38px;
}

.field_payments {
  margin-top: 30px;
  width: 900px !important;
}

/* Баланс. Конец */

/*  Загрузка треков. Модальные окна. Начало */

#genre_list {
  display: inline;
}

.gl_container {
  display: block;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
}

.overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .5);
}

.popup-genre {
  display: none;
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  padding-top: 10%;
  padding-bottom: 10%;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup,
.popup-statistics {
  display: block;
  z-index: 1001;
  /* position: fixed; */
  position: relative;
  margin: auto;
  width: 500px;
  /* left: 50%; */
  /* top: 30%; */
  /* margin-left: -250px; */
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

.popup-statistics {
  /* width: 960px !important;
	 left: calc(50% - 480px) !important;
	 margin-left: 0px !important;
	 top: calc(50% - 300px) !important;
	 */
}

.close-popup {}

.close-popup>a {}

.popup_header {
  min-height: 56px;
  height: auto;
  background: url(../img/line_h_orange_long.png) 20px 100% no-repeat;
}

.popup_header>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  padding-left: 20px;
  padding-top: 26px;
  letter-spacing: -0.5px;
}

.popup_header>p.map_adress {
  font-size: 12px !important;
  padding-bottom: 0px;
  padding-top: 0;
}

.popup_content {
  /* padding: 10px 20px 20px 20px; */
  padding: 10px;
  background: url(../img/line_h_white.png) 20px 100% no-repeat;
}

.popup_content>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
}

.div_button_for_modal {
  display: inline-block;
  /* margin-right: 20px;
	 */
  margin-left: calc(50% - 115px);
  text-align: center;
}

a.button_for_modal {
  background: #ff8a42;
  width: 230px;
  height: 56px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 20px;
  margin-bottom: 30px;
  text-decoration: none;
}

a.button_for_modal>p {
  font-size: 16px;
  line-height: 56px;
  color: #ffffff;
  font-family: 'robotoregular', sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-top: 2px;
}

a.button_for_modal:hover {
  background: #ff6541;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mb0 {
  margin-bottom: 0px !important;
}

.add_genre_select {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  background: url(../img/select_arrow.png) 332px 10px no-repeat #ffffff;
}

.add_genre_select>select {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 360px;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
  -webkit-appearance: none;
  /*for WebKit*/
  -moz-appearance: none;
  /* for FF */
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  /* for IE */
  appearance: none !important;
}

.add_genre_select>select>option {
  border: 1px solid #9299a2;
}

.add_genre_select>select>option:checked {
  background: #9f9f9f;
  color: #ffffff;
}

.select_with_button {
  margin-bottom: 4px;
}

.modal,
.popup-iso3166 {
  position: fixed;
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  padding-top: 10%;
  padding-bottom: 5%;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  display: block;
  z-index: 2001;
  position: relative;
  width: 960px;
  margin: auto;
  /* left: 50%; */
  /* top: 5%; */
  /* margin-left: -500px; */
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

.genres_list_container,
.tags_list_container {
  width: 100%;
  margin: 0px 15px 15px 0px;
  /* max-height: 70vh;
	 */
  height: 400px;
  /* padding: 3px 5px 5px 6px;
	 */
  padding: 0;
  overflow: auto;
  border-bottom: 1px solid #d9dce0;
}

.tags_category {
  margin-bottom: 10px;
  display: inline-block;
}

.tags_category h6 {
  margin-bottom: 4px;
}

.tag_item {
  /* width: 220px;
	 */
  width: 190px;
  height: 36px;
  padding: 2px;
  float: left;
}

span.popup_pre_text {
  display: inline-block;
  float: left;
}

span#editTagsInTrack {
  overflow: hidden;
  width: 720px;
  height: 30px;
  display: inline-block;
  float: left;
}

.genre_list {
  margin-bottom: 22px;
  margin-top: 15px;
  margin-left: 40px;
}

.div_button_delete {
  height: 28px;
  width: 28px;
  display: inline;
  margin-left: 1px;
}

.button_delete {
  height: 28px;
  width: 28px;
  display: inline;
  border: 0;
  outline: none;
  background: url(../img/sprite.png) -495px -243px no-repeat;
  position: relative;
  top: 9px;
  cursor: pointer;
}

.close_button {
  display: inline-block;
  color: #fff;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  margin: 10px 14px 10px 10px;
  z-index: 20;
  right: -12px;
  top: -34px;
  position: absolute;
  cursor: pointer;
}

.close_button>a {
  display: inline-block;
  float: right;
  color: #fff;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}

.close_button>i {
  display: inline-block;
  height: 17px;
  width: 35px;
  background: url(../img/sprite.png) -391px -246px no-repeat;
}

/*  Загрузка треков. Модальные окна. Конец */

/* Выбор страны. ISO3166. Начало */

.popup-iso3166 {
  display: none;
}

.popup3166 {
  display: block;
  z-index: 2001;
  position: relative;
  width: 960px;
  margin: auto;
  /* left: 50%; */
  /* top: 5%; */
  /* margin-left: -480px; */
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

.ml385 {
  margin-left: 385px !important;
}

.country_list_container {
  /* width: 924px;
	 */
  margin: 0px 15px 15px 0px;
  height: 500px;
  padding: 10px 5px 5px 6px;
  overflow: auto;
  border-bottom: 1px solid #d9dce0;
}

/* Здесь меняем высоту фрейма */

.country_list {
  height: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.country_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 300px;
  height: 36px;
  display: inline-block;
}

.select_all_country {
  display: inline-block;
}

.add_country_list {
  margin-left: 20px;
}

.add_country_list>p {
  display: inline;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
}

.tl_input_checkbox {
  padding-left: 5px;
}

.tl_input_country {
  height: 36px;
  display: inline-block;
  position: relative;
}

.tl_input_country>label {
  position: absolute !important;
}

.tl_input_checkbox>p {
  margin-left: 39px;
  position: relative;
  top: -16px;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 18px;
}

.country_line {
  display: inline-block;
  width: 290px;
  overflow: hidden;
  height: 26px;
  cursor: pointer;
}

.iso_code {
  display: inline-block;
  color: #ff8a42;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 18px;
  position: absolute;
  top: 3px;
  left: 80px;
}

.iso_code_ww {
  display: inline-block;
  color: #ff8a42;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 18px;
}

img.cl_flag {
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 39px;
}

.country_line>p.cl_text {
  display: inline-block;
  position: relative;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 18px;
  top: 3px;
  left: 106px;
}

.pb0 {
  padding-bottom: 0px !important;
}

.all_for_country_class {
  position: relative;
  top: -18px;
  left: 39px;
}

/* Выбор страны. ISO3166. Конец */

/* Модальное окно. Сохранить альбом*/

.popup-SendAlbum {
  display: none;
}

.popupSendAlbum {
  display: block;
  z-index: 2001;
  position: fixed;
  width: 500px;
  left: 50%;
  top: 25%;
  margin-left: -250px;
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

.ml0 {
  margin-left: 0px;
}

.popup_text {
  margin-top: 10px;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
}

.popup_text>p {
  margin-bottom: 10px;
}

.save_and_send_buttons {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}

.button_for_modal_yn {
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  position: relative;
  margin-right: 8px;
}

.button_for_modal_save {
  background: #ff8a42;
  width: 220px;
  height: 60px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  position: relative;
  margin: 0 2px;
}

.button_for_modal_send {
  background: #ff8a42;
  width: 220px;
  height: 60px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  position: relative;
  margin: 0 2px;
}

.button_for_modal_save>a,
.button_for_modal_send>a {
  width: 220px;
  height: 60px;
  background: #ff8a42;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
}

.button_for_modal_save p {
  font-size: 13px;
  line-height: 14px;
  color: #ffffff;
  font-family: 'robotoregular', sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-top: 10px;
}

.button_for_modal_send p {
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
  font-family: 'robotoregular', sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-top: 13px;
}

.button_for_modal_save p>small,
.button_for_modal_send p>small {
  font-size: 10px;
  font-family: 'robotolight', sans-serif;
}

.button_for_modal_save>a:hover,
.button_for_modal_send>a:hover {
  background: #ff6541;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* Модальное окно. Сохранить альбом */

/* Модальные окна. Редактировать. Начало */

.edit_list {
  position: relative;
  height: 30px;
}

.el_artist>a {
  display: inline-block;
  width: 50px;
  height: 22px;
  position: absolute;
  left: 64px;
  background: url(../img/sprite.png) -405px -23px no-repeat;
  margin: 10px 0px 10px 0px;
}

.el_year>a {
  display: inline-block;
  width: 50px;
  height: 22px;
  position: absolute;
  left: 588px;
  background: url(../img/sprite.png) -405px -23px no-repeat;
  margin: 10px 0px 10px 0px;
}

.el_artist>a:hover {
  background: url(../img/sprite.png) -405px -69px no-repeat;
}

.el_year>a:hover {
  background: url(../img/sprite.png) -405px -69px no-repeat;
}

.edit_all {
  display: inline;
}

.edit_all>a {
  display: inline-block;
  width: 42px;
  height: 17px;
  position: relative;
  top: -3px;
  background: url(../img/sprite.png) -405px -23px no-repeat;
  margin-left: 3px;
  text-decoration: none;
}

.edit_all>a:hover {
  background: url(../img/sprite.png) -405px -70px no-repeat;
}

.popup-EditAll {
  display: none;
}

.popupEditAll {
  display: block;
  z-index: 2001;
  position: fixed;
  width: 500px;
  left: 50%;
  top: 30%;
  margin-left: -250px;
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

.text_input {
  display: inline-block;
  position: relative;
  top: 12px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  left: 89px;
}

.text_input>input.enter_text {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 280px;
  outline: none;
  padding: 2px 8px 0px 8px;
  margin: 0 auto;
}

/* Модальные окна. Редактировать. Конец */

/* Приветственный текст на главной. Начало */

#text_welcome_block {
  /* width: 960px; */
  width: 100%;
  min-height: 115px;
  border-radius: 8px;
  background: #f1f1f1;
  display: block;
  margin: 0 auto;
  margin-bottom: 18px;
  position: relative;
  top: -20px;
  text-align: left;
  padding: 20px 20px 25px 20px;
}

#text_welcome_block p {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #595959;
  margin-bottom: 10px;
}

#text_welcome_block a {
  color: #f28518;
}

/* Приветственный текст на главной. Конец */

/* Список всех видеоуроков. Начало */

div.videolessons {
  margin-top: 30px;
  /* margin-bottom: 30px;
	 */
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.videols_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 306px;
  height: 310px;
  margin: 10px;
  overflow: hidden;
}

.videols_item:nth-child(3n) {
  /* margin-right: 0px;
	 */
}

.vli_iframe {
  width: 306px;
  height: 230px;
  background: url(../img/back_vlessons.jpg) 50% 50% no-repeat;
}

.vli_link {
  width: 306px;
  display: inline-block;
  margin-top: 10px;
}

.vli_link>a {
  color: #595959;
  font-size: 16px;
  font-family: 'roboto_condensedlight', sans-serif;
  display: inline-block;
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 260px;
}

.vli_link:hover>a {
  color: #f28518;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.vli_link>i.video {
  display: inline-block;
  width: 34px;
  height: 22px;
  background: url(../img/video_list.png) 100% 100% no-repeat;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  float: left;
}

.vli_link:hover>i.video {
  background: url(../img/video_list_hover.png) 100% 100% no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* Список всех видеоуроков. Конец*/

/* Отозвать контент. Начало */

.search_recall {
  background: #f1f1f1;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  /* padding-left: 30px; */
  padding-top: 6px;
  padding-bottom: 4px;
  margin-bottom: 0px;
}

.search_recall_div {
  display: inline-block;
  position: relative;
  top: 12px;
  margin-right: 30px;
  width: 100%;
}

.search_recall_input {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  width: 100%;
  outline: none;
  padding: 2px 8px 0px 8px;
}

.recall_info {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  padding: 20px 30px 20px 30px;
  background: #f1f1f1;
  border-radius: 8px;
  margin-bottom: 20px;
}

.recall_notfound {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  padding: 20px 30px 20px 30px;
  color: red;
  background: #f1f1f1;
  width: 100%;
}

#albumsHeader,
#tracksHeader,
#selectedAlbumsHeader,
#selectedTracksHeader {
  font-size: 22px;
  margin: 0px 20px 20px 0px;
  color: #666666;
  font-family: 'robotoregular', sans-serif;
  font-weight: 500;
}

.selectedForRemoval,
.recallSearchResult {
  font-size: 24px;
  margin: 30px 20px 10px 0px;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-weight: 500;
}

.selectedForRemoval {
  color: #ff8a42;
}

#albumsList,
#tracksList {
  display: inline-block;
  width: 100%;
  padding: 0px 30px 40px 30px;
}

#tracksList .tl_play {
  position: inherit;
}

#selectedAlbumsList {
  display: inline-block;
  width: 100%;
  padding: 0px 30px 0px 30px;
}

#selectedTracksList {
  display: inline-block;
  width: 100%;
  padding: 0px 30px 25px 30px;
}

#tracksList .tl_artist,
#selectedTracksList .tl_artist {
  left: auto !important;
}

.author_album_page>#tracksList .tl_artist {
  left: auto !important;
}

#tracksList .tl_song,
#selectedTracksList .tl_song {
   left: auto !important;
}

.author_album_page>#tracksList .tl_song {
  left: auto !important;
}

#tracksList .tl_album,
#selectedTracksList .tl_album {
  /* left: 540px !important;
	 */
}

#selected4removal {
  border: 2px dashed #ff8a42;
}

.album_recall_container {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 150px;
  background: #f7f7f7;
  border-radius: 5px;
  border: 1px solid #d9dce0;
  margin-bottom: 20px;
}

/* .album_recall_container:first-child {
	margin-right: 20px !important;
}
*/

/* .album_recall_container:nth-child(2) {
	margin-right: 0px !important;
}
*/

/* .album_recall_container:nth-child(3) {
	margin-right: 20px !important;
}
*/

.recall_cover {
  margin: 20px 20px 20px 20px;
}

.album_recall_title {
  margin-bottom: 1px;
}

.album_recall_info {
  margin-top: 14px;
}

.album_recall_info>.album_recall_title {
  font-size: 18px;
  font-weight: bolder;
  font-family: 'roboto_condensedregular', sans-serif;
}

.album_recall_info>.album_recall_duration {
  font-size: 12px;
  font-family: 'robotolight', sans-serif;
}

input:checked+.toggle_button {
  background-color: #ff6541;
  border: 1px solid #ff6541;
}

input:focus+.toggle_button {
  -webkit-box-shadow: 0 0 1px #2196F3;
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.toggle_button_small {
  background-color: #ff6541;
  border: 1px solid #ff6541;
}

input:focus+.toggle_button_small {
  -webkit-box-shadow: 0 0 1px #2196F3;
  box-shadow: 0 0 1px #2196F3;
}

.toggle_button {
  text-align: center;
  width: 120px;
  height: 40px;
  line-height: 22px;
  padding: 10px;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  background-color: #6676a4;
  color: #ffffff;
  border: 1px solid #6676a4;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
}

.remove_button {
  text-align: center;
  width: 120px;
  height: 40px;
  line-height: 22px;
  padding: 10px;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
  background-color: #ff6541;
  color: #ffffff;
  border: 1px solid #ff6541;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 18px;
  margin-bottom: 18px;
}

.remove_button>.remove_button_text {
  text-transform: uppercase;
}

.toggle_button_small {
  text-align: center;
  position: relative;
  left: 0;
  width: 30px;
  height: 30px;
  top: 0;
  line-height: 28px;
  border-radius: 16px;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  font-weight: bold;
  border: 1px solid #6676a4;
  background-color: #6676a4;
  color: #ffffff;
  outline: none;
  cursor: pointer;
}

.remove_button_small {
  text-align: center;
  position: absolute;
  /* left: 810px; */
  right: 5%;
  width: 30px;
  height: 30px;
  /* top: 11px; */
  top: 1px;
  line-height: 28px;
  border-radius: 16px;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  font-weight: bold;
  background-color: #ff6541;
  color: #ffffff;
  border: 1px solid #ff6541;
  outline: none;
  cursor: pointer;
}

.button_select {
  margin-top: 15px;
  width: 120px;
  cursor: pointer;
}

.button_select input[type="checkbox"],
.button_select input[type="checkbox"]:not(:checked) {
  opacity: 0;
  position: absolute;
  left: -5px;
  cursor: pointer;
  width: 120px;
  top: -5px;
  height: 40px;
}

.button_small_select {
  width: 30px;
  cursor: pointer;
}

.button_small_select input[type="checkbox"],
.button_small_select input[type="checkbox"]:not(:checked) {
  opacity: 0;
  position: absolute;
  z-index: 999;
  left: 806px;
  cursor: pointer;
  width: 30px;
  top: 7px;
  height: 30px;
}

#newSearch {
  position: relative;
  top: -10px;
}

#newSearch>a {
  color: #6676a4;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#newSearch>i {
  width: 35px;
  height: 20px;
  background: url(../img/binocle_blue_small.png) 0px 3px no-repeat #fff;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#newSearch:hover>a {
  color: #ff8a42;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#newSearch:hover>i {
  width: 35px;
  height: 20px;
  background: url(../img/binocle_orange_small.png) 0px 3px no-repeat #fff;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* Раздел Договор. Начало */

#contractsList,
.contractsList {
  margin: 0px 30px 0px 30px;
}

.contract_line {
  min-height: 56px;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  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;
  padding: 0 0 10px 0;
}

.contract_line:first-child {
  border-top: 1px solid #d9dce0;
}

.contract_line:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.contract_line a {
  color: #6676a4;
}

.contractsList_headers {
  margin: 0px 30px 0px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.clh_item {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  display: inline;
  position: relative;
}

.clh_item:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 300px;
  margin-left: 20px;
}

.clh_item:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.clh_item:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 245px;
}

.clh_item:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60px;
}

.contract_number_and_date {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  width: 300px;
  text-align: left;
  margin-top: 16px;
  margin-left: 20px;
}

.contract_number_and_date>a {
  display: inline;
}

.contract_number_and_date>p {
  display: inline;
}

.contract_with {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 15px;
  text-align: left;
  float: left;
  width: 200px;
  padding: 0 15px;
}

.contract_status {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 14px;
  float: left;
  text-align: left;
  width: 180px;
}

.contract_pdf_link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: left;
  width: 60px;
  text-align: left;
  height: 52px;
}

.contract_pdf_link>a {
  width: 24px;
  text-align: left;
  height: 30px;
  text-transform: none !important;
  margin: 15px 0px 0px 8px;
}

.contractsList_headers {
  display: none;
}

.notactive_pdf_icon>a {
  background: url(../img/sprite.png) -148px -446px no-repeat;
}

.active_pdf_icon>a {
  background: url(../img/sprite.png) -148px -396px no-repeat;
}

.full_contract_number {
  padding: 20px 30px 0px 30px;
  width: 100%;
}

.full_contract_number>p {
  text-align: right;
  color: #666666;
  font-size: 14px;
}

#contractNumber {
  font-weight: bold;
}

.full_contract_h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 25px;
}

.full_contract_h2>span {
  font-size: 22px;
}

.full_contract_h2>span.star {
  color: #ff8a42;
  font-size: 22px;
  font-family: 'robotoregular', sans-serif;
  padding-right: 6px;
  position: relative;
  top: -1px;
}

.contract-iframe {
  padding: 10px;
  background-color: #f9f9fa;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 75vh;
  border-radius: 8px;
  border: 1px solid #d9dce0;
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 20px;
}

.contract-iframe::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}

.contract-iframe::-webkit-scrollbar-track {
  background-color: #d9dce0;
  border-radius: 10px;
}

.contract-iframe::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ff8a42;
}

.full_contract_table td {
  font-size: 14px;
  padding: 3px 2px;
  vertical-align: middle;
}

.full_contract_table td:first-child {
  width: 5%;
}

.full_contract_table td:nth-child(2) {
  width: 20%;
}

.full_contract_table td:nth-child(3) {
  width: 25%;
}

.full_contract_table td:nth-child(4) {
  width: 25%;
}

.full_contract_table td:nth-child(5) {
  width: 5%;
}

.full_contract_table td:nth-child(6) {
  width: 10%;
}

.full_contract_table td:last-child {
  width: 10%;
}

object#pdf {
  display: block;
  margin: 0px auto;
  margin-bottom: 40px;
  border-radius: 8px;
  border: 1px solid #d9dce0;
  width: 100% !important;
  height: 100% !important;
  min-height: 600px;
  padding: 10px;
  background: #ffffff;
}

.form_sign {
  padding-bottom: 20px;
}

.form_sign .back_link {
  top: 20px;
}

#signature,
#stampDiv {
  padding: 0px;
  margin-bottom: 60px;
}

.signature_button .div_button_small:nth-child(1) button {
  background: url(../img/upload.png) 15px 2px no-repeat #6676a4;
  width: 160px;
  height: 35px;
}

.signature_button .div_button_small:nth-child(2) button {
  background: url(../img/reset.png) 15px 2px no-repeat #6676a4;
  width: 160px;
  height: 35px;
}

.signature_button .div_button_small {
  float: none;
}

.signature_button .div_button_small:nth-child(2) {
  margin-right: 0;
}

#signature .signature_desc,
#stampDiv .signature_desc {
  padding-bottom: 30px;
}

#signCanvas {
  position: relative;
}

#stampCanvas {
  border-radius: 8px;
}

.signatureDrawZoneCanvas {
  position: relative;
  width: 640px;
  height: 190px;
  margin: auto;
  /* border: 1px solid #f28518; */
  border: 1px solid #6676a4;
  background-color: #fff;
  /* display: flex; */
  /* align-items: center; */
  /* flex-wrap: wrap; */
}

.signatureStampZoneCanvas {
  width: 190px;
  height: 190px;
  /* border: 1px solid #f28518; */
  border-radius: 8px;
  margin: auto;
  display: flex;
  align-items: center;
  background: url(../img/certificate/test_stamp.png) 50% 50% no-repeat #d6d6d6;
  background-size: cover;
}

.signatureDrawZoneCanvasLine {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 15%;
  /* border-bottom: 2px solid #f89d6c; */
  border-bottom: 2px solid #6676a4;
  pointer-events: none;
}

.signature_button {
  /* padding-left: 15px; */
  text-align: center;
}

.contract-status {
  display: block;
  text-align: right;
  float: right;
  margin-bottom: 20px;
}

.contract_form_page1 .radio_list {
  max-width: 800px;
  width: 100%;
}

.contract_form_page1 h2.legacy_status {
  margin-right: 0px;
  margin-left: 0px !important;
}

  .contract_line .docs_update {
    width: 10%;
    padding: 7px 10px 7px 15px;
    font-size: 15px;
    margin-right: 20px;
}
 
  .contract_line .docs_preview {
    display: none !important;      
  }
  
  .contract_line .docs_size {
    align-self: center;
  }
  
 .contract_line .docs_description {
      flex-grow: 1;
      align-self: center;
      max-width: 600px !important;
      overflow: hidden;
 }
  .clh_item.docs:first-child {
    width: 123px;
    margin-left: 16px;
  }
  .clh_item.docs:nth-child(2) {
    display: none !important;      
  }
  .clh_item.docs:nth-child(3) {
    flex-grow: 1;
    max-width: 600px !important;
  }
  .clh_item.docs:last-child {
            
  }
  
  #dropable.form h2{
    margin-left: 20px !important;
    margin-right: 20px  !important;
  }

/* Раздел Договор. Конец */

/* Обратная связь. Начало */

#requestsList {
  margin: 0px;
}

.lastRequests_headers {
  margin: 0px 30px 0px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lastRequests_headers>div.lrh_item {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  display: inline;
  position: relative;
}

.lrh_item:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  /* margin-left: 26px; */
}

.lrh_item:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 195px;
}

.lrh_item:nth-child(2)>p {
  padding-left: 46px;
}

.lrh_item:nth-child(3) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.lrh_item:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.feedback_line {
  height: 56px;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.feedback_line:first-child {
  border-top: 1px solid #d9dce0;
}

.feedback_line:hover {
  background: #e0e2e4;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.feedback_date {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 120px;
  text-align: right;
  margin-top: 6px;
}

.feedback_date p {
  top: 18px;
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 15px;
}

.feedback_number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: left;
  margin-left: 50px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feedback_number p {
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
}

.feedback_number p>span.number {
  font-weight: bolder;
  color: #333;
}

.feedback_subject {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feedback_subject p {
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
}

.feedback_subject a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  max-width: 510px;
  width: 210px;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.feedback_total_messages {
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 174px;
}

.feedback_total_messages p {
  color: #666;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
}

.feedback_new_messages {}

.feedback_new_messages p {
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background: #ff6541;
  margin-left: 10px;
  text-align: center;
}

.feedback_new_messages p>span {
  color: #fff;
  position: relative;
  top: 0px;
  font-size: 13px;
}

.new_messages {
  border-radius: 15px 15px 15px 15px;
  color: #fff;
  background: #ff6541;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  position: relative;
  z-index: 9999;
  float: right;
  margin-left: 7px;
  top: -3px;
}

.new_messages>p {
  position: relative;
  top: 2px;
}

.feedback_chat_header {
  display: inline-block;
  margin: 30px 0px 5px 0px;
}

.feedback_chat_header_id {
  color: #666;
  font-weight: normal;
  position: relative;
  float: left;
  text-align: left;
  display: inline;
}

.feedback_chat_header_id>p {
  display: inline;
}

.feedback_chat_header_id p>span.number {
  font-weight: bolder;
  color: #333;
}

.feedback_chat_header_date {
  display: inline;
  color: #333 !important;
}

.feedback_chat_header_subject {
  color: #333;
  float: left;
  text-align: left;
  display: block;
  width: 100%;
  font-size: 33px;
  margin: 26px 0px 16px 0px;
  line-height: 33px;
  word-break: break-all;
}

#subject {
  word-break: break-all;
}

.feedback-chat {
  margin: 0px 0px 30px 0px;
  padding: 5px;
  background-color: #f9f9fa;
  display: inline-block;
  clear: both;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 40vh;
  width: 100%;
  border: 1px solid #d9dce0;
  border-radius: 8px;
}

.feedback-chat::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}

.feedback-chat::-webkit-scrollbar-track {
  background-color: #d9dce0;
  border-radius: 10px;
}

.feedback-chat::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ff8a42;
}

.chat-user-message {
  float: right;
  min-width: 50vw;
  margin: 20px;
  width: 70%;
  max-width: 600px;
}

.chat-support-message {
  float: left;
  min-width: 50vw;
  margin: 20px;
  width: 70%;
  max-width: 600px;
}

.feedback-chat-message-top-line {
  /* date | time*/
  color: #9299a2;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.feedback-chat-message-author {
  color: #333;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  font-style: normal !important;
}

.feedback-chat-message-text {
  padding-left: 27px;
  line-height: 21px;
}

.support_icon,
.user_icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* border: 1px solid red;
	 */
  float: left;
  border-radius: 10px;
  margin-right: 11px;
  position: relative;
  top: 2px;
}

.support_icon {
  background: #ff8a42;
}

.auth_panel {
  position: absolute;
  top: 20px;
  right: 5px;
  z-index: 10;
  cursor: pointer;
}

.auth_panel .user_icon {
  width: 43px;
  height: 43px;
  margin-right: 12px;
  background: url(../img/user2.png) 50% 50% no-repeat transparent;
  position: relative;
}

.feedback-chat-support-message-body {
  background-color: white;
  border-radius: 6px;
  border: 1px solid #d9dce0;
  padding: 20px 10px 20px 20px;
  font-style: italic;
}

.feedback-chat-support-message-body .feedback-chat-message-author {
  /* color: #ff8a42 !important;
	 */
}

.feedback-chat-user-message-body {
  background-color: white;
  border-radius: 6px;
  border: 1px solid #d9dce0;
  padding: 20px 10px 20px 20px;
  font-style: italic;
  word-break: break-all;
}

.divider {
  height: 30px;
  background: url(../img/line_h_1180.png) 0% 100% no-repeat;
  margin-bottom: 28px;
}

/* Отозвать контент. Конец */

/* Карта. Начало */

.geography_size {
  height: 500px;
  width: 100%;
  padding: 20px;
  background: none !important;
}

.map_size {
  height: 500px;
  width: 100%;
  background: none !important;
}

.popup_map {
  display: block;
  z-index: 1001;
  position: relative;
  width: 100%;
  left: 0;
  /* top: 20%; */
  border-radius: 8px;
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.25);
}

/* Карта. Конец */

/* Календарь. Начало */

#ui-datepicker-div {
  background: #fff;
  width: 212px;
  height: 242px;
  margin: 5px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #d9dce0;
  z-index: 9999 !important;
  /* box-shadow: 0px 1.5px 3px 0px rgba(0, 1, 2, 0.5) !important;
	 */
}

#ui-datepicker-div .ui-datepicker-header {
  background: transparent;
  height: 30px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  float: left;
  background: url(../img/sprite.png) -581px -21px no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  float: right;
  background: url(../img/sprite.png) -607px -21px no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
  display: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  color: #333333;
  padding-top: 3px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  font-size: 14px;
  color: #333333;
}

#ui-datepicker-div .ui-datepicker-calendar {
  background: #fff;
  width: 200px;
  height: 200px;
  /* box-shadow: 0px 3px 6px 0px rgba(0, 1, 2, 0.5) !important;
	 */
}

#ui-datepicker-div .ui-datepicker-calendar thead {
  background: #6676a4;
  border: 1px solid #6676a4;
}

#ui-datepicker-div .ui-datepicker-calendar thead th {
  background: #6676a4;
  font-size: 15px;
  padding: 5px 0px 5px 0px;
}

#ui-datepicker-div .ui-datepicker-calendar td {
  padding: 0px;
  font-size: 15px;
  vertical-align: middle;
  border-right: 1px solid #6676a4;
  border-bottom: 1px solid #6676a4;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#ui-datepicker-div .ui-datepicker-calendar td:first-child {
  border-left: 1px solid #6676a4;
}

#ui-datepicker-div .ui-datepicker-calendar tr:first-child {
  border-top: 1px solid #6676a4;
}

#ui-datepicker-div .ui-datepicker-calendar td a {
  vertical-align: middle;
  color: #6676a4;
  text-decoration: none;
  font-family: 'robotoregular', sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end {
  background: #f1f1f1;
}

.ui-datepicker-current-day.ui-datepicker-week-end {
  background: #6676a4 !important;
}

.ui-datepicker-current-day {
  background: #6676a4;
}

.ui-datepicker-current-day>a,
#ui-datepicker-div .ui-datepicker-calendar td:hover a {
  color: #ffffff !important;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#ui-datepicker-div .ui-datepicker-calendar td:hover {
  background: #ff8a42;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

td[data-handler="selectDay"] {
  cursor: pointer;
}

/* Календарь. Конец */

/* Куки поп-ап. Начало */

.cookies_popup {
  margin-top: 0px !important;
  z-index: 9990;
  position: fixed;
  min-height: 100px;
  display: inline-block;
  bottom: 0 !important;
  background: #f1f1f1;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5) !important;
  box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5) !important;
}

.cp_text_with_button {
  width: 100%;
  margin: 0 auto;
  padding-top: 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cp_icon {
  display: none;
}

.cp_text {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.cp_button_close {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 11px auto;
  width: auto;
}

.cp_text>p {
  font-size: 16px;
  font-family: 'roboto_condensedlight', sans-serif;
  color: #333333;
  width: 100%;
}

.cp_text a {
  color: #6676a4;
}

.cp_button_close a {
  float: right;
  background: #ff8a42;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  padding: 17px 23px 15px 23px;
  border: 0;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.cp_button_close a:hover {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: #ff6541;
}

/* Куки поп-ап. Конец */

/* Статистика. Ютюб. Начало */

.stats_yt_header {
  position: relative;
  height: 25px;
}

.stats_yt_header>.sth_item:first-child {
  position: absolute;
  left: 25px;
  width: 200px;
  text-align: left;
}

.stats_yt_header>.sth_item:nth-child(2) {
  position: absolute;
  left: 320px;
  width: 120px;
  text-align: center;
  /* border: 1px solid red;
	 */
}

.stats_yt_header>.sth_item:nth-child(3) {
  position: absolute;
  left: 440px;
  width: 120px;
  text-align: center;
}

.stats_yt_header>.sth_item:nth-child(4) {
  position: absolute;
  left: 560px;
  width: 120px;
  text-align: center;
}

.stats_yt_header>.sth_item:nth-child(5) {
  position: absolute !important;
  left: 690px !important;
  width: 120px !important;
  text-align: center !important;
}

.stats_yt_header>.sth_item:last-child {
  position: absolute !important;
  left: 820px !important;
  width: 80px !important;
  text-align: center !important;
}

.stats_youtube {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  left: 8px;
  text-align: left;
  min-width: 270px;
  width: auto;
}

.stats_youtube .youtube_clip {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 17px;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
  position: relative;
  top: 28px;
  height: 25px;
  /* min-width: 220px; */
  /* width: auto; */
  width: 83%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.stats_youtube .spoiler-wrapper>a {
  display: inline-block;
  height: 25px;
  width: 25px;
  overflow: hidden;
  position: relative;
  top: 30px;
  margin-left: 6px;
  background: url(../img/sprite.png) -268px -17px no-repeat;
  margin-right: 0;
}

.spoiler-l-tracks {
  position: relative;
  top: 14px;
  margin-bottom: 32px;
}

.spoiler-l-tracks a {
  color: #9f9f9f;
  font-family: 'robotolight', sans-serif;
  font-size: 13px;
  line-height: 13px;
  text-decoration: none;
}

.spoiler-l-tracks a:hover {
  text-decoration: underline;
}

.stats_views {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 120px;
  text-align: center;
}

.stats_views>p,
.stats_like>p,
.stats_dislike>p {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
}

.stats_views>p {
  position: relative;
  top: 30px;
  display: inline-block;
}

.stats_like>i {
  width: 23px;
  height: 23px;
  background: url(../img/sprite.png) -702px -19px no-repeat;
  top: 25px;
  display: inline-block;
  position: relative;
  margin-right: 7px;
}

.soundcloud_list .stats_like>i {
  background: url(../img/sprite.png) -617px -63px no-repeat !important;
  top: 24px;
}

.stats_like>p {
  position: relative;
  top: 30px;
  display: inline-block;
}

.stats_dislike>p,
.stats_repost>p {
  position: relative;
  top: 23px;
  display: inline-block;
}

.stats_like>p {
  position: relative;
  top: 23px;
  display: inline-block;
}

.stats_dislike>i {
  width: 23px;
  height: 23px;
  background: url(../img/sprite.png) -726px -31px no-repeat;
  top: 31px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.stats_dislike>p {
  position: relative;
  /* top: 30px; */
  display: inline-block;
}

.stats_like {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  text-align: center;
}

.stats_dislike {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  text-align: center;
}

.stats_viewvideo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 140px;
  text-align: center;
}

.stats_repost {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  text-align: center;
}

.stats_repost>i {
  width: 23px;
  height: 23px;
  background: url(../img/sprite.png) -646px -70px no-repeat;
  top: 31px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.stats_viewvideo>a.youtube_icon {
  margin-top: 18px;
  width: 40px;
  height: 27px;
  /* background: url(../img/sprite.png) -74px -397px no-repeat;
	 */
  background: url(../img/youtube_play_grey.png) 2px 0px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.stats_viewvideo>a.youtube_icon:hover {
  background: url(../img/youtube_play.png) 2px 0px no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.stats_viewvideo>.goto_youtube {
  margin-top: -5px;
}

.stats_viewvideo>.goto_youtube>a {
  font-size: 12px;
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  display: inline-block;
}

.stats_viewvideo>.goto_youtube>i {
  width: 11px;
  height: 12px;
  background: red;
  display: inline-block;
  background: url(../img/sprite.png) -359px -429px no-repeat;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.stats_viewgraph {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  /* height: 80px;
	*/
  text-align: center;
  background: #fff;
}

.stats_viewgraph>.graph {
  display: inline-block;
  width: 40px;
  height: 34px;
  background: url(../img/sprite.png) -545px -326px no-repeat;
  margin-top: 25px;
}

#ytplayer {
  margin: 0;
  padding: 15px;
  width: 100%;
}

/* Ютюб. Блок на главной. */

.stats_list_youtube_on_main {
  width: 274px;
  margin: 15px auto;
  background: #fafafa;
  border-radius: 8px;
  padding: 10px;
}

.stats_list_youtube_on_main li {
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stats_list_youtube_on_main li>i {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 24px;
  height: 20px;
  display: inline-block;
  /* border: 1px solid red;
	 */
}

.stats_list_youtube_on_main li>i.yom_views {
  background: url(../img/sprite.png) -674px -77px no-repeat;
}

.stats_list_youtube_on_main li>i.yom_likes {
  background: url(../img/sprite.png) -703px -23px no-repeat;
}

.stats_list_youtube_on_main li>i.yom_dislikes {
  background: url(../img/sprite.png) -727px -28px no-repeat;
}

.stats_list_youtube_on_main li>span {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: right;
  margin-right: 10px;
}

.stats_list_youtube_on_main li>p {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 75px;
}

/* Статистика. Ютюб. Конец */

/* Графики. Начало */

.graph_iframe .youtube_clip {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px;
  overflow: hidden;
  display: inline-block;
  margin-left: 18px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
  height: 20px;
  width: 95%;
  margin-right: 18px;
}

.graph_iframe .tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 18px;
  margin-top: 20px;
}

.graph_iframe .tabs-nav .views {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
}

.graph_iframe .tabs-nav .likes {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
}

.graph_iframe .tabs-nav .dislikes {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
}

.graph_iframe .tabs-nav .views:hover,
.graph_iframe .tabs-nav .likes:hover,
.graph_iframe .tabs-nav .dislikes:hover {
  text-decoration: underline;
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
}

.graph_tab {
  padding: 3px 8px 1px 8px;
  color: #fff;
  font-family: 'roboto_condensedlight', sans-serif;
  background: #ff8a42;
  border-radius: 5px;
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
}

.graph_tab:hover,
.graph_tab.active {
  background: #ff6541;
}

.tabs-items {}

#chart_views,
#chart_likes,
#chart_dislikes {
  min-height: 400px;
  /* border: 1px solid red;
	 */
  padding: 20px 18px 20px 18px;
}

#chart_playbacks {
  /* width: 920px !important;
	 */
  width: 100% !important;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}

/* СаундКлаунд. Конец */

/* Авторы. Начало */

.authors_top {
  display: block;
  height: 70px;
}

.authors_searchform {
  /* height: 52px;
	 */
  display: inline-block;
  float: right;
  position: relative;
  top: 12px;
}

.authors_searchform>.search_albums_input {
  margin-left: 0px;
}

.authors_searchform>.div_button_small {
  margin-right: 0px !important;
}

h3.small_h2 {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 500;
}

.lettersNavigation {
  background: #f1f1f1;
  border-radius: 8px;
}

#pagesLetters {
  padding: 10px 10px 10px 10px;
}

#pagesLetters li {
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-top: 2px !important;
  margin-right: 2px !important;
}

#pagesLetters>li b,
#pagesLetters>li a {
  border-radius: 5px !important;
  margin: 2px 1px 3px 1px;
}

#pagesLetters>li b {
  border: none;
  background: #fefefe;
}

#pagesLetters>li a {
  color: #ff8a42;
  border: 1px solid #ffc6a2;
}

#pagesLetters>li a:hover,
#pagesLetters>li a.cur {
  color: #fff;
  background: #ff8a42;
}

.userslist_container {
  display: inline-block;
  max-width: 960px;
  width: 100%;
  margin-bottom: 30px;
}

#usersList {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 960px;
  width: 100%;
  /* margin-left: 30px;
	 */
}

.user_container,
.album_container {
  width: auto;
  height: auto;
  float: left;
  position: relative;
  margin: 6px;
}

.avatar {
  width: 280px;
  height: 280px;
  border-radius: 8px;
}

.avatar_back {
  /* border: 1px solid red;
	 */
  background: url(../img/noavatar.png) 50% 50% no-repeat #d6d6d6 !important;
}

.pagination_with_hr {
  background: url(../img/line_h_light_gray.png) 0% 0% no-repeat;
  padding-top: 20px;
}

.user_avatar {
  width: 280px;
  height: 280px;
  background: url(../img/noavatar.png) 0px 0px no-repeat #d6d6d6 !important;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  top: 0px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.user_avatar img {
  -o-object-fit: cover;
  object-fit: cover;
}

.user_profile_left {
  float: left;
  display: inline-block;
  width: 280px;
}

.user_profile_right {
  float: right;
  display: inline-block;
  width: calc(100% - 280px);
  padding-left: 30px;
}

h2.author_header {
  font-size: 30px;
  color: #ff8a42;
  line-height: 33px;
  position: relative;
  top: -3px;
  margin-bottom: 20px;
}

.author_description {
  color: #666666;
  font-size: 16px;
  line-height: 21px;
  font-family: 'robotoregular', sans-serif;
  margin-bottom: 25px;
  position: relative;
}

.up_contacts {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 20px 0px 20px 20px;
  margin-bottom: 20px;
}

.up_contacts>.header,
.up_genres_list>.header {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
}

.up_contacts>.email {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  margin-bottom: 2px;
}

.up_contacts>.email a {
  color: #6676a4;
}

.up_contacts>.phone {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
}

.up_contacts>.email i {
  width: 30px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 4px;
  background: url(../img/sprite.png) -550px -68px no-repeat;
}

.up_contacts>.phone i {
  width: 30px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 4px;
  background: url(../img/sprite.png) -511px -68px no-repeat;
}

.up_genres_list {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 20px 0px 20px 20px;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.up_genres_list i,
.up_genres_list .spoiler-trigger.active>i {
  top: 0;
}

.user_profile_genres {
  border: 1px solid green;
  display: inline-block;
}

.upgl_item {
  border: 1px solid #ccc;
  color: #6676a4;
  /* #fff;
	 */
  background: transparent;
  display: inline-block;
  /* font-family: 'robotolight', sans-serif;
	 */
  font-family: 'robotoregular', sans-serif;
  font-size: 15px;
  border-radius: 6px;
  padding: 3px 0px 2px 0px;
  margin-right: 3px;
  margin-bottom: 6px;
}

.music_author_top {
  display: block;
  min-height: 70px;
  height: auto;
}

.sort_author_albums {
  height: 52px;
  display: inline-block;
  float: right;
  position: relative;
  top: 12px;
}

#albumsForm {
  display: inline-block;
  /* border: 1px solid red;
	 */
}

.albums_on_author_page {
  /* max-width: 960px;
	 */
  width: 100%;
}

.albums_on_author_page>#albumsList {
  margin: 0px;
  padding: 0px;
}

.x180,
.x180 img {
  width: 180px;
  height: 180px;
}

.x180 {
  background: url(../img/nocover_180.png) 0px 0px no-repeat !important;
}

.x180:hover {
  border: 0px !important;
}

.x180>.ai_header {
  width: 180px;
}

.x180>.ai_header>p {
  font-size: 18px;
  padding: 12px 10px 8px 10px;
  line-height: 21px;
  font-family: 'roboto_condensedlight', sans-serif;
}

select#sort_option {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px !important;
  width: 200px;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
}

.author_album>.album_size_block_albumfull {
  display: inline-block;
  font-size: 14px;
  font-family: 'robotolight', sans-serif;
  color: #666666;
  text-align: right;
  position: relative;
  top: 0px;
  right: 0px;
  float: right;
}

.author_album p.asb_item {
  float: right;
  font-size: 14px;
  margin-bottom: 0px;
}

.author_album_page .tl_song {
  padding-left: 20px;
  width: 230px;
}

.author_album_page>#tracksList {
  padding: 0px !important;
}
.author_album_page>#tracksList .tl_song {
  flex: 1 1 auto;
}

#no-tracks>p {
  padding: 20px 0px 0px 20px;
}

/* Блок YT и SC на детальной страници трека. Конец */

/* Контракт - условия контракта. Начало */

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 24px;
}

.contact h2.form {
  margin-top: 38px;
  margin-left: 0 !important;
}

.contact hr {
  border: none;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  width: 100%;
}

.contact .tooltip {
  vertical-align: top;
  position: relative;
  background: #ff8a42;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.contact .tooltip:hover {
  background: #ff6a0f;
}

.contact .tooltip-hidden {
  display: none;
  width: 408px;
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 40px;
  -webkit-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.35);
  border: 1px solid #d9dce0;
  background-color: #ffffff;
  border-radius: 4px 0 4px 4px;
  font-family: 'roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  padding: 1em 1em;
  font-size: 16px;
  text-align: left;
  margin-bottom: 30px;
  margin-right: 20px;
}

.contact .tooltip-hidden::after {
  content: "";
  position: absolute;
  background: url(../img/trgl.png) no-repeat;
  width: 39px;
  height: 49px;
  top: -12.5px;
  right: -39px;
}

.contact .tooltip.on .tooltip-hidden {
  display: block;
}

.contact .tooltip p {
  padding-bottom: 10px;
}

.contact__radio {
  margin-left: 60px;
}

.contact__checkbox {
  margin-left: 0px;
}

.contact__checkbox-p {
  font-size: 17px;
  font-family: 'robotolight', sans-serif;
}

#clause4Terms p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contact__checkbox p,
.contact__checkbox .contact_item {
  padding: 5px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -5px;
}

.contact__checkbox a {
  /* color: inherit;
	 */
}

.contact__checkbox input[type="checkbox"]:disabled+label {
  /* padding: 0 35px 0 40px; */
  padding: 0 0px 0 35px;
  cursor: auto;
}

.contact__checkbox input[type="checkbox"]:disabled+label:before {
  border: 0;
  background-color: transparent;
}

.contact__checkbox input[type="checkbox"]+label {
  padding: 0 0px 0 35px
}

.contact__checkbox label {
  width: 90%;
  line-height: 22px !important;
}

.radiobox label {
  font-family: 'robotolight', sans-serif;
}

#clause2Terms,
#clause4Terms {
  font-family: 'robotolight', sans-serif;
}

#clause2Terms label,
#clause4Terms label {
  font-size: 15px;
  line-height: 18px !important;
}

.contact .description_form {
  margin-left: 0px !important;
  padding: 0px;
  font-family: 'robotolight', sans-serif;
}

.contact #filesList {
  /* margin-right: 60px; */
  margin-bottom: 20px;
}

.contact #filesList .fl_trackname {
  width: 650px;
}

.contact #filesList .fl_trackname em {
  font-family: 'robotolight', sans-serif;
  padding: 0px 10px 0px 10px;
  display: inline;
  position: relative;
  top: -4px;
  color: #9299a2;
  font-size: 14px;
}

.contact #filesList .fl_trackname p.tn_upload {
  color: #9299a2;
  position: relative;
  top: -5px;
  /* border: 1px solid red;
	 */
  height: 38px;
  font-size: 16px;
  font-family: 'roboto_condensedlight', sans-serif;
}

.contact #filesList .fl_trackitem {
  padding: 0px 30px 0px 30px;
}

.contact #filesList .fl_trackitem .fl_delete {
  top: 11px !important;
}

/* Контракт - условия контракта. Конец */

.section .post_photo {
  /* height: 250px !important; */
  height: auto !important;
}

.section .post_info {
  padding: 0px !important;
  height: 140px !important;
  width: 70px !important;
  text-align: center;
  color: #ffffff;
}

.blog_contaner .post_photo {
  height: auto !important;
}

.section_post_content {
  padding: 0px 0 0 65px !important;
}

/* Блок YT и SC на детальной страници трека. Начало  */

.ybft_logo,
.sc_logo {
  width: 220px !important;
  flex: 1 1 auto !important;
}

#yt_views_lang,
#yt_likes_lang,
#yt_dislikes_lang,
#sc_playbacks_lang,
#sc_likes_lang,
#sc_reposts_lang {
  color: #9f9f9f;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px !important;
  display: inline-block;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#yt_views_lang,
#sc_playbacks_lang {
  width: 110px !important;
}

#yt_likes_lang,
#sc_likes_lang {
  width: 55px;
}

#yt_dislikes_lang,
#sc_reposts_lang {
  width: 84px;
}

#yt_views_count,
#sc_playbacks_count {
  width: 110px !important;
}

#yt_likes_count,
#sc_likes_count {
  width: 80px !important;
}

#yt_dislikes_count,
#sc_reposts_count {
  width: 110px;
}

#yt_views_count,
#yt_likes_count,
#yt_dislikes_count,
#sc_playbacks_count,
#sc_likes_count,
#sc_reposts_count {
  display: inline-block;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 18px !important;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

/*********************************************************************/

/** Хаки для Мозиллы. **/

@-moz-document url-prefix() {
  #bm_current_date {
    top: 13px !important;
  }

  ul.stats_list>li {
    font-weight: lighter;
  }

  .flet_select {
    top: 9px;
  }

  input:invalid {
    box-shadow: none;
  }

  input:-moz-submit-invalid {
    box-shadow: none;
  }
}

/** Хаки для Мозиллы. Закрывашка **/

/***************************************************************************/

/** Хаки для IE **/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  #bm_current_date {
    top: 13px !important;
  }

  .video_item>a>p,
  .ur_item,
  .soundcloud_link>a {
    font-family: 'robotoregular', sans-serif;
  }

  ul.stats_list>li {
    font-weight: lighter;
    font-family: 'robotoregular', sans-serif;
    letter-spacing: -1px;
  }

  .ur_add_text p {
    font-weight: lighter;
    font-family: 'robotoregular', sans-serif;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 19px;
  }

  .cm_text>p {
    font-weight: lighter !important;
    font-size: 20px;
    font-family: 'robotoregular', sans-serif;
  }

  .flet_input>input.track_text,
  .flet_input>input.track_year,
  .flet_input>input.track_isrc {
    height: 30px;
    padding: 0px 8px 0px 8px;
  }

  .flet_input>select.select2,
  .select2-container--default .select2-selection--single {
    height: 30px !important;
  }

  .ai_header {
    background: #ffffff;
    opacity: 0.9;
  }

  .ai_header>p {
    font-weight: lighter !important;
    font-size: 20px;
    font-family: 'robotoregular', sans-serif;
  }

  .text_hint {
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  .trb_icon_year p,
  .trb_icon_genre p,
  .trb_icon_time p,
  .trb_icon_size p,
  .trb_icon_cert p {
    font-family: 'robotoregular', sans-serif;
    font-size: 14px;
  }

  .period_input>input.period {
    padding: 0px 8px 0px 8px;
  }

  .search_input>input.search_text {
    padding: 0px 8px 0px 8px;
  }
}

.auth_panel .top_navigation_text {
  max-width: 320px;
  overflow: hidden;
}

.auth_panel p.name {
  font-family: 'robotoregular', sans-serif;
  color: #ff8a42;
  font-size: 20px;
  height: 23px;
  /* overflow: hidden; */
}

.auth_panel p.email {
  color: #9299a2;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
}

.hamburger,
.hamburger_f {
  display: block !important;
}

.form .button_small {
  background: #6676a4;
  float: right;
}

.form-setting {
  margin: 0;
  display: inherit;
  border-radius: 8px;
  background: #fafafa;
  line-height: 28px;
  height: auto;
  width: 100%;
  padding: 13px 17px 13px 17px;
  border: 1px solid #d9dce0;
}

.form .form {
  padding: 0;
}

.form-setting span {
  font-weight: normal;
  padding-right: 10px;
}

.form-setting>p {
  float: left;
  font-weight: bold;
  padding-right: 10px;
  font-size: 16px;
}

.flet_input input {
  height: 38px;
  outline: none;
  /* padding: 5px 15px;
	 */
  padding: 5px 34px;
  border: 1px solid #9299a2;
  border-radius: 3px;
  color: #333333;
  font-size: 16px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-weight: normal;
}

.clearable input[type=text] {
  padding-right: 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flet_input.padding.clearable.mb20 {
  width: 100%;
}

#albumsList.ul_album_slist {
  display: block !important;
}

#albumsList {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.up_genres_list {
  min-height: 110px;
}

.bigmessage_ok {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  width: 100%;
  position: relative;
  background: #f1f1f1;
  border-radius: 10px;
  padding-bottom: 20px;
  min-height: 156px;
  z-index: -1;
}

.message_ok>i,
.bigmessage_ok>i {
  display: inline-block;
  float: left;
  margin: 20px 20px 0px 20px;
  width: 124px;
  height: 124px;
  /* border: 1px solid red;
	 */
  background: url(../img/sprite.png) -648px -504px no-repeat;
  position: absolute;
}

.bigmessage_ok>.bigtext_ok {
  display: inline-block;
  margin: 10px 20px 0px 180px;
}

.bigtext_ok>h1 {
  color: #ff8a42;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  display: inline-block;
  font-weight: normal;
  line-height: 26px;
  margin: 20px 20px 20px 0px;
  display: block;
}

.bigtext_ok>p {
  color: #333333;
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
  display: block;
}

#hint {
  padding-top: 5px;
}

.close_hint {
  margin: 0px 14px 10px 10px;
}

.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container.amplitude-playing .tl_play>a {
  background: url(../img/play_list_pause.png) -1px 0px no-repeat;
}

.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container.amplitude-playing .play_big>a {
  background: url(../img/play_big_pause.png) 1px 1px no-repeat;
}

.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container.amplitude-playing .flo_play>a {
  background: url(../img/play_middle_pause.png) 1px 1px no-repeat;
}

.song.stats_play.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container.amplitude-playing a {
  background: url(../img/play_middle_pause.png) 1px 1px no-repeat;
}

.song.amplitude-song-container.amplitude-play-pause.flet_play.amplitude-active-song-container.amplitude-playing>a {
  background: url(../img/play_list_pause.png) -1px 0px no-repeat;
}

.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container.amplitude-playing .tl_play_certificate>a {
  background: url(../img/play_list_pause.png) -1px 0px no-repeat;
}

.modal-content,
.popup3166,
.popupSendAlbum {
  width: 96%;
  left: 2%;
  top: 5%;
  margin-left: 0;
}

#actionSelected {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px !important;
  outline: none;
  padding: 0px 8px 0px 8px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
  -ms-appearance: none;
  appearance: none !important;
  background: url(../img/select_arrow.png) 740px 9px no-repeat #ffffff;
}

#actionSelected+.select2-container {
  flex: 1 0 auto;
  background: #fff;
  font-weight: 400;
  padding: 0;
  margin: 0px 10px 0px 10px;
}

#secondary_block_container .text-pages img {
  max-width: 100%;
  height: auto;
}

#secondary_block_container {
  padding: 0 15px;
}

.authors_searchform .div_button_small {
  float: right;
}

.form div#amplitude-player {
  -webkit-transform: translateX(-45px);
  -ms-transform: translateX(-45px);
  transform: translateX(-45px);
}

@media screen and (max-width: 420px) {
  .form div#amplitude-player {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }
}

div#amplitude-player {
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
}

.radio_logo_img {
  position: absolute;
  top: 40px;
  left: 40px;
  background: url(../img/sprite.png) -773px -375px no-repeat;
  width: 115px;
  height: 115px;
}

.stats_info div.form {
  padding: 0;
  margin-top: 0px;
  margin-bottom: 30px;
  background: #f1f1f1;
  border-radius: 8px;
  /* width: 1180px;
	 */
  display: inline-block;
  position: relative;
}

.stats_info_list {
  padding: 30px;
  text-align: center;
}

.stats_info_item {
  display: inline-block;
  margin: 10px;
  width: 200px;
  text-align: center;
  background: #ffffff;
  border-radius: 8px;
  padding: 15px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.stats_info_img {
  padding: 15px 30px 15px;
  height: 150px;
  overflow: hidden;
}

.stats_info_item a {
  font-size: 14px;
  margin: 5px 0px;
  display: unset;
}

.stats_info_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.stats_info_item .title {
  font-weight: bold;
  height: 48px;
}

.stats_info_item a {
  font-size: 14px;
  margin: 5px 0px;
  display: unset;
}

.stats_info_item .city {
  color: #9299a2;
  font-size: 14px;
}

.stats_info p:last-child {
  margin-bottom: 20px;
}

.table_block_city {
  position: relative;
  display: block;
  height: 25px;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 56px;
}

.table_block_city.active {
  height: auto;
  overflow: visible;
  white-space: unset;
}

.table_block_city.active i {}

.table_block_city b {
  padding-right: 6px;
}

.table_block_city i {
  display: inline-block;
  height: 25px;
  width: 25px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0px;
  background: url(../img/sprite.png) -268px -17px no-repeat;
  cursor: pointer;
}

.table_block_city i:hover {
  background: url(../img/sprite.png) -268px -107px no-repeat #9f9f9f;
  border-radius: 25px;
  border: 1px solid #9f9f9f;
}

.stats_header_th,
.mmo_header_th,
.obj_th {
  display: none;
}

.release_spoler {
  display: inline-block;
  height: 25px;
  width: 25px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 20px;
  background: url(../img/sprite.png) -268px -17px no-repeat;
  cursor: pointer;
}

.release_spoler:hover {
  background: url(../img/sprite.png) -268px -107px no-repeat #9f9f9f;
  border-radius: 25px;
  border: 1px solid #9f9f9f;
}

.search_input.video {
  top: auto;
  padding: 20px 0px 0px 0px;
  margin-right: 0;
  width: 100%;
}

.search_input.video>input.search_text {
  width: 100%;
  padding: 0px 25px 0px 25px;
  border: 1px solid #d9dce0;
  height: 40px;
  font-size: 14px !important;
}

.spoiler-wrapper .spoiler-l-tracks {
  margin-left: 16px;
  margin-top: 6px;
}

.yb_full_track,
.sc_full_track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #f7f7f7;
  border-top: 1px solid #d9dce0;
  border-bottom: 1px solid #d9dce0;
  min-height: 68px;
  height: auto;
  margin-right: 0;
}
.yb_full_track {
  border-bottom: 0;
}

.ybft_logo,
.sc_logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 255px;
  height: 30px;
  margin: 0px 20px;
  vertical-align: middle;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ybft_logo img,
.sc_logo img {
  max-width: 200px;
  vertical-align: middle;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.ybft_views,
.sc_playes {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#yt_views_lang,
#yt_likes_lang,
#yt_dislikes_lang,
#sc_playbacks_lang,
#sc_likes_lang,
#sc_reposts_lang {
  color: #9f9f9f;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  display: inline-block;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#yt_views_count,
#yt_likes_count,
#yt_dislikes_count,
#sc_playbacks_count,
#sc_likes_count,
#sc_reposts_count {
  display: inline-block;
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.ybft_likes,
.sc_likes {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ybft_likes>i,
.sc_likes>i,
.ybft_dislikes>i,
.sc_reposts>i {
  width: 20px;
  height: 20px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 8px;
  display: inline-block;
}

.ybft_dislikes>i {
  background: url(../img/sprite.png) -730px -28px no-repeat !important;
}

.sc_reposts>i {
  background: url(../img/sprite.png) -648px -67px no-repeat !important;
}

.ybft_likes>i {
  background: url(../img/sprite.png) -702px -23px no-repeat !important;
}

.sc_likes>i {
  background: url(../img/sprite.png) -619px -67px no-repeat !important;
}

.ybft_dislikes,
.sc_reposts {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ybft_link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  background: #fff;
}

.ybft_link a {
  display: inline-block;
  width: 66px;
  height: 66px;
  background: url(../img/go_to.png) 50% 50% no-repeat;
}

.yb_full_track {
  margin-top: 30px;
}

.search_input_for_related>input.search_text {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid #9299a2;
  height: 28px;
  /* width: 310px; */
  width: 240px;
  outline: none;
  padding: 2px 8px 0px 8px;
}

.tl_certificate,
.crt_certificate {
  right: 0px;
  width: 30px;
}

.search_recall .div_button_small {
  margin: 12px 15px 12px 0px !important;
}

.balance_top {
  border-radius: 8px;
  background: #f1f1f1;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  /* padding: 26px 60px;
	 */
  /* min-height: 270px; */
  padding: 26px;
}

.tl_balance {
  /* height: 52px;
	 */
  padding: 13px 0;
  background: #f7f7f7;
  border-bottom: 1px solid #d9dce0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tl_balance:first-child {
  border-top: 1px solid #d9dce0;
}

.balance_top .tl_item {
  font-family: 'robotoregular', sans-serif;
  position: relative;
  padding-right: 15px;
  width: 100%;
  display: inline-block;
}

.balance_top .tl_item:first-child {
  padding-left: 20px;
}

.balance_top .tl_item:last-child {
  text-align: right;
  padding-right: 20px;
}

.balance_top .tl_item i.sert {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 32px;
  background: url(../img/sprite.png) -146px -395px no-repeat;
}

.balance_pay_add,
.add_my_playlist {
  margin-bottom: 40px;
}

.balance_pay_add button,
.add_my_playlist button {
  background: #6676a4;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #6676a4;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 10px 25px;
  margin-left: auto;
}

.balance_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  border: 1px solid #f28518;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 10px 15px 10px 10px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px;
  background: #fafafa;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.balance_list_item:nth-child(2n) {
  margin-right: auto !important;
}

.balance_remove {
  display: inline-block;
  cursor: pointer;
  height: 22px;
  width: 22px;
  background: url(../img/sprite.png) -553px -26px no-repeat;
  position: absolute;
  right: 0px;
}

.balance_txt {
  padding-right: 35px;
  width: 310px;
}

.balance_txt p:first-child {
  margin-bottom: 6px;
}

.balance_txt p:nth-child(2) {
  font-weight: bold;
  color: #333333;
  font-size: 24px;
}

.balance_logo {
  display: inline-block;
  width: 200px;
  height: 100px;
  margin-right: 10px;
}

.balance_logo.cards {
  background: url(../img/cards_mir.png) 50% 50% no-repeat;
}

.balance_logo.world {
  background: url(../img/cards.png) 50% 50% no-repeat;
}

.balance_logo.yandex {
  background: url(../img/yandex.png) 50% 50% no-repeat;
}

.balance_logo.qiwi {
  background: url(../img/qiwi.png) 50% 50% no-repeat;
}

.balance_add_pay .form {
  padding-top: 30px;
}

.balance_add_pay .select_pay .select2,
.balance_add_pay .select_pay .select2-selection,
.balance_add_pay .select_pay {
  height: 40px !important;
  line-height: 40px !important;
}

.popup,
.popup-statistics {
  width: 98%;
  /* left: 1%; */
  /* top: 20%; */
  /* margin-left: 0; */
}

.popup_header {
  min-height: 56px;
  height: auto;
  padding-bottom: 10px;
}

.popup_content .genre_list {
  margin-left: 0;
}

.quest_field label,
.field_smallform label {
  left: 10px;
}

.quest_field input,
.field_smallform input {
  padding-left: 0;
}

.quest_field label,
.field_smallform label {
  font-size: 13px;
}

.tracklist.author_album_page .tl_song {
  overflow: hidden;
}

.tracklist.author_album_page .tl_certificate,
.tracklist.author_album_page .crt_certificate {
  top: 0;
}

.payments_block .field_bigform_text a {
  background: 0;
  border: none;
  color: #6676a4;
  text-decoration: underline;
  padding: 0;
  font-size: 15px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 10px 0px;
}

div#errorSumBlock {
  color: red;
  padding: 10px 30px;
}

select#selectZones {
  padding: 0 10px;
}

.alert-small {
  border-radius: 8px;
  background: #fff;
  border: 1px solid #d9dce0;
  display: block;
  position: relative;
  padding: .75rem 1.25rem;
  max-width: 600px;
  margin: 28px auto 20px auto;
}

.alert-small__text {
  color: #333;
  font-family: 'robotolight', sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

.alert-small__text i {
  float: left;
  height: 24px;
  width: 28px;
  background: url(../img/sprite.png) -487px -375px;
  margin-right: 10px;
}

.search_result_tracks .tl_song {
  width: 130px;
}

.tracklist .tl_input>label {
  top: 19px !important;
}

.unfinished_error_logo_img {
  position: absolute;
  top: 40px;
  left: 40px;
  background: url(../img/sprite.png) -773px -505px no-repeat;
  width: 115px;
  height: 115px;
}

#upload_form .cover {
  float: right;
}

#upload_form .textarea {
  width: 590px;
}

#search .search_select {
  text-align: left;
}

#search .div_button_small {
  margin: 8px 15px 12px 0px;
}

/* спиннер */

#floatingCirclesG {
  position: relative;
  width: 125px;
  height: 125px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
}

.f_circleG {
  position: absolute;
  background-color: rgb(255, 255, 255);
  height: 22px;
  width: 22px;
  border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

#frotateG_01 {
  left: 0;
  top: 51px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}

#frotateG_02 {
  left: 15px;
  top: 15px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

#frotateG_03 {
  left: 51px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

#frotateG_04 {
  right: 15px;
  top: 15px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

#frotateG_05 {
  right: 0;
  top: 51px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

#frotateG_06 {
  right: 15px;
  bottom: 15px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

#frotateG_07 {
  left: 51px;
  bottom: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

#frotateG_08 {
  left: 15px;
  bottom: 15px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

@keyframes f_fadeG {
  0% {
    background-color: rgb(146, 153, 162);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes f_fadeG {
  0% {
    background-color: rgb(146, 153, 162);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

/* конец крутилки */

.stats_yt_header {
  display: none;
}

.ybft_likes,
.ybft_dislikes,
.sc_likes,
.sc_reposts,
.crt_header {
  display: none;
}

.author_album_page>#tracksList .tl_view_cert {
  position: absolute;
  top: -7px;
  right: 50px;
}

.videolessons~.back_link {
  top: 90px !important;
  text-align: right;
  float: none !important;
  display: block;
}

.user_icon {
  background: #6676a4;
}

.user_icon img {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pdf_link {
  display: inline-block;
  position: relative;
  top: 44px;
  margin-right: 40px;
}

#start_cancel_link {
  top: 0 !important;
  float: none !important;
  padding-bottom: 15px;
  padding-left: 11px;
}

#start_cancel_link i {
  display: none;
}

[data-balloon]:after {
  z-index: 1000 !important;
}

.tl_artist_related {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.tl_album_related {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.related_other {
  width: 150px;
}

span.select2-selection__placeholder {
  font-size: 18px;
}

.search_input_for_related {
  display: inline-block;
  position: relative;
  /* top: 12px; */
  margin-right: 10px;
}

#usersList .ai_cover {
  margin: 0px;
}

div#contract_text {
  padding: 5px;
  background-color: #fff;
  display: inline-block;
  clear: both;
  overflow-y: scroll;
  overflow-x: hidden;
  /* height: 75vh; */
  height: 600px;
  width: 97%;
}

#pdf~.div_button {
  float: none;
}

#pdf~.div_button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#start_cancel_button {
  margin-top: 28px;
  margin-bottom: 38px;
}

.message_error_big {
  display: inline-block;
  margin: 0px 0px 10px 0px;
  width: 100%;
  position: relative;
  background: #f1f1f1;
  border-radius: 10px;
  /* margin-left: calc(50% - 340px); */
  padding-bottom: 20px;
  min-height: 156px;
}

.message_error>i,
.message_error_big>i {
  display: inline-block;
  float: left;
  margin: 20px 20px 0px 20px;
  width: 124px;
  height: 124px;
  /* border: 1px solid red; */
  background: url(../img/sprite.png) -526px -504px no-repeat;
  position: absolute;
}

.message_error_big .text_error {
  display: inline-block;
  margin: 10px 20px 0px 180px;
  /* border: 1px solid red; */
  float: left;
}

@media screen and (max-width: 400px) {
  .album_container {
    margin: 3px 6px 16px 6px;
  }
  .holders-item input.holders-name {
    width: 220px;
  }
}

@media screen and (max-width: 375px) {
  #filesList .fl_number {
    width: 0;
  }

  div#filesList .fl_trackname {
    padding-left: 8px;
  }
}

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

  .field label,
  .field_noreq label,
  .field_bigform label,
  .field_bigform_noreq label {
    font-size: 16px !important;
  }

  div.add_links_small {
    padding: 0;
  }

  .object_header_right {
    font-size: 18px;
    margin-top: 10px;
  }

  .object_header_right span {
    font-size: 26px;
  }

  .period_input>input.period {
    width: 78px !important;
  }

  i.calendar {
    width: 30px;
    height: 30px;
    background: url(../img/sprite.png) -293px -359px no-repeat;
  }

  .div_button_very_small {
    margin-left: 7px !important;
  }

  button.button_very_small {
    font-size: 14px;
    width: 30px;
  }
}

@media screen and (max-width: 480px) {
  .authors_searchform {
    position: relative;
  }

  .resident__wrapper {
    flex-direction: column;
    align-items: center;
  }

  .resident__title {
    text-align: left;
  }

  .form_sign .back_link {
    width: 100%;
    text-align: center;
  }

  .my_playlist_item {
    width: 100%;
  }

  .add_playlist_list {
    display: block;
  }

  [data-balloon][data-balloon-pos="up"]:hover:before,
  [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
    display: none;
  }

  [data-balloon][data-balloon-pos="up"]:hover:after,
  [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
    display: none;
  }

  .pdf_link,
  #start_cancel_link {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .balance_remove {
    position: absolute !important;
    top: 0;
    right: 10px;
  }

  .balance_logo {
    height: 60px;
  }

  .balance_txt p:nth-child(2) {
    padding-bottom: 10px;
  }

  .feedback_chat_header_subject #subject {
    display: block;
  }

  .table_block table {
    overflow-x: auto;
    display: block;
  }

  .download_report {
    margin: 5px 0px 25px 0px;
  }

  .div_button_very_small {
    margin-left: 10px;
  }

  .period_input>input.period {
    width: 80px;
    font-size: 12px !important;
  }

  .back_link {
    float: right !important;
  }

  .fl_time>p,
  .fl_size>p {
    font-size: 13px;
  }

  .fl_number>p,
  .fl_trackname>p {
    width: auto;
  }

  div#filesList .fl_trackname {
    width: 300px;
  }

  .fl_trackname {
    width: auto;
  }

  .multifiles p {
    line-height: 20px;
    font-size: 16px;
  }

  button.button {
    width: 160px;
    height: 50px;
    font-size: 14px;
  }

  .bm_button>p {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }

  .bm_button {
    width: 160px;
    height: 50px;
    margin: auto;
    display: block;
  }

  #content_menu {
    padding-bottom: 10px;
  }

  .cover_input {
    left: 0;
    right: 0;
    text-align: center;
  }

  .textarea {
    margin-bottom: 10px;
  }

  .req_fields_info {
    font-size: 12px;
  }

  .div_button {
    float: none;
    width: 100%;
  }

  button.button {
    margin: auto;
  }

  .ci_active {
    border-bottom: 0;
  }

  .sm_item {
    margin: 5px 0;
  }

  .message_error>i {
    display: none;
  }

  .message_ok>.text_ok,
  .message_error>.text_error {
    margin: 10px 20px 0 20px;
  }

  .message_ok,
  .message_error {
    min-height: 130px;
  }

  #search .div_button_small {
    display: block;
  }

  .authors_searchform .search_albums_input {
    width: 100%;
  }

  .authors_searchform .div_button_small {
    position: absolute;
    right: 0;
    top: 0;
  }

  .authors_searchform .button_small {
    text-indent: -10000px;
    width: 55px;
  }

  .select2-selection__placeholder,
  input {
    font-size: 14px !important;
  }

  .textarea_quest textarea:focus,
  .textarea_has_data>textarea {
    font-size: 14px !important;
  }

  .select_pay span#select2-select_pay-container {
    font-size: 12px;
  }

  .cm_item {
    /* font-size: 11px !important; */
    padding-right: 7px !important;
    margin-left: 0 !important;
  }

  .link_item>i.video,
  .link_item>i.doc {
    display: none;
  }

  .genres_list_container,
  .tags_list_container,
  .country_list_container {
    height: 230px !important;
  }

  .search_input_for_related>input.search_text {
    width: 100%;
  }

  .req_fields_info {
    margin-left: 0;
  }

  .balance_list_item {
    display: block;
    text-align: center;
  }

  .balance_logo {
    margin-right: 0;
  }

  .balance_txt {
    padding-right: 0;
  }

  .balance_remove {
    margin: 10px 0;
  }

  .field_checkbox,
  .field_bigform_checkbox {
    margin-left: 0;
  }
}

@media screen and (max-width: 420px) {
  div.form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .search_recall {
    padding-left: 0;
  }

  .four_tr_item {
    margin: 0;
  }

  .album_recall_info>.album_recall_duration {
    font-size: 11px;
  }

  #albumsList,
  #tracksList {
    padding: 0 0 40px 0;
  }

  p.welcome {
    font-size: 22px;
  }
}

@media (max-width: 1200px) {
  .playlist_fixed.active {
    max-width: 100%;
  }
}

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

  .cover {
    float: none;
    display: block;
    margin: 38px auto 50px;
  }

  #mainForm .field_margin {
    max-width: 100%;
  }

  #mainForm .textarea {
    width: 100%;
  }

  .toasts {
    top: 10px !important;
    right: 10px !important;
  }

  .toasts__item {
    max-width: 525px;
    width: 100% !important;
  }

  .toasts__item_tools p:nth-child(even) {
    font-size: 16px !important;
  }

  .toasts__item_tools p:nth-child(odd) {
    font-size: 14px !important;
  }

  .toasts__item_icon {
    display: none;
  }

  #upload_form .textarea,
  #upload_form .field {
    width: 100%;
    max-width: initial;
  }

  .download_report,
  .period_stats_page {
    float: none;
  }

  #change_lang,
  #f_contacts,
  #f_social {
    width: 100%;
  }

  .top_navigation_text,
  .have_second_level {
    display: none;
  }

  #search .search_input_for_related,
  #search .search_input_for_related {
    width: 100%;
  }

  #search .search_input_for_related input,
  #search .search_input {
    width: 100%;
  }

  #search_albums {
    margin: 0 15px;
  }

  .search_albums_select .select2-container {
    width: 253px !important;
  }

  #search_albums .search_albums_input,
  #search_albums .search_albums_select,
  #search .search_select {
    width: 100%;
  }

  #search_albums .search_albums_select,
  #search .search_select {
    background: #ffffff;
  }

  #search_albums .search_albums_input input,
  #search_albums .search_albums_select .select2,
  #search .search_input input,
  #search .search_select .select2 {
    width: 100% !important;
  }

  #search_albums>div {
    display: table;
    margin: 10px auto;
  }

  #search>div {
    display: table;
    margin: 10px auto !important;
  }

  #search .div_button_small {
    display: block;
  }

  #search .mmo_filter {
    display: inline-block;
    margin-bottom: 4px !important;
  }

  .search_albums_input>input.search_albums_text,
  .search_input>input.search_text,
  #search .select2-container,
  .search_albums_select .select2-container {
    width: 310px !important;
  }

  #search .mmo_filter .select2-container {
    width: 200px !important;
    text-align: left;
  }

  .search_input.video input.search_text {
    width: 100% !important;
  }

  .top_navigation_item {
    font-size: 13px;
    margin-right: 15px;
  }

  #upload_form .cover {
    float: none;
    display: block;
    margin: 0 auto 50px;
  }

  .authors_searchform .authors_searchform>.search_albums_input {
    margin-left: auto;
  }

  .authors_searchform .search_albums_input {
    top: 12px;
    margin-right: 10px;
  }

  .ybft_logo,
  .sc_logo {
    width: 150px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .fileslist_online .flo_icon,
  .mmo_header_th {
    display: none !important;
  }

  .fileslist_online .flo_date_time {
    margin: 0 15px;
  }

  .fileslist_online .flo_song {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 300px;
  }

  .complete_message {
    width: 100%;
    margin: 38px 0px 10px 0px;
  }

  .complete_message>i {
    display: none;
  }

  .complete_message>.cm_text {
    margin: 10px;
  }

  .search_albums {
    padding-left: 0;
  }

  .search_albums_input,
  .search_albums_select {
    top: 0;
    margin-right: 0;
  }

  .div_button_small {
    float: none;
  }

  .fle_track input {
    width: 100% !important;
  }

  .player__right {
    display: none;
  }

  .add_genre_and_country {
    padding: 6px 12px 9px 12px;
  }

  .fileslist_edit {
    max-width: 900px;
    width: 100%;
    margin: 38px 0px 10px 0px;
  }

  .fle_header {
    display: none;
  }

  .fileslist {
    width: 100%;
    margin: 38px 0 15px 0;
  }

  .fl_trackitem {
    min-height: 50px;
    height: auto;
  }

  .fle_track {
    height: auto;
    min-height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .fle_track>div {
    margin-bottom: 8px;
  }

  .flet_time {
    margin-bottom: 0 !important;
  }

  #upload_req {
    float: none;
    width: auto;
  }

  .multifiles {
    display: block;
    margin: 0 0 22px 0;
    width: auto;
    min-height: 250px;
    height: auto;
    padding-bottom: 10px;
  }

  .multifiles p {
    right: 0;
    left: 0;
    width: auto;
  }

  .upload_form_step2 .button_add_files {
    margin: 0 auto 16px !important;
  }

  .message_container_step2 {
    max-width: 100%;
    width: 100%;
  }

  .message_error.message_white {
    margin: 40px 0 0 0;
  }
}



@media screen and (max-width: 648px) {
  .small_cover_album {
    float: none;
  }
}

@media screen and (max-width: 919px) {
  #upload_form .cover {
    float: none;
    display: block;
    margin: 0 auto 50px;
  }

  #upload_form .field,
  .field_noreq,
  .field_bigform_noreq,
  #upload_form .field,
  .field_noreq,
  #upload_form .textarea,
  #upload_form .textarea textarea {
    max-width: 100%;
  }

  #settings_form .textarea {
    max-width: 100%;
  }
}

@media screen and (max-width: 950px) {
  .cover.avatar_back.mt0 {
    float: none;
  }

  #settings_form .field_noreq,
  #settings_form .textarea,
  #settings_form .field_bigform_noreq {
    max-width: 100%;
  }
}

@media screen and (max-width: 889px) {
  .cover {
    float: none;
  }
}

@media screen and (max-width: 830px) {
  .new_music.slick-slider .new_music_item {
    width: 50% !important;
  }
}

@media screen and (max-width: 429px) {
  .search_albums_input {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .div_button_small {
    float: none;
  }

  .authors_searchform {
    text-align: center;
  }
}

@media screen and (max-width: 700px) {
  .ti_right_block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ti_left_block,
  .ti_right_block {
    width: 50%;
  }
}

/* media 768 */

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

  .playlist_fixed {
    height: auto;
  }

  .playlist_selection_item {
    flex-direction: column;
    align-items: flex-start;
  }
  .playlist_selection_name {
    max-width: 100%;
  }
  .playlist_fixed .select2 {
    top: 50%;
    left: 100%;
    transform: translate(-108%, -16%);
    position: absolute;
    width: 86% !important;
  }
  .playlist_selection_edit.active {
    padding-top: 40px;
  }

  
  .contract_line .docs_update {
        margin-right: 40px;
    }    
  .contract_line .docs_description {
      flex-grow: 1;
      align-self: center;
      max-width: 380px !important;
      overflow: hidden;
    }
  
  
  #secondary_block {
    margin-bottom: 40px;
  }

  .height145 {
    height: 80px;
  }

  .ati_header {
    top: 0;
    font-size: 21px;
  }

  .mobile_hidden {
    display: none !important;
  }

  #password_form .field_bigform {
    margin-bottom: 0;
  }

  .object_header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .payments_item {
    height: 50px;
    margin: 0px 10px 15px;
  }

  .payments_header {
    position: relative;
    bottom: 2px;
    border-radius: 5px;
  }

  .payments_item>a {
    display: block;
  }

  .payments_logo {
    display: none !important;
  }

  .stats_obj_marker {
    position: relative;
  }

  .t_up,
  .stats_marker {
    display: none !important;
  }

  .signatureDrawZoneCanvas {
    width: 100%;
  }

  .cover_input {
    top: 250px;
    right: 0;
    text-align: center;
    left: 0;
  }

  #restoreImage {
    top: 220px;
  }

  .remove_button_small {
    right: 10%;
  }

  .top_navigation_item_active {
    margin-right: 0;
  }

  .field,
  .field_noreq,
  .field_bigform_noreq {
    padding: 0 16px;
  }

  .genreslist.new_position .tl_track {
    height: auto;
    min-height: 52px;
  }

  .genreslist.new_position .tl_artist,
  .genreslist.new_position .tl_song {
    width: 25%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: inherit;
    overflow: unset;
    -o-text-overflow: unset;
    text-overflow: unset;
  }

  .genreslist.new_position .tl_album {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .lastRequests_headers,
  .stats_blank_radio,
  .contractsList_headers,
  .contractsList_headers,
  .related_other {
    display: none;
  }

  .nav_tariff {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
  }

  .new_music.without_slick,
  .musical_mood.without_slick,
  .musical_genres.without_slick {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .genreslist .tl_artist {
    width: 35%;
  }

  .genreslist .tl_song {
    width: auto;
  }

  .album_item_remove {
    opacity: 1;
  }

  .personal_count_block {
    display: block;
  }

  .personal_button {
    margin-top: 15px;
  }

  .personal_button button {
    margin: auto;
  }

  .personal_count_block strong {
    font-size: 22px;
  }

  .nav_basic:last-child,
  .nav_basic_last {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  #footer_navigation {
    text-align: left;
  }

  #change_lang {
    width: 260px;
  }

  .feedback_date {
    width: 60px !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
  }

  .feedback_number {
    width: 130px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .feedback_subject {
    width: 190px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .feedback_total_messages {
    /* width: auto; */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .period_stats_page {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none;
    margin: 10px 0px 20px 0px;
  }

  .download_report {
    margin: 5px auto 25px;
    float: none;
  }

  .period {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .top_navigation_item,
  .top_navigation_item_active {
    font-size: 16px;
  }

  #search>div {
    display: table;
    margin: 10px auto !important;
  }

  #search_albums>div {
    display: table;
    margin: 10px auto;
  }

  .download_report {
    margin: 5px auto 25px;
    display: block;
  }

  table.table {
    display: block;
    overflow-x: auto;
  }

  .cm_item {
    font-size: 16px;
    padding-right: 0;
  }

  .stats_youtube .youtube_clip {
    width: 220px;
  }

  .unfinished_logo,
  .unfinished_error_logo_img {
    display: none;
  }

  .stats_info_list {
    text-align: center;
  }

  .four_tr_item {
    width: 150px;
  }

  #block_video .spoiler-trigger>i {
    top: -9px;
  }

  .unfinished_message {
    width: 100%;
  }

  .fileslist_online .stats_song {
    width: 260px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .stats_song.radiostation_list {
    flex: 1 0 auto;
  }

  .stats_views,
  .stats_viewvideo {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .stats_views {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  #contractsList,
  #requestsList,
  .contractsList  {
    margin: 0;
  }

  .period {
    float: none;
  }

  .contract_number_and_date,
  .contract_status,
  .feedback_date,
  .feedback_number,
  .feedback_total_messages {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .contract_number_and_date {
    width: 130px;
    flex: 0 0 auto;
  }

  .contract_with {
    width: 180px;
    padding: 0 15px;
    flex: 0 0 auto !important;
  }

  .contract_with,
  .feedback_subject {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .feedback_number {
    margin-left: 0;
  }

  .feedback_date {
    text-align: left;
  }

  .contract_line {
    min-height: 56px;
    height: auto;
  }

  #four_triggers {
    margin-top: 64px;
  }

  .tr_item_icon {
    margin-top: 0;
  }

  .four_tr_item {
    min-height: 150px;
  }

  .tr_description {
    display: none;
  }

  .unfinished_message {
    max-width: 100%;
  }

  .tl_track {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .tl_artist_related {
    width: 300px;
    line-height: 18px;
  }

  .tl_album_related {
    width: 150px;
    line-height: 18px;
  }

  .search_result_tracks .tl_song {
    width: 110px;
  }

  .search_result_tracks .tl_artist {
    width: 80px;
  }

  .fl_trackitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
  }

  .fl_trackname {
    margin-top: 0;
  }

  .fl_time>p,
  .fl_size>p {
    top: 0;
  }

  .upload_form_step2 a.fl_delete {
    left: -2px !important;
  }

  .rl_radio {
    /* display: block;
			 */
    padding-top: 15px;
  }

  #four_triggers {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #wrapper {
    min-width: 100% !important;
  }

  .authors_top h1.content,
  .user_profile_left,
  h2.content {
    float: none !important;
  }

  .ftp_content {
    max-width: 100%;
    padding: 0 20px 20px;
  }

  .ftp_logo {
    display: none;
  }

  #top_menu {
    width: 100% !important;
  }

  .up_genres_list i,
  .up_genres_list .spoiler-trigger.active>i {
    top: 0 !important;
  }

  .flet_input input {
    padding: 5px 15px;
  }

  .new_messages {
    display: none !important;
  }

  .field label,
  .field_noreq label,
  .field_bigform label,
  .field_bigform_noreq label,
  .textarea label {
    left: 15px;
    font-size: 16px;
  }

  .textarea_quest label {
    left: 10px;
    font-size: 13px;
  }

  .field_bigform {
    padding: 0 15px;
  }

  .textarea textarea:focus,
  .textarea_has_data>textarea {
    padding-left: 5px;
  }

  .textarea_quest textarea:focus,
  .textarea_has_data>textarea {
    padding-left: 0px;
  }

  .unfinished_logo_around,
  .unfinished_logo_img {
    display: none;
  }

  .unfinished_message {
    min-height: auto;
  }

  #unfinished p.header {
    height: auto;
    padding-bottom: 10px;
  }

  div.albums {
    width: 100% !important;
  }

  .authors_searchform {
    /* top: 0; */
    /* float: none; */
  }

  .cover.avatar_back.mt0 {
    float: none;
    width: 250px;
    height: 250px;
  }

  .cover_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  p.description_form {
    margin: 20px 0 !important;
  }

  .up_genres_list {
    padding: 20px;
  }

  .spoiler-trigger>i {
    top: -15px;
  }

  .sort_author_albums {
    height: auto !important;
    display: inline-block;
    float: none;
    position: relative;
    top: 0 !important;
    padding-bottom: 15px;
  }

  .authors_top {
    min-height: 70px;
    height: auto;
  }

  .album_item {
    /* margin: 0 auto !important; */
    margin-bottom: 30px !important;
  }

  #close_player {
    display: none;
  }

  #logo {
    /* margin-left: 30px; */
  }

  #menu {
    margin-right: 30px;
  }

  .f_copyright {
    /* margin-left: 30px;
			 */
  }

  #social {
    margin-right: 30px;
  }

  #footer_navigation {
    width: 100% !important;
  }

  #top_navigation {
    /* display: none;
			 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f1f1f1;
    z-index: 1002;
  }

  #top_navigation {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    -webkit-transition: transform .3s ease .25s;
    -o-transition: transform .3s ease .25s;
    -webkit-transition: -webkit-transform .3s ease .25s;
    transition: -webkit-transform .3s ease .25s;
    transition: transform .3s ease .25s;
    transition: transform .3s ease .25s, -webkit-transform .3s ease .25s;
  }

  #top_navigation.on {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  #top_navigation li {
    padding: 15px 0;
    /* display: inline-table; */
    /* background: #f1f1f1;
			 */
    width: 100%;
    text-align: center;
  }

  #top_navigation li:nth-child(5),
  li.top_navigation_item.nav_basic_last {
    border-bottom: 0 !important;
  }

  .top_navigation_item {
    margin-right: auto;
  }

  .nav_contract {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .hamburger,
  .hamburger_f {
    display: block;
    width: 38px;
    height: 28px;
    position: absolute;
    top: 33px;
    right: 28px;
    z-index: 1005;
  }

  .hamburger_f {
    position: relative;
    left: 28px;
    top: 17px;
  }

  .hamburger span:after,
  .hamburger span:before,
  .hamburger_f span:after,
  .hamburger_f span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
  }

  .hamburger_f span:after,
  .hamburger span:after {
    top: 18px;
  }

  .hamburger_f span,
  .hamburger span {
    position: relative;
    display: block;
  }

  .hamburger_f span,
  .hamburger_f span:after,
  .hamburger_f span:before,
  .hamburger span,
  .hamburger span:after,
  .hamburger span:before {
    width: 100%;
    height: 3px;
    background-color: #9299a2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px;
  }

  .hamburger_f.on span,
  .hamburger.on span {
    background-color: transparent;
  }

  .hamburger_f.on span:before,
  .hamburger.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
  }

  .hamburger_f.on span:after,
  .hamburger.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    -ms-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px);
  }

  #top_navigation .nav_profile {
    position: absolute;
    top: 17px;
    right: 70px;
    padding: 0;
    margin-top: 0;
    border-bottom: 0;
    width: auto;
  }

  .nav_profile .have_second_level,
  .nav_profile .top_navigation_text {
    display: none !important;
  }

  #f_menu_list {
    display: none;
  }

  .block_tv,
  .ul_list_video {
    display: none;
  }

  .mobile-visibility-hidden {
    display: none;
  }

  .list_video {
    background: 0;
    height: auto;
  }

  .all_video_link {
    padding: 16px 0;
  }

  .all_video_link {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }

  .list_video {
    margin-left: 0;
  }

  .block_youtube {
    margin: 0 5px 80px;
  }

  .section.section_post {
    width: 100% !important;
  }

  .auth_panel {
    right: 65px;
  }
}

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

  /* .contact .tooltip-hidden {
    left: 65px;
    right: auto;
  }
  .contact .tooltip-hidden::after {
    transform: scaleX(-1);
    top: -12.5px;
    left: -38px;
  } */
  #clause2Terms p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #clause2Terms .contact__checkbox input[type="checkbox"]:disabled+label {
    padding: 0 10px 0 40px;
  }

  .album_container.x180 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 527px) {
  .t0 {
    top: 0;
  }
}

@media screen and (max-width: 620px) {
  .new_music.slick-slider .new_music_item {
    width: 100% !important;
  }
}

@media screen and (max-width: 838px) {
  .stats_viewgraph {
    display: none;
  }
}

/* media 640 */

@media screen and (max-width: 640px) {
  #wrapper {
    min-width: 100% !important;
  }

  .toasts {
    display: none;
  }

  #table_online .flo_track {
    padding: 0 10px 25px;
  }

  #table_online .song {}

  #table_online .song a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }

  #rentalsList .sbt_item {
    flex-direction: column;
    text-align: center;
    padding: 10px;
  }

  #rentalsList .sbt_item .sbti_marker {
    position: relative;
    top: 0;
  }

  #rentalsList .sbt_item .sbti_place {
    margin-right: 0;
    width: 100%;
  }

  #rentalsList .sbt_item .sbti_date {
    width: 100%;
  }

  #rentalsList .sbt_item .sbti_date p {
    margin: 0;
  }

  .sb_header>i {
    display: none;
  }

  .search_result_tracks .tl_track {
    padding: 20px 10px;
  }

  .search_result_tracks .tl_artist {
    width: 100%;
  }

  .search_result_tracks .tl_song a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }

  .stats_obj_song {
    width: 100% !important;
  }

  .album_text_info {
    width: 100%;
  }

  .album_text_info>p {
    left: 0;
  }

  .ati_description_ean {
    position: relative;
    font-size: 14px;
    color: #666666;
}

.ati_description_ean > .ean {
    color: #ff8a42;
    font-size: 14px;
    font-weight: bold;
}

  .message_container_edit .message_white .text_error {
    margin: 0px 0px 0px 0px !important;
  }

  .stats_track {
    min-height: 100px;
  }

  .stats_place {
    min-height: 70px;
  }

  #login_form label,
  #reg_form label,
  #order_reg_form label {
    font-size: 13px;
  }

  .remove_button_small {
    right: 0;
  }

  #self_employed_details .field_bigform {
    margin-bottom: 15px;
  }

  #settings_form .field_bigform {
    margin-bottom: 15px;
  }

  .tl_track_recall {
    padding: 20px 10px !important;
  }

  .stats_song .song,
  .stats_obj_song .song {
    padding-right: 10px;
    padding-left: 10px;
  }

  #objList .obj_item,
  #objList .obji_count {
    height: auto;
    min-height: 68px;
  }

  .stats_song .song,
  .stats_obj_song .song {
    white-space: normal;
    overflow: visible;
    height: auto;
  }

  .obji_marker,
  .stats_marker {
    display: none;
  }

  .tl_song_explicit {
    position: unset !important;
  }

  .flo_place,
  .contract_number_and_date,
  .contract_with {
    width: 100%;
  }

  .flo_song .song {
    overflow: visible;
  }

  .message_ok>.text_ok,
  .message_error>.text_error {
    margin: 10px 0 0;
    width: 100%;
    text-align: center;
  }

  .back_link.left {
    float: left;
  }

  .back_link_step {
    float: left;
    top: 0;
  }

  .fileslist_edit .fl_del {
    text-align: center;
    margin: 0;
  }

  .feedback_subject a,
  .feedback_subject {
    width: auto;
  }

  #tracks_list .song {
    position: relative;
    top: auto;
    right: auto;
  }

  .genreslist.new_position .tl_album {
    width: 100%;
  }

  .fileslist_online .flo_track {
    min-height: 180px;
  }

  .fl_trackitem {
    display: block;
    text-align: center;
    padding: 15px !important;
  }

  .fl_trackitem>div {
    display: block;
    width: 100% !important;
    margin: 0;
  }

  .fl_trackitem .link_item a,
  .fl_trackitem .fl_size p {
    display: block;
  }

  .fl_trackitem .fl_size {
    display: none;
  }

  .tl_time {
    width: 62px !important;
  }

  .genreslist .fl_delete {
    top: 10px !important;
  }

  .genreslist .tl_number>p,
  .genreslist .tl_artist>p {
    width: auto;
  }

  .genreslist .tl_number_orange {
    margin: auto;
  }

  .genreslist .tl_time {
    display: none;
  }

  .cm_item_info {
    position: absolute;
    top: 0;
    right: 0px;
  }

  .complete_message_alert>i {
    display: none;
  }

  .complete_message_alert>.cm_text {
    margin: 20px 0 0 0;
  }

  h2.form {
    margin-top: 20px !important;
  }

  #ask_question_form div.form {
    padding-top: 20px !important;
  }

  .contract-iframe::-webkit-scrollbar {
    height: 10px;
  }

  .message_error>i,
  .message_error_big>i {
    display: none;
  }

  .message_error_big .text_error {
    margin: 0 20px;
  }

  #pdf~.div_button {
    float: none;
  }

  #pdf~.div_button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #start_cancel_button {
    margin-top: 28px;
    margin-bottom: 38px;
  }

  #start_cancel_link {
    top: 0 !important;
    float: none !important;
    padding-bottom: 15px;
    padding-left: 11px;
  }

  #cancellation_form .div_button {
    float: none;
  }

  #cancellation_form .back_link {
    top: 0;
    float: none;
    padding-bottom: 15px;
  }

  .contract-status {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  .feedback_total_messages p {
    font-size: 15px;
  }

  .balance_text_big {
    font-size: 16px;
  }

  .balance_price_big {
    font-size: 20px;
  }

  .balance_alert {
    font-size: 13px !important;
  }

  .tracklist.detail .tl_time {
    display: inline-block !important;
    width: auto;
  }

  .tracklist.detail .tl_number p {
    margin-left: 0;
    margin-right: 5px;
  }

  .tracklist.detail .tl_time p {
    margin-right: 0;
    margin-left: 5px;
  }

  .feedback_line {
    padding: 5px 10px;
  }

  .chat-support-message,
  .chat-user-message {
    margin: 8px;
    width: 80%;
  }

  .feedback_date p,
  .feedback_number p {
    font-size: 13px;
    color: #9f9f9f;
  }

  .feedback_number p>span.number {
    color: #666666;
  }

  .feedback-chat-support-message-body {
    padding: 10px 10px 20px 5px;
  }

  .support_icon,
  .user_icon {
    margin-left: 5px !important;
  }

  .feedback-chat-message-author {
    font-size: 14px;
    padding-left: 5px;
  }

  .feedback-chat-message-text {
    padding-left: 5px !important;
    font-size: 13px;
  }

  .feedback_chat_header_id {
    font-size: 13px;
  }

  .feedback_chat_header_subject {
    font-size: 20px;
    margin: 10px 0px 16px 0px;
  }

  .yb_full_track,
  .sc_full_track {
    padding-bottom: 15px;
  }

  .view_all_radio {
    text-align: center;
    margin-right: 0;
  }

  .div_button_a {
    margin-right: 0;
    float: none;
    width: 100%;
  }

  .div_button_a a {
    margin: 28px auto 38px;
  }

  .div_button_for_modal {
    margin: auto !important;
    width: 100%;
  }

  .div_button_for_modal a {
    display: inline-block;
  }

  #filesList .flet_number,
  #filesList .flet_time {
    display: none;
  }

  .add_country_list {
    margin-left: 0;
  }

  #filesList .flet_play {
    display: block;
    text-align: center;
  }

  #filesList .flet_play a {
    left: 0;
  }

  #actionForAll {
    display: none !important;
  }

  .gl_container {
    margin: 0;
  }

  #filesList .fl_time {
    display: none;
  }

  #dropable p {
    padding: 0 10px;
  }

  #confirm~label {
    font-size: 14px;
    padding-left: 40px !important;
  }

  .field_tip {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    font-size: 13px;
    line-height: 16px;
  }

  .sms_click_a>p {
    font-size: 14px;
  }

  .form_small .error {
    font-size: 13px;
  }

  .add_links_center_container .add_links_small {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .add_links_small.center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }

  .div_button_smallform {
    text-align: center;
  }

  .link_item>i.yoga,
  .link_item>i.password {
    display: none;
  }

  .contaner.blog_contaner.menu_pointer {
    margin-bottom: 60px;
  }

  .quest_field input:focus+label,
  .quest_field input:valid+label,
  .field_smallform input:focus+label,
  .field_smallform input:valid+label {
    font-size: 12px !important;
  }

  .quest_field input,
  .field_smallform input {
    width: 90%;
  }

  .section .post_info_day {
    font-size: inherit !important;
  }

  .bigmessage_error {
    min-height: auto;
    padding-bottom: 0;
  }

  .bigtext_error>h1 {
    margin: 10px 0;
  }

  .bigmessage_error>i {
    display: none;
  }

  .bigmessage_error>.bigtext_ok,
  .bigmessage_error>.bigtext_error {
    margin: 10px;
  }

  .stats_song .song,
  .stats_obj_song .song {
    top: 20px;
  }

  .geography_size {
    padding: 0;
  }

  .crt_release a {
    font-size: 13px;
    color: #9f9f9f;
  }

  .search_input.video {
    padding: 0;
  }

  .stats_viewvideo>.goto_youtube>a {
    margin: 15px 0;
  }

  .stats_views {
    position: relative;
  }

  .stats_views::after {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    content: 'Просмотры:';
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 13px;
    line-height: 13px;
  }

  .fileslist_online.soundcloud_list .stats_track {
    height: 180px;
  }

  .stats_youtube .spoiler-wrapper>a,
  .spoiler-body.spoiler-l-tracks,
  .stats_viewvideo>a.youtube_icon,
  .stats_viewgraph {
    display: none;
  }

  .stats_like,
  .stats_dislike {
    width: auto;
  }

  .stats_song .release,
  .stats_obj_song .release {
    display: none;
  }

  .stats_place p,
  .stats_radiostation p {
    font-size: 13px;
  }

  .fileslist_online .stats_song {
    width: auto;
    margin: 8px 0;
  }

  .period_stats_page {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none;
  }

  .balance_pay_add button {
    font-size: 13px;
  }

  .tl_body .crt_artist,
  .tl_body .crt_song {
    display: inline-block;
    width: auto;
  }

  #search>div {
    display: block !important;
  }

  .search_albums_select,
  .search_select {
    background: #ffffff;
  }

  #search_albums>div {
    display: block;
  }

  form#search_albums {
    text-align: center;
    margin: 0 15px;
  }

  form#search_albums span#select2-type-container {
    text-align: left;
  }

  form#search_albums span.select2-selection.select2-selection--single {
    text-align: left;
  }

  form#search_albums .select2-container {
    width: 100% !important;
  }

  #search .search_input,
  #search .search_select {
    display: block;
  }

  .search_input_for_related>input.search_text {
    width: 100% !important;
  }

  .search_albums_input>input.search_albums_text {
    width: 100% !important;
  }

  #search .search_input>input.search_text {
    width: 100% !important;
  }

  #search .search_select>select {
    width: 100% !important;
  }

  #search .select2-container {
    display: block;
    width: 100% !important;
  }

  thead td,
  tbody td {
    font-size: 14px;
  }

  tbody td {
    padding: 4px;
  }

  .period_text:nth-child(1) {
    display: none;
  }

  #album_info .ai_right {
    display: none;
  }

  .tl_artist,
  .tl_song {
    display: inline-block;
    /* width: auto !important; */
  }

  .tl_song a {
    /* width: 100%; */
    width: auto;
    overflow: unset;
  }

  .tl_song .isrc {
    margin-left: 0px;
    color: #666;
    font-size: 12px;
    position: relative;
    top: 5px;
  }
 
 .modal-content.popup_playlist_content {
    width: 95%;
  }

 .popup_content.playlist_modal .album_text_info {
    margin-top: -6px;
    margin-left: 10px;
  }

  .ati_description {
    font-size: 10px;
  }

  .tracklist .tl_number,
  .tracklist .tl_input,
  .tracklist .tl_input,
  .tracklist .tl_time,
  .tracklist .tl_view_cert,
  .req_fields_info_albumfull,
  .req_fields_info_albumfull~.div_button {
    display: none !important;
  }

  a.fl_delete {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(../img/sprite.png) -553px -106px no-repeat;
    position: relative;
    top: 25px;
    left: 0px;
    vertical-align: super;
  }

  a.button_for_modal {
    width: 160px;
    height: 50px;
    margin-bottom: 15px;
    margin-top: 10px;
  }

  a.button_for_modal>p {
    font-size: 14px;
    line-height: 50px;
  }

  .save_and_send_buttons {
    margin-bottom: 15px;
  }

  .popup_content {
    padding: 10px;
  }

  .popup_text>p {
    margin-bottom: 5px;
  }

  #compilation_name {
    font-size: 18px !important;
  }

  .flo_place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flo_date_time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin-bottom: 15px !important;
  }

  .flo_song .song {
    margin-bottom: 0;
  }

  .flo_date_time p {
    padding: 0 2px;
  }

  .flo_place p {
    padding: 0 1px;
  }

  .flo_place {
    margin-bottom: 20px;
  }

  .cm_item {
    display: block;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
  }

  #content_menu {
    padding-bottom: 10px;
  }

  .flo_song .release,
  .release_spoler {
    display: none;
  }

  .ci_active {
    border-bottom: 0;
  }

  .ci_click a,
  .ci_click a:hover {
    height: 30px;
    background: 0;
  }

  .popup_header>p {
    padding-right: 20px;
  }

  .popup_header>p.map_adress {
    font-size: 12px !important;
    padding-bottom: 0px;
    padding-top: 0;
  }

  .label_add_files {
    width: 100%;
  }

  .fle_track_body .flet_play>a {
    top: 10px;
    left: 10px;
  }

  #album_info {
    margin-bottom: 0;
  }

  .back_link {
    /* float: left; */
  }

  #album_info {
    text-align: center;
  }

  .album_size_block {
    display: none;
  }

  #edit_1,
  #edit_2 {
    margin-bottom: 0;
  }

  input[type="checkbox"]:checked+label,
  input[type="checkbox"]:not(:checked)+label {
    /* padding-left: 25px; */
  }

  #yt_views_lang,
  #sc_playbacks_lang {
    width: 110px;
    text-align: left;
  }

  #yt_likes_lang,
  #sc_likes_lang {
    width: 80px;
    text-align: left;
  }

  #yt_dislikes_lang,
  #sc_reposts_lang {
    width: 105px;
    text-align: left;
  }

  .ybft_likes>i,
  .ybft_dislikes>i,
  .sc_likes>i,
  .sc_reposts>i {
    display: none;
  }

  span#editTagsInTrack {
    width: 100%;
    min-height: 30px;
    height: auto;
    float: none;
  }

  .flet_input {
    width: 100%;
  }

  .message_ok,
  .message_error {
    width: 100%;
    margin-left: 0;
  }

  .stats_viewgraph>.graph {
    margin-top: 0;
  }

  .stats_play,
  .stats_viewgraph {
    background: 0;
  }

  button.button {
    width: 160px;
    height: 50px;
    font-size: 14px;
  }

  .ybft_link {
    margin-top: 10px;
  }

  p#yt_likes_count,
  #sc_likes_count {
    text-align: right;
    width: 130px !important;
  }

  p#yt_views_count,
  #sc_playbacks_count {
    text-align: right;
    width: 105px !important;
  }

  p#yt_dislikes_count,
  #sc_reposts_count {
    text-align: right;
    width: 105px;
  }

  .flo_play {
    background: 0;
  }

  .crt_song,
  .crt_release {
    padding-right: 0;
  }

  .contract-iframe {
    margin-left: 0;
    margin-right: 0;
  }

  .contract-text table {
    overflow: auto;
    display: block;
  }

  .contract-iframe {
    overflow-x: auto;
    display: block;
  }

  .table_block table::-webkit-scrollbar {
    /* width: 10px; */
    border-radius: 10px;
    height: 5px;
  }

  .table_block table::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #ff8a42;
  }

  .table_block table::-webkit-scrollbar-track {
    background-color: #d9dce0;
    border-radius: 10px;
  }

  .tl_certificate,
  .crt_certificate {
    right: 4px;
  }

  .tl_track .tl_play {
    position: relative;
    top: 0;
    right: 0;
  }

  .popup,
  .popup-statistics {
    width: 98% !important;
  }

  .tl_certificate_moderate {
    background: url(../img/sert_grey.png) 50% 50% no-repeat;
    margin: 0px auto;
  }

  .tl_track .tl_input {
    top: 0 !important;
  }

  #singleAccount {
    text-align: center;
  }

  .field_bigform_text,
  .tl_certificate,
  .crt_certificate {
    margin: 0;
  }

  .tracklist .tl_input>label {
    top: -6px !important;
  }

  .field_bigform_text .pay {
    display: block;
  }

  .crt_track {
    display: block;
    text-align: center;
  }

  .crt_track>div {
    margin: 3px auto;
  }

  .tl_artist_related {
    width: 100%;
  }

  .crt_track .crt_cert {
    padding-right: 0;
  }

  .crt_track .tl_certificate,
  .crt_track .crt_certificate {
    right: -2px;
    margin: 6px 0;
  }

  .yb_full_track,
  .sc_full_track {
    display: block;
  }

  .ybft_logo,
  .sc_logo {
    margin: 11px auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ybft_likes,
  .ybft_dislikes,
  .sc_likes,
  .sc_reposts {
    display: block;
  }

  .ybft_likes,
  .ybft_dislikes,
  .sc_likes,
  .sc_reposts {
    padding: 2px 0;
    text-align: center;
  }

  .ti_right_block>div {
    margin-bottom: 15px;
  }

  .ybft_views,
  .sc_playes {
    padding: 2px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .sbt_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: unset;
    padding: 0;
  }

  .sbti_date,
  .sbti_place {
    position: initial;
  }

  .sbti_date {
    width: 110px;
  }

  #track_info {
    display: block;
  }

  .ti_left_block,
  .ti_right_block {
    width: 100%;
  }

  .ti_right_block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  .track_cover {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .period {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sb_header {
    min-height: 56px;
    height: auto;
  }

  .sbh_period {
    display: none;
  }

  .sb_header>i {
    top: 30px;
    right: 0px;
  }

  .req_fields_info_albumfull {
    width: 100%;
    margin-left: 0;
  }

  .flo_place p {
    font-size: 12px;
  }

  .tl_number {
    width: 100%;
    /* padding-bottom: 15px */
    overflow: hidden;
  }

  .select_pay .select2-selection,
  .select_pay .select2,
  .select_pay {
    height: 55px !important;
    line-height: 55px !important;
  }

  .questionnaire_last_step_bottom {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }

  .questionnaire_last_step_bottom > .back_link {
    text-align: center;
    top: 16px;
  }

  .questionnaire_last_step_bottom > .div_button {
    display: flex;
    justify-content: center;    
  }


  .back_link>i,
  .back_link_without_button>i {
    display: none;
  }

  .contact .tooltip-hidden {
    max-width: 408px;
    width: auto;
  }

  .contact__radio,
  .contact__checkbox {
    /* margin-left: 0;
			 */
  }

  .balance_logo {
    /* margin-right: 0;
			 */
  }

  .balance_txt {
    /* padding-right: 0;
			 */
    width: auto;
  }

  .album_recall_container {
    display: block;
    text-align: center;
  }

  .album_recall_info .button_select {
    margin: 15px auto;
  }

  .stats_play {
    width: 50px;
  }

  .stats_play a {
    right: 0;
  }

  .stats_body .release_spoler {
    right: 0px;
    top: 23px;
  }

  .author_album_page>#tracksList .tl_view_cert {
    position: absolute;
    top: 9px;
    right: 60px;
  }

  #actionSelected {
    width: 100%;
  }

  .back_link {
    margin-right: 0;
  }

  #secondary_block_container .add_links {
    margin-top: 40px;
  }

  .message_error.message_white i {
    display: none;
  }

  .message_container_step2 .message_white .text_error {
    margin: 15px !important;
  }

  .small_cover {
    float: none;
  }

  #upload_form .cover {
    width: 250px;
    height: 250px;
  }

  .message_ok>i,
  .bigmessage_ok>i {
    display: none;
  }

  .ftp_text {
    margin-right: 0;
  }

  .ftp_button_container {
    float: none;
    margin-right: 0;
  }

  .ftp_button,
  .ftp_button>p {
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 4px;
  }

  .bigmessage_ok {
    min-height: auto;
    padding-bottom: 0;
  }

  .bigtext_ok>h1 {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .bigmessage_ok>.bigtext_ok {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  #hint {
    background: #ff8a42;
  }

  .text_hint {
    padding: 30px 20px 20px;
  }

  .form-setting {
    margin: 0;
    padding: 10px;
  }

  .bm_icon_total {
    display: none;
  }

  .ai_right.author_album {
    padding-bottom: 15px;
  }

  .author_album p.asb_item {
    float: none;
  }

  h2.form.mt20,
  h2.form,
  .bf_margin_left {
    margin-left: 0 !important;
  }

  #footer_navigation {
    width: 100% !important;
  }

  #profile .spoiler-trigger>i {
    top: 0;
  }

  #profile .spoiler-trigger.active>i {
    top: -4px;
  }

  .back_link>a,
  .back_link_without_button>a,
  .edit_album_link>a {
    font-size: 13px !important;
  }

  .spoiler-trigger {
    float: none !important;
  }

  .authors_top h1.content,
  .authors_searchform,
  .user_profile_left,
  h2.content {
    float: none !important;
    width: 100%;
  }

  .authors_searchform {
    height: 40px;
  }

  .user_avatar {
    margin: 0 auto 20px;
  }

  .authors_searchform .search_albums_input {
    width: 100%;
  }

  .authors_searchform .div_button_small {
    position: absolute;
    right: 0;
    top: 0;
  }

  .authors_top,
  .music_author_top {
    height: auto;
  }

  .authors_searchform {
    top: 0;
  }

  .search_albums_input {
    position: initial;
  }

  .div_button_small {
    margin: 0 15px 12px 0px;
  }

  .user_profile_right {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  .up_contacts {
    padding: 20px;
  }

  .field,
  .field_noreq,
  .quest_field,
  .field_bigform_noreq {
    height: 55px;
    line-height: 55px;
  }

  .field input,
  .field_noreq input,
  .quest_field input,
  .field_bigform_noreq input {
    line-height: 30px;
    height: 25px;
  }

  div.albums {
    width: 90% !important;
    margin: 30px auto 0 !important;
  }

  #close_player {}

  #logo {
    margin: 0 auto;
    text-align: center;
  }

  #logo a {
    left: 0;
    width: 170px;
    background-position: 0px 16px !important;
  }

  #logo a:hover {
    left: 0;
    background-position: 0px 16px !important;
  }

  #menu {
    display: none;
  }

  h1.content.center_text.big_text {
    padding: 0px 10px;
    font-size: 26px !important;
  }

  p.h2_text.center_text {
    padding: 0px 10px;
    font-size: 19px !important;
  }

  p.h2_text {
    margin-bottom: 30px !important;
  }

  .f_copyright {
    margin: 0 auto;
    margin-top: 16px;
  }

  #social {
    display: none
  }

  .album_item.demopage {
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .album_item:last-child>#amplitude-right {
    top: 0px !important;
    border-radius: 8px 8px 8px 8px !important;
  }

  .album_item:last-child>a>.demo_active_album {
    border-radius: 8px 8px 8px 8px !important;
  }

  .cm_item {
    font-size: 16px;
    padding-right: 0;
  }

  .radio+label {
    /* display: block;
			 */
    margin: 0 0 10px 0;
  }

  .section .post_content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .section .post_photo {
    width: 100% !important;
    height: auto !important;
  }

  .field_bigform,
  .quest_field,
  .field_smallform {
    line-height: 55px;
    height: 55px;
  }

  .field input:focus,
  .field input:valid,
  .field_bigform input:focus,
  .field_bigform input:valid,
  .field_noreq input:focus,
  .quest_field input:focus,
  .field_bigform_noreq input:focus,
  .quest_field_has_data input,
  .field_noreq_has_data input {
    padding-top: 3px;
  }

  .field_bigform input,
  .quest_field input,
  .field_smallform.password input,
  .field_smallform input {
    line-height: 25px;
    height: 30px;
    padding: 0 50px 0 0;
  }

  .field_bigform input {
    padding: 0;
  }

  .field label,
  .field_noreq label,
  .field_bigform label,
  .field_bigform_noreq label {
    font-size: 18px;
    top: 0px;
    height: 0;
  }

  .textarea textarea:focus,
  .textarea_has_data>textarea {
    font-size: 18px;
  }

  .textarea label {
    font-size: 18px;
    height: 0;
  }

  .textarea_quest label {
    font-size: 13px;
  }

  #email_valid_icon.error_form_icon,
  #phone_valid_icon.error_form_icon,
  #sms_valid_icon.error_form_icon,
  #user_name_valid_icon.error_form_icon,
  #full_name_valid_icon.error_form_icon,
  #birth_date_valid_icon.error_form_icon,
  #passport_issue_date_valid_icon.error_form_icon,
  #pass_valid_icon.error_form_icon,
  #pass_repeat_valid_icon.error_form_icon,
  #name_valid_icon.error_form_icon,
  #email_valid_icon.ok_form_icon,
  #phone_valid_icon.ok_form_icon,
  #sms_valid_icon.ok_form_icon,
  #user_name_valid_icon.ok_form_icon,
  #full_name_valid_icon.ok_form_icon,
  #birth_date_valid_icon.ok_form_icon,
  #passport_issue_date_valid_icon.ok_form_icon,
  #pass_valid_icon.ok_form_icon,
  #pass_repeat_valid_icon.ok_form_icon,
  #name_valid_icon.ok_form_icon {
    top: 12px;
    right: 12px;
  }

  .show_pass {
    top: 5px;
    right: 8px;
  }

  input[type="text"]:-moz-read-only {
    padding-top: 0;
  }

  .field_smallform input:focus,
  .field_smallform input:valid,
  .field_smallform.password input:focus,
  .field_smallform.password input:valid,
  input[type="text"]:read-only {
    padding-top: 0;
  }

  .select_country .select2-selection--single {
    height: 55px !important;
  }

  .select_country {
    height: 57px;
    line-height: 45px;
  }

  .select_country .select2-selection__rendered {
    line-height: 55px !important;
    font-size: 14px !important;
  }

  .select_country .select2-selection__arrow {
    top: 11px !important;
  }

  .select_country .select2-selection__placeholder {
    font-size: 13px !important;
  }

  .section_post_header {
    display: block !important;
  }

  .section_post_content {
    padding: 0 !important;
  }

  .section .post_info {
    height: 42px !important;
    width: 140px !important;
    padding-top: 1px !important;
    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;
    border-radius: 10px 10px 0 0px !important;
  }

  .section .post_info_day {
    margin-top: 0 !important;
  }

  .section .post_info_month {
    padding: 0 6px;
  }

  .section_posts {
    padding: 30px 15px 0px 15px !important;
  }

  .tl_track .tl_input {
    position: relative;
    top: -25px;
    right: 0;
  }

  .stats_track {
    display: block;
    text-align: center;
  }

  .stats_date_time,
  .stats_song,
  .stats_radiostation,
  .stats_play {
    width: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  
  
  .contract_line .docs_description,
  .contract_line .docs_size,
  .contract_line .docs_update{
    width: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
  }


  .stats_play {
    width: 82px;
    margin-top: 25px;
  }

  .stats_play a {
    right: -16px;
    top: -7px;
  }

  .stats_song .song,
  .stats_obj_song .song {
    font-size: 15px;
  }

  .fileslist_online .stats_song {
    width: auto;
  }

  .spoiler-l-tracks {
    margin-bottom: 10px;
  }

  .download_report p {
    font-size: 14px;
  }

  .stats_youtube {
    width: auto;
    text-align: center;
    left: 0;
  }

  .stats_viewvideo {
    width: auto;
    margin: 22px 0 0 0;
  }

  .stats_viewgraph {
    margin: 22px auto 0;
  }

  .stats_youtube .youtube_clip {
    font-size: 15px;
    width: 100%;
    margin-left: 0;
  }

  .stats_views>p,
  .stats_like>p,
  .stats_dislike>p {
    font-size: 14px;
  }

  .fileslist_online .stats_views>p {
    margin-bottom: 6px;
    padding-top: 15px;
  }

  .stats_like,
  .stats_repost {
    margin: 3px auto;
  }

  .stats_youtube .spoiler-wrapper>a {
    float: none;
  }

  .stats_youtube {
    min-width: 100%;
  }

  .spoiler-wrapper .spoiler-l-tracks {
    margin-left: 0;
  }

  .stats_dislike {
    margin: auto;
  }

  .add_tag>i,
  .add_genre>i,
  .add_country>i {
    display: none;
  }

  .fle_track {
    display: block;
    padding: 0 10px;
  }

  .fle_track>div {
    width: 100%;
  }

  .flo_track {
    display: block;
    text-align: center;
  }

  .flo_date_time p {
    text-align: center;
  }

  .fileslist_online .flo_song {
    width: 100%;
  }

  .release_spoler {
    right: 0px;
    position: relative;
  }

  .mmo_text,
  .mmo_filter {
    float: none;
  }

  .mmo_text>i {
    display: none;
  }

  .mmo_text>p {
    padding-left: 0;
  }

  .album_size_block_albumfull {
    top: 3px;
  }

  .contract_line {
    display: block;
  }

  .contract_with,
  .contract_status,
  .contract_pdf_link,
  .contract_number_and_date {
    float: none;
    text-align: center;
    margin: auto;
  }

  .contract_number_and_date {
    padding-top: 16px;
  }

  .tl_balance {
    display: block;
  }

  .tl_balance>div {
    display: block !important;
    text-align: center;
  }

  .balance_top .tl_item:last-child {
    text-align: center;
    padding-right: 0;
    width: 100%;
  }

  .feedback_line {
    display: block;
    min-height: 56px;
    height: auto;
  }

  .support_icon,
  .user_icon {
    margin-left: 11px;
  }

  .feedback-chat-user-message-body {
    padding: 15px 0;
  }

  .radio_list {
    width: 100%;
    margin-left: 0;
  }

  .feedback-chat-message-text {
    padding-left: 10px;
  }

  .radio+label,
  .radio_header {
    display: block;
  }

  .album_text_info {
    margin-left: 0;
    display: block;
  }

  .ati_header,
  .ati_description {
    max-width: 100%;
  }

  .ur_header>p {
    font-size: 17px;
  }

  .tl_track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    line-height: 18px;
    padding: 20px 0;
    height: auto;
    min-height: 52px;
    display: block !important;
    overflow: hidden;
  }

  .tl_track>div {
    margin: 15px auto 0;
  }

  .tl_song_button {
    position: relative !important;
    right: 0;
    top: 0;
    transform: unset;
    margin: 15px auto 0;
  }

  .tl_artist,
  .tl_time {
    margin: 6px 0;
    width: 100%;
    overflow: hidden;
  }

  .tl_song {
    width: 100% !important;
    padding-left: 0 !important;
  }

  .tl_view_cert,
  .tl_play {
    position: relative !important;
    right: 0;
    left: 0;
    width: 100%;
  }

  .tl_certificate {
    right: -2px !important;
  }

  .div_center_container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div_button_u {
    margin: 7px 15px;
  }
}

/* Слайдер */

.slick-list {
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* Лента слайдов */

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

/* Точки (булиты) */

.slick-dots {
  margin: 20px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.slick-dots li {
  float: left;
  margin: 0 7px 7px;
}

/* Активная точка */

.slick-dots li.slick-active button {
  background: #ff8a42;
}

/* Элемент точки */

.slick-dots li button {
  position: relative;
  background: none;
  border: 1px solid #CDD1DA;
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  outline: none;
  font-size: 0;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-initialized .slick-slide {
  display: block;
  text-align: center;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.view_all_music {
  display: block;
  text-align: right;
}

.view_all_music>a {
  color: #6676a4;
  text-decoration: underline;
}

.view_all_music>a>p {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 3px;
}

.view_all_music>i {
  width: 30px;
  height: 18px;
  display: inline-block;
  margin-right: 2px;
  /* background: url(../img/sprite.png) -353px -356px  no-repeat; */
  background: url(../img/sprite.png) -745px -328px no-repeat;
  position: relative;
  top: 2px;
}

#block1~.view_all_music>i {
  background: url(../img/sprite.png) -782px -328px no-repeat;
  width: 20px;
}

#block2~.view_all_music>i {
  background: url(../img/sprite.png) -810px -329px no-repeat;
  width: 20px;
}

.ai_cover_mood,
.ai_cover_genres {
  width: 210px;
  height: 275px;
  background: url(../img/nocover_280.png) 50% 50% no-repeat;
  border-radius: 8px;
  /* margin-bottom: 20px;
	 */
  position: relative;
  top: 0px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

li.top_navigation_item.nav_profile div.user_icon {
  width: 43px;
  height: 43px;
  margin-right: 0px;
  background: url(../img/user2.png) 50% 50% no-repeat transparent;
  position: relative;
  top: -1px;
}

.top_navigation_item.nav_profile {
  /* margin: 20px 0;
	 */
  margin-top: -11px;
  position: relative;
}

.nav_exit,
.nav_profile {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  /* float: right;
	 */
  position: relative;
}

.nav_tariff {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

li.top_navigation_item.nav_profile a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.nav_profile .top_navigation_text {
  max-width: 320px;
  overflow: hidden;
}

a.a_have_second_level p.name {
  color: #ff8a42;
  /* font-size: 20px;
	 */
  font-size: 18px;
  height: 23px;
  overflow: hidden;
}

a.a_have_second_level p.email {
  color: #9299a2;
  font-family: 'robotolight', sans-serif;
  font-size: 14px;
}

li.top_navigation_item.nav_profile i {
  margin-right: 0;
}

.nav_settings i.have_second_level,
.nav_profile i.have_second_level {
  display: inline-block;
  vertical-align: text-top;
  width: 28px;
  height: 22px;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  background: url(../img/sprite.png) -259px -20px no-repeat;
}

.ai_cover_mood,
.ai_cover_genres {
  width: 210px;
  height: 275px;
  background: url(../img/nocover_280.png) 50% 50% no-repeat;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  top: 0px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ai_cover_mood:hover,
.ai_cover_genres:hover {
  position: relative;
  top: -5px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5);
  box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ai_cover_mood>img,
.ai_cover_genres>img {
  width: 210px;
  height: 210px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
  position: absolute;
  z-index: 0;
}

.ai_header_mood,
.ai_header_genres {
  background: #ffffffcc;
  display: inline-block;
  z-index: 1;
  position: absolute;
  width: 220px;
  bottom: 0px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: left;
}

.ai_header_mood>p,
.ai_header_genres>p {
  color: #333333;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 20px;
  padding: 22px 20px 22px 20px;
  display: inline-block;
}

.balance_alert {
  margin: 0px 60px 20px 0px;
  color: #9299a2;
  margin-top: 5px;
  font-size: 16px;
  font-family: 'robotoregular', sans-serif;
  display: inline-block;
}

.balance_alert span {
  color: #ff8a42;
  font-size: 22px;
  font-family: 'robotoregular', sans-serif;
  padding-right: 6px;
  position: relative;
  top: 5px;
}

.author_album_page .tl_number {
  position: relative !important;
  top: 0 !important;
}
.author_album_page .tl_artist {
  position: relative !important;
  width: 120px;
}
.author_album_page .tl_song {
  position: relative !important;
}
.author_album_page .tl_time {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}
.author_album_page>#tracksList .tl_time {
  left: 0 !important;
}

@media screen and (max-width: 640px) {
  .author_album_page .tl_track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    line-height: 18px;
    padding: 20px 0;
    height: auto;
    min-height: 52px;
    display: block !important;
    overflow: hidden;
  }
  .author_album_page .tl_song {
    justify-content: center;
  }

  #album_info .ai_left {
    flex-direction: column;
    align-items: center;
  }
}