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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
ul,li{float:left;display:inline}
h1,h2,h3,h4,h5{font-weight:400}
i,em{font-style:normal}
button,select{border:none;margin:0;padding:0;background:transparent}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
body{margin:0;color:#333;font-size:13px;font-family:Open Sans,Arial;line-height:20px;-webkit-text-size-adjust:100%;background-color:#EDEDEB}
::-moz-selection{background:rgba(0,0,0,0.2)}
::selection{background:rgba(0,0,0,0.2)}
a{color:#666;text-decoration:none}
a:hover{color:#53AEB1;text-decoration:none}
input,textarea,select{float:left;margin:0;font-family:Open Sans,Arial;border-radius:0;border:0;-webkit-appearance:none}
button{border:none;padding:0;margin:0;cursor:pointer;border-radius:0;font-family:Open Sans,Arial;font-weight:600}
.input{width:100%;height:40px;padding:0 11px;border:1px solid #CCC;transition:ease .3s;background-color:#FFF;border-radius:4px}
.input:focus{border-bottom-color:#0098EA;box-shadow:inset 0 -1px 0 #0098EA}
.select{height:40px;color:#666;background:#FFF url(/static/images/arrow-select.png) no-repeat right center;background-size:auto 5px;border-radius:4px;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select-white{background-color:#FFF}
textarea.input{padding-top:10px!important;padding-bottom:10px!important}
.button{float:none;height:40px;font-size:14px;line-height:100%;display:inline-block;padding:0 30px;cursor:pointer;border:none;color:#FFF;background-color:#E91E63;transition:all .3s;border-radius:4px;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);text-align:center}
.button:hover{background-color:#333;color:#FFF}
.canlitvstream{float:left;width:100%;position:relative}
.wrap{margin:0 auto;width:100%;max-width:980px;min-height:10px}
.clear{clear:both}
.tac{text-align:center}
.fl{float:left!important}
.fr{float:right!important}
.fn{float:none!important}
.w100{float:left;width:100%!important}
.w50{float:left;width:50%}
.mt30{margin-top:30px}
#header{float:left;width:100%;height:74px;position:relative;background-color:#FFF;border-bottom:2px solid #53AEB1;box-shadow:0 0 10px rgba(2,51,72,0.15);z-index:3000}
.logo{float:left;z-index:240}
.logo img{float:left;height:72px;padding:20px 0}
.nav-icon{display:none}
.navigation{float:left;margin-left:20px}
.navigation li{position:relative}
.navigation li::after{content:"";float:right;width:1px;height:32px;margin:20px -1px 0 0;background-color:#EFEFEF}
.navigation li:last-child::after{display:none}
.navigation li > a{float:left;padding:0 28px;font-size:14px;font-weight:700;transition:all .3s;line-height:72px}
.top-search{float:right;max-width:240px;height:59px;margin-top:7px;overflow:hidden}
.top-search *{box-sizing:initial;-webkit-box-sizing:initial;-moz-box-sizing:initial}
.aratextbox{margin-top:15px;border-radius:4px;color:#20272d;padding:5px;width:160px;background-color:#f1f1f1;font-size:13px}
.arabuton{margin-top:15px;margin-left:5px;background-color:#53aeb1;color:#fff;padding:5px 10px;cursor:pointer;border-radius:5px;font-size:13px}
.popular-wrap{float:left;width:100%;height:45px;font-size:11px;line-height:25px;background:-webkit-linear-gradient(top,#f3f3f3,#bfbfbf);background:-o-linear-gradient(top,rgba(0,0,0,0),#000);background:-mz-linear-gradient(top,rgba(0,0,0,0),#000);background:linear-gradient(top,rgba(0,0,0,0),#000)}
.popular-genres{float:left;width:100%;padding-left:135px;position:relative;font-weight:600;line-height:45px}
.popular-genres span{position:absolute;top:0;left:0;width:135px;height:45px;padding-left:20px;color:#53AEB1;background:url(../images/bg-popular.png) no-repeat;background-size:100% 100%}
.popular-genres ul{float:none;display:block}
.popular-genres ul li{float:none;display:inline-block}
.popular-genres ul li a{float:left;padding:0 20px;transition:all .3s}
.footer{float:left;width:100%;padding:30px 0 40px;margin-top:50px;background-color:#171E24;position:relative;color:#B2B8BF;position:relative;font-size:14px;line-height:25px}
.footer h3{float:left;width:100%;font-size:14px;font-weight:600;color:#53aeb1;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #262f37}
.footer-about{float:left;width:44%}
.footer-links{float:left;width:27%;padding-left:30px}
.footer-links ul{width:100%}
.footer-links ul li{width:100%}
.footer-links ul li a{float:left;width:100%;color:#B2B8BF}
.footer-links ul li a:hover{color:#FFF}
.copyright{float:left;width:100%;padding:25px 20px;text-align:center;background-color:#121920;color:#B2B8BF}
.page-title{float:left;width:100%;padding:0 15px;margin:25px 0 15px;position:relative}
.page-title::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:rgba(0,0,0,0.07)}
.page-title span{display:inline-block;padding:0 15px;background-color:#ededeb;position:relative;font-size:20px;font-weight:700;line-height:25px;color:#333;letter-spacing:-.4px}
.tv-list{float:left;width:100%}
.tv-list-inner{margin:0 -10px}
.tv-list ul{width:100%}
.tv-list ul li{width:33.33334%;padding:0 10px 20px}
.tv-list ul li a{float:left;width:100%;height:70px;padding:20px 10px 0 65px;position:relative;background-color:#FFF;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all .3s;border-radius:3px}
.tv-list ul li a:hover{box-shadow:0 3px 10px rgba(0,0,0,0.2)}
.tv-list ul li a::before{content:"";position:absolute;top:0;bottom:0;left:20px;width:26px;background:url(/static/images/icon-tv-white.png) no-repeat center;background-size:100% auto;opacity:.2;transition:all .3s}
.tv-list ul li a:hover::before{opacity:1}
.tv-list ul li a::after{content:"";position:absolute;bottom:0;left:20px;width:26px;height:2px;background-color:#53AEB1}
.tv-list ul li a .title{float:left;width:100%;padding-left:20px;font-size:15px;font-weight:600;line-height:30px;box-shadow:inset 1px 0 0 #EDEDED;white-space:nowrap;overflow:hidden}
.site-about{float:left;width:100%;padding:0 20px;font-size:14px;line-height:25px;text-shadow:0 1px 1px rgba(255,255,255,0.8)}
.site-about-title{float:left;width:100%;padding:21px 0 16px;font-size:18px;font-weight:700;color:#333;position:relative}
.site-about-title::after{content:"";position:absolute;left:0;bottom:6px;width:30px;height:2px;background-color:#53AEB1}
.site-about section{float:left;width:100%;margin:8px 0 20px}
.whitebox{float:left;width:100%;margin-bottom:25px;background-color:#FFF;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:3px}
.whitebox .site-about{padding:12px 20px 0}
.whitebox-title{float:left;width:100%;padding:12px 20px 13px;box-shadow:inset 0 -2px 0 #53AEB1;font-size:17px;font-weight:600;color:#53AEB1;position:relative}
.whitebox-title::before{content:"";border-bottom:3px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;height:0;position:absolute;width:0;left:20px;bottom:2px;border-bottom-color:#53AEB1}
.whitebox-title i{float:left;width:100%;font-size:15px;color:#333}
.stream-wrap{float:left;width:100%;margin:25px 0 -30px}
.stream-channels{float:left;width:100%;padding:5px;position:relative;z-index:100}
.stream-channels ul{width:100%;overflow:hidden}
.stream-channels li{width:25%;position:relative}
.similar-channels li{width:100%}
.stream-channels li::before{content:"";position:absolute;top:10px;bottom:10px;right:-1px;width:1px;background-color:#EEE}
.stream-channels li::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:1px;background-color:#EEE}
.stream-channels li a{float:left;width:100%;padding:15px 10px 15px 60px;font-weight:600;font-size:14px;position:relative;white-space:nowrap;overflow:hidden}
.stream-channels li a span{position:absolute;left:20px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:#CCC url(/static/images/icon-clock.png) no-repeat center;background-size:auto 16px;transition:all .25s}
.stream-channels li a:hover span{background-color:#666;-webkit-transform:rotate(145deg);-moz-transform:rotate(145deg);-ms-transform:rotate(145deg);-o-transform:rotate(145deg);transform:rotate(145deg)}
.similar-channels li a span{background-image:url(/static/images/icon-play.png);background-size:auto 12px}
.similar-channels li a:hover span{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.stream-list{float:left;width:100%;font-size:14px}
.stream-list ul{width:100%}
.stream-list li{width:100%;padding:12px 12px 12px 85px;border-bottom:1px solid #EEE;position:relative;transition:all .3s}
.stream-list li:last-child{border-bottom:none}
.stream-list li:hover{background-color:#F5F5F5}
.stream-list li span{position:absolute;top:7px;left:7px;width:60px;background-color:rgba(0,0,0,0.1);border-radius:4px;text-align:center;line-height:30px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15)}
.stream-list li strong{float:left;width:100%;font-weight:600;color:#53aeb1}
.watch-live{float:left}
.watch-live a{float:left;height:35px;padding:0 15px 0 35px;background:#53aeb1 url(/static/images/icon-play.png) no-repeat 10px center;background-size:15px;color:#FFF;font-size:14px;font-weight:600;line-height:34px;text-shadow:none;border-radius:3px;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2)}
.watch-live a:hover{background-color:#666}
.stream-date{float:left;height:35px;padding-left:25px;margin-left:25px;border-left:1px solid rgba(0,0,0,0.1);font-size:14px;font-weight:600;line-height:34px}
.left-block{float:left;width:660px}
.right-block{float:right;width:300px}
.player-wrap{float:left;width:660px;transition:all .3s;border-radius:4px;position:relative}
.player-wide{width:100%}
.player{float:left;width:100%;height:400px;transition:all .3s}
.player-wide .player{height:560px}
.player-top{float:left;width:100%;height:40px;line-height:40px}
.player-tab{float:left}
.player-tab li{padding:0 21px 0 20px}
.player-tab li::after{content:"";float:right;width:1px;height:40px;margin-right:-21px;background:-webkit-linear-gradient(bottom,#FFF,#E1E1E1);background:-o-linear-gradient(bottom,#FFF,#E1E1E1);background:-moz-linear-gradient(bottom,#FFF,#E1E1E1);background:linear-gradient(bottom,#FFF,#E1E1E1)}
.player-tab li a{float:left;height:40px;font-weight:600;font-size:14px;position:relative}
.player-tab li a:hover{box-shadow:inset 0 2px 0 #53AEB1}
.player-tab li a.active{box-shadow:inset 0 2px 0 #53AEB1;color:#53AEB1}
.expand{float:right;cursor:pointer;font-weight:600;font-size:11px}
.expand::before{content:"Genişlet";float:left;opacity:.75}
.expand:hover::before{opacity:1}
.player-wide .expand::before{content:"Daralt"}
.expand::after{content:"";float:left;width:14px;height:10px;margin:14px 13px 0 7px;border:1px solid #333;border-radius:2px}
.player-bottom{float:left;width:100%;position:relative}
.player-bottom li{padding:0 21px 0 20px}
.player-bottom li::after{content:"";float:right;width:1px;height:40px;margin-right:-21px;background:-webkit-linear-gradient(top,#FFF,#E1E1E1);background:-o-linear-gradient(top,#FFF,#E1E1E1);background:-moz-linear-gradient(top,#FFF,#E1E1E1);background:linear-gradient(top,#FFF,#E1E1E1)}
.player-bottom li a{float:left;font-weight:600;font-size:14px;line-height:40px}
.player-bottom li a:hover{box-shadow:inset 0 -2px 0 #53AEB1}
.left-block-adv{float:left;width:100%;margin-bottom:25px;text-align:center}
.left-block-adv img{display:inline-block;width:100%;max-width:336px}
.right-block-adv{float:left;width:100%;margin-bottom:25px;text-align:center}
.right-block-adv img{display:inline-block;width:100%;max-width:300px}
.channel-info{float:left;width:100%;margin:10px 0 -10px;position:relative;font-size:13px}
.channel-info ul{width:100%}
.channel-info li{width:100%;padding:5px 0 5px 150px;position:relative;border-top:1px solid #EEE}
.channel-info li:hover{background-color:#F8F8F8}
.channel-info li img{position:absolute;left:0;top:4px;height:20px;padding:2px 0}
.channel-info li i{position:absolute;top:5px;left:0;width:130px;font-weight:700;color:#53AEB1;white-space:nowrap}
.channel-info li span{float:left;width:100%}
.channel-info li span::before{content:":";float:left;margin-left:-15px}
.page-share{float:left;width:100%;margin-bottom:25px;text-align:center}
.page-share ul{float:none;display:inline-block}
.page-share li{padding:0 7px}
.page-share li a{float:left;border-radius:5px;color:#FFF;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2)}
.page-share li a:hover{box-shadow:inset 0 2px 3px rgba(0,0,0,0.3)}
.page-share li a img{float:left;height:40px;padding:5px}
.page-share li a i{float:left;width:80px;text-align:left;font-weight:600;line-height:40px}
.color-google{background-color:#DB4437}
.color-facebook{background-color:#6688CD}
.color-vk{background-color:#507299}
.color-twitter{background-color:#29C5F5}
.pages{float:left;width:100%;height:21px;margin:10px 0 40px;color:#999;text-align:center;border-bottom:1px solid #E2E2E2}
.pages ul{float:none;display:inline-block}
.pages li{padding:0 5px}
.pages li::before,.pages li::after{content:"";float:left;width:5px;height:40px;background-color:#F5F5F5}
.pages li::after{float:right}
.pages li a{float:left;width:40px;height:40px;transition:all .2s;position:relative;background-color:#FFF;border:1px solid #D1D1D1;border-radius:50%;font-weight:500;color:#666;line-height:38px}
.pages li a:hover,.pages li a.current{border-color:#009B77;color:#009B77}
ul.yayinakisi li{padding:5px;font-weight:bold;color:#666;cursor:default;}
ul.yayinakisi li span{color:#69b3b6;}
li.suanda{color:#69b3b6 !important;}
@media only screen and (max-width:1023px) {
.wrap{float:left;width:100%;padding:0 20px}
.nav-icon{float:left;width:60px;height:60px;margin-top:6px;position:relative;cursor:pointer;display:block;text-indent:-9999px}
.nav-icon span{position:absolute;top:50%;left:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background-color:#151515;transition:all .3s}
.nav-icon span::before{content:"";position:absolute;top:-7px;left:0;right:2px;height:2px;background-color:#151515;transition:all .3s}
.nav-icon span::after{content:"";position:absolute;bottom:-7px;left:0;right:4px;height:2px;background-color:#151515;transition:all .3s}
.nav-icon-close span{background-color:#FFF}
.nav-icon-close span::before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0;right:0;background-color:#53AEB1}
.nav-icon-close span::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);bottom:0;right:0;background-color:#53AEB1}
.navigation{width:100%;margin-left:0;text-align:center;display:none}
.navigation ul{width:100%;border-top:1px solid #EEE}
.navigation li{width:100%;border-bottom:1px solid #EEE}
.navigation li::after{display:none}
.navigation li > a{width:100%;padding:0;line-height:50px}
.footer{padding:20px 0 30px}
.footer-about{width:100%}
.footer-links{width:50%;padding-top:20px;padding-left:0}
.stream-channels li{width:33.33334%}
.player-out{display:table}
.popular-genres{white-space:nowrap;overflow-x:scroll;overflow-y:hidden}
#header{height:auto}
#header .wrap{padding:0 15px}
}
@media only screen and (max-width:767px) {
.logo img{height:60px}
.top-search{width:100%;max-width:100%;margin:-15px -10px 0 0}
.top-search form{display:table;margin:0 auto}
.nav-icon{margin-top:0}
.tv-list ul li{width:50%}
}
@media only screen and (max-width:640px) {
.stream-channels li{width:50%}
}
@media only screen and (max-width:480px) {
.site-about{padding:0}
}
@media only screen and (max-width:420px) {
.nav-icon{float:right;margin-right:-15px}
.navigation{margin-bottom:20px}
.footer-links{width:100%}
.tv-list ul li{width:100%}
.stream-channels li{width:100%}
.stream-date{padding-left:15px;margin-left:15px}
.player-tab li:last-child{display:none;}
}
.tags{float:left;width:100%}
.tags a{float:left;height:24px;padding:0 10px;margin:0 10px 10px 0;color:#FFF;background-color:#53AEB1;border:1px solid rgba(0,0,0,0.15);border-radius:3px;font-size:14px;line-height:22px;transition:all .3s}
.tags a:hover{background-color:#867E7C}
.site-about h2{font-weight: bold;font-size:19px;}
.site-about h3{font-weight: bold;font-size:18px;}
.site-about h4{font-weight: bold;font-size:17px;}
.site-about h5{font-weight: bold;font-size:16px;}
.site-about h6{font-weight: bold;font-size:15px;}