html,
body {
   width: 100%;
   margin: 0;
   padding: 0;
   font-family: Arial;
   background-color: #727275;
}

pre {
   font-family: inherit;
   font-size: inherit;
}

.container {
   margin-right: auto;
   margin-left: auto;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}

@media (max-width: 767px) {
   .container {
      width: 100% !important;
      padding-right: 10px;
      padding-left: 10px;
   }
}

@media (min-width: 768px) {
   .container {
      width: 100%;
   }
}

@media (min-width: 1200px) {
   .container {
      width: 1070px;
   }
}

.container .col {
   padding: 0;
}

.clr {
   clear: both;
}

.maincon {
   background-color: #32506d;
   padding-top: 20px;
   -webkit-box-shadow: 0px 0px 34px 5px rgba(24, 24, 38, 0.75);
   -moz-box-shadow: 0px 0px 34px 5px rgba(24, 24, 38, 0.75);
   box-shadow: 0px 0px 25px rgba(24, 24, 38, 0.75);
   margin-bottom: 60px;
   padding-bottom: 30px;
}

.header,
.header .container {
   position: relative;
   background-color: #32506d;
   z-index: 4000;
}

.header {
   width: 100%;
   height: 70px;
   margin-bottom: 50px;
   box-shadow: 0px 3px 10px rgba(24, 24, 38, 0.75);
}

.logo {
   margin-top: 15px;
   box-sizing: border-box;
}

.logo img {
   height: 40px;
}

.poisk {
   margin: 15px 0;
}

.poisk input,
.poisk button {
   -webkit-appearance: none;
   outline: none;
}

.poisk #codeint {
   display: none;
}

.search-block {
   box-sizing: border-box;
   width: 100%;
}

.inp {
   padding-right: 80px;
}

.string {
   box-sizing: border-box;
   width: 100%;
   border: 0;
   border-radius: 3px;
   padding: 10px 10px 10px 15px;
   font-size: 16px;
   background-repeat: no-repeat;
   background-position: 11px 10px;
   background-color: #40404d;
   color: #fff;
}

.submit {
   position: absolute;
   top: 0;
   right: 0;
   font-size: 16px;
   padding: 10px 0;
   width: 70px;
   background-color: #da063e;
   cursor: pointer;
   color: #fff;
   border: 0;
   border-radius: 3px;
   transition: all 0.2s ease;
}

.submit:hover {
   background-color: #ff0041;
}

#searchform {
   position: relative;
}

.pleer {
   position: fixed;
   z-index: 200;
   width: 100% !important;
   height: 70px !important;
   bottom: 0;
   background-color: #21212b;
   -webkit-box-shadow: 0px 0px 34px 5px rgba(24, 24, 38, 0.75);
   -moz-box-shadow: 0px 0px 34px 5px rgba(24, 24, 38, 0.75);
   box-shadow: 0px 0px 34px 5px rgba(24, 24, 38, 0.75);
}

.progressBar {
   cursor: pointer;
   overflow: hidden;
   transition: height linear .3s;
   position: absolute;
   top: 0;
   height: 15px;
   background-color: #005b48;
   max-width: 100%;
   right: 0px;
   left: 0px;
   color: #fff;
   font-size: 10px;
   z-index: 1000;
}

.downline {
   height: 70px;
}

.downloadBar {
   display: block;
   height: 15px;
   width: 100px;
   z-index: 201;
}

.playBar {
   top: 0;
   display: inline-block;
   height: 15px;
   background: #00d0a6;
}

.ttime {
   opacity: 0.7;
   padding-top: 2px;
}

.currentTime {
   position: absolute;
   left: 10px;
   top: 0;
}

.duration {
   position: absolute;
   right: 10px;
   top: 0;
}

.leftui {
   padding: 23px 20px 0 0;
}

.uil {
   opacity: 0.7;
   display: inline-block;
   float: left;
   cursor: pointer;
   transition: all 0.2s ease;
}

.uil:hover {
   opacity: 1;
}

.trackBack {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cGF0aCBkPSJNMzUuOTY1LDAuMTE0Yy0wLjMyOS0wLjE3MS0wLjcyNi0wLjE0OC0xLjAzMywwLjA2M0w3LjUsMTkuMDk1VjFjMC0wLjU1My0wLjQ0OC0xLTEtMXMtMSwwLjQ0Ny0xLDF2NDBjMCwwLjU1MywwLjQ0OCwxLDEsMSAgczEtMC40NDcsMS0xVjIyLjkwNWwyNy40MzIsMTguOTE5QzM1LjEwMyw0MS45NCwzNS4zMDEsNDIsMzUuNSw0MmMwLjE1OSwwLDAuMzE5LTAuMDM4LDAuNDY1LTAuMTE0ICBDMzYuMjk0LDQxLjcxMywzNi41LDQxLjM3MiwzNi41LDQxVjFDMzYuNSwwLjYyOCwzNi4yOTQsMC4yODcsMzUuOTY1LDAuMTE0eiIgZmlsbD0iI0ZGRkZGRiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
   background-repeat: no-repeat;
   background-position: 4px 4px;
   width: 24px;
   height: 24px;
   margin-top: 7px;
}

.trackForward {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cGF0aCBkPSJNMzUuNSwwYy0wLjU1MiwwLTEsMC40NDctMSwxdjE4LjA5NUw3LjA2OCwwLjE3N0M2Ljc2Mi0wLjAzNCw2LjM2NC0wLjA1Nyw2LjAzNSwwLjExNEM1LjcwNiwwLjI4Nyw1LjUsMC42MjgsNS41LDF2NDAgIGMwLDAuMzcyLDAuMjA2LDAuNzEzLDAuNTM1LDAuODg2QzYuMTgxLDQxLjk2Miw2LjM0MSw0Miw2LjUsNDJjMC4xOTksMCwwLjM5Ny0wLjA2LDAuNTY4LTAuMTc3TDM0LjUsMjIuOTA1VjQxYzAsMC41NTMsMC40NDgsMSwxLDEgIHMxLTAuNDQ3LDEtMVYxQzM2LjUsMC40NDcsMzYuMDUyLDAsMzUuNSwweiIgZmlsbD0iI0ZGRkZGRiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
   background-repeat: no-repeat;
   background-position: 4px 4px;
   width: 24px;
   height: 24px;
   margin-top: 7px;
}

.uil.jp-play {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQxLjk5OSA0MS45OTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQxLjk5OSA0MS45OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPHBhdGggZD0iTTM2LjA2OCwyMC4xNzZsLTI5LTIwQzYuNzYxLTAuMDM1LDYuMzYzLTAuMDU3LDYuMDM1LDAuMTE0QzUuNzA2LDAuMjg3LDUuNSwwLjYyNyw1LjUsMC45OTl2NDAgIGMwLDAuMzcyLDAuMjA2LDAuNzEzLDAuNTM1LDAuODg2YzAuMTQ2LDAuMDc2LDAuMzA2LDAuMTE0LDAuNDY1LDAuMTE0YzAuMTk5LDAsMC4zOTctMC4wNiwwLjU2OC0wLjE3N2wyOS0yMCAgYzAuMjcxLTAuMTg3LDAuNDMyLTAuNDk0LDAuNDMyLTAuODIzUzM2LjMzOCwyMC4zNjMsMzYuMDY4LDIwLjE3NnoiIGZpbGw9IiNGRkZGRkYiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
   background-repeat: no-repeat;
   background-position: 13px 11px;
   width: 40px;
   height: 40px;
   margin: 0 15px;
   border: 1px solid #fff;
   border-radius: 100%;
}

.chkd.play:hover,
.chkd.pause:hover {
   border-color: #ff0041;
}

.uil.jp-pause {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM1Ni45MTkgMzU2LjkxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU2LjkxOSAzNTYuOTE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9IkxheWVyXzgiPgoJCTxwYXRoIGQ9Ik0zMDEuMjAxLDcuNzIxVjM0OS4xOWMwLDQuMjY5LTMuNDU3LDcuNzI5LTcuNzE1LDcuNzI5aC02My43MDVjLTQuMjY4LDAtNy43MjctMy40Ni03LjcyNy03LjcyOVY3LjcyMSAgICBjMC00LjI2MywzLjQ1OS03LjcyMSw3LjcyNy03LjcyMWg2My43MDVDMjk3Ljc0NCwwLDMwMS4yMDEsMy40NTgsMzAxLjIwMSw3LjcyMXogTTEyNy4xNDIsMEg2My40MzggICAgYy00LjI2NiwwLTcuNzIxLDMuNDU4LTcuNzIxLDcuNzIxVjM0OS4xOWMwLDQuMjY5LDMuNDU1LDcuNzI5LDcuNzIxLDcuNzI5aDYzLjcwM2M0LjI2NSwwLDcuNzIzLTMuNDYsNy43MjMtNy43MjlWNy43MjEgICAgQzEzNC44NjQsMy40NTgsMTMxLjQwNywwLDEyNy4xNDIsMHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
   background-repeat: no-repeat;
   background-position: 11px 11px;
   width: 40px;
   height: 40px;
   margin: 0 15px;
   border: 1px solid #fff;
   border-radius: 100%;
}

.currentTrack {
   display: block;
   height: 50px;
   line-height: 50px;
   font-size: 14px;
   position: absolute;
   overflow: hidden;
   top: 17px;
   left: 160px;
   right: 170px;
   color: #fff;
   opacity: 0.8;
}

.rightui {
   position: absolute;
   right: 20px;
   top: 30px;
}

.uir {
   opacity: 0.8;
   display: inline-block;
   float: left;
   cursor: pointer;
   width: 24px;
   height: 24px;
   margin-right: 5px;
   transition: all 0.2s ease;
}

.uir:hover {
   opacity: 1;
}

.mute {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjc3LjU0OSwwaC00OGwtMTQ0LDE2MGgtNDhjLTE3LjY3MiwwLTMyLjM3NSwxNC4zMjYtMzIuMzc1LDMydjEyOGMwLDE3LjY3MiwxNC43MDMsMzIsMzIuMzc1LDMyaDQ4bDE0NCwxNjBoNDggICBjOC44MzYsMCwxNS42MjUtNy4xNjQsMTUuNjI1LTE2VjE2QzI5My4xNzQsNy4xNjQsMjg2LjM4NSwwLDI3Ny41NDksMHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0zODIuNDU2LDE4Ny45MDZjLTExLjEwOS0xMy43MjctMzEuMjk3LTE1Ljg5MS00NC45NjEtNC44NDRjLTEzLjc1LDExLjA0Ny0xNS45NDEsMzEuMjM0LTQuODc5LDQ1ICAgYzExLjc3LDE0LjYyNSwxMS43Nyw0MS4yNS0wLjAwOCw1NS44ODNjLTExLjA1NSwxMy43NTgtOC44NjMsMzMuOTQ1LDQuODgzLDQ0Ljk5MmM1LjY2NCw0LjU1NSwxMi43ODEsNy4wNjMsMjAuMDQzLDcuMDYzICAgYzkuNzYyLDAsMTguODU5LTQuMzUyLDI0Ljk1My0xMS45MzhDNDEzLjE4MiwyODUuODk4LDQxMy4xODIsMjI2LjEwMiwzODIuNDU2LDE4Ny45MDZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNNDU5LjkzNiwxMzguNTc4Yy02LjQyNi02LjY2NC0xNS4wNy0xMC40MTQtMjQuMzQtMTAuNTc4Yy05LjQ3NywwLjE0MS0xOC4wMzUsMy4yOTctMjQuNjg0LDkuNzI3ICAgYy0xMy43MzgsMTMuMjY2LTE0LjEzMywzNS4yNS0wLjg2Nyw0OS4wMjNjMzYuODc5LDM4LjE4LDM2Ljg3OSwxMDAuMzEzLTAuMDE2LDEzOC41MDhjLTEzLjI1LDEzLjc1OC0xMi44NTUsMzUuNzQyLDAuODU5LDQ4Ljk4NCAgIGM2LjQ4NCw2LjI5NywxNS4wNDMsOS43NTgsMjQuMDk4LDkuNzU4YzkuMzUyLDAsMTguNDQxLTMuODUyLDI0Ljk0OS0xMC41NzhDNTIyLjQ1NiwzMDguNjcyLDUyMi40NTYsMjAzLjMyLDQ1OS45MzYsMTM4LjU3OHoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
   background-repeat: no-repeat;
   background-position: 4px 4px;
}

.unmute {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDYxLjI1MywyNTZsMjUuMzc1LTI1LjM3NWMxMi40OTYtMTIuNDkyLDEyLjQ5Ni0zMi43NTgsMC00NS4yNWMtMTIuNS0xMi41LTMyLjc1OC0xMi41LTQ1LjI1OCwwbC0yNS4zNzEsMjUuMzcxICAgbC0yNS4zNzEtMjUuMzcxYy0xMi41LTEyLjUtMzIuNzU4LTEyLjUtNDUuMjU4LDBjLTEyLjQ5NiwxMi40OTItMTIuNDk2LDMyLjc1OCwwLDQ1LjI1TDM3MC43NDUsMjU2bC0yNS4zNzUsMjUuMzc1ICAgYy0xMi40OTYsMTIuNDkyLTEyLjQ5NiwzMi43NTgsMCw0NS4yNWM2LjI1LDYuMjUsMTQuNDM4LDkuMzc1LDIyLjYyOSw5LjM3NXMxNi4zNzktMy4xMjUsMjIuNjI5LTkuMzc1bDI1LjM3MS0yNS4zNzEgICBsMjUuMzcxLDI1LjM3MWM2LjI1LDYuMjUsMTQuNDM4LDkuMzc1LDIyLjYyOSw5LjM3NXMxNi4zNzktMy4xMjUsMjIuNjI5LTkuMzc1YzEyLjQ5Ni0xMi40OTIsMTIuNDk2LTMyLjc1OCwwLTQ1LjI1TDQ2MS4yNTMsMjU2eiIgZmlsbD0iI0Q4MDAyNyIvPgoJPHBhdGggZD0iTTI4Ny45OTksMGgtNDhsLTE0NCwxNjBoLTQ4QzMwLjMyNywxNjAsMTYsMTc0LjMyNiwxNiwxOTJ2MTI4YzAsMTcuNjcyLDE0LjMyNywzMiwzMS45OTksMzJoNDhsMTQ0LDE2MGg0OCAgIGM4LjgzNiwwLDE2LjAwMS03LjE2NCwxNi4wMDEtMTZWMTZDMzA0LDcuMTY0LDI5Ni44MzUsMCwyODcuOTk5LDB6IiBmaWxsPSIjRDgwMDI3Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
   background-repeat: no-repeat;
   background-position: 4px 4px;
}

.volumeBar {
   cursor: pointer;
   padding: 0;
   overflow: hidden;
   display: inline-block !important;
   width: 102px;
   height: 5px;
   background: #005b48;
   vertical-align: top;
   cursor: pointer;
   margin-left: .5em;
   float: right;
   margin-top: 9px;
}

.volume {
   cursor: pointer;
   background: #00d0a6;
   width: 40%;
   height: 5px;
   float: left;
}

h1 {
   font-weight: 100;
   font-size: 25px;
   color: #fff;
   margin-top: 0;
   border-bottom: 1px solid #2e2e3a;
   letter-spacing: 1px;
   padding-bottom: 10px;
}

.sidebar {
   padding-left: 20px !important;
}

.genres {
   display: block;
}

.genres a {
   font-size: 15px;
   display: block;
   padding: 10px;
   color: #fff;
   transition: all 0.15s ease;
   text-decoration: underline;
   box-sizing: border-box;
}

.selected,
.genres a.selected:hover {
   background-color: #ff0041 !important;
   color: #fff !important;
   text-decoration: none !important;
}

.genres a:hover {
   background-color: #921238 !important;
   color: #fff !important;
   text-decoration: none;
}

.opis {
   padding-bottom: 30px;
   line-height: 1.5;
   color: #757575;
   font-size: 0.9em;
   margin-top: 15px;
}

.opis a {
   color: #757575;
}

.nextpage,
.prevpage {
   background-color: #30303a;
   color: #eee;
   text-decoration: none;
   padding: 8px 12px;
   border-radius: 3px;
   margin-top: 10px;
   display: inline-block;
   transition: all 0.15s ease;
   cursor: pointer;
}

.nextpage:hover,
.prevpage:hover {
   background-color: #ff0041;
   color: #fff;
}

.results {
   margin: 0 -6px;
}

.chkd {
   display: block;
   cursor: default !important;
   position: relative;
   transition: all 0.15s ease;
   padding: 10px 5px;
   border-bottom: 1px solid #2e2e3a;
}

.chkd:hover {
   background-color: #2e2e3a;
}

.chkd.plays,
.chkd.pausing,
.chkd.plays h2 .title,
.chkd.plays h2 .title a {
   color: #fff;
   background-color: #21212b;
}

.track-item__content {
   min-height: 50px;
   font-size: 0.9em;
   overflow: hidden;
}

.track-item__content .title {
   font-weight: normal;
   color: #d1d1ef;
}

.track-item__content .title a {
   font-weight: 400;
   color: #d1d1ef;
}

.track-item__content .title a:hover {
   text-decoration: none;
}

.chkd .link {
   border-radius: 2px;
   cursor: pointer;
   width: 24px;
   height: 24px;
   display: inline-block;
   background-color: transparent;
   transition: all 0.2s ease;
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJjaGl2ZSI+CgkJPHBhdGggZD0iTTQ0Ni4yNSw1Ni4xbC0zNS43LTQzLjM1QzQwNS40NSw1LjEsMzk1LjI1LDAsMzgyLjUsMGgtMzA2QzYzLjc1LDAsNTMuNTUsNS4xLDQ1LjksMTIuNzVMMTIuNzUsNTYuMSAgICBDNS4xLDY2LjMsMCw3Ni41LDAsODkuMjVWNDA4YzAsMjguMDUsMjIuOTUsNTEsNTEsNTFoMzU3YzI4LjA1LDAsNTEtMjIuOTUsNTEtNTFWODkuMjVDNDU5LDc2LjUsNDUzLjksNjYuMyw0NDYuMjUsNTYuMXogICAgIE0yMjkuNSwzNjkuNzVMODkuMjUsMjI5LjVoODkuMjV2LTUxaDEwMnY1MWg4OS4yNUwyMjkuNSwzNjkuNzV6IE01My41NSw1MWwyMC40LTI1LjVoMzA2TDQwMi45LDUxSDUzLjU1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
   background-repeat: no-repeat;
   background-position: 0 0;
}

.chkd a.link:hover,
.chkd.pausing a.link,
.chkd.plays a.link {
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJjaGl2ZSI+CgkJPHBhdGggZD0iTTQ0Ni4yNSw1Ni4xbC0zNS43LTQzLjM1QzQwNS40NSw1LjEsMzk1LjI1LDAsMzgyLjUsMGgtMzA2QzYzLjc1LDAsNTMuNTUsNS4xLDQ1LjksMTIuNzVMMTIuNzUsNTYuMSAgICBDNS4xLDY2LjMsMCw3Ni41LDAsODkuMjVWNDA4YzAsMjguMDUsMjIuOTUsNTEsNTEsNTFoMzU3YzI4LjA1LDAsNTEtMjIuOTUsNTEtNTFWODkuMjVDNDU5LDc2LjUsNDUzLjksNjYuMyw0NDYuMjUsNTYuMXogICAgIE0yMjkuNSwzNjkuNzVMODkuMjUsMjI5LjVoODkuMjV2LTUxaDEwMnY1MWg4OS4yNUwyMjkuNSwzNjkuNzV6IE01My41NSw1MWwyMC40LTI1LjVoMzA2TDQwMi45LDUxSDUzLjU1eiIgZmlsbD0iI2ZmMDA0MSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

.left-b {
   font-size: 13px;
   color: #9E9E9E;
}

.left-b .dur {
   margin: 0 15px;
}

a.lyrics {
   position: absolute;
   right: 70px;
   top: 12px;
   cursor: pointer;
   width: 24px;
   height: 24px;
   display: inline-block;
   background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yLDkuNWg1NGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkgyYy0xLjEwNCwwLTIsMC44OTYtMiwyUzAuODk2LDkuNSwyLDkuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMiwyMy41aDU0YzEuMTA0LDAsMi0wLjg5NiwyLTJzLTAuODk2LTItMi0ySDJjLTEuMTA0LDAtMiwwLjg5Ni0yLDJTMC44OTYsMjMuNSwyLDIzLjV6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTIsMzguNWg1NGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkgyYy0xLjEwNCwwLTIsMC44OTYtMiwyUzAuODk2LDM4LjUsMiwzOC41eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0yLDUyLjVoMzJjMS4xMDQsMCwyLTAuODk2LDItMnMtMC44OTYtMi0yLTJIMmMtMS4xMDQsMC0yLDAuODk2LTIsMlMwLjg5Niw1Mi41LDIsNTIuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
   background-repeat: no-repeat;
   background-position: 4px 4px;
   opacity: 0.7;
   transition: all 0.2s ease;
}

a.lyrics:hover {
   opacity: 1;
}

span.lyrics {
   height: auto;
   display: block;
   z-index: 10;
   padding: 0 0 20px 40px;
   font-size: 0.8em;
   color: #fff;
}

span.lyrics img {
   width: 32px;
}

span.lyrics.inv {
   display: none;
}

.goge {
   display: none;
}

.minicat {
   display: none;
   background-color: #30303a;
}

.minicat a {
   display: inline-block;
   float: left;
}

.track-item__share {
   font-size: 22px;
   color: #da063e;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   transition: .3s;
   opacity: .5;
   outline: 0;
}

.track-item__share:hover {
   opacity: 1;
}

.popup__title {
   margin-top: 0;
   text-align: center;
   color: #fff;
}

.white-popup {
   background: #25252f;
   padding: 30px 25px;
}

.mfp-close-btn-in .mfp-close {
   color: #da063e;
}

.music-content__poster img {
   max-width: 100%;
}

.music-content__text {
   line-height: 1.5;
   color: #757575;
   font-size: 0.9em;
}

.notify {
   color: #d1d1ef;
}

.more-track {
   position: relative;
   z-index: 100;
   background-color: #da063e;
   color: #fff;
   padding: 10px 20px;
   margin: 20px auto;
   width: 130px;
   display: block;
   border-radius: 3px;
   cursor: pointer;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   transition: .3s;
   opacity: .5;
}

.more-track:hover {
   opacity: 1;
}

.more-track._disabled {
   opacity: .4;
   cursor: default;
}

.radio-content__play-wrap {
   display: flex;
   justify-content: center;
   margin: 30px 0;
}

.mse-radio__play {
   width: 100px;
   height: 100px;
   background-color: #da063e;
   border-radius: 50%;
   opacity: .8;
   transition: 0.3s;
   background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMiAgIEMxMTcuOTU2LDY1LjEwNSwxMTcuOTU2LDU5LjMwNiwxMTMuOTU2LDU3LjAwNnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 42%;
   cursor: pointer;
}

.mse-radio__play:hover {
   opacity: 1;
}

.radio-content__play-text {
   display: flex;
   align-items: center;
   margin-left: 16px;
   font-size: 25px;
   color: #fff;
}

.radio-content__play-btn.play {
   background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzNS41NzggNTM1LjU3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTM1LjU3OCA1MzUuNTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMzEuNiw1MTYuMjc4YzAsMTAuNjU4LTguNjQxLDE5LjMtMTkuMywxOS4zSDEwNi4xNWMtMTAuNjU5LDAtMTkuMy04LjY0MS0xOS4zLTE5LjNWMTkuMyAgICAgYzAtMTAuNjU5LDguNjQxLTE5LjMsMTkuMy0xOS4zaDEwNi4xNWMxMC42NTksMCwxOS4zLDguNjQxLDE5LjMsMTkuM1Y1MTYuMjc4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNNDQ4LjcyOCw1MTYuMjc4YzAsMTAuNjU4LTguNjQxLDE5LjMtMTkuMywxOS4zaC0xMDYuMTVjLTEwLjY1OSwwLTE5LjMtOC42NDEtMTkuMy0xOS4zVjE5LjMgICAgIGMwLTEwLjY1OSw4LjY0MS0xOS4zLDE5LjMtMTkuM2gxMDYuMTVjMTAuNjU5LDAsMTkuMyw4LjY0MSwxOS4zLDE5LjNWNTE2LjI3OHoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
}

.mse-loading {
   z-index: 4500;
}

/* Скачивание трека */

.track-download__content {
   text-align: center;
}

.track-download__timer {
   font-size: 35px;
   border: 1px solid;
   padding: 15px;
   border-radius: 50%;
   color: #99103b;
   display: flex;
   width: 70px;
   height: 70px;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin: 0 auto;
}

.track-download__link {
   background-color: #99103b;
   color: #fff;
   line-height: 38px;
   display: inline-block;
   padding: 0 20px;
   border-radius: 3px;
   opacity: .7;
   transition: opacity .3s;
}

.track-download__link:hover {
   opacity: 1;
}

.logo__link {
   color: #fff;
   display: flex;
   align-items: center;
   font-size: 25px;
   text-transform: uppercase;
}

.logo__link img {
   margin-right: 10px;
}

/* Постер песни в треклисте */

.track-item__poster {
   display: flex;
   width: 54px;
   height: 54px;
   position: relative;
   background-image: url('/uploads/noalbum.png');
   background-size: contain;
   background-position: 0 0;
   border-radius: 50%;
   overflow: hidden;
   flex-shrink: 0;
   box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.57);
}

/* Кнопка воспроизведения в треклисте */

.start-play {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   cursor: pointer;
}

.start-play::before {
   background-color: rgba(255, 0, 65, 0.88);
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   content: '';
   opacity: 0;
   transition: opacity .3s;
}

/* Иконка воспроизведения на постере */

.start-play::after {
   position: relative;
   z-index: 10;
   content: "\f04b";
   display: inline-block;
   font: normal normal normal 18px/1 FontAwesome;
   color: #fff;
   opacity: 0;
   transition: opacity .3s;
}

/* Иконка паузы на постере */

.track-item.play .start-play::after {
   content: "\f04c";
}

/* Выделение постера и отображение кнопки воспроизведения при наведении или при воспроизведении */

.track-item.play .start-play::after,
.track-item:hover .start-play::after,
.track-item.play .start-play::before,
.track-item:hover .start-play::before {
   opacity: 1;
}

/* Отображение иконки для заблокированного трека */

._is-unavailable {
   cursor: default;
}

._is-unavailable .start::after,
._is-unavailable .start::before {
   opacity: 1;
}

._is-unavailable .start::after {
   content: "\f05e";
}

.track-item {
   display: flex;
}

.track-list {
   position: relative;
   padding-bottom: 5px;
}

.track-list__bg-poster {
   position: absolute;
   top: -20px;
   left: 0;
   width: 100%;
   min-height: 100%;
   height: calc(100% + 20px);
   background-repeat: no-repeat;
   background-size: cover;
   opacity: .05;
   filter: blur(4px) grayscale(100%);
}

.base-form__group {
   position: relative;
   display: flex;
   border: 0;
   padding: 0;
}

.base-form__label {
   font-size: 14px;
   margin-bottom: 5px;
   color: #757575;
   outline: 0;
}

.base-form__input {
   outline: 0;
   background-color: #fff;
   border: 1px solid #e3e3e3;
   border-radius: 2px;
   color: #767575;
   height: 32px;
   line-height: 32px;
   box-sizing: border-box;
   padding: 0 10px;
   margin-bottom: 15px;
   width: 100%;
}

.base-form__area {
   outline: 0;
   background-color: #fff;
   border: 1px solid #e3e3e3;
   border-radius: 2px;
   color: #767575;
   box-sizing: border-box;
   padding: 7px;
   margin-bottom: 15px;
   width: 100%;
   max-width: 100%;
   line-height: 20px;
}

.base-form__submit {
   border: 0;
   outline: 0;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   border-radius: 2px;
   transition: opacity, background .3s;
   font-weight: 100;
   background-color: #da063e;
   color: #fff;
   line-height: 38px;
   font-size: 16px;
   padding: 0 16px;
}

.base-form__submit:hover {
   background-color: #ff0041;
}

.required {
   color: red;
}

.notify a {
   color: #757575;
}

.feedback-form {
   margin-top: 40px;
}

.albums__content {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;
}

.albums__item {
   width: 20%;
   outline: 0;
   padding: 5px;
   opacity: .7;
   transition: opacity .3s;
}

.albums__item-poster {
   position: relative;
   width: 145px;
   height: 145px;
   max-width: 100%;
   box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
   background-image: url('/uploads/noalbum.png');
   background-size: contain;
}

.albums__item-poster-info {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 6px;
   font-size: 12px;
   opacity: 0;
   transition: opacity .3s;
   background-color: rgba(0, 0, 0, 0.68);
   color: #fff;
}

.albums__item:hover,
.albums__item:hover .albums__item-poster-info {
   opacity: 1;
}

.albums__item-poster-img {
   height: auto;
   vertical-align: middle;
   width: 100%;
}

.albums__title {
   margin-top: 0;
   padding: 0 20px;
   color: #444;
}

.index-box {
   margin-top: 30px;
   padding: 0 10px;
   display: flex;
   flex-wrap: wrap;
}

.index-box__item {
   padding: 5px;
   margin-right: 10px;
   margin-bottom: 10px;
   line-height: 100%;
   color: #fff;
   background-color: #861437;
   border-radius: 3px;
   transition: all 0.2s ease;
}

.index-box__item:hover {
   background-color: #da063e;
}

.abc__list {
   margin: 0;
   padding: 0 20px;
}

.abc__item {
   margin-bottom: 10px;
   color: #da063e
}

.abc__link {
   color: #d1d1ef;
}

@media (max-width: 1100px) {
   .albums__item-poster {
      height: auto;
   }
}

@media (max-width: 800px) {
   h1 {
      margin-top: 20px;
   }

   .rightui {
      display: none;
   }

   .currentTrack {
      right: 20px;
   }

   .chkd {
      height: auto;
      overflow: visible;
      padding: 4px 0;
      margin-bottom: 3px;
   }

   .track-item__content {
      height: auto;
      font-size: 0.85em;
      overflow: visible;
      line-height: 1.5;
      margin: 0 80px 0 15px;
      padding: 10px 0;
      overflow-x: hidden;
   }

   .chkd a.link {
      right: 5px;
      top: 9px;
   }

   .left-b {
      top: 15px;
      right: 5px;
      font-size: 12px;
   }


   a.lyrics {
      right: 67px;
      top: 7px;
   }

   span.lyrics {
      overflow-x: hidden;
      padding: 0 0 15px 20px;
   }

   .goge {
      display: block;
      cursor: pointer;
      background-color: #17171e;
      color: #757575;
      padding: 10px 8px 10px 34px;
      border-radius: 2px 2px 0 0;
      background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NjAuMDg4IDQ2MC4wODgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2MC4wODggNDYwLjA4ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjUuNTU1LDEzOS44NzJoMjU3LjUyNlY4OC43NjFIMjUuNTU1QzExLjQ0Miw4OC43NjEsMCwxMDAuMjAzLDAsMTE0LjMxNkMwLDEyOC40MjksMTEuNDQyLDEzOS44NzIsMjUuNTU1LDEzOS44NzJ6IiBmaWxsPSIjNzU3NTc1Ii8+CgkJCTxwYXRoIGQ9Ik0yNS41NTUsMjQyLjQyOWgyNTcuNTI2di01MS4xMTFIMjUuNTU1QzExLjQ0MiwxOTEuMzE4LDAsMjAyLjc2LDAsMjE2Ljg3NEMwLDIzMC45ODgsMTEuNDQyLDI0Mi40MjksMjUuNTU1LDI0Mi40Mjl6IiBmaWxsPSIjNzU3NTc1Ii8+CgkJCTxwYXRoIGQ9Ik0yNS41NTUsMjkzLjg3NHYwLjAwMUMxMS40NDIsMjkzLjg3NSwwLDMwNS4zMTYsMCwzMTkuNDNzMTEuNDQyLDI1LjU1NSwyNS41NTUsMjUuNTU1aDE3OC45MSAgICAgYy0yLjAyMS02LjIyNC0zLjA4OC0xMi43ODktMy4wODgtMTkuNTIzYzAtMTEuMjc3LDIuOTU3LTIyLjA5NCw4LjQ4LTMxLjU4OEgyNS41NTV6IiBmaWxsPSIjNzU3NTc1Ii8+CgkJCTxwYXRoIGQ9Ik00NTAuNjIzLDMwMi42MTFjLTEyLjYyLTEyLjYyMS0zMy4wODMtMTIuNjIxLTQ1LjcwNCwwbC0yNi41MzUsMjYuNTM1VjUyLjkyNmMwLTE3Ljg0OS0xNC40NjktMzIuMzE3LTMyLjMxOC0zMi4zMTcgICAgIHMtMzIuMzE4LDE0LjQ2OS0zMi4zMTgsMzIuMzE3djI3Ni4yMmwtMjYuNTM1LTI2LjUzNWMtMTIuNjIxLTEyLjYyLTMzLjA4My0xMi42MjEtNDUuNzA0LDAgICAgIGMtMTIuNjIxLDEyLjYyMS0xMi42MjEsMzMuMDgzLDAsNDUuNzA0bDgxLjcsODEuNjk5YzEyLjU5NiwxMi42LDMzLjA4NCwxMi42NDMsNDUuNzE0LDBsODEuNy04MS42OTkgICAgIEM0NjMuMjQzLDMzNS42OTQsNDYzLjI0NCwzMTUuMjMyLDQ1MC42MjMsMzAyLjYxMXoiIGZpbGw9IiM3NTc1NzUiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
      background-repeat: no-repeat;
      background-position: 10px 12px;
      text-decoration: none;
      margin: 45px 0 0 0;
   }

   .genres {
      display: none;
   }

   .logo {
      text-align: center;
   }

   .minicat a {
      display: block;
      width: 100%;
      color: #fff;
      padding: 10px;
      border-top: 1px solid #25252f;
   }

   .track-item__share {
      font-size: 18px;
      top: 15px;
      right: 80px;
   }

   .track-item__poster {
      width: 45px;
      height: 45px;
   }
}

@media (max-width: 450px) {
   .albums__item {
      width: 50%;
   }
}

.full-track {
   color: #d1d1ef;
}

.full-track__top {
   display: flex;
}

.full-track__poster {
   margin-right: 15px;
   box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.48);
}

.full-track__info {
   display: flex;
   flex-direction: column;
   flex: 1;
}

.full-track__info-item {
   height: 32px;
   line-height: 32px;
}

.full-track__info-item {
   width: 100%;
   padding: 0 15px;
}

.full-track__info-item-name {
   width: 150px;
   display: inline-flex;
}

.full-track__info-item:nth-child(2n+1) {
   background-color: #393944;
}

.full-track__text {
   padding: 15px 0;
   line-height: 24px;
}

.full-track__action {
   display: flex;
   justify-content: space-between;
   margin: 10px 0 20px;
}

.full-track__share {
   display: flex;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap;
   padding: 15px;
   margin: 10px 0 30px;
   background-color: #393944;
}

.full-track__share-btns {
   padding: 7px;
}

.full-track__action-item {
   display: inline-flex;
   align-items: center;
   height: 50px;
   padding: 0 20px;
   background-color: #333;
   color: #fff;
   line-height: 50px;
   cursor: pointer;
   margin-right: 10px;
   border-radius: 3px;
   transition: opacity .3s;
   user-select: none;
}

.full-track__action-item-icon {
   display: flex !important;
   width: 30px;
   height: 30px;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
   border: 2px solid #ff4600;
   border-radius: 50%;
}

.full-track__action-item .full-track__action-item-icon._play {
   font: normal normal normal 14px/1 FontAwesome;
   padding-left: 5px;
}

.full-track__action .full-track__action-item-icon._play::before {
   content: "\f04b";
}

.full-track__action .play .full-track__action-item-icon._play {
   padding-left: 0;
}

.full-track__action .play .full-track__action-item-icon._play::before {
   content: "\f04c";
}

.full-track__action-item:hover {
   opacity: .7;
}

.full-track__video-container {
   margin: 15px 0;
}

.full-track__video {
   position: relative;
   width: 100%;
   height: 0;
   padding-top: 56%;
   background-color: #000;
   box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.48);
}

.full-track__video-frame {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0;
}



.full-track__action-item {
   display: inline-flex;
   align-items: center;
   height: 50px;
   padding: 0 20px;
   background-color: #333;
   color: #fff;
   line-height: 50px;
   cursor: pointer;
   border-radius: 3px;
   transition: opacity .3s;
   user-select: none;
}

.full-track__action-item-icon {
   display: flex !important;
   width: 30px;
   height: 30px;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
   border: 2px solid #ff4600;
   border-radius: 50%;
}

.full-track__action-item:hover {
   opacity: .7;
}

.full-track__video-container {
   margin: 15px 0;
}

.full-track__video {
   position: relative;
   width: 100%;
   height: 0;
   padding-top: 56%;
   background-color: #000;
   box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.48);
}

.full-track__video-frame {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

@media (max-width: 576px) {
   .full-track__top {
      flex-direction: column;
      align-items: center;
   }

   .full-track__poster {
      margin-bottom: 15px;
      margin-right: 0;
   }

   ._hide-to-mobile {
      display: none;
   }

   .full-track__info-item-content._artist {
      color: #f34e00;
      font-size: 20px;
   }

   .full-track__info-item {
      height: auto;
      line-height: 24px;
      text-align: center;
   }

   .full-track__info-item:nth-child(2n+1) {
      background-color: transparent;
   }

   .full-track__action {
      display: flex;
      flex-direction: column;
   }

   .full-track__action-item {
      margin-bottom: 10px;
   }
}

.track-item__content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   margin: 0 10px;
}

.track-item__track-info {
   margin-top: 5px;
   font-size: 13px;
   color: rgb(136, 136, 136);
}

.full-track__info-item-content a {
   color: #fff;
}

.full-track__info-item-content a:hover {
   text-decoration: none;
}

@media(max-width: 576px) {
   .track-item__track-info {
      display: none;
   }
}

.track-item__info {
   display: flex;
   align-items: center;
}

.loader {
   display: flex;
   width: 70px;
   height: 70px;
   align-items: center;
   justify-content: center;
}

.loader__item {
   width: 4px;
   height: 100%;
   margin-right: 3px;
   background: #df0347;
   animation: equalizer .5s forwards ease-in-out infinite;
   animation-direction: alternate;
}

.loader__item:last-child {
   margin-right: 0;
}

.loader__item:nth-child(1) {
   animation-duration: 2s;
}

.loader__item:nth-child(2) {
   animation-duration: 1.6s;
}

.loader__item:nth-child(3) {
   animation-duration: 1.9s;
}

.loader__item:nth-child(4) {
   animation-duration: 1.5s;
}

.loader__item:nth-child(5) {
   animation-duration: 1.7s;
}

@keyframes equalizer {
   0% {
      height: 5%;
   }

   12% {
      height: 10%;
   }

   24% {
      height: 60%;
   }

   36% {
      height: 25%;
   }

   48% {
      height: 35%;
   }

   60% {
      height: 20%;
   }

   72% {
      height: 30%;
   }

   84% {
      height: 55%;
   }

   100% {
      height: 5%;
   }
}

.mse-loading {
   top: 0 !important;
}

.index-footer {
   display: flex;
   justify-content: center;
   padding: 10px 0;
}

.index-footer__link {
   display: inline-block;
   margin: 0 10px;
   padding: 0 10px;
   line-height: 36px;
   color: #fff;
   background-color: #861437;
   user-select: none;
   transition: all 0.2s ease;
}

.index-footer__link:hover {
   background-color: #da063e
}

._loading .track-item__loader {
   position: absolute;
   top: 2px;
   left: 2px;
   z-index: 10;
   display: block;
   width: 49px;
   height: 49px;
   margin: 0 auto;
   border: 3px solid #fff;
   border-radius: 50%;
   border-left-color: transparent;
   border-right-color: transparent;
   animation: cssload-spin 575ms infinite linear;
}

@keyframes cssload-spin {
   100% {
      transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

/* Лайк и просмотры трека */
.full-track__likes {
   user-select: none;
   display: flex;
   align-items: center;
   margin-right: 30px;
}

.full-track__likes-btn {
   margin-right: 5px;
   font-size: 20px !important;
   color: #ac3c19;
   cursor: pointer;
   transition: color .3s
}

.full-track__likes-btn:hover {
   color: red;
}

.full-track__right-column {
   display: flex;
   align-items: center;
}

.full-track__views-icon {
   margin-right: 5px;
   font-size: 20px !important;
}

.genre-item:not(:last-child)::after {
   content: ',';
}

/* Шапка страницы исполнителя */
.person-header {
   display: flex;
   padding: 20px 0;
}

.person-header__avatar {
   flex-shrink: 0;
   width: 200px;
   height: 200px;
   margin-right: 30px;
   border-radius: 50%;
   overflow: hidden;
}

.person-header__avatar-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.person-header__content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   color: #d1d1ef;
   font-size: 15px;
   line-height: 21px;
}

.person-header__footer {
   display: flex;
   justify-content: space-between;
   margin-top: 15px;
}

.person__action-btn {
   display: inline-block;
   padding: 0 15px;
   line-height: 34px;
   background-color: #861437;
   color: #fff;
   border-radius: 3px;
   transition: all .3s;
   cursor: pointer;
}

.person__action-btn:hover {
   background-color: #da063e;
}

.person__action-btn-icon {
   margin-right: 7px;
}

.person__action-btn._tracks-play .person__action-btn-icon::before {
   content: "\f04c";
}

.person__action-btn-icon::before {
   content: "\f04b";
   font: normal normal normal 14px/1 FontAwesome;
}

.person-header__footer-info {
   display: flex;
   height: 100%;
   align-items: center;
}

.person-header__footer-info-item {
   margin-right: 15px;
   font-size: 14px;
   color: rgb(136, 136, 136);
}

@media(max-width: 668px) {
   .person-header__footer {
      flex-direction: column-reverse;
   }

   .person-header__footer-info {
      margin-bottom: 15px;
   }
}

@media(max-width: 576px) {
   .person-header {
      flex-direction: column;
      align-items: center;
      padding: 20px;
   }

   .person-header__avatar {
      margin-bottom: 30px;
   }
}