* {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;}
html {font-size: 14px;}
body {font: 14px GothamProRegular, Tahoma, Geneva, sans-serif; line-height: normal; padding: 0; margin: 0;        
color: #222; background-color: #f2e8eb; min-height: 100%; width: 100%; font-weight: normal;}
img.katimge {border-radius: 10px; float: left; margin: 0 15px 10px 0;}
.prem {margin-top: 10px; line-height: 1.6;}
.rels {margin-top: 20px; margin-bottom: 10px; clear: both;}
a {color: #c41930;font-weight:500; text-decoration: none;}
a:hover, a:focus {color: #d45062; text-decoration: none;}
h1, h2, h4, h5 {font-weight: 700; font-size: 30px;text-transform:none;}

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

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
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;  
background-color: #2d94e9; color: #fff; font-size: 14px; font-weight: 700;}
.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:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .meta-fav a:hover 
{background-color: #57a7ee; color: #333300;}
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"] {display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px;
background-color: #e4e4e4; color: #222;  border-radius: 4px; box-shadow: none; border: 0;margin-bottom:20px;}
input[type="text"]:focus, input[type="password"]:focus {}
input::-webkit-input-placeholder {color: #222; opacity: 0.5;}
input::-moz-placeholder {color: #222; opacity: 0.5;}
input:-moz-placeholder {color: #222; opacity: 0.5;}
input:-ms-input-placeholder {color: #222; opacity: 0.5;} 
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height: 50px; border: 1px solid #e3e3e3; background-color: #e4e4e4; color: #222;}
textarea {display: block; width: 100%; padding: 15px; overflow: auto; vertical-align: top; resize: vertical; height: 90px; 
background-color: #e4e4e4; color: #222;  border-radius: 4px; box-shadow: none; border: 0;}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit 
{overflow: hidden; position: relative; background-color: #222;}
.img-resp {padding-top: 57%;}
.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 {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 {-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 {-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;}

h1, h2, h3, h4, h5, .fw700 {font-weight: 600;font-size:19px;color:#000000;}
.fw300 {font-weight: 300;}
.ttu {text-transform: none;}
.icon-left .fa {margin-right: 10px;}
.hover-mask, .album-item, .ps-item {transition: color .2s, background-color .2s, opacity .2s;}
#dle-content > *:not(.album-item) {width: 100%;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; overflow:hidden; position: relative;margin-top:50px;}
.wrap-center {max-width:1060px; margin:0 auto; position:relative; z-index:20; background-color: #fff;border-top-left-radius: 25px;border-top-right-radius: 25px;box-shadow: 0 15px 30px rgba(0, 0, 0, .2);border: 1px solid #fff;}
.header {height: 70px;}
.logo {width: 230px; background-color: #57a7ee; display: block;}
.login-box-wr {width: 230px; background-color: #d9dfe1;}
.h-main {calc(100% - 460px); padding: 15px 30px;background: rgb(255,240,243);background: linear-gradient(90deg, rgba(255,240,243,1) 0%, rgba(255,255,255,1) 22%);border-top-right-radius: 25px;}
.cols {}
.side-left {width: 330px; color: #333333;     background-color: #e77986;margin-top:260px;}
.side-right {width: 230px; background-color: #e3e8e9;}
.main {min-height: 100vh; padding: 30px;background: rgb(255,240,243);background: linear-gradient(90deg, rgba(255,240,243,1) 0%, rgba(255,255,255,1) 22%);}
.hdrads{min-height:130px;max-heght:180px;width:95%;margin-bottom:33px;padding:10px;}
.footer {border-top:1px solid #e77986;background: #fff;padding: 30px 15px 15px 260px;
color: #333333; min-height: 70px; background-blend-mode: overlay;}

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


/* HEADER
----------------------------------------------- */
div .nvgc{overflow:auto;white-space:nowrap;margin-bottom:10px;}
div .nvgc a{background:#fff;border:1px solid #eee;margin:5px;display:inline-block;color:#333;font-weight:600;text-align:center;padding:9px;text-decoration:none;border-radius:6px;}
div .nvgc a:hover {background-color:#eb7285;color:#fff;}
    .zogolovok1 span{font-weight:600;color:#333333;}
    .tegi{border:1px solid #eee;padding:5px;margin-top:5px;border-radius:5px;width:98%}
  span .katimge{border-radius:10px;} .rubriki{color:#3399FF;}
    .musicjanry {margin-top:25px;margin-bottom:15px;}
.mp3janry{color:#00000;}    
    .mp3janry a {padding:10px;margin:10px;border:1px solid #ccc;border-radius:7px;display:inline-block;}
    .glavnyblok a{color:#fff;display:block;padding-bottom: 15px;padding-top: 15px;border-bottom: 1px solid #ffc8cd;} .glavnyblok{margin-top:15px;margin-bottom:20px;border-bottom:1px solid #eee;}
    .sh2{padding:10px;top:0;}
    .tpnws{margin-top:25px;}
    .topnws{display:block;padding-bottom:5px;border-bottom:1px solid #f0f0f0;}
    a.topnws{color:#666666;font-size:13px;}
    .hedblok{height:58px;background:#cf5364;padding:17px;width:330px;border-top-left-radius: 25px;}
    .hedblok a{padding-top:30px;padding-left:10px;color:#fff;font-size:22px;font-weight:700;}
    .full, .ignore-select{top:0;}
    
    div.navkat{background-color:#fff;margin-left:8px;margin-top:20px;}
div.navkat a{margin-bottom:10px;border:1px solid #ccc;display:inline-block;color:#191970;font-weight:600;text-align:center;padding:5px;text-decoration:none;border-radius:50px;}
div .navkat a:hover {background-color:#CC0000;color:#fff;}
    
.nvprt{background-color:#fff;overflow-x:hidden;white-space:nowrap;}
.nvprt a{margin:7px;dislay:inline-block;color:#191970;font-weight:500;text-align:center;padding:10px;text-decoration:none;}
.nvprt a:hover {background-color:#003399;color:#fff;}
    
    div.naviport{background-color:#fff;overflow:auto;white-space:nowrap;}
div.naviport a{display:inline-block;color:#191970;font-weight:600;text-align:center;padding:10px;text-decoration:none;border-radius:10px;}
div.naviport a:hover {background-color:#ffff;}   
div.naviport img{border-radius:25px;}
    .search-box {width: 100%; position: relative;}
.search-box input#story, .search-box input#story:focus {width: 100%; height: 40px; line-height: 40px; 
border-radius: 20px; background-color: #fff; padding-right: 60px; box-shadow: inset 0 0 0 2px #e3e8e9;}
.search-box button {position: absolute; right: 0; top: 0; color: #cf5364 !important; background-color: transparent !important;
padding: 0 !important; width: 50px;}

.letter-box {}
.letter-item {cursor: pointer; display: inline-block; height: 40px; line-height: 40px; 
	margin-left: 12px; font-size: 16px; position: relative; z-index: 888;}
.hidden-menu {width: 270px; padding: 15px 5px 5px 15px; background-color: #fff; 
position: absolute; right: -15px; top: 100%; box-shadow: 0 0 40px rgba(0,0,0,0.1); display: none;}
.hidden-menu a {display: block; width: 40px; text-align: center; height: 40px; line-height: 38px;
border: 1px solid #e3e3e3; float: left; margin-right: 10px; margin-bottom: 10px; 
border-radius: 3px;}

.login-box-wr {line-height: 40px; position: relative; padding: 15px 70px 15px 15px; text-align: right;}
.login-ava {width: 40px; height: 40px; border-radius: 50%; position: absolute; right: 15px; top: 15px; display: block;}
.login-name:hover {text-decoration: underline; cursor: pointer;}
.login-btns {margin-right: -55px;}
.login-btns .btn {width: 100%;}
.hidden-log {display: none;}

  
    .fright fx-1{display:none;}

/* SIDE
----------------------------- */
.side-left a {color: #000000;    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.side-left a::before {
    content: '';
    width: 14px;
    height: 14px;
    background: rgb(235,114,133);
    background: linear-gradient(0deg, rgba(235,114,133,1) 0%, rgba(255,173,180,1) 100%);
    box-sizing: border-box;
    border-radius: 2px;
    margin-right:10px;
    padding-right: 12px;
}
.side-bt {margin-bottom: 30px;}
.side-bt .fa  {color: #2d94e9;}
.side-box {padding: 5px 15px;}
.side-box + .side-box {border-top: 1px solid #32d3d4;}
.side-right .side-box + .side-box {border-color: #ccc;}
.side-nav li > a {display: block; padding-left: 25px; position: relative;}
.side-nav li + li {margin-top: 15px;}
.side-nav .fa {position: absolute; left: 0; top: 0;}
.side-nav .fa + span {opacity: 0.7;}
.side-nav li a:hover .fa + span {opacity: 1;}

.desc-title {margin-bottom: 18px; font-size: 16px;}
.side-desc {font-size: 12px; line-height: 1.5; opacity: 0.7;}
.side-desc a {text-decoration: underline;}
.site-desc a:hover {text-decoration: none;}

.ps-item {}
.ps-item + .ps-item {margin-top: 30px;}
.ps-img {width: 40px;	height: 40px; border-radius: 50%;}
.ps-desc {width: calc(100% - 55px); font-size: 12px;}
.ps-name {opacity: 0.5;	margin-top: 2px; font-size: 10px;}
.side-artists .ps-name {display: none;}

.lcomm + .lcomm {margin-top: 15px;}
.ltext {font-size: 12px;}
.llink {opacity: 0.5;	margin-top: 2px; font-size: 10px; display: block;}
.cat1, .top15{color:#333333;margin:0 0 0px 10px;}

/* SECTION
----------------------------------------------- */
.sect {margin-top: 10px;}
.sect-title {margin-bottom: 10px; font-size: 1.5rem;padding-bottom:4px;border-bottom:1px solid #eee;}
.sect-title a {color: #2d94e9;margin-left: 90px; display: inline-block;vertical-align: top; font-weight: 400; 
text-transform: none; font-size: 14px; margin-top: 4px;}
.sect-title a:hover {text-decoration: underline;}
.play-items {width: 78%; margin-bottom: 15px;}

.speedbar{width:99%;color: #333; font-size: 14px; margin: -30px 0 3px 0;}
.pesnikat{
	width:99%;
	color: #333;
	clear: both !important;
	display: block !important;
	position: static !important;
	float: none !important;
	z-index: auto;
	border:1px solid #ffdfe3;
	border-radius:10px;
	padding:10px 12px;
	margin: 25px 0 15px 0 !important;
	font-size: 13px;
	line-height: 1.7;
	white-space: normal !important;
	overflow: visible;
	box-sizing: border-box;
}
.pesnikat a{
	display: inline !important;
	position: static !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 2px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: #c41930 !important;
	font-weight: 500;
	line-height: inherit !important;
	white-space: normal !important;
}

.r{position:absolute;left:20px;}.r:before{content: "\25B6";color:#cf5364;

content: '';
    width: 14px;
    height: 14px;
    background: rgb(235, 114, 133);
    background: linear-gradient(0deg, rgba(235, 114, 133, 1) 0%, rgba(255, 173, 180, 1) 100%);
    box-sizing: border-box;
    border-radius: 2px;
    margin-right: 10px;
    padding-right: 12px;
}
    
.tracklist {text-align: left;display: block; margin: 5px; padding: 5px; color:#000;font-size: 16px;}
.tracklist a{display: block; font-size: 15px;margin-top:3px;padding:0;}

/* PLAY
----------------------------------------------- */
.play-item {padding: 10px 15px; line-height: 30px; padding-left: 60px; position: relative;border-bottom:1px solid #eee;}
.play-desc {display: block;}
.play-right {text-align: right; font-size: 0.8rem;  float: right;color:#333;top:-24px;position:relative;}
.play-right img {width:26px;height:26px;}
.play-left {font-size: 1rem;width: 75%; float: left;}
.play-item:not(.item-wrap) {
	padding-left: 40px;
}
.play-item:not(.item-wrap) .play-left {
	padding-left: 4px;
}
.play-ctrl {position: absolute; width: 35px; height: 35px; left: 9px; top: 10px; cursor: pointer;}
.play-ctrl .fa  {color:#cf5364;background:#fff; line-height: 31px; padding-left: 2px;
box-shadow: inset 0 0 0 1px #eb7285; border-radius: 5px; height: 32px; width: 32px; text-align: center;}
.play-desc:hover .play-left {text-decoration: underline;}
.play-ctrl:hover .fa {color: #eb7285; background-color: #f7f7f7;position:absolute;}
.show-player .play-ctrl .fa {color: #fff; background-color: #eb7285; padding-left: 0;}
.play-items{width:100%;}
.item-player {width: 100%; padding: 5px 10px; position: fixed; left: 0; bottom: 0; z-index: 99999; 
background-color: #eb7285; color: #fff; box-shadow:0 -5px 11px 0 rgba(0,0,0,0.05);}
.audioplayer {position: relative; max-width: 830px; margin: 0 auto;}
.audioplayer audio {display: none;}
.audioplayer-playpause {width: 50px; margin-right: 30px;}
.audioplayer-time {margin-right: 30px; font-size: 14px;}
.audioplayer-time-duration, .audioplayer-volume {margin-left: 30px; margin-right: 0;}
.audioplayer-bar {-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; background-color: #111; height: 20px; border-radius: 10px; position: relative;}
.audioplayer-bar-loaded, .audioplayer-bar-played {position: absolute; left: 0; top: 0; height: 100%; 
border-radius: 10px; background-color: rgba(0,0,0,0.1);}
.audioplayer-bar-played {z-index: 10; background-color: #fff;}
.audioplayer-playpause a, .audioplayer-volume-button a {overflow: hidden; width: 40px; height: 40px; line-height: 40px; 
text-indent: -9999px; position: relative; background-color: #cf5364; border-radius: 50%;
display: block;}
.audioplayer-playpause a:before, .audioplayer-volume-button a:before {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
border-radius: 20px; color: #fff; position: absolute; left: 0; top: 0; 
content:"\f04c"; font-family:'FontAwesome'; font-size: 18px; text-indent: 0;}
.audioplayer-stopped .audioplayer-playpause a:before {content:"\f04b"; left: 3px;}
.audioplayer-volume-button a:before {content:"\f028";}
.audioplayer-muted .audioplayer-volume-button a:before {content:"\f026";}
.audioplayer-volume {position: relative;}
.audioplayer-volume-adjust {width: 40px; height: 100px; background-color: #222; 
position: absolute; right: 0; bottom: 100%; display: none;}
.audioplayer-volume-adjust > div {width: 10px; height: 70px; border-radius: 5px; 
position: relative; left: 15px; top: 15px; background-color: #111; cursor: pointer;}
.audioplayer-volume-adjust > div > div {width: 10px; border-radius: 5px; background-color: #6699FF; 
position: absolute; left: 0; bottom: 0;}
.audioplayer-volume-button {position: relative;}
.audioplayer-volume:hover .audioplayer-volume-adjust {display: block;}
.audioplayer-playpause a:hover, .audioplayer-volume-button a:hover {background-color: #6699FF;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:46px; text-align:center; margin-top: 10px; font-size: 14px;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:100px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 5px; 
min-width:46px; background-color:#fff; margin:0 5px; border-radius:23px;
box-shadow:inset 0px 0 0 1px rgba(0, 0, 0, 0.1);}
.navigation span.nav_ext {background-color:#fff; color: #ccc;}
.dle-comments-navigation .pagi-nav {margin-bottom:0;}


/* FOOTER
----------------------------------------------- */
.footer-text {font-size: 12px; margin-right: 15px;}
.footer-text a{color:#000;font-size:18px;font-weight:bold;}
.mzbsss{padding-left:10px;text-align:none;color:#000;font-weight:500;font-size:16px;float:left;}
.gmailmzbs{float:right;padding-right:10px;}
.gmailmzbs a{color:#e77986;font-size:14px;font-weight:none;}
/* FULL
----------------------------------------------- */
.fcols {margin-bottom: 30px;}
.fright {text-align:left;position: relative;}
.fleft {width: 250px; margin-right: 3px; text-align: left;}
.fimg {width: 250px; height: 250px; position: relative;}
.fright h1 {font-size: 22px; margin-bottom: 15px; font-weight: 500; padding-right: 170px;	}
.fright h1 > span {display: block; font-size: 22px; margin-bottom: 5px; color: #000000;}
.fright h1 a {margin-left: 15px;}
.mrating {position: absolute; right: 0; top: -5px;}
.fimg > a {display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 24px;}
 .btn-capt{width:100%;color:#cf5364;}
.fa .fa-play{background:#6699FF;}
    
    
.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;}
.slice-btn {margin:15px 0 0 0;}
.slice-btn span {display:inline-block; cursor:pointer;border-bottom:1px dashed;}
.mt {margin-top: 30px;}
.mbs {margin-bottom: 15px;}

.finfo {width:100%;}
.finfo li {position: relative; padding: 10px 10px 10px 180px;}
.finfo li:nth-child(2n+1) {background-image: linear-gradient(45deg, #fff5f7 25%, #fff0f2 25%, #fff0f2 50%, #fff5f7 50%, #fff5f7 75%, #fff0f2 75%, #fff0f2 100%);
    background-size: 56.57px 56.57px;}
.finfo li > span:first-child {position: absolute; left: 10px; top: 11px; opacity: 0.6; font-size: 12px;}

.ffav {position:absolute; top:10px; right:10px; cursor:pointer; font-size: 14px;}
.ffav a {display: block; height: 40px; line-height: 40px; padding: 0 15px; 
border-radius: 20px; box-shadow: inset 0 0 0 2px #fff; color: #fff;}

.fbtns {color: #fff; font-size: 0; position: relative;}
.fplay, .fdl {width: 50%;display: inline-block; vertical-align: top; height: 60px; line-height: 60px;
	cursor: pointer; font-size: 18px; color: #fff;
	padding: 0 30px 0 100px; border-right: 2px solid #fff !important; 
position: relative; text-align: left; border: 0;}
.fdl:hover, .fplay:hover {color: #fff;}
.fdl .fa, .fplay .fa {background:#cf5364;position: absolute; left: 30px; top: 10px; z-index: 10;
	line-height: 40px; font-size: 16px; width: 40px; height: 40px; text-align: center; border-radius: 50%; 
box-shadow: inset 0 0 0 2px #fff; color: #fff;}
.fplay .fa {padding-left: 2px;}
.show-player .fplay .fa {padding-left: 0px;margin-top:-1px;}
@keyframes flash {
  from {background-color: #57a7ee;}
  to {background-color: #2d94e9;}
}


/* FULL STORY STATIC
----------------------------------------------- */
    
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; max-width:100% !important; height:350px; display:block; margin:0 auto;}
.mejs-container {max-width:100% !important;}
.full-text {color:#444; font-size:14px; line-height:1.7;}
.full-text img:not(.emoji) {max-width:100%; margin:10px auto;}
.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:#2d94e9;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:22px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:10px 0;}
.full-text > ul li {list-style:disc; margin-left:40px; position:relative;}
.full-text > ol li {list-style:decimal; margin-left:40px;}

.full-text table {width:100%; text-align:left; margin:0;}
.full-text table tr td {padding:3px 7px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#e3e3e3;} 
.full-text222 table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background:#0297dc;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:0 0 20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist a {color:#4a61a3;}
.full-taglist {margin:0;}
.aads{min-height:150px;margin:10px;padding:10px;}

/* COMMENTS
----------------------------------------------- */
.full-comms {position: relative;}
.comms-title {line-height:40px;}
.comms-title > span {font-size:14px; opacity: 0.5;}
.add-comm-form {position:relative; margin:15px 0 0 0; padding: 15px; 
border: 0px solid #e3e3e3; display:none; background-color: #ebf2f8;}
.ac-soc {position:absolute; right:0px; top:-8px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-av {width:40px; height:40px; border-radius:50%; float:left; margin-right:10px;
background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;}
.ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;}
.ac-inputs input {width:49%; background-color:#FFF; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}
.ac-textarea textarea {height:85px; background-color: #fff;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {background-color:#FFF;}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#ebf2f8; margin:20px 0 0 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#6c9bd3;}
.full-comms {}
#dle-comments-list {margin-top: 15px;}
.add-comm-btn {position: absolute; right: 0; top: -8px;}

.comm-item {padding-left:55px; margin-bottom:30px;}
.comm-left {width:40px; height:40px; margin-left:-55px; float:left; border-radius:50%;}
.comm-right {width:100%; float:right; position:relative;}

.comm-one {padding:0 80px 5px 0; position:relative; font-size:12px; color: #888;}
.comm-one > span:nth-child(4) {float:right; margin-right:0;}
.comm-one > span {float:left; margin-right:20px;}
.comm-author {color: #2d94e9;}
.comm-author a {color: #2d94e9;}
.rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;}
.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;
color:#0aa80a; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#d00e0e; margin:0 0 0 5px;}
.rate3-comm a:hover {opacity:0.5;}
.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}
.rate3-comm > span > span.ratingtypeplus {color: #06b601;}
.rate3-comm > span > span.ratingplus {color: #95c613;}
.rate3-comm > span > span.ratingminus {color: #ff0e0e;}
.comm-two {}
.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 
border-top:1px dashed #000;}
.comm-three {margin-top:10px; font-size:12px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px; line-height: 20px;}
.comm-three a {display: inline-block; vertical-align: middle; 
	border: 1px solid transparent; line-height: 18px; height: 20px;}
.comm-three li:first-child {margin-left:0px; float:left;}
.comm-three li:first-child a {border: 1px solid #e3e3e3; padding: 0 5px; border-radius: 3px; text-decoration: none;}

/* ADAPTIVE
----------------------------------------------- */
.btn-menu, .btn-menu2, .h-mobs {display:none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff;color:#333333;
padding:0 0px; z-index:888; position:fixed; left:-280px; top:0; transition:left .4s; -webkit-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:887; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 888;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #cf5364; color: #fff; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
.side-panel, .side-panel a {background:#fff;color:#333333;}


.logo-image {width:330px;height:330px;margin-top:-38px;z-index:9999;position:absolute;margin-left:-17px;}
.logo-image img {width:330px;height:330px;border-top-left-radius:25px;}

    .sidebar_multiwrapper {padding:15px;background-image:url('/templates/muzcover/images/sidebar_bg.jpeg')}
    .sidebar_onwrapper {border-radius:10px;background-image: linear-gradient(45deg, #fff5f7 25%, #fff0f2 25%, #fff0f2 50%, #fff5f7 50%, #fff5f7 75%, #fff0f2 75%, #fff0f2 100%);
background-size: 56.57px 56.57px;}

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

    .logo-image img {
        border-radius:0;
    }
.wrap {margin:0px;}
.wrap-center {max-width:1000px;border-top-left-radius:0;border-top-right-radius:0;}
    .finfo {width:98%;}
.login-box-wr, .h-main {display: none;}
    .mobs{width:99%;clear:both;}
    .side-right{display:block;}
.footer-text {width: 100%;}
.footer {background-image: none; padding: 15px 30px;}
.header {height: auto;background-color:#cf5364;}
.h-mobs {display: block; padding-top: 15px;}
.btn-menu {display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
cursor: pointer; background-color: #cf5364; color: #fff; font-size: 24px; border-radius: 50%;
margin: 0 15px; vertical-align: middle;}
.login-box-wr, .h-main {display: none; width: 100%; -ms-flex-order: 8;-webkit-order: 8;order: 8;}
.btn-menu2 {display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
cursor: pointer; font-size: 24px; border-radius: 50%; vertical-align: middle;
background-color: #cf5364; color: #fff;}
.is-active .login-box-wr {display: block; text-align: center;}
.is-active .h-main {display: block; text-align: center; background-color: #fff; 
	padding-left: 15px; padding-right: 15px;
flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; 
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;}
#gotop {display: none !important;}
.speedbar {margin-top: 0;}
}

.dtls{color: #fff; font-size: 0; position: relative;}
    .dtlss{background-color: #2d94e9; color: #fff; font-size: 0; position: absolute;}
    

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

    .hedblok{width:230px;}


    .side-left {padding-top:0;}
    .hedblok{border-top-left-radius:0;}
    .logo-image {
        display:none;
    }

.wrap-center {max-width:768px;}
.side-left {display: none;}
.cols {display: block;}
.main {padding: 30px 15px;}
.footer {padding: 15px;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:640px;}
.album-item {width: 30%;}
.play-items {width: 100%;}
.play-item {padding-left: 50px;}

.fcols {display: block;}
.fleft {margin: 0;}
.ffav {display: none;}
.mrating {position: static; margin: 0 auto; width: 150px; margin-bottom: 15px;}
.fright h1 {text-align: center; padding-right: 0;}
.fdl, .fplay {width: 50%; padding: 0 15px 0 70px;}
.fdl .fa, .fplay .fa {left: 15px;}
.fdl {border-right: 0 !important;}

.comm-three li:not(:first-child) {display:none;}
.dcont button {font-size:12px; padding:0 15px !important;}
.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.wrap-center {max-width:480px;}
.search-box {width: 100px; width: calc(100% - 150px);}

.comm-one {overflow: hidden; height: 20px; line-height: 20px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.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:320px;}
.audioplayer-time {display: none;}
.footer {padding-left:10px;display: block; text-align: center;}
.footer-text {margin-bottom: 15px;}
.sect-title {font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sect-title a {margin-top: 0;}
.play-item {margin-left: -15px; margin-right: -15px;}
.logo {width: 180px; height: 70px; padding-top: 7px;}

.fdl, .fplay  {padding: 0 0 0 50px; text-align: center; font-size: 12px;}
.finfo li {padding-left: 140px;}
.finfo li span {display: inline-block; width: 110px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.comms-title {display: block; text-align: center;}
.comms-title .button {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}
.frate {padding:5px 10px; height:72px; position: absolute; right: 0; top: -20px; 
border: 1px solid #f2f6f8;}
.fr-likes {width:60px;}
.fr-count {position: relative; width:50px; height:50px; border-radius: 50%; 
background-color:#f2f6f8; box-shadow:inset 0 0 0 5px #e3e3e3;}
.fr-count > div {position: absolute; left:0; top:0; z-index: 1; width: 100%; height: 100%; 
display: block; text-align: center; font-size:16px; padding-top:15px; font-weight:700;}
.fr-count > div div {font:11px Arial, Helvetica, sans-serif; color:#ccc; margin-top:0px; font-weight:400; display: none;}
.fr-votes, #trailer-box {display:none;}
.rate-plus, .rate-minus {cursor:pointer; height:30px; line-height:30px; font-size:12px; text-align:left;}
.rate-plus .fa {color:#9abf17; font-size: 16px;}
.rate-minus .fa {color:#e24264; font-size: 16px;}
.rate-plus:hover, .rate-minus:hover {opacity: 0.6;}
.girlyanda {display:none;}
@media screen and (max-width: 760px) {.frate {position: static; margin: 0 auto 15px auto; max-width: 250px;}.girlyanda2 {display:block;}}


/* =========================================================
   2026 visual layer (fixed) — class/id names unchanged
   ========================================================= */
:root {
	--mz-rose: #cf5364;
	--mz-rose-soft: #eb7285;
	--mz-rose-deep: #b83d4f;
	--mz-blush: #fff5f7;
	--mz-blush-2: #ffe8ec;
	--mz-ink: #1a1a1f;
	--mz-muted: #5c5c66;
	--mz-line: rgba(207, 83, 100, 0.16);
	--mz-surface: #ffffff;
	--mz-shadow: 0 16px 40px rgba(80, 24, 36, 0.10);
	--mz-shadow-sm: 0 3px 12px rgba(80, 24, 36, 0.07);
	--mz-radius: 18px;
	--mz-radius-sm: 12px;
	--mz-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--mz-font: "Manrope", GothamProRegular, Tahoma, Geneva, sans-serif;
	--mz-side: 330px;
}

html {
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: var(--mz-font);
	font-size: 14px;
	line-height: 1.55;
	color: var(--mz-ink);
	background:
		radial-gradient(1000px 420px at 8% -8%, #ffd8e0 0%, transparent 55%),
		radial-gradient(800px 360px at 100% 0%, #ffeaf0 0%, transparent 50%),
		#f2e8eb;
	background-attachment: scroll;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

a { color: var(--mz-rose); transition: color .2s var(--mz-ease); }
a:hover, a:focus { color: var(--mz-rose-deep); }
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--mz-rose-soft);
	outline-offset: 2px;
}

h1, h2, h3, h4, h5, .fw700, .sect-title, .zogolovok1 span {
	font-family: var(--mz-font);
	letter-spacing: -0.015em;
	color: var(--mz-ink);
}

/* Layout shell — keep logo overhang working */
.wrap {
	margin-top: 40px;
	padding: 0 12px 32px;
	overflow: visible;
}

.wrap-center {
	max-width: 1060px;
	border-radius: 25px 25px 0 0;
	border: 1px solid #fff;
	background: var(--mz-surface);
	box-shadow: var(--mz-shadow);
	overflow: visible; /* logo must not be clipped */
}

.header { height: 70px; }

.hedblok {
	width: var(--mz-side);
	height: 58px;
	padding: 17px;
	background: linear-gradient(135deg, var(--mz-rose) 0%, var(--mz-rose-soft) 100%);
	border-top-left-radius: 25px;
}

.hedblok a {
	padding-top: 0;
	padding-left: 10px;
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.logo-image {
	width: var(--mz-side);
	height: var(--mz-side);
	margin-top: -38px;
	margin-left: -17px;
	z-index: 30;
	filter: drop-shadow(0 14px 24px rgba(184, 61, 79, 0.22));
}

.logo-image img {
	width: var(--mz-side);
	height: var(--mz-side);
	border-top-left-radius: 25px;
	object-fit: cover;
}

.h-main {
	padding: 15px 30px;
	background: linear-gradient(90deg, var(--mz-blush) 0%, #fff 28%);
	border-top-right-radius: 25px;
}

/* Search — respect original !important transparent button */
.search-box { width: 100%; max-width: 480px; position: relative; }
.search-box form { position: relative; width: 100%; }
.search-box input#story,
.search-box input#story:focus {
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0 52px 0 16px;
	border-radius: 999px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--mz-line), var(--mz-shadow-sm);
}
.search-box button {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	width: 50px !important;
	height: 42px !important;
	padding: 0 !important;
	border-radius: 0 999px 999px 0 !important;
	color: var(--mz-rose) !important;
	background-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	line-height: 42px !important;
}
.search-box button:hover {
	color: var(--mz-rose-deep) !important;
	background: transparent !important;
	transform: none !important;
}

.main {
	min-height: 100vh;
	padding: 30px;
	background: linear-gradient(90deg, var(--mz-blush) 0%, #fff 28%);
}

.side-left {
	width: var(--mz-side);
	margin-top: 260px;
	color: #fff;
	background: linear-gradient(180deg, var(--mz-rose-soft) 0%, var(--mz-rose) 100%);
}

.sidebar_multiwrapper {
	padding: 15px;
	background-image: none;
}

.sidebar_onwrapper {
	border-radius: 14px;
	padding: 6px 10px 12px;
	background-image: none;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.16);
}

.side-left h2,
.side-nav h2,
.to-mob.top15 {
	color: #fff !important;
	font-size: 17px;
	font-weight: 700;
}

.glavnyblok { margin-top: 10px; margin-bottom: 12px; border-bottom: 0; }
.glavnyblok a {
	color: #fff;
	padding: 12px 6px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	transition: background-color .2s var(--mz-ease), transform .2s var(--mz-ease);
}
.glavnyblok a:hover {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	transform: translateX(2px);
}
a.topnws, .topnws {
	color: rgba(255, 255, 255, 0.95);
	border-bottom-color: rgba(255, 255, 255, 0.16);
	font-size: 13px;
}

.sect-title {
	font-size: 1.45rem;
	font-weight: 800;
	padding-bottom: 8px;
	margin-bottom: 14px;
	border-bottom: 1px solid var(--mz-line);
}
.sect-title h1 { font-size: inherit; font-weight: inherit; margin: 0; color: inherit; }

div .nvgc {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	margin-bottom: 14px;
	padding-bottom: 4px;
	scrollbar-width: thin;
}
div .nvgc a {
	margin: 0;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid var(--mz-line);
	background: #fff;
	color: var(--mz-ink);
	font-weight: 600;
	box-shadow: var(--mz-shadow-sm);
	transition: background-color .2s var(--mz-ease), color .2s var(--mz-ease), border-color .2s var(--mz-ease);
}
div .nvgc a:hover {
	background: var(--mz-rose);
	border-color: var(--mz-rose);
	color: #fff;
}

/* Track rows — fix float/overlap bugs */
.play-items { width: 100%; }
.play-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 12px 12px 56px;
	min-height: 52px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	transition: background-color .2s var(--mz-ease);
}
.play-item:hover { background: rgba(255, 245, 247, 0.85); }
.play-desc {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}
.play-left {
	float: none;
	width: auto;
	max-width: 100%;
	font-size: 15px;
	font-weight: 600;
	color: var(--mz-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.play-right {
	float: none;
	position: static;
	top: auto;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-align: right;
	font-size: 12px;
	color: var(--mz-muted);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.play-right img { width: 22px; height: 22px; vertical-align: middle; opacity: 0.9; }
.play-item:not(.item-wrap) {
	padding-left: 40px;
}
.play-item:not(.item-wrap) .play-left {
	padding-left: 4px;
}
.play-ctrl {
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.play-ctrl .fa {
	color: var(--mz-rose);
	border-radius: 10px;
	box-shadow: inset 0 0 0 1.5px var(--mz-rose-soft);
	transition: background-color .2s var(--mz-ease), color .2s var(--mz-ease);
}
.play-ctrl:hover .fa { position: static; color: #fff; background: var(--mz-rose); }
.show-player .play-ctrl .fa { color: #fff; background: var(--mz-rose); }
.play-ctrl:hover .fa,
.show-player .play-ctrl .fa { transform: none; }

.mp3janry a {
	margin: 5px;
	padding: 8px 13px;
	border-radius: 999px;
	border: 1px solid var(--mz-line);
	background: #fff;
	font-weight: 600;
	transition: background-color .2s var(--mz-ease), border-color .2s var(--mz-ease), color .2s var(--mz-ease);
}
.mp3janry a:hover {
	background: var(--mz-blush-2);
	border-color: var(--mz-rose-soft);
	color: var(--mz-rose-deep);
}
.musicjanry { margin-top: 26px; font-weight: 800; }

.zogolovok1 span {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--mz-ink);
}
.fright h1 { padding-right: 160px; }
.mrating { z-index: 2; }

.finfo li {
	padding: 11px 12px 11px 170px;
	border-radius: 10px;
	margin-bottom: 3px;
}
.finfo li:nth-child(2n+1) {
	background-image: none;
	background: var(--mz-blush);
}

.dtls, .fbtns {
	margin-top: 10px;
	border-radius: var(--mz-radius);
	overflow: hidden;
	background: linear-gradient(135deg, #fff 0%, var(--mz-blush) 100%);
	border: 1px solid var(--mz-line);
	box-shadow: var(--mz-shadow-sm);
}
.btn-capt { color: var(--mz-rose-deep); font-weight: 700; }
.fdl .fa, .fplay .fa {
	background: linear-gradient(145deg, var(--mz-rose-soft), var(--mz-rose));
	box-shadow: 0 6px 14px rgba(207, 83, 100, 0.3);
}

.pesnikat {
	clear: both !important;
	display: block !important;
	position: static !important;
	float: none !important;
	width: 100%;
	max-width: 100%;
	margin: 24px 0 16px !important;
	padding: 12px 14px;
	border: 1px solid var(--mz-line);
	border-radius: var(--mz-radius-sm);
	background: #fff;
	box-shadow: var(--mz-shadow-sm);
	font-size: 13px;
	line-height: 1.7;
	white-space: normal !important;
}
.pesnikat a {
	display: inline !important;
	position: static !important;
	float: none !important;
	width: auto !important;
	margin: 0 2px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: var(--mz-rose) !important;
	font-weight: 600;
}

.full-text { font-size: 14px; line-height: 1.75; color: #444; }
.full-text h2 { color: var(--mz-ink); font-size: 19px; margin: 0 0 10px; }
.rels { clear: both; margin-top: 18px; }

.item-player {
	padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
	background: linear-gradient(180deg, rgba(235,114,133,.97), rgba(207,83,100,.98));
	box-shadow: 0 -8px 24px rgba(80, 24, 36, 0.16);
}
.audioplayer-bar {
	height: 8px;
	border-radius: 999px;
	background: rgba(0,0,0,.22);
}
.audioplayer-bar-played { background: #fff; }
.audioplayer-playpause a,
.audioplayer-volume-button a { background: rgba(255,255,255,.22); }
.audioplayer-playpause a:hover,
.audioplayer-volume-button a:hover { background: rgba(255,255,255,.35); }

.navigation a,
.navigation span,
.pnext a,
.pprev a,
.pprev > span,
.pnext > span {
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 3px;
	border-radius: 999px;
	background: #fff;
	box-shadow: none;
	border: 1px solid var(--mz-line);
	font-weight: 600;
}
.navigation a:hover, .pnext a:hover {
	background: var(--mz-rose);
	border-color: var(--mz-rose);
	color: #fff;
}
span.navigation > span:not(.nav_ext) {
	background: var(--mz-rose);
	border-color: var(--mz-rose);
	color: #fff;
}
span.navigation > a {
	color: var(--mz-ink);
}

.footer {
	border-top: 1px solid var(--mz-line);
	background: #fff;
	padding: 24px 20px 20px 260px;
}
.mzbsss { font-weight: 700; font-size: 15px; }
.gmailmzbs a { color: var(--mz-rose); font-weight: 600; }

#gotop {
	width: 46px;
	height: 46px;
	line-height: 46px;
	right: 16px;
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	border: 1px solid var(--mz-line);
	box-shadow: var(--mz-shadow-sm);
}
#gotop:hover { background: var(--mz-rose); color: #fff; }

/* Do NOT restyle search submit via global button rules */
.button:not(.search-box button),
.btn:not(.search-box button),
button:not(.color-btn):not([class*=fr]):not(.search-box button),
html input[type="button"],
input[type="reset"],
input[type="submit"]:not(.search-box button) {
	border-radius: 999px;
	font-family: var(--mz-font);
}

.button,
.btn,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: var(--mz-rose);
}
.button:hover,
.btn:hover,
html input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: var(--mz-rose-deep);
	color: #fff;
}

/* Keep search button exempt even after global submit styles */
.search-box button[type="submit"],
.search-box button {
	background-color: transparent !important;
	background: transparent !important;
	color: var(--mz-rose) !important;
	height: 42px !important;
	box-shadow: none !important;
}

input[type="text"],
input[type="password"],
textarea {
	border-radius: var(--mz-radius-sm);
	font-family: var(--mz-font);
}

.btn-menu,
.btn-menu2 {
	background: rgba(255,255,255,.2) !important;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
}

@media screen and (max-width: 1220px) {
	.wrap { margin-top: 0; padding: 0; overflow: hidden; }
	.wrap-center { border-radius: 0; overflow: hidden; }
	.header { background: linear-gradient(135deg, var(--mz-rose), var(--mz-rose-soft)); }
	.hedblok { background: transparent; }
	.logo-image { filter: none; }
}

@media screen and (max-width: 950px) {
	.side-left { display: none; }
	.logo-image { display: none; }
	.main {
		padding: 22px 16px 30px;
		background: #fff;
		min-height: auto;
	}
	.footer { padding: 16px; }
	.mzbsss, .gmailmzbs {
		float: none;
		display: block;
		padding: 0;
		text-align: center;
	}
	.gmailmzbs { margin-top: 6px; }
	.fright h1 { padding-right: 0; }
}

@media screen and (max-width: 760px) {
	.play-item {
		margin-left: 0;
		margin-right: 0;
		padding-left: 50px;
	}
	.play-left { white-space: nowrap; }
	.fdl, .fplay { width: 50%; }
	.mrating { position: static; margin: 0 auto 12px; }
}

@media screen and (max-width: 470px) {
	.play-right img { width: 20px; height: 20px; }
	.sect-title { white-space: normal; overflow: visible; text-overflow: unset; }
}