/**
Theme Name: Face1Music
Theme URI: https://face1music.com/
Version : 2
Author: Face1Music
Author URI: http://codein.ir
Description: Design And Develoment : Codein
**/
body {
	padding:0;
	margin:0;
	overflow-x:hidden;
	background-color:#f1f1f1;
	font:300 14px iranyekan;
	direction:rtl;
	text-align:right;
	padding-top: 69px;
}
ul,li,ol{
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none !important;
}
b, strong {
	font-weight:500;
}
input,select,textarea,button {
	outline: none
}
ul,li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
}
textarea {
	resize:none;
}
figure{
	overflow:hidden;
	margin:0;
}
.flex{
	display:flex;
	justify-content:space-between;
}
::-moz-selection { 
	background: #e6e6e6;
    color: #0c0c0c;
}
::selection { 
	background: #e6e6e6;
    color: #0c0c0c;
}
/* End Reset */
.cl {
	clear:both;
}
.margin_top{
	margin-top:10px;
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src:url('fonts/iranyekanwebbold.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/iranyekanwebregular.ttf') format('truetype');
}
.left_dir {
    direction: ltr;
    text-align: left;
}
/*start*/
.topheader {
	background:#26aada;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);
	position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
}
.topheader h1,.topheader h2 {
	display:none;
}
.logo {
	background: #3eb4df;
    display: flex;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
	padding:4px 0 4px 15px;
}
.logo a span {
	color:#fff;
}
.logo figure{
	margin:0;
}
.logo span{
	margin: 17px 5px;
}
.topheader nav {
    margin: 17px 0;
}
.topheader ul li{
	display:inline-block;
}
.topheader ul li a{
	color: #fff;
    padding: 4px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.topheader  ul li a:hover{
	color: #ffffff;
    background: #1d8cb5;
}
.topheader .menu {
    margin: 6px 25px;
}
.topheader ul li a.icon:before{
	content:'';
	position:absolute;
	top:0;
    right: 5px;
    background: url(images/icons.png) no-repeat 28% 2%;
	width:20px;
	height:20px;
}
.topheader .search {
    display: flex;
    margin: 15px 0;
	background:#3eb4df;
	padding: 7px 30px;
	border-radius: 3px;
}
.topheader .search input#s {
    border: 1px solid transparent;
    border-left: 1px solid #67caef;
	padding-left: 30px;
    background: transparent;
}
.topheader .search input::placeholder{
	font-weight:300;
	font-size:12px;
	color:rgba(255, 255, 255, 0.63);
}
.topheader button {
    background: transparent;
    border: none;
    position: relative;
}
.topheader button:before{
	content:'';
	position:absolute;
    top: -12px;
    right: 0;
    background: url(images/icons.png) no-repeat 2% 2%;
	width:26px;
	height:20px;
}
.slider .item{
	position:relative;
}
.slider .owl-nav, .owl-carousel .owl-nav.disabled {
    position: absolute;
    top: 42%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 35px;
}
.slider .owl-nav .owl-prev {
    background: url(images/icons.png) no-repeat 17% 0%;
    width: 40px;
    height: 40px;
}
.slider .owl-nav .owl-next {
    background: url(images/icons.png) no-repeat 7% 0%;
    width: 40px;
    height: 40px;
}
.owl-carousel .owl-dots{
	display: flex;
	position:absolute;
    bottom: 15%;
    right: 17%;
}
.owl-dot img {
    width: 52px;
    height: 52px;
}
.slider .name {
    position: absolute;
    bottom: 15%;
    background: rgba(0, 0, 0, 0.25);
    right: 0;
    padding: 10px 25px;
	min-width:230px;
}
.slider .name h2{
	color:#0bf0a1;
	font-size:15px;
}
.slider .name h3{
	color:#fff;
	font-size:13px;
	font-weight:300;
}
.white {
    background: #fff;
	box-shadow:0px 4px 8px rgba(191, 191, 191, 0.46);
}
.player {
    width: 100%;
}
.banner img {
	width:100%;
	height:auto;
}
.top_ply {
    margin: 15px 0;
	display: flex;
    justify-content: space-between;
}
.online_play .top_ply .dl {
	border-right:6px solid #00c782;
}
.online_play .top_ply .dl a{
	color:#878787;
	padding: 0 12px;
    border-left: 1px solid #c5c8da;
    margin-left: 10px;
}
.online_play .top_ply .dl span{
	color:#bfbfbf;
	font-size:12px;
}
.online_play .top_ply  .icons {
    display: flex;
	margin-left:15px;
}
.online_play  .icon{
	background:url(images/icons.png) no-repeat 14% 12%;
	width:30px;
	height:30px;
	margin: 0 6px;
	cursor: pointer;
}
.online_play .icons .icon.repeat{
	background-position:34.6% 2%;
}
.online_play .icons .icon.repeat.active{
	background-position:7% 12% ;
}

.online_play .icons .icon.backward{
	background-position:0% 12%;
}
.online_play figure{
	width:115px;
	height:115px;
	margin:0;
	position:relative;
}
.online_play figure img{
	width:100%;
}
.online_play .icon.play {
    position: absolute;
    background-position: 21% 12%;
    right: 35px;
    top: 46px;
}
.online_play .icon.pause{
	background-position:27% 2%;
}
.foot_ply {
    display: flex;
	margin: 23px 0;
}
.seekvol {
	width: 220px;
    height: 13px;
    background: #f3f3f3;
    border-radius: 5px;
    margin-top: 3px;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    border-radius: 5px;
}
.seekvol .seekbarvol {
    background: #bfbfbf;
    width: 95%;
    height: 100%;
    cursor: pointer;
	 cursor: pointer;
}
.online_play  .icon.vol{
	background-position:28% 13%;
	height:17px;
}
.foot_ply .seek {
    width: 61%;
    background: #f3f3f3;
    height: 13px;
	display: flex;
    justify-content: flex-end;
	margin:4px 8px;
	cursor: pointer;
}
.foot_ply .seek .seekbar {
    width: 0%;
    background: #00c782;
    height: 100%;
	cursor: pointer;
}
.foot_ply  .tm.duration {
    border-right: 1px solid #ededed;
    padding-right: 10px;
}
.foot_ply .tm {
    color: #d3d3d3;
}
.special {
    margin: 30px 0;
}
.special .posts{
	display:flex;
	justify-content: end;
	flex-wrap: wrap;
    padding: 5px 0;
}
.special .posts .post{
    padding: 4px;
    background: #fff;
    border-radius: 110px 110px 0 0;
	text-align:center;
	position:relative;
	margin-left: 37px;
	margin-bottom: 15px;
	box-shadow:-1px 8px 17px -2px rgba(0, 0, 0, 0.15);
	transition:0.3s;
}
.special .posts .post:hover {
	box-shadow: -1px 4px 3px -2px rgba(0, 0, 0, 0.15);
}
.special .post figure{
	width:175px;
	height:175px;
	margin:0;
	border-radius: 100%;
}
.special .post figure img{
	width:100%;
}
.special .post span{
    background: #4f4f4f;
    color: #fff2da;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    position: absolute;
    left: 35%;
    top: 67%;
    box-shadow: 0px 2px 8px rgba(79, 79, 79, 0.31);
}
.special .post .name_post {
    text-align: center;
    margin: 16px 10px;
}
.special .post h2{
	color:#ffa800;
	font-size:14px;
    padding-bottom: 6px;
	font-weight:bold;
}
.special .post h3{
	color:#8e8e8e;
	font-size:14px;
	font-weight:300;
	padding-right: 6px;
}
.white.ads{
	padding:20px 0;
}
.content {
    margin: 30px 0;
}
.content aside{
	background:#ebebeb;
	border:2px solid #e5e5e5;
	padding:6px;
	border-radius:8px;
	margin-bottom:15px;
}
.content aside .title{
	color:#5c5c5c;
	font-size:15px;
	margin:15px 0;
	position:relative;
	padding-right:28px;
}
.content aside .title:before{
	content:'';
	position:absolute;
	top:0;
    right: 0;
    background: url(images/icons.png) no-repeat 0% 22%;
	width:25px;
	height:25px;
}
.content aside .title.artist:before{
	background-position:6.5% 21%;
}
.tab_content {
	display:none;
}
.tab_content.active {
	display:block;
}
.content aside ul {
    background: #fff;
    padding: 6px;
    border-radius: 4px;
}
.content aside ul li{
	list-style-type: square;
    color: #1daef2;
    margin-right: 25px;
}
.content aside ul a{
	color:#5a5a5a;
	padding:4px 0;
	font-size:12px;
	display:block;
	display:block;
}
.content aside ul a:hover{
	color:#1daef2;
}
.content aside.blue{
	background:#1daef2;
	border:2px solid #1890c8;
}
.content aside.blue select {
    background: #1c9bd7;
    border: none;
    border-radius: 5px;
    color: #afdbef;
    font-weight: 300;
    padding: 0px 5px;
}
.content aside.blue select  option {
    background: #636363;
    color: #bdbdbd;
	font-weight:300;
}
.content aside.blue .title{
	color:#fff;
}
.content aside.blue ul{
	padding:10px 0;
}
.content aside.blue ul li{
	list-style-type: none;
    margin: 0;
}
.content aside.blue ul li a{
    font-size: 12px;
}
.content aside.blue ul li span{
    background: #d7effa;
    border-radius: 4px;
    color: #1daef2;
    padding: 0px 4px;
    margin: 0 5px;
    font-size: 11px;
}
.content aside.blue ul li:hover{
	background:#ecf6fb;
}
.content aside.blue ul li a:hover{
	color:#5a5a5a;
}
.content .ads_text {
    background: #fff;
    padding: 8px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06);
	border:1px solid transparent;
	transition:0.3s;
	display:block;
}
.content .ads_text:hover{
	background:#00c782;
	color:#fff;
	box-shadow:0px 0px 5px rgba(0, 199, 130, 0.3);
}
.content .ads_text span{
	position:relative;
	padding-right: 23px;
	color:#5a5a5a;
}
.content .ads_text span:before{
	content:'';
	position:absolute;
	top:-3px;
    right: 0;
    background: url(images/icons.png) no-repeat 17% 21.5%;
	width:22px;
	height:25px;
}
.content .ads_text:hover span{
	color:#fff;
}
.content .ads_text:hover span:before{
	background-position:12.7% 21.5%;
}
.title.star {
    display: flex;
    justify-content: space-between;
}
.content aside .title.star:before{
	background-position:29% 21.5%;
}
.content .box{
	background:#fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin: 0 2px 15px;
    padding: 15px;
}
.content .box figure img {
    width: 100%;
}
.content article {
	background:#ebebeb;
	padding:3px;
	margin-bottom: 15px;
    border-radius: 5px;
}
.content article.topsongs {
	background: #1daef2;
}
.content article.ads {
	background: #607D8B;
}
.content article.ads img {
	width:auto;
}
.content article.topsongs .title{
    color: #ffffff;
}
.content article .title{
	color:#5c5c5c;
	position:relative;
	padding:11px 25px;
	margin: 0 5px;
}
.content article .title:before {
	content:'';
	position:absolute;
    top: 7px;
    right: 0;
    background: url(images/icons.png) no-repeat 36% 12%;
	width:20px;
	height:30px;
}
.content article .box{
	border-radius:0px 0px 5px 5px;
	box-shadow:none;
	margin:0;
}
.content article .box .top_box{
	text-align:center;
    padding: 0 0 10px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0 25px;
}
.content article .box .dl {
    display: block;
    color: #3d3d3d;
	padding:8px;
	position:relative;
}
.content article .box .dl:before{
	content:'';
	position:absolute;
    top: 4px;
    right: 0;
    background: url(images/icons.png) no-repeat 19% 65%;
	width:21px;
	height:21px;
}
.content article .box .update{
	color:#00c782;
	font-size:14px;
	position:relative;
}
.content article .box .update:before{
	content:'';
	position:absolute;
	top: -2px;
    right: -27px;
    background: url(images/icons.png) no-repeat 75% 65%;
	width:21px;
	height:21px;
}
.content article .box .top_box span{
	color:#8b8b8b;
	font-size:13px;
}
.content article .box .list{
	text-align:left;
	padding: 15px;
}
.content article .box .list ul li{
	padding:3px 25px;
	position:relative;
	transition:0.3s;
}
.content article .box .list.single ul li {
	display: flex;
    justify-content: space-between;
}
.content article .box .list.single ul li:hover {
	background:#eee;
}
.content article .box .list.single ul li .play {
    top: 0px;
    left: 4px;	
}
.content article .box .list ul li .play{
	content:'';
	position:absolute;
	top: 4px;
    left: 0;
    background: url(images/icons.png) no-repeat 61% 13%;
	width:21px;
	height:21px;
	cursor:pointer;
}
.content article .box .list ul li .pause {
	background-position:53.7% 13%;
}
.content article .box .list ul li a{
	color:#858585;
	font-size:12px;
}
.content article .box .list ul li span{
	color:#c7c7c7;
	font-size:10px;
}
.content article .box .list.single ul li span {
	text-align: center;
	color: #777777;
    font-size: 12px;
	min-width:120px;
}
.content article .box .list ul li span.hajm{
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	padding:0 5px;
	margin:0 5px;
}
.content article .box .list ul li a:hover{
	color:#202020;
}
.content .page_number_top{
	background:#f3f3f3;
	border-radius:4px;
	padding:8px;
	display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}
.content .page_number_top span{
	color:#3f3f3f;
	font-size:13px;
	padding: 5px 10px;
    border-radius: 6px;
	cursor:pointer;
	transition:0.3s all ease;
}
.content .page_number_top span:hover {
	background: #1daef2;
    color: #fff;
}
.content .page_number_top a{
	color:#606060b3;
	padding:0 3px;
	font-size:13px;
}
.content .page_number_top a:hover{
	color:#fff;
	background:#FFC107;
	border-radius:3px;
}
.content article .box.gray{
	background:#fafafa;
}
.content article .box.gray figure{
	margin: 30px;
}
.content .music{
	border:3px solid #ebebeb;
	background:#fafafa;
	padding:0;
}
.content .music .title_m {
	color:#000;
}
.content .music .title_m h1,.content .music .title_m h2 {
	font-size:15px;
	font-weight:bold;
}
.content article .title.msc{
	display:flex;
	justify-content:space-between;
	padding: 17px 20px;
}
.content article .title.msc:before{
    background-position:37% 20.5%;
	top: 9px;
}
.content article .title.msc span{
	background:#fff;
	border-radius:4px;
    padding: 2px 26px 2px 12px;
    color: #707070;
    position: relative;
    font-size: 12px;
}
.content article .title.msc span:before{
	content:'';
	position:absolute;
	top: -4px;
    right: 3px;
    background: url(images/icons.png) no-repeat 43% 21%;
	width:21px;
	height:21px;
}
.content article .pst {
    background: #fff;
	border-top:3px solid #f5f5f5;
	padding-bottom: 5px;
	border-radius: 0 0 5px 5px;
	text-align:center;
	padding:15px;
	font-size:14px;
}
.content article .pst.page {
	text-align:right;
}
.content article .pst p,.content article .pst h2,.content article .pst h3,.content article .pst h4,.content article .pst h5,.content article .pst h6 {
	font-size:14px;
	margin-bottom:10px;
}
.content article .pst img {
	width:100%;
	height:auto;
	padding:3px;
	background: #fff;
	box-shadow:3px 3px 9px rgba(0, 0, 0, 0.06);
}
.content article .pst .name_pst {
    text-align: center;
	margin:20px;
}
.content article .pst .name_pst h2{
	font-size:14px;
	color:#404040;
	font-weight:300;
}
.content article .pst .name_pst h2 a{
	color:#404040;	
}
.content article .pst .name_pst .info{
	color:#0074e0;
	padding:5px 0;
}
.content article .pst .foot_post{
	display:flex;
	justify-content:space-between;
	background: #f7f7f7;
    margin-top: 20px;
    padding: 10px;
}
.content article .pst .foot_post .infos{
	margin-right: 5px;
}
.content article .pst .foot_post .infos span{
	color:#686868;
	font-size:12px;
	padding:0 14px 0 10px;
	position:relative;
}
.content article .pst .foot_post .infos span a {
	color:#686868;
}
.content article .pst .foot_post .infos span:before{
	content:'';
	position:absolute;
    top: -3px;
    right: -11px;
    background: url(images/icons.png) no-repeat 12% 29%;
	width:20px;
	height:20px;
}
.content article .pst .foot_post .infos span.date:before{
	background-position:7% 29%;
}
.content article .pst .foot_post .infos span.view:before{
	background-position:1% 28.5%;
}
.content article .pst .foot_post .likes {
    margin-left: 10px;
	display: flex;
    flex-direction: row-reverse;
}
.content article .pst .foot_post .likes span{
	color:#686868;
	font-size:13px;
	padding: 3px 14px;
    position: relative;
    margin-right: 9px;
	cursor:pointer;
}
.content article .pst .foot_post .likes span i {
    font-style: normal;	
}
.content article .pst .foot_post .likes span:before{
	content:'';
	position:absolute;
    top: 0;
    left: -10px;
    background: url(images/icons.png) no-repeat 18% 29%;
	width:20px;
	height:20px;
}
.content article .pst .foot_post .likes span.unlike:before{
	background-position:24% 29%;
}
.content article .pst .web{
	display:flex;
	justify-content:space-between;
	padding: 20px 0px;
}
.content article .pst .web .share{
	display:flex;
}
.content article .pst .web .share a{
	position:relative;
	margin-left: 38px;
	transition:0.3s;
}
.content article .pst .web .share a:hover {
	opacity:0.7;
}
.content article .pst .web .share a:before{
	content:'';
	position:absolute;
    top: 0;
    right:0;
    background: url(images/icons.png) no-repeat 19% 38%;
	width:32px;
	height:32px;
}
.content article .pst .web .share a.gplus:before{
	background-position:9.5% 38%;
}
.content article .pst .web .share a.fb:before{
	background-position:1% 38%;
}
.content article .pst .web .share a.tel:before{
	background-position:18.5% 47.5%;
}
.content article .pst .web .more{
	background:#1daef2;
	color:#fff;
	box-shadow:2px 2px 11px rgba(29, 174, 242, 0.41);
	padding:9px 25px;
	font-size:15px;
	border-radius:4px;
	transition:0.3s;
}
.content article .pst .web .more:hover {
	opacity:0.7;
}
.content .page_number {
    padding: 15px;
    background: #fff;
    border: 3px solid #ebebeb;
	border-radius:7px;
}
footer{
	background:#242c39;
}
footer .foot_menu , footer .title.top {
    padding: 20px 0;
    border-bottom: 1px solid #131721;
}
footer .title {
	padding: 20px 0;
	color:#838b99;
	font-size:15px;
	font-weight:500;
	position:relative;
}
footer .title.top{
	padding-right:25px;
	display: flex;
    justify-content: space-between;
}
footer .title.top select {
    background: #1e2432;
    border: none;
    font-weight: 300;
    color: #838b99;
	border-radius: 6px;
    padding: 0 4px;
    font-size: 12px;
}
footer .title.top:before{
	content: '';
    position: absolute;
    top: 18px;
    right: 0;
    background: url(images/icons.png) no-repeat 31.6% 29%;
    width: 21px;
    height: 21px;
}
footer .list ul{
	margin-top:15px;
}
footer .list ul li{
	padding:3px 0;
	list-style-type: square;
    color: #414955;
}
footer .list ul li:hover{
	color:#ffa801;
}
footer .list ul li a{
	color:#ebebeb;
	display:block;
}
footer .list ul li a:hover{
	color:#ffa801;
}
footer .foot_menu ul li {
    display: inline-block;
}
footer ul li  a{
	color:#838b99;
	padding:2px 7px;
}
footer .foot_menu  ul li a:hover{
	color:#9d7200;
	background:#ffba00;
	border-radius:4px;
}
footer .tags .tg ul {
	display:flex;
}
footer .tags .tg a{
	color:#838b99;
	padding:1px 5px;
	font-size:13px;
}
footer .tags .tg a:hover{
	background:#1e2432;
	border-radius:4px;
}
footer .tamas {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    border-top: 1px solid #2d3848;
    border-bottom: 1px solid #2d3848;
    margin-top: 20px;
}
footer .tamas .icons{
	color:#838b99;
	font-size:15px;
	font-weight:500;
	padding-left:40px;
	position:relative;
}
footer .tamas .icons:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/icons.png) no-repeat 49% 29%;
    width: 31px;
    height: 21px;
}
footer .tamas span.icons {
    margin-right: 25px;
}
footer .tamas span.icons.tell:before{
	background-position:41% 29%;
}
footer .ozv .title{
	font-size:18px;
}
footer .ozv form {
    background: #374355;
    padding:5px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}
footer .ozv form  button.btn{
	background:#00c782;
	color:#fff;
	padding:6px 25px;
    border-radius: 5px;
	font-weight:300;
	border:none;
}
footer .ozv form button.btn:before{
	background:none;
}
footer .ozv form .btn:focus {
    box-shadow: none;
}
footer .ozv form input {
    background: transparent;
    border: none;
    padding: 0 10px;
	width: 65%;
}
footer .ozv  form  input::placeholder{
	color:#9da8b9;
	font-weight:300;
}
footer .copyright {
    background: #1e2432;
    margin-top:30px;
	color:#eeeeee;
}
footer .copyright span {
    display: block;
	text-shadow:0px 5px 11px rgb(0, 0, 0);
}
footer .copyright .flex{
	justify-content:end;
}
footer .copyright .text {
    margin: 13px 0;
}
footer .copyright span a{
	color:#eeeeee;
	font-weight:500;
}
footer .copyright .social {
    display: flex;
    justify-content: flex-end;
    margin: 17px;
    width: 39%;
}
footer .copyright .social .icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
	position:relative;
	margin: 0 5px;
}
footer .copyright .social .icon:before {
	content: '';
    position: absolute;
    top: 8px;
    left: -4px;
    background:url(images/icons.png) no-repeat 68% 39%;
    width: 40px;
    height: 21px;
}
footer .copyright .social .icon.tel:before{
	background-position: 60% 39%;
}
footer .copyright .social .icon.insta:before{
	background-position: 52% 39%;
}
footer .copyright .social .icon.gplus:before{
	background-position: 43% 39%;
}
footer .copyright .social .icon.tw:before{
	background-position: 34% 39%;
}
footer .copyright .social .icon.fb:before{
	background-position: 26% 39%;
}
footer .copyright .social .icon:hover{
	background:#ff0048;
}
footer .copyright .social .icon:hover:before{
	background-position: 83.8% 76.7%;
}
footer .copyright .social .icon.tel:hover:before{
	background-position: 75.7% 76.7%;
}
footer .copyright .social .icon.insta:hover:before{
	background-position:67.5% 76.7%;
}
footer .copyright .social .icon.gplus:hover:before{
	background-position: 58.8% 76.7%;
}
footer .copyright .social .icon.tw:hover:before{
	background-position: 49.5% 76.7%;
}
footer .copyright .social .icon.fb:hover:before{
	background-position: 41.8% 76.7%;
}
.gotop {
	position: fixed;
	bottom: 12px;
    right: 26px;
    background: url(images/icons.png) no-repeat 0% 53%;
	width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: #fcfcfc;
    box-shadow: 0px 0px 12px rgba(199, 194, 194, 0.2784313725490196);
}
.gotop:hover{
	background-position: 8% 53%;
    background-color: #1daef2;
    box-shadow: 0px 0px 12px rgba(29, 174, 242, 0.32);
}
/*single*/
.content .social_sngl{
	display:flex;
	justify-content:space-between;
}
.content .social_sngl a{
	background:#313131;
	color:#fff;
    padding: 7px 40px;
    border-radius: 6px;
    position: relative;
    width: 48%;
	transition:0.3s all ease;
}
.content .social_sngl a.insta {
	background: #313131;
}
.content .social_sngl a:before{
	content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(images/icons.png) no-repeat 12% 65%;
    width: 28px;
    height: 28px;
}
.content .social_sngl a.insta:before{
	background-position:4% 65%;
}
.content .social_sngl a:hover{
	opacity:0.8;
}
.content .lyrics {
    text-align: center;
    padding: 0 20px;
}
.content .lyrics .title_lrc h2 {
    font-size: 15px;
    margin-top: 20px;
	margin-bottom:10px;
}
.content .lyrics .title_lrc h2 a{
    color: #3e3e3e;	
}
.content .lyrics p{
	color:#3e3e3e;
}
.content .dl_sngl a {
    display: block;
    text-align: center;
    margin: 10px;
    color: #fff;
    background: #1daef2;
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 11px;
    border-radius: 6px;
    box-shadow: 0px 0px 14px rgba(29, 174, 242, 0.36);
	transition:0.3s all ease;
	position:relative;
}
.content .dl_sngl a:hover{
	background:#f21659;
	box-shadow:0px 0px 14px rgba(242, 22, 89, 0.37);
}
.content .dl_sngl a:before{
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    background: url(images/icons.png) no-repeat 33.5% 65.5%;
    width: 35px;
    height: 32px;
    background-color: #fff;
    border-radius: 5px;
}
.content .dl_sngl a:hover:before{
	background-position: 23.8% 65.5%;
}
.content .plyer_sngl{
	background:#f2f2f2;
	padding:5px 0;
    margin-top: 25px;
}
.content .plyer_sngl .icons {
    display: flex;
    justify-content: space-between;
	padding:10px;
	cursor:pointer;
}
.content .plyer_sngl .icons .icon.play {
    background-position: 47% 52%;
    width: 25px;
    height: 27px;
    right: auto;
    position: relative;
    top: 2px;
}
.content .plyer_sngl .icons .icon.pause {
	background-position: 79% 52%;
}
.content .plyer_sngl .icons .icon.repeat{
	background-position:30% 51.9%;
}
.content .plyer_sngl .icons .icon.repeat.active{
	background-position:30% 59.5%;
}
.content .plyer_sngl  .seekvol{
	background:#fff;
	margin-top: 8px;
}
.content .plyer_sngl  .seekvol.seekbarvol{
	background:#bfbfbf;
}
.content .plyer_sngl .seek{
	background:#fff;
	width:80%;
}
.content .plyer_sngl .seek .seekbar{
	background:#1daef2;
}
.content .plyer_sngl .icon.vol {
    margin-top: 6px;
}
.content .sngl .link {
    background: #f3f3f3;
    padding: 4px 14px 4px 35px;
    position: relative;
    border-radius: 4px;
	margin-top: 5px;
}
.content .sngl .link:before{
	content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    background: url(images/icons.png) no-repeat 72% 52%;
    width: 20px;
    height: 15px;
    border-right: 1px solid #8e8e8e36;
    padding-right: 25px;
}
.content .sngl .link input {
	border:0;
	background:transparent;
	color: #8e8e8e;
    font-size: 12px;
}
.content .msc_list .title {
	color: #5c5c5c;
    position: relative;
    padding: 11px 25px !important;
    margin: 0 5px;
}
.content .msc_list .title:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    background: url(images/icons.png) no-repeat 36% 12%;
    width: 20px;
    height: 30px;
}
.content .msc_list .title.related:before {
    background-position: 43% 65%;
    right: 3px;
}
.content .msc_list .related {
    background: #fff;
	padding:15px 5px;
}
.content .msc_list .related li {
	padding:5px;
	display:flex;
	justify-content:space-between;
}
.content .msc_list .related li a{
	color:#5a5a5a;
	font-size:12px;
	display:block;
}
.content .msc_list .related li:hover{
	background:#f3f3f3;
}
.content .msc_list .related li:hover a{
	color:#1daef2;
}
.content .msc_list .related li .info {
	visibility:hidden;
	opacity:0;
	position:relative;
}
.content .msc_list .related .info i {
	font-style:normal;
}
.content .msc_list .related .info span {
	position:relative;
	padding-left: 25px;
	font-size: 12px;
    color: #8a8a8a;
}
.content .msc_list .related .info span:before{
	content: '';
    position: absolute;
    top: -3px;
    left: 0;
    background: url(images/icons.png) no-repeat  58.5% 65.5%;
    width: 20px;
    height:20px;
}
.content .msc_list .related li .info span.view:before{
	background-position:52% 65%;
}
.content .msc_list .related li:hover .info{
	visibility:visible;
	opacity:1;
}
.content .msc_list .title.cmm {
    display: flex;
    justify-content: space-between;
	padding:11px 40px 11px 10px;
}
.content .msc_list .title.cmm:before{
	background-position:68% 66%;
	right: 0px;
}
.content .msc_list .title.cmm  .tedad{
	color:#b9b9b9;
	font-size:12px;
}
.content .box_singl {
	border: 3px solid #ebebeb00;
    margin-top: 12px;
}
.content .msc_list.comment form{
	background:#fff;
	padding:15px;
}
.content .msc_list.comment form .inp {
    display: flex;
    justify-content: space-between;
}
.content .msc_list.comment form input , .content .msc_list.comment form textarea {
    background: #f3f3f3;
    border: 1px solid #d6d6d6;
    padding: 7px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #f3f3f3;
    width: 49%;
	font-weight:300;
	color:#afafaf;
	font-size:12px;
	transition:0.3s;
}
.content .msc_list.comment form textarea{
	width:100%;
	height:150px;
	margin-top:10px;
	margin-bottom:5px;
}
.content .msc_list.comment form input:focus , .content .msc_list.comment form textarea:focus{
	border:1px solid #f21659;
	background:#fff;
}
.content .msc_list.comment form .btn span {
    color: #585858;
    margin: 8px 0;
}
.content .msc_list.comment form .btn {
	font-size:12px;
	font-weight:300;
	display:flex;
	justify-content:space-between;
	padding: 10px 0;
}
.content .msc_list.comment form .btn button{
	background:#f21659;
	color:#fff;
	border-radius: 4px;
    padding: 4px 20px;
    font-size: 16px;
    font-weight: 300;
    box-shadow: 0px 0px 10px rgba(242, 22, 89, 0.33);
	border:0;
}
.content .msc_list.comment form .btn button:before{
	background:none;
}
.content .msc_list.comment form .btn button:focus{
	outline: none;
}
.box_singl .cmnt {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px rgba(110, 109, 136, 0.27);
}
.box_singl .cmnt  span.name_admin ,.box_singl .cmnt  span.name_usr{
    color: #f21659;
}
.box_singl .cmnt  span.goft {
    color: #29292a;
}
.box_singl .cmnt  span.date {
    color: #bcbcbc;
    font-size: 13px;
}
.box_singl .cmnt p {
    color: #313131;
    padding: 15px;
    text-shadow: 0px 0px 35px rgba(6, 6, 6, 0.43);
}
.cmnt.admin .cm_title {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}
.box_singl .cmnt.admin {
    margin-right: 40px;
}
/*size 768*/
.response_head {
    display: none;
    background: #3eb4df;
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999;
}
.response_head .reponsesearch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #40372a;
    display: none;
}
.response_head .imgs {
    padding: 5px 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.21);
}
.response_head .reponsesearch form {
    display: flex;
    padding: 10px;
    position: relative;
}
.response_head .reponsesearch label {
    width: 30px;
    height: 30px;
    background: url(images/icons.png) no-repeat 34.5% 66.5%;
    margin-top: 5px;
    margin-right: 11px;
    margin-bottom: 0;
    opacity: 0.5;
}
.response_head .reponsesearch form input[type=text] {
    width: 100%;
    border: 0;
    padding: 7px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid #6b5e4c;
}
.response_head .reponsesearch form input[type=submit] {
    display: none;
}
.response_head .close {
    background: url(images/icons.png) no-repeat 22.7% 67.5%;
    width: 30px;
    height: 30px;
    padding: 25px;
    position: absolute;
    left: 8px;
    top: 5px;
}
.response_head .img {
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    padding: 25px;
}
.response_head .img.sc {
    background-position:31% 76%;
}
.response_head .img.nv {
    background-position: 13% 76%;
}
.loader {
	border: 3px solid #5d5959;
    border-radius: 50%;
    border-top: 3px solid #1daef2;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
	top: 4px;
	left: 4px;
    position: relative;
	visibility:hidden;
	opacity:0;
	transition:0.3s;
}
.loader.active {
	visibility:visible;
	opacity:1;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0px;
    overflow-x: visible;
    transition: 0.5s;
	display:none;
}
.sidenav .layer {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
	display:none;
}
.sidenav .scroll {
	height: inherit;
    overflow-y: scroll;
    direction: rtl;
    margin-bottom: 20px;
    overflow-x: hidden;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
    width: 85%;
    z-index: 2;
    position: absolute;
    right: -1000px;	
    background: #FFF;
}
.sidenav .head {
    background: #3eb4df;
    padding: 20px;
    width: 100%;
    position: relative;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.07058823529411765);
	display: flex;
    justify-content: center;
}
.sidenav .head .logoside {
	background-image: url(images/icons.png);
    background-repeat: no-repeat;
	background-position: 0% 2%;
    width: 72px;
    height: 30px;
    padding: 25px;
}
.sidenav .head .title {
	color:#fff;
	display: inline;
}
.sidenav .head form {
	display: flex;
}
.sidenav .head form input[type=text] {
	width: 100%;
    background: #ffffff;
    border: 0;
    padding: 10px;
    color: #383838;
    font-size:14px;
}
.sidenav .head form input[type=text]::placeholder {
	color:#afaca7;
}
.sidenav .head form input[type="submit"] {
    padding: 0 13px;
    background: url(images/icons.png) no-repeat 0% 0.5% #FFF;
    width: 38px;
    height: 34px;
    position: absolute;
    left: 25px;
    top: 42px;
    cursor: pointer;
    border: 0;
}
.sidenav .head .title a {
	display:block;
	color:#FFF;
}
.sidenav .head i {
	color:#fff;
	float:left;
	padding: 3px;
	transition:0.3s all ease;
	cursor:pointer;
	font-size:18px;
}
.sidenav .head i:hover {
	color:#ac98ca;
}
.sidenav .sep {
	background:#eee;
	padding:13px;
}
.sidenav .links .menu {
    background: transparent;
    padding: 0;	
	display:block;
}
.sidenav .links .drop {
	padding:10px 13px;
	font-size:15px;
	cursor:pointer;
	border-bottom: 1px solid #dee5e7;
	color:#707070;
}
.sidenav .links .drop.active {
	background:#f1f1f1;
}
.sidenav .links .drop:hover {
	background:#f7fafb;
}
.sidenav .links .angle {
	color:#888;
	float:left;
	padding: 2px;
	transition:0.3s all ease;
	cursor:pointer;
}
.sidenav .links .under {
	display:none;
}
.sidenav .links .under.show {
	display:block;
}
.sidenav .links .under .list,.sidenav .links ul li  {
	border-bottom: 1px solid #efefef;
	direction: rtl;
    text-align: right;
	display:block;
}
.sidenav .links .under .list a,.sidenav .links ul li a {
	padding:13px 13px;
	font-size:13px;
	color:#313131;
	display:block;
}
.sidenav .links .under .list a:hover,.sidenav .links ul li a:hover {
    background: #454545;
    color: #FFF;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);	
}
.sidenav .login_div {
    display: flex;
}
.sidenav .login_div .avt img {
    border-radius: 100%;
}
.sidenav .login_div .uname {
    margin-top: 22px;
    margin-right: 14px;
}
.response_head {
    display: none;
    background:#3eb4df;
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 0;
	right: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 999999;
}
.response_head .reponsesearch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #3eb4df;
    display: none;
}
.response_head .reponsesearch form {
    display: flex;
    padding: 21px 10px 10px;
    position: relative;
}
.response_head .reponsesearch label {
    width: 38px;
    height: 30px;
    background: url(images/icons.png) no-repeat 32% 77.5%;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0;
    opacity: 0.5;
}
.response_head .reponsesearch form input[type=text] {
    width: 100%;
    border: 0;
    padding: 7px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    background: transparent;
    border-bottom: 1px solid #eee;
}
.response_head .reponsesearch form input[type=text]::placeholder {
	color:#3383a0;
}
.response_head .reponsesearch form input[type=submit] {
    display: none;
}
.response_head .close,.sidenav .close,.sidenav .cls_side {
    background: url(images/icons.png) no-repeat 23% 80.5%;
    width: 30px;
    height: 30px;
    padding: 25px;
    position: absolute;
    left: 8px;
    top: 5px;
}
.response_head .close {
	opacity:0.6;
	top: 17px;
}
.response_head .imgs {
    padding: 5px 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.21);
}
.response_head .img {
	margin-top: 9px;
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    padding: 25px;
}
.response_head .img.nv {
    background-position:12% 78.5%;
}
.response_head .img.sc{
	background-position:31% 78.5%;
}
#wp_page_numbers {
    padding: 15px;
    background: #fff;
	border-radius:7px;
	box-shadow: 0px 2px 4px rgba(191, 189, 189, 0.31);
	margin-bottom:15px;
}
#wp_page_numbers ul{
	display:flex;
	flex-direction: row-reverse;
	justify-content:center;
}
#wp_page_numbers ul li{

}
#wp_page_numbers ul li a{
	color:#727272;
	font-weight:500;
	transition:0.3s all ease;
	padding: 0 10px;
}
#wp_page_numbers ul li a:hover{
	color:#2196F3;
}
#wp_page_numbers ul li.active a{
	color:#727272;
}
.tag_single {
	margin-top:15px;
}
.tag_single a {
	background: #e6e6e6;
    color: #717171ee;
    padding: 3px 7px;
    margin: 4px;
    display: inline-block;
    font-size: 12px;
	transition:0.3s;
}
.tag_single a:hover {
	background: #fdfdfd;
}
video#videoplayer {
    margin: 20px 0;
    width: 100%;
}
.dl_img {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
	background:#fff;
}
.dl_img:before {
    content: "ADs";
    position: absolute;
    top: 0;
    left: 0;
    background: #EEE;
    color: #a5a5a5;
    padding: 2px 10px;
    border-radius: 5px 0px 0px 0px;
    font-size: 11px;
}
.dl_img img {
	width: auto !important;
}