@charset "utf-8";
/*
Theme Name: farskids
Theme URI: https://farskids.com
Author: https://farskids.com
Author URI: https://farskids.com
Description: farskids
Version: 3.0
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup,menu,output,section,summary,time,mark,audio,video{
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display: block;}
body{line-height: 1px;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
.aligncenter,img.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;margin-top: 15px;margin-bottom: 15px;text-align:center;}
.alignright,img.alignright{float: right;margin: 0 0 15px 15px;}
.alignleft,img.alignleft{float: left;margin: 0 15px 15px 0;}
img{max-width: 100%;height: auto;}
table{border-collapse: collapse;border-spacing: 0;}
ul,ul li{list-style-type: none;}
a{text-decoration: none;transition: 0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
a:hover{transition: 0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.clear{clear: both;}
.clear2{clear: both;padding: 7px 0;}
.clear3{clear: both;padding: 14px 0;}
strong{font-weight: bold;}

.h1_hidden_home{display: none;visibility: hidden;opacity: 0;}

@font-face{font-family:vazir;font-style:normal;font-weight:400;src:url(ykn.woff2) format("woff2");font-display:swap}

input,button,textarea{font-family: vazir,tahoma;
transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body{background: #f1f1f1;color: #333;font-family: vazir,tahoma;font-size: 14px;line-height: 25px;direction: rtl;text-align: right;overflow-x: hidden;font-weight: 400;}
a{color: #333;}
.tarlanweb_center{width: 1300px;height: auto;margin: 0 auto;}



#header{width: 100%;height: auto;position: relative;z-index: 88888;padding: 30px 0;
background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.darkHeader{background: #fff;padding: 7px 0 !important;position: fixed !important;top: 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.logo_top{width: 150px;height: 40px;float: right;line-height: 0;margin-left: 15px;}
.logo_top a{display: block;line-height: 0;}

.menu_right{width: 45%;float: right;margin-top: 3px;}
.menu_right > ul > li{float: right;margin-left: 5px;}
.menu_right > ul > li:last-child{margin-left: 0;}
.menu_right > ul > li > a{padding: 5px 12px;font-size: 16px;display: inline-block;position: relative;font-weight: 500;
border-radius: 5px;}
.menu_right ul li a:hover,.night .menu_right ul li a:hover{background: #aa2712;color: #fff;}
.menu_right > ul > li > a:hover,.menu_right > ul > li > a:focus,.menu_right > ul > li > a:active{}
.menu_right > ul > li > a:hover:before,.menu_right > ul > li > a:focus:before,.menu_right > ul > li > a:active:before {
-webkit-transform: scale(1);transform: scale(1);}
.menu_right .menu-item-has-children::after{font-family: 'IcoFont';content: '\eac8';
position: absolute;left: 5px;bottom: 0;
transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}
.menu_right .menu-item-has-children:hover::after{transform: rotate(180deg);-moz-transform: rotate(180deg);
transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}
.menu_right .menu-item-has-children:hover::after{color: #333;}
.menu_right .menu-item-has-children:hover,.menu_right ul ul .menu-item-has-children{}
.menu_right > ul > li.menu-item-has-children > a{padding: 0 6px 0 20px;}
.menu_right > ul > li.menu-item-has-children:hover > a{background: #aa2712;color: #fff;}
.menu_right .menu-item-has-children:hover > a,.menu_right ul ul .menu-item-has-children:hover > a{background: #aa2712;color: #fff;}
.menu_right ul ul .menu-item-has-children:hover > a:before{background: #aa2712;color: #fff;}
.menu_right ul ul .menu-item-has-children::after{position: absolute;
font-family: 'IcoFont';content: '\eac9';font-size: 15px;bottom: 5px !important;left: 10px;}
.menu_right .current-menu-item,.menu_right .current-menu-parent,.menu_right .current-post-parent{}
.menu_right li {position:relative;margin:0px;}
.menu_right li ul.sub-menu {width:200px;position:absolute;margin-top:15px;z-index:999999999;
display:none;background: #333;text-align: right;padding: 15px;border-top: unset;
border-radius:7px;}
.menu_right li ul ul.sub-menu {margin-top: 0;}
.menu_right ul ul li{width: 100%;height: 30px;position: relative;float: right;margin: 3px 1.5%;}
.menu_right ul ul li a {width: 100%;padding:0 10px;position: relative;font-size: 13px;border-radius: 5px;
display: block;height: 30px;line-height: 30px;}
.menu_right > ul > li > ul.sub-menu {top:100%;right: 0;}
.menu_right li li ul {top:0px;right:100%;}
.menu_right li a {display: block;}
#searches{
    width: 220px;
    height: 30px;
    position: relative;float: left;margin: 6px 10px 0 0;
    border-radius:25px;
}
#lsds{
    width: 100%;
    border: none;
    position: absolute;
    left: 0;
    outline: unset;
    background: rgba(167,167,167,.3);color: #444;
    height: 30px;
    text-indent: 10px;font-size: 12px;
    border-radius:25px;
}
#searches button{width: 40px;height: 30px;font-size: 18px;text-align: center;
border: none;position: relative;outline: unset;border-radius: 25px;line-height: 33px;
cursor: pointer;float: left;background: rgba(167,167,167,.3);color: #444;}
#searches button:hover{background: #aa2712;color: #fff;}
.socials_box{float: left;margin-top: 6px;direction: ltr;}
.socials_box a{float: left;width: 30px;height: 30px;margin-right: 7px;text-align: center;line-height: 30px;font-size: 20px;border-radius: 3px;}
.socials_box a.icofont-facebook:hover{background: #4285f4;}
.socials_box a.icofont-paper-plane:hover{background: #08c;}
.socials_box a.icofont-instagram:hover{background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}
.socials_box a.icofont-whatsapp:hover{background: #42e960;}
.socials_box a.icofont-twitter:hover{background: #00aced;}
.socials_box a.icofont-youtube-play:hover{background: #aa2712;}
.socials_box a.icofont-movie:hover{background: #ed145b;}
.socials_box a:hover{color: #fff;}
#footer .socials_box{float: none;margin: 10px auto;}
#footer .socials_box a{display: inline-block;float: none;margin: 5px;}

.dark_light_mode{width: 110px;height: 24px;float: left;position: relative;margin: 9px 0 0 10px;}
#mobiles_header .dark_light_mode{margin-top: 21px;}
.dark_light_mode i{font-size: 24px;margin-top: 0;}
.dark_light_mode .icofont-moon{float: right;}
.dark_light_mode .icofont-sun{float: left;}
.dark_active .icofont-moon{float: left;}
.dark_active .icofont-sun{float: right;}
.toggle_modes {
  position: absolute;margin: auto;
  left: 0px;right: 0;top: 0;
  background: #ff8c00;
  width:50px;
  height: 24px;
  cursor: pointer;
  border-radius: 20px;
  transition: 0.5s;
}
.toggle_modes.active {background: #19191b;}
.toggle_modes:before {
  left: 3px;top: 2px;
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  transition: 0.5s;
}
.toggle_modes.active:before {left: 27px;background: #fff;}
.dark_active .icofont-moon{float: left;}
.dark_active .icofont-sun{float: right;}
.vip_img_box{width: 100%;height: auto;clear: both;margin: 30px 0;}
.vip_img_box ul{margin: 0 -10px;}
.vip_img_box ul li{width:50%;float: right;padding: 10px;}
.vip_post{width: 100%;position: relative;direction: rtl;margin: auto;}
.vip_post figure{margin-bottom: 10px;}
.vip_post figure,.vip_post figure a{line-height: 0;display: block;}
.vip_post a img{width: 100%;border-radius: 7px;max-height:360px;}
.ft_box_format{font-family: tahoma;position: absolute;right: 10px;top: 10px;font-size: 10px;font-weight: bold;
padding: 10px 5px;color: #000;background: #fff;line-height: 0;text-transform: capitalize;border-radius: 3px;}
.vip_post header h2{width: 100%;height: auto;margin: 10px 0 5px 0;}
.vip_post header h2 a{display: block;font-size: 15px;font-weight: bold;}
.vip_post header h2 a:hover{color: #aa2712;}

.song_boxs{width: 100%;height: auto;position: relative;margin: 20px 0;}
.songs_title_box{width: 100%;height: auto;clear: both;}
.songs_title_box h3,.songs_title_box h1,.songs_title_box h2{font-size: 18px;float: right;
font-weight: bold;border-bottom: 1px solid #aa2712;padding-bottom: 15px;}
.songs_title_box a{float: left;padding: 2px 10px;border: 1px solid #ddd;margin-top: -3px;background: #fff;
border-radius: 5px;}

.songs_title_box a:hover{border: 1px solid #aa2712;background: #aa2712;color: #fff;}
.song_boxs_posts,.artist_boxs{width: 100%;height: auto;clear: both;}

.song_boxs_posts ul{margin: 0 -15px;}
.song_boxs_posts ul li{width: 16.66%;height: auto;padding: 15px;float: right;}
.songs_post{width: 100%;position: relative;height: 265px;background: #fff;
box-shadow: 0 6px 20px rgba(28,76,156,.1);border-radius: 7px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.songs_post header figure{margin-bottom: 10px;}
.songs_post header figure img{width:100%;border-radius: 5px 5px 0 0;}
.songs_post header figure a{display: block;line-height: 0;}
.songs_post header h2 a{display: block;font-size: 16px;font-weight: 500;padding: 0 15px;}
.songs_post header h2 a span{display: block;font-size: 13px;}

.artist_boxs a{width: 180px;height: 180px;display: block;margin: 0 auto;text-align: center;}
.artist_boxs a img{width: 150px;height: 150px;border-radius: 50%;margin: 0 auto;display: block;}
.artist_boxs a span{display: block;margin-top: 5px;}

.songs_post:hover,.artist_boxs a:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08);}

.archive_txt_box{width: 100%;height: auto;clear: both;}

#footer{width: 100%;height: auto;clear: both;padding: 60px 0;position: relative;background: #1d1f28;
color:#fff;text-align: center;}
#footer nav li{display: inline-block;}
#footer nav li a{padding: 5px 15px;color:#fff;border-radius: 5px;}
#footer nav li a:hover,.night #footer nav li a:hover{background: #aa2712;}
#footer p{margin-bottom: 5px;}
#footer a{color:#fff;}
.pagination_box{width: 100%;height: auto;clear: both;margin: 25px 0 50px 0;}
.pagination{width: 100%;list-style: none;box-sizing: border-box;text-align: center;}
.pagination li {width: 40px;height: 40px;display: inline-block;padding: 0;float: none;margin:4px;}
.pagination li a,.pagination li .inactive,.pagination .current{width: 40px;height: 40px;text-align: center;
line-height: 44px;font-size: 18px;background: #111;display: inline-block;color:#fff;
border-radius: 5px;}
.pagination .current,.pagination li a:hover{color: #fff;background: #aa2712;}




#ads_top,#ads_top_dl{width: 100%;height: auto;padding: 15px 0;text-align: center;}


#breadcrumbs_container {
    width: 100%;
    margin: 0 auto;margin-bottom: 25px;
    padding: 15px 0;
    background: rgba(167,167,167,.3);
}




.tooltip {
    position: relative;
}
.tooltip .tooltiptext {
    visibility: hidden;font-size: 13px;
    position: absolute;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltiptext2 {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}
.tooltip:hover .tooltiptext2 {
    visibility: visible;
}
.tooltip-right {
  top: -5px;
  left: 125%;  
}
.tooltip-right2 {
  top: -5px;
  left: 105%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom2 {
  top: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}
.tooltip-top2 {
  bottom: 115%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}

.tooltip-left2 {
  top: -5px;
  bottom:auto;
  right: 105%;  
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.tooltip .tooltiptext-bottomarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext-bottomarrow::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext-bottomarrow {
    visibility: visible;
}

.tooltip .tooltiptext-toparrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext-toparrow::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext-toparrow {
    visibility: visible;
}

.tooltip .tooltiptext-leftarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}
.tooltip .tooltiptext-leftarrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext-leftarrow {
    visibility: visible;
}
.tooltip .tooltiptext-rightarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}
.tooltip .tooltiptext-rightarrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext-rightarrow {}
 

.comments_boxes_p ul{margin: 7px 0;}
.comments_boxes_p li{position: relative;padding-right: 22px;}
.comments_boxes_p li::before {
    content: "\eed6";
    font-family: IcoFont !important;
    vertical-align: middle;
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #43b649;
}
#comment-nav-above{text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
box-shadow: 1px 1px 7px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);-ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);margin: 5px auto;border: none;
display: table;white-space: nowrap;padding: 3px;}
#comment-nav-above a,#comment-nav-above span {padding: 7px 14px;display: inline-block;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#comment-nav-above a:focus,#comment-nav-above a:hover,#comment-nav-above span.current {background: #e54a3a;color: #fff;}

#comments,.woocommerce-Reviews{width: 100%;height: auto;margin: 10px auto;}
#commentform{width: 100%;height: auto;margin: 0 auto;}
.comment-form-rating{width: 100%;float: right;margin-bottom: 0 !important;}
.right-commentss{width: 100% !important;height: auto;float: right;}
.leftss00{width: 100%;float: left;}
.comment-form-author{width: 49.4%;float: right;}
.comment-form-email{width: 49.4%;float: left;}
.comment-form-url{display: none;}

textarea#comment,.woocommerce #review_form #respond textarea,#reviews textarea{width: 100% !important;
height: 150px !important;float: left !important;margin-bottom: 5px;}
.comment-form-comment{width: 100%;height: auto;float: none;margin: 0 auto;}
.side_boxs select{width: 90% !important;height: 30px;margin: 15px auto;float: none !important;}
#comments input#author,#comments input#email,#comments input#url,#reviews input#url,
#reviews input#email,#reviews input#author,.side_boxs select,
#edd_checkout_form_wrap input[type="text"],#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="password"],#edd_checkout_form_wrap input[type="tel"],
#edd_checkout_form_wrap textarea,.rkianoosh_txt form input{
  width: 100%;
  height: 40px;
  float: right;
  position: relative;
  font-size: 13px !important;
background: rgba(255,255,255,0.2);color: #fff;
border: 1px solid rgba(255,255,255,0.2);
  text-indent: 10px;
  border-radius: 5px;
}
.rkianoosh_fields input[type="submit"]{color: #fff !important;}


.wpcf7-quiz-label{width: 100%;clear: both;display: block;}
.wpcf7-form-control-wrap {position: unset !important;}

.comment-form-comment textarea#comment{width: 100% !important;}
.logged-in .comment-form-comment textarea#comment{width: 100% !important;}
.comment-form-comment textarea#comment,#reviews textarea,.rkianoosh_txt form textarea{
  font-size: 13px !important;
  height: 150px;background: rgba(255,255,255,0.2);color: #fff;
border: 1px solid rgba(255,255,255,0.2);
  padding: 10px;
  position: relative;
  text-align: justify !important;
  float: left;border-radius: 5px;}
.rkianoosh_txt form textarea,.rkianoosh_txt form input[type="submit"]{float: right !important;clear: both;}
#comments input#author,#comments input#email,#comments input#url,#comments textarea#comment,
#reviews input#author{transition: all 0.5s;margin:0 0 10px 0;}
.form-submit #submit,#reviews #submit,.rkianoosh_txt form input[type="submit"]{
width: 110px !important;
height: 40px !important;
font-size: 15px;border: unset;outline: unset;
cursor: pointer;
float: left;
background: #ff8c00;
color: #fff;
box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
border: 1px solid transparent;
border-radius: 3px;
}
.form-submit #submit:hover,.rkianoosh_txt form input[type="submit"]:hover{color: #fff;background: #aa2712;}
.bypostauthor{}
.comment-content{width: 100%;float: left;height: auto;position: relative;text-align: justify;}
.rkianoosh_ir_com{width: 100%;position: relative;margin-top: 5px;}
#respond{width:100%;height:auto;margin-bottom: 25px;}
.commentlist li{width:100%;height:auto;margin:0 auto;position: relative;border: 1px solid rgba(0,0,0,0.4);
padding:10px 15px;margin-bottom: 15px;background: rgba(255,255,255,0.2);
border-radius: 5px;}
.commentlist li footer{border-bottom: 1px solid rgba(0,0,0,.4);padding-bottom: 5px;margin-bottom: 5px;}

#reply-title{margin:0 20px;font-size: 14px;}
.left_kianoosh_like{width: auto;float: right;text-align: center;margin: 3px 7px 0 0;
font-size: 13px;padding: 0;line-height: 25px;}
.comments_likes{width: 40%;float: right;display: inline-grid;}
.comment-date{float: left;text-align: left;padding: 0;}
#comments .avatar,.woocommerce-Reviews .avatar{
  width: 45px !important;
  height: 45px !important;
  border-radius: 3px;
}
.fn{line-height: 30px;float: right;font-size: 15px;position: relative;z-index: 2;}
.fn a{color: #49962d !important;}

.comment-meta{padding-bottom: 0;padding: 0 !important;width: 50px;display: none;
position: absolute;right: 15px;top: 20px;
margin-top: 0 !important;border-top: none !important;}
.comment-replay{float: left;}
.comment-replay a{text-align: center;float: left;}
.comment-replay a::before{content: "\efd4";font-family: IcoFont !important;vertical-align: middle;margin-left: 5px;}
.comment-replay a:hover{}

#commentnotes{font-size:10px;}
.comment .depth-2,.comment .depth-3,.comment .depth-4,.comment .depth-5{width:97%;margin-bottom: 15px;}
.comment-title{font-size: 16px;padding: 15px;}
.attachment-shop_thumbnail{width: 23%;height: 50px;padding: 0.5%;margin: 5px 0.48%;float: right;border: 1px solid #D4D4D4;}




.responsive-menu-button-inner {position: absolute;width: 24px;height: 2px;
left: 0;top: 0;bottom: 0;right: 0;margin: auto;background-color: #afafaf;}
.panel-menu-button-inner::after,.panel-menu-button-inner::before,.responsive-menu-button-inner::after,
.responsive-menu-button-inner::before {content: "";
-webkit-transition: transform .45s cubic-bezier(.5,-.6,.19,1),top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out;
-webkit-transition: top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out,-webkit-transform .45s cubic-bezier(.5,-.6,.19,1);
transition: top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out,-webkit-transform .45s cubic-bezier(.5,-.6,.19,1);
transition: transform .45s cubic-bezier(.5,-.6,.19,1),top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out;
transition: transform .45s cubic-bezier(.5,-.6,.19,1),top .45s cubic-bezier(.5,-.6,.19,1),bottom .45s cubic-bezier(.5,-.6,.19,1),background .3s ease-in-out,-webkit-transform .45s cubic-bezier(.5,-.6,.19,1);
}
.panel-menu-button-inner,.panel-menu-button-inner::after,.panel-menu-button-inner::before,
.responsive-menu-button-inner,.responsive-menu-button-inner::after,.responsive-menu-button-inner::before{
position: absolute;width: 24px;height: 2px;background-color: #afafaf;}
.panel-menu-button-inner::before,.responsive-menu-button-inner::before{bottom: -7px;}
.panel-menu-button-inner::after,.responsive-menu-button-inner::after{top: -7px;}
.responsive-menu-button-inner::after, .responsive-menu-button-inner::before{right: 0;}

#mobiles_header{width:100%;height: 65px;position:fixed;top:0;right:0;left:0;
z-index:99999999999;background: #fff;padding:0 2%;box-shadow:0 0 20px rgba(0,0,0,0.4);}
#cssmenu{}
.navicon{height:40px;width:40px;line-height: 43px;float:left;cursor:pointer;position: relative;
font-size: 20px;text-align: center;background: #111;color: #fff;margin:12px 10px 0 0;
border-radius: 4px;}
#mobiles_header .circle_hlink{height:40px;width:40px;line-height: 43px;float: left;text-align: center;
cursor: pointer;background: #111;color: #fff;position: relative;font-size: 20px;margin:12px 10px 0 0;
border-radius: 4px;}

#mobiles_header .login_register_url{height:46px;width:46px;line-height: 49px;font-size: 25px;padding: 0;
margin:10px 15px 0 0 !important;text-align: center !important;}



.mobiles_menu{width: 240px;height: 100%;position: fixed;overflow-y: auto;float: none;
right: 0px;top: 0;background: #333;z-index: 999999999;margin: 0px -262px 0px 0px;}

.bodydeactive{width:100%;height:100%;background:rgba(0, 0, 0, 0.4);position:fixed;z-index:99999999;
display:none;top:0px;right: 0;left: 0;bottom: 0;}

.top_logo_title{width:100%;height:auto;background:#424141;text-align:center;position:relative;padding: 15px 0;margin-bottom: 10px;}
.top_logo_title a{display: block;width: 100%;height: auto;clear: both;color: #fff;}
.top_logo_title img{display: block;margin: 0 auto;padding: 10px 0;}
.top_logo_title span{padding-bottom: 10px;display: block;}

.search_icons{font-size: 18px;margin-left: 0;}
.search_mobile_box{}
.logo_mobiles{height: 40px;line-height: 0;margin-top: 12px;float: right;}
.logo_mobiles figure{width: 150px;height: 40px;}
.logo_mobiles span{display: block;line-height: 20px;}
.mob_titles_h1{font-size: 16px;margin-top: 10px;font-weight: bold;}
.mob_titles_h2{font-size: 12px;}

.searches_mobile{width: 100%;height: 65px;margin: 0 auto;display: none;z-index: 9999999999;
position:absolute;right: 0;left: 0;top: 0;color: #fff;}
#lsds_mobile{width: 100%;height: 100%;position: absolute;right: 0;top: 0;left: 0;bottom: 0;color: #333;
background: #fff;border: unset;padding-right: 20px;}
.searches_mobile button{width: 60px;height: 60px;text-align: center;font-size: 25px;cursor: pointer;color: #333;
border: unset;background: transparent;position: absolute;left: 0;top: 0;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 100%;
  color: #ffffff;position: relative;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu ul li,#cssmenu ul li a{position: relative;display: block;}
#cssmenu > ul > li > a {
  padding: 10px 20px;
  z-index: 2;
  font-size: 14px;
  color: #fff;display: block;
}
#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a{background: #aa2712;}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
}
#cssmenu > ul > li:last-child > a,#cssmenu > ul > li.last > a {}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.holder::after,.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;left: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 11px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eee;
}
.holder::before {
  top: 12px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  z-index: 1;
  font-size: 13px;
  color: #eee;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  color: #fff;
}
#cssmenu ul ul li:first-child > a {
}
#cssmenu ul ul ul li:first-child > a {
}
#cssmenu ul ul ul li a {
  padding-right: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  left: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
.mobiles_menu .socials_box{margin: 0 auto;float: none;text-align: center;background: #333;
position: absolute;bottom: 0;right: 0;left: 0;direction: ltr;}
.mobiles_menu .socials_box a{width: 40px;height: 40px;line-height: 40px;color: #fff;
display: inline-block;margin: auto;float: none;}

.site_desings{width: 100%;height: 25px;clear: both;padding-top: 5px;text-align: center;font-size: 12px;}
.social_ftb{margin-bottom: 10px;}

.top_page{position: fixed;left: 10px;bottom: 10px;width: 40px;height: 40px;line-height: 35px;
background: #fff;border-radius: 5px;box-shadow: 0 6px 20px rgba(28,76,156,.1);
font-size: 30px;text-align: center;cursor: pointer;display: none;z-index: 999999;
transition:all 0.3s ease-in-out;}
.top_page .icofont-thin-up{display: block;margin-top: 4px;}

.top_page:hover{background: #aa2712;color:#fff;}

.fix_bottom_right_box{height: 30px;position: fixed;right: 10px;bottom: 15px;z-index: 999999;opacity: 0.7;}
.fix_bottom_right_box a{color: #fff;float: right;margin-left: 10px;border-radius: 5px;font-weight: bold;padding:17px 10px;line-height: 0;
font-size: 14px;}
.fix_bottom_right_box:hover{opacity: 1;}
.telegrams_ch{background: #005075;}
.instagrms_ch{background: #fd5949;background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}

.pagination_box_artist{width: 100%;height: auto;clear: both;text-align: center;}
.pagination_box_artist a,.pagination_box_artist .current{text-align: center;font-size: 15px !important;background: #111;border-radius: 5px;color:#fff;padding:5px 12px;}
.pagination_box_artist .current,.pagination_box_artist a:hover{color: #fff;background: #aa2712;}
.singers_box_tarlanweb li a{display: block;line-height: 0;text-align: center;}
.singers_box_tarlanweb li img{border-radius: 5px;}
.singers_box_tarlanweb li a span{width: 100%;height: 40px;line-height: 40px;}



.music_textss{text-align:center;}



.slide_img_top .owl-dots{display: none !important;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;direction: ltr !important;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
background:0 0;color:inherit;border:none;padding:0!important;font:inherit;
}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl !important;}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{text-align: center;-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {width: 35px;height: 35px;font-size: 40px !important;
position: absolute;background: #aa2712 !important;margin: auto;top: 45%;
color:#fff !important;text-align: center;cursor: pointer;
border-radius:7px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-prev{right: -10px !important;left: auto;}
.owl-carousel .owl-nav button.owl-next{left: -10px !important;right: auto;}
.owl-theme .owl-nav [class*='owl-']:hover{background: #ffa800;color:#fff !important;text-decoration: none;}
.owl-theme .owl-nav .disabled {opacity: 0.5;cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 10px; }
.owl-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;margin-top: 20px;}
.owl-theme .owl-dots .owl-dot {display: inline;zoom: 1;*display: inline;}
.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 3px;background: #ddd;display: block;
-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #aa2712;}

.artists_slider .owl-item{padding: 20px 0;}

.vip_top_slider .owl-nav{visibility: hidden;opacity: 0;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.vip_top_slider:hover .owl-nav{visibility: visible;opacity: 1;}




.screen-reader-text {
  /* Reusable, toolbox kind of class */
  position: absolute;font-size:0 !important;
}

.disabled {
  color: rgba(167,167,167,.3);
  cursor: default;
}

.show {
  display: inline-block !important;
}

#index_music_player{box-shadow: 0 6px 20px rgba(28,76,156,.1);background: #fff;border-radius: 7px;}
.music_box_player {width:100%;height:80px;font-size:1em;margin:0 auto;padding:15px;margin:30px 0;position: relative;}
.music_box_player .player {
  height: 60px;
  margin: 0;
  position: relative;
  width: 100%;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) 
  *zoom: 1;*/
}
.player_controls{width: 170px;height: 50px;float: left;vertical-align: middle;}
.music_box_player .large-toggle-btn {width: 50px;height: 50px;float: left;}
.music_box_player .large-toggle-btn .icofont-play-alt-1{
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 50px;
}
.music_box_player .large-toggle-btn .icofont-pause {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 50px;
}
.music_box_player .info-box {width: 83%;position: relative;float: right;height: 50px;}
.music_box_player .info-box .track-info-box {width: 22%;height: 50px;
  float: right;font-family: vazir;
  font-size: 12px;
  visibility: visible !important; /* hidden 
  *zoom: 1;*/
}
.music_box_player .info-box .track-info-box .track-title-text{display: block;font-size: 16px;font-weight: 500;}
.music_box_player .info-box .track-info-box .audio-time {
  display: inline-block;
  padding: 0 0 0 5px;
  width: 80px;
}
.music_box_player .info-box .track-info-box:before, body .music_box_player .player .info-box .track-info-box:after {
  content: " ";
  display: table;
}
.music_box_player .info-box .track-info-box:after {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.music_box_player .progress-box {
  float: left;
  min-width: 75%;margin-top: 19px;
  position: relative;
}
.music_box_player .progress-box .progress-cell {
  height: 12px;width: 100%;float: left;
  position: relative;direction: ltr;
}
.music_box_player .progress-box .progress-cell .progress {
  background: #555;
  height: 8px;
  position: relative;
  width: auto;
}
.music_box_player .progress-box .progress-cell .progress .progress-buffer {
  background: #aa2712;
  height: 100%;
  width: 0;
}
.music_box_player .progress-box .progress-cell .progress .progress-indicator {
  background: #000;
  border-radius: 3px;
  cursor: pointer;
  height: 10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -1px;
  width: 22px;
}
.music_box_player .previous-track-btn {
  cursor: pointer;float: left;width: 40px;height: 50px;text-align: center;line-height: 58px;
  display: inline-block;
}
.music_box_player .previous-track-btn:before {
  content: "\ecad";
  font: 2em IcoFont !important;
  
}
.music_box_player .next-track-btn,.album_show_hide{
  cursor: pointer;width: 40px;height: 50px;text-align: center;line-height: 57px;
  display: inline-block;float: right;
}
.album_show_hide{line-height: 58px;}
.music_box_player .next-track-btn:before{
  content: "\ecad";
  font: 2em IcoFont !important;
  transform: rotate(180deg);display: inline-block;
}
.album_show_hide i{font-size: 2em;}

.music_box_player .player:before,.music_box_player .player:after {
  content: " ";
  display: table;
}
.music_box_player .player:after {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.music_box_player .play-list {
  display: block;font-family: vazir;
  width: 300px;
position: absolute;left: 0;top: 75px;
z-index: 888;
background: #fff;box-shadow: 0 6px 20px rgba(28,76,156,.1);
border-radius:0 0 7px 7px;
padding: 0 10px 10px 10px;
}
.music_box_player .play-list .play-list-row {
  display: block;
  margin: 10px 0;
  width: 100%;
  /**zoom: 1;*/
}
.music_box_player .play-list .play-list-row .track-title .playlist-track {
  color: #333;
  text-decoration: none;
}
.music_box_player .play-list .play-list-row .track-title .playlist-track:hover {
  text-decoration: underline;
}
.music_box_player .play-list .play-list-row .small-toggle-btn {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
.music_box_player .play-list .play-list-row .small-toggle-btn .small-play-btn {
  display: inline-block;
}
.music_box_player .play-list .play-list-row .small-toggle-btn .small-play-btn:before {
  content: "\eca6";
  font: 0.85em icofont;
}
.music_box_player .play-list .play-list-row .small-toggle-btn .small-pause-btn {
  display: inline-block;
}
.music_box_player .play-list .play-list-row .small-toggle-btn .small-pause-btn:before {
  content: "\eca5";
  font: 0.85em icofont;
}
.music_box_player .play-list .play-list-row .track-number {
  display: inline-block;
}
.music_box_player .play-list .play-list-row .track-title {
  display: inline-block;
}
.music_box_player .play-list .play-list-row .track-title .playlist-track {
  text-decoration: none;
}
.music_box_player .play-list .play-list-row .track-title .playlist-track:hover {
  text-decoration: underline;
}
.music_box_player .play-list .play-list-row .track-title.active-track {
  font-weight: bold;color: #aa2712 !important;
}
.music_box_player .play-list .play-list-row .track-title.active-track a{color: #aa2712;}
.music_box_player .play-list .play-list-row:before,.music_box_player .play-list .play-list-row:after {
  content: " ";
  display: table;
}
.music_box_player .play-list .play-list-row:after {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.player_controls i:before{transition: all 0.3s ease-in-out;}
.player_controls i:hover:before,.large-toggle-btn .icofont-pause{color:#aa2712;}

.volume_box{width: 30px;float: right;margin: -7px -40px 0 0;position: relative;}
.volume_box i{float: left;font-size: 2em;margin-top: -3px;}
.progress-box input[type=range] {direction: ltr;
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 70px; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
position: absolute;
top: -50px;visibility: hidden;opacity: 0;
transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);
left: -30px;
}
.volume_box:hover input[type=range]{visibility: visible;opacity: 1;}
.progress-box input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.progress-box input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.progress-box input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}
/* Special styling for WebKit/Blink */
.progress-box input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
height: 10px;
  width: 10px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  /*margin-top: -14px;  You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
.progress-box input[type=range]::-moz-range-thumb {
height: 10px;
  width: 10px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}

/* All the same stuff for IE */
.progress-box input[type=range]::-ms-thumb {
height: 10px;
  width: 10px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}

.progress-box input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #555;
  border-radius: 1.3px;
}

.progress-box input[type=range]:focus::-webkit-slider-runnable-track {
  background: #555;
}

.progress-box input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #555;
  border-radius: 1.3px;
}

.progress-box input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.progress-box input[type=range]::-ms-fill-lower {
  background: #555;
  border-radius: 2.6px;
}
.progress-box input[type=range]:focus::-ms-fill-lower {
  background: #555;
}
.progress-box input[type=range]::-ms-fill-upper {
  background: #aa2712;
  border-radius: 2.6px;
}
.progress-box input[type=range]:focus::-ms-fill-upper {
  background: #aa2712;
}

.progress-box input[type="range"]::-moz-range-progress {
  background-color: #aa2712; 
}
.progress-box input[type="range"]::-webkit-progress-value {
  background-color: #aa2712; 
}
.progress-box input[type="range"]::-ms-range-progress {
  background-color: #aa2712; 
}



.single .post-edit-link{float: left;background: #aa2712;color: #fff;padding: 2px 10px;border-radius: 5px;}
.single .post-edit-link:hover{opacity: 0.8;}

#left_side{width: 23.5%;height:auto;position:relative;float: left;}
.related_posts{width: 100%;background:#fff;margin-bottom:20px;padding: 20px;
border-radius:7px;box-shadow: 0 6px 20px rgba(28,76,156,.1);}
.single_posts_right{width: 75%;height: auto;margin: 0;float: right;position: relative;}
.single_posts{width: 100%;height: auto;padding: 20px;position: relative;background: #fff;
margin-bottom: 20px;border-radius: 7px;box-shadow: 0 6px 20px rgba(28,76,156,.1);}
.last_item_c{margin-bottom: 0;}
.rkianoosh_comment_box{border-bottom: 0;}
.tarlanweb_post_box header{margin: 5px 0 10px 0;clear: both;}
.tarlanweb_post_box header h1{font-size: 17px;font-weight: 500;padding-bottom:15px;display:inline-block;
border-bottom: 1px solid #aa2712;
}
.stars_ratings_box{float: left;}

.single_content_box{position: relative;}
.single_content_box .music_box_player{height: auto;background: transparent;padding: 0;margin: 30px 0 0 0;}
.single_content_box .music_box_player .play-list{width: 100%;position: relative;left: 0;top: 0;z-index: 888;padding: 0;background: transparent;border-radius: 0;}
.single_content_box .play-list .play-list-row{margin: 0;padding: 8px 10px;}
.single_content_box .play-list-row{background: #fff;}
.single_content_box .plylodd{background: rgba(167,167,167,0.3);}
.single_content_box .player_controls{width: 130px;}
.single_content_box .info-box{width: 82%;}
.single_content_box .progress-box .progress-cell{width: 100%;}
.download_box{float: left;}
.download_box a{padding: 0 7px;margin-right: 5px;background: #ff8c00;
color: #fff;box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
border: 1px solid transparent;border-radius: 3px;}
.download_box a:hover{background: #aa2712;color: #fff;}
.title_tarlanweb_box{width: 100%;height: auto;clear: both;padding: 0;}
.tarlanweb_side_titles{font-size: 15px;font-weight: bold;
padding-bottom: 15px;border-bottom: 1px solid #aa2712;display: inline-block;}
.liner {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(167, 167, 167, 0.3);
    margin: -1px 0 20px;
}
.tarlanweb_side_box{width: 100%;height: auto;clear: both;}
.tarlanweb_side_box li{width: 100%;height: 80px;clear: both;padding: 10px;border-radius: 3px;}
.tarlanweb_side_box li:hover{background: rgba(0,0,0,0.1);}
.night .tarlanweb_side_box li:hover{background: rgba(255,255,255,0.1);}
.tarlanweb_side_box li .img_rkianoosh_box{width: 60px;height: 60px;float: right;margin-left: 10px;position: relative;}
.tarlanweb_side_box li a{width: 100%;height: 60px;display: block;position: relative;}
.tarlanweb_side_box li a span{display: block;}
.tarlanweb_side_box li:last-child{border: unset;}
.nowPlayingIcon {
    position: absolute;z-index: 999;
    right: 18px;top: 18px;
    display: flex;
    align-items: flex-end;
flex-direction: column-reverse;
justify-content: space-around;
width: 24px;
height: 24px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.nowPlayingIcon span {
    display: inline-block;
    width: 24px;
    height: 2px;
    background: white;
}
.nowPlayingIcon span:nth-child(1) {
    -webkit-animation: scale1Child 0.3s infinite;
    animation: scale1Child 0.3s infinite;
}
.nowPlayingIcon span:nth-child(2) {
    -webkit-animation: scale2Child 0.3s infinite;
    animation: scale2Child 0.3s infinite;
}
.nowPlayingIcon span:nth-child(3) {
    -webkit-animation: scale3Child 0.3s infinite;
    animation: scale3Child 0.3s infinite;
}
.nowPlayingIcon span:nth-child(4) {
    -webkit-animation: scale4Child 0.3s infinite;
    animation: scale4Child 0.3s infinite;
}
@-webkit-keyframes scale1Child{0%{width:4px}50%{width:16px}100%{width:4px}}
@keyframes scale1Child{0%{width:4px}50%{width:16px}100%{width:4px}}
@-webkit-keyframes scale2Child{0%{width:8px}50%{width:18px}100%{width:8px}}
@keyframes scale2Child{0%{width:8px}50%{width:18px}100%{width:8px}}
@-webkit-keyframes scale3Child{0%{width:20px}50%{width:16px}100%{width:20px}}
@keyframes scale3Child{0%{width:20px}50%{width:16px}100%{width:20px}}
@-webkit-keyframes scale4Child{0%{width:14px}50%{width:6px}100%{width:14px}}
@keyframes scale4Child{0%{width:14px}50%{width:6px}100%{width:14px}}


#index_music_player .play-list{display:none;}

.rel_sing_bbt .tarlanweb_side_box li{width:33.3%;float:right;clear:unset;}
.rel_sing_bbt .tarlanweb_side_titles{float:right;}
.left_artists_pp{float:left;padding: 4px 15px;background: rgba(167,167,167,.3);margin-top: -4px;
border-radius: 5px;}
.left_artists_pp:hover{background:#aa2712;color:#fff;}
.left_artists_pp:hover a{color:#fff;}
.inactive_songs .inactive_box_cir{display: block;position: absolute;width: 100%;height: 100%;
top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.4);}
.song_artists{font-size: 15px;font-weight: 500;}
.artist_songs_page_li{height:auto !important;line-height:auto !important;padding:0 !important;}
.artist_songs_page{line-height: 30px;text-align: center;font-size: 15px;padding:25px 0;height:auto !important;}
.artist_songs_page i{font-size: 22px;}
.dl_linksv_box{text-align: center;}
.dl_links_box,.dl_linksv_box{width: 100%;height: auto;clear: both;margin: 20px 0;}
.dl_links_box a, .dl_linksv_box a {
	width: 49%;
	line-height: 47px;
	display: block;
	text-align: center;
	font-size: 17px;
	margin: 5px 0;
	overflow: hidden;
	border-radius: 10px;
	background: #c8102e;
	color: #eee;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	border: 2px solid #ba2424;
}


.dl_linksv_box a{width: 100%;}
.dl_link_128{float: right;}
.dl_links_320{float: left;}
.dl_links_box a i,.dl_linksv_box a i{font-size: 17px;margin-left: 5px;}

.dl_linksv_box ul{margin: 0 -5px;}
.dl_linksv_box ul li{width: 33.3%;padding: 5px;display: inline-block;}


.dl_links_box a:hover,.dl_linksv_box a:hover,.night .dl_links_box a:hover,
.night .dl_linksv_box a:hover,.night .download_box a:hover{background: #aa2712;color: #fff;}
.video_player{margin-top: 20px;}
.video_player video{width: 100%;height: auto;}

.rkianoosh_tags_box span,.comm_titrs{font-size: 15px;font-weight: bold;}
.rkianoosh_tags_box a{display: inline-block;margin: 2px;}
.rkianoosh_tags_box a:hover{color: #aa2712;}

.tarlanweb_post_ft{float: right;height: 30px;line-height: 31px;margin-left: 15px;font-size: 12px;}
.tarlanweb_post_ft i{display: inline-block;font-size: 15px;vertical-align: middle;}
.post-actions-right{width: 80px;float: right;margin-top: 3px;font-size: 12px;}
.post-actions-right i{display: inline-block;font-size: 15px;vertical-align: middle;margin-left: 5px;}
.post-actions-input{width: 250px;float: left;overflow: hidden;}
.post-actions-input input,.post-actions-input input p{width: 170px;position: relative;direction: ltr;
font-size: 12px;border: unset;background: rgba(167,167,167,0.3);color: #444;padding: 5px 10px;
border-radius: 5px;}
.tarlanweb_post_ft a:hover,#breadcrumbs a:hover{color: #aa2712;}
.socials_shares,.star_rates{float: left;}
.socials_shares a{font-size: 24px;margin-right: 10px;width: 22px;height: 22px;line-height: 22px;float: left;}
.socials_shares_box p{float: right;font-size: 15px;font-weight: bold;}
.kk-star-ratings{display: block !important;}
.kksr-stars{display: block !important;float: left;}
.kk-star-ratings .kksr-legend{display: block !important;float: right;margin-top: 2px !important;font-size: 12px !important;}
.socials_shares a:hover .icofont-facebook,.socials_box_fts a:hover .icofont-facebook{color: #4285f4;}
.socials_shares a:hover .icofont-paper-plane,.socials_box_fts a:hover .icofont-paper-plane{color: #08c;}
.socials_box_fts a:hover .icofont-instagram{
background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
background-clip: border-box;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.socials_shares a:hover .icofont-whatsapp{color: #42e960;}
.socials_shares a:hover .icofont-twitter,.socials_box_fts a:hover .icofont-twitter{color: #00aced;}
.p404-textc{text-align: center;}


.taktarcks .play-list{display: none !important;}
.taktarcks .next-track-btn,.taktarcks .previous-track-btn{display: none;}
.taktarcks .player_controls{width: 50px;}
.taktarcks .info-box{width: 92%;}
.taktarcks .progress-box{min-width: 72%;}


.single_content_box form p{margin-bottom: 10px;}
.single_content_box form input,.single_content_box form textarea{background: rgba(167,167,167,.3);
border: 1px solid rgba(255,255,255,0.1);padding: 7px;color: #333;font-size: 13px;border-radius: 5px;
outline: unset;}
.single_content_box form input[type="submit"]{font-size: 15px;background:#aa2712;cursor: pointer;
padding: 5px 20px;color: #fff;}
.single_content_box form textarea{width: 65%;}

.searchwp-live-search-results{color:#222;z-index: 99999999999 !important;}
.searchwp-live-search-result p{padding: 0.5em !important;}
.searchwp-live-search-result a{font-size: 12px;line-height: 20px !important;color: #555 !important;}
.searchwp-live-search-result img{width: 40px;height: 40px;float: right;border-radius: 5px;margin-left: 10px;}
.searchwp-live-search-result a span{display:block !important;}



.artist_name_head{float: right;font-size: 20px;font-weight: 600;}
.artist_det_tarlanweb .socials_box{margin-top: 0;}
.artist_txt_box{width: 100%;height: auto;clear: both;margin-top: 20px;}
.artist_resume_box{text-align: center;float: left;}
.artist_resume_box li{display: inline-block;margin:0 4px;padding: 1px 8px;
background: rgba(167,167,167,.3);border-radius: 5px;}

.artists_imsf .socials_box span{display: block;}
.artists_imsf .socials_box{width: 100%;}
.artists_imsf .socials_box a{display: inline-block;margin: 5px;}
.artist_box_tarlanweb{width: 100%;height: auto;padding: 20px;margin-bottom: 30px;background: #fff;
box-shadow: 0 6px 20px rgba(28,76,156,.1);border-radius: 5px;}
.artist_box_detss{overflow: hidden;position: relative;}
.artists_imsf{width: 200px;height: auto;float: right;margin-left: 20px;text-align: center;}
.artists_imsf img{border-radius: 5px;}
.music_textss h3 {
	background: #aa2712;
	padding: .4em .9em;
	border-radius: .5em;
	display: inline-flex;
	color: #eee;
	margin-bottom: 1em;
}

.music_textss {
	text-align: center;
	background: antiquewhite;
	padding: 1em;
	border-radius: .5em;
}
#comments input#author,#comments input#email,#comments input#url,
#comments textarea#comment{outline: unset;background: rgba(167,167,167,.3);color: #333;}


.night,.night #header{background: #222;color: #ddd;}
.night a{color: #ddd;}
.night #header{background: #222 !important;-webkit-box-shadow: 0 8px 3px -5px #000;-moz-box-shadow: 0 8px 3px -5px #000;box-shadow: 0 8px 3px -5px #000;}
.night .menu_right .menu-item-has-children:hover::after{color: #fff;}
.night .music_box_player{background: #111;color: #fff;box-shadow: unset;}
.night .disabled{color: #666;}
.night .music_box_player .progress-box .progress-cell .progress .progress-buffer{background: #aa2712;}
.night #footer{background: #111;}
.night #footer nav li a{color: #fff;}
.night .vip_post header h2 a{color: #fff;}
.night #lsds,.night #searches button{background: #444;color: #fff;}
.night .single_posts,.night .related_posts,.night .artist_box_tarlanweb{background: #111;box-shadow: unset;}
.night .liner{border-bottom: 1px solid rgba(167,167,167,.1);}
.night .dl_links_box a,.night .dl_linksv_box a,.night .download_box a{background: rgba(255,255,255,0.2);}
.night #breadcrumbs_container{background: #111;}
.night .post-actions-input input,.post-actions-input input p{background: rgba(255,255,255,.2);color: #fff;}
.night .artist_resume_box li{background: #222;}
.night #comments input#author,.night #comments input#email,.night #comments input#url,
.night #comments textarea#comment,.night .form-submit #submit{background: rgba(255,255,255,.2);color: #fff;}
.night .songs_post{box-shadow: unset;background: #111;}
.night .top_page{background: #111;box-shadow: unset;}
.night #mobiles_header,.night #lsds_mobile{background: #222;}
.night .searches_mobile button{color: #fff;}
.night #mobiles_header .circle_hlink,.night .music_box_player .play-list{background: #111;}
.night .single_content_box form input,.night .single_content_box form textarea{background: #333;color: #fff;}
.night .music_box_player .progress-box .progress-cell .progress .progress-indicator{background: #fff;}
.night .songs_title_box a{background: #111;border: 1px solid #111;}
.night .single_content_box .play-list-row{background: #464646;}
.night .single_content_box .plylodd{background: #2d2d2d;}
.night .music_box_player .play-list .play-list-row .track-title .playlist-track{color: #fff;}


.mobile_more_artist{display:none;width:100% !important;}

#mobiles_header{display: none;}

@media (max-width: 1300px){
body{overflow-x: hidden !important;}
.tarlanweb_center{width: 1200px;}


}

@media (max-width: 1200px){
.tarlanweb_center{width: 1100px;}
.songs_post{height: 230px;}
.menu_right > ul > li > a{padding: 5px 7px;}
.socials_box a{margin-right:2px;}
}
@media (max-width: 1100px){
.tarlanweb_center{width: 1000px;}
.songs_post{height: 210px;}
.music_box_player .info-box{width: 80%;}
.music_box_player .info-box .track-info-box{width: 30%;}
.music_box_player .progress-box{min-width: 68%;}
.music_box_player .progress-box .progress-cell,.single_content_box .progress-box .progress-cell{width: 100%;}

}
@media (max-width: 1000px){
.tarlanweb_center{width: 900px;}

.songs_post{height: 200px;}

}
@media (max-width: 900px){
.tarlanweb_center{width: 800px;}
.music_box_player .info-box{width: 100%;}
.music_box_player,.music_box_player .player{height: auto;}
.player_controls{float: none;margin: 0 auto;}
.single_posts_right{width: 100%;border-left: unset;border-bottom: 1px solid rgba(255,255,255,0.1);}
#left_side{width: 100%;right:0;border-right:unset;}
.single_content_box .music_box_player .play-list{margin-top: 30px;}

body{padding-top:0;}
#header{position:relative;}
.darkHeader{position: relative !important;}
.logo_top{float: none;margin-left: auto;margin: 0 auto;}
.menu_right{width: 100%;}	
#searches{width: 70%;}

}
@media (max-width: 800px){
.tarlanweb_center{width: 700px;}
.song_boxs_posts ul{margin:0 -10px;}
.song_boxs_posts ul li{width: 25%;padding:10px;}
.songs_post{height: 230px;}

#header{display: none;}
#mobiles_header{display: block;}
.artists_imsf{width: 200px;float: none;margin-left: auto;margin: 0 auto;margin-bottom:20px;}
.artist_box_detss {width: 100%;clear:both;}	
	
}
@media (max-width: 700px){
.tarlanweb_center{width: 600px;}
#artist_image_box{height: 500px;top: 65px;background-size: 100% !important;}
.artist_det_tarlanweb{margin-top: 200px;}
.single_posts{padding: 10px;}
.kk-star-ratings{width: 100%;float: left;clear: both;position: relative;margin:0 0 15px 0 !important;}
.kk-star-ratings .kksr-legend{float:left;}
#searches{width: 60%;}
#breadcrumbs_container{overflow-x: auto;}
.rel_sing_bbt .tarlanweb_side_box li{width:50%;}
}
@media (max-width: 600px){
.tarlanweb_center{width: 500px;}
.songs_post{height: 210px;}
.music_box_player .info-box .track-info-box .track-title-text{display: none;}
.music_box_player .info-box .track-info-box{width: 70px;height: auto;margin-top: 13px;}
.music_box_player .progress-box,.single_content_box .progress-box .progress-box{min-width: 80%;}
.single_content_box .progress-box input[type="range"]{width: 60%;}
.dl_links_box a,.dl_linksv_box a{width: 100%;}
.dl_linksv_box ul li{width: 50%;}
.single_content_box form input,.single_content_box form textarea{width: 100%;}
#searches{width: 50%;}
	
.artist_name_head{width: 100%;text-align: center;}
.artist_resume_box{width:100%;}
.artist_resume_box li{margin:15px 4px;}
.rel_sing_bbt .left_artists_pp{display:none;}
.mobile_more_artist{display:block;}
	
}
@media (max-width: 500px){
.tarlanweb_center{width: 450px;}
.song_boxs_posts ul li{width: 33.3%;}
.songs_post{height: 235px;}
.progress-box input[type="range"]{width: 60%;}
.artist_det_tarlanweb{margin-top: 140px;}
.artist_name_head{font-size: 18px;text-align: center;width: 100%;padding: 10px 0;}
.artist_det_tarlanweb .socials_box {margin: 0 auto;float: none;clear: both;text-align: center;}
.artist_det_tarlanweb .socials_box a{float:none;display:inline-block;}
#artist_image_box{height:350px;}
#breadcrumbs{overflow-x: scroll;white-space: nowrap;padding-bottom:12px;}
}
@media (max-width: 450px){
.tarlanweb_center{width: 350px;overflow-x:hidden;}
.artist_boxs a,.artist_boxs a img{width: 100%;height: auto;}
.player_controls {float: left;}
.music_box_player .info-box{width: 100%;}
.music_box_player .progress-box{min-width: 100%;}
.music_box_player .info-box .track-info-box{position: absolute;top: -40px;margin-top: 0;}
.dl_linksv_box ul{margin: 0;}
.dl_linksv_box ul li{width: 100%;padding: 5px 0;}
.dl_linksv_box ul li a{margin: 0;}
.comment-form-author,.comment-form-email,.form-submit #submit,#reviews #submit,
.rkianoosh_txt form input[type="submit"]{width: 100% !important;}
.fix_bottom_right_box a{font-size: 12px;}
.song_boxs_posts ul li{width: 50%;}
.volume_box{display: none !important;}
#searches{width: 100%;}
.socials_box {float: none;padding-top: 20px;clear: both;width:100%;text-align:center;}
.socials_box a{float:none;text-align:center;display:inline-block;margin:0 5px;}
.rel_sing_bbt .tarlanweb_side_box li {width: 100%;}
}
@media (max-width: 350px){
.tarlanweb_center{width: 250px;}
.songs_post{height: 220px;overflow: hidden;}
.music_box_player .play-list{width: 100%;left: 0;}
.artist_det_tarlanweb{margin-top: 80px;}
.music_box_player .progress-box .progress-cell {width: 100%;}
#artist_image_box{height:300px;}
#artist_image_box::afetr{height:200px;}
}

@media (max-width: 250px){
.tarlanweb_center{width: 90%;}
.song_boxs_posts ul{margin: 0;}
.song_boxs_posts ul li{width: 100%;padding:10px 0;}
.songs_post header figure img{width: 100%;}
.songs_post{height: auto;}
.music_box_player .info-box .track-info-box{top: -10px;}

}