/* Global Styles */

@font-face{
    font-family:'Source Sans';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Regular.eot");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Regular.eot#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Regular.ttf") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Regular.svg#source_sans_proregular") format("svg");
    font-weight:normal;
    font-style:normal
}

@font-face{
    font-family:'Source Sans';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Semibold.eot");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Semibold.eot#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Semibold.ttf") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Semibold.svg#sourcesanspro-semibold-webfont") format("svg");
    font-weight:bold;
    font-style:normal
}

@font-face{
    font-family:'Source Sans';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-SemiboldItalic.eot");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-SemiboldItalic.eot#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-SemiboldItalic.woff") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-SemiboldItalic.ttf") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-SemiboldItalic.svg#sourcesanspro-semibolditalic-webfont") format("svg");
    font-weight:bold;
    font-style:italic
}

@font-face{
    font-family:'Source Sans';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Italic.eot");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Italic.eot#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Italic.woff") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Italic.ttf") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/sourceSansPro/SourceSansPro-Italic.svg#source_sans_pro_italic") format("svg");
    font-weight:normal;
    font-style:italic
}

@font-face{
    font-family:'Alternate Gothic';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/alternateGothicNo3/web-Alternate-Gothic-No3-Regular.eot");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/alternateGothicNo3/web-Alternate-Gothic-No3-Regular.eot#iefix") format("ie9-skip-eot"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/alternateGothicNo3/web-Alternate-Gothic-No3-Regular.woff") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/alternateGothicNo3/web-Alternate-Gothic-No3-Regular.ttf") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/alternateGothicNo3/web-Alternate-Gothic-No3-Regular.svg#web-Alternate-Gothic-No3-Regular") format("svg");
    font-weight:bold;
    font-style:normal
}

@font-face{
    font-family:'UVN Tin Tuc Hep Bold';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvntintuchep_b/UVNTinTucHep_B.EOT");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvntintuchep_b/UVNTinTucHep_B.EOT#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvntintuchep_b/UVNTinTucHep_B.TTF") format("truetype");
    font-weight:normal;
    font-style:normal
}

@font-face{
    font-family:'UVN Gio May';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_R.EOT");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_R.EOT#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_R.WOFF") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_R.TTF") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_R.SVG#uvn_gio_mayregular") format("svg");
    font-weight:normal;
    font-style:normal
}

@font-face{
    font-family:'UVN Gio May';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_B.EOT");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_B.EOT#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_B.WOFF") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_B.TTF") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_B.SVG#uvn_gio_maybold") format("svg");
    font-weight:bold;
    font-style:normal
}

@font-face{
    font-family:'UVN Gio May';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_I.EOT");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_I.EOT#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_I.WOFF") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_I.TTF") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_I.SVG#uvn_gio_maybolditalic") format("svg");
    font-weight:bold;
    font-style:italic
}

@font-face{
    font-family:'UVN Gio May';
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_BI.EOT");
    src:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_BI.EOT#iefix") format("embedded-opentype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_BI.WOFF") format("woff"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_BI.TTF") format("truetype"),
        url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/fonts/uvngiomay/UVNGioMay_BI.SVG#uvn_gio_mayitalic") format("svg");
    font-weight:normal;
    font-style:italic
}

html,
body {
    height: 100%;
    font-family: "Alternate Gothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #ffffff;
    color: #fff;
    font-weight: 300;
    background: url(/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/pattern_geometric-light.png) left top repeat;
}

a {
    color:#69BAFF
}

.dark-grey { color: #2d2d2d;}

.btn-outline{
    background:none;
    color:#fff;
}

.btn-outline:hover{
    background:none;
    color:#fff;
}

input[type="password"]{
    font:small-caption;
    font-size:14px;
    line-height:1em;
}

.table > tbody > tr > th,
.table > tbody > tr > td{
    border-color:#181a20;
}

.has-warning .control-label{
    color:#f0ad4e;
}
.has-warning .form-control{
    border-color:#f0ad4e;
}

/* Helpers */

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.white-txt { color: #fff!important; }

.grey-txt { color: #747685; font-weight: 400; }

.semibold-txt { font-weight: 600; }

.red-txt { color: #cc2332; }

.blue-txt { color: #4D9BE8 !important;}

.btn-blue {
    background-color: #3b7cbd;
    border: 0px;
    color: #ffffff;
    border-radius: 3px;
}

.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

div.aspect-16-9 {
    width: 100%;
    padding-bottom: 56.20%; /* 16:9 */
    position: relative;
    background: black;
}

div.aspect-16-9 > div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

/* default panel styling */
.panel-default{
    border-radius:0;
    background-color: #1E212D;
    border:none;
}
.panel-default > .panel-footer{
    background-color:#37393a;
    border-color:#37393a;
    border-radius:0;
}

.panel .panel-content-header{
    margin:0 0 30px;
}

/* bootstrap form label override */
.control-label{
    font-weight:400!important;
}

/* Aditional button style */
.btn-dark-blue {
    background-color: #125395!important;
}

.btn-blue, .btn-dark-blue {
    background-color: #3b7cbd;
    border: 0px;
    color: #ffffff;
    border-radius: 3px;
}

.btn-blue {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}

.btn-blue {
    color: #ffffff;
    box-shadow: rgba(54, 22, 22, 0.4) 0 0px 0px 0px inset;
    background-color: #3b7cbd;
}

.btn-blue:hover {
    color: #ffffff;
    box-shadow: rgba(21, 64, 111, 0.7) 0 0px 0px 40px inset;
    background-color: #3b7cbd;
}

/* Navigation Top */

.nav-top {
    height: 38px;
    background-color: #181a20;
}

.nav-top p {
    line-height: 35px;
    margin: 0px;
    font-weight: 400;
}

/* Logo Header */

.nav-logo {    
    background-image: url(/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/bb_header_bg.jpg);
    margin: 0 auto;
    /* background-color: #1E212D; */
    height: 122px;
    /* line-height: 113px; */
    width: 100%;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-logo img{
    margin-top: 15px;
}

.nav-logo p{
    margin: 0px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.nav-logo .headline{
    display: block;
    position: relative;
    font-style: italic;
    text-transform: uppercase;
    right: auto;
    margin-top: 5px;
}

.nav-logo .headline h3{
    color: #000000;
    font-size: 37px;
    line-height: 35px;
}

.nav-logo .headline p{
    font-size: 25px;
    line-height: 22px;
}

.nav-logo .players{
    background: transparent url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/players_banner.png") no-repeat right top;
    height: 113px;
}

.bb-logo{
    visibility: hidden;
}

.language{
    width:1080px;
    background:#47ba00;
    position:relative;
    height:40px
}

.language .label,
.language .selector{
    position:absolute;
    height:100%;
    line-height:40px
}

.language .label span,
.language .selector span{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:default;
    color:#fff;
    line-height:42px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    font-family:"Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

.vi-vn .language .label span,
.vi-vn .language .selector span{
    font-family:"UVN Gio May","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

.ja-jp .language .label span,
.ja-jp .language .selector span{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

.vi-vn .language .label span,
.vi-vn .language .selector span{
    line-height:40px;
    font-weight:normal;
    font-size:11px
}

.language .label{
    color:white;
    right:175px;
    background:#47ba00;
    z-index:10
}

.language .label span{
    white-space:nowrap;
    padding:0 10px;
    display:none
}

.language .label span.mobile-only{
    display:block
}

.language .selector{
    -webkit-tap-highlight-color:transparent;
    width:175px;
    background:white;
    right:0;
    cursor:pointer
}

.language .selector:before{
    content:'';
    display:block;
    position:absolute;
    background:transparent url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites.png") -16px -81px no-repeat;
    width:8px;
    height:15px;
    top:13px;
    left:-1px;
    z-index:0
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), 
        only screen and (-o-min-device-pixel-ratio: 3 / 2), 
        only screen and (-webkit-min-device-pixel-ratio: 1.5), 
        only screen and (min-device-pixel-ratio: 1.5){
            
            .backgroundsize .language .selector:before{
                background-image:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites@2x.png");
                background-size:400px 700px
            }
        }
        
.lt-ie9 .language .selector:before{
    background-image:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites.png")
}

.language .selector>span{
    display:block;
    padding-left:14px;
    cursor:pointer;
    color:#1f1f1f
}

.language .selector>span:after{
    content:'';
    display:block;
    position:absolute;
    background:transparent url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites.png") -204px -48px no-repeat;
    width:12px;
    height:8px;
    top:16px;
    right:6px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), 
        only screen and (-o-min-device-pixel-ratio: 3 / 2), 
        only screen and (-webkit-min-device-pixel-ratio: 1.5), 
        only screen and (min-device-pixel-ratio: 1.5){
            
            .backgroundsize .language .selector>span:after{
                background-image:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites@2x.png");
                background-size:400px 700px
            }
        }
        
.lt-ie9 .language .selector>span:after{
    background-image:url("/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites.png")
}

.language .selector:hover>span{
    color:#52bf00
}

.language .selector ul{
    display:none;
    margin:0;
    padding:5px 0;
    position:absolute;
    top:100%;
    right:0;
    z-index:100;
    background:white;
    width:175px;
    list-style-type: none;
}

.language .selector ul.on{
    display: block;
}

.language .selector ul li{
    padding:0 14px;
    line-height:40px
}

.language .selector ul li a{
    display:block;
    text-transform:uppercase;
    color:#1f1f1f;
    font-weight:bold;
    font-size:14px;
    font-family:"Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    white-space:nowrap
}

.ja-jp .language .selector ul li a{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

.language .selector ul li a:hover{
    color:#52bf00
}



/* Main Navigation */

.navbar {
    margin-bottom: 0px;
}

.navbar-default {
    background-color: #14161D;
    border: 0px;
    border-radius: 0px;
}

.navbar-nav>li {
    padding: 18px 0;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0.2px;
    padding: 1px 15px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: "UVN Tin Tuc Hep Bold","Alternate Gothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navbar-default .navbar-nav>li>a.menu-green{
    color: #47ba00;
}

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav li:hover {
    background-color: #a5df11;
}

.navbar-default li:last-child a {
    border-right: 0px;
}

.navbar-right li a {
    padding: 10px;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-collapse li:last-child a {
    border-right: 0px;
}

.navbar-collapse .pull-right {
    line-height: 48px;
}

li.language-menu a.language-menu{
    color: #47ba00;
}

li.language-menu.active-link a.language-menu,
li.language-menu:hover a.language-menu{
    color: #ffffff;
}

.active-link a {
    border-right: 0px!important;
}

.fa.fa-home{
    font-size: 30px;
}

.fa.fa-google-plus,
.fa.fa-twitter,
.fa.fa-facebook{
    font-size: 20px;
    font-style: italic;
}

/* Home Page Carousel */

header.carousel {
    height: 451px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption {
    top: 70px;
    text-align: left;
    left: 0px;
    right: 0px;
}
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
    content: '';
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 8%;
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    top: 45%;
    font-size: 50px;
}

.carousel-caption h1{
    font-size: 48px;
    line-height: 1.3;
}

/* Teams navbar */
.teams{
    position: absolute;
    z-index: 99;
    background-color: #000;
    border-radius: 0;
    border-bottom: 4px solid #8BD200;
    height: 60px;
    width: 1080px;
    margin-top: 4px;
    display: none;
}

.teams .team{
    text-align: center;
    text-transform: uppercase;
    font-family: "Alternate Gothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 5px;
}

.teams .team:hover{
    background-color: #a5df11;
}

.team a,
.team a:hover{
    color: #ffffff;
    text-decoration: none;
}

.navbar-default .navbar-nav li.all-teams:hover + .teams{
    display: block;
}

/* Fight section */
.promo-header {
    height: 40px;
    line-height: 40px;
    background-color: #4d5053;
    padding: 6px 20px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-family: "UVN Tin Tuc Hep Bold","Alternate Gothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.promo-header:hover{
    background-color: #000000;
}

.promo-header h3 {
    color: white;
    margin: 0;
    width: 100%;
    display: inline-block;
}

.promo-header>h3:after{
    display: block;
    content: '';
    background: transparent url(/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/sprites.png) -253px -618px no-repeat;
    width: 146px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 0;
}

.promo-header p {
    margin-bottom: 0px;
}

/* Call to action */

.call-to-action {
    border: 0px;
    background-color: #303342;
    padding: 15px;
    border-radius: 4px;
    margin-top: 20px;
    overflow: hidden;
}

.call-to-action ul {
    margin-bottom: 0px;
}

.call-to-action p {
    margin-bottom: 0px;
    font-size: 15px;
}

.wrapper-live-btn:after {
    content: '';
    width: 0;
    height: 72px;
    position: absolute;
    border: 1px solid #21232d;
    top: -15px;
    left: 283px;
}

.wrapper-live-btn .btn-blue {
    font-size: 19px;
    letter-spacing: 1px;
}

.active-col {
    color: #fff;
    border-right: 1px solid #21232d;
    font-size: 13px;
}

.time {
    border-right: 2px solid #21232d;
    padding-right: 10px!important;
}

.progress-indicator {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100%;
    height: 5px;
    background: #595c68;
}

.progress-indicator > span {
    display: block;
    height: 5px;
    width: 50%;
    background: #3B7CBD;
}

/* Video on demand */

.caption {
    font-family: "UVN Tin Tuc Hep Bold","Alternate Gothic","Source Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    padding: 5px 9px 10px 10px;
    height: 65px;
    display: block;
    overflow: hidden;
    border-left: 5px solid #52bf00;   
}

.caption.caption-big h3{
    font-size: 30px;
}

.caption.caption-big p{
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
}

.caption p {
    margin-bottom: 0px;  
    font-size: 18px;
    line-height: 19px;
}

.caption span {
    font-size: 13px;
}
.item {
    overflow: hidden;
    position: relative;
}
.overlay {
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 42, 42, 0.2);
}
.free-box {
    background-color: #3B7CBD;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff !important;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    position: absolute;
    right: 3px;
    top: 3px;
}

.play-btn {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background-color: #52bf00;
    color: #ffffff;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
    display: block;
}

.play-btn i{
    margin-top: 10px;      
}

.play-btn:hover{
    background-color: #000000;
    color: #52bf00;
}



/* Footer Styles */

footer {
    padding-top: 20px;
    background-color: #181920;
    height: 100px;
}

footer a {
    color: #747685;
}

/* Sticky footer */

.page-wrap {
    margin: 0 auto;
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -60px;
    padding: 0 0 60px 0;
    width: 1170px;
    background-color: #ffffff;
}

.page-wrap:after {
    content: "";
    display: block;
}

.page-wrap:after {
    /* .push must be the same height as footer */
    /*height: 100px;*/
}

.page-wrap>.container{
    padding: 50px 50px 50px 50px;
}


.subscription-banner {
    background-color: #3b7cbd;
    width: 100%;
    height: 40px;
}

.subscription-banner p {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 37px;
    margin: 0px;
}

.wrapper-item:hover .item .play-btn{
    background-color: #000000;
    color: #52bf00;
}

.wrapper-item:hover .item img{
}

.wrapper-item:hover .caption{
    border-left: 5px solid #000000;
    color: #52bf00;
}

/* Responsive Styles ----------------------------------------------------------- */


/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1345px) {
    .carousel-control {
        width: 3%;
    }
}

@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .page-wrap {
        width: 970px;
    }
    
    .nav-logo{
        height: 133px;
    }
    
    .nav-logo .language {
        position: relative;
        height: 40px;
        width: 100%;
    }
    
    .nav-logo .headline p{
        font-size: 16px;
    }
    
    .teams .team{
        font-size: 17px;
        padding: 16px 5px;
    }
    
    .carousel-control {
        width: 3%;
    }

    .carousel-caption {
        top: 50px;
    }

    .carousel-caption h1 {
        font-size: 45px;
    }

    .carousel-caption h3 {
        font-size: 23px;
    }

    .carousel-caption img {
        padding-top: 25px;
    }

    .wrapper-live-btn:after {
        left: 233px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .page-wrap {
        width: 750px;
    }
    
    .nav-logo .language {
        height: 40px;
        width: 100%;
    }
    
    .teams .team{
        font-size: 15px;
        padding: 18px 5px;
    }
    
    .navbar-default .navbar-nav>li>a {
        padding: 1px 10px;
    }

    .customer-img, .img-related {
        margin-bottom: 30px;
    }

    .carousel-caption {
        top: 0px;
    }

    .carousel-caption h1 {
        font-size: 40px;
    }

    .carousel-caption h3 {
        line-height: 1.6;
    }

    .carousel-caption img {
        padding-top: 95px;
    }

    .wrapper-live-btn:after {
        left: 238px;
        height: 93px;
    }

    .wrapper-live-btn .btn-blue {
        margin-top: 12px;
    }

    .play-btn {
        width: 80px;
    }

    .wrapper-item {
        margin: 0 auto;
        margin-bottom: 30px;
        max-width: 293px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .page-wrap {
        width: 100%;
    }
    
    .navbar-nav {
        margin: 0px;
    }
    
    .nav-logo .headline p{
        font-size: 20px;
    }

    .navbar-default .navbar-nav>li>a {
        border-right: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0px;
    }

    .wrapper-btn {
        margin: 10px 15px;
    }

    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }

    .carousel-caption {
        top: 0px;
        padding: 25px;
    }

    .carousel-caption h1 {
        font-size: 39px;
    }

    .wrapper-item {
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 293px;
        max-height: 210px;
    }

    .wrapper-live-btn {
        margin-bottom: 10px;
    }

    .wrapper-live-btn:after {
        display: none;
    }
        
    .language {
        height: 40px;
        width: 100%;
    }
    
    .page-wrap>.container{
        width: 100%;
        padding: 20px;
    }
    
    .promo-header{
        height: 60px;
    }
    
    .promo-header h3{
        height: 100%;
        width: 40%;
    }
    
    .caption{
        height: 65px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .intro {
        display:none;
    }
    
    .nav-logo .headline p{
        font-size: 18px;
    }
    
    .nav-logo{
        background-image: url(/National_Library/20161130034600oe_/http://www.ballball.com/assets/ballball/images/bb_header_bg_small.png);
    }
    
    .subscription-banner p { font-size: 14px; }
    
    .wrapper-item{
        max-height: 210px;
    }
    
    .caption{
        height: 65px;
    }
}

@media (max-width: 320px) {
    .nav-logo p {
        display: none;
    }
    
    .nav-logo .headline p{
        font-size: 16px;
    }

    
}

/* 15 Columns layout */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-60,
.col-sm-60,
.col-md-60,
.col-lg-60 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.col-xs-60{
    width: 80%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    .col-sm-60{
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
    .col-md-60{
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    .col-lg-60{
        width: 80%;
        float: left;
    }
}