@charset "UTF-8";
/* reset */
/* main variables */
body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  background-color: #FFF;
  height: 100%;
  line-height: 1;
  position: relative;
  font-size: 13px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

.overflow-hidden {
  overflow: hidden;
}

input, textarea {
  color: #333;
  font-family: Arial, sans-serif;
  outline: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

input[type="button"], input[type="submit"], button {
  cursor: pointer;
}

button {
    background: transparent;
    border: none;
	-webkit-tap-highlight-color: transparent;
	padding: 0;
}

td {
  margin: 0px;
  padding: 0px;
}

form {
  padding: 0px;
  margin: 0px;
}

a {
  color: #100da9;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

a, span, div, button {
  outline: none !important;
}

input[type=submit], input[type=button], button {
  -webkit-appearance: none;
  outline: none;
}

* {
  box-sizing: border-box;
}

*:before, *:after {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto Bold.eot");
  src: url("/fonts/Roboto Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto Bold.woff2") format("woff2"), url("/fonts/Roboto Bold.woff") format("woff"), url("/fonts/Roboto Bold.ttf") format("truetype"), url("/fonts/Roboto Bold.svg#Roboto Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto.eot");
  src: url("/fonts/Roboto.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto.woff2") format("woff2"), url("/fonts/Roboto.woff") format("woff"), url("/fonts/Roboto.ttf") format("truetype"), url("/fonts/Roboto.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto Medium.eot");
  src: url("/fonts/Roboto Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto Medium.woff2") format("woff2"), url("/fonts/Roboto Medium.woff") format("woff"), url("/fonts/Roboto Medium.ttf") format("truetype"), url("/fonts/Roboto Medium.svg#Roboto Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto Light.eot");
  src: url("/fonts/Roboto Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto Light.woff2") format("woff2"), url("/fonts/Roboto Light.woff") format("woff"), url("/fonts/Roboto Light.ttf") format("truetype"), url("/fonts/Roboto Light.svg#Roboto Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon.eot?f9vp1l");
  src: url("/fonts/icomoon.eot?f9vp1l#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?f9vp1l") format("truetype"), url("/fonts/icomoon.woff?f9vp1l") format("woff"), url("/fonts/icomoon.svg?f9vp1l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.error {
  -webkit-box-shadow: 0px 0px 5px #F00;
  -moz-box-shadow: 0px 0px 5px #F00;
  box-shadow: 0px 0px 5px #F00
}

.js-click, .share-box span {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}


.icon-arrow-point-to-right:before {
  content: "\e900";
  color: #1e83f6;
}

.icon-arrow-point-to-right-disable:before {
  content: "\e900";
  color: #e3e3e3;
}

.icon-arrow-point-to-right.point-to-bottom {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 9px;
  margin-left: 15px;
  position: relative;
  display: block;
  left: -10px;
}


.icon-chevron-arrow-down:before {
  content: "\e901";
  color: #1a81f6;
}

.icon-clock {
  margin-bottom: 1px;
}

.icon-clock:before {
  content: "\e902";
  color: #e1e1e1;
  font-size: 16px;
}

.icon-date:before {
  content: "\e903";
  color: #999;
}

.icon-download-arrow-with-bar:before {
  content: "\e904";
  color: #1a81f6;
}

.icon-mobile-phone:before {
  content: "\e905";
  color: #75b4fc;
}

.icon-music-player-play:before {
  content: "\e906";
  color: #1a81f6;
}

.icon-pause-button:before {
  content: "\e907";
  color: #1a81f6 !important;
}

.icon-search:before {
  content: "\e908";
  color: #0077d3;
  line-height: 2;
}

.icon-star:before {
  content: "\e909";
  color: #fac917;
}

.icon-vol2:before {
  content: "\e90a";
  color: #e0e0e0;
}

.icon-volume-up-indicator:before {
  content: "\e90b";
  color: #666;
}

.icon-close:before {
  content: "\e90c";
}

.icon-music-player-play.pause:before {
  content: "\e907";
  color: #1a81f6 !important;
}

/* checkbox */
/* radio */
/* select */
.jq-checkbox {
  top: -1px;
  width: 13px;
  height: 13px;
  border: 1px solid #C3C3C3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #F6F6F6;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  cursor: pointer;
}

.jq-checkbox.checked .jq-checkbox__div {
  width: 9px;
  height: 9px;
  margin: 2px 0 0 2px;
  background: #666;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
}

.jq-checkbox.disabled {
  opacity: 0.5;
}

.jq-radio {
  width: 12px;
  height: 12px;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #F6F6F6;
  box-shadow: 0 0 0 0px transparent;
  -moz-box-shadow: 0 0 0 0px transparent;
  -webkit-box-shadow: 0 0 0 0px transparent;
  vertical-align: middle;
  cursor: pointer;
}

.jq-radio.checked .jq-radio__div {
  width: 6px;
  height: 6px;
  margin: 3px 0 0 3px;
  background: #666;
}

.jq-radio.disabled {
  opacity: 0.5;
}

.jq-file {
  width: 270px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em;
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 80px 0 10px;
  color: #333;
  font: 14px/30px Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1;
  background: #FFF;
}

.focused .jq-file__name {
  border: 1px solid #5794BF;
}

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif;
}

.jq-file:hover .jq-file__browse {
  background-color: #E6E6E6;
  background-position: 0 -10px;
}

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

.jq-file.disabled .jq-file__name {
  color: #888;
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
}

.jq-selectbox__select {
  height: 40px;
  padding: 10px 40px 0 18px;
  border: 1px solid #C3C3C3;
  border-radius: 3px;
  background: #F5F5F5;
  box-shadow: 0 0 2px 0px transparent;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  font-family: Arial, sans-serif;
}

.jq-selectbox__select:hover {
  background: #F5F5F5;
}

.jq-selectbox__select:active {
  background: #F5F5F5;
}

.jq-selectbox.focused .jq-selectbox__select {
  background: #F5F5F5;
}

.opened .jq-selectbox__select {
  border-color: #000;
}

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
}

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  background: none;
}

.jq-selectbox__dropdown {
  top: 40px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
}

.jq-selectbox__search {
  margin: 5px;
}

.jq-selectbox__search input {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px;
}

.jq-selectbox ul {
  margin: 0;
  padding: 0;
}

.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 5px 10px;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  font-family: Arial, sans-serif;
}

.jq-selectbox li.selected {
  background-color: #000;
  color: #FFF;
}

.jq-selectbox li:hover {
  background-color: #000;
  color: #FFF;
}

.jq-selectbox li.disabled {
  color: #ccc;
  background: none;
}

.jq-selectbox li.disabled:hover {
  background: none;
}

.jq-selectbox li.optgroup {
  font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default;
}

.jq-selectbox li.option {
  padding-left: 25px;
}

.jq-select-multiple {
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #FFF;
  color: #333;
  font: 14px/18px Arial, sans-serif;
  cursor: default;
}

.jq-select-multiple.focused {
  border: 1px solid #5794BF;
}

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.jq-select-multiple ul {
  margin: 0;
  padding: 0;
}

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none;
}

.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0;
}

.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px;
}

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF;
}

.jq-select-multiple li.disabled {
  color: #AAA;
}

.jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF;
}

.jq-select-multiple li.optgroup {
  font-weight: bold;
}

.jq-select-multiple li.option {
  padding-left: 25px;
}

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
header {
  width: 100%;
  height: 80px;
  min-width: 320px;
  text-align: left;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-order: 1;
}

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
footer {
  height: 80px;
  text-align: left;
  width: 100%;
  min-width: 320px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-order: 3;
}

.main-wrapper {
  padding: 0 0 0 0;
  min-width: 320px;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}
  
.wrapper {
  min-width: 320px;
  max-width: 1200px;
  padding: 0 40px 0 40px;
  margin: 0 auto;
  position: relative;
}

/* titles */
p {
  font-size: 13px;
  line-height: 18px;
  color: #000;
  padding: 15px 0 15px 0;
  font-weight: 400;
}

h1 {
  font-size: 36px;
  line-height: 42px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  padding: 15px 0 15px 0;
  font-weight: 500;
}

h2 {
  font-size: 32px;
  line-height: 37px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  padding: 15px 0 15px 0;
  font-weight: 500;
}

h2 a {
  font-weight: 500 !important;
}

h3 {
  font-size: 28px;
  line-height: 32px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  padding: 15px 0 15px 0;
  font-weight: 400;
}

/* text position */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.nowrap {
  white-space: nowrap !important;
}

input, button, a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
img.lazyload, img.lazyloading {
    opacity: 0!important;
}

.music-carousel picture {
  display: block;
  background-color: #f3f3f3;
  border-radius: 6px;
 }
 
.content {
  min-width: 320px;
  text-align: left;
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-order: 2;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

body {
  font-family: 'Roboto', sans-serif;
  text-shadow: 0 0;
  background: #04081b;
  margin-bottom: 25px;
  margin-top: 25px;
}

/* index */
.main-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1066px;
  width: 100%;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.main-music {
  width: -webkit-calc(100% - 266px);
  width: calc(100% - 266px);
  max-width: 800px;
  background-color: white;
}

.main-music-header {
  min-height: 78px;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
  background-color: #85baec;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-search {
  max-width: 500px;
  height: 36px;
  border: none;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #fff;
  width: 100%;
  padding-left: 18px;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  padding-top: 9px;
  padding-bottom: 9px;
}

.form-search__label {
  display: none;
}

.music-form {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 39px;
}

.form-submit {
  width: 45px;
  height: 36px;
  border: none;
  background-color: #fff;
  padding: 0;
  margin-left: -5px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.form-submit .icon-search {
  font-size: 15px;
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
}

.logo {
  min-width: 166px;
}

.form-search::-webkit-input-placeholder {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.form-search::-moz-placeholder {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

/* Firefox 19+ */
.form-search:-moz-placeholder {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

/* Firefox 18- */
.form-search:-ms-input-placeholder {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.music-title, .music-title-big {
  color: #111111;
  font-size: 18px;
  line-height: 26px;
  padding: 0;
}

.music-title-big {
  font-size: 20px;
}

.music-title .music-title-link, .music-title-big .music-title-link {
  color: #111111;
}

.music-title .music-title-link:hover {
  color: #004fa8;
}

.main-music-top.items-list {
  border-bottom: none;
}

.main-music-top, .main-music-top-list {
  padding: 29px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.main-music-top-list.genre-list {
  padding-top: 0;
  padding-bottom: 15px;
}

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

.related_playlists {
  margin: 0 -29px 0 -29px;
  padding: 32px 30px;
  border-bottom: 1px solid #eee;
}

.related_playlists h2 {
  font-size: 18px;
}

.music-top-link {
  color: #111111;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.music-top-link:hover {
  color: #004fa8;
}

.music-top-link span {
  font-size: 11px;
  margin-left: 3px;
  margin-right: 3px;
}

.slick-arrow {
  display: none !important;
}

.b_list_genres.main-page.plst li:nth-last-child(-n+2) {
  display: block;
}

.b_list_genres.main-page li:nth-last-child(-n+2) {
  display: none;
}

.nav-genre-img-hover {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  background-color: rgba(26, 129, 246, 0.6);
  border-radius: 3px;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.nav-genre-img-hover .popular-play__item:hover {
  background: #f7f7f7;
}

.main-music-popular, .main-music-hits {
  padding-top: 28px;
  padding-left: 29px;
  padding-right: 29px;
}

.main-music-hits {
  padding-top: 0;
  border-bottom: none;
}

.music-popular {
  margin-top: 28px;
  border-top: 1px solid #eeeeee;
}

.music-hits {
  border-top: none;
}

.nav-genre-img {
  margin-bottom: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.popular-play__item {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: #f3f3f3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 2px;
}

.pause .popular-play__item {
  padding-left: 1px;
}

.popular-play__item:hover {
  background-color: #d7eaff;
}

.popular-play__item:hover span::before {
  color: #1a81f6;
}

.popular-play__item span::before {
  color: #1a81f6;
}

.popular-play-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

.popular-play-author {
  color: #111111;
  font-weight: 400;
  margin-top: 3px;
  line-height: 20px;
  white-space: nowrap;
  width: 400px;
  display: block;
  position: relative;
  overflow: hidden;
  pointer-events: visibleStroke;
}

.popular-play-author:hover {
  color: #004fa8;
}

.popular-play-author::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 254, 254, 0.2), #fff 100%);
  background: linear-gradient(to right, rgba(255, 254, 254, 0.2), #fff 100%);
  pointer-events: none;
}

.popular-play-composition {
  font-weight: 500;
  color: #111111;
  line-height: 20px;
  white-space: nowrap;
  width: 400px;
  display: block;
  overflow: hidden;
  position: relative;
}

.recomendation-music .popular-play-composition, .recomendation-music a.popular-play-author {
  width: 240px;
}

.popular-play-composition a {
  font-weight: 500;
  color: #111111;
}

.popular-play-composition::after, .song-top-title .music-title::after {

  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 254, 254, 0.2), #fff 100%);
  background: linear-gradient(to right, rgba(255, 254, 254, 0.2), #fff 100%);
  pointer-events: none;
}

.popular-play-composition a:hover {
  color: #004fa8;
}

.music-popular__item {
  padding-top: 12px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.popular-play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.popular-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.popular-download-number {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  display: flex;
  height: 100%;
  align-items: center;
}

.popular-download-number span {
  margin-right: 7px;
}

.popular-download-number .icon-vol2 {
  width: 3px;
  height: 11px;
  background-color: #e0e0e0;
  display: inline-block;
  position: relative;
  margin-right: 11px;
}

.popular-download-number .icon-vol2::before {
  content: '';
  width: 3px;
  height: 6px;
  background-color: #e0e0e0;
  display: inline-block;
  left: -4px;
  top: 5px;
  position: absolute;
}

.popular-download-number .icon-vol2::after {
  content: '';
  width: 3px;
  height: 7.5px;
  background-color: #e0e0e0;
  display: inline-block;
  right: -4px;
  top: 3.5px;
  position: absolute;
}

.popular-download-link {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
}

.popular-download-link:hover {
  background-color: #d7eaff;
}

.popular-download-link .icon-download-arrow-with-bar {
  font-size: 12px;
  margin-left: 7px;
}

.popular-download-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*aside*/
.sidebar {
  width: 266px;
  box-shadow: inset 2px 0 0 #e3e3e3;
  background-color: #f3f3f3;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.sidebar .main-music-header {
  display: none;
}

.nav-title {
  font-size: 16px;
  font-weight: 500;
  color: #111;
  line-height: 28px;
  padding-top: 20px;
  padding-bottom: 16px;
  letter-spacing: -0.55px;
}

.nav-title .nav-title__link {
  font-size: 16px;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.55px;
}

.nav-title .nav-title__link:hover {
  color: #004fa8;
}

.sidebar-navigation {
  border-bottom: 2px solid #e3e3e3;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 13px;
}

.nav-list {
  list-style-type: none;
}

.picture-img {
  width: 87px;
  min-width: 87px;
  height: 87px;
  background-color: #f3f3f3;
  margin-bottom: 2px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}

.nav-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  min-height: 20px;
}


.nav-list__item.active .nav-marker {
  background-color: #f64b4b;
}

.nav-list__item.active:hover .nav-marker {
  background-color: #f64b4b;
}

.nav-list__item:hover a {
  color: #3a96ff;
}

.nav-list__item.active:hover a {
  color: #004fa8;
}

.nav-list__item:hover .nav-marker {
  background-color: #1a81f6;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.nav-marker {
  display: inline-block;
  width: 6px;
  height: 6px;
  max-width: 6px;
  min-width: 6px;
  border-radius: 50%;
  background-color: #88c0ff;
  margin-right: 9px;
  vertical-align: top;
  margin-top: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.nav-list-title {
  padding: 0;
  line-height: 16px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

.nav-list-link {
  font-size: 16px;
  font-weight: 400;
  color: #004fa8;
  width: 100%;
}

.sidebar-genre {
  border-bottom: 2px solid #e3e3e3;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 13px;
}

.nav-genre {
  list-style-type: none;
}

.nav-genre-link {
  color: #004fa8;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 25px;
}

.nav-genre__item {
  padding-bottom: 6px;
}

.nav-title-2 {
  padding-bottom: 10px;
}

.nav-genre-img {
  margin-right: 12px;
}

.sidebar-noveties {
  padding-left: 30px;
  padding-right: 17px;
  padding-bottom: 28px;
  border-bottom: 2px solid #e3e3e3;
}

.sidebar-noveties.last {
  border-bottom: none;
}

.sidebar-noveties-list {
  list-style-type: none;
  overflow: hidden;
}

.noveties-link {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
  white-space: nowrap;
}

.noveties-link--artists {
  display: inline-flex;
  align-items: center;
}

.noveties-link:hover {
  color: #004fa8;
}

.noveties-link__img {
  display: inline-block;
  margin-right: 10px;
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.9;
}

.noveties-link__text {

}

.nav-title-3 {
  letter-spacing: -0.25px;
}

.nav-list__item.active {
  cursor: auto;
}

.sidebar-noveties__item, .artist-noveties__item {
  position: relative;
  padding-bottom: 16px;
}

.artist-noveties__item {
  padding-bottom: 5px;
}

.sidebar-noveties__item::after {
  content: ''; /* Выводим элемент */
  position: absolute; /* Абсолютное позиционирование */
  right: 0;
  top: -3px; /* Положение элемента */
  width: 10px; /* Ширина градиента*/
  height: 100%; /* Высота родителя */ /* Градиент */
  background: -webkit-linear-gradient(left, rgba(243, 243, 243, 0.2), #F3F3F3 100%);
  background: linear-gradient(to right, rgba(243, 243, 243, 0.2), #F3F3F3 100%);
  pointer-events: none;
}

.sidebar-noveties-else {
  color: #004fa8;
  font-size: 14px;
  font-weight: 400;
}

  .sidebar-noveties.last ul {
	  margin-bottom: 7px;
  }

.popular-progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.popular-progress-line {
  height: 4px;
  background-color: #f0f0f0;
  margin-top: 0;
  position: relative;
}

.music-popular-wrapper {
  padding-bottom: 3px;
  border-bottom: 1px solid #eeeeee;
}

.popular-line {
  height: 100%;
  position: absolute;
  width: 50%;
  background-color: #88c0ff;
}

.progress-1 {
  width: 100%;
  max-width: 611px;
}

.progress-2 {
  width: 100%;
}

.progress-volume {
  width: 109px;
  min-width: 109px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.progress-volume .icon-volume-up-indicator {
  margin-right: 8px;
  font-size: 15px;
}

.popular-ellipse {
  width: 12px;
  height: 12px;
  background-color: #1a81f6;
  border-radius: 50%;
  right: 0;
  position: absolute;
  top: -4px;
}

.popular-progress {
  display: none;
}

.popular-progress.play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.music-else {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 138px;
  height: 40px;
  border-radius: 5px;
  background-color: #f3f3f3;
  color: #2660af;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 31px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.music-else:hover {
  color: white;
  background: #2660af;
}

.music-popular-wrapper.fade {
  display: none;
}

/*recomendation*/
.recomendation-music {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 28px;
  padding-bottom: 8px;
}

.recomendation-music .progress-volume {
  min-width: 84px;
  width: 84px;
  margin-left: 20px;
}

.recomendation-item .popular-download-number {
  margin-right: 2px;
  color: #666666;
  font-weight: 400;
  font-size: 14px;
}

.recomendation-item .popular-download-number span {
  margin-right: 2px;
}


.recomendation-music-box {
  padding-top: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.recomendation-item-wrapper {
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
}

.recomendation-item-wrapper:nth-of-type(2) {
  margin-left: 30px;
}

.recomendation-item {
  border-top: 1px solid #eee;
  border-bottom: none;
}

.recomendation-item:last-child {
  border-bottom: 1px solid #eee;
}

.download-hover {
  display: none;
}

.popular-hover {
  min-width: 39px;
}

.time-hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.download-hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.download-hover span {
  margin-right: 0;
}

.popular-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.recomendation-item:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.recomendation-item:hover .time-hover {
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.recomendation-item:hover .download-hover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.recomendation-item .time-hover.fade {
  display: none;
}

.recomendation-item .download-hover.fade {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.popular-play__item.color {
  background-color: #d7eaff;
}

.icon-pause-button {
  margin-left: -3px;
}

/*music line */
.music-like {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 40px;
  padding-bottom: 70px;
}

.music-like .music-title {
  padding-left: 0;
  border: none;
}

.music-like-text {
  color: #111111;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  margin-top: 4px;
}

.music-like-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.like-social-link {
  display: block;
  height: 24px;
  width: 24px;
  margin-right: 4px;
}

.like-social-link.vk {
  background-image: url(/templates/drivemusic/img/social.png);
}

.like-social-link.fb {
  background-image: url(/templates/drivemusic/img/social.png);
  background-position: -28px 0;
}

.like-social-link.ok {
  background-image: url(/templates/drivemusic/img/social.png);
  background-position: -56px 0;
}

.like-social-link.goggle {
  background-image: url(/templates/drivemusic/img/social.png);
  background-position: -84px 0;
}

.like-social-link.smile {
  background-image: url(/templates/drivemusic/img/social.png);
  background-position: -112px 0;
}

.like-social-link:hover {
  opacity: 0.7;
}

/*footer*/
footer {
  height: auto;
}

.footer {
  max-width: 1066px;
  background-color: #eeeeee;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 38px;
  padding-left: 29px;
  padding-right: 16px;
  padding-bottom: 30px;
  border-top: 2px solid #e3e3e3;
  box-shadow: inset 0 0 2px #e3e3e3;
}

.footer::after {
  display: none;
}

.footer-left-list {
  list-style-type: none;
}

.footer-left-list .footer-left-list__item:first-child {
  padding-top: 0;
  min-height: 14px;
  margin-bottom: 12px;
}

.footer-social-link:hover {
  opacity: 0.7;
}

.footer-social-link.twitter {
  background: url(../img/twitter.png) no-repeat;
  padding: 5px 0 5px 22px;
  margin: 0 0 0 5px;
}

.footer-social-link.instagram {
  background: url(../img/instagram.png) no-repeat;
  padding: 5px 0 5px 22px;
  margin: 0 0 0 7px;
}

.footer-left-link {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
}

.footer-left-list__item {
  padding-top: 8px;
  padding-bottom: 2px;
  color: #111111;
  font-weight: 500;
  font-size: 14px;
}

.l-none {
  color: rgba(1, 1, 1, 0) !important;
}

.footer-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 515px;
  width: 100%;
}

.footer-list-2 {
  margin-left: 29px;
}

.footer-list-3 {
  margin-left: 21.5%;
}

.footer-right-counter {
  width: 17px;
  height: 17px;
  background-color: #d1d1d1;
  margin-top: -2px;
}

.footer-right-counter img {
  width: 17px;
  height: 17px;
}

.footer-right-box-text {
  margin-right: 9px;
}

.footer-right-social {
  margin-right: 15px;
  margin-top: 2px;
}

.footer-right-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  color: #111;
  font-size: 14px;
}

.footer-right-text {
  color: #111111;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  width: 247px;
  margin-top: 10px;
}

.footer-right-text a {
  font-size: 12px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    min-height: 100 hv;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1110px) {
  .recomendation-music-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .author-description-star {
    margin-left: 50px;
}

  .recomendation-item-wrapper {
    width: 100%;
  }

  .recomendation-item-wrapper:nth-of-type(2) {
    margin-left: 0;
  }

  .recomendation-item-wrapper:nth-of-type(2) .recomendation-item:first-child {
    border-top: none;
  }

  .recomendation-item .popular-download-number {
    padding-left: 20px;
  }

  .recomendation-item {
    width: 100%;
  }

  .recomendation-item:nth-of-type(2n) {
    margin-left: 0;
  }

  .recomendation-item:nth-last-child(2) {
    border-bottom: none;
  }
}

/*mobile*/

.img-logo-2 {
  display: none;
}

.header-btn {
  width: 23px;
  height: 15px;
  display: none;
  cursor: pointer;
}

.header-btn .header-btn-line {
  width: 100%;
  display: block;
  background-color: #ffffff;
  height: 3px;
  margin-bottom: 3px;
}

.main-music-top-img {
  display: none;
  background-size: cover;
  margin-bottom: -2px;
}

.main-music-top-img img {
  width: 100%;
}

.img-logo-2, .img-logo-3 {
  display: none;
}

.nav-mobile-dropdown-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: -800px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 111;
  display: none;
}

.nav-mobile-dropdown-wrapper .main-music-header {
  min-height: 50px;
}

.nav-mobile-dropdown-wrapper .header-btn {
  margin-top: 2px;
}

.nav-mobile-dropdown-wrapper .logo {
  margin-left: -60px;
}

.nav-mobile-dropdown-wrapper .sidebar-genre {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 9px;
  padding-bottom: 0;
  border-bottom: none;
}

.nav-mobile-dropdown-wrapper .sidebar-noveties {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 264px;
}

.nav-mobile-dropdown-wrapper .nav-title-3 {
  padding-top: 15px;
}

.nav-mobile-dropdown-wrapper.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.nav-mobile-overlay {
  display: block;
  background-color: #000000;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 0;
  transition: opacity .3s;
}

.header-btn.close {
  background-image: url(/templates/drivemusic/img/svg/close.svg);
  height: 17px;
  width: 17px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
}

.header-search-mobile {
  display: none;
}

.header-btn-hide {
  display: none;
}

@media screen and (max-width: 895px) {
  body {
    margin-top: 0;
    background-color: #ffffff;
  }

  .footer-list-3 {
    margin-left: 29px;
  }

  .footer-left {
    max-width: none;
    width: auto;
  }
}

@media screen and (max-width: 800px) {
  .footer-right-box-text {
    margin-right: 20px;
  }
}

@media screen and (max-width: 991px) {
  .sidebar {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: 222222;
  }

  .nav-mobile-dropdown {
    height: 100vh;
    width: 320px;
    min-width: 320px;
    transform: translateX(-320px);
    transition: transform .3s;
    z-index: 1;
    background: #f3f3f3;
    overflow: scroll;
  }

  .nav-mobile-dropdown > *:last-child {
    padding-bottom: 130px;
  }

  .sidebar.active .nav-mobile-dropdown {
    transform: translateX(0);
  }

  .sidebar.active .nav-mobile-overlay {
    width: 100vw;
    opacity: 0.6;
  }
  
  .sidebar.active .main-music-header {
    position: sticky;
    top: 0;
    z-index: 10;
  }
  
  .animation-off {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

  .form-search {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {

textarea:focus, input.form-search:focus, input.comments-form-text:focus {
        font-size: 16px;
}
	
	.nav-genre-img {
    margin-right: 10px;
}
  
  .author-description-star {
    margin-left: 0;
}

.nav-genre-link {
  font-size: 15px;
}

  header {
    height: 0;
  }

  .sidebar-navigation {
    display: none;
  }

  .sidebar-genre {
    border-bottom: none;
  }

  .sidebar-noveties {
    border-bottom: none;
  }

  .sidebar-noveties.last {
    padding-top: 0 !important;
  }

  .main-music {
    width: 100%;
  }

  .header-btn {
    display: block;
    position: absolute;
    top: 19px;
    left: 15px;
  }

  .nav-mobile-dropdown {
    max-width: 87vw;
	min-width: 300px;
  }

  .nav-mobile-dropdown .logo {
    margin: 0;
    left: 0;
    left: 50%;
    margin-left: -70px;
  }

  .nav-mobile-dropdown .header-btn {
    margin-top: 2px;
  }

  .nav-mobile-dropdown .sidebar-genre {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
  }

  .nav-mobile-dropdown .sidebar-noveties {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-mobile-dropdown .nav-title-3 {
    padding-top: 0;
  }

  .main-music-header {
    min-height: 55px;
  }

  .nav-mobile-dropdown .main-music-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 59px;
    padding: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 15px;
    position: relative;
    margin-top: -1px;
  }

  .main-music-header {
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
  }

  .main-music-top-img {
    display: block;
  }

  .header-btn {
    margin-top: 6px;
  }

  .img-logo-1 {
    display: none;
  }

  .img-logo-2 {
    display: block;
  }

  .img-logo-3 {
    display: block;
    background-image: url(/templates/drivemusic/img/drivemusic-logo2.svg);
    background-repeat: no-repeat;
    height: 18px;
    background-size: 125px 18px;
  }

  .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    display: block;
    margin-left: -73px;
    width: 144px;
    position: relative;
  }

  .music-form {
    margin-top: 20px;
  }

  .form-search {
    max-width: none;
  }

  .nav-mobile-dropdown-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .main-music-top, .main-music-top-list {
    padding: 25px 15px 25px 15px;
  }

  .main-music-top.main-playlists-top {
	padding-bottom: 25px;
  }

  .main-music-top-list {
    padding-top: 0;
  }

  .music-title {
    border-left: none;
    padding-left: 0;
	font-size: 18px !important;
  }

  .music-title span {
    display: none;
  }
  

.music-title-big {
  font-size: 18px;
}

  .music-top-link span {
    display: none;
  }

  .music-top-link {
    letter-spacing: 0.2px;
	font-size: 14px;
  }

  .main-music-popular, .main-music-hits {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    border-bottom: none;
  }

  .main-music-hits {
    padding-top: 0;
  }

  .popular-download-number {
    display: none;
  }

  .music-popular {
    margin-top: 23px;
  }

  .music-popular-wrapper.none {
    display: none;
  }

  .progress-volume .icon-volume-up-indicator {
    display: none;
  }

  .popular-progress.play {
    margin-top: 4px;
    margin-bottom: 10px;
  }

  .progress-volume {
    width: 64px;
    min-width: 64px;
  }
  
  .popular-download-link {
    margin-left: 0;
  }

  .recomendation-music .progress-volume {
    width: 64px;
    min-width: 64px;
  }

  .music-popular__item {
	padding-top: 11px;
    padding-bottom: 9px;
  }

  .music-like {
    padding: 30px 15px 43px 15px;
  }

  .recomendation-music {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 13px;
    border-bottom: none;
    padding-bottom: 1px;
  }

  .music-top-link {
    position: relative;
    top: 1px;
  }

  .recomendation-music-box {
    padding-top: 25px;
    border-bottom: 1px solid #eee;
  }

  .music-like {
    padding: 30px 15px 43px 15px;
  }

  .footer-left-list {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .footer-left {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 320px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-list-2 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 0;
  }

  .footer-list-3 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 60px;
  }

  .l-none {
    display: none;
  }

  .footer {
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 20px;
  }

  .popular-hover .popular-download-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .time-hover {
    display: none;
  }

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

  .form-search {
    padding-top: 9px;
    padding-bottom: 9px;
	height: 39px;
  }
}

@media screen and (max-width: 650px) {
  .footer {
    display: block;
  }

  .footer-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 25px;
  }

  .footer-right-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    top: 5px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 230px;
  }

  .footer-right-counter {
    display: none;
  }

  .footer-right-text {
    margin-top: 25px;
    width: auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 580px) {
  .elements-box-list li {
    line-height: 20px;
  }

  .popular-play-author, .popular-play-composition {
    width: 232px;
  }

  .popular-play-author.main-top, .popular-play-composition.main-top {
    width: 185px;
  }

  .song-author-btn.btn-mobile.main-top span {
    margin-right: 5px;
  }
}

@media screen and (max-width: 420px) {
  .popular-play-author.main-top, .popular-play-composition.main-top {
    width: 220px;
  }

  .footer-right-text {
    margin-top: 30px;
    margin-bottom: 5px;
  }

  .song-author-btn.btn-mobile span {
    display: none;	  
  }
}

@media screen and (max-width: 376px) {
  .popular-play-author.main-top, .popular-play-composition.main-top {
    width: 185px;
  }

  .song-author-btn.btn-mobile.main-top span {
    margin-right: 3px;
  }

  .footer-right-text {
    max-width: 310px;
  }
}

@media screen and (max-width: 370px) {
  .recomendation-item .popular-download-number {
    padding-left: 0;
  }

  .popular-hover {
    min-width: 26px;
  }

  .popular-hover .popular-download-number {
    margin-right: 0;
  }

  .popular-play-author.main-top, .popular-play-composition.main-top {
    width: 170px;
  }
}

@media screen and (max-width: 359px) {
  .music-top-link {
    white-space: nowrap;
  }

  .popular-play-author {
    max-width: 183px;
  }

  .popular-play-composition {
    max-width: 183px;
  }

  .footer-list-3 {
    margin-left: 43px;
  }

  .popular-play-author.main-top, .popular-play-composition.main-top {
    width: 155px;
  }

  .song-author-btn.btn-mobile.main-top span {
    margin-right: 5px;
  }
}

/*genre.html */
.main-genre {
  padding-bottom: 349px;
}

.genre-title-wrapper {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 28px;
}

.genre-navigation {
  margin-bottom: 6px;
}

.genre-title {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  position: relative;
}

.genre-title .jq-selectbox__select {
  background-color: rgba(1, 1, 1, 0);
  border: none;
  max-width: 240px;
  padding-left: 0;
  padding-right: 20px;
  height: auto;
}

.genre-title .jq-selectbox.focused .jq-selectbox__select {
  background: none;
}

.genre-title .jq-selectbox__trigger-arrow {
  border: none;
  background-image: url(/templates/drivemusic/img/angle-arrow-down.png);
  width: 12px;
  height: 8px;
  right: 21px;
  top: 16px;
}

.genre-title .jq-selectbox__dropdown {
  max-width: 203px;
  top: 40px !important;
  border-radius: 5px;
  border: 2px solid #88c0ff;
  left: 102px;
  background-color: #ffffff;
}

.genre-title .jq-selectbox__select-text {
  color: #111111;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.4px;
  overflow: inherit;
}

.genre-title .jq-selectbox li.selected {
  background-color: #e9f3ff;
  color: #004fa8;
  display: none;
}

.genre-title .jq-selectbox li.sel {
  display: none;
}

.genre-title .jq-selectbox li:hover {
  background-color: #e9f3ff;
  color: #004fa8;
}

.genre-title .jq-selectbox li {
  color: #004fa8;
  padding-left: 24px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.genre-title .jq-selectbox ul {
  padding-top: 7px;
  padding-bottom: 12px;
}

.genre-navigation-link {
  color: #004fa8;
  font-size: 13px;
  font-weight: 400;
}

.genre-navigation-link:after {
  content: ' \00bb ';
  color: #004fa8;
  margin-right: 3px;
}

.genre-navigation-link:last-child:after {
  content: ' ';
}

.genre-img {
  height: 90px;
  background-image: url(/templates/drivemusic/img/person-playing.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 32px;
}

.genre-sort-list {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  max-width: 590px;
  padding-left: 30px;

}

.novinki-sort-list {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

.novinki-sort-list li.sort-list-item a {
	color: #111;
    font-size: 13px;
    font-weight: 400;
    display: block;
    border-radius: 40px;
    background-color: #e9f3ff;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-right: 0;
}

.novinki-sort-list li.sort-list-item a:hover {
    background-color: #f7f7f7;
}

.novinki-sort-list li.sort-list-item {
	margin-right: 5px;
}  
  .genre-sort.novinki .genre-sort-quantity {
    margin-top: 14px;
}  
  .genre-sort.novinki {
    margin-bottom: 35px;
	padding-top: 30px;
}

a.sort-list-link.active {
    background-color: #f64343 !important;
    color: #fff !important;
}

.genre-sort {
  position: relative;
}

.icon-date {
  display: block;
  height: 3px;
  background-color: #999;
  width: 12px;
  position: absolute;
  left: 0;
  top: 30px;
  margin-right: 15px;
}

.icon-date::before {
  display: block;
  height: 3px;
  background-color: #999;
  width: 9px;
  content: '';
  position: absolute;
  top: 4px;
}

.icon-date::after {
  display: block;
  height: 3px;
  background-color: #999;
  width: 6px;
  content: '';
  position: absolute;
  top: 8px;
}

.genre-sort-list .icon-date {
  display: block;
  height: 3px;
  background-color: #999;
  width: 12px;
  position: relative;
  bottom: -1px;
  margin-right: 15px;
}

.genre-sort-list .icon-date::before {
  display: block;
  height: 3px;
  background-color: #999;
  width: 9px;
  content: '';
  position: absolute;
  top: 4px;
}

.genre-sort-list .icon-date::after {
  display: block;
  height: 3px;
  background-color: #999;
  width: 6px;
  content: '';
  position: absolute;
  top: 8px;
}

.sort-list-link {
  color: #2660af;
  font-size: 14px;
  font-weight: 400;
  margin-right: 26px
}

.sort-list-item.active .sort-list-link {
  color: #111111;
}

.genre-sort {
  margin-left: 29px;
  padding-top: 28px;
  margin-right: 29px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.genre-sort-quantity {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

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

.genre-music {
  padding-left: 29px;
  padding-right: 29px;
  margin-top: 26px;
}

.genre-music .music-popular-wrapper:first-child {
  border-top: 1px solid #eeeeee;
}

.popular-download-date {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  display: flex;
  height: 100%;
  align-items: center;
}

.genre-pagination, .genre-pagination-playlist {
  padding-top: 28px;
  padding-bottom: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}

.genre-pagination-list {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 455px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.genre-pagination-item.no-active .genre-pagination-link {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}

.genre-pagination-item {
  height: 40px;
  margin-right: 4px
}

.genre-pagination-item:hover .genre-pagination-link {
  background-color: #d7eaff;
}

.genre-pagination-item:first-child .genre-pagination-link {
  min-width: 82px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.genre-pagination-item:last-child .genre-pagination-link {
  min-width: 82px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.genre-pagination-link {
  height: 40px;
  border-radius: 40px;
  background-color: #f7f7f7;
  height: 100%;
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #2660af;
  font-size: 14px;
  font-weight: 400;
}

.genre-pagination-item.active .genre-pagination-link {
  background-color: #75b4fc;
  color: white;
}

.genre-pagination-item.pass .genre-pagination-link {
  background: none;
  width: 18px;
}

.genre-title-text {
  cursor: pointer;
  color: #111111;
  font-size: 20px;
  letter-spacing: .1px;
  font-weight: 500;
  padding: 0;
  line-height: 1;
  padding-top: 7px;
  position: relative;
  display: inline-block;
}

.genre-title-text .genre-title-text-link {
  position: relative;
  color: #111111;
}

.genre-title-text .icon-arrow-point-to-right {
  font-size: 11px;
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: -2px;
  left: 5px;
}

.genre-title-text .text-link-none {
  display: none;
}

.wrapper-mobile-sort {
  display: none;
}

.genre-sort-link1 {
  min-width: 155px;
  height: 40px;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #eceae9;
  color: #111111;
  font-size: 15px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

.genre-sort-link1:hover {
  background-color: #f7f7f7;
}

.genre-sort-link2 {
  min-width: 145px;
  height: 40px;
  border-radius: 40px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #eeeeee;
  color: #111111;
  font-size: 15px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.genre-sort-link2:hover {
  background-color: #f7f7f7;
}

.genre-box-top {
  display: block;
  height: 7px;
  width: 9px;
  background-image: url(/templates/drivemusic/img/sort-down--2-.png);
  background-position: center;
  position: relative;
  top: -2px;
}

.genre-box-bottom {
  display: block;
  height: 7px;
  width: 9px;
  background-image: url(/templates/drivemusic/img/sort-down--2-.png);
  background-position: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  bottom: -2px;
}

.genre-sort-hover, .genre-sort-hover-2 {
  display: none;
}

.genre-sort-hover.active {
  display: block;
  position: absolute;
  width: 203px;
  right: 0;
  top: 50px;
  border-radius: 5px;
  border: 2px solid #88c0ff;
  background-color: #ffffff;
  list-style-type: none;
  z-index: 2222;
  padding-top: 10px;
  padding-bottom: 10px;
}

.genre-sort-hover.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  max-width: 500px;
  left: 0;
  top: 50px;
  border-radius: 5px;
  border: 2px solid #88c0ff;
  background-color: #ffffff;
  list-style-type: none;
  z-index: 2222;
  left: 0;
  top: 57px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.genre-sort-hover.active .genre-sort-hover-item {
  width: 33%;
}

.genre-sort-hover.active .genre-sort-hover-item:hover {
  background-color: #e9f3ff;
}

.genre-sort-hover.active a {
  color: #004fa8;
  font-size: 14px;
  font-weight: 400;
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.genre-pagination-item .genre-pagination-link .icon-arrow-point-to-right {
  display: none;
}

.genre-box-arrows {
  margin-left: 10px;
}

@media screen and (max-width: 1010px) {
  .genre-sort-quantity {
    display: none;
  }
}

@media screen and (max-width: 875px) {
  .genre-music .popular-download-number {
    display: none;
  }

  .popular-download-date {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  .genre-sort-list {
    display: none;
  }

  .genre-title .jq-selectbox {
    display: none !important;
  }

  .genre-title-text {
    display: block;
  }

  .wrapper-mobile-sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }

  .wrapper-mobile-sort .jq-selectbox__select {
    height: 40px;
    min-width: 155px;
    width: auto;
    background-color: #eeeeee;
    border: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 40px;
  }

  .wrapper-mobile-sort .jq-selectbox__select:hover {
    background-color: #f7f7f7;
  }

  .wrapper-mobile-sort .genre-title-select {
    width: auto !important;
  }

  .wrapper-mobile-sort .jq-selectbox.focused .jq-selectbox__select {
    background-color: #f7f7f7;
  }

  .wrapper-mobile-sort .jq-selectbox__trigger-arrow {
    border: none;
    background-image: url(/templates/drivemusic/img/arr.png);
    width: 12px;
    height: 18px;
    right: 12px;
    background-repeat: no-repeat;
    top: 12px;
  }

  .wrapper-mobile-sort .jq-selectbox__dropdown {
    max-width: 100%;
    top: 42px !important;
    bottom: auto !important;
    border-radius: 10px;
    border: 2px solid #88c0ff;
    left: 0px;
    background-color: #ffffff;
    min-width: 203px;
  }

  .wrapper-mobile-sort .jq-selectbox__select-text {
    color: #111111;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
  }

  .wrapper-mobile-sort .jq-selectbox li.selected {
    background-color: #e9f3ff;
    color: #111111;
    display: none;
  }

  .wrapper-mobile-sort .jq-selectbox li.sel {
    display: none;
  }

  .wrapper-mobile-sort .jq-selectbox li:hover {
    background-color: #e9f3ff;
    color: #004fa8;
  }

  .wrapper-mobile-sort .jq-selectbox li {
    color: #004fa8;
    padding-left: 24px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
  }

  .wrapper-mobile-sort .jq-selectbox ul {
    padding-top: 7px;
    padding-bottom: 12px;
  }

  .genre-sort-hover.active, .genre-sort-hover-2.active {
    display: block;
    position: absolute;
    width: 203px;
    right: 0;
    top: 50px;
    border-radius: 10px;
    border: 2px solid #88c0ff;
    background-color: #ffffff;
    list-style-type: none;
    z-index: 2222;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .genre-sort-hover.active .genre-sort-hover-item:hover, .genre-sort-hover-2.active .genre-sort-hover-item:hover {
    background-color: #e9f3ff;
  }

  .genre-sort-hover.active a, .genre-sort-hover-2.active a {
    color: #004fa8;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .genre-sort-hover.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
  }

  .genre-sort-link2 {
    margin-left: 32px;
  }

  .wrapper-mobile-sort .genre-title-select {
    width: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .genre-title {
    padding-left: 0;
  }
  
.genre-title-text {
  font-size: 18px;
}

  .genre-music {
    padding-left: 15px;
    padding-right: 15px;
	margin-top: 21px;
  }

  .genre-title-wrapper {
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 25px;
  }

  .genre-title-text {
    cursor: auto;
  }

  .genre-img {
    display: none;
  }

  .genre-sort {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-top: 23px;
  }

  .genre-sort.novinki {
    padding-right: 0;
    padding-top: 25px;
	height: 62px;
    overflow: hidden;
	margin-right: -15px !important;
	margin-bottom: 28px;
  }
  
  .related_playlists {
	padding: 25px 30px;
  }
  
  .novinki-sort-list {
    align-items: flex-start;
    height: calc(100% + 50px);
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
	margin-left: -15px;
    margin-right: 13px;
    padding-left: 14px;
}

  .text-link-none {
    display: inline !important;
  }

  .genre-sort-hover.active {
    right: 0;
    left: auto;
    top: calc(100% + 18px);
  }

  .genre-sort-hover-2.active {
    left: 0;
  }

  .author-description-star {
    right: -2px !important;
    top: 60px !important;
    position: absolute !important;
  }

  .song-author-img {
    margin: 40px auto 10px auto!important;
	order: 2;
	position: relative;
	width: auto !important;
	height: auto !important;
	min-width: 300px;
    min-height: 250px;
  }
  
  .song-author-img:before {
    content: '';
    position: absolute;
    background-color: #e6e7e8;
    height: 1px;
    width: 100%;
    left: 0;
    top: -9px;
  }
  
  .song-author-img:after {
    content: 'Реклама';
    background-color: #fff;
    height: 15px;
    width: 72px;
    position: absolute;
    top: -15px;
    left: calc(50% - 37px);
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #a0a0a0;
    font-weight: 400;
    letter-spacing: .7px;
  }

  .star-box__item {
    padding-top: 0 !important;	
    margin-left: 1px !important;
  }

  .author-description-list {
    color: #333 !important;
    font-weight: 400 !important;
  }

  .ya-share2__badge {
    border-radius: 50% !important;
  }
  
  .genre-sort {
	  margin-right: 0 !important;
	  margin-left: 0 !important;
	  border-top: none !important;
	  margin-top: 0 !important;
  }
  .icon-date {
    left: 30px !important;
}
}

@media screen and (max-width: 950px) {
  .genre-pagination .music-like-social, .genre-pagination-playlist .music-like-social {
    display: none;
  }

  .genre-pagination-list {
    max-width: none;
  }
}

@media screen and (max-width: 470px) {
  .genre-pagination-item:nth-of-type(6) {
    display: none;
  }

  .song-title-link, .song-title-text {
    line-height: 26px !important;
    font-size: 18px !important;
    padding-top: 1px !important;
  }

  .box-playlists.years {
    margin-right: -8px;
  !important;
  }

  .wrapper-mobile-sort .genre-title-select {
    width: 100% !important;
    height: 40px;
    border: none;
    background-color: #eee;
    border-radius: 40px;
    color: #111;
    font-weight: 500;
    font-size: 15px;
    font-family: Roboto;
  }

  select.genre-title-select {
    padding-left: 15px;
  }
}

@media screen and (max-width: 420px) {
  .pagination-word {
    display: none;
  }

  .genre-pagination-item:first-child .genre-pagination-link {
    min-width: 40px;
  }

  .genre-pagination-item:first-child .genre-pagination-link .icon-arrow-point-to-right {
    display: block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .genre-pagination-item:first-child .genre-pagination-link .icon-arrow-point-to-right::before {
    color: #e3e3e3;
  }

  .genre-pagination-item:last-child .genre-pagination-link {
    min-width: 40px;
  }

  .genre-pagination-item .genre-pagination-link .icon-arrow-point-to-right {
    display: block;
  }

  .main-genre {
    padding-bottom: 0;
  }

  .genre-sort-link-text {
    white-space: nowrap;
    width: 95px;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .song-author-description {
    padding-top: 0 !important;
  }
  .song-author-btn.btn-play span {
    font-size: 11px !important;
  }
  .song-author-btn.btn-download span {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 359px) {
  .genre-sort-link1, .genre-sort-link2 {
    width: 100%;
    padding-left: 18px;
    padding-right: 10px;
    justify-content: left;
  }

  .genre-sort-link2 {
    margin-top: 15px;
    margin-left: 0;
  }

  .genre-sort-hover.active {
    top: 180px;
  }

  .genre-sort-hover.active a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .wrapper-mobile-sort {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .icon-date {
    display: none;
  }

  .wrapper-mobile-sort .genre-title-select {
    width: 100% !important;
  }

  .wrapper-mobile-sort .jq-selectbox__dropdown {
    max-width: 100%;
  }
}

/*song*/
.song-title-link, .song-title-text {
  color: #111111;
  font-size: 20px;
  line-height: 1;
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500;
}

.song-title-link:hover {
  color: #004fa8;
}

.song-title .genre-navigation {
  line-height: 1;
  position: relative;
  margin-bottom: 12px;
}

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

.song-title-arrows {
  width: 70px;
  height: 30px;
  border-radius: 5px;
  border: 2px solid #eeeeee;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 2px;
  position: relative;
  bottom: -24px;
  min-width: 70px;
}

.song-num-arrows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  bottom: -9px;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.song-title-arrows-back, .song-title-arrows-back-disable {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: block;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.song-title-arrows-back:hover::before {
  color: #88c0ff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.song-title-arrows-back-disable:hover::before {
  color: #e3e3e3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.song-title-arrows-next, .song-title-arrows-next-disable {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid #eee;
}

.song-title-arrows-next:hover::before {
  color: #88c0ff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.song-title-arrows-next-disable:hover::before {
  color: #e3e3e3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.song-author {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 25px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.music-song-soc {
  right: 30px;
  top: 205px;
  position: absolute;
}

.song-author-description {
  position: relative;
}

.song-author-description-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.song-author-img {
  width: 300px;
  height: 250px;
  background-color: #f6fafd;
}

.song-author-img img {
  width: 100%;
}

.author-description-list {
  list-style-type: none;
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 400;
  line-height: 29px;
}

.author-description-star {
  position: relative;
  top: -3px;
}

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

.star-box__item {
  width: 24px;
  height: 24px;
  font-size: 20px;
  padding-left: 3px;
  padding-top: 3px;
}

.star-box__item.color1::before {
  color: #eeeeee;
}

.star-box__item.color2::before {
  color: #fac917;
}

.star-box__item.color4::before {
  color: #eeeeee;
}

.star-box__item.star-active:hover {
  cursor: pointer;
}

.star-box-2 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 79%;
  top: 0;
}

.star-box-2 .star-box__item::before {
  color: #fac917;
}

.star-box-3 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 58%;
  top: 0;
}

.song-author-btn span::before {
  color: #75b4fc;
}

.song-author-btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
}

.song-author-btn.btn-play {
  width: 115px;
  height: 40px;
  border-radius: 40px;
  padding-right: 2px;
  border: 2px solid #75b4fc;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111111;
  font-weight: 500;
  font-size: 15px;
  margin-right: 11px;
  cursor: pointer;
}

.song-author-btn.btn-play span {
  margin-right: 7px;
  font-size: 12px;
}

.song-author-btn.btn-play:hover, .song-author-btn.btn-play.pause {
  border: 2px solid #75b4fc;
  background-color: #d7eaff;
}

.song-author-btn.btn-play:hover span::before {
  color: #1a81f6;
}

.song-author-btn.btn-download {
  width: 140px;
  height: 40px;
  border-radius: 40px;
  padding-right: 1px;
  border: 2px solid #75b4fc;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111111;
  font-weight: 500;
  font-size: 15px;
  margin-right: 11px;
}

.song-author-btn.btn-download span {
  margin-right: 7px;
  font-size: 13px;  
}

.song-author-btn.btn-download span.add_word {
    font-size: 15px !important;
    margin-left: 3px;
    margin-right: 1px;
}

.song-author-btn.btn-download:hover, .song-author-btn.btn-mobile:hover {
  border: 2px solid #75b4fc;
  background-color: #d7eaff;
}

.song-author-btn.btn-download:hover span::before, .song-author-btn.btn-mobile:hover span::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #1a81f6;
}

.song-author-btn.btn-mobile {
  width: 125px;
  height: 40px;
  border-radius: 40px;
  border: 2px solid #75b4fc;
  background-color: #ffffff;
  color: #111111;
  font-weight: 500;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.song-author-btn.btn-mobile.hide {
  display: none;
}

.song-author-btn.btn-mobile span {
  font-size: 12px;
  margin-right: 5px;
  margin-top: 0;
}

.song-author-btn.btn-mobile span.rbt-text {
  font-size: 15px;
  padding-top: 1px;
  padding-left: 1px;
  font-weight: 400;
}

.song-author-btn.btn-mobile:hover span::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #1a81f6;
}

.song-top-title {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 28px;
}

.song-top-title .music-title {
  width: 485px;
  white-space: nowrap;
  overflow: hidden;
  position: relative
}

.music-soc-link {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  margin-right: 10px;
}


.music-song-soc-listen, .music-song-soc-artist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.music-song-soc-listen {
  width: 230px;
  margin: 38px 0 0 0;
}

.music-song-soc .music-like-social, .music-song-soc-listen .music-like-social, .music-song-soc-artist .music-like-social {
  margin-top: 0;
}

.song-music, .artist-music {
  margin-top: 28px;
  border-bottom: 1px solid #eee;
  padding-bottom: 32px;
}


.song-else {
  width: 142px;
  height: 36px;
  border-radius: 36px;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2660af;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.song-else .icon-music-player-play {
  margin-left: 10px;
  font-size: 10px;
}

.song-else:hover {
  background-color: #d7eaff;
}

.music-popular-wrapper.none-2 {
  display: none;
}

.c-search-results__title-wrapper .music-title {
  font-size: 16px !important;
  color: #111111;
  letter-spacing: 0.1px;
}

.song-recomendation .music-title, .song-comments .music-title, .artist-title {
  font-size: 18px;
  color: #111111;
  letter-spacing: 0.1px;
}


h1 {
  font-family: 'Roboto', sans-serif;
}

.song-comments {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 28px;
  margin-bottom: 170px;
}

.song-comments-form {
  width: 100%;
  height: 100%;
  background-color: #e9f3ff;
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
  border-radius: 6px;
}

.comments-form-text {
  max-width: 310px;
  height: 40px;
  border-radius: 12px;
  width: 100%;
  display: block;
  border: 2px solid #d0e0f4;
  background-color: #ffffff;
  margin-bottom: 11px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-text::-moz-placeholder { /* Firefox 19+ */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-text:-ms-input-placeholder { /* IE 10+ */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-text:-moz-placeholder { /* Firefox 18- */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-textarea {
  resize: none;
  border-radius: 14px;
  border: 2px solid #d0e0f4;
  background-color: #ffffff;
  min-height: 80px;
  width: 100%;
  color: #111;
  padding-left: 13px;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-right: 13px;
  display: -webkit-box;
  -webkit-appearance: textarea;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-textarea::-moz-placeholder { /* Firefox 19+ */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-textarea:-ms-input-placeholder { /* IE 10+ */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-textarea:-moz-placeholder { /* Firefox 18- */
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.comments-form-submit {
  width: 102px;
  height: 38px;
  border-radius: 19px;
  background-color: #1a81f6;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.comments-form-submit:hover {
  background-color: #2787f5;
}

.comments-box-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.song-comments-box {
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eeeeee;
}

.song-comments-box .green {
  background-color: #ebffda;
}

.song-comments-box .blue {
  background-color: #defaff;
}

.comments-box-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fdebeb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  font-size: 16px;
  margin-right: 15px;
  font-weight: 400;
  min-width: 40px;
}

.comments-box-text {
  color: #333333;
  font-weight: 500;
  font-size: 14px;
}

.comments-box-name1 {
  line-height: 24px;
}

.comments-box-name1 span {
  color: #666666;
  font-weight: 200;
  margin-left: 5px;
}

.comments-box-name2 {
  font-weight: 400;
  line-height: 24px;
  margin-top: 3px;
  color: #333;
}

.comments-else, .topmore {
  color: #2660af;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  display: block;
  margin-top: 27px;
}

.topmore {
    margin: 0 auto;
    padding: 15px 0;
    cursor: pointer;
    font-size: 16px;
	border-bottom: 1px solid #eee;
}

.faq-search a:hover, .star-box-3 .star-box__item::before, .elements-box p .mail:hover, .table-author:hover, .picture-text__link:hover, .sort-list-link:hover, .nav-genre-link:hover, .c-nav-tabs__button:hover, .sidebar-noveties-else:hover  {
  color: #88c0ff;
}

@media (max-width: 767px) {

.comments-form-submit {
  width: 100px;
  height: 37px;
  border-radius: 18px;
}

.song-comments-form {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: -10px;
  margin-right: -10px;
}

.song-comments-box {
  padding-top: 15px;
  padding-bottom: 15px;
}

.topmore {
    padding: 13px 0;
}

.box-player__item:last-child {
    padding-bottom: 25px;
}


.comments-box-item {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}
}




.main-song {
  padding-bottom: 119px;
}

.song-comments-box.none {
  display: none;
}

.song-title-none {
  display: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 28px;
}

.song-title-none a {
  color: #111111;
  font-size: 22px;
  font-weight: 400;
}

.song-title-none h2 {
  line-height: 25px;
  padding: 0;
}

.hidden-2 {
  display: none;
}

.hidden-3 {
  display: none;
}

@media screen and (max-width: 1060px) {
  .song-author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (max-width: 920px) {
  .song-title {
    padding-right: 18px;
  }
}

@media screen and (max-width: 820px) {
  .song-top-title .music-title::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(243, 243, 243, 0.2), #fff 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0.2)), to(#fff));
    background: -moz-linear-gradient(left, rgba(243, 243, 243, 0.2), #fff 100%);
    pointer-events: none;
    background: linear-gradient(to right, rgba(243, 243, 243, 0.2), #fff 100%);
  }
}

@media screen and (max-width: 767px) {

  .music-song-soc, .music-song-soc-artist {
    position: absolute;
    left: 15px;
    margin-top: -90px;
  }

  .song-top-title .music-title {
    width: auto;
    white-space: normal;
  }

  .song-top-title .music-title .hidden-2 {
    display: inline;
  }

  .song-top-title .music-title .hidden-3 {
    display: inline;
  }

  .song-top-title .music-title::after {
    display: none;
  }

  .song-author {
    border-bottom: none;
  }

  .song-title-arrows, .song-num-arrows {
    display: none;
  }

  .song-title-link {
    line-height: 1.3;
  }

  .song-title {
    padding-left: 0;
  }

  .song-title .genre-navigation {
    margin-bottom: 10px;
  }

  .song-author {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 23px;
    padding-bottom: 30px;
  }

  .song-author-description {
    padding-top: 0;
	width: 100%;
    padding-left: 0;
  }

  .song-author-btn-box {
    position: relative;
    left: 0;
  }

  .song-author-btn.btn-mobile.main-top {
    position: inherit;
    right: inherit;
    top: inherit;
    font-weight: 400;
  }

  .song-top-title {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    border-top: 1px solid #eee;
    padding-top: 25px;
  }

  .song-title-none {
    display: block;
  }

  .song-music, .artist-music {
    margin-top: 25px;
    padding-bottom: 28px;
  }

.song-else {
  margin-top: 28px;
}

  .artist-music {
    border: none
  }

  .related_playlists h2, .song-comments .music-title {
    font-size: 20px;
  }

  .song-comments {
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 25px;
  }

  .song-comments-form {
    width: auto;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
  }

  .comments-form-text {
    max-width: none;
  }

  .comments-box-name2 {
    line-height: 22px;
  }

  .main-song {
    padding-bottom: 37px;
  }

  .song-author {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .music-soc-link {
    margin-right: 10px;
  }
  .music-song-soc {
    position: unset;
    margin-top: 38px;
	margin-left: 2px;
	height: 26px;
}
}

@media screen and (max-width: 330px) {
  .music-soc-link {
    display: none;
  }
}

/*elements*/

div.down a.downbutton {
  display: block;
  position: relative;
  width: 80%;
  line-height: 70px;
  margin: 0 0 20px 0;
  background: #3ca32d;
  border: none;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  font-size: 195%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  letter-spacing: 0.2px;
}

div.down a:hover.downbutton {
  color: #111111 !important;
}

div.yandex div.down p {
  display: block;
  overflow: hidden;
  font-size: 90%;
  opacity: 0.5;
  line-height: 23px;
  padding: 0px 0 15px 0;
}

div.yandex div.table_lines {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 50%;
  float: left;
  margin-top: 14px;
  font-weight: 300;
  line-height: 26px;
}

table.table_lines_in {
  margin-top: 20px;
}

div.yandex div.table_lines td {
  vertical-align: top;
  padding-left: 3px;
}

table.table_lines td:nth-child(1), table.table_lines_in td {
  opacity: 0.6;
  padding-left: 0 !important;
}

table.table_lines_in td.first {
  opacity: 1.0 !important;
}

.elements-box {
  padding-left: 29px;
  padding-right: 29px;
  padding-top: 14px;
  margin-bottom: 50px;
}

.elements-box p {
  color: #111111;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.06px;
}

.elements-box a {
  color: #004fa8;
}

.elements-box b {
  color: #111111;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: block;
}

.elements-box-text.text2 {
  padding-top: 5px;
}

.elements-box-text.text3 {
  padding-top: 12px;
  padding-bottom: 26px;
}

.elements-box-text.text4 {
  padding-top: 12px;
  padding-bottom: 32px;
}

.elements-box-title {
  font-size: 18px;
  color: #111111;
  font-weight: 400;
  padding-top: 6px;
  letter-spacing: 0.5px;
  padding-bottom: 20px;
  padding-bottom: 0;
}

.elements-box-title:nth-of-type(2) {
  margin-top: 15px;
  margin-bottom: 21px;
}

.elements-box-bold {
  color: #111111;
  font-size: 14px;
  font-weight: 700;
  padding-top: 4px;
  padding-bottom: 4px;
}

.elements-box-list {
  list-style-type: none;
  color: #111111;
  font-size: 14px;
}

.elements-box-list a {
}

.elements-box-list li {
  padding-top: 6px;
  padding-bottom: 4px;
}

.elements-box-date {
  width: 133px;
  height: 27px;
  border-radius: 5px;
  background-color: #e9f3ff;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}

.elements-box-news {
  margin-bottom: 30px;
}

h4.elements-box-table-title {
  color: #111111;
  font-size: 14px;
  font-weight: 700;
}

.elements-box-table {
  width: 100%;
  margin-top: 25px;
}

.elements-box-table td {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.2;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px;
}

.first-row {
  background: #f3f3f3;
}

.first-row td {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.first-row td:nth-of-type(1) {
  padding-left: 21px;
}

.rest-row {
  border-bottom: 1px solid #eee;
}

.rest-row td {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.rest-row td:nth-of-type(1) {
  padding-left: 21px;
}

.table-author {
  color: #004fa8;
  font-size: 14px;
  font-weight: 400;
}

.table-column-width {
  max-width: 134px;
}

.elements-title-communications {
  border-left: 4px solid #88c0ff;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 0;
  line-height: 21px;
  margin-top: 33px;
  padding-left: 15px;
}

.elements-title-communications a {
  color: #111111;
  font-size: 18px;
  font-weight: 400;
}

.elements-title-communications a:hover {
  color: #004fa8;
}

.table-column-width2 {
  max-width: 100px;
  width: 92px;
}

.elements-communications-form {
  background-color: #e9f3ff;
  padding: 29px;
  margin-top: 20px;
}

.elements-communications-form .comments-form-text {
  margin-bottom: 10px;
}

.elements-communications-form .comments-form-textarea {
  min-height: 122px;
}

.comments-form-text.theme {
  width: 100%;
  max-width: none;
}

.elements-communications-select .jq-selectbox__select, .elements-communications-select .jq-selectbox.focused .jq-selectbox__select, .elements-communications-select .jq-selectbox__select:hover {
  height: 40px;
  border-radius: 3px;
  border: 2px solid #d0e0f4;
  background: #ffffff !important;
}

.elements-communications-select .jq-selectbox__trigger-arrow {
  border: none;
  background-image: url(/templates/drivemusic/img/svg/arrow-point-to-right.svg);
  z-index: 22;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-size: 15px 12px;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.elements-communications-select .jq-selectbox__dropdown {
  border-radius: 5px;
  border: 2px solid #88c0ff;
  background-color: #ffffff;
}

.elements-communications-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.elements-communications-label .jq-selectbox {
  margin-left: 20px;
}

.elements-communications-label .jq-selectbox li.selected {
  background-color: #e9f3ff;
}

.elements-communications-label .jq-selectbox li {
  color: #004fa8;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
}

.elements-communications-label .jq-selectbox li:hover {
  background-color: #e9f3ff;
}

.elements-communications-label .jq-selectbox__select-text {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
}

.communications-captcha {
  margin-top: 11px;
  margin-bottom: 18px;
}

.main-elements {
  padding-bottom: 584px;
}

@media screen and (max-width: 991px) {
  .table-column-width2 {
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .main-elements {
    padding-bottom: 100px;
  }

  .elements-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .elements-communications-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-find-list {
    max-width: none !important;
    width: -webkit-calc(100% - 21px) !important;
    width: calc(100% - 21px) !important;
    padding-top: 10px !important;
  }
  .form-search {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .form-submit {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
	width: 40px;
	min-width: 40px !important;	
    height: 39px;
  }
  
}

@media screen and (max-width: 359px) {
  .rest-row td:nth-of-type(1), .first-row td:nth-of-type(1), .table-column-width2 {
    padding-left: 5px;
    padding-right: 5px !important;
  }

  .communications-captcha {
    display: none;
  }

  .elements-communications-label {
    margin-bottom: 15px;
  }

  .table-column-width2 {
    max-width: none;
    width: auto;
  }
}

/*playlists*/
.box-playlists {
  padding-top: 17px;
}

.playlists-list {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-right: 0;
}

.playlists-list__item {
  margin-top: 7px;
  margin-right: 5px;
}

.playlists-list__link {
  color: #111111;
  font-size: 13px;
  font-weight: 400;
  display: block;
  border-radius: 40px;
  background-color: #e9f3ff;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.playlists-list__link:hover {
  background-color: #f7f7f7;
}

.playlists-list__link.active {
  background-color: #f64343;
  color: #ffffff;
}

.playlists-list__item.dropdown {
  min-width: 73px;
  right: 0;
  padding-left: 8px;
}

.playlists-list__item.dropdown .playlists-list__link {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: none;
  font-size: 14px;
}

.playlists-list__item.dropdown .playlists-list__link span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 10px;
  margin-left: 15px;
  position: relative;
  display: block;
  left: -8px;
}

.year-menu {
  margin-top: 10px;
}

.playlists-list__item.dropdown .playlists-list__link.active {

  background-color: #fff;
  color: #111111;
}

.playlists-sort-hover {
  display: none;
}

.playlists-name-title {
  padding: 0;
  line-height: normal;
  width: calc(100% - 34px);
  overflow: hidden;
  position: relative;
}

.playlists-name-title::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 0;
  background: -webkit-linear-gradient(left, transparent, #fff 100%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#fff));
  background: linear-gradient(to right, transparent, #fff 100%);
  pointer-events: none;
}

.playlists-sort-hover.active {
  display: block;
  position: absolute;
  width: 203px;
  right: 0;
  top: 50px;
  border-radius: 5px;
  border: 2px solid #88c0ff;
  background-color: #ffffff;
  list-style-type: none;
  z-index: 2222;
  padding-top: 10px;
  padding-bottom: 10px;
}

.playlists-sort-hover.active .playlists-sort__item:hover {
  background-color: #e9f3ff;
}

.playlists-sort-hover.active a {
  color: #004fa8;
  font-size: 16px;
  font-weight: 400;
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.main-playlists-top {
  padding-bottom: 29px;
  position: relative;
}

.main-playlists-top .genre-title-wrapper {
  padding: 0;
}

.no-border {
  border-bottom: none;
}

.player-music__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.player-music__item .icon-js-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
}

.player-music__item .icon-js-2:hover::before {
  color: #1a81f6;
}

.player-music__item .icon-js-2::before {
  color: #75b4fc;
  position: relative;
  top: -1px;
}

.box-player__item {
  padding: 29px;
  width: 50%;
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 22px;
}

.box-player__item:nth-of-type(2n) {
  border-left: 1px solid #eee;
}

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

.picture-text__link {
  display: block;
  color: #2660af;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 13px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.picture-text {
  margin-left: 20px;
  width: calc(100% - 97px);
}

.picture-text span {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.player-music-name {
  width: 74%;
  margin-left: -6px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  padding-left: 5px;
  white-space: nowrap;
  border-radius: 3px;
  overflow: hidden;
}

.player-music-name::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  z-index: 3;
  background: -webkit-linear-gradient(left, rgba(243, 243, 243, 0.2), #fff 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0.2)), to(#fff));
  background: linear-gradient(to right, rgba(243, 243, 243, 0.2), #fff 100%);
  pointer-events: none;
}

.player-music-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  padding-right: 3px;
  min-width: 58px;
  width: 58px;
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;
  justify-content: flex-end;
}

.player-music-time .progress-volume {
  width: 100%;
  min-width: 63px;
  position: relative;
  right: -8px;
  display: none;
}

.box-player-music {
  margin-top: 12px;
  margin-bottom: 12px;
}

.player-name-overlay {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  background-color: #f0f0f0;
  z-index: 2;
}

.player-name-overlay.active {
  display: block;
}

.player-music-name.active::after {
  display: none;
}

.music-name-text {
  position: relative;
  color: #111111;
  font-size: 14px;
  z-index: 3;
}

.player-name-overlay__item {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  background-color: #badaff;
}

.player-time.none {
  display: none;
}

.progress-volume.active {
  display: block;
}

.box-playlists-share {
  position: absolute;
  width: 18px;
  right: 25px;
  top: 29px;
  height: 22px;
  padding-top: 9px;
}

.box-playlists-share.link-share {
  width: 100px;
  font-size: 14px;
  color: #666666;
}

.box-playlists-share.link-share .share-hover-text {
  left: -90px;
}

.box-playlists-share .share-hover-text {
  display: none;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
  padding: 15px 17px 20px 15px;
  font-size: 15px;
  font-weight: 400;
  color: #111;
  text-shadow: none;
  min-width: 185px;
  left: -163px;
  position: relative;
  cursor: auto;
  top: 10px;
  box-shadow: -2px 6px 28px -10px rgba(0, 0, 0, 0.58);
}

.box-playlists-share .share-hover-text span.share_title {
  display: block;
  margin-bottom: 12px;
  letter-spacing: .1px;
}

.box-playlists-share:hover .share-dot {
  background: #84BCFC;
}

.playlists-list__item.fade {
  display: none;
}

.share-hover-text {
  display: none;
  z-index: 22;
}

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

.share-box:hover .share-dot {
  background: #84BCFC;
}

.share-dot {
  height: 4px;
  background-color: #d8d8d8;
  width: 4px;
  min-width: 4px;
  border-radius: 50%;
}

.box-playlists-share {
  cursor: pointer;
}

.box-player {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.picture-img--artist img {
  opacity: 0.9;
}

/*header find*/
.header-find-list {
  position: absolute;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  max-width: 542px;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid #c9c9c9;
  background-color: #ffffff;
  list-style-type: none;
  z-index: 222;
  border-top: none;
  top: 37px;
  display: none;
  padding-bottom: 15px;
  left: -1px;
  right: -1px;
}

.form-submit {
  margin-left: 0;
  min-width: 45px;
}

.header-find-list__item a {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  display: block;
  width: 100%;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.header-find-list__item a:hover {
  background-color: #d7eaff;
}

.music-form {
  position: relative;
}

.form-search:focus + .header-find-list {
  display: block;
}

.error_descr {
  margin: 10px 30px 0 30px;
}

.error_descr p {
  font-size: 14px;
  color: #111111;
  line-height: 22px;
}

.num-songs {
  font-size: 14px;
  color: #666666;
  padding-top: 9px;
}

.faq-search a {
  color: #004fa8;
}

.player_blocked {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 3px;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 2px;
}

.goodok_banner {
  opacity: 0.9;
  padding-left: 177px;
  bottom: 40px;
  position: absolute;
}

.goodok_banner img {
  height: 60px;
  border-radius: 3px;
}

/*header find end */
@media screen and (max-width: 1100px) {
  .playlists-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .playlists-list__link {
    height: 33px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    padding-top: 10px;
  }

  .playlists-list__item.dropdown .playlists-list__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .playlists-list__item {
    margin-right: 7px;
    margin-top: 7px;
  }

  .box-playlists {
    padding-top: 17px;
  }

  .main-playlists-top {
    padding-bottom: 20px;
  }

  .song-comments {
    margin-bottom: 60px;
  }
  
  .song-comments.no-related {
	border-top: 1px solid #eee;
  }

  .goodok_banner {
    display: none;
  }
}

@media screen and (max-width: 1070px) {
  .player-music-name {
    width: 70%;
  }
}

@media screen and (max-width: 991px) {
  .player-music-name {
    width: 100%;
    margin-left: 7px;
    margin-right: 12px;
  }

  .box-player__item {
    width: 100%;
  }

  .player-music__item {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .logo {
    margin-left: 25px;
	min-width: 137px;
  }
  
  .music-form {
    margin-left: 38px;
}

  .box-player__item:nth-of-type(2n) {
    border-left: none;
  }
}

@media screen and (max-width: 915px) {
  .player-music-name {
    width: 100%;
    margin-left: 7px;
    margin-right: 12px;
  }

  .box-player__item {
    width: 100%;
  }

  .player-music__item {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .box-player__item:nth-of-type(2n) {
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  .playlists-name-title::after {
	display:none;
}

.box-playlists-share .share-hover-text {
  left: -166px;
  top: 15px;
}

.box-playlists-share.link-share {
	right: 15px;
    padding-top: 3px;
}

  .main-music-content {
    min-height: 200px;
  }

  .header-search-mobile {
    display: block;
    font-size: 16px;
    color: #fff;
    z-index: 11122;
    width: 43px;
    height: 39px;
    text-align: center;
    line-height: 42px;
    transition: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: 10px;
    right: 5px;
  }

  .header-search-mobile:hover {
    color: #fff;
  }

  .header-search-mobile span:before {
    color: inherit;
  }  

  .header-search-mobile span.icon-close:before {
    line-height: 3;
  }

  .header-search-mobile .icon-close {
    display: none;
  }

  .header-search-mobile.active {
    background: #fff;
    color: #0077d3;
    right: 11px;
  }

  .header-search-mobile.active .icon-close {
    display: block;
    font-size: 12px;
	margin-top: 2px;
  }

  .header-search-mobile.active .icon-search {
    display: none;
  }

  .music-form.m-hide {
    display: none;
  }

  .music-form {
    position: absolute;
    top: 0px;
    max-width: 100%;
    left: 12px;
    right: 48px;
    width: auto;
  }

  .main-music-top.main-hits-top {
	padding-bottom: 30px;
  }

  .box-player__item {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    width: 50%;
  }

  .playlists-list__item.dropdown {
    min-width: 56px;
    margin-right: 0;
    margin-top: 7px;
  }

  .playlists-list {
    padding-right: 0;
  }

  .box-player__item:nth-of-type(2n) {
    border-left: 1px solid #eee;
  }

  .box-player__item .music-top-link span {
    display: inline;
    font-size: 11px;
    margin-left: 4px;
  }

  .box-playlists-share {
    right: 18px;
	height: unset;
    padding-top: 10px;
	letter-spacing: .2px;
  }

  .error_descr {
    margin: 0px 15px 200px 15px
  }

  .num-songs {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  .player-music-name {
    width: 100%;
    margin-left: 7px;
    margin-right: 12px;
  }

  .box-player__item {
    width: 100%;
  }

  .player-music__item {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .box-player__item:nth-of-type(2n) {
    border-left: none;
  }

  .genre-sort-hover.active .genre-sort-hover-item {
    width: 50%;
  }

  .header-search-mobile {
    font-size: 18px;
  }

  .header-search-mobile span:before {
    line-height: 2;
  }
  
  .main-music-top.main-playlists-top {
	border-bottom: none;
  }
  
  .box-player__item:first-child {
    margin-top: -29px;
  }

  .box-playlists.subcategories {
	padding-bottom: 28px;
    border-bottom: 1px solid #eee;
    margin-bottom: 4px;
	margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1025px) and (min-width: 1000px) {

  .song-top-title .music-title {
    width: 440px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  header {
    height: 0;
  }

  .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  
  .nav-genre-link {
    font-size: 15px;
}

  .sidebar-navigation {
    display: none;
  }

  .sidebar-genre {
    border-bottom: none;
  }

  .sidebar-noveties {
    border-bottom: none;
  }

  .sidebar-noveties.last {
    padding-top: 0 !important;
  }

  .main-music {
    width: 100%;
  }

  .header-btn {
    display: block;
    width: 30px;
  }

  .nav-mobile-dropdown .logo {
    margin: 0;
    left: 50%;
    margin-left: -97px;
    margin-top: 0;
    position: relative;
  }

  .nav-mobile-dropdown .header-btn {
    margin-top: 0;
  }

  .nav-mobile-dropdown .sidebar-genre {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
  }

  .nav-mobile-dropdown .sidebar-noveties {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-mobile-dropdown .nav-title-3 {
    padding-top: 0;
  }

  .nav-mobile-dropdown .main-music-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 59px;
    padding: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 12px;
    position: relative;
  }

  .main-music {
    width: 100%;
    max-width: 991px;
  }

  .img-logo-1 {
    display: none;
  }

  .img-logo-2 {
    display: block;
	width: 137px;
    height: 20px;
  }

  .img-logo-3 {
    display: block;
    background-image: url(/templates/drivemusic/img/drivemusic-logo2.svg);
    background-repeat: no-repeat;
    height: 21px;
	background-size: 100%;
  }

  .recomendation-item-wrapper {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
  }

  .recomendation-item-wrapper:nth-of-type(2) {
    margin-left: 30px;
  }

  .recomendation-music-box {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .recomendation-item-wrapper:nth-of-type(2) .recomendation-item:first-child {
    border-top: 1px solid #eee;
  }

  .popular-download-date, .genre-music .popular-download-number {
    display: block;
  }

  .genre-sort-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .genre-sort-link1 {
    display: none;
  }

  .wrapper-mobile-sort {
    display: none;
  }

  .genre-title .jq-selectbox {
    display: inline-block !important;
  }

  .box-player__item {
    width: 50%;
  }

  .box-player__item:nth-of-type(2n) {
    border-left: 1px solid #eee;
  }

  .song-top-title .music-title {
    width: auto;
  }

  .song-top-title .music-title::after {
    display: none;
  }

  .song-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }

  .main-genre {
    padding-bottom: 100px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-wrapper {
    overflow: auto;
  }

  .content {
    margin-top: 80px;
  }

  .main-music-header {
    padding-top: 20px;
  }
}

.operamini .main-wrapper {
  display: block;
}

.operamini .main-content {
  display: block;
  width: 100%;
  overflow: auto;
}

.operamini .main-music-header {
  top: -3px;
  position: relative;
  margin-bottom: -3px;
}

.main-music-top.main-page {
  border: none;
  padding-top: 32px;
}

.main-music-top-list.main-page {
  padding-top: 0;
  padding-bottom: 15px;
}

.main-page .b_genre {
  background-color: #4778B8;
  opacity: 1;
}

.b_list_genres {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 860px;
  width: calc(100% + 30px);
  margin-right: -13px;
  margin-left: -15px;
}

.b_list_genres .b_genre {
  width: 127px;
  height: 127px;
  margin-right: 12px;
  margin-bottom: 20px;
  margin-left: 15px;
  border-radius: 6px;
  text-align: center;
}

.b_list_genres .b_genre i {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-bottom: 20px;
}

.b_genre.carousel-slide__image span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.related_playlists .main-music-top-list {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.main-page .b_genre i {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-bottom: 20px;
}

.b_genre {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #eeeeee;
  background-color: #000000;
  opacity: 0.8;
}

.b_genre:hover {
  text-decoration: none;
}

.b_genre i {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

i.genre.pop {
  background-image: url(/templates/drivemusic/img/genres/pop.svg?2);
}

i.genre.club {
  background-image: url(/templates/drivemusic/img/genres/club.svg?2);
}

i.genre.dance {
  background-image: url(/templates/drivemusic/img/genres/dance.svg?2);
}

i.genre.shanson {
  background-image: url(/templates/drivemusic/img/genres/shanson.svg?2);
}

i.genre.relax {
  background-image: url(/templates/drivemusic/img/genres/relax.svg?2);
}

i.genre.dubstep {
  background-image: url(/templates/drivemusic/img/genres/dubstep.svg?2);
}

i.genre.hip_hop {
  background-image: url(/templates/drivemusic/img/genres/hip_hop.svg?2);
}

i.genre.trap {
  background-image: url(/templates/drivemusic/img/genres/trap.svg?2);
}

i.genre.dnb {
  background-image: url(/templates/drivemusic/img/genres/dnb.svg?2);
}

i.genre.techno {
  background-image: url(/templates/drivemusic/img/genres/techno.svg?2);
}

i.genre.house {
  background-image: url(/templates/drivemusic/img/genres/house.svg?2);
}

i.genre.trance {
  background-image: url(/templates/drivemusic/img/genres/trance.svg?2);
}

i.genre.electro {
  background-image: url(/templates/drivemusic/img/genres/electro.svg?2);
}

i.genre.metal {
  background-image: url(/templates/drivemusic/img/genres/metal.svg?2);
}

i.genre.indie {
  background-image: url(/templates/drivemusic/img/genres/indie.svg?2);
}

i.genre.jazz {
  background-image: url(/templates/drivemusic/img/genres/jazz.svg?2);
}

i.genre.blues {
  background-image: url(/templates/drivemusic/img/genres/blues.svg?2);
}

i.genre.reggae {
  background-image: url(/templates/drivemusic/img/genres/reggae.svg?2);
}

i.genre.chillout {
  background-image: url(/templates/drivemusic/img/genres/chillout.svg?2);
}

i.genre.lounge {
  background-image: url(/templates/drivemusic/img/genres/lounge.svg?2);
}

i.genre.italo_disco {
  background-image: url(/templates/drivemusic/img/genres/italo_disco.svg?2);
}

i.genre.rap {
  background-image: url(/templates/drivemusic/img/genres/rap.svg?2);
}

i.genre.rock {
  background-image: url(/templates/drivemusic/img/genres/rock.svg?2);
}

i.genre.soundtracks {
  background-image: url(/templates/drivemusic/img/genres/soundtracks.svg?2);
}

i.genre.classic {
  background-image: url(/templates/drivemusic/img/genres/classic.svg?2);
}

i.genre.instrumental {
  background-image: url(/templates/drivemusic/img/genres/instrumental.svg?2);
}

i.genre.romansy {
  background-image: url(/templates/drivemusic/img/genres/romansy.svg?2);
}

i.genre.narodnie {
  background-image: url(/templates/drivemusic/img/genres/narodnie.svg?2);
}

i.genre.sixties {
  background-image: url(/templates/drivemusic/img/genres/60s.svg?1);
}

i.genre.seventies {
  background-image: url(/templates/drivemusic/img/genres/70s.svg?1);
}

i.genre.eighties {
  background-image: url(/templates/drivemusic/img/genres/80s.svg?4);
}

i.genre.nineties {
  background-image: url(/templates/drivemusic/img/genres/90s.svg?4);
}

i.genre.zero {
  background-image: url(/templates/drivemusic/img/genres/00s.svg?1);
}

i.genre.k_pop {
  background-image: url(/templates/drivemusic/img/genres/k_pop.svg?1);
}

i.genre.funk {
  background-image: url(/templates/drivemusic/img/genres/funk.svg?2);
}

i.genre.latina {
  background-image: url(/templates/drivemusic/img/genres/latina.svg?2);
}

i.genre.alternative {
  background-image: url(/templates/drivemusic/img/genres/alternative.svg?2);
}

i.genre.synthpop {
  background-image: url(/templates/drivemusic/img/genres/synthpop.svg?2);
}

i.genre.eurodance {
  background-image: url(/templates/drivemusic/img/genres/eurodance.svg?2);
}

i.genre.dream_house {
  background-image: url(/templates/drivemusic/img/genres/dream_house.svg?2);
}

i.genre.russian_metal {
  background-image: url(/templates/drivemusic/img/genres/russian_metal.svg?2);
}

i.genre.edm {
  background-image: url(/templates/drivemusic/img/genres/edm.svg?2);
  width: 37px;
  height: 37px;
  background-size: 37px 37px;
}

i.genre.enigmatic {
  background-image: url(/templates/drivemusic/img/genres/enigmatic.svg?2);
}

i.genre.neoclassical {
  background-image: url(/templates/drivemusic/img/genres/neoclassical.svg?2);
}

i.genre.hardstyle {
  background-image: url(/templates/drivemusic/img/genres/hardstyle.svg?2);
}

i.genre.new_age {
  background-image: url(/templates/drivemusic/img/genres/new_age.svg?2);
}

i.genre.soul {
  background-image: url(/templates/drivemusic/img/genres/soul.svg?2);
}

i.genre.punk {
  background-image: url(/templates/drivemusic/img/genres/punk.svg?2);
}

i.genre.synthwave {
  background-image: url(/templates/drivemusic/img/genres/synthwave.svg?2);
}

i.genre.breakbeat {
  background-image: url(/templates/drivemusic/img/genres/breakbeat.svg?3);
}

i.genre.disco {
  background-image: url(/templates/drivemusic/img/genres/disco.svg?2);
}

i.genre.country {
  background-image: url(/templates/drivemusic/img/genres/country.svg?2);
}

i.genre.downtempo {
  background-image: url(/templates/drivemusic/img/genres/downtempo.svg?2);
}

i.genre.experimental {
  background-image: url(/templates/drivemusic/img/genres/experimental.svg?2);
}

i.genre.folk {
  background-image: url(/templates/drivemusic/img/genres/folk.svg?2);
}

i.genre.grunge {
  background-image: url(/templates/drivemusic/img/genres/grunge.svg?2);
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
}

i.genre.darkwave {
  background-image: url(/templates/drivemusic/img/genres/darkwave.svg?2);
}

i.genre.ambient {
  background-image: url(/templates/drivemusic/img/genres/ambient.svg?2);
}

i.genre.industrial {
  background-image: url(/templates/drivemusic/img/genres/industrial.svg?2);
}

i.genre.reggaeton {
  background-image: url(/templates/drivemusic/img/genres/reggaeton.svg?2);
}

i.genre.bards {
  background-image: url(/templates/drivemusic/img/genres/bards.svg?2);
  width: 44px;
  height: 44px;
  background-size: 44px 44px;
  margin-bottom: 12px;
}

i.genre.r_n_b {
  background-image: url(/templates/drivemusic/img/genres/r_n_b.svg?2);
}

i.genre.trip_hop {
  background-image: url(/templates/drivemusic/img/genres/trip_hop.svg?2);
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
}

i.genre.jungle {
  background-image: url(/templates/drivemusic/img/genres/jungle.svg?2);
}

i.genre.psychobilly {
  background-image: url(/templates/drivemusic/img/genres/psychobilly.svg?2);
}

i.genre.phonk {
  background-image: url(/templates/drivemusic/img/genres/phonk.svg?5);
}

i.genre.nu_disco {
  background-image: url(/templates/drivemusic/img/genres/nu_disco.svg?2);
}

i.genre.vocal {
  background-image: url(/templates/drivemusic/img/genres/vocal.svg);
}

i.genre.musical {
  background-image: url(/templates/drivemusic/img/genres/musical.svg);
  width: 42px;
  height: 42px;
  background-size: 42px 42px;
}

i.genre.estrada {
  background-image: url(/templates/drivemusic/img/genres/estrada.svg);
}

i.genre.argentine_tango {
  background-image: url(/templates/drivemusic/img/genres/argentine_tango.svg);
}

i.genre.rave {
  background-image: url(/templates/drivemusic/img/genres/rave.svg);
}

i.genre.gospel {
  background-image: url(/templates/drivemusic/img/genres/gospel.svg);
}

i.genre.boogie_woogie {
  background-image: url(/templates/drivemusic/img/genres/boogie_woogie.svg);
}

i.genre.bossa_nova {
  background-image: url(/templates/drivemusic/img/genres/bossa_nova.svg);
}

i.genre.bebop {
  background-image: url(/templates/drivemusic/img/genres/bebop.svg);
}

i.genre.ska {
  background-image: url(/templates/drivemusic/img/genres/ska.svg);
}

i.genre.new_wave {
  background-image: url(/templates/drivemusic/img/genres/new_wave.svg);
}

i.genre.gangsta_rap {
  background-image: url(/templates/drivemusic/img/genres/gangsta_rap.svg);
}

i.genre.man {
  background-image: url(/templates/drivemusic/img/playlists/man.svg?2);
}

i.genre.woman {
  background-image: url(/templates/drivemusic/img/playlists/woman.svg?2);
  width: 33px;
  height: 33px;
  background-size: 33px 33px;
}

i.genre.children {
  background-image: url(/templates/drivemusic/img/playlists/children.svg?2);
}

i.genre.holiday {
  background-image: url(/templates/drivemusic/img/playlists/holiday.svg?2);
}

i.genre.sport {
  background-image: url(/templates/drivemusic/img/playlists/sport.svg?2);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

i.genre.mood {
  background-image: url(/templates/drivemusic/img/playlists/mood.svg?1);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

i.genre.slow {
  background-image: url(/templates/drivemusic/img/playlists/slow.svg?2);
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
}

i.genre.car {
  background-image: url(/templates/drivemusic/img/playlists/car.svg?2);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

i.genre.vacation {
  background-image: url(/templates/drivemusic/img/playlists/vacation.svg?2);
  width: 29px;
  height: 29px;
  background-size: 29px 29px;
}

i.genre.nostalgia {
  background-image: url(/templates/drivemusic/img/playlists/nostalgia.svg?2);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

i.genre.weather {
  background-image: url(/templates/drivemusic/img/playlists/weather.svg?2);
}

i.genre.fast {
  background-image: url(/templates/drivemusic/img/playlists/fast.svg?2);
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}

i.genre.calendar {
  background-image: url(/templates/drivemusic/img/playlists/calendar.svg?2);
}

i.genre.nature {
  background-image: url(/templates/drivemusic/img/playlists/nature.svg?2);
}

i.genre.profession {
  background-image: url(/templates/drivemusic/img/playlists/profession.svg?2);
}

i.genre.world {
  background-image: url(/templates/drivemusic/img/playlists/world.svg?2);
}

i.genre.events {
  background-image: url(/templates/drivemusic/img/playlists/events.svg?2);
}

i.genre.celebration {
  background-image: url(/templates/drivemusic/img/playlists/celebration.svg?2);
  width: 37px;
  height: 37px;
  background-size: 37px 37px;
}

@media (max-width: 795px) {
  .b_list_genres .b_genre {
    width: 120px;
    height: 120px;
  }

  .sidebar-genre {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .nav-mobile-dropdown .sidebar-noveties {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .b_list_genres {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
  }

  .b_list_genres li {
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: calc((60vw - (2 * 10px)) / 20);
    width: 29vw;
    height: 29vw;
  }

  .b_list_genres .b_genre {
    width: 98%;
    height: 98%;
    margin: 0;
  }

  .b_list_genres .b_genre i {
    margin-top: 0;
    margin-bottom: 15px;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  }
  
  i.genre.edm, i.genre.grunge, i.genre.trip_hop, i.genre.synthpop, i.genre.indie, i.genre.sport, i.genre.woman, i.genre.vacation, i.genre.car, i.genre.nostalgia {
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  }

i.genre.bards {
  width: 41px;
  height: 41px;
  background-size: 41px 41px;
}

i.genre.r_n_b, i.genre.club, i.genre.mood, i.genre.children {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}

i.genre.fast {
  width: 33px;
  height: 33px;
  background-size: 33px 33px;
  margin-bottom: 12px;
}

i.genre.celebration {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

  .carousel-slide.b_list_genres .b_genre {
    width: 110px;
    height: 110px;
  }

  .carousel-slide.b_list_genres .b_genre span {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 95%;
    overflow: hidden;
  }

  .b_list_genres.main-page li:nth-last-child(-n+3), .recomendation-music .recomendation-item-wrapper:nth-last-child(-n+1), .mini-top .music-popular-wrapper:nth-last-child(-n+2) {
    display: none;
  }
  
  .recomendation-item:last-child {
    border-bottom: none;
}

  .main-music-top-list.main-page {
	padding-top: 0;
    padding-bottom: 10px;
	border-bottom: 1px solid #eee;
  }

  .main-music-top-list.main-page.plst {
    padding-top: 0;
    padding-bottom: 15px;
  }

  .genre-pagination, .genre-pagination-playlist {
    padding-top: 23px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    margin: 0 -15px;
  }
}

@media screen and (max-width: 650px) {
  .b_genre {
    font-size: 13px;
    border-radius: 3px;
    opacity: 0.8;
    color: #fff;
  }

  .picture-text {
    flex: 1;
    max-width: calc(100vw - 137px);
  }

  .playlists-name-title {
    width: calc(100% - 30px);
  }
}

@media screen and (min-width: 1700px) {
  .main-content {
    max-width: 1280px;
  }

  .sidebar {
    width: 300px;
  }

  .main-music {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    max-width: 980px;
  }

  .form-search {
    max-width: 680px;
  }

  .b_list_genres {
    max-width: 955px;
  }

  .b_list_genres .b_genre {
    margin-right: 13px;	
  width: 130px;
  height: 130px;
  }
    
  .carousel-slide {
    margin-right: 28px !important;
    max-width: 130px;
}

  .footer {
    max-width: 1280px;
  }

  .footer-right-text {
    width: 280px;
  }

  .header-find-list {
    max-width: 691px;
  }

  .b_list_genres.main-page li:nth-last-child(-n+2) {
    display: block;
  }

  .goodok_banner {
    padding-left: 250px;
  }
  
  .carousel-slide.b_list_genres {
    margin-right: 43px !important;
  }
}

body > img {
  display: none;
}

/* "Карусель плейлисты" */

.music-carousel-wrapper {
  position: relative;
  height: 160px;
  margin-top: 28px;
  overflow: hidden;
}

.music-carousel-wrapper.genre-block {
  height: 136px;
}

.music-carousel {
  display: flex;
  align-items: flex-start;
  height: calc(100% + 50px);
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.music-carousel:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100px;
  color: transparent;
  overflow: hidden;
}

.carousel-slide {
  display: inline-block;
  text-align: center;
  margin-right: 26px;
  max-width: 130px;
}

.carousel-slide.b_list_genres {
  margin-right: 38px;
  text-transform: lowercase;
  white-space: normal;
  line-height: 17px;
}

.carousel-slide.b_list_genres .b_genre {
  justify-content: normal;
  padding: 23px 5px 0 5px;
  font-size: 13px;
}

.carousel-slide:last-child {
  margin-right: 0;
}

.carousel-slide__image {
  height: 127px;
  width: 127px;
  display: block;
  border-radius: 6px;
  margin-bottom: 15px;
  background-color: #f3f3f3;
}

.b_genre.carousel-slide__image {
  display: flex !important;
}

.carousel-slide__image--round {
  opacity: 0.9;
}

.carousel-slide__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s;
}

.no-touch .carousel-slide:hover .carousel-slide__text {
  color: #004fa8;
}
@media (min-width: 1700px) {
  .carousel-slide:nth-child(n+7) {
    display: none;
  }
  
.carousel-slide__image {
  height: 130px;
  width: 130px;
}
}

@media (min-width: 1100px) and (max-width: 1699px) {
  .carousel-slide:nth-child(n+6) {
    display: none;
  }
}

@media (max-width: 991px) {
  .music-carousel-wrapper {
    margin-left: -29px;
    margin-right: -29px;
  }

  .music-carousel:after {
    min-width: 29px;
  }

  .carousel-slide:first-child {
    margin-left: 29px;
  }

  .carousel-slide.b_list_genres:first-child {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .music-carousel-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 23px;
	height: 150px;
  }

  .music-carousel:after {
    min-width: 15px;
  }

  .carousel-slide:first-child {
    margin-left: 15px;
  }
  
  .carousel-slide.b_list_genres  {
    margin-right: 15px;
  }
  
  .music-carousel-wrapper.genre-block {
    height: 115px;
}
  
  .carousel-slide {
    margin-right: 15px;
    max-width: 115px;
  }

  .carousel-slide__image {
  height: 115px;
  width: 115px;
  border-radius: 6px;
  }
}

/* End of "Карусель плейлисты" */



/* "Карусель мобильное меню навигации" */

.nav-mobile-wrapper {
  display: none;
  position: relative;
  background-color: #eee;
}

.nav-mobile {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: calc(100% + 50px);
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-mobile__item {
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  height: 49px;
  font-size: 16px;
  font-weight: 400;
  color: #004fa8;
}

@media (max-width: 991px) {
  .nav-mobile-wrapper {
    display: block;
    width: 100%;
    height: 49px;
    overflow: hidden;
  }
  
  .nav-mobile__item {
    font-size: 15px;
	padding: 0 15px 0 15px;
}

.nav-mobile__item:first-child {
    padding-left: 29px;
}
}

@media (max-width: 767px) {
	
  .nav-mobile-wrapper {
    height: 50px;
    border-bottom: 1px solid #d6e1ec;
  }

  .nav-mobile__item {
    height: 50px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    letter-spacing: .3px;
  }

  .nav-mobile__item:first-child {
    padding-left: 15px;
  }

  .nav-mobile__item:last-child {
    padding-right: 15px;
  }
}

/* End of "Карусель мобильное меню навигации" */



/* "Поисковые подсказки" */

.c-search-typeaheads {
  display: none;
  flex-flow: column nowrap;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 1;
  border-top: 1px solid #eee;
  box-shadow: 0 4px 6px rgba(32,33,36,.17);
}

.music-form.show-results .form-search {
  border-bottom-left-radius: 0;
}

.music-form.show-results .form-submit {
  border-bottom-right-radius: 0;
}

.music-form.show-results .c-search-typeaheads {
  display: flex;
  z-index: 200;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.c-search-typeaheads__artist-items-wrapper {
  padding: 15px 0;
  margin: 0 15px;
  border-bottom: 1px solid #eee;
}

.c-search-typeaheads__artist-items {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start;
  max-height: 40px;
  margin: 0 -7px -7px 0;
  overflow: hidden;
}

.c-search-typeaheads__genre-item,
.c-search-typeaheads__playlist-item,
.c-search-typeaheads__artist-item {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px 0 8px;
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 7px 7px 0;
  font-size: 14px;
  color: #111111;
  border-radius: 40px;
  background-color: #e9f3ff;
  font-weight: 400;
  text-transform: lowercase;
}

.c-search-typeaheads__genre-item img,
.c-search-typeaheads__playlist-item img,
.c-search-typeaheads__artist-item img {
    width: 20px;
    border-radius: 50%;
	margin-right: 5px;
	opacity: 0.9;
}

.no-touch .c-search-typeaheads__genre-item:hover,
.no-touch .c-search-typeaheads__playlist-item:hover,
.no-touch .c-search-typeaheads__artist-item:hover {
  background-color: #f7f7f7;
}

.c-search-typeaheads__genre-item span {
    margin-right: 5px;
    background-color: #666;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-search-typeaheads__genre-item i {
  display: block;
  width: 10px !important;
  height: 10px !important;
  background-repeat: no-repeat;
  background-size: contain !important;
}

.c-search-typeaheads__song-items {
  padding: 12px 0;
}

.c-search-typeaheads__song-items .popular-play {
  height: 49px;
  margin: 0 15px;
}

.c-search-typeaheads__song-items .popular-play-name {
  margin-left: 12px;
  width: 80%;
}

.c-search-typeaheads__song-items .popular-play-author {  
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.popular-play-author::after {
	background: none;
}

.c-search-typeaheads__song-items .popular-play__item {
  width: 35px;
  height: 35px;
  min-width: 35px;
}

.c-search-typeaheads__song-item, .c-search-typeaheads__show-all a {
  color: #111111;
  line-height: 35px;
  font-size: 14px;
  padding: 0 18px;
}

.c-search-typeaheads__show-all {
  margin: -3px 0 15px 1px;
}

.c-search-typeaheads__show-all a {
  color: #004fa8;
}

	
@media (max-width: 767px) {
  .c-search-typeaheads {
    width: calc(100% + 37px);
	border: none;
  }
  .music-form.show-results .c-search-typeaheads {
    border-top: 1px solid #f1f1f1;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .header-search-mobile.show-results {
    border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  }
  
  .c-search-typeaheads__artist-items-wrapper {
    border-bottom: 1px solid #f1f1f1;
  }
  .c-search-typeaheads__artist-items {
    max-height: 80px;
  }
  
  .c-search-typeaheads__song-items .popular-play, .c-search-typeaheads__artist-items-wrapper, .c-search-typeaheads__song-items .popular-play-name {
    margin: 0 10px;
  }

}

/* End of "Поисковые подсказки" */



/* "Результаты поиска" */

.c-search-results {
  display: flex;
  flex-flow: column nowrap;
  padding: 0 29px 50px 29px;
}

.c-search-results__header {
  padding-top: 30px;
}

.c-search-results__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  margin: 32px -29px 0;
  padding: 32px 29px;
  border-top: 1px solid #eeeeee;
}

.c-search-results__counter {
  font-size: 14px;
  color: #666;
}

.c-search-results__artists, .c-search-results__genres.music-carousel-wrapper, .c-search-results__playlists.music-carousel-wrapper {
  margin-top: 0;
}

@media (max-width: 991px) {
  .c-search-results {

  }
}

@media (max-width: 767px) {
  .c-search-results {
    padding: 0 15px 35px 15px;
  }

  .c-search-results__title-wrapper {
    margin: 25px -15px 0;
    padding: 0 15px;
	height: 70px;
  }
  
.c-search-results__header {
  padding-top: 25px;
}
}

.adv-center {
width: 1066px !important;
}
.adv-l, .adv-r {
	display: none;
}

  .present .music-carousel {
    height: calc(100% + 30px);
}
  
  .music-carousel-wrapper.genre-block.present {
    height: 45px;
}

  .present .carousel-slide.b_list_genres .b_genre {
    width: 100px;
    height: 35px;
    background-color: #e9f3ff;
    color: #111;
    font-size: 14px !important;
    padding: 9px 5px 0 5px;
}

.present .carousel-slide.b_list_genres {
    margin-right: 5px!important;
}

  .b_list_genres.main-page.plst li:nth-last-child(-n+3) {
    display: block;
  }

.emoji {
    width: 1.1em;
    height: 1.1em;
    padding: 0 0 0 0;
    vertical-align: -0.15em;
}
.ya-share2__badge {
    border-radius: 50% !important;
}
.ya-share2__container_size_m .ya-share2__icon {
    background-size: 19px 19px !important;
    background-position: center !important;
}
.ya-share2__container_size_m .ya-share2__badge + .ya-share2__title {
    font-size: 14px;
    letter-spacing: 0.3px;
}
.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 27px !important;
    width: 27px !important;
	background-repeat: no-repeat;
}
.ya-share2__title {
    color: #333 !important;
}
.music-popular__item .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 24px !important;
    width: 24px !important;
}

.c-nav-tabs__buttons {
  display: flex;
  flex-flow: row nowrap;
  margin: -8px -10px 0 -10px;
}

.c-nav-tabs__content {
  position: relative;
}

.c-nav-tabs__content h2 {
	letter-spacing: -0.3px;
}

.c-nav-tabs__button {
  color: #2660af;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.c-nav-tabs__button[data-active="1"] {
  color: #111;
  border-bottom: 2px solid #f64343;
}

.c-nav-tabs__button[data-for="similar"] {
  position: absolute;
  top: -32px;
}

.c-nav-tabs__button[data-for="popular"] {
  position: absolute;
  top: -32px;
  left: 100px;
}

.c-nav-tabs__content-item:not([data-active="1"]) {
  display: none;
}

@media screen and (max-width: 767px){
.main-music-header {
    padding-top: 21px;
	padding-bottom: 21px;
	margin-top: 1px;
	background-color: #6eaae2;
}
.header-btn {
    margin-top: 3px;
}
.nav-mobile {
    border-bottom: 1px solid #d6e1ec;
}
.nav-list-link {
    font-size: 14px;
	letter-spacing: 0.3px;
}
.music-form {
    margin-top: 10px;
    margin-left: 0;
}
.nav-mobile-list {
    min-height: 45px;
}
.recomendation-music {
    padding-top: 25px;
}
.song-author-img.clear-block {
    background: none;
    height: 0 !important;
    margin: 0 !important;
}
.present .carousel-slide.b_list_genres {
    margin-right: 15px!important;
}

.c-nav-tabs__button[data-for="similar"] {
  top: -23px
}

.c-nav-tabs__button[data-for="popular"] {
  top: -23px;
}
.song-top-title .music-title-link {
  font-size: 16px;
}
}


@media screen and (max-width: 1024px) and (min-width: 992px) {
.carousel-slide__image {
    height: 113px;
    width: 113px;
}
.carousel-slide {
    max-width: 113px;
}
.music-carousel-wrapper {
    height: 144px;
}
.b_list_genres .b_genre {
    width: 113px;
    height: 113px;
}
.genre-sort-quantity {
    display: none;
}
.carousel-slide.b_list_genres {
    margin-right: 40px;
}
}

/* Стили полноэкранной картинки */
.fullscreen_image_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11123;
}

.fullscreen_image_layout {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
}

.fullscreen_image {
  position: relative;
  padding: 30px;
  background-color: #ffffff;
  z-index: 1;
}

.fullscreen_image img {
  max-width: calc(70vw - 60px);
  max-height: calc(70vh - 60px);
}

.fullscreen_image .btn-close {
  position: absolute;
  right: 7px;
  top: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.293 18.293 10.586 12 4.293 5.707a1 1 0 0 1 1.414-1.414L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 1 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414Z'/%3E%3C/svg%3E");
  height: 20px;
  width: 20px;
  background-color: #999;
  cursor: pointer;
  transition: background-color .1s ease-in-out;
}

.fullscreen_image .btn-close:hover {
  background-color: #666;
}

@media (max-width: 991px) {
  .fullscreen_image_layout {
    background: #000;
    opacity: 0.6;
}

  .fullscreen_image {
    position: static;
  }
  
  .fullscreen_image .btn-close {
    background-color: #d5d5d5;
  }

.fullscreen_image img {
  max-width: calc(100vw - 60px);
  max-height: calc(100vh - 60px);
}
}