/*
Theme Name: سیب موزیک

Author: سیب دیزاین

Description: پوسته سیب موزیک دارای سئو بالا ، طراحی بسیار زیبا ، سرعت کم نظیر در بارگزاری و امکانات حرفه ای برای کاربران است که باعث می شود سایتی که می خواهید را به سادگی طراحی کنید.
Version: 11.1.1
Tags: موزیک , قالب موسیقی, پوسته موزیک, سه ستونه, پنل تنظیمات, واکنشگرا,
Text Domain: SibMusic

برای طراحی این قالب زحمات زیادی کشیده شده لذا خواهشمندیم تا نسخه ی اصلی این قالب را تهیه نمایید تا به فعالیت ما تداوم بخشید.
*/

/*----- css reset :| -----*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
}

button {
     border: none;
     padding: 5px;
     font-size: 12px;
}

textarea:focus, input:focus, button:focus, a:focus {
     outline: none !important;
}

* {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

:hover {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

:focus {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

:active {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

:before {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

:after {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.bh-small {
     -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.bh {
     -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.bh-long {
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
}

.drop {
     -webkit-filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.38));
     filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.38));
}

.bh-text {
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.bh-sharp {
     -o-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
     box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
}

html > body {
     position: relative;
     font-family: sib-font;
     line-height: 1;
     background: #f7f7f7;
     text-align: right;
     direction: rtl;
     overflow-x: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
     display: block;
}

li {
     list-style: none;
}

a:hover {
     text-decoration: none !important;
}

a {
     -webkit-text-decoration: transparent !important;
     text-decoration: transparent !important;
}

blockquote, q {
     quotes: none;
}

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

a {
     margin: 0;
     padding: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
}

/* change colours to suit your needs */
ins {
     background-color: #ff9;
     color: #000;
     text-decoration: none;
}

/* change colours to suit your needs */
mark {
     background-color: #ff9;
     color: #000;
     font-style: italic;
     font-weight: bold;
}

del {
     text-decoration: line-through;
}

abbr[title], dfn[title] {
     border-bottom: 1px dotted;
     cursor: help;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

hr {
     margin-top: .2rem !important;
     margin-bottom: .6rem !important;
}

::-webkit-scrollbar {
     width: 11px;
     height: 10px;
     background: rgba(255, 255, 255, 0.30);
}

::-webkit-scrollbar-thumb {
     border-radius: 25px;
     background-color: rgb(102, 102, 102);
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

::-webkit-scrollbar-track {
     background: #ddd;
     border-left: 1px solid #d0d0d0;
}

::-moz-selection {
     background: #e5e5e5;
     color: #000;
}

::selection {
     background: #e5e5e5;
     color: #000;
}

html {
     overflow-y: scroll;
}

hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
}

.carousel-indicators:hover
input, select {
     vertical-align: middle;
}

.modal-header .close {
     position: absolute;
     left: 5px;
     top: 20px;
}

nav.nav-wide-fix .srsh-box {
     left: 0;
     opacity: 1;
     -webkit-transition-delay: 1.5s;
     -o-transition-delay: 1.5s;
     transition-delay: 1.5s;
     -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -o-transition-duration: 1s;
     transition-duration: 1s;
}

.btn-gradient {
     padding: 10px 8px;
     color: #fff;
     border-radius: 15px;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
     font-size: 12px;
     text-align: center;
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.btn-gradient:hover {
     color: #fff;
     -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12);
     box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12);
}

.btn-gradient:focus {
     -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14);
     box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14);
}

.site-header {
     background-color: #fff;
     height: auto;
     min-height: 100px;
}

.header-right-area {
     /*background-color: #cff7ff;*/
     min-height: 100px;
}

.site-logo {
     padding: 5px;
     width: 270px;
     height: 100px;
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.site-logo img {
     width: auto;
     height: 100%;
     max-height: 90px;
}

.header-left-area {
     /*background-color: #ffccce;*/
     min-height: 100px;
     position: relative;
}

.header-left-area .telegram-ads {
     display: block;
     width: 250px;
     background-color: #999;
     position: absolute;
     height: 45px;
     top: 0;
     bottom: 0;
     left: 10px;
     margin-top: auto;
     margin-bottom: auto;
     border-radius: 17px;
     -webkit-box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.08);
     border: 2px solid inherit;
     -webkit-animation: bh-scale-up 3.5s ease infinite;
     animation: bh-scale-up 3.5s ease infinite;
     will-change: box-shadow;
}

.header-left-area .telegram-ads:hover {
     opacity: 0.7 !important;
}

@-webkit-keyframes bh-scale-up {
     0% {
          -webkit-box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.08);
     }
     30% {
          -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
     }
     50% {
          -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
     }
     100% {
          -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
     }
}

@keyframes bh-scale-up {
     0% {
          -webkit-box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.08);
     }
     30% {
          -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
     }
     50% {
          -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
     }
     100% {
          -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.0);
     }
}

.telegram-ads:hover .telegram-ads-right i {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
}

.telegram-ads-right {
     position: relative;
     width: 18%;
     height: 100%;
     float: right;
     border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.telegram-ads-right i {
     position: absolute;
     top: 10px;
     right: 14px;
     font-size: 21px;
     text-align: center;
     color: #fff;
     text-shadow: 4px 5px 19px rgba(0, 0, 0, 0.35);
}

.telegram-ads-left {
     position: relative;
     width: 78%;
     height: 100%;
     float: right;
}

.telegram-ads-left p {
     color: #fff;
     font-size: 10px;
     text-align: right;
     line-height: 35px;
     margin: 5px 8px 5px 0;
     text-shadow: 4px 5px 19px rgba(0, 0, 0, 0.35);
}

.header-searchbox {
     width: 100%;
     height: 100%;
     /*background-color: #c05be7;*/
     position: relative;
}

.srch-box-header {
     position: absolute;
     top: 30%;
     bottom: 25%;
     left: 5%;
     width: 75%;
     height: 45px;
     font-size: 12px;
     padding: 10px;
     border-radius: 10px;
     border: 2px solid transparent;
     background-color: rgba(0, 0, 0, 0.03);
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     color: #555;
}

.ic-srchh {
     position: absolute;
     left: 7%;
     top: 43%;
     bottom: 20%;
     color: #aaa;
     -webkit-animation: rotate 0.8s infinite;
     animation: rotate 0.8s infinite;
}

.bg-ic-srchh {
     cursor: pointer;
     position: absolute;
     left: 5%;
     top: 30%;
     bottom: 25%;
     color: #aaa;
     width: 45px;
     background-color: transparent;
     border: none;
     border-radius: 10px;
}

.bg-ic-srchh:focus {
     outline: none;
}

.bg-ic-srchh:active {
     background-color: rgba(0, 0, 0, 0.05);
}

.bg-ic-srchh:hover {
     background-color: rgba(0, 0, 0, 0.02);
}

.srch-box-header:focus {
     outline: none;
     border: 2px solid #eee;
     background-color: rgba(0, 0, 0, 0.05);
}

.srch-box-header::-webkit-input-placeholder {
     color: #aaa;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header:-ms-input-placeholder {
     color: #aaa;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header::-ms-input-placeholder {
     color: #aaa;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header::placeholder {
     color: #aaa;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header:focus::-webkit-input-placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     padding-right: 10px;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header:focus:-ms-input-placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     padding-right: 10px;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header:focus::-ms-input-placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     padding-right: 10px;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.srch-box-header:focus::placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     padding-right: 10px;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.search-box-header:focus {
     outline: none;
}

.search-box-header:focus::-webkit-input-placeholder {
     padding-right: 150px;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
}

.search-box-header:focus:-ms-input-placeholder {
     padding-right: 150px;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
}

.search-box-header:focus::-ms-input-placeholder {
     padding-right: 150px;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
}

.search-box-header:focus::placeholder {
     padding-right: 150px;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
}

.search-box-header::-webkit-input-placeholder {
     padding-right: 0;
     -webkit-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     -o-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
}

.search-box-header:-ms-input-placeholder {
     padding-right: 0;
     -webkit-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     -o-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
}

.search-box-header::-ms-input-placeholder {
     padding-right: 0;
     -webkit-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     -o-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
}

.search-box-header::placeholder {
     padding-right: 0;
     -webkit-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     -o-transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
     transition: cubic-bezier(1, -0.6, .83, 1.93) 2.5s;
}

.srsh-box:hover {
     background-color: transparent;
}

.srsh-box {
     position: relative;
     left: -1000px;
     float: left;
     overflow: hidden;
     opacity: 0;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

.search-box-header {
     margin-top: 10px;
     border: 1px solid #ccc;
     border-radius: 15px;
     display: block;
     font-size: 10px;
     width: 150px;
     padding: 7px;
     text-align: right;
     height: 32px;
}

.icon-sch-header {
     position: absolute;
     left: 5%;
     top: 20px;
     font-size: 13px;
     -webkit-animation: rotate 0.8s infinite;
     animation: rotate 0.8s infinite;
}

.search-box-header-bg {
     z-index: 1;
     position: absolute;
     left: 1px;
     border: none;
     padding: 8px;
     width: 32px;
     display: block;
     background-color: transparent;border-radius: 50px;
}

.search-box-header-bg:hover {
     cursor: pointer;
     background-color: rgba(0, 0, 0, 0.03);
}

.search-box-header-bg:focus {
     outline: none;
}

nav input {
     display: none;
}

nav label {
     display: none;
}

nav {
     contain: layout;
     z-index: 20;
     border-top: 1px solid #eee;
     background-color: #fff;
     width: 100%;
     -webkit-box-shadow: 0px 6px 10px -7px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 6px 10px -7px rgba(0, 0, 0, 0.12);
}

nav ul li {
     position: relative;
     display: inline-block;
     float: right;
}

nav ul li:hover {
     color: #333;
     text-decoration: none;
     background-color: #f7f7f7;
}

.nav .nav-container ul li:before {
     position: relative !important;
     top: 3px !important;
     right: 23px;
     color: #888;
     font-family: 'Simple-Line-Icons' !important;
}

nav ul li a {
     text-align: center;
     font-family: sib-font;
     display: inline-block;
     outline: none;
     color: #888;
     font-size: 12px;
     padding: 20px 30px;
}

nav ul li a:hover {
     color: #333;
     text-decoration: none;
}

#nav:checked + .nav-open {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}

#nav:checked + .nav-open i {
     background: #fff;
     -webkit-transition: -webkit-transform 0.2s ease;
     transition: -webkit-transform 0.2s ease;
     -o-transition: transform 0.2s ease;
     transition: transform 0.2s ease;
     transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

#nav:checked + .nav-open i:nth-child(1) {
     -webkit-transform: translateY(6px) rotate(180deg);
     -ms-transform: translateY(6px) rotate(180deg);
     transform: translateY(6px) rotate(180deg);
}

#nav:checked + .nav-open i:nth-child(2) {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
}

#nav:checked + .nav-open i:nth-child(3) {
     -webkit-transform: translateY(-6px) rotate(90deg);
     -ms-transform: translateY(-6px) rotate(90deg);
     transform: translateY(-6px) rotate(90deg);
}

#nav:checked ~ .nav-container {
     z-index: 9990;
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
}

#nav:checked ~ .nav-container ul li a {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}

.hidden {
     display: none;
}

.last-post-boxes-area {
     height: auto;
     width: auto;
     padding: 5px 0 5px 0;
}

.box-last-music {
     height: auto;
     width: 40% !important;
     /*background-color: #b1dfbb;*/
     /*border: 1px solid #000;*/
}

.last-post-boxes-area .col-md-2 {
     padding: 0;
     margin: 0 auto;
     display: table;
}

.box-l {
     position: relative;
     display: block;
     width: 110px;
     height: 110px;
     background-color: #aaa;
     margin: 10px auto 0 auto;
     border-radius: 2px;
     -webkit-box-shadow: 5px 6px 15px -5px rgba(0, 0, 0, 0.3);
     box-shadow: 5px 6px 15px -5px rgba(0, 0, 0, 0.3);
}

.box-l .on-hover-last {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.65);
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all 0.35s;
     -o-transition: all 0.35s;
     transition: all 0.35s;
}

.box-l .on-hover-last p {
     text-shadow: 0 0 10px #000;
}

.box-l .on-hover-ps {
     contain: layout;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     height: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-transform: scale(2.8);
     -ms-transform: scale(2.8);
     transform: scale(2.8);
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
}

.father-info-spm {
     display: table;
     margin: 0 auto;
}

.father-info-spm p {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 3px 0;
}

.box-l .on-hover-last-singer {
     font-size: 12px;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
     text-align: center;
     color: #fff;
     position: relative;
     bottom: 0;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     contain: layout;
     -webkit-transform: translateY(-25px);
     -ms-transform: translateY(-25px);
     transform: translateY(-25px);
}

.box-last-music:hover .box-l .on-hover-last-singer {
     -webkit-transition-delay: 0.4s !important;
     -o-transition-delay: 0.4s !important;
     transition-delay: 0.4s !important;
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     transition: all 0.8s;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
}

.box-last-music:hover .box-l .on-hover-ps {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
}

.box-last-music:hover .on-hover-last {
     -webkit-transition: ease-in-out all 0.25s;
     -o-transition: ease-in-out all 0.25s;
     transition: ease-in-out all 0.25s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-box-shadow: inset 0 0 30px -5px rgba(0, 0, 0, 0.9);
     box-shadow: inset 0 0 30px -5px rgba(0, 0, 0, 0.9);
}

.box-last-music:hover .box-last-pic {
     -webkit-filter: blur(6px) hue-rotate(-25deg);
     filter: blur(6px) hue-rotate(-25deg);
     -webkit-transition: ease-in-out all 1s;
     -o-transition: ease-in-out all 1s;
     transition: ease-in-out all 1s;
}

.box-l .on-hover-last-title {
     font-size: 16px;
     text-align: center;
     color: #fff;
     margin-bottom: 10px !important;
}

.box-l .box-last-pic {
     width: 100%;
     height: 100%;
     display: block;
     -webkit-transition: ease-in-out all 1s;
     -o-transition: ease-in-out all 1s;
     transition: ease-in-out all 1s;
}

.box-l .box-last-pic {
     display: block;
     width: 100% !important;
     height: 100% !important;
     background-position: center !important;
     -webkit-background-size: 100% !important;
     background-size: 100% !important;
}

.box-l {
     overflow: hidden !important;
}

.last-post-box-header {
     position: relative;
     width: 143px;
     height: 35px;
     border-radius: 15px;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.last-post-box-header p {
     text-align: center;
     display: inline-block;
     font-size: 12px;
     color: #fff;
     position: absolute;
     top: 10px;
     right: 42px;
}

.last-post-box-header i {
     text-align: center;
     display: inline-block;
     font-size: 18px;
     color: #fff;
     position: relative;
     top: 8px;
     right: 17px;
     -webkit-animation: ring 2s infinite;
     animation: ring 2s infinite;
}

.nav-responsive {
     display: none;
}

.res-sch-father {
     display: block;
     width: 100%;
     height: 100%;
}

.Responsive-search {
     width: 70%;
     height: 30px;
     padding: 25px;
     border: none;
     border-radius: 15px;
     background-color: rgba(255, 255, 255, 0.80);
     display: table;
     margin: 15px auto 10px auto;
     overflow: hidden;
}

.Responsive-search:focus {
     outline: none;
}

.Responsive-search::-webkit-input-placeholder {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search:-ms-input-placeholder {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search::-ms-input-placeholder {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search::-webkit-input-placeholder {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search::placeholder {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search:focus::-webkit-input-placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search:focus:-ms-input-placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search:focus::-ms-input-placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Responsive-search:focus::placeholder {
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.res-sch-father {
     position: relative;
}

.icon-sch {
     position: absolute;
     left: 18%;
     top: 15px;
     color: #555;
     font-size: 18px;
     -webkit-animation: rotate 0.8s infinite;
     animation: rotate 0.8s infinite;
}

.bg-Responsive-search {
     position: absolute;
     left: 15%;
     top: 0;
     width: 44px;
     padding: 16px;
     font-size: 18px;
     border: none;
     background-color: transparent;border-radius: 15px;
}

.bg-Responsive-search:hover {
     background-color: rgba(255, 255, 255, 0.15);
}

.bg-Responsive-search:focus {
     outline: none;
}

.carousel-item {
     width: 100%;
     height: auto;
     max-height: 130px;
}

.carousel-inner .carousel-item img {
     display: block;
     width: 100%;
     max-height: 130px;
}

#carousel-ads {
     position: relative;
}

.slider-custom {
     padding-bottom: 20px;
}

#carousel-ads .carousel-indicators {
     position: absolute;
     bottom: -15px;
}

.col-md-12 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 5px !important;
     padding-left: 5px !important;
}

.carousel-indicators li {
     border-radius: 2px;
     padding: 1px;
     height: 6px !important;
     width: 6px !important;
     background: #999 !important;
}

.carousel-indicators {
     opacity: 0.4 !important;
}

.slider-custom:hover .carousel-indicators {
     opacity: 0.9 !important;
}

.carousel-indicators li.active {
     background-color: #333 !important;
     width: 20px !important;
}

.carousel-control-prev,
.carousel-control-next {
     opacity: 0.2 !important;
     border-radius: 8px;
}

.carousel-control-prev {
     right: 0 !important;
}

.carousel-control-next {
     left: 0 !important;
}

.carousel-control-prev:hover {
     opacity: 0.5 !important;
     background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
     background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
     background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.carousel-control-next:hover {
     opacity: 0.5 !important;
     background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
     background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

.post-bg {
     margin: 3px 0 10px 0;
     padding: 8px 3px !important;
     overflow: hidden !important;
}

.index-page-post .post-bg {
     margin: 3px 4px 10px 4px;
     padding: 0 0 !important;
}

.the-post-title {
     font-size: 13px;
     padding: 8px 0;
     height: 100%;
     border-bottom: 1px solid #eee;
}

.post-image-primary {
     position: relative;
}

.music-info {
     contain: layout;
     width: 100%;
     height: auto;
     margin-top: 75px;
     position: absolute;
     top: 0;
     right: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     z-index: 0;
}

.music-info-bg {
     cursor: default;
     position: absolute;
     top: 20%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-top: 20px !important;
}

.music-info p, .music-info i {
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.80);
     color: #fff;
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.music-name p {
     font-size: 18px;
     text-align: center;
     line-height: 1.8 !important;
     margin-bottom: 8px !important;
}

.music-name i {
     font-size: 21px;
}

.music-singer p {
     font-size: 14px;
}

.simple-title-on-off p {
     font-size: 14px;
     line-height: 1.9 !important;
     text-align: center;
     /*overflow: hidden;*/
     /*text-overflow: ellipsis;*/
     /*white-space: nowrap*/
}

.simple-title-on-off {
     display: block;
}

.simple-title-single-page {
     font-weight: 600;
     text-align: right;
     color: #111;
     font-size: 14px;
     line-height: 2;
     display: inline-block;
}

#simple-title-player-in-single {
     display: none;
}

.music-date p {
     font-size: 12px;
}

.music-date i {
     font-size: 15px;
}

.post-typical-img:hover .music-info {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transition-delay: 0.3s;
     -o-transition-delay: 0.3s;
     transition-delay: 0.3s;
}

.post-typical-img .btn-share-modal {
     opacity: 0;
     left: 8px;
     cursor: pointer;
}

.post-typical-img:hover .btn-share-modal {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     transition-delay: 0.2s;
}

.post-typical-img {
     overflow: hidden !important;
     position: relative !important;
}

.card-body {
     /*min-height: 150px;*/
     z-index: 5555;
     padding: 0.5rem;
}

.pr-img {
     overflow: hidden;
}

.pr-img img {
     contain: layout;
     height: auto;
}

.post-body-index,
.post-body-index p,
.post-body-index span,
.post-body-index img {
     font-size: 11px;
     color: #555;
     line-height: 1.86;
     width: auto;
     height: auto;
     display: inline-block;
     margin: 0 2px;
}

.post-body video {width: 100%;border-radius: 10px !important;}

.post-body-index a {
     display: inline-block;
     margin: 0 3px;
     color: #000;
     border-bottom: 1px solid #ccc;
}

.post-body-index a:hover {
     color: #555;
}

.post-index-title-link {
     color: #555 !important;
}

.post-body-index h1 {
     line-height: 50px;
     margin: 3px 1px;
     font-size: 28px;
}

.post-body-index h2 {
     line-height: 40px;
     margin: 2px .5px;
     font-size: 23px;
}

.post-body-index h3 {
     line-height: 35px;
     margin: 1px .5px;
     font-size: 20px;
}

.post-body-index h4 {
     line-height: 28px;
     font-size: 16px;
}

.post-body-index h5 {
     line-height: 25px;
     font-size: 14px;
}

.post-body-index h6 {
     line-height: 20px;
     font-size: 11.5px;
}

.post-area .col-sm-6 {
     padding: 0;
}

.post-area article {
     padding: 0;
     margin: 0;
}

.post-body-index img {
     max-width: 60%;
     min-height: 60%;
     display: block;
     margin-right: auto;
     margin-left: auto;
     padding: 8px;
}

.info-more {
     border-top: 1px solid #e5e5e5;
     padding-top: 11px;
     width: 100%;
}

.info-more-right {
     float: right;
     margin-top: 5px;
}

.info-more-left {
     padding: 0 0 10px 10px;
     float: left;
}

.info-more p {
     display: inline-block;
     font-size: 11px;
}

.info-more i {
     display: inline-block;
     font-size: 14px;
}

.post-comment, .post-view {
     display: inline-block;
     margin: 3px 10px;
}

.wp_pagination {
     padding-bottom: 10px;
}

.wp_pagination ul li {
     display: inline-block;
}

.wp_pagination a, .wp_pagination span {
     background: #fcfcfc;
     color: #666;
     min-width: 50px;
     height: 25px;
     width: auto;
     line-height: 16px;
     display: inline-block;
     text-align: center;
     font-size: 11px;
     padding: 5px;
     border-radius: 5px;
     margin: 3px;
     -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.11));
     filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.11));
}

.wp_pagination a:hover {
     color: #333;
     background: #eee;
}

.wp_pagination span.current {
     color: #fff;
     background: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.sidebar-box-bg {
     position: relative;
     width: 100%;
     height: 100%;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 10px;
     margin-bottom: 10px;
}

.sidebar-box-bg ul {
     margin-bottom: 0 !important;
}

.sidebar-box-header {
     width: 90%;
     height: 40px;
     margin: 3px 0 10px 0;
}

.box-sh-bg {
     position: absolute;
     right: 0;
     width: 90%;
     height: 40px;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     border-radius: 50px 0 0 50px;
     font-size: 12px;
     -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
     box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
}

.sidebar-box-bg:hover i.sidebar-box-icon {
     -webkit-animation: ease-in-out translate-effect-small 0.7s;
     animation: ease-in-out translate-effect-small 0.7s;
}

.Panel__body ul li:hover .play-now-on-hover svg {
     -webkit-animation: scale-effect-small 0.6s;
     animation: scale-effect-small 0.6s;
}

.last-post-boxes-area:hover .last-post-box-header i {
     -webkit-animation: ease-in-out rotate 1s infinite;
     animation: ease-in-out rotate 1s infinite;
}

.breadcrumb .icon-pointer {
     -webkit-animation: ease-in-out rotate 1s infinite;
     animation: ease-in-out rotate 1s infinite;
}

.footer-license-false {
     background-color: rgba(0, 0, 0, 0.8);
     opacity: 1;
     color: rgba(255, 255, 255, 0.15) !important;
}

.footer-license-false .footer-copyright {display: none !important;}

.footer-license-false a,
.footer-license-false p,
.footer-license-false h3,
.footer-license-false span,
.footer-license-false img {
     opacity: 0.15;
}

.footer-license-false:before {
     content: 'لطفا لایسنس پوسته را فعال کنید';
     opacity: 1 !important;
     display: flex;
     justify-content: center;
     font-size: 30px;
     position: relative;
     top: 160px;
     color: #fff !important;
     text-align: center;
     line-height: 2;
     text-shadow: 6px 6px 12px rgba(0, 0, 0, 1)
}

.comment-awaiting-moderation {
     display: block !important;
     padding: 18px 3px 5px 3px !important;
     font-size: 13px !important;
     font-style: normal !important;
     line-height: 1.9 !important;
}

.sidebar-box-text {
     position: relative;
     right: 12px;
     top: 12px;
     text-align: right;
     font-size: 14px;
     color: #fff;
     display: inline-block;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.sidebar-box-icon {
     position: absolute;
     left: 14px;
     top: 9px;
     color: #fff;
     font-size: 20px;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.our-service a p {
     position: relative;
     display: inline-block;
     font-size: 12px;
     margin-top: 15px;
}

.our-service a:hover {
     color: #666;
}

.our-service a i {
     position: relative;
     top: 3px;
     display: inline-block;
     font-size: 18px;
     margin-top: 10px;
     margin-right: 17px;
}

.btn-our-services {
     position: relative;
     display: block;
     width: 100%;
     height: auto;
     padding: 3px 0;
     background-color: #f4f4f4;
     color: #666;
     margin-top: 10px;
     border-radius: 5px;
     overflow: hidden;
}

.Right-Line-Hover {
     position: absolute;
     right: -10px;
     top: 0;
     width: 8px;
     height: 100%;
     display: inline-block;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     background: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.btn-our-services:hover .Right-Line-Hover {
     right: 0;
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transition: all ease-in-out 0.3s !important;
     -o-transition: all ease-in-out 0.3s !important;
     transition: all ease-in-out 0.3s !important;
     background: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.btn-our-services:focus .Right-Line-Hover {
     right: 0;
     opacity: 0.25;
     width: 100%;
     background: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     -webkit-transition: ease all 0.1s;
     -o-transition: ease all 0.1s;
     transition: ease all 0.1s;
}

.btn-share-modal {
     position: absolute;
     left: 10px;
     top: 10px;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     padding: 8px;
     font-size: 13px;
     background-color: #eee;
     outline: none;
     border: none;
     border-radius: 50px;
     -webkit-animation-delay: 5s;
     animation-delay: 5s;
}

.btn-share-modal:hover {
     -webkit-animation: 1.2s scale-effect-small infinite;
     animation: 1.2s scale-effect-small infinite;
}

.btn-share-modal i {
     color: #888;
     margin-top: 2px;
     text-align: center;
     line-height: 1.1;
}

.btn-share-modal:active {
     background-color: #ddd;
}

.modal-body img {
     display: table;
     margin: 0 auto 10px auto;
     padding: 5px;
     border: 3px dashed #ddd;
     border-radius: 5px;
     max-height: 250px;
     max-width: 250px;
}

.modal-body img:hover {
     border: 3px dashed #fff;
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transition: all ease-in 0.15s;
     -o-transition: all ease-in 0.15s;
     transition: all ease-in 0.15s;
}

.modal-body p {
     text-align: center;
     line-height: 2;
}

.post-share-btns a.btn {
     width: auto;
     margin: 3px;
}

.post-share-btns {
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.input-modal-share-post {
     width: auto;
     height: auto;
     padding: 8px;
     min-width: 280px;
     border: 2px dashed #ccc;
     background-color: #f4f4f4;
     color: #333;
     border-radius: 50px;
     text-align: center;
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.telegram-site-ads {
     overflow: hidden;
     position: relative;
     display: block;
     margin: 2px auto 10px auto;
     width: 97%;
     height: auto;
     color: #fff !important;
     line-height: 1.8;
     font-size: 13px;
     text-align: center;
     padding: 8px;
     border-radius: 15px;
     background: #00aee5;
     background: -webkit-linear-gradient(250deg, #1dcefc, #414fdb, #5b247a);
     background: -o-linear-gradient(250deg, #1dcefc, #414fdb, #5b247a);
     background: -webkit-linear-gradient(200deg, #1dcefc, #414fdb, #5b247a);
     background: -o-linear-gradient(200deg, #1dcefc, #414fdb, #5b247a);
     background: linear-gradient(250deg, #1dcefc, #414fdb, #5b247a);
}

.telegram-site-ads i {
     position: relative;
     top: 3px;
     font-size: 18px;
     text-align: center;
     z-index: 2;
}

.telegram-site-ads p {
     position: relative;
     color: #fff;
     display: inline;
     font-size: 13px;
     text-align: center;
     z-index: 2;
}

.telegram-site-ads .on-hover-eff-tele-ads {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     min-width: 100%;
     min-height: 100%;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     z-index: 1;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
     background-color: #09c;border-radius: 15px;
     background: -webkit-linear-gradient(45deg, #1dcefc, #414fdb, #5b247a);
     background: -o-linear-gradient(45deg, #1dcefc, #414fdb, #5b247a);
     background: linear-gradient(45deg, #1dcefc, #414fdb, #5b247a);
}

.telegram-site-ads:hover .on-hover-eff-tele-ads {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
}

.insta-site-ads {
     overflow: hidden;
     position: relative;
     display: block;
     margin: 2px auto 10px auto;
     width: 97%;
     height: auto;
     color: #fff !important;
     line-height: 1.8;
     font-size: 13px;
     text-align: center;
     padding: 8px;
     border-radius: 15px;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #ffdb8b, #ee653d, #d42e81, #a237b6, #3e5fbc);
     background: -o-linear-gradient(200deg, #ffdb8b, #ee653d, #d42e81, #a237b6, #3e5fbc);
     background: linear-gradient(250deg, #ffdb8b, #ee653d, #d42e81, #a237b6, #3e5fbc);
}

.insta-site-ads i {
     position: relative;
     top: 3px;
     font-size: 16px;
     text-align: center;
     z-index: 2;
}

.insta-site-ads p {
     position: relative;
     color: #fff;
     display: inline;
     font-size: 12px;
     text-align: center;
     z-index: 2;
}

.insta-site-ads .on-hover-eff-insta-ads {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     min-width: 100%;
     min-height: 100%;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     z-index: 1;border-radius: 15px;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
     background: #999;
     background: -webkit-linear-gradient(45deg, #ffdb8b, #ee653d, #d42e81, #a237b6, #3e5fbc);
     background: -o-linear-gradient(45deg, #ffdb8b, #ee653d, #d42e81, #a237b6, #3e5fbc);
     background: linear-gradient(45deg, #ffdb8b, #ee653d, #d42e81, #a237b6, #3e5fbc);;
}

.insta-site-ads:hover .on-hover-eff-insta-ads {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
}

.top-posts-in-times {
     width: 100%;
     height: auto;
     border-radius: 6px;
     background-color: #2c3e50;
     overflow: visible;
     margin-bottom: 10px;
}

.Tabs__tab, .player-image, .top-time-bg {
     background-image: url("images/pat.png") !important;
}

.top-posts-in-times h4 {
     display: table;
     margin: 0 auto;
     font-size: 18px;
     color: rgba(255, 255, 255, 0.8);
     padding-bottom: 15px;
}

.row .box-last-music {width: auto !important;}

.top-posts-in-times .icon-most-view {
     font-size: 90px;
     display: table;
     margin: 0 auto;
     color: rgba(255, 255, 255, 0.5);
}

.top-posts-in-times p {
     display: table;
     margin: 0 auto;
     font-size: 12px;
     color: #fff;
     padding: 10px 0 10px 0;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.top-time-bg {
     display: block;
     width: 100%;
     height: 100%;
     padding-bottom: 1px;
     overflow: hidden;
}

.top-time-bg:hover .icon-most-view {
     -webkit-animation: 0.3s translate-zto;
     animation: 0.3s translate-zto;
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
}

.filtered-area ul li a:before {
     content: '\e062';
     font-family: 'Simple-Line-Icons';
     color: #fff;
     font-size: 15px;
     position: relative;
     top: 3px;
     padding-left: 3px;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.filtered-area ul li a .top-by-date-view {
     position: absolute;
     top: 0;
     left: 3px;
     font-size: 9px;
     color: #eee;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.top-day-area ul li a {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.top-by-date-view .icon-eye {padding-right: 4px;}

.filtered-area ul li a {
     position: relative;
     color: #fff;
     padding: 6px 5px 12px 5px;
     margin: 7px;
     background-color: rgba(255, 255, 255, 0.1);
     display: block;
     width: auto;
     height: auto;
     line-height: 2;
     font-size: 11px;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;border-radius: 5px;
}

.filtered-area ul li a:hover {
     background-color: rgba(255, 255, 255, 0.25);
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.filtered-area ul li a:hover:before {
     padding-left: 7px;
     -webkit-transition: ease-in all 0.2s;
     -o-transition: ease-in all 0.2s;
     transition: ease-in all 0.2s;
}

.tabs-post-filter {
     width: auto;
     height: auto;
}

.banner-ads-area {
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.banner-ads-area p {
     display: table;
     width: auto;
     height: auto;
}

.banner-ads-area .ads-img {
     margin: 5px;
     width: 42%;
     display: inline-block;
     height: auto;border-radius: 5px;
}

.any-under-post-widget .under-slider-img:hover,
.banner-ads-area img:hover,
.ads-under-slider img:hover {
     opacity: 0.7;
}

.ads-under-slider .under-slider-img {
     display: block;
     width: 100%;
     height: auto;
     margin: 8px auto;border-radius: 5px;
}

.ads-under-slider .under-slider-img:first-child {
     margin-top: 2px;
}

.any-under-post-widget a {
     width: 100% !important;
}

.any-under-post-widget .under-slider-img {
     display: block;
     width: 100%;
     height: auto;
     margin: 8px auto;border-radius: 5px;
}

.any-under-post-widget .under-slider-img:first-child {
     margin-top: 2px;
}

.nav-fix {
     filter: alpha(1) !important;
     -moz-opacity: 1 !important;
     opacity: 1 !important;
     visibility: visible !important;
}

.opacity-on-plz {
     position: fixed !important;
     width: 100% !important;
     z-index: 999999 !important;
     opacity: 1 !important;
}

.nav-wide-fix {
     position: fixed;
     width: 100%;
     z-index: 999999;
     -webkit-animation: 0.7s menu-animate ease;
     animation: 0.7s menu-animate ease;
}

body #test-nav.nav-wide-fix {
     filter: alpha(1) !important;
     -moz-opacity: 1 !important;
     opacity: 1 !important;
     position: fixed !important;
     top: 0 !important;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.site-footer {
     z-index: 101;
     position: relative;
     background-color: #333;
     height: auto;
     color: #fff;
     overflow: hidden;
}

.site-footer .container-fluid {
     padding-top: 15px !important;
}

.footer-box {
     padding: 5px 10px;
     margin-bottom: 15px;
     /*background-color: #444;*/border-radius: 10px;
     width: 100%;
}

.footer-box.footer-any-box {
}

.footer-box.footer-any-box {
     font-size: 11px;
     line-height: 1.8;
     color: #fff;
}

.footer-box.footer-any-box a, .footer-box.footer-any-box a:hover {
     color: #fff !important;
     margin: 5px 3px;
     display: block;
}

.footer-box.footer-any-box li.recentcomments {
     padding: 8px 3px;
     margin: 3px;border-radius: 5px;
}

.footer-box.footer-any-box li.recentcomments:hover {
     background-color: rgba(255, 255, 255, 0.1);
}

.footer-box.footer-any-box .tagcloud a {
     display: inline-block;
     font-size: 11px !important;
     margin: 3px;
     padding: 3px;
     background-color: rgba(255, 255, 255, 0.15);
     border-radius: 3px;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}

.footer-box.footer-any-box .tagcloud a:hover {
     background-color: rgba(255, 255, 255, 0.35);
}

.footer-box.footer-any-box img.image {border-radius: 5px;padding: 5px;}

.footer-box-header {
     width: 100%;
     height: auto;
     padding-bottom: 5px;
     border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
}

li.random-item-footer a {margin-top: 0 !important;}

.footer-box-body.easy-ticker-slider-footer-items ul {
     width: 100% !important;
     -webkit-transition: unset !important;
     -o-transition: unset !important;
     transition: unset !important;
}

.footer-box-body li {
     -webkit-transition: all 3s !important;
     -o-transition: all 3s !important;
     transition: all 3s !important;
}

.footer-box-header h3 {
     margin-top: 5px;
     font-size: 15px;
     text-align: right;
     color: #fff;
}

.footer-box-body p {
     line-height: 2;
     margin-top: 5px;
     color: #fff;
     font-size: 11px;
}

.social-media-footer {
     display: table;
     margin: 5px auto;
}

.item-social {
     position: relative;
     display: inline-block;
     padding: 10px;
     margin: 3px;
     width: 45px;
     height: 45px;
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.4);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.4);
     border-radius: 10px;
     background-color: rgba(255, 255, 255, 0.12) !important;
}

.item-social svg {
     position: absolute;
     top: 10px;
     left: 10px;
     width: 26px;
}

.st0 {
     fill-rule: evenodd;
     clip-rule: evenodd;
     fill: none;
     stroke: #fff;
     stroke-width: 16px;
     stroke-miterlimit: 10;
}

.st1 {
     fill: none;
     stroke: #fff;
     stroke-width: 16px;
     stroke-miterlimit: 10;
}

.social-text {
     font-size: 12px;
     padding: 20px 8px 10px 8px;
     line-height: 2;
     text-align: center;
}

.item-social.aparat .st0 {
     stroke: #fff !important;
}

.item-social.soroush .st0, .item-social.soroush .st1 {
     stroke: #fff !important;
}

.item-social.telegram, .item-social.twitter, .item-social.facebook, .item-social.googleplus, .item-social.instagram {
     fill: #fff !important;
}

.item-social:hover {
     background-color: rgba(255, 255, 255, 0.3) !important;
}

a.app-link-in-social-area {
     display: block;
     width: 100%;
     max-width: 275px;
     color: #fff !important;
     background-color: rgba(255, 255, 255, 0.12);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.4);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.4);
     border-radius: 10px;
     margin-right: auto;
     margin-left: auto;
}

a.app-link-in-social-area:hover {
     background-color: rgba(255, 255, 255, 0.3);
}

a.app-link-in-social-area svg {
     width: 25px;
     height: 25px;
     fill: #fff;
     position: relative;
     top: 5px;
}

a.app-link-in-social-area p {
     text-align: center;
}

a.app-link-in-social-area p span {
     position: relative;
     bottom: 5px;
     font-size: 13px !important;
     margin-right: 5px;
}

.footer-copyright {
     width: 100%;
     min-height: 50px;
     background-color: rgba(255, 255, 255, 0.07);
     border-radius: 35px 35px 0 0;
}

.footer-copyright:hover {
     border-radius: 50px 50px 0 0;
}

.footer-copyright p {
     padding: 12px;
     display: table;
     margin: 0 auto;
     font-size: 12px;
     text-align: center;
     line-height: 2;
}

.footer-copyright a {
     text-align: center;
     display: table;
     margin: 0 auto;
     padding-bottom: 10px;
     font-size: 10px;
     color: #fff;
}

.footer-copyright a:hover {
     color: #eee;
}

.footer-copyright a:focus {
     color: #ddd;
}

.footer-copyright a:before {
     content: '[';
     margin-left: 3px;
}

.footer-copyright a:after {
     content: ']';
     margin-right: 3px;
}

.footer-copyright:hover a:before {
     content: '[';
     margin-left: 8px;
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}

.footer-copyright:hover a:after {
     content: ']';
     margin-right: 8px;
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}

.box-ie {
     position: fixed;
     bottom: 0;
     left: 0;
     z-index: 9999999999999999999999999999999;
     width: 400px;
     height: 200px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 0 20px 0 0;
     padding: 20px;
     visibility: visible;
     display: block;
}

.box-ie:hover {
     height: 230px;
}

.box-ie img {
     display: block;
     margin: 0 auto;
}

.box-ie p {
     font-size: 12px;
     text-align: center;
     margin: 10px;
     padding-top: 10px;
}

.box-ie span {
     font-size: 10px;
     color: #aaa;
     text-align: center;
     padding-top: 10px;
     display: block;
     margin: 0 auto;
}

.mt10 {
     margin-top: 10px;
}

.ml8 {
     margin-left: 8px;
}

.post-info-top-right {
     position: relative;
     padding: 5px;
     width: 34%;
     height: auto;
     max-height: 250px;
     float: right;
     overflow: hidden;
     margin-bottom: 18px;
}

.post-info-top-right img {
     width: 100%;
     height: 100%;
     display: block;
     -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);border-radius: 10px;
}

.post-info-top-left {
     margin-top: 10px;
     padding: 5px;
     width: 64%;
     height: auto;
     float: right;
}

.post-info-top-item {
     display: block;
     width: 100%;
     height: auto;
}

.post-info-top-item i {
     text-align: right;
     color: #444;
     margin-top: 5px;
     margin-bottom: 12px;
     display: inline-block;
     font-size: 16px;
}

.post-info-top-item strong,
.post-info-top-item p,
.post-info-top-item a {
     text-align: right;
     color: #444;
     margin-bottom: 12px;
     margin-top: 5px;
     display: inline-block;
     font-size: 12px;
     line-height: 1.4;
     font-weight: normal;
}

.post-info-top-item a {
     margin: 0 5px;
     font-size: 11px;
}

.post-info-top-item a:hover {
     color: #555;
}

.post-info-top-item.song-n strong.title-song-name {
     font-weight: 600;
     text-align: right;
     color: #111;
     display: inline;
     font-size: 16px;
     line-height: 2;
}

.post-info-top-item.song-n h1 {
     font-weight: 600;
     text-align: right;
     color: #111;
     display: inline;
     font-size: 16px;
     line-height: 2;
}

.page-post-info .post-info-top-item.song-n h2 {
     font-weight: 600;
     text-align: right;
     color: #111;
     display: inline;
     font-size: 16px;
     line-height: 2;
     padding-right: 20px;
}

.post-info-top-left.page-post-info {
     margin-top: 0 !important;
}

.post-info-top-item.song-n i {
     font-weight: 600;
     text-align: right;
     color: #111;
     margin-bottom: 5px;
     font-size: 18px;
}

.post-body {
     width: auto;
     height: auto;
     display: block;
     text-align: right;
     text-indent: 12px;
     padding: 5px;
     font-size: 12px;
     line-height: 1.9;
}

.post-body p {
     display: block;
     /*text-align: right;*/
     text-indent: 12px;
     font-size: 12px;
     line-height: 2.1;
     margin: 2px;
}

.post-body ol li {
     list-style: inside decimal;
     font-size: 13px;
     margin: 8px 3px;
}

.post-body ul li {
     font-size: 13px;
     margin: 6px 3px;
}

.post-body blockquote {
     padding: 8px;
     margin: 5px;
     background-color: #f6f6f6;
     color: #333;
     border: 2px solid #ddd;
     border-right: 5px;
     border-left: 5px;border-radius: 5px;
}

.post-body blockquote:hover {border-radius: 20px;
}

.post-body a {
     margin: 2px;
     color: #333;
     padding-bottom: 2px;
     border-bottom: 1px solid #ddd;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}

.post-body a:hover {
     color: #000;
     padding-bottom: 2px;
     border-bottom: 2px solid #bbb;
     -webkit-transition: all 0.1s;
     -o-transition: all 0.1s;
     transition: all 0.1s;
}

.post-body.post-page-area a {
     margin: 2px;
     color: #333;
     padding-bottom: unset;
     border-bottom: unset;
}

.post-body.post-page-area a:hover {
     color: #000;
     padding-bottom: unset;
     border-bottom: unset;
}

.post-body .st {
     text-align: center;
     padding: 5px 25px;
     background-color: #999;
     display: table;
     margin: 10px auto 0 auto;
     color: #fff;
     font-size: 18px;
     border-radius: 15px 15px 0 0;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     background-image: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background-image: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background-image: linear-gradient(250deg, #628fe6, #c05be7);
     -webkit-transition: all 2s;
     -o-transition: all 2s;
     transition: all 2s;
}

.post-body .st:hover {
     border-radius: 32px 32px 0 0;
     -webkit-transition: all 2s;
     -o-transition: all 2s;
     transition: all 2s;
}

.post-body .stb {
     text-indent: 0;
     text-align: center;
     color: #666;
     width: 98%;
     height: auto;
     padding: 8px;
     font-size: 13px;
     background-color: #f5f5f5;
     border: 2px solid #e5e5e5;border-radius: 15px;
     display: table;
     margin: 0 auto 10px auto;
}

.post-body .stb:hover {border-radius: 5px;
}

.post-body .stb p {
     display: table;
     margin: 0 auto;
     text-align: center;
}

.post-body h1 {
     line-height: 50px;
     margin: 3px 1px;
     font-size: 28px;
}

.post-body h2 {
     line-height: 40px;
     margin: 2px .5px;
     font-size: 21px;
     margin-top: 10px !important;
}

.post-body h3 {
     line-height: 35px;
     margin: 1px .5px;
     font-size: 19px;
     margin-top: 8px !important;
}

.post-body h4 {
     line-height: 28px;
     font-size: 16px;
     margin-top: 6px !important;
}

.post-body h5 {
     line-height: 25px;
     font-size: 14px;
}

.post-body h6 {
     line-height: 20px;
     font-size: 11.5px;
}

.post-body img {
     margin: 5px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: auto;
     height: auto;
     max-width: 95%;border-radius: 3px;
}

.post-dl-box {
     width: 97%;
     padding: 10px;
     display: table;
     margin: 10px auto;
     background-color: #999;
     border-radius: 10px;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     overflow: hidden;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
}

.post-dl-box h3 {
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     color: #fff;
     font-size: 15px;
}

.post-dl-box h3:before {
     content: '\e083';
     padding: 0 8px;
     font-size: 20px;
     position: relative;
     top: 4px;
     font-family: Simple-Line-Icons;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     color: #fff;
     -webkit-animation: up-down 1s infinite;
}

@-webkit-keyframes up-down {
     0% {
          position: relative;
          top: 4px;
     }
     40% {
          position: relative;
          top: 0;
     }

     75% {
          position: relative;
          top: 5px;
     }

     100% {
          position: relative;
          top: 4px;
     }
}

@keyframes up-down {
     0% {
          position: relative;
          top: 4px;
     }
     40% {
          position: relative;
          top: 0;
     }

     75% {
          position: relative;
          top: 5px;
     }

     100% {
          position: relative;
          top: 4px;
     }
}

.post-dl-box .dl-box-right {
     width: 30%;
     height: auto;
     display: inline-block;
     float: right;
}

.post-dl-box .dl-box-right > a {
     max-width: 200px;
     padding: 3px;
     width: 100%;
     text-align: center;
     line-height: 1.8;
     border-radius: 3px;
     background-color: rgba(255, 255, 255, 0.16);
     color: #fff;
     font-size: 11px;
     display: table;
     margin: 7px auto;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
     -o-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
     box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
}

.post-dl-box .dl-box-right > a:hover {
     -webkit-animation: bg-op-game-up-down 3s infinite;
     animation: bg-op-game-up-down 3s infinite;
}

@-webkit-keyframes bg-op-game-up-down {
     0% {
          background-color: rgba(255, 255, 255, 0.16)
     }
     5% {
          background-color: rgba(255, 255, 255, 0.6)
     }
     8% {
          background-color: rgba(255, 255, 255, 0.06)
     }
     18% {
          background-color: rgba(255, 255, 255, 0.36)
     }
     28% {
          background-color: rgba(255, 255, 255, 0.15)
     }
     30% {
          background-color: rgba(255, 255, 255, 0.05)
     }
     32% {
          background-color: rgba(255, 255, 255, 0.4)
     }
     28% {
          background-color: rgba(255, 255, 255, 0.15)
     }
     35% {
          background-color: rgba(255, 255, 255, 0.36)
     }
     55% {
          background-color: rgba(255, 255, 255, 0.16)
     }
     65% {
          background-color: rgba(255, 255, 255, 0.3)
     }
     75% {
          background-color: rgba(255, 255, 255, 0.56)
     }
     86% {
          background-color: rgba(255, 255, 255, 0.16)
     }
     90% {
          background-color: rgba(255, 255, 255, 0.2)
     }
     92% {
          background-color: rgba(255, 255, 255, 0.06)
     }
     98% {
          background-color: rgba(255, 255, 255, 0.36)
     }
     100% {
          background-color: rgba(255, 255, 255, 0.16)
     }
}

@keyframes bg-op-game-up-down {
     0% {
          background-color: rgba(255, 255, 255, 0.16)
     }
     5% {
          background-color: rgba(255, 255, 255, 0.6)
     }
     8% {
          background-color: rgba(255, 255, 255, 0.06)
     }
     18% {
          background-color: rgba(255, 255, 255, 0.36)
     }
     28% {
          background-color: rgba(255, 255, 255, 0.15)
     }
     30% {
          background-color: rgba(255, 255, 255, 0.05)
     }
     32% {
          background-color: rgba(255, 255, 255, 0.4)
     }
     28% {
          background-color: rgba(255, 255, 255, 0.15)
     }
     35% {
          background-color: rgba(255, 255, 255, 0.36)
     }
     55% {
          background-color: rgba(255, 255, 255, 0.16)
     }
     65% {
          background-color: rgba(255, 255, 255, 0.3)
     }
     75% {
          background-color: rgba(255, 255, 255, 0.56)
     }
     86% {
          background-color: rgba(255, 255, 255, 0.16)
     }
     90% {
          background-color: rgba(255, 255, 255, 0.2)
     }
     92% {
          background-color: rgba(255, 255, 255, 0.06)
     }
     98% {
          background-color: rgba(255, 255, 255, 0.36)
     }
     100% {
          background-color: rgba(255, 255, 255, 0.16)
     }
}

.post-dl-box .dl-box-left {
     position: relative;
     width: 68%;
     height: auto;
     display: inline-block;
     float: left;
}

.post-dl-box.dl-box-ver2 .dl-box-right {
     width: 100% !important;
}

.post-dl-box.dl-box-ver2 .share-icon {
     position: relative !important;
     bottom: 1px !important;
}

.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 {
     position: relative;
     margin-top: 16px !important;
}

.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 .wrapc .play,
.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 .wrapc .pause {
     padding: .56rem .5rem !important;
     width: 39px !important;
     height: 36px !important;
}

.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 .wrapc .btn {
     padding: 0 !important;
}

.post-dl-box.dl-box-ver2 .wrapc {
     position: relative !important;
     float: left !important;
     /*bottom: -19px !important;*/
}

.post-dl-box.dl-box-ver2 h3 {
     margin-bottom: 15px !important;
     text-align: center !important;
}

.post-share-btns .btn {
     max-width: 300px !important;
}

.modal-dialog.modal-lg .modal-header .close.btn.btn-outline-light {
     width: 40px !important;
     height: 40px !important;
}

.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 .share-icon .btn-light,
.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 .share-icon .btn-light:focus,
.post-dl-box.dl-box-ver2 .footer-dl-box-ver2 .share-icon .btn-light:active {
     border-color: transparent !important;
}

.post-dl-box.dl-box-ver2 .dl-box-right .post-like-area a {
     background-color: #f8f9fa;
     font-size: 15px;
     color: #555;
     padding: 7px 8px;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     border-radius: 5px;
}

.post-dl-box.dl-box-ver2 .dl-box-right .post-like-area a:hover {
     background-color: #e2e6ea !important;
     animation: unset !important;
}

.post-dl-box .dl-box-left audio {border-radius: 100px;
     background-color: transparent;
     width: 90%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     color: #eee !important;
     margin: 10px auto;
     -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
     filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
}

.share-icon {
     float: left;
     display: inline;
}

.share-icon i {
     font-size: 16px;
     position: relative;
     top: 3px;
     right: 1px;
}

.modal {
     z-index: 99999999999999999999999999999999999999999 !important;
}

.related-bg {
     width: 100%;
     height: auto;
     margin-bottom: 10px !important;
     overflow: hidden !important;
}

.related-posts-header {
     position: relative;
     left: 1px;
     width: 100.5%;
     height: 49px;
     border-radius: 3px 3px 0 0;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.15);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.15);
}

.h3-related-posts {
     margin-top: 3px;
}

.related-posts-header h3 {
     float: right;
     color: #fff;
     font-size: 16px;
     line-height: 40px;
     margin-right: 10px;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.related-posts-header h3 {
     float: right;
     color: #fff;
     font-size: 16px;
     line-height: 40px;
     margin-right: 10px;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.related-posts-header i {
     float: left;
     color: #fff;
     font-size: 25px;
     line-height: 55px;
     margin-left: 15px;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.related-posts-header a {
     cursor: pointer;
     font-size: 9px;
     color: #fff !important;
     float: left;
     padding: 5px;
     margin: 15px -8px 5px 15px;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.18);
     border-radius: 1px;
}

.related-posts-header a:hover {
     color: #fff;
     text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}

.related-posts-header a.actived-related {
     border-radius: 20px;
     background-color: rgba(255, 255, 255, 0.3);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.2);
     text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-animation: scale-effect-simple 0.6s;
     animation: scale-effect-simple 0.6s;
}

ul.newest-singer-box, ul.popular-singer-box {
     margin-bottom: 0 !important;
     padding: 5px;
}

.item-related {
     position: relative;
     display: inline-block;
     width: 50%;
     float: right;
     overflow: hidden;
     border-radius: 5px;
     margin: 2px 0;
}

.item-related:hover {
     background-color: #eee;
}

.item-related a {
     display: inline-block;
     width: 100%;
     height: auto;
}

.item-related-right {
     float: right;
     width: 20%;
     height: auto;
     padding: 5px;
}

.item-related-right img {
     width: 100%;
     height: auto;border-radius: 5px;
}

.item-related-left p {
     color: #555;
     font-size: 11px;
     display: block;
     line-height: 1.8;
     text-align: right;
     padding-top: 10px;
     margin-left: 5px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.item-related-left span {
     position: absolute;
     bottom: 10px;
     left: 10px;
     color: #aaa;
     font-size: 10px;
}

.tag-box {
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.05);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.05);
     padding: 10px;
     background-color: #eee;
     margin: 5px 6px 5px 6px;
     border-radius: 10px;
}

.tag-box h3 {
     color: #666;
     font-size: 14px;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.tag-box h3:before {
     content: '\e055';
     padding: 0 5px;
     position: relative;
     top: 4px;
     font-size: 16px;
     font-family: Simple-Line-Icons;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
     color: #666;
}

.tag-box a {
     font-size: 8px;
     color: #fff;
     padding: 3px 5px;
     margin: 2px;
     display: inline-block;
     background-color: #aaa;
     border: 1px solid #aaa;border-radius: 50px;
}

.tag-box a:hover {
     color: #888;
     background-color: transparent;
}

.random-item-footer {
     position: relative;
     width: 100%;
     height: auto;
}

.random-item-footer a {
     margin-top: 5px;
     display: block;
     color: #fff;
     width: 100%;
     height: 100%;
     border-radius: 5px;
}

.random-item-footer a:hover {
     background-color: rgba(255, 255, 255, 0.1);
}

.random-item-footer a:hover {
     color: #eee;
}

.random-item-right {
     width: 17%;
     height: auto;
     display: inline-block;
     padding: 3px;
     margin-right: 2px;
}

.random-item-right img {
     border-radius: 10px;
     border: 2px solid rgba(255, 255, 255, 0.2);
     width: 100%;
     height: auto;
}

.random-item-left {
     width: 75%;
     height: auto;
     line-height: 1.8;
     font-size: 10px;
     text-align: right;
     display: inline-block;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.post-view-random-area {
     position: absolute;
     left: 6px;
     bottom: 3px;
}

.post-view-random-area i,
.post-view-random-area span {
     color: #ccc;
}

.carousel-inner {
     -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
     box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);border-radius: 8px;
}

.breadcrumb {
     position: relative;
     font-size: 11px;
     margin: 10px 0 !important;
     padding: .70rem 27px .70rem .5rem !important;
}

.breadcrumb i {
     position: absolute;
     top: 10px;
     right: 5px;
     font-size: 18px;
}

.breadcrumb, .breadcrumb a, .breadcrumb span {
     line-height: 1.8 !important;
}

.breadcrumb a {
     color: #999;
}

.breadcrumb a:hover {
     color: #333;
}

.breadcrumb span {
     color: #333;
}

.post-like-area {
     max-width: 100px !important;
     padding-top: 7px;
}

.post-like-area div {
     display: inline-block;
}

.telegram-ads, .player-head, .top-posts-in-times {
     animation: hue-rotate-effect 60s infinite;
     -webkit-animation: hue-rotate-effect 60s infinite;
}

.footer-copyright a {
     -webkit-animation: scale-effect-simple-cr 3s infinite;
     animation: scale-effect-simple-cr 3s infinite;
}

@-webkit-keyframes scale-effect-simple-cr {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     8% {
          -webkit-transform: scale(1.11);
          transform: scale(1.11);
     }
     15% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes scale-effect-simple-cr {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     8% {
          -webkit-transform: scale(1.11);
          transform: scale(1.11);
     }
     15% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

.post-like-area p {
     display: inline-block;
     color: #fff;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     font-size: 13px;
}

.post-like-area a {
     background-color: #f7f7f7;
     font-size: 15px;
     color: #555;
     padding: 7px 8px;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     border-radius: 5px;
}

.post-like-area a:hover {
     color: #555;
}

.post-like-area p:focus, .post-like-area a:focus, .post-like-area a:focus:after {
     color: #00c072 !important;
}

.post-like-area a:after {
     content: '\e068';
     margin-left: 5px;
     font-size: 15px;
     font-family: Simple-Line-Icons;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     color: #555;
}

.dlxPlayer * {
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.newest-singer-box,
.popular-singer-box {
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.btn-music-code {
     margin-top: 10px;
}

#for-weblog textarea {
     width: 90%;
     display: block;
     height: 150px;
     max-height: 150px;
     overflow: auto;
     text-align: left;
     font-size: 13px;
     line-height: 16px;
     font-family: monospace;
     color: #666;
     background-color: #fff;
     border: 2px solid #ccc;
     padding: 10px;
     margin: 10px auto;
     overflow-x: hidden;border-radius: 3px;
}

#for-weblog textarea::-webkit-scrollbar {
     width: 5px;
     height: 10px;
     background: rgba(255, 255, 255, 0.30);
}

#for-weblog textarea::-webkit-scrollbar-thumb {
     border-radius: 25px;
     background: rgba(102, 102, 102, 0.51);
}

#for-weblog textarea::-webkit-scrollbar-track {
     background: #fff;
}

.tab-select-info a {
     display: inline-block !important;
     color: #aaa !important;
}

.tab-select-info a:before {
     content: '\e068';
     margin-left: 5px;
     font-size: 10px;
     font-family: Simple-Line-Icons;
     color: #aaa;
     display: inline;
}

.tab-lovely a.likeThis:before {
     display: none;
}

.any-widget-area a, .any-widget-area li {
     color: #333 !important;
     line-height: 1.8;
     margin: 7px 1px;
     font-size: 11px;
}

.any-widget-area img {border-radius: 6px;
}

.any-widget-area a:hover {
     color: #777 !important;
}

.any-widget-area li.recentcomments {
     border: 2px dashed transparent;
     color: #aaa !important;
     padding: 8px 4px;
     margin-top: 6px !important;border-radius: 5px;
}

.any-widget-area li.recentcomments:hover {
     border-color: #ddd;
     background-color: #eee;
}

.any-widget-area .tagcloud a {
     margin: 5px 1px;
     padding: 3px 5px;border-radius: 20px;
     display: inline-block;
     background-color: #eee;
     border: 1px solid #ddd;
     min-width: 25px;
     text-align: center;
     color: #888 !important;
     font-size: 9px !important;
}

.any-widget-area .tagcloud a:hover {
     background-color: #aaa;
     color: #fff !important;
     border: 1px solid #aaa;
}

.msg-fixed-bottom {
     display: block;
     -webkit-box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.22);
     box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.22);
     height: 40px;
     width: 100%;
     position: fixed;
     bottom: 0;
     z-index: 100;
     color: #fff;
     text-align: center;
     font-size: 12px;
     line-height: 40px;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
     background: #0f2027; /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #2c5364, #203a43, #0f2027); /* Chrome 10-25, Safari 5.1-6 */
     background: -webkit-gradient(linear, left top, right top, from(#2c5364), color-stop(#203a43), to(#0f2027));
     background: -webkit-linear-gradient(left, #2c5364, #203a43, #0f2027);
     background: -o-linear-gradient(left, #2c5364, #203a43, #0f2027);
     background: linear-gradient(to right, #2c5364, #203a43, #0f2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.msg-fixed-bottom:hover {
     color: #eee !important;
}

.close-btn-fixed-msg {
     position: absolute;
     right: 0;
     bottom: 35px;
     width: 32px;
     height: 32px;
     margin: 5px 0;
     display: none;
     background-color: #fff !important;border-radius: 50px;
     border: 1px solid rgba(17, 17, 17, 0.1) !important;
}

.msg-fixed-bottom * {
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.close-btn-fixed-msg * {
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.close {
     font-size: 1.2rem !important;
     font-weight: normal !important;
}

.any-top-of-dlb {
     padding: 15px 5px;
     width: 80%;
     display: table;
     margin: 0 auto;
}

.any-top-of-dlb img {border-radius: 3px;
     width: 100%;
}

.audio-player {
     font-family: sib-font;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: auto;
     max-width: 100%;
     max-height: 500px;
     margin: 0 auto 10px auto;
     overflow: hidden;
     border-radius: 5px;
     border: 1px solid #ddd;
}

.audio-player .player-head {
     background-color: #999;
     position: relative;
     max-width: 100%;
     max-height: 10rem;
     min-height: 10rem;
     overflow: hidden;
}

.audio-player:hover .player-image {
     -webkit-animation: 2.2s opacity-game infinite;
     animation: 2.2s opacity-game infinite;
}

.audio-player .player-head .player-image {
     display: block;
     width: 100%;
     z-index: 10;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.2);
     position: absolute;
     top: 0;
}

.audio-player .player-head .player-image img {
     position: relative;
     width: 110%;
     left: -5%;
     margin-top: -10%;
     display: block;
     -webkit-filter: blur(15px);
     filter: blur(15px);
     filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
}

.audio-player .player-head .player-close-icon {
     position: absolute;
     top: 0.4rem;
     right: 0.6rem;
     -webkit-transition: all 0.8s ease;
     -o-transition: all 0.8s ease;
     transition: all 0.8s ease;
     z-index: 25;
}

.audio-player .player-head .player-close-icon i {
     color: white;
     font-size: 2.3rem;
     cursor: pointer;
}

.audio-player .player-head .player-close-icon .ion-ios-play {
     margin-left: 0.2rem;
}

.audio-player .player-head .player-description {
     position: absolute;
     top: 0;
     right: 0;
     padding: 1rem;
     width: 100%;
     z-index: 20;
}

.audio-player .player-head .player-description h2 {
     padding-top: 20px;
     text-align: center;
     color: white;
     margin: 0;
     font-weight: bold;
     font-size: 23px;
     filter: drop-shadow(0px 1px 1pt #000);
     -o-filter: drop-shadow(0px 1px 1pt #000);
     -moz-filter: drop-shadow(0px 1px 1pt #000);
     -webkit-filter: drop-shadow(0px 1px 1pt #000);
}

.audio-player .player-head .player-description p {
     line-height: 1.8;
     text-align: center;
     color: white;
     padding: 0;
     margin: 1.5rem 0;
     font-weight: 100;
     font-size: 12px;
     filter: drop-shadow(0px 0px 1px #000);
     -o-filter: drop-shadow(0px 0px 1px #000);
     -moz-filter: drop-shadow(0px 0px 1px #000);
     -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.audio-player .player-controls {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}

.audio-player ::-webkit-scrollbar {
     width: 2px;
     height: 2px;
}

.audio-player ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: rgba(153, 153, 153, 0.8);
}

.audio-player .player-controls .ap {
     position: relative;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     font-family: inherit;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border-top: 1px solid #ddd;
     background: #f5f5f5;
     -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     z-index: 20;
}

.audio-player .player-controls .ap__inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     max-width: 1440px;
     margin: auto;
     height: auto;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.audio-player .player-controls .ap__item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}

.audio-player .player-controls .ap__item--playback, .audio-player .player-controls .ap__item--settings {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 50%;
     flex: 1 1 50%;
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
}

.audio-player .player-controls .ap__item--playback > .ap__controls,
.audio-player .player-controls .ap__item--settings > .ap__controls {
     -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}

.audio-player .player-controls .ap__item--settings {
     display: none;
}

@-webkit-keyframes opacity-game {
     0% {
          background-color: rgba(0, 0, 0, 0.2);
     }

     12% {
          background-color: rgba(0, 0, 0, 0.15);
     }

     20% {
          background-color: rgba(0, 0, 0, 0.1);
     }

     25% {
          background-color: rgba(0, 0, 0, 0.2);
     }

     35% {
          background-color: rgba(0, 0, 0, 0.3);
     }

     52% {
          background-color: rgba(0, 0, 0, 0.22);
     }

     60% {
          background-color: rgba(0, 0, 0, 0.05);
     }

     65% {
          background-color: rgba(0, 0, 0, 0.02);
     }

     68% {
          background-color: rgba(0, 0, 0, 0.1);
     }

     70% {
          background-color: rgba(0, 0, 0, 0.15);
     }

     80% {
          background-color: rgba(0, 0, 0, 0.2);
     }

     86% {
          background-color: rgba(0, 0, 0, 0.22);
     }

     90% {
          background-color: rgba(0, 0, 0, 0.1);
     }
}

@keyframes opacity-game {
     0% {
          background-color: rgba(0, 0, 0, 0.2);
     }

     12% {
          background-color: rgba(0, 0, 0, 0.15);
     }

     20% {
          background-color: rgba(0, 0, 0, 0.1);
     }

     25% {
          background-color: rgba(0, 0, 0, 0.2);
     }

     35% {
          background-color: rgba(0, 0, 0, 0.3);
     }

     52% {
          background-color: rgba(0, 0, 0, 0.22);
     }

     60% {
          background-color: rgba(0, 0, 0, 0.05);
     }

     65% {
          background-color: rgba(0, 0, 0, 0.02);
     }

     68% {
          background-color: rgba(0, 0, 0, 0.1);
     }

     70% {
          background-color: rgba(0, 0, 0, 0.15);
     }

     80% {
          background-color: rgba(0, 0, 0, 0.2);
     }

     86% {
          background-color: rgba(0, 0, 0, 0.22);
     }

     90% {
          background-color: rgba(0, 0, 0, 0.1);
     }
}

@-webkit-keyframes fs {
     0% {
          filter: alpha(0);
          -moz-opacity: 0;
          opacity: 0;
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
     }
     100% {
          filter: alpha(1);
          -moz-opacity: 1;
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes fs {
     0% {
          filter: alpha(0);
          -moz-opacity: 0;
          opacity: 0;
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
     }
     100% {
          filter: alpha(1);
          -moz-opacity: 1;
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

.audio-player .player-controls .ap__item--track {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 100%;
     flex: 1 1 100%;
     margin-bottom: 10px;
     padding: 0 20px;
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
}

.audio-player .player-controls .track {
     position: relative;
     width: 100%;
     -ms-flex-item-align: start;
     align-self: flex-start;
     padding: 5px 0 0;
}

.audio-player .player-controls .track__title {
     position: absolute;
     width: 100%;
     padding-left: 80px;
     text-align: right;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     font-size: 12px;
}

.audio-player .player-controls .track__title a {
     color: #666 !important;
}

.audio-player .player-controls .track__title a:hover {
     color: #628fe6 !important;
}

.audio-player .player-controls .track__time {
     position: absolute;
     top: 5px;
     left: 0;
     font-size: 13px;
}

.audio-player .player-controls .progress-container {
     position: relative;
     padding: 7px 0;
     margin-top: 15px;
     overflow: visible;
     cursor: pointer;
}

.audio-player .player-controls .progress-container:hover .progress__bar:after {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
}

.audio-player .player-controls {
     overflow: hidden !important;
}

.audio-player .player-controls .progress {
     height: 3px;
     border-radius: 3px;
     background: #ccc;
}

.audio-player .player-controls .progress__bar,
.audio-player .player-controls .progress__preload {
     position: absolute;
     width: 0;
     height: 3px;
     border-radius: 3px 0 0 3px;
}

.audio-player .player-controls .progress__bar {
     /*-------*/ background: #639; /*-------*/
     z-index: 1;
}

.audio-player .player-controls .progress__bar:after {
     position: absolute;
     top: 0;
     right: -10px;
     width: 10px;
     height: 10px;
     margin-top: -3px;
     content: '';
     border-radius: 6px;
     /*-------*/ background: #639; /*-------*/
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease;
}

.audio-player .player-controls .progress__preload {
     background: #c4c4c4;
     z-index: 0;
}

.audio-player .player-controls .ap__controls,
.audio-player .player-controls .ap button {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     background: transparent;
     position: relative;
     display: block;
     height: 50px;
     text-align: center;
     cursor: pointer;
     -webkit-transition: background .3s ease;
     -o-transition: background .3s ease;
     transition: background .3s ease;
}

.audio-player .player-controls .ap__controls:active,
.audio-player .player-controls .ap button:active {
     background: rgba(0, 0, 0, 0.1);
}

.audio-player .player-controls .ap__controls:hover,
.audio-player .player-controls .ap button:hover {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
}

.audio-player .player-controls .icon-play > path {
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
}

.audio-player .player-controls .is-playing .icon-play {
     /*-------*/ fill: #639; /*-------*/
}

.ap__controls--toggle:focus {
     -webkit-animation: ease-in-out zoom-in-out 1s infinite;
     animation: ease-in-out zoom-in-out 1s infinite;
}

.audio-player .player-controls .volume-btn {
     display: block;
     text-align: center;
     width: 100%;
}

.audio-player .player-controls .volume {
     position: absolute;
     left: 50%;
     bottom: 45px;
     width: 40px;
     margin-left: -20px;
     height: 120px;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
     -webkit-transition: all 0.3s cubic-bezier(0.17, 0.72, 0.26, 1.23);
     -o-transition: all 0.3s cubic-bezier(0.17, 0.72, 0.26, 1.23);
     transition: all 0.3s cubic-bezier(0.17, 0.72, 0.26, 1.23);
     background: #f2f2f2;
     border: 1px solid #ccc;
     border-radius: 1px;
     z-index: 88888;
}

.audio-player .player-controls .volume::before, .audio-player .player-controls .volume::after {
     content: '';
     position: absolute;
     bottom: -12px;
     border: 7px solid transparent;
     border-top: 7px solid #f2f2f2;
     left: 50%;
     margin-left: -7px;
}

.audio-player .player-controls .volume::after {
     bottom: -14px;
     z-index: -1;
     border-top: 7px solid #ccc;
}

.audio-player .player-controls .volume-container:hover .volume {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     visibility: visible;
     display: none !important;
}

.audio-player .player-controls .volume__track {
     position: relative;
     display: block;
     width: 3px;
     height: 100px;
     margin: 10px auto;
     background: #ddd;
     border-radius: 3px;
     overflow: hidden;
}

.audio-player .player-controls .volume__bar {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     /*-------*/ background: #639; /*-------*/
     height: 50%;
}

.audio-player .player-controls .icon-volume-off {
     display: none;
}

.audio-player .player-controls .has-muted .icon-volume-on {
     display: none;
}

.audio-player .player-controls .has-muted .icon-volume-off {
     display: inline;
     filter: alpha(0.7);
     -moz-opacity: 0.7;
     opacity: 0.7;
}

.audio-player .player-controls .ap__controls.is-active > svg {
     fill: #639;
}

.audio-player .player-controls .pl-container {
     display: block;
     position: relative;
     top: 0;
     right: 0;
     bottom: 50px;
     left: 0;
     overflow-y: scroll;
     overflow-x: hidden;
     border-radius: 0 0 5px 5px;
     font-family: inherit;
     font-size: 16px;
     background: #fff;
     z-index: 20;
}

.audio-player .player-controls .pl-ul {
     width: 100%;
     margin: 0 auto;
     padding: 0 0 0 0;
     direction: rtl !important;
}

.audio-player .player-controls .pl-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 60px;
     line-height: 60px;
     overflow: hidden;
     text-align: right !important;
}

.audio-player .player-controls .pl-list svg {
     fill: #555;
}

.audio-player .player-controls .pl-list + .pl-list {
     border-top: 1px solid #eee;
}

.audio-player .player-controls .pl-list:not(.pl-list--current):hover {
     background: #f6f6f6;
}

.audio-player .player-controls .pl-list__track,
.audio-player .player-controls .pl-list__download {
     -webkit-box-flex: 0;
     -ms-flex: 0 50px;
     flex: 0 50px;
     text-align: center;
}

.audio-player .player-controls .pl-list__track {
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-line-pack: center;
     align-content: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.audio-player .player-controls .pl-list__icon {
     display: none;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
     width: 0;
     height: 0;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 11px solid #555;
}

.audio-player .player-controls .pl-list__title {
     overflow: hidden;
     padding-right: 10px;
     cursor: pointer;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     font-size: 11px;
     text-align: right !important;
}

.audio-player .player-controls .pl-list.pl-list--current .number-of-item-pl-list {
     display: none !important;
}

.number-of-item-pl-list:before {
     font-family: "Comic Sans MS", "sib-font";
}

.pl-list[data-track="0"] .number-of-item-pl-list:before {
     content: '1';
     color: #000;
}

.pl-list[data-track="1"] .number-of-item-pl-list:before {
     content: '2';
     color: #000;
}

.pl-list[data-track="2"] .number-of-item-pl-list:before {
     content: '3';
     color: #000;
}

.pl-list[data-track="3"] .number-of-item-pl-list:before {
     content: '4';
     color: #000;
}

.pl-list[data-track="4"] .number-of-item-pl-list:before {
     content: '5';
     color: #000;
}

.pl-list[data-track="5"] .number-of-item-pl-list:before {
     content: '6';
     color: #000;
}

.pl-list[data-track="6"] .number-of-item-pl-list:before {
     content: '7';
     color: #000;
}

.pl-list[data-track="7"] .number-of-item-pl-list:before {
     content: '8';
     color: #000;
}

.pl-list[data-track="8"] .number-of-item-pl-list:before {
     content: '9';
     color: #000;
}

.pl-list[data-track="9"] .number-of-item-pl-list:before {
     content: '10';
     color: #000;
}

.audio-player .player-controls .pl-list__download > svg {
     width: 20px;
     height: 20px;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
}

.audio-player .player-controls .pl-list__eq {
     display: none;
}

.audio-player .player-controls .pl-list--current {
     background: #639;
     color: #fff;
}

.audio-player .player-controls .pl-list--current a {
     color: #fff !important;
}

.audio-player .player-controls a {
     color: #000 !important;
}

.audio-player .player-controls .pl-list--current svg {
     fill: #fff;
}

.audio-player .player-controls .pl-list--current .pl-list__eq {
     display: block;
}

.audio-player .player-controls .pl-list--current .pl-list__icon {
     display: none;
}

.audio-player .player-controls .pl-list:hover .pl-list__download,
.audio-player .player-controls .pl-list--current .pl-list__download {
     filter: alpha(1);
     -moz-opacity: 1;
     opacity: 1;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.audio-player .player-controls .pl-list--empty {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     letter-spacing: 2px;
     color: #ccc;
     width: 100% !important;
     text-align: center !important;
     background-color: #fff !important;
     font-size: 12px !important;
}

@-webkit-keyframes eq {
     0% {
          height: 3px;
     }
     50% {
          height: 15px;
     }
     100% {
          height: 3px;
     }
}

@keyframes eq {
     0% {
          height: 3px;
     }
     50% {
          height: 15px;
     }
     100% {
          height: 3px;
     }
}

.audio-player .player-controls .eq {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 20px;
     height: 15px;
     margin: 0 auto;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
}

.audio-player .player-controls .eq__bar {
     width: 4px;
     background: #fff;
     -webkit-filter: drop-shadow(0 0 5px #fff);
     filter: drop-shadow(0 0 5px #fff);
}

.audio-player .player-controls .eq__bar:nth-child(2) {
     -webkit-animation: eq 1.2s ease-in-out infinite 0s;
     animation: eq 1.2s ease-in-out infinite 0s;
}

.audio-player .player-controls .eq__bar:nth-child(4) {
     -webkit-animation: eq 1.2s ease-in-out infinite .2s;
     animation: eq 1.2s ease-in-out infinite .2s;
}

.audio-player .player-controls .eq__bar:nth-child(1) {
     -webkit-animation: eq 1.2s ease-in-out infinite .4s;
     animation: eq 1.2s ease-in-out infinite .4s;
}

.audio-player .player-controls .eq__bar:nth-child(3) {
     -webkit-animation: eq 1.2s ease-in-out infinite .6s;
     animation: eq 1.2s ease-in-out infinite .6s;
}

.audio-player .player-controls .h-hide {
     display: none;
}

.audio-player .player-controls .h-show {
     display: block;
}

/*----------- music player END ------------*/

.Panel {
     width: 100%;
     max-width: 100%;
     margin-bottom: 10px;
     border: 1px solid #ddd;
     height: auto;
     border-radius: 5px;
}

.Panel__body {
     background-color: #fff;
     padding: 5px 0 0 0;
     height: auto;
     border-radius: 0 0 5px 5px;
}

.Tabs {
     position: relative;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     margin: 0;
     padding: 0;
     list-style: none;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     border-radius: 5px 5px 0 0;
     padding-top: unset;
     -webkit-box-shadow: 0 1.3pt 5px rgba(0, 0, 0, 0.20);
     box-shadow: 0 1.3pt 5px rgba(0, 0, 0, 0.20);
}

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

.Tabs__tab {
     float: right;
     width: 50%;
     text-align: center;
     padding-bottom: 3px;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Tab > a {
     cursor: pointer;
     display: block;
     padding: 10px 12px;
     color: #fff !important;
     width: 100%;
     font-size: 11px;
     text-align: center;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.30);
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Tab {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
     border-bottom: 2px solid rgba(255, 255, 255, 0);
}

/*.Tab:hover {*/
/*background-color: rgba(255, 255, 255, 0.1);*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/
.burger span, .burger span::before, .burger span::after {
     -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
     box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

.Tab i {
     display: block;
     font-size: 28px;
     margin-bottom: 10px;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.30);
}

.Tabs li.active-tab:after {
     -webkit-transform: scaleX(1) !important;
     -ms-transform: scaleX(1) !important;
     transform: scaleX(1) !important;
     opacity: 1;
     -webkit-transition: all 0.6s !important;
     -o-transition: all 0.6s !important;
     transition: all 0.6s !important;
}

.Tabs li:after {
     content: ' ';
     display: block;
     width: 100%;
     height: 2.6pt;
     background: #fff;
     position: relative;
     top: 6px;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     opacity: 0;
     -webkit-transition: ease-out 0.3s !important;
     -o-transition: ease-out 0.3s !important;
     transition: ease-out 0.3s !important;
     border-radius: 10px 10px 0 0;
}

.tabs-post-filter * {
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.top-posts-in-times * {
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.tab-select-pic {
     width: 20%;
     height: auto;
     overflow: hidden;
     padding: 2px;
}

.ovfh-spic {
     width: 100%;
     height: auto;
     overflow: hidden;
     border-radius: 10px;
     position: relative;
}

.tab-select-pic img {
     -webkit-transition: all 0.25s;
     -o-transition: all 0.25s;
     transition: all 0.25s;
     width: 100%;
     height: auto;
     max-height: 100%;border-radius: 10px;
}

.tab-select-text {
     position: relative;
     width: 80%;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.tab-select-text p {
     font-size: 11px;
     color: #555;
     padding: 3px;
     display: inline-block;
     margin-top: 5px;
     margin-right: 3px;
     line-height: 1.8;
}

.tab-lovely li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.tab-comments li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.Panel__body ul li {
     background-color: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}

.Panel__body ul li:hover {
     background-color: #f9f9f9;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}

.tab-select-info p {
     display: inline;
}

.tab-select-info i {
     font-size: 10px;
     display: inline-block;
}

.tab-select-info {
     position: absolute;
     text-align: center;
     left: 3px;
     bottom: 3px;
     font-size: 10px;
     color: #aaa;
     width: auto;
     height: 20%;
     display: block;
}

.tab-select-date-tab-tops {
     position: absolute;
     text-align: center;
     right: 8px;
     bottom: -1px;
     font-size: 10px;
     color: #aaa;
     width: auto;
     height: 20%;
     display: block;
}

.Panel__body ul li {
     position: relative;
     width: 100%;
     height: auto;
     padding: 5px;
     border-bottom: 1px solid #eee;
}

.Panel__body ul li:last-child {
     border-bottom: 1px solid transparent;
     padding-bottom: 6px;
}

.Panel__body ul {
     margin-bottom: 0px !important;
}

.dlxPlayer {
     margin: 8px auto;
     color: #fff;
     width: 100%;
     height: auto;
     padding: 20px;
     text-align: center;
     position: relative;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     border-radius: 4px;
     overflow: hidden;
     z-index: 1;
}

.dlxPlayer ul,
.dlxPlayer li {
     list-style: none;
     padding: 0;
     margin: 0;
}

.dlxPlayer .song_image {
     display: block;
     height: auto;
     width: 100%;
     overflow: hidden;
     z-index: 0;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}

.dlxPlayer .song_image:after {
     content: "";
     background: #000;
     background: rgba(0, 0, 0, 0.4);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}

.post-dl-box:hover .dlxPlayer .song_image img {
     -webkit-animation: player-img-effect 1.2s infinite;
     animation: player-img-effect 1.2s infinite;
}

@-webkit-keyframes player-img-effect {
     0% {
          -webkit-transform: scale(1.025);
          transform: scale(1.025);
     }
     25% {
          -webkit-transform: scale(1.04);
          transform: scale(1.04);
     }
     50% {
          -webkit-transform: scale(1.035);
          transform: scale(1.035);
     }
     75% {
          -webkit-transform: scale(1.075);
          transform: scale(1.075);
     }
     100% {
          -webkit-transform: scale(1.035);
          transform: scale(1.035);
     }
}

@keyframes player-img-effect {
     0% {
          -webkit-transform: scale(1.025);
          transform: scale(1.025);
     }
     25% {
          -webkit-transform: scale(1.04);
          transform: scale(1.04);
     }
     50% {
          -webkit-transform: scale(1.035);
          transform: scale(1.035);
     }
     75% {
          -webkit-transform: scale(1.075);
          transform: scale(1.075);
     }
     100% {
          -webkit-transform: scale(1.035);
          transform: scale(1.035);
     }
}

.dlxPlayer .song_image img {
     width: 100%;
     height: auto;
     margin: auto;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     filter: blur(8px);
     -webkit-filter: blur(13px);
     -webkit-transition: ease all 7s;
     -o-transition: ease all 7s;
     transition: ease all 7s;
}

.dlxPlayer .song_info .song_title {
     color: #fff;
     padding: 10px 0;
     font-size: 18px;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.dlxPlayer .song_info .song_album {
     color: #bbb;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     font-size: 12px;
     padding: 5px;
}

.dlxPlayer .song_info .song_artist {
     color: #ccc;
     font-size: .75em;
}

.dlxPlayer .player_controls {
     margin: 15px auto 0;
     font-size: 1.5em;
     overflow: hidden;
     width: 100%;
}

.dlxPlayer .player_controls li {
     display: inline-block;
     margin: 0 2%;
}

.dlxPlayer .player_controls li:active {
     color: #aaa;
}

.dlxPlayer .player_controls li.player_play {
     float: left;
}

.dlxPlayer .player_controls li.player_volume {
     float: right;
}

.dlxPlayer .player_controls li.player_volume.muted {
     float: right;
     display: none;
     margin-right: 11px;
     margin-left: 0;
}

.dlxPlayer .player_controls li.player_pause {
     display: none;
     float: left;
}

.dlxPlayer .player_seeker {
     display: block;
     background: rgba(255, 255, 255, 0.4);
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 5px;
}

.dlxPlayer .player_seeker .seeker_pos {
     content: "";
     color: #09c;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: -webkit-linear-gradient(200deg, #ff6e7f, #bfe9ff);
     background: -o-linear-gradient(200deg, #ff6e7f, #bfe9ff);
     background: linear-gradient(250deg, #ff6e7f, #bfe9ff);
     -webkit-transition: all ease-in-out .1s;
     -o-transition: all ease-in-out .1s;
     transition: all ease-in-out .1s;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 100%;
}

#dlxPlayer_audio {
     color: #fff !important;
}

#dlxPlayer_play i, #dlxPlayer_pause i, #dlxPlayer_volume i, #dlxPlayer_volume_off {
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.song_info, .player_controls {
     position: relative;
     z-index: 1 !important;
}

.dlxPlayer_song_image {
     z-index: 0;
}

@-webkit-keyframes zoom-in-out {
     from {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     50% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
     }

     to {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes zoom-in-out {
     from {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     50% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
     }

     to {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-webkit-keyframes rotate {
     0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
     }

     20% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
     }

     40% {
          -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
     }

     60% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
     }

     80% {
          -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
     }

     100% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
     }
}

@keyframes rotate {
     0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
     }

     20% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
     }

     40% {
          -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
     }

     60% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
     }

     80% {
          -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
     }

     100% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
     }
}

@-webkit-keyframes heart {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     5% {
          -webkit-transform: scale(1.01);
          transform: scale(1.01);
     }

     10% {
          -webkit-transform: scale(1.02);
          transform: scale(1.02);
     }

     15% {
          -webkit-transform: scale(1.03);
          transform: scale(1.03);
     }

     20% {
          -webkit-transform: scale(1.04);
          transform: scale(1.04);
     }

     25% {
          -webkit-transform: scale(1.05);
          transform: scale(1.05);
     }

     30% {
          -webkit-transform: scale(1.06);
          transform: scale(1.06);
     }

     35% {
          -webkit-transform: scale(1.07);
          transform: scale(1.07);
     }

     40% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
     }

     45% {
          -webkit-transform: scale(1.09);
          transform: scale(1.09);
     }

     50% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
     }

     55% {
          -webkit-transform: scale(1.11);
          transform: scale(1.11);
     }

     60% {
          -webkit-transform: scale(1.15);
          transform: scale(1.15);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes heart {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     5% {
          -webkit-transform: scale(1.01);
          transform: scale(1.01);
     }

     10% {
          -webkit-transform: scale(1.02);
          transform: scale(1.02);
     }

     15% {
          -webkit-transform: scale(1.03);
          transform: scale(1.03);
     }

     20% {
          -webkit-transform: scale(1.04);
          transform: scale(1.04);
     }

     25% {
          -webkit-transform: scale(1.05);
          transform: scale(1.05);
     }

     30% {
          -webkit-transform: scale(1.06);
          transform: scale(1.06);
     }

     35% {
          -webkit-transform: scale(1.07);
          transform: scale(1.07);
     }

     40% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
     }

     45% {
          -webkit-transform: scale(1.09);
          transform: scale(1.09);
     }

     50% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
     }

     55% {
          -webkit-transform: scale(1.11);
          transform: scale(1.11);
     }

     60% {
          -webkit-transform: scale(1.15);
          transform: scale(1.15);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-webkit-keyframes heart-min {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     5% {
          -webkit-transform: scale(1.003);
          transform: scale(1.003);
     }

     10% {
          -webkit-transform: scale(1.005);
          transform: scale(1.005);
     }

     15% {
          -webkit-transform: scale(1.008);
          transform: scale(1.008);
     }

     20% {
          -webkit-transform: scale(1.01);
          transform: scale(1.01);
     }

     25% {
          -webkit-transform: scale(1.013);
          transform: scale(1.013);
     }

     30% {
          -webkit-transform: scale(1.015);
          transform: scale(1.015);
     }

     35% {
          -webkit-transform: scale(1.018);
          transform: scale(1.018);
     }

     40% {
          -webkit-transform: scale(1.020);
          transform: scale(1.020);
     }

     45% {
          -webkit-transform: scale(1.023);
          transform: scale(1.023);
     }

     50% {
          -webkit-transform: scale(1.025);
          transform: scale(1.025);
     }

     55% {
          -webkit-transform: scale(1.028);
          transform: scale(1.028);
     }

     60% {
          -webkit-transform: scale(1.032);
          transform: scale(1.032);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes heart-min {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     5% {
          -webkit-transform: scale(1.003);
          transform: scale(1.003);
     }

     10% {
          -webkit-transform: scale(1.005);
          transform: scale(1.005);
     }

     15% {
          -webkit-transform: scale(1.008);
          transform: scale(1.008);
     }

     20% {
          -webkit-transform: scale(1.01);
          transform: scale(1.01);
     }

     25% {
          -webkit-transform: scale(1.013);
          transform: scale(1.013);
     }

     30% {
          -webkit-transform: scale(1.015);
          transform: scale(1.015);
     }

     35% {
          -webkit-transform: scale(1.018);
          transform: scale(1.018);
     }

     40% {
          -webkit-transform: scale(1.020);
          transform: scale(1.020);
     }

     45% {
          -webkit-transform: scale(1.023);
          transform: scale(1.023);
     }

     50% {
          -webkit-transform: scale(1.025);
          transform: scale(1.025);
     }

     55% {
          -webkit-transform: scale(1.028);
          transform: scale(1.028);
     }

     60% {
          -webkit-transform: scale(1.032);
          transform: scale(1.032);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-webkit-keyframes ring {
     10% {
          -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
     }
     20% {
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
     }
     30% {
          -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
     }
     40% {
          -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
     }
     50% {
          -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
     }
     60% {
          -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
     }
     70% {
          -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
     }
     80% {
          -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
     }
     90% {
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
     }
     100% {
          -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
     }

}

@keyframes ring {
     10% {
          -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
     }
     20% {
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
     }
     30% {
          -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
     }
     40% {
          -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
     }
     50% {
          -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
     }
     60% {
          -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
     }
     70% {
          -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
     }
     80% {
          -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
     }
     90% {
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
     }
     100% {
          -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
     }

}

@-webkit-keyframes menu-animate {
     0% {
          opacity: 0 !important;
          -webkit-transform: translateY(-100px) scaleY(0.9);
          transform: translateY(-100px) scaleY(0.9);
          -webkit-transform-origin: top;
          transform-origin: top;
     }

     75% {
          opacity: 1 !important;
          -webkit-transform: translateY(0px) scaleY(1.1);
          transform: translateY(0px) scaleY(1.1);
          -webkit-transform-origin: top;
          transform-origin: top;
     }
     100% {
          opacity: 1 !important;
          -webkit-transform: translateY(0px) scaleY(1);
          transform: translateY(0px) scaleY(1);
          -webkit-transform-origin: top;
          transform-origin: top;
     }

}

@keyframes menu-animate {
     0% {
          opacity: 0 !important;
          -webkit-transform: translateY(-100px) scaleY(0.9);
          transform: translateY(-100px) scaleY(0.9);
          -webkit-transform-origin: top;
          transform-origin: top;
     }

     75% {
          opacity: 1 !important;
          -webkit-transform: translateY(0px) scaleY(1.1);
          transform: translateY(0px) scaleY(1.1);
          -webkit-transform-origin: top;
          transform-origin: top;
     }
     100% {
          opacity: 1 !important;
          -webkit-transform: translateY(0px) scaleY(1);
          transform: translateY(0px) scaleY(1);
          -webkit-transform-origin: top;
          transform-origin: top;
     }

}

ol.comment-list {
     padding: 10px;
}

ol.comment-list li {
     position: relative;
     border: 2px solid #ebebeb;
     padding: 10px;
     margin: 30px 10px 10px 10px;
}

ol.comment-list li.odd {
     background-color: #f6f6f6;
     border-radius: 0px 22px 22px 22px;
     -moz-border-radius: 0px 22px 22px 22px;
     -webkit-border-radius: 0px 22px 22px 22px;
}

ol.comment-list li.even {
     background-color: #fff;
     border-radius: 22px 0px 22px 22px;
     -moz-border-radius: 22px 0px 22px 22px;
     -webkit-border-radius: 22px 0px 22px 22px;
}

ol.comment-list li .avatar {border-radius: 10px;
     border: 2px solid #ccc;
     border-radius: 50px;
}

ol.comment-list li .comment-author {
     position: relative;
}

ol.comment-list li .fn {
     font-size: 12px;
     position: absolute;
     top: 13px;
     font-style: normal;
     margin-right: 5px;
}

ol.comment-list li .fn a {
     display: block;
     width: 100%;
     margin-right: 5px;
}

ol.comment-list li .says {
     display: none;
}

ol.comment-list li .comment-meta a {
     position: absolute;
     top: 10px;
     left: 5px;
     float: left;
     font-size: 10px;
     margin: 3px;
     color: #6e6e6e;
     clear: both;
}

ol.comment-list li .comment-meta a.comment-edit-link {
     display: none !important;
}

ol.comment-list li p {
     font-size: 12px;
     line-height: 23px;
     color: #34495e;
     margin: 5px 3px;
}

ol.comment-list li .comment-reply-link {
     display: inline-block;
     color: #fff;
     font-size: 9px;
     padding: 5px 8px;
     float: left;
     position: relative;
     bottom: 20px;
     border-radius: 50px;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

ol.comment-list li .comment-reply-link:hover {
     -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.comments-area {
     width: 100%;
     margin-bottom: 10px;
     overflow: hidden;
}

.comments-area > .related-posts-header {
     height: auto;
}

.comments-area .comments-title {
     padding-top: 7px;
}

.comments-area .comment-respond {
     display: block;
     margin: 20px 5px;
}

.comments-area .comment-notes {
     font-size: 12px;
     display: block;
     margin: 5px;
     padding: 12px 5px;
}

.comments-area .comment-notes span {
     font-size: 12px;
     display: block;
     margin: 10px 0;
}

.comments-area .comment-notes .required {
     display: none;
}

.comments-area .comment-notes {
     display: block;
     margin: 5px;
}

.comment-form-bg {
     position: relative;
     width: 100%;
     height: auto;
     padding: 10px 0;
     background-color: #fff;
}

.comment-form-bg h3 {
     font-size: 17px !important;
     color: #555;
     width: 100%;
     display: block;
     margin-right: 5px;
}

.logged-in-as a {
     color: #888 !important;
     font-size: 11px !important;
}

.logged-in-as a:hover {
     color: #555 !important;
     font-size: 11px !important;
}

.comment-form-bg textarea {border-radius: 3px;
     width: 100%;
     height: 130px;
     top: 60px;
     font-size: 12px;
     font-family: sib-font;
     border: 2px solid #ddd;
     padding: 10px;
     margin: 10px;
}

.comment-form-bg textarea:hover {
     border-color: #aaa;
}

.comment-form-bg textarea:focus {
     border-color: #ccc;
     border-radius: 15px 0 15px 15px;
     -moz-border-radius: 15px 0 15px 15px;
     -webkit-border-radius: 15px 0 15px 15px;
}

.comment-form-comment label {
     display: none;
}

.comment-form-bg input[type=text] {border-radius: 3px;
     font: 11px sib-font;
     padding: 3px;
     margin: 10px;
     width: 200px;
     border: 2px solid #ddd;
}

#author {
     margin-right: 30px;
}

#email {
     margin-right: 18px;
}

.comment-form-cookies-consent {
     font-size: 12px;
     color: #888;
}

.paginat-comments {
     display: table;
     margin: 0 auto;
}

.submit {
     margin: 10px 0;
     font-family: sib-font;
     outline: 0;
     border: 0;
     width: 95px;
     height: 35px;
     border-radius: 50px;
     color: #fff;
     text-align: center;
     font-size: 12.5px;
     line-height: 20px;
     -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
     box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.comment-form label {
     line-height: 1.8;
     font-size: 11px !important;
}

#wp-comment-cookies-consent {
     margin: 5px !important;
}

.submit:active {
     -webkit-box-shadow: -3px 4px 10px rgba(0, 0, 0, 0.3);
     box-shadow: -3px 4px 10px rgba(0, 0, 0, 0.3);
}

.required {
     color: #ff917b;
}

.comment-form-bg input[type=text]:hover {
     border-color: #aaa;
}

.comment-form-bg input[type=text]:focus {
     border-color: #ccc;
}

.form-com-style {
     padding: 0 20px 0 30px;
}

.comment-form-bg a {
     display: inline-block;
     padding-top: 10px;
     margin: 0 3px;
}

.unsuccess-search {
     padding: 15px 5px;
}

.unsuccess-search h2 {
     font-size: 25px;
     line-height: 2.1;
     padding: 10px 0;
     display: table;
     margin: 0 auto;
     color: #666;
}

.unsuccess-search p {
     font-size: 11px;
     text-align: center;
     line-height: 1.7;
     padding: 10px 0;
     display: table;
     margin: 0 auto;
     color: #999;
}

.unsuccess-search .icon-uncs {
     font-size: 100px;
     text-align: center;
     margin: 0 auto;
     padding: 20px;
     color: #ff4757;
     -webkit-animation: 1s heart infinite;
     animation: 1s heart infinite;
}

.col-md-3.sidebar-right, .col-md-3.sidebar-left {
     padding-right: 5px !important;
     padding-left: 5px !important;
}

.tele-svg-icon {
     position: absolute;
     right: 10px;
     z-index: 1;
}

.tele-svg-icon svg {
     width: 40px;
     height: 40px;
     opacity: 0.3;
     padding-bottom: 12px;
}

.telegram-site-ads:hover .tele-svg-icon svg {
     -webkit-transform: translate(-50px, -100px);
     -ms-transform: translate(-50px, -100px);
     transform: translate(-50px, -100px);
     -webkit-transition: cubic-bezier(.23, -0.47, 1, .56) 1.5s;
     -o-transition: cubic-bezier(.23, -0.47, 1, .56) 1.5s;
     transition: cubic-bezier(.23, -0.47, 1, .56) 1.5s;
}

.svg-icon-instaarea {
     position: absolute;
     right: 3px;
     z-index: 1;
}

.svg-icon-instaarea svg {
     width: 42px;
     height: 42px;
     -webkit-transform: rotate(20deg);
     -ms-transform: rotate(20deg);
     transform: rotate(20deg);
     opacity: 0.3;
}

.insta-site-ads:hover .svg-icon-instaarea svg {
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
}

a.link-to-post-index-posts {
     cursor: default;
}

.play-now-on-hover {
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     text-align: center;
     display: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
}

.play-now-on-hover svg {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     fill: rgba(255, 255, 255, 1);
     width: 20px;
}

.tab-lovely li:hover .play-now-on-hover,
.tab-comments li:hover .play-now-on-hover {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-animation: 0.5s show-me-plz;
     animation: 0.5s show-me-plz;
}

@-webkit-keyframes hue-rotate-effect {
     0% {
          -webkit-filter: hue-rotate(0deg);
          filter: hue-rotate(0deg)
     }
     25% {
          -webkit-filter: hue-rotate(360deg);
          filter: hue-rotate(360deg)
     }
     50% {
          -webkit-filter: hue-rotate(0);
          filter: hue-rotate(0)
     }
     75% {
          -webkit-filter: hue-rotate(-360deg);
          filter: hue-rotate(-360deg)
     }
     100% {
          -webkit-filter: hue-rotate(0deg);
          filter: hue-rotate(0deg)
     }
}

@keyframes hue-rotate-effect {
     0% {
          -webkit-filter: hue-rotate(0deg);
          filter: hue-rotate(0deg)
     }
     25% {
          -webkit-filter: hue-rotate(360deg);
          filter: hue-rotate(360deg)
     }
     50% {
          -webkit-filter: hue-rotate(0);
          filter: hue-rotate(0)
     }
     75% {
          -webkit-filter: hue-rotate(-360deg);
          filter: hue-rotate(-360deg)
     }
     100% {
          -webkit-filter: hue-rotate(0deg);
          filter: hue-rotate(0deg)
     }
}

@-webkit-keyframes show-me-plz {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

@keyframes show-me-plz {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

.song-text-area-dynamic {
     display: block !important;
     width: 100%;
     margin-bottom: 5px !important;
     overflow: hidden !important;
     border-radius: 3px !important;
}

.song-text-area-dynamic .related-posts-header {
     width: 105% !important;
}

.song-text-area-dynamic .related-posts-header h3 {
     position: relative !important;
     top: 3px !important;
}

.icon-header-song-text {
     position: relative !important;
     left: 4.5% !important;
     bottom: 3px !important;
     font-size: 22px !important;
}

.header-song-text {
     display: block !important;
     width: 100%;
}

.body-song-text-area {
     position: relative;
     bottom: 5px;
     width: 100%;
     overflow: hidden;
     font-size: 12px;
     line-height: 1.8;
     text-align: center;
     padding: 10px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, .125);
     border-top: none;
     border-radius: 0 0 3px 3px;
}

.related-posts-header.related-icon-lh i {line-height: 50px !important;}

.card.post-bg.simple-single-page {
     position: relative;
     padding-bottom: 0 !important;
}

.simple-single-area .bh-long.btn.btn-light.btn-share-post {
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     background: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     border-radius: 0 0 500px 500px;
     color: #fff !important;
     -webkit-animation: hue-rotate-effect 35s infinite;
     animation: hue-rotate-effect 35s infinite;
}

.info-simple-post-area {
     margin-top: 5px;
}

.info-simple-post-area > ul {
     float: right;
     padding: 5px;
     margin-bottom: 0 !important;
}

.info-simple-post-area ul li {
     display: inline-block;
     float: right;
     color: #999;
     font-size: 11px;
     margin: 3px 8px;
}

.info-simple-post-area ul li i {
     font-size: 14px;
     color: #999;
     float: right;
     margin-left: 5px;
}

.info-simple-post-area ul li a {
     font-size: 11px;
     color: #999;
     display: inline-block;
     line-height: 1.8;
     position: relative;
     bottom: 5px;
}

.info-simple-post-area ul li span {
     position: relative;
     top: 3px;
}

.info-simple-post-area .post-categories {
     padding: 0 !important;
     float: right !important;
}

.info-simple-post-area ul li a:hover {color: #555;}

.post-simple-img {
     padding: 10px;
}

.post-simple-img img {
     display: table;
     margin-right: auto;
     margin-left: auto;
     height: auto;
     max-width: 100%;border-radius: 10px;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
}

.post-simple-title h2 {
     display: block !important;
     text-align: center !important;
     font-size: 15px !important;
     margin-top: 10px !important;
}

.post-simple-title a {
     color: #333 !important;
     text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

#cancel-comment-reply-link {
     font-size: 10px !important;
     float: left;
     background-color: #606d6e;
     color: #fff !important;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     padding: 5px;border-radius: 20px;
}

#cancel-comment-reply-link:hover {background-color: #e67e22;}

#reply-title {font-size: 12px !important;}

.category-pictures-area {
     padding-left: 18px !important;
     margin-bottom: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
}

.category-pictures-area .col-3 {
     overflow: hidden;
     padding-right: 4px !important;
     padding-left: 0 !important;
     min-height: 30px !important;
}

.child-category-items {
     position: relative;
     max-height: 190px !important;
     max-width: 190px !important;
}

.category-child-image {
     overflow: hidden;
     width: 100%;
     height: 100%;
     border-radius: 5px;
}

.on-image-gradiant-effect {
     min-width: 70px !important;
     width: 96%;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     border-radius: 5px;
}

.on-image-gradiant-effect {
     overflow: hidden;
     background-color: rgba(0, 0, 0, 0.6);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(41, 128, 185, 0.6) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(41, 128, 185, 0.6)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(41, 128, 185, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(41, 128, 185, 0.6) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.child-category-items:nth-child(1) .on-image-gradiant-effect {
     background-color: rgba(0, 0, 0, 0.6);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(41, 128, 185, 0.6) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(41, 128, 185, 0.6)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(41, 128, 185, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(41, 128, 185, 0.6) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.child-category-items:nth-child(2) .on-image-gradiant-effect {
     background-color: rgba(0, 0, 0, 0.6);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(192, 57, 43, 0.6) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(192, 57, 43, 0.6)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(192, 57, 43, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(192, 57, 43, 0.6) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.child-category-items:nth-child(3) .on-image-gradiant-effect {
     background-color: rgba(0, 0, 0, 0.6);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(142, 68, 173, 0.6) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(142, 68, 173, 0.6)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(142, 68, 173, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(142, 68, 173, 0.6) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.child-category-items:nth-child(4) .on-image-gradiant-effect {
     background-color: rgba(0, 0, 0, 0.6);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(22, 160, 133, 0.6) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(22, 160, 133, 0.6)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(22, 160, 133, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(22, 160, 133, 0.6) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.child-category-items:hover .category-child-image {
     -webkit-filter: blur(1px) brightness(50%) grayscale(50%);
     filter: blur(1px) brightness(50%) grayscale(50%);
}

.child-category-items:hover .on-image-gradiant-effect {
     animation: hue-rotate-effect 6s infinite;
     -webkit-animation: hue-rotate-effect 6s infinite;
}

.on-image-gradiant-effect p {
     display: table;
     margin-right: auto;
     margin-left: auto;
     text-align: left;
     font-size: 11px;
     color: #fff;
     position: relative;
     top: 60%;
     text-shadow: 0 0 3px #000;
     font-weight: bold;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-bottom: 2px;
}

span.listen-to-category-img {
     display: table;
     margin-right: auto;
     margin-left: auto;
     text-align: left;
     font-size: 11px;
     color: #fff;
     position: relative;
     top: -100%;
     text-shadow: 0 0 3px #000;
}

.child-category-items:hover span.listen-to-category-img {
     top: 30%;
     -webkit-animation: show-me-plz 1.5s;
     animation: show-me-plz 1.5s;
}

.child-category-items:hover .on-image-gradiant-effect p {
     top: 40%;
     -webkit-animation: 0.7s translate-effect-small;
     animation: 0.7s translate-effect-small;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
}

@-webkit-keyframes translate-effect {
     0% {
          -webkit-transform: scaleY(1.5);
          transform: scaleY(1.5);
     }

     20% {
          -webkit-transform: scaleY(2);
          transform: scaleY(2);
     }

     40% {
          -webkit-transform: scaleY(2.5);
          transform: scaleY(2.5);
     }

     60% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     80% {
          -webkit-transform: scaleY(1.5);
          transform: scaleY(1.5);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@keyframes translate-effect {
     0% {
          -webkit-transform: scaleY(1.5);
          transform: scaleY(1.5);
     }

     20% {
          -webkit-transform: scaleY(2);
          transform: scaleY(2);
     }

     40% {
          -webkit-transform: scaleY(2.5);
          transform: scaleY(2.5);
     }

     60% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     80% {
          -webkit-transform: scaleY(1.5);
          transform: scaleY(1.5);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@-webkit-keyframes translate-effect-small {
     0% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     20% {
          -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
     }

     40% {
          -webkit-transform: scaleY(1.5);
          transform: scaleY(1.5);
     }

     60% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     80% {
          -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@keyframes translate-effect-small {
     0% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     20% {
          -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
     }

     40% {
          -webkit-transform: scaleY(1.5);
          transform: scaleY(1.5);
     }

     60% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     80% {
          -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@-webkit-keyframes scale-effect {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     20% {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
     }

     40% {
          -webkit-transform: scale(1.5);
          transform: scale(1.5);
     }

     60% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     80% {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-webkit-keyframes scale-effect-simple {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     30% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
     }
     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes scale-effect-simple {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     30% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
     }
     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes scale-effect {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     20% {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
     }

     40% {
          -webkit-transform: scale(1.5);
          transform: scale(1.5);
     }

     60% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     80% {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-webkit-keyframes scale-effect-small {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     40% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
     }

     60% {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
     }

     70% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     80% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes scale-effect-small {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     40% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
     }

     60% {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
     }

     70% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     80% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
     }

     100% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-webkit-keyframes translate-zto {
     0% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     75% {
          -webkit-transform: scaleY(0.1);
          transform: scaleY(0.1);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@keyframes translate-zto {
     0% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }

     75% {
          -webkit-transform: scaleY(0.1);
          transform: scaleY(0.1);
     }

     100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@-webkit-keyframes grey-gradient-effect {
     0% {
          background-color: #eee;
     }

     20% {
          background-color: #ddd;
     }

     40% {
          background-color: #ccc;
     }

     60% {
          background-color: #ddd;
     }
     80% {
          background-color: #aaa;
     }
     100% {
          background-color: #eee;
     }
}

@keyframes grey-gradient-effect {
     0% {
          background-color: #eee;
     }

     20% {
          background-color: #ddd;
     }

     40% {
          background-color: #ccc;
     }

     60% {
          background-color: #ddd;
     }
     80% {
          background-color: #aaa;
     }
     100% {
          background-color: #eee;
     }
}

*[alt] {
     font-size: 6px !important;
     color: #fff !important;
     text-shadow: 0 0 0 rgba(0, 0, 0, 1) !important;
}

.any-widget-area input#s {
     width: 90%;
     background-color: #fff;
     color: #555;
     border-radius: 50px;
     font-size: 12px;
     margin: 30px auto 20px auto;
     display: table;
     padding: 10px;
     border: 3px solid #ddd;
}

.any-widget-area input#s:focus {
     border: 3px solid #aaa;
}

.any-widget-area input[type=submit] {
     display: table;
     padding: 10px 20px;
     margin: 5px auto;
     background-color: #eee;
     color: #555;
     border: none;
     font-size: 12px;border-radius: 5px;
}

.any-widget-area input[type=submit]:hover {
     border-radius: 50px;
     background-color: #999;
     color: #fff;
}

.any-widget-area #searchform label {
     display: none;
}

.index-music-preview {
     width: 40px !important;
     overflow: hidden;
     float: left;
     direction: ltr;
}

.site_menu_pl .nav .sub-menu {
     will-change: display;
     contain: layout;
     border-radius: 0 0 8px 8px;
     float: none !important;
     position: absolute;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-transition: 0.1s !important;
     -o-transition: 0.1s !important;
     -webkit-transition: 0.15s !important;
     -o-transition: 0.15s !important;
     display: none !important;
}

.site_menu_pl .nav .sub-menu li:last-child {
     border-radius: 0 0 8px 8px;
}

.site_menu_pl .nav ul li:hover .sub-menu {
     top: 52px !important;
     display: block !important;
     contain: layout;
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     -webkit-animation: 0.3s menu-sub-effect ease-in-out;
     animation: 0.3s menu-sub-effect ease-in-out;
}

@-webkit-keyframes menu-sub-effect {
     0% {
          -webkit-transform: translateY(15px) scaleY(0.75);
          -ms-transform: translateY(15px) scaleY(0.75);
          transform: translateY(15px) scaleY(0.75);
          -webkit-transform-origin: bottom;
          transform-origin: bottom;
          opacity: 0;
     }
     100% {
          opacity: 1;
          -webkit-transform-origin: bottom;
          transform-origin: bottom;
          -webkit-transform: translateY(0) scaleY(1);
          -ms-transform: translateY(0) scaleY(1);
          transform: translateY(0) scaleY(1);
     }
}

@keyframes menu-sub-effect {
     0% {
          -webkit-transform: translateY(15px) scaleY(0.75);
          -ms-transform: translateY(15px) scaleY(0.75);
          transform: translateY(15px) scaleY(0.75);
          -webkit-transform-origin: bottom;
          transform-origin: bottom;
          opacity: 0;
     }
     100% {
          opacity: 1;
          -webkit-transform-origin: bottom;
          transform-origin: bottom;
          -webkit-transform: translateY(0) scaleY(1);
          -ms-transform: translateY(0) scaleY(1);
          transform: translateY(0) scaleY(1);
     }
}

.site_menu_pl .nav .sub-menu li {
     width: 180px;
     background-color: #fff;
}

.site_menu_pl .nav .sub-menu li a {
     width: 100% !important;
     text-align: right !important;
     float: right !important;
     padding: 15px 20px !important;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.site_menu_pl .nav .sub-menu li:hover {
     background: #f3f3f3;
}

.site_menu_pl .nav .sub-menu li:hover a {margin-right: 5px;}

.site_menu_pl .nav .sub-menu li:before {
     display: none !important;
}

.site_menu_pl {
     z-index: 1000 !important;
     position: relative !important;
}

.nav-responsive ul.main li ul.sub-menu {display: none !important;}

/*.nav-container {*/
/*overflow: hidden;*/
/*}*/

.nav-container.container-fluid {
     padding-right: 0 !important;
}

.album-player-area .page {
     position: relative;
     margin: 0 auto;
     height: 100%;
     width: 100%;
}

.album-player-area .ellipsis {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

/* Audio Player */
.player-wrap {
     position: relative;
     margin: 0 auto;
     padding: 0;
     min-width: 250px;
     overflow: hidden;
     background: #fff none no-repeat center center;
     background-size: cover;
     line-height: 1.3em;
     font-size: 12pt;
     color: #fefefe;
}

.player-wrap.view-port {
     max-width: 100vmin;
     max-height: 100vmin;
}

.player-wrap svg {
     position: relative;
     margin: 20%;
     width: 60%;
     height: 60%;
     fill: currentColor;
}

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

.player-wrap .title-text {
     font-weight: bold;
     font-size: 1em;
}

.player-wrap .big-play-button,
.player-wrap .big-pause-button,
.player-wrap .play-button,
.player-wrap .pause-button,
.player-wrap .prev-button,
.player-wrap .next-button,
.player-wrap .playlist-button {
     position: absolute;
     left: 0;
     bottom: 0;
     display: block;
     width: 100%;
     height: 100%;
     vertical-align: top;
     text-align: center;
     cursor: pointer;
}

.player-wrap .big-play-button:before,
.player-wrap .big-pause-button:before,
.player-wrap .play-button:before,
.player-wrap .pause-button:before,
.player-wrap .prev-button:before,
.player-wrap .next-button:before,
.player-wrap .playlist-button:before {
     content: '';
     position: absolute;
     display: block;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
}

.player-wrap .prev-button,
.player-wrap .next-button,
.player-wrap .playlist-button {
     display: none;
}

.player-wrap .big-play-pause,
.player-wrap .play-pause {
     position: relative;
     z-index: 2;
     display: none;
     overflow: hidden;
}

.player-wrap .big-play-pause {
     display: none;
     color: #fefefe;
}

.player-wrap .big-play-pause .big-play-button:before,
.player-wrap .big-play-pause .big-pause-button:before {
     background-color: rgba(0, 0, 0, 0.6);
}

.player-wrap .big-play-pause:hover .big-play-button:before, .player-wrap .big-play-pause:hover .big-pause-button:before {
     background-color: #999;
}

.player-wrap .big-play-pause:before {
     float: left;
     content: '';
     display: block;
     padding: 100% 0 0 0;
     width: 0;
     height: 0;
}

.player-wrap .big-play-button,
.player-wrap .big-pause-button {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}

.player-wrap .play-button:hover,
.player-wrap .pause-button:hover,
.player-wrap .prev-button:hover,
.player-wrap .next-button:hover,
.player-wrap .playlist-button:hover {
     color: #999;
}

.player-wrap .play-button:hover:before,
.player-wrap .pause-button:hover:before,
.player-wrap .prev-button:hover:before,
.player-wrap .next-button:hover:before,
.player-wrap .playlist-button:hover:before {
     background-color: rgba(70, 170, 255, 0.1);
}

.player-wrap .next-button {
     left: auto;
     right: 0;
}

.player-wrap .playlist-button {
     color: #888;
     border-radius: 15%;
}

.player-wrap .seek-wrap {
     height: 1em;
     line-height: 1em;
}

.player-wrap .seek-bar {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
}

.player-wrap .current-time {
     float: left;
     font-size: .79em;
}

.player-wrap .duration-time {
     float: right;
     font-size: .79em;
}

.player-wrap audio,
.player-wrap .big-pause-button,
.player-wrap .pause-button {
     display: none;
}

.player-wrap .playlist-wrap {
     width: 100%;
     overflow: hidden;
     color: #434546;
}

.player-wrap .playlist-wrap::-webkit-scrollbar {
     width: 5px;
     height: 5px;
}

.player-wrap .playlist-wrap::-webkit-scrollbar-thumb {
     width: 3px;
     background: #aaa !important;
}

.player-wrap .playlist-wrap::-webkit-scrollbar-track {
     background: #eee !important;
}

.player-wrap h4.album-player-album-name-title {
     padding: 0 1em;
     width: 100%;
     background-color: #f4f4f4;
     line-height: 2.5em;
     font-weight: bold;
     font-size: 1em;
     margin-bottom: 0 !important;
     border-bottom: 3px solid #ccc !important;
}

.player-wrap .playlist-wrap ol {
     display: block;
     overflow: auto;
     background-color: #f9f9f9;
     counter-reset: track-counter;
     list-style: none inside;
     margin-bottom: 0 !important;
}

.player-wrap .playlist-wrap li {
     margin: 0;
     border-top: 1px solid #e4e4e4;
     padding: 0;
     background-color: #fefefe;
}

.player-wrap.dark .playlist-wrap li {
     background-color: #333;
}

.player-wrap .playlist-wrap a {
     display: block;
     padding: .25em 1em .25em 0;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.player-wrap .playlist-wrap li a:before {
     display: inline-block;
     content: counter(track-counter, decimal);
     counter-increment: track-counter;
     width: 2em;
     margin-right: 1em;
     text-align: right;
}

.player-wrap .playlist-wrap li,
.player-wrap .playlist-wrap a[href]:link,
.player-wrap .playlist-wrap a[href]:active,
.player-wrap .playlist-wrap a[href]:visited {
     text-decoration: none;
     color: #434546;
}

.player-wrap .playlist-wrap a[href]:focus,
.player-wrap .playlist-wrap a[href]:hover {
     background-color: #eee;
     text-decoration: none;
     color: #434546;
}

/* Cover Art (optional playlist) */
.player-wrap.cover-art.enabled {
     min-height: 250px;
}

.player-wrap.cover-art.enabled:after, .player-wrap.cover-art.enabled:before {
     content: '';
     display: block;
     width: 0;
     height: 0;
}

.player-wrap.cover-art.enabled:before {
     float: left;
     padding: 100% 0 0 0;
}

.player-wrap.cover-art.enabled:after {
     clear: both;
}

.player-wrap.cover-art.enabled .artist-text {
     display: none;
}

.player-wrap.cover-art.enabled .player {
     position: absolute;
     left: 0;
     bottom: 0;
     display: block;
     padding: 10% 6% 4%;
     width: 100%;
     background: #434546;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.35)), color-stop(50%, rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0.6)));
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.6) 100%);
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.6) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.player-wrap.cover-art.enabled .big-play-pause {
     position: absolute;
     left: 50%;
     bottom: 50%;
     display: block;
     margin: 0 0 -13% -13%;
     width: 26%;
     height: 26%;
}

.player-wrap.cover-art.enabled.list-view .big-play-pause,
.player-wrap.cover-art.enabled .play-pause,
.player-wrap.cover-art.enabled .prev-button,
.player-wrap.cover-art.enabled .next-button,
.player-wrap.cover-art.enabled .playlist-button {
     display: none;
}

.player-wrap.cover-art.enabled.list-view {
     background-position: center top;
     background-size: 100% auto;
}

.player-wrap.cover-art.enabled.list-view:before, .player-wrap.cover-art.enabled.list-view:after {
     height: 70px;
}

.player-wrap.cover-art.enabled.list-view .player {
     z-index: 1;
     top: 100%;
     bottom: auto;
     margin-top: -9em;
     padding: 0;
     height: 9em;
}

.player-wrap.cover-art.enabled.list-view .title-text {
     position: absolute;
     left: 0;
     bottom: 5.25em;
     padding: 0 6%;
     width: 100%;
}

.player-wrap.cover-art.enabled.list-view .controls {
     position: relative;
     left: 0;
     bottom: 0;
     margin-top: 4%;
     padding: 2.5em 6% 0;
     width: 100%;
     height: 5em;
     background: #fff none;
     color: #434546;
     border-radius: 1em 1em 0 0;
}

.player-wrap.cover-art.enabled.list-view .play-pause,
.player-wrap.cover-art.enabled.list-view .prev-button,
.player-wrap.cover-art.enabled.list-view .next-button,
.player-wrap.cover-art.enabled.list-view .playlist-button {
     position: absolute;
     top: 10%;
     display: block;
     width: 2em;
     height: 2em;
}

.player-wrap.cover-art.enabled.list-view .play-pause {
     left: 56%;
}

.player-wrap.cover-art.enabled.list-view .prev-button {
     left: 31%;
}

.player-wrap.cover-art.enabled.list-view .next-button {
     left: 79%;
}

.player-wrap.cover-art.enabled.list-view .playlist-button {
     left: 8%;
     background: none no-repeat center center;
     background-size: cover;
}

.player-wrap.cover-art.enabled.list-view .current-time,
.player-wrap.cover-art.enabled.list-view .duration-time {
     color: #888;
}

.player-wrap.cover-art.enabled.list-view .playlist-wrap {
     height: 100%;
     width: 100%;
}

.player-wrap.cover-art.enabled.list-view.show-list .player {
     top: 5em;
}

.player-wrap.cover-art.enabled.list-view.show-list .player .playlist-button svg {
     display: none;
}

.player-wrap.cover-art.enabled.list-view.show-list .playlist-wrap {
     top: 0;
}

.player-wrap.cover-art.enabled.list-view .player,
.player-wrap.cover-art.enabled.list-view .playlist-wrap {
     -webkit-transition: top .2s ease;
     -o-transition: top .2s ease;
     transition: top .2s ease;
}

/* Track View (optional playlist) */
.player-wrap.track-view.enabled {
     background-position: -100% -100%;
     background-size: contain;
     border-radius: .5em;
     color: #434546;
}

.player-wrap.track-view.enabled:before, .player-wrap.track-view.enabled:after {
     display: none;
}

.player-wrap.track-view.enabled .player {
     position: relative;
     display: block;
     padding: 1em;
}

.player-wrap.track-view.enabled .player:after {
     content: '';
     display: block;
     clear: both;
}

.player-wrap.track-view.enabled .title-text {
     margin-left: 2.55em;
     margin-bottom: 5px !important;
}

.player-wrap.track-view.enabled .artist-text {
     margin-left: 3em;
     font-size: 12px !important;
     color: #999;
}

.playlist-wrap {max-height: 200px !important;overflow-y: scroll !important;}

.playlist-wrap li a {
     font-size: 14px !important;
     padding-top: 7px !important;
     padding-bottom: 7px !important;
}

.player-wrap.track-view.enabled .play-pause {
     position: absolute;
     left: .5em;
     top: .5em;
     display: block;
     width: 2.5em;
     height: 2.5em;
}

.player-wrap.track-view.enabled .play-pause:hover {
     color: #999;
}

.player-wrap.track-view.enabled .current-time,
.player-wrap.track-view.enabled .duration-time {
     color: #888;
}

.player-wrap.track-view.enabled.list-view {
     height: 100%;
     min-height: 200px;
     background-position: 1em .5em;
     background-size: 7em 7em;
}

.player-wrap.track-view.enabled.list-view .player {
     z-index: 1;
     width: 100%;
     overflow: hidden;
}

.player-wrap.track-view.enabled.list-view .play-pause {
     left: 1em;
     top: 1em;
}

/* Button Only */
.player-wrap.button-only.enabled {
     min-width: 0;
     background: transparent none !important;
}

.player-wrap.button-only.enabled .player,
.player-wrap.button-only.enabled .playlist-wrap {
     display: none;
}

.player-wrap.button-only.enabled .big-play-pause {
     display: block;
     color: #434546;
}

.player-wrap.button-only.enabled .big-play-pause :before {
     background-color: #fff;
}

.player-wrap.button-only.enabled .big-play-pause :hover {
     color: #fefefe;
}

.player-wrap.button-only.enabled .big-play-pause :hover:before {
     background-color: #aaa;
}

/* >> input[type=range] class: seek-bar */
input.seek-bar[type=range] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
     overflow: visible;
     outline: 0 none;
     background-color: transparent;
     line-height: 1em;
     vertical-align: top;
     font-size: 1em;
     -webkit-appearance: none;
     cursor: pointer;
}

input.seek-bar[type=range]:focus {
     outline: 0 none;
}

input.seek-bar[type=range]::-webkit-slider-runnable-track {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 98%;
     height: .125em;
     background-color: #fefefe;
     cursor: pointer;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}

input.seek-bar[type=range]::-webkit-slider-thumb {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: .5em;
     height: .5em;
     margin-top: -.175em;
     border-radius: .5em;
     background-color: #fefefe;
     -webkit-appearance: none;
}

.seek-wrap.sel input.seek-bar[type=range]::-webkit-slider-thumb,
.seek-wrap:hover input.seek-bar[type=range]::-webkit-slider-thumb {
     margin-top: -.3em;
     margin-left: -.05em;
     width: .75em;
     height: .75em;
     background-color: #555;
}

input.seek-bar[type=range]:focus::-webkit-slider-runnable-track {
     background-color: #fefefe;
}

input.seek-bar[type=range]::-moz-range-track {
     box-sizing: border-box;
     border: 0 solid #fefefe;
     width: 98%;
     height: .125em;
     background-color: #fefefe;
     border-radius: .125em;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}

input.seek-bar[type=range]::-moz-range-thumb {
     box-sizing: border-box;
     border: 0 solid #fefefe;
     width: .5em;
     height: .5em;
     background-color: #fefefe;
     border-radius: .5em;
}

.play-button, .pause-button {
     padding: 3px !important;
     color: #999 !important;
}

.play-button:hover, .pause-button:hover {color: #eee !important;}

.play-button:before, .pause-button:before {
     background-color: #eee;
     border: 2px solid #e5e5e5;
}

.player-wrap.dark .play-button:before, .player-wrap.dark .pause-button:before {
     border: 2px solid #aaa !important;
}

.player-wrap .playlist-wrap li.sel a[href] {
     color: #fff;
     background: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.play-button:hover:before, .pause-button:hover:before {
     background-color: #aaa !important;
}

.seek-wrap.sel input.seek-bar[type=range]::-moz-range-thumb,
.seek-wrap:hover input.seek-bar[type=range]::-moz-range-thumb,
input.seek-bar[type=range]::-moz-range-thumb:hover {
     margin-top: -.175em;
     margin-left: -.1em;
     width: .75em;
     height: .75em;
     background-color: #aaa;
}

input.seek-bar[type=range]::-ms-track {
     box-sizing: border-box;
     border: 0 none;
     width: 99%;
     height: .125em;
     background-color: transparent;
     color: transparent;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}

input.seek-bar[type=range]::-ms-fill-lower {
     background-color: #fefefe;
     border-radius: .125em;
}

input.seek-bar[type=range]::-ms-fill-upper {
     background-color: #fefefe;
     border-radius: .125em;
}

input.seek-bar[type=range]::-ms-thumb {
     position: relative;
     margin-top: .1em;
     box-sizing: border-box;
     width: .5em;
     height: .5em;
     background-color: #fefefe;
     border-radius: .5em;
}

.player-wrap.track-view {border-radius: 0 !important;}

.seek-wrap.sel input.seek-bar[type=range]::-ms-thumb,
.seek-wrap:hover input.seek-bar[type=range]::-ms-thumb {
     margin-top: -.01em;
     margin-left: -.1em;
     width: .75em;
     height: .75em;
     background-color: #999;
}

input.seek-bar[type=range]:focus::-ms-fill-lower {
     background-color: #fefefe;
}

input.seek-bar[type=range]:focus::-ms-fill-upper {
     background-color: #fefefe;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-webkit-slider-runnable-track,
.player-wrap.track-view input.seek-bar[type=range]::-webkit-slider-runnable-track {
     background-color: #434546;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.track-view input.seek-bar[type=range]::-webkit-slider-thumb {
     background-color: #434546;
}

.player-wrap.cover-art.list-view .seek-wrap.sel input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.cover-art.list-view .seek-wrap:hover input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.track-view .seek-wrap.sel input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.track-view .seek-wrap:hover input.seek-bar[type=range]::-webkit-slider-thumb {
     background-color: #999;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]:focus::-webkit-slider-runnable-track,
.player-wrap.track-view input.seek-bar[type=range]:focus::-webkit-slider-runnable-track {
     background-color: #434546;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-moz-range-track,
.player-wrap.track-view input.seek-bar[type=range]::-moz-range-track {
     background-color: #434546;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.track-view input.seek-bar[type=range]::-moz-range-thumb {
     background-color: #434546;
}

.player-wrap.cover-art.list-view .seek-wrap.sel input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.cover-art.list-view .seek-wrap:hover input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.cover-art.list-view input.seek-bar[type=range]::-moz-range-thumb:hover,
.player-wrap.track-view .seek-wrap.sel input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.track-view .seek-wrap:hover input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.track-view input.seek-bar[type=range]::-moz-range-thumb:hover {
     background-color: #999;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-ms-track,
.player-wrap.track-view input.seek-bar[type=range]::-ms-track {
     background-color: #434546;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-ms-fill-lower,
.player-wrap.track-view input.seek-bar[type=range]::-ms-fill-lower {
     background-color: #434546;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-ms-fill-upper,
.player-wrap.track-view input.seek-bar[type=range]::-ms-fill-upper {
     background-color: #434546;
}

.player-wrap.cover-art.list-view input.seek-bar[type=range]::-ms-thumb,
.player-wrap.track-view input.seek-bar[type=range]::-ms-thumb {
     background-color: #434546;
}

.player-wrap.cover-art.list-view .seek-wrap.sel input.seek-bar[type=range]::-ms-thumb,
.player-wrap.cover-art.list-view .seek-wrap:hover input.seek-bar[type=range]::-ms-thumb,
.player-wrap.track-view .seek-wrap.sel input.seek-bar[type=range]::-ms-thumb,
.player-wrap.track-view .seek-wrap:hover input.seek-bar[type=range]::-ms-thumb {
     background-color: #999;
}

/* << input[type=range] class: seek-bar */
.player-wrap.dark {
     background-color: #333;
     color: #fefefe;
}

.player-wrap.dark .big-play-pause:hover .big-play-button:before, .player-wrap.dark .big-play-pause:hover .big-pause-button:before {
     background-color: #999;
}

.player-wrap.dark .play-button:hover,
.player-wrap.dark .pause-button:hover,
.player-wrap.dark .prev-button:hover,
.player-wrap.dark .next-button:hover,
.player-wrap.dark .playlist-button:hover {
     color: #999;
}

.player-wrap.dark .play-button:hover:before,
.player-wrap.dark .pause-button:hover:before,
.player-wrap.dark .prev-button:hover:before,
.player-wrap.dark .next-button:hover:before,
.player-wrap.dark .playlist-button:hover:before {
     background-color: rgba(70, 170, 255, 0.1);
}

.player-wrap.dark .playlist-button {
     color: #888;
}

.player-wrap.dark .playlist-wrap {
     color: #c9c9c9;
}

.player-wrap.dark .playlist-wrap h2, .player-wrap.dark .playlist-wrap ol {
     background-color: #292929;
}

.player-wrap.dark .playlist-wrap li {
     border-top: 1px solid #181818;
}

.player-wrap.dark .playlist-wrap a[href]:link,
.player-wrap.dark .playlist-wrap a[href]:active,
.player-wrap.dark .playlist-wrap a[href]:visited {
     color: #c9c9c9;
}

.player-wrap.dark .playlist-wrap a[href]:focus,
.player-wrap.dark .playlist-wrap a[href]:hover {
     background-color: #292929;
     color: #fefefe;
}

.player-wrap.dark .playlist-wrap li.sel a[href] {
     background-color: #333;
     color: #fff;
}

.player-wrap.dark h4.album-player-album-name-title {
     background-color: #555 !important;
     border-color: #999 !important;
}

.player-wrap.dark.cover-art.enabled .controls {
     background: #333 none;
     color: #fefefe;
}

.player-wrap.dark.cover-art.enabled .current-time,
.player-wrap.dark.cover-art.enabled .duration-time {
     color: #888;
}

.player-wrap.dark.track-view.enabled {
     color: #fefefe;
}

.player-wrap.dark.track-view.enabled .play-pause:hover {
     color: #999;
}

.player-wrap.dark.track-view.enabled .current-time,
.player-wrap.dark.track-view.enabled .duration-time {
     color: #888;
}

.player-wrap.dark.button-only.enabled .big-play-pause {
     color: #fefefe;
}

.player-wrap.dark.button-only.enabled .big-play-pause :before {
     background-color: #333;
}

.player-wrap.dark.button-only.enabled .big-play-pause :hover {
     color: #fefefe;
}

.player-wrap.dark.button-only.enabled .big-play-pause :hover:before {
     background-color: #999;
}

.player-wrap.dark input.seek-bar[type=range]::-webkit-slider-runnable-track {
     background-color: #fefefe;
}

.player-wrap.dark input.seek-bar[type=range]::-webkit-slider-thumb {
     background-color: #fefefe;
}

.player-wrap.dark .seek-wrap.sel input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.dark .seek-wrap:hover input.seek-bar[type=range]::-webkit-slider-thumb {
     background-color: #999;
}

.player-wrap.dark input.seek-bar[type=range]:focus::-webkit-slider-runnable-track {
     background-color: #fefefe;
}

.player-wrap.dark input.seek-bar[type=range]::-moz-range-track {
     border: 0 solid #fefefe;
     background-color: #fefefe;
}

.player-wrap.dark input.seek-bar[type=range]::-moz-range-thumb {
     border: 0 solid #fefefe;
     background-color: #fefefe;
}

.player-wrap.dark .seek-wrap.sel input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.dark .seek-wrap:hover input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.dark input.seek-bar[type=range]::-moz-range-thumb:hover {
     background-color: #999;
}

.player-wrap.dark input.seek-bar[type=range]::-ms-fill-lower {
     background-color: #fefefe;
}

.player-wrap.dark input.seek-bar[type=range]::-ms-fill-upper {
     background-color: #fefefe;
}

.player-wrap.dark input.seek-bar[type=range]::-ms-thumb {
     background-color: #fefefe;
}

.player-wrap.dark .seek-wrap.sel input.seek-bar[type=range]::-ms-thumb,
.player-wrap.dark .seek-wrap:hover input.seek-bar[type=range]::-ms-thumb {
     background-color: #999;
}

.player-wrap.dark input.seek-bar[type=range]:focus::-ms-fill-lower {
     background-color: #fefefe;
}

.player-wrap.dark input.seek-bar[type=range]:focus::-ms-fill-upper {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-webkit-slider-runnable-track, .player-wrap.dark.track-view input.seek-bar[type=range]::-webkit-slider-runnable-track {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-webkit-slider-thumb, .player-wrap.dark.track-view input.seek-bar[type=range]::-webkit-slider-thumb {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view .seek-wrap.sel input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.dark.cover-art.list-view .seek-wrap:hover input.seek-bar[type=range]::-webkit-slider-thumb, .player-wrap.dark.track-view .seek-wrap.sel input.seek-bar[type=range]::-webkit-slider-thumb,
.player-wrap.dark.track-view .seek-wrap:hover input.seek-bar[type=range]::-webkit-slider-thumb {
     background-color: #999;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]:focus::-webkit-slider-runnable-track, .player-wrap.dark.track-view input.seek-bar[type=range]:focus::-webkit-slider-runnable-track {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-moz-range-track, .player-wrap.dark.track-view input.seek-bar[type=range]::-moz-range-track {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-moz-range-thumb, .player-wrap.dark.track-view input.seek-bar[type=range]::-moz-range-thumb {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view .seek-wrap.sel input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.dark.cover-art.list-view .seek-wrap:hover input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-moz-range-thumb:hover, .player-wrap.dark.track-view .seek-wrap.sel input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.dark.track-view .seek-wrap:hover input.seek-bar[type=range]::-moz-range-thumb,
.player-wrap.dark.track-view input.seek-bar[type=range]::-moz-range-thumb:hover {
     background-color: #999;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-ms-track, .player-wrap.dark.track-view input.seek-bar[type=range]::-ms-track {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-ms-fill-lower, .player-wrap.dark.track-view input.seek-bar[type=range]::-ms-fill-lower {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-ms-fill-upper, .player-wrap.dark.track-view input.seek-bar[type=range]::-ms-fill-upper {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view input.seek-bar[type=range]::-ms-thumb, .player-wrap.dark.track-view input.seek-bar[type=range]::-ms-thumb {
     background-color: #fefefe;
}

.player-wrap.dark.cover-art.list-view .seek-wrap.sel input.seek-bar[type=range]::-ms-thumb,
.player-wrap.dark.cover-art.list-view .seek-wrap:hover input.seek-bar[type=range]::-ms-thumb, .player-wrap.dark.track-view .seek-wrap.sel input.seek-bar[type=range]::-ms-thumb,
.player-wrap.dark.track-view .seek-wrap:hover input.seek-bar[type=range]::-ms-thumb {
     background-color: #999;
}

.playlist-wrap li {
     position: relative;
}

.playlist-wrap li .album-playlist-dl-btn {
     opacity: 0;
     visibility: hidden;
}

.playlist-wrap li.sel .album-playlist-dl-btn {
     opacity: 1;
     visibility: visible;
}

.playlist-wrap li .album-playlist-dl-btn {
     position: absolute;
     left: 5px;
     top: 5px;
     padding: 4px 5px 0 5px !important;
     cursor: pointer;border-radius: 5px;
     -o-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25);
     box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25);
}

.playlist-wrap .album-playlist-dl-btn i {color: #555 !important;}

:root {
     --color-action: #07cb9c;
     --progressbar-value: 0;
}

@-webkit-keyframes showPlayer {
     from {
          -webkit-transform: scale(0);
          transform: scale(0);
     }
     to {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes showPlayer {
     from {
          -webkit-transform: scale(0);
          transform: scale(0);
     }
     to {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

.video-player-mv-page .player {
     color: #fff;
     font-size: 0.8rem;
     text-shadow: 0 0 10px #000;
     position: relative;
     overflow: hidden;
     -webkit-animation: showPlayer 1s;
     animation: showPlayer 1s;
}

.video-player-mv-page .player__loader {
     position: absolute;
     left: 50%;
     -webkit-transform: translate(-50%);
     -ms-transform: translate(-50%);
     transform: translate(-50%);
}

.video-player-mv-page .player__video {
     display: block;
     cursor: pointer;
     width: 100% !important;
     background-color: #ddd;border-radius: 5px;
}

.video-player-mv-page .player.is-paused {
     -webkit-box-shadow: inset 0 0 50px 10px rgba(0, 0, 0, 0.4) !important;
     box-shadow: inset 0 0 50px 10px rgba(0, 0, 0, 0.4) !important;
}

.video-player-mv-page .player.is-paused video {
     -webkit-filter: blur(20px) brightness(85%) !important;
     filter: blur(20px) brightness(85%) !important;
}

.video-player-mv-page .player video {
     -webkit-filter: blur(0) brightness(100%);
     filter: blur(0) brightness(100%);
}

.video-player-mv-page .player__controls {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     padding: 1rem;
     background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
     background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
     background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
     background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
     position: absolute;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     transition: -webkit-transform 500ms;
     -webkit-transition: -webkit-transform 500ms;
     -o-transition: transform 500ms;
     transition: transform 500ms;
     transition: transform 500ms, -webkit-transform 500ms;
     transition: -webkit-transform 500ms;
     -webkit-transition-delay: 2s;
     -o-transition-delay: 2s;
     transition-delay: 2s;
}

.video-player-mv-page .player:hover .player__controls, .player.is-paused .player__controls {
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     transition: -webkit-transform 250ms;
     -webkit-transition: -webkit-transform 250ms;
     -o-transition: transform 250ms;
     transition: transform 250ms;
     transition: transform 250ms, -webkit-transform 250ms;
     transition: -webkit-transform 250ms;
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
}

.video-player-mv-page .player__toggle {
     height: 1.15rem;
     border-color: transparent transparent transparent #fff;
     -webkit-transition: 10ms all ease;
     -o-transition: 10ms all ease;
     transition: 10ms all ease;
     will-change: border-width;
     border-style: double;
     border-width: 0 0 0 1rem;
     background: transparent;
}

.player__button {
     color: #fff;
     background-color: transparent !important;
}

.player__controls i {font-size: 15px !important;}

.video-player-mv-page .player__toggle.is-paused {
     border-style: solid;
     border-width: 0.5rem 0 0.5rem 1rem;
     background-color: transparent;
     height: 0 !important;
     padding-top: 0 !important;
     padding-bottom: 2px !important;
}

.video-player-mv-page .player__times--current {
     font-weight: bold;
}

.video-player-mv-page .player__range {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: all 500ms;
     -o-transition: all 500ms;
     transition: all 500ms;
}

.video-player-mv-page .player__range-input {
     max-width: 0;
     height: 0.2rem;
     margin-left: 0.5rem;
     background-color: #fff;
     overflow: hidden;
     -webkit-transition: all 500ms;
     -o-transition: all 500ms;
     transition: all 500ms;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     visibility: hidden;
}

.video-player-mv-page .player__range-input::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 0.75rem;
     height: 0.75rem;
     border-radius: 50%;
     background: #fff;
}

.video-player-mv-page .player__range:hover .player__range-input {
     max-width: 100px;
     width: auto;
     overflow: visible;
     visibility: visible;
}

.video-player-mv-page .player__progress {
     height: 5px;
     background: rgba(255, 255, 255, 0.4);
     width: 100%;
     -webkit-transition: height 300ms;
     -o-transition: height 300ms;
     transition: height 300ms;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
     cursor: pointer;
     overflow: visible;
}

.video-player-mv-page .player__progress:before {
     content: '';
     background: var(--color-action);
     width: var(--progressbar-value);
     height: 100%;
     display: block;
     -webkit-transition: width 100ms;
     -o-transition: width 100ms;
     transition: width 100ms;
}

.video-player-mv-page .player__progress:hover {
     height: 10px;
}

@-webkit-keyframes sk-bouncedelay {
     0%, 80%, 100% {
          -webkit-transform: scale(0);
          transform: scale(0);
     }
     40% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes sk-bouncedelay {
     0%, 80%, 100% {
          -webkit-transform: scale(0);
          transform: scale(0);
     }
     40% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

.spinner {
     opacity: 0;
     margin: 100px auto 0;
     width: 70px;
     text-align: center;
}

.video-player-mv-page .spinner > div {
     width: 18px;
     height: 18px;
     background-color: #999;
     border-radius: 100%;
     display: inline-block;
     -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
     animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.video-player-mv-page .spinner .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
}

.video-player-mv-page .spinner .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
}

.card.post-bg.mv-page-post-area {
     padding-top: 3px !important;
}

.card.post-bg.mv-page-post-area .post-info-top-left {
     padding-right: 15px !important;
}

.post-info-top-left.mv-page-top-left-info {
     position: relative;
     width: 100% !important;
}

.card.post-bg.mv-page-post-area .post-dl-box .dl-box-left {
     width: 100% !important;
}

.post-dl-box .father-dl-links-mv-page a {
     max-width: 200px;
     padding: 3px;
     width: 100%;
     text-align: center;
     line-height: 1.8;
     border-radius: 3px;
     background-color: rgba(255, 255, 255, 0.16);
     color: #fff;
     font-size: 11px;
     display: table;
     margin: 7px auto;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
     -o-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
     box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
}

.post-dl-box .father-dl-links-mv-page a:hover {
     -webkit-animation: bg-op-game-up-down 3s infinite;
     animation: bg-op-game-up-down 3s infinite;
}

.post-typical-img:hover .filter-post-index,
.post-typical-img:hover .filter-post-special-index {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
}

.post-typical-img .filter-post-index:hover,
.filter-post-single:hover,
.filter-post-single-mob:hover {
     -webkit-animation: hue-rotate-effect 10s infinite;
     animation: hue-rotate-effect 10s infinite;
}

.simple-single-filter.filter-post-single {
     top: 0 !important;
     right: 0 !important;
     left: unset !important;
}

.box-last-music:hover .filter-post-in-special-music {
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition-delay: 0.5s;
     -o-transition-delay: 0.5s;
     transition-delay: 0.5s;
     opacity: 1;
}

.post-info-top-left.mv-page-top-left-info {margin-top: 0 !important;}

.post-info-top-left.mv-page-top-left-info .father-itemi {
     position: relative !important;
}

.filter-post-in-special-music {
     contain: layout;
     -webkit-transform: translateY(50px);
     -ms-transform: translateY(50px);
     transform: translateY(50px);
     opacity: 0;
     left: 28%;
     right: 28%;
     position: absolute;
     bottom: 10px;
     font-size: 11px;
     padding: 3px;
     width: auto;
     color: #fff;
     background-color: rgba(255, 255, 255, 0.15);
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
}

.filter-post-index {
     -webkit-transform: translateY(50px);
     -ms-transform: translateY(50px);
     transform: translateY(50px);
     opacity: 0;
     position: absolute;
     bottom: 10px;
     right: 10px;
     padding: 5px 8px;
     font-size: 12px;
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
}

.filter-post-single {
     position: absolute;
     top: 10px;
     left: 10px;
     padding: 5px 8px;
     font-size: 12px;
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
}

.filter-post-single.post-list-filter {
     position: absolute;
     top: 29px;
     left: -10px;
     padding: 5px 8px;
     font-size: 12px;
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
     border-radius: 0 5px 5px 0;
     cursor: default;
}

.filter-post-single-mob {
     position: relative;
     top: 10px;
     padding: 5px 8px;
     margin: 3px;
     font-size: 12px;
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
}

.filter-post-index.fl-single-music,
.filter-post-single.fl-single-music,
.filter-post-single-mob.fl-single-music {
     background-color: #4884ee;
     background-image: -webkit-linear-gradient(135deg, #06bcfb 0%, #4884ee 74%);
     background-image: -o-linear-gradient(135deg, #06bcfb 0%, #4884ee 74%);
     background-image: linear-gradient(315deg, #06bcfb 0%, #4884ee 74%);
     -o-box-shadow: 0 1.3pt 7px rgba(63, 117, 211, 0.5);
     -webkit-box-shadow: 0 1.3pt 7px rgba(63, 117, 211, 0.5);
     box-shadow: 0 1.3pt 7px rgba(63, 117, 211, 0.5);
}

.filter-post-index.fl-album,
.filter-post-single.fl-album,
.filter-post-single-mob.fl-album {
     background: #fe8c00; /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #f83600, #fe8c00); /* Chrome 10-25, Safari 5.1-6 */
     background: -webkit-gradient(linear, left top, right top, from(#f83600), to(#fe8c00));
     background: -webkit-linear-gradient(left, #f83600, #fe8c00);
     background: -o-linear-gradient(left, #f83600, #fe8c00);
     background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     -o-box-shadow: 1px 1px 8px rgba(238, 134, 0, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(238, 134, 0, 0.5);
     box-shadow: 1px 1px 8px rgba(238, 134, 0, 0.5);
}

.filter-post-index.fl-remix,
.filter-post-single.fl-remix,
.filter-post-single-mob.fl-remix {
     background-color: #a445b2; /* fallback for old browsers */
     background-image: -o-linear-gradient(315deg, #a445b2 0%, #d41872 52%, #f06 100%);
     background-image: linear-gradient(-225deg, #a445b2 0%, #d41872 52%, #f06 100%);
     -o-box-shadow: 1px 1px 8px rgba(164, 69, 178, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(162, 69, 176, 0.5);
     box-shadow: 1px 1px 8px rgba(164, 69, 178, 0.5);
}

.filter-post-index.fl-music-video,
.filter-post-single.fl-music-video,
.filter-post-single-mob.fl-music-video {
     background-color: #07d2a2;
     background-image: -webkit-linear-gradient(135deg, #07d2a2 0%, #8ecf55 74%);
     background-image: -o-linear-gradient(135deg, #07d2a2 0%, #8ecf55 74%);
     background-image: linear-gradient(315deg, #07d2a2 0%, #8ecf55 74%);
     -o-box-shadow: 1px 1px 8px rgba(7, 192, 145, 0.3);
     -webkit-box-shadow: 1px 1px 8px rgba(7, 192, 145, 0.3);
     box-shadow: 1px 1px 8px rgba(7, 192, 145, 0.3);
}

.filter-post-index.fl-full-album,
.filter-post-single.fl-full-album,
.filter-post-single-mob.fl-full-album {
     background-color: #a4508b;
     background-image: -webkit-linear-gradient(124deg, #a4508b 0%, #5f0a87 74%);
     background-image: -o-linear-gradient(124deg, #a4508b 0%, #5f0a87 74%);
     background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
     -o-box-shadow: 1px 1px 8px rgba(153, 75, 130, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(153, 75, 130, 0.5);
     box-shadow: 1px 1px 8px rgba(153, 75, 130, 0.5);
}

.filter-post-index.fl-simple-post,
.filter-post-single.fl-simple-post,
.filter-post-single-mob.fl-simple-post {
     background-color: #feae96;
     background-image: -webkit-linear-gradient(135deg, #feae96 0%, #fe0944 74%);
     background-image: -o-linear-gradient(135deg, #feae96 0%, #fe0944 74%);
     background-image: linear-gradient(315deg, #feae96 0%, #fe0944 74%);
     -o-box-shadow: 1px 1px 8px rgba(225, 8, 60, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(225, 8, 60, 0.5);
     box-shadow: 1px 1px 8px rgba(225, 8, 60, 0.5);
}

.filter-post-special-index {
     -webkit-transform: translateY(50px);
     -ms-transform: translateY(50px);
     transform: translateY(50px);
     opacity: 0;
     position: absolute;
     bottom: 10px;
     left: 10px;
     padding: 5px 8px;
     font-size: 12px;
     -o-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
     background-color: #ff7932;
     background-image: -webkit-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: -o-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: linear-gradient(315deg, #facf2a 0%, #ff7932 74%);
}

.father-of-post-filter-single-mob {
     display: none;
     margin-right: auto;
     margin-left: auto;
}

.filter-post-special-single {
     position: absolute;
     top: 40px;
     left: 10px;
     padding: 5px 8px;
     font-size: 12px;
     -o-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
     background-color: #ff7932;
     background-image: -webkit-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: -o-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: linear-gradient(315deg, #facf2a 0%, #ff7932 74%);
}

.filter-post-special-single.list-post-special-filter {
     position: absolute;
     top: 55px;
     left: -10px;
     padding: 5px 8px;
     font-size: 12px;
     -o-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
     border-radius: 0 5px 5px 0;
     cursor: default;
     background-color: #ff7932;
     background-image: -webkit-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: -o-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: linear-gradient(315deg, #facf2a 0%, #ff7932 74%);
}

.filter-post-special-single-mob {
     margin: 3px;
     position: relative;
     top: 10px;
     padding: 5px 8px;
     font-size: 12px;
     -o-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     -webkit-box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     box-shadow: 1px 1px 8px rgba(248, 145, 38, 0.5);
     color: #fff;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);border-radius: 5px;
     cursor: default;
     background-color: #ff7932;
     background-image: -webkit-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: -o-linear-gradient(135deg, #facf2a 0%, #ff7932 74%);
     background-image: linear-gradient(315deg, #facf2a 0%, #ff7932 74%);
}

.wrapc {
     position: absolute;
     bottom: 1px;
     width: auto;
     min-width: 33px;
     cursor: pointer;
     /*background-color: #ddd;*/
}

.playButton {
     padding: 10px;
     margin-right: 5px;
}

.post-play-preview {
     position: relative;
     top: 13px;
     display: inline-block;
}

.wrapc svg {
     vertical-align: top;
}

.wrapc .svoefm {
     fill: #333;
}

.hide {
     display: none;
}

.father-of-img-typ {
     overflow: hidden;
     position: relative !important;
}

.last-mv-horiz-slider-area {
     position: relative;
     width: 100%;
     height: auto;
     /*border: 1px solid #ddd;*/
     overflow: hidden;
     border-radius: 0 0 5px 5px;
     margin-bottom: 10px;
     background-color: transparent !important;
}

.last-mv-horiz-slider-area-title {
     border-radius: 5px 5px 0 0;
     position: relative;
     display: table;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     color: #fff;
     background-color: #aaa;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     max-width: 300px;
}

.father-info-header-smv {
     display: block;
     padding: 10px;
     position: relative;
}

.last-mv-horiz-slider-area-title span {
     color: #fff;
     text-align: right;
     display: inline-block;
     font-size: 14px;
     position: relative;
     right: 0;
}

.last-mv-horiz-slider-area-title i {
     position: absolute;
     top: 7px;
     left: 10px;
     display: inline-block;
     font-size: 22px;
     color: #fff;
}

.mv-horiz-slider {
     background-color: transparent !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}

.mv-horiz-slider ul {
     margin: 0 !important;
     width: 100%;
     max-width: 300px;
     display: table;
     margin-right: auto;
     margin-left: auto;
     -webkit-transition: unset;
     -o-transition: unset;
     transition: unset;
}

.mvh-item {
     border-radius: 0 0 5px 5px;
     overflow: hidden !important;
     position: relative;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.mvh-item-img img {
     width: 100%;
}

.mvh-item-info {
     -webkit-transform: translateY(36px);
     -ms-transform: translateY(36px);
     transform: translateY(36px);
     position: absolute;
     bottom: 0 !important;
     width: 100%;
     padding-top: 40px;
     padding-bottom: 8px;
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.mvh-item:hover .mvh-item-info {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
}

.mvh-item-link {
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
}

.mvh-item-smpl-icn a.mvh-item-link {
     position: unset !important;
     display: inline !important;
}

.mvh-item-smpl-icn {
     -webkit-transform: translateY(-40px);
     -ms-transform: translateY(-40px);
     transform: translateY(-40px);
     text-align: center;
     position: absolute;
     top: 0;
     width: 100%;
     padding-top: 15px;
     padding-bottom: 30px;
     opacity: 0;
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.mvh-item:hover .mvh-item-smpl-icn {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     opacity: 1;
}

.mvh-item-info h4,
.mvh-item-info h6,
.mvh-item-info span {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
     text-align: center;
     color: #fff !important;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5)
}

.mvh-item-info span {
     padding: 10px 0;
     font-size: 12px !important;
}

.smpl-icn-items {
     padding: 5px 15px;
     display: inline-block;
}

.smpl-icn-items i,
.smpl-icn-items span,
.smpl-icn-items a {
     color: #fff !important;
     font-size: 15px;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.45)
}

.mvh-item-info:hover, .mvh-item-smpl-icn:hover {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
}

.alert-slider-area.alert-dismissible {
     margin-top: 16px !important;
     position: relative !important;
     padding: 15px 15px 15px 40px !important;
     font-size: 12px !important;
     text-align: right !important;
     line-height: 1.8 !important;
}

.alert-slider-area.alert-dismissible span {
     width: auto;
     display: inline-block;
}

.alert-slider-area.alert-dismissible button.close {
     padding: 20px !important;
     left: 0 !important;
     top: 0 !important;
}

#categories_block_left li.last a {
     border: none
}

#categories_block_top .sf-menu > li > ul > .category_thumb {
     display: block;
     clear: both;
     overflow: hidden;
     width: 100%
}

#categories_block_top .sf-menu > li > ul > .category_thumb img {
     display: inline-block;
     width: 33%
}

#categories_block_top .sf-menu > li h4 a {
     font-size: 1.1em
}

#categories_block_top .sf-menu > li h4 a:before {
     display: none
}

#categories_block_top .sf-menu > li .main-level-submenus {
     position: relative;
     display: block !important;
     visibility: visible !important;
     top: 0;
     background: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     padding: 0;
     right: 0
}

#categories_block_top .sf-menu .category_thumb {
     display: none
}

#categories_block_left li {
     position: relative;
     background: none;
     border: none;
     padding-right: 0;
     margin-right: 0
}

#categories_block_left li a, .informations_block_left li a {
     color: #333;
     display: block;
     font-size: 12px;
     line-height: 30px;
     padding: 0 19px 0 30px;
}

#categories_block_left li a {
     padding-right: 35px;
}

#categories_block_left ul li:before {
     padding-right: 5px;
     font-family: "Simple-Line-Icons";
     content: "\e061";
     position: absolute;
     right: 7px;
     top: 11px;
     font-size: 15px;
}

#categories_block_left ul li li:before {
     content: '';
}

#categories_block_left ul.children a {
     padding-right: 20px !important;
}

#categories_block_left ul li ul li ul {
     padding-right: 10px;
}

#categories_block_left,
#categories_block_left ul,
#categories_block_left ul li {
     -webkit-transition: unset !important;
     -o-transition: unset !important;
     transition: unset !important;
}

.notif-top-view {
     display: block;
     text-align: center;
     width: 100%;
     color: #fff;
     padding: 30px 15px;
     line-height: 1.8;
}

.notif-dark {
     display: block;
     text-align: center;
     width: 100%;
     color: #555;
     padding: 30px 15px;
     line-height: 1.8;
}

#categories_block_left li span.grower {
     display: block;
     position: absolute;
     left: -3px;
     top: -2px;
     cursor: pointer;
     font-family: "Simple-Line-Icons";
     font-size: 18px;
     padding: 5px;
}

#categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {
     content: "\e078";
     display: block;
     vertical-align: middle;
     width: 25px;
     height: 25px;
     color: #333;
     line-height: 30px;
     text-align: center
}

#categories_block_left li span.grower.CLOSE:before {
     content: "\e07b";
     color: silver
}

#categories_block_left li li a {
     font-weight: normal;
     color: #555
}

#categories_block_left li {
     padding-top: 3px !important;
     padding-bottom: 3px !important;
}

#categories_block_left li li a:before {
     content: "\e062";
     font-family: "Simple-Line-Icons";
     line-height: 29px;
     padding-left: 8px;
     position: relative;
     top: 3px;
}

div.tree_top {
     padding-right: 24px;
     padding-bottom: 5px;
     padding-top: 3px
}

ul.tree, ul.tree ul {
     list-style-type: none
}

ul.tree li {
     padding-right: 1.2em;
     border-right: 1px gray dotted;
     margin-right: 1em
}

ul.tree a {
     padding-right: 0.2em
}

ul.tree a.selected {
     font-weight: bold
}

ul.tree li.last {
     border: none
}

span.grower {
     cursor: pointer
}

.post-body .has-large-font-size {
     font-size: 36px !important;
}

.post-body .has-huge-font-size {
     font-size: 48px !important;
}

.post-body .has-medium-font-size {
     font-size: 20px !important;
}

.post-body .has-small-font-size {
     font-size: 10px !important;
}

.tab-select-info p {padding-right: 3px !important;}

.list-item-index-post {
     min-height: 165px;
     position: relative !important;
     background: #fff;
     padding: 10px 10px 12px 10px;
     border-radius: 0.25rem;
     margin-bottom: 15px;
     border: 1px solid #ddd;
     overflow: hidden !important;
}

.info-simple-post-area.list-post-simple-info .post-list-info-in-mob {
     display: none;
}

.info-simple-post-area.list-post-simple-info > ul {
     padding-top: 15px;
     padding-right: 10px !important;
     width: auto !important;
     display: table !important;
     margin-right: auto !important;
     margin-left: auto !important;
     float: none !important;
}

.father-header-items-list-post {
     position: relative;
     width: 100%;
     display: block;
     border-bottom: 1px solid #eee;
     float: right;
     clear: both;
     margin-bottom: 10px;
}

.title-list-post {
     width: 65%;
     float: right;
     margin-right: 26px;
}

.list-post-index .post-play-preview {
     position: absolute !important;
     bottom: 2px !important;
     right: 0 !important;
}

.list-post-index .wrapc {
     right: -15px !important;
}

.title-post-date {
     width: 28%;
     float: left;
     font-size: 12px;
     color: #666;
     line-height: 1.8;
     text-align: left;
}

.title-post-date span {
     margin-left: 3px;
     display: inline-block;
     font-size: 10px;
     color: #666;
     line-height: 1.8;
     text-align: left;
}

.title-post-date i {
     display: inline-block;
     font-size: 12px;
     color: #999;
     line-height: 1.8;
     text-align: left;
     position: relative;
     top: 2px;
}

.title-post-date i {
     text-align: left;
}

.title-list-post a.list-post-h2 h2 {
     font-size: 14px !important;
     color: #333 !important;
     line-height: 1.8 !important;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.post-list-thumb {
     position: relative;
     margin-top: 15px;
}

.post-list-thumb img {
     display: table;
     margin-right: auto;
     margin-left: auto;
     border-radius: 5px;
     max-width: 100%;
     max-height: 350px;
}

.main-content-post-list-index img.bh-long {margin-bottom: 15px;}

.main-content-post-list-index {
     margin-top: 10px;
     width: 100%;
     line-height: 2;
     font-size: 12px;
}

.main-content-post-list-index p {
     text-align: center !important;
}

.main-content-post-list-index img {
     display: table;
     margin-right: auto;
     margin-left: auto;
     border-radius: 5px;
     max-width: 100%;
     max-height: 350px;
}

.list-post-date-in-mob {
     display: table;
     margin-left: auto;
     margin-right: auto;
}

.list-post-date-in-mob i {
     font-size: 14px;
     display: inline-block;
     color: #aaa;
}

.list-post-date-in-mob span {
     font-size: 13px;
     display: inline-block;
     color: #aaa;
}

.ul-post-list-info-mob {
     display: table !important;
     margin-left: auto !important;
     margin-right: auto !important;
     margin-top: 11px !important;
     margin-bottom: 0.2em !important;
}

.post-list-info-in-wall {display: none;}

.post-list-info-in-wall .ul-post-list-info-mob {
     position: absolute !important;
     right: 5px !important;
     bottom: 5px !important;
     float: right !important;
}

.post-list-info-in-wall .ul-post-list-info-mob li {
     float: right !important;
}

.post-list-info-in-wall a.btn-gradient {
     position: absolute !important;
     left: 10px !important;
     bottom: 10px !important;
     float: left !important;
}

img.emoji {font-size: 13px !important;}

.father-of-post-filter-single-mob span {
     position: relative !important;
     z-index: 999 !important;
}

.father-of-post-filter-single-mob {
     position: relative !important;
     z-index: 999 !important;
}

.cat-primary-image-bg {
     background-color: #666;
     width: 100%;
     overflow: hidden;
     height: 240px;
     border-radius: 3px !important;
}

.cat-primary-image-bg img {
     width: 100%;
     height: 150%;
     transform: scale(2);
     filter: blur(18px) brightness(55%);
     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
}

.cat-profile-page-area {
     overflow: hidden !important;
     position: relative;
}

.cat-profile-page-area .cat-primary-image-bg {
     position: absolute;
     top: 0;
     right: 0;
}

.father-cat-pi {
     height: 240px;
     width: 100%;
     position: relative;
     right: 0;
     top: 0;
}

.father-cat-pi .cat-pi-right {
     width: 40%;
     height: 100%;
     float: right;
     position: relative;
}

.father-cat-pi .cat-pi-right img {
     width: 150px;
     height: 150px;
     border-radius: 250px;
     padding: 3px;
     border: 1px dashed #fff;
     position: absolute;
     top: 20%;
     bottom: 20%;
     right: 20%;
     left: 20%;
}

.father-cat-pi .cat-pi-left {
     width: 60%;
     height: 100%;
     float: right;
     padding: 30px 0 20px 25px;
}

.father-cat-pi .cat-pi-left h2 {
     font-size: 24px;
     color: #fff;
     text-align: right;
     -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     line-height: 2.2;
     margin-bottom: 3px !important;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.father-cat-pi .cat-pi-left p {
     font-size: 12px;
     color: #fff;
     line-height: 1.7;
     text-align: justify;
     overflow: hidden;
     float: right;
     height: 145px !important;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.cat-profile-page-area #share-btn-category-page.share-icon button.btn {
     position: absolute;
     right: 10px;
     top: 10px;
     background-color: rgba(255, 255, 255, 0.22) !important;
     border-radius: 50px !important;
     border: none !important;
     color: #fff !important;
     width: 30px !important;
     height: 30px !important;
}

.cat-profile-page-area #share-btn-category-page.share-icon button.btn:focus {
     background-color: rgba(255, 255, 255, 0.44) !important;
}

.cat-profile-page-area #share-btn-category-page.share-icon button.btn i {
     font-size: 13px !important;
     position: absolute !important;
     right: 9px !important;
     top: 9px !important;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

#cat-page-items .item-related-left span {
     left: 10px !important;
}

#cat-page-items .item-related {
     padding-left: 5px;
     margin-bottom: 4px !important;
     -o-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
     -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
     box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
}

#cat-page-items .item-related a {
     background-color: #fff;
}

#cat-page-items .item-related:hover a {
     background-color: #f9f9f9;
}

.childs-this-cat-area {
     display: block;
     width: 100%;
     float: right;
}

.childs-this-cat-area ul li {
     float: right;
}

.childs-this-cat-area ul li a {
     -o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
     font-size: 11px !important;border-radius: 50px;
     color: #fff;
     padding: 3px 10px;
     margin: 3px;
     line-height: 2.6;
     background-color: #999;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.childs-this-cat-area ul li a:hover {
     opacity: 0.6;
}

.col-sm-12.childs-this-cat-area {
     margin-top: 15px !important;
     padding-right: 5px !important;
     padding-left: 5px !important;
}

@-webkit-keyframes traslate-right-left {
     0% {
          -webkit-filter: brightness(50%) blur(14px) hue-rotate(0);
          filter: brightness(50%) blur(14px) hue-rotate(0);
     }

     25% {
          -webkit-filter: brightness(40%) blur(14px) hue-rotate(75deg);
          filter: brightness(40%) blur(14px) hue-rotate(75deg);
     }

     50% {
          -webkit-filter: brightness(50%) blur(14px) hue-rotate(-75deg);
          filter: brightness(50%) blur(14px) hue-rotate(-75deg);
     }

     75% {
          -webkit-filter: brightness(40%) blur(14px) hue-rotate(75deg);
          filter: brightness(40%) blur(14px) hue-rotate(75deg);
     }

     100% {
          -webkit-filter: brightness(50%) blur(14px) hue-rotate(0);
          filter: brightness(50%) blur(14px) hue-rotate(0);
     }

}

@keyframes traslate-right-left {
     0% {
          -webkit-filter: brightness(50%) blur(20px) hue-rotate(0);
          filter: brightness(50%) blur(20px) hue-rotate(0);
     }

     25% {
          -webkit-filter: brightness(55%) blur(20px) hue-rotate(45deg);
          filter: brightness(55%) blur(20px) hue-rotate(45deg);
     }

     50% {
          -webkit-filter: brightness(45%) blur(20px) hue-rotate(-45deg);
          filter: brightness(45%) blur(20px) hue-rotate(-45deg);
     }

     75% {
          -webkit-filter: brightness(50%) blur(20px) hue-rotate(45deg);
          filter: brightness(50%) blur(20px) hue-rotate(45deg);
     }

     100% {
          -webkit-filter: brightness(50%) blur(20px) hue-rotate(0);
          filter: brightness(50%) blur(20px) hue-rotate(0);
     }

}

#share-btn-category-page .modal-header .close.btn.btn-outline-light {
     display: none !important;
}

.body-song-text-area p {
     line-height: 2 !important;
     margin-bottom: 1px !important;
}

.header-searchbox {
     z-index: 1002 !important;
}

#datafetch.header-ajax-data-show-area {
     will-change: opacity;
     contain: layout;
     overflow: hidden;
     position: absolute;
     top: 100px;
     left: 20px;
     background-color: #fff;
     border-radius: 0 0 5px 5px;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.1);
     width: 75% !important;
}

#datafetch.header-ajax-data-show-area ul .item-related {
     border-radius: 0 !important;
     margin: 0 !important;
}

#datafetch.header-ajax-data-show-area ul .item-related.last-show-more-search-result {
     font-size: 14px !important;
     text-align: center;
     padding: 17px 0 !important;
     width: 100%;
}

#datafetch.header-ajax-data-show-area ul .item-related.last-show-more-search-result a {
     color: #777 !important;
}

#datafetch.header-ajax-data-show-area ul .item-related.last-show-more-search-result:hover a {
     color: #222 !important;
}

.post-typical-img:hover .pr-img {
     box-shadow: inset 0 0 45px rgba(0, 0, 0, 0.85) !important;
}

.null-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.4s !important;
     -o-transition: all 0.4s !important;
     transition: all 0.4s !important;
     -webkit-filter: brightness(93%);
     filter: brightness(93%);
}

.null-effect .music-info {
     display: none !important;
}

.simple-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.35s !important;
     -o-transition: all 0.35s !important;
     transition: all 0.35s !important;
     -webkit-filter: blur(9px) brightness(60%);
     filter: blur(9px) brightness(60%);
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     box-shadow: inset 5px 5px 25px #000;
}

.zoom-in-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
     -webkit-filter: blur(10px) brightness(55%);
     filter: blur(10px) brightness(55%);
     -webkit-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25);
}

.zoom-in-rotate-right-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
     -webkit-filter: blur(10px) brightness(55%);
     filter: blur(10px) brightness(55%);
     -webkit-transform: scale(1.25) rotate(6deg);
     -ms-transform: scale(1.25) rotate(6deg);
     transform: scale(1.25) rotate(6deg);
}

.zoom-in-rotate-left-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.5s !important;
     -o-transition: all 0.5s !important;
     transition: all 0.5s !important;
     -webkit-filter: blur(10px) brightness(55%);
     filter: blur(10px) brightness(55%);
     -webkit-transform: scale(1.25) rotate(-6deg);
     -ms-transform: scale(1.25) rotate(-6deg);
     transform: scale(1.25) rotate(-6deg);
}

.spin-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.45s !important;
     -o-transition: all 0.45s !important;
     transition: all 0.45s !important;
     -webkit-filter: blur(10px) brightness(55%);
     filter: blur(10px) brightness(55%);
     -webkit-transform: scale(1.4) rotate(360deg);
     -ms-transform: scale(1.4) rotate(360deg);
     transform: scale(1.4) rotate(360deg);
}

.gray-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.45s !important;
     -o-transition: all 0.45s !important;
     transition: all 0.45s !important;
     -webkit-filter: blur(10px) brightness(55%) grayscale(100%);
     filter: blur(10px) brightness(55%) grayscale(100%);
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
}

.dark-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.4s !important;
     -o-transition: all 0.4s !important;
     transition: all 0.4s !important;
     -webkit-filter: brightness(18%);
     filter: brightness(18%);
}

.hue-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.45s !important;
     -o-transition: all 0.45s !important;
     transition: all 0.45s !important;
     -webkit-filter: blur(20px) brightness(55%) hue-rotate(-60deg);
     filter: blur(20px) brightness(55%) hue-rotate(-60deg);
     -webkit-transform: scale(1.12);
     -ms-transform: scale(1.12);
     transform: scale(1.12);
}

.burn-effect.post-typical-img:hover .pr-img img {
     -webkit-transition: all 0.45s !important;
     -o-transition: all 0.45s !important;
     transition: all 0.45s !important;
     -webkit-filter: blur(10px) brightness(55%) contrast(180%);
     filter: blur(10px) brightness(55%) contrast(180%);
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
}

.sidebar-box-body .textwidget {
     font-size: 14px;
     line-height: 1.9;
}

.list-item-index-post.span-in-effect-list-mode .father-of-post-filter-single-ws.list-post-filter-father span {
     opacity: 0 !important;
     transform: translateX(-100px) !important;
     transition: cubic-bezier(.34, -0.31, .45, 1.84) 0.4s !important;
}

.list-item-index-post.span-in-effect-list-mode:hover .father-of-post-filter-single-ws.list-post-filter-father span:first-child {
     transition: cubic-bezier(.34, -0.31, .45, 1.84) 0.5s !important;
     opacity: 1 !important;
     transform: translateX(0px) !important;
}

.list-item-index-post.span-in-effect-list-mode:hover .father-of-post-filter-single-ws.list-post-filter-father span.filter-post-special-single.list-post-special-filter {
     transition: cubic-bezier(.34, -0.31, .45, 1.84) 0.5s !important;
     transition-delay: 0.35s !important;
     opacity: 1 !important;
     transform: translateX(0px) !important;
}

.any-widget-header-area a,
.any-widget-header-area p,
.any-widget-header-area span {
     padding: 3px 8px !important;
     color: #333 !important;
     font-size: 13px !important;
     line-height: 1.8 !important;
}

.sib-special-post-circle.box-l {
     z-index: 3;
     overflow: hidden !important;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}

.sib-special-post-circle.box-l .on-hover-last {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}

.sib-special-post-circle.box-l .on-hover-last-title span.filter-post-in-special-music.bh-long {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     bottom: 1px !important;
     padding-bottom: 7px !important;
}

.sib-special-post-circle.box-l:hover {
     overflow: hidden !important;
     -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
     border-radius: 50% !important;
}

/*just for chrome bug*/
.sib-special-post-circle.box-l .box-last-pic {
     transition: filter ease 0s !important;
}

.sib-special-post-circle.box-l:hover .box-last-pic {
     transition: filter ease 0s !important;
}

/*just for chrome bug*/

.sib-special-post-flower-right.box-l {
     z-index: 3 !important;
     overflow: hidden !important;
     -webkit-border-radius: 0 20px 0 20px;
     -moz-border-radius: 0 20px 0 20px;
     border-radius: 0 20px 0 20px;
}

/*just for chrome bug*/
.sib-special-post-flower-right.box-l .box-last-pic {
     transition: filter ease 0s !important;
}

.sib-special-post-flower-right.box-l:hover .box-last-pic {
     transition: filter ease 0s !important;
}

/*just for chrome bug*/

.sib-special-post-flower-left.box-l {
     z-index: 3 !important;
     overflow: hidden !important;
     -webkit-border-radius: 20px 0 20px 0;
     -moz-border-radius: 20px 0 20px 0;
     border-radius: 20px 0 20px 0;
}

/*just for chrome bug*/
.sib-special-post-flower-left.box-l .box-last-pic {
     transition: filter ease 0s !important;
}

.sib-special-post-flower-left.box-l:hover .box-last-pic {
     transition: filter ease 0s !important;
}

/*just for chrome bug*/

.sib-special-post-rect-rounded.box-l {
     z-index: 3 !important;
     overflow: hidden !important;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
}

.sib-special-post-rect-rounded.box-l .on-hover-last {
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
}

/*just for chrome bug*/
.sib-special-post-rect-rounded.box-l .box-last-pic {
     transition: filter ease 0s !important;
}

.sib-special-post-rect-rounded.box-l:hover .box-last-pic {
     transition: filter ease 0s !important;
}

/*just for chrome bug*/

#special-post-father-area .col-md-2.col-sm-4.col-xs-6.box-last-music {
     -webkit-border-radius: 15px !important;
     -moz-border-radius: 15px !important;
     border-radius: 15px !important;
}

.sib-special-post-triangle.box-l {
     overflow: hidden !important;
     border-radius: 100% 50% 50% 100% / 75% 69% 69% 75%;
}

.sib-special-post-triangle.box-l .on-hover-last {
     border-radius: 100% 50% 50% 100% / 75% 69% 69% 75%;
}

.sib-special-post-triangle.box-l .on-hover-last-title span.filter-post-in-special-music.bh-long {
     bottom: 3px !important;
     transform: rotate(15deg) !important;
     padding-bottom: 6px !important;
}

.sib-special-post-custom-fantasy.box-l {
     overflow: hidden !important;
     border-radius: 43% 57% 40% 60% / 61% 33% 67% 39%
}

.sib-special-post-custom-fantasy.box-l .on-hover-last {
     border-radius: 43% 57% 40% 60% / 61% 33% 67% 39%;
}

.sib-special-post-custom-fantasy.box-l .on-hover-last-title span.filter-post-in-special-music.bh-long {
     bottom: 18px !important;
}

.sib-special-post-custom-pillow.box-l {
     overflow: hidden !important;
     border-radius: 86% 14% 88% 12% / 12% 87% 13% 88%;
}

.sib-special-post-custom-pillow.box-l .on-hover-last {
     border-radius: 86% 14% 88% 12% / 12% 87% 13% 88%;
}

.sib-special-post-text-effect-1.box-last-music:hover .box-l .on-hover-last-singer {
     -webkit-transition-delay: 0.6s !important;
     -o-transition-delay: 0.6s !important;
     transition-delay: 0.6s !important;
}

.sib-special-post-text-effect-1.box-last-music:hover .box-l .on-hover-ps {
     transition-duration: 0.65s !important;
     transition-timing-function: cubic-bezier(.34, -0.31, .45, 1.84);
}

.sib-special-post-text-effect-2.box-last-music:hover .box-l .on-hover-last-singer {
     -webkit-transition-delay: 0.6s !important;
     -o-transition-delay: 0.6s !important;
     transition-delay: 0.6s !important;
}

.sib-special-post-text-effect-2.box-last-music:hover .box-l .on-hover-ps {
     transition-duration: 0.65s !important;
     transition-timing-function: cubic-bezier(.32, -0.7, .92, -0.54);
}

.sib-special-post-text-effect-3 .box-l .on-hover-last-singer {
     transform: translate(0) !important;
}

.sib-special-post-text-effect-3 .box-l .on-hover-ps {
     -webkit-transform: scale(1) !important;
     -ms-transform: scale(1) !important;
     transform: scale(1) !important;
     filter: alpha(0);
     -moz-opacity: 0;
     opacity: 0;
}

.sib-special-post-text-effect-3 .filter-post-in-special-music {
     transform: translate(0) !important;
}

.sib-special-post-text-effect-4.box-last-music .box-l .on-hover-last {
     opacity: 0 !important;
     -webkit-transform: scale(1) !important;
     -ms-transform: scale(1) !important;
     transform: scale(1) !important;
}

.sib-special-post-text-effect-4.box-last-music:hover .box-l .on-hover-last {
     opacity: 1 !important;
}

.sib-special-post-bg-effect-1.box-last-music .box-l .on-hover-last {
     background-color: rgba(0, 0, 0, 0) !important;
     -webkit-box-shadow: unset !important;
}

.sib-special-post-bg-effect-1.box-last-music:hover .box-last-pic {
     -webkit-filter: blur(7px) hue-rotate(-20deg) brightness(90%) !important;
     filter: blur(7px) hue-rotate(-20deg) brightness(90%) !important;
     -webkit-transition: ease-in-out all 1.1s;
     -o-transition: ease-in-out all 1.1s;
     transition: ease-in-out all 1.1s;
}

.sib-special-post-bg-effect-2.box-last-music .box-l .on-hover-last {
     background-color: rgba(0, 0, 0, 0) !important;
     -webkit-box-shadow: unset !important;
}

.sib-special-post-bg-effect-2.box-last-music:hover .box-last-pic {
     -webkit-filter: blur(7px) hue-rotate(-65deg) !important;
     filter: blur(7px) hue-rotate(-65deg) !important;
     -webkit-transition: ease-in-out all 1.1s;
     -o-transition: ease-in-out all 1.1s;
     transition: ease-in-out all 1.1s;
}

.sib-special-post-bg-effect-3.box-last-music .box-l .on-hover-last {
     background-color: rgba(0, 0, 0, 0) !important;
     -webkit-box-shadow: unset !important;
}

.sib-special-post-bg-effect-3.box-last-music:hover .box-last-pic {
     -webkit-filter: blur(7px) brightness(80%) hue-rotate(0deg) grayscale(100%) !important;
     filter: blur(7px) brightness(80%) hue-rotate(0deg) grayscale(100%) !important;
     -webkit-transition: ease-in-out all 1.1s;
     -o-transition: ease-in-out all 1.1s;
     transition: ease-in-out all 1.1s;
}

@keyframes opacity-game-effect {
     0% {
          opacity: 0;
     }
     25% {
          opacity: 0.5;
     }
     45% {
          opacity: 0;
     }
     50% {
          opacity: 1;
     }
     75% {
          opacity: 0.4;
     }
     80% {
          opacity: 0;
     }
     90% {
          opacity: 0.8;
     }
     98% {
          opacity: 0.1;
     }
     100% {
          opacity: 1;
     }
}

/*--------------------- player ---------------------*/
audio#player-fixed-bottom {
     width: 100% !important;
     position: fixed !important;
     bottom: 0 !important;
     right: 0 !important;
     z-index: 999 !important;
}

footer.container-fluid.footer {
     position: relative !important;
     z-index: 1000 !important;
}

.player-fixed-bottom.green-audio-player {
     visibility: hidden;
     display: flex !important;
     direction: ltr !important;
     box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
     -o-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
     padding: 30px 24px !important;
     position: fixed !important;
     bottom: 0 !important;
     right: 0 !important;
     z-index: 100 !important;
     width: 100% !important;
     -webkit-border-radius: 25px 25px 0 0 !important;
     -moz-border-radius: 25px 25px 0 0 !important;
     border-radius: 25px 25px 0 0 !important;
}

.btn-close-player-fixed:hover {
     color: #f26d5e;
     transform: scaleY(1.1);
     transform-origin: bottom;
}

.btn-close-player-fixed i {
     position: absolute !important;
     top: 3px !important;
     left: 8px !important;
}

.wrapc.start.player-single-page-fixed {
     width: 50px !important;
     height: 45px !important;
}

.wrapc.start.player-single-page-fixed .playButton.svoefm .pause {
     font-size: 17px !important;
     position: absolute !important;
     left: 3px !important;
}

.wrapc.start.player-single-page-fixed .playButton.svoefm {
     position: absolute !important;
     top: 3px !important;
     right: 12px !important;
}

.btn-close-player-fixed {
     width: 30px !important;
     height: 30px !important;
     transition: all ease 0.35s;
     color: #999;
     background: #fff !important;
     position: absolute !important;
     top: -26px !important;
     left: 0 !important;
     border-top: 1px solid #e7e7e7 !important;
     border-left: 1px solid #e7e7e7 !important;
     border-right: 1px solid #e7e7e7 !important;
     border-bottom: none !important;
     -webkit-border-radius: 5px 5px 0 0 !important;
     -moz-border-radius: 5px 5px 0 0 !important;
     border-radius: 5px 5px 0 0 !important;
     font-size: 18px !important;
}

.volume__button svg {
     width: 20px !important;
}

.play-pause-btn svg {
     width: 15px !important;
}

@-webkit-keyframes spin {
     0% {transform: rotate(-360deg)}
     25% {transform: rotate(360deg)}
     50% {transform: rotate(-180deg)}
     75% {transform: rotate(180deg)}
     100% {transform: rotate(-360deg)}
}

.green-audio-player {
     width: 400px;
     min-width: 300px;
     height: 56px;
     -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07);
     box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 24px;
     padding-right: 24px;
     border-radius: 4px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: #fff
}

.green-audio-player img,
.green-audio-player svg {
     display: block
}

.green-audio-player .play-pause-btn {
     display: none !important;
     cursor: pointer
}

.green-audio-player .loading .loading__spinner {
     width: 16px;
     height: 16px;
     border: 2px solid #b0b0b0;
     border-right-color: transparent;
     border-radius: 50%;
     -webkit-animation: spin 5s cubic-bezier(.6, -0.7, .6, 1.85) infinite;
     animation: spin 5s cubic-bezier(.6, -0.7, .6, 1.85) infinite
}

.green-audio-player .slider {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     background-color: #d8d8d8;
     cursor: pointer;
     position: relative
}

.green-audio-player .slider .gap-progress {
     background-color: #aaa;
     border-radius: inherit;
     position: absolute;
     pointer-events: none
}

.green-audio-player .slider .gap-progress .pin {
     height: 14px;
     width: 14px;
     border-radius: 8px;
     background-color: #aaa;
     position: absolute;
     pointer-events: all;
     -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .32);
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .32)
}

.green-audio-player .slider .gap-progress .pin:after {
     content: "";
     display: block;
     background: transparent;
     width: 200%;
     height: 200%;
     margin-left: -50%;
     margin-top: -50%;
     border-radius: 50%
}

.green-audio-player .controls {
     font-family: Roboto, sans-serif;
     font-size: 16px;
     line-height: 18px;
     color: #55606e;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-left: 0;
     margin-right: 24px
}

.green-audio-player .controls .controls__slider {
     margin-left: 16px;
     margin-right: 16px;
     border-radius: 2px;
     height: 4px
}

.green-audio-player .controls .controls__slider .controls__progress {
     width: 0;
     height: 100%
}

.green-audio-player .controls .controls__slider .controls__progress .progress__pin {
     right: -8px;
     top: -5px
}

.green-audio-player .controls span {
     cursor: default
}

.player-fixed-bottom.green-audio-player:hover .pin.progress__pin {
     transition: all ease 0.2s;
     transform: translateX(2px) scale(1.15) !important;
}

.green-audio-player .volume {
     position: relative
}

.green-audio-player .volume .volume__button {
     cursor: pointer
}

.green-audio-player .volume .volume__button.open path {
     fill: #aaa
}

.green-audio-player .volume .volume__controls {
     width: 27px;
     height: 100px;
     background-color: rgba(255, 255, 255, 0.9);
     border-radius: 3px;
     position: absolute;
     left: -3px;
     bottom: 52px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     z-index: 2
}

.green-audio-player .volume .volume__controls.hidden {}

.green-audio-player .volume .volume__controls.top {
     bottom: 52px;
     left: -3px
}

.green-audio-player .volume .volume__controls.middle {
     bottom: -54px;
     left: 54px
}

.green-audio-player .volume .volume__controls.bottom {
     left: -3px
}

.green-audio-player .volume .volume__controls .volume__slider {
     margin-top: 12px;
     margin-bottom: 12px;
     width: 6px;
     border-radius: 3px
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress {
     bottom: 0;
     height: 100%;
     width: 6px
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
     left: -4px;
     top: -2px
}

.volume__controls:not(.hidden) {
     animation: fade-in-down-up-effect 0.3s !important;
}

.volume__controls {
     will-change: visibility;
     contain: layout;
}

.volume__controls.hidden {
     transition: all ease 0.25s;
     transition-delay: 0.25s;
     visibility: hidden !important;
     animation: fade-out-up-down-effect cubic-bezier(.6, -0.7, .6, 1.85) 0.7s !important;
}

.player-fixed-bottom.green-audio-player.close-player-plz {
     transition: all ease 0.15s;
     transition-delay: 0.15s;
     visibility: hidden !important;
     animation: fade-out-up-down-effect cubic-bezier(.6, -0.7, .6, 1.85) 0.5s !important;
}

.player-fixed-bottom.green-audio-player.show-player-plz {
     opacity: 1;
     transition: all ease 0.1s;
     transition-delay: 0.1s;
     visibility: visible !important;
     animation: fade-in-down-up-effect 0.3s !important;
}

.btn-close-player-fixed {
     transition: all ease 0.15s;
     transition-delay: 0.15s;
     visibility: hidden;
     display: flex !important;
}

.player-fixed-bottom.green-audio-player {
     opacity: 0;
     transition: all ease-in 0.15s;
     will-change: visibility;
     contain: layout;
}

.player-fixed-bottom.green-audio-player:hover {
     transition: all ease-in 0.15s;
}

.controls .controls__current-time {
     margin-left: 12px !important;
}

@keyframes fade-in-down-up-effect {
     0% {
          transform: translateY(30px);
          opacity: 0;
     }
     100% {
          transform: translateY(0);
          opacity: 1;
     }

}

@keyframes fade-out-up-down-effect {
     0% {
          transform: translateY(0);
          opacity: 1;
     }
     100% {
          transform: translateY(30px);
          opacity: 0;
     }

}

.post-play-preview .wrapc {
     min-width: unset !important;
}

.post-play-preview .wrapc .playButton {
     padding: 0 !important;
}

.post-play-preview .wrapc .playButton .play,
.post-play-preview .wrapc .playButton .pause {
     padding: 12px !important;
     width: 40px !important;
}

.size-tooltip {
     clip-path: circle(45% at bottom);
     transform: translateY(10px) scale(0.9);
     position: absolute;
     top: -34px;
     right: 20%;
     left: 20%;
     padding: 5px 10px;
     border-radius: 5px;
     background-color: rgba(0, 0, 0, 0.7);
     contain: layout;
     will-change: visibility;
     opacity: 0;
     visibility: hidden;
     transition: all 0.2s ease !important;
}

.size-tooltip:after {
     width: 20px;
     height: 20px;
     bottom: -10px;
     content: 'tooltip';
     color: transparent;
     position: absolute;
     right: 35%;
     left: 35%;
     top: 26px;
     background-repeat: no-repeat;
     background-size: 11px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-10px);
     transition-delay: 0.2s !important;
}

.dl-box-right a {
     position: relative;
}

.dl-box-right a:hover .size-tooltip:after {
     transform: translateY(0) scale(1);
     visibility: visible;
     opacity: 0.6;
     transition: 0.4s;
}

.dl-box-right a:hover .size-tooltip {
     clip-path: circle(85% at bottom);
     transition: all 0.4s cubic-bezier(.6, -0.7, .6, 1.85) !important;
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.dl-box-ver2 .dl-box-right a {
     max-width: 230px !important;
}

.dl-box-ver2 .size-tooltip {
     right: 27%;
     left: 27%;
}

.dl-box-ver2 .size-tooltip:after {
     right: 34%;
     left: 34%;
}

.video-player-mv-page .player.is-paused video {
     max-height: 400px !important;
}

.video-player-mv-page input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 12px;
     height: 12px;
     background: #ccc;
     cursor: pointer;
}

.any-under-post-widget {
     width: 100%;
     font-size: 14px;
}

.any-under-post-widget p,
.any-under-post-widget a {
     line-height: 2;
     color: #666;
     font-size: 14px;
     padding: 3px;
     display: inline-block;
}

.site-logo img[alt] {
     font-size: 25px !important;
     color: #333 !important;
}

.play-pause {
     border-radius: 100px !important;
}

body#darkBlue-parent-theme {
     background-color: #03151b;
}

body#darkBlue-parent-theme .site-header {
     -webkit-box-shadow: 0 0 5px #063a4d,
     0 0 25px #063a4d,
     0 0 35px rgba(3, 98, 125, 0.67),
     0 0 40px rgba(4, 133, 171, 0.51),
     0 0 60px rgba(2, 203, 255, 0.47);
     box-shadow: 0 0 5px #063a4d,
     0 0 25px #063a4d,
     0 0 35px rgba(3, 98, 125, 0.67),
     0 0 40px rgba(4, 133, 171, 0.51),
     0 0 60px rgba(2, 203, 255, 0.47);;
}

body#darkBlue-parent-theme .site-footer {
     -webkit-box-shadow: 0 0 5px #063a4d,
     0 0 25px #063a4d,
     0 0 35px rgba(3, 98, 125, 0.5),
     0 0 40px rgba(4, 133, 171, 0.4),
     0 0 75px rgba(2, 203, 255, 0.2);
     box-shadow: 0 0 5px #063a4d,
     0 0 25px #063a4d,
     0 0 35px rgba(3, 98, 125, 0.5),
     0 0 40px rgba(4, 133, 171, 0.4),
     0 0 75px rgba(2, 203, 255, 0.2);;
}

body#darkBlue-parent-theme .modal-content {
     background-color: #053141 !important;
     -webkit-box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
}

body#darkBlue-parent-theme .modal-content * {
     color: #bbb !important;
     border-color: rgba(255, 255, 255, 0.15);
}

body#darkBlue-parent-theme .btn-outline-light:focus,
body#darkBlue-parent-theme .btn-outline-light:hover {
     background-color: transparent !important;
     border-color: transparent !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}

body#darkBlue-parent-theme .post-info-top-left {
     border-color: #07455c;
}

body#darkBlue-parent-theme .input-modal-share-post {
     background-color: #063a4d !important;
     color: #ddd !important;
}

body#darkBlue-parent-theme .card .info-more {border-top: none !important;}

body#darkBlue-parent-theme .card .info-more * {
     color: #eee !important;
}

body#darkBlue-parent-theme .card .btn-share-modal i {
     color: #bbb !important;
}

body#darkBlue-parent-theme .card .btn-share-modal {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .card {
     -webkit-box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     border: none !important;
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .ap__inner button svg {
     fill: #bbb !important
}

body#darkBlue-parent-theme .audio-player .player-controls .ap {
     border-top-color: #053141 !important;
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .wp_pagination a,
body#darkBlue-parent-theme .wp_pagination span {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .wp_pagination a,
body#darkBlue-parent-theme .wp_pagination span {
     color: #eee !important;
}

body#darkBlue-parent-theme .wp_pagination a:hover {
     background-color: #053f4f !important;
}

body#darkBlue-parent-theme .btn-gradient {
     -webkit-box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
}

body#darkBlue-parent-theme .controls__slider,
body#darkBlue-parent-theme .audio-player .player-controls .progress {
     background-color: rgba(255, 255, 255, 0.15) !important;
}

body#darkBlue-parent-theme .audio-player .player-controls .progress__preload {
     background-color: rgba(255, 255, 255, 0.25) !important;
}

body#darkBlue-parent-theme .player-fixed-bottom * {
     color: #bbb !important;
     fill: #bbb !important
}

body#darkBlue-parent-theme .audio-player .player-controls .progress__bar::after {
     background-color: rgba(255, 255, 255, 0.9) !important;
}

body#darkBlue-parent-theme .audio-player .player-controls .progress__bar {
     background-color: rgba(255, 255, 255, 0.5) !important;
}

body#darkBlue-parent-theme .audio-player .player-controls .pl-list * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .search-box-header {
     background-color: #064356 !important;
     border: none !important;
}

body#darkBlue-parent-theme .audio-player .player-controls .pl-list {
     background-color: #053a4b !important;
     border-top-color: rgba(255, 255, 255, 0.05) !important;
}

body#darkBlue-parent-theme .number-of-item-pl-list:before {
     color: #e9e9e9 !important;
}

body#darkBlue-parent-theme .audio-player .player-controls .pl-list--current {
     background-color: #054456 !important;
}

body#darkBlue-parent-theme .tabs-post-filter .Panel {
     border: none !important;
}

body#darkBlue-parent-theme .tag-box {
     background-color: rgba(255, 255, 255, 0.1);
}

body#darkBlue-parent-theme .site-footer > .container-fluid {
     background-color: rgba(0, 0, 0, 0.5) !important;
}

body#darkBlue-parent-theme #for-weblog textarea {
     border-color: #07516a;
     background-color: #042835 !important;
     color: #ddd !important;
}

body#darkBlue-parent-theme .tag-box a {
     background-color: rgba(255, 255, 255, 0.15);
     border: none !important;
}

body#darkBlue-parent-theme ::-moz-selection {
     background: #08607d;
     color: #ddd;
}

body#darkBlue-parent-theme .volume__controls,
body#darkBlue-parent-theme ::selection {
     background: #08607d !important;
     color: #ddd !important;
}

body#darkBlue-parent-theme #cat-page-items .item-related a {
     background-color: transparent !important;
}

body#darkBlue-parent-theme .list-item-index-post {
     background-color: #053141 !important;
     border: none !important;
}

body#darkBlue-parent-theme .item-related {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .item-related:hover {
     background-color: #063a4d !important;
}

body#darkBlue-parent-theme .comment-form-bg {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme #reply-title {
     color: #bbb !important;
}

body#dark-parent-theme #commentform input,
body#darkBlue-parent-theme textarea#comment {
     border-color: #052f3d !important;
     background-color: #063a4d !important;
}

body#darkBlue-parent-theme .breadcrumb {
     background-color: #053141 !important;
     color: #ddd !important;
}

body#darkBlue-parent-theme .father-header-items-list-post .wrapc * {
     fill: #bbb !important;
}

body#darkBlue-parent-theme .father-header-items-list-post {
     border-bottom-color: rgba(255, 255, 255, 0.17);
}

body#darkBlue-parent-theme .player-fixed-bottom {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .tag-box h3:before,
body#darkBlue-parent-theme .father-header-items-list-post *,
body#darkBlue-parent-theme .comment-form-bg *,
body#darkBlue-parent-theme .item-related *,
body#darkBlue-parent-theme .breadcrumb *,
body#darkBlue-parent-theme .tag-box *,
body#darkBlue-parent-theme .post-body *,
body#darkBlue-parent-theme .father-itemi * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .simple-single-share.share-icon button {
     border: none !important;
}

body#darkBlue-parent-theme .site_menu_pl .nav ul li:hover .sub-menu,
body#darkBlue-parent-theme .tabs-post-filter,
body#darkBlue-parent-theme .top-posts-in-times,
body#darkBlue-parent-theme .on-hover-eff-tele-ads,
body#darkBlue-parent-theme .last-mv-horiz-slider-area,
body#darkBlue-parent-theme .on-hover-eff-insta-ads,
body#darkBlue-parent-theme .on-image-gradiant-effect,
body#darkBlue-parent-theme .carousel-inner,
body#darkBlue-parent-theme .song-text-area-dynamic,
body#darkBlue-parent-theme .box-l,
body#darkBlue-parent-theme .breadcrumb,
body#darkBlue-parent-theme .audio-player {
     border: none !important;
     -webkit-box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
}

body#darkBlue-parent-theme .sidebar-box-bg {
     border: none !important;
     background-color: #053141 !important;
}

body#darkBlue-parent-theme #categories_block_left li span.grower.OPEN:before {
     -webkit-box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     box-shadow: 0 0 25px rgba(2, 203, 255, 0.2);
     color: #bbb !important;
}

body#darkBlue-parent-theme .sidebar-box-body * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .top-time-bg {
     background-color: rgba(5, 58, 75, 0.75);
}

body#darkBlue-parent-theme .Panel__body {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .Panel__body ul * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .Panel__body ul li:hover {
     background-color: #054456 !important;
}

body#darkBlue-parent-theme .Panel__body ul li {
     background-color: #053141 !important;
     border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

body#darkBlue-parent-theme .audio-player .player-head .player-image {
     background-color: rgba(0, 0, 0, 0.59);
}

body#darkBlue-parent-theme #test-nav ul li ul li,
body#darkBlue-parent-theme #test-nav {
     background-color: #053040 !important;
     border-top: none !important;
}

body#darkBlue-parent-theme .site_menu_pl .nav ul li:hover .sub-menu {
     top: 50px !important;
}

body#darkBlue-parent-theme #test-nav ul li:hover {
     background-color: #063a4d !important;
}

body#darkBlue-parent-theme #special-post-father-area .box-l .box-last-pic {
     -webkit-box-shadow: inset 0 0 15px #02141c;
     box-shadow: inset 0 0 15px #02141c;
}

body#darkBlue-parent-theme .body-song-text-area {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .srch-box-header:focus {
     border-color: rgba(255, 255, 255, 0.15) !important;
}

body#darkBlue-parent-theme .track__time *,
body#darkBlue-parent-theme .body-song-text-area *,
body#darkBlue-parent-theme .track__title a,
body#darkBlue-parent-theme #datafetch * {
     color: #bbb !important;
}

body#darkBlue-parent-theme #datafetch .item-related-left span {
     color: rgba(255, 255, 255, 0.43) !important;
}

body#darkBlue-parent-theme .carousel-indicators li {
     background-color: #ccc !important;
}

body#darkBlue-parent-theme .carousel-indicators li.active {
     background-color: #999 !important;
}

body#darkBlue-parent-theme #datafetch .last-show-more-search-result:hover {
     color: rgba(255, 255, 255, 0.85) !important;
}

body#darkBlue-parent-theme #datafetch .last-show-more-search-result {
     color: rgba(255, 255, 255, 0.65) !important;
}

body#darkBlue-parent-theme #datafetch ul li:hover {
     background-color: #053040;
}

body#darkBlue-parent-theme #datafetch ul li {
     background-color: #052b3a;
}

body#darkBlue-parent-theme .srch-box-header {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.07) !important;
}

body#darkBlue-parent-theme #test-nav ul li:before,
body#darkBlue-parent-theme #test-nav * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .site-header {
     background-color: #052b3a !important;
}

body#darkBlue-parent-theme .player-wrap .playlist-wrap *,
body#darkBlue-parent-theme .player-wrap.track-view.light .player * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .player-wrap.track-view.light .player {
     background-color: #052b3a !important;
}

body#darkBlue-parent-theme .player-wrap.track-view.light .album-player-album-name-title {
     background-color: #053141 !important;
     color: #fff !important;
}

body#darkBlue-parent-theme ol.comment-list * {
     color: #bbb !important;
}

body#darkBlue-parent-theme ol.comment-list li.even {
     background-color: #083e53 !important;
     border-color: rgba(255, 255, 255, 0.14);
}

body#darkBlue-parent-theme ol.comment-list li.odd {
     background-color: #063547 !important;
     border-color: rgba(255, 255, 255, 0.14);
}

body#darkBlue-parent-theme .post-body blockquote,
body#darkBlue-parent-theme .player-wrap .playlist-wrap li:hover a {
     background-color: #042734 !important;
}

body#darkBlue-parent-theme .player-wrap .playlist-wrap li {
     border-top-color: rgba(255, 255, 255, 0.1);
}

body#darkBlue-parent-theme .play-button::before,
body#darkBlue-parent-theme .pause-button::before {
     background-color: #042734 !important;
     border-radius: 500px;
}

body#darkBlue-parent-theme .play-button,
body#darkBlue-parent-theme .pause-button,
body#darkBlue-parent-theme .album-playlist-dl-btn,
body#darkBlue-parent-theme .player-wrap .playlist-wrap li {
     background-color: #053141 !important;
}

body#darkBlue-parent-theme .info-more .playButton svg {
     fill: #eee !important
}

body#darkBlue-parent-theme .site-footer *{
     color: #ccc !important;
}

body#darkBlue-parent-theme .the-post-title{
     border-color: #666 !important;
}

body#darkBlue-parent-theme .post-index-header-area * ,
body#darkBlue-parent-theme .post-body-index * {
     color: #bbb !important;
}

body#darkBlue-parent-theme .box-sh-bg *{
     color: #eee !important;
}

body#darkBlue-parent-theme .site-header .container *{
     color: #bbb !important;
}

/*body#darkBlue-parent-theme{

#272628
#323133
#
 box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);

}*/

body#dark-parent-theme .site-footer *{
     color: #ccc !important;
}

body#dark-parent-theme .the-post-title{
     border-color: #666 !important;
}

body#dark-parent-theme .post-index-header-area * ,
body#dark-parent-theme .post-body-index * {
     color: #bbb !important;
}

body#dark-parent-theme {
     background-color: #323133;
}

body#dark-parent-theme .box-sh-bg *{
     color: #eee !important;
}

body#dark-parent-theme .site-header {
     -webkit-box-shadow: 0 0 25px rgba(19, 19, 20, 0.66);
     box-shadow: 0 0 25px rgba(19, 19, 20, 0.66);
}

body#dark-parent-theme .site-footer {
     -webkit-box-shadow: 0 0 25px rgba(19, 19, 20, 0.71);
     box-shadow: 0 0 25px rgba(19, 19, 20, 0.71);
}

body#dark-parent-theme .modal-content {
     background-color: #272628 !important;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

body#dark-parent-theme .modal-content * {
     color: #bbb !important;
     border-color: rgba(255, 255, 255, 0.15);
}

body#dark-parent-theme .btn-outline-light:focus,
body#dark-parent-theme .btn-outline-light:hover {
     background-color: transparent !important;
     border-color: transparent !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}

body#dark-parent-theme .input-modal-share-post {
     background-color: #333234 !important;
     color: #ddd !important;
}

body#dark-parent-theme .card .info-more {border-top: none !important;}

body#dark-parent-theme .card .info-more * {
     color: #eee !important;
}

body#dark-parent-theme .card .btn-share-modal i {
     color: #bbb !important;
}

body#dark-parent-theme .card .btn-share-modal {
     background-color: #272628 !important;
}

body#dark-parent-theme .card {
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     border: none !important;
     background-color: #272628 !important;
}

body#dark-parent-theme .ap__inner button svg {
     fill: #bbb !important
}

body#dark-parent-theme .audio-player .player-controls .ap {
     border-top-color: #272628 !important;
     background-color: #272628 !important;
}

body#dark-parent-theme .wp_pagination a,
body#dark-parent-theme .wp_pagination span {
     background-color: #272628 !important;
}

body#dark-parent-theme .wp_pagination a,
body#dark-parent-theme .wp_pagination span {
     color: #eee !important;
}

body#dark-parent-theme .wp_pagination a:hover {
     background-color: #434a54 !important;
}

body#dark-parent-theme .btn-gradient {
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

body#dark-parent-theme .controls__slider,
body#dark-parent-theme .audio-player .player-controls .progress {
     background-color: rgba(255, 255, 255, 0.15) !important;
}

body#dark-parent-theme .audio-player .player-controls .progress__preload {
     background-color: rgba(255, 255, 255, 0.25) !important;
}

body#dark-parent-theme .player-fixed-bottom * {
     color: #bbb !important;
     fill: #bbb !important
}

body#dark-parent-theme .audio-player .player-controls .progress__bar::after {
     background-color: rgba(255, 255, 255, 0.9) !important;
}

body#dark-parent-theme .audio-player .player-controls .progress__bar {
     background-color: rgba(255, 255, 255, 0.5) !important;
}

body#dark-parent-theme .audio-player .player-controls .pl-list * {
     color: #bbb !important;
}

body#dark-parent-theme .search-box-header {
     background-color: #3c3b3d !important;
     border: none !important;
}

body#dark-parent-theme .audio-player .player-controls .pl-list {
     background-color: #3c3b3d !important;
     border-top-color: rgba(255, 255, 255, 0.05) !important;
}

body#dark-parent-theme .number-of-item-pl-list:before {
     color: #e9e9e9 !important;
}

body#dark-parent-theme .audio-player .player-controls .pl-list--current {
     background-color: #313032 !important;
}

body#dark-parent-theme .tabs-post-filter .Panel {
     border: none !important;
}

body#dark-parent-theme .tag-box {
     background-color: rgba(255, 255, 255, 0.1);
}

body#dark-parent-theme .site-footer > .container-fluid {
     background-color: rgba(0, 0, 0, 0.5) !important;
}

body#dark-parent-theme #for-weblog textarea {
     border-color: #616062 !important;
     background-color: #3c3b3d !important;
     color: #ddd !important;
}

body#dark-parent-theme .tag-box a {
     background-color: rgba(255, 255, 255, 0.15);
     border: none !important;
}

body#dark-parent-theme ::-moz-selection {
     background: #666;
     color: #ddd;
}

body#dark-parent-theme .volume__controls {
     background: #333 !important;
     color: #ddd !important;
}

body#dark-parent-theme .info-more .playButton svg {
     fill: #eee !important
}

body#dark-parent-theme ::-moz-selection {
     background: #666 !important;
     color: #ddd !important;
}

body#dark-parent-theme ::selection {
     background: #666 !important;
     color: #ddd !important;
}

body#dark-parent-theme #cat-page-items .item-related a {
     background-color: transparent !important;
}

body#dark-parent-theme .list-item-index-post {
     background-color: #272628 !important;
     border: none !important;
}

body#dark-parent-theme .item-related {
     background-color: #272628 !important;
}

body#dark-parent-theme .item-related:hover {
     background-color: #3b3a3c !important;
}

body#dark-parent-theme .comment-form-bg {
     background-color: #272628 !important;
}

body#dark-parent-theme #reply-title {
     color: #bbb !important;
}

body#dark-parent-theme textarea#comment {
     border-color: #323133 !important;
     background-color: #3f3d40 !important;
}

body#dark-parent-theme .breadcrumb {
     background-color: #272628 !important;
     color: #ddd !important;
}

body#dark-parent-theme .father-header-items-list-post .wrapc * {
     fill: #bbb !important;
}

body#dark-parent-theme .father-header-items-list-post {
     border-bottom-color: rgba(255, 255, 255, 0.17);
}

body#dark-parent-theme .player-fixed-bottom {
     background-color: #272628 !important;
}

body#dark-parent-theme .tag-box h3:before,
body#dark-parent-theme .father-header-items-list-post *,
body#dark-parent-theme .comment-form-bg *,
body#dark-parent-theme .item-related *,
body#dark-parent-theme .breadcrumb *,
body#dark-parent-theme .tag-box *,
body#dark-parent-theme .post-body *,
body#dark-parent-theme .father-itemi * {
     color: #bbb !important;
}

body#dark-parent-theme .simple-single-share.share-icon button {
     border: none !important;
}

html body#dark-parent-theme .nav.nav-wide-fix {
     background-color: #232224 !important;
}

body#dark-parent-theme .site_menu_pl .nav ul li:hover .sub-menu,
body#dark-parent-theme .tabs-post-filter,
body#dark-parent-theme .top-posts-in-times,
body#dark-parent-theme .on-hover-eff-tele-ads,
body#dark-parent-theme .last-mv-horiz-slider-area,
body#dark-parent-theme .on-hover-eff-insta-ads,
body#dark-parent-theme .on-image-gradiant-effect,
body#dark-parent-theme .carousel-inner,
body#dark-parent-theme .song-text-area-dynamic,
body#dark-parent-theme .box-l,
body#dark-parent-theme .breadcrumb,
body#dark-parent-theme .audio-player {
     border: none !important;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

body#dark-parent-theme .sidebar-box-bg {
     border: none !important;
     background-color: #272628 !important;
}

body#dark-parent-theme #categories_block_left li span.grower.OPEN:before {
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
     color: #bbb !important;
}

body#dark-parent-theme .sidebar-box-body * {
     color: #bbb !important;
}

body#dark-parent-theme .top-time-bg {
     background-color: rgba(51, 50, 52, 0.75);
}

body#dark-parent-theme .Panel__body {
     background-color: #272628 !important;
}

body#dark-parent-theme .Panel__body ul * {
     color: #bbb !important;
}

body#dark-parent-theme .Panel__body ul li:hover {
     background-color: #3c3a3d !important;
}

body#dark-parent-theme .Panel__body ul li {
     background-color: #272628 !important;
     border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

body#dark-parent-theme .audio-player .player-head .player-image {
     background-color: rgba(0, 0, 0, 0.59);
}

body#dark-parent-theme #test-nav ul li ul li,
body#dark-parent-theme #test-nav {
     background-color: #323133;
     border-top: none !important;
}

body#dark-parent-theme .site_menu_pl .nav ul li:hover .sub-menu {
     top: 50px !important;
}

body#dark-parent-theme #test-nav ul li:hover {
     background-color: #3c3b3d !important;
}

body#dark-parent-theme #special-post-father-area .box-l .box-last-pic {
     -webkit-box-shadow: inset 0 0 15px #02141c;
     box-shadow: inset 0 0 15px #02141c;
}

body#dark-parent-theme .body-song-text-area {
     background-color: #272628 !important;
}

body#dark-parent-theme .srch-box-header:focus {
     border-color: rgba(255, 255, 255, 0.15) !important;
}

body#dark-parent-theme .track__time *,
body#dark-parent-theme .body-song-text-area *,
body#dark-parent-theme .track__title a,
body#dark-parent-theme #datafetch * {
     color: #bbb !important;
}

body#dark-parent-theme #datafetch .item-related-left span {
     color: rgba(255, 255, 255, 0.43) !important;
}

body#dark-parent-theme #datafetch .last-show-more-search-result:hover {
     color: rgba(255, 255, 255, 0.85) !important;
}

body#dark-parent-theme #datafetch .last-show-more-search-result {
     color: rgba(255, 255, 255, 0.65) !important;
}

body#dark-parent-theme #datafetch ul li:hover {
     background-color: #3c3b3d;
}

body#dark-parent-theme #datafetch ul li {
     background-color: #353436;
}

body#dark-parent-theme .srch-box-header {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.07) !important;
}

body#dark-parent-theme #test-nav ul li:before,
body#dark-parent-theme #test-nav * {
     color: #bbb !important;
}

body#dark-parent-theme .site-header {
     background-color: #323133 !important;
}

body#dark-parent-theme .player-wrap .playlist-wrap *,
body#dark-parent-theme .player-wrap.track-view.light .player * {
     color: #bbb !important;
}

body#dark-parent-theme .player-wrap.track-view.light .player {
     background-color: #272628 !important;
}

body#dark-parent-theme .player-wrap.track-view.light .album-player-album-name-title {
     background-color: #3c3b3d !important;
     color: #fff !important;
}

body#dark-parent-theme ol.comment-list * {
     color: #bbb !important;
}

body#dark-parent-theme ol.comment-list li.even {
     background-color: #3c3b3d !important;
     border-color: rgba(255, 255, 255, 0.14);
}

body#dark-parent-theme ol.comment-list li.odd {
     background-color: #2a292b !important;
     border-color: rgba(255, 255, 255, 0.07);
}

body#dark-parent-theme .post-body blockquote,
body#dark-parent-theme .player-wrap .playlist-wrap li:hover a {
     background-color: #434a54 !important;
}

body#dark-parent-theme .player-wrap .playlist-wrap li {
     border-top-color: rgba(255, 255, 255, 0.1);
}

body#dark-parent-theme .play-button::before,
body#dark-parent-theme .pause-button::before {
     background-color: #2a292b !important;
     border-radius: 500px;
}

body#dark-parent-theme .post-info-top-left {
     border-color: #444;
}

body#dark-parent-theme .play-button,
body#dark-parent-theme .pause-button,
body#dark-parent-theme .album-playlist-dl-btn,
body#dark-parent-theme .player-wrap .playlist-wrap li {
     background-color: #272628 !important;
}

body#dark-parent-theme #commentform input {
     border-color: #323133 !important;
     background-color: #3f3d40 !important;
}

body#dark-parent-theme .carousel-indicators li {
     background-color: #ccc !important;
}

body#dark-parent-theme .carousel-indicators li.active {
     background-color: #999 !important;
}

body.fixed-top-message a.msg-fixed-bottom {
     bottom: unset !important;
     top: 0 !important;
     z-index: 2000 !important;
}

body.fixed-top-message {
     padding-top: 40px !important;
}

body.fixed-top-message #test-nav.nav-wide-fix {
     top: 40px !important;
}

body.fixed-top-message .nav-responsive {
     margin-top: 39px !important;
}

.tumbler__wrapper {
     z-index: 99;
     position: fixed !important;
     bottom: 10px;
     left: 15px;
     width: 50px;
     height: 50px;
     background-color: #aaa;
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     border-radius: 30px;
     display: inline-block;
     padding: 0 6px;
     cursor: pointer;
     -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
     box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

.tumbler__wrapper:hover {
     -webkit-box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.2);
     box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.2);
}

.tumbler__wrapper:active {
     -webkit-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
}

.tumbler__wrapper svg {
     fill: #f9f9f9;
     -webkit-filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.38));
     filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.32));
}

.tumbler__wrapper svg:first-child {
     width: 25px;
     height: 25px;
     position: absolute;
     top: 13px;
     right: 12px;
}

.tumbler__wrapper svg:last-child {
     width: 23px;
     height: 23px;
     position: absolute;
     top: 14px;
     right: 13px;
}

.tumbler__wrapper svg:first-child {
     -webkit-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     -o-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     opacity: 1;
     -webkit-transform: translateY(0px) scaleY(1);
     -ms-transform: translateY(0px) scaleY(1);
     transform: translateY(0px) scaleY(1);
}

.tumbler__wrapper svg:last-child {
     -webkit-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     -o-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     opacity: 0;
     -webkit-transform: translateY(10px) scaleY(0.8);
     -ms-transform: translateY(10px) scaleY(0.8);
     transform: translateY(10px) scaleY(0.8);
}

.TNightMode svg:first-child {
     -webkit-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     -o-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     opacity: 0 !important;
     -webkit-transform: translateY(10px) scaleY(0.8) !important;
     -ms-transform: translateY(10px) scaleY(0.8) !important;
     transform: translateY(10px) scaleY(0.8) !important;
}

.TNightMode svg:last-child {
     -webkit-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     -o-transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     transition: all cubic-bezier(.6, -0.7, .6, 1.85) 0.45s;
     opacity: 1 !important;
     -webkit-transform: translateY(0px) scaleY(1) !important;
     -ms-transform: translateY(0px) scaleY(1) !important;
     transform: translateY(0px) scaleY(1) !important;
}

.TNightMode {
     -webkit-transition: all cubic-bezier(.93, -0.07, .18, 1.23) 0.35s;
     -o-transition: all cubic-bezier(.93, -0.07, .18, 1.23) 0.35s;
     transition: all cubic-bezier(.93, -0.07, .18, 1.23) 0.35s;
}

.filtered-area .top-day-area {
     display: none;
     -webkit-transform: translateY(35px);
     -ms-transform: translateY(35px);
     transform: translateY(35px);
     opacity: 0;
}

.filtered-area .top-day-area.show_ViewTab {
     display: block;
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-animation: show-tab-anim 0.45s cubic-bezier(.35, -0.12, .52, 1.84) !important;
     animation: show-tab-anim 0.45s cubic-bezier(.35, -0.12, .52, 1.84) !important;
}

.filtered-area .top-day-area.show_ViewTab ul li {
     -webkit-animation: show-items-tab 0.5s;
     animation: show-items-tab 0.5s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(1) {
     -webkit-animation-delay: 0.1s;
     animation-delay: 0.1s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(2) {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(3) {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(4) {
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(5) {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(6) {
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(7) {
     -webkit-animation-delay: 0.7s;
     animation-delay: 0.7s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(8) {
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(9) {
     -webkit-animation-delay: 0.9s;
     animation-delay: 0.9s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(10) {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(11) {
     -webkit-animation-delay: 1.1s;
     animation-delay: 1.1s;
}

.filtered-area .top-day-area.show_ViewTab ul li:nth-child(12) {
     -webkit-animation-delay: 1.2s;
     animation-delay: 1.2s;
}

@-webkit-keyframes show-items-tab {
     0% {
          opacity: 0;
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
     }
     100% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
     }
}

@keyframes show-items-tab {
     0% {
          opacity: 0;
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
     }
     100% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
     }
}

@-webkit-keyframes show-tab-anim {
     0% {
          -webkit-transform: scaleY(1.12) translateY(35px);
          transform: scaleY(1.12) translateY(35px);
     }
     100% {
          -webkit-transform: scaleY(1) translateY(0);
          transform: scaleY(1) translateY(0);
     }
}

@keyframes show-tab-anim {
     0% {
          -webkit-transform: scaleY(1.12) translateY(35px);
          transform: scaleY(1.12) translateY(35px);
     }
     100% {
          -webkit-transform: scaleY(1) translateY(0);
          transform: scaleY(1) translateY(0);
     }
}

.btn-top-view-change {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0 auto;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     -webkit-filter: drop-shadow(5px 2px 12px rgba(0, 0, 0, 0.2));
     filter: drop-shadow(5px 2px 12px rgba(0, 0, 0, 0.2));
}

.top-day-area ul li a{
     -o-box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.08);
     -webkit-box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.08);
     box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.08);
}

.btn-top-view-change input {
     border: 0;
     color: #fff;
     background-color: rgba(255, 255, 255, 0.16);
     padding: 5px 9px;
     font-size: 12px;
     -webkit-transition: all ease 0.5s;
     -o-transition: all ease 0.5s;
     transition: all ease 0.5s;
     margin-bottom: 10px;
}

.btn-top-view-change input:first-child {
     border-radius: 0 50px 50px 0;
}

.btn-top-view-change input:last-child {
     border-radius: 50px 0 0 50px;
}

.btn-top-view-change input.active_filter_btn {
     -webkit-transition: all ease 0.5s;
     -o-transition: all ease 0.5s;
     transition: all ease 0.5s;
     background-color: rgba(255, 255, 255, 0.35);
}