/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
/*
  ================== Google font oswald ===================
 */
/* cyrillic */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/oswald/C6GGSmqIX4ribdvhAcF3zX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/oswald/Z47oc0BtjIgiXLu7VsCGjX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/oswald/Qw6_9HvXRQGg5mMbFR3Phn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/oswald/P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
body {
    font-family: 'Oswald', sans-serif !important;
    background-color: #eee !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif !important;
}
.materialize-red-text {
    color: #ff0000 !important;
}
.materialize-red {
    background-color: #ff0000 !important;
}
.materialize-success-text{
    color: #00ac4d;
}
.live-upcomming td, th {
    padding:10px 5px;
}

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}
.tabs {
    height: 43px;
}
.tab_back {
    color:  #4f4f51;
}
.tabs-icon {
    overflow: hidden;
}
.tabs-icon i {
    display: block;
    margin-top: 1px;
    margin-bottom: -15px;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.right_corner {
    position: absolute;
    top: 11%;
    left: 15%;
    transform: translate(-50%, -50%);
}
.thumb_right_corner {
    position: absolute;
    top: 24%;
    left: 32%;
    transform: translate(-50%, -50%);
}
.alert-button-center {
    margin-right: 40%;
}
.collapsible li.active i {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.nav-menu-header {
    background-color: #ff0000 !important;
    height: 45px;
}
.text-uppercase {
    text-transform: uppercase;
}
.white-background {
    background: #ffff;
}
.red-background {
    background: #ff0000;
}
.border {
    border: 1px solid #ddd;
}
.border-top {
    border-top: 1px solid #ddd;
}
.border-right {
    border-right: 1px solid #ddd;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
.border-left {
    border-left: 1px solid #ddd;
}

.border-space {
    border: 2px solid #eee;
}
.border-border-space-top {
    border-top: 2px solid #eee;
}
.border-border-space-right {
    border-right: 2px solid #eee;
}
.border-border-space-bottom {
    border-bottom: 2px solid #eee;
}
.border-border-space-left {
    border-left: 2px solid #eee;
}
/* search */
.input-field {
    position: absolute !important;
}
nav .input-field label{
    top: -35%;
}
.input-field input[type=search] + label{
    left: 0%;
}
.nav-wrapper .input-field input[type=search] {
    height: 50px;
}
.nav-wrapper input[type="search"]:focus {
    position: fixed;
    left: 0;
    width: 100%;
}
/*end search/*

/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ff0000;
    -webkit-box-shadow: 0 1px 0 0 #ff0000;
    box-shadow: 0 1px 0 0 #ff0000;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #ff0000;
}
.input-field input[type=search]:focus {
    z-index: 1;
}

.select-wrapper + label {
    font-size: 1rem;
}
.dropdown-content li > a, .dropdown-content li > span {
    font-size: 16px;
    color: #ff0000;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}
textarea.materialize-textarea{
    min-height: 10rem;
}

.container .row{
    margin-left: -0.9rem;
    margin-right: -0.9rem;
}
.row .col {
    padding: 0 0.1rem;
}
.video-live h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 3px;
}
.video-live img {
    width: 100%;
    height: 150px;
}
.cr-featured-match{
    line-height: 1.5
}
.cr-featured-match .home-competition-name {
    padding: 0 4px 0 3px;
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 158px;
    display: block;
}
.cr-featured-match .score{
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
    line-height: 12px;
    vertical-align: middle;
    padding-right: 5px;
}
.cr-featured-match .team-name {
    font-size: 9px;
    width: 90px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.cr-featured-match .competition-status {
    font-size: 8px;
    color: #ef473a;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
    line-height: 9px;
}
.cr-featured-match img {
    width: 20px;
    height: auto;
}
.cr-featured-match .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.cr-featured-match .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.cr-featured-match table td {
    padding: 0 2px 4px 2px;
}
.cr-featured-match .row {
    margin-bottom: 0px;
}
.cr-featured-match .collection {
    margin: 3px 0 3px 0;
}
.cr-featured-match .card {
    margin: 15px 10px 10px 10px;
}
.cr-featured-match h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 0;
}
.cr-featured-match h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.cr-featured-match .matches-tab .tabs .tab a {
    background-color: #777;
}
.cr-featured-match .matches-tab .tabs .tab a.active {
    background-color: #adadad;
}
.cr-featured-match .matches-tab .card {
    margin: 0px;
}
.cr-featured-match .matches-tab .team-matches-name {
    font-size: 13px;
}
.cr-featured-match .matches-tab .team-matches-score {
    font-size: 13px;
}
.cr-featured-match .matches-tab table td {
    padding: 2px 2px 2px 2px;
}
.cr-featured-match .video-list .card {
    margin: 6px 10px 10px 10px
}
.cr-featured-match .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.cr-featured-match .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}
.cr-featured-match .squads table td {
    padding: 5px 0 5px 12px;
}
.cr-featured-match .not-out-out {
    font-size: 12px;
    color: #8f8f8f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
    display: block
}
.cr-featured-match .search-news .thumb_img {
    max-width:150px !important;
}
.cr-featured-match .search-news .collection .collection-item.avatar .title{
    padding-left: 100px;
}
.cr-featured-match .search-news .collection {
    margin: 8px 0 3px 0;
}
.line-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* football */
.ft-featured-match{
    line-height: 1.5
}
.ft-featured-match .home-competition-name {
    padding: 0 4px 0 3px;
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 158px;
    display: block;
}
.ft-featured-match .score{
    font-size: 13px;
}
.ft-featured-match .team-name {
    font-size: 9px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
    display: block;
    margin: auto;

}
.ft-featured-match .competition-status {
    font-size: 8px;
    color: #ef473a;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
    line-height: 9px;
}
.ft-featured-match img {
    width: 20px;
    height: auto;
}
.ft-featured-match .advertisement img{
    width: 100%;
    height: auto;
}
.ft-featured-match table td {
    padding: 0 2px 2px 2px;
}
.ft-featured-match .row {
    margin-bottom: 0px;
}
.ftb-card-margin{
    margin-top:0 !important;
    margin-bottom: 0.3rem !important;
}
.ftb-avatar-title{
    padding-left: 35px;
}
.ftb-avatar-title p{
    font-size: 13px;
    margin-top: -5px !important;
}

.ftb-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    width: 100%;
}
.ftb-row-margin {
    margin: 0 !important;
}

.dark, a.dark {
    color: #444;
}

.ftb-match-list-item {
    text-align: center;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.ftb-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    padding: 5px;
    width: 100%;
}
.ftb-col-padding {
    padding: 0px !important;
}

.ftb-matches-tab .tabs .tab a {
    background-color: #777;
}
.ftb-matches-tab .tabs .tab a.active {
    background-color: #adadad;
}

.ftb-match-list-item-date {
    text-align: center;
    margin-bottom: -10px;
    font-size: 12px;
}
.ftb-team-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75px;
}
.ftb-border-top {
    border-top: 1px solid #ddd;
}
.ftb-border-bottom {
    border-bottom: 1px solid #ddd;
}
.ftb-event-card-margin {
    padding-left: 0;
    padding-right: 0;
    margin-top: -10px;
}
.ftb-point-table-row-margin {
    margin: 0 !important;
    display: flex;
    padding: 5px;
    font-size: 15px;
}
.ftb-collapsible-main {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 0.5rem 0 1rem 0;
}
.ftb-collapsible{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-right: 0 !important;
    border-left: 0 !important;
    background: #eee;
}
.ftb-card-point-table-margin {
    margin-right: 0 !important;
    margin-left: -19px !important;
}
.ftb-collapsible-header-padding {
    background-color: #f96666;
    color: #fff;
}
.ftb-point-table-background {
    color:#444; background-color: #fff;
}
.ftb-text-team {
    white-space: normal;
    text-overflow: clip;
}
.display-block {
    display: block;
}
.ftb-collapsible-body-padding {
    padding: 0 0 0 1rem;
}
.ftb-collapsible-body-row {
    margin-bottom: 0 !important;
    padding: 5px !important;
    font-size: 15px;
}
/* Tennis */
.tennis img {
    width: 20px;
    height: auto;
}
.tennis .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.tennis .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.tennis .row {
    margin-bottom: 0px;
}
.tennis .collection {
    margin: 3px 0 3px 0;
}
.tennis .card {
    margin: 15px 10px 10px 10px;
}
.tennis h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 0;
}
.tennis h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.tennis .video-list .card {
    margin: 6px 10px 10px 10px
}
.tennis .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.tennis .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}

/*basketball*/
.basketball img {
    width: 20px;
    height: auto;
}
.basketball .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.basketball .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.basketball .row {
    margin-bottom: 0px;
}
.basketball .collection {
    margin: 3px 0 3px 0;
}
.basketball .card {
    margin: 15px 10px 10px 10px;
}
.basketball h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 0;
}
.basketball h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.basketball .video-list .card {
    margin: 6px 10px 10px 10px
}
.basketball .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.basketball .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}

/*motorsport*/
.motorsport img {
    width: 20px;
    height: auto;
}
.motorsport .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.motorsport .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.motorsport .row {
    margin-bottom: 0px;
}
.motorsport .collection {
    margin: 3px 0 3px 0;
}
.motorsport .card {
    margin: 15px 10px 10px 10px;
}
.motorsport h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 0;
}
.motorsport h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.motorsport .video-list .card {
    margin: 6px 10px 10px 10px
}
.motorsport .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.motorsport .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}

/*golf*/
.golf img {
    width: 20px;
    height: auto;
}
.golf .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.golf .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.golf .row {
    margin-bottom: 0px;
}
.golf .collection {
    margin: 3px 0 3px 0;
}
.golf .card {
    margin: 15px 10px 10px 10px;
}
.golf h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 0;
}
.golf h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.golf .video-list .card {
    margin: 6px 10px 10px 10px
}
.golf .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.golf .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}

/*others*/
.others img {
    width: 20px;
    height: auto;
}
.others .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.others .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.others .row {
    margin-bottom: 0px;
}
.others .collection {
    margin: 3px 0 3px 0;
}
.others .card {
    margin: 15px 10px 10px 10px;
}
.others h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 0 0;
}
.others h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.others .video-list .card {
    margin: 6px 10px 10px 10px
}
.others .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.others .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}

/*subscription*/
.subscription .card {
    margin: 8px 6px 8px 6px;
    box-shadow: none;
    border-radius: 0px;
}
.subscription .card .card-title {
    font-size: 16px;
    font-weight: bolder;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    margin-bottom: 7px;
    line-height: 1.2;
}
.subscription .card .card-content {
    padding: 0 0 20px 0;
}

.subscription .language .btn, .btn-large {
    background-color: #00AC4D ;
    z-index: 0;
}

.subscription .unsubscribed .btn, .btn-large {
    background-color: #ef473a ;
    z-index: 0;
}
.subscription .subscribed .btn, .btn-large {
    background-color: #ef473a ;
    z-index: 0;
}

/*premium*/
.premium img {
    width: 20px;
    height: auto;
}
.premium .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.premium .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
.premium .row {
    margin-bottom: 0px;
}
.premium .collection {
    margin: 3px 0 3px 0;
}
.premium .card {
    margin: 15px 10px 10px 10px;
}
.premium h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 5px 0 17px 0;
}
.premium h3 {
    font-size: 12px;
    margin: 0px;
    padding: 3px 5px 8px 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-weight: 600;
}
.premium .video-list .card {
    margin: 6px 10px 10px 10px
}
.premium .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.premium .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}


nav {
    height: 45px;
    line-height: 45px;
}
nav .button-collapse {
    height: 45px;
}
nav .button-collapse i {
    height: 45px;
    line-height: 45px;
}
nav .brand-logo {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
}
.navbar-fixed {
    height: 45px;
    margin-top: 2px;
    margin-bottom: -1px;
}
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    font-size: 28px;
}
.side-nav li > a > i, .side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"], .side-nav li > a > i.material-icons{
    margin: -5px
}
nav .button-collapse {
    margin: 0px;
}
.side-nav{
    background-color: #eeeeee;
}
nav ul a {
    padding: 0 10px 0 10px;
    cursor:pointer;
}
nav ul li {
    background-color: #fff;
}
.home .card.horizontal .card-image {
    width: 40%;
    padding: 5px;
}
.home .card .card-content {
    padding: 5px;
}
.btn, .btn-large {
    background-color: #444;
}
.home .card {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ddd;
    padding: 5px;
}
.home .waves-effect{
    z-index: 0;
}
.home .see-more-button {
    line-height: 16px;
    min-height: 20px;
    height: 16px;
    font-size: 12px;
    padding: 0 1rem;
}
.home .news-heading {
    font-size: 13px;
    font-weight: bold;
}
.btn, .btn-large, .btn-flat {
    text-transform: capitalize;
    font-family: 'Oswald', sans-serif !important;
}
.tabs .tab a {
    font-size: 14px;
    font-weight: 400;
}
.collection {
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.collection .collection-item {
    border-bottom: 1px solid #ddd;
    padding: 1px 5px
}
.collection .collection-item:last-child {
    border-bottom: 1px solid #ddd;
}
.flags-slider .carousel{
    height: 123px;
    position: absolute;
    top: 220px;
}

.flags-slider .carousel-item {
    opacity: 1 !important;
    border: 3px solid rgba(0,0,0,.5);
    left: 15px;
}
.flags-slider .slider-name {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    padding: 7px 10px;
}

.thin-tabs .tabs{
    height: 40px;
}
.thin-tabs .tabs .tab {
    line-height: 40px;
    height: 40px;
}
.tabs {
    background: #444;
}
.page-footer{
    background-color: #fff;
}
.page-footer .tabs {
    background: #fff;
}
.page-footer .tabs .tab a {
    color: #000;
}
.page-footer .tabs .tab a:hover, .page-footer .tabs .tab a.active {
    color: #ff0000;
}
.home .tabs .tab a {
    color: #000;
}

.home .tabs .tab a:hover, .home .tabs .tab a.active {

}
/* news-details */
.news-details .card {
    margin: 8px 25px 8px 25px;
    box-shadow: none;
    border-radius: 0px;
}
.news-details .card .card-title {
    font-size: 16px;
    font-weight: bolder;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    margin-bottom: 7px;
    line-height: 1.2;
}
.news-details .card .card-content {
    padding: 8px 0;
}
.news-details .card .card-content p {
    color: #666;
    font-size: 14px;
    margin-bottom: 2px;
    text-align: justify;
}
.news-details .thumb_img {
    position: absolute;
    max-width: 100px!important;
    max-height: 75px!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 10px;
}
.news-details .collection .collection-item.avatar .title {
    padding-left: 50px;
    padding-top: 6px;
    font-size: 13px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
}
/*video details */
.video-details .video-list .card {
    margin: 6px 10px 10px 10px
}
.video-details .video-list .card .card-image img {
    width: 100%;
    height: 200px;
}
.video-details .video-list h2{
    font-size: 15px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    padding-left: 10px;
    margin: 0px;
    padding-top: 10px;
}
.video-details iframe {
    width: 100%;
    height: 250px;
}

/* videoJS */
/* Change all text and icon colors in the player. */
.vjs-matrix.video-js {
    color: #ff0000;
}

/* Change the border of the big play button. */
.vjs-matrix .vjs-big-play-button {
    border-color: #ff0000;
}

/* Change the color of various "bars". */
.vjs-matrix .vjs-volume-level,
.vjs-matrix .vjs-play-progress,
.vjs-matrix .vjs-slider-bar {
    background: #ff0000;
}
.video-js .vjs-big-play-button {
    font-size: 2.5em !important;
}
.my-video-dimensions {
    width: 100%;
    height: 250px;
}
.video-js {
    font-family: 'Oswald', sans-serif !important;
}


.custom-gray {
    background: #8c8b8b;
    color: #f4f4f4;
}
.custom-green {
    background: #00AC4D;
    color: #f4f4f4;
}
.custom-red {
    background: #ff0000;
    color: #f4f4f4;
}

.light-blue.darken-2 {
    background-color: #00AC4D !important;
}
.grey.darken-2 {
    background-color: #ff0000 !important;
}
.narrow {
    display: block;
    margin: -3px;
    line-height: 0px;
    content: " ";
}
.accordion-background {
    padding: 5px 10px;
    background-color: #8c8b8b!important;
    color: #fff;
    font-size: 16px;
}
.collapsible {
    border-bottom: 1px solid #ddd !important;
    margin-top: 0px;
    box-shadow:none;
}
.collapsible-header {
    border-bottom: 1px solid #ddd;
    padding: 10px 1rem;
}
.top-bar-for-app-add {
    width: 100%;
    background-color: #e9ebee;
    margin-bottom: 0px;
    position: fixed;
    z-index: 9999;
}
/* tab sticky */
.all-page-tab-sticky {
    position: fixed;
    z-index: 1;
    width: 100%;
}
.p-all-page-tab-sticky {
    position: fixed;
    z-index: 1;
    width: 100%;
}
.matches-tab-sticky {
    position: fixed;
    z-index: 1;
    width: 100%;
}
.matches-details-tab-sticky {
    position: fixed;
    z-index: 1;
    width: 100%;
}
.matches-details-tab-tab-sticky {
    position: fixed;
    z-index: 1;
    width: 100%;
}
.preloader-background {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    background-color: #eee;
    opacity: 0.9;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
}
/** blink text */
.live-text-marquee {
    font-size: 14px;
    font-weight: bold;
    color: #ef473a;
    padding-left: 0px;
}

@media only screen and (max-width: 992px){
    nav .brand-logo {
        font-family: 'Oswald', sans-serif !important;
    }
    .side-nav a {
        padding: 0 10px 0 10px;
    }
}
@media only screen and (min-width: 601px){
    .navbar-fixed {
        height: 45px;
        margin-top: 2px;
        margin-bottom: -1px;
    }
    .nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{
        height: 45px;
        line-height: 45px;
    }
}
@media screen and (max-device-width: 320px) {
    /* some CSS here */
    .flags-slider .carousel{
        top: 196px;
    }
}
@media screen and (device-aspect-ratio: 2/3) {
    .flags-slider .carousel{
        top: 200px;
    }
}
@media screen and (device-aspect-ratio: 40/71) {
    .flags-slider .carousel{
        top: 197px;
    }
}
@media screen and (device-aspect-ratio: 375/667) {
    .flags-slider .carousel{
        top: 228px;
    }
}
@media screen and (device-aspect-ratio: 16/9) {
    .flags-slider .carousel{
        top: 248px;
    }
}
@media screen and (device-aspect-ratio: 9/16) {
    .flags-slider .carousel{
        top: 220px;
    }
}
@media screen and (device-aspect-ratio: 3/4) {
    .flags-slider .carousel{
        top: 446px;
    }
}

@media screen and (device-aspect-ratio: 10/16) {
    .flags-slider .carousel{
        top: 350px
    }
}
@media screen and (device-aspect-ratio: 3/5) {
    .flags-slider .carousel{
        top: 230px
    }
}
@media only screen and (min-device-width: 413px) and (max-device-width: 415px) {
    .flags-slider .carousel{
        top: 248px;
    }
}