/* Здесь стили для версии до 1024 */

/* @import url("site1024.css") screen and (max-width: 1023px); */
/* Обнуление стилей */

html {
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  /* Свойство позволяющее плавно прокручивать страницу без js  */
}

a,
a:visited {
  display: inline-block;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul,
nav li {
  margin: 0;
}

nav ul,
ul {
  list-style: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Сайт. Основные стили */

body {
  font-size: 16px;
  color: #333333;
  font-family: 'robotolight', sans-serif !important;
  line-height: 22px;
  width: 100%;
  min-width: 100% !important;
  /* height: 100%; */
  min-height: 100% !important;
}

body.hidden {
  overflow: hidden;
}

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

.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: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ff8a42;
}

.t_up i {
  background: url(../img/sprite.png) -290px -88px no-repeat;
  width: 60px;
  height: 60px;
  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;
}

.toasts {
  position: fixed;
  top: 35px;
  right: 35px;
  z-index: 1020;
}

.toasts__item {
  position: relative;
  width: 525px;
  /* height: 150px; */
  -webkit-box-shadow: 7px 6px 14px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 7px 6px 14px 4px rgba(0, 0, 0, 0.16);
  border: 1px solid #cbced1;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 15px 15px 3px;
  margin-bottom: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: default;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.toasts__item:hover {
  -webkit-box-shadow: 7px 6px 14px 4px rgba(0, 0, 0, 0.32);
  box-shadow: 7px 6px 14px 4px rgba(0, 0, 0, 0.32)
}

.toasts__item_close {
  position: absolute;
  top: 19px;
  right: 15px;
  cursor: pointer;
}

.toasts__item_close i {
  display: inline-block;
  height: 19px;
  width: 20px;
  background: url(../img/sprite.png) -553px -27px no-repeat;
}

.toasts__item_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ff8a42;
  margin-right: 15px;
}

.toasts__item_icon i {
  background: url(../img/sprite.png) -26px -148px no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block;
  -webkit-filter: brightness(5);
  filter: brightness(5);
}

.toasts__item_icon i.radio_ico {
  background: url(../img/sprite.png) -108px -150px no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block;
  -webkit-filter: brightness(5);
  filter: brightness(5);
}

.toasts__item_tools {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80%;
  flex: 1 0 80%;
}

.toasts__item_tools .placelabel {
  padding-top: 4px;
}

.toasts__item_tools p:nth-child(odd) {
  color: #999999;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}

.toasts__item_tools p:nth-child(even) {
  color: #666666;
  font-family: 'roboto_condensedregular', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.toasts__item_tools .time {
  color: #999999;
  font-family: 'roboto_condensedlight', sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  text-align: right;
  padding-top: 10px;
}

.hamburger,
.hamburger_f {
  display: none;
}

#top_navigation_second_level {
  display: none;
}

.blue {
  color: #6676a4;
}

.center {
  text-align: center;
}

a {
  color: #6676a4;
}

h3 {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 19px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
}
/* Медия запрос. Здесь стили основного сайта > 1024px */

@media screen and (min-width: 1024px) {
  #wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-width: 1180px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
  }

  #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;
  }

  /* Верхнее меню.  Начало */
  #top_menu_container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #f1f1f1;
    height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #top_menu {
    position: relative;
    width: 1180px;
    height: 88px;
    /* border: 1px solid black; */
    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: 250px;
  }

  #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: 200;
  }

  /*
  #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;
  }
  */

  #logo.distributors a {
    background: url(../img/logo_gray70.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: 930px;
  }

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

  #top_navigation_second_level {
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 1000;
    border: 1px solid #ffffff;
    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;
    min-width: 200px;
    /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .auth_panel .top_navigation_text {
    max-width: 320px;
    overflow: hidden;
  }

  div#errorSumBlock {
    margin-left: 60px;
    color: red;
  }

  .auth_panel {
    position: absolute;
    top: 23px;
    /* right: 65px; */
    right: 0;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .auth_panel .user_icon {
    width: 43px;
    height: 43px;
    margin-right: 12px;
    background: url(../img/user2.png) 50% 50% no-repeat transparent;
    position: relative;
    top: 1px;
  }

  li.top_navigation_item.nav_profile i {
    margin-right: 0;
  }

  li.top_navigation_item.nav_profile p {
    text-transform: none
  }

  .auth_panel p.name {
    font-family: 'robotoregular', sans-serif;
    color: #ff8a42;
    font-size: 20px;
    height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .auth_panel p.email {
    color: #9299a2;
    font-family: 'robotolight', sans-serif;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

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

  .top_navigation_item_active {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 38px;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    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;
    padding-right: 26px;
    padding-top: 10px;
    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;
    /* border-bottom: 1px solid #9299a2; */
  }

  .top_navigation_item.nav_profile {
    margin-top: -11px;
    position: relative;
  }

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

  .top_navigation_item.nav_enter {
    margin-right: 0px;
    margin-top: 0px !important;
  }

  .tracklist.detail .tl_track
  {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .search_result_tracks .tl_track {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .tracklist.detail .tl_track .tl_number,
  .tracklist.detail .tl_track .tl_artist,
  .tracklist.detail .tl_track .tl_song,
  .tracklist.detail .tl_track .tl_list,
  .tracklist.detail .tl_track .tl_input,
  .tracklist.detail .tl_track .tl_time,
  .tracklist.detail .tl_track .song,
  .search_result_tracks .tl_track .tl_number,
  .search_result_tracks .tl_track .tl_artist,
  .search_result_tracks .tl_track .tl_song,
  .search_result_tracks .tl_track .tl_album,
  .search_result_tracks .tl_track .tl_play
   {
    display: flex;
  }

  .tracklist.detail .tl_track .tl_number {width: 5%}
  .tracklist.detail .tl_track .tl_artist {width: 25%}
  .tracklist.detail .tl_track .tl_song {width: 35%}
  .tracklist.detail .tl_track .tl_list {width: 10%}
  .tracklist.detail .tl_track .tl_input {width: 10%; height: 32px;}
  .tracklist.detail .tl_track .tl_time {width: 10%}
  .tracklist.detail .tl_track .not_active_track {width: 5%;position: absolute;right: 5%;}
  .tracklist.detail .tl_track .active_track {width: 5%;position: absolute;right: 5%;}
  .tracklist.detail .tl_track .is_revoked {width: auto;position: relative;right: auto;}
  .tracklist.detail .tl_track .song {width: 5%}

  .search_result_tracks .tl_track .tl_number {width: 7%; justify-content: flex-start;}
  .search_result_tracks .tl_track .tl_artist {width: 23%;  justify-content: flex-start;}
  .search_result_tracks .tl_track .tl_song {width: 33%;  justify-content: flex-start;}
  .search_result_tracks .tl_track .tl_album {width: 33%;  justify-content: flex-start;}
  /* .search_result_tracks .tl_track .tl_play {width: 20%;  justify-content: flex-end;} */
  


  .tracklist.detail .tl_song>a {
    /* width: 65%; */
  }

  .tl_song {
    display: flex;
    justify-content: flex-start;
  }

  .tl_song .isrc {
    margin-left:  10px;
    color: #666;
    font-size: 10px;
    position: relative;
    top: -6px;
  }

  .tracklist input[type="checkbox"]:checked+label,
  .tracklist input[type="checkbox"]:not(:checked)+label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
    top: 3px;
  }

  .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 {
    background: url(../img/sprite.png) -34px -76px no-repeat;
  }

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

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

  .nav_balance i,
  .nav_tariff 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 {
    background: url(../img/sprite.png) -82px -76px no-repeat;
  }

  .nav_contract {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 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 {
    background: url(../img/sprite.png) -132px -76px no-repeat;
  }

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

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

  .nav_settings:hover i,
  .top_navigation_item_active.nav_settings i {
    background: url(../img/sprite.png) -177px -76px no-repeat;
  }

  .nav_settings i.have_second_level,
  .nav_profile i.have_second_level,
  .auth_panel 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;
  }

  .nav_settings:hover i.have_second_level {
    background: url(../img/sprite.png) -259px -70px no-repeat;
  }

  .nav_exit,
  .nav_profile {
    -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: 28px;
    height: 22px;
    margin: 0;
    padding: 0;
    margin-right: 8px;
    background: url(../img/sprite.png) -218px -26px no-repeat;
  }

  .nav_exit:hover i {
    background: url(../img/sprite.png) -218px -76px no-repeat;
  }

  .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: 28px;
    height: 22px;
    margin: 0;
    padding: 0;
    margin-right: 8px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(../img/sprite.png) -468px -23px no-repeat;
  }

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

  /** Верхнее меню.  Конец **/
  .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: 20px;
    width: 20px;
    background: url(../img/sprite.png)-693px -284px no-repeat;
    vertical-align: middle;
  }

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

  .compilation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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 input {
    border: 1px solid #9299a2;
    padding: 8px;
    cursor: default;
    width: 50px;
    text-align: center;
  }

  .button.w260 {
    width: 260px;
  }

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

  .search_playlist .select2-container {
    /* max-width: 370px; */
    width: 370px !important;
  }

  .recall_content {
    padding: 30px 60px 30px 60px;
  }

  .recall_content_item.grey {
    padding-left: 50px;
  }

  .recall_content_item.grey .artist,
  .recall_content_item.grey .author,
  .recall_content_item.grey .place {
    color: #9299a2;
  }

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

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

  .recall_content_item {
    padding: 20px 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;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

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

  .recall_content_item .artist {
    width: 400px;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
  }

  .recall_content_item .author {
    width: 400px;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
  }

  .recall_content_item .author a {
    color: #f28518;
  }

  .recall_content_item .place {
    width: 400px;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
  }

  .recall_content_item .place small {
    font-size: smaller;
  }

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

  /** Форма авторизации. Начало **/
  #login_form input,
  #reg_form input,
  #settings_form input,
  #order_reg_form input {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #fff;
  }

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

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

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

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

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

  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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: 30px;
    margin-bottom: 30px;
    background: #f1f1f1;
    border-radius: 8px;
    width: 680px;
    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;
  }

  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 30px;
    width: 620px;
    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;
    width: 580px;
    margin-top: 20px;
    margin-left: 10px;
    padding-left: 24px;
    background: transparent;
  }

  .field_smallform label {
    position: absolute;
    left: 34px;
    top: 0px;
    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; */
    pointer-events: none;
  }

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

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

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

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

  .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;
    pointer-events: none;
  }

  .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;
  }

  #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;
  }

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

  #secondary_block_container .text-pages ol {
    margin-left: 50px;
    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: 30px;
    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;
  }

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

  #secondary_block_container .text-pages h4 {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .div_button_smallform {
    display: block;
  }

  button.button_smallform:disabled {
    opacity: 0.4;
    cursor: default;
  }

  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:enabled: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: 24px;
  }

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

  .copy_text img {
        width: 32px;
        height: 37px;
  }

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

  /* Прячем глаз у IE */
  ::-ms-reveal {
    display: none;
  }

  .field_bigform_checkbox {
    margin-left: 30px;
  }

  .field_checkbox {
    margin-left: 30px;
  }

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

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

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

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

  .disabled>label::before {
    opacity: 0.1;
    cursor: default;
  }

  .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;
    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;
    width: 680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .link_item>a>i.yoga,
  .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>a>i.yoga,
  .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>a>i.password,
  .link_item>i.password {
    display: inline-block;
    width: 38px;
    height: 22px;
    background: url(../img/pass.png) 0px 1px 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>a>i.password,
  .link_item:hover>i.password {
    background: url(../img/pass_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;
  }

  .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;
    padding-bottom: 15px;
    top: -10px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .sms_timer {
    position: relative;
    color: #9299a2;
    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;
    font-family: 'robotomedium', sans-serif;
    font-size: 15px;
  }

  span.timer {
    background: #ff8a42;
    width: 20px;
    height: 20px;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: 'robotomedium', sans-serif;
    font-size: 16px;
    padding: 1px 5px 1px 5px;
  }

  .sms_timer a {
    color: #ff8a42;
    font-family: 'robotomedium', sans-serif;
    font-size: 15px;
  }

  .sms_click_a {
    display: block;
    position: relative;
    color: #ff8a42;
    top: -10px;
    text-align: center;
    width: 680px;
    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;
  }

  .sms_timer>.error_sms {
    color: red;
  }

  .step1_only_public_message {
    padding: 30px 60px 0px 60px;
    line-height: 24px;
  }

  .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_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_big .text_error {
    display: inline-block;
    margin: 10px 20px 0px 180px;
    /* border: 1px solid red; */
    float: left;
  }

  .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: 40px 10px -15px 60px;
  }

  .message_container_edit {
    max-width: 1060px;
  }

  .message_container_step2 {
    width: 740px;
  }

  .message_error .list_file {
    margin-bottom: 10px;
  }

  .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>i.warn {
    background: url(../img/sprite.png) -770px -504px no-repeat;
  }

  .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_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;
    left: 0;
    top: 0;
  }

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

  .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: 440px;
  }

  .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: 440px;
  }

  .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;
    /* border-radius: 15px; */
    position: relative;
    top: -42px;
    left: 559px;
  }

  #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: relative;
    top: -42px;
    left: 559px;
  }

  .popup.new_pay {
    width: 860px;
    /* margin-left: -430px; */
  }

  .new_pay .genre_list {
    margin-left: 0px;
  }

  .new_pay .genre_list p {
    padding-bottom: 20px;
  }

  .new_pay .field_smallform {
    width: 100%;
  }

  .field_smallform.sms_code_pay {
    margin: 0;
  }

  .field_smallform.sms_code_pay input {
    width: auto;
  }

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

  .select_pay.select_pay2 {
    margin: 0px 60px 20px 60px;
  }

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

  .select_pay .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 22px;
  }

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

  .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: 80px;
  }

  .select_pay .select2 {
    width: 1060px !important;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 22px;
    border-radius: 8px;
    border: 1px solid #9299a2;
    outline: none;
    padding: 0px 8px 0px 34px;
    height: 80px;
    line-height: 80px;
    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;
  }

  .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;
    /* 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;
  }

  .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;
    padding: 0px 20px 0px 34px !important;
  }

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

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

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

  /** Форма авторизации. Конец **/
  /* Четыре основные триггера. Начало */
  #four_triggers_container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #four_triggers {
    width: 1180px;
    /* margin: 0 auto; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .four_tr_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 200px;
    max-width: 280px;
    width: 280px;
    margin-right: 20px;
    text-align: center;
  }

  .four_tr_item:last-child {
    margin-right: 0px;
  }

  .tr_item_icon {
    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: 20px;
    text-decoration: none;
    margin-bottom: 5px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
  }

  .tr_description {
    display: inline-block;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    color: #9299a2;
    width: 240px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .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);
  }

  .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_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_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_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;
    -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_mymusic,
  .tr_link_active .tr_ic_mymusic {
    background: url(../img/sprite.png) -161px -482px no-repeat #ff6541;
    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_statistic,
  .tr_link_active .tr_ic_statistic {
    background: url(../img/sprite.png) -280px -479px no-repeat #ff6541;
    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_sertificate,
  .tr_link_active .tr_ic_sertificate {
    background: url(../img/sprite.png) -396px -479px no-repeat #ff6541;
    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_platform,
  .tr_link_active .tr_ic_platform {
    background: url(../img/internet-platform.png) 18px 17px no-repeat #ff6541;
    background-size: 56px;
    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_header,
  .tr_link_active .tr_header {
    color: #ff6541;
    background: #f1f1f1;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    -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;
  }

  /* Четыре основные триггера. Конец */
  #main_container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: calc(100vh - 366px - 88px);
  }

  .orange {
    color: #ff8a42 !important;
  }

  .grey {
    color: #9299a2;
  }

  .gray {
    color: #9f9f9f;
  }

  .fsize13 {
    font-size: 13px;
  }

  .storng {
    font-weight: bold;
  }

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

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

  .welcome_add_message {
    margin: -20px 0px 30px 0px;
    padding: 0 10px;
  }

  .welcome_add_message>p {
    line-height: 24px;
  }

  /* Три главных блока на главной. Начало */
  #block_main {
    text-align: center;
    max-width: 1180px;
    margin: 0 auto;
  }

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

  #block_main_music {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 390px;
    width: 360px;
    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_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: 360px;
    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_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: 360px;
    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_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) 100% 100% no-repeat;
  }

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

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

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

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

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

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

  .bm_icon_karaoke {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: url(../img/sprite.png) -850px -155px 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-right: 54px;
    overflow: hidden;
    height: 25px;
    position: relative;
    top: 5px;
  }

  p.bm_time_and_place {
    display: inline-block;
    color: #9299a2;
    font-family: 'roboto_condensedlight', sans-serif;
    font-size: 12px;
    line-height: 16px;
    top: 0px;
    position: relative;
    z-index: 20;
    height: 15px;
    width: 280px;
    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: 90px;
    -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) 90px 0% no-repeat;
    padding-top: 10px;
  }

  .bm_icon_day {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: url(../img/sprite.png) -351px -155px 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: 14px;
    position: relative;
    top: 18px;
  }

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

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

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

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

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

  p.bm_balance_price_big {
    display: inline-block;
    color: #f28518;
    font-family: 'robotoregular', sans-serif;
    font-size: 24px;
    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: 16px;
    color: #666666;
    margin-top: 11px;
    margin-left: 20px;
    margin-bottom: -8px;
  }

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

  .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: 2px;
    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: 8px;
    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;
    margin: 0 auto;
    max-width: 1180px;
  }

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

  #blocks_stats_on_main {
    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;
    /* border: 1px solid #000; */
  }

  #blocks_stats_on_main>div:last-child {
    margin-right: 0 !important;
  }

  #blocks_stats_on_main>div:nth-child(3n) {
    margin-right: 0 !important;
  }

  #block_main_place,
  #block_main_radio {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 360px;
    width: 360px;
    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_streaming {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 360px;
    width: 360px;
    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_streaming .sbh_i_internet {
    width: 52px;
    height: 52px;
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 20px;
  }

  #block_main_youtube {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 360px;
    width: 360px;
    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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 360px;
    width: 360px;
    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) 100% 100% no-repeat;
  }

  .bs_header>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 26px;
    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) -675px -315px no-repeat;
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 20px;
  }

  .bs_contaiter_for_text {
    height: 205px;
  }

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

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

  .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: 21px;
  }

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

  .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: 100px;
    -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: 324px;
    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.streaming>li {
    background: 0;
    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;
    position: relative;
  }
  ul.stats_list.streaming>li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 11px;
    border-color: transparent transparent transparent #ff8941;
    transform: translateY(-50%);
  }

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

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  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: 4px; */
    margin-right: 5px;
  }

  /* Блоки Статистика на главной. Конец */
  /* Блок Видео на главной. Начало */
  #block_video {
    width: 1180px;
    margin: 0 auto;
    text-align: center;
  }

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

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

  .block_tv {
    width: 638px;
    height: 540px;
    background: url(../img/tv.png) 50px 30px no-repeat;
    /* border: 1px solid #000000;*/
    position: absolute;
  }

  .iframe_from_youtube {
    background: url(../img/no_tv.gif) 0px 0px no-repeat #676767;
    width: 482px;
    height: 272px;
    position: absolute;
    top: 75px;
    left: 74px;
  }

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

  .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: 470px;
  }

  .video_item>a>p {
    color: #595959;
    font-family: 'roboto_condensedlight', sans-serif;
    font-size: 18px;
    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: 66px;
    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-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: 366px;
    position: relative;
    z-index: 997;
  }

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

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

  #footer_navigation {
    width: 1180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }

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

  #f_menu_list>a {
    color: #f1f1f1;
    font-family: 'roboto_condensedlight', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 64px;
    margin-right: 38px;
    -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;
  }

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

  #change_lang a {
    color: #eaa055;
  }

  #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 {
    z-index: 3000;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

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

  #f_bottom {
    width: 1180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #f_contacts {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 300px;
  }

  #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: 440px;
  }

  .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;
    display: flex;
    justify-content: flex-end;
  }

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

  .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: 16px;
  }

  .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: 16px;
  }

  .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: 16px;
  }

  .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: 30px;
  }

  .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;
  }

  .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;
  }

  .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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1180px;
    display: block;
    /* margin: 0 auto; */
    margin-bottom: 20px;
  }

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

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

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

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

  .divider {
    height: 30px;
    background: url(../img/line_h_1180.png) 0% 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: 30px;
    padding-right: 30px;
    position: relative;
  }

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

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

  .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 !important;
    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: 18px;
    line-height: 26px;
    position: relative;
  }

  .close_hint {
    display: inline-block;
    color: #ffffff;
    font-family: 'roboto_condensedlight', sans-serif;
    font-size: 14px;
    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;
    cursor: pointer;
  }

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

  div.form {
    margin-top: 0px;
    margin-bottom: 30px;
    background: #f1f1f1;
    border-radius: 8px;
    width: 1180px;
    display: inline-block;
    position: relative;
    /* height: 560px; */
  }

  .form.chart {
    padding: 26px 30px 0;
    margin-bottom: 30px;
  }
  .form.chart.pr0 {
    padding-right: 0;
    padding-left: 60px;
  }
  .form.chart.pr0 .chartjs-render-monitor,
  .form.chart.pr0 .chart-items {
    padding-right: 60px;
  }

  @media only screen and (max-width : 1023px) {
    .form.chart {
      padding: 20px;
      margin-bottom: 20px;
    }
    .form.chart.pr0 {
      padding-left: 20px;
      padding-right: 20px;
    }
    .form.chart.pr0 .chartjs-render-monitor,
    .form.chart.pr0 .chart-items {
      padding-right: 20px;
    }
    .chart-items {
      padding-bottom: 0 !important;
    }
  }

  .chart-title {
    background: url(../img/line_h_blue_big.png) 100% 100% no-repeat;
    margin-bottom: 30px;
    padding-bottom: 5px;

    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .chart-title span {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 14px;
    padding: 0px 0px 0px 5px;
    top: -6px;
    position: relative;
    letter-spacing: 0px;
  }
  .chart-title i {
    width: 52px;
    height: 52px;
    /* border: 1px solid black; */
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 38px;
  }

  .chart-plugin {
    color: #fff;
    height: 476px;
    margin-bottom: 20px;
  }

  @media only screen and (max-width : 768px) { 
    .chart-plugin {
      height: 300px;
    }
  }

  @media only screen and (max-width : 640px) { 
    .chart-plugin {
      height: 185px;
    }
  }

  #chartdiv {
    background-color: #fff;
    border: 1px solid #bcaeae;
  }

  .chart-items {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
  }

  .chart-block {
    /* flex: 1 1 22%; */
    margin: -5px;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    width: 100%;
  }

  .chart-item {
    position: relative;
    margin: 5px 10px;
    flex: 0 1 calc(25% - 20px);
  }

  .chart-icon {
    width: 12px;
    min-width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ff6440;
    margin-right: 12px;
  }

  .chart-item input {
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
  }

  .chart-item .text {
    background-color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
    font-family: 'robotoregular', sans-serif;
    font-size: 18px;
    transition: 0.3s;
    text-wrap: nowrap;
  }

  @media only screen and (max-width : 1024px) {
    .chart-item .text {
      font-size: 16px;
    }
    .chart-item {
      margin: 5px;
      flex: 0 1 calc(25% - 10px);
    }
  }
  @media only screen and (max-width : 991px) {
    .chart-item .text {
      font-size: 14px;
      padding: 6px 12px;
    }
    .chart-icon {
      margin-right: 8px;
    }
  }

  .chart-item input:checked + .text,
  .chart-item .text.active {
    background-color: #ff8a42;
    color: #fff;
  }

  .group-link {
    margin-top: 5px;
    margin-left: auto;
    padding-top: 10px;
    width: 100%;
    display: flex;
    border-top: 1px solid #fff;
    justify-content: flex-end;
  }

  .group-link .link {
    background: 0;
    border: 0;
    padding: 0;
    text-align: right;
    color: #6676a4;
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
    font-family: 'robotoregular', sans-serif;
    margin-left: 8px;
    padding-left: 10px;
    position: relative;
  }
  .group-link .link:first-child {
    padding-left: 0;
  }
  .group-link .link::after {
    content: "|";
    position: absolute;
    left: 0;
    top: 0;
  }
  .group-link .link span {
    border-bottom: 1px dashed;
  }

  .tops-header {
    padding: 30px;
  }
  .tops-header.p2 {
    padding: 50px 0px 0px;
  }
  .tops-header.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px !important;
    /* margin-bottom: 20px; */
  }
  .tops-header.flex  .title {
    margin-bottom: 0 !important;
  }
  .tops-header.flex  .period {
    float: none;
    width: auto;
    font-size: 24px;
    color: #6676a4;
    font-family: 'robotoregular', sans-serif;
  }

  @media only screen and (max-width : 1024px) {
    .tops-header.flex  .period {
      font-size: 18px;
    }
    .tops-header.flex  .title {
      font-size: 18px !important;
    }
  }

  .question-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #ff8a42;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    font-family: 'robotoregular', sans-serif;
    cursor: pointer;
    /* transition: 0.3s; */
  }
  /* .question:hover .question-icon {
    transform: rotateY(360deg);
  } */
  .trends-music,
  .strimings-music {
    padding: 0 30px 30px;
  }
  .trends-music_header,
  .strimings-music_header {
    display: flex;
    font-size: 16px;
    color: #9f9f9f;
    margin-bottom: 8px;
  }
  @media only screen and (max-width : 1024px) {
    .trends-music_header,
    .strimings-music_header {
      display: none;
    }
    .trends-music,
    .strimings-music {
      padding: 0 0 20px;
    }
  }
  
  .strimings-music_position {
    width: 90px;
    margin-right: 30px;
  }
  .strimings-music_country {
    min-width: 320px;
    width: 320px;
    display: flex;
    align-items: center;
  }
  .trends-music_date {
    width: 190px;
  }
  .strimings-music_popular {
    width: 517px;
    /* flex: 1; */
    padding-right: 20px;
  }
  .popup_content .strimings-music_popular {
    flex: 1;
  }
  .popup_content .strimings-music_popular .song {
    background: 0;
    max-width: auto;
    padding: 0;
  }

  @media only screen and (max-width : 1200px) { 
    .strimings-music_popular {
      max-width: 302px;
    }
    .popup_content .strimings-music_popular {
      max-width: 100%;
    }
    .tops-header {
      padding: 10px;
    }

  }

  .strimings-music_popular .song {
    background: #ffffff;
    padding: 10px 16px;
    font-size: 16px;
    max-width: fit-content;
    border-radius: 5px;
  }
  .strimings-music_popular .artist {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .strimings-music_popular .artist a {
    text-decoration: none;
    display: inline;
  }
  .strimings-music_top {
    text-wrap: nowrap;
    flex: 1;
  }
  .strimings-music_top span {
    background-color: #d2d2d2;
    color: #666666;
    font-size: 13px;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 6px;
    cursor: pointer;
    transition: 0.3s
  }
  .strimings-music_top span:hover {
    background-color: #ff8a42;
    color: #fff;
  }
  .trends-music_track {
    width: 740px;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .trends-music_track .artist {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .trends-music_track .artist a {
    text-decoration: none;
    display: inline;
  }
  .trends-music_track span {
    font-size: 14px;
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
  }
  .trends-music_country {
    width: 120px;
    /* flex: 1; */
    text-align: center;
    margin: auto;
  }

  .popup_header.flex {
    padding: 20px;
  }

  .popup_header.flex .country {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-family: 'robotoregular', sans-serif;
  }
  .popup_header.flex .period {
    float: none;
    width: auto;
    font-family: 'robotoregular', sans-serif;
    color: #999999;
    font-size: 16px;
    align-items: center;
    padding-top: 5px;
    color: #ddd;
  }
  .popup_header.flex .period span.selectedShop {
    color: #999;
  }
  .popup_header.flex .period span {
    color: #6676a4;
    padding-left: 4px;
    padding-right: 4px;
  }

  .popup_content .strimings-music {
    padding: 20px 0 30px;
  }

  @media only screen and (max-width : 768px) { 
    .popup_header.flex .period {
      padding-top: 8px;
    }
    .popup_header.flex {
      flex-direction: column
    }
  }
  
  .popup_header.flex #popupCountry {
    font-size: 21px;
  }
  .strimings-music_country .img,
  .popup_header.flex .img {
    width: 30px;
    height: 20px;
    line-height: 20px;
    background-color: #d1d1d1;
    margin-right: 28px;
  }
  .popup_header.flex .img {
    margin-right: 12px !important;
  }

  .trends-music_country .img {
    width: 30px;
    height: 20px;
    background-color: #d1d1d1;
    margin: auto;
  }
  .trends-music_country img,
  .strimings-music_country img,
  .popup_header.flex img {
    width: 100%;
    height: 100%;
    object-fit: none;
  }
  .trends-music_count {
    margin-left: 60px;
  }
  .trends-music_count.bg-white {
    background-color: #fff;
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
  }
  .strimings-music_count {
    margin-left: 30px;
  }
  .popup_content .strimings-music_count.bg-white {
    width: 58px;
    height: 58px;
  }
  .strimings-music_count.bg-white {
    background-color: #fff;
    min-width: 78px;
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
  }

  #tracksList.trends-music_body {
    padding: 0 !important;
  }
  .trends-music_body,
  .strimings-music_body {
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    padding: 0 !important;
  }
  .strimings-music_body .strimings-music_country {
    font-size: 28px;
    line-height: 28px;
  }
  .strimings-music_body .strimings-music_position {
    font-size: 22px;
    text-align: center;
    min-width: 90px;
    width: 90px;
  }
  .trends-music_item {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d9dce0;
    transition: 0.3s;
  }

  .trends-music_item:first-child {
    border-top: 1px solid #d9dce0;
  }
  .trends-music_item:hover {
    background-color: #e0e2e4;
  }
  .strimings-music_item {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d9dce0;
    transition: 0.3s;
  }

  @media only screen and (max-width : 1024px) {
    .strimings-music_item {
      /* flex-direction: column; */
      padding: 20px;
    }
    .strimings-music_body .strimings-music_position {
      margin-right: 0;
      display: none;
    }
    .strimings-music_body .strimings-music_country {
      font-size: 20px;
    }
    .strimings-music_popular {
      font-size: 20px;
    }
    .strimings-music_count.bg-white {
      border-radius: 5px;
      height: auto;
      font-size: 20px;
      background: none;
      justify-content: flex-end;
    }
    .strimings-music_country .img, .popup_header.flex .img {
      margin-right: 12px;
    }
  }

  @media only screen and (max-width : 991px) { 
    .strimings-music_popular {
      display: none;
    }
    .popup_content .strimings-music_popular {
      display: block;
    }
    .strimings-music_top {
      display: none;
    }
    .strimings-music_country {
      flex: 1;
      min-width: auto;
    }
  }

  .strimings-music_item:first-child {
    border-top: 1px solid #d9dce0;
  }
  .strimings-music_item:hover {
    background-color: #e0e2e4;
  }
  .trends-music_body .trends-music_date {
    font-weight: 600;
    font-size: 15px;
    padding-left: 20px;
  }

  @media only screen and (max-width : 768px) { 
    .trends-music_item {
      flex-direction: column;
      padding: 20px;
    }
    .trends-music_date {
      text-align: center;
      padding-left: 0 !important;
      margin-bottom: 4px;
    }
    .trends-music_track,
    .trends-music_track .artist {
      width: 100%;
      white-space: wrap;
      overflow: visible;
      text-align: center;
      font-size: 16px;
    }
    .strimings-music_popular .artist,
    .strimings-music_body .strimings-music_country {
      font-size: 16px;
    }
    .trends-music_track {
      margin-bottom: 8px;
    }
    .trends-music_country {
      margin-bottom: 8px;
    }
    .trends-music_count.bg-white {
      /* width: 100%; */
      background: none;
      border-radius: 5px;
      height: auto;
      margin-top: 8px;
      font-size: 20px;
      margin-left: 0;
    }

    .js-popup-alert .popup_content {
      padding: 15px 20px 30px 20px;
    }
  }

  .js-popup-alert .popup_content p {
    font-size: 16px;
    line-height: 24px;
  }
  .js-popup-alert .popup_content p:not(:last-child) {
    padding-bottom: 10px;
  }


  @media only screen and (max-width : 1024px) { 
    .tops-header {
      padding: 0px;
    }
  }
  .tops-header .title {
    margin-bottom: 20px;
  }
  .tops-header_item {
    color: #6676a4;
    margin-bottom: 4px;
    font-size: 14px;
    font-family: 'robotoregular', sans-serif;
  }
  .tops-header_item #spnPeriod, .tops-header_item #spnStreamings {
    color: #6676a4;
    font-family: 'robotolight', sans-serif;
  }
  .tops-header_item span {
    font-weight: 600;
    color: #333333;
  }

  .tops-music, #tracksList.tops-music {
    padding: 0 30px 30px;
  }
  .tops-music.stream {
    padding: 0 20px 0 0;
  }

  @media only screen and (max-width : 1024px) { 
    .tops-music,
    #tracksList.tops-music {
      padding: 10px 0px 20px;
    }
  }
  .tops-music_item {
    border-top: 1px solid #d9dce0;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    height: 52px;
    transition: all 0.2s ease-out;
  }
  .tops-music.stream .tops-music_item:first-child {
    background-color: #e0e0e0;
    border-top: 0;
  }
  .tops-music.stream .tops-music_item .img {
    background: none;
  }
  .tops-music_item.active {
    color: #ff8a42;
  }
  .tops-music_item.active .name {
    color: #ff8a42;
  }
  .tops-music_item .img {
    width: 140px;
    height: 50px;
    background-color: #fff;
    padding: 15px;
    margin-right: 20px;
  }
  .tops-music_item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .tops-music_item .name {
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
  }

  .tops-music_item:hover {
    background: #e0e2e4;
  }
  .tops-music_item:last-child {
    border-bottom: 1px solid #d9dce0;
  }
  .tops-music_item .num {
    width: 60px;
    text-align: center;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-right: 18px;
    margin-left: 12px;
  }
  .tops-music_item .artist {
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
  }
  .tops-music_item .artist span {
    color: #6676a4;
  }
  .tops-music_item .artist a {
    color: #6676a4;
    text-decoration: none;
    display: inline;
  }
  .tops-music_item .count {
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    width: 100px;
    text-align: right;
    margin-right: 18px;
  }
  @media only screen and (max-width : 640px) { 
    .tops-music_item {
      /* flex-direction: column; */
      height: auto;
      padding: 15px;
      justify-content: space-between;
    }
    .tops-music_item .num {
      display: none;
    }
    .tops-music_item .artist {
      font-size: 16px;
      width: 100%;
      /* text-align: center; */
    }
    .tops-music_item .artist a {
      font-size: 16px;
    }
    .tops-music_item .count {
      /* font-size: 14px; */
      /* text-align: center; */
      margin: 0;
    }
    .tops-music_item .img {
      margin-right: 0;
      margin-bottom: 8px;
      /* width: 100%; */
    }
    .tops-music_item .count {
      width: 50px;
    }
    .tops-music.stream .tops-music_item .img {
      display: none;
    }
    .tops-music_item .name {
      font-size: 14px;
    }
  }

  .section-tops {
    display: flex;
  }

  .section-tops .form {
    width: calc(100% - 300px);
  }
  .section-tops .form.w50 {
    width: 50%;
  }

  .side-country {
    width: 300px;
    margin-left: 20px;
  }
  .side-country.w50 {
    width: 50%;
    margin-right: 60px;
    margin-top: 20px;
    padding-bottom: 30px;
  }

  .submenu-streaming {

  }

  .submenu-streaming__container {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    margin-bottom: 20px;
    position: relative;
  }
  .submenu-streaming__container.bn::before {
    display: none;
  }
  .submenu-streaming__container::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom:  -20px;
    left: 0;
    right: 0;
    min-height: 60px;
    height: auto;
    background: url(../img/line_h_light_gray.png) 20px 100% no-repeat;
  }

  .submenu-streaming__item {
    font-family: 'roboto_condensedregular', sans-serif;
    font-size: 18px;
    background: #f1f1f1;
    color: #666666;

    padding: 9px 22px;
    border-radius: 5px;
    margin: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
    user-select: none;
  }

  @media only screen and (max-width : 1024px) {
   .submenu-streaming__item {
      font-size: 16px;
      margin: 5px;
    }
  }
  @media only screen and (max-width : 991px) {
   .submenu-streaming__item {
      font-size: 14px;
      padding: 6px 8px;
    }
  }

  .submenu-streaming__item.active {
    background-color: #ff8a42;
    color: #fff;
  }

  .submenu-streaming__title {
    margin-top: 60px;
  }

  @media only screen and (max-width : 991px) {
    .section-tops {
      flex-wrap: wrap;
    }
    .section-tops .form {
      width: 100%;
    }
    .side-country {
      margin-left: 0px;
      width: 100%;
    }

    .side-country .title{
      margin-top: 0 !important;
    }

    .section-tops .form.w50 {
      width: 100%;
    }

    .side-country.w50 {
      width: 100%;
      margin-right: 20px;
      margin-top: 0;
    }
    .side-country_container {
      height: 398px;
    }
  }

  .side-country .title {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .side-country .title span {
    color: #ff8a42;
  }
  .side-country .title span.line {
    color: #cdcdcd;
    padding: 0 4px;
  }
  .side-country_container {
    margin-bottom: 30px;
  }
  .side-country_item {
    font-family: 'roboto_condensedregular', sans-serif;
    color: #fff;
    margin-bottom: 2px;
    padding: 8px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 74px;
    font-size: 20px;
    color: #fff;
  }
  .side-country_item.fit {
    min-width: fit-content !important;
  }
  .side-country_item .bg {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ff6100;
    background: linear-gradient(90deg, rgba(255,138,66,1) 0%, rgba(255,101,65,1) 100%);
    width: 100%;
    min-width: 74px;
    height: 100%;
    opacity: 1 !important;
  }
  .side-country_item .flag {
    min-width: 30px;
    width: 30px;
    height: 17.5px;
    margin-right: 8px;
    z-index: 1;
  }
  .side-country_item .flag img {
    width: 100%;
    height: 100%;
    object-fit: none;
  }
  .side-country_item .name.hide {
    display: none;
  }
  .side-country_item .name {
    flex: 1;
    padding-right: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    z-index: 1;
  }
  .side-country_item .count {
    z-index: 1;
    margin-left: auto;
  }
  .side-country_text {
    font-family: 'robotoregular', sans-serif;
    color: #6676a4;
    font-size: 14px;
  }
  .side-country_text #otherCountries,
  .side-country_text #unknownCountries {
    font-family: 'robotoregular', sans-serif;
    color: #6676a4;
    font-size: 14px;
  }
  .side-country_text span {
    color: #333333;
    font-weight: 600;
    padding-right: 4px;
  }

  .stats_info p:last-child {
    margin-bottom: 20px;
  }

  .stats_info_list {
    padding: 30px;
  }

  .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_item:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-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;
  }

  .stats_info_item a {
    font-size: 14px;
    margin: 5px 0px;
    display: unset;
  }

  .stats_info_img {
    padding: 15px 30px 15px;
    height: 150px;
    overflow: hidden;
  }

  .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 .city {
    color: #9299a2;
    font-size: 14px;
  }

  form#upload_form {}

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

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

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

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

  .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;
  }

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

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

  .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);
  }

  @media (min-width: 1024px) {
  .field,
  .field_noreq,
  .field_bigform_noreq {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 60px;
    /* border: 1px solid red; */
    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 30px;
    width: 620px;
    background: #ffffff;
    border: 1px solid #9299a2;
    border-radius: 8px;
    line-height: 80px;
    height: 80px;
    vertical-align: middle;
  }

  .field,
  .field_noreq {
    width: 740px;
  }

  .field_bigform_noreq {
    width: 1060px;
  }

  .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;
    width: 700px;
    margin-top: 20px;
    margin-left: 10px;
    /* border: 1px solid red; */
    padding-left: 24px;
  }

  .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;
    width: 580px;
    margin-top: 20px;
    margin-left: 10px;
    padding-left: 24px;
    background: transparent;
  }

  .field label,
  .field_noreq label,
  .quest_field label,
  .field_bigform label,
  .field_bigform_noreq label {
    position: absolute;
    left: 34px;
    top: 0px;
    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; */
    pointer-events: none;
  }

  .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,
  .quest_field input:focus+label,
  .field_noreq_has_data input+label,
  .quest_field_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: 14px;
    outline: 0;
    color: #9299a2;
    pointer-events: none;
  }

  .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 !important;
    color: #666666;
    padding-top: 12px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  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;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

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

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

  .payments_block .field_bigform_text a {
    background: 0;
    border: none;
    color: #6676a4;
    text-decoration: underline;
    padding: 0;
  }

  .payments_block .field_bigform_text a i {
    -webkit-filter: none;
    filter: none;
  }

  .field_bigform_text a {
    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: inline-block;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    padding: 10px 25px;
    text-decoration: none;
    float: right;
  }

  .field_bigform_text a i {
    display: inline-block;
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: relative;
    top: 6px;
    left: -3px;
    background: url(../img/sprite.png) -660px -250px no-repeat;
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }

  .field_bigform_text .title b {
    color: #333;
    font-size: 16px;
    padding-right: 6px;
  }

  .field_bigform_text .title {
    font-weight: bold;
    color: #ff8a42;
    font-size: 24px;
    margin-bottom: 10px;
  }

  .field_bigform_text #otherData {
    margin-top: 15px;
  }

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

  .field_bigform_text #otherData b {
    padding-right: 6px;
  }

  @media (min-width: 1024px) {
  .field_bigform {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 60px;
    /* border: 1px solid red; */
    width: 1060px;
    background: #ffffff;
    border: 1px solid #9299a2;
    border-radius: 8px;
    line-height: 80px;
    height: 80px;
    vertical-align: middle;
  }
  }

  .field_bigform input:disabled {
    background: 0;
    padding-top: 12px;
  }

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

  .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;
    width: 1020px;
    margin-top: 20px;
    margin-left: 10px;
    /* border: 1px solid red; */
    padding-left: 24px;
  }

  @media (min-width: 1024px) {
    .textarea {
      position: relative;
      margin-bottom: 40px;
      margin-left: 60px;
      /* border: 1px solid red; */
      width: 740px;
      background: #ffffff;
      border: 1px solid #9299a2;
      border-radius: 8px;
      line-height: 170px;
      height: 170px;
      display: inline-block;
    }
    #lyricsPopup .textarea label {
      line-height: 1;
      background-color: #fff;
      top: 0px;
      width: 95%;
      height: 54px;
      padding-top: 30px;
    }
    #lyricsPopup .textarea textarea:focus+label, #lyricsPopup .textarea_has_data>label {
      line-height: 1;
      top: 0;
      transform: none !important;
    }
    #lyricsPopup .textarea textarea:valid + label  {
      line-height: 1;
      top: 0 !important;
      transform: none !important;
      font-size: 14px !important;
    }
    #lyricsPopup  .textarea {
      margin: 12px 24px 24px;
      width: 93%;
      height: 300px;
    }
    #lyricsPopup .textarea textarea {
      width: 101%;
      /* margin-right: 30px; */
      background: transparent;
      height: 299px;
      margin-top: 0;
      padding-top: 52px;
      padding-bottom: 24px;
    }

    #lyricsPopup .textarea textarea::-webkit-scrollbar {
      width: 10px;
      border-radius: 10px;
    }
  
    #lyricsPopup .textarea textarea::-webkit-scrollbar-track {
      background-color: #d9dce0;
      border-radius: 10px;
    }
  
    #lyricsPopup .textarea textarea::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #ff8a42;
    }

    #lyricsPopup .div_button {
      float: none;
      display: flex;
      justify-content: center;
      margin-right: 0;
      margin-left: 0;
    }

    #lyricsPopup .popup_content {
      padding-right: 0;
    }
  }

  .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;
    width: 700px;
    margin-top: 10px;
    margin-left: 10px;
    /* border: 1px solid red; */
    padding-left: 24px;
    resize: none;
    overflow: auto !important;
  }

  .textarea_wide {
    width: 1060px;
  }

  .textarea_wide textarea {
    width: 1020px;
  }

  .textarea_quest {
      margin: 0px 0px 20px 30px;
      width: 620px;
    }

    .textarea_quest textarea {
      width: 580px;
    }

  .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; */
  }

  .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: 14px;
    outline: 0;
    color: #9299a2;
    pointer-events: none;
  }

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

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

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

  .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) 100% 100% no-repeat;
    height: 1px;
    margin: 10px 0px 10px 0px;
  }

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

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

  .payments_block .field_tip a {
    color: #ff8a42;
  }

  .payments_block .field_tip a:hover {
    text-decoration: none;
  }

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

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

  .div_button_center {
    float: none !important;
    display: flex !important;
    justify-content: center;
    margin-bottom: 0 !important;
  }

  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;
    width: 1180px;
    min-height: 100px;
    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;
    width: 230px;
    height: 300px;
  }

  .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;
  }

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

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

  .ftp_content {
    width: 920px;
    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: 40px;
    margin-bottom: 15px;
    color: #666666;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    line-height: 22px;
  }

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

  .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.balance:hover {
    top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .norentals,
  #unfinished,
  #unfinished {
    clear: both;
    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;
    min-height: 100px;
  }

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

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

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

  #unfinished.track_statistics>.unfinished_message {
    width: 800px;
  }

  .norentals:hover,
  #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,
  .norentals p.header {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    padding: 26px 10px 0px 0px;
    letter-spacing: -0.5px;
    height: 56px;
    background: url(../img/line_h_orange_long.png) 0% 100% no-repeat;
    margin-bottom: 14px;
  }

  #unfinished p.text,
  .norentals p.text {
    color: #666666;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    padding: 0px 10px 0px 0px;
  }

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

  #unfinished a {
    color: #595959;
  }

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

  #unfinished ul {
    margin: 5px 0px 15px 30px;
    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;
    margin-bottom: 2px;
  }

  #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_error_logo_img {
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(../img/sprite.png) -773px -505px no-repeat;
    width: 115px;
    height: 115px;
  }

  .unfinished_message {
    width: 920px;
    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;
    padding: 30px 0;
  }

  #unfinishedNew.with-bg {
    padding: 45px 60px 50px;
    display: inline-block;
    background: #f1f1f1;
    border-radius: 8px;
    margin-bottom: 30px;
    width: 100%;
  }
  #unfinishedNew.with-bg #unfinished {
    margin: 0;
  }

  @media (max-width: 1024px) {
    #unfinishedNew.with-bg .unfinished_message {
      width: 70%;
    }
  }
  @media (max-width: 768px) {
    #unfinishedNew.with-bg .unfinished_message {
      width: 100%;
    }
  }

  /* Загрузка трека. Шаг 1. Конец */
  /* Форма. Дополнительные элементы. Начало */
  h2.form {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: 60px;
  }

  .bf_margin_left {
    margin-left: 60px !important;
  }

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

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

  .mb20 {
    margin-bottom: 20px;
  }

  .mb40 {
    margin-bottom: 40px;
  }

  .description_form {
    margin: 0px 60px 30px 60px;
    }
    
  .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;
    cursor: pointer;
  }

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

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

  .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;
  }

  .link {
    cursor: pointer;
  }

  /* Дополнительные ссылки под формой. Конец */
  /* Форма. Шаг 2. Начало */
  #album_info {
    margin-bottom: 30px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  #album_info.step1 {
    justify-content: flex-start;
  }

  .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;
  }

  #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;
  }

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

  .small_cover {
    /* border: 1px solid red; */
    width: 102px;
    height: 102px;
    display: inline-block;
    float: left;
    background: url(../img/nocover_100.png) 0px 0px no-repeat #ffffff;
    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 {
    /* border: 1px solid red; */
    width: 98px;
    height: 98px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .album_text_info {
    display: flex;
    flex-direction: column;
    margin-right: 0px;
    margin-left: 20px;
    position: relative;
    width: 61%;
  }

  @media (max-width: 888px) {
    .album_text_info.width {
      width: 100% !important;
      margin-left: 0;
      margin-top: 30px;
    }
    .ai_right.width {
      width: 100% !important;
    }
  }

  .ati_header {
    color: #333333;
    font-size: 30px;
    font-family: 'robotoregular', sans-serif;
    margin-bottom: 10px;
    line-height: 33px;
    word-break: break-all;
    position: relative;
    left: -2px;
    width: 660px;
}

  .ati_description {
    color: #666666;
    font-size: 16px;
    line-height: 21px;
    font-family: 'robotoregular', sans-serif;
    margin-bottom: 15px;
    width: 630px;
    line-height: 20px;
    position: relative;
  }

  .track_header .ati_description_ean {
    margin-bottom: 14px;
  }

  .ati_description_ean {
    position: relative;
    top: -2px;
    font-size: 12px;
    color: #666666;
  }

  .ati_description_ean > .ean {
    color: #ff8a42;
    font-size: 12px;
    font-weight: bold;
  }

  .empty_editable {
    color: #abacad;
  }

  .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;
    position: relative;
  }

  .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;
    min-height: 32px;
  }

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

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

  .ati_header[contenteditable="true"]:hover:before,
  .ati_header[contenteditable="true"]:focus:before {
    display: inline-block;
    opacity: 1;
  }

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

  .ati_description[contenteditable="true"]:hover:before,
  .ati_description[contenteditable="true"]:focus:before {
    opacity: 1;
    
  }

  .ati_delete_time {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .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: 14px;
    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: 740px;
    height: 250px;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
  }

  .close_button,
  .js-button-iso3166_window,
  .js-button-genre_window,
  .js-button-statistic_window {
    cursor: pointer;
  }

  .multifiles {
    display: inline-block;
    margin: 1px 0px 22px 60px;
    width: 740px;
    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: 150px;
  }

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

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

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

  .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: 340px;
    display: inline-block;
    margin-top: 38px;
  }

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

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

  .ur_list {
    background: url(../img/line_h_orange.png) 100% 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: 22px;
  }

  .ur_add_text p {
    color: #9299a2;
    font-family: 'roboto_condensedlight';
    font-size: 16px;
  }

  .ur_add_text a {
    color: #ff8a42;
  }

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

  .fl_trackitem {
    min-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 {
    min-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: 2;
    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: 16px;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    height: 20px;
    overflow: hidden;
  }

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

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

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

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

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

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

  a.fl_delete {
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 22px;
    background: url(../img/sprite.png) -553px -26px no-repeat;
    position: relative;
    top: 23px;
    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;
  }

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

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

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

  #upload_form .fl_del {
    width: 25px;
  }

  /* Форма. Шаг 2. Конец */
  /* Форма. Шаг 3. Начало */
  .fileslist_edit {
    display: inline-block;
    margin: 38px 60px 10px 60px;
    width: 1060px;
    /* border: 1px solid red; */
    position: relative;
  }

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

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

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

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

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

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

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

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

  .what_this_clause {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    cursor: pointer;
  }

  .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: 16px;
    display: inline;
  }

  .fle_body {
    border-top: 1px solid #d9dce0;
  }

  .fle_track {
    height: 52px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .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_option {
    padding: 0 60px;
  }

  .flet_option select {
    outline: none;
    /* padding: 5px 15px; */
    padding: 5px 34px;
    border: 1px solid #9299a2;
    border-radius: 3px;
    color: #333333;
    font-size: 16px;
  }

  .flet_number {
    display: inline-block;
    position: relative;
    top: 12px;
    width: 64px;
    text-align: center;
  }

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

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

  .clearable {
    width: 100% !important;
    padding-left: 2em;
  }

  .clearable input[type=text] {
    padding-right: 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .clear_clearable {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 8px;
    font-style: normal;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  .flet_time {
    display: inline-block;
    position: relative;
    top: 18px;
    width: 62px;
    margin: 0px 15px 0px 15px;
    overflow: hidden;
  }

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

  .flet_play {
    display: inline;
    position: relative;
    top: 6px;
    right: 0px;
    margin-right: 14px;
    /* 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: 16px;
    line-height: 28px;
    border-radius: 3px;
    border: 1px solid #9299a2;
    height: 28px;
    width: 250px;
    outline: none;
    padding: 2px 8px 0px 8px;
  }

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

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

  input.track_isrc::-webkit-input-placeholder {
    color: #c3c3c3;
  }

  input.track_isrc::-moz-placeholder {
    color: #c3c3c3;
  }

  input.track_isrc:-ms-input-placeholder {
    color: #c3c3c3;
  }

  input.track_isrc::-ms-input-placeholder {
    color: #c3c3c3;
  }

  input.track_year::-webkit-input-placeholder {
    color: #c3c3c3;
  }

  input.track_year::-moz-placeholder {
    color: #c3c3c3;
  }

  input.track_year:-ms-input-placeholder {
    color: #c3c3c3;
  }

  input.track_year::-ms-input-placeholder {
    color: #c3c3c3;
  }

  input.track_text::-webkit-input-placeholder {
    color: #c3c3c3;
  }

  input.track_text::-moz-placeholder {
    color: #c3c3c3;
  }

  input.track_text:-ms-input-placeholder {
    color: #c3c3c3;
  }

  input.track_text::-ms-input-placeholder {
    color: #c3c3c3;
  }

  input.track_isrc:focus::-webkit-input-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus::-moz-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus:-ms-input-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus::-ms-input-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus::-webkit-input-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus::-moz-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus:-ms-input-placeholder {
    text-indent: -300px;
  }

  input.track_isrc:focus::-ms-input-placeholder {
    text-indent: -300px;
  }

  input.track_text:focus::-webkit-input-placeholder {
    text-indent: -300px;
  }

  input.track_text:focus::-moz-placeholder {
    text-indent: -300px;
  }

  input.track_text:focus:-ms-input-placeholder {
    text-indent: -300px;
  }

  input.track_text:focus::-ms-input-placeholder {
    text-indent: -300px;
  }

  .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: 44px; */
    float: left;
    /* margin-left: 60px; */
  }

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

  .div_button~.back_link {
    top: 44px !important;
  }

  #pdf~.back_link {
    top: -20px
  }

  .pdf_link {
    display: inline-block;
    position: relative;
    /* top: 10px; */
    /* top: 17px; */
    /* float: right; */
    margin-right: 40px;
  }

  .contract_pdf_link>a,
  .pdf_link>a,
  .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;
    text-decoration: underline;
  }

  .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 60px 10px 60px;
    width: 1060px;
    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 180px;
    /* 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: 22px;
    display: inline-block;
    line-height: 26px;
    margin-bottom: 18px;
  }

  .complete_message_alert {
    display: inline-block;
    margin: 38px 30px 38px 30px;
    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: 30px 0px 0px 160px;
    float: right;
  }

  .div_button_a {
    display: inline-block;
    float: right;
    margin-right: 60px;
    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: 10px 0px 10px 62px;
  }

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

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

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

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

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

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

  .add_tag.low>span {
    color: #ff8a42;
    text-transform: lowercase;
  }

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

  #actionForAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 60px 30px 60px;
    padding: 17px 10px 14px 10px;
    background: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #d9dce0;
  }

  #actionForAll>span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    padding: 0px 10px 0px 10px;
    position: relative;
    top: 2px;
    font-weight: bolder;
  }

  #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 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0px 10px 0px 10px;
  }

  #applyForAll {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px;
    margin-right: 5px;
  }

  /* Форма. Шаг 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; */
    background: #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: 20px 60px 30px 60px;
    width: 1060px;
    /* border: 1px solid red; */
    position: relative;
  }

  .spoiler-wrapper .spoiler-l-tracks {
    margin-left: 16px;
    margin-top: 6px;
  }

  .flo_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;
  }

  .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: 90px;
  }

  .flo_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: 38px;
  }

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

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

  .flo_marker {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    width: 60px;
    margin: 0px 34px 0px 34px;
  }

  .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: 80px; */
    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: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 18px;
    top: 15px;
    position: relative;
  }

  .floi>i.build {
    width: 50px;
    height: 50px;
    display: block;
    background: url(../img/sprite.png) -31px -154px no-repeat;
  }

  .floi>i.radios {
    width: 50px;
    height: 50px;
    display: block;
    background: url(../img/sprite.png) -113px -155px no-repeat;
  }

  .flo_date_time p {
    color: #666;
    font-family: 'robotoregular', sans-serif;
    font-size: 15px;
    top: 18px;
    position: relative;
  }

  .flo_song .song {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    margin-bottom: 4px;
    top: 20px;
    position: relative;
    height: 25px;
    overflow: hidden;
  }

  .flo_song .song a {
    display: inline;
  }

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

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

  .flo_place p.null_object,
  .crt_artist p.null_artist {
    color: #aaaaaa;
  }

  .more_tracks {
    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;
  }

  .more_tracks.playlist {
    width: 260px;
  }

  .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: 8px;
    left: -3px;
    background: url(../img/sprite.png) -600px -247px no-repeat;
  }

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

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

  /* Моя музыка. Онлайн. Конец */
  /* Моя музыка. Альбомы. Начало */
  .new_music,
  .musical_mood,
  .musical_genres {
    width: 1180px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

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

  .new_music_item:nth-child(4n) {
    margin-right: 0px;
  }

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

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

  .new_music.without_slick {
    padding: 0px 0px 40px 0px !important;
  }

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

  .without_slick~.back_link {
    top: 0;
    margin-right: 0;
  }

  div.albums {
    margin-top: 30px;
    /* margin-bottom: 30px; */
    width: 1180px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .album_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 280px;
    height: 350px;
    margin-right: 20px;
    margin-bottom: 40px;
  }

  .album_item:nth-child(4n) {
    margin-right: 0px;
  }

  .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_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_header_mood,
  .ai_header_genres {
    background: #ffffffcc;
    /* #ffffff c прозрачностью 80% */
    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_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>p,
  .ai_header_genres>p {
    color: #333333;
    font-family: 'roboto_condensedregular', sans-serif;
    font-size: 20px;
    padding: 22px 20px 22px 20px;
    display: inline-block;
  }

  .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: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: 280px;
    height: 280px;
    border: 1px solid #eee;
    background: url(../img/nocover_280.png) 0px 0px 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;
  }

  .album_item a {
    text-decoration: none;
  }

  .ai_header {
    background: #ffffffcc;
    /* #ffffff c прозрачностью 80% */
    display: inline-block;
    z-index: 1;
    position: absolute;
    width: 280px;
    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: 280px;
    height: 280px;
    -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;
    width: 280px;
    word-break: break-all;
  }

  .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_and_status .ai_info {
    flex: 1px;
  }

  .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_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: 10px;
    top: 10px;
    z-index: 1;
    font-size: 14px;
    background: #ffffffcc;
    border-radius: 5px;
    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;
  }

  .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: 280px;
    height: 60px;
    padding: 0 25px;
    cursor: pointer;
    text-transform: uppercase;
  }

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

  .personal_button #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);
  }

  .personal_button #btnAdd 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;
    -webkit-filter: brightness(3);
    filter: brightness(3);
  }

  .personal_button_custom {
    margin-top: 40px;
  }

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

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

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

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

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

  #selectionsList .ai_info.add_album {
    font-size: 15px;
  }

  #selectionsList .ai_info.added_album {
    font-size: 15px;
  }

  #selectionsList .ai_info.add_album i {
    background: url(../img/sprite.png)-723px -287px no-repeat;
    width: 14px;
    height: 14px;
  }

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

  .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);
  }

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

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

  .mmh_item_recall:first-child {
    left: 0;
    width: 145px;
    text-align: right;
  }

  .mmh_item_recall:nth-child(2) {
    position: absolute;
    left: 385px;
  }

  .mmh_item_recall:last-child {
    left: 720px;
  }

  /* конец */
  .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;
  }

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

.pre_moderation {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  background: url(../img/upload2.png) center no-repeat #6676a4;
  background-size: 70px;
  /* #888888; */
  cursor: help !important;
}

.start_moderation {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  background: url(../img/upload1.png) center no-repeat #6676a4;
  background-size: 70px;
  /* #888888; */
  cursor: help !important;
}


.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_gray {
    background: url(../img/line_h_light_gray.png) 100% 100% no-repeat;
    height: 1px;
    margin: 0px 0px 30px 0px;
  }

  .hr_dark_gray {
    background: url(../img/line_h_1180.png) 100% 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_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 30px 12px 0px;
  }

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

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

  .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;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button_center {
    margin: 15px auto 0;
  }

  .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;
  }

  .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 {
    height: 50px;
    background: url(../img/line_h_1180.png) 0% 100% no-repeat;
    width: 100%;
  }

  /* .search_input {
  background: #f1f1f1;
  border-radius: 8px;
  display: inline-block;
  width: 1180px;
  padding-left: 30px;
  padding-top: 6px;
  padding-bottom: 4px;
  margin-bottom: 0px;
} */
  .search_input.video {
    top: auto;
    padding: 20px 60px 0px 30px;
    margin-right: 0;
    width: 100%;
  }

  .search_input.video>input.search_text {
    width: 100%;
    padding: 0px 25px 0px 25px;
    border: 1px solid #d9dce0;
    height: 40px;
  }

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

  .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: 250px;
    outline: none;
    padding: 2px 8px 0px 8px;
  }

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

    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .search_select {
    display: inline-block;
    position: relative;
    top: 11px;
    /* 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: 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;
  }

  .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: -450px;
    -webkit-transition: text-indent 0.7s ease;
    transition: text-indent 0.7s ease;
  }

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

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

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

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

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

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

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

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

  .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_pay_add i,
  .add_my_playlist i {
    display: inline-block;
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: relative;
    top: 6px;
    left: -3px;
    background: url(../img/sprite.png) -660px -250px no-repeat;
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }

  button.button_small {
    /* background: url(../img/binocle_blue_small.png)  16px 5px  no-repeat #ffffff; */
    background: url(../img/binocle_white_small.png) 16px 5px no-repeat #6676a4;
    font-size: 15px;
    font-family: 'robotoregular', sans-serif;
    text-transform: uppercase;
    /* color: #595959; */
    color: #ffffff;
    width: 134px;
    height: 28px;
    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;
  }

  .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,
  .search {
    background: #f1f1f1;
    border-radius: 8px;
    display: inline-block;
    width: 1180px;
    padding-left: 30px;
    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: 312px;
    outline: none;
    padding: 2px 8px 0px 8px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .search_albums_input>input.wide {
    width: 1020px;
  }

  .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) 290px 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: 312px;
    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: 60px;
  }

  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;
  }

  .tl_track_recall {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .tl_track_recall .tl_artist,
  .tl_track_recall .tl_song,
  .tl_track_recall .tl_album {display: flex;}

  .tl_track_recall .tl_artist {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 25%;
    display: block;
    padding-left: 20px;
  }

  .tl_track_recall .tl_song {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 25%;
    display: block;
  }

  .tl_track_recall .tl_album {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 25%;
    display: block;
  }

  .genreslist {
    display: inline-block;
    margin: 38px 60px 38px 60px;
    width: 1060px;
    position: relative;
  }

  .genreslist.new_position .tlh_item:nth-child(2) {
    left: 365px;
  }

  .genreslist.new_position .tlh_item:nth-child(3) {
    left: 695px;
  }

  .genreslist.new_position .tlh_item:last-child {
    left: 905px;
  }

  .genreslist.new_position .tl_time {
    width: 110px;
  }

  .genreslist.new_position .tl_album,
  .genreslist.new_position .tl_album a {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .genreslist .tl_track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .genreslist .tl_song,
  .genreslist .tl_album,
  .genreslist .tl_time,
  .genreslist .tl_number,
  .genreslist .tl_artist,
  .genreslist .tl_play {
    position: relative !important;
    left: auto;
    top: auto;
  }

  .genreslist .tl_time {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 210px;
  }

  .genreslist .tl_song {
    width: 333px;
  }

  .genreslist .tl_song p {
    width: 333px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .genreslist .tl_album {
    width: 333px;
  }

  .genreslist .song {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 9px;
    margin: 0 15px;
  }

  .genreslist .compilation_add {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 15px;
  }

  .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: 16px;
    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>p {
    width: 298px;
  }

  .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 {
    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);
  }

  .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;
    width: 600px;
    left: 50%;
    top: 15%;
    margin-left: -300px;
    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);
  }

  #holdersPopup .modal-content {
    max-width: 790px;
  }

  .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:disabled~label,
  .holders-item input:read-only~label,
  .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:disabled + .holders-proc {
    background: #f0f0f0;
  }

  .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;
  }

  .tracklist {
    display: inline-block;
    /* margin: 38px 60px 38px 60px; */
    margin: 38px 60px 19px 60px;
    width: 1060px;
    position: relative;
  }

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

  .tracklist_detail .tlh_item:nth-child(3) {
    left: 860px !important;
  }

  .tl_header {
    position: relative;
    height: 25px;
    display: flex;
  }

  .tl_body {
    position: relative;
  }

  /* Блок YT и SC на детальной страници трека. Конец */
  /* Отозванные треки */
  .tlh_item.related:nth-child(1) {
    left: 0px;
  }

  .tlh_item.related:nth-child(2) {
    left: 400px;
  }

  .tlh_item.related:nth-child(3) {
    left: 690px;
  }

  .tlh_item.related:last-child {
    left: 800px;
  }

  .related_other {
    left: 800px;
    position: absolute;
    top: 16px;
    width: 200px;
    overflow: hidden;
  }

  .related_share {
    left: 690px;
    width: 30px;
    top: 16px;
    position: absolute;
    overflow: hidden;
  }

  .tl_album_related {
    position: absolute !important;
    left: 400px;
    top: 16px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 280px;
  }

  @media (min-width: 1024px) {
  .search_result_tracks .tl_song>a,
  .search_result_tracks .tl_song {
    width: 325px;
  }
  }

  .tl_artist_related {
    position: absolute !important;
    left: 20px;
    top: 16px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 350px;
  }

  .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;
    outline: none;
    padding: 2px 8px 0px 8px;
  }

  /* Отозванные треки */
  .tlh_item {
    display: flex;
    margin-bottom: 5px;
    justify-content: space-around;
  }

  .tlh_item:first-child {
    width: 25%;
    margin-left: 50px;
    display: flex;
    justify-content: flex-start;
  }
  .tlh_item:nth-child(2) {
    width: 32%;
    display: flex;
    justify-content: flex-start;
  }
  .tlh_item:nth-child(3) {
    width: 10%;
    display: flex;
    justify-content: flex-start;
  }
  .tlh_item:nth-child(4) {
    width: 10%;
    display: flex;
    justify-content: flex-start;
  }
  .tlh_item:last-child {
   width: 10%; 
   display: flex;
   margin-left: 30px;
   margin-right: 20px;
  justify-content: flex-end;
  }

  .search_result_tracks .tlh_item:last-child {
    width: 28.6%;
  }

  


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

  .tlh_item>p>span {
    color: #ff8a42;
    font-family: 'robotoregular', sans-serif;
    font-size: 22px;
  }

  .tlh_item.top6 {
    position: relative;
    top: -6px;
  }

  .tlh_item.top2 {
    position: relative;
    top: -2px;
  }

  .tl_track,
  .tl_balance {
    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;
  }

  .tl_track:first-child,
  .tl_balance:first-child {
    border-top: 1px solid #d9dce0;
  }

  .tl_track:hover,
  .tl_balance: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;
  }

  @media (min-width: 1024px) {
  .tl_number {
  }
  }

  .tl_number>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    margin-left: 28px;
    margin-right: 18px;
  }

  @media (min-width: 1024px) {
  .tl_artist {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  

  .tl_artist>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    
  }
  
  }

  .author_album_page .tl_song {
    width: 390px;
  }


  @media (min-width: 1024px) {
  .tl_song {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  }

  .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;
  }
  .tl_song_explicit a {
    color: #fff;
  }

  .tl_song>a {
    color: #6676a4;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  @media (min-width: 1024px) {
  .tl_album {
    position: absolute !important;
    left: 702px;
    top: 16px;
  }
  }

  .tl_album>a {
    color: #6676a4;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
  }

  @media (min-width: 1024px) {
  .tl_input {
  }
  }

  .tl_list {
    cursor: pointer;
  }

  .tl_list:hover i {
    background: url(../img/sprite.png) -426px -69px no-repeat;
  }

  .tl_list i {
    background: url(../img/sprite.png) -426px -22px no-repeat;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
  }

  .playlist_modal .albums {
    width: auto !important;
  }

  .playlist_modal .album_item {
    height: auto !important;
  }

  .myplaylist .ai_desc {
    font-size: 14px;
    padding: 0 20px 20px !important;
  }

  .myplaylist .ai_header>p {
    padding: 22px 20px 2px 20px;
  }

  .playlist_modal .album_item {
    margin-right: 10px;
    margin-left: 10px;
  }
  
  .modal-content.popup_playlist_content {
    width: 940px;
  }

  .active_track {
    color: #ff8a42;
    font-family: 'robotoregular', sans-serif;
    font-size: 21px;
  }

  .not_active_track {
    color: #9f9f9f !important;
    font-family: 'robotoregular', sans-serif;
    font-size: 21px;
  }
  .not_active_track sup {
    position: relative;
    top: -10px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'robotolight', sans-serif;
  }

  .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;
  }

  .tl_certificate_moderate:hover {
    cursor: help;
    width: 26px;
    height: 36px;
    background: url(../img/sert_grey_hover.png) 0px 0px no-repeat;
  }

  @media (min-width: 1024px) {
  .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: 38px;
    line-height: 20px;
    cursor: pointer;
  }

  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;
  }

  @media (min-width: 1024px) {
  .tl_time {
  }
  }

  .div_button_position {
    margin-right: 0 !important;
  }

  .button_center {
    margin-bottom: 30px;
  }

  .button_center button {
    margin: 0 auto;
  }

  .field_margin {
    margin-top: 38px;
  }

  .cover_margin {
    margin-top: 38px;
  }

  .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; */
    background: #f7f7f7;
    border: 2px solid #ff8a42;
    color: #ff8a42;
    /* color: #ff8a42; */
    border-radius: 50%;
    /* border-radius: 5px; */
    cursor: pointer;
    padding: 0px 0px 0px 1px;
  }

  .tl_song_button.green {
    background: #2ca23c;
    border: 1px solid transparent;
    color: #fff;
  }

  .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;
    border-bottom: 1px solid #d9dce0;

    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_fixed .select2 {
    top: 50%;
    left: 100%;
    transform: translate(-130%, -50%);
    position: absolute;
  }

  .playlist_selection_name {
    max-width: 56%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playlist_selection_name span {
  color: #717983;
}

  .playlist_selection {
    margin-bottom: 28px;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 19px 20px;
    /* height: 67px; */
    /* display: inline-block; */
    /* transition: 0.3s; */
  }

  /* .playlist_selection.active{
    transform: translateY(-24px);
    margin-bottom: 0;
   } */

  .playlist_selection_item {
    display: flex;
    align-items: center;
  }

  .playlist_selection_container {
    display: flex;
    align-items: center;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    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_time>p {
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    color: #666666;
  }

  .tl_play,
  .tl_play_certificate {
    display: inline !important;
    position: absolute;
    top: 10px;
    right: 20px;
    /* border: 1px solid blue; */
  }

  .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.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;
  }

  .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;
  }

  .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 #fff;
    border-radius: 5px;
    margin-right: 0px;
    margin-top: 0px;
    position: relative;
  }

  .small_cover_album.size {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    width: 68px;
    height: 68px;
    background-size: cover;
  }

  .small_cover_album.size .small_cover_image {
    width: 68px;
    height: 68px;
  }

  @media only screen and (max-width: 768px) {
    .small_cover_album.size {
      margin-right: 0;
      margin-bottom: 12px;
    }
  }

  .small_cover_album_large,
  .small_cover_album_large img {
    width: 120px !important;
    height: 120px !important;
  }

  .platform_menu {
    height: auto !important;
  }

  .platform_menu + #album_info .ai_right {
    width: 290px;
  }

  @media (max-width: 1024px) {
    .small_cover_album_large + .album_text_info {
      width: 27%;
    }

    #block_main_streaming ul.stats_list {
      margin: 0px auto !important;
      width: 324px !important;
    }
    #block_main_streaming .bs_button {
      margin-left: 100px !important;
      top: -20px;
      position: relative;
    }
  }
  @media (max-width: 640px) {
    .small_cover_album_large + .album_text_info {
      width: 100%;
    }
  }

  .ai_right {
    flex:  0 1 auto;
    display: flex;
    order:  2;
    flex-direction: column;
    width: 40%;
  }

  .ai_right.width {
    width: 300px !important;
  }

  .ai_left {
    flex:  0 1 auto;
    order: 1;
    display: flex;
  }

  .album_right_info_top {
    display: flex;
    justify-content: flex-end;
  }

  .album_right_info_bottom {
    display: flex;
    justify-content: flex-end;
  }

  .albumfull_distr_status {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .albumfull_distr_status > .public p,
  .albumfull_distr_status > .streaming p {
    padding-top: 1px;
    font-weight: 700;
    font-size:  11px;
  }

  .albumfull_distr_status > .public,
  .albumfull_distr_status > .streaming {
    display: flex;
    justify-content: center;
    width: 70px; height: 22px;
    background: #d0d0d0;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px; 
    cursor: help; 
  }

 .albumfull_distr_status > .public.active,
 .albumfull_distr_status > .streaming.active 
 {
  color: #fff;
  background: #ff8a42;
 }


  .albumfull_status {
    display: flex;
    justify-content: flex-end;
  }

  .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;
    font-style: italic;
  }

  .album_size_block_albumfull.width {
    width: 292px;
  }

  .min-w {
    min-width: 290px;
  }

  .album_size_block_albumfull>p.asb_item {
    margin: 0px;
    line-height: 18px;
  }

  .req_fields_info_albumfull {
    width: 500px;
    color: #9299a2;
    margin-left: 60px;
    margin-top: 5px;
    font-size: 15px;
    line-height: 22px;
    font-family: 'robotoregular', sans-serif;
    display: inline-block;
  }

  .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;
  }

  .is_revoked_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: help !important;
    float: left;
    background: url(../img/sprite.png) -634px -332px no-repeat;
    margin-right: 10px;
    position: relative;
    top: 1px;
  }

  .is_denied_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: help !important;
    float: left;
    background: url(../img/sprite.png) -602px -332px no-repeat;
    margin-right: 10px;
    position: relative;
    top: 1px;
  }

  /* Моя музыка. Альбом. Список трек. Конец */
  /* Моя музыка. Трек. Начало */
  #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;
    width: 30%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .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 -307px no-repeat;
    height: 64px;
    width: 60px;
    display: inline-block;
    top: -3px;
    float: left;
    margin-right: 13px;
  }

  p.th_name {
    color: #6676a4;
    font-size: 30px;
    font-family: 'robotoregular', sans-serif;
    margin-bottom: 10px;
    position: relative;
    line-height: 40px;
    top: -6px;
    top: -14px;
  }
  p.th_name.th_name_small {
    font-size: 16px;
    color: #666;
  }
  p.th_name.th_name_small span {
    color: #ff8a42;
  }

  p.th_name>span {
    color: #666666;
  }

  .th_album>a {
    color: #666;
    font-size: 16px;
    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-top: 30px;
    margin-bottom: 25px;
  }

  .th_album {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 5px;
  }

  .th_genre {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 5px;
  }

  .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: 16px;
    font-family: 'robotoregular', sans-serif;
  }

  .th_delete_or_not_found {
    font-size: 18px;
    color: red;
    margin-top: 10px;
    font-weight: bold;
  }

  .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: 18px;
    font-family: 'robotoregular', sans-serif;
  }

  .tp_author {
    font-size: 18px;
    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;
  }

  @media only screen and (max-width : 820px) { 
    .stats_header .period {
      float: none;
      width: auto;
    }
    .submenu-streaming__container.bn {
      margin-top: 20px;
    }
  }

  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;
    width: 590px;
    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;
    /* width: 590px; */
    display: inline-block;
    position: relative;
    margin: 10px 0px 30px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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: 1180px;
    display: inline-block;
    background: #f1f1f1;
    border-radius: 8px;
    padding-left: 60px;
    min-height: 100px;
    margin-bottom: 30px;
  }

  .sb_header {
    height: 56px;
    background: url(../img/line_h_blue_big.png) 100% 100% no-repeat;
    margin-bottom: 18px;
    position: relative;
  }

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

  span.sbh_period {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 14px;
    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: 16px;
    margin-bottom: 6px;
  }

  .sb_text span {
    color: #f28518;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
  }

  .sb_table {
    margin-bottom: 30px;
  }

  .sbt_header {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    margin-bottom: 8px;
  }

  .sbt_body {
    margin-right: 60px;
  }

  #table_online.obj_body .obj_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #table_online.obj_body .obji_place {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    margin-right: 38px;
    margin-left: 25px;
    top: auto;
    left: auto;
  }

  #table_online.obj_body .flo_marker a {
    top: 3px;
  }

  #table_online.obj_body .obji_count {
    position: relative;
    left: auto;
  }

  .sbt_item,
  .obj_item {
    width: 1060px;
    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;
  }

  .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;
    text-align: right;
    width: 120px;
  }

  .sbti_date>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 15px;
    margin-left: 30px;
    /* margin-right: 58px; */
    line-height: 20px;
  }

  .obji_place {
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 25px;
    font-family: 'robotoregular', sans-serif;
    font-size: 18px;
    color: #6676a4;
  }

  .obji_place a {
    color: #6676a4;
  }

  .obji_count {
    display: inline-block;
    position: absolute;
    width: 180px;
    height: 66px;
    left: 880px;
    background: #ffffff;
  }

  .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: 170px;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    margin-right: 18px;
  }

  .sbti_marker {
    display: inline-block;
    width: 42px;
    margin: 0px 40px 0px 40px;
    position: absolute;
    top: 13px;
    right: 0px;
  }

  .obji_marker {
    display: inline-block;
    width: 42px;
    margin: 0px 40px 0px 40px;
    position: absolute;
    top: 13px;
    left: 725px;
  }

  .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_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;
  }
  
  #block4~.view_all_music>i {
    background: url(../img/sprite.png) -810px -329px no-repeat;
    width: 20px;
  }

  #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;
  }

  /* Слайдер */
  .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,
  .view_all_radio {
    display: block;
    text-align: right;
    margin-right: 60px;
    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: 14px;
    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: 16px;
    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: 20px;
  }

  .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 {
    display: inline-block;
    margin: 0px 0px 10px 0px;
    width: 1180px;
    position: relative;
    border-radius: 8px;
    background: #f1f1f1;
  }

  .search_result_tracks {
    display: inline-block;
    margin: 30px 60px 10px 60px;
    width: 1060px;
    position: relative;
    border-radius: 8px;
  }

  .search_result_tracks .tlh_item:nth-child(3) {
    left: 700px !important;
  }

  #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;
    list-style-type: none;
    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 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 {
    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 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;
  }

  #requestsPages {
    margin: 10px 0 20px;
  }

  .pagination li {
    display: inline-block !important;
    background: none !important;
    padding-left: 0px !important;
    /* margin-bottom: 0px !important; */
    margin: 0 7px 10px !important;
    line-height: 0px !important;
    /* margin-left: 0px !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: 20px;
  }

  .search_not_result>p {
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    padding: 20px 30px 20px 30px;
  }

  /* Моя музыка. Результаты поиска. Конец */
  /* Статистика. Начало */
  #secondary_menu {
    display: block;
    margin-bottom: 25px;
    margin-top: 5px;
  }

  .sm_item {
    display: inline-block;
    background: #f1f1f1;
    color: #595959;
    height: 68px;
    /* margin-right: 20px; */
    margin-right: 16px;
    border-radius: 8px;
    /* width: 375px; */
    width: 280px;
    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: 375px; */
    width: 280px;
    height: 68px;
  }

  .sm_item:last-child {
    margin-right: 0px;
  }

  .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-size: 17px;
    font-family: 'robotoregular', sans-serif;
    position: absolute;
    top: 22px;
    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; */
    /* margin-right: 20px; */
    /* border-radius: 8px; */
    /* width: 375px; */
    position: relative;
  }

  .sm_item.active p {
    color: #ffffff;
    /* font-size: 19px; */
    /* font-family: 'robotoregular', sans-serif; */
    /* position: absolute; */
    /* top: 22px; */
    /* 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;
  }

  .button-group {
    border: 1px solid #6676a4;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    font-family: 'roboto_condensedregular', sans-serif;
  }
  .button-group button {
    background: #f1f1f1;
    color: #6676a4;
    border: 0;
    padding: 9px 20px;
    width: 100px;
    font-size: 18px;
    cursor: pointer;
    font-family: 'roboto_condensedregular', sans-serif;
  }
  .button-group button.active {
    background: #6676a4;
    color: #fff;
    pointer-events: none;
  }
  .button-group.float {
    float: right;
    width: fit-content;
  }
  @media only screen and (max-width : 1024px) {
    .button-group button {
      font-size: 16px;
      padding: 7px 16px;
      width: 90px;
    }
  }
  @media only screen and (max-width : 991px) {
    .button-group.float {
      float: none;
      margin: 0 auto 30px;
    }
  }

  .download_report {
    cursor: pointer;
    background: #6676a4;
    display: inline-block;
    width: 320px;
    height: 40px;
    border-radius: 5px;
    margin: 5px 0px 0px 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;
  }

  .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;
  }

  .table_block {
    display: inline-block;
    background: #f1f1f1;
    border-radius: 8px;
    position: relative;
    width: 1180px;
    margin-bottom: 20px;
    padding: 26px 60px;
  }

  table {
    border-collapse: collapse;
  }

  thead {
    background: #ff8a42;
    color: #fff;
    font-size: 17px;
    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;
    font-family: 'robotolight', sans-serif;
    text-align: center;
    background: #ffffff;
  }

  tbody tr:first-child {
    border-top: 1px solid #d9dce0;
  }

  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;
    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: 880px;
  }

  .mmh_item:first-child {
    left: 22px;
    width: 150px;
    text-align: right;
  }

  .mmh_item:nth-child(2) {
    position: absolute;
    left: 210px;
    ;
  }

  .mmh_item:last-child {
    left: 660px;
  }

  .sth_item:first-child {
    position: absolute;
    left: 8px;
    width: 100px;
    text-align: right;
  }

  .sth_item:last-child {
    position: absolute;
    left: 625px;
  }

  .sth_item:nth-child(2) {
    position: absolute;
    left: 146px;
    ;
  }

  .sth_item p,
  .mmh_item p,
  .oth_item p {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    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;
  }

  .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: 38px;
    margin-left: 25px;
  }

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

  .stats_song.radiostation_list {
    width: 832px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .stats_obj_song {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    width: 832px !important;
  }

  #trackList .stats_obj_song {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .stats_place {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: inline-block;
    max-width: 220px;
  }

  .stats_radiostation {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: inline-block;
    max-width: 220px;
  }

  .stats_blank_radio {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block;
    width: 132px;
  }

  .stats_marker {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    width: 64px;
    margin: 0px 34px 0px 34px;
  }

  .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_not_found_track {
    width: 82px;
  }

  .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: 15px;
    top: 18px;
    position: relative;
  }

  .stats_song .song,
  .stats_obj_song .song {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    margin-bottom: 4px;
    top: 20px;
    position: relative;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 40px;
  }

  .stats_song .song>a,
  .stats_obj_song .song>a,
  .flo_song .song>a {
    color: #6676a4;
    text-decoration: none;
    display: inline;
  }

  .stats_song .song>a:hover,
  .stats_obj_song .song>a:hover,
  .flo_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: 14px;
    top: 16px;
    position: relative;
  }

  .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: 15px;
    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;
    height: 80px;
  }

  .object_header {
    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;
    /* height: 55px; */
    margin-bottom: 30px;
    width: 1180px;
  }

  .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;
    margin-bottom: 15px;
  }

  #certificate_text {
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 14px;
    display: inline-block;
  }

  #certificate_text p {
    margin-bottom: 10px;
  }

.legend {
  margin-bottom: 48px;
}

.legend__title {
  font-size: 20px !important;
  margin-bottom: 12px;
}

.your-releases-row {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.your-releases-row .legend__title {
  margin-bottom: 0 !important;
  flex: 1;
}

@media (max-width: 640px) {
  .your-releases-row {
    flex-direction: column;
  }
  .your-releases-row .legend__title {
    margin-bottom: 12px !important;
  }
  .your-releases-row .select2 {
    width: 100%;
  }
}

.legend__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;

  border: 1px solid #e8e8e8;
  padding: 26px;
  border-radius: 8px;
}

@media (max-width: 1024px) {
  .legend__inner {
    grid-template-columns: 1fr;
  }
}

.legend__item {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 768px) {
  .legend__item {
    flex-direction: column;
    text-align: center;
  }
}

.legend__item .ai_info {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  /* font-size: 20px; */
  /* line-height: 20px; */
}

.services-platform {
    margin: 20px 0;
    text-align: right;
  }

  .services-platform__container {
    display: flex;
    gap: 16px;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 30px;
  }

  @media (max-width: 1200px) {
    .services-platform__container {
      padding: 20px;
    }
  }
  @media (max-width: 768px) {
    .services-platform__container {
      flex-wrap: wrap;
    }
  }

  .services-platform__item {
    flex: 1 1 35%;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    transition: all 0.2s ease-out;
    padding: 15px;
    height: 91px;
  }

  @media (max-width: 425px) {
    .services-platform__item {
      flex: 1 1 50%;
    }
  }

  .services-platform__item img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .striming_hint {
    color: #9299a2;
    font-size: 16px;
    font-family: 'robotoregular', sans-serif;
    display: inline-block;
    margin-top: 10px;
  }

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

  .services-platform__link {
    display: inline-block;
    margin-top: 10px;
    color: #ff8a42;
    background: url(../img/dashed_hover.png) 0% 100% no-repeat;
    cursor: pointer;
  }

  .feedback_chat_header {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
  }

  .questionnaire__description {
    margin-bottom: 30px;
  }

  .questionnaire__box {
    padding: 38px 60px;
  }

  .questionnaire .div_button {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
  }

  .questionnaire .textarea {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    width: 100%;
  }

  .questionnaire .textarea textarea {
    font-size: 22px;
    color: #666666;
    margin-top: 36px;
    height: 120px;
    padding-left: 24px;
  }

  .questionnaire .textarea textarea+label {
    transform: translateY(-15px);
    margin-left: 0px;
    font-size: 14px;
    outline: 0;
    color: #9299a2;
    pointer-events: none;
  }

  .questionnaire .field {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    width: 100%;
    max-width: 100%;
  }

  .questionnaire .field label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    height: 50px;
    pointer-events: none;
  }

  .questionnaire__wrapper.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  @media (max-width: 1200px) {
    .questionnaire__wrapper.grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 768px) {
    .questionnaire__wrapper.grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 640px) {
    .questionnaire__wrapper.grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }

  .questionnaire__wrapper.grid_three {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  @media (max-width: 991px) {
    .questionnaire__wrapper.grid_three {
      grid-template-columns: repeat(1, 1fr);
    }
  }

  .questionnaire__field label {
    font-size: 15px;
  }

  .questionnaire__item {
    margin-bottom: 30px;
  }

  .questionnaire__item.point_nine {
    display: none;
  }

  .questionnaire .hr_form_white {
    margin-bottom: 30px;
  }

  .questionnaire__item h3 {
    margin-top: 0 !important;
  }

  .questionnaire__item p {
    margin-bottom: 15px;
    margin-top: -15px;
    color: #9299a2;
    font-family: 'robotoregular', sans-serif;
  }

  .questionnaire__item #approval + label {
    padding-left: 45px;
    padding-top: 6px;
  }

  .questionnaire_last_step_bottom {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  .questionnaire_last_step_bottom > .back_link {
    top: 16px;
  }


  .questionnaire__box_services {
    padding-top: 28px;
  }

  .questionnaire__box_services .title {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 24px;
  }

  .questionnaire__box_services .questionnaire__box_wrapper {
    background: #f7f7f7;
    border-radius: 8px;
  }

  .questionnaire__box_services .meta-data__item:hover {
    background: #e0e2e4;
  }

  .questionnaire__box_services .questionnaire__field {
    flex: 1;
  }
  .questionnaire__box_services + .back_link {
    top: auto;
  }


  .platform-contract .button {
    margin-bottom: 38px;
  }

  .platform__header {
    display: flex;
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 25px;
    padding-top: 20px;
  }
  @media (max-width: 1024px) {
    .platform__header {
      flex-direction: column;
    }
  }
  .platform__title {
    flex: 1;
    margin-bottom: 0;
  }

  .platform__desc {
    margin-bottom: 25px;
  }

  .platform__desc {
    max-width: 800px;
  }

  .platform-ftp-container {
    display: flex;
    background: #f1f1f1;
    border-radius: 8px;
    flex-direction: column;
  }

  .platform-ftp-column {
    display: flex;
    flex-direction: row;
    gap: 30px;
    background: #f1f1f1;
    padding: 30px 30px 20px;
  }

  .platform-ftp__link {
    padding: 0px 30px 20px;
  }

  .platform-ftp__link a{
    color: #ff8a42;
    font-size: 14px;
  }

      
  @media (max-width: 1200px) {
    .platform-ftp-container {
      padding: 20px;
    }
  }
  @media (max-width: 768px) {
    
    .platform-ftp-container,
    .platform-ftp-column {flex-direction: column;}
    
    .platform-ftp-container {
      padding: 0px;
    }

    .platform-ftp-column {
      padding: 20px;
      justify-content: center;
    }

    .platform-ftp__link {
    padding: 0px 20px 20px;
    }
  }

  .platform-ftp__item {
    flex: 1;
    background: #ffffff;
    border-radius: 8px;
    transition: all 0.2s ease-out;
    padding: 15px;
  }

  .platform-ftp__item h4 {
    margin-bottom: 8px;
  }

  .platform-ftp__item span {
    /* font-weight: 600; */
    padding-right: 4px;
  }

  .platform-ftp__item span.title {
    font-weight: 600;
    padding-right: 4px;
  }

  .author_album_page.platform-body>.tl_header .tlh_item:last-child {
    left: 770px !important;
  }

  .tl_body.platform-body .tl_song {
    width: 320px;
  }

  .tl_body.platform-body .tl_time {
    display: flex;
    left: 702px !important;
  }

  @media (max-width: 1024px) {
    .tl_body.platform-body .tl_artist {
     padding-right: 33px;
    }
    .tl_body.platform-body .tl_song {
      left: 0px;
    }
    .tl_body.platform-body .tl_time {
      left: 58% !important;
      width: auto;
    }
  }

  @media (max-width: 640px) {
    .tl_body.platform-body .tl_artist {
      padding: 0 10px;
      left: 0;
    }
    .tl_body.platform-body .tl_song {
      left: 0px;
      padding: 0 10px !important;
    }
    .tl_body.platform-body .tl_song  a {
      width: 100%;
      overflow: hidden;
    }
    .tl_body.platform-body .tl_time {
      position: relative;
      top: 0 !important;
      left: 0 !important;
      width: auto !important;
    }
    .tl_body.platform-body .tl_time p {
      display: none;
    }
    .tl_body.platform-body .tl_time .watch {
      font-size: 16px;
      display: block;
      margin: 0;
    }
  }

  .platform-body.author_album_page .tl_song {
    width: 330px;
  }

  @media (min-width: 1024px) and (max-width: 1200px) {
    .platform-body .tlh_item:last-child {
      left: 702px;
    }
  }

  .platform-body .watch {
    margin: 0 8px 0 90px;
    color: #ff8a42;
    background: url(../img/dashed_hover.png) 0% 100% no-repeat;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  @media (max-width: 1150px) {
    .platform-body .watch {
      font-size: 12px;
      margin: 0 8px 0 20px;
    }
  }

  .platform-body .watch:hover {
    color: #ff8a42;
    background: url(../img/dashed_hover.png) 0% 100% no-repeat;
  }

  /* #platform-internet .popup_content {
    overflow-y: scroll;
    max-height: 60vh;
  } */

  .platform-modal {
    background: #f7f7f7;
    border-radius: 8px;
    overflow-y: scroll;
    max-height: 60vh;
    user-select: none;
  }

  .platform-modal::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
  }

  .platform-modal::-webkit-scrollbar-track {
    background-color: #d9dce0;
    border-radius: 10px;
  }

  .platform-modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ff8a42;
  }

  .platform-modal__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 30px;
    border-bottom: 1px solid #fff;
    transition: 0.3s;
  }

  @media (max-width: 1200px) {
    .platform-modal__item {
      flex-direction: column;
      gap: 4px;
    }
    .platform-modal__item .img {
      text-align: center;
    }
  }

  .platform-modal__item:last-child {
    border-bottom: none;
  }

  .platform-modal__item:hover {
    background: #e0e2e4;
  }

  .platform-modal__item .img {
    width: 140px;
    height: 30px;
    text-align: center;
  }

  .platform-modal__item img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .platform-modal__item p {
    flex: 1;
    font-weight: 600;
  }

  #platform-internet,
  #platforms {
    display: none;
  }

  #platforms .platform-modal__item p:first-of-type {
    flex: unset;
    width: 150px;
  }

  #platform-internet .popup_content {
    background: none;
  }

  /* Раздел Договор. Начало */
  #contractsList,
  .contractsList  {
    margin: 0px 60px 0px 60px;
  }

  .contract_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;
  }

  .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 60px 0px 60px;
    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 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 300px;
    text-align: left;
    margin-top: 20px;
    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 0 auto;
    flex: 1 0 auto;
    margin-top: 15px;
    text-align: left;
    float: left;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .contract_status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 14px;
    float: left;
    text-align: left;
    width: 245px;
  }

  .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;
  }

  .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: 30px 60px 0px 60px;
    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: 30px;
  }

  .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: 60px;
    margin-left: 60px;
    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: 30px auto;
    margin-bottom: 40px;
    border-radius: 8px;
    border: 1px solid #d9dce0;
    background: #ffffff;
    min-height: 550px;
  }

  #signature,
  #stampDiv {
    padding: 0 60px;
    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-top: 5px;
    padding-bottom: 2px;
  }

  #signature .signature_desc_add,
  #stampDiv .signature_desc_add {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #9299a2;
    line-height: 17px;
  }

  #signCanvas {
    position: relative;
  }

  #stampCanvas {
    border-radius: 8px;
  }

  .signatureDrawZoneCanvas {
    position: relative;
    width: 640px;
    height: 190px;
    margin: auto;
    /* border: 1px solid #f28518; */
    border: 2px solid #6676a4;
    background-color: #fff;
    /* display: flex; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    background: url(../img/back_signature.jpg) 50% 50% no-repeat #ffffff;
  }

  .signatureStampZoneCanvas {
    width: 190px;
    height: 190px;
    /* border: 1px solid #f28518; */
    border-radius: 8px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
  }

  .contract_form_page1 h2.legacy_status {
    margin-right: 0px;
    margin-left: 0px !important;
  }

  .annex_info {
    display: block;
    padding: 20px 10px 20px 10px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    margin: 20px 60px 40px 60px;
    line-height: 24px;
  }
  
  .contract_line .docs_update {
    width: 10%;
    padding: 7px 10px 7px 15px;
    font-size: 15px;
}
  }
  
  .contract_line .docs_preview {
      width: 10%;
      display:flex;
      justify-content:center;
      
  }
  
  .contract_line .docs_preview img{
      max-height: 50px;
      max-width: 50px;
      align-self: center;
  }
  
  .contract_line .docs_description {
      flex-grow: 1;
      align-self: center;
      max-width: 685px;
      overflow: hidden;
      
  }
  
  .contract_line .docs_size {
     align-self: center;
      width: 10%;
      font-size: 14px;
      color: #9f9f9f;
  }
  
  .clh_item.docs:first-child {
    width: 123px;
    margin-left: 16px;
  }
  .clh_item.docs:nth-child(2) {
    flex-grow: 0;
    margin-right: 13px;
  }
  .clh_item.docs:nth-child(3) {
    flex-grow: 1;
    max-width: 685px;
  }
  .clh_item.docs:nth-child(4) {
    flex-grow: 0;
    margin-right: 13px;
}
  .clh_item.docs:last-child {
            
  }


  /* Раздел Договор. Конец */
  /* Обратная связь. Начало */
  #requestsList {
    margin: 0px 60px 0px 60px;
    min-height: 60px;
    background: #f7f7f7;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
  }

  .lastRequests_headers {
    margin: 0px 60px 0px 60px;
    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;
  }

  .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_chat_header {
    display: inline-block;
    margin: 30px 60px 5px 60px;
  }

  .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: #666 !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;
  }

  #subject {
    word-break: break-all;
  }

  .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;
    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 {
    margin: 0px 60px 60px 60px;
    padding: 5px;
    background-color: #f9f9fa;
    display: inline-block;
    clear: both;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 40vh;
    width: 1060px;
    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;
    margin: 20px;
    width: 70%;
    max-width: 700px;
  }

  .chat-support-message {
    float: left;
    margin: 20px;
    width: 70%;
    max-width: 700px;
  }

  .feedback-chat-message-top-line {
    /* date | time*/
    color: #9299a2;
    font-family: 'roboto_condensedlight', sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
  }

  .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 {
    line-height: 21px;
    word-break: break-all;
    padding-left: 20px;
  }

  .support_icon,
  .user_icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    /* border: 1px solid red; */
    float: left;
    border-radius: 10px;
    margin-right: 10px;
    position: relative;
    top: 5px;
  }

  .support_icon {
    background: #ff8a42;
  }

  .user_icon {
    background: #6676a4;
  }

  .user_icon img {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .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;
  }

  /* Обратная связь. Конец */
  .contract-text {
    margin: 15px 15px 15px 16px;
    padding: 5px;
    background-color: #fff;
    display: inline-block;
    clear: both;
    overflow-y: scroll;
    overflow-x: hidden;
    /* height: 75vh; */
    height: 96%;
    width: 97%;
  }

  .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;
  }

  .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 {
    position: absolute;
    top: 14px;
    left: 40px;
    float: left;
    text-align: left;
  }

  .crt_artist {
    position: absolute;
    top: 14px;
    left: 160px;
    float: left;
    text-align: left;
  }

  .crt_song {
    position: absolute;
    top: 14px;
    left: 380px;
    float: left;
    text-align: left;
    width: 212px;
    overflow: hidden;
    height: 20px;
  }

  .crt_release {
    position: absolute;
    top: 14px;
    left: 600px;
    float: left;
    text-align: left;
    width: 342px;
    overflow: hidden;
    height: 20px;
  }

  .crt_cert {
    position: absolute;
    top: 8px;
    left: 930px;
    padding-left: 25px;
    float: left;
    text-align: left;
  }

  .crt_date>p,
  .crt_artist>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
    display: inline;
  }

  .crt_song>a,
  .crt_release>a {
    color: #6676a4;
    font-family: 'robotoregular', sans-serif;
    font-size: 16px;
  }

  .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: 120px;
  }

  .crth_item:last-child {
    position: absolute;
    left: 600px;
  }

  .crth_item:nth-child(3) {
    position: absolute;
    left: 380px;
    ;
  }

  .crth_item:nth-child(2) {
    position: absolute;
    left: 160px;
    ;
  }

  .crth_item>p {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    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.mb40 {
    margin-bottom: 40px;
  }

  .balance_info {
    border-radius: 8px;
    background: #f1f1f1;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
  }

  .balance_info:after {
    content: "";
    clear: both;
  }

  .balance_lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 28px;
    /* justify-content: center; */
    position: relative;
    /* z-index: -1; */
  }

  .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;
    width: calc(50% - 12px);
    background: #fafafa;
  }

  .balance_list_item:nth-child(2n) {
    margin-right: 0px !important;
  }

  .balance_txt {
    padding-right: 35px;
    width: 310px;
    font-family: 'robotolight', sans-serif;
  }

  .balance_txt p:first-child {
    margin-bottom: 6px;
  }

  .balance_txt p:nth-child(2) {
    font-weight: bold;
    color: #333333;
    font-size: 24px;
  }

  .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_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_list {
    margin: 20px 0px 0px 0px;
  }

  .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: 14px;
  }

  .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;
  }

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

  .balance_total {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px 60px;
  }

  .balance_alert {
    margin: 0px 60px 30px 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;
  }

  .balance_top {
    border-radius: 8px;
    background: #f1f1f1;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    padding: 26px 60px;
  }

  .balance_top .tlh_item {
    position: relative;
    left: 0;
    width: 33%;
  }

  .balance_top .tlh_item:first-child {
    padding-left: 20px;
  }

  .balance_top .tlh_item:last-child {
    text-align: right;
    padding-right: 20px;
  }

  .balance_top .tl_balance {
    line-height: 52px;
  }

  .balance_top .tl_body {
    position: relative;
  }

  .balance_top .tl_item {
    font-family: 'robotoregular', sans-serif;
    position: relative;
    left: 0;
    width: 33%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  /* .balance_top .tl_item:nth-child(2) {
    width: 56%;
  } */

  .balance_top .tl_item:nth-child(3) {
    width: 10%;
  }

  .balance_top .tl_item a {
    color: #6676a4;
  }

  .balance_top .tl_item a:hover {
    text-decoration: none;
  }

  .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_top .tl_item i.sert:hover {
    background: url(../img/sprite.png) -146px -445px no-repeat;
  }

  .balance_top .tl_item:first-child {
    padding-left: 20px;
  }

  .balance_top .tl_item:last-child {
    /* text-align: right; */
    padding-right: 20px;
  }

  .select2-container--default .select2-selection--single {
    background: #ffffff;
  }

  .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;
  }

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

  .select_country .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px 30px 0px 30px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px 30px 0px 8px !important;
  }

  .rub {
    color: #666666;
    font-family: 'robotolight', sans-serif;
  }

  .black {
    color: #333333;
  }

  .left {
    text-align: left;
  }

  .select2-container {
    /* height: 28px; */
  }

  .withdrawal__alert {
    margin-bottom: 28px;
    font-style: italic;
  }

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

  .withdrawal__input {
    margin-left: 15px;
  }

  .withdrawal__input input {
    font-size: 16px;
    height: 28px;
    border: 1px solid #9299a2;
    border-radius: 3px;
    width: 415px;
    outline: none;
    padding: 2px 8px 0px 8px;
    color: #333333;
    text-indent: 0px;
    -webkit-transition: text-indent 0.3s ease;
    -o-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
  }

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

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

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

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

  .withdrawal__input input::-webkit-input-placeholder {
    text-indent: 0px;
    -webkit-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
  }

  .withdrawal__input input::-moz-placeholder {
    text-indent: 0px;
    -moz-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
  }

  .withdrawal__input input:-ms-input-placeholder {
    text-indent: 0px;
    -ms-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
  }

  .withdrawal__input input::-ms-input-placeholder {
    text-indent: 0px;
    -ms-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
  }

  .withdrawal__input label {
    margin-left: 10px;
    font-style: italic;
    font-size: 14px;
  }

  .withdrawal__input label span {
    color: red;
    margin-right: 6px;
    vertical-align: bottom;
  }

  .withdrawal__input label a {
    color: #ff8a42;
  }

  .withdrawal__input label a:hover {
    text-decoration: none;
  }

  .withdrawal__input-other,
  .withdrawal__input-pay,
  .withdrawal__count {
    display: none;
  }

  .withdrawal__input-other>div {
    margin-bottom: 13px;
  }

  .withdrawal__input-other>div:last-child {
    margin-bottom: 0;
  }

  .select2_pay {
    width: 200px;
  }

  .act_download {
    font-size: 12px;
    display: block;
  }

  .withdrawal__count {
    /* display: flex; */
    margin-top: 13px;
  }

  .form__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    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 div:last-child input,
  .form__wrapper div:last-child input~label {
    color: #333333;
  }

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

  .payments_block .field {
    margin-bottom: 0;
  }

  .withdrawal__count>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: 200px;
    margin-right: 15px;
  }

  .withdrawal__count>div:nth-child(4) input,
  .withdrawal__count>div:nth-child(4) label {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-weight: 600;
    opacity: 1;
  }

  .withdrawal__count input {
    font-size: 16px;
    height: 28px;
    border: 1px solid #9299a2;
    border-radius: 3px;
    outline: none;
    padding: 2px 8px 0px 8px;
    color: #9299a2;
    text-indent: 0px;
    -webkit-transition: text-indent 0.3s ease;
    -o-transition: text-indent 0.3s ease;
    transition: text-indent 0.3s ease;
    text-align: right;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  }

  .withdrawal__count input:disabled {
    opacity: 0.75;
  }

  .withdrawal__count input[type="submit"] {
    text-align: center;
    cursor: pointer;
    opacity: 1;
    background: #6676a4;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 150px;
  }

  /* .withdrawal__count input[type="submit"]:hover {
  background: #ff6541;
  transition: all 0.2s ease-out;
} */
  .withdrawal__count label {
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    font-style: italic;
    margin-top: 5px;
  }

  .withdrawal__count label a {
    color: #ff8a42;
    border-bottom: 1px dashed #ff8a42;
    text-decoration: none;
  }

  .withdrawal__count label a:hover {
    border-bottom: 0;
  }

  .payments_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 58px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .withdrawal__last {
    margin-top: 40px;
  }

  .withdrawal__row {
    background: #f1f1f1;
    border-radius: 8px;
    display: inline-block;
  }

  .withdrawal__row table {
    margin: 46px 60px 30px 60px;
    width: 1060px;
    display: inline-table;
    background-color: white;
  }

  .withdrawal__row tbody,
  .withdrawal__row thead {
    background: inherit;
  }

  .withdrawal__row tbody {
    color: #666666;
    font-family: 'robotoregular', sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }

  .withdrawal__row thead {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    background: #f1f1f1;
  }

  .withdrawal__row tbody tr:hover td {
    background: #e0e2e4;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .withdrawal__row table th {
    padding: 15px;
    font-weight: 500;
  }

  .withdrawal__row tbody td {
    border-right: 0;
    vertical-align: middle;
    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;
  }

  .withdrawal__row tbody tr:last-child {
    border-bottom: 1px solid #ff8a42;
  }

  .withdrawal__row tbody td.strong {
    font-weight: bolder;
  }

  .withdrawal__row tbody td:first-child {
    border-left: 0;
    text-align: left;
  }

  .withdrawal__row tbody td:nth-child(7) {
    text-align: right;
  }

  .withdrawal__row tbody td:nth-child(3) {
    color: #333333;
  }

  /* .withdrawal__row table th:last-child,
.withdrawal__row table td:last-child {
  text-align: left;
} */
  .table__more {
    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;
    text-decoration: none;
    color: #6676a4;
    font-family: 'robotoregular', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
  }

  .table__more:hover {
    background: #6676a4;
    color: #ffffff;
  }

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

  .payments_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    /* width: 160px; */
    width: 280px;
    height: 150px;
    border-radius: 5px;
    border: 2px solid #f28518;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100;
    margin-right: 20px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .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;
  }

  .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;
  }

  .payments_header>p {}

  .pi_active .payments_header {
    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;
  }

  .payments_block {
    font-family: 'robotolight', sans-serif;
  }

  .payments_block .hr_form_white {
    margin-bottom: 20px;
  }

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

  #otherFields .field_bigform {
    margin-bottom: 20px;
    margin-top: 0;
  }

  .mt38 {
    margin-top: 38px;
  }

  .field_payments {
    margin-top: 30px;
    width: 1060px !important;
  }

  #singleAccount p.title b {
    position: relative;
    font-size: 16px;
    top: 4px;
  }

  #singleAccount p.title span.pay {
    position: relative;
    font-size: 30px;
    top: 9px;
  }

  /* Баланс. Конец */
  /*  Загрузка треков. Модальные окна. Начало */

  #genresPopup,
  #tags_popup {
    padding-top: 4%;
    padding-bottom: 3%;
  }

  #genresPopup .modal-content,
  #tags_popup .modal-content {
    /* overflow: hidden; */
    position: initial;
  }

  #genresPopup .popup_header,
  #tags_popup .popup_header {
    position: relative;
  }

  .modal,
  .popup-iso3166 {
    position: fixed;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .modal-content {
    display: block;
    z-index: 2001;
    position: relative;
    width: 1000px;
    margin: auto;
    /* left: 50%; */
    /*top: 5%;*/
    /*max-height: 90%;*/
    /* 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: 960px;
    margin: 0px 15px 15px 0px;
    /* max-height: 60vh; */
    max-height: 550px;
    padding: 3px 5px 5px 6px;
    overflow: auto;
    border-bottom: 1px solid #d9dce0;
  }

  .tags_category {
    margin-bottom: 10px;
    display: block;
    width: 100%;
  }

  .tags_category h6 {
    margin-bottom: 4px;
  }

  .tag_item {
    width: 220px;
    height: 36px;
    padding: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  span.popup_pre_text {
    display: inline-block;
    float: left;
  }

  span#editTagsInTrack {
    overflow: hidden;
    width: 720px;
    height: 30px;
    display: inline-block;
    float: left;
  }

  #genre_list {
    display: inline;
  }

  .gl_container {
    display: block;
    font-family: 'roboto_condensedlight';
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .popup-genre {
    display: none;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .popup,
  .popup-statistics {
    display: block;
    z-index: 1001;
    /* position: fixed; */
    position: relative;
    margin: auto;
    width: 960px;
    /* min-height: 400px; */
    /* 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;
    z-index: 2001;
  } */
  .close-popup {}

  .close-popup>a {}

  .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;
  }

  .flet_button .button_small {
    margin-right: 60px;
  }

  .flet_input.clearable {
    padding: 0 20px
  }

  .flet_input.padding {
    padding: 0 60px;
  }

  .flet_input.padding i {
    right: 68px;
  }

  .flet_input .clear_clearable {
    height: 15px;
    width: 30px;
    padding: 0;
    background: url(../img/sprite.png) -391px -246px no-repeat;
    -webkit-filter: contrast(0.5);
    filter: contrast(0.5);
    right: 28px;
    top: 10px;
  }

  .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;

    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .flet_input input:focus {
    border: 1px solid #767f8b;
  }

  .form-setting {
    margin-left: 4em;
    margin-right: 4em;
    display: flow-root;
    border-radius: 8px;
    background: #fafafa;
    line-height: 28px;
    height: 52px;
    padding: 13px 17px 0px 17px;
    border: 1px solid #d9dce0;
  }

  .form-setting>p {
    float: left;
    font-weight: bold;
    padding-right: 10px;
    font-size: 16px;
  }

  .form-setting span {
    font-weight: normal;
    padding-right: 10px;
  }

  .form .button_small {
    background: #6676a4;
    float: right;
  }

  .form .button_small:hover {
    background: #6676a4;
  }

  .popup_header {
    min-height: 60px;
    height: auto;
    background: url(../img/line_h_orange_long.png) 20px 100% no-repeat;
  }
  .popup_header.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .popup_header>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    line-height: 28px;
    padding-left: 20px;
    padding-top: 26px;
    padding-bottom: 6px;
    padding-right: 20px;
    letter-spacing: -0.5px;
  }

  .popup_content {
    padding: 10px 20px 20px 20px;
    background: url(../img/line_h_white.png) 20px 100% no-repeat;
    overflow-x: hidden;
  }

  .modal-content>p,
  .popup_content>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 14px;
  }

  .popup_content.trends>p {
    font-family: 'robotolight', sans-serif;
  }

  .div_button_for_modal {
    display: inline-block;
    /*margin: auto;*/
    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;
  }

  .genre_list {
    margin-bottom: 22px;
    margin-top: 15px;
    margin-left: 15px;
  }

  .tags_list {
    margin-bottom: 22px;
    margin-left: 15px;
  }

  .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-popup-button {
    display: inline-block;
    color: #fff;
    font-family: 'roboto_condensedlight', sans-serif;
    font-size: 14px;
    margin: 10px 14px 10px 10px;
    z-index: 3500;
    cursor: pointer;
    left: 97%;
    top: -90px;
    position: relative;
  }

  .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: 1000px;
    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);
  }

  .ml385 {
    margin-left: 385px !important;
  }

  .country_list_container {
    width: 960px;
    margin: 0px 15px 15px 0px;
    max-height: 500px;
    padding: 10px 5px 5px 6px;
    overflow: auto;
    border-bottom: 1px solid #d9dce0;
  }

  /* Здесь меняем высоту фрейма */
  .country_list {
    max-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;
  }

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

  .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: 15px;
  }

  .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: 300px;
    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;

    /* fix z-index */
    position: absolute;
    z-index: 1000;
  }

  .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_yn .button_for_modal {
    margin: 0;
  }

  .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-right: 8px;
  }

  .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;
  }

  .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 {
    max-width: 1180px;
    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: 18px;
    line-height: 24px;
    color: #595959;
    margin-bottom: 15px;
  }

  #text_welcome_block a {
    color: #f28518;
  }

  /* Приветственный текст на главной. Конец */
  /* Список всех видеоуроков. Начало */
  div.videolessons {
    margin-top: 30px;
    /* margin-bottom: 30px; */
    width: 1180px;
    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: 380px;
    height: 360px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .videols_item:nth-child(3n) {
    margin-right: 0px;
  }

  .vli_iframe {
    width: 380px;
    height: 285px;
    /* background: #f1f1f1; */
    background: url(../img/back_vlessons.jpg) 50% 50% no-repeat;
  }

  .vli_link {
    width: 380px;
    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: 320px;
  }

  .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: 18px;
    -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: inline-block;
    width: 1180px;
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 4px;
    margin-bottom: 0px;
  }

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

  .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: 970px;
    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 60px 40px 60px;
  }

  #tracksList.p0 {
    padding: 0;
  }

  #selectedAlbumsList {
    display: inline-block;
    width: 100%;
    padding: 0px 60px 0px 60px;
  }

  #selectedTracksList {
    display: inline-block;
    width: 100%;
    padding: 0px 60px 25px 60px;
  }

  #tracksList .tl_artist,
  #selectedTracksList .tl_artist {
    left: 20px !important;
  }

  #tracksList .tl_song,
  #selectedTracksList .tl_song {
    left: 320px !important;
  }

  #tracksList .tl_album,
  #selectedTracksList .tl_album {
    left: 660px !important;
  }

  #selected4removal {
    border: 2px dashed #ff8a42;
  }

  @media (min-width: 1024px) {
  .album_recall_container {
    float: left;
    width: 515px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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;
    position: relative;
    line-height: 22px;
    top: 5px;
  }

  .album_recall_info>.album_recall_duration {
    font-size: 12px;
    font-family: 'robotolight', sans-serif;
    position: relative;
    top: 11px;
  }

  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;
    margin-top: 24px;
  }

  .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;
  }

  .remove_button>.remove_button_text {
    text-transform: uppercase;
  }

  .toggle_button_small {
    text-align: center;
    position: relative;
    left: 435px;
    width: 30px;
    height: 30px;
    top: 1px;
    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: 968px; */
    left: 91%;
    width: 30px;
    height: 30px;
    top: 11px;
    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: 965px;
    cursor: pointer;
    width: 30px;
    top: 0px;
    height: 30px;
  }

  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;
  }

  #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;
  }

  /* Отозвать контент. Конец */
  /* Карта. Начало */
  .geography_size {
    height: 500px;
    width: 1180px;
    padding: 20px;
    background: none !important;
  }

  .map_size {
    height: 500px;
    width: 1000px;
    background: none !important;
  }

  .popup_map {
    display: block;
    z-index: 1001;
    position: relative;
    width: 1000px;
    /* left: calc(50% - 500px); */
    margin: auto;
    /* 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);
  }

  .popup_header>p.map_name {
    font-size: 20px !important;
    padding-top: 18px;
  }

  .popup_header>p.map_adress {
    font-size: 12px !important;
    padding-bottom: 8px;
    padding-top: 0;
  }

  /* Карта. Конец */
  /* Календарь. Начало */
  #ui-datepicker-div {
    background: #fff;
    width: 212px;
    height: 242px;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #d9dce0;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 1, 2, 0.5) !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 1, 2, 0.5) !important;
    z-index: 9999 !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;
    -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 {
    background: #6676a4;
  }

  .ui-datepicker-current-day.ui-datepicker-week-end {
    background: #6676a4 !important;
  }

  .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;
    height: 100px;
    display: inline-block;
    bottom: 0 !important;
    background: #f1f1f1;
    width: 100%;
    -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: 1180px;
    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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 5%;
    background: url(../img/sprite.png) -473px -315px no-repeat;
    margin-right: 8px;
    position: relative;
    top: -3px;
  }

  .cp_text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 75%;
  }

  .cp_button_close {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }

  .cp_text>p {
    font-size: 16px;
    font-family: 'roboto_condensedlight', sans-serif;
    color: #333333;
  }

  .cp_text a {
    color: #6676a4;
  }

  .cp_button_close a {
    float: right;
    background: #ff8a42;
    font-size: 16px;
    font-family: 'robotoregular', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    padding: 17px 33px 15px 33px;
    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: 480px;
    width: 120px;
    text-align: center;
    /* border: 1px solid red; */
  }

  .stats_yt_header>.sth_item:nth-child(3) {
    position: absolute;
    left: 605px;
    width: 120px;
    text-align: center;
  }

  .stats_yt_header>.sth_item:nth-child(4) {
    position: absolute;
    left: 720px;
    width: 120px;
    text-align: center;
  }

  .stats_yt_header>.sth_item:nth-child(5) {
    position: absolute !important;
    left: 850px !important;
    width: 120px !important;
    text-align: center !important;
  }

  .stats_yt_header>.sth_item:last-child {
    position: absolute !important;
    left: 980px !important;
    width: 80px !important;
    text-align: center !important;
  }

  .stats_youtube {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    left: 8px;
    text-align: left;
    width: 420px;
  }

  .stats_youtube .youtube_clip {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
    /* overflow: hidden; */
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 28px;
    max-width: 410px;
    height: 24px;
    overflow: hidden;
  }

  .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;
    float: right;
    margin-right: 10px;
  }

  .stats_youtube .spoiler-wrapper>a:hover {
    background: url(../img/sprite.png) -268px -107px no-repeat #9f9f9f;
    border-radius: 25px;
    border: 1px solid #9f9f9f;
  }

  .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;
  }

  #blue-playlist-container {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .spoiler-l-tracks {
    position: relative;
    top: 14px;
    margin-bottom: 32px;
    /* margin-left: 16px; */
  }

  .spoiler-l-tracks a {
    color: #9f9f9f;
    font-family: 'robotolight', sans-serif;
    font-size: 14px;
    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,
  .stats_repost>p {
    color: #333333;
    font-family: 'robotoregular', sans-serif;
    font-size: 20px;
  }

  .stats_views>p {
    position: relative;
    top: 28px;
    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;
  }

  .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,
  .stats_repost>p {
    position: relative;
    top: 23px;
    display: inline-block;
  }

  .stats_like {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    text-align: center;
  }

  .stats_dislike {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    text-align: center;
  }

  .stats_viewvideo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 140px;
    text-align: center;
  }

  .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: 15px 15px 15px 15px;
  }

  /* Ютюб. Блок на главной. */
  .stats_list_youtube_on_main {
    width: 324px;
    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;
  }

  /* Статистика. Ютюб. Конец */
  /* Графики. Начало */
  .overlay {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
  }

  .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;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
  }

  /* Графики. Конец */
  /* СаундКлауд. Начало */
  .soundcloud_list {}

  .soundcloud_list .sth_item:nth-child(2) {
    position: absolute;
    left: 620px;
  }

  .soundcloud_list .sth_item:nth-child(3) {
    position: absolute;
    left: 740px;
  }

  .soundcloud_list .sth_item:nth-child(4) {
    position: absolute;
    left: 860px;
  }

  .soundcloud_list .stats_like>i {
    background: url(../img/sprite.png) -617px -63px no-repeat !important;
  }

  .stats_repost {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    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;
  }

  /* СаундКлаунд. Конец */
  /* Авторы. Начало */
  .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;
    width: 1180px;
    margin-bottom: 30px;
  }

  #usersList {
    margin-top: 20px;
    display: inline-block;
    width: 1180px;
  }

  .user_container,
  .album_container {
    width: 280px;
    height: 280px;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .user_container:nth-child(4n) {
    margin-right: 0px;
  }

  .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 .spoiler-trigger {
    margin-bottom: 0px;
  }

  .up_genres_list .spoiler-trigger>i {
    border: 0px;
    margin-left: 0px;
  }

  .user_profile_genres {
    border: 1px solid green;
    display: inline-block;
  }

  .upgl_item {
    border: 1px solid #cccccc;
    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;
    height: 70px;
  }

  .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 {
    width: 1180px;
  }

  .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:nth-child(4n) {
    margin-right: 20px !important;
  }

  .x180:nth-child(6n) {
    margin-right: 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;
    width: 180px;
    word-break: break-word;
  }

  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>#tracksList {
    padding: 0px !important;
  }

  .author_album_page>.tl_header .tlh_item:nth-child(2) {
    left: 430px !important;
  }

  .author_album_page>.tl_header .tlh_item:nth-child(3) {
    left: 820px !important;
  }

  .author_album_page>.tl_header .tlh_item:last-child {
    left: 820px !important;
  }

  .author_album_page>#tracksList .tl_artist {
    left: 70px !important;
  }

  .author_album_page>#tracksList .tl_time {
    left: 820px !important;
  }

  .author_album_page>#tracksList .tl_song {
    left: 430px !important;
  }

  .author_album_page>#tracksList .tl_play {
    right: 35px !important;
  }

  #no-tracks>p {
    padding: 20px 0px 0px 20px;
  }

  .author_album_page>#tracksList .tl_view_cert {
    position: absolute;
    top: 9px;
    right: 84px;
  }

  /* Авторы. Конец */
  /* Блок YT и SC на детальной страници трека. Начало  */
  .internet_stats {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
  }

  #youtube_block {
    margin-bottom: 0px;
  }

  #soundcloud_block {
    margin-top: 0px;
  }

  .yb_full_track,
  .sc_full_track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f7f7f7;
    border-top: 1px solid #d9dce0;
    border-bottom: 1px solid #d9dce0;
    height: 68px;
    margin-right: 60px;
  }

  .yb_full_track {
    margin-top: 30px;
  }

  .sc_full_track {
    border-top: 0px;
  }

  .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;
  }

  .ybft_logo,
  .sc_logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 200px;
    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;
  }

  .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_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_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;
  }

  .sc_likes>i {
    background: url(../img/sprite.png) -619px -67px 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;
  }

  .ybft_dislikes>i {
    background: url(../img/sprite.png) -730px -28px no-repeat !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: 16px;
    display: inline-block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  #yt_views_lang,
  #sc_playbacks_lang {
    width: 125px;
  }

  #yt_likes_lang,
  #sc_likes_lang {
    width: 64px;
  }

  #yt_dislikes_lang,
  #sc_reposts_lang {
    width: 94px;
  }

  #yt_views_count,
  #sc_playbacks_count {
    width: 100px;
  }

  #yt_likes_count,
  #sc_likes_count {
    width: 80px;
  }

  #yt_dislikes_count,
  #sc_reposts_count {
    width: 80px;
  }

  #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;
  }

  /* Блок 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: 28px;
    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: 60px;
  }

  .contact__checkbox-p {
    font-size: 18px;
    font-family: 'robotolight', sans-serif;
  }

  .contact__checkbox p,
  .contact__checkbox .contact_item {
    padding: 10px 0;
  }

  .contact__checkbox div label p {
    padding: 0;
  }

  .contact__checkbox a {
    /* color: inherit; */
  }

  .contact__checkbox input[type="checkbox"]:disabled+label {
    padding: 0 35px 0 40px;
    cursor: auto;
  }

  .contact__checkbox input[type="checkbox"]:disabled+label:before {
    border: 0;
    background-color: transparent;
  }

  .contact__checkbox input[type="checkbox"]+label {
    padding: 0 35px 0 40px;
  }

  .contact__checkbox label {
    width: 90%;
    line-height: 28px !important;
  }

  .radiobox label {
    font-family: 'robotolight', sans-serif;
  }

  #clause2Terms,
  #clause4Terms {
    font-family: 'robotolight', sans-serif;
  }

  .contact .description_form {
    margin-left: 0px;
    padding: 0px;
    font-family: 'robotolight', sans-serif;
  }

  .contact #filesList {
    margin-right: 60px;
    margin-bottom: 20px;
  }

  .contact #filesList .fl_trackname {
    width: 850px;
  }

  .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: -12px;
    /* 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;
  }

  /* Контракт - условия контракта. Конец */
}

/****************** Закрывашка медиа запроса ************************/

/*********************************************************************/

/** Хаки для Мозиллы. **/

@-moz-document url-prefix() {
  #bm_current_date {
    top: 18px;
  }

  ul.stats_list>li {
    font-weight: lighter;
  }

  .flet_select {
    top: 9px;
  }

  .button_delete {
    top: -3px;
  }

  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: 17px;
  }

  .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;
  }

  .flet_option {
    padding: 0 20px;
  }

  .ai_header {
    background: #ffffff;
    /* #ffffff c прозрачностью 80% */
    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;
  }
}

/** Хаки для IE. Закрывашка **/

/* спиннер */

.sbl-circ2,
.sbl-circ {
  height: 22px;
  width: 22px;
  color: ghostwhite;
  top: 0.6em;
  position: relative;
  display: inline-block;
  border: 2px solid;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}

.sbl-circ2 {
  top: 2px;
  color: #ff8a42;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* спиннер */

#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);
  }
}

/* конец крутилки */

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

.section.section_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  width: 50%;
  height: 100%;
  position: relative;
}

.section .post_info {
  padding: 15px;
  height: 170px;
  width: 83px;
  text-align: center;
  color: #ffffff;
  border-radius: 10px 0 0 10px;
  background-color: #ff8a42;
  overflow: hidden;
}

.section .post_info_day {
  margin-top: 25px;
  font-size: 32px;
  line-height: 40px;
}

.section .post_info_month {
  font-size: 14px;
}

.section .post_info_year {
  font-size: 14px;
}

.blog_contaner .post_photo {
  width: 100% !important;
}

.section .post_photo {
  overflow: hidden;
  width: 80%;
  /* height: 310px; */
  height: auto;
  border-radius: 0 10px 10px 10px;
  line-height: 0;
}

.section .post_photo a {
  display: block;
}

.section .post_photo img {
  width: 100%;
  height: auto;
  -webkit-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease;
}

.section.section_post:hover .post_photo img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.section.section_post:hover .post_title {
  color: #ff6541;
}

.section .post_content {
  position: relative;
  margin-left: 82px;
  width: 80%;
  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;
}

.section .post_title {
  padding: 25px 0 20px;
  font-family: 'robotoregular', sans-serif;
  color: #333;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px !important;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.section .post_title:hover {
  color: #ff6541;
}

.section .post_text {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  color: #9299a2;
  font-weight: 300;
  line-height: 23px !important;
  min-height: 100px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.section .post_text.other {
  color: #666666;
}

.section .post_text .info-block,
.text-pages .info-block {
  background: #f1f1f1;
  border-radius: 5px;
  padding: 28px 22px 28px 22px;
  margin-top: 6px;
  margin-bottom: 26px;
}

.section .post_text p {
  margin-bottom: 16px;
}

.section .post_text p.source {
  margin-top: 30px;
  color: #9299a2;
}

.section .post_text p.source>a {
  color: #9299a2;
}

.section .post_text ul {
  list-style: disc;
}

.section .post_text ul li {
  margin-bottom: 10px;
}

.section .post_text a {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-decoration: underline;
}

.section .post_text a:hover {
  text-decoration: none;
}

.section .more {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 25px;
  display: block;
  text-align: right;
  text-decoration: underline;
  margin: 8px 0px 0px 0px;
}

.section .more p {
  display: inline-block;
}

.section .more:hover {
  text-decoration: none;
}

.section .more i {
  display: inline-block;
  vertical-align: text-top;
  width: 30px;
  margin-top: 3px;
  height: 18px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(../img/sprite.png) -355px -324px no-repeat
}

#main_container nav {
  width: 100%;
  text-align: center;
  padding: 35px 0;
}

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

.blog_contaner .post_photo {
  width: auto;
  border-radius: 0 10px 10px 10px;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-height: 560px;
}

.section_post_content {
  padding: 0 0 0 80px;
  overflow: hidden;
  position: relative;
}

.section_post_content .post_title {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.section_post_content .post_title:hover {
  color: #333;
}

.section_post_content .post_text {
  font-family: 'robotolight', sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 14px;
}

.section_posts {
  margin: 0px 0 0;
  background: #f1f1f1;
  border-radius: 8px;
  padding: 30px 0px 0px 30px;
}

.section_posts .posts_title,
h1.posts_title {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 500;
  text-align: center;
  margin: 0px 0px 20px 0px;
}

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

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

.back_link_press_detail {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 25px;
  display: block;
  text-align: right;
  text-decoration: underline;
  margin: 0px 0px 0px 0px !important;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.back_link_press_detail:hover {
  text-decoration: none;
}

.back_link_press_detail i {
  display: inline-block;
  vertical-align: text-top;
  width: 26px;
  margin-top: 3px;
  height: 18px;
  background: url(../img/sprite.png) -356px -331px no-repeat;
}

.back_link_press_detail p {
  display: inline-block;
  margin-bottom: 0px !important;
}

/* Пресса. Конец */

#secondary_block_container .text-pages img {
  max-width: 100%;
  height: auto;
}

#no-tracks {
  min-height: 60px;
}

@media (min-width: 1024px) and (max-width: 1200px) {
  #wrapper {
    min-width: 100%;
  }

  .message_container_step2 {
    width: 60%;
  }

  .message_container_step2 .text_error>h1 {
    width: 100%;
  }

  .message_container_step2 .text_error {
    float: none;
  }

  .message_container_edit .message_error.message_white {
    margin: 40px 0px 0px 0px;
  }

  .message_error.message_white {
    margin: 40px 0px 0px 20px;
  }

  #top_menu,
  #four_triggers,
  #block_main,
  #block_statistic,
  #block_video,
  .block_youtube,
  #footer_navigation,
  #f_bottom,
  #secondary_block_container,
  div.form,
  .ftp_message,
  .new_music,
  .musical_mood,
  .musical_genresm,
  div.albums,
  .search_albums,
  .search,
  .stats_block,
  .search_result,
  .table_block,
  .object_header,
  #text_welcome_block,
  div.videolessons,
  .search_recall,
  .geography_size,
  .cp_text_with_button,
  .userslist_container,
  #usersList,
  .albums_on_author_page,
  .tracklist,
  .fileslist_edit {
    width: 100%;
  }

  .withdrawal__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }

  .withdrawal__row table {
    margin: 20px 0;
    width: 100%;
  }

  #secondary_block,
  #top_menu_container,
  #block_footer_navigation,
  #block_footer_bottom {
    padding: 0 10px;
  }

  #f_menu_list>a {
    margin-right: 35px;
  }

  #four_triggers {
    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;
  }

  .four_tr_item {
    margin-right: 10px;
    width: 230px;
  }

  .tr_header {
    font-size: 15px;
  }

  .tr_description {
    font-size: 14px;
  }

  #block_main_music,
  #block_main_billing,
  #block_main_certs {
    height: 390px;
    width: 310px;
    margin: 10px 10px 10px 10px;
  }

  #block_main_certs {
    margin: 10px 10px 50px 10px;
  }

  .bm_header>p {
    font-size: 18px;
    padding-left: 18px;
    padding-top: 24px;
    letter-spacing: -1px;
  }

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

  .bm_icon_radio {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: url(../img/sprite1024.png) -133px -159px no-repeat #ffffff;
  }

  p.bm_time_and_place {
    font-size: 11px;
    line-height: 20px;
    top: -6px;
    width: 240px;
    overflow: hidden;
  }

  .bm_button {
    margin-left: 65px;
  }

  .bm_sert_date {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: -7px;
  }

  #blocks_stats_on_main>div {
    height: 380px;
    width: 310px;
    margin: 10px;
  }

  .bs_button {
    margin-left: 75px;
  }

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

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

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

  .bm_icon_karaoke {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: url(../img/sprite.png) -855px -160px no-repeat #ffffff;
  }

  .tracklist {
    padding: 20px 20px;
    margin: 0;
  }

  #upload_form .field,
  #upload_form .textarea,
  .fileslist,
  .multifiles {
    width: 60%;
    margin-left: 0;
  }

  #upload_form .field,
  #upload_form .textarea {
    width: 68%;
  }

  #upload_form .field input,
  #upload_form .textarea textarea {
    width: 515px;
  }

  #upload_form .textarea textarea {
    width: 100%;
  }

  .upload_form_step2 .button_add_files {
    margin: 8px auto 16px auto !important;
  }

  .textarea.textarea_wide.mb20 {
    width: 100%;
  }

  .fileslist {
    margin: 38px 0px 15px 20px;
  }

  .multifiles {
    margin: 1px 0px 22px 20px;
  }

  .fl_trackname {
    width: 275px;
  }

  .fileslist_edit {
    padding: 20px 0;
    margin: 0;
  }

  .fl_trackname>p {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .search_albums_input>input.search_albums_text {
    width: 253px;
  }

  .album_item {
    width: 250px;
    height: 320px;
    margin-right: 15px !important;
    margin-left: 15px;
  }

  .ai_cover {
    width: 250px;
    height: 250px;
    background: url(../img/nocover_280.png) 50% 50% no-repeat;
  }

  .ai_header {
    width: 250px;
  }

  .ai_header>p {
    width: 250px;
  }

  .ai_cover>img {
    width: 250px;
    height: 250px;
  }

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



  .fileslist_online,
  .search_result_tracks {
    padding: 20px;
    margin: 0;
    width: 100%;
  }

  .fileslist_online {
    padding: 0 0 20px 0;
  }

  .stats_place {
    max-width: 173px;
  }

  .stats_header_th {
    display: none;
  }

  .stats_marker {
    margin: 0px 10px 0px 10px;
  }

  .search_albums_select .select2-container {
    width: 253px !important;
  }

  .flet_input>input.track_text {
    width: 220px;
  }

  .unfinished_message {
    width: 70% !important;
  }

  .req_fields_info_albumfull {
    width: 40%;
    margin-left: 30px;
  }

  .search_input_for_related>input.search_text {
    width: 240px;
  }

  .search_input>input.search_text {
    width: 190px;
  }

  .sm_item {
    max-width: 310px;
    width: 100%;
    margin: 5px;
  }

  .sm_item.active {
    top: 5px;
  }

  .oth_item:last-child {
    left: auto;
    right: 0;
  }

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

  .sbt_item,
  .obj_item {
    width: 100%;
  }

  .obji_count {
    right: 0;
    left: auto;
    text-align: left;
  }

  .obji_count p {
    left: 0;
    padding: 0 10px;
  }

  .stats_youtube {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 270px;
    width: auto;
  }

  .stats_youtube .youtube_clip {
    width: 83%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .stats_yt_header {
    display: none;
  }

  .search_input.video {
    padding: 20px 30px 0px 0px;
  }

  .table_block {
    padding: 20px;
  }

  .crt_track .crt_cert {
    /* left: 880px; */
    left: 88%;
  }

  .feedback_subject a {
    width: 420px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .field_bigform,
  .textarea_wide,
  .textarea_wide textarea,
  .field_bigform input {
    width: 100%;
  }

  .field_bigform_text,
  #requestsList,
  .lastRequests_headers {
    margin: 0;
  }

  #ask_question_form .form {
    padding: 0 30px;
  }

  #ask_question_form h2.form {
    margin-left: 0;
  }

  #ask_question_form .field_bigform,
  #ask_question_form .field_bigform input {
    margin-left: 0;
  }

  #ask_question_form .textarea,
  #ask_question_form .textarea textarea {
    margin-left: 0;
  }

  #form.form {
    padding: 0 20px 20px;
  }

  object#pdf {
    display: block;
    margin: 30px auto;
    margin-bottom: 40px;
    border-radius: 8px;
    border: 1px solid #d9dce0;
    width: 100% !important;
    height: 100% !important;
    min-height: 600px;
    padding: 10px;
    background: #ffffff;
  }

  .payments_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .payments_item {
    margin: 15px 10px 15px;
  }

  .fleh_item:last-child {
    left: 825px;
  }

  .tl_time {
    left: 820px;
  }

  .tlh_item:last-child {
    left: 825px;
  }

  .tl_album>a {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .feedback_chat_header {
    margin: 30px 0px 5px 0px;
  }

  .feedback-chat {
    margin: 0px 0px 30px 0px;
    width: 100%;
  }

  .chat-user-message {
    min-width: 50vw;
    max-width: 600px;
  }

  .feedback-chat-message-text {
    word-break: break-all;
  }

  .textarea,
  .textarea textarea,
  h2.form,
  .radio_list,
  .req_fields_info {
    margin-left: 0;
  }

  .req_fields_info_quest {
    margin-left: 60px;
  }

  .field,
  .field_noreq,
  .field_bigform_noreq {
    margin-left: 0;
  }

  .form-setting {
    margin-left: 0;
    margin-right: 0;
  }

  .cover,
  .div_button {
    margin-right: 0;
  }

  .field,
  .field_noreq,
  .textarea {
    width: 670px;
  }

  .textarea_quest {
     margin: 0px 0px 20px 30px;
     width: 620px;
  }

  .textarea_quest textarea {
     width: 580px;
  }

  .multifiles p {
    right: auto;
  }

  .upload_form_step2 a.fl_delete {
    left: 0 !important;
  }

  #ask_question_form .textarea,
  .label_add_files {
    width: 100%;
  }

  .field input,
  .field_noreq input,
  .field_bigform_noreq input,
  .textarea textarea {
    width: 650px;
  }

  .textarea textarea {
    width: 100%;
  }

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

  .search_recall_input,
  .search_recall_div {
    width: 100%;
  }

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

  #selectedTracksList {
    padding: 0px 0px 25px 0px;
  }

  .toggle_button_small {
    left: 880px;
  }

  div.form {
    padding: 20px 20px 0;
  }

  .field_bigform,
  .field_bigform input,
  .field_bigform_noreq {
    width: 100%;
    margin-left: 0;
  }

  .select_pay,
  .select_pay.select_pay2 {
    margin: 0px 0px 20px 0px;
    width: 100%;
  }

  .select_pay .select2 {
    width: 100% !important;
  }

  .bf_margin_left {
    margin-left: 0 !important;
  }

  #blue-playlist-container,
  div#amplitude-player {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
  }

  .tl_song {
    width: 410px;
    overflow: hidden;
  }

  .tracklist_detail .tlh_item:nth-child(3) {
    left: 815px !important;
  }

  .tl_play,
  .tl_play_certificate {
    right: 1%;
  }

  .cp_text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cp_button_close {
    margin-right: 20px;
  }

  .field_bigform input,
  .textarea textarea:focus,
  .textarea_has_data>textarea {
    padding-right: 24px;
    padding-left: 34px;
  }

  #usersList.musical_mood {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

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

  .x180,
  .x180 img {
    width: 180px;
    height: 180px;
  }

  .user_container,
  .album_container {
    margin: 6px;
  }

  .x180:nth-child(6n),
  .x180:nth-child(4n) {
    margin-right: 6px !important;
  }

  #albumsList {
    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;
  }

  #table_online .flo_song {
    width: 390px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  #table_online .flo_marker {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  #table_online .flo_song .song {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .stats_info_list {
    padding: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ftp_logo {
    height: 200px;
  }

  .ftp_content {
    max-width: 76%;
    width: 100%;
  }

  .ftp_text {
    font-size: 14px;
  }

  .contract-text {
    height: 600px;
  }

  nav {
    width: calc(100% - 250px);
  }

  #table_online .flo_marker {
    display: none;
  }

  #table_online .flo_place {
    width: 150px;
  }

  #table_online .flo_song {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

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

  .stats_song.radiostation_list {
    width: 697px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  #objList .obji_marker {
    left: 68%;
  }

  #objList .obji_place {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .tl_track_recall .tl_album,
  .contract_with {
    width: 200px;
  }

  #text_welcome_block {
    word-break: break-word;
    max-width: 1000px;
  }

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

  .album_text_info {
    width: 55%;
  }

  .fleh_item:nth-child(2) {
    left: 304px;
  }

  .fleh_item:nth-child(3) {
    left: 534px;
  }

  .fleh_item:nth-child(4) {
    left: 638px;
  }

  #upload_form .flet_time {
    width: 33px;
  }
}


@media (max-width: 1200px) {
  .new_position {
    margin: 0;
    width: 100%;
  }
  #no-tracks {
    min-height: 80px;
  }
  .playlist_fixed.active {
    max-width: 100%;
  }
}

@media (max-width: 1040px) {
  .genreslist.new_position .tlh_item:nth-child(2) {
    left: 333px;
  }
  .genreslist.new_position .tlh_item:nth-child(3) {
    left: 630px;
  }
  .genreslist.new_position .tlh_item:last-child {
    left: 822px;
  }
}

.meta-data {
}

.meta-data .button {
  width: 240px;
  margin-left: auto;
  margin-bottom: 30px;
}

.meta-data .button-right {
  width: 100%;
}

#save-release-metadata {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#save-release-metadata .success-text {
  margin-bottom: 30px;
  margin-right: 30px;
  color: #ff8a42;
}

#save-release-metadata .button {
  margin-left: unset;
}

.meta-data .title {
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 24px;
}

.meta-data__inner {
  padding: 20px 0px 30px 60px;
}
@media (max-width: 1200px) {
  .meta-data__inner {
    padding: 0 0 30px 0;
  }
}

.meta-data__bg {
  background: #f7f7f7;
  border-radius: 8px;
  margin-right: 60px;
}
@media (max-width: 1200px) {
  .meta-data__bg {
    margin-right: 0;
  }
}

.meta-data__item {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .meta-data__item {
    flex-direction: column;
  }
}

.meta-data__item_padding {
  padding: 10px 30px 18px;
}

.meta-data__item .select2 {
  width: 100% !important;
}

/* .meta-data__item:hover {
  background: #e0e2e4;
} */

.meta-data__item:last-child {
  border-bottom: 1px solid transparent;
}

.meta-data__name {
  width: 25%;
  /* font-size: 20px; */
  font-size: 18px;
  color: #333333;
  margin-right: 24px;
  /* font-family: 'roboto_condensedregular', sans-serif; */
}
@media (max-width: 1024px) {
  .meta-data__name {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
}

.meta-data__icon {
  width: 20px;
  text-align: center;
  margin-right: 4px;
}
@media (max-width: 1024px) {
  .meta-data__icon {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.meta-data__input {
  flex: 1;
  position: relative;
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .meta-data__input {
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
}

.meta-data__input:not(:has(i.display_none)) .meta-release {
  width: calc(100% - 38px);
}

.meta-data__input .meta-lang {
  width: 100% !important;
}

.meta-data__input .select2 {
  background-color: #fff;
}

.meta-data__input .select2-selection__placeholder {
  color: #c3c3c3 !important;
}

.meta-data__input .calendar {
  position: relative;
  top: 9px;
  height: 28px;
}

.meta-data__input .calendar.disabled {
  pointer-events: none;
}

input#same_time + label span {
  position: relative;
  top: 5px;
}

.meta-data__input input {
  color: #333333 !important;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px !important;
  line-height: 28px;
  border-radius: 3px;
  outline: none;
  
  border: 1px solid #9299a2;
  height: 28px;
  padding: 0px 8px 0px 8px !important;
  width: 100%;
}

.meta-data__input input::placeholder {
  color: #c3c3c3 !important;
}

.meta-data__input input::-webkit-input-placeholder {
  text-indent: 0px;
  -webkit-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
}


.meta-data__input input:focus::-webkit-input-placeholder {
  text-indent: -300px;
}

.meta-data__question {
  width: 30px;
  height: 30px;
  background-color: #ff8a42;
  border-radius: 50%;
  cursor: help;
}

.meta-data__question svg {
  width: 30px;
  height: 30px;
}

.track-catalog {
  /* margin-top: 60px; */
}

.track-catalog .title {
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 24px;
}

.track-catalog__inner {
  padding: 20px 0px 30px 60px;
}
@media (max-width: 1200px) {
  .track-catalog__inner {
    padding: 0 0 30px 0;
  }
}

.track-catalog__bg {
  background: #f7f7f7;
  border-radius: 8px;
  margin-right: 60px;
}
@media (max-width: 1200px) {
  .track-catalog__bg {
    margin-right: 0;
  }
}

.track-catalog__item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 10px 30px;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .track-catalog__item {
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
}


.track-catalog__item:hover {
  background: #e0e2e4;
}

.track-catalog__item:last-child {
  border-bottom: 1px solid transparent;
}

.track-catalog__number {
  font-weight: 600;
}

.track-catalog__name {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 295px;
  flex: 1;
}

.track-catalog__name  p.isrc {
  display: inline-flex;
  font-size: 12px;
  position: relative;
  top: -5px;
  margin-left: 6px;
}



.track-catalog__name span {
  color: #9299a2;
}

.track-catalog__alert {
  background-image: url(../img/alert.png);
  width: 28px;
  height: 24px;
}

.track-catalog__edit {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 14px;
  color: #6676a4;
}

.track-catalog__music {

}

.track-catalog__music .tl_play {
  position: relative;
  top: 0;
  right: 0;
}

.track-catalog .back_link {
 margin-right: 0; 
 top: 0;
}

.release-valible {
  /* margin-bottom: 30px; */
}

.release-valible .title {
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 24px;
}

.release-valible__inner {
  padding: 20px 0px 30px 60px;
}
@media (max-width: 1200px) {
  .release-valible__inner {
    padding: 0 0 30px 0;
  }
}

.release-valible__row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  gap: 12px;
  margin-top: 20px;
  margin-right: 60px;
}
@media (max-width: 1200px) {
  .release-valible__row {
    margin-right: 0;
  }
}

.release-valible__item {
  position: relative;
  top: 0;
  text-align: center;
  background: #ffffff;
  border-radius: 8px;
  transition: all 0.2s ease-out;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #333333;
  border: 1px solid #9299a2;
  height: 66px;
}

.release-valible__item:hover {
  top: -5px;
  box-shadow: 0px 6px 12px 0px rgba(0, 1, 2, 0.5);
  border: 1px solid transparent;
}

.release-valible__item .img {
  height: 34px;
  text-align: center;
}

.release-valible__item .release-date {
  position: absolute;
  font-size: 9px;
  right: 4px;
  bottom: -4px;
  color: #666666;
}

.release-valible__item img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.meta-data-modal .meta-data__bg {
  margin-right: 0;
  margin-top: 20px;
}

.meta-data-modal .hr_smallform_white {
  margin: 30px -20px 30px 0;
}

.artists {
  margin-bottom: 20px;
  margin-top: 30px;
  
}

.artists .popup_header {
  min-height: 1px;
  margin-bottom: 20px;
  margin-right: -20px;
  background: url(../img/line_h_orange_long.png) 0px 100% no-repeat;
}

@media (max-width: 1024px) {
  .artists .popup_header {
    margin-right: -10px;
  }
}

.artists__title {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

.artists__list {

}

.artists__item {
  color: #333333;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  margin-top: 8px;
}

.artists__add {
  cursor: pointer;
  margin: 20px 0 10px 0;
}

.artists__add span {
  color: #6676a4;
  border-bottom: 1px dashed;
}

.artists__add.active i {
  background: url(../img/sprite.png) -356px -17px no-repeat;
}

.artists__add i {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  background: url(../img/sprite.png) -356px -64px no-repeat;
  vertical-align: middle;
  margin-left: 13px;
}

.artists__form {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 768px) {
  .artists__form {
    flex-direction: column;
    gap: 8px;
  }
}

.artists__form .select2 {
  width: 100% !important;
}
.artists__form .select2 {
  background-color: #fff;
}
.artists__form input {
  color: #333333 !important;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px !important;
  line-height: 28px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #9299a2;
  height: 28px;
  padding: 0px 8px 0px 8px !important;
  width: 100%;
}
.artists__form .button {
  height: 28px;
  margin: 0 auto;
}

.meta-data-modal .button {
  margin: 0 auto;
  width: 240px;
}


.chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: white;
  color: black;
  border: 1px solid #ff8a42;
  border-radius: 10px 10px 0 10px;
  transition: all .1s ease;
  pointer-events: none;
  transform: translate(-50%, 0);
  white-space: nowrap;
  padding: 8px;
  font-size: 14px;
}

.chartjs-tooltip .tooltip-title {
  font-size: 16px;
  font-weight: 600;
  font-family: roboto_condensedregular;
  padding-bottom: 4px;
}

.chartjs-tooltip .tooltip-item {
  display: flex;
  align-items: center;
}

.chartjs-tooltip span {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
}


.button-more {
  color: #6676a4;
  font-family: 'robotoregular', sans-serif;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.button-more.active .arrow::after {
  transform: rotate(45deg);
}
.button-more.active .arrow::before {
  transform: rotate(-45deg);
}
.button-more  .text {
  border-bottom: 1px dashed;
  cursor: pointer;
}
.button-more .arrow {
  position: relative;
  margin-left: 12px;
  top: -1px;
}
.button-more .arrow::after {
  content: '';
  position: absolute;
  left: 1px;
  width: 8px;
  height: 1px;
  background: #6676a4;
  transform: rotate(-45deg);
  transition: 0.3s;
}
.button-more .arrow::before {
  content: '';
  position: absolute;
  left: -4px;
  width: 8px;
  height: 1px;
  background: #6676a4;
  transform: rotate(45deg);
  transition: 0.3s;
}
.block-group {
  display: none;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s, height 0.5s;
}
.block-group.visible {
  display: block;
  opacity: 1;
  height: auto;
}
.track_full_info_block .th_album {
  margin-top: 20px;
}

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

.author_album_page .tlh_item:first-child {
  position: absolute;
  left: 70px;
  margin-left: 0;
}

.author_album_page .tlh_item:last-child {
  margin-left: 0;
}

.author_album_page .tl_number {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 0;
}

.author_album_page .tl_artist {
  position: absolute;
  left: 70px;
  top: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 295px;
}

.author_album_page .tl_song {
  position: absolute !important;
  left: 368px;
  top: 16px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 485px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.author_album_page .tl_time {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 860px;
}

.holder-bg {
  margin-left: 65px;
  margin-right: 65px;
  margin-top: 20px;
  background: #fff;
  padding: 12px;
  border-radius: 10px;
}

.flex1 {
	flex: 1;
}
.balance_price_big.flex1 {
	white-space: nowrap;
}

.balance_total.gap {
	gap: 8px;
}

.button.h40 {
	height: 42px;
	width: 223px;
}

.chart-plugin-public,
.chart-plugin-streaming {
	background-color: #fff;
	height: 476px;
	border: 1px solid #bcaeae;
	padding: 10px;
}

.chart-item-mwidth {
	flex: 0 1 calc(10% - 20px);
}

.new-chart__item {
	margin-top: 40px;
}

.new-chart__item:first-child {
	margin-top: 0;
}

.new-chart__h2 {
	font-size: 28px;
	margin-bottom: 26px;
	margin-top: 0;
}
.new-chart__h3 {
	font-size: 24px;
	margin: 0;
}

.table_block60 {
	padding: 45px 60px 50px;
	margin-bottom: 30px;
	margin-top: 0;
}

.balance_info + .table_block60 {
	margin-top: 20px;
}

.chart-streaming {
	margin-top: 16px;
	margin-left: -5px;
}

.new-chart__row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
	gap: 8px;
}

.new-chart__alert {
	background-color: #fff;
	display: flex;
	align-self: center;
	border-radius: 8px;
	font-size: 14px;
	color: #ff8a42;
	padding: 6px 12px;
	gap: 8px;
	font-family: "robotoregular", sans-serif;
}

.icon-i {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #ff8a42;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding-right: 2px;
	padding-top: 2px;
	font-family: "robotolight", sans-serif;
}

.icon-more {
	background-image: url("../img/arr-more.png");
	width: 24px;
	height: 26px;
	display: inline-block;
}
.new-chart__brn {
	color: #6676a4;
	text-align: right;
	margin-top: 10px;
	font-family: "robotoregular", sans-serif;
	/* font-size: 14px; */
}

.new-chart__brn a {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	color: #6676a4;
}

.new-chart__footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.new-chart__footer .chart-streaming {
	flex: 1;
	padding-bottom: 0;
}

.chart-streaming .text {
	padding: 8px 20px 8px 10px;
}

.earned {
}
.earned__header {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	gap: 8px;
}
.earned__h2 {
	margin-bottom: 0 !important;
	font-size: 28px;
	margin-top: 0;
	flex: 1;
}

.earned__h2 span {
	color: #f28518;
}

.chart-container {
	position: relative;
	display: flex;
	background: #fff;
	border-radius: 8px;
	padding: 40px 90px 40px 46px;
}

.chart-legend {
	font-family: "robotoregular", sans-serif;
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	width: 100%;
	margin-right: 90px;
}
.chart-legend .chart-line {
	display: inline-block;
	width: 14px;
	height: 48px;
	margin-right: 16px;
}
.chart-legend p {
	padding: 0 4px;
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
}
.chart-legend__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
	gap: 8px;
}
.chart-legend__name {
	display: flex;
	align-items: center;
	max-width: 300px;
	flex: 1;
}
.chart-legend__count {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
	position: relative;
	white-space: nowrap;
}

.chart-total {
	font-family: "robotoregular", sans-serif;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}
.chart-total span {
	font-weight: bold;
	font-size: 30px;
	line-height: 38px;
	padding: 0 4px;
}

.chart-note {
	font-size: 24px;
	color: #ff6541;
	position: absolute;
	top: 0;
	right: -8px;
}

.chart-plugin-earned {
	width: 298px;
	height: 298px;
}
.canvas-bg {
	position: relative;
	width: 298px;
	height: 298px;
}
.canvas-bg::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 144px;
	height: 50px;
	border-radius: 50%;
	background-image: url("../img/logo_orange70.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.earned__filter {
	position: relative;
  width: 223px;
}

.earned__filter + .select2 .select2-selection {
	width: 223px;
  height: 42px;
	padding: 2px 14px;
	background-color: #6676a4;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
	user-select: none;
}

.earned__filter + .select2 .select2-selection__rendered {
  color: #fff !important;
  font-size: 18px !important;
	font-family: "robotoregular", sans-serif !important;
}

.earned__filter + .select2-container--open .select2-selection__arrow::after {
	transform: rotate(45deg) !important;
}

.earned__filter + .select2-container--open .select2-selection__arrow::before {
	transform: rotate(-45deg) !important;
}

.earned__filter + .select2 .select2-selection__rendered::after {
  content: "";
	position: absolute;
  top: 1px;
  right: 34px;
	width: 1px;
	height: 38px;
	background-color: #fff;
	margin-left: 28px;
	margin-right: 14px;
}

.earned__filter + .select2 .select2-selection__arrow {
  position: relative !important;
	width: 20px !important;
	height: 12px !important;
	top: -1px !important;
}

.earned__filter + .select2 .select2-selection__arrow b {
  display: none;
}

.earned__filter + .select2 .select2-selection__arrow::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 6px;
	width: 14px;
	height: 1.5px;
	background: #fff;
	transform: rotate(-45deg);
	transition: 0.3s;
}
.earned__filter + .select2 .select2-selection__arrow::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 6px;
	width: 14px;
	height: 1.5px;
	background: #fff;
	transform: rotate(45deg);
	transition: 0.3s;
}



.public-reproduction__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 30px;
}

/* .public-reproduction__row + .table_block60 {
	margin-top: 0 !important;
} */

.public-reproduction__title {
	margin-bottom: 0;
}

.tops-music_item.income .rentals {
	font-family: "robotoregular", sans-serif;
	font-size: 18px;
	width: 100px;
	text-align: right;
	margin-right: 18px;
}
.tops-music_item.income .share {
	font-family: "robotoregular", sans-serif;
	font-size: 18px;
	width: 70px;
	text-align: right;
	margin-right: 18px;
	color: #999999;
}
.tops-music_item.income .share span {
	color: #ff8a42;
}
.tops-music_item.income .royalties span {
	color: #ff8a42;
}
.tops-music_item.income .royalties {
	font-family: "robotoregular", sans-serif;
	font-size: 18px;
	width: 70px;
	text-align: right;
	margin-right: 18px;
	color: #999999;
}
.tops-music_item.income .rub {
	font-family: "robotoregular", sans-serif;
	font-size: 20px;
	width: 100px;
	text-align: right;
	margin-right: 18px;
	color: #ff8a42;
}

.tops-music__header {
	display: flex;
	width: 100%;
	padding: 0 30px 6px;
	font-size: 16px;
	color: #9f9f9f;
	font-family: "robotolight", sans-serif;
}

.tops-music__header .artist {
	flex: 1;
}
.tops-music__header .rentals {
	width: 100px;
	text-align: right;
	margin-right: 18px;
	font-size: 16px;
}
.tops-music__header .share {
	width: 70px;
	text-align: right;
	margin-right: 18px;
	font-size: 16px;
}
.tops-music__header .royalties {
	width: 70px;
	text-align: right;
	margin-right: 18px;
	font-size: 16px;
}
.tops-music__header .rub {
	width: 100px;
	text-align: right;
	margin-right: 18px;
	color: #9f9f9f;
	font-size: 16px;
}

.tops-header__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 20px;
}

.tops-header__row .title {
	margin-bottom: 0;
}

.type-business {
	width: 290px;
	margin-left: 20px;
}

.type-business .title {
	margin-top: 30px;
	margin-bottom: 4px;
}
.type-business .title span {
	color: #6676a4;
}

.type-business .subtitle {
	margin-bottom: 20px;
	font-size: 12px;
	color: #999999;
	font-family: "robotoregular", sans-serif;
}

.type-business_text {
	font-family: "robotoregular", sans-serif;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 120px;
	color: #fff;
}

.type-business_container .name {
	font-size: 18px;
	color: #6676a4;
	font-family: "roboto_condensedregular", sans-serif;
	margin-bottom: 4px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 10px;
}

.type-business_text .bg {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #526aab;
	width: 100%;
	min-width: 74px;
	height: 100%;
	opacity: 1 !important;
	z-index: -1;
}
.type-business_text .count {
	font-size: 32px;
	width: 100%;
	text-align: right;
	padding: 0 20px;
}
.type-business_text .icon {
	min-width: 50px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f1f1f1;
}

.type-business_text .icon img {
	max-width: 28px;
	object-fit: contain;
}

.type-business_item {
	margin-bottom: 10px;
}

.type-business_item:last-child {
	margin-bottom: 0;
}

.section-tops__income {
	align-items: flex-start;
	flex-direction: row-reverse;
}

.section-tops__income .form {
	width: 100%;
}

.type-business:not(.display_none) + .form {
	width: calc(100% - 310px);
}

.section-tops__income .tops-header {
	padding-bottom: 6px;
}

.type-business_container {
	margin-top: 36px;
}

@media screen and (max-width: 1200px) {
	.earned__h2 {
		font-size: 20px !important;
	}
	.chart-legend {
		font-size: 18px;
		line-height: 24px;
	}
	.chart-legend p {
		font-size: 20px;
	}
	.chart-total {
		font-size: 18px;
		line-height: 24px;
	}
	.chart-total span {
		font-size: 20px;
	}
}

@media screen and (max-width: 1023px) {
	.table_block60 {
		padding: 30px 20px;
		margin-bottom: 20px;
	}
	.chart-container {
		padding: 20px;
	}


  #unfinishedNew.with-bg {
    padding: 30px 20px;
		margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
	.chart-container {
		flex-direction: column;
		align-items: center;
	}
	.chart-legend {
		align-self: flex-start;
	}
	.chart-total {
		margin-top: 20px;
	}
	.canvas-bg {
		margin-top: 30px;
	}
	.section-tops__income {
		flex-direction: column-reverse !important;
	}

	.public-reproduction__row .button-group.float {
		margin: 0;
	}
	.public-reproduction__title {
		margin-bottom: 0 !important;
	}
	.type-business {
		margin-left: 0 !important;
	}
	.type-business .title {
		margin-top: 0;
		margin-bottom: 4px !important;
	}
	.type-business_container {
		margin-top: 26px;
	}

  .section-tops__income .form {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
	.chart-plugin-public,
	.chart-plugin-streaming {
		height: 300px;
	}
	.new-chart__row {
		flex-direction: column;
		justify-content: center;
	}
	.new-chart__h3 {
		text-align: center;
	}

	.tops-music_item.income .rentals,
	.tops-music__header .rentals,
	.tops-music__header .share {
		display: none;
	}

	.tops-music__header .royalties,
	.tops-music_item.income .royalties,
	.tops-music_item.income .share {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.earned__h2 {
		font-size: 18px !important;
	}
	.chart-legend {
		font-size: 16px;
		line-height: 22px;
	}
	.chart-legend p {
		font-size: 18px;
	}
	.new-chart__footer {
		flex-direction: column-reverse;
	}
	.chart-plugin-public,
	.chart-plugin-streaming {
		height: 185px;
	}
	.new-chart__footer .chart-streaming {
		width: 100%;
	}
	.new-chart__brn {
		width: 100%;
	}
	.chart-streaming {
		margin-left: 0;
	}
	.chart-legend__item {
		flex-direction: column;
		align-items: flex-start;
	}
	.chart-total {
		flex-direction: column;
		align-items: flex-start;
	}
	.earned__header {
		flex-direction: column;
		align-items: flex-start;
	}
	.chart-legend__item {
		margin-bottom: 15px;
	}

	.canvas-bg {
		width: 240px;
		height: 240px;
	}

	.new-chart__h3 {
		font-size: 18px;
	}
	.new-chart__alert {
		font-size: 13px;
	}
	.public-reproduction__row {
		flex-direction: column;
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}
	.public-reproduction__row .button-group.float {
		margin-top: 22px;
	}
}

/* стриминг сервисы */
.my-streaming {
	display: flex;
	gap: 30px;
	font-family: "robotoregular", sans-serif;
}

.my-streaming .title {
	margin-bottom: 20px;
	padding-bottom: 12px;
	position: relative;
}

.my-streaming .title::after {
	content: "";
	position: absolute;
	background: url(../img/line_h_light_gray.png) no-repeat;
	height: 1px;
	width: 100%;
	bottom: 0;
	right: 0;
}

.my-streaming .title span {
	color: #ff6541;
}

.my-streaming-balance {
	border-radius: 8px;
	background-color: #fff;
	flex: 1 1 50%;
	padding: 30px 0 30px 30px;
}

.my-streaming-curse {
	flex: 1 1 50%;
	align-self: flex-start;
}
.my-streaming-curse__bg {
	background-color: #fff;
	border-radius: 8px;
	padding: 30px 0 20px 30px;
}

.my-streaming-balance__item {
	display: flex;
	align-items: center;
	font-size: 24px;
	text-transform: uppercase;
	color: #333;

	margin-bottom: 10px;
}

.my-streaming-balance__row {
	display: flex;
	flex: 1;
}

/* .my-streaming-balance__item:last-child {
	margin-bottom: 0;
} */

.my-streaming-balance__container {
	padding-right: 30px;
}

.my-streaming-balance__container.row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.my-streaming-balance__container.row .my-streaming-balance__item {
	margin-bottom: 0;
	margin-right: 30px;
	margin-bottom: 10px;
}

.my-streaming-balance__container.row .curse-value {
	margin-right: 0;
	margin-left: 30px;
}

.my-streaming-balance__item .curse-name {
	flex: 1;
}

.my-streaming-balance__item .curse-value {
	margin-right: 30px;
	padding-right: 30px;
	margin-left: 30px;
	position: relative;
}

.my-streaming-balance__container.row .curse-value::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-color: #999999;
	width: 2px;
	height: 100%;
}
.my-streaming-balance__container.row
	.my-streaming-balance__item:last-child
	.curse-value::after {
	display: none;
}

.green {
	color: #318c4d;
}

.light-blue {
	color: #5b76ff;
}

.dark-orange {
	color: #ff6541;
}

.my-streaming-balance__item .button {
	width: 134px;
	height: 28px;
}

.my-streaming-curse__text {
	margin-top: 18px;
  line-height: 24px;
	font-size: 16px;
	color: #333;
	/* font-family: "robotolight", sans-serif; */
  font-family: 'roboto_condensedregular', sans-serif;
	/* font-weight: 600; */
}
.my-streaming-curse__text > * {
  display: flex;
  flex-wrap: wrap;
}
.my-streaming-curse__text > * > * {
  display: flex;
  flex-wrap: wrap;
}

.details-streaming {
	margin-top: 50px;
}
.details-streaming__header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.details-streaming__h2 {
	flex: 1;
	margin-bottom: 0 !important;
}
.details-streaming__chart {
	position: relative;
	display: flex;
	background: #fff;
	border-radius: 8px;
	padding: 48px 46px 45px 30px;
	margin-bottom: 30px;
}
.details-streaming__chart:last-child {
	margin-bottom: 0;
}
.details-streaming__chart-legend {
	font-family: "robotoregular", sans-serif;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	width: 100%;
	margin-right: 70px;
}
.details-streaming__item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.details-streaming__item:last-child {
	margin-bottom: 0;
}
.details-streaming__row {
	display: flex;
}
.details-streaming__line {
	width: 25px;
	height: 25px;
	margin-right: 20px;
	border-radius: 4px;
}
.details-streaming__name {
	flex: 1;
	padding-right: 10px;
  color: #333;
}
.details-streaming__value {
	padding-right: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: "robotolight", sans-serif;
}
.details-streaming__value span {
	text-transform: uppercase;
	color: #999;
	margin-right: 30px;
	font-weight: 600;
}
.details-streaming__currency {
	text-transform: uppercase;
	color: #c9c9c9;
	margin-right: 30px;
	font-weight: 600;
	font-family: "robotolight", sans-serif;
}
.details-streaming__details {
	font-size: 14px;
}
.details-streaming__details a {
	text-decoration: none;
	border-bottom: 1px solid;
	line-height: 11.5px;
}
.details-streaming__chart-canvas {
	position: relative;
	width: 233px;
	height: 233px;
}
.details-streaming__chart-canvas::after {
	content: attr(data-currency);
	display: block;
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	font-weight: bold;
	font-family: "roboto_regular", sans-serif;
}
.details-streaming__total {
	color: #333;
	font-size: 24px;
	font-weight: 600;
	font-family: "roboto_regular", sans-serif;

	display: flex;
	align-items: flex-start;
}

.details-streaming__total-bg {
	width: 100%;
	margin-right: 146px;
}
.details-streaming__total-bg .details-streaming-row {
	display: flex;
}
.details-streaming__total .details-streaming__currency {
	margin-right: 0;
}

.download_report button {
	background: transparent;
	border: 0;
	width: 320px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.details-streaming__total .download_report,
.detail-streaming__total .download_report {
	margin: 0;
}
.details-streaming__total .download_report i,
.detail-streaming__total .download_report i {
	top: -3px;
}
.details-streaming__total .download_report p,
.detail-streaming__total .download_report p {
	top: 0px;
}
.details-streaming__total .details-streaming__name {
	font-family: "robotolight", sans-serif;
}
.popup-withdrawal .popup-statistics {
	width: 600px;
}
.popup-withdrawal .div_center_container {
	padding: 20px 0;
}
.popup-withdrawal .popup_content p {
	font-size: 16px;
}
button.button.button_gray {
	height: 40px;
	margin: 0 10px;
	background-color: #9f9f9f;
}
button.button.button_orange {
	height: 40px;
	margin: 0 10px;
}

@media screen and (max-width: 991px) {
	.my-streaming {
		flex-direction: column;
	}
	.my-streaming-curse {
		align-self: auto;
	}
	.details-streaming__chart {
		flex-direction: column;
	}
	.details-streaming__chart-canvas {
		margin: 30px auto 0;
	}
	.details-streaming__total {
		flex-direction: column;
	}
	.details-streaming__total-bg {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.details-streaming__total-bg .details-streaming__item {
		flex-direction: column;
		align-items: flex-start;
	}
	.details-streaming__name:not(:empty) {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 768px) {
	.details-streaming__header {
		flex-direction: column;
		align-items: flex-start;
	}
	.details-streaming__h2 {
		margin-bottom: 20px !important;
	}
	.details-streaming__item {
		flex-direction: column;
		align-items: flex-start;
	}
	.details-streaming__line {
		margin-right: 10px;
	}
	.details-streaming__value {
		padding-right: 10px;
		margin-bottom: 10px;
	}
	.details-streaming__total .details-streaming__value {
		margin-bottom: 0;
	}
	.details-streaming__currency {
		margin-right: 0;
	}
}

@media screen and (max-width: 640px) {
	.details-streaming__chart-legend {
		font-size: 16px;
		line-height: 20px;
	}
	.details-streaming__total {
		font-size: 16px;
		line-height: 20px;
	}
	.details-streaming__name:not(:empty) {
		margin-bottom: 6px;
	}
	.details-streaming__item {
		margin-bottom: 6px;
	}
	.details-streaming__total-bg {
		margin-bottom: 10px;
	}
	.details-streaming__line {
		width: 15px;
		height: 15px;
		position: relative;
		top: 2px;
	}
	.my-streaming-balance__item {
		flex-direction: column;
		align-items: flex-start;
	}
	.my-streaming-balance__item .button {
		margin-left: 0;
		margin-top: 10px;
	}
	.my-streaming-balance__item .curse-value {
		margin-left: 10px;
		margin-right: 10px;
	}
}

/* detail-streaming */
.detail-streaming {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail-streaming_left {
}
.detail-streaming_left img {
	max-width: 140px;
	object-fit: cover;
}
.detail-streaming_right {
	font-size: 24px;
	line-height: 29px;
	color: #333;
	font-family: "roboto_regular", sans-serif;
}
.detail-streaming_right .line {
	position: relative;
	padding-left: 14px;
	margin-left: 10px;
}

.detail-streaming_right .line::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #999999;
	width: 2px;
	height: 100%;
}
#rate_block {
  display: inline-block;
}
.detail-streaming__track {
	margin-top: 30px;
}
.detail-streaming__track__inner {
	padding: 37px 36px 37px 36px;
}

.detail-streaming__table {
}
.detail-streaming__head {
	display: flex;
	font-size: 16px;
	color: #9f9f9f;
	margin-bottom: 8px;
}
.detail-streaming__song {
	flex: 1px;
	padding-left: 24px;
	padding-right: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.detail-streaming__ups {
	width: 180px;
	text-align: left;
}
.detail-streaming__country {
	width: 100px;
	text-align: center;
	margin: auto;
}

.detail-streaming__country .img,
.detail-streaming__country .img > div {
  width: 30px;
  height: 20px;
  background-color: #d1d1d1;
  margin: auto;
  position: relative;
}

.detail-streaming__country .img img {
  width: 100%;
  height: 100%;
  object-fit: none;
}

.detail-streaming__count {
	width: 120px;
	padding: 0 10px;
	text-align: center;
	margin: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.detail-streaming__royalties {
	margin-left: 20px;
	padding-right: 30px;
	padding-left: 60px;
	width: 200px;
	text-align: right;
}
.detail-streaming__royalties.bg-white {
	background-color: #fff;
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 26px;
}
.detail-streaming__body {
	width: 100%;
	font-family: "roboto_regular", sans-serif;
	font-size: 22px;
}
.detail-streaming__item {
	display: flex;
	align-items: center;
	background-color: #f7f7f7;
	border-bottom: 1px solid #d9dce0;
	transition: 0.3s;
}
.detail-streaming__item:hover {
	background-color: #e0e2e4;
}
.detail-streaming__item:first-child {
	border-top: 1px solid #d9dce0;
}
.detail-streaming__body .detail-streaming__ups {
	color: #999;
}
.detail-streaming__body .detail-streaming__ups a {
	color: #999;
  text-decoration: none;
}
.detail-streaming__body .detail-streaming__song p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.detail-streaming__body .detail-streaming__song a {
	display: inline;
	text-decoration: none;
}
.detail-streaming__body .detail-streaming__song p:nth-child(2) {
	color: #9f9f9f;
	font-size: 14px;
	padding-top: 4px;
}
.detail-streaming__track__inner .more_tracks {
	margin-top: 40px;
	margin-bottom: 0;
}
.detail-streaming__total {
	font-family: "roboto_regular", sans-serif;
}
.detail-streaming__total .back_link {
	float: none;
	top: auto;
	margin-right: 33px;
}
.detail-streaming__total .form {
	display: flex;
	align-items: center;
	justify-content: space-between;

	font-size: 24px;
	color: #999;
	padding: 24px 28px;
}
.detail-streaming__total .form > div {
	display: flex;
	align-items: center;
}
.detail-streaming__total .form > div span strong {
	color: #333;
	padding-left: 16px;
}

@media screen and (max-width: 1200px) {
	.detail-streaming__track__inner {
		padding: 0;
		padding-bottom: 20px;
	}
	.detail-streaming__country {
		width: 80px;
	}
	.detail-streaming__royalties {
		padding-left: 30px;
		margin-left: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.detail-streaming__total .form {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.detail-streaming__head {
		display: none;
	}
	.detail-streaming__track__inner .more_tracks {
		margin-top: 20px;
	}
	.detail-streaming__ups {
		display: none;
	}
	.detail-streaming__country {
		width: 60px;
	}
	.detail-streaming__royalties {
		margin-left: 0;
		padding: 0 15px;
		width: 150px;
	}
}

@media screen and (max-width: 640px) {
	.detail-streaming {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.detail-streaming__total .form > div {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.detail-streaming__total .form > div span strong {
		padding-left: 0;
	}
	.detail-streaming__item {
		flex-direction: column;
		padding: 20px;
	}
	.detail-streaming__royalties,
	.detail-streaming__royalties.bg-white {
		background: none;
		height: auto;
		font-size: 20px;
		justify-content: center;
	}
	.detail-streaming__song {
		flex: none;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.detail-streaming__count {
		margin: 8px 0;
	}
}

@media screen and (max-width: 420px) {
	.detail-streaming__total .form {
		padding: 15px;
	}
	.detail-streaming_right .line::after {
		display: none;
	}
	.detail-streaming_right .line {
		margin-left: 0;
		padding-left: 0;
	}
}



.balance__header {
  margin-bottom: 25px;
  padding-top: 20px;
}
.balance__header .content {
  margin-bottom: 0;
  padding-top: 0;
}
.balance__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.balance__header .back_link {
  top: 0;
  margin-right: 0;
}
.flex1.row {
  display: flex;
}
.rub.black {
  font-size: 24px;
  font-family: 'robotoregular', sans-serif;
}


.next_report_q > span,
.last_report_q > span {
  padding-left: 4px;
  text-transform: capitalize;
}
.next_report_q,
.last_report_q,
#next_report_date {
  padding-left: 8px;
}
.next_report_q .line,
.last_report_q .line {
  padding: 0 4px;
}

.table-balance .tl_balance {
  display: flex;
  height: auto;
}

.table-balance .tlh_item:first-child {
  padding-left: 20px;
  margin-left: 0;
}
.table-balance .tl_item:nth-child(2) {
  flex: 1;
}

.table-balance .tlh_item:nth-child(2) {
  flex: 1;
}

.table-balance .tl_item:last-child {
  text-align: right;
}

.table-balance .tlh_item:last-child {
  padding-right: 0;
  width: 10% !important;
}

@media only screen and (max-width : 1023px) {
  .table-balance .tl_balance {
    line-height: 27px;
  }

  .table-balance .tl_item {
    width: auto !important;
  }
}

@media only screen and (max-width : 640px) {
  .table-balance .tl_balance {
    flex-direction: column;
  }
  .table-balance .tl_item:nth-child(2) {
    padding-left: 15px;
    margin-bottom: 4px;
  }
}