/*
Theme Name: رادیو جوان
Text Domain: RJ

*/

@font-face {
     font-family: 'irsans';
     src: url('fonts/iransans.eot'); /* IE9 Compat Modes */
     src: url('fonts/iransans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iransans.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/iransans.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/iransans.ttf') format('truetype') /* Safari, Android, iOS */
}

/*----- 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 10px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.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: irsans;
     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;
}

::-moz-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;
}

input, select {
     vertical-align: middle;
}

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

nav.nav-wide-fix .srsh-box {
     left: 0;
}

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

.btn-gradient:hover {
     color: #fff;
     -webkit-box-shadow: 5px 5px 15px -8px rgba(0, 0, 0, 0.9);
     box-shadow: 5px 5px 15px -8px rgba(0, 0, 0, 0.9);
}

.btn-gradient:focus {
     -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
     box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

.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: 120px;
     position: relative;
}

.header-left-area .telegram-ads {
     display: block;
     width: 250px;
     background-color: #909;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
     position: absolute;
     height: 45px;
     top: 0%;
     bottom: 0%;
     left: 10px;
     margin-top: auto;
     margin-bottom: auto;
     border-radius: 17px;
     -webkit-box-shadow: 5px 5px 30px -10px rgba(0, 0, 0, 0.45);
     box-shadow: 5px 5px 30px -10px rgba(0, 0, 0, 0.45);
     border: 2px solid inherit;
}

.header-left-area .telegram-ads:hover {
     -webkit-box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.45);
     box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.45);
}

.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.05);
     filter: alpha(1);
     -moz-opacity: 1;
     -khtml-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 #ddd;
     background-color: rgba(0, 0, 0, 0.06);
}

.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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-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: -200px;
     float: left;
     overflow: hidden;
}

.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 {
     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: irsans;
     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;
     -khtml-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;
     -khtml-opacity: 1;
     opacity: 1;
}

#nav:checked ~ .nav-container ul li a {
     filter: alpha(1);
     -moz-opacity: 1;
     -khtml-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;
     display: table;
     margin-right: auto;
     margin-left: auto;
}

.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 {
     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;
     -khtml-opacity: 0;
     opacity: 0;
}

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

.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: 20px;
     filter: alpha(0);
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
}

.box-last-music:hover .box-l .on-hover-last-singer {
     bottom: 0;
     filter: alpha(1);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     transition: all 0.8s;
}

.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;
     -khtml-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-transition: all 5s;
     -o-transition: all 5s;
     transition: all 5s;
     -webkit-filter: blur(10px);
     filter: blur(10px);
}

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

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

.box-l .box-last-pic img {
     display: block;
}

.box-l {
     overflow: hidden;
}

.last-post-box-header {
     position: relative;
     width: 143px;
     height: 35px;
     border-radius: 15px;
     background-color: #909;
     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: 12px;
     right: 37px;
}

.last-post-box-header i {
     text-align: center;
     display: inline-block;
     font-size: 18px;
     color: #fff;
     position: relative;
     top: 8px;
     right: 12px;
     -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::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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-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: -29px;
}

.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;
     border: 1px solid #dadada;
}

.carousel-indicators li.active {
     background-color: #bbb;
}

.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 {
     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;
     -khtml-opacity: 0;
     opacity: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     z-index: 0;
}

.music-info-bg {
     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;
}

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

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

.simple-title-on-off p {
     font-size: 14px;
}

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

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

#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;
     -khtml-opacity: 1;
     opacity: 1;
}

.post-typical-img .btn-share-modal{
     left: -20px;
}

.post-typical-img:hover .btn-share-modal {
     filter: alpha(1);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     left: 8px;
}

.post-typical-img:hover .pr-img img {
     -webkit-filter: blur(8px) brightness(75%);
     filter: blur(8px) brightness(75%);
     -webkit-transform: scale(1.2) rotate(3deg);
     -ms-transform: scale(1.2) rotate(3deg);
     transform: scale(1.2) rotate(3deg);
}

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

.pr-img {
     overflow: hidden;
}

.pr-img img {
     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-index a {
     display: inline-block;
     margin: 0 3px;
     color: #000;
     border-bottom: 1px dashed #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(0 0 1.5px rgba(0, 0, 0, 0.38));
     filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.38));
}

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

.wp_pagination span.current {
     color: #fff;
     background: #909;
     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: #909;
     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;
}

.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;
     -khtml-opacity: 0;
     opacity: 0;
     background: #909;
     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;
     -khtml-opacity: 1;
     opacity: 1;
     background: #909;
     background: -webkit-linear-gradient(200deg, #628fe6, #c05be7);
     background: -o-linear-gradient(200deg, #628fe6, #c05be7);
     background: linear-gradient(250deg, #628fe6, #c05be7);
}

.btn-our-services:hover {
     -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15));
     filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15));
}

.btn-our-services:focus .Right-Line-Hover {
     right: 0;
     opacity: .15;
     width: 100%;
     background: #909;
     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;
     -khtml-opacity: 0;
     opacity: 0;
     padding: 8px;
     font-size: 13px;
     background-color: #eee;
     outline: none;
     border: none;
     border-radius: 50px;
     -webkit-animation: 1.2s scale-effect-small infinite;
     animation: 1.2s scale-effect-small infinite;
     -webkit-animation-delay: 5s;
     animation-delay: 5s;
}

.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;
}

.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;
     -khtml-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;
     -khtml-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: #909;
     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;
     -khtml-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: #909;
     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;
     -khtml-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: 10px;
     padding-top: 5px;
}

.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;
}

.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: '\e050';
     font-family: 'Simple-Line-Icons';
     color: #fff;
     font-size: 15px;
     position: relative;
     top: 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);
}

.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: 5px;
     -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: 90%;
     display: inline-block;
     height: auto;border-radius: 5px;
}

.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;
}

.nav-fix {
     filter: alpha(1) !important;
     -moz-opacity: 1 !important;
     -khtml-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.5s menu-animate ease;
     animation: 0.5s menu-animate ease;
}

body #test-nav.nav-wide-fix {
     filter: alpha(1) !important;
     -moz-opacity: 1 !important;
     -khtml-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;
     padding-top: 15px;
     color: #fff;
     overflow: hidden;
	 background-image: url(images/footer.png);
	 background-size: cover;
}

.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: #444;
}

.footer-box.footer-any-box .tagcloud a {
     display: inline-block;
     font-size: 11px !important;
     margin: 3px;
     padding: 3px;
     background-color: #444;border-radius: 3px;
}

.footer-box-header {
     width: 100%;
     height: auto;
     padding-bottom: 5px;
     border-bottom: 2px dashed #555;
}

.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;
     border: 2px solid transparent;
     background-color: #f9f9f9;
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.8);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.8);border-radius: 5px;
}

.item-social svg {
     position: absolute;
     top: 5px;
     left: 5px;
     width: 32px;
}

.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 10px;
     line-height: 2;
     text-align: center;
}

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

.item-social.aparat:hover {
     border: 2px solid #ed145b;
}

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

.item-social.soroush:hover {
     border: 2px solid #2e819b;
}

.item-social.telegram {
     fill: #00b9ff !important;
}

.item-social.telegram:hover {
     border: 2px solid #00b9ff;
}

.item-social.twitter {
     fill: #00a2ff !important;
}

.item-social.twitter:hover {
     border: 2px solid #00a2ff;
}

.item-social.facebook {
     fill: #43609c !important;
}

.item-social.facebook:hover {
     border: 2px solid #43609c;
}

.item-social.googleplus {
     fill: #d3191a !important;
}

.item-social.googleplus:hover {
     border: 2px solid #d3191a;
}

.item-social.instagram {
     fill: #c23ed3 !important;
}

.item-social.instagram:hover {
     border: 2px solid #c23ed3;
}

.footer-copyright {
     width: 50%;
     min-height: 50px;
	margin: auto;
     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 {
     padding: 5px;
     width: 34%;
     height: auto;
     max-height: 250px;
     float: right;
     overflow: hidden;
}

.your-song-ads {
     display: none;
}

.post-info-top-right img {
     width: 100%;
     height: 100%;
     display: block;
     -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 8px 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 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;
}

.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 h3 {
     font-weight: 600;
     text-align: right;
     color: #111;
     display: inline;
     font-size: 16px;
     line-height: 2;
}

.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: 1.9;
     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: 1px;
     border-bottom: 1px dashed #ebebeb;
     -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: 1px dashed #2d8edd;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}

.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: #909;
     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: 23px;
}

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

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

.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: #909;
     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;
}

.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;
     position: relative;
     top: 4px;
     font-size: 20px;
     font-family: Simple-Line-Icons;
     text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
     color: #fff;
     -webkit-animation: up-down 0.8s infinite;
     animation: up-down 0.8s infinite;
}

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

.post-dl-box .dl-box-right a {
     padding: 3px;
     width: 100%;
     display: block;
     text-align: center;
     line-height: 1.8;border-radius: 20px;
     color: #fff;
     font-size: 12px;
     margin: 5px 0;
     text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
}

.post-dl-box .dl-box-right a:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}

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

.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: #909;
     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 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);
}

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

.item-related {
     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;
}

.tag-box {
     padding: 10px;
     background-color: #eee;
     margin: 5px 10px 10px 10px;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 {
     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.05);
}

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

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

.random-item-right img {
     border-radius: 10px;
     border: 2px solid #666;
     width: 100%;
     height: auto;
}

.random-item-left {
     width: 80%;
     height: auto;
     line-height: 1.8;
     font-size: 10px;
     text-align: right;
     display: inline-block;
}

.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: 6px;
     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 {
     padding-top: 7px;
}

.post-like-area div {
     display: inline-block;
     -webkit-animation: zoom-in-out ease-in-out 2s infinite;
     animation: zoom-in-out ease-in-out 2s infinite;
}

.your-song-ads i {
     -webkit-animation: heart ease-in-out 2s infinite;
     animation: heart ease-in-out 2s infinite;
}

.designer-link {
     -webkit-animation: heart-min ease-in-out 0.8s infinite;
     animation: heart-min ease-in-out 0.8s infinite;
}

.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 a:focus, .post-like-area a:focus:after {
     color: #00c072;
}

.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;
}

.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: none;
     -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-color: #34ace0;
     background-image: -webkit-linear-gradient(45deg, #ff0844 0%, #ffb199 100%);background-image: -o-linear-gradient(45deg, #ff0844 0%, #ffb199 100%);background-image: linear-gradient(45deg, #ff0844 0%, #ffb199 100%);
}

.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: inline-block;
     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: irsans;
     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;
     overflow-y: auto !important;
     border-radius: 5px;
     border: 1px solid #ddd;
}

.audio-player .player-head {
     background-color: #909;
     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;
          -khtml-opacity: 0;
          opacity: 0;
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
     }
     100% {
          filter: alpha(1);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes fs {
     0% {
          filter: alpha(0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
     }
     100% {
          filter: alpha(1);
          -moz-opacity: 1;
          -khtml-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-right: 80px;
     text-align: left;
     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;
     right: 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;
     -khtml-opacity: 1;
     opacity: 1;
}

.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;
     -khtml-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;
     -khtml-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;
     -khtml-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;
     -khtml-opacity: 1;
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     visibility: visible;
}

.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;
     -khtml-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: auto;
     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;
}

.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;
}

.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: inline-block;
     -ms-flex-item-align: center center;
     -ms-grid-row-align: center center;
     align-self: center 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;
     text-align: left;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     font-size: 11px;
}

.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;
     -khtml-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%;
     font-size: 2rem;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     letter-spacing: 2px;
     color: #ccc;
}

@-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: #909;
     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);
}

.Tab.active-tab {
     border-bottom: 2px solid #fff;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.Tab.active-tab i {
     -webkit-animation: heart 1.5s cubic-bezier(.13, -0.16, .73, 1.88) infinite;
     animation: heart 1.5s cubic-bezier(.13, -0.16, .73, 1.88) infinite;
}

.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 {
     width: 80%;
}

.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 {
     -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;
}

.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*/
     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*/
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}

.dlxPlayer:hover .song_image img {
     -webkit-transform: scale(2.5);
     -ms-transform: scale(2.5);
     transform: scale(2.5);
     -webkit-transition: ease all 30s;
     -o-transition: ease all 30s;
     transition: ease all 30s;
}

.dlxPlayer .song_image img {
     width: 100%;
     height: auto;
     margin: auto;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
     filter: blur(8px);
     -webkit-filter: blur(8px);
     -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 up-down {
     0% {
          position: relative;
          top: 4px;
     }

     10% {
          position: relative;
          top: 3px;
     }

     20% {
          position: relative;
          top: 2px;
     }

     30% {
          position: relative;
          top: 1px;
     }

     40% {
          position: relative;
          top: 1px;
     }

     50% {
          position: relative;
          top: 0;
     }

     60% {
          position: relative;
          top: -1px;
     }

     70% {
          position: relative;
          top: -2px;
     }

     80% {
          position: relative;
          top: -3px;
     }

     90% {
          position: relative;
          top: 2px;
     }

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

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

     10% {
          position: relative;
          top: 3px;
     }

     20% {
          position: relative;
          top: 2px;
     }

     30% {
          position: relative;
          top: 1px;
     }

     40% {
          position: relative;
          top: 1px;
     }

     50% {
          position: relative;
          top: 0;
     }

     60% {
          position: relative;
          top: -1px;
     }

     70% {
          position: relative;
          top: -2px;
     }

     80% {
          position: relative;
          top: -3px;
     }

     90% {
          position: relative;
          top: 2px;
     }

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

@-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;
          padding: 10px 0;
     }

     10% {
          opacity: 0.1;
          padding: 9px 0;
     }

     20% {
          opacity: 0.2;
          padding: 8px 0;
     }

     30% {
          opacity: 0.3;
          padding: 7px 0;
     }

     40% {
          opacity: 0.4;
          padding: 6px 0;
     }

     50% {
          opacity: 0.5;
          padding: 5px 0;
     }

     60% {
          opacity: 0.6;
          padding: 4px 0;
     }

     70% {
          opacity: 0.7;
          padding: 3px 0;
     }

     80% {
          opacity: 0.8;
          padding: 2px 0;
     }

     90% {
          opacity: 0.9;
          padding: 1px 0;
     }

     100% {
          opacity: 1;
          padding: 0;
     }

}

@keyframes menu-animate {
     0% {
          opacity: 0;
          padding: 10px 0;
     }

     10% {
          opacity: 0.1;
          padding: 9px 0;
     }

     20% {
          opacity: 0.2;
          padding: 8px 0;
     }

     30% {
          opacity: 0.3;
          padding: 7px 0;
     }

     40% {
          opacity: 0.4;
          padding: 6px 0;
     }

     50% {
          opacity: 0.5;
          padding: 5px 0;
     }

     60% {
          opacity: 0.6;
          padding: 4px 0;
     }

     70% {
          opacity: 0.7;
          padding: 3px 0;
     }

     80% {
          opacity: 0.8;
          padding: 2px 0;
     }

     90% {
          opacity: 0.9;
          padding: 1px 0;
     }

     100% {
          opacity: 1;
          padding: 0;
     }

}

#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: 11px;
     line-height: 30px;
     padding: 3px 19px 3px 30px;
}

#categories_block_left li a {
     padding-right: 35px;
}

#categories_block_left ul li:before {
     padding-right: 5px;
     font-family: "Simple-Line-Icons";
     content: "\e005";
     position: absolute;
     right: 5px;
     top: 9px;
}

#categories_block_left ul li li:before {
     content: '';
}

#categories_block_left ul li li:hover a {
     margin-right: 3px;
     background-color: #aaa;
     color: #fff;
}

#categories_block_left ul li li {
     padding: 5px;
}

#categories_block_left li span.grower {
     display: block;
     background: #f6f6f6;
     position: absolute;
     left: 0;
     top: 5px;
     cursor: pointer;
     font-family: "Simple-Line-Icons";
     font-size: 18px;
}

#categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {
     content: "\f106";
     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: "\e082";
     color: silver
}

#categories_block_left li span.grower:hover + a, #categories_block_left li a:hover, #categories_block_left li a.selected, .informations_block_left li a:hover {
     background: #f2f2f2;border-radius: 5px;
     color: #888;
}

#categories_block_left li li a {
     font-weight: normal;
     color: #777
}

#categories_block_left li li a:before {
     content: "\e095";
     font-family: "Simple-Line-Icons";
     line-height: 29px;
     padding-left: 8px
}

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
}

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;
}

ol.comment-list li .avatar:hover {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: irsans;
     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 irsans;
     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: irsans;
     outline: 0;
     border: 0;
     width: 90px;
     height: 30px;
     border-radius: 5px;
     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{
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0, 0.5);
     text-align: center;
     display: none;
}

.play-now-on-hover svg{
     fill: rgba(255,255,255,1);
     width: 20px;
     position: absolute;
     top: 30%;
     bottom: 30%;
     left: 25%;
     right: 30%;
}

.tab-lovely li:hover .play-now-on-hover{
     display: block;
     -webkit-animation: 0.5s show-me-plz;
     animation: 0.5s show-me-plz;
}

.tab-comments li:hover .play-now-on-hover{
     display: block;
     -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;
}

@media screen and (min-width: 768px) {
     .colac-st.col.col-md-12{padding-right: 0 !important;padding-left: 0 !important;}
}

.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: #909;
     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 h1{
     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{
     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%);
}

.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.5s translate-effect-small;
     animation: 0.5s 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);
     }
}
@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 5px rgba(0, 0, 0, 1) !important;
}

.any-widget-area input#s{
     width: 90%;
     background-color: #fff;
     color: #555;
     border-radius: 15px 3px 15px 3px;
     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 #20c997;
}

.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: #20c997;
     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{
     border-radius: 0 0 8px 8px;
     float: none !important;
     position: absolute;
     -o-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.13);
     -webkit-box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.13);
     box-shadow: 0 1.3pt 7px rgba(0, 0, 0, 0.13);
     -webkit-transition: ease 0.2s;
     -o-transition: ease 0.2s;
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
     opacity: 0;
     z-index: -9998989;
     visibility: hidden;
     margin-right: 10px;
}

.site_menu_pl .nav .sub-menu li:last-child{
     border-radius: 0 0 8px 8px;
}

.site_menu_pl .nav ul li:hover .sub-menu{
     opacity: 1;
     z-index: 9998989;
     visibility: visible;
     -webkit-transition:all 0.5s;
     -o-transition:all 0.5s;
     transition:all 0.5s;
     -webkit-animation: 0.5s menu-sub-effect ease-in-out;
     animation: 0.5s menu-sub-effect ease-in-out;
     margin-right: 0;
}

@-webkit-keyframes menu-sub-effect {
     0%{
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
     }
     75%{
          -webkit-transform: scaleY(1.1);
          transform: scaleY(1.1);
     }
     100%{
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
     }
}

@keyframes menu-sub-effect {
     0%{
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
     }
     75%{
          -webkit-transform: scaleY(1.1);
          transform: scaleY(1.1);
     }
     100%{
          -webkit-transform: scaleY(1);
          transform: 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;
}

.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;
}

/*.nav-container {*/
/*overflow: hidden;*/
/*}*/

.site_menu_pl{
     position: relative !important;
}

.nav-responsive ul.main li ul.sub-menu{display: none !important;}