@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700');

body {
    overflow-x:hidden;
    background-color:#0a0404;
    background:#0a0404;
}
 
.navbar-default .navbar-nav>li>a { color:#eee; }
    
.navbar-brand
{
    margin: 0;
    padding-top: 5px;
    background: transparent;
    transition:all .4s ease;
}

.btv_logo {
    font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px; 
    width: auto;
    height: 100% !important;
    color: darkred;
}
.img-responsive {
    margin: 0 auto;
}
@media (min-width: 1800px)
{
    .headcontainer {
        width: 1370px !important;
    }
}

#clockface {float:none !important;}

@media (max-width: 967px)
{
    .hidden-xs {
        display: none !important;
    }
}

.page-header h1 {
    font-size: 3em;
}
@media (min-width: 768px)
{
    .lead {
        font-size: 18px;
    }
}

.panel-body{
	padding:5px !important;
	position:relative;
	overflow:hidden;
	display:block;
}

.panel-body img{
	border-radius:4px;
}

.panel-heading { 
    min-height:70px; 
}

.clock {background-color:#222222;width:100%; margin:0 auto; padding:10px; border:1px solid #282828; color:#fff;border-radius:4px; }

#Date { font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; text-align:center; text-shadow:0 0 5px #00c6ff; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

@-webkit-keyframes mymove 
{
    0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
    50% {opacity:0; text-shadow:none; }
    100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


@-moz-keyframes mymove 
{
    0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
    50% {opacity:0; text-shadow:none; }
    100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clock-face {
    display:inline;
    font-size:1.7em;
    text-align:center;
    font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    text-shadow:0 0 5px #00c6ff;
}

footer {
    background-color:#111 !important;
    border-top:0px solid #000 !important;
    width:100%;
    margin:0 !important;
    padding:10px 0px;
}

footer a { 
    font-size:12px;
    color:#888;
    padding-right:8px;
    padding-left:8px;
    border-right:1px solid rgba(255,255,255,.1);
}

footer a:first-child { 
    padding-left:0px;
}

footer a:last-child { 
    border-right:none;
}

.over-lay { 
    position:relative;
}

 .over-lay-box {
    opacity:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000719+0,000719+67,000719+100&1+0,0.67+77,0+100 */
    background: -moz-linear-gradient(top, rgba(0,7,25,1) 0%, rgba(0,7,25,0.71) 67%, rgba(0,7,25,0.67) 77%, rgba(0,7,25,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,7,25,1) 0%,rgba(0,7,25,0.71) 67%,rgba(0,7,25,0.67) 77%,rgba(0,7,25,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,7,25,1) 0%,rgba(0,7,25,0.71) 67%,rgba(0,7,25,0.67) 77%,rgba(0,7,25,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000719', endColorstr='#00000719',GradientType=0 ); /* IE6-9 */float:left;
    overflow:hidden;
    width:100%;
    position:absolute;
    height:auto;
    transition:all .2s linear;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

 .over-lay-box h5 {
    padding:90px 0px;
    text-align:center;
}

.panel-body:hover .over-lay-box  {
    opacity:1;
	transition:all .4s ease;
}

.eve {
    border-radius:4px;
}

.spo { 
    max-width:50%;
}

.signup {
    font-family:'Roboto Slab',sans-serif !important;
    border-radius:2px;
    transition:.2s ease;
    text-transform:uppercase;
    font-weight:bold;
    padding-left:40px;
    padding-right:40px;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.signup-top {
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
    font-weight:bold;
}
.epl {
    background  :url(http://seelive.cc/uploads/epl-bg.jpg)top center no-repeat;
    background-size:cover;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}
.mma {
    background:url(http://seelive.cc/uploads/mma-bg.jpg)top center no-repeat;
    background-size:cover;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}

.title-color {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#410091+0,8475d8+100 */
    background: rgb(65,0,145); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(65,0,145,1) 0%, rgba(132,117,216,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(65,0,145,1) 0%,rgba(132,117,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(65,0,145,1) 0%,rgba(132,117,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410091', endColorstr='#8475d8',GradientType=1 ); /* IE6-9 */
}
    
.navbar-default .navbar-toggle {
    border-color: rgba(255,255,255,.8) !important;
}
    
.navbar-toggle {
    border-radius: 0px !important;
}

.navbar-default .navbar-nav>li>a {
    font-weight: 500;
    font-family:'Raleway',sans-serif;
}

a,a:hover,a:active,a:focus {text-decoration:none;}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.eve {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001a23+0,206bad+49,114570+49,000d16+100&1+0,0.47+100 */
    background: -moz-linear-gradient(left, rgba(0,26,35,1) 0%, rgba(17,69,112,0.74) 49%, rgba(0,13,22,0.47) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,26,35,1) 0%,rgba(17,69,112,0.74) 49%,rgba(0,13,22,0.47) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,26,35,1) 0%,rgba(17,69,112,0.74) 49%,rgba(0,13,22,0.47) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a23', endColorstr='#78000d16',GradientType=1 ); /* IE6-9 */
    color:#fff !important;
    border-radius:0px !important;
}
.panel-body img {
    border-radius: 0px !important;
}   
.panel-heading {
    min-height: 70px !important;
}
.panel-default>.panel-heading {
    background: linear-gradient(187deg, #004870, #339fb7);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 6s ease infinite;
    -moz-animation: AnimationName 6s ease infinite;
    animation: AnimationName 6s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:55% 0%}
    50%{background-position:46% 100%}
    100%{background-position:55% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:55% 0%}
    50%{background-position:46% 100%}
    100%{background-position:55% 0%}
}
@keyframes AnimationName { 
    0%{background-position:55% 0%}
    50%{background-position:46% 100%}
    100%{background-position:55% 0%}
}

.panel-footer {
    color:#fff !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: rgb(22,22,22); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(22,22,22,1) 0%, rgba(20,20,20,1) 50%, rgba(17,17,17,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(22,22,22,1) 0%,rgba(20,20,20,1) 50%,rgba(17,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(22,22,22,1) 0%,rgba(20,20,20,1) 50%,rgba(17,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#111111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.box {
    background: url(http://seelive.cc/box-bg.jpg)top center no-repeat;
    background-size: cover;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}

.nba {
    background: url(http://seelive.cc/nba-bg.jpg)top center no-repeat;
    background-size: cover;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}

.ucl {
    background: url(http://seelive.cc/ucl-bg2.jpg)top center no-repeat;
    background-size: cover;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}
.live-now {
    background:#d50000;
    color:#fff;
    text-transform:uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight:bold;
    border:1px solid #fff;
    padding:4px 10px;
    display:inline-block;
    border-radius:4px;
    transition:all .4s linear;
    animation: blink 1s infinite;
    animation-timing-function: linear;
}

@keyframes blink {
    0% {
           background-color: rgba(255,0,0,1)
    }
    50% {
           background-color: rgba(255,0,0,0.5)
    }
    100% {
           background-color: rgba(255,0,0,1)
    }
}
@-webkit-keyframes blink {
    0% {
           background-color: rgba(255,0,0,1)
    }
    50% {
           background-color: rgba(255,0,0,0.5)
    }
    100% {
           background-color: rgba(255,0,0,1)
    }
}
.over-lay-box h5 {
    font-size:12px !important;
    text-transform:uppercase;
    transition:all .2s ease;
    font-weight:bold;
    position:relative;
    top:-20px;
    text-shadow: 1px 0px 3px rgba(0, 0, 0, 1);
}

.panel-body:hover .over-lay-box h5{
    font-size:24px !important;
    position:relative;
    top:0px;
    text-shadow: 1px 0px 3px rgba(0, 0, 0, 1);
}

.over-lay-box {
    border-radius:0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001a23+0,206bad+49,114570+49,141414+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,26,35,1) 0%, rgba(17,69,112,0.51) 49%, rgba(20,20,20,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,26,35,1) 0%,rgba(17,69,112,0.51) 49%,rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,26,35,1) 0%,rgba(17,69,112,0.51) 49%,rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a23', endColorstr='#00141414',GradientType=0 ); /* IE6-9 */
}

.watch-l {   
    background: rgb(41,192,206); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(41,192,206,1) 0%, rgba(30,160,149,1) 4%, rgba(30,160,149,1) 4%, rgba(11,39,61,1) 4%, rgba(11,39,61,1) 4%, rgba(0,229,149,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(41,192,206,1) 0%,rgba(30,160,149,1) 4%,rgba(30,160,149,1) 4%,rgba(11,39,61,1) 4%,rgba(11,39,61,1) 4%,rgba(0,229,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(41,192,206,1) 0%,rgba(30,160,149,1) 4%,rgba(30,160,149,1) 4%,rgba(11,39,61,1) 4%,rgba(11,39,61,1) 4%,rgba(0,229,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c0ce', endColorstr='#00e595',GradientType=1 ); /* IE6-9 */
    border:1px solid rgba(255,255,255,1);
    border-radius:4px;
    display:inline-block !important;
}

.watch-l a {
    text-transform:uppercase;
    color:#fff !important;
    display:block;
    font-family: 'Roboto', sans-serif;
    position:relative;
}

.panel-body {
    padding: 0px !important;
}

.btn-success {
    color: #ffffff;
    background-color: #388E3C;
    border-color: #77b300;
    text-shadow:1px 1px 1px #000, 2px 2px 2px #000;
    border:3px solid #fff;
}

.title-color {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2850c9+0,2989d8+50,0043c9+100 */
    background: rgb(40,80,201); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(40,80,201,1) 0%, rgba(41,137,216,1) 50%, rgba(0,67,201,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(40,80,201,1) 0%,rgba(41,137,216,1) 50%,rgba(0,67,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(40,80,201,1) 0%,rgba(41,137,216,1) 50%,rgba(0,67,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2850c9', endColorstr='#0043c9',GradientType=1 ); /* IE6-9 */
}

.img-logo {
    animation-duration: 2s;
    animation-iteration-count: normal;
    animation-timing-function: ease;
}

.flaz {
    animation-duration: 2s;
    animation-iteration-count: 2;
    animation-timing-function: ease;  
}

.titly {
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;  
}

.panel {
    margin-bottom: 20px;
    background-color: #222222;
    border: 2px solid #607D8B;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.navbar-default {
    background:#111;
    background-size:cover;
    border-bottom: 0px solid #ccc;
}

.navbar-default .navbar-toggle {
   border-color: #0277BD !important; 
}

.navbar-default .navbar-toggle .icon-bar {
   background-color: #0277BD !important; 
}

.navbar-default .navbar-toggle {
    border-color: #fff!important;
    border-radius: 10px !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff!important;
}

.categ {
    font-family:'Raleway',sans-serif;
    font-size:14px;
    font-weight:normal;
}

.page-header {
    padding-bottom: 9px;
    margin:0;
}

.panel {
    margin-bottom: 20px;
    border: 1px solid #111;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.form-control {
    background-color: #111;
}

hr.style10{
    border: 0px solid #000 !important;
    height: 2px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0));
}


#i41c {
	position: fixed !important;
	position: absolute;
	top: -2px;
	width:100%;
	height:100%;
	background-color: #000000;
	opacity: .87;
	filter: alpha(opacity=80);
	display: block;
	padding: 10% 0;
	z-index:103;
}

#i41c * {
	text-align: center;
	margin: 0 auto;
	display: block;
	filter: none;
	font: bold 14px Verdana, Arial, sans-serif;
	text-decoration: none
}

#i41c ~ * {
	display: none
}

#ai_tapar {
	width:100%;
    height:500px;
    position:absolute;
	z-index:100;
	background:url(../images/background_main.png);
}

#ai_tapar img {
	position:absolute;
	z-index:101;
	width:6px;
	height:6px;
}

#ai_tapar_countdown {
	width:100%;
	top:75px;
	position:absolute;
	text-align:center;
	z-index:101;
}
#ai_tapar_countdown font{
	width:200px;
	top:15px;
	font-size: 13px;
	text-align:center;	
	color:#FFFFFF;
	position:absolute;
	background-color:black;
	z-index:100;
}
#ai_tapar_content {
	width:100%;
	height:440px;
	position:absolute;
	top:110px;
	background-color:transparent;
	z-index:100;
}