@charset "utf-8";
/* CSS Document */

html { height:100%; margin:0; 	-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  height: 100% }
body { font-family:AR Dori Sans Light, Segoe UI Medium, Arial, sans-serif !important; background:#000; color:#fff; font-size:15px }
* {  text-decoration: none; font-family:AR Dori Sans Light, Segoe UI Medium, Arial, sans-serif !important; }
h1,h2,h3,h4 {  font-family:AR Dori Sans DemiBold, Arial, sans-serif !important; }
a { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff }
a:hover { text-decoration: none ; outline: none }
svg, img { max-width:100% !important; height:auto !important; border:none }

h1 { font-size:2.7em }

p { font-size:15px }

h3 { display:block; padding:1% 0 1% 0; background:#1B1B1B; margin-bottom:10px } 

.container { background: #262626; padding-top: 2%; }

.btn-danger {
padding: 15px 24px 18px 24px !important;	
color: #fff;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 border-color: #d43f3a;
 font-size:30px
}



.btn-danger:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,8f0222+56,a90329+100 */
background: rgb(109,0,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,0,25,1)), color-stop(56%,rgba(143,2,34,1)), color-stop(100%,rgba(169,3,41,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */
}

.now { margin-top:4% }

h1.just-play { color:#C00; margin:3.5% 0 6% 0 }

.broadcast { margin:22% 0 0 0 }

.broadcast-old { margin:18% 0 0 0 }

figcaption { display:block; color: #888; font-size:15px }

video { max-width: 100%; height: auto; }
iframe, embed, object { max-width: 100%; height:auto}

.feature-item img { border:1px solid #333}
.feature-item section { margin-bottom:2% }
.feature-item section:nth-child(1), .feature-item section:nth-child(4) { padding-right:20px; }
.feature-item section:nth-child(2), .feature-item section:nth-child(5) { padding-right:18px; padding-left:18px }
.feature-item section:nth-child(3), .feature-item section:nth-child(6) { padding-left:20px  }


.logo .container { padding:0.5% 0; background:#000 }



hader { position:relative; }
header .container { position:relative; margin:0 auto; padding:0;  color:#999 }
header h2 { line-height:42px; margin-top:0 }
header h3, header h4, header h2 { color:#fff }
header h1 { color:#C00; margin-bottom:2% }
header h3 { background:transparent; padding:0; border:none; border-radius:none; margin:0 0 2% 0; line-height:32px; color:#ccc }
header .info-wrap { padding:15px; position:absolute; text-shadow:2px 2px 2px #000 }
header .info-wrap .sub-title { padding-right:20% }
header ul { padding-left:20px; font-size:18px }
header .video-wrap { position:relative;   }
header .video-playing { position:absolute; z-index:50; padding:3.1%; z-index:1000; height:100%; width:100% }

.video-concent span { display:block }
.video-concent img { border:1px solid #333; margin-bottom:3%; -webkit-box-shadow: 5px 9px 10px rgba(0,0,0,0.5); -moz-box-shadow: 5px 9px 10px rgba(0,0,0,0.5); box-shadow: 5px 9px 10px rgba(0,0,0,0.5) }
.video-concent .video-img { position:relative }
.video-concent a { display:block; filter:alpha(opacity=70); -moz-opacity:0.7;opacity:0.7  }
.video-concent a:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity:1 }
.video-concent .video-img .center { border:none; -webkit-box-shadow: 5px 9px 10px rgba(0,0,0,0); -moz-box-shadow: 5px 9px 10px rgba(0,0,0,0); box-shadow: 5px 9px 10px rgba(0,0,0,0); }
.made-east { margin:6% 0 }
.made-east h1 { color:#C00; margin:0 0 2% 0 }


/* banner */
.hero { position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#373a3d+0,000000+100 */
background: rgb(55,58,61); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(55,58,61,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(55,58,61,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(55,58,61,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(55,58,61,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(55,58,61,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(55,58,61,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373a3d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }


.glyphicon-chevron-right:before {
	display:inline-block;
	width: 27px;
height: 44px;
    content: " ";
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.glyphicon-chevron-left:before {
	display:inline-block;
	width: 27px;
height: 44px;
    content: " ";
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.carousel-control { width: 10%; }
.carousel-inner>.item { padding:0 25% }
.carousel-inner>.item>a>img, .carousel-inner>.item>img { margin:0 auto; }

footer { position:relative; border-top:1px solid #333; padding:2% 0 1% 0; margin-top:5% }
footer img { border:none !important; margin-bottom:1%; -webkit-box-shadow: 5px 9px 10px rgba(0,0,0,0) !important; -moz-box-shadow: 5px 9px 10px rgba(0,0,0,0 !important); box-shadow: 5px 9px 10px rgba(0,0,0,0) !important}
footer p { margin-top:1.5%; font-size:13px; color:#888 }
footer span { display:block }


@media (min-width:1025px) and (max-width: 1200px) {
.broadcast { margin:17% 0 0 0 }
.broadcast-old  { margin:13% 0 0 0 }
header .info-wrap .sub-title { padding-right:0 }
}


@media (min-width:979px) and (max-width: 1024px) {
.broadcast { margin:17% 0 0 0 }
.broadcast-old  { margin:13% 0 0 0 }
header .info-wrap .sub-title { padding-right:0 }
}

@media (min-width:768px) and (max-width: 980px) {
.broadcast-old  { margin:9.5% 0 0 0 }
header .info-wrap .sub-title { padding-right:0; }
.now { margin-top:10% }
footer { padding:6% 0 1% 0; margin-top:10% }
header .tv-video { margin-top:30% }
.broadcast { margin:20% 0 0 0 }
.feature-item { padding:0 !important; }
.col-sm-6, .feature-item section { margin-bottom:5% }
footer .text-left, footer .text-right { text-align:center }
footer span { display:inline-block }
.container { padding-top: 2.4%; }
}

@media (min-width:679px) and (max-width: 767px) {
h3 { display:block; padding:2% 0 2% }
.video-concent img { margin-bottom: 2%;}
header .info-wrap .sub-title { padding-right:0; }
.data-img { margin-bottom:100% }
.now { margin-top:10% }
footer { padding:6% 0 1% 0; margin-top:10% }
header .tv-video { margin-top:40% }
.broadcast-old  { margin:13% 0 0 0 }
.broadcast { margin:8% 0 0 0 }
header .col-sm-6 { margin-bottom:0 }
.col-sm-6, .feature-item section { margin-bottom:5% }
footer .text-left, footer .text-right { text-align:center }
footer span { display:inline-block }
}


@media (min-width:579px) and (max-width: 680px) {
h3 { display:block; padding:2% 0 2% }
header .col-sm-6 { margin-bottom:0 }
header .info-wrap .sub-title { padding-right:0; }
.video-concent span { display:inline-block }
.broadcast-old  { margin:8% 0 0 0 }
.broadcast { margin:8% 0 0 0 }
.now { margin-top:10% }
footer { padding:6% 0 1% 0; margin-top:10% }
header .tv-video { margin-top:30% } 
.data-img { margin-bottom:110% }
.data-img-old { margin-bottom:105% }
.col-sm-6, .feature-item section { margin-bottom:5% }
footer .text-left, footer .text-right { text-align:center }
.now { margin-top:10% }

footer { padding:6% 0 1% 0; margin-top:10% }
footer span { display:inline-block }
}

@media (min-width:449px) and (max-width: 580px) {
h3 { display:block; padding:2% 0 2% }
header .info-wrap .sub-title { padding-right:0; }
.now { margin-top:10% }
footer { padding:6% 0 1% 0; margin-top:10% }
header .container { background:#000}
header .tv-video { margin-top:30% }
.broadcast-old  { margin:10% 0 0 0 }
.broadcast { margin:10% 0 0 0 }
.video .video-box { margin-bottom:2% }
.col-sm-6, .feature-item section { margin-bottom:5% }
.data-img { margin:20% 0 520px 0 }
footer .text-left, footer .text-right { text-align:center }
.container { padding-top: 4%; }
.video-concent span { display:inline-block }
}

@media (min-width:369px) and (max-width: 450px) {
.video-concent span { display:inline-block }
h3 { display:block; padding:3% 0 3% }
header .info-wrap .sub-title { padding-right:0; }
.now { margin-top:10% }
footer { padding:6% 0 1% 0; margin-top:10% }
header .container { background:#000}
header .tv-video { margin-top:30% }
.broadcast-old  { margin:10% 0 0 0 }
.broadcast { margin:10% 0 0 0 }
.video .video-box { margin-bottom:2% }
.col-sm-6, .feature-item section { margin-bottom:10% }
footer .text-left, footer .text-right { text-align:center }
.data-img { margin:20% 0 500px 0 }
.container { padding-top: 4%; }
}

@media (min-width:0px) and (max-width: 368px) {
.video-concent span { display:block }
.now { margin-top:10% }
footer { padding:6% 0 1% 0; margin-top:10% }
header .container { background:#000}
header .tv-video { margin-top:40% }
.broadcast-old  { margin:10% 0 0 0 }
.broadcast { margin:10% 0 0 0 }
.video .video-box { margin-bottom:2% }
.col-sm-6, .feature-item section { margin-bottom:10% }
footer .text-left, footer .text-right { text-align:center }
.data-img { margin:20% 0 150% 0 }
.container { padding-top: 4%; }
header h1 { font-size:2.2em }
.info-wrap { padding-top:0 !important }
h3, header .info-wrap .sub-title { font-size:1.6em }
h1.just-play { margin: 0 0 10% 0; font-size:2.2em;}
.made-east h1 { margin: 8% 0 10% 0; font-size:2.2em;}
header .col-sm-6 { margin-bottom:0 !important }
}