@charset "utf-8";

html { padding:0; margin:0;}
body { position:relative; margin:0; padding:0; color:#58595b; font:normal 12px/15px Helvetice, Arial, serif; background:#fff;}
.clr:after,
.resize:after { content:""; display:table; clear:both;}

p { margin:0; padding:4px 0;}
a { color:#41ae60; text-decoration:underline;}
a:hover { text-decoration:none;}
a img { border:none;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
.fl { float:left;}
.fr { float:right;}
.fn { float:none;}
.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}
.ucase { text-transform:uppercase;}
.lcase { text-transform:none;}
.bold { font-weight:bold;}
form, menu, iframe { display:block; margin:0; padding:0; border:none;}
ul, li { margin:0; padding:0; list-style:none;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] { display:block; width:100%; color:#4a4a4a; font:normal 12px/15px Helvetice, Arial, serif; border:none; border-radius:0; box-shadow:none; box-sizing:border-box; -webkit-appearance:none;}
textarea { display:block; color:#58595b; resize:none; overflow:auto; font:normal 12px/15px Helvetice, Arial, serif; border:none; border-radius:0; box-shadow:none; box-sizing:border-box; -webkit-appearance:none;}
input[type="submit"] { font-style:normal; cursor:pointer; border:none; border-radius:0; box-shadow:none; box-sizing:border-box; -webkit-appearance:none;}
* { outline:none;}

#mainwrapper { position:relative; overflow:hidden; width:100%; min-width:980px; background:#fff;}
#mainwrapper:before,
#mainwrapper:after { content:""; position:absolute; z-index:2; left:0; bottom:0; width:733px; height:473px; background:url(../images/bg_bottom_left.png) no-repeat center center;}
#mainwrapper:after { left:auto; right:0; width:664px; background-image:url(../images/bg_bottom_right.png);}
#mainwrapper>* { position:relative; z-index:4;}
section { position:relative;}
.resize { position:relative; margin:0 auto; padding:0; width:980px;}

header { margin:0 0 4px; height:177px; background:url(../images/bg_top.jpg) no-repeat center top;}
header .logo { float:left; padding:37px 0 0 203px;}
header .logo img { display:block; float:left; margin:0; padding:0;}
header ul.social { float:right; padding:12px 8px 0 20px; width:168px;}
header ul.social li { float:left; margin:0 10px 0 0; width:32px; height:32px;}
header ul.social li img { display:block; float:left; margin:0; padding:0; width:32px; height:32px; box-shadow:0 0 5px 5px rgba(255,255,255,0.4);}
header p.donate { float:right; padding:0; width:180px; height:60px; text-align:center;}
header p.donate a { display:block; padding:20px 0 16px; height:20px; font-size:17px; line-height:20px; color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase; background:rgba(255,255,255,0.8); border-bottom:4px solid #f08365;}

#stream .stream { margin:0 0 4px; float:left; width:480px; height:320px; overflow:hidden;}
#stream .info { float:right; margin:0 0 4px; padding:12px 12px 0; width:472px; height:308px; overflow:hidden; background:#f0f0f0;}
#stream .info h2 { padding:0 0 12px; font-size:20px; line-height:24px; color:#41ae60; font-weight:bold;}
#stream .info p { font-size:14px; line-height:18px;}
#stream .info p.title { font-size:18px; line-height:20px; color:#41ae60;}
#stream .title { margin:0 0 4px; padding:12px 0; background:#e5fbe4;}
#stream h1 { font-size:19px; line-height:22px; text-align:center; color:#41ae60; text-transform:uppercase; font-weight:bold;}

/*----------------------- tabs2 & tabs_header2 - to players ------------------------------ */


#stream .tabs_header2 { padding:0 90px; height:40px; background:#e5fbe4;}
#stream .tabs_header2 p.time { float:left; padding:12px 0 0; width:79px; text-align:center; font-size:14px; line-height:16px; color:#41ae60; text-transform:uppercase;}
#stream .tabs_header2 ul { float:left; width:721px; height:40px;}
#stream .tabs_header2 ul li { float:left; width:100px; height:40px; border-left:3px solid #fff;}
#stream .tabs_header2 ul li a { display:block; padding:4px 0 0; width:100px; height:36px; text-align:center; text-decoration:none; font-size:11px; line-height:16px; color:#41ae60;}
#stream .tabs_header2 ul li a span { display:block; text-transform:uppercase;}
#stream .tabs_header2 ul li a:hover,
#stream .tabs_header2 ul li a.active { background:#41ae60; color:#fff;}


#broadcasting { margin:0 0 4px;}
#broadcasting .title { margin:0 0 4px; padding:12px 0; background:#e5fbe4;}
#broadcasting h1 { font-size:19px; line-height:22px; text-align:center; color:#41ae60; text-transform:uppercase; font-weight:bold;}
#broadcasting p.timezone { padding:6px 88px 0 0; font-size:14px; line-height:17px; text-align:right;}
#broadcasting .tabs_header { padding:0 90px; height:40px; background:#e5fbe4;}
#broadcasting .tabs_header p.time { float:left; padding:12px 0 0; width:79px; text-align:center; font-size:14px; line-height:16px; color:#41ae60; text-transform:uppercase;}
#broadcasting .tabs_header ul { float:left; width:721px; height:40px;}
#broadcasting .tabs_header ul li { float:left; width:100px; height:40px; border-left:3px solid #fff;}
#broadcasting .tabs_header ul li a { display:block; padding:4px 0 0; width:100px; height:36px; text-align:center; text-decoration:none; font-size:11px; line-height:16px; color:#41ae60;}
#broadcasting .tabs_header ul li a span { display:block; text-transform:uppercase;}
#broadcasting .tabs_header ul li a:hover,
#broadcasting .tabs_header ul li a.active { background:#41ae60; color:#fff;}


#broadcasting .tabs { margin:0 90px;}
#broadcasting .tabs section { font-size:14px; line-height:18px; background:#f0f0f0; border-top:4px solid #41ae60;}
#broadcasting .tabs section ul { float:left; padding:6px 0; width:50%;}
#broadcasting .tabs section ul li { position:relative; padding:6px 16px 6px 64px;}
#broadcasting .tabs section ul li:hover { background:#e5fbe4;}
#broadcasting .tabs section ul li span { position:absolute; left:16px; top:6px; font-weight:bold; color:#ff6600;}

#instructions { margin:0 0 40px;}
#instructions h2 { padding:8px 0; font-size:19px; line-height:22px; text-align:center; color:#41ae60; text-transform:uppercase; font-weight:bold; background:#e5fbe4;}
#instructions .title { position:relative; height:220px; padding:32px 0 0 320px;}
#instructions .title img.mainimage { position:absolute; display:block; left:0; top:0; margin:0; padding:0;}
#instructions .title img.remote { display:block; margin:0; padding:0 0 0 54px;}
#instructions p.indent { position:relative; text-indent:24px;}
#instructions p.indent span { position:absolute; display:block; left:0; top:-11px; text-indent:0; font-size:30px; line-height:32px; color:#d4d4d4; font-weight:bold;}
#instructions .columns { display:table; margin:0 auto; width:871px;}
#instructions .columns.col2 { width:580px; padding-right:291px;}
#instructions .column { display:table-cell; padding:0 12px; width:265px; vertical-align:top; border-left:2px solid #41ae60;}
#instructions .column:first-child { border-left:none;}

#prefooter { margin:0 0 40px;}
#prefooter .columns { display:table; margin:0 40px; width:980px;}
#prefooter .column { display:table-cell; vertical-align:top; padding:0 24px 0 0;}
#prefooter .column p.title { padding:0 0 24px; font-size:18px; line-height:20px; text-transform:uppercase; color:#359617;}
#prefooter .column li { padding:4px 0;}
#prefooter .column li a { color:#3b4b41; text-decoration:none;}
#prefooter .column li a:hover { color:#359617; text-decoration:underline;}

footer { padding:0 0 40px;}
footer .info { float:left; width:600px;}
footer .info p { padding:0 0 12px; color:#c4c9c6;}
footer .info p.copyright { color:#3b4b41;}
footer .right { float:right; width:300px;}
footer .counters { padding:0 0 16px;}
footer .dev a { display:inline-block; margin-right:4px; padding:4px 8px; font-size:18px; line-height:20px; color:#fff; text-decoration:none; background:#359617;}

.footer .right{display: inline-block;vertical-align: top;width: 315px;text-align: right;padding-top: 14px;overflow: hidden;}
.footer .right img {margin-left: 5px;}
.footer .right .support {font-size: 12px;color: #48574e;text-decoration: none;float: left;}
.footer .right .support i {background: url('../img/support.svg') no-repeat;width: 106px;height: 28px;display: inline-block;vertical-align: top;margin-right: 7px;}
.footer .right .support img {width: 88px;display: inline-block;margin: 0;}
.footer .right .support span {display: inline-block;vertical-align: top;width: 88px;text-align: left;padding-top: 6px;line-height: 1em;font-size: 11px;margin-left: 5px;}
.footer .right .support:hover span {text-decoration: underline;}
.footer .right .informers {height: 31px;margin-bottom: 5px;}
.footer .right .b-support {width: 181px;float: right;}
.footer .right .b-host4biz {width: 88px;float: right;font-size: 10px;margin-left: 5px;margin-top: 6px;}
.footer .right .b-host4biz .host4biz {}
.footer .right .b-host4biz .host4biz img {width: 88px;display: inline-block;margin: 0;}