@charset "UTF-8";

@font-face {
  font-family: 'helioscondregular';
  src: url("../fonts/helioscond-webfont.eot");
  src: url("../fonts/helioscond-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helioscond-webfont.woff2") format("woff2"), url("../fonts/helioscond-webfont.woff") format("woff"), url("../fonts/helioscond-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'league_gothicregular';
  src: url("../fonts/leaguegothiccyrillic-webfont.eot");
  src: url("../fonts/leaguegothiccyrillic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/leaguegothiccyrillic-webfont.woff") format("woff"), url("../fonts/leaguegothiccyrillic-webfont.woff2") format("woff2"), url("../fonts/leaguegothiccyrillic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'league_gothicregular-ext';
  src: url("../fonts/leaguegothic-regular-webfont.eot");
  src: url("../fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'aa_bebas_neueregular';
  src: url("../fonts/aa-bebasneue-webfont.eot");
  src: url("../fonts/aa-bebasneue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aa-bebasneue-webfont.woff2") format("woff2"), url("../fonts/aa-bebasneue-webfont.woff") format("woff"), url("../fonts/aa-bebasneue-webfont.ttf") format("truetype"), url("../fonts/aa-bebasneue-webfont.svg#aa_bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-telegram:before {
  content: '\e800';
}

/* '' */

.icon-viber:before {
  content: '\e807';
}

/* '' */

.icon-twitter:before {
  content: '\f099';
}

/* '' */

.icon-facebook:before {
  content: '\f09a';
}

/* '' */

.icon-rss:before {
  content: '\f09e';
}

/* '' */

.icon-instagram:before {
  content: '\f16d';
}

/* '' */

.icon-vkontakte:before {
  content: '\f189';
}

/* '' */

.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  margin-bottom: 30px;
  text-align: center;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-weight: normal;
}

h2 {
  font-size: 34px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 21px;
}

h6 {
  font-size: 18px;
}

html {
  height: 100% !important;
}

html.menu-open {
  overflow: hidden;
}

body {
  height: 100%;
  color: #000;
  font-family: 'Roboto', sans-serif;
  min-width: 320px;
  margin: 0;
  background: #000 url("../i/header-bg.png") repeat 0 0;
}

* {
  box-sizing: border-box;
}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

.boxed #wrapper {
  margin: 0 auto;
  max-width: 1060px;
}

.menu-open #wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: #000;
}

.white-page #wrapper {
  background: #fff;
}

.boxed main {
  max-width: 1060px;
  background: #000 url("../i/header-bg.png") repeat 0 0;
  margin: 0 auto;
}

.no-touch img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

input[type='submit'],
button {
  -webkit-appearance: none;
  border-radius: 0;
}

input {
  box-shadow: none;
  border-radius: 0;
}

a,
:visited {
  outline: 0;
  outline: none;
}

:hover,
:active,
:focus {
  outline: 0;
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

a::-moz-focus-inner {
  border: 0;
}

img {
  height: auto;
}

img.lft {
  float: left;
  margin: 0 10px 10px 0;
}

img.rght {
  float: right;
  margin: 0 0 10px 10px;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  outline: none !important;
}

input::-webkit-input-placeholder {
  color: #000;
}

input::-moz-placeholder {
  color: #000;
  opacity: 1;
}

form .placeholder {
  color: #000;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  opacity: 0;
}

input:focus .placeholder,
textarea:focus .placeholder {
  opacity: 0;
}

ol,
ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: normal;
  padding: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}

.hide-desktop {
  display: none !important;
}

.open-hidden-content,
.close-hidden-content {
  text-decoration: none;
  border-bottom: 1px dotted;
  display: inline-block;
}

.open-hidden-content.no-border,
.close-hidden-content.no-border {
  border-bottom: none;
}

.open-hidden-content:not(.no-border):hover,
.close-hidden-content:not(.no-border):hover {
  border-bottom-color: transparent;
}

.hidden-content,
.hidden-content-wrapper.visible .open-hidden-content {
  display: none;
}

.hidden-content-wrapper.visible .hidden-content {
  display: block;
}

header {
  position: relative;
  background: #000 url("../i/header-bg.png") repeat 0 0;
  z-index: 10;
}

.boxed header {
  max-width: 1060px;
  margin: 0 auto;
  background: #000 url("../i/header-bg.png") repeat 0 0;
}

.inner-page header .container {
  max-width: 1040px;
}

.inner-page header .container .logo {
  width: 127px;
  height: 38px;
  background-size: 127px 38px;
}

header .container {
  position: relative;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 27px;
}

.player-open header .container {
  padding-top: 19px;
  padding-bottom: 0;
}

.player-open header .container .player {
  padding-top: 17px;
}

header .container .logo {
  background: url("../i/logo.png") no-repeat 0 0;
  width: 154px;
  height: 46px;
  display: inline-block;
}

.player-open header .container .logo {
  background: url("../i/open-player-logo.png") no-repeat 0 0;
  width: 120px;
  height: 21px;
}

header .container a.link-mag {
  background: url("../i/34mag.png") no-repeat 0 0;
  width: 82px;
  height: 31px;
  display: inline-block;
}

header .container nav {
  position: absolute;
  left: 20px;
  top: 0;
  padding-top: 39px;
  height: 100%;
}

.player-open header .container nav {
  padding-top: 20px;
}

header .container nav ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
}

header .container nav ul li:last-child {
  margin-right: 0;
}

header .container nav ul li a {
  color: white;
  font-family: 'helioscondregular', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  position: relative;
  text-decoration: none;
}

header .container nav ul li a:after,
header .container nav ul li a:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  top: -40px;
  width: 0;
  transition: all .2s;
  height: 3px;
  background: #fff;
}

.player-open header .container nav ul li a:after,
.player-open header .container nav ul li a:before {
  top: -21px;
}

.no-touchevents header .container nav ul li a:hover:after {
  right: 0;
  width: 50%;
}

.no-touchevents header .container nav ul li a:hover:before {
  left: 0;
  width: 50%;
}

header .container nav ul li.active a {
  transition: all .2s;
}

header .container nav ul li.active a:after {
  right: 0;
  width: 50%;
}

header .container nav ul li.active a:before {
  left: 0;
  width: 50%;
}

.no-touchevents header .container nav ul li.active a:hover {
  opacity: .75;
}

header .container .right-control {
  position: absolute;
  right: 20px;
  top: 33px;
}

.player-open header .container .right-control {
  top: 14px;
}

header .container .right-control a {
  color: white;
  vertical-align: middle;
  font-family: 'helioscondregular', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  margin-right: 24px;
  transition: all .2s;
  display: inline-block;
}

header .container .right-control a:last-child {
  margin-right: 0;
}

.no-touchevents header .container .right-control a:hover {
  opacity: .7;
}

header .container .right-control .open-player {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  margin-left: 25px;
}

header .container .right-control .open-player .open-player-btn,
header .container .right-control .open-player .open-inline-player-btn {
  background: url("../i/player-open.png") no-repeat 0 0;
  background: url("../i/headphones.svg") no-repeat 0 0/23px 23px;
  width: 23px;
  height: 23px;
  border: none;
  transition: all .2s;
  padding: 0;
  cursor: pointer;
}

.no-touchevents header .container .right-control .open-player .open-player-btn:hover,
.no-touchevents header .container .right-control .open-player .open-inline-player-btn:hover {
  opacity: .7;
}

header .container .right-control .search {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 40px;
  position: relative;
  line-height: 0;
}

header .container .right-control .search .open-search {
  background: url("../i/search-btn.png") no-repeat 0 0;
  background: url("../i/search.svg") no-repeat 0 0/21px 21px;
  width: 21px;
  transition: all .2s;
  height: 21px;
  border: none;
  cursor: pointer;
  padding: 0;
}

.no-touchevents header .container .right-control .search .open-search:hover {
  opacity: .7;
}

header .container .right-control .search form {
  position: absolute;
  right: 0;
  top: -38px;
  width: 380px;
  padding: 30px 80px 30px 40px;
  background: #002aff;
  display: none;
  z-index: 7;
}

.player-open header .container .right-control .search form {
  top: -19px;
}

.search-open header .container .right-control .search form {
  display: block;
}

header .container .right-control .search form label {
  display: inline-block;
  margin-right: 10px;
  width: 50px;
  color: #fff;
  line-height: 1.3em;
  font-family: 'helioscondregular', sans-serif;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
}

header .container .right-control .search form input {
  width: 190px;
  box-shadow: none;
  height: 29px;
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #fff;
}

header .container .right-control .search form button {
  background: url("../i/search-btn.png") no-repeat 0 0;
  background: url("../i/search.svg") no-repeat 0 0/21px 21px;
  width: 21px;
  transition: all .2s;
  height: 21px;
  border: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -10px;
}

.no-touchevents header .container .right-control .search form button:hover {
  opacity: .7;
}

header .container .right-control .search form .close {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background: url("../i/close-white.png") no-repeat 50%;
  transition: all .2s;
}

.no-touchevents header .container .right-control .search form .close:hover {
  opacity: .7;
}

#menu-toggle-wrapper {
  width: 36px;
  height: 32px;
  position: absolute;
  left: 20px;
  top: 29px;
  display: none;
  cursor: pointer;
  z-index: 6;
  padding: 10px;
  vertical-align: middle;
}

.player-open #menu-toggle-wrapper {
  top: 13px;
}

#menu-toggle,
#menu-toggle-top,
#menu-toggle-bottom {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.585, -0.6, 0.43, 1.65);
  background-color: #fff;
}

#menu-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: #fff;
  margin-left: -8px;
  margin-top: -1px;
  width: 12px;
  height: 2px;
}

#menu-toggle-top {
  top: 10px;
  width: 12px;
}

#menu-toggle-top,
#menu-toggle-bottom {
  position: absolute;
  height: 2px;
  background-color: #fff;
  left: 10px;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

#menu-toggle-bottom {
  bottom: 10px;
  width: 16px;
}

.menu-open #menu-toggle-wrapper #menu-toggle {
  opacity: 0;
}

.menu-open #menu-toggle-wrapper #menu-toggle-top {
  -ms-transform: rotate(45deg) translate(3px, 2px);
  transform: rotate(45deg) translate(3px, 2px);
  width: 16px;
}

.menu-open #menu-toggle-wrapper #menu-toggle-bottom {
  -ms-transform: rotate(-45deg) translate(5px, -4px);
  transform: rotate(-45deg) translate(5px, -4px);
}

.top-release {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 60px 0;
}

.boxed .top-release {
  max-width: 1060px;
  margin: 0 auto;
}

.top-release .container {
  max-width: 1220px !important;
  padding: 0 20px !important;
}

.top-release .release-wrap {
  font-size: 0;
}

.top-release .release-wrap .album-cover {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.top-release .release-wrap .album-cover img {
  max-width: 100%;
}

.top-release .release-wrap .release-descr {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}

.top-release .release-wrap .release-descr p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  font-family: 'helioscondregular', sans-serif;
}

.top-release .release-wrap .release-descr p.label {
  margin-bottom: 60px;
}

.top-release .release-wrap .release-descr p.label:before {
  content: '';
  display: block;
  margin: 0 auto 9px;
  background: url("../i/player-open.png") no-repeat 0 0/18px 18px;
  width: 18px;
  height: 18px;
}

.top-release .release-wrap .release-descr h2,
.top-release .release-wrap .release-descr h1 {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 50px;
  color: #fff;
}

.top-release .release-wrap .release-descr h2 span,
.top-release .release-wrap .release-descr h1 span {
  font-size: 33px;
  margin: 5px 0 0;
  display: block;
}

.top-material {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 520px;
}

.boxed .top-material {
  max-width: 1060px;
  margin: 0 auto;
}

.top-material .top-material-wrap {
  position: relative;
  display: block;
  height: 100%;
}

.top-material .top-material-wrap:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 78%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: "";
  height: 65%;
  left: 0;
  position: absolute;
  transition: background 0.3s ease 0.1s;
  width: 100%;
  z-index: 0;
}

.top-material .top-material-wrap:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all .2s;
  visibility: hidden;
}

.no-touchevents body:not(.inner-page) .top-material .top-material-wrap:hover:before {
  opacity: 1;
  visibility: visible;
}

.top-material a {
  color: #fff;
}

.no-touchevents .top-material a:hover {
  text-decoration: none;
}

.top-material .container .post-descr {
  position: absolute;
  /*bottom: 35px;*/
  left: 0;
  padding: 0 20px !important;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.top-material .container .post-descr h2,
.top-material .container .post-descr h1 {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 60px;
  font-weight: 400;
  color: #fff;
  max-width: 600px;
  margin: 0 auto 5px;
}

.top-material .container .post-descr p {
  margin: 0 auto;
  max-width: 650px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  font-family: 'helioscondregular';
}

.top-material .container .post-descr .post-meta-box {
  margin-top: 20px;
}

.top-material .container .post-descr .post-meta-box p {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 14px;
}

.top-material .container .post-descr .post-meta-box .meta {
  display: inline-block;
  vertical-align: middle;
}

.top-material .container .post-descr .post-meta-box .meta p {
  color: #a8a8a8;
  font-size: 12px;
  margin-right: 6px;
}

.top-material .container .post-descr .post-meta-box .meta p:last-child {
  margin-right: 0;
}

.top-material .container .post-descr .post-meta-box .meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/views.png") no-repeat scroll 0 5px;
  padding-left: 11px;
}

.top-material .container .post-descr .post-meta-box .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment.png") no-repeat scroll 0 5px;
  padding-left: 14px;
}

.inner-page .top-material .container .post-descr .post-meta-box .meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/view-white.png") no-repeat scroll 0 5px;
}

.inner-page .top-material .container .post-descr .post-meta-box .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment-white.png") no-repeat scroll 0 5px;
}

.posts-wrap {
  font-size: 0;
}

.posts-wrap .container {
  position: relative;
}

.posts-wrap .container:after {
  content: '';
  display: table;
  clear: both;
}

.posts-wrap .post-list-box {
  display: inline-block;
  vertical-align: top;
  width: 68.7%;
  position: relative;
  padding: 55px 40px 0 0;
}

.boxed .posts-wrap .post-list-box {
  padding-right: 20px;
}

.posts-wrap .post-list-box:before {
  width: 2000px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  z-index: 0;
  background: #fff;
}

.boxed .posts-wrap .post-list-box:before {
  left: -20px;
  width: auto;
}

.posts-wrap .release-list {
  display: inline-block;
  float: right;
  vertical-align: top;
  width: 31.3%;
  margin-right: -10px;
  padding: 40px 0 0;
}

.posts-wrap .release-list h2 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 40px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'helioscondregular';
}

.posts-wrap .release-list h2:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  background: url("../i/player-open.png") no-repeat 0 0/18px 18px;
  width: 18px;
  height: 18px;
  position: relative;
  top: -1px;
}

.posts-wrap .release-list h2.coming:before {
  display: none;
}

.posts-wrap .release-list .release-slider-wrap .release {
  margin-bottom: 40px;
}

.post-list {
  font-size: 0;
  background: #fff;
  position: relative;
  margin: 0 -25px;
  padding-bottom: 1px;
  z-index: 1;
}

.boxed .post-list {
  margin: 0 -20px;
}

.post-list .post-small {
  width: 50%;
  vertical-align: top;
  display: inline-block;
  padding: 0 25px;
}

.boxed .post-list .post-small {
  padding: 0 20px;
}

.post-list .post-small a {
  max-width: 360px;
  display: block;
  margin: 0 auto;
}

.post-list .afisha {
  margin: 20px 25px 100px;
}

.post-list .post {
  text-align: center;
  margin-bottom: 60px;
  padding: 0 25px;
}

.post-list .post a {
  display: block;
  text-decoration: none;
}

.no-touchevents .post-list .post a:hover h3 span {
  border-bottom-color: #2900f6;
}

.no-touchevents .post-list .post a:hover .img-wrap:before {
  opacity: 1;
  visibility: visible;
}

.post-list .post .img-wrap {
  margin-bottom: 12px;
  position: relative;
}

.post-list .post .img-wrap:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all .2s;
  visibility: hidden;
}

.post-list .post .img-wrap img {
  display: block;
  max-width: 100%;
}

.post-list .post .img-wrap img.small-img {
  display: none;
}

.post-list .post .img-wrap img.medium-img {
  display: block;
}

.post-list .post .post-meta-box {
  margin-bottom: 24px;
}

.post-list .post .post-meta-box .category {
  background: #000;
  padding: 4px 7px 3px;
  font-family: 'helioscondregular';
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 12px;
}

.post-list .post .post-meta-box .meta {
  display: inline-block;
  vertical-align: middle;
}

.post-list .post .post-meta-box .meta p {
  display: inline-block;
  vertical-align: middle;
  color: #a8a8a8;
  font-family: 'helioscondregular';
  font-size: 12px;
}

.post-list .post .post-meta-box .meta p.views {
  margin-right: 10px;
  background: rgba(0, 0, 0, 0) url("../i/views.png") no-repeat scroll 0 3px;
  padding-left: 11px;
}

.post-list .post .post-meta-box .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment.png") no-repeat scroll 0 4px;
  padding-left: 14px;
}

.post-list .post .post-descr h3 {
  font-size: 36px;
  color: #000;
  display: inline-block;
  line-height: 1.2em;
  margin-bottom: 22px;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
}

.post-list .post .post-descr h3 span {
  border-bottom: 3px solid transparent;
}

.post-list .post .post-descr p {
  font-family: 'helioscondregular';
  font-size: 16px;
  color: #7b7b7b;
  font-weight: 400;
  max-width: 550px;
  margin: 0 auto;
  line-height: 1.5em;
}

.news-list {
  margin-bottom: 60px;
}

.news-list .news {
  margin-bottom: 20px;
}

.news-list .news img {
  max-width: 70px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.news-list .news a {
  color: #1d1b21;
  text-decoration: none;
  transition: all .2s;
}

.no-touchevents .news-list .news a:hover {
  color: #2900f6;
}

.no-touchevents .news-list .news a:hover time {
  color: #b6b6b6;
}

.news-list .news p {
  font-family: 'helioscondregular';
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90px);
  font-size: 14px;
  line-height: 1.3em;
  font-weight: 400;
}

.news-list .news p time {
  color: #b6b6b6;
}

.afisha {
  border: 2px solid #e5e5e5;
  position: relative;
  font-size: 0;
  padding: 0 30px;
}

.afisha h3 {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #000;
  display: table;
  margin: 0 auto 10px;
  text-transform: uppercase;
  top: -14px;
  position: relative;
}

.afisha h3 span {
  background: #fff;
  padding: 0 20px;
}

.afisha .afisha-item {
  width: 33.333333%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  padding-right: 10px;
}

.afisha .afisha-item.last-item {
  padding-right: 0;
}

.afisha .afisha-item .afisha-category {
  font-family: 'helioscondregular';
  font-size: 10px;
  color: #c5c5c5;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.afisha .afisha-item img {
  width: 100px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.afisha .afisha-item .afisha-descr {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 115px);
}

.afisha .afisha-item h4,
.afisha .afisha-item time {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  color: black;
  font-size: 20px;
  margin-bottom: 5px;
  display: block;
  text-transform: uppercase;
}

.afisha .afisha-item h4 a,
.afisha .afisha-item time a {
  transition: all .2s;
  color: #000;
  text-decoration: none;
}

.no-touchevents .afisha .afisha-item h4 a:hover,
.no-touchevents .afisha .afisha-item time a:hover {
  color: #2900f6;
}

.afisha .afisha-item p {
  font-family: 'helioscondregular';
  font-size: 14px;
}

.afisha .all-link {
  position: relative;
  bottom: -19px;
  display: table;
  margin: 0 auto;
  padding: 0 11px;
  background: #fff;
}

.afisha .all-link a {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 18px;
  border: 3px solid #000;
  text-transform: uppercase;
  color: #000;
  padding: 0 17px;
  background: #fff;
  display: inline-block;
  line-height: 29px;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.afisha .all-link a:after {
  left: 3px;
  width: 100%;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  top: 3px;
  position: absolute;
  height: 100%;
  content: '';
}

.no-touchevents .afisha .all-link a:hover {
  background: #000;
  color: #fff;
}

.release {
  max-width: 220px;
  margin: 0 auto 80px;
}

.release a {
  display: block;
  text-decoration: none;
}

.no-touchevents .release a:hover h3 span {
  border-bottom: 2px solid #2900f6;
}

.no-touchevents .release a:hover .artist {
  border-bottom: 2px solid #2900f6;
}

.release .img-wrap img {
  max-width: 100%;
  margin-bottom: 15px;
}

.release .release-meta {
  text-align: left;
  margin-bottom: 17px;
}

.release .release-meta p {
  color: #707070;
  font-family: 'helioscondregular';
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}

.release .release-meta p time {
  margin-left: 3px;
  padding-left: 6px;
  line-height: .8em;
  display: inline-block;
  border-left: 1px solid #707070;
}

.release .release-meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/views.png") no-repeat scroll 0 2px;
  padding-left: 11px;
  margin-left: 20px;
}

.release .release-descr h3 {
  font-size: 30px;
  line-height: 1.4em;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
}

.release .release-descr h3 span {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-bottom: 2px solid transparent;
}

.release .release-descr .artist {
  display: inline;
  line-height: 1.2em;
  color: #fff;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  font-family: 'helioscondregular';
}

.all-release {
  font-family: 'helioscondregular';
  color: white;
  border: 2px solid #fff;
  display: table;
  margin: 0 auto;
  height: 44px;
  text-decoration: none;
  padding: 0 15px 0 20px;
  line-height: 44px;
  font-size: 14px;
  transition: all .2s;
}

.all-release:after {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 5px;
  border-color: transparent transparent transparent #ffffff;
  position: relative;
  margin-left: 15px;
  transition: all .2s;
  top: -1px;
}

.no-touchevents .all-release:hover {
  background: #fff;
  color: #000;
}

.no-touchevents .all-release:hover:after {
  border-color: transparent transparent transparent #000;
}

.pager {
  margin: 70px 0 110px;
}

.pager ul {
  text-align: center;
}

.pager ul li {
  display: inline-block;
  vertical-align: top;
}

.pager ul li:last-child {
  margin-right: 0;
}

.pager ul li a,
.pager ul li span {
  display: block;
  text-align: center;
  font-size: 15px;
  width: 34px;
  font-family: 'helioscondregular';
  height: 34px;
  font-weight: 400;
  border: 2px solid transparent;
  color: #000;
  line-height: 28px;
  text-decoration: none;
}

.no-touchevents .pager ul li a:hover {
  border-color: #efefef;
}

.pager ul li.current span {
  background: #efefef;
}

.pager ul li.prev a,
.pager ul li.next a {
  width: 40px;
}

.pager ul li.prev {
  margin-right: 20px;
}

.pager ul li.prev a {
  background: url("../i/pager-prev.png") no-repeat 50%;
}

.pager ul li.next {
  margin-left: 20px;
}

.pager ul li.next a {
  background: url("../i/pager-next.png") no-repeat 50%;
}

.pager.pager-tablet {
  display: none;
}

.pager.pager-mob {
  display: none;
}

.slick-dots {
  text-align: center;
  margin-bottom: 30px;
}

.slick-dots li {
  display: inline-block;
  margin-right: 10px;
}

.slick-dots li:last-child {
  margin-right: 0;
}

.slick-dots li button {
  text-indent: -10000px;
  width: 6px;
  height: 6px;
  background-color: dimgrey;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  padding: 0;
}

.slick-dots li.slick-active button {
  background: #fff;
}

.release-box {
  padding: 0 20px;
  max-width: 1040px;
  margin: 60px auto;
}

.release-box form {
  margin-bottom: 50px;
}

.release-box form .sort {
  margin-bottom: 10px;
}

.release-box form .sort label {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 7px 18px;
}

.release-box form .sort .radio-wrap {
  margin-right: 15px;
  margin-bottom: 7px;
}

.release-box form .sort .radio-wrap:last-child {
  margin-right: 0;
}

.release-box form .filter-years {
  margin-bottom: 10px;
}

.release-box form .label {
  color: #545454;
  font-family: 'helioscondregular';
  font-size: 12px;
  display: inline-block;
  margin-bottom: 7px;
  vertical-align: middle;
}

.release-box form label {
  border: 1px solid transparent;
  display: inline-block;
  padding: 5px 6px 6px;
  cursor: pointer;
  transition: all .2s;
}

.no-touchevents .release-box form label:hover {
  opacity: .75;
}

.release-box form input:checked + label {
  border: 1px solid #fff;
}

.release-box form .radio-wrap,
.release-box form .check-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 7px;
}

.release-box form .radio-wrap:last-child,
.release-box form .check-wrap:last-child {
  margin-right: 0;
}

.release-box form .radio-wrap label,
.release-box form .check-wrap label {
  font-family: 'helioscondregular';
  color: #fff;
  font-size: 12px;
}

.release-box .release-list {
  font-size: 0;
  margin: 0 -20px;
  text-align: center;
}

.release-box .release-list .release {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  max-width: 100%;
  margin-bottom: 100px;
  width: 25%;
}

.inner-page .release-box .release-list .release {
  margin-bottom: 0;
}

.release-box .release-list .release a {
  max-width: 220px;
  margin: 0 auto;
}

.release-box .pager {
  margin-top: 20px;
}

.release-box .pager ul li a,
.release-box .pager ul li span {
  color: #fff;
}

.release-box .pager ul li.current span {
  color: #000;
  background: #efefef;
}

.release-box .pager ul li.prev a {
  background: url("../i/pager-prev-white.png") no-repeat 50%;
}

.release-box .pager ul li.next a {
  background: url("../i/pager-next-white.png") no-repeat 50%;
}

.news-wrap {
  background: #fff;
  padding: 1px 0;
}

.news-wrap .news-row {
  font-size: 0;
  margin: 60px 0;
  position: relative;
}

.news-wrap .news-row:before {
  content: '';
  background: url("../i/border-pattern.png") repeat-x 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.news-wrap .news-row .month-title {
  width: 33.333333%;
  vertical-align: top;
  display: inline-block;
}

.news-wrap .news-row .month-title h2 {
  font-size: 48px;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
}

.news-wrap .news-row .news-box {
  width: 66.666666%;
  vertical-align: top;
  display: inline-block;
}

.news-wrap .news-row .news-box .news-list {
  font-size: 0;
  margin: 0 -25px 40px;
  min-width: 100%;
}

.news-wrap .news-row .news-box .news-list .news {
  padding: 0 25px;
  width: 50%;
  display: inline-block;
}

.articles-wrap {
  background: #fff;
  padding: 60px 0;
}

.articles-wrap h1 {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 56px;
  margin-bottom: 20px;
}

.articles-wrap .post-list {
  margin: 0 -25px;
}

.articles-wrap .post-list .post {
  padding: 0 25px;
  max-width: 770px;
  margin: 0 auto 80px;
}

.articles-wrap .post-list .post.post-small {
  width: 33.333333%;
}

.articles-wrap .pager {
  margin-top: 0;
  margin-bottom: 60px;
}

.article-top {
  height: calc(100vh - 105px);
}

.article-top .post-descr {
  bottom: 70px;
}

.article-top .post-descr .date {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  line-height: .8em;
  padding: 0 20px;
}

.article-top .post-descr .author {
  border-right: 1px solid #fff;
  line-height: .8em;
  padding-right: 20px;
}

.article-top .post-descr .post-meta-box > *:first-child {
  border-left: none;
}

.article-top .post-descr .post-meta-box .meta p {
  color: #fff;
}

.post-body {
  font-family: 'Roboto Condensed', sans-serif;
  padding-bottom: 40px;
  background: #fff;
}

.post-body * {
  box-sizing: border-box;
}

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

.post-body .container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 40px;
}

.post-body .container > *:last-child {
  padding-bottom: 30px;
}

.post-body .container > div {
  margin-bottom: 30px;
}

.post-body .container > div:last-child {
  margin-bottom: 0;
}

.post-body h1 {
  margin-bottom: 20px;
}

.post-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75em;
  padding-bottom: 18px;
}

.post-body p:last-child {
  padding-bottom: 0;
}

.post-body p a {
  color: inherit;
}

.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  margin-bottom: 30px;
  text-align: center;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-weight: normal;
}

.post-body img {
  max-width: 100%;
  margin-bottom: 30px;
  height: auto;
}

.post-body img:last-child {
  margin-bottom: 0;
}

.post-body .top-release,
.post-body .top-material {
  margin-bottom: 30px;
}

.post-body .simple-title {
  background: transparent;
  margin-bottom: 30px;
}

.post-body .post-meta-box p {
  padding-bottom: 0;
}

.post-body .wide-box {
  margin: 0 -190px 30px;
  padding: 0 40px;
}

.post-body .wide-box *:last-child {
  margin-bottom: 0 !important;
}

.post-body .wide-box.no-margin {
  margin-bottom: 0;
}

.post-body .full-width-box {
  margin-bottom: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
  overflow: hidden;
  background-position: 50% 50%;
}

.post-body .full-width-box *:last-child {
  margin-bottom: 0;
}

.post-body .full-width-box.bg-repeat {
  background-repeat: repeat;
  background-size: auto;
}

.post-body .full-width-box.no-margin {
  margin-bottom: 0;
}

.post-body .full-width-box .img-f-width {
  width: 100%;
}

.post-body .content {
  padding: 40px;
  max-width: 720px;
  margin: 0 auto;
}

.post-body .videoWrapper {
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin-bottom: 30px;
}

.post-body .videoWrapper:last-child {
  margin-bottom: 0;
}

.post-body .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.post-body iframe {
  margin-bottom: 30px;
}

.post-body iframe:last-child {
  margin-bottom: 0;
}

.post-body blockquote {
  position: relative;
  padding: 50px 0;
  text-align: center;
  margin: 0 0 20px;
}

.post-body blockquote p {
  font-size: 23px;
  font-weight: 700;
  font-style: italic;
  font-family: 'helioscondregular';
}

.post-body blockquote:before {
  width: 10px;
  height: 10px;
  background: #000;
  position: absolute;
  left: 49%;
  top: 15px;
  content: "";
}

.post-body blockquote:after {
  width: 10px;
  height: 10px;
  background: #000;
  position: absolute;
  left: 49%;
  bottom: 15px;
  content: "";
}

.post-body .row {
  font-size: 0;
  margin: 0 -20px 30px;
}

.post-body .row.content-wide {
  margin: 0 -10px 30px;
}

.post-body .row.content-wide .col {
  padding: 0 10px;
}

.post-body .row.content-wide.small-left .col:first-child {
  width: 25%;
}

.post-body .row.content-wide.small-left .col:last-child {
  width: 75%;
}

.post-body .row.content-wide.small-right .col:last-child {
  width: 25%;
}

.post-body .row.content-wide.small-right .col:first-child {
  width: 75%;
}

.post-body .row .col {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
}

.post-body .row.col-2 .col {
  width: 50%;
}

.post-body .row.col-3 {
  margin: 0 -10px 30px;
}

.post-body .row.col-3 .col {
  padding: 0 10px;
  width: 33.333333%;
}

.post-body .row.col-4 {
  margin: 0 -10px 30px;
}

.post-body .row.col-4 .col {
  padding: 0 10px;
  width: 25%;
}

.post-body .row.col-5 {
  margin: 0 -10px 30px;
}

.post-body .row.col-5 .col {
  padding: 0 10px;
  width: 20%;
}

.post-body .row.small-left .col:first-child {
  width: 33.333333%;
}

.post-body .row.small-left .col:last-child {
  width: 66.66666%;
}

.post-body .row.small-right .col:last-child {
  width: 33.333333%;
}

.post-body .row.small-right .col:first-child {
  width: 66.66666%;
}

.post-body .row.very-small-left {
  margin: 0 -10px 30px;
}

.post-body .row.very-small-left .col:first-child {
  width: 16.666666%;
  padding: 0 10px;
}

.post-body .row.very-small-left .col:last-child {
  padding: 0 10px;
  width: 83.3333333%;
}

.post-body .simple-slider .slick-arrow,
.post-body .slider-with-part .slick-arrow {
  border: none;
  text-indent: -10000px;
  padding: 0;
  width: 18px;
  height: 51px;
  position: absolute;
  top: 242px;
  cursor: pointer;
  margin: 0;
  z-index: 2;
  transition: all .2s;
  opacity: 1;
}

.post-body .simple-slider .slick-arrow.slick-prev,
.post-body .slider-with-part .slick-arrow.slick-prev {
  background: url("../i/slick-arrow-prev.png") no-repeat 50%;
}

.post-body .simple-slider .slick-arrow.slick-next,
.post-body .slider-with-part .slick-arrow.slick-next {
  background: url("../i/slick-arrow-next.png") no-repeat 50%;
}

.post-body .simple-slider .slick-arrow.slick-disabled,
.post-body .slider-with-part .slick-arrow.slick-disabled {
  opacity: .2;
}

.post-body .simple-slider .control-box,
.post-body .slider-with-part .control-box {
  z-index: 3;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  right: 12px;
  top: 510px;
}

.post-body .simple-slider .control-box .toggle-autoplay,
.post-body .slider-with-part .control-box .toggle-autoplay {
  display: inline-block;
  vertical-align: top;
  border: none;
  cursor: pointer;
  background: #000 url("../i/playpause.png") no-repeat 6px 3px;
  padding: 3px;
  width: 21px;
  margin-right: 7px;
  height: 17px;
}

.post-body .simple-slider .control-box .toggle-autoplay.playing,
.post-body .slider-with-part .control-box .toggle-autoplay.playing {
  background-position: 5px -98px;
}

.post-body .simple-slider .control-box .counter,
.post-body .slider-with-part .control-box .counter {
  display: inline-block;
  vertical-align: top;
  font: 11px/1 arial,sans-serif;
  color: #fff;
  padding: 3px;
  background: #000;
}

.post-body .simple-slider .slide,
.post-body .slider-with-part .slide {
  position: relative;
}

.post-body .simple-slider .slide .img-wrap,
.post-body .slider-with-part .slide .img-wrap {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 535px;
}

.post-body .simple-slider .slide .img-wrap img,
.post-body .slider-with-part .slide .img-wrap img {
  max-height: 100%;
  max-width: 100%;
}

.post-body .simple-slider .slide .slide-descr,
.post-body .slider-with-part .slide .slide-descr {
  transition: all .2s;
  padding: 0 35px;
  background: none;
  position: relative;
  bottom: auto;
  right: auto;
  left: auto;
  margin-top: 12px;
}

.post-body .simple-slider .slide .slide-descr p,
.post-body .slider-with-part .slide .slide-descr p {
  color: #989898;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  padding-right: 60px;
  line-height: 1.5em;
}

.post-body .simple-slider {
  margin: 0 -150px;
  position: relative;
}

.post-body .simple-slider .slick-arrow.slick-prev {
  left: -45px;
}

.boxed .post-body .simple-slider .slick-arrow.slick-prev {
  left: -30px;
}

.post-body .simple-slider .slick-arrow.slick-next {
  right: -45px;
}

.boxed .post-body .simple-slider .slick-arrow.slick-next {
  right: -30px;
}

.post-body .slider-with-part {
  padding: 75px 0 50px !important;
  background: #e4edf2;
  margin-bottom: 50px;
  position: relative;
}

.post-body .slider-with-part .control-box {
  top: 585px;
  right: 26%;
}

.boxed .post-body .slider-with-part .control-box {
  right: 16%;
}

.post-body .slider-with-part .slider .slide {
  padding: 0 5px;
  position: relative;
}

.post-body .slider-with-part .slider .slide .img-wrap {
  position: relative;
}

.post-body .slider-with-part .slider .slide .img-wrap:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  transition: all .2s;
  opacity: 1;
  visibility: visible;
  background: rgba(255, 255, 255, 0.6);
}

.post-body .slider-with-part .slider .slide.slick-center .img-wrap:after {
  opacity: 0;
  visibility: hidden;
}

.post-body .slider-with-part .slider .slide.slick-center .slide-descr {
  opacity: 1;
  visibility: visible;
}

.post-body .slider-with-part .slider .slick-arrow.slick-prev {
  left: 20%;
}

.boxed .post-body .slider-with-part .slider .slick-arrow.slick-prev {
  left: 10%;
}

.post-body .slider-with-part .slider .slick-arrow.slick-next {
  right: 20%;
}

.boxed .post-body .slider-with-part .slider .slick-arrow.slick-next {
  right: 10%;
}

.color-subtitle {
  padding-bottom: 30px;
  padding-top: 60px;
  margin-top: -60px;
  margin-bottom: 30px;
}

.color-subtitle + blockquote {
  margin-top: 0;
}

.simple-title {
  background: #fff;
  padding: 50px 0 0;
}

.simple-title .post-descr {
  padding: 0 20px 1px;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.simple-title .post-descr img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.simple-title .post-descr .title-img {
  font-size: 0;
  position: relative;
  text-align: center;
  max-width: 940px;
  margin: 0 auto;
  padding-right: 320px;
  height: 400px;
}

.simple-title .post-descr .title-img img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.simple-title .post-descr .title-img .banner {
  position: absolute;
  right: 0;
  top: 0;
}

.simple-title .post-descr h2,
.simple-title .post-descr h1 {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 72px;
  font-weight: 400;
  color: #000;
  max-width: 600px;
  margin: 0 auto;
}

.news-inner .simple-title .post-descr h2,
.news-inner .simple-title .post-descr h1 {
  font-size: 55px;
}

.simple-title .post-descr p {
  margin: 0 auto;
  max-width: 600px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  font-family: 'helioscondregular';
}

.simple-title .post-descr p a {
  color: #000;
}

.no-touchevents .simple-title .post-descr p a:hover {
  text-decoration: none;
}

.simple-title .post-descr .post-meta-box {
  margin: 28px 0 50px;
}

.simple-title .post-descr .post-meta-box:last-child {
  margin-bottom: 0;
}

.simple-title .post-descr .post-meta-box p {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 30px;
  position: relative;
}

.simple-title .post-descr .post-meta-box p.category:after,
.simple-title .post-descr .post-meta-box p.date:after,
.simple-title .post-descr .post-meta-box p.author:after,
.simple-title .post-descr .post-meta-box p.link:after {
  content: '';
  height: 12px;
  width: 1px;
  position: absolute;
  right: -17px;
  top: 50%;
  margin-top: -5px;
  background: #000;
}

.simple-title .post-descr .post-meta-box p.link a {
  padding-left: 25px;
  text-decoration: underline;
  background: url("../i/link-icon.png") no-repeat 0 0;
}

.no-touchevents .simple-title .post-descr .post-meta-box p.link a:hover {
  text-decoration: none;
}

.simple-title .post-descr .post-meta-box .meta {
  display: inline-block;
  vertical-align: middle;
}

.simple-title .post-descr .post-meta-box .meta p {
  color: #000;
  font-size: 12px;
  margin-right: 6px;
}

.simple-title .post-descr .post-meta-box .meta p:last-child {
  margin-right: 0;
}

.simple-title .post-descr .post-meta-box .meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/views.png") no-repeat scroll 0 5px;
  padding-left: 11px;
}

.simple-title .post-descr .post-meta-box .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment.png") no-repeat scroll 0 5px;
  padding-left: 14px;
}

.inner-page .simple-title .post-descr .post-meta-box .meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/view-black.png") no-repeat scroll 0 5px;
}

.inner-page .simple-title .post-descr .post-meta-box .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment-black.png") no-repeat scroll 0 5px;
}

.options {
  position: fixed;
  right: 0;
  width: 240px;
  border: 1px solid #000;
  top: 200px;
  background: #fff;
  z-index: 12;
  padding: 30px 20px;
}

.options .check-wrap,
.options .radio-wrap {
  margin-bottom: 10px;
}

.options .check-wrap:last-child,
.options .radio-wrap:last-child {
  margin-bottom: 0;
}

.options h4 {
  margin-top: 20px;
  margin-bottom: 14px;
}

.options input {
  display: inline-block;
  width: 17px;
  height: 17px;
  opacity: 1 !important;
  position: relative !important;
}

.options label {
  font-size: 14px;
}

.share-bottom {
  font-size: 0;
  border: 1px solid #000;
  margin: 40px 0;
  padding-bottom: 0 !important;
}

.share-bottom .label,
.share-bottom .share-box,
.share-bottom .meta {
  display: inline-block;
  vertical-align: top;
}

.share-bottom .label {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  border-right: 1px solid #000;
  width: 35%;
  height: 50px;
  white-space: nowrap;
  text-align: right;
  padding-right: 50px;
}

.share-bottom .label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.share-bottom .label p {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0;
}

.share-bottom .meta {
  height: 50px;
  white-space: nowrap;
  width: calc(65% - 150px);
  text-align: center;
}

.share-bottom .meta:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.share-bottom .meta p {
  white-space: normal;
  color: #000;
  font-size: 12px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0;
}

.share-bottom .meta p:last-child {
  margin-right: 0;
}

.share-bottom .meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/view-black.png") no-repeat scroll 0 5px;
  padding-left: 11px;
}

.share-bottom .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment-black.png") no-repeat scroll 0 5px;
  padding-left: 14px;
}

.tabs__content {
  display: none;
}

.tabs__content.active {
  display: block;
}

.tabs__caption {
  text-align: center;
  margin: 0 0 40px;
}

.tabs__caption li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  color: black;
  position: relative;
  font-family: 'helioscondregular';
  font-size: 14px;
  width: 190px;
  text-align: center;
  padding: 9px 10px;
  border: 2px solid #000;
  margin-right: 35px;
  transition: all .2s;
}

.no-touchevents .tabs__caption li:hover {
  background: #000;
  color: #fff;
}

.tabs__caption li:last-child {
  margin-right: 0;
}

.tabs__caption li .title-mob {
  display: none;
}

.tabs__caption li.active {
  background: #000;
  color: #fff;
}

.tabs__caption li.active:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000 transparent transparent transparent;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -7px;
  margin-left: -5px;
}

.download {
  background: #000;
  display: table;
  margin: 40px auto 50px;
  text-decoration: none;
  height: 77px;
  width: 260px;
  white-space: nowrap;
  text-align: center;
  transition: all .2s;
  padding-bottom: 0 !important;
}

.download:after {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 77px;
}

.download:before {
  content: '';
  background: url("../i/download-icon.png") no-repeat 0 0;
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -3px;
}

.download span {
  white-space: normal;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: left;
}

.download small {
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: grey;
}

.no-touchevents .download:hover {
  opacity: .75;
}

.search-box {
  background: #fff;
  padding: 40px 0;
}

.search-box .container {
  max-width: 980px;
}

.search-box h1 {
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.search-box .search-form {
  max-width: 590px;
  margin-bottom: 30px;
}

.search-box .search-form .field-wrap {
  padding: 40px 115px 40px 30px;
  position: relative;
  background: #dedede;
}

.search-box .search-form .field-wrap input {
  width: 100%;
  height: 30px;
  border: 1px solid #fff;
  padding: 0 10px;
}

.search-box .search-form .field-wrap button {
  width: 45px;
  height: 30px;
  border: 1px solid #000;
  background: url("../i/search-btn-black.png") no-repeat 50% 50%;
  position: absolute;
  right: 60px;
  cursor: pointer;
  top: 40px;
  transition: all .2s;
}

.no-touchevents .search-box .search-form .field-wrap button:hover {
  background: #000 url("../i/search-btn.png") no-repeat 50% 50%/17px 16px;
}

.search-box .search-form .num-result {
  font-family: 'helioscondregular';
  font-size: 16px;
  color: #9d9d9d;
  font-style: italic;
  margin: 10px 0 0;
}

.search-box .result-list {
  max-width: 590px;
}

.search-box .result-list .result-item {
  margin-bottom: 40px;
}

.search-box .result-list .result-item a {
  display: block;
  font-size: 0;
  text-decoration: none;
}

.no-touchevents .search-box .result-list .result-item a:hover h3 span {
  border-bottom-color: #2900f6;
}

.no-touchevents .search-box .result-list .result-item a:hover .img-wrap:before {
  opacity: 1;
  visibility: visible;
}

.search-box .result-list .result-item .img-wrap,
.search-box .result-list .result-item .post-descr {
  display: inline-block;
  vertical-align: top;
}

.search-box .result-list .result-item .img-wrap {
  width: 37%;
}

.search-box .result-list .result-item img {
  display: block;
  margin-bottom: 8px;
  max-width: 100%;
}

.search-box .result-list .result-item .category {
  background: #000;
  padding: 4px 7px 3px;
  font-family: 'helioscondregular';
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 12px;
}

.search-box .result-list .result-item .meta {
  padding-top: 1px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}

.search-box .result-list .result-item .meta:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
}

.search-box .result-list .result-item .meta p {
  white-space: normal;
  color: #a8a8a8;
  font-size: 12px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0;
}

.search-box .result-list .result-item .meta p:last-child {
  margin-right: 0;
}

.search-box .result-list .result-item .meta p.views {
  background: rgba(0, 0, 0, 0) url("../i/views.png") no-repeat scroll 0 2px;
  padding-left: 11px;
}

.search-box .result-list .result-item .meta p.comment {
  background: rgba(0, 0, 0, 0) url("../i/comment.png") no-repeat scroll 0 2px;
  padding-left: 14px;
}

.search-box .result-list .post-descr {
  width: 63%;
  padding-left: 30px;
}

.search-box .result-list .post-descr time {
  color: #a1a1a1;
  font-family: 'helioscondregular';
  font-size: 12px;
  display: block;
  margin-bottom: 14px;
  font-weight: 400;
}

.search-box .result-list .post-descr h3 {
  font-size: 36px;
  font-weight: 400;
  color: #000;
  margin-bottom: 6px;
  line-height: 1.4em;
  display: inline-block;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
}

.search-box .result-list .post-descr h3 span {
  border-bottom: 3px solid transparent;
}

.search-box .result-list .post-descr p {
  font-size: 16px;
  font-weight: 400;
  font-family: 'helioscondregular';
  color: black;
  line-height: 1.5em;
}

.search-box .result-list .post-descr mark {
  padding: 2px 5px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #feff8e;
}

.search-box .pager {
  max-width: 590px;
  margin-bottom: 50px;
}

.recommended-news {
  background: #fff;
}

.recommended-news .container {
  max-width: 980px;
}

.recommended-news .news-list {
  font-size: 0;
  margin: 0 -10px;
  position: relative;
  max-width: none;
  padding: 75px 0 70px;
}

.recommended-news .news-list:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  height: 1px;
  right: 10px;
  opacity: .29;
  top: 20px;
  background: url("../i/border-pattern.png") repeat-x 0 0;
}

.recommended-news .news-list .news {
  display: inline-block;
  padding: 0 10px;
  width: 33.333333%;
}

.afisha-wrap {
  padding: 100px 0;
}

.afisha-wrap .container {
  max-width: 1040px;
}

.afisha-wrap .container .afisha {
  text-align: center;
}

.afisha-wrap .container .afisha .afisha-item {
  text-align: left;
  margin-bottom: 60px;
  width: 33.33333%;
}

.afisha-wrap .container .afisha .afisha-item:nth-last-child(-n+4) {
  margin-bottom: 20px;
}

.afisha-wrap .container .afisha .afisha-item:nth-last-child(-n+3) {
  margin-bottom: 20px;
}

.afisha-wrap .container .afisha .afisha-item.last-item {
  display: inline-block;
}

.mid-banner {
  margin: 0 25px 50px;
  max-width: 100%;
}

.mid-banner a {
  display: block;
}

.mid-banner img {
  display: block;
  max-width: 100%;
  height: auto;
}

.top-banner {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 20px;
  background: #000 url("../i/header-bg.png") repeat 0 0 !important;
}

.top-banner a {
  max-width: 1180px;
  margin: 0 auto;
  display: block;
}

.top-banner img {
  display: block;
  max-width: 100%;
  height: auto;
}

.banner {
  text-align: center;
  width: 240px;
  height: 400px;
}

@media (max-width: 960px) {
    .banner {
        text-align: center;
        width: 100%;
        height: auto;
    }
}

.banner a {
  background: #fff;
  display: block;
}

.banner a img {
  max-width: 100%;
  height: auto;
}

.content-bg .recommended-news .news-list::before {
  display: none;
}

.goUp {
  display: block;
  background: url("../i/up_34travel.png") top center no-repeat;
  position: fixed;
  z-index: 5;
  left: 50%;
  bottom: 200px;
  margin-left: 580px;
  cursor: pointer;
  width: 46px;
  height: 66px;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
}

input[type="checkbox"]:not(checked),
input[type="radio"]:not(checked) {
  position: absolute;
  opacity: 0;
}

.b-comment__wrap {
  padding: 30px 20px;
  background: #f6f6f6;
  margin: 0;
}

.b-comment {
  max-width: 940px;
  margin: 0 auto;
}

.b-comment h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: normal;
  color: black;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  letter-spacing: 1px;
  padding: 0 0 7px 0;
}

.b-comment__list {
  margin: 0 0 60px 0;
}

.b-comment__simple {
  max-width: 640px;
  width: 68%;
  border-bottom: #e6e6e6 1px solid;
  position: relative;
  min-height: 124px;
  padding: 30px 0 15px 0;
}

.b-comment__sub {
  position: relative;
  padding: 0 0 0 107px;
}

.b-comment__sub__1 {
  position: relative;
  margin: 0 0 0 60px;
}

.b-comment__sub__2 {
  position: relative;
  margin: 0 0 0 120px;
}

.b-comment__avatar {
  border: #cecece 5px solid;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  top: 0;
}

.b-comment__avatar.anonymous {
  border: none;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  top: 0;
}

.b-comment__avatar img {
  object-fit: cover;
}

.b-comment__rating {
  width: 200px;
  position: absolute;
  right: -240px;
  top: 0;
  font-size: 0.9em;
}

.b-comment__rating__block {
  height: 22px;
  margin-bottom: 30px;
}

.b-comment__rate {
  display: block;
  width: 22px;
  font-family: 'Roboto Condensed', sans-serif;
  height: 22px;
  background: url("../i/arrows-likes.png") no-repeat -2px -2px;
  border: #c2c2c2 2px solid;
  float: left;
}

.b-comment__rate:hover,
.b-comment__rate.active {
  background: url("../i/arrows-likes.png") no-repeat -2px -24px;
  border: #000 2px solid;
}

.b-comment__rate.minus {
  background: url("../i/arrows-likes.png") no-repeat -24px -2px;
}

.b-comment__rate.minus:hover,
.b-comment__rate.minus.active {
  background: url("../i/arrows-likes.png") no-repeat -24px -24px;
}

.b-comment__rating__number {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  color: #c2c2c2;
  padding: 0 17px 0 5px;
  line-height: 25px;
}

.b-comment__rating__all {
  float: left;
  color: #c2c2c2;
  line-height: 25px;
}

.b-comment__rating__negative {
  color: #e64b4b;
  font-family: 'Roboto Condensed', sans-serif;
}

.b-comment__rating__positive {
  color: #0bb506;
  font-family: 'Roboto Condensed', sans-serif;
}

.b-comment__reply {
  font-family: 'Roboto Condensed', sans-serif;
  padding: 0 0 0 27px;
  background: url("../i/icon-reply.png") no-repeat left center;
  color: #c2c2c2;
}

.b-comment__reply:hover {
  background: url("../i/icon-reply-active.png") no-repeat left center;
  color: #000;
}

.b-comment__info {
  color: #cccccc;
  margin-bottom: 10px;
  font-size: 0.9em;
  font-family: 'Roboto Condensed', sans-serif;
}

.b-comment__info strong {
  color: #4d4d4d;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
}

.b-comment__info strong a {
  color: #4d4d4d;
  text-decoration: none;
}

.b-comment__text {
  color: #818181;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Roboto Condensed', sans-serif;
}

.b-comment__form {
  max-width: 640px;
  position: relative;
}

.b-comment__form h3 {
  font-size: 1.4em;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  text-transform: uppercase;
  background: url("../i/icon-comment-big.png") no-repeat left center;
  padding: 0 0 0 40px;
  margin: 0 0 25px 0;
  letter-spacing: 1px;
  font-weight: normal;
}

.b-comment__form input {
  width: 160px;
  height: 30px;
  padding: 0 8px;
  border: #d0d0d0 1px solid;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  background: #f6f6f6;
  margin: 0 0 20px 0;
}

.b-comment__form input::-webkit-input-placeholder {
  color: #999999;
}

.b-comment__form input::-moz-placeholder {
  color: #999999;
}

.b-comment__form textarea {
  width: 100%;
  height: 110px;
  padding: 9px;
  border: #d0d0d0 1px solid;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  background: #f6f6f6;
  margin: 0 0 15px 0;
  resize: none;
}

.b-comment__form .btn {
  height: 35px;
  padding: 0 20px;
  border: none;
  font-family: 'league_gothicregular', 'league_gothicregular-ext', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #e4e4e4;
  margin: 0 0 20px 0;
  cursor: pointer;
  letter-spacing: 1px;
  color: #8d8d8d;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: background-color 0.3s 0.1s ease;
}

.b-comment__form .btn.rel {
  position: relative;
}

.b-comment__form .btn:hover,
.b-comment__form button:hover {
  background-color: #edecec;
}

.b-comment__form .btn[disabled],
.b-comment__form .btn[disabled]:hover {
  background-color: #e4e4e4;
  cursor: default;
  opacity: 0.5;
}

.b-comment__form .btn.fake-btn {
  display: none;
}

.btn-waiting,
.btn-waiting:hover,
.btn-waiting:active {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
  animation: button-waiting 1s linear infinite;
}

@keyframes button-waiting {
  from {
    background-position: 16px 0;
  }

  to {
    background-position: 0 0;
  }
}

.b-comment__captcha img {
  margin: 0 10px -10px 10px;
  height: 33px;
}

.b-comment__auth {
  position: absolute;
  right: 0;
  top: 55px;
  color: #999;
}

.b-comment__auth img {
  margin: 0 0 -7px 7px;
}

.b-comment__captcha a {
  background: rgba(0, 0, 0, 0) url("../i/old-view-refresh.png") repeat scroll 0 0;
  display: inline-block;
  height: 32px;
  vertical-align: top;
  text-indent: -9000px;
  width: 32px;
}

.b-comment__form .errorMessage {
  color: #999;
  margin-bottom: 20px;
  margin-top: -15px;
}

.b-comment .flash-success {
  color: #999;
  margin-bottom: 20px;
  margin-top: -10px;
}

.b-comment__auth .social-profile {
  float: right;
  font-family: 'Roboto Condensed', sans-serif;
}

.b-comment__form .social-profile .profile {
  margin-bottom: 15px;
  float: left;
}

.b-comment__form .social-profile .profile img {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 0 4px 0 0;
  padding: 3px;
  float: left;
}

.b-comment__form .social-profile a {
  display: inline-block;
  font-size: 14px;
  color: #999;
}

.b-comment__form .social-profile a.social-logout {
  display: block;
}

/*! Social Likes v3.1.0 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */

.social-likes {
  display: block;
}

.social-likes,
.social-likes__widget {
  padding: 0;
  vertical-align: middle !important;
  word-spacing: 0 !important;
  text-indent: 0 !important;
  list-style: none !important;
}

.social-likes {
  opacity: 0;
}

.social-likes_visible {
  opacity: 1;
  transition: opacity .1s ease-in;
}

.social-likes > * {
  display: inline-block;
  visibility: hidden;
}

.social-likes_vertical > * {
  display: block;
}

.social-likes_visible > * {
  visibility: inherit;
}

.social-likes__widget {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  width: 50px;
  height: 50px;
}

.social-likes__widget:before,
.social-likes__widget:after {
  display: none !important;
}

.social-likes_vertical .social-likes__widget {
  float: left;
  clear: left;
}

.social-likes__button,
.social-likes__icon,
.social-likes__counter {
  text-decoration: none;
  text-rendering: optimizeLegibility;
}

.social-likes__button {
  display: inline-block;
  margin: 0;
  outline: 0;
  border: none;
}

.social-likes__counter {
  margin: 0;
  outline: 0;
}

.social-likes__button {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.social-likes__button:before {
  content: "";
  display: inline-block;
}

.social-likes__icon {
  position: absolute;
  top: 0;
  left: 0;
}

.social-likes__counter {
  display: none;
  position: relative;
}

.social-likes_ready .social-likes__counter,
.social-likes__counter_single {
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 10px;
  color: #000;
}

.social-likes_ready .social-likes__counter_empty {
  display: none;
}

.social-likes_vertical .social-likes__widget {
  display: block;
}

.social-likes_notext .social-likes__button {
  padding-left: 0;
}

.social-likes_single-w {
  position: relative;
  display: inline-block;
}

.social-likes_single {
  position: absolute;
  text-align: left;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .11s, opacity .1s ease-in;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.social-likes_single.social-likes_opened {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s ease-out;
}

.social-likes__button_single {
  position: relative;
}

.social-likes,
.social-likes__widget {
  border: 0;
  font-size: 14px;
}

.social-likes__widget {
  line-height: 20px;
}

.social-likes {
  min-height: 28px;
  margin: 0;
}

.social-likes,
.social-likes_single-w {
  line-height: 20px;
  font-size: 0;
}

.social-likes__widget {
  margin: 3px;
}

.social-likes__button {
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: border .1s ease-in-out, color .2s ease-in-out;
}

.social-likes__icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}

.social-likes_vertical {
  margin: -6px -4px;
}

.social-likes_vertical .social-likes__widget {
  margin: 6px 4px;
}

.social-likes_notext .social-likes__widget {
  margin: 0;
}

.social-likes_notext .social-likes__button {
  width: 100%;
  border: none;
  height: 100%;
}

.social-likes_single {
  margin-top: -16px;
  padding: 6px 6px 4px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.social-likes__widget_single {
  margin: 0;
}

.social-likes__button_single {
  padding-left: 19px;
  background: #e2e2e2;
  background: linear-gradient(to bottom, #f7f7f7, #e2e2e2);
  color: #444;
  border-color: #ccc;
  border-color: rgba(179, 179, 179, 0.8);
  border-bottom-color: rgba(153, 153, 153, 0.8);
}

.social-likes__button_single:hover,
.social-likes__widget_active .social-likes__button_single {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f0f0f0, #cfcfcf);
  color: #222;
  border-color: #bbb;
  border-bottom-color: #9f9f9f;
}

.social-likes__icon_single {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAACmUlEQVR42kySX0hTYRjGn/O3nQ3FTduc1gwsQA1VCgK9iYmBDIjwxvDGO70qVIRUKUTwbiKI6rWgGEOhFAhCJMYIQxiSjIgybIi2tuHcOTv/z9fZCaIH3psPfu/3Pg8PRQiho9vRlxk989SAEaBAWbqlQzd1lMUxHDiaAwGhWbC/A3zg9eiT0VdMmkuPade1MY1oNzRKcxGWCN4Kr+Cr9An+Kr8gWZKQU3MCGLgsyvIV6eLd7bfbHOu55emTVMlng2A5Fn1tfei+3Y3/tfdtD7upXYiyCFqlfcJNIcJeqpfNJmuC4ihMh6fRWN2Is8IZEj8TDtQV6nIWpTIpxE/icFNuqJraxJa0EsnLeUw8mnCgnS87WPy4CEmTHHDjaANttW1I/Uo5XlVDBdEJYUO+kLUaWUWNpwZZKYv5+DzqKuuwEFkAAUE0HkXiNAE350ZRK8JODpzBEZqhGVKGyto/2UdGymD4wTCa/c1o8bdg8N4gSkYJXsGLpkCTMzzLgz08PaR6V3tB8RTs1ODm3SjIhX/BFJUiLq4uMBOeQc+dHudt6s2UxSqGAkVWQFs07O8dD3Mf5pCVsyCEYPlgGbUVtQg3hmGYBmLHMaRzabCmaRKO4mARCwwYTD6cxFpyDePvxp3t5ZOXIkuwLWE9uY6RrREE+aADAgYg6iIG7g+gv7XfmeR5EhQotAfbnQWbR5uYfT+LhqoGWIplg4b5HSZ8AitgK7kFWZUx1DmEjmCHA6QLaawkVhD7HIOH9oCYBKZu/qBCj0PPqjurX9hwkDAEdiGcfta4/yadLWWd3nqveQGCss7zn/ILTOvz1oPccU6neTpADMK4iOuKMRmxJJVEpaSIvMWLLsslWpolm4r5VT6TV+o766N/BBgAW0s6t4L8o7kAAAAASUVORK5CYII=");
  background-position: 2px 3px;
}

.social-likes__widget {
  border-right: 1px solid #000;
}

.social-likes__widget:hover {
  background: #f9f9f9;
}

.social-likes__widget_facebook:hover .social-likes__button_facebook .social-likes__icon_facebook {
  background: url("../i/icon-social.png") no-repeat -6px 1px;
  opacity: 1;
}

.social-likes__icon {
  width: 25px;
  height: 18px;
  margin: 16px 0 0 11px;
  background: url("../i/icon-social.png") no-repeat -6px 1px;
  opacity: .5;
}

.social-likes__button_twitter .social-likes__icon_twitter {
  background: url("../i/icon-social.png") no-repeat -38px 0;
  opacity: .5;
}

.social-likes__widget_twitter:hover .social-likes__button_twitter .social-likes__icon_twitter {
  background: url("../i/icon-social.png") no-repeat -38px 0;
  opacity: 1;
}

.social-likes__button_plusone {
  padding-left: 12px;
  background: #e4e4e4;
  background: linear-gradient(to bottom, #f5f5f5, #e4e4e4);
  color: #da573b;
  border-color: #bbb;
  border-color: rgba(204, 204, 204, 0.8);
  border-bottom-color: rgba(179, 179, 179, 0.8);
}

.social-likes__button_plusone:hover {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
  color: #cd4427;
  border-color: #ddd;
  border-bottom-color: #ccc;
}

.social-likes__icon_plusone {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAMAAADqIa48AAAA1VBMVEX////w8PDaVzv6+vr29vbijXveaU/s5uXcalHmqp3p5eTfeGLnoJH77erw6ujcYUX39PTlinfhiHXfbVPxysLaWT3u6urbWz/t6enx6efggm78/PzutKfdZUvecVjq4d/kraHcYUb02NLjgWvcZ03gkH7fiXbcYkf33df4+Pj44dzxxLrebVXmu7Lw8PDgdFzgfGbo4+LssqXccVnl1tPcmozdemTcdFznlILaWTzcaE/kzsrik4L48fDsq53219Hhd2DdclvaVzr57Orj09Dqp5jl2daL4EW+AAAAAnRSTlMA+MX1txYAAAB3SURBVAgdLcEDFsMAEEDB341q27ZtbHH/IzV96QzBQDIkLiuKP2yUylKJGBCLAwkpAilcaclkIZcHCiIO6ARw5A5otQb1RhNoabvT7fVxDYajsV7xTGc6X+BZqq7WwGa7s/YHPZ7gfDFM82brA3z8PG198ffWzxcvuAx4n4cZ9wAAAABJRU5ErkJggg==");
  background-position: 0 6px;
}

.social-likes__button_mailru {
  padding-left: 18px;
  background: #004584;
  background: linear-gradient(to bottom, #5d90ba, #004584);
  color: #fff;
  color: rgba(255, 255, 255, 0.95);
  border-color: #1e65a5;
  border-color: rgba(11, 84, 153, 0.8);
  border-bottom-color: rgba(3, 27, 48, 0.8);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.social-likes__button_mailru:hover {
  background: #001e5d;
  background: linear-gradient(to bottom, #618cae, #001e5d);
  color: #fff;
  color: rgba(255, 255, 255, 0.99);
  border-color: #094984;
  border-bottom-color: #031b30;
}

.social-likes__icon_mailru {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAACXUlEQVR42nyTbUhTYRiGLzU1WxgqfqK5pSkaliASRb8qwLIIIaAQQ4qsAJLof4ghUkhQlJlihq6gyiTBqFQrmuIS0TDNUSubqS3bVHNzW7r1nJgxE3zh4pzD8/G+9/2cF1ZZiz1sXC3u919yCFAoFAmZPiGDcEe4HpDN3IpiKdR4PDzz8yPF+A1D9wDmySnsCdGEZqYSlRRPssRHJZ4rDQYA/L2F4W43L23zxBaWoM0u4Mp3C43pGrpedFObksel4goezMyhUvKWybF3Ur3wlsX8fVRqL7JfgsOCx4dblg7azxymak6HXXj4T6dLj1N3m/cn88j4reen4TGGrDRuAOUFuTT8eoNFafK6huP3ymhTNlJOu8Yyw9aIDQQNGmm7XMxu0RR2opTy3g/UAtMNLajVsfiVnCLf4STw6wRNkrNHZG33/zJOKkBwIH0/rOyYtWHT9VOjFAIAI64F6gEAYiIYBhg1s9l/yIgDIFXN2o8mpkNVqORIbt8RipzopXdxPhLANIHTv66ZPocLpyaOgxVamuwOHItutNJgvdeT9PgoKpaKI8PIFcc9jR30AgS2XKVLMWT8OQdydnJtsh2T1+W/Rr2qRm/rxGFu5alirny/A9YBIIYdMjYzLi7Oy/NscBDnjuZQX3qa+7syqQLylA0Ulz89YTRNwzHfPywgI5nzd8so2rKJJMAkU9CZrVgTY4hQhRC37QiVY5NkTc0yAtQJjgAAwCNO9998hNU6i9PjxhUVjjoxlr02B2GDn7H1DHFBxtkK6IWFFRfDu1IEjZDgxSKMCU3Csin8EWAAcfkVu4j5tGUAAAAASUVORK5CYII=");
  background-position: 1px 2px;
}

.social-likes_notext .social-likes__icon_mailru {
  background-position: 2px 2px;
}

.social-likes__button_vkontakte .social-likes__icon_vkontakte {
  background: url("../i/icon-social.png") no-repeat -99px 0;
  opacity: .5;
}

.social-likes__widget_vkontakte:hover .social-likes__button_vkontakte .social-likes__icon_vkontakte {
  background: url("../i/icon-social.png") no-repeat -99px 0;
  opacity: 1;
}

.social-likes__button_odnoklassniki {
  padding-left: 17px;
  background: #f6900b;
  background: linear-gradient(to bottom, #f6bb6d, #f6900b);
  color: #fff;
  color: rgba(255, 255, 255, 0.95);
  border-color: #d99c27;
  border-color: rgba(217, 154, 38, 0.8);
  border-bottom-color: rgba(197, 137, 7, 0.8);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
}

.social-likes__button_odnoklassniki:hover {
  background: #f69a21;
  background: linear-gradient(to bottom, #fbcc5a, #f69a21);
  color: #fff;
  color: rgba(255, 255, 255, 0.99);
  border-color: #f0b22c;
  border-bottom-color: #c59121;
}

.social-likes__icon_odnoklassniki {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAQAAACcwS2GAAAA4ElEQVQYGQXBMUsCYQCA4Zc75yS3BoWQSHCK1oaGpjYLAgd3IZwkcOuHNBREEGQI/QFpy/GqranBkNCw8pKD83t7HgCMbXhmwxgAsORIVX22BMDqSvP59CGf6+oagPCtt0dsXBxqWAKw+tGPPZgeaFgC8Hmvzr0LXzodANCtpYmqpkm3Bhhnx52dYfvlfNju7WYnxthSf7NBepn1/VNb3GwtRqqqmib9GhQoP56q6lOXCgXAzTBWcw0TtwGLYazpa28/TTRMLPK2ls/SpFmn0KwvRvnsfR0iqlSIgIgyVaJ/7Q6fqBoqPZcAAAAASUVORK5CYII=");
  background-position: 4px 3px;
}

.social-likes_notext .social-likes__icon_odnoklassniki {
  background-position: 5px 3px;
}

.social-likes__button_pinterest {
  padding-left: 20px;
  background: #eee;
  background: linear-gradient(to bottom, #fefefe, #d3d3d3);
  color: #c71a28;
  border-color: #bbb;
  border-color: rgba(186, 186, 186, 0.8);
  border-bottom-color: rgba(153, 153, 153, 0.8);
}

.social-likes__button_pinterest:hover {
  background: #efefef;
  background: linear-gradient(to bottom, #fff, #d9d9d9);
  color: #c11524;
  border-color: rgba(186, 186, 186, 0.6);
  border-bottom-color: rgba(153, 153, 153, 0.6);
}

.social-likes__icon_pinterest {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAABYlBMVEX////CByTCByXCByS+BSC2ACTCBiS/ABXBByXBBiTCBiQAAAC/ACC5ABe0AB7BBiTBCCTBBCPBByW/AADCByTBCCXBCCXCAB/BBiTCBSTBByTBByTBByTBByW6AB3DByTBBiTBBiPCByTCBiW/BiDBBiTCBiO/BiPBBiS/BCK+BSHBByTBCCTBCCW5ACO8ABvCCCTBBiTBBiPCBiOZAAC/ACDCByPABSTCBiTCBiPCBiXBBiTCByTBByTBByLCBiTDCCTCCCTBByTBByXBByXBByXBBiXBByXBBiXCByTBCCWzABq/BiSAAADCBCTBBiXBBiXBByXBByXBByPBBiTCCCTBBiPCBiTBBiPBBSO4ABy/BSLBByXAByTAByW8BiG/BCTBByPCACS/BCPABCTACCOqAADCByLBCCTCCCTCBiTCBiTBByLBBiPCCCTBBiTCCCS+CCLCCCXCByTDCCXCByVy9s/zAAAAcnRSTlMA6ryWNwf9DObPswEQCxHspTqZBI3s6xn8Mo+csesass3a2fooW9Essjwv2+LmFhPpodOnBQjEaarZ2J3UzZR5qqqT1pH7Wq3s1eQKVAJH9Mnf3tuwgbBPe14SNG9NRS5AlxVIOYIGS8aiq6Mly8XXo0OXLlv1AAAA3ElEQVQYGQXBA4IDUAxAwVd763Zt27Zt22byc/+dAQAAAACAsvKIp6p52g8ABHINpmqiQV8CIFCpouvemtpS57whIKey1zQItLSaVUB7UMerzzN19bONDJikWXRLbSUd2mnW1d3Ta3302zfzlh4adjbCqIyRtAkmpyBqMkNG8yRtjt2FWNwjssyKrLLmwhubnq1tsZ1idt8O8JkeHh1zYnbKmViKCxG1S7JX19yETW7hzon476MPj095kRSQ8Irn+cVU1NxrHCD0Fom9m5qTjxIA4LP4VSj8/P4B/APnbDloW0CFhAAAAABJRU5ErkJggg==");
  background-position: 2px 1px;
}

.sm2-inline-status {
  font-size: 0;
}

.sm2-inline-status .cover {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}

.sm2-inline-status .cover img {
  max-width: 100%;
}

.sm2-inline-status .sm2-playlist {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1em;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
  width: calc(100% - 50px);
}

.sm2-inline-status .sm2-playlist marquee {
  display: inline-block;
  line-height: 1.5em;
}

.single-page-player .player-header {
  border-bottom: 1px solid #282828;
  text-align: center;
  padding: 24px 0;
}

.single-page-player .player-header .logo {
  display: inline-block;
  padding-left: 44px;
  position: relative;
  background: url("../i/open-player-logo.png") no-repeat 44px 0;
  width: 164px;
  height: 21px;
}

.single-page-player .player-header .logo:before {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0;
  top: -1px;
  background: url("../i/headphones.svg") no-repeat 0 0/23px 23px;
}

#wrapper .sm2-bar-ui {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.player-open #wrapper .sm2-bar-ui {
  max-width: none;
  display: block;
  position: relative;
  overflow: visible;
}

.player-open #wrapper .sm2-bar-ui .sm2-inline-element {
  width: 40px;
  min-width: 40px;
}

.player-open #wrapper .sm2-bar-ui .sm2-inline-status {
  width: 100%;
  min-width: 100%;
}

.player-open #wrapper .sm2-bar-ui .previous {
  background-position: 0 50%;
}

.player-open #wrapper .sm2-bar-ui .next {
  background-position: 100% 50%;
}

.player-open #wrapper .sm2-bar-ui .cover {
  width: 73px;
  padding-left: 23px;
}

.player-open #wrapper .sm2-bar-ui .sm2-inline-status .sm2-playlist {
  width: calc(100% - 73px);
}

.player-open #wrapper .sm2-bar-ui .bd.sm2-playlist-drawer {
  position: absolute;
  top: 100%;
  height: 0;
  text-align: left;
  left: 0;
  right: 0;
}

.player-open #wrapper .sm2-bar-ui .bd.sm2-playlist-drawer ul {
  max-height: 250px;
}

.player-open #wrapper .sm2-bar-ui .right-player-controls {
  width: 380px;
  min-width: 380px;
}

.player-open #wrapper .sm2-bar-ui .right-player-controls .sm2-menu {
  float: right;
  width: 70px;
  min-width: 70px;
  padding-top: 2px;
}

#wrapper .sm2-bar-ui .right-player-controls {
  display: table-cell;
  text-align: left;
  width: 255px;
  min-width: 255px;
}

.single-page-player #wrapper .sm2-bar-ui .right-player-controls {
  width: 190px;
  min-width: 190px;
}

#wrapper .sm2-bar-ui .right-player-controls > div {
  display: inline-block;
  vertical-align: middle;
}

#wrapper .sm2-bar-ui .bd,
#wrapper .sm2-bar-ui .sm2-extra-controls {
  background: transparent !important;
}

#wrapper .sm2-bar-ui .sm2-main-controls {
  height: 50px;
}

#wrapper .sm2-bar-ui .sm2-playlist-target li {
  text-align: left;
}

#wrapper .sm2-bar-ui .sm2-playlist-target li img,
#wrapper .sm2-bar-ui .sm2-playlist-target li em {
  display: none;
}

#wrapper .sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
  display: table-cell !important;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}

#wrapper .sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer {
  opacity: 1;
}

#wrapper .sm2-bar-ui .bd.sm2-playlist-drawer {
  background: transparent !important;
  opacity: 1;
}

#wrapper .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-playlist-wrapper {
  padding: 0;
  background: transparent;
}

#wrapper .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-playlist-wrapper a {
  padding: 10px 40px;
  font-size: 14px;
  font-family: 'helioscondregular';
  color: #fff;
}

#wrapper .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-playlist-wrapper a img {
  max-width: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

#wrapper .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-playlist-wrapper a span {
  display: inline-block;
  width: calc(100% - 70px);
  vertical-align: middle;
}

#wrapper .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-playlist-wrapper a span em {
  font-style: normal;
  display: block;
  margin-top: 4px;
}

.single-page-player #wrapper .sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer {
  height: 100% !important;
}

#wrapper .sm2-bar-ui .sm2-playlist-wrapper ul {
  max-height: 100%;
}

.player {
  display: none;
}

.single-page-player .player {
  display: block;
}

.single-page-player .player .sm2-menu {
  display: none !important;
}

.player .sm2-extra-controls {
  height: 50px;
}

.player .sm2-extra-controls .bd {
  height: 100%;
}

.player .sm2-extra-controls .sm2-inline-element {
  height: 50px;
}

.player .sm2-inline-gradient {
  display: none;
}

.player .sm2-progress-bd {
  padding: 0;
}

.player .sm2-progress .sm2-progress-track {
  background: #868686;
  border-radius: 0;
  height: 2px;
}

.single-page-player .player .sm2-progress .sm2-progress-track {
  height: 4px;
}

.player .sm2-playlist-wrapper ul li.selected a {
  background: rgba(41, 0, 246, 0.3);
}

.player .sm2-progress .sm2-progress-bar {
  background: #2900f6;
  height: 2px;
  border-radius: 0;
}

.single-page-player .player .sm2-progress .sm2-progress-bar {
  height: 4px;
}

.player .sm2-progress-ball {
  display: none;
}

.player .sm2-button-element a {
  transition: all .2s;
  line-height: normal;
}

.no-touchevents .player .sm2-button-element a:hover {
  opacity: .75;
}

.no-touchevents .player .sm2-button-element a:hover span {
  opacity: 1.25;
}

.player .sm2-button-element a span {
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  text-align: center;
  font-family: 'helioscondregular';
  font-size: 12px;
  font-weight: 400;
}

.player .sm2-menu {
  width: 70px;
  min-width: 70px;
  height: 50px;
  min-height: 50px;
  padding: 0;
}

.player .sm2-menu .sm2-button-bd {
  height: 100%;
}

.player .play-pause {
  background: url("../i/player-play.png") no-repeat 50% 50%;
  background: url("../i/play.svg") no-repeat 50% 50%/30px 30px;
}

.no-touchevents .player .play-pause:hover {
  background: url("../i/player-play-hover.png") no-repeat 50% 50%;
  background: url("../i/play-hover.svg") no-repeat 50% 50%/30px 30px;
}

.player.playing .play-pause {
  background: url("../i/player-stop.png") no-repeat 50% 50%;
  background: url("../i/pause.svg") no-repeat 50% 50%/30px 30px;
}

.no-touchevents .player.playing .play-pause:hover {
  background: url("../i/player-stop-hover.png") no-repeat 50% 50%;
  background: url("../i/pause-hover.svg") no-repeat 50% 50%/30px 30px;
}

.player .next {
  background: url("../i/player-next.png") no-repeat 50% 50%;
  background: url("../i/next.svg") no-repeat 50% 50%/14px 14px;
}

.no-touchevents .player .next:hover {
  background: url("../i/player-next-hover.png") no-repeat 50% 50%;
  background: url("../i/next-hover.svg") no-repeat 50% 50%/14px 14px;
}

.player .previous {
  background: url("../i/player-prev.png") no-repeat 50% 50%;
  background: url("../i/previous.svg") no-repeat 50% 50%/14px 14px;
}

.no-touchevents .player .previous:hover {
  background: url("../i/player-prev-hover.png") no-repeat 50% 50%;
  background: url("../i/previous-hover.svg") no-repeat 50% 50%/14px 14px;
}

.player .repeat {
  background: url("../i/player-repeat.png") no-repeat 50% 50%;
  background: url("../i/repeat.svg") no-repeat 50% 50%/22px 14px;
  /*.no-touchevents &:hover {
      background: url("../../i/player-repeat-hover.png") no-repeat 50% 50%;
      @include retina {
        background: url("../../i/player-repeat-hover-x2.png") no-repeat 50% 50%/22px 14px;
      }
    }*/
}

.player .shuffle {
  display: block;
  background: url("../i/player-shuffle.png") no-repeat 50% 50%;
  background: url("../i/shuffle.svg") no-repeat 50% 50%/22px 18px;
  /*.no-touchevents &:hover {
      background: url("../../i/player-shuffle-hover.png") no-repeat 50% 50%;
      @include retina {
        background: url("../../i/player-shuffle-hover-x2.png") no-repeat 50% 50%/22px 18px;
      }
    }*/
}

.player .player-release-info {
  transition: all .2s;
  background: url("../i/player-read.png") no-repeat 50% 50%;
  background: url("../i/doc.svg") no-repeat 50% 50%/16px 21px;
}

.no-touchevents .player .player-release-info:hover {
  background: url("../i/doc-active.svg") no-repeat 50% 50%/16px 21px;
}

.player .menu {
  background: url("../i/player-playlist.png") no-repeat 50% 50%;
  background: url("../i/playlist.svg") no-repeat 50% 50%/29px 13px;
  /*.no-touchevents &:hover {
      background: url("../../i/player-playlist-hover.png") no-repeat 50% 50%;
      @include retina {
        background: url("../../i/player-playlist-hover-x2.png") no-repeat 50% 50%/29px 13px;
      }
    }*/
}

.player .sm2-inline-time,
.player .sm2-inline-duration {
  display: none;
}

.player .sm2-button-element.active .shuffle {
  background: url("../i/player-shuffle-hover.png") no-repeat 50% 50%;
  background: url("../i/shuffle-active.svg") no-repeat 50% 50%/22px 18px;
}

.player .sm2-button-element.active .repeat {
  background: url("../i/player-repeat-hover.png") no-repeat 50% 50%;
  background: url("../i/repeat-active.svg") no-repeat 50% 50%/22px 14px;
}

.player.playlist-open .menu {
  background: url("../i/player-playlist-hover.png") no-repeat 50% 50%;
  background: url("../i/playlist-active.svg") no-repeat 50% 50%/29px 13px;
}

.player .sm2-volume {
  width: 75px !important;
  min-width: 75px;
  height: 15px;
  min-height: 17px;
}

.player .sm2-volume .sm2-button-bd {
  display: inline-block;
  width: 50px;
  height: 4px;
  min-height: 4px;
  min-width: 50px;
  vertical-align: middle;
}

.player .sm2-volume .volume-shade {
  background-image: none, url("../i/icomoon/entypo-25px-000000/SVG/volume.svg");
  opacity: 0.33;
}

.player .sm2-volume .sm2-volume-control,
.player .sm2-volume .sm2-volume-shade {
  background-position: 0 bottom;
  background-size: 200% auto;
  border: 1px solid #fff;
  opacity: 1;
}

.player .sm2-volume a.sm2-volume-control {
  background-color: #fff;
  border: 1px solid #fff;
}

.player .sm2-volume.muted a.sm2-volume-control {
  display: none;
}

.player .volume-icon {
  background: url("../i/volume-icon.png") no-repeat 0 0;
  background: url("../i/sound.svg") no-repeat 0 0/15px 15px;
  width: 15px;
  margin-right: 4px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}

footer {
  background: #000000;
  position: relative;
  z-index: 3;
}

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

footer .container {
  padding: 38px 20px 55px;
  max-width: 1220px;
  margin: 0 auto;
}

footer .container .boxed {
  padding-top: 20px;
}

.index-page footer .container {
  max-width: 1210px;
}

footer .logo {
  display: inline-block;
  background: url("../i/logo-footer.png") no-repeat 0 0;
  width: 123px;
  height: 112px;
  text-decoration: none;
  float: left;
  margin-top: -20px;
  margin-right: 66px;
}

footer .social {
  float: right;
}

footer .social ul li {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

footer .social ul li:last-child {
  margin-right: 0;
}

footer .social ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  transition: all .2s;
}

.no-touchevents footer .social ul li a:hover {
  opacity: .75;
}

footer .f-nav {
  display: inline-block;
  vertical-align: middle;
  max-width: 585px;
}

footer .f-nav a {
  color: #fff;
  text-decoration: none;
}

.no-touchevents footer .f-nav a:hover {
  text-decoration: none;
  opacity: .75;
}

footer .f-nav p {
  color: #b1b1b1;
  font-family: Verdana;
  font-size: 10px;
  margin-bottom: 4px;
  font-weight: 400;
}

footer .f-nav p:last-child {
  margin-bottom: 0;
}

footer .f-nav p.email {
  color: #fff;
  font-size: 12px;
  margin-bottom: 20px;
}

footer .f-nav p a {
  color: #fff;
}

footer .f-nav .add-mail {
  margin-bottom: 20px;
}

footer .f-nav .add-mail p {
  margin-bottom: 6px;
}

footer .f-nav ul {
  margin-bottom: 18px;
}

footer .f-nav ul li {
  display: inline-block;
  margin-right: 35px;
}

footer .f-nav ul li:after {
  margin-right: 0;
}

footer .f-nav ul li a {
  font-size: 17px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'aa_bebas_neueregular';
  transition: color 0.3s ease 0.1s;
  text-decoration: none;
}

.no-touchevents footer .f-nav ul li a:hover {
  border-bottom: 2px solid;
}

@media (min-width: 961px) {
  header .container nav {
    height: auto !important;
  }
}

@media (max-width: 1150px) {
  .afisha .afisha-item {
    width: 50%;
  }

  .afisha .afisha-item.last-item {
    display: none;
  }
}

@media (max-width: 1024px) {
  header .container .logo {
    width: 127px;
    height: 38px;
    background-size: 127px 38px;
  }

  header .container nav ul li {
    margin-right: 19px;
  }

  header .container .right-control .open-player {
    margin-left: 15px;
  }

  header .container .right-control .search {
    margin: 0 20px 0 30px;
  }

  .post-body .wide-box {
    margin: 0 -40px 30px;
  }

  .post-body .simple-slider .slick-arrow,
  .post-body .slider-with-part .slick-arrow {
    top: 175px;
  }

  .post-body .simple-slider .control-box,
  .post-body .slider-with-part .control-box {
    display: none !important;
  }

  .post-body .simple-slider .slide .img-wrap,
  .post-body .slider-with-part .slide .img-wrap {
    height: 400px;
  }

  .post-body .simple-slider {
    margin: 0 auto;
  }

  .player-open #wrapper .sm2-bar-ui .right-player-controls {
    width: 305px;
    min-width: 305px;
  }

  footer .social {
    margin-bottom: 34px;
  }

  footer .f-nav {
    display: block;
    max-width: none;
    overflow: hidden;
  }

  footer .f-nav ul {
    margin-bottom: 35px;
  }
}

@media (max-width: 960px) {
  .hide-desktop {
    display: block !important;
  }

  header .container a.link-mag {
    margin-top: 30px;
  }

  header .container nav {
    left: auto;
    padding-top: 0;
    transition: all .2s;
    right: -100%;
    width: 100%;
  }

  .menu-open header .container nav {
    right: 0;
  }

  header .container nav ul {
    background: #000;
    border-top: 1px solid #575659;
    margin-top: 105px;
    padding-top: 35px;
    padding-bottom: 50px;
  }

  header .container nav ul li {
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
  }

  header .container nav ul li a:after,
  header .container nav ul li a:before {
    display: none;
  }

  header .container nav ul li a {
    display: inline-block;
    padding: 10px 0;
  }

  header .container nav ul li.active a:after {
    display: block;
    top: 0;
  }

  header .container nav ul li.active a:before {
    display: block;
    top: 0;
  }

  .player-open header .container .right-control {
    top: 19px;
  }

  header .container .right-control a {
    display: none;
  }

  header .container .right-control .open-player {
    margin-left: 25px;
  }

  header .container .right-control .open-player .open-player-btn,
  header .container .right-control .open-player .open-inline-player-btn {
    display: inline-block;
  }

  header .container .right-control .search {
    margin: 0 0 0 30px;
  }

  header .container .right-control .search form {
    top: -34px;
  }

  #menu-toggle-wrapper {
    display: inline-block;
  }

  .posts-wrap .post-list-box {
    padding: 55px 20px 0 0;
  }

  .post-list {
    margin: 0 -10px;
  }

  .post-list .post-small {
    padding: 0 10px;
  }

  .post-list .post {
    padding: 0 10px;
  }

  .news-wrap .news-row .news-box {
    margin-bottom: 40px;
  }

  .news-wrap .news-row .news-box .news-list .news {
    width: 100%;
  }

  .news-wrap .news-row .news-box .news-list {
    margin-bottom: 0;
  }

  .post-body .simple-slider .slide .slide-descr p,
  .post-body .slider-with-part .slide .slide-descr p {
    padding-right: 0;
  }

  .post-body .slider-with-part .slider .slick-arrow.slick-prev {
    left: 10%;
  }

  .post-body .slider-with-part .slider .slick-arrow.slick-next {
    right: 10%;
  }

  .simple-title .post-descr .title-img {
    padding-right: 0;
    height: auto;
  }

  .simple-title .post-descr .title-img .banner {
    position: static;
    margin: 20px auto;
  }

  .recommended-news .news-list .news {
    width: 50%;
  }

  .mid-banner {
    margin: 0 10px 40px;
  }

  .top-banner {
    margin: 0 auto;
    padding-bottom: 0;
  }

  footer .f-nav ul li {
    display: block;
    margin-bottom: 11px;
  }
}

@media (max-width: 860px) {
  .posts-wrap .post-list-box {
    width: 100%;
    padding-right: 0;
  }

  .posts-wrap .post-list-box:before {
    right: -20px;
  }

  .posts-wrap .release-list {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .post-list .post {
    margin-bottom: 40px;
  }

  .news-list {
    max-width: 360px;
    margin-bottom: 50px;
  }

  .all-release {
    margin-bottom: 30px;
  }

  .release-box .release-list .release {
    width: 33.33333%;
  }

  .inner-page .release-box .release-list .release {
    margin-bottom: 40px;
    width: 50%;
  }

  .inner-page .release-box .release-list .release:nth-last-child(-n+2),
  .inner-page .release-box .release-list .release:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }

  .news-wrap .news-row .news-box .news-list {
    max-width: none;
  }

  .articles-wrap .post-list {
    margin: 0 -10px;
  }

  .articles-wrap .post-list .post {
    padding: 0 10px;
  }

  .options {
    display: none;
  }

  .afisha-wrap .container .afisha .afisha-item {
    width: 50%;
  }

  .afisha-wrap .container .afisha .afisha-item:nth-last-child(-n+4) {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .articles-wrap .post-list .post.post-small {
    width: 50%;
  }

  .post-body .container {
    padding: 0 20px;
    max-width: 680px;
  }

  .post-body .wide-box {
    padding: 0 20px;
    margin: 0 -20px 30px;
  }

  .post-body .wide-box .content {
    padding-left: 0;
    padding-right: 0;
  }

  .post-body .content {
    padding: 40px 20px;
    max-width: 680px;
  }

  .post-body .row .col {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .post-body .row .col:last-child {
    margin-bottom: 0;
  }

  .boxed .post-body .simple-slider .slick-arrow.slick-prev {
    left: 20px;
  }

  .post-body .simple-slider .slick-arrow.slick-prev {
    left: 20px;
  }

  .boxed .post-body .simple-slider .slick-arrow.slick-next {
    right: 20px;
  }

  .post-body .simple-slider .slick-arrow.slick-next {
    right: 20px;
  }

  .simple-title {
    padding: 40px 0 0;
  }

  .simple-title .post-descr .title-img img {
    max-width: 100%;
  }

  .news-inner .simple-title .post-descr h2,
  .news-inner .simple-title .post-descr h1 {
    font-size: 32px;
  }

  .simple-title .post-descr h2,
  .simple-title .post-descr h1 {
    font-size: 50px;
  }

  .simple-title .post-descr .post-meta-box {
    margin-bottom: 25px;
  }

  .player-open .sm2-inline-status {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    height: 50px;
  }

  .player-open #wrapper .sm2-bar-ui .cover {
    width: 50px;
    text-align: left;
    padding-left: 0;
  }

  .player-open #wrapper .sm2-bar-ui .sm2-inline-status .sm2-playlist {
    width: calc(100% - 50px);
  }

  .player-open #wrapper .sm2-bar-ui .sm2-main-controls {
    height: 100px;
    padding-bottom: 50px;
  }
}

@media (max-width: 640px) {
  .top-release {
    padding-bottom: 100px;
  }

  .top-release .release-wrap .album-cover {
    width: 100%;
    text-align: center;
  }

  .top-release .release-wrap .release-descr {
    width: 100%;
    margin-bottom: 30px;
  }

  .top-release .release-wrap .release-descr p.label {
    display: none;
  }

  .post-list .post-small {
    width: 100%;
    display: block;
    margin: 0 auto 50px;
  }

  .post-list .afisha {
    display: none;
  }

  .post-list .post a {
    max-width: 360px;
    display: block;
    margin: 0 auto;
  }

  .post-list .post .img-wrap img.small-img {
    display: block;
  }

  .post-list .post .img-wrap img.medium-img {
    display: none;
  }

  .pager {
    display: none;
  }

  .pager.pager-tablet {
    display: block;
  }

  .release-box .release-list .release {
    width: 50%;
    margin: 0 auto 60px;
  }

  .news-wrap .news-row {
    margin: 40px 0;
  }

  .news-wrap .news-row .month-title {
    width: 100%;
    display: block;
    margin-bottom: 40px;
  }

  .news-wrap .news-row .news-box {
    width: 100%;
  }

  .news-wrap .news-row .news-box .news-list {
    margin: 0 0 40px;
  }

  .news-wrap .news-row .news-box .news-list .news {
    padding: 0;
  }

  .news-wrap .news-row .news-box .news-list {
    max-width: 360px;
    padding: 0;
    display: block;
    margin: 0 auto;
  }

  .articles-wrap .post-list .post {
    margin-bottom: 50px;
  }

  .articles-wrap .post-list .post.post-small {
    width: 100%;
  }

  .article-top .post-descr .author {
    border-right: none;
    padding-right: 0;
  }

  .article-top .post-descr .post-meta-box .meta {
    display: block;
    margin: 10px 0 0;
  }

  .post-body .simple-slider .slick-arrow.slick-prev,
  .post-body .slider-with-part .slick-arrow.slick-prev {
    background: url("../i/slick-arrow-prev.png") no-repeat 50%;
  }

  .post-body .simple-slider .slick-arrow.slick-next,
  .post-body .slider-with-part .slick-arrow.slick-next {
    background: url("../i/slick-arrow-next.png") no-repeat 50%;
  }

  .post-body .slider-with-part .slider .slide {
    padding: 0;
  }

  .post-body .slider-with-part .slider .slide .img-wrap:after {
    display: none;
  }

  .post-body .slider-with-part .slider .slick-arrow.slick-prev {
    left: 20px !important;
  }

  .post-body .slider-with-part .slider .slick-arrow.slick-next {
    right: 20px !important;
  }

  .simple-title .post-descr .post-meta-box p.author,
  .simple-title .post-descr .post-meta-box p.link {
    margin-right: 0;
  }

  .simple-title .post-descr .post-meta-box p.author:after,
  .simple-title .post-descr .post-meta-box p.link:after {
    display: none;
  }

  .simple-title .post-descr .post-meta-box .meta {
    display: block;
    margin-top: 10px;
  }

  .share-bottom {
    display: none;
  }

  .recommended-news .news-list .news {
    width: 100%;
  }

  .afisha-wrap .container .afisha {
    padding: 0 15px;
  }

  .b-comment__simple {
    width: 100%;
    max-width: 100%;
  }

  .b-comment__sub {
    padding: 0;
  }

  .b-comment__avatar {
    display: none;
  }

  .b-comment__rating {
    display: none;
  }

  .b-comment__auth {
    position: relative;
    top: auto;
    margin-bottom: 20px;
    right: auto;
  }

  .b-comment__auth .social-profile {
    float: none;
  }

  footer .logo {
    margin-right: 30px;
  }
}

@media (max-width: 540px) {
  .post-body .simple-slider .slick-arrow,
  .post-body .slider-with-part .slick-arrow {
    background-size: 11px 30px !important;
    width: 11px;
    top: 135px;
    height: 30px;
  }

  .post-body .simple-slider .slide .img-wrap,
  .post-body .slider-with-part .slide .img-wrap {
    height: 300px;
  }

  .post-body .simple-slider .slide .slide-descr,
  .post-body .slider-with-part .slide .slide-descr {
    padding: 0;
  }

  .post-body .slider-with-part {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
  }

  .post-body .slider-with-part .slider .slide .slide-descr p {
    padding: 0 20px;
  }

  .tabs__caption {
    margin-top: 0;
  }

  .tabs__caption li {
    width: 80px;
  }

  .tabs__caption li span {
    display: none;
  }

  .tabs__caption li .title-mob {
    display: block;
  }

  .search-box .result-list .result-item .img-wrap,
  .search-box .result-list .result-item .post-descr {
    display: block;
  }

  .search-box .result-list .result-item .img-wrap {
    width: 100%;
    max-width: 220px;
  }

  .search-box .result-list .post-descr {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }

  .search-box .result-list .post-descr time {
    margin-bottom: 8px;
  }

  .afisha-wrap {
    padding: 60px 0;
  }

  .afisha-wrap .container .afisha .afisha-item {
    width: 100%;
    margin-bottom: 40px;
  }

  .afisha-wrap .container .afisha .afisha-item:nth-last-child(-n+4) {
    margin-bottom: 40px;
  }

  .b-comment__form .btn {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
  }

  .single-page-player .sm2-inline-status {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
  }

  .player-open #wrapper .sm2-bar-ui .sm2-inline-element {
    display: inline-block !important;
  }

  .player-open #wrapper .sm2-bar-ui .bd.sm2-playlist-drawer {
    left: -20px;
    right: -20px;
    width: auto;
  }

  .player-open #wrapper .sm2-bar-ui .right-player-controls {
    display: block;
    font-size: 0;
    width: 100%;
    min-width: 0;
  }

  .player-open #wrapper .sm2-bar-ui .right-player-controls {
    display: block;
    font-size: 0;
    width: 100%;
  }

  .player-open #wrapper .sm2-bar-ui .right-player-controls > div {
    width: 50% !important;
    text-align: center;
  }

  .player-open #wrapper .sm2-bar-ui .right-player-controls > div.sm2-menu {
    width: 70px !important;
    position: absolute;
    bottom: 0;
    right: -20px;
    float: none;
  }

  .single-page-player #wrapper .sm2-bar-ui .sm2-main-controls {
    height: 100px;
    padding-bottom: 50px;
  }

  .player-open #wrapper .sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
    display: inline-block !important;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
  }

  footer .logo {
    width: 80px;
    height: 73px;
    float: none;
    margin: 0 auto 20px;
    display: block;
    background-size: 80px 73px;
  }

  footer .social {
    float: none;
    margin-bottom: 20px;
    display: block;
    text-align: center;
  }

  footer .social ul li {
    margin-right: 25px;
  }

  footer .social ul li a {
    font-size: 20px;
  }

  footer .f-nav p {
    display: none;
  }

  footer .f-nav p.email {
    display: block;
  }

  footer .f-nav p {
    text-align: center;
  }

  footer .f-nav .add-mail {
    display: none;
  }

  footer .f-nav ul {
    margin-bottom: 40px;
  }

  footer .f-nav ul li {
    margin-right: 0;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .inner-page header .container .logo {
    width: 97px;
    height: 29px;
    background-size: 97px 29px;
  }

  header .container {
    padding-top: 29px;
    padding-bottom: 18px;
  }

  header .container .logo {
    width: 97px;
    height: 29px;
    background-size: 97px 29px;
  }

  header .container a.link-mag {
    width: 67px;
    height: 25px;
    background-size: 67px 25px;
  }

  header .container nav ul {
    margin-top: 80px;
  }

  header .container .right-control {
    top: 27px;
  }

  header .container .right-control .open-player .open-player-btn,
  header .container .right-control .open-player .open-inline-player-btn {
    width: 15px;
    height: 15px;
    background-size: 15px 15px !important;
  }

  header .container .right-control .search .open-search {
    width: 15px;
    height: 15px;
    background-size: 15px 15px !important;
  }

  .player-open header .container .right-control .search form {
    top: -22px;
  }

  header .container .right-control .search form {
    top: -30px;
    width: 320px;
    right: -20px;
    padding: 30px 40px 30px 15px;
  }

  header .container .right-control .search form button {
    right: 15px;
  }

  #menu-toggle-wrapper {
    left: 15px;
    top: 22px;
  }

  .release-box .release-list .release {
    width: 100%;
  }

  .inner-page .release-box .release-list .release {
    width: 100%;
  }

  .inner-page .release-box .release-list .release:nth-last-child(-n+2),
  .inner-page .release-box .release-list .release:nth-last-of-type(-n+2) {
    margin-bottom: 40px;
  }

  .inner-page .release-box .release-list .release:last-child {
    margin-bottom: 0;
  }

  .article-top {
    height: calc(100vh - 80px);
    min-height: 300px;
  }

  .article-top .post-descr .date {
    padding-right: 0;
    border-right: none;
  }

  .article-top .post-descr .author {
    display: block !important;
    margin-top: 10px;
    margin-right: 0 !important;
  }

  .post-body .simple-slider .slide .slide-descr p,
  .post-body .slider-with-part .slide .slide-descr p {
    padding-bottom: 0;
    color: #848484;
  }

  .simple-title .post-descr .post-meta-box p.date {
    margin-right: 0;
  }

  .simple-title .post-descr .post-meta-box p.date:after {
    display: none;
  }

  .simple-title .post-descr .post-meta-box p.author,
  .simple-title .post-descr .post-meta-box p.link {
    display: block;
    margin-top: 10px;
  }

  .b-comment__auth img {
    margin-left: 0;
  }

  .b-comment__auth .social-profile span {
    margin-bottom: 7px;
    display: inline-block;
  }

  .b-comment__form .social-profile a {
    display: table;
    margin-left: 0;
    margin-bottom: 14px;
  }

  .b-comment__form .social-profile a:last-child {
    margin-bottom: 0;
  }

  #wrapper .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-playlist-wrapper a {
    padding: 10px 20px;
  }

  footer .f-nav {
    clear: both;
  }
}

@media screen and (max-width: 450px) {
  .player-open #wrapper .sm2-bar-ui .sm2-inline-status .sm2-playlist {
    width: calc(100% - 75px);
  }

  .single-page-player #wrapper .sm2-bar-ui .right-player-controls {
    display: block;
    font-size: 0;
    width: 100%;
  }

  .single-page-player #wrapper .sm2-bar-ui .right-player-controls > div {
    width: 50% !important;
    min-width: 0;
    text-align: center;
  }

  #wrapper .sm2-bar-ui .bd {
    display: block;
  }

  .player-open #wrapper .sm2-bar-ui .sm2-main-controls {
    height: 150px;
  }

  .single-page-player #wrapper .sm2-bar-ui .sm2-main-controls {
    height: 150px;
  }

  .single-page-player #wrapper .sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
    display: inline-block !important;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
  }

  .player .sm2-extra-controls .sm2-inline-element {
    display: inline-block !important;
  }
}

@media screen and (max-width: 440px) {
  .pager.pager-tablet {
    display: none;
  }

  .pager.pager-mob {
    display: block;
  }
}

@media (max-width: 360px) {
  .top-release .release-wrap .album-cover img {
    max-width: 200px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  header .container .right-control .open-player .open-player-btn,
  header .container .right-control .open-player .open-inline-player-btn {
    background: url("../i/player-open-x2.png") no-repeat 0 0/23px 23px;
    background: url("../i/headphones.svg") no-repeat 0 0/23px 23px;
  }

  header .container .right-control .search .open-search {
    background: url("../i/search-btn-x2.png") no-repeat 0 0/21px 21px;
    background: url("../i/search.svg") no-repeat 0 0/21px 21px;
  }

  header .container .right-control .search form button {
    background: url("../i/search-btn-x2.png") no-repeat 0 0/21px 21px;
    background: url("../i/search.svg") no-repeat 0 0/21px 21px;
  }

  .top-release .release-wrap .release-descr p.label:before {
    background: url("../i/player-open-x2.png") no-repeat 0 0/18px 18px;
  }

  .posts-wrap .release-list h2:before {
    background: url("../i/player-open-x2.png") no-repeat 0 0/18px 18px;
  }

  .simple-title .post-descr .post-meta-box p.link a {
    background: url("../i/link-icon-x2.png") no-repeat 0 0/16px 16px;
  }

  .search-box .search-form .field-wrap button {
    background: url("../i/search-btn-black-x2.png") no-repeat 50% 50%/17px 16px;
  }

  .no-touchevents .search-box .search-form .field-wrap button:hover {
    background: url("../i/search-btn-x2.png") no-repeat 50% 50%/17px 16px;
  }

  .player .play-pause {
    background: url("../i/player-play-x2.png") no-repeat 50% 50%/30px 30px;
    background: url("../i/play.svg") no-repeat 50% 50%/30px 30px;
  }

  .no-touchevents .player .play-pause:hover {
    background: url("../i/player-play-hover-x2.png") no-repeat 50% 50%/30px 30px;
    background: url("../i/play-hover.svg") no-repeat 50% 50%/30px 30px;
  }

  .player.playing .play-pause {
    background: url("../i/player-stop-x2.png") no-repeat 50% 50%/30px 30px;
    background: url("../i/pause.svg") no-repeat 50% 50%/30px 30px;
  }

  .no-touchevents .player.playing .play-pause:hover {
    background: url("../i/player-stop-hover-x2.png") no-repeat 50% 50%/30px 30px;
    background: url("../i/pause-hover.svg") no-repeat 50% 50%/30px 30px;
  }

  .player .next {
    background: url("../i/player-next-x2.png") no-repeat 50% 50%/14px 14px;
    background: url("../i/next.svg") no-repeat 50% 50%/14px 14px;
  }

  .no-touchevents .player .next:hover {
    background: url("../i/player-next-hover-x2.png") no-repeat 50% 50%/14px 14px;
    background: url("../i/next-hover.svg") no-repeat 50% 50%/14px 14px;
  }

  .player .previous {
    background: url("../i/player-prev-x2.png") no-repeat 50% 50%/14px 14px;
    background: url("../i/previous.svg") no-repeat 50% 50%/14px 14px;
  }

  .no-touchevents .player .previous:hover {
    background: url("../i/player-prev-hover-x2.png") no-repeat 50% 50%/14px 14px;
    background: url("../i/previous-hover.svg") no-repeat 50% 50%/14px 14px;
  }

  .player .repeat {
    background: url("../i/player-repeat-x2.png") no-repeat 50% 50%/22px 14px;
    background: url("../i/repeat.svg") no-repeat 50% 50%/22px 14px;
  }

  .player .shuffle {
    background: url("../i/player-shuffle-x2.png") no-repeat 50% 50%/22px 18px;
    background: url("../i/shuffle.svg") no-repeat 50% 50%/22px 18px;
  }

  .player .player-release-info {
    background: url("../i/player-read-x2.png") no-repeat 50% 50%/16px 21px;
    background: url("../i/doc.svg") no-repeat 50% 50%/16px 21px;
  }

  .player .menu {
    background: url("../i/player-playlist-x2.png") no-repeat 50% 50%/29px 13px;
    background: url("../i/playlist.svg") no-repeat 50% 50%/29px 13px;
  }

  .player .sm2-button-element.active .shuffle {
    background: url("../i/player-shuffle-hover-x2.png") no-repeat 50% 50%/22px 18px;
    background: url("../i/shuffle-active.svg") no-repeat 50% 50%/22px 18px;
  }

  .player .sm2-button-element.active .repeat {
    background: url("../i/player-repeat-hover-x2.png") no-repeat 50% 50%/22px 14px;
    background: url("../i/repeat-active.svg") no-repeat 50% 50%/22px 14px;
  }

  .player.playlist-open .menu {
    background: url("../i/player-playlist-hover-x2.png") no-repeat 50% 50%/29px 13px;
    background: url("../i/playlist-active.svg") no-repeat 50% 50%/29px 13px;
  }

  .player .volume-icon {
    background: url("../i/volume-icon-x2.png") no-repeat 0 0/15px 15px;
    background: url("../i/sound.svg") no-repeat 0 0/15px 15px;
  }
}