html,body,div,img,a,b,p,u,i,span,h1,h2,h3,h4,h5,h6,li,ol,ul,center,font,button,input,form{margin:0;padding:0;border:0;outline:0;font-style:normal;background:none;font-size:100%;font-weight:normal}
li,ol,ul{list-style:none}:focus{outline:0}
body{direction:rtl;font-family:hoonel;font-size:11px;line-height:16px;background:#f9f9f9}
body a{color:#000;text-decoration:none}
body a:hover{text-decoration:none}
.wrapper{width:1216px;margin:0 auto}
.header{min-width:1190px;width:100%;height:84px;background:#fff;box-shadow:0 0 8px 0 #ccc;position:fixed;z-index:99999}
.head{height:30px;background:#1a73e8;color:#fff;font-size:11px;line-height:30px}
.head a{display:inline-block;color:#fff;margin-left:35px}
.head-a{display:inline-block;background:#fff;color:#111;text-align:center;padding:0 15px}
.head-lang{float:left;height:30px}
.logo{float:left;height:26px;margin-top:14px}
.logo img{float:left;width:auto;height:26px;color:#fff;}
.logo span{float:left;font-size:22px;line-height:22px;color:#4285f4;font-family:tahoma;margin:4px 0 0 7px}
.ddmenu{float:right;position:relative;display:inline-block}
.ddmenu-btn{display:block;width:25px;height:25px;cursor:pointer;font-size:25px;color:#4d90fe;padding:0;border:none;background:none;margin:15px 0 7px}
.ddmenu-btnc{display:block;width:29px;height:26px;cursor:pointer;font-size:22px;line-height:26px;text-align:center;padding:0;border:none;color:#4d90fe;background:#fff;margin:-46px -22px 0 0}
.ddmenu-con{width:1235px;height:390px;display:none;font-size:14px;position:absolute;background:#fff;padding:15px 20px 15px 10px;box-shadow:0 6px 12px 0 #555}
.ddmenu-con a:hover{background:#f5f5f5}
.ddmenu-con-line{float:right;width:127px;margin-left:10px}
.ddmenu-con-line p a{display:block;color:#222;width:97px;height:30px;line-height:30px;font-size:10.8px;padding:0 15px;border-bottom:1px solid #d6d6d6}
.ddmenu-con-line a{display:block;color:#333;width:97px;height:30px;line-height:30px;font-size:10.5px;padding:0 15px}
.dd-shw{display:block}
.catbar{float:right;width:300px;height:20px;line-height:20px;font-size:13px;color:#4285f4;margin:17px 17px 0 10px}
.catbar a{color:#4285f4}
.search{float:right;width:550px;height:30px;border:1px solid #dfe1e5;border-radius:15px;margin-top:11px}
.search input{float:right;width:480px;height:20px;font-family:hoonel;font-size:11px;border:none;margin:4px 15px 0 0}
.search button{float:left;width:30px;height:30px;font-size:16px;line-height:30px;text-align:center;color:#4285f4;background:#fff;cursor:pointer;border:none;margin-left:12px}
.header-pad{padding-top:110px}
.clr{clear:both}
.mrg01{margin-top:25px}
.mrg02{margin-top:55px}
.mrg03{margin-top:50px}
.mrg04{display:block;width:100%;font-size:10px;line-height:10px;height:21px;color:#fff;cursor:default}.mrg04 a{color:#fff}.mrg04 a:hover{cursor:default}
.title{float:right;width:1205px;height:22px;margin:50px 5px 20px}
.title h2 a{float:right;font-size:22px;line-height:22px;color:#333}
.button{float:left;height:16px;line-height:16px;font-size:16px;color:#0067b8;border-radius:2px;margin-top:6px}
.title2{float:right;width:1205px;height:50px;margin:50px 5px 20px}
.title2 h2 a{float:right;font-size:22px;line-height:22px;color:#333}
.title2 p{float:right;font-size:16px;line-height:16px;color:#333;margin-top:10px}
.button2{float:left;height:16px;line-height:16px;font-size:16px;color:#0067b8;border-radius:2px;margin:12px 15px 0 0}
.boxbg{width:1075px;height:350px;background:url(https://music.hoonel.com/uploads/bgimg3.png);padding:65px 65px 0;margin:50px 5px 0}
.boxbg-left{float:left;width:640px;height:245px}
.boxbg-left span{float:right;width:125px;padding-right:5px;height:140px;margin:0 30px 20px 0;color:#fff}
.boxbg-left span img{width:130px;height:110px;border-radius:7px;margin-bottom:4px;margin-right:-5px}
.boxbg-right{float:right;height:235px;width:380px}
.boxbg-right h2{font-size:36px;color:#fff;margin:90px 0 30px}
.boxbg-right p{font-size:18px;line-height:25px;color:#fff}
.blockslide{height:450px;overflow:hidden}
.fsleft{width:300px;float:left}
.fsleft span{display:block;color:#444;height:20px;line-height:20px;font-size:20px;margin:5px 0 15px}

.fs{float:right;width:800px;background:#fff;padding:30px 30px 32px;box-shadow:0 2px 2px 0 #d9d9d9}
.fs-poster{float:right;width:220px;height:220px}
.fs-poster img{width:218px;height:298px;display:block;background:#ddd;color:#ddd;border:1px solid #eee;overflow:hidden}
.fs-data{float:left;width:560px;height:300px}
.fs-data-in{width:560px;height:220px}
.fs-data h1{width:640px;height:30px;font-size:16px;line-height:30px;color:#222;margin-bottom:1px}
.fs-data h1 a{color:#212121}
.fs-data h1 a b{font-size:16px}
.fs-data h1 a span{font-size:10.5px;color:#666}
.fs-data-collection{float:right;height:40px;background:#f4f4f4;padding:5px 5px 5px 20px;border-radius:25px;margin-top:8px}
.fs-data-collection-img{width:40px;height:40px;float:right;margin-left:8px;border-radius:20px}
.fs-data-collection-img img{width:40px;height:40px;border-radius:20px}
.fs-data-collection-txt{float:right}
.fs-data-collection-txt b{display:block;width:100px;color:#444;height:13;line-height:13px;font-size:10.5px;margin:3px 0 6px}
.fs-data-collection-txt h2{font-size:13.5px;font-family:arial}
.fs-data-version{width:640px;height:20px;margin:10px 0 5px}
.fs-data-version span{display:block;float:right;height:14px;line-height:14px;font-size:10.5px;font-family:arial;font-weight:600;color:#666;padding:2px 5px;border:1px solid #777;border-radius:3px;margin-left:6px}
.fs-data-version b{display:block;float:right;height:14px;line-height:14px;font-size:10px;color:green;padding:2px 5px;border:1px solid #777;border-radius:3px;margin-left:6px}
.fs-data-list{width:550px;line-height:20px;font-size:10.5px;margin-top:10px}
.fs-data-list a{color:#0067b8}
.fs-data-list i{display:inline-block;width:4px;height:4px;background:#222;border-radius:2.5px;margin:0 10px}
.fs-data-rate{height:14px;line-height:14px;font-size:10.5px;margin-top:15px}
.fs-data-rate a{color:#000;font-family:tahoma;font-size:11px}
.fs-data-rate-star{float:right;width:90px;margin-left:10px}
.fs-data-rate-star img{width:90px;height:auto}
.fs-data-maker{font-size:11px;margin-top:20px}
.fs-data-maker a{color:#0067b8}
.fs-data-maker b{font-family:arial;font-size:12px}
.fs-data-maker span a{font-size:10px;color:#444;font-weight:bold}
.fs-line{width:100%;height:1px;background:#ddd;margin:10px 0}

.fs-dl{width:800px;font-size:13.5px;margin:40px 0 20px}
.fs-dl-box{width:800px;height:40px;line-height:40px;background:#f5f5f5;overflow:hidden;margin-top:2px}
.fs-dl-box-v1{width:200px;float:right;margin-right:20px}
.fs-dl-box-v1 b{font-family:arial;font-size:11.5px}


.fs-artist{width:798px;height:auto;border:1px solid #f1f1f1;margin-top:30px}
.fs-artist span{float:right;width:260px;height:44px;line-height:44px;background:#f4f4f4;margin:3px}
.fs-artist span img{float:right;width:44px;height:44px;margin-left:11px}
.fs-artist b{float:right;width:260px;height:44px;line-height:44px;background:#eee;margin:10px 3px 3px}
.fs-artist b img{float:right;width:44px;height:44px;margin-left:11px}

.fs-trailer{width:800px;height:490px;margin-top:30px;background:#000}
.fs-trailer h3{height:25px;font-size:25px;color:#fff;padding:15px 15px 0 0}
.fs-story{width:800px;height:auto;font-size:17px;line-height:22px;margin-top:30px}
.fs-story h3{float:right;font-size:19px}
.fs-play{width:800px;height:490px;margin-top:40px;background:#000}
.fs-play h3{height:25px;font-size:25px;color:#fff;padding:15px 15px 0 0}

.fs-share{float:right;width:200px;height:30px;font-size:29px}
.fs-share a{display:inline;float:right;margin-left:5px}
.fs-share a:hover{opacity:.8}
.fs-rate{width:100px;height:20px;text-align:left;float:left}
.fs-rate span{float:left;font-size:22px;margin-right:7px}
.fs-bookmark{width:18px;height:20px;float:left;margin-right:15px}
.fs-bookmark span{font-size:22px}

.ads{width:298px;height:254px;padding:3px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.ads img{width:298px;height:254px;background:#aaa;color:#aaa}
.adsv{width:298px;height:94px;padding:3px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;margin:15px 0 0}
.adsv img{width:298px;height:94px;background:#aaa;color:#aaa}
.adv{width:800px;height:90px;background:#ffffff;padding:2px;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;margin:35px auto 0}
.adv img{width:800px;height:90px;background:#aaa;color:#aaa}
/*block-box{float:right;width:142px;height:290px;background:#fff;box-shadow:0 2px 2px 0 #d9d9d9;margin:0 5px 10px}
.block-box img{width:142px;height:190px;display:block;background:#ddd;color:#ddd;margin-bottom:5px;overflow:hidden}
.block-box h3{height:20px;line-height:20px;padding:2px 10px 4px;overflow:hidden}
.block-box h3 a{font-size:17px;color:#212121}
.block-box h4{height:16px;line-height:16px;font-size:14px;color:#616161;padding-right:10px;overflow:hidden}
.block-box h4 a{font-size:14px;color:#616161}
.block-box-like{float:left;text-align:left;color:#777;font-size:14px;line-height:11px;margin:19px 0 0 12px}
.block-box-like span{float:left;font-size:11px;line-height:13px;margin-right:5px}
.block-box-cat{float:right;text-align:left;color:#777;font-size:13px;line-height:14px;margin:16px 12px 0 0}*/
.block-movie{float:right;width:142px;height:290px;background:#fff;border:1px solid #d9d9d9;margin:0 4px 10px}
.block-movie img{width:142px;height:190px;display:block;background:#ddd;color:#ddd;margin-bottom:5px;overflow:hidden}
.block-movie-name{width:131px;height:70px;margin:2px 9px 0 2px;overflow:hidden}
.block-movie h3{line-height:15px;font-size:13px;color:#212121;font-family:tahoma;padding-bottom:7px}
.block-movie h3 b{font-size:12px;font-weight:bold}
.block-movie h4{height:15px;line-height:15px;font-size:14px}
.block-movie h4 a{color:#777}
.block-movie-like{float:left;text-align:left;width:55px;overflow:hidden;height:20px;color:#777;font-size:14px;line-height:20px;margin-left:8px}
.block-movie-like span{float:left;font-size:11px;margin:5px 5px 0 0}
.block-movie-cat{float:right;color:#777;font-size:13px;width:67px;overflow:hidden;height:20px;line-height:20px;margin-right:9px}
.block-movie-cat span{font-family:tahoma;font-size:11px}
.block-movie-cat a{color:#777}
.block-movie:hover img{opacity:0.8}
.block-series{float:right;width:142px;height:290px;background:#fff;border:1px solid #d9d9d9;margin:0 4px 10px}
.block-series img{width:142px;height:170px;display:block;background:#ddd;color:#ddd;margin-bottom:5px;overflow:hidden}
.block-series p{width:142px;height:20px;line-height:19px;font-size:12px;text-align:center;color:#fff;background:#373737}
.block-series-name{width:131px;height:70px;margin:2px 9px 0 2px;overflow:hidden}
.block-series h3{line-height:15px;font-size:13px;color:#212121;font-family:tahoma;padding-bottom:7px}
.block-series h3 b{font-size:12px;font-weight:bold}
.block-series h4{height:15px;line-height:15px;font-size:14px}
.block-series h4 a{color:#777}
.block-series-like{float:left;text-align:left;width:55px;overflow:hidden;height:20px;color:#777;font-size:14px;line-height:20px;margin-left:8px}
.block-series-like span{float:left;font-size:11px;margin:5px 5px 0 0}
.block-series-cat{float:right;color:#777;font-size:13px;width:67px;overflow:hidden;height:20px;line-height:20px;margin-right:9px}
.block-series-cat span{font-family:tahoma;font-size:11px}
.block-series-cat a{color:#777}


.block-fullbox:hover img,.block-bax:hover img,.block-box:hover img{opacity:.7}
.block-slide{float:right;width:805px;height:450px}
.block-slide img{width:805px;height:450px;background:#ddd;color:#ddd;overflow:hidden;position:absolute;z-index:1}
.block-slide h3{width:740px;height:90px;padding:30px 33px 0;background:linear-gradient(transparent,#000 90%);color:#fff;line-height:38px;font-size:23px;position:absolute;z-index:2;margin-top:330px}
.block-slide h3 span{display:block;font-size:32px;color:#fff}
.block-slide:hover img,.block-slider:hover img{opacity:0.95}
.block-slider{float:left;width:405px;height:223px;margin-bottom:4px}
.block-slider img{width:405px;height:223px;background:#ddd;color:#ddd;overflow:hidden;position:absolute;z-index:1}
.block-slider h3{width:365px;height:70px;padding:30px 20px 0;background:linear-gradient(transparent,#000 90%);color:#fff;font-size:18px;line-height:30px;position:absolute;z-index:2;margin-top:123px}
.block-slider h3 span{display:block;font-size:24px;color:#fff}
.block-fullbox{width:285px;height:110px;background:#fff;padding-left:13px;background:#fff;border:1px solid #d9d9d9;margin-bottom:10px}
.block-fullbox img{float:right;width:82px;height:110px;background:#ddd;color:#ddd;overflow:hidden;margin-left:20px}
.block-fullbox h3{font-size:18px;height:40px;line-height:48px;overflow:hidden}
.block-fullbox h3 a{font-size:17px;color:#212121}
.block-fullbox h4{height:14px;line-height:14px;overflow:hidden}
.block-fullbox h4 a{font-size:15px;color:#616161}
.block-fullbox-like{text-align:left;color:#777;font-size:14px;line-height:12px;margin-top:30px}
.block-fullbox-like span{float:left;font-size:11px;line-height:11px;margin-right:5px}
.block-tabis{float:right;width:250px;height:41px;background:#f5f5f5;box-shadow:0 2px 2px 0 #eeeeee;padding:7px 8px 7px 0;box-shadow:0 2px 2px 0 #e9e9e9;margin:0 0 10px 12px}
.block-tabis img{float:right;width:44px;height:41px;background:#ddd;color:#ddd;overflow:hidden;margin-left:13px;box-shadow:0 2px 2px 0 #b9b9b9}
.block-tabis h3{font-size:16px;height:25px;line-height:25px;overflow:hidden}
.block-tabis h3 a{font-size:16px;color:#212121}
.block-tabis-in{float:right;width:143px}
.block-tabis h4,.block-tabis h4 a{height:16px;line-height:16px;font-size:13px;color:#555;overflow:hidden}
.block-tabis-like{float:left;width:50px;text-align:center;color:#444;font-size:12px;line-height:12px;margin-top:10px}
.block-tabis-like span{font-size:11px}
.pages{margin-top:10px}
.pages a{display:inline-block;width:30px;height:28px;line-height:28px;text-align:center;background:#4285f4;color:#fff;margin-right:5px}
.pages span{display:inline-block;width:30px;height:28px;line-height:28px;text-align:center;background:#aaa;color:#fff;margin-right:5px}
.footer{height:60px;text-align:center;line-height:25px;font-size:14px;color:#000000;padding-top:50px}
.footer a{margin:5px}

.meta-container{width:100%;text-align:center;margin-top:20px}
.meta-container span{color:#00a0ff}
.meta-container p{color:#666;margin-top:8px}

.progress-container{width:700px;float:left;direction:ltr;position:relative;height:20px;cursor:pointer;margin-top:2px}
.progress-container input[type=range]{width:100%;position:absolute;z-index:9999;top:-1px;height:20px;cursor:pointer;background-color:inherit;-webkit-appearance: none;}
.progress-container input[type=range]::-webkit-slider-thumb{height:12px;width:12px;border-radius:7px;background:#00a0ff;border:none;cursor:pointer;-webkit-appearance: none;}
.progress-container input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:7px;background:#00a0ff;border:none;cursor:pointer}
.progress-container progress.player-progress-played{width:100%;position:absolute;left:0;top:8px;right:0;z-index:60;height:2px;border-radius:4px;background:transparent;border:none}
.progress-container progress.player-progress-played::-moz-progress-bar{border-radius:4px;background:#00A0FF}
.progress-container progress.player-progress-played[value]::-webkit-progress-bar{background:none;border-radius:4px}
.progress-container progress.player-progress-played[value]::-webkit-progress-value{background:#00A0FF;border-radius:4px}
.progress-container progress.player-progress-buffered{position:absolute;left:0;top:8px;right:0;width:100%;z-index:10;height:2px;border-radius:4px;border:none;background:#D7DEE3}
.progress-container progress.player-progress-buffered::-moz-progress-bar{border-radius:4px;background:#78909C}
.progress-container progress.player-progress-buffered[value]::-webkit-progress-bar{background:#CFD8DC;border-radius:4px}
.progress-container progress.player-progress-buffered[value]::-webkit-progress-value{background:#78909C;border-radius:4px}
.player-duration{color:#607D8B;font-size: 14px;float:left;width:40px;text-align:right;margin-left:10px}
.player-current{color:#607D8B;font-size: 14px;float:left;width:40px;text-align:left;margin-right:10px}
.btn-mute{float:right;width:32px;height:22px;cursor:pointer;font-size:22px;margin-top:14px;margin-right:256px;margin-left:50px}
.btn-next{display:inline-block;width:36px;height:36px;font-size:35px;cursor:pointer;float:right;margin:7px 0 0 5px;background:rgb(0, 160, 255);border-radius:50px;text-align:center;color:#fff}
.btn-play{display:inline-block;width:50px;height:50px;font-size:48px;cursor:pointer;float:right;background:rgb(0, 160, 255);border-radius:50px;text-align:center;color:#fff}
.btn-prev{display:inline-block;width:36px;height:36px;font-size:35px;cursor:pointer;float:right;margin:7px 5px 0 0;background:rgb(0, 160, 255);border-radius:50px;text-align:center;color:#fff}
.btn-repeat{float: right;width:26px;height:26px;cursor:pointer;font-size:26px;margin:12px 50px 0 0;}

        
        .player-icon {
            font-family: 'font' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .btn-mute:before {
            content: "\e905";
            color:rgb(0, 160, 255);
        }
        
        .muted:before {
            content: "\e902" !important;
        }
        
        .btn-next:before {
            content: "\e914";
        }
        
        .btn-play:before {
            content: "\e919";
        }
        
        .played:before {
            content: "\e916" !important;
            position: absolute;
        }
        
        .played:after {
            content: "\e917" !important;
        }
        
        .btn-prev:before {
            content: "\e91b";
        }
        
        .btn-repeat:before {
            content: "\e91c";
            color: #999;
        }
        
        .repeated:before {
            color: rgb(0, 160, 255);
        }



#loading-layer{direction:rtl;background:#4285f4;padding:10px 20px;text-align:center;color:#fff;border-radius:2px}
.ui-widget-overlay{background:#000;opacity:.5;left:0;top:0;right:0;bottom:0;position:fixed}
.ui-helper-clearfix{display:block}
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
* html .ui-helper-clearfix{height:1%}.ui-dialog{direction:rtl;text-align:right;overflow:hidden;padding:0;position:absolute;width:370px;border-radius:2px;box-shadow:0 8px 40px -10px rgba(0,0,0,.3);border:1px solid #eee;background-color:#f9f9f9;background-clip:padding-box}.ui-dialog-titlebar{padding:20px;position:relative}.ui-dialog-title{float:right;font-weight:700;font-size:1.15em}.ui-dialog-titlebar-close{position:absolute;height:0;width:0;border:0!important}.ui-dialog-titlebar-close .ui-icon{display:block;width:0;height:0}.ui-button{float:left;display:inline-block;vertical-align:middle;cursor:pointer;height:36px;border-radius:3px;line-height:22px;outline:0;background-color:#3394e6;color:#fff;border:0;padding:7px 22px;text-decoration:none!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all ease .1s;transition:all ease .1s}.ui-dialog-titlebar-close:hover .ui-icon{opacity:1}.ui-icon{overflow:hidden;text-indent:-9999px}.ui-dialog label{color:#575757}.ui-dialog-content{direction:rtl;text-align:right;padding:20px;border:1px solid #fff;overflow:auto;position:relative;zoom:1}.loginbox .ui-dialog-content,.loginbox.ui-dialog{direction:rtl;overflow:visible!important}.ui-dialog-content h2{display:inline;font-size:1em;font-weight:700}.ui-dialog .ui-dialog-buttonpane{padding:20px;text-align:center}.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-state-error{background:#fef1ec 50% 50% repeat-x!important;border:1px solid #cd0a0a;color:#cd0a0a}.ui-button{margin:0 3px}.ui-helper-hidden-accessible{display:none}
@font-face{font-family:hoonel;src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans.eot);src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans.eot?#iefix) format('embedded-opentype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRAN%20Sans.ttf) format('truetype');src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans.eot?#iefix) format('embedded-opentype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans.woff2) format('woff2'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans.woff) format('woff'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans.svg#svgFontName) format('svg');font-weight:400;font-style:normal}@font-face{font-family:IranSansBold;src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Bold.eot);src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Bold.eot?#iefix) format('embedded-opentype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRAN%20Sans%20Bold.ttf) format('truetype');src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Bold.eot?#iefix) format('embedded-opentype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Bold.woff2) format('woff2'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Bold.woff) format('woff'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Bold.svg#svgFontName) format('svg');font-weight:400;font-style:normal}@font-face{font-family:IranSansLight;src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.eot);src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.eot?#iefix) format('embedded-opentype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRAN%20Sans%20Light.ttf) format('truetype');src:url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.eot?#iefix) format('embedded-opentype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.woff2) format('woff2'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.woff) format('woff'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.ttf) format('truetype'),url(https://cdn.iranhost.com/Content/fonts/iransans/IRANSans-Light.svg#svgFontName) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:'hoonel2';src:url(//music.hoonel.com/static/font/cer.eot) format("eot"),url(//music.hoonel.com/static/font/cer.woff) format("woff"),url(//music.hoonel.com/static/font/cer.ttf) format("truetype")}
@font-face{font-family:'font';src:url('//music.hoonel.com/static/fonticon/font.ttf') format('truetype'),url('//music.hoonel.com/static/fonticon/font.woff') format('woff'),url('//music.hoonel.com/static/fonticon/font.svg') format('svg')}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-player-volume-off:before {
  content: "\e902";
}
.icon-player-volume-on:before {
  content: "\e905";
}
.icon-player-control-next .path1:before {
  content: "\e906";
  color: rgb(0, 160, 255);
}
.icon-player-control-next .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-player-control-pause .path1:before {
  content: "\e915";
  color: rgb(0, 160, 255);
}
.icon-player-control-pause .path2:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-player-control-pause .path3:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-player-control-play .path1:before {
  content: "\e918";
  color: rgb(0, 160, 255);
}
.icon-player-control-play .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-player-control-previous .path1:before {
  content: "\e91a";
  color: rgb(0, 160, 255);
}
.icon-player-control-previous .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-player-selection-repeat:before {
  content: "\e91c";
}
.icon-player-selection-shuffle:before {
  content: "\e91d";
}
.icon-social-soundcloud:before {
  content: "\e91e"; color:#f86110
}
.icon-times:before {
  content: "\e904";
}
.icon-menu:before {
  content: "\e903";
}
.icon-bookmark:before {
  content: "\e900";
}
.icon-heart:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e907";
}
.icon-social-facebook:before {
  content: "\e908";
  color: #4c66a4;
}
.icon-social-linkedin .path1:before {
  content: "\e909";
  color: rgb(0, 132, 177);
}
.icon-social-linkedin .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-social-linkedin .path3:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-social-linkedin .path4:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-social-telegram .path1:before {
  content: "\e90d";
  color: rgb(97, 168, 222);
}
.icon-social-telegram .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-social-twitter .path1:before {
  content: "\e90f";
  color: rgb(80, 171, 241);
}
.icon-social-twitter .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-social-watsapp .path1:before {
  content: "\e911";
  color: rgb(27, 215, 65);
}
.icon-social-watsapp .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-social-watsapp .path3:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}