/* roboto-100 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100.svg#Roboto') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* roboto-100italic - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* roboto-300 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* roboto-300italic - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* roboto-regular - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* roboto-italic - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/roboto-v29-latin_cyrillic-ext-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin_cyrillic-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin_cyrillic-ext-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

#rightad {
  position: sticky;
  right: calc(50vw - 780px);
  width: 300px;
  top: 22px;
  z-index: 1000;
  float: right;
}
#topadvice {
  width: 100%;
  margin-bottom: 30px;
  /* max-height: 320px; */
}
#ad2 {
  display:none;
}

@media (max-width: 1600px) { 
  .col-md-12.mainbar {
    width: calc(100% - 350px);
  }
  #rightad {
    right: 20px;
  }
}
@media (max-width: 1500px) { 
  .volume-center .play-time-bar {
    display:none;
  }
}
@media (max-width: 1300px) { 
  #rightad {
    width: 230px;
  }
  .col-md-12.mainbar {
    width: calc(100% - 280px);
  }
}

#historyadd {
  display:none;
}


pre {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: inherit;
  color: #000;
  word-break: unset;
  word-wrap: unset;
  background: none;
  border: none;
  border-radius: 0;
  font-family: Roboto;
  line-height: 21px;
}
.comments-list .ajax-load-more {
  display:none;
}
.privacy_langs {
  margin-bottom:10px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: 1;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.1s ease-out;
  -o-transition: -o-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out, -o-transform 0.1s ease-out;
}
a:focus {
  color: #000;
}

[data-hint]::after {
  content: attr(data-hint);
  opacity: 0;
  visibility: hidden;
  z-index: 1000000;
  position: absolute;
  top: -37px;  
left: -33px;
padding: 7px 15px;  
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  color: #000;
  border-radius: 6px;
  border:1px solid rgb(233, 233, 233);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
  transform: translateX(-50%);
  opacity: 1;
  background:#fff;
}

[data-hint]:hover:after {
  animation: hintAnimation 3s forwards;
}
@keyframes hintAnimation {
  0%   {opacity: 0;visibility: hidden;}
  10%  {opacity: 1;visibility: visible;}
  90%  {opacity: 1;visibility: visible;}
  100% {opacity: 0;visibility: hidden;}
}
@-webkit-keyframes hintAnimation {
  0%   {opacity: 0;visibility: hidden;}
  10%  {opacity: 1;visibility: visible;}
  90%  {opacity: 1;visibility: visible;}
  100% {opacity: 0;visibility: hidden;}
}
.favor-button[data-hint]::after {
  top: -29px; 
  left:44%;
}
.quality-block[data-hint]::after {
  top: -20px;
  left: 37%;
}
.bottom-player .quality-block[data-hint]::after {
  top: -34px;
  left: 49%;
}
.history-dropdown-item [data-hint]::after {
  top: -37px;
}
.favor-button-wrapper[data-hint]::after {
   position:absolute;
   left: -344px;
   top: 4px;
}
.favor-button-wrapper {
  position:relative;
}
.send-support.notactive {
  opacity:0.5;
  cursor: not-allowed;
}

.rambler-share[data-id="1"] > div[data-rambler-share]::before {
  width: 32px!important;
}
.rambler-share[data-id="1"] > div[data-rambler-share] {
  margin-right: 8px!important;
}

input, textarea {outline: none;}
input:focus, textarea:focus, button:focus, a:focus {outline: none;}
body{
  color: #000;
}

.container {
  max-width:900px;
}
.wrap > .container > .row {
  min-height: calc(100vh - 197px);
  z-index: 1003;
  position: relative;
}
.sidebar {
  display:none;
}
textarea.form-control {
  margin-top: 33px;
  padding: 15px;
  height: 150px;
  border: 1px solid #d1d1d1;
  border-radius: 15px;
  resize:none;
}
.form-control::placeholder, .new-comment textarea::placeholder, #station-order-form .search_station_name.form-control::placeholder {
  color: rgb(168, 168, 168);
  opacity: 1;
}
.modal .form-control::placeholder, #station-order-form .form-control::placeholder, #send-support-form .form-control::placeholder {
  color: rgb(240,120,33);
  opacity: 1;
}
.total-search-input::placeholder {
  color: #c6c6c6;
}
.modal .form-control {
  color: #000;
}
/*
.genres-list-button::after, .country-list-button::after {
  content: '';
  background: url('/images/shevron-menu.png');
  background-size: contain;
  width: 17px;
  height: 10px;
  margin-left: 15px;
  background-repeat: no-repeat;
  display:none;
  float: right;
  margin-top: 7px;
} */
.genres-list-button.open-genres::after, .country-list-button.open-countries::after {
  transform:rotate(180deg);
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid rgb(232, 232, 232);
  height:55px;
  border-radius: 54px;
}
.error.select2-container--default .select2-selection--single {
  border: 1px solid rgb(240,120,33);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color:#000;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-top: 13px;
  
}
#send-support-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left;
  margin-left: 20px;
}
.nicescroll-rails {
  border: 1px solid rgb(232,232,232);
  border-radius: 10px;
}
.dropdown-search-window .nicescroll-rails {
  margin-left: 15px;
}
.nicescroll-cursors {
  width: 7px !important;
}
.select2-results {
  color:#000; 
}
.select2-dropdown {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(232, 232, 232);
  border-radius: 12px;
  padding: 10px 20px 10px;
}

.select2-selection__placeholder:before {
  content:'';
  background: url(/images/shevron-select-closed.png);
  background-size:cover;
  width:17px;
  height:10px;
  display: inline-block;
  margin-right: 8px;    
}
.select2-container--open .select2-selection__placeholder:before {
  transform: rotate(180deg);
}
.form-add-part .form-item:not(.full-size) {
  width:50%;
}
.load-logo-block img {
  width:55px;
  margin-right:20px;
  border-radius: 8px;
}
.load-logo-block {
  margin-bottom: 20px;
}
.or-separator {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
  margin-left: 60px;
}
.load-logo-block > .input-label {
  margin-left: 15px;
  margin-top: 0px;
  margin-bottom: 5px;
}
.input-label.description-label {
  margin-top: 20px;
}
.input-label.owner-label {
  display: inline;
  vertical-align: -1px;
  margin-left: 5px;
  margin-bottom:12px;
}
.document-part .input-label {
  margin-top: 10px;
}
.jq-radio {
  vertical-align: -7px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.jq-checkbox {
  vertical-align: -4px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border-color: rgb(184, 184, 184);
}
.jq-radio.error, .jq-checkbox.error {
  border-color: rgb(240,120,33);
}
.jq-radio.checked .jq-radio__div, .jq-checkbox.checked .jq-checkbox__div {
  width: 12px;
  height: 12px;
  left: 5px;
  top: 5px;
  background: rgb(0, 151, 205);
  position: absolute;
  border-radius: 50%;
  margin:0;
  border:none;
}
.jq-checkbox.checked .jq-checkbox__div {
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
}

#comments {
    position: relative;
}
.emojiPicker {
    width: 300px;
    height: 200px;
    z-index: 1000000;
    display: none;
    box-shadow: 0 0 17px #55555530;
}
.comment-form-opener {
  background-image: -moz-linear-gradient( 90deg, rgb(100,41,163) 0%, rgb(112,43,185) 24%, rgb(123,44,207) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgb(100,41,163) 0%, rgb(112,43,185) 24%, rgb(123,44,207) 99%);
  background-image: -ms-linear-gradient( 90deg, rgb(100,41,163) 0%, rgb(112,43,185) 24%, rgb(123,44,207) 99%);
  box-shadow: 0px 2px 8px 0px rgba(1, 6, 4, 0.26);
  position: absolute;
  height: 40px;
  margin-left: -24px;
  width: 100%;
  border-radius: 0 0 15px 15px;
  font-size: 16px;
  font-weight:500;
  text-align:center;
  padding-top: 7px;
  cursor:pointer;
  margin-top: -5px;
}
.comment-form-opener:hover {
  opacity:0.5;
}
.comment-form-opener img {
  width:20px;
  margin-left: 5px;
}
/*
.stations-list-inner {
  width:10000px;
}
.stations-list-wrapper, .stations-list-wrapper .stations-list.nicescroll {
  height:175px;
}
.stations-list-wrapper.two-row, .stations-list-wrapper.two-row .stations-list.nicescroll {
  height:330px;
}
*/

.fav-page-icon {
  width:25px;
  margin-right:3px;
  vertical-align: -1px;
}
.fav-page-pic {
  width: 800px;
  max-width: 90%;
  margin:auto;
  display:block;
  margin-bottom: 20px;
}
.fav-page-mes {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0.5px 6px 0.5px rgba(110, 110, 110, 0.19);
  width: 700px;
  margin:auto;
  border-radius:200px;
  text-align:center;
  padding: 10px;
  max-width: 90%;
}
.fav-page-mes-title {
  font-size:24px;
  font-weight:500;
}
.fav-page-mes-text {
  font-size: 15px;
}

.station-page {
    z-index: 1;
    position: relative;
}

.main-page .category-loader {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(169, 51, 242);
  background-color: rgba(117, 45, 192, 0);
  height: 40px;
  border-radius: 75px;
  padding: 6px 18px;
  cursor: pointer;
  font-size: 20px;
  margin-top: 20px;
  margin-right: 30px;
}
.main-page .category-loader:hover {
  opacity:0.5;
}

.pagination {
  /* margin-left: 50%;
  transform: translateX(-50%); */
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 0px 5px 0px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000;
  text-decoration: none;
  background-color: transparent;
  border: none;
  font-weight: 500;
  font-size:16px;
  height: 43px;
  width: 43px;
  margin: 0 10px;
  text-align:center;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  cursor: default;
  background-color: transparent;
  color: rgb(0, 151, 205);
  border: 1px solid rgb(0, 151, 205);
  border-radius: 3px;
}

.pagination .disabled {
  display: none;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #000;
  background-color: transparent;
  border: none;
  opacity: 0.5;
}

.pagination img {
  height:13px;
  vertical-align: -1px;
}
.pagination-wrapper {
  text-align:center;
}
.ajax-load-more {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  border-radius: 50px;
  margin: auto;
  padding-top: 19px;
  text-align: center;
  font-size: 18px;
  font-weight:500;
  border: 1px solid rgb(232, 232, 232);
  cursor:pointer;
  margin-top: 20px;
  background:#fff;
}
.ajax-load-more.loader:after, .similar-station-button.loader:after {
  content:'';
  border: 6px solid #f3f3f3;
  border-top: 6px solid #0097cd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  position: absolute;
  margin-top: -9px;
  margin-left: 13px;
  background: #fff;
}
.search-more {
  display: block;
  width: 50%;
  margin:auto;
  height: 55px;
  border-radius: 50px;
  padding-top: 14px;
  text-align: center;
  font-size: 18px;
  font-weight:500;
  border: 1px solid rgb(232, 232, 232);
  cursor:pointer;
  margin-top: 3px;
  background:#fff;
  color:#000;
  clear:both;
  margin-bottom: 10px;
}
.form-add-part {
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0.5px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding:25px;
  position: relative;
}
 
.ajax-load-more a, .ajax-load-more a:hover, .search-more:hover {
  color:#000;
}
.ajax-load-more:hover, .search-more:hover  {
  opacity:0.5;
}
h2.top-line {
  display: inline;
}
.modal {
  z-index: 1000000002;
  color: #000;
}
.contact-name {
  font-size:18px;
}
.contact-id {
  color:#8b8b8b;
}
.login-buttons-container {
  text-align: left;
  margin-top: 12px;
  font-size: 16px;
}
.login-buttons-container img {
  width: 42px;
  cursor: pointer;
  margin-right: 7px;
  margin-top: 7px;
}
.login-buttons-container img:hover {
  opacity:0.5;
}

.cat-in-list:hover, .change-in-list:hover {
  color:#000;
  opacity:0.5;
  text-decoration: none;
}
.col-md-five {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    text-align: left;
}
.col-md-five:nth-child(odd) {
  padding-right:40px;
}
.col-md-five:nth-child(even) {
  padding-left:40px;
}
.stations-list.wo-controls .col-md-five {
  width: 50%;
}

.wide-card {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  /*padding-left: 20px;*/
  width:50%;
  float: left;
  height: 80px;
}
.wide-card .station-in-list-logo {
  width:70px;
  border-radius:50%;
}
.wide-card  .station-in-list-data-point div {
  display:inline-block;
}
.wide-card  .station-in-list-title, .wide-card .station-in-list-data {
  /* width:unset; */
}
.wide-card .station-in-list-data-point {
  display:inline-block;
}
.wide-card .station-in-list-small {
  height:unset;
}
.wide-card .station-in-list-data {
  margin-top: 0;
}

a:hover, a:focus {
  text-decoration: none;
}

body {
    height: 100%;
    background:rgb(248, 249, 249);
    overflow-x: hidden;
    position: relative;
    font-family: Roboto;
}
body.notscroll {
  overflow-y: hidden;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto; /* -60px;
    padding: 0 0 60px; */
    /*
    background-color: #542786;
    background-image: linear-gradient(to top, #49236b 0%, #772fc5 100%);*/
    background: rgb(248, 249, 249);
}

.wrap > .container {
  width:100%!important;
  max-width: 100%;
}

.navbar > .container {
  width:100%!important;
  max-width: 100%;
}

.emojiPicker .wrap {
  background:#fff;
}
.emojiPicker section {
  padding-left: 7px;
  padding-right: 7px;
}
.container {
  position:relative;
  padding: 0;
}
@media (min-width: 1230px) { 
  .container {
    width: 1230px;
    padding:0;
    position: relative;
  }
}
@media (min-width: 768px) { 
  .navbar-nav {
    margin-top: 31px;
  }
}
canvas {
  position:absolute;
  top:-30vh;
}
.main-page-body canvas, .genre-page-body canvas, .allstations-page-body canvas {
  top:0;
}
.profile-page-body canvas {
  top: 10vh;
}
.favorite-page-body canvas {
  top: -5vh;
}
.contact-page-body canvas, .privacy-page-body canvas {
  top: -10vh;
}
.contact-area textarea, .outlined-button.send-email {
  background: #2e125a;
}

.description-image {
  float: left;
  margin: 8px 25px 5px 0;
  width: 150px;
  border-radius: 15px;
}



.magic-column {
    float: left;
    width: 230px;
    position: relative;
    text-align: left;
}

.main-page-big {
  border-radius: 6px;
  width: 230px;
  height: 230px;
  padding:5px;
  display: inline-block;
}
.main-page-big img {
  width:220px;
  opacity: 0;
  border-radius: 6px;
}
.main-page-small {
  border-radius: 6px;
  width: 115px;
  height: 115px;
  padding:5px;
  display: inline-block;
}
.main-page-small img {
  width:105px;
  opacity: 0;
  border-radius: 6px;
}
.magic-column-0 .main-page-small {
  margin-left:115px;
}
.magic-column-2 .main-page-big {
  margin-left:115px;
}
.magic-column-1 .main-page-small:first-child {
    margin-left: 115px;
}
.magic-column-2 .main-page-small.column-medium-0 {
    position: absolute;
    left: 0;
    margin-top: 115px;
}
.magic-column-2 .main-page-small.column-medium-1 {
    position: absolute;
    left: 0;
    margin-top: 230px;
}
.magic-column-2 .main-page-small.shift-right {
    margin-right: 115px;
}

.magic-column.magic-column-0 {
    margin-left: 50px;
}
header {
  z-index: 1001;
  width: 250px;
  height: 100vh;
  float: left;
  position: fixed;
  left:0;
  top:0;
  overflow: hidden;
  background: #fff;
}
.main-page {
    z-index: 1;
    position: relative;
}
.row.global {
  width:calc(100vw - 250px);
  margin-left:250px;
  margin-top: 21px;
}

.main-page .only-desctop {
    text-align:center;
}
.main-page .ajax-wrapper {
    margin-top: 35px;
}

.main-page h2 {
    font-size:18px;
    text-align:center;
}


.all-cats-loader {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(137, 201, 255);
    background-image: -moz-linear-gradient( 90deg, rgb(100,41,163) 0%, rgb(112,43,185) 24%, rgb(123,44,207) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(100,41,163) 0%, rgb(112,43,185) 24%, rgb(123,44,207) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(100,41,163) 0%, rgb(112,43,185) 24%, rgb(123,44,207) 99%);
    background: #6b5ee3;
    height: 55px;
    border-radius: 55px;
    width: 300px;
    margin: auto;
        margin-top: auto;
    margin-top: 30px;
    font-size: 22px;
    text-align: center;
    padding-top: 9px;
    cursor: pointer;
    display: block;
    color: #fff;
}
.all-cats-loader:hover {
  opacity:0.5;
  color:#fff;
}




.navbar-header {
  float: none;
}

.navbar-brand {
  width: 100%;
  text-align: left;
  padding-left: 38px;
}
.navbar-brand > img {
  height: 60px;
  display: inline;
}

#w0 {
    background:none;
    border:none;
    margin-top:20px;
}

#w0-collapse {
    background: #fff;
    width: 100%;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 3px;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size:16px;
    font-weight:500;
    margin: 20px 0;
}
.navbar-nav > li {
  float: none;
}
.navbar-nav > li a.menu-separator {
  border-top: 1px solid rgb(227,227,227);
  padding-top:20px;
  margin-top:-7;
}
.navbar-nav > li a.settings img {
  border-radius:50%;
}
.navbar-nav {
  float: none;
}

.col-md-12.mainbar {
  max-width: 1000px;
  padding-left: 50px;
}
.col-md-12.mainbar.center {
  text-align:center;
}
.station-block {
    width: 100%;
    height: 165px;
    border-radius: 12px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 12.09px 0.91px rgba(110, 110, 110, 0.19);
}

.station-header {
  position: relative;
}
.station-logo {
  width: 85px;
  margin-right: 18px;
  vertical-align: top;
  border-radius: 10px;
}
.station-in-list-logo {
  width: 85px;
  margin-right: 2px;
  vertical-align: top;
  border-radius: 6px;
  float: left;
  margin-right: 15px;
}
.dropdown-search-list .mini-station-in-list {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.change-list .mini-station-in-list {
  margin-bottom: 42px;
}
.dropdown-search-list .mini-station-in-list:hover {
  opacity:0.5;
}
.mini-station-in-list .station-in-list-logo {
  width: 50px;
  border-radius: 4px;
  float:none;
  margin-right: 15px;
  vertical-align: middle;
}
.mini-station-in-list .station-in-list-title {
  display:inline-block;
}
.station-page .station-in-list-logo {
  width: 85px;
}
.sidebar .station-in-list-logo {
  width: 70px;
}
.wide-card .station-in-list-logo {
  width: 60px;
}
.station-title {
  color: #000;
  font-family: Roboto;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  margin-top: 5px;
  margin-bottom: -3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.station-title-wrapper {
  width: calc(100% - 120px);
  display: inline-block;
}

.cat-list {
  margin-top: 10px;
}
.station-title-wrapper .cat-list {
  margin-bottom: -12px;
  height: 41px;
  overflow: hidden;
  width: calc(100% - 250px);
}
.station-title-wrapper .cat-in-list {
  margin-bottom: 8px;
  padding: 10px 14px;
  margin-top: 3px;
}
.cat-in-list, .change-in-list {
  color: #000;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  margin-right:10px;
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1.5px 5px 0.05px rgba(110, 110, 110, 0.28);
  padding: 5px 10px;  
  border-radius: 50px; 
  border:1px solid #fff;
  cursor:pointer;
  line-height: 6px;
}
.change-in-list {
  padding: 12px 10px;  
}

.track-logo-wrapper {
  height: 135px;
  margin-left: 15px;
  position: absolute;
  top: 120px; 
}
.track-logo {
    width: 135px;
    border-radius: 10px;
}
.tube-search {
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 17px 0px rgba(110, 110, 110, 0.23);
  position: absolute;
  left: 49px;
  bottom: -21px;
  width: 37px;
  height: 37px;
  z-index: 1000;
  padding-top: 7px;
  padding-left: 11px;
}
.tube-search img {
  width: 15px;
}
.tube-search:hover img {
  opacity:0.5;
}
.track-block {
    margin-top: 20px;
    margin-left: 170px;
    width: calc(100% - 170px);  
    position: relative;
}
.player-block {
  margin-top:15px;
}
.player-block img {
    width: 490px;
    margin-top: 13px;
}
.player-block > img {
  margin-top: 8px;
}
.track-title-wrapper {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  margin-top: 25px;
}
.track-title {
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  height: 26px;
  overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis; 
  max-width: 500px;
  text-transform: capitalize;
}
.track-ispoln {
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  height: 30px;
  overflow: hidden;
  text-transform: capitalize;
}
.track-ispoln::first-letter {
  text-transform: capitalize;
}
.station-data {
  width:100%;
  text-align:right;
  margin-top:25px;
}
.goto-comments {
    position: absolute;
    top: 289px;
    right: 18px;
    color:#000;
}
    .goto-comments:hover {
      color: #000;
    }
    .goto-comments:hover img {
      opacity:0.5;
    }
    .goto-comments .comments_cnt {
      font-weight:700;
      margin-left:2px;
      font-size:18px;
      text-decoration: underline;
    }
    .goto-comments  img { 
      width:20px;
    }      color:#000;
    }
    .goto-comments:hover {
      color: #000;
      opacity:0.5;
    }
    .goto-comments .comments_cnt {
      font-weight:700;
      margin-left:2px;
      font-size:18px;
      text-decoration: underline;
    }
    .goto-comments  img { 
      width:28px;
      vertical-align: -9px;
    }
.favor-button:not(.favorite-block) {
  width: 90px;
  height: 33px;
  background: none;
  display: inline-block;
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  vertical-align: -2px;
  padding: 1px;
  cursor: pointer;
  border-radius: 33px;
  position: absolute;
  left: 355px;
  margin-top: -75px;
}
.favor-button-inner {
    background: none;
    padding-top: 6px;
    text-align: center;
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 33px;
}
.favor-button:hover img {
  opacity:0.5;
}
.listen-block {
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  margin-right: 20px;
  vertical-align: -2px;
}
.listen-block::before {
    content: '';
    background-image: url(/images/listen.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    vertical-align: -3px;
    margin-right: 5px;
}
.favor-count {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  vertical-align: 0px;
  margin-left: 1px;
}
.favor-add {
  width: 28px;
  margin-right: 2px;
  cursor:pointer;
}
.bottom-player .favor-add {
  margin-left:20px;
}
.favor-add:hover {
  opacity:0.5;
}
.station-about-title {
  border-radius: 25px;
  text-align:left;
  display: inline-block;
  /*height:50px;*/
  padding-right: 20px;
  max-width:100%;
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  padding-top: 10px;
}
.comments-block-title, .right-side-block-title {
  box-shadow: 0 0 21px rgba(0, 7, 4, 0.21);
  border-radius: 25px;
  background-color: #722ebb;
  text-align:left;
  display: inline-block;
  height:50px;
  padding-right: 20px;
  max-width:100%;
  padding-left:20px;
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  padding-top: 10px;
}
.comments-block-title {
  min-width:unset;
  width:220px;
  position:relative;
  margin-top: 5px;
  margin-left: 15px;
}
.comments-block-title:after {
    content: '';
    width: 19px;
    height: 19px;
    background-image: url(/images/icon-comment.png);
    position: absolute;
    background-size: contain;
    right: 16px;
    top: 16px;
}
.right-side-block-title {
    /*margin-top: 30px;*/
    width:unset;
}
.station-about-title span {
  color: rgb(0, 151, 205);
  margin-left:5px;
  font-weight: 500;
}

.stations-list-navigator img {
  width:20px;
}
.stations-list-navigator {
  display: inline;
  cursor: pointer;
  position: absolute;
  margin-top: 50px;
}
.stations-list-navigator.right {
  right:0px;
  z-index:10;
}
.two-row .stations-list-navigator.left {
  left:2px;
}
.two-row .stations-list-navigator.right {
  right:20px;
}
/*
.stations-list-navigator.left {
  left:-15px;
  z-index:10;
}
*/
.stations-list-navigator:hover {
  opacity:0.5;
}
.station-about-text {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding: 17px 20px;
}

.stations-list-title {
  color: #000;
  font-family: Roboto;
  font-size: 22px;
  font-weight: 700;
}
.site-error .stations-list-title {
  font-size: 28px;
  text-align:left;
  margin-top:40px;
}
h1.stations-list-title {
  font-size: 28px;
}
.sidebar .stations-list-title {
  color: #fff;
}
.stations-list-wrapper {
  margin-top:5px;
  position: relative;
  min-height: calc(100vh - 500px);
}
.right-side-block-title .stations-list-wrapper {
  margin-top:0px;
}
.station-about {
  margin-top: -25px;
  margin-bottom: 25px;
}
.section-title-icon {
  width: 30px;
  vertical-align: -8px;
  margin-right: 5px;
}
.history-time {
  font-size: 15px;
  color: rgb(177, 177, 177);
  line-height: 2;
  margin-right: 5px;
  vertical-align: middle;
}

.history-dropdown {
  position: absolute;
  display: none;
  margin-top: -2px;
  margin-left: 0px;
}
.history-dropdown-button {
  cursor: pointer;
  width: 5px;
  margin-right: 11px;
  margin-left: 4px;
  vertical-align: -5px;
}
.history-dropdown-button:hover {
  opacity:0.5;
}
.history-dropdown-item {
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 17px 0px rgba(110, 110, 110, 0.23);
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right:6px;
  text-align: center;
  padding-top: 7px;
  cursor:pointer;
  position:relative;
}
.history-dropdown-item:hover img {
  opacity:0.5;
}
.history-dropdown-item img {
  width: 13px;
}
.history-item.open-menu .history-song {
  color: rgba(0, 0, 0, 0.4);
}

.history-song {
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 70px);
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
}
.history-song span.b {
  font-weight:500;
}
.history-list {
  columns: 2;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding: 17px 20px;
}
.all-station-link {
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  border-bottom: 4px solid #ff0079;
  padding-bottom: 3px;
  color: #e8c3ff;
  display: inline-block;
  float: right;
}
.all-station-link:hover {
  opacity:0.5;
  color:#fff;
}

.station-in-list-title {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-top: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 105px);
  max-height: 32px;
}
.station-in-list-title-wrapper {
  max-width: calc(100% - 120px);
  display: none;
}
.station-in-list-desc {
  color: #000000;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px;
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
}
.station-in-list-data-point img {
  width:16px;
}
.station-in-list-data-point:last-child img {
  width:14px;
}
.station-in-list-data-point {
  color:#fff;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
  display: block;
}
.station-in-list-data-point div {
  text-align: center;
}
.station-in-list-data {
  margin-top: 5px;
  width: 30px;
}
.station-in-list {
  height: 106px;
  border-radius: 53px;
  /*border: 1px solid #cdcdcd;*/
  margin-left: -15px;
  padding-top: 3px;
  margin-top:15px;
  display: block;
}
.station-in-list:hover  .station-in-list-title {
  opacity:0.5;
}
.station-in-list .station-in-list-title {
  margin-top:5px;
}
.station-in-list-small {
  /* margin-left: -15px; */
  margin-bottom: 15px;
  display: block;
  height: 112px;
  /* overflow: hidden; */
  /*width: 90%;*/
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding: 5px 15px;
  position: relative;
}
.col-md-five .cat-list {
  position: absolute;
  margin-top: -59px;
  margin-left: 104px;
  width: calc(100% - 270px);
  pointer-events: none;
}
.col-md-five .cat-in-list {
  font-size:13px!important;
  padding: 11px 10px 9px !important;
}
.favorite-block {
  display: inline-block;
  margin-right: 8px;
  cursor:pointer;
  vertical-align: 19px;
}
.col-md-five .favorite-block.favor-button {
  position: absolute;
  right: 46px;
  top: 72px;
}
.col-md-five:nth-child(2n+1) .favorite-block.favor-button {
  right: 75px;
}
.favorite-block:hover {
  opacity:0.5;
}
.favorite-block img {
  width: 24px;
}

.station-in-list-small.recently {
  height: 120px;
}
.station-in-list-small:hover  .station-in-list-title {
  opacity:0.5;
}
.station-in-list-small .station-in-list-title-wrapper, .station-in-list-small .station-in-list-logo {
    vertical-align: middle;
}
.comment-in-list-avatar {
  width:37px;
  margin-right:8px;
  border-radius:50%;
}
.comment-dropdown-menu-button-wrapper {
  position: relative;
}

.comment-block-wrapper {
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding: 19px 20px 0px;
  margin-top: 20px;
  min-height: 60px;
}
.comments-list-wrapper {
    /* max-height: 400px; */
    /*overflow-y: auto;*/
    padding-right:25px;
}
.comment-in-list-wrapper {
  width: calc(100% - 56px);
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
}
.comment-data-date {
  color: rgb(133, 133, 133);
  font-family: Roboto;
  font-size: 10px;
  font-weight: 400;
}

.comment-text {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
}
.comment-in-list {
  padding-bottom: 15px;
  margin-bottom:8px;
  position:relative;
}
.comment-in-list:last-child {
  margin-bottom: 0;
}

.comment-in-list:last-child:after {
  border-bottom:none;
}
.comment-dropdown-menu {
  margin-left: 5px;
  display: inline-block;
}
.comment-dropdown-menu-button {
  width:5px;
  cursor:pointer;
  display:inline-block;
}
.comment-dropdown-menu-button-wrapper .comment-dropdown-menu-button {
  width:11px;
}
.comment-dropdown-menu-button:hover {
  opacity:0.5;
}
.comment-dropdown-menu-list {
  display: none;
  position: absolute;
  z-index: 1000;
  border: 1px solid #ff0079;
  border-radius: 6px;
  padding: 10px 10px;
  background: #fff;
  list-style: none;
  margin-top: -15px;
  margin-left: 15px;
}
.comment-dropdown-menu-list li {
  cursor:pointer;
  color:#000; 
}
.comment-dropdown-menu-list li:hover {
  opacity:0.5;
}
.rating-block {
    position: absolute;
    top: 39px;
    right: 15px;
}
.rating-block > div {
  text-align: center;
}
.rating-symbol {
  width: 36px;
  cursor: pointer;
}
.rating-symbol:last-child {
    margin-right: 0;
}
.rating-symbol .fa {
   font-size:21px;
}
.rating-symbol .fa-star {
   color: rgb(245,163,39);
}
.rating-symbol .fa-star-o {
   color: rgb(194,194,194);
}
.rating-value {
  color: #000;
  font-size: 22px;
  font-weight: 700;  
  text-align:center;
  padding-top: 11px;
  display: inline-block;
  margin-left: 15px;
} 
.rating-title {
  font-size: 24px;
  font-weight: 500;
}
.rating-votes {
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 15px;
}
.rating-vots {
    display: inline-block;
    margin-left: 12px;
    vertical-align: 2px;
}
.rating-action {
  display: inline-block;
  vertical-align: 5px;
}
.age-limit {
  font-size: 18px;
  color: rgb(153, 153, 153);
  position: absolute;
  right: 20px;
  top: 10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #0097cd;
    background: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover {
    opacity:0.5;
}
.navbar-nav > li > a {
  padding: 0 0 7px;
  padding-left: 62px;
}
.total-search:hover {
  opacity:0.5;
}
.total-search img {  
  width:31px;
  margin-top: -3px;
}
.user.login-user img {
  border-radius:50%;
}
.right-part-header {
  position:absolute;
  right:29px;
  top: 28px;
}
.search-menu-block {
    position: absolute;
    top: 31px;
    left: 469px;
}
.goto-favor img:hover, .user.no-login-user img:hover, .user.login-user img:hover {  
  opacity:0.5;
}
.soc-share {
  margin-right: 110px;
  vertical-align: 11px;
  position: absolute;
  top: 282px;
  right: -20px;
}
.ya-share2__list_direction_horizontal > .ya-share2__item {
    border-radius: 12px;
    overflow: hidden;
}
.stations-list-title-wrapper {
  position:relative;
  margin-bottom:8px;
  border-radius: 16px;
  background-position-x: 50%;
}
.stations-list-title-wrapper .stations-list-title {
  max-width: calc(100% - 60px);
  color: #000;
  position: relative;
  font-size: 28px;
  display: inline-block;
  line-height: 41px;
}
.station-list-description {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  border-radius: 12px;
  padding: 15px 25px;
  margin-bottom: 25px;
}
.setting-block {
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0.5px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding:20px;
}
.setting-block.row {
  margin-left:0;
  margin-right:0;
}
.outlined-button.save-setting {
  margin: auto;
  width: 350px;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  padding-top: 14px;
  margin-top: 8px;
}
.stations-list-wrapper .cat-in-list, .genres-list-wrapper .cat-in-list, .total-search-results .cat-in-list {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-right: 10px;
  padding: 12px 20px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  pointer-events: visible;
}
.filter-more-block .cat-in-list, .change-in-list {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(232, 232, 232);
  box-shadow: none;
}
.change-list {
  margin-top:25px;
  display:none;
  margin-bottom: 20px;
}
.change-in-list {
  margin-top:10px;
  width:164px;
  text-align:center;
}
.dropdown-search-list {
  position:absolute;
  display:none;
  background:#fff;
  padding:20px;
  box-shadow: 0px 0.5px 6px 0.5px rgba(110, 110, 110, 0.19);
  border-radius: 12px;
  width: calc(100% - 50px);
  height: 320px;
  overflow-y:auto;
}
.cat-in-list img {
  width:17px;
  margin-right: 7px;
  margin-top: -2px;
}
.more-filter-open {
  position:absolute;
  right:-3px;
  margin-top:-65px;
  /*
  border-style: solid;
  border-width: 1px;
  border-color: rgb(200, 200, 200);
  box-shadow: none;*/
  padding-top: 13px !important;
  height: 32px; 
}
.more-filter-open.open img {
  transform: rotate(180deg);
}
.filter-more-block {
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 30px 2px rgba(110, 110, 110, 0.19);
  padding: 25px 25px 15px;
  display:none;
  position:absolute;
  z-index:1005;
  margin-top: -10px;
  width: 100%;
  max-height: 450px;
  overflow-y: auto;
}
.filter-more-block-closer {
  position:absolute;
  top:13px;
  right:13px;
  cursor:pointer;
  width:28px;
}
.filter-more-block-closer:hover {
  opacity:0.5;
}
.filter-more-title {
  font-size:18px;
  font-weight:500;
  margin-bottom: 15px;
}
.filter-more-separator {
  background: rgb(210, 210, 210);
  height: 1px;
  margin: 20px 0;
}
.filter-selector .cat-in-list.active, .change-in-list.active {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(0, 151, 205);
  color:rgb(0, 151, 205);
  box-shadow: 0px 2px 5px 0.1px rgb(255, 255, 255);
}
.ajax-form-wrapper .form-item {
  display:none;
}
.ajax-form-wrapper .load-logo-block, .ajax-form-wrapper .select-block {
  display:none;
}
.ajax-form-wrapper .load-logo-block .form-item {
  display:block;
}
.ajax-form-wrapper .select2.select2-container, .ajax-form-wrapper .selected-genres {
  display:none;
}
.number-suport {
  float: right;
  margin-top: 39px;
  margin-right: 30px;
}
.active-filter { 
  font-size: 14px; 
  font-weight: 500; 
  color: rgb(4, 163, 209); 
  display: inline-block; 
  margin-right: 10px;
  cursor: pointer; 
  margin-top: 10px;
}
.active-filter:hover {
  opacity:0.5;
}
.active-filter img {
  width: 13px;
  margin-left: 2px;
  vertical-align: -2px;
}
#station-order-form 
.filtering {
  width: 50%;
  float: left;
  margin: 0;
  margin-bottom: 14px;
  margin-top: 10px;
}
.filtering {
  width: 50%;
}
.ordering {
  position: absolute;
  bottom: 9px;
  right: -10px;
  padding-left: 30px;
}
.list-control-block.with-search .ordering {
  bottom: 7px;
}
.non-active-filter {
  font-size: 14px;
  font-weight:500;
  color: rgb(102, 102, 102);
  display:inline-block;
  margin-right:10px;
  margin-top: 10px;
}
.filtering-count {
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
}
.list-control-block.with-search .filtering-count {
  margin-top: 25px;
}
.search-block .search-input {
  border-bottom: 1px solid rgb(210, 210, 210);
  font-size:20px;
  font-weight:500;
  width:100%;
  margin: 8px 0;
}
.search-block {
  margin-top: -90px;
  position: absolute;
  width: calc(50% - 30px);
  right: 0;
  z-index:2;
}
.search-page-body .search-block {
  margin-top: -47px;
  width: calc(50% - 30px);
}
.search-page-body .search-block .search-input {
  padding-bottom: 4px;
  font-size: 26px;
}
.search-page-body .filtering-count {
  margin-top: 15px;
}
.search-page-body .filtering {
  margin-top: -6px;
}
.search-block img {
  width:22px;
  position:absolute;
  right:0;
  top: 13px;
}
.search-page-body .search-block img {
  margin-top: 6px;
}
.list-control-block {
  position:relative;
  overflow: hidden;
}
.play-pause-button {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 14px;
  top: 72px;
  cursor: pointer;
}
.info-button {
  width: 24px;
  position: absolute;
  right: 96px;
  top: 72px;
  cursor: pointer;
}
.info-button:hover {
  opacity:0.5;
}
.col-md-five:nth-child(2n+1) .info-button {
  right: 125px;
}
.col-md-five:nth-child(odd) .play-pause-button {
  right: 44px;
}
.play-pause-button:hover {
  opacity:0.5;
}
.play-pause-button.off {
  background:url(/images/icon-play-gray.png);
  background-size:cover;
}
.play-pause-button.on {
  background:url(/images/icon-pause-gray.png);
  background-size:cover;
}

.genres-list-title {
  font-size: 18px;
  font-weight: 500;
  margin-right:15px;
}
.genres-list {
  margin-bottom: 25px;
  height: 39px;
  overflow: hidden;
  width: calc(100% - 120px);
}
.genres-list a:hover {
  opacity:0.5;
}
.stationlist-count {
  color: rgb(0, 151, 205);
  font-size: 28px;
  font-weight: 300;
  height: 24px;
  line-height: 14px;
}
.stationlist-count.profile {
  font-weight: 400;
}

.info-drop-block {
  display:none;
  position:absolute;
  top:0;
  left:0;
  background: #ffffffe3;
  border-radius: 12px;
  z-index:100;
  width: calc(100% - 30px);
  height: calc(100% - 15px);
  padding: 15px 50px 15px 20px;
}
.col-md-five:nth-child(2n) .info-drop-block {
  margin-left: 30px;
}
.info-drop-block-close {
  width:28px;
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
}
.info-drop-block-close:hover {
  opacity:0.5;
}
.stations-list-title-wrapper .soc-share {
  height: 48px;
  border-radius: 24px;
  right: 0px;
  position: absolute;
  top: 18px;
  margin-right: 0;
}
.jp-play, .jp-stop {
    cursor: pointer;
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(110, 110, 110, 0.17); 
    padding-left: 50px;
    top: 0px;
    right:20px;
    padding-top: 32px;
    z-index: 2;
}

.jp-play:hover, .jp-stop:hover {
  opacity:0.5;
}
.jp-play img, .jp-stop img {
  width:30px;
}
.jp-stop {
  display:none;
  padding-left: 46px;
  padding-top: 31px;
}
.jp-state-playing .jp-stop {
  display:block;
}
.jp-state-playing .jp-play {
  display:none;
}

.station-about-text.about-more {
  display:block;
}

.google-policy {
  font-size: 11px;
  color:#9b9b9b;
}

.read-more, .read-less {
  color: #ffa8f4;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  cursor:pointer;
}
.read-more:hover, .read-less:hover {
  text-decoration: none;
  opacity:0.5;
}
.read-more, .read-less {
  display:none;
}
@media(max-width:768px) {
  .station-about-text.about-more {
     display: none;
  }
  .station-about.extended .station-about-text.about-more {
    display:block;
  }
  .read-more, .read-less {
    display: inline-block;
    margin-bottom: 20px;
  }
  .station-about.extended .read-more {
    display:none;
  }
}
.popular-station-button {
  /*background: url(/images/button-rings.png);*/
  background-size: contain;
  width:285px;
  height:285px;
}
.popular-station-button-inner {
  display:block;
  position:absolute;
  width:250px;
  height:250px;
  /*background-image: linear-gradient(to top, #7776ff 0%, #ae2cf1 100%);*/
    border-radius: 50%;
    margin-top: 18px;
    /*margin-left: 18px;*/
    color: #fff;
    padding-top: 29px;
    /*padding-left: 40px;*/
    line-height: 45px;
    font-family: Roboto;
}
.genre-list-button .popular-station-button-inner {
  margin-top: 32px;
}
.top-line {
    font-size: 50px;
    font-weight: 700;
    height: 47px;
    overflow: hidden;
}
.bottom-line {
  font-size: 42px;
  font-weight: 200;
}
.small-line {
  font-size: 16px;
  font-weight: 700;
}
.popular-station-button .small-line {
  /*margin-left: 56px;*/
  height: 26px;
  margin-top: 10px;
  background: rgba(206, 206, 206, 0.30);
  width: 60px;
  text-align: center;
  padding: 0;
  display: block;
  line-height: 26px;
  border-radius: 13px;
}
.small-line img {
  width: 12px;
  vertical-align: -5px;
}
.mp-station-block {
  margin-bottom:40px;
}
.mp-station-block.w-border {
  position:relative;
  box-shadow: 0 0 42px rgba(0, 7, 4, 0.21);
  border-radius: 15px;
  padding: 50px 70px;
  background: #7f4dca;
}
.long-button {
  position: absolute;
  width: 439px;
  height: 50px;
  background: url(/images/long-button.png);
  background-size: cover;
  right: 50px;
  top: -27px;
  color: #fff;
  font-family: Roboto;
  padding: 4px 35px;
  border-radius:25px;
}
.long-button .top-line, .long-button .bottom-line {
  font-size:30px;
}

.long-button .small-line {
  margin-left: 59px;
  vertical-align: 3px;
  font-weight: 500;
  color: #fff;
}
a.small-line:hover {
  color:#fff;
  opacity:0.5;
}
.mp-top-block{
  text-align:right; 
  color:#fff;
  font-family: Roboto;
  line-height: 30px;
}
.mp-top-block .line-1 {
  font-size: 20px;
  font-weight: 400;
}
.mp-top-block .line-1 .stations-num {
  color:#e772dc;
  font-weight:500;
}
.choose-bg {
   display:inline-block;
   width:240px;
   height: 37px;
   background: url(/images/choose-bg.png);
   background-size: cover; 
   color:#fff;
    font-size: 19px;
    font-weight: 500;
    padding: 5px 14px;
}
.mp-top-block .line-2 {
    display: inline;
    font-size: 19px;
}
.ui-widget.ui-widget-content.ui-slider-horizontal {
    height: 4px;
    background: rgb(129,129,129);
    border:none;
    z-index: 0;
}
.bottom-player  .ui-widget.ui-widget-content.ui-slider-horizontal {
    background: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #000 !important;
  border: none;
  cursor: pointer;
}

.ui-widget-header {
  background: rgb(129,129,129)!important;
  border:none!important;
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    width: 19px;
    height: 19px;
    margin-top: -3px;
    outline:none!important;
}
.ui-widget.ui-widget-content.ui-slider-vertical {
  border: none;
  background: rgb(129,129,129);
  width: 5px;
  margin-left: 4px;
}
.ui-slider.ui-slider-vertical .ui-slider-handle {
  margin-left: -2px;
}
.volume-bar {
  max-width: 160px;
  position: relative;
  margin-top: 8px;
  margin-left: 94px;
}
.bottom-player .volume-bar {
  float: left;
  width: 90px;
  margin-top: 20px;
  margin-right: 6px;
  margin-left: 20px;
}
/*
.volume-bar::before {
    content: '';
    background: url(/images/volume-icon-rose.png);
        background-size: auto;
    width: 24px;
    display: inline-block;
    height: 19px;
    background-size: cover;
    margin-left: -34px;
    margin-top: -8px;
    position: absolute;
}
*/
.bottom-player .volume-bar::before {
    display:none;
}
.bottom-player .mute-button {
  margin-top: 10px;
  margin-left: 3px;
  position: relative;
  float: left;
  margin-right: 6px;
}
/*
.bottom-player .volume-bar::after {
    content: '';
    background: url(/images/volume-icon.png);
    width: 24px;
    display: inline-block;
    height: 19px;
    background-size: cover;
    margin-left: 34px;
    margin-top: -8px;
    position: absolute;
    right: -36px;
}*/

.volume-center {
  position: absolute;
  width: 250px;
  height: 30px;
  right: 150px;
  top: 75px;
  z-index: 2;
}
.play-time-bar {
    position: absolute;
    color: #000;
    top: 0px;
    left: 0px;
} 
.mute-button img {
  width:28px;
}
.mute-button.mute img {
  /transform: translate(-2px, -1px) scale(105%);
}
.mute-button {
  position: absolute;
  margin-top: -14px;
  margin-left: 50px;
  cursor: pointer;
}
.quality-block {
  position: absolute;
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  margin-top: -17px;
  width: 250px;
}
.quality-block img {
  width: 28px;
  vertical-align: -7px;
}
.quality-selector {
  background-color: transparent;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  height: 26px;
  border-radius: 22px;
  border: 1px solid #fff;
  display: inline-block;
  text-align: center;
  padding-top: 3px;
  margin-left: 4px;
  vertical-align: -3px;
}
.quality-block .quality-caret-down {
  width: 14px;
  vertical-align: -2px;
  margin-left: 6px;
}
.quality-block .quality-caret-down.open {
  transform:rotate(180deg);
}
.quality-drop-down {
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  position: absolute;
  /width: 240px;
  /height: 120px;
  display: none;
  margin-top: 35px;
  padding:10px 37px;
  z-index: 2;
}
.quality-drop-down div {
  font-size:16px;
  font-weight:500;
  margin:12px 2px;
  margin-left: -25px;
}
.quality-drop-down .quality-selector {
  display: block;
  width: 100%;
  cursor:pointer;
  font-size:16px;
  font-weight:500;
  margin:12px 2px;
  text-align:left;
}
.quality-drop-down .quality-selector.selected {
  color: rgb(0, 151, 205);
}
.quality-drop-down img.quality-selected {
  position: absolute;
  width: 18px;
  left: 12px;
  margin-top: 1px;
}
.quality-drop-down .quality-selector:hover {
  opacity:0.5;
}
.bottom-player .quality-selector.active {
  background-color: transparent;
  border: none; 
  color: #000;
} 
.bottom-player .quality-selector {
  margin-left: 0;
}

.quality-block {
  cursor:pointer;
}
.quality-block:hover img, .quality-block:hover span {
  opacity:0.5;
}
.login-user-block {
    display: none;
    position: absolute;
    background: #fff;
    top: -28px;
    right: -30px;
    width: 310px;
    height: 85px;
    border-radius: 45px;
    box-shadow: 0 0 10px rgba(0, 7, 4, 0.14);
    padding: 32px 0px 32px 0px;
    text-align: center;
}
.login-user-block > span, .login-user-block > a, .login-user-block form {
  margin: 0 12px;
}
.login-user-block form {
  display:inline-block;
}
.reply-close {
  width: 20px;
  position: absolute;
  right: -53px;
  top: 14px;
  cursor: pointer;
}
.reply-close:hover {
  opacity:0.5;
}
.whats-new img {
  width:25px;
  cursor:pointer;
}
.go-settings img {
  width:25px;
  cursor:pointer;
}

.whats-new img:hover, .login-user img:hover, .go-settings img:hover {
  opacity:0.5;
}
.header-dropdown-menu {
  width: 100%; /*340px;*/
  height: 250px;
  box-shadow: 0 0 20px rgba(0, 7, 4, 0.21);
  border-radius: 30px;
  background-color: #48147b;
  /*display:none;
  position: absolute; */
  z-index: 100;
  right: 0;  
  padding: 20px 25px;
  margin-bottom: 30px;
  margin-top: 5px;
}
.logout-submit {
  color: #c78eff;
  border: none;
  background: none;
  position: absolute;
  right: 25px;
  top: 35px;
  
}
.logout-header {
  border: none;
  background: none;
  padding: 0;
}
.logout-header img { 
  width: 21px;
}
.logout-submit:hover, .logout-header:hover  {
  opacity:0.5;
}
.header-dropdown-menu .avatar img {
  width: 100px;
  border-radius: 50px;
}
.header-dropdown-menu .username {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  margin-top: 28px;
  margin-bottom: 5px;
}
.header-dropdown-menu .avatar {
  float: left;
  margin-right: 15px;
}
.header-dropdown-menu .userid {
color: #8b8b8b;
font-size: 12px;
font-weight: 500;
}
.header-dropdown-menu .separator {
  border-top: 1px solid #5702a9;
  margin: 20px 0 15px;
}
.header-dropdown-menu ul {
  list-style: none;
  padding: 0;
}
.header-dropdown-menu ul img {
  width:14px;
  margin-right:15px;
}
.header-dropdown-menu a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.header-dropdown-menu li {
  margin-bottom: 5px;
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.modal-content {
  width: 100%;
  padding: 50px 75px;
}
.modal-dialog {
  width: 525px;
  max-width: calc(100% - 20px);
  margin:auto;
}
.modal-content {
  box-shadow: 0px 0px 30px 3px rgba(110, 110, 110, 0.34);
  border-radius: 12px;
  background-color: #ffffff;
  border: none;
}

.modal-backdrop.in {
  opacity: 0;
}
.modal-header, .modal-footer, .modal-body {
  padding: 0;
  border-bottom: none;
  border-top: none;
}
.modal-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
.input-label {
  font-size: 16px;
  font-weight:500;
  margin-top: -15px;
}
.input-label img {
  height: 18px;
  vertical-align: -3px;
}
.form-error {
  display: none;
  color: rgb(240,120,33);
  font-size: 16px;
  position: absolute;
  margin-top: -20px;
}
.form-control {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #d1d1d1;
  position: absolute;
  color: #000;
  padding-left:0;
  background: transparent;
}
.modal .form-control, .setting-block .form-control, .add-radio-page-body .form-control {
  position:relative;
}
.form-control.error {
  border-bottom: 1px solid rgb(240,120,33);
}
.form-control.valid-email.error {
  color: rgb(240,120,33); 
}
textarea.form-control.error {
  border: 1px solid rgb(240,120,33);
}
.form-control:focus {
  border:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
}
textarea.form-control:focus {
  border: 1px solid #ccc;
}

.load-doc-button, .save-doc-button {
  background-color: rgb(0, 0, 0);
  width: 340px;
  height: 40px;
  border-radius: 40px;
  text-align:center;
  color:#fff;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  padding-top: 9px;
  display: inline-block;
  margin: 20px 0;
}
.load-doc-button:focus {
  color:#fff;
}
.load-doc-button img, .save-doc-button img {
  width: 19px;
  margin-right: 5px;
}
.load-doc-button:hover, .save-doc-button:hover {
  opacity:0.5;
  color:#fff;
}
.document-part {
  margin-top:15px;
}
.save-doc-button {
  background-color: rgb(0, 151, 205);
  margin-right: 20px;
  margin-top: 10px;
}
.doc-load-error {
  font-size: 15px;
  color: rgb(240,120,33);
  font-weight: 700;
  display:none;
}
.outlined-button.save-station-order, .outlined-button.send-support {
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  float: right;
  padding: 14px 0;
  margin-top: 20px;
  position: relative;
  text-align: center;
  width: 350px;
}
.outlined-button.save-station-order.error::after, .outlined-button.send-support.error::after {
  color: rgb(240,120,33);
  font-size: 16px;
  content: 'Исправьте ошибки в полях';
  display: block;
  margin-top: 16px;
}
.selected-genres {
  width:33%;
  margin-top: 10px;
}
.selected-genres .selected-genre, .loaded-file {
  font-size: 14px;
  font-weight: 500;
  color: rgb(102, 102, 102);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 4px;
  cursor: pointer;
}
.selected-genres .selected-genre img, .loaded-file img {
  width: 13px;
  margin-left: 2px;
  vertical-align: -2px;
}
.loaded-file:hover {
  opacity:0.5;
}
.form-control.station-address {
  height:60px;
}
.loaded-files {
  margin-top: 8px;
}

.search_station_name_img {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 28px;
  margin-top: -52px;
}
.doc-load-result {
  font-size: 15px;
  color: rgb(105, 135, 0);
  font-weight: 700;
  display:none;
}
.doc-load-result img {
  width: 22px;
}
.privacy-block {
  width: 100%;
  background-color: rgb(0, 151, 205);
  position: sticky;
  right: 0px;
  bottom: 0px;
  color: white;
  padding: 25px 60px;
  z-index: 10000000000;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.privacy-block a {
  color:#fff;
  text-decoration: underline;
}
.privacy-block a:hover {
  color:#fff;
  text-decoration: none;
  opacity:0.5;
}
.icon-close-alert.privacy-close {
  position: relative;
  width: unset;
  padding: 5px 10px;
  background: #fff;
  display: inline-block;
  border-radius: 10px;
  color: rgb(0, 151, 205);
  margin-left: 40px;
  margin-top: 10px;
}
.alert-block {
    display: none;
    width: 100%;
    background-color: rgb(0, 151, 205);
    position: fixed;
    right: 0px;
    top: 0px;
    color: white;
    padding: 25px;
    z-index: 10000000000;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
.alert-block.success {
  background-color: rgb(0, 151, 205);
}
.alert-block span {
  max-width: calc(100% - 95px);
  display: inline-block;
}
.icon-close-alert {
    position: absolute;
    right: 20px;
    cursor: pointer;
    width: 28px;
    top: calc(50% - 16px);
}
.icon-close-alert:hover {
  opacity:0.5;
}
.modal .form-control, .setting-block .form-control, .add-radio-page-body .form-control {
  margin: 10px 0 20px;
  font-size: 16px;
  font-weight: 400;
}
.footer-content {
  display: inline-block;
  vertical-align: -9px;
}
.site-footer img.footer-logo {
  width:60px;
  margin-right: 10px;
  vertical-align: -23px;
}
.modal-footer button {
  border: none;
  background: rgb(0, 151, 205);
  width: 300px;
  height: 50px;
  background-size: cover;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  max-width: 100%;
  border-radius: 25px;
}
.form-text {
  font-size: 16px;
  font-weight: 300;
  margin-top: 13px;
  line-height: 25px;
}

.modal-footer button:hover {
  opacity:0.5;
}
.close {
  opacity: 1;
  position: absolute;
  top: 18px;
  right: 18px;
}
.close:hover {
  opacity:0.5;
}
.close img {
  width: 25px;
}
.modal-footer {
  text-align: center;
}
.violet {
  color: rgb(0, 151, 205);
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  font-size: 18px;
}
.violet-wrapper {
  font-size: 18px;
}
.violet:hover {
  color: rgb(0, 151, 205);
  opacity:0.5;
}
.go-to-remember {
  position:absolute;
  right:0;
  font-size: 12px;
  color: rgb(109, 109, 109);
  text-decoration: underline;
  margin-top: -19px;
  cursor:pointer;
}
.go-to-remember:hover {
  opacity:0.5;
} 
.app-images {
  width:100%;
  overflow-x:hidden;
}
.app-images-inner {
  height:255px;
  width:10000px;
}
.app-info {
    display: inline-block;
    text-align: center;
    margin-right: 42px;
    vertical-align: middle;
}
.app-info:last-child {
  margin-right: 0px;
}
.app-info p {
  margin:0;
}
h2 {
  font-size: 20px;
  font-weight: 700;
}
h3 {
  font-size: 18px;
  font-weight: 700;
}
.app-text {
  font-size: 16px;
}
.appscreen {
    display: inline-block;
    margin-right: 20px;
    margin-top: 30px;
}
.appscreen img {
  height:225px;
  cursor:pointer;
  border-radius:8px;
}
.appscreen img:hover {
  opacity:0.5;
}
#screenshotBox .modal-body img {
  width: 440px;
  max-width: 100%;
  border-radius: 12px;
}
#screenshotBox .modal-content {
    padding: 50px 45px;
}
.nav > li > a.apps-list-item.hidden-item {
  display:none;
}
.apps-list-button.open-apps .menu-app {
  transform: rotate(90deg);
}
.download-link img {
  width: 180px;
}
.left-app-block {
  float: left;
  text-align: center;
  padding-right: 25px;
}
.left-app-block .download-link {
  display: block;
  margin: auto;
  margin-top: 25px;
}
.bigappscreen {
  margin-top: 6px;
}
.bigappscreen img {
  height:500px;
  cursor:pointer;
  border-radius:12px;
}
.bigappscreen img:hover {
  opacity:0.5;
}
blockquote {
  font-size:16px;
}
.app-images-left-block img, .app-images-right-block img {
  width:15px;
  margin-top:110px;
}
.app-images-left-block, .app-images-right-block {
  width: 42px;
  height: 250px;
  border-radius: 42px;
  background: rgba(246, 246, 246, 0);
  border: 1px solid #e7e7e7;
  text-align: center;
  margin-top: 18px;
  cursor:pointer;
}
.dropdown-list-inner {
  height: calc(100% - 210px);
  overflow: auto;
}
.dropdown-bottom-block, .dropdown-top-block {
  width: 100%;
  height: 42px;
  border-radius: 42px;
  background: rgba(246, 246, 246, 0);
  border: 1px solid #e7e7e7;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 18px;
  cursor:pointer;
  padding-top: 6px;
}
.dropdown-bottom-block img, .dropdown-top-block img {
  width:15px;
  transform:rotate(90deg);
}
.app-images-left-block:hover, .app-images-right-block:hover, 
.dropdown-bottom-block:hover, .dropdown-top-block:hover {
  opacity:0.5;
}
.app-images-left-block {
  float:left;
  margin-right:10px;
}
.app-images-right-block {
  float:right;
  margin-left:10px;
}
.app-images-wrapper {
  width: calc(100% - 104px);
  overflow-x: auto;
  float: left;
}
.song-timer-block {
  /* display:none; */
  color:#fff;
  font-size: 11px;
  /* width: calc(100% - 241px); */
  margin-top: 5px;
  margin-bottom: -5px;
  
}
.duration-bar {
  width: calc(100% - 40px);
  height: 4px;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  position:relative;
}
.playing-bar {
  width: 0;
  height: 4px;
  background: #000;
  border-radius: 2px;
  position: absolute;
  left:0;
  max-width:100%;
}
.bottom-player .playing-bar {
  background: #ff0279;
}
.song-time-bar {
  display: inline-block;
  margin-right: 5px;
  vertical-align: -6px;
  width:27px;
  overflow:hidden
}
.dropdown-genres-list, .dropdown-country-list { 
  display: none; 
  width: 450px; 
  height: calc(100vh - 175px); 
  background: #fff;
  padding: 25px 30px 10px;
  position: fixed; 
  z-index: 1004;
  left: 245px; 
  top: 50px; 
  overflow-y: auto; 
  box-shadow: 0px 0.5px 16px 0.5px rgba(114, 90, 90, 0.16); 
  border-radius: 12px; 
  overflow: hidden;
}
.genge-link.active {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(0, 151, 205);
  color: rgb(0, 151, 205);
  box-shadow: 0px 1px 6px 0.5px rgb(255, 255, 255);
}
.genge-link.active a {
  color: rgb(0, 151, 205);
}
.dropdown-genres-list a, .dropdown-country-list a { 
  color: #000; 
  font-size: 14px; 
  display: inline-block; 
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis; 
  width: 100%; 
  padding: 9px;
  font-weight: 500;
}
.genge-link { 
  display: inline-block; 
  margin: 10px 13px; 
  background-color: rgb(255, 255, 255); 
  border-radius: 100px; 
  width: calc(50% - 26px);
  height: 38px; 
  text-align: center; 
  border: 1px solid rgb(235, 235, 235); 
}

.dropdown-genres-list a:hover, .dropdown-country-list a:hover {
  opacity:0.5;
}
.genre-stations-count {
  color: #5702a9;
  font-size: 10px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  border: 1px solid #5702a9;
  text-align: center;
  display: inline-block;
  border-radius: 21px;
  vertical-align: 3px;
  padding-top: 2px;
  display:none;
}
.comment-info .finger-up-button, .comment-info .finger-down-button {
  width:18px;
}
.finger-up {
  font-size: 13px;
  font-weight: 500;
  color: rgb(98 185 64);
  margin: 0 4px;
}
.finger-down {
  font-size: 13px;
  font-weight: 500;
  margin:0 4px;
  color: #ff0079;
}
.finger-up-button, .finger-down-button {
  cursor:pointer;
}
.finger-up-button:hover, .finger-down-button:hover {
  opacity:0.5;
}
.comment-info {
  padding-left: 50px;
}
.button-reply {
  font-size:11px;
  position:absolute;
  left: 130px;
  margin-top: -16px;
  cursor:pointer;
}
.button-reply:hover {
  opacity:0.5;
}
.new-comment .comment-in-list-avatar {
  width:33px;
}
.new-comment .comment-data-user {
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
}
.new-comment .comment-data-user img {
  width: 30px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: -10px;
}
.new-comment .comment-data {
  margin-bottom: -30px;
}
.new-comment textarea {
  border: none;
  width: 100%;
  border: 1px solid rgb(214, 214, 214);
  resize: none;
  font-size:16px;
  min-height: 100px;
  margin-top: 7px;
  font-family: Roboto;
  background: transparent;
  border-radius: 12px;
  width: calc(100% - 200px);
  float: left;
  margin-right: 15px;
  padding: 10px 15px;
  background: #fff;
}
.new-comment .send-area {
  margin-top: -50px;
  margin-bottom: 21px;
}
.new-comment .comment-in-list-wrapper {
  margin-top: -31px;
  margin-bottom: 47px;
}

.send-area {
  overflow:hidden;
  position: relative;
}
.send-button {
  float: right;
  width: 168px;
  height: 40px;
  border-radius: 45px;
  padding-top: 9px;
  padding-left: 5px;
  cursor: no-drop;
  margin-right: 14px;
  margin-top: 5px;
  background-color: rgb(0, 151, 205);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
  margin-top: 48px;
}
.show-mobile-comment-form {
  width: 100%;
  height: 40px;
  border-radius: 45px;
  background-color: rgb(0, 151, 205);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
  cursor:pointer;
}
.show-mobile-comment-form:hover {
  opacity:0.5;
}
.similar-station-button {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(232, 232, 232);
  background-color: rgb(255, 255, 255);
  width: 820px;
  height: 65px;
  display:block;
  text-align:center;
  margin:auto;
  color:#000;
  font-size:18px;
  font-weight:500;
  border-radius:65px;
  padding-top:19px;
  cursor:pointer;
  margin-top: 12px;
  max-width: 100%;
}
.similar-station-button:hover {
  color:#000;
  opacity:0.5;
}

.send-button.active {
  cursor:pointer;
}
.send-button.active:hover {
  opacity:0.5;
}
.send-button img {
  width:22px;
}
.symbol-counter {
  margin-right: -2px;
  text-align: right;
  font-size: 12px;
  margin-top: -15px;
  bottom: 5px;
  position: absolute;
  color: #000;
  right: 244px;
  display:none;
}
.delete-profile-block {
  position: absolute;
  right: 0;
  margin-top: -27px;
  color: rgb(136, 136, 136);
  font-size:13px;
}
.Удалить_профиль {
  font-size: 26px;
  font-family: "Roboto";
  color: rgb(136, 136, 136);
  line-height: 2;
  text-align: left;
  position: absolute;
  left: 2602.844px;
  top: 1582.176px;
  z-index: 437;
}


.new-comment {
  border-bottom-left-radius: 15px;
  margin-left: -20px;
  width: calc(100% + 47px);
  border-bottom-right-radius: 15px;
  padding: 20px 26px 6px 20px;
  margin-bottom: -26px;
}
.user_name.form-control {
  width: 176px;
  display: inline-block;
  margin-bottom: 5px;
  font-size:16px;
  padding-right: 0;
}
.smile-button img {
  width:21px;
}
.smile-button {
  cursor: pointer;
  margin-top: 16px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 207px;
}
.smile-button:hover {
  opacity:0.5;
}          
.dropdown-search-window {
  display: none;
  height: 70vh;
  box-shadow: 0 0 20px rgba(0, 7, 4, 0.21);
  background-color: #fff;
  position: fixed;
  z-index: 1010;
  width: 100%;
  padding: 50px 40px 50px 0;
  top: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 1000001;
}
.dropdown-search-window .col-md-12.mainbar {
  padding-left: 15px;
  margin-left: calc(50vw - 500px);
  width:1000px;
  max-width:100%;
}
.dropdown-search-window .row.global {
  width: 100vw;
  margin-left: 0px;
}
.total-search-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 30px;
  font-weight:500;
  color:#000;
  border-radius:0;
}
.total-search-input-img {
  content: '';
  background-size: cover;
  background-image: url(/images/icon-search.png);
  position: absolute;
  right: 15px;
  width: 30px;
  height: 30px;
  margin-top: -37px;
}
.total-search-results {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-top: 20px;
  overflow-y: auto;
  height: calc(70vh - 150px);
  width: calc(100% + 20px);
  padding-left: 10px;
  margin-left: -10px;
  padding-right: 10px;
  padding-top: 4px;
}
.total-search-results .col-md-five .cat-list {
  /* width: calc(100% - 269px); */
}
.total-search-results .col-md-five .favorite-block.favor-button {
  top: 65px;
}
.total-search-results  .station-image img {
  width:42px;
  border-radius:50%;
  
}
.total-search-results  .station-image {
  display:inline-block;
  width:42px;
}
.station-name {
  font-size: 16px;
  font-weight: 700;
  display:inline-block;
  color:#000;
}
.station-in-search a:hover {
  opacity:0.5;
}
.station-in-search {
  margin-top: 10px;
}
.seach-window-close {
  position: absolute;
  width: 40px;
  cursor: pointer;
  right: 40px;
  top: 40px;
}
.seach-window-close:hover {
  opacity:0.5;
}
.no-comments {
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.vertical-cards {
  float: left;
  /*overflow: hidden;*/
  width: 180px;
}
.two-row .stations-list-navigator {
  margin-top: 133px;
}
.reply .comment-in-list-avatar {
  width:23px;
  float: left;
}
.reply .comment-text {
  font-size: 12px;
  margin-top: -7px;
  height: 17px;
  overflow: hidden;
  color: #919191;
  display: block;
}
.reply a.comment-text:hover {
  color: #919191;
  opacity:0.5;
}
.new-comment .reply .comment-text {
  margin-top: 19px;
}
.reply .comment-data-user, .reply .comment-data-date {
  vertical-align: 5px;
}
.reply {
  margin-top: 3px;
  margin-bottom: 4px;
  position: relative;
}
.shevron {
  width: 7px;
  vertical-align: -1px;
}
.link-in-comment {
  color: #fff;
}
.link-in-comment:hover {
  color: #7b7b7b;
  opacity:0.5;
}
.station-stiker {
  width: 24px;
  height: 24px;
  background-color: #964cf7;
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 16px;
  padding-top: 4px;
  text-align: center;
  z-index: 10;
  top: 56px;
  left: 37px;
}
.sidebar-station-list .col-md-five {
    width: 120px;
    padding-right: 0px;
    padding-left: 0;
}
.ordering {
  text-align: right;
  margin-top: -28px;
  font-size: 18px;
  width: 50%;
  float: left;
  margin-top: -10px;
}

.select2 {
  font-size: 16px; 
  margin-left: 5px;
  margin-right: 5px;
}
.ordering-button {
  font-weight: 500;
  display: inline-block;
  margin: 0 10px;
  cursor:pointer;
  color: rgb(162, 162, 162);
  font-size: 15px;
}

.ordering-button:hover {
  opacity:0.5;
}
.ordering-button.active {
  color:#000;
}
.non-outlined-button {
  color: #f087e0;
  font-size: 16px;
  font-weight: 400; 
  cursor:pointer; 
}
.non-outlined-button:hover {
  opacity:0.5;
}
.non-outlined-button.delete-avatar {
  margin-left: 27px;
  display: block;
  margin-top: 10px;
  color: rgb(176, 176, 176);
  font-size: 12px;
}

.outlined-button.save-profile, .outlined-button.save-password, .outlined-button.send-email {
  float: right;
  overflow: hidden;
  margin-top: 30px;
  height: 50px;
  border-radius: 25px;
  width: 300px;
  text-align: center;
  padding-top: 12px;
}
.comment-data-user, .reply .comment-data-user  {
  color: #000;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
}
.new-comment .reply .comment-in-list-avatar {
  margin-top: 12px;
}
.new-comment .reply .comment-data {
  margin-top: -10px;
}
.col-md-4.sidebar {
  width:390px;
  /* background-color: #51257a;
  padding: 15px;
  border-radius: 18px; */
}
.col-md-8.mainbar {
    width: calc(100% - 390px);
    min-height: calc(100vh - 325px);
    overflow: hidden;
}

.mute-button:hover {
  opacity:0.5;
}
.menu-icon {
  height: 18px;
  margin-right: 5px;
  position: absolute;
  margin-left: -30px;
}
.stsions-button .menu-icon  {
  height: 16px;
  margin-top: 2px;
}
.menu-right {
  height:11px;
  margin-left:15px;  
}



footer {
    padding-top: 20px;
    margin-top:30px;
}

.site-footer img {
  width:150px;
}
.footer-logo-text {
  font-size:16px;
  margin-top: 10px;
}
footer ul li {
  list-style-type: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
footer a {
  color: #000;
}
{
  vertical-align: -5px;
}
footer a:hover {
  color: #000;
  opacity:0.5;
}
footer .nav-title {
  color: #000;
  font-weight: 500;
}

footer .nav-item a {
  color: #000;
  font-size: 14px;
}
footer .nav-item a:hover {
  color: #000;
  opacity:0.5;
}
.google-policy a {
  color:#9b9b9b;
}
.copyright {
  text-align:right;
  margin-top:20px;
}
.main-genre-separator {
  height:1px;
  background-color: #878787;
  background-image: linear-gradient(to top, #9f56cb 0%, #f988e7 100%);
  margin-bottom: 35px;
  margin-top: -10px;
}
.genges-block-title {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 35px;
}
.genges-block-title span {
  color: #8563fb;
  font-weight: 700;
}
.site-footer {
    background-color: rgb(233, 233, 233);
    padding: 33px 25px 22px;
    z-index: 1002;
    position: relative;
    color: #000;
}

.site-footer .container {
  max-width:100%;
  width:100%;
}
.profile-settings h2 {
  font-size: 20px;
  font-weight: 700;
}
.profile-settings h2 img {
  width: 20px;
  vertical-align: -3px;
  margin-right: 5px;
}
.profile-settings h2 span {
  color: #8b8b8b;
  font-size: 15px;
  font-weight: 400;
}
.user-settings-avatar {
  width:100px;
  border-radius:50px;
  margin-right: 10px;
  margin-top: 10px;
}
.outlined-button {
  height: 42px;
  border-radius: 50px;
  background-color: rgb(0, 151, 205);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  display:inline-block;
  padding: 10px 40px;
  cursor:pointer;
}
.Прямоугольник_9 {
  background-color: rgb(0, 151, 205);
  position: absolute;
  left: 981px;
  top: 791px;
  width: 370px;
  height: 83px;
  z-index: 455;
}

.outlined-button:hover {
  opacity:0.5;
}
input.load-avatar-input {
  display:none;
}
.whats-new-record {
  font-size:16px;
  font-weight:500;
  min-height: 50px;
}
.whats-new-label {
  width:18px;
}
.whats-new-date {
  font-size:12px;
  font-weight:400;
}
.news-ststion-logo {
  width: 34px;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 3px;
}
.news-ststion-go {
  width:12px;
  margin-left:7px;
}
.news-ststion-link {
  color:#fff;
  font-weight:400;
}
.news-ststion-link:hover {
  color:#000;
  opacity:0.5;
}
.news-comment-logo {
  width: 22px;
  margin-left: 5px;
  border-radius: 11px;
}
.width-separator {
  display:inline-block;
  width: 26px;
}
.news-parent-text {
  color: #5702a9;
  font-weight:400;
}
.whats-new-record .replay-text img {
  width:22px;
}
.whats-new-record .replay-text {
  height: 35px;
  border-radius: 35px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  padding: 6px 9px;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.new-station-stiker {
  background-color: #ff0079;
  height: 14px;
  padding: 0px 8px;
  position: absolute;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  right: -13px;
  top: -12px;
}
.new-stations-block-title .new-station-stiker {
  position: relative;
  width: 28px;
  display: inline-block;
  background: #fff;
  color: #ff0079;
  border: 1px solid #ff0079;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  padding: 7px 0 0;
  font-size: 13px;
  font-weight: 500;
  vertical-align: -9px;
}
.goto-all-stations-wrapper {
  text-align:right;
  margin: 10px 19px 20px 0;
}
.goto-all-stations {
  font-size: 16px;
  clear: both;
  color: #fff;
  border-bottom: 1px solid #ff0079;
}
.goto-all-stations:hover {
  color: #fff;
  opacity:0.5;
}
.stsions-button, .whats-new {
  position:relative;
}
.new-count-stiker {
  background-color: #ff0079;
  height: 14px;
  padding: 0px 8px;
  /*position: absolute;*/
  border-radius: 7px;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  /*right: -13px;
  top: -16px;*/
  color:#fff;
  display: inline;
}
.next-block {
  text-align:right;
  font-size:11px;
  position: absolute;
  right:5px;
  height:17px;
  overflow:hidden;
}
.bottom-player {
    height: 100px;
    background: #fff;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 100000002;
    display:none;
    box-shadow: 0px 0px 101.37px 7.63px rgba(110, 110, 110, 0.25);
}

.bottom-player .song-cover {
  width:100px;
  float: left;
  margin-right: 15px;  
}
.bottom-player .song-title {
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  color: #000;
  cursor: pointer;
}
.bottom-player .song-title:hover {
  color: #000;
  opacity: 0.5;
}
.bottom-player .bottom-station-block {
  float:right;
}
.bottom-player .station-logo {
  width: 62px;
  height: 62px;
  border-radius: 0;
  float: left;
  margin-top: 20px;
  border-radius: 4px;
}
.bottom-player .song .song-artist {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
}
.song-title-wrapper {
  overflow: hidden;
}

.bottom-player .song {
  float: left;
  max-width: calc(100% - 500px);
  overflow: hidden;
  margin-top: 28px;
  text-transform: capitalize;
}
.bottom-player .station-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 0;
    width: 80px;
    height: 34px;
    overflow: hidden;
    float: left;
    display:none;
}
.bottom-player .favor-add {
  margin-top: 37px;
  float: left;
  margin-right: 50px;
}
.bottom-player .jp-stop {
    width: 150px;
    display: block;
    position: relative;
    float: left;
    height: 100px;
    border-radius: 0;
    background: rgb(0, 162, 212);
    padding: 0;
    text-align: center;
    padding-top: 35px;
    margin-right: -20px;
    background-image: url(/images/ic-pause-w.png);
    background-color: rgb(0, 162, 212);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center;
}
.bottom-player .volume-button {
  width: 150px;
  display: block;
  position: relative;
  float: left;
  height: 100px;
  border-radius: 0;
  background: #fff;
  padding: 0;
  cursor:pointer;
  text-align: center;
  padding-top: 35px;
}
.bottom-player .volume-button img {
  width: 37px;
  z-index: 1;
  position: relative;
}
.volume-vert-wrapper {
  display: none;
  border-radius: 6px;
  background: rgb(255, 255, 255);
  width: 45px;
  height: 156px;
  position: absolute;
  right: 57px;
  top: -100px;
  text-align: center;
  padding: 16px;
}

.bottom-player .jp-play {
    width: 150px;
    display: none;
    position: relative;
    float: left;
    height: 100px;
    border-radius: 0;
    padding: 0;
    text-align: center;
    padding-top: 35px;
    margin-right: -20px;
    background-image: url(/images/ic-play-w.png);
    background-color: rgb(0, 162, 212);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.bottom-menu-button {
    width: 5px;
    margin-left: 25px;
    margin-top: 13px;
    cursor: pointer;
}
.copy-title-button, .ytube-search-button {
  width: 34px;
  vertical-align: -20px;
  margin-left:10px;
  cursor:pointer;
  display:none;
}
.bottom-menu-button:hover, .copy-title-button:hover, .ytube-search-button:hover {
  opacity:0.5;
}
.station-return:hover {
  opacity:0.5;
}
.new-comment .reply {
  display:none;
}
.bottom-player .song-mobile {
  display:none;
}
.bottom-player .quality-drop-down {
  margin-top: -149px;
  margin-left: 89px;
}
.bottom-player .quality-block {
  position: relative;
  width: unset;
  float: left;
  margin-top: 32px;
  margin-right: 10px;
  margin-left: 12px;
}
.img404 {
  width: 307px;
  max-width: 100%;
}
.col-sm-4.center {
  text-align:center;
}
.site-error h1 {
  font-size: 100px;
  font-weight: 700;
  line-height: 61px;
  margin-top: 30px;
}
.subtitle-404 {
  font-size: 18px;
}
.a-404 {
  color: #0097cd;
  font-size: 24px;
  font-weight: 700;
  text-decoration: underline;
  margin-top: 9px;
  display: block;
}
.a-404:hover {
  color: #0097cd;
  text-decoration: none;
  opacity:0.5;
}


.history-item {
  cursor:pointer;
}
.history-item:not(.open-menu):hover {
  opacity: 0.5;
}



/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.station-block .station-logo {
  border-radius:50%;
}

.bottom-player .duration-bar {
  width:100%;
  display: block;
  margin-top: -3px;
  margin-bottom: 10px;
  background: #a935f2;
}
.popular-station-button img {
  position: absolute;
  margin-top: -66px;
  margin-left: 167px;
}
.popular-station-button a:hover {
  opacity:0.5;
  color:#fff;
}
.popular-station-button a:focus {
  color:#fff;
}
.mp-station-block.w-border .stations-list-navigator.left {
  margin-left:-15px;
}
.main-page-subtitle {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-top: 15px;
  margin-bottom: 14px; 
}
.main-page-link { color: #000; font-size: 18px; font-weight: 500; position: absolute; right: 0; text-decoration: underline; margin-top: -44px; padding-right: 16px; }
.app-text {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding: 17px 20px;
}
.policy-text {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 6px 0.5px rgba(110, 110, 110, 0.19);
  padding: 17px 20px;
}
/*
.fa-star::before {
  content: "";
  background: url(/images/favor2.png);
  width: 20px;
  height: 19px;
  position: absolute;
  margin-top: -15px;
  display: block;
  background-size: cover;
  margin-left: -10px;
}
.fa-star-o::before {
  content: "";
  background: url(/images/favor1.png);
  width: 20px;
  height: 19px;
  margin-top: -15px;
  display: block;
  background-size: cover;
  margin-left: -10px;
}*/
.main-page-link:after {
  content:'';
  background-image: url(/images/chevron-main-page.png);
  background-size: cover;
  position: absolute;
  right:0;
  height:16px;
  width:10px;
  top: 6px;
}
.main-page-link:hover {
  color:#000;
  opacity:0.5;
}
/*
@media(max-width:1200px) {
  
  .station-data {
    margin-top: 10px;
  }
  .soc-share {
    display: block;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
*/
.country-search, .genre-search {
  width: 100%;
  border: none;
      border-bottom-color: currentcolor;
      border-bottom-style: none;
      border-bottom-width: medium;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  border-radius: 0;
  position:relative;
}
.country-search-img, .genre-search-img {
  content: '';
  background-size: cover;
  background-image: url(/images/icon-search.png);
  position: absolute;
  right: 31px;
  width: 20px;
  height: 20px;
  top: 25px;
}
.contry-sorting, .genre-sorting {
  text-align: right;
}
.country-sort-item, .genre-sort-item {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-top: 13px;
}
.country-sort-item.active, .genre-sort-item.active {
  color:#0097cd;
}
.country-sort-item:hover, .genre-sort-item:hover {
  opacity:0.5;
}
.only-mobile {
    display:none;
}
.navbar-toggle {
  right: 13px;
  top: 6px;
  pointer-events: visible;
  z-index: 1000000;
  border: none;
  width: 30px;
  background: url(/images/burger-menu.png);
  background-size: cover;
  border-radius: 0;
  height: 20px;
}
.navbar-toggle[aria-expanded=true] {
  background: url(/images/burger-menu-active.png);
  background-size: cover;
  position: fixed;
  right: 5px;
  top: 10px;
}
.navbar-toggle:hover {
  opacity:0.5;
}
.navbar-toggle .icon-bar {
  display:none;
}

@media(max-width:1520px) {
  .pagination > li > a, .pagination > li > span {
    margin: 0 5px;
  }
}
@media(max-width:1450px) {
  .favor-button:not(.favorite-block) {
    left: 300px;
  }
}

@media(max-width:1400px) {
  .player-block .quality-block > .quality-selector.active {
    display: none;
  }
  .favor-button:not(.favorite-block) {
    left: 215px;
  }
  .pagination > li > a, .pagination > li > span {
    margin: 0 1px;
  }
}
@media(max-width:1230px) {
  .col-md-12.mainbar {
    max-width: 1000px;
    padding-left: 20px;
  }
}

@media (max-width: 1199px) { 
  .col-md-12.mainbar {
    width: 100%;
    padding-left:50px;
  }
  #rightad {
    display:none;
  }
  .volume-center .play-time-bar {
    display:block;
  }
  #historyadd {
    display: block;
    width: 50%;
    float: right;
    margin-top: 80px;
    padding: 0 30px;
  }
  .history-list {
    columns: 1;
    width:50%;
  }
}


@media(max-width:1100px) {
  .volume-center .play-time-bar {
    display:none;
  }
  .volume-center .volume-bar {
    max-width: 100px;
  }
  .volume-center {
    right: 100px;
  }
  .favor-button:not(.favorite-block) {
    left: 355px;
  }
  .player-block .quality-block > .quality-selector.active {
    display: inline;
  }
}
/*
.navbar-default .navbar-nav > li:first-child {
  display:none;
}
*/
.big-logo-text, .small-logo-text {
  color: #0097cd;
}
.site-footer .big-logo-text, .site-footer .small-logo-text {
  color: #000;
}
.small-logo-text {
  display: block;
  font-size: 8px;
  margin-top: -28px;
  margin-left: 65px;
}
.site-footer .small-logo-text {
  margin-top: -26px;
  margin-left: 75px;
}
.big-logo-text {
  vertical-align: 2px;
  font-size: 22px;
  font-weight: 700;
}
.site-footer .big-logo-text {
  vertical-align: 6px;
}
.dropdown-window-close {
  display:none;
}
@media(max-width:999px) {
  #ad2 {
    display: block;
    width: 300px;
    margin: 25px auto;
    z-index: 1000;
    position: relative;
  }
  #topadvice {
    width: calc(100% - 40px);
    margin-top: 70px;
    margin-left: 20px;
  }
  .dropdown-list-inner {
    height: calc(100% - 340px);
  }
  .country-search-img, .genre-search-img {
    top: 31px;
    right: 47px;
  }
  .country-search, .genre-search {
    margin-top: 30px;
  }
  .goto-comments {
    right: 28px;
  }
  header {
    z-index: 1000000001;
  }
  .send-button {
    margin-top: 15px;
    margin-right: 0px;
  }
  .smile-button {
    right: 185px;
  }
  .smile-button img {
    width:28px;
  }
  .volume-vert-wrapper {
    right: -3px;
    top: -143px;
  }
  .rating-block {
    right: 23px;
  }
  .dropdown-window-close {
    position:absolute;
    right:10px;
    top:10px;
    width:28px;
    cursor:pointer;
    display: block;
  }
  .dropdown-window-close:hover {
    opacity:0.5;
  }
  .soc-share {
    right: -15px;
  }
  .big-logo-text, .small-logo-text {
    display:none;
  }

  .site-footer .big-logo-text {
    display: inline-block;
  }
  .site-footer .small-logo-text {
    display: block;
    margin-bottom: 30px;
  }
  /*
  .navbar-default .navbar-nav > li:first-child {
    display: block;
    margin-top: -26px;
    margin-left: -12px;
  }
  .logo-dropdown img.menu-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 3px;
    position: relative;
  }
  .navbar-default .navbar-nav > li > a.logo-dropdown {
    color: #0097cd!important;
  }
  */
  .favor-button-wrapper {
    position: absolute;
    bottom: 47px;
    }
  .navbar-default .navbar-nav > li > a {
      font-size: 18px;
      margin: 25px 0;
  }
  .dropdown-genres-list, .dropdown-country-list {
    width: 100%;
    position: fixed;
    z-index: 1000000000001;
    top: 0;
    margin-left: 0;
    box-shadow: none;
    padding: 10px 50px;
    box-shadow: none;
    transform: none;
    left: 0;
    pointer-events: visible;
    height: 100vh;
  }
  .dropdown-search-window {
    z-index: 1000000000001;
  }
  .bottom-player .song-cover {
    display:none;
  }
  .volume-center .play-time-bar {
    display:block;
  }
  .volume-center .volume-bar {
    max-width: 160px;
  }
  .volume-center {
    right: 150px;
  }
  .col-md-five .cat-list {
    margin-left: 105px;
  }
  .age-limit {
    right: unset;
    left: 67px;
    margin-top: 2px;
  }
  header {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 6px 0.91px rgba(110, 110, 110, 0.19);
    position: relative;
    width: calc(100% - 46px);
    margin-left:23px;
    height: 60px;
    padding-top: 5px;
  }
  .age-limit {
    top: 15px;
  }
  #w0 {
    margin-top: 0px;
  }
  .navbar-brand {
    padding-top: 7px;
    width: 50px;
    padding-left: 15px;
  }
  .navbar-brand > img {
    height: 38px;
  }
  
  #w0-collapse {
    display:none!important;
  }
  #w0-collapse.in {
    z-index: 10000;
    position: fixed;
    left: 0px;
    top: 0;
    padding: 0px 80px;
    box-shadow: 0 0 20px rgba(0, 7, 4, 0.21);
    border-radius: 15px;
    background: #ffffff;
    color: #000;
    height: 100vh !important;
    display: block !important;
    pointer-events: visible;
    width: calc(100% + 20px);
    border-radius: 0;
  }
  .navbar-toggle {
    display:block;
  }
  
  .row.global {
    width: 100vw;
    margin-left: 0px;
    width: calc(100vw - 14px);
  }
  .col-md-12.mainbar {
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 50px;
  }
  
  .profile-page .stations-list-title-wrapper {
    background:none!important;
    height:unset;
  }
  .profile-page .stations-list-title-wrapper .stations-list-title {
    position: relative;
    background: none;
    color: #000;
    height: unset;
    margin: 0;
    padding: 0;
  }
  
  .station-page .stations-list-navigator.right {
    right: 0px;
  }
  .col-md-8.mainbar {
     padding: 0; /* 25px; */
     width:100%;
  }
  .col-md-4.sidebar {
    width: 100%;
    margin-top: 30px;
    padding: 0;
  }
  .station-page .col-md-8.mainbar {
      width:100%;
      padding: 0;
  }
  
  .row {
    margin-left:0;
    margin-right:0;
  }
  .popular-station-button {
    height: 50px;
  }
  .popular-station-button-inner {
    width: unset;
    padding-top: 0;
    margin-top: 0 !important;
  }
  .top-line {
    display: inline;
    margin-right: 10px;
    margin-left: -13px;
  }
  .bottom-line {
    display: inline;
  }  
  .popular-station-button .small-line {
    display: inline-block;
    vertical-align: 6px;
    margin-left: 5px;
  }
  .popular-station-button img {
    position:relative;
    vertical-align: 2px;
    margin-left: 10px;
    margin-top:unset;
  }
  .genges-block-title, .main-genre-separator {
    margin-left: -10px;
  }
  .mp-station-block.w-border {
    padding: 50px 20px;
  }
  .site-footer ul {
    padding-left: 0;
  }
  .site-footer section:first-child{
    margin-bottom: 20px;
  }
  .mobile-margin-bottom {
    margin-bottom:15px;
  }
  .user_name.form-control {
    width: 100%;
    display: block;
    position: absolute;
    top: 5px;
  }
  .new-comment .comment-data {
    margin-bottom: 0;
    width: 100%;
    display: block;
  }
  .new-comment textarea {
    width: 100%;
    float: none;
    margin-top: 50px;
  }
  .mobile-favorite {
    position: absolute;
    right: 94px;
    z-index: 1;
    top: 16px;
  }
  .mobile-search-button {
    position: absolute;
    right: 151px;
    z-index: 1;
    top: 17px;
  }
  .mobile-favorite:hover, .mobile-search-button:hover {
    opacity:0.5;
  }
  .mobile-favorite img {
    width: 26px;
  }
  .mobile-search-button img {
    width: 24px;
  }
  .mobile-search-button.only-mobile, .mobile-favorite.only-mobile {
    display:block;
  }
  .bottom-player .mute-button {
    width: unset;
    margin-top: -1px;
    margin-left: 20px;
  }
  .bottom-player .quality-block {
    margin-top: -10px;
    margin-left: 20px;
  }

  .quality-drop-down {
    margin-top: 15px;
    margin-left: -9px;
  }
  .bottom-player .volume-button img {
    width: 28px;
  }
  .bottom-player .song-mobile {
    /display: block;
    margin-left: 110px;
    margin-top: 11px;
    position: absolute;
    height: 20px;
    overflow: hidden;
    width: calc(100% - 117px);
    text-transform: capitalize;
    font-size: 16px;
  }
  .song-mobile-wrapper {
    overflow: hidden;
  }
  .bottom-player .quality-drop-down {
    margin-top: -121px;
    left: 17px;
  }

  .bottom-player .song-mobile-inner-inner {
    display: inline;
    margin-right: 20px;
  }
  .bottom-player .song {
    margin-top: 10px;
    margin-left: 110px;
    max-width: calc(100% - 125px);
  }
  .bottom-player .station-title {
    display: none;
  }
  .bottom-player .station-logo {
    position: absolute;
    width: 85px;
    height: 85px;
    top: -7px;
    left: 12px;
    border-radius: 4px;
  }
  .bottom-player .jp-stop {
    width: 26px;
    height: 26px;
    background: url(/images/ic-pause.png);
    background-size: contain;
    position: absolute;
    bottom: 19px;
    right: 26px;
    top: unset;
    padding: 0;
  }
  .bottom-player .jp-play {
    width: 26px;
    height: 26px;
    background: url(/images/ic-play.png);
    background-size: contain;
    position: absolute;
    bottom: 19px;
    right: 26px;
    top: unset;
    padding: 0;
  }
  .bottom-player .volume-button {
    position: absolute;
    bottom: 19px;
    height: 25px;
    width: 31px;
    padding: 0;
    right: 88px;
  }
  .bottom-player .favor-add {
    position: absolute;
    top: unset;
    right: 107px;
    bottom: unset;
  }
  .bottom-player .quality-block {
    position: absolute;
    top: unset;
    margin: 0;
    bottom: 19px;
    left: 110px;
  }
  .bottom-player {
    height: 107px;
    box-shadow: 0px 0px 12.6px 2px rgba(110, 110, 110, 0.21);
  }    
  .bottom-player .song-artist, .bottom-player .song-title {
    display: inline-block;
    margin-bottom: -7px;
  }
  .bottom-player .song-title {
    width: 100%;
  }
  .bottom-player .song-mobile .song-artist, .bottom-player .song-mobile .song-title {
    /display: block;
  }
  .bottom-player .volume-bar {
    display:none;
    margin-top: 10px;
  }
  .bottom-player .bottom-menu-button {
    margin-top: 1px;
    margin-left: 2px;
  }
  .bottom-player .favor-add {
    margin-top: 1px;
  }
  .bottom-player .jp-stop, .bottom-player .jp-play {
    margin: 1px 1px 0 20px;
  }
}

.profile-page .col-md-8, .profile-page .col-md-4 {
  float:right;
}
@media(max-width:870px) {
  .volume-center .play-time-bar {
    display:none;
  }
  .volume-center .volume-bar {
    max-width: 100px;
  }
  .volume-center {
    right: 100px;
  }
}
.icon-close-modal-dropdown {
  display:none;
}
.mobile-pagination-wrapper {
  display:none;
}
.shown-mobile {
  display:none;
}
@media(max-width:767px) {
  .footer-content {
    vertical-align: -3px;
  }
  .footer-content p {
    display: inline;
    margin-left: 10px;
  }
  .filter-more-block.filter-selector {
    width: 100vw;
    height: calc(100vh - 70px);
    left: 0;
    top: 70px;
    position: fixed;
    z-index: 10000000;
    max-height: unset;
  }
  .stations-list-wrapper .cat-in-list, .genres-list-wrapper .cat-in-list {
    font-size: 16px;
  }
  .dropdown-search-window .col-md-12.mainbar {
    margin-top: 0;
  }
  .search-more {
    display: block;
  }
  #historyadd {
    display:none;
  }
  .form-add-part .form-item:not(.full-size) {
    width: 100%;
  }
  .select2-container {
    width: 100% !important;
    display: block;
    float: left;
    margin-bottom: 10px;
  }
  .info-button {
    width: 28px;
    top: 70px;
  }
  .play-pause-button {
    width: 28px;
    height: 28px;
    top: 70px;
  }
  .col-md-five .favorite-block.favor-button {
    top: 70px;
  }
  .favorite-block img {
    width: 28px;
  }
  .site-footer .small-logo-text {
    margin-top: -10px;
    margin-left: 42px;
    margin-bottom: -3px;
  }
  .site-footer .big-logo-text {
    vertical-align: 2px;
  }
  .hidden-mobile {
    display:none;
  }
  .shown-mobile {
    display:block;
  }
  .col-md-five .cat-list {
    margin-left: 115px;
  }
  .col-md-five .cat-in-list {
    font-size:12px!important;
  }
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border: none;
    cursor:pointer;
  }
  .pagination > li > a, .pagination > li > span {
    margin:0;
  }
  .col-md-five .cat-list {
    max-width: calc(100% - 254px);
  }
  .mobile-pagination-wrapper.open {
    display: block;
    position: absolute;
    background: #fff;
    width: 58px;
    margin-left: calc(50% - 44px);
    height: 200px;
    overflow-y: auto;
    margin-top: -175px;
    z-index: 100000;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    padding: 5px;
  }
  .mobile-pagination-wrapper .pagination li {
    display: block;
    float: none;
    overflow: hidden;
  }
  .mobile-pagination-wrapper .ajax-load-more,
  .mobile-pagination-wrapper .pagination .first,
  .mobile-pagination-wrapper .pagination .prev,
  .mobile-pagination-wrapper .pagination .next,
  .mobile-pagination-wrapper .pagination .last,
  .mobile-pagination-wrapper .pagination .active
   {
    display:none;
  }
  .col-md-five:nth-child(2n+1) .favorite-block.favor-button {
    right: 46px; 
  }
  .col-md-five:nth-child(2n+1) .info-button {
    right: 96px;
  }
  .info-drop-block {
    width: 100%;
  }
  .col-md-five:nth-child(2n) .info-drop-block {
    margin-left: 0;
  }
  .quality-block {
    margin-top: -34px;
    margin-left:-7px;
  }
  .icon-close-modal-dropdown {
    display: block;
    position: absolute;
    right: 22px;
    top: 10px;
    width: 32px !important;
    cursor: pointer;
    margin-top: 0 !important;
  }
  .bottom-player .icon-close-modal-dropdown {
    top: 10px;
  }
  .icon-close-modal-dropdown:hover {
    opacity:0.5;
  }
  .quality-drop-down {
    width: calc(100% - 2px);
    margin-left: -10px;
  }
  .bottom-player .quality-drop-down {
    bottom: 51px;
    right: 7px;
    left: unset;
    z-index: 100;
    width: calc(100% - 15px);
  }
  .row.global {
    width: calc(100vw + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
  .only-mobile {
    display:block;
  }
  .only-desctop {
    display: none !important;
  }
  .station-title-wrapper .cat-list {
    width: calc(100% - 10px);
    height: 26px;
    margin-bottom: 30px;
  }
  .station-data {
    margin-top: 10px;
  }
  .mobile-favorite {
    right: 81px;
  }
  .station-logo {
    width: 55px;
  }
  .soc-share-mobile {
    position: absolute;
    cursor: pointer;
    top: unset;
    right: 32px;
    margin-top: -47px;
  }
  .more-history-item {
    text-align: right;
    margin-top: 5px;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
  }
  .soc-share-mobile:hover, .more-history-item:hover {
    opacity:0.5;
  }
  .soc-share-mobile img {
    width: 28px;
  }
  .station-title {
    font-size: 20px;
    margin-top: 21px;
    position: absolute;
    white-space: unset;
    line-height: 19px;
    transform: translateY(-50%);
  }
  .station-title-wrapper {
    text-align: left;
    margin-top: -57px;
    padding-left: 65px;
    display:block;
    height: 68px;
    overflow: hidden;
  }
  .station-title-wrapper .cat-list {
    margin-top: 38px;
  }
  .station-title-wrapper .cat-in-list {
    font-size: 14px;
    box-shadow: none;
    background: none;
    padding: 0;
    text-decoration: underline;
    color: rgb(121, 121, 121);
    font-weight: 300;
  }
  .goto-comments {
    right: 88px;
    top: unset;
    margin-top: -46px;
  }
  .station-block {
    height: 187px;
    margin-top:-20px;
    margin-bottom: 90px;
  }
  .soc-share {
    position: absolute;
    right: 46px;
    top: unset;
    margin-top: -56px;
    background: #fff;
    height: 47px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);
    z-index: 1;
    text-align: center;
    padding: 4px 15px 5px 25px;
}
  .soc-share.mobile-hidden {
    display: none;
  }
  .new-comment {
    margin-top: 15px;
  }
  .similar-stations-separator {
    margin-top:50px;
  }
  .row.station-page {
    margin-left:-15px;
    margin-right:-15px;
  }
  .smile-button {
    display:none;
  }

  .main-page h1 {
    font-size: 30px;
  }
  .main-page h2 {
    font-size: 16px;
  }
  .main-page .category-loader {
    height: 35px;
    padding: 6px 15px;
    font-size: 16px;
    margin-top: 15px;
    margin-right: 10px;
  }
  .main-page .ajax-wrapper {
    margin-top: 20px;
  }
  .magic-column.magic-column-0 {
    margin-left: 0px;
  }
  .magic-column {
    float: none;
    width: 100%;
    margin-top: 0!important;
    display: inline;
  }
  .main-page-big, .main-page-small {
    width: 16.66%;
    height: unset;
    text-align:center;
  }
  .magic-column-0 .main-page-small {
    margin-left: 0;
  }
  .main-page-big img {
    width: 105px;
  }
  .magic-column-2 .main-page-big {
    margin-left: 0;
  }
  .magic-column-2 .main-page-small.shift-right {
    margin-right: 0;
  }
  .magic-column-1 .main-page-small:first-child {
    margin-left: 0;
  }
  .magic-column-2 .main-page-small.column-medium-1 {
    position: relative;
    left: unset;
    margin-top: 0;
  }
  .magic-column-2 .main-page-small.column-medium-0 {
    position: relative;
    left: unset;
    margin-top: 0;
  }

  .genres-list-button::after, .country-list-button::after {
    display:inline-block;
  }
  .logout-submit {
    right: 42px;
    top: 22px;
  }

  .stations-list-title-wrapper {
    margin-top: 25px;
  }
  .genre-page .stations-list-title-wrapper {
    margin-top: -25px;
  }
  .player-block {
    margin-top: 35px;
  }
  .site-error {
    margin-left: 25px;
    margin-right: 25px;
  }
  .img404 {
    margin-top: 40px;
  }
  .mp-station-block.w-border {
    margin-left: -13px;
  }
  .mp-station-block.w-border .stations-list-navigator.left {
    margin-left: -7px;
  }  
  .mp-station-block.w-border .stations-list-navigator.right {
    right: 8px;
  }  
  .main-page {
    margin-right: 10px;
    margin-left: 10px;
  }
  header {
    width: calc(100% - 16px);
    margin-left:8px;
  }

  .dropdown-search-window .col-md-12.mainbar {
    margin-left: 0;
  }
  .dropdown-search-window {
    pointer-events: visible;
    height: 100vh;
    width: 100vw;
    padding: 50px 20px 50px;
  }
  .seach-window-close {
    right: 20px;
    top: 20px;
  }
  .dropdown-search-window .row.global {
    width: 100%;
  }
  .total-search-results {
    height: calc(100vh - 150px);
  }

  .stations-list.wo-controls.total-search-results .col-md-five {
    /*
    width: 90%;
    margin-left: 5%;
    */
  } 

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }
  
  .station-data {
    margin-top: 10px;
  }
  .container {
    padding:0;
    overflow: hidden;
  }
  .padding-block {
    /padding: 0 12px;
  }
  .similar-station-block .col-md-five:nth-child(3), .similar-station-block .col-md-five:nth-child(4) {
    display:none;
  }
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    .col-md-8.mainbar {
      padding: 0 25px;
       width:100%;
    }

    .station-page .col-md-8.mainbar {
        width:100%;
        padding: 0;
    }

    .rating-block {
      top: 260px;
      width: unset;
      right: 165px;
    }
    .rating-vots {
      margin-left: 8px;
      position: absolute;
      margin-top: 17px;
    }

    .rating-value {
      margin-left: 35px;
    }
    .station-title-wrapper {
      width: 100%;
      max-width: unset;
    }
    .station-block .station-logo {
      position: absolute;
      margin-top: 271px;
      margin-left: calc(50% - 40px);
      z-index: 1001;
      border: 6px solid #fff;
      width: 72px;
      box-sizing: content-box;
    }
    .station-background {
      border-radius: 0px;
    }
    
    .track-block {
      margin-left: 0;
      text-align: left;  
      width: 100%;
      overflow-x: clip;
    }
    .track-logo-wrapper {
      z-index: 1000;
      display: block;
      margin-left: 10px;
      top: 77px;
    }   
    .track-title {
      font-size: 18px;
      display: inline-block;
      vertical-align: 4px;
      margin-top: 5px;
    }
    .track-ispoln {
      font-size: 18px;
      display: inline-block;
      margin-left: 6px;
      text-overflow: ellipsis;
    }
    /*
       .track-ispoln {
         vertical-align: 6px;
         margin-bottom: 4px;
       }
    */
    .tube-search {
      bottom: -2px;
      left: 42px;
    }
    .track-logo {
      width: 120px;
      border-radius: 8px;
    }
    .track-title-wrapper {
      width: 100%;
      margin-top: 148px;
      margin-left: 10px;
      white-space: nowrap;
    }
    .jp-play, .jp-stop {
      top: -136px;
      right: 34px;
    }
    .song-timer-block {
      width: 100%;
    }
    .favor-count {
      display: block;
    }
    .favor-button:not(.favorite-block) {
      left: calc(50% - 50px);
      margin-top: -207px;
      width: 28px;
    }
    .station-about-title { 
      font-size:18px;
    }
    .station-in-list-small {
      margin-left: 0px;
      margin-right: 0px;
    }
    .volume-center {
      left: calc(50% + 2px);
      top: -88px;
      width: 28px;
    }
    .play-time-bar {
      display:none;
    }
    .volume-bar {
      width: 0px;
      margin-left: calc(75% + 34px);
      margin-top: -58px;
    }
    .volume-bar .ui-slider-handle {
      display:none;
    }
    .mute-button {
      margin-left: 0;
    }

/*
    .favor-button {
      width: 48%;
      display: block;
      margin-top: 10px;
      margin-right:2%;
      float:left;
      clear:both;
      height: 44px;
    } */
    .search-block {
      margin-top: -89px;
      position: absolute;
      width: 161px;
      right:7px;
    }
    .active-filter, .non-active-filter {
      font-size: 16px;
      margin-right: 15px;
    }
    .active-filter img {
      width: 18px;
      margin-left: 3px;
      vertical-align: -4px;
    }
    .search-block img {
      width: 43px;
      position: absolute;
      right: -3px;
      top: 10px;
      padding: 3px 3px 3px 12px;
      background: rgb(248, 249, 249);
      cursor:pointer;
    }
    .search-block img:hover {
      opacity:0.5;
    }
    .list-control-block.with-search .filtering-count {
      margin-top: 18px;
    }
    .filtering-count {
      font-size: 16px;
    }
    .search-block .search-input {
      font-size: 16px;
      font-weight:500;
      padding-bottom: 3px;
    }
    .cat-in-list.more-filter-open {
      width: 100%;
      text-align: center;
      margin-right: 5px;
    }
    .site-footer img.footer-logo {
      width: 28px;
      vertical-align: -10px;
    }
    .filtering {
      width: 100%;
      float: none;
    }
    .ordering {
      width: 100%;
      float: none;
      right: -3px;
      padding-left: 0;
    }
    .filtering-count {
      margin-top: 11px;
      margin-bottom: 50px;
    }
    .favor-button-inner {
      padding-top: 12px;
    }
    .soc-share {
      float: left;
    }
    .listen-block {
      margin-right: 5px;
      vertical-align: -13px;
    }

    .station-about-title {
      box-shadow: none;
      padding: 0;
      height: unset;
      display: block;
      margin-left: 0;
      margin-top:45px;
    }
    .new-comment textarea {
      width:100%;
    }
    .smile-button {
      bottom: unset;
      top: 63px;
    }
    
    .send-button {
      margin-top: 13px;
      margin-right: 0;
    }

    .station-about-text {
      border: none;
      margin: 0;
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: 12px;
    }
    .search-menu-block {
      top: 32px;
      left: 90px;
    }
    .right-part-header {
      right: 70px;
      top: 27px;
    }

    .navbar-nav > li > a {
      margin-left:0;
    }
    .nav > li {
      margin: 20px;
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.active > a,
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a:hover  {
      color: #000!important;
    }
    .col-md-4.sidebar {
      width: 100%;
      margin-top:30px;
      padding:0 30px;
    }
    
    .history-list {
      width: 100%;
    }
    .col-md-five .cat-list {
      height: 40px;
      overflow: hidden;
    }
    .pagination li {
      display:none;
    }
    .pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last, .pagination li.active {
      display: inline-block;
    }
    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
      background: none;
      border:none;
      opacity:0.5;
    }
   .pagination {
      width: 100%;
      text-align: center;
    }
    .pagination > .active > a {
      border: none;
    }
    .stations-list.wo-controls .col-md-five {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
    .col-md-five:nth-child(odd) .play-pause-button {
      right: 14px;
    }
}
@media(max-width:740px) {

}
@media(max-width:725px) {
  .main-page-big, .main-page-small {
    width: 20%;
  }
}
@media(max-width:615px) {
  .main-page-big, .main-page-small {
    width: 25%;
  }
}

.soc-share-opener {
  display:none;
}
@media(min-width:701px) {
  .stations-list-title-wrapper .soc-share {
    display:block!important;
  }
}
@media(max-width:700px) {
  .soc-share-opener {
    display: block;
    height: 36px;
    width: 36px;
    border-radius: 24px;
    right: 0px;
    position: absolute;
    top: 23px;
    margin-right: 0;
    background-color: #9854ed;
    padding-left: 6px;
    padding-top: 7px;
    cursor:pointer;
  }
  .soc-share-opener:hover {
    opacity:0.5;
  }
  .soc-share-opener img {
    width:21px;
  }
  .stations-list-title-wrapper .soc-share {
    display:none;
  }
  .stations-list-title-wrapper .stations-list-title {
    /*white-space: nowrap;*/
  }
}
@media(max-width:595px) {
  .main-page-big, .main-page-small {
    width: 33.33%;
  }
  .outlined-button.save-station-order, .outlined-button.send-support {
    width: 100%;
  }
}
.rating-block-button {
  display:none;
}
@media(max-width:580px) {
  footer .col-xs-6.col-md-3 {
    width: 100%;
  }
  footer ul li {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .site-footer ul {
    margin-top: 15px; 
  }
  .desctop-only {
    display:none;
  }
  .long-button {
    width: 311px;
  }
  .long-button .small-line img {
    vertical-align: -3px;
  }
  .select2-container {
    /*width:150px!important;*/
  }
  .stations-list-title-wrapper .stations-list-title {
    font-size: 26px;
    line-height: 32px;
  }
  .stationlist-count {
    top: 5px;
  }
  .soc-share-opener {
    top: 18px;
  }
  .stations-list-title-wrapper .soc-share {
    top: 13px;
  }
  .rating-block {
    display: none;
    width: 304px;
    height: 47px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);
    z-index: 1;
    text-align: center;
    top: 262px;
  }
  .rating-block.mobile-show {
    display: block;
    left: 50%;
    margin-left: -158px;
    max-width: 100%;
  }
  .rating-block.mobile-show .rating-vots {
    margin-top: 13px;
  }
  .rating-block-button {
    display:block;
    position: absolute;
    top: 263px;
    right: 165px;
    cursor:pointer;
  }
  .rating-block-button:hover {
    opacity:0.5;
  }
  .rating-block-button .rating-value {
    margin-left: 5px;
    margin-top: -1px;
    vertical-align: 1px;
  }
  .rating-block-button img {
    width:28px;
    margin-top: -9px;
  }
  .rating-value {
    font-size:18px;
  }
  .quality-block {
    margin-top: -35px;
  }
}
@media(max-width:520px) {
  .top-line, .bottom-line {
    font-size: 36px;
  }
  .top-line {
    margin-right: 7px;
  }
  .popular-station-button .small-line {
    vertical-align: 5px;
  }
  #w0-collapse.in {
    padding: 0px 30px; 
  }
  .left-app-block {
    width: 100%;
    margin-bottom: 20px;
  }
  #screenshotBox .modal-content {
    padding: 50px 20px;
  }
  .or-separator {
    display: block;
    margin-left: 0;
  }
}  

@media(max-width:450px) {
  .station-page .col-md-five {
    width:140px;
  }
  .genge-link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .whats-new-record {
    min-height: 70px;
  }
  .hide-450 {
    display:none;
  }
  .bottom-player .jp-stop, .bottom-player .jp-play {
    right: 20px;
  }
  .bottom-player .volume-button {
    right: 76px;
  }
  .bottom-player .favor-add {
    right: 91px;
  }
  .jp-play, .jp-stop {
    width: 90px;
    height: 90px;
    padding-left: 35px;
    padding-top: 30px;
    top: -111px;
  }
  .jp-stop {
    padding-left: 31px;
  }
  .player-block img {
    margin-top: -1px;
  }
  .track-logo {
    width: 90px;
  }
  .tube-search img {
    width: 12px;
  }
  .tube-search {
    bottom: 31px;
    left: 32px;
    width: 28px;
    height: 28px;
    padding-top: 4px;
    padding-left: 8px;
  }
  .track-title-wrapper {
    margin-top: 122px;
  }
  .track-title {
    font-size: 14px;
    vertical-align: 6px;
  }
  .track-ispoln {
    font-size: 14px;
    margin-left: 4px;
    vertical-align: -1px;
  }
  .station-block {
    height: 160px;
  }
  .favor-button:not(.favorite-block) {
    margin-top: -195px;
  }
  .volume-center {
    top: -62px;
  }
  .quality-block {
    margin-top: -24px;
  }
  .rating-block-button {
    top: 236px;
  }
  .rating-block {
    top: 238px;
  }
  .bottom-player .quality-block .quality-selector {
    display:none;
  }
  .bottom-player .song-title {
    font-size: 16px;
  }
  .bottom-player .song .song-artist {
    font-size: 12px;
    vertical-align: 3px;
  }
  .bottom-player .quality-drop-down {
    bottom: 30px;
  }
  .bottom-player .station-logo {
    width: 64px;
    height: 64px;
    top: -11px;
    left: 9px;
  }
  .bottom-player {
    height: 80px;
    box-shadow: 0px 0px 12.6px 2px rgba(110, 110, 110, 0.21);
  }
  .bottom-player .song {
    margin-top: 5px;
    margin-left: 81px;
    max-width: calc(100% - 81px);
  }
  .bottom-player .quality-block {
    bottom: 8px;
    left: 81px;
  }
  .bottom-player .jp-stop, .bottom-player .jp-play {
    bottom: 8px;
  }
  .bottom-player .volume-button {
    bottom: 7px;
  }
  .favor-button-wrapper {
    bottom: 35px;
  }

}

@media(max-width:420px) {
  .top-line, .bottom-line {
    font-size: 28px;
  }
  .top-line {
    margin-right: 5px;
  }
  .popular-station-button .small-line {
    vertical-align: 5px;
  }
  .long-button {
    width: 270px;
    right: 25px;
  }
  .long-button .small-line {
    margin-left: 20px;
  }
  #w0-collapse {
    padding: 0px 40px;
  }
  .dropdown-genres-list, .dropdown-country-list {
    padding: 0 45px;
  }

  .ordering {
    margin-top: 15px;
    float: right;
  }

}  

@media(max-width:365px) {
  .main-page-big img, .main-page-small img {
    width: 80px;
  }
  .quality-block .quality-selector {
    display:none;
  }
  .ordering-button {
    margin: 0 10px 0 0;
  }
}
@media(max-width:350px) {
  .popular-station-button .small-line, .popular-station-button img {
    display:none;
  }
  .favor-button:not(.favorite-block) {
    margin-top: -172px;
    left: calc(50% - 18px);
  }
  .volume-center {
    top: -83px;
    left: calc(50% - 26px);
  }
}  
@media(max-width:335px) {
  .bottom-player .volume-button {
    display: none;
  }
  .bottom-player .favor-add {
    right: 30px;
  }
  .volume-vert-wrapper {
    display: none !important;
  }
}

@media(max-width:310px) {
  .col-md-five .cat-in-list {
    display: none!important;
  }
  .age-limit {
    display: none!important;
  }
}




.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
}
input:-moz-autofill {
  -moz-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
}
#canvas {
  height: 43px;
  display: block;
  bottom: 3px;
  position: absolute;
  width: calc(100% + 165px);
  padding-right: 5px;
  left: -165px;
  bottom: -69px;
}
#canvas span {
  display:inline-block;
  width:calc(2.5% - 1px);
  background: rgb(228, 228, 228);
 /* transform: translateY(50%); */
  margin:auto 1px auto 0;
  bottom:0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position:absolute;
}
@media(max-width:999px) {
  #canvas {
    display:none;
  }
}
@media (hover:none) and (pointer:coarse) {
  *:hover, *:hover * {
     opacity:1!important;
  }

  .volume-vert-wrapper {
    display:none!important;
  }
    
  [data-hint]:hover::after {
    opacity: 0!important;
    visibility: hidden!important;
  }
 }