/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 15px 'Montserrat', sans-serif; line-height: normal; padding: 0; margin: 0;        
color: #333; background-color: #f1f1f8;
min-height: 100%; width: 100%; font-weight: 400;}
a {color: #333; text-decoration: none;}
a:hover, a:focus, .track-fav:hover, .track-share:hover {color: #716464; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 400; font-size: 24px;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 16px; font-family: 'Montserrat' !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button, 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 0 30px; height: 40px; line-height: 40px; 
border-radius: 20px; cursor: pointer; color: #fff; background-color: #6282bc; font-size: 14px; font-weight: 600; 
box-shadow: 0 3px 35px rgba(51,51,51,0.2);}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .meta-fav a:hover 
{box-shadow: 0 3px 35px rgba(51,51,51,0)}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: 4px; border: 0; padding: 0 15px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000; 
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #000; opacity: 0.5; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 60%;}
.img-resp-vert {padding-top: 124%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #dle-content, .finfo li, .frate a {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start, #dle-content {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1, .fheader h1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

b, strong, .fw700 {font-weight: 600;}
.icon-left .fa, .icon-left .icon {margin-right: 10px;}
.icon-right .fa, .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
.anim, .btn, button, .col-left a, .track-item a, .album-in, .collection-in, .album-in img, .collection-in img, 
.album-img, .collection-img, .ffav, .frate a, .frate a [class*=myicon-] {transition: all .3s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 30px; font-size: 24px;}
#dle-content > *:not(.album-item):not(.artist-item):not(.collection-item):not(.radio-item) {width: 100%;}

.artists {flex-wrap: wrap; width: 100%; overflow: scroll; flex-direction: column; height: 165px; scrollbar-width: none; text-align: center; display: flex;}
.artistblock {margin-left: -15px; margin-right: -15px; overflow: scroll;scrollbar-width: none; position: relative;}
.artists-block {width: 120px; -webkit-box-pack: center; -webkit-box-align: center; overflow: hidden; margin-left: 15px; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row;}
.artist-imgs {height: 120px; width: 120px; display: block; border-radius: 10px;}
.name-artist {padding-top: 5px; display: block; overflow: hidden; text-align: center; white-space: nowrap; font-weight: 500; font-size: 13px;color: #333;}
.sublnk {height: 24px; line-height: 24px; white-space: nowrap; font-weight: 500; font-size: 13px; background: #fff; padding: 0 5px; border-radius: 5px; color: #4c6aa2;}

/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; padding: 40px 0;}
.wrap-center {max-width:1280px; margin:0 auto; position:relative; z-index:20;}
.wrap-main {box-shadow: 0 27px 53px 0 rgba(160, 85, 85, 0.15); background-color: #f5f7fb; border-radius: 10px;}
.cols {border-radius: 10px 10px 0 0;
	background:  center top no-repeat,  center bottom no-repeat;}
.cols-full {background:  center bottom no-repeat;}
.col-left {width: 250px; background-color: rgba(249,249,249,0.8); padding: 150px 15px 30px 22px;
	box-shadow: 0 27px 53px rgba(160, 85, 85, 0.15); border-radius: 10px 0 0 0;}
.col-main {min-height: 100vh; padding: 0 20px 1px 30px;}
.header {position: relative; padding: 20px 0; margin-bottom: 25px; z-index: 100;}
.footer {background-color: #6282bc; color: #fff; padding: 20px; border-radius: 0 0 10px 10px; line-height: 1.6;}
.footer-copyright {font-size: 13px; font-weight: 300; text-align: right;}
.footer-menu a {margin-left: 30px; color: #fff;}
.footer-menu a:hover {text-decoration: underline;}
.footer:before {content: ''; width: 50px; height: 50px; border-radius: 50%; 
	background: url(../images/logo.png) center -13px no-repeat;}

#gotop{position:fixed; width:40px; height:40px; line-height:40px; right:10px; bottom:10px;
z-index:9998; display:none; background-color:#fff; color:#222; cursor:pointer; font-size:16px; 
border-radius:50%; text-align:center; box-shadow: 0 1px 4px rgba(0,0,0,0.2);}


/* HEADER, SHARE BLOCK
----------------------------------------------- */
.logo {display: block; width: 210px; height: 100px; position: absolute; left: -260px; top: 15px;
background: url(../images/logo.png) center top no-repeat; overflow: hidden; text-indent: -999px;}
.search-wrap {position:relative; width: 340px;}
.search-box input, .search-box input:focus {padding: 0 0 0 50px; 
background: linear-gradient(to right, #fff 0%, #fff 50%, transparent 100%);
color: #333; border-radius: 20px; box-shadow: none;}
.search-box input:not(:focus)::placeholder {color: #999; opacity: 1; font-size: 13px;} 
.search-box button {position:absolute; left:0; top:0px; z-index:10; font-size: 17px;
padding: 1px 0 0 8px; background: transparent; width: 50px; box-shadow: none; color: #b7b7b7;}
.header-login {position: relative;}
.header-login-message {width: 280px; border-radius: 10px; background-color: rgba(11,11,11,0.7); color: #fff; 
padding: 15px 20px; line-height: 1.6; position: absolute; right: 0; top: 60px; border-left: 7px solid #ea60a0; 
opacity: 0; visibility: hidden; transform: translateY(30px);}
.header-login-message:before {border: 10px solid transparent; border-bottom-color: rgba(11,11,11,0.7); 
content: ''; position: absolute; bottom: 100%; right: 40px;}
.header-login:hover .header-login-message {opacity: 1; visibility: visible; transform: translateY(0px);}

.share-box {width: 300px; background-color: #fff; border-radius: 10px; padding: 20px; 
position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.hshare > * {width: 40px; height: 40px; line-height: 40px !important; text-align: center; border-radius: 50%; 
background-color: #6996c7; color: #fff; font-size: 22px; margin: 0 6px 20px 6px; cursor: pointer;}
.hshare > .fa-facebook-f {background-color: #496194;}
.hshare > .fa-odnoklassniki {background-color: #ff9c43;}
.hshare > .fa-twitter {background-color: #28c3ff;}
.share-box-title {font-weight: 600; margin-bottom: 20px;}
.share-box-direct div {margin-bottom: 10px;}


/* PAGE SELECTOR
----------------------------------------------- */
.catPages1{padding:0!important;margin:0!important}
.swchItemA,.swchItem,.swchItemA1,.swchItem1{color:#FFF;display:inline-block;width:40px;text-align:center;text-decoration:none;font-weight:400;border-radius:3px}
.swchItem,.swchItem1{color:#fff;background:#96c1cb}
.swchItem:hover,.swchItem1:hover{background:#6282bc;color:#fff;text-decoration:none}
.swchItemA,.swchItemA1{background:#6282bc}
.catPages1,.catPages2{padding:10px 0}
.pagesBlock2{margin-top:10px!important;display:block}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 90px; position: relative;}
.sections {margin-bottom: 90px; position: relative;}
.seo {margin-bottom: 90px; position: relative;}
.sect-header {margin-bottom: 28px;}
.sect-title {font-size: 19px; font-weight: 400; justify-content: space-between; padding: 10px; color: #fff; background: #6282bc;}
.sect-title-small {font-size: 18px;}
.sect-link {display: inline-block; color: #bababa; font-weight: 500; margin-left: 15px;}
.sect-link .myicon-next-1 {font-size: 8px; margin-left: 8px; position: relative; top: -1px;}
.sect-items {margin-left: -10px; margin-right: -10px;}
.mb-remove {margin-bottom: -20px;}
.sect-bottom-btn {position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; padding-top: 60px; height: 80px; margin-bottom: -48px; text-align: center;}
.sect-btn {display: inline-block; height: 42px; line-height: 38px; border-radius: 21px; 
border: 2px solid #6282bc; padding: 0 30px;}
.sect-btn:hover {background-color: #6282bc; color: #fff;}
.place {padding-right: 15px; padding-bottom: 15px; padding-left: 15px;}
.sect1 {margin-bottom: 45px; position: relative;}
.sect2 {margin-bottom: 45px; position: relative;}
/* TOP SLIDER
----------------------------------------------- */
.top-slider {margin-left: -30px; margin-bottom: -10px; position: relative;} 
.top-slider:before {background: url(../images/slide.png) right bottom no-repeat; 
content: ''; width: 530px; height: 500px; position: absolute; right: -20px; bottom: -80px;}
.top-slider:after {content: ''; width: 100%; height: 100px; position: absolute; right: -20px; bottom: -80px; 
	background:linear-gradient(to bottom, transparent 0%, #f5f7fb 100%);}
.slide-item {padding-left: 30px; padding-bottom: 80px;}
.slide-label {min-width: 105px; padding: 5px 10px; text-align: center; border-radius: 3px; 
margin-bottom: 10px; font-weight: 600; font-size: 9px; text-transform: uppercase; 
display: inline-block; background-color: #f76bb7; color: #fff;}
.slide-left {width: 105px; margin-right: 20px; position: relative;}
.slide-left:after {content: ''; display: block; width: 100%; height: 15px; position: absolute; left: 0; bottom: -15px;
background: url(../images/shadow.png) center top / 100% 100% no-repeat;}
.slide-img {height: 105px; border-radius: 5px; box-shadow: 0 1px 17px rgba(23,23,23,0.15); 
opacity: 0; transform: translateY(-30px);}
.slide-title, .slide-name {text-transform: uppercase; font-size: 20px; display: block;
	font-weight: 600; color: #999; margin-bottom: 5px; opacity: 0; transform: translateX(30px);}
.slide-name {font-size: 30px; color: #333; transform: translateX(-30px);}
.slide-meta {font-weight: 500; color: #b0b0b0; margin-top: 15px;}
.slide-meta > span {margin-right: 30px;}
.slide-meta [class*=myicon] {margin-right: 8px; position: relative; top: 1px;}
.slide-bottom {margin-top: 40px;}
.slide-bottom .fbtn {margin: 0; padding: 0 60px 0 30px;}
.slide-share, .slide-dl {margin-left: 30px; height: 40px; line-height: 40px; 
	cursor: pointer; color: #ee609c; font-size: 22px; display: block; padding-top: 5px;}
.active .slide-img {opacity: 1; transform: translateY(0px);}
.active .slide-title, .active .slide-name {opacity: 1; transform: translateX(0px);}
.slide-img, .slide-title, .slide-name {transition: all 0.6s linear;}


/* TRACK
----------------------------------------------- */
.track-item {background-color: #fff; border-radius: 10px; box-shadow: 0 3px 17px rgba(51,51,51,0.02);
	padding: 15px 20px; position: relative; margin-bottom: 6px; font-weight: 500;}
.track-img {width: 45px; height: 45px; border-radius: 10px; margin-right: 22px;}
.track-share {margin-right: 23px; color: #a7b2c3; font-size: 18px; padding-top: 4px; cursor: pointer;}
.track-info {width: 220px; margin-left: 20px;}
.track-desc, .track-item a, .track-share, .track-fav {line-height: 22px;}
.track-time {margin-left: 20px; width: 90px;}
.track-dl {margin-left: 20px; color: #a7b2c3; font-size: 20px; padding-top: 4px;}
.track-fav {font-size: 25px; font-weight: 600; color: #a9b4c5; cursor: pointer; margin-left: 1px;}
.track-play {width: 45px; height: 45px; line-height: 45px; text-align: center; padding-top: 2px;
color: #fff; background-color: rgba(0,0,0,.6); font-size: 20px; padding-left: 5px;
position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; opacity: 0;}
.track-item:hover .track-play, .show-player .track-play {opacity: 1;}
.show-player .track-play .myicon-play:before, .show-player .fplay .myicon-play1:before {content: '\e917'; margin-left: -5px;}
#dle-content > .track-item {width: calc(100% - 20px) !important; margin-left: 10px;}
.top100.track-item {width: 49.5% !important;}
.track-desc1 {line-height: 20px !important; margin-right: 20px;}
.td02 {font-weight: 400; color: #777; font-size: 14px;}


/* TOOLTIP
----------------------------------------------- */
#tooltip{text-align:center;color:#ffffff;background-color:#333; font-weight: 500; font-size: 12px;
	position:absolute;z-index:100;padding:0 10px; line-height: 20px; border-radius:10px;}
#tooltip:after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
	border-bottom:3px solid #333;content:'';position:absolute;left:50%;top:-3px;margin-left:-5px;}
#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #333;top:-20px;bottom:auto;}
#tooltip.left:after{left:10px;margin:0;}
#tooltip.right:after{right:10px;left:auto;margin:0;}
#tooltip.menu {margin-top: -15px; margin-left: 21px;}


/* SIDE
----------------------------------------------- */
.side-box {margin-bottom: 55px;}
.side-bt {font-weight: 700; text-transform: uppercase; margin-bottom: 30px;}

.top-item {margin-bottom: 23px; line-height: 1.4;}
.top-item:last-child {margin-bottom: 0;}
.top-item-title {font-weight: 600;}
.top-item-subtitle {color: #777; font-size: 14px;}
.top-item-img {width: 40px; height: 40px; border-radius: 10px; margin-right: 15px;}
.top-item-desc {display: block;}
.show-player.top-item .top-item-title {color: #333;}

.side-nav > li:not(:last-child) {margin-bottom: 20px;}
.side-nav > li > a {font-weight: 500; padding-left: 28px; position: relative;}
.side-nav [class*=myicon-] {color: #c0c0c0; font-size: 18px; display: block; position: absolute; left: 0; top: 0;}
.side-nav .myicon-hot {font-size: 20px;}
.hidden-menu {padding-top: 20px; margin-bottom: 8px; display: none;}
.hidden-menu li {margin-bottom: 10px; padding-left: 50px; line-height: 1.6;}
.hidden-menu li a:not(:hover) {color: #777;}
.side-nav .is-active a, .side-nav .is-active [class*=myicon-] {color: #ee609c;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height: 1.75; color: #383838; font-weight: 300; padding-top: 45px; margin-bottom: -25px;}
.site-desc h1, .site-desc h2 {font-size: 20px; font-weight: 400; color: #333;}
.site-desc li {list-style-type: disc; margin-left: 40px;}
.site-desc a {color: #ee609c; text-decoration: underline;}
.site-desc > * {margin-bottom: 10px;}


/* FOOTER
----------------------------------------------- */
.ft-one .fx-1 {text-align: right;}
.ft-one a {margin-left: 15px; font-weight: 600; color: #fff;}
.ft-two {margin-top: 10px; font-size: 12px; opacity: 0.6;}
.footer a:hover {text-decoration: underline;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:center; padding-bottom: 20px;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:46px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
background-color:#fff; margin:5px 2px 0 2px; border-radius:4px; font-weight: 600; min-width: 40px;}
.navigation span, .pagi-nav a:hover {background-color:#b564d9; color:#fff;}
.navigation span.nav_ext {background-color:#fff; color:#939393;}


/* PLAYER
----------------------------------------------- */
.item-player {width: 100%; position: fixed; left: 0; bottom: 0; z-index: 997;}
.zfix .item-player {z-index: 10; opacity: 0;}
.audioplayer {position: relative; max-width: 1280px; margin: 0 auto; 
	padding: 10px 30px; box-shadow: 0 -1px 2px rgba(0,0,0,.15); background-color: #fff; 
box-shadow: 0 -60px 60px -60px rgba(0,0,0,0.1);}
.audioplayer audio {display: none;}
.audioplayer-bar {position: absolute; left: 0; right: 0; bottom: 100%; height: 15px; background-color: #ccc;}
.audioplayer-bar-loaded {position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0,0,0,0.05);}
.audioplayer-bar-played {position: absolute; left: 0; top: 0; height: 100%; 
	z-index: 10; background-color: #6282bc;}
.audioplayer-time {position: absolute; z-index: 20; font-size: 12px; bottom: 100%; pointer-events: none; color: #fff;}
.audioplayer-time-current {left: 10px;}
.audioplayer-time-duration {right: 10px;}
.audioplayer-playpause, .audioplayer-volume-button, .audioplayer-volume-adjust {display: inline-block; vertical-align: middle;}
.audioplayer-playpause a, .audioplayer-volume-button a, .ap-dl {width: 40px; height: 40px; line-height: 40px; 
	text-align: center; cursor: pointer; background-color: #fff; color: #a2a0a0; 
	display: block; font-size: 18px;}
.audioplayer-stopped .audioplayer-playpause a {padding-left: 2px;}
.audioplayer-muted .fa-volume-up:before {content: '\f026';}
.audioplayer-volume-adjust {margin-left: 10px;}
.audioplayer-volume-adjust > div {width: 50px; height: 10px; border-radius: 5px; 
position: relative; cursor: pointer; background-color: #ccc; overflow: hidden;}
.audioplayer-volume-adjust > div > div {height: 100% !important; background-color: #6282bc; 
position: absolute; left: 0; bottom: 0; z-index: 10;}
.ap-desc {padding: 0 20px;}
.ap-img {width: 42px; height: 42px; margin-right: 10px; overflow: hidden; border-radius: 10px;}
.ap-img img {width: 100%; height: 100%; object-fit: cover;}
.ap-artist {font-weight: 500;}
.ap-title {color: #777;  margin-top: 3px;}
.ap-dl {background-color: transparent; 
	margin-right: 10px; font-size: 16px; width: 30px; height: 30px; line-height: 30px;}
.ap-prev, .ap-next {width: 30px; height: 30px; line-height: 30px; 
	text-align: center; cursor: pointer; color: #a2a0a0; background: #fff;
	display: block; font-size: 18px; margin-right: 10px;}
.ap-next {margin-right: 0; margin-left: 10px;}
.ap-next:hover, .ap-prev:hover, .ap-dl:hover, .audioplayer-playpause a:hover, 
.audioplayer-volume-button a:hover {color: #7b7777;} 


/* FULL
----------------------------------------------- */
.speedbar {font-size: 13px; color: #999; margin-bottom: 30px;}
.fleft {width: 200px; margin-right: 30px;}
.fimg {width: 200px; height: 200px; border-radius: 10px; box-shadow: 0 3px 35px rgba(51,51,51,0.1);}
.fheader {margin-bottom: 30px; margin-top: 15px;}
.fheader h1 {text-transform: uppercase; font-weight: 500; font-size: 18px;}
.fheader h1 div {font-size: 24px; font-weight: 600; margin-top: 5px;}
.fmeta a {display: block;}
.ffav {cursor: pointer; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; 
box-shadow: 0 3px 35px rgba(231,41,125,0.1); margin-left: 10px; 
font-size: 30px; font-weight: 600; color: #6282bc; background-color: #fff;}
.ffav.js-share {font-size: 22px; padding-top: 5px;}
.ffav:hover {background-color: #6282bc; color: #fff;}
.finfo li {width: 46%; margin-bottom: 20px; position: relative;}
.finfo li span {display: inline-block; background-color: #f5f7fb; 
	padding-left: 5px; position: relative; z-index: 3; max-width: 50%;}
.finfo li > span:first-child {padding-left: 0; padding-right: 5px; color: #999;}
.finfo a {color: #598de3; text-decoration: underline;}
.finfo li:after {content: ''; position: absolute; left: 0; right: 0; top: 13px; height: 5px;
background: url(../images/dots.png) 0 0 repeat-x;}
.finfo {margin-bottom: -20px;}
.finfo-collection {padding-top: 20px;}
.finfo-collection a {color: #598de3; text-decoration: underline;}
.finfo-collection a:hover {text-decoration: none;}
.finfo-collection a:before {content: '#'; display: inline;}

.frate {position: relative; margin-top: 15px; padding-bottom: 5px;} 
.frate-count {font-weight: 500; font-size: 24px; white-space: nowrap; width: 60px; text-align: right; opacity: 0;}
.frate a {font-size: 14px; font-weight: 300; color: #666666;}
.frate a [class*=myicon-] {color: #77bb46; font-size: 20px; display: block; 
	position: relative; top: -3px; margin-right: 10px;}
.frate a + a [class*=myicon-] {color: #bb4646; transform: scale(-1,-1); top: 2px;}
.frate a:hover {color: #ee609c;}
.frate-count.wdone {opacity: 1;}

.fbtn {display: block; height: 42px; line-height: 42px; border-radius: 12px; padding-right: 20px;
	font-weight: 500; color: #fff !important; background-color: #b564d9;
	background: linear-gradient(135deg, #8783ff 0%,#6282bc 100%); box-shadow: 0 27px 53px rgba(186,42,229,0.15); 
	margin-top: 15px; text-align: center; position: relative; cursor: pointer;}
.fdl {background-color: #47509a; background: linear-gradient(135deg, #9fa2d5 0%,#7d80d8 100%);}
.fbtn-icon {width: 42px; height: 42px; border-radius: 12px; background-color: #fff; color: #bc8eff; 
	position: absolute; right: 0; top: 0; box-shadow: 0 0 0 5px rgba(186,186,186,0.2); padding-left: 5px;}
.fdl .fbtn-icon {font-size: 22px; padding-top: 3px; padding-left: 0;}
.fbtn:hover {box-shadow: 0 27px 53px rgba(186,42,229,0); color: #fff;}
.fbtn:hover .fbtn-icon {box-shadow: 0 0 0 5px rgba(186,186,186,0.6);}

.fcaption {font-size: 13px; line-height: 1.6; color: #5c5c5c; margin-top: 20px; margin-bottom: 20px;}
.fright .fcaption {margin-top: 0;}
.sect-ftext .sect-header {margin-bottom: 10px;}
.hide-this {line-height: 25px !important;}
.ftext {max-height: 200px; overflow-x: hidden; overflow-y: auto;}
.translate-text {font-size: 13px; color: #999; margin-left: 30px; cursor: pointer;}
.translate-text.is-active, .translate-text:hover {color: #ea60a0;}
.fplayer {border-radius: 10px; overflow: hidden; box-shadow: 0 3px 35px rgba(51,51,51,0.1);}
.sect-fplayer:after {content: ''; display: block; width: 100%; height: 50px; margin-bottom: -50px;
background: url(../images/shadow.png) center top / 100% auto no-repeat;}

.slice {overflow:hidden; position:relative; transition:height .2s;}
.slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
background:linear-gradient(to bottom, transparent 0%, #f5f7fb 100%);}
.slice-btn {margin:10px;}
.slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#598de3;}

.full .site-desc {padding: 0; margin: 0; margin-bottom: 30px;}
.fimg2 {padding-top: 30%; border-radius: 10px; margin-bottom: 30px;}
.fimg2 .frate {width: 200px; position: absolute; right: 20px; bottom: 20px; 
	z-index: 10; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3);} 
.fimg2 .frate a {color: #fff; font-weight: 500;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.6;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#b564d9;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:24px; font-weight:300;}
.full-text p {margin-bottom: 10px; padding: 10px; background: #fff;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}

.full-taglist a {color:#d20068;}
.full-taglist {margin-top:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}


/* Owl Carousel v2.1.0 */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; margin-bottom: -52px;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left;
/* -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */}
.owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item {display: none; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab {cursor: move; cursor: grab; }
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; 
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
@keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%;
margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; background-color:#FFF;
-webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {opacity: 0; height: 100%;
background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-nav {position: absolute; left: 0; right: 8px; top: -8px; height: 1px;}
.owl-prev, .owl-next {cursor: pointer; font-size: 17px; position: absolute; top: -50px;
color: #b7b7b7; transition: all .2s;}
.owl-prev {right: 50px; transform: scale(-1,1);}
.owl-next {right: 20px; color: #fff;}
.owl-prev:hover, .owl-next:hover {color: #ee609c;}
.owl-dots {text-align:center; margin-top: 20px; display: flex; flex-direction: row; justify-content: center;}
.owl-dot {display:inline-block; vertical-align: middle; width:20px; height:20px; margin: 0 5px; 
border-radius:10px; background-color:#ccc;}
.owl-dot.active {background-color:#ee609c;}
.top-slider .owl-next {display: none;}
.top-slider .owl-prev {width: 25px; height: 30px; line-height: 30px; border-radius: 10px 0 0 10px; 
background-color: #f8f9f9; color: #ee609c; right: auto; left: 0; top: -45px; 
font-size: 12px; text-align: center; padding-left: 3px;}


/* ADAPTIVE
----------------------------------------------- */
.overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
opacity: 0.8; background-color: rgb(0 0 0 / 0%); cursor: pointer;}
.btn-menu {display: none;}
.side-panel {width:300px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f8f9f9;
padding:30px; z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:9998; display:none; cursor: pointer;}
.btn-close {cursor:pointer; display:block; left: 300px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #e84e36; color: #fff; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .side-box {margin-bottom: 30px;}

@media screen and (min-width: 1500px) {
	.wrap {padding: 45px 0;}
}

@media screen and (max-width: 1220px) {
body {background-image: none;}
.wrap-center {max-width:1000px;}
#gotop {display: none !important;}
.not-logged .login-avatar, .col-left, .footer:before {display: none;}
.login-close {top: -5px;}
.login-box {max-width: calc(100% - 60px); padding: 15px;}
.wrap {padding: 0; overflow: hidden;}
.wrap-main, .cols, .footer {border-radius: 0;}
.logo {position: static; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 10px 20px rgba(244,42,42,0.15);
	background: #fff url(../images/logo1.png) center center / 40px no-repeat; margin-top: -5px;}
.search-wrap {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px; margin: 0 20px;}
.btn-menu {display: block; font-size: 34px; color: #6282bc; margin-left: 20px; cursor: pointer;}
.footer {text-align: center; display: block;}
.footer-menu a {margin: 0 15px;}
.footer-menu {justify-content: center;}
.footer-copyright {text-align: center; margin-top: 20px;}
}

@media screen and (max-width: 950px) {
.wrap-center {max-width:768px;}
.col-main {padding-left: 10px; padding-right: 10px;}
.track-item {padding: 15px;}
.track-img, .track-share {margin-right: 15px;}
.track-time {width: auto; font-size: 13px;}
.track-info {width: 80px; line-height: 20px; max-height: 40px; overflow: hidden; white-space: normal; font-size: 13px;}
.track-desc {line-height: 20px !important;}
.track-desc span {display: block; font-size: 15px;  line-height: 20px; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.track-desc span:last-child {color: #333; font-weight: 400;}
.track-time, .track-info, .track-fav, .track-dl {margin-left: 15px;}
.track-item:not(.show-player) .track-play {opacity: 1; 
	background-color: rgba(0, 0, 0, 0.0);}
.show-player .track-desc span:last-child {color: #fff;}
.owl-prev {right: 50px;}
.owl-next {right: 10px;}
.top-slider {margin-left: -10px;}
.slide-item {padding-left: 10px;}
.top100.track-item {width: 100% !important;}

.fleft {margin-right: 20px;}
.finfo li {width: 48%;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:640px;}
.album-item {width: 33.33%;}
.collection-item {width: 50%;}
.audioplayer {padding-left: 10px; padding-right: 10px;}
.top-slider:before, .top-slider:after {background-image: none; display: none;}
.cols {background-image: none;}

.fcols {display: block;}
.fleft {margin: 0 auto 30px auto; width: 100%;}
.fimg, .frate {margin-left: auto; margin-right: auto; width: 200px;}
.dcont button {font-size:12px; padding:0 15px !important;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
.wrap-center {max-width:480px;}
.album-item {width: 50%;}
.ffav.js-share {font-size: 17px; padding-top: 3px;}
.collection-item {width: 100%; margin-bottom: 10px;}
.fheader h1 {font-size: 15px; font-weight: 600;}
.fheader h1 div {font-size: 18px;}
.ffav {width: 30px; height: 30px; line-height: 30px; font-size: 24px;}
.finfo li {width: 100%;}
.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wrap-center22 {max-width:360px;}
.ap-img, .ap-info {display: none;}
.ap-desc {min-width: 5px;}
.track-info, .track-fav {display: none;}
.track-item {padding: 10px;}
.track-desc span {font-size: 14px;}
.track-time {font-size: 12px; margin-left: 10px;}
.track-dl {margin-left: 8px;}
.btn-login  {font-size: 12px; padding: 0 10px; border-radius: 4px;}
.search-wrap {margin: 0 10px;}
.carou-collections .collection-item {width: 300px;}
.header {margin-bottom: 10px;}
.sect {margin-bottom: 90px;}
.col-main {padding-bottom: 1px;}
.site-desc {padding-top: 50;}
.top-slider {margin-bottom: 20px;}
.slide-left {margin-right: 10px;}
.slide-title {font-size: 14px;}
.slide-name {font-size: 18px;}
.slide-meta {font-size: 12px; margin-right: -10px;}
.slide-meta > span {margin-right: 10px;}
.slide-item {padding-bottom: 10px;}
.slide-bottom {margin-top: 15px;}
.slide-item .fbtn {box-shadow: none;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}


@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.woff?sr7zzu') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="myicon-"], [class*=" myicon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .myicon-albums:before {
	content: "\e900";
  }
  .myicon-calendar-1:before {
	content: "\e901";
  }
  .myicon-download:before {
	content: "\e902";
  }
  .myicon-favorite:before {
	content: "\e903";
  }
  .myicon-genres:before {
	content: "\e904";
  }
  .myicon-genres2:before {
	content: "\e905";
  }
  .myicon-home-run:before {
	content: "\e906";
  }
  .myicon-hot:before {
	content: "\e907";
  }
  .myicon-like-2:before {
	content: "\e908";
  }
  .myicon-logo:before {
	content: "\e909";
  }
  .myicon-logo2:before {
	content: "\e912";
  }
  .myicon-music:before {
	content: "\e913";
  }
  .myicon-music2:before {
	content: "\e914";
  }
  .myicon-next-1:before {
	content: "\e915";
  }
  .myicon-next:before {
	content: "\e916";
  }
  .myicon-pause:before {
	content: "\e917";
  }
  .myicon-play:before {
	content: "\e919";
  }
  .myicon-play1:before {
	content: "\e919";
  }
  .myicon-radio:before {
	content: "\e91a";
  }
  .myicon-search-1:before {
	content: "\e91b";
  }
  .myicon-stop:before {
	content: "\e91c";
  }
  .myicon-volume:before {
	content: "\e91d";
  }