@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/NeoSansArabic.eot');
    src: url('../fonts/NeoSansArabic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansArabic.woff') format('woff'),
    url('../fonts/NeoSansArabic.ttf') format('truetype'),
    url('../fonts/NeoSansArabic.svg#NeoSansArabic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background: #FFF url(../../img/bg.jpg) center center;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color:#fff;
}
body.landing {
    background: none
}
body.bg-cab{
    background: #FFF url(../../img/habillage-cab.jpg) top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
body.bg-ess{
    background: #FFF url(../../img/habillage-ess.jpg) top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
textarea{
    resize: none;
}
b, strong {
    font-weight: 600;
}
a {
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
}
a:hover,a:focus{
    color: #ccc;
}
a.link{
    color:#fff;
    font-size: 15px;
    text-decoration: underline;
}
.modal {
    overflow: scroll;
}
abbr[data-original-title], abbr[title]{
    border:none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus,a:hover,a:visited{
    outline: 0;
    outline-offset: 0;
    text-decoration: none
}
.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}
img {
    max-width: 100%;
}
.form-group label{
    color: #000;
    font-size: 14px;
}
body>.container{
    min-height: 60vh
}
.btn-default:hover{
    background: rgba(230, 230, 230, 0.37);
    border: 1px solid rgba(0, 0, 0, 0.25)
}
#modal-login h5,.register-form h5{
    color: #8a8a8a;
    margin-bottom: 21px;
    line-height: 17px;
}
/******** Carousel *********/
.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.reset-password h2{
    margin-bottom: 30px
}
span.yellow-card{
    width: 11px;
    height: 17px;
    background: #fff200;
    border-radius: 2px;
}
.modal-open {
    overflow: visible;
    padding-right: 0 !important;
}
.modal-title{
    font-weight: bold;
    color: #333;
}
#token-modal .modal-body h5{
    font-size: 40px;
    margin-bottom: 26px;
    color: #ef202d;
    font-weight: bold;
}
.swal2-modal input{
    color: #000
}
.no-right-padding{
    padding-right: 0
}
/********************* modal player *********************/
#modal-player-info .modal-header{
    background: #ef202d;
}
#modal-player-info .close{
    font-size: 26px
}
#modal-player-info .modal-header .modal-title{
    color: #fff;
}
#modal-player-info .modal-body{
    color: #252525
}
#modal-player-info .modal-body .img-circle{
    width: 110px;
    height: 110px;
}
#modal-player-info .tab_pstat thead tr th{
    color: #333
}
#modal-player-info .modal-body h4{
    color: #ef202d;
    font-weight: 600;
    text-align: center;
}
#modal-player-info .modal-body>.col-md-12 h4{
    text-align: left;
    text-decoration: underline
}
#modal-player-info .tab_pstat thead tr th span:last-child img{
    margin-right: 0;
    margin-left: 6px
}
#modal-player-info .tab_pstat td.player-points span{
    background-color: #ef202d;
    padding: 5px 9px;
}

#modal-player-info .tab_pstat thead tr th.team-match{
    min-width: 100px;
    padding-left: 0;
    padding-right: 0
}
#modal-player-info .tab_pstat thead tr th.team-match img.logo-team{
    margin:0
}
#modal-player-info .tab_pstat tbody tr td:first-child{
    font-size: 14px
}
.player-info-details>div>span{
    display:block;
    margin: 10px 0
}
#modal-player-info .player-team span{
    display: block;
    margin: 14px 0;
}
#modal-player-info .player-team span img{
    width: 22px
}
#modal-player-info .player-team span.post_player {
    padding-left: 27px;
}
#modal-player-info span.post_player i.cf:after{
    left: 13px;
}
#modal-player-info .player-info-details h2{
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    color: #333;
}
#modal-player-info .modal-footer{
    background: #fff;
}
#modal-player-info span.price strong{
    padding-left: 35px
}
#modal-player-info .player-details{
    display:table;
    width:100%
}
#modal-player-info .player-details div{
    display: table-row;
    height: 29px;
    vertical-align: middle;
}
#modal-player-info .player-details label,#modal-player-info .player-details span{
    display:table-cell;
    position: relative;
}
#modal-player-info .player-details label{
    min-width: 150px;
    font-size: 14px
}
#modal-player-info .player-details .badge-price{
    background: none
}
#modal-player-info span.player-price {
    background: #ef202d;
    padding: 4px 18px;
    font-size: 14px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
#modal-player-info .player-details .next-match img{
    width: 24px;
    margin-right: 5px
}
#modal-player-info .player-details .next-match p{
    margin-top: 12px;
    font-size: 14px
}
#modal-player-info table thead th{
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.modal .player-info-details>.col-md-12{
    margin-top: 34px;
}
/********** Loader  *************/
#loader-wrapper{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.83);
    z-index: 1000;
}
#loader-wrapper .loader{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    width: initial
}
/**************** Radio ***************/
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}
.control input:checked ~ .control__indicator {
    background: #ef202d;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #b3030e;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}
.form-inline label.control.control--radio {
    display: inline-block;
    margin: 0 20px;
}
/***************** custom alert **********************/
.alert {
    margin-bottom: 20px;
    margin-top: 0;
    /*color: #675100;*/
    border-width: 0;
    border-left-width: 5px;
    padding: 8px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.alert-error{
    color: #ef202d;
    font-size: 13px;
    margin-bottom: 11px;
}
.alert-danger {
    border-color: #953b39;
    color: #fff;
    background-color: #c26565;
    text-shadow: none;
}
.alert-success {
    border-radius: 5px !important;
    font-weight: 600;
    padding: 10px;
}
.alert-default{
    background: rgba(247, 246, 246, 0.3)
}
.update-user-account{
    background: rgba(247, 246, 246, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 3px
}
.update-user-account span.glyphicon{
    margin-right: 4px
}
.profile-user .alert-default{
    background: rgba(247, 246, 246, 0.4);
    border-radius: 4px
}
.profile-user .alert-default .glyphicon{
    top: 2px
}
.alert-default h4{
    margin: 0;
    padding: 5px
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.alert .close {
    top: 0;
    right: -5px;
    line-height: 20px;
}
.alert>p, .alert>ul {
    font-size: 14px;
    margin-bottom: 0;
}
/****** progress bar ********/
.progress{
    border-radius: 21px;
    background-color: rgba(255, 255, 255, 0.25);
}
.progress-bar{
    font-weight: bold;
    font-size: 15px;
}
.progress #two{
    float:right;
}
.progress-bar-info{
    background-color: #00a0ea;
}
.progress-bar-warning{
    background-color: #ea7f00;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.table thead tr th{
    font-size: 18px;
    font-weight: 600;
    color: #EF202D;
    border-bottom: none;
}
.table-header thead tr th{
    color: #fff;
    font-size: 14px;
}
.table tfoot{
    background: rgba(0, 0, 0, 0.5);
}
.table tfoot tr td:first-child{
    position:relative
}
.table tfoot tr td:first-child:before{
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 0;
    border-color: #EF202D transparent transparent transparent;
    top: -1px;
    left: 0;
}
.gray-container{
    background: rgba(0,0,0,0.6);
    padding: 18px 14px;
    border-radius: 4px;
}
.gray-container .panel-default{
    margin-top: 24px
}
.team-profile .panel-default{
    background: rgba(0,0,0,0.6);
}
.panel-gray{
    background: rgba(255, 255, 255, 0.20);
    padding: 7px 8px;
    margin: -12px 0 10px 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    width: 100%;
}
.gray-container h1{
    display: table-cell;
    height: 60px;
    margin: 0;
    vertical-align:middle;
    font-size: 26px;
    color: #ef202d;
    font-weight: 600
}
.no-padding{
    padding:0 !important;
}
.modal{
    z-index: 9998;
}
.btn-outline{
    background: transparent;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 6px 20px;
    outline: 0;
    font-size: 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-weight: 700;
    text-align: center;
}
.btn.focus, .btn:focus, .btn:hover{
    color: #fff;
}
.is-hidden{
    display:none !important;
}
.logo{
    float: left;
    height: 76px;
    padding: 7px 20px 0 0;
    margin-right: 1px;
}
/***************************************************************/
.page-rank div.dataTables_wrapper div.dataTables_filter{
    display:none !important;
}
.dataTables_info{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.dataTables_paginate{
    border-radius: 4px;
    text-align: center !important;
    margin: 10px auto 0!important;
    padding: 0;
}
.dataTables_paginate a{
    color: #fff;
}
.dt-toolbar-footer{
    display:inline-block;
    width: 100%;
}
.dt-toolbar-footer .col-sm-6{
    width: 100%
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
    background: transparent;
    border: none;
    color: #fff;
}
.pagination>li>a, .pagination>li>span{
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 16px;
    border-right: 1px solid rgba(221,221,221,0.2);
}
.pagination>li:last-child>a{
    border-right: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background: rgba(255,255,255,0.15);
    border: none;
}
#DataTables_Table_0_ellipsis{
    display: none
}
ul.pagination{
    background: rgba(0, 0, 0, 0.4);
    overflow: auto;
}
ul.light-pagination{
    background: rgba(255,255,255,.1);
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin: 0
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #333;
    background-color: #ddd;
}
/************************* popover header *******************************/
.header-bottom .teams>a {
    margin-right: 15px;
    padding: 0 0 13px;
}
.popover{
    background: rgba(0, 0, 0, 0.75);
    padding: 0 8px 10px;
}
.popover.bottom>.arrow:after{
    border-bottom-color: rgba(0, 0, 0, 0.75);
}
.popover-title{
    background-color: transparent;
    border-bottom: 1px solid #777;
}
.popover-content{
    padding:0
}
.popover-title h5{
    margin: 4px 10px;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ef202d
}
.popover-title h5 a {
    color: #ef202d;
    font-size: 16px;
    font-weight: 600
}
.popover-title h5 a abbr{
    cursor: pointer
}
.popover-title h5 i {
    position: absolute;
    color: #fff;
    width: 19px;
    left: -2px;
    top: 2px;
    text-align: center;
    padding-left: 0;
    font-style: normal;
    font-size: 16px;
    z-index: 5
}
.popover-title h5 i:after{
    content: "";
    position: absolute;
    width: 38px;
    height: 36px;
    left: 1px;
    top: -4px;
    background: url(../../img/icons/sprite.png) no-repeat;
    z-index: -1;
    background-position: -697px 0;
}
.popover .top-players{
    display: table;
    width: 100%;
}
.popover .top-players>div{
    display:table-cell;
    min-width: 112px;
}
.popover .top-players .top-scorer{
    border-right: 1px solid #777;
}
.popover .top-players>div span.h6 {
    display: block;
    font-size: 15px;
}
.popover .top-players>div img{
    width: 50px;
}
.popover .top-players>div span.player-name{
    display: block;
    padding-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popover .top-players>div span.player-name a{
    color: #fff
}
.header-bottom .teams-groupe {
    display: inline-block;
    position: relative;
    margin: -2px 10px 0 0;
    border: 2px solid #ef202d;
    border-radius: 40px;
    padding: 9px 20px 3px;
}
.header-bottom .teams-groupe span {
    margin: 5px;
    cursor: pointer
}
.header-bottom .teams-groupe span img{
    width: 29px;
}
.header-bottom .teams-groupe span.category {
    position: absolute;
    width: 100%;
    top: -19px;
    left: 0;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    text-align: center
}
.header-bottom .teams-groupe span.category i{
    display: inline-block;
    background: #fff;
    min-width: 100px;
    font-style: normal
}
/***************************** Menu **********************************/
.header-top {
    height: 76px;
    background: #000;
    z-index: 999;
}
.header-top nav{
    display:inline-block;
    height: 76px;
    margin-bottom: 0;
    border:none;
    float: left;
}
.navbar-nav>li{
    min-width: 181px;
}
.header-login .navbar-nav>li{
    min-width: 150px;
}
.navbar-nav>li>a {
    height: 76px;
    border-left: 1px solid #424141;
    color: #fff;
    font-size: 20px;
    padding: 30px 15px 0 44px;
    text-transform: uppercase;
}
.affix .navbar-nav>li>a{
    font-size: 18px
}
.navbar-nav>li:last-child>a {
    border-right: 1px solid #424141
}
.header-top .nav li .glyphicon{
    top: 3px
}
.navbar-nav>li:last-child>a i.cf-caret:after{
    right: 5px
}
.header-top .navbar-nav>li>.dropdown-menu{
    border-top: 3px solid #ef202d
}
.header-top .navbar-nav>li>.dropdown-menu li a{
    font-size: 20px
}
.header-top.affix .navbar-nav>li>.dropdown-menu{
    border-top: none
}
.nav>li>a:focus, .nav>li>a:active{
    background-color: transparent;
}
.nav>li>a:hover{
    background: #333;
    border-left: 1px solid #424141;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #ef202d;
}
.nav>li.active>a{
    background-color: #ef202d;
    border-left:1px solid #424141;
}
.navbar-nav>li>a i:after {
    left: 11px;
    top: 28px;
}
/******* Affix menu *******/
.header-top.affix {
    top: 0;
    width: 100%;
    height: 48px;
    background: rgba(0, 0, 0, 0.83);
    border-bottom: 1px solid #424141;
}
.header-top.affix + .header-bottom {
    margin-bottom: 72px;
}
.header-top.affix  #header-user-info>div{
    padding: 0
}
.header-top.affix nav,.header-top.affix a.logo{
    height: 48px;
}
.header-top.affix a.logo{
    width: 254px;
    padding: 4px 20px 0 0;
    text-align: center;
}
.header-top.affix a.logo img{
    height: 39px;
}
.header-top.affix .cf-search{
    top: 11px;
    left: 16px;
}
.header-top.affix .navbar-nav>li>a{
    height: 48px;
    padding: 14px 10px 0 48px;
}
/*.header-top.affix .navbar-nav>li:last-child>a{
    padding: 14px 24px 24px 8px;
}*/
.header-top.affix .navbar-nav>li>a i:after{
    top: 12px;
}
.header-top.affix i.cf-game:after{
    top: 7px !important;
}
.header-top.affix i.cf-caret:after{
    top: 20px !important;
}
.header-top.affix #header-user-info{
    height: 48px;
}
.header-top.affix #header-user-info .user-details .price{
    display:none
}
.header-top.affix #header-user-info .user-details{
    padding-top: 4px;
}
.header-top.affix #header-user-info .user-img .user-team{
    bottom: 5px;
    right: 16px
}
.header-top .user-img img.img-circle{
    width: 45px;
    height: 45px;
}
.header-top.affix .user-img img.img-circle{
    width: 40px;
    height: 40px;
    margin-left: 5px;
}
.header-top.affix .cf-notification{
    height: 48px;
    padding: 12px 38px 0 8px
}
/***************************** cf notification new ***************************************/
.header-top .cf-notification.open{
    background: #ef202d
}
.header-top .cf-notification .notif-dropdown{
    padding: 24px 38px 0 8px;
    display: inline-block;
    height: 76px
}
.header-top.affix .cf-notification .notif-dropdown{
    height: 48px;
    padding: 12px 38px 0 8px
}
.cf-notification .dropdown-menu{
    min-width: 400px;
    left: inherit;
    right: -2px;
    padding: 0;
    color: #333;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25)
}
.header-top.affix .cf-notification .dropdown-menu{
    margin-top: 0
}
.cf-notification .dropdown-menu .header-notification{
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px
}
.cf-notification .dropdown-menu .content-notification ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: scroll
}
.cf-notification .dropdown-menu .content-notification ul li a{
    display: table;
    width: 100%;
    padding: 10px 10px 7px;
    border-bottom: 1px solid #ddd
}
.cf-notification .dropdown-menu .content-notification ul li:last-child a{
    border-bottom: none
}
.cf-notification .dropdown-menu .content-notification ul li a:hover{
    background-color: #f6f7f9
}
.cf-notification .dropdown-menu .content-notification ul li .photo-notification{
    width: 38px
}
.cf-notification .dropdown-menu .content-notification ul li .body-notification,.cf-notification .dropdown-menu .content-notification ul li .photo-notification{
    display: table-cell;
    vertical-align: top;
    line-height: 13px
}
.cf-notification .dropdown-menu .content-notification ul li .body-notification>span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 500;
    margin-bottom:0
}
.cf-notification .dropdown-menu .content-notification ul li .body-notification{
    padding-left: 10px;
}
.cf-notification .dropdown-menu .content-notification ul li .body-notification>span i{
    display: block;
    font-style: normal;
    color: #999;
    margin-top: 7px
}
.cf-notification .dropdown-menu .footer-notification{
    background-color: #ef202d;
    border-top: 1px solid #bec2c9;
    text-align: center;
    padding: 6px 16px 6px 0;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.cf-notification .dropdown-menu .footer-notification a{
    color: #fff;
    outline: none;
    text-decoration: underline;
    text-align: center
}


/********************************************************************************/
.header-top.affix .cf-lang{
    height: 48px
}
.header-top.affix .cf-lang>a{
    height: 48px;
    padding: 14px 23px 0 8px;
}
.header-top.affix .cf-lang .dropdown-menu{
    margin-top: -1px
}
.cf-notification:hover{
    background:#333;
    cursor: pointer;
}
.header-top.affix #social-header i.cf:after{
    top: 7px;
}
/********************** Sous menu game ****************************/
#sub-menu-game,#sub-menu-league{
    position: absolute;
    z-index: 998;
    width: 100%;
    background: #fff;
    color: #333;
    height: 65px;
    top: 79px;
}
#sub-menu-game ul,#sub-menu-league ul{
    margin-top: 18px;
    padding: 0;
}
#sub-menu-game ul li,#sub-menu-league ul li{
    display: inline-block;
    margin: 0 3px;
}
#sub-menu-game ul li a,#sub-menu-league ul li a {
    padding: 4px 20px;
    color: #ef202d;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    border: none;
    position: relative;
    border-radius: 35px;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
#sub-menu-league ul li a::before,#sub-menu-game ul li a::before , #sub-menu-league ul li a::after,#sub-menu-game ul li a::after {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: inherit;
}
#sub-menu-league ul li a::before,#sub-menu-game ul li a::before  {
    background: #ef202d;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
#sub-menu-league ul li.active a::before, #sub-menu-game ul li.active a::before{
    top: -33px;
}
.affix #sub-menu-league ul li.active a::before,.affix #sub-menu-game ul li.active a::before{
    top: -28px;
}
#sub-menu-league ul li a::after,#sub-menu-game ul li a::after{
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: #fff;
    border-radius: 35px;
}
#sub-menu-league ul li a:hover::before,#sub-menu-game ul li a:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#sub-menu-league ul li.active a:hover::before, #sub-menu-game ul li.active a:hover::before{
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#sub-menu-game ul li a:focus,#sub-menu-game ul li a:hover,#sub-menu-league ul li a:focus,#sub-menu-league ul li a:hover {
    border-radius: 27px;
}
/************************************ header Social button **************************************/
header #social-header{
    float: left
}
header #social-header ul {
    padding: 7px 6px 0 6px;
    height: 76px;
    border-right: 1px solid #424141;
    margin-bottom: 0
}
footer #social-header ul {
    display: inline-block;
    margin: 0 auto;
    padding: 7px 0 18px 0;
}
.affix #social-header ul{
    height: 48px
}
#social-header ul li {
    display: inline-block;
    margin: 0 5px;
}
#social-header ul li a {
    display: block;
    width: 32px
}
footer #social-header ul{
    padding: 7px 0 18px 0;
}
footer #social-header ul li {
    position: relative;
}
footer #social-header ul li a {
    border: none;
}
#social-header ul li a:hover {
    opacity: 0.8
}
footer i.cf-facebook:after,footer i.cf-gplus:after,footer i.cf-twitter:after{
    left: 0
}
footer #social-header{
    display: inline-block !important;
}
/**************** header user info ***********************/
#header-user-info{
    display: inline-block;
    height: 76px;
    min-width: 258px;
    position: relative;
    float:left;
    z-index: 999;
    cursor:pointer;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    -o-transition: background 200ms ease;
    transition: background 200ms ease
}
#header-user-info:hover{
    background:#ef202d;
}
#header-user-info>div:first-child{
    display: table
}
#header-user-info:hover .price .user-token,#header-user-info:hover .price .team-price{
    background: #fff;
    color: #333
}
#header-user-info:hover .user-details> .user-team{
    color: #fff
}
#header-user-info>div{
    width: 100%;
    height: 100%;
    padding: 7px 0 0 4px;
}
.dropdown-menu{
    width: 100%;
    border-radius: 0;
}
#header-user-info.open .user-img,#header-user-info.open .user-details{
    display: none;
}
#header-user-info.open>div{
    padding: 0
}
#header-user-info.open .is-hidden{
    display: block !important;
    background: #ef202d;
    width: 100%;
    height: 100%;
}
#header-user-info.open .is-hidden:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ef202d;
    bottom: -3px;
    right: 0
}
#header-user-info.open .is-hidden img {
    position: absolute;
    background: rgba(204, 204, 204, 0.9);
    width: 100px;
    height: 100px;
    z-index: 1002;
    left: 50%;
    margin-left: -50px;
    top: 22px
}
#header-user-info .dropdown-menu{
    padding-top: 64px !important;
    height: auto;
    color: #000;
    border: 1px solid #fff;
    margin: 3px 0 0;
    cursor: default;
}
#header-user-info .dropdown-menu>span{
    display: block;
    text-align: center;
}
#header-user-info .dropdown-menu span.user-name {
    font-size: 19px;
    font-weight: 600;
}
#header-user-info .dropdown-menu span.user-team {
    color: #9d9d9d;
    font-size: 16px;
    font-style: italic;
}
#header-user-info .dropdown-menu span.user-team img {
    width: 21px;
}
#header-user-info .user-img,#header-user-info .user-details{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
/*#header-user-info .user-img{
    position:relative;
    padding: 10px 20px 0 0;
}*/
#header-user-info .user-img .user-team{
    position: absolute;
    width: 20px;
    bottom: 16px;
    right: 13px
}
#header-user-info .user-details>span{
    display: block;
    text-transform: capitalize;
    max-width: 150px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#header-user-info .user-details> .user-team{
    color: #9d9d9d;
    font-style: italic;
    font-size: 14px;
}
#header-user-info .price{
    margin-top: 6px;
}
#header-user-info .price>span,.user-panel-column .team-price,.user-panel-column .user-token{
    position:relative;
    font-size: 17px;
    font-weight: bold;
    border-radius: 27px;
    border: 1px solid transparent;
    padding: 0 9px 0 29px;
}
#header-user-info .price .team-price,.user-panel-column span.team-price{
    border-color: #f1be35;
}
#header-user-info .price .user-token,.user-panel-column span.user-token{
    border-color: #71c762;
    background: #000;
    z-index: 10;
}
#header-user-info .dropdown-menu .price .user-token,#header-user-info .dropdown-menu .price .team-price{
    background: #fff;
    font-size: 20px;
    font-weight: bold;
    color: #2e2e2e;
    padding: 0 16px 0 33px;
}
#header-user-info .dropdown-menu .price{
    margin-top: 10px;
}
#header-user-info .dropdown-menu .price .team-price{
    margin-right: 12px;
}
#header-user-info .dropdown-menu .price i.cf-plus{
    left: 84%;
    width: 35px;
    height: 29px;
    color: #fff;
}
#header-user-info .dropdown-menu .price .team-price i:after,#header-user-info .dropdown-menu .price .user-token i:after{
    top: 3px
}
#header-user-info .dropdown-menu .user-points{
    display: table;
    width: 100%;
    margin-top: 20px;
}
#header-user-info .dropdown-menu .user-points span{
    display: table-cell;
    width: 33.33%;
    color:#2e2e2e;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    border-right: 1px solid #858585;
    padding: 0 5px;
}
#header-user-info .dropdown-menu .user-points span:last-child{
    border: none
}
#header-user-info .dropdown-menu .user-points span i{
    display: block;
    font-size: 23px;
    color: #EF202D;
    line-height: 38px;
    font-style: normal;
}
#header-user-info .dropdown-menu .user-account{
    margin: 15px 0;
}
#header-user-info .dropdown-menu .btn-outline{
    border: 1px solid #858585;
    width: 80%;
    margin: 5px 0;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    color: #2e2e2e;
}
#header-user-info .dropdown-menu .btn-outline:hover{
    color:#fff;
    border: 1px solid #ef202d;
}
.header-top.affix #header-user-info .dropdown-menu{
    margin:0;
    padding-top: 82px !important;
}
.header-top .cf-notification{
    position: relative;
    display: inline-block;
    height: 76px;
    padding: 24px 38px 0 8px;
    border-right: 1px solid #424141;
    border-left: 1px solid #424141;
    float: left;
}
.header-top .cf-lang{
    position: relative;
    float: left;
    height: 76px;

    text-transform: uppercase;
    font-size: 13px
}
.header-top .cf-lang>a{
    display: block;
    height: 76px;
    padding: 30px 20px 0 5px
}
.cf-lang>a:focus,.cf-lang>a:hover{
    color:#fff
}
.header-top .cf-lang ul.dropdown-menu{
    right: 0%;
    left:inherit
}
.header-top .cf-notification.active{
    background: #ef202d;
}
.header-top span.nbr-notif{
    background: #ed4450;
    color: #fff;
    position: absolute;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    padding: 1px;
    font-size: 11px;
    font-weight: 600;
    left: 2px;
    margin-top: -3px
}
.header-top .cf-notification.open span.nbr-notif{
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.16);
    color: #ed4450;
    font-weight: bold
}
.header-top .cf-notification.active span.nbr-notif{
    background: #000;
}
.header-top.affix #sub-menu-game,.header-top.affix #sub-menu-league{
    top: 48px;
    height: 46px;
}
.header-top.affix #sub-menu-game ul,.header-top.affix #sub-menu-league ul{
    margin-top: 10px;
}
.header-top.affix #sub-menu-game ul li a,.header-top.affix #sub-menu-league ul li a{
    padding: 2px 16px;
    font-size: 17px;
}
/************************** Header bottom *******************************/
.header-bottom{
    background: #fff;
    border-top: 3px solid #ef202d;
}
.header-bottom .teams {
    float:left;
    padding: 16px 0 6px 0;
}
/***** countdown *******/
.countdown {
    position: relative;
    width: 275px;
    float: right;
    height: 65px;
    background: #ececec;
    padding: 0 14px;
    color:#1a1a1a;
}
.countdown blockquote {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    color:#000;
    text-transform: uppercase;
}
.countdown .clock {
    display: inline-block;
    margin: 2px 7px 0 0;
    background: #1a1a1a;
    width: 20%;
    border-radius: 5px;
    position:relative
}
.countdown .clock span {
    display:block;
    color: #fff;
    margin: 0;
    font-weight: 600;
    font-size: 9px;
    text-transform: uppercase;
    padding: 0 0 3px;
}
.countdown .clock span:first-child{
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
}
.countdown .clock:after {
    content: ':';
    position: absolute;
    top: 3px;
    right: -7px;
    font-size: 20px;
}
.countdown .clock:last-child:after {
    content: '';
}
/******************************** cf-main-header ************************************/
.cf-main-header{
    padding: 24px 0 16px 0;
}
.cf-main-header h1{
    font-size: 40px;
    font-weight: 100;
    margin: 0;
}
.cf-main-header h1 b{
    font-weight: 500
}
.cf-main-header .panel-podium h2{
    font-size: 19px;
    font-weight: 600;
    color: #ef202d
}
/************************************ Footer *******************************************/
footer{
    margin-top: 50px
}
body.landing footer,body.landing footer .panel-default{
    margin-top: 0
}
footer .panel-default{
    margin-bottom: 0;
    border-radius: 0;
    font-size: 13px
}
body.landing footer .panel-default{
    background: #212121;
    border-top: 2px solid #fff
}
footer .panel-default h2{
    text-align:left;
    margin-bottom: 13px;
    font-weight: bold
}
footer .text-center h2{
    text-align: center;
}
footer .panel-default h2 a{
    font-weight: bold
}
footer ul.menu{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 400
}
footer ul.menu li {
    margin-bottom: 12px;
}
footer ul li a{
    border-bottom: 1px solid #fff;
    margin-bottom: 27px;
    color: #fff;
}
/*************************** default Panel *********************************************/
.panel-default {
    background: rgba(0,0,0,0.6);
    padding: 20px 8px;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    color: #fff;
}
.panel-no-padding{
    padding: 0 !important;
}
.panel-footer{
    position: relative;
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 12px;
}
.panel-default h2,.panel-default h2 a,.panel-challenges h3,.post-comments h3{
    color: #ef202d;
    margin: 0 0 28px 0;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.green,.panel-challenges h3.green{
    color: #3db917
}
.direct-challenges span.btn{
    cursor: pointer !important;
}
.all-challenge .alert-info{
    color: #fff;
    background-color: rgba(247, 250, 251, 0.33);
    border: none;
    border-radius: 5px !important;
    margin-top: 30px
}
.red{
    color: #ef202d
}
.panel-player h5 {
    line-height: 30px;
    margin-top: -5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.widget-title{
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    line-height: 40px;
    margin-top: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.player-info a, .player-info {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 100;
}
.player-info > div > div {
    margin: 0 0 7px 33px;
}
.player-info .player-team,.player-info .price {
    margin: 0 0 7px 1px;
}
.player-team{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.player-info .price strong {
    margin-left: 33px;
}
.logo-team{
    width: 24px;
    margin-right: 4px
}
.player-info i{
    left: 0;
}
/***************************** Coantainer *************************************/
.custom-row{
    margin-top:20px
}
@media only screen and (min-width: 991px){
    .custom-row .col-lg-7,.custom-row .col-lg-6{
        padding-left: 0;
    }
    .custom-row .custom-padding{
        padding-left: 8px;
    }
    .custom-row  .col-md-9{
        width: 79%;
    }
    .custom-row  .col-md-3{
        width: 21%;
    }
    .custom-row .news-categories .col-md-6{
        padding-right: 0
    }
}
@media only screen and (min-width: 1200px) {
    .custom-row .col-lg-5 {
        margin-left: -8px;
        padding-right: 8px;
    }
    .page-calendar .custom-table-game td.live-match a:last-child{
        max-width: 72px;
        margin: 0 auto;
        font-size: 22px;
        padding-bottom: 2px;
        margin-top: 22px
    }
    .page-calendar .table-game td abbr{
        font-size: 16px
    }
}
/**************** Podium **************************/
.panel-podium .full-name{
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.panel-podium .full-name a{
    font-size: 14px;
    font-weight: bold;
}
.panel-podium .user-info .fav-name{
    border-right: 1px solid #a4a5a3;
    padding-right: 7px;
    text-transform: uppercase;
}
.panel-podium .logo-team{
    width:18px
}
.partenaire{
    position: absolute;
    right: 138px;
    top: 0;
}
/******************************** Panel dream team *********************************/
.panel-top-goals,.panel-dream-team{
    position: relative
}
.panel-dream-team .nav-tabs,.panel-status .nav-tabs,.panel-top-goals .nav-tabs {
    border-bottom: none;
}
.panel-dream-team .tab-content h2{
    text-align: left
}
.panel-dream-team h5.name-player{
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 10px;
}
.nav-tabs>li>a{
    color: #fff;
    padding: 0 !important;
    font-size: 19px;
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover,.panel-status .nav-tabs>li>a:hover {
    background-color: transparent;
    border: 1px solid transparent;
    color: #fff;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color: #ef202d;
    border: 1px solid transparent;
    background: transparent;
}
.nav-tabs>li {
    padding-right: 0;
    margin-right: 20px;
    padding-bottom: 7px;
}
/**************** Table games ****************/
label.select{
    position: relative;
    display: block;
    margin-bottom: 0;
    font-weight: normal;
}
.noselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select.form-control {
    background: rgba(0, 0, 0, 0.2);
    padding: 8px;
    border-radius: 6px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    height: 44px;
    color: #fff
}
select.form-control.small,input.form-control.small {
    height: 37px;
    min-width: 270px;
    margin: 0 10px;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px !important;
    font-size: 15px;
    font-weight: 400;
    border: none
}
.add-league{
    margin-top: 60px
}
.add-league select.form-control.small,.add-league input.form-control.small {
    margin: 0
}
.input-search{
    display:inline-block;
    position: relative
}
.input-search input.form-control{
    padding-right: 37px
}
.panel-games .calendar-cf{
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: visibility 0s, opacity 0.6s ease-in-out
}
.panel-games .calendar-cf.active{
    visibility: visible;
    height: auto;
    opacity: 1
}
.panel-games .calendar-cf h5{
    border-radius: 4px;
    margin-top: 30px
}
.panel-games select{
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    height: 38px;
    padding: 0 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.panel-games select.no-radius{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
select option {
    margin:40px;
    background: #1D1C1C;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
/**** Panel form *****/
.panel-form{
    padding: 20px;
}
.panel-form label{
    display: block;
    font-size: 17px;
    font-weight: 600
}
.panel-form select.form-control{
    height: 37px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px !important;
    font-size: 15px;
    font-weight: 400;
}
.myteam-sidebar.panel-form select.form-control{
    padding:4px 4px 4px 33px;
    border :1px solid rgba(255, 255, 255, 0.4)
}
.panel-form .input-group{
    width: 100%;
    margin-top: 10px;
}
.panel-form #periority .input-group{

}
.panel-form #periority .select-form{
    display: table-cell;
    position: relative;
}
.panel-form #periority span{
    display: table-cell;
    font-size: 27px;
    font-weight: 600;
    color: #ef202d;
    vertical-align: middle;
}

/****** Carousel *******/
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-switch{
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 38px;
    display: table;
    width: 100%;
    vertical-align: middle;
    padding-right: 15px;
}
.carousel-indicators{
    position: inherit;
    bottom: inherit;
    left: inherit;
    width: inherit;
    margin-left: inherit;
    vertical-align: middle;
    display: table-cell;
}
.carousel-indicators li.active{
    color:#fff;
    background-color: transparent;
    margin: 1px;
}
.carousel-indicators li{
    position:relative;
    color:#777;
    padding: 0 20px;
    text-indent: 0;
    border:none;
    border-radius: 0;
    background: none;
    height: inherit !important;
    font-size: 18px;
    font-weight:600
}
.carousel-indicators li:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 25px;
    top: 1px;
    background: rgba(255, 255, 255, 0.4);
    left: 3px
}
.carousel a.left{
    position: absolute;
    top: 10px;
    left: 12px;
    color: #fff;
    font-size: 18px;
    z-index: 998;
}
.carousel a.right {
    right: 12px;
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 18px;
    z-index: 998;
}
#games-matchday a.left,#games-matchday a.right{
    top: 8px;
}
.table-game {
    font-family: "Open Sans Light";
    font-size: 15px;
    margin-bottom:0
}
.table-game tr td:first-child,.table-game tr td:last-child{
    width: 42% !important;
}
.custom-table-game tr td:first-child{
    padding-right: 15px !important
}
.custom-table-game tr td:last-child{
    padding-left: 15px !important
}
.table-game tr td:nth-child(2){
    width: 17% !important;
}
.table-game th{
    border-top: none !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 49px !important;
}
.page-live-game .table th.matchday-type{
    padding: 0 0px 20px;
    text-decoration: none
}
.page-live-game .table th.matchday-type p {
    background: rgba(255, 255, 255, 0.25);
    display: inline-block;
    border-radius: 25px;
    font-size: 18px;
    padding: 6px 10px 8px 10px;
    margin-bottom: 0;
    color: #fff
}
.page-live-game .table-game td abbr, .page-live-game .table-game .logo-team {
    display: initial
}
.page-live-game .table-game .logo-team {
    margin-left: 3px
}
.page-live-game .table-game td.live-match a.icon-live{
    top: -18px;
    margin-top: 0
}
/*.table-game>tbody>tr:first-child>th{
    padding-top:inherit !important;
}*/
.table-game>tbody>tr>th{
    font-family: 'Open Sans', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    line-height: 14px !important;
    padding-top: 24px
}
.table-game td {
    font-family: "Open Sans";
    line-height: 32px !important;
    position:relative;
    border-top:1px solid #777 !important;
    padding: 8px 0 8px 0 !important
}
.table-game td.score{
    font-size: 16px;
    font-weight: bold
}
.table-game td.score a:last-child {
    text-decoration: none;
    display: block
}
.table-game td.live-match a:last-child{
    margin-top: 25px
}
.custom-table-game td.live-match a:last-child {
    background: #fff;
    color: #000;
    border-radius: 16px;
    font-weight: bold;
    line-height: 22px
}
.custom-table-game tr td.live-match {
    padding-top: 14px !important
}
.table-game td abbr{
    color: #fff;
    border-bottom:none;
    font-weight: 400;
    max-width: 90px;
    line-height: 15px;
    display: block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0 auto;
    padding-top: 8px;
    font-size: 14px;
    cursor: pointer
}
.custom-table-game td abbr{
    max-width: 112px
}
.page-calendar .table-game td abbr{
    max-width: inherit;
}
.table-game td abbr.team-winner {
    font-weight: bold;
}
.table-game .logo-team{
    /*margin: 0;*/
    width: 30px;
    margin: 0 auto;
    display: block;
}
.table-game td.live-match a.icon-live{
    position: absolute;
    top: 1px;
    left: 50%;
    min-width: 56px;
    margin-left: -28px
}
.table-game td.live-match a.icon-resume{
    position: absolute;
    top: 1px;
    left: 50%;
    min-width: 81px;
    margin-left: -40.5px
}
.table-game td.live-match a.icon-live img{
    border-radius: 100px;
}
.page-calendar .table-game td.live-match a img{
    border-radius: 15px;
}
.table th.matchday-type,.panel-games #games-matchday .item>h1,.live-game h1{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #ef202d;
    font-weight: 600;
    font-size: 21px;
    text-decoration: underline;
    text-shadow: 0 0 3px rgba(4, 4, 4, 0.3);
}
.panel-games #games-matchday .item .type-pool{
    text-align: center
}
.panel-games #games-matchday .item .type-pool h1{
    background: rgba(255, 255, 255, 0.25);
    display: inline-block;
    border-radius: 25px;
    font-size: 20px;
    padding: 5px 42px;
    margin-bottom: 0
}

.live-game h1{
    font-size: 18px;
}
.table th.matchday-type{
    padding-bottom:30px;
}
/***************************************** Panel statistique matchday ***************************************************/
h5.name-player a{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.profile-user h5.name-player a{
    display: block;
}
.profile-user .news-game-content span{
    width: inherit;
    font-size: inherit;
    padding-top: 0;
}
.panel-stat h5.name-player a {
    font-size: 18px;
    font-weight: 600;
}
.panel-stat .player-info .row{
    margin-right: -15px !important;
    margin-left: -15px !important;
    margin-top: 15px;
}
.panel-stat .logo-team{
    vertical-align: top;
    margin-right: 0
}
.panel-stat .player-info .player-team,.panel-stat .player-info .price{
    margin: 0
}
.panel-stat .player-info .post{
    padding: 0 0 0 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.panel-stat .player-info .price strong{
    margin-left: 20px;
}
.panel-stat .panel-footer{
    margin-top: 0;
}
.nav-tabs.gray-bg{
    background: rgba(0, 0, 0, 0.2);
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}
/************************************************* Top Goal goalscorers *************************************************************/
.panel-top-goals{
    padding: 18px 7px 7px 7px !important;
}
.custom-padding .panel-top-goals .panel-body p{
    background: rgba(0, 0, 0, 0.5);
    margin-top: 15px;
    font-weight: 600;
    padding: 9px;
    border-radius: 5px
}
.panel-top-goals h2 {
    margin-left: 18px;
    margin-bottom: 5px;
}
.table-top-goalscorers tr td{
    position:relative;
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    vertical-align: middle !important;
}
.table-top-goalscorers tr:first-child td {
    border-top:none !important;
}
.table-top-goalscorers td .goals{
    margin: 7px 0 5px 34px;
}
.table-top-goalscorers .player-info i.cf-goal:after{
    left: 7px;
}
.table-top-goalscorers tr td.rank{
    font-size: 25px;
    color: #ef202d;
    font-weight: 600;
}
.table-top-goalscorers tr td:nth-child(2){
    min-width: 65px;
}
.table-top-goalscorers tr td .player-team{
    max-width: 190px;
}
/********************************************* News Home ******************************************************/
.news-home{
    padding: 0 15px;
}
.news-home a:hover{
    text-decoration: underline;
}
.news-home > div{
    margin-bottom: 40px;
}
.news-home > div:last-child{
    margin-bottom: 5px;
}
.news-home .h6{
    display:block;
    line-height: 18px;
    color: #fff;
    font-family: Arial;
    font-weight:400;
    font-size: 14px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.news-home a.h6{
    margin-bottom: 3px
}
.news-home img{
    width: 100%
}
span.date,.news-categories article span,.news-post article span{
    display: block;
    color: #a5a5a5;
    font-family: Arial;
    font-weight:400;
    font-size: 14px;
    font-style: italic;
}
.news-home span.date{
    font-size: 12px
}
.news-post article p span{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}
/******************************* Modal *******************************/
.modal{
    color: #8a8a8a;
}
#modal-login .modal-body,#modal-registration .modal-body{
    padding: 15px 80px 50px;
}
#modal-login .form-control,#modal-registration .form-control,.register-form .form-control,.reset-password .form-control{
    border-radius: 20px;
}
#modal-login .form-control,#modal-registration .form-control,.reset-password .form-control{
    border: 1px solid #b7b7b7;
}
#modal-login .sign-in{
    margin-bottom: 100px;
}
#modal-login a.forget-password,.register-form .sign-in a{
    color: #8a8a8a;
    font-size: 14px;
    border-bottom: 1px solid #8a8a8a;
    text-decoration: none;
    line-height: 37px;
}
.register-form .sign-in{
    margin-bottom: 18px
}
.register-form .help-block{
    font-size: 12px;
    font-style: italic;
}
#modal-login a.btn-sign-in,#modal-login a.btn-register,#modal-registration a.btn-register{
    font-size: 15px;
    padding: 9px 22px;
    background: #ef202d;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
}
#modal-registration a.btn-register{
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 22px
}
#modal-login a.btn-sign-in:after,#modal-login a.btn-register:after{
    padding: 9px 22px;
}
#modal-login .modal-body h2,#modal-registration .modal-body h2,.register-form h2,.reset-password h2{
    font-size: 25px;
    font-weight: 500;
    color: #ef202d;
}
.login-or {
    position: relative;
    font-size: 16px;
    color: #ef202d;
    margin: 15px 0 30px 0;
    padding: 10px 0;
}
.hr-or {
    background-color: transparent;
    border-top: 1px solid #ef202d;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -30px;
    background-color: #fff;
    width: 60px;
    text-align: center;
    color: #262626;
    font-weight: 600;
    font-size: 15px
}
#modal-login .registration,.register-form .registration{
    border: 1px solid #ef202d;
    padding: 10px 0 20px;
}
#modal-login .registration span,.register-form .registration span{
    display: block;
    font-size: 15px;
    color: #313131;
    font-weight: 600;
    margin-bottom: 33px;
}
.register-form .registration{
    margin-top: 20px;
}

#modal-login .registration a span,.register-form .registration a span{
    display: initial;
    color: #fff;
    font-weight: 400;
}
.panel-registration .registration{
    margin-top: 20px;
    text-align: center;
    border: none;
    padding: 0;
}
#modal-login .fb-login,#modal-registration .fb-login,.register-form .fb-login{
    display: block;
    margin: 38px 0
}
#modal-login .fb-login span,#modal-registration .fb-login span,.register-form .fb-login span{
    margin: 10px 5px;
    padding: 14px 30px 14px 60px;
    background: #3b5998;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #2D416B;
    position: relative;
    color: #fff;
    cursor: pointer
}
#modal-login .fb-login span:hover,#modal-registration .fb-login span:hover,.register-form .fb-login span:hover{
    opacity: 0.8
}
#modal-login .fb-login span:before,#modal-registration .fb-login span:before,.register-form .fb-login span:before{
    content: "";
    position: absolute;
    top: 14px;
    left: 30px;
    width: 32px;
    height: 32px;
    background: url(../../img/icons/facebook.png) no-repeat;
}
#modal-login .fb-login.disabled span,#modal-registration .fb-login.disabled span,.register-form .fb-login.disabled span{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
#modal-registration select,.register-form select{
    background: #fff;
    height: 34px;
    padding: 0 12px;
    font-size: 15px;
    color: #333;
    font-weight: 400
}
#modal-registration select option:first-child,.register-form select option:first-child{
    color: #9d9d9d;
}

#modal-registration select option,.register-form select option{
    background: #fff;
    color: #333;
}
#infoMessage p{
    color: #fff;
    font-size: 13px;
}
/**** Modal ***/
#token-modal .modal-header{
    background: #484443;
}
#token-modal .modal-header h4{
    color: #ef202d;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#token-modal .modal-header img{
    width: 260px;
}
#token-modal .modal-body{
    max-width: 70%;
    margin: 0 auto;
}
#token-modal .modal-body p{
    margin: 12px 0 50px;
}
#token-modal .modal-body .buy-token{
    margin-bottom: 30px;
}
#token-modal .token-box{
    background: #87e383;
    background: -moz-linear-gradient(left, #81e17c 19%,#7ddf79 77%);
    background: -webkit-linear-gradient(left, #81e17c 19%,#7ddf79 77%);
    background: linear-gradient(to right, #81e17c 19%,#7ddf79 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81e17c', endColorstr='#7ddf79',GradientType=0 );
    border-radius: 5px;
    box-shadow: 0 0 6px 6px rgba(129, 225, 124, 0.2);
    -webkit-box-shadow: 0 0 6px 6px rgba(129, 225, 124, 0.2);
    -moz-box-shadow: 0 0 6px 6px rgba(129, 225, 124, 0.2);
}
#token-modal .token-box-title{
    background: #484443;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#token-modal .token-box-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -20px;
    left: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
    border-top: 20px solid #484443;
}
#token-modal .token-box-title span{
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    line-height: 58px;
    position: relative;
}
#token-modal .token-box-title span:after {
    content: "DT";
    position: absolute;
    font-size: 30px;
    font-weight: 100;
    left: 30px;
    top: 0;
}
#token-modal .btn-default{
    color: #484443;
    font-size: 16px;
    font-weight: 600;
    background-color: #f7faf6;
    border-color: transparent;
    margin-top: 22px;
    padding: 3px 20px 3px 34px;
    position: relative;
}
#token-modal .btn-default i.cf-token:after{
    left: 6px !important;
}
#token-modal .token-box-body {
    padding: 50px 0 26px;
}
#token-modal .token-box-body .token-img{
    display:inline-block;
    position:relative;
}
#token-modal .token-box-body .token-img:after{
    content: "15";
    position: absolute;
    top: 16px;
    left: 26px;
    color: #fff;
    font-family: Oswald;
    font-size: 40px;
    text-shadow: 1px 1px 1px #333;
}
#token-modal .token-box-body .token-2:after{
    content: "35";
}
#token-modal .token-box-body .token-3:after{
    content: "50";
}
/******************** register form *********************/
.register-form,.reset-password{
    background: #fff;
    border-radius: 4px;
    padding: 15px;
}
.register-form p,.reset-password p{
    color: #333;
    font-size: 14px;
}
.alert p{
    color: #fff;
    margin:0
}
.alert-success p{
    color:#3c763d
}
/********************************* Tabs *************************************/
.ink-bar {
    position: absolute;
    transition: all 0.3s ease, background-position 1ms;
    height: 2px;
    background-color: #ef202d;
    z-index: 9;
}
/********************************* Page teams ************************************/
.team-profile section h2,.player-profile section h2{
    font-size: 20px;
    font-weight: 600;
    color: #ef202d;
}
.team-profile .table-staff-team td{
    position:relative
}
.team-profile .table-staff-team td:first-child{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table-borderless td, .table-borderless th {
    border: none !important;
}
.team-controller{
    width:90%;
    margin: 0 auto
}
.team-controller ul{
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.team-controller ul li{
    display: table-cell;
    width: 16%;
    padding: 0 24px 0 20px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.4
}
.team-controller ul li.active{
    opacity: 1;
}
.team-controller ul li a{
    display: block;
    padding: 0 0 0 46px;
    color: #fff;
}
.team-controller ul li:hover{
    opacity: 1;
}
.team-controller ul li a:hover{
    color:#ef202d
}
.team-controller.affix{
    width: 100%;
    margin: 0;
    padding: 0;
    top: 45px;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    height: 47px;
    border-bottom: 1px solid rgba(238, 238, 238, 0.4);
    border-top: 1px solid rgba(238, 238, 238, 0.4);
}
.team-controller.affix .panel-default{
    width: 1170px;
    padding: 1px 0;
    border-radius: 0;
    margin: 0 auto;
    background: transparent;
}
.team-controller.affix + #INFO-TEAM {
    margin-top: 130px;
}
#INFO-TEAM .row{
    margin-top:40px;
}
#INFO-TEAM figure{
    text-align: center;
    margin-bottom: 26px;
}
.team-profile .team-shirt img{
    width: 66px;
    height: 68px;
}
.team-profile h3,#PLAYER-INFO h3{
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 22px;
    line-height: 38px;
    margin-top: -12px;
}
#INFO-TEAM table th{
    text-align: right;
    font-size: 17px;
    font-weight: 600;
    min-width: 160px
}
#INFO-TEAM table td,#PLAYER-INFO table td {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle;
}
#TEAM-NEWS .bloc-news,#PLAYER-NEWS .bloc-news{
    display: table;
    width: 100%;
    margin-top: 30px;
}
#TEAM-NEWS article{
    display: inline-block;
    width: 25%;
    padding-right: 36px;
}
#TEAM-NEWS article figure img,#PLAYER-NEWS article figure img{
    width: 100%;
    height: 140px
}
#TEAM-NEWS .article-info,#PLAYER-NEWS .article-info {
    font-size: 14px;
    font-weight: 100;
    font-family: arial;
}
#TEAM-NEWS .article-info a,#PLAYER-NEWS .article-info a{
    display: block;
    font-size: 14px;
    margin: 10px 0 5px 0;
    line-height: 17px;
    min-height: 32px
}
#TEAM-NEWS .article-info time,#PLAYER-NEWS .article-info time{
    font-style: italic;
    color: #a5a5a5;
}
#TEAM-NEWS .article-info time i,#PLAYER-NEWS .article-info time i{
    position: relative;
    margin-left: 27px;
}
#TEAM-CALENDAR,#TEAM-PLAYERS,#TEAM-STATISTIQUES{
    margin-top: 20px;
}
#TEAM-CALENDAR .table>tbody>tr>td,#TEAM-CALENDAR .table>tbody>tr>th,#TEAM-CALENDAR .table>tfoot>tr>td,#TEAM-CALENDAR .table>tfoot>tr>th,#TEAM-CALENDAR .table>thead>tr>td,#TEAM-CALENDAR .table>thead>tr>th{
    padding: 8px 4px;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    vertical-align: middle;
}
#TEAM-CALENDAR .table>tbody>tr>td:first-child a{
    font-weight: 100
}
#TEAM-CALENDAR table th{
    font-size: 16px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
    padding: 0 0 4px 1px;
}
#TEAM-CALENDAR table td a abbr{
    display: inline-block;
    max-width: 128px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-right: 10px;
    border-bottom: none;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
#TEAM-CALENDAR table td.score{
    font-size: 16px !important;
    font-weight: 600 !important;
}
abbr.current-team{
    font-weight: bold !important;
    text-transform: capitalize;
}
#TEAM-CALENDAR .table-rank-team th{
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 100 !important;
    border-top: none;
}
.table-rank-team tr td a abbr{
    font-weight: 100 !important;
}
.text-semi-bold,.table-rank-team tr td a abbr.text-semi-bold{
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: capitalize;
}
.table-rank-team img.logo-team {
    vertical-align: top;
}
.table-rank-team tr td abbr {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
}
.page-index .table-rank-team tr td abbr{
    max-width: 130px;
    cursor: pointer
}
.table-rank-team thead th h1{
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    display: inline-block;
    border-radius: 25px;
    font-size: 20px;
    padding: 5px 42px;
    margin: 0 0 10px 0
}
#TEAM-CALENDAR .table-rank-team>tbody>tr>td, #TEAM-CALENDAR .table-rank-teamtbody>tr>th{
    font-size: 16px;
    font-weight: 100
}
#TEAM-PLAYERS .banner{
    margin-top: 24px
}
.table-staff-team{
    margin-bottom: 0
}
.table-staff-team th{
    border-top: none !important;
}
.table-staff-team th,.table-staff-team td{
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    vertical-align: middle !important;
}
.table-staff-team th:first-child,.table-staff-team td:first-child{
    text-align:left
}
.table-staff-team td i {
    display: block;
    margin-left: -32px;
}
.table-staff-team td i.cf-goalkeeper:after {
    left: 25px
}
.table-staff-team td a {
    color: #fff;
    font-weight: 400;
}
.table-staff-team img.img-circle{
    width: 32px;
    height: 32px;
    margin-right: 5px
}
.table-staff-team i.cf-goalkeeper:after, .table-staff-team i.cf-defender:after, .table-staff-team i.cf-midfielder:after, .table-staff-team i.cf-forward:after{
    margin-top: -10px;
}
#TEAM-STATISTIQUES ul,#PLAYER-STATISTIC ul{
    padding-left: 0;
    margin-top: 30px;
    text-align: center;
}
#TEAM-STATISTIQUES ul li,#PLAYER-STATISTIC ul li{
    position: relative;
    width: 15%;
    height: 166px;
    display: inline-block;
    margin: 0 5px 20px;
}
#PLAYER-STATISTIC ul li{
    width: 16%;
    padding: 28px 5px;
}
#PLAYER-STATISTIC ul li span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase
}
#TEAM-STATISTIQUES ul li span,#PLAYER-STATISTIC ul li span{
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}
#TEAM-STATISTIQUES ul li span:last-child, #PLAYER-STATISTIC ul li span:last-child{
    font-size: 64px;
    margin-top: 10px;
}
#TEAM-PALMARES .table th,#TEAM-PALMARES .table td {
    font-size: 14px;
    font-weight: 600;
}
#TEAM-PALMARES .table tr:first-child th,#TEAM-PALMARES .table tr:first-child td {
    border: none
}
#TEAM-PALMARES .table{
    margin-bottom:0
}
/****************************** Page league *********************************/
.panel-green,.panel-red,.panel-league-default{
    border-radius: 4px;
    margin: 18px 0 2px;
    text-align: center;
    position:relative
}
.panel-red{
    background: rgba(239, 32, 45, 0.25);
}
.panel-green{
    background: rgba(61, 185, 23, 0.25);
}
.panel-league-default{
    background: rgba(158, 158, 158, 0.24);
}
.page-league .panel-green,.page-league .panel-red,.page-league .panel-league-default,.page-league .panel-red,.page-league .panel-league-default{
    margin: 5px 0 2px;
}
.panel-league .panel-green>div span:first-child,.panel-league .panel-league-default>div span:first-child,.panel-league .panel-red>div span:first-child{
    font-size: 16px;
    font-weight: 100;
    display:block
}
.panel-league .panel-green>div span:nth-child(2),.panel-league .panel-league-default>div span:nth-child(2),.panel-league .panel-red>div span:nth-child(2){
    font-size: 25px;
    font-weight: 600;
}
.page-league h1,.page-league h2,.page-rank-league h1,.page-rank h1,.join-league h1,#team h1,.all-challenge h1{
    display: block;
    text-align: center;
}
.page-rank-league .row:last-child{
    margin-top: 30px;
}
.page-rank-league h1{
    text-transform: capitalize;
}
.page-league h2{
    font-size: 22px;
    color:#fff;
    margin-bottom: 24px;
}
.page-league .panel-league-control{
    text-align: center;
}
.page-league .btn{
    font-size: 15px;
    font-weight: 400;
    margin: 0 10px;
}
.page-league a.btn{
    min-width: 200px
}
.page-league button{
    padding: 6px 23px;
}
.page-league .btn .cf-search{
    left: 20px;
    top: 5px;
    height: 21px
}
.page-league .panel-league-control .btn.join-league{
    padding-left: 45px;
}
#btn-search-league{
    position: relative;
    padding-left: 45px
}
#btn-search-league .cf-search{
    height: 21px
}
.panel-league {
    padding: 12px
}
.page-league .league-global{
    background: #FFF url(../../img/leagues/league-global.png) center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 21px 17px;
}
.page-league .panel-body h4{
    font-size: 25px;
    font-weight: 600;
    margin-bottom:32px
}
.page-league .panel-green>div:first-child,.page-league .panel-red>div:first-child,.page-league .panel-league-default>div:first-child{
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.25)
}
.page-league .table tbody tr:first-child td{
    border-top: none
}
.page-league .table tbody tr td:first-child{
    padding: 8px 0 8px 8px;
}
.page-league .table tbody tr td:nth-child(2){
    padding-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.panel-new-league .table tr td:nth-child(3){
    position:relative
}
.league-contain{
    padding : 0
}
.league-contain>a:first-child{
    width: 100%;
    height: 155px;
    display: inline-block
}

.league-contain span.title{
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 19px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.league-contain .row>div {
    padding: 7px 5px;
}
.league-contain .row>div span{
    font-size: 23px;
    line-height: 15px;
}
.league-contain .row>div span:first-child{
    line-height: 16px;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
}
.league-contain img{
    width: 100%;
    height:100%
}
.page-league .league-contain .panel-green .col-md-6:first-child,.page-league .league-contain .panel-red .col-md-6:first-child{
    padding: 7px 12px 7px 6px;
}
.page-league .league-contain .panel-green .col-md-6:last-child,.page-league .league-contain .panel-red .col-md-6:last-child{
    padding: 7px 2px 7px 11px;
}
.league-rank:before{
    content: "";
    position: absolute;
    background: url(../../img/icons/sprite.png) no-repeat;
    background-position: -1513px -1px !important;
    height: 54px;
    right: -1px;
    width: 58px;
    top: -1px;
    z-index: 3;
}
.league-rank>div.pull-right{
    width: 39px;
    position: relative;
    margin-top: -20px;
    margin-right: -9px;
    z-index: 5
}
.league-footer{
    margin-bottom: -14px;
    margin-top: 8px;
}
.league-footer>div{
    position:relative;
}
.league-footer span{
    position:relative;
    color: rgba(255, 255, 255, 0.30);
    font-size: 14px;
}
.add-league h1,.page_buy_token h1{
    display:block;
    text-align: center
}
.panel-green span,.panel-red span,.panel-league-default span{
    display: block
}
.btn-pink{
    background: #ef202d;
    font-size: 15px;
    border-radius: 20px;
    color: #fff;
    text-decoration: none
}
.btn-default{
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 15px;
    border-radius: 20px;
    color: #fff;
    text-decoration: none
}
.gray-container.page-league .panel-default{
    margin-top:0
}
.league-rank i.cf-league-remove{
    cursor:pointer;
    visibility: hidden;
    opacity:0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.league-rank:hover i.cf-league-remove{
    opacity:1;
    visibility: visible;
}
.league-rank i.cf-league-join{
    cursor:pointer;
}
.panel-border{
    position:relative;
    transition: all 0.4s ease
}
.panel-border:hover{
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25);
}
/******************************Page rank users ***********************************/
.page-rank{
    margin-top:20px;
}
.page-rank h1{
    height: 22px;
    text-shadow: 0 1px 2px rgb(14, 14, 14);
}
.page-rank .table-podium{
    margin-bottom: 50px;
}
.table-podium thead tr th,.table-rank-users thead tr th{
    font-weight: 100
}
.table-rank-users,.table-rank-default-league{
    width: 100% !important
}
.table-rank-users tr th:nth-child(4),.table-podium tr th:nth-child(4),.table-rank-default-league tr th:nth-child(4){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 86px;
}
.table-rank-users tr th:first-child,.table-rank-users tr td:first-child,.table-podium tr th:first-child,.table-podium tr td:first-child{
    width: 12% !important;
}
.table-rank-users tr th:nth-child(2),.table-rank-users tr td:nth-child(2),.table-podium tr th:nth-child(2),.table-podium tr td:nth-child(2){
    width: 24% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px !important
}
.table-rank-users tr th:nth-child(3),.table-rank-users tr td:nth-child(3),.table-podium tr th:nth-child(3),.table-podium tr td:nth-child(3) {
    width: 20% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px !important
}
.table-rank-default-league tr th:nth-child(2),.table-rank-default-league tr td:nth-child(2),.table-rank-default-league tr th:nth-child(3),.table-rank-default-league tr td:nth-child(3){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px !important
}
.table-rank-users tr th:nth-child(4),.table-rank-users tr td:nth-child(4),.table-podium tr th:nth-child(4),.table-podium tr td:nth-child(4) {
    width: 23% !important;
}
.table-podium tbody tr{
    font-size: 17px;
    font-weight: 600;
}
.table-podium tbody tr td{
    position:relative;
    border:none;
    padding: 11px 8px;
    vertical-align: middle;
}
.table-podium tbody tr td:first-child{
    width: 42px;
}
.table-podium tbody tr:first-child,.table-podium tbody tr:first-child td a.username{
    color: #ffb400;
}
.table-podium tbody tr:first-child{
    background: rgba(255, 222, 0, 0.2);
}
.table-podium tbody tr:nth-child(2),.table-podium tbody tr:nth-child(2) td a.username{
    color: #b9b9b9;
}
.table-podium tbody tr:nth-child(2){
    background: rgba(255, 255, 255, 0.2);
}
.table-podium tbody tr:nth-child(3),.table-podium tbody tr:nth-child(3) td a.username{
    color: #ae6926;
}
.table-podium tbody tr:nth-child(3){
    background: rgba(237, 153, 63, 0.2);
}
.table-podium a.btn-outline{
    color: #fff
}
/******************************* Page news ************************************/
.fb-post iframe {
    background: #fff !important;
    max-width: 100%
}
[data-oembed-url*="https://www.facebook.com"] {
    text-align:center;
}
.fb-post,.fb-post>span{
    max-width: 100%
}
.news-categories .panel-default,.news-post {
    padding: 20px 17px;
}
.news-categories article,.news-post article{
    display:inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4)
}
.news-post article a{
    color: #ef202d;
    text-decoration: underline;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-post article a:hover{
    color: #c52a34;
    text-decoration: none
}
.news-post article a.btn{
    color: #fff;
    text-decoration: none;
}
.news-social a.social-facebook:hover,.news-social a.social-twitter:hover,.news-social a.social-gplus:hover,.news-post article a.btn:hover{
    opacity: 0.8
}
.news-categories article:last-child {
    border-bottom: none
}
.news-post article p iframe{
    max-width: 100%
}
.news-categories article h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 5px
}
.news-categories article span,.news-post article span{
    display: inline-block;
    margin-bottom: 12px
}
.news-categories article span.date,.news-post article span.date {
    /*border-right: 1px solid #a5a5a5;*/
    line-height: 16px;
    padding-right: 10px;
    font-size: 13px
}
.news-categories article span.comments {
    padding-left: 5px
}
.news-post article span.comments {
    position:relative;
    padding-left: 26px
}
.news-home article{
    border-bottom: none;
}
.news-home article>a{
    display: flex;
    max-height: 132px
}
.news-home article span.date {
    border-right: none;
}
.news-categories article p {
    margin-top: 20px;
    font-size: 14px;
}
.news-post article p {
    margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
}
.news-post article h3{
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 3px 0;
    color: #fff
}
.news-categories article img,.news-post article img{
    width: 100%
}
.news-categories .btn-read-more{
    margin-top: 25px;
}
.news-categories .btn-read-more .btn {
    padding: 4px 30px;
    text-transform: uppercase;
    font-weight: 600;
}
.post-comments h3{
    text-align: left
}
.related-article .news-home > div{
    margin: 0
}
.post-comments{
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.reply-comments .list-comments{
    padding: 11px 8px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    color: #fff
}
.reply-comments>.list-comments{
    background: rgba(0,0,0,0.6);
}
.reply-comments>.list-comments>.list-comments {
    background: rgba(255, 255, 255, 0.1);
}
.reply-comments .list-comments .user-details{
    margin-left: 10px;
}
.reply-comments .list-comments .user-details span.user-name {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 154px
}
.reply-comments .list-comments p{
    padding: 6px 4px;
    margin: 17px 0 8px;
    background: #4a4a4a;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}
.news-post>div{
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4)
}
.news-post>div:last-child,.reply-comments .list-comments:last-child{
    border:none
}
.list-comments .list-comments .user{
    position: relative;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}
.list-comments .list-comments .user img {
    width: 54px;
    height: 54px;
}
.list-comments .list-comments .user-details span.user-name {
    font-size: 14px;
    font-weight: 600;
}
.list-comments .list-comments p{
    font-size: 15px;
    font-weight: 400;
    margin-top: -10px;
    margin-left: 65px;
    background: rgba(255, 255, 255, 0.09);
}
.list-comments .list-comments .reply,.list-comments .list-comments .btn-success{
    padding: 2px 8px;
    font-size: 12px;
}
.newcomment textarea.form-control{
    background: rgba(255, 255, 255, 0.25);
    border: none;
    color: #fff;
    margin-bottom: 15px;
}
.news-social{
    position: relative;
    height: 56px;
    margin: 40px 0 0;
    float: right;
}
.news-social a{
    display:inline-block;
}
.news-social a.social-facebook{
    width: 115px;
    height:41px
}
.news-social a.social-twitter{
    width: 100px;
    height:41px
}
.news-social a.social-gplus{
    width: 110px;
    height:41px
}
.list-comments .user img,.list-comments .user .user-details,.list-comments .user button{
    display: inline-block;
    vertical-align: top
}
.list-comments .user .user-details span{
    display: block;
    font-size: 13px;
    font-weight: 600;
}
.list-comments .user .user-details span.date{
    font-weight: 400
}
.list-comments .user button {
    padding: 5px 13px;
    font-size: 12px;
    margin: 3px 0 0 0;
    font-weight: 600;
}
.list-comments p {
    font-size: 15px;
    font-weight: 400;
    margin-top: 12px;
    margin-left: 50px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.list-comments p:last-child {
    border: none
}
.page-all-news .news-categories{
    padding: 20px 30px;
}
/***********************Page live game **********************************/
.team-bench h4{
    font-size: 16px;
    font-weight: 600;
}
.team-bench .col-md-6:first-child{
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.team-bench ul {
    list-style: none;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #8d8d8d;
}
.team-bench ul li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.team-bench ul li a{
    color: #8d8d8d;
}
.team-bench ul li a:hover{
    color: #fff
}
.page-live-game .live-score{
    display: table;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}
.page-live-game .game-referee h2{
    margin: 14px 0 24px 0
}
.page-live-game .game-referee>div{
    margin-bottom: 10px;
}
.page-live-game .game-referee div span:first-child{
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    min-width: 110px
}
.page-live-game .game-referee div span:last-child{
    font-weight: 400;
    color: #9e9e9e
}
#stat-live-matchs .indicators{
    position:relative
}
.page-live-game .live-score .team-home,.page-live-game .live-score .team-away,.page-live-game .live-score .team-score,.page-live-game .live-score .team-logo{
    display: table-cell;
    padding-bottom: 10px;
    vertical-align: top;
    max-width: 57px;
}
.page-live-game .live-score .team-logo span{
    font-size: 13px;
    margin-top: 5px;
    text-align: center
}
.page-live-game .live-score .team-logo a{
    min-height: 112px;
}
.page-live-game .live-score .team-home,.page-live-game .live-score .team-away{
    width: 33%;
}
.page-live-game .live-score .team-home{
    text-align: left
}
.page-live-game .live-score .team-away{
    text-align:right
}
.page-live-game .live-score img,.page-live-game .live-score img{
    max-width: 91px
}
.page-live-game .live-score .team-home h3,.page-live-game .live-score .team-away h3{
    position:relative;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    vertical-align: top;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 330px;
    padding-bottom: 10px;
}
.page-live-game .live-score .team-home span,.page-live-game .live-score .team-away span{
    font-size: 14px
}
.page-live-game .live-score .team-home span i,.page-live-game .live-score .team-away span i{
    font-weight: bold;
    font-style: normal
}
.page-live-game .live-score .team-home h3:after,.page-live-game .live-score .team-away h3:after{
    content: '';
    position: absolute;
    width: 52px;
    height: 4px;
    background: #00a0ea;
    left: 0;
    bottom: 0
}
.page-live-game .live-score .team-away h3:after{
    background: #ea7f00;
    left: inherit;
    right: 0
}
.page-live-game .live-score a,.page-live-game .live-score span{
    display: block
}
.stat-live-game .live-score .team-home a,.stat-live-game .live-score .team-away a{
    margin-bottom:0
}
.stat-live-game .live-score .team-home>a:first-child ,.stat-live-game .live-score .team-away>a:first-child{
    min-height: 50px
}
.stat-live-game .live-score .team-home>a,.stat-live-game .live-score .team-away>a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.page-live-game .live-score .team-score {
    font-size: 50px;
    padding-top: 21px;
    font-weight: bold;
    line-height: 0;
    vertical-align: top;
    position: relative;
    color: #000
}
.stat-live-game .live-score .team-score{
    color: #fff
}
.page-live-game .live-score .team-score i{
    font-size: 58px;
    font-weight: 400;
    font-style: normal
}
#stat-live-matchs .game-satus{
    margin-top: 15px
}
#stat-live-matchs .game-satus span{
    background: #00a0ea;
    border-radius: 16px;
    padding: 2px 9px
}
#stat-live-matchs .game-satus img{
    border-radius: 15px
}
#stat-live-matchs .progress{
    border-radius: 0;
    height: 5px;
    position:relative;
    overflow: inherit;
    margin-top: 28px
}
.page-live-game .news-live-game p{
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    font-weight: 100
}
.page-live-game .news-live-game p a{
    font-weight: 600;
    font-size: 16px
}
.page-live-game #stat-live-matchs .live-score .team-score>span:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 51px;
    background: #fff;
    z-index: -1;
    border-radius: 33px;
    top: 0;
    left: 0
}
.page-live-game .live-score a abbr{
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.page-live-game .live-score .team-home span.team-pts,.page-live-game .live-score .team-away span.team-pts{
    font-size: 13px;
    font-weight: 100;
}
.stat-live-game .Possession{
    border-bottom: 1px solid rgba(255,255,255,0.25)
}
.stat-live-game .live-score .team-home,.stat-live-game .live-score .team-away{
    text-align:center;
    width: 40%
}
.stat-live-game .live-score .team-home img,.stat-live-game .live-score .team-away img{
    max-width: 40px
}
.stat-live-game .Possession h4{
    font-size: 15px;
    font-weight:600;
    text-align: center
}
.global-stat-game ul{
    padding: 0;
    list-style: none;
}
.global-stat-game ul li{
    padding-top: 8px;
}
.global-stat-game ul li span,.global-stat-game ul li .progress{
    display: inline-block;
    margin: 6px 0;
    vertical-align: top;
    font-size:12px;
    font-weight: 400
}
.global-stat-game ul li span.title {
    width: 48px;
    margin: 6px 7px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.global-stat-game ul li span:first-child,.global-stat-game ul li span:last-child{
    width: 8%;
    text-align: center
}
.global-stat-game ul li .progress,.global-stat-game ul li .cards{
    display: inline-block;
    width: 26%;
    height: 13px;
    line-height: 7px;
    margin-top: 9px;
}
.global-stat-game ul li .cards .yellow-card{
    margin: -3px auto !important;
}
.global-stat-game ul li .cards-home .yellow-card {
    float: right;
    width: 12px
}
.global-stat-game ul li .cards-away .yellow-card {
    float: left;
    width: 12px
}
.panel-live-match{
    background: url(../../img/stadium/stadium_1.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
/****************************** page rank team *****************************************/
.page-team-rank .nav-tabs>li a{
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    font-size: 16px;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.15);
    padding: 7px !important;
    border-radius: 0;
    margin: 0;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear
}
.page-team-rank .tab-pane.active{
    background: rgba(255, 255, 255, 0.1);
    padding-top: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.page-team-rank .nav-tabs>li {
    margin: 0;
    padding-bottom:0
}
.page-team-rank .nav-tabs>li:first-child a{
    border-top-left-radius: 5px
}
.page-team-rank .nav-tabs>li:last-child a{
    border-top-right-radius: 5px
}
.page-team-rank .nav-tabs>li.active a {
    color: #fff;
    background: #ef202d
}
.page-team-rank .nav-tabs>li a:hover{
    background: rgba(255, 255, 255, 0.25)
}
.page-team-rank .nav-tabs>li.active a:hover{
    background: #ef202d
}
.page-team-rank .table-rank-team{
    font-size: 15px
}
.page-team-rank .table-rank-team tr td abbr{
    max-width: 245px;
    vertical-align: middle;
}
.page-team-rank .table-rank-team tr td:nth-child(2){
    width: 34%;
}
.page-team-rank .table-rank-team tbody tr td:nth-child(2) a,.page-team-rank .table-rank-team tbody tr td img.logo-team,.page-team-rank .table-rank-team tr td{
    vertical-align: middle;
}
.page-team-rank .table-rank-team tr td {
    text-transform: capitalize;
}
.page-team-rank .table-rank-team tbody tr td:last-child i{
    display: inline-block;
    font-style: normal;
    min-width: 20px;
    font-weight: 600
}
.page-team-rank .table-rank-team tbody tr td:last-child {
    width: 66px;
}
.page-team-rank #fairplay .table-rank-team tbody tr td:last-child {
    width: auto
}
.page-team-rank .table-rank-team td.latest-result{
    width: 150px
}
.page-team-rank .table-rank-team td.latest-result span.cercel-icon{
    top: -1px;
    left: 2px;
    margin-right: 10px
}
.page-team-rank .table-rank-team td.latest-result span.cercel-icon:last-child{
    margin-right: 0
}
.page-team-rank .table-rank-team td:first-child{
    width: 44px
}
.page-team-rank  #goalscorer table tr:first-child td,.page-team-rank  #assist table tr:first-child td{
    border-top:none
}
.page-team-rank  #goalscorer table tr td .img-circle,.page-team-rank  #assist table tr td .img-circle{
    width: 40px;
    height: 40px;
    margin-right: 5px
}
.page-team-rank  #goalscorer table tr td:nth-child(3),.page-team-rank  #assist table tr td:nth-child(3){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
}
/********************************** Modal token *****************************************/
/***** Top content *****/
#token-modal .form-top {
    overflow: hidden;
    padding: 15px 25px;
    background: #484443;
    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    text-align: center
}
#token-modal .form-top h4{
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#token-modal .form-top img {
    width: 260px;
}
#token-modal .form-bottom {
    text-align: left;
    padding: 25px 25px 30px 25px;
    background: #eee;
    -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}
#token-modal .form-bottom .buy-token{
    padding: 0 125px;
    text-align: center
}
#token-modal fieldset:nth-child(2) .form-bottom button.btn,#token-modal fieldset:last-child .form-bottom button.btn {
    min-width: 105px;
    font-weight: 700;
    font-size: 12px
}
#token-modal fieldset:nth-child(2) .form-bottom button.btn-outline,#token-modal fieldset:last-child .form-bottom button.btn-outline{
    background: #fff
}
#token-modal fieldset:nth-child(2) .form-bottom button.btn-outline:hover,#token-modal fieldset:last-child .form-bottom button.btn-outline:hover{
    border: 1px solid transparent;
    color: #333;
    opacity: 0.6
}
#token-modal fieldset:nth-child(2) .form-bottom button.btn-pink:hover,#token-modal fieldset:last-child .form-bottom button.btn-pink:hover{
    opacity: 0.7
}
#token-modal fieldset .form-bottom .form-group{
    margin-bottom: 30px
}
#token-modal form .form-bottom .input-error {
    border-color: #ee1c25
}
#token-modal form.registration-form fieldset {
    display: none;
}
#token-modal form.registration-form fieldset:first-child{
    display: block
}
.form-phone{
    position: relative;
}
.form-phone>span.glyphicon-earphone{
    position: absolute;
    top: 7px;
    left: 8px;
    width: 22px;
    height: 22px;
    padding-top: 3px;
    border-right: 1px solid #ddd;
    color: #8a8a8a
}
.form-phone>input.bfh-phone{
    padding-left: 34px;
}
#token-modal .valid-form {
    display: block;
    color: #569256;
    margin-bottom: 15px;
}
[id*="gpt-ad"]{
    margin:0 auto !important
}
/*********************** Stadiums *******************************/
.stadium-9 {
    background: url(../../img/stadium/stadium-9.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.stadium-11 {
    background: url(../../img/stadium/stadium-11.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.stadium-14 {
    background: url(../../img/stadium/stadium-14.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.stadium-17 {
    background: url(../../img/stadium/stadium-17.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.stadium-18 {
    background: url(../../img/stadium/stadium-18.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.stadium-20 {
    background: url(../../img/stadium/stadium-20.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}
#stat-live-matchs{
    /*background: url(../../img/bg_Live.png) center center;
    background-size: contain;
    height: 336px;*/
    background-repeat: no-repeat;
    padding: 20px;
}
#stat-live-matchs .nav-tabs{
    background: rgba(0, 0, 0, 0.4);
    font-size: 15px;
}
#stat-live-matchs .nav-tabs time{
    display: block;
    font-weight: 400
}
#stat-live-matchs a.left {
    left: 25px;
    top: 30px
}
#stat-live-matchs a.right {
    right: 25px;
    top: 30px
}
#stat-live-matchs .live-score{
    position: relative;
    border: none;
    margin: 15px 0 5px
}
#stat-live-matchs .score-match{
    display: table;
    width: 100%;
}
#stat-live-matchs .score-match span,#stat-live-matchs .score-match>div{
    display: table-cell;
    vertical-align: middle;
}
#stat-live-matchs .score-match>span{
    font-size: 50px;
    font-weight: bold;
    position: relative;
    text-align: center;
    width:30%;
}
#stat-live-matchs .score-match span.goal-home-team:after,#stat-live-matchs .score-match span.goal-away-team:after{
    content: "";
    position: absolute;
    width: 40px;
    left: 29%;
    height: 4px;
    bottom: 10px
}
#stat-live-matchs .score-match span.goal-home-team:after{
    background: #00a0ea;
}
#stat-live-matchs .score-match span.goal-away-team:after{
    background: #ea7f00;
}
.game-time{
    display: inline-block;
    position: relative;
    margin-top: 58px;
}
.game-time .c100>span{
    border: 2px solid #fff;
    padding: 2px;
    border-radius: 50%;
    margin-left: -4px;
    margin-top: -4px;
}
.game-time:before{
    content: '';
    position: absolute;
    top: -12px;
    left: -5px;
    background: url(../../img/icons/time-icon.png);
    width: 61px;
    height: 17px;
    background-repeat: no-repeat;
}
span.stadium-name{
    width: 79%;
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.status-match{
    position: absolute;
    font-size: 13px;
    font-weight: 100;
    bottom: 0;
    margin-left: -15px;
    width: 80px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.game-time .c100.small{
    margin: 0 0 0.4em 0;
}
.game-time .c100 span i{
    font-size: 13px !important;
    margin-top: -4px;
    position: absolute;
    margin-left: -2px;
}
#create_team_step1 {
    margin: 10px 0 10px 0;
}
/******************************** Page contact **************************/
.page-contact,.panel-step1{
    padding: 20px 80px;
}
.page-contact label,.page-account label,.add-league label,.panel-step1 label,.page_buy_token label{
    color: #fff
}
.page-account .col-md-9 .panel-default{
    padding: 20px 30px;
}
.page-contact .form-control,.page-account .form-control,.add-league .form-control,.panel-step1 .form-control,.page_buy_token .form-control{
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    height: 34px;
    font-weight: 400;
    padding: 6px 12px;
    font-size: 14px;
}
textarea.form-control{
    height: inherit !important;
}
.list-comments textarea{
    background: rgba(255, 255, 255, 0.25);
    border: none;
    color: #fff;
    margin: 15px 0;
}
.bootstrap-filestyle label{
    background: #ef202d;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}
.bootstrap-filestyle label .glyphicon{
    margin-right: 3px;
}
.bootstrap-filestyle .form-control{
    border-left: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}
.bootstrap-filestyle .btn-default:hover{
    background-color: rgba(239, 32, 45, 0.8);
    border-color: rgba(239, 32, 45, 0.8);
}
.form-error{
    border: 1px solid rgba(239, 32, 45, 0.5) !important;
}
.page-contact button,.page-account button{
    margin-top: 18px
}
/****************************** Page rules **********************************/
.page-rules,.page-terms{
    padding: 20px;
}
.page-rules>h2{
    margin-bottom: 40px;
}
.page-rules section h1{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    color: #e8202d;
}
.page-rules section p{
    font-size: 15px;
}
.page-rules .table thead tr th{
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.page-rules .table tbody tr td{
    text-align: center
}
.page-rules .table thead tr th:first-child,.page-rules .table tbody tr td:first-child{
    text-align: left;
}
/******************************* page terms ************************************/
.page-terms ul{
    padding-left: 0;
    list-style: none
}
li.justfiy {
    position:relative;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 19px;
    padding-left: 28px
}
li.justfiy:last-child {
    margin-bottom: 0
}
.page-terms li span.glyphicon{
    position: absolute;
    top: 6px;
    left: 0;
    color: #ef202d;
}
/******************************** Player profile *******************************/
#PLAYER-INFO,#PLAYER-STATISTIC{
    margin-top: 40px
}
#PLAYER-INFO figure.img-player{
    position:relative
}
#PLAYER-INFO figcaption .logo-team{
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
}
.img-thumbnail{
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(204, 204, 204, 0.2);
}
#PLAYER-INFO table th{
    text-align: right;
    font-size: 17px;
    font-weight: 600;
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
#highcharts{
    height: 400px
}
.highcharts-container svg{
    border-radius: 5px
}
.highcharts-container .highcharts-button,.highcharts-container .highcharts-legend,.highcharts-container svg>text:last-child{
    display: none !important;
}
/*************************** Stadium ****************************************/
.cf-stadium-home {
    width: 100%;
    height: 498px;
    background-image: url(../../img/stadium/stadium-front.png);
    background-size: cover;
    background-position: center;
    margin: 45px 0 35px;
    font-family: arial;
}
.cf-stadium-home .cf-shirt-row-1, .cf-stadium-home .cf-shirt-row-2, .cf-stadium-home .cf-shirt-row-3, .cf-stadium-home .cf-shirt-row-4 {
    width: 83%;
    margin: 15px auto;
}
.cf-stadium-home .cf-shirt-row-1{
    padding-top: 12px;
}
.cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4, .cf-stadium-home .cf-shirt-cell-5 {
    float: left;
    width: 17%;
    height: 104px;
    padding: 0 1px;
}
.cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4{
    margin: 0 16px 0 0;
}
.cf-stadium-home .cf-player_container {
    position: relative;
    min-height: 98px;
    text-align: center;
    padding: 8px 0 4px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.cf-stadium-home .cf-player-container img {
    position:relative;
    width: 64px;
    height: 66px
}
.cf-stadium-home .cf-player-container:before{
    position: absolute;
    content: '';
    width: 66px;
    height: 71px;
    margin-top: -2px;
    background-image: url('../../img/shirt_shadow.png');
    background-size: cover;
    transform: scale(1.1);
    opacity: 0.8;
}
.cf-stadium-home .cf-player-container{
    text-align: center;
    cursor:pointer;
    padding: 1px 2px 0 6px;
}
.cf-stadium-home .cf-player-container:hover{
    background: rgba(255, 255, 255, 0.63);
    border-radius: 4px;
}
.cf-stadium-home .palyer-btn{
    margin-top: 4px;
}
.cf-stadium-home .palyer-btn .player-name{
    font-size: 10px;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px 2px 3px 8px;
    font-weight: 600;
    border-top-right-radius: 37px;
    border-bottom-right-radius: 37px;
    line-height: 10px;
    position: relative
}
.cf-stadium-home .palyer-btn .player-name span{
    display:block;
    margin-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cf-stadium-home .palyer-btn .player-name i.cf:after{
    top: -3px;
    left: -6px;
}
.badge-pts {
    min-width: 49px;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    background-color: #F6EB16;
    margin-top: -3px;
    padding: 2px 7px;
}
.cf-stadium-home .badge i,.cf-stadium .badge i {
    font-size: 10px;
}
/*************************** Small Stadium ****************************************/
#INFO-TEAM .cf-stadium-small .row{
    margin: 23px auto;
    text-align:center
}
.cf-stadium-small {
    width: 100%;
    height: 399px;
    background-image: url(../../img/stadium/stadium-responsive.png);
    background-size: cover;
    background-position: center;
    margin: 28px auto 20px;
    font-family: arial;
    position:relative;
}
.cf-stadium-small  .cf-shirt-row-1, .cf-stadium-small  .cf-shirt-row-2,.cf-stadium-small .cf-shirt-row-3,.cf-stadium-small  .cf-shirt-row-4 {
    width: 96%;
}
.cf-stadium-small .cf-shirt-row-1{
    padding-top: 25px;
}
.cf-stadium-small .cf-shirt-cell-1,.cf-stadium-small .cf-shirt-cell-2,.cf-stadium-small  .cf-shirt-cell-3,.cf-stadium-small  .cf-shirt-cell-4,.cf-stadium-small .cf-shirt-cell-5 {
    float: left;
    width: 18.8%;
    height: 63px;
    padding: 0 1px;
}
.cf-stadium-small .cf-shirt-cell-1,.cf-stadium-small .cf-shirt-cell-2,.cf-stadium-small  .cf-shirt-cell-3,.cf-stadium-small  .cf-shirt-cell-4{
    margin: 0 5px 0 0;
}
.cf-stadium-small .cf-player_container {
    position: relative;
    min-height: 98px;
    text-align: center;
    padding: 8px 0 4px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/*.cf-stadium-small .cf-player-container img {
    width: 50px;
    height: 50px;
}*/
.cf-stadium-small .cf-player-container{
    text-align: center;
}
.cf-stadium-small .palyer-btn{
    margin-top: 4px;
}
.cf-stadium-small .palyer-btn .player-name{
    font-size: 10px;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 3px;
    font-weight: 600;
    border-radius: 37px;
    line-height: 10px;
    position: relative
}
.cf-stadium-small .palyer-btn .player-name span{
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cf-stadium-small .palyer-btn .player-name i.cf:after{
    top: -3px;
    left: -12px;
}
.cf-stadium-small .palyer-btn .player-name span a:hover{
    opacity: 1;
    color:#fff
}
.cf-stadium-small .droppable {
    display: inline-block;
    max-width: 62px;
    text-align: center
}
.cf-stadium-small span span img {
    width: 50px;
    height: 50px;
}
.cf-stadium-small .droppable:hover,.cf-stadium-small .droppable:focus{
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.77);
}
/***** stadium live match *****/
.cf-stadium-live-game {
    width: 100%;
    height: 712px;
    background-image: url(../../img/stadium/stadium-full.png);
    background-size: cover;
    background-position: center;
    margin: 45px 0 35px;
    font-family: arial;
    position:relative
}
.cf-stadium-live-game .row{
    margin: 13px auto;
    text-align:center
}
.cf-stadium-live-game .row:first-child{
    padding-top: 33px
}
.cf-stadium-live-game .cf-shirt-cell-1,.cf-stadium-live-game .cf-shirt-cell-2,.cf-stadium-live-game  .cf-shirt-cell-3,.cf-stadium-live-game  .cf-shirt-cell-4,.cf-stadium-live-game .cf-shirt-cell-5 {
    float: left;
    width: 18.8%;
    height: 63px;
    padding: 0 1px;
}
.cf-stadium-live-game .cf-shirt-cell-1,.cf-stadium-live-game .cf-shirt-cell-2,.cf-stadium-live-game  .cf-shirt-cell-3,.cf-stadium-live-game  .cf-shirt-cell-4{
    margin: 0 5px 0 0;
}
.cf-stadium-live-game .cf-player_container {
    position: relative;
    min-height: 98px;
    text-align: center;
    padding: 8px 0 4px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.cf-stadium-live-game .cf-player-container{
    text-align: center;
}
.cf-stadium-live-game .palyer-btn{
    margin-top: 4px;
}
.cf-stadium-live-game .palyer-btn .player-name{
    font-size: 10px;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 3px;
    font-weight: 600;
    border-radius: 37px;
    line-height: 10px;
    position: relative
}
.cf-stadium-live-game .palyer-btn .player-name span{
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cf-stadium-live-game .palyer-btn .player-name i.cf:after{
    top: -3px;
    left: -12px;
}
.cf-stadium-live-game .cf-player-container {
    display: inline-block;
    width: 18%;
    margin: 0 2px;
    padding: 2px 5px;
    text-align: center;
    cursor:pointer
}
.cf-stadium-live-game span span img {
    width: 47px;
    height: 47px;
}
.cf-stadium-live-game .cf-player-container:hover,.cf-stadium-live-game .cf-player-container:focus{
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.77);
}
.team-profile .show-modal-player {
    cursor:pointer
}
#mobile-live-match .panel-live-match {
    margin: 0px 0 10px 0 !important;
}
#mobile-live-game #cf-timeline {
    overflow: hidden;
    overflow-x: inherit;
    height: auto;
}

/***************** icons ***********************/
.cf-search{
    position: absolute;
    background: url(../../img/icons/search.png);
    width: 24px;
    height: 24px;
    left: 13px;
}
.cf-league-join{
    cursor: pointer
}
.hteam-stat-match i,.ateam-stat-match i{
    position: absolute;
    background: url(../../img/icons/sprite.png) no-repeat;
    width: 11px !important;
    height: 17px !important;
    top: -20px;
}
.ateam-stat-match i{
    top: 5px;
}
/********************** live game *******************************/
#stat-live-matchs .progress i.cf-icon{
    margin-left: -11px
}
.cf-timeline-content span.player-in{
    padding-top: 3px
}
.hteam-stat-match i.half-time{
    left: 50%;
    top:-36px;
    margin-left: -12px;
    font-style: normal;
    background:none
}
.cf-icon-small-goal {
    background-position: -1957px 0 !important;
}
.cf-icon-small-yellow-card {
    background-position: -1972px 2px !important;
}
.cf-icon-small-red-card,.cf-icon-small-two-yellow-card {
    background-position: -2014px 2px !important;
}
.cf-icon-small-substitute{
    background-position: -1998px 0 !important
}
i.cf-icon-hteam,i.cf-icon-ateam{
    position:inherit;
    background: none;
}
.cf-icon-hteam:after,.cf-icon-ateam:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    top: -12px;
    border-radius: 50%;
    left: 0;
    background: #00a0ea;
}
.cf-icon-ateam:after{
    top: 10px;
    background: #ea7f00;
}
.input-search .cf-search{
    left: inherit;
    right: 17px;
    top: 6px;
    opacity: 0.8;
}
/******************************* icons ******************************************/
i.cf:after{
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(../../img/icons/sprite.png) no-repeat;
}
/******************* icons matchday ******************************/
i.cf-matchdays{
    position: relative;
    width:24px;
    height:24px;
    margin-left: 5px
}
i.cf-matchdays:after{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: -2px;
    background: url(../../img/icons/matchdays.png) no-repeat
}
i.cf-matchday-2:after{background-position-x: -22px;}
i.cf-matchday-3:after{background-position-x: -45px;}
i.cf-matchday-4:after{background-position-x: -67px;}
i.cf-matchday-5:after{background-position-x: -90px;}
i.cf-matchday-6:after{background-position-x: -113px;}
i.cf-matchday-7:after{background-position-x: -136px;}
i.cf-matchday-8:after{background-position-x: -159px;}
i.cf-matchday-9:after{background-position-x: -183px;}
i.cf-matchday-10:after{background-position-x: -206px;}
i.cf-matchday-11:after{background-position-x: -228px;}
i.cf-matchday-12:after{background-position-x: -251px;}
i.cf-matchday-13:after{background-position-x: -274px;}
i.cf-matchday-14:after{background-position-x: -297px;}
i.cf-matchday-15:after{background-position-x: -319px;}
i.cf-matchday-16:after{background-position-x: -342px;}
i.cf-matchday-17:after{background-position-x: -364px;}
i.cf-matchday-18:after{background-position-x: -388px;}
i.cf-matchday-19:after{background-position-x: -411px;}
i.cf-matchday-20:after{background-position-x: -434px;}
i.cf-matchday-21:after{background-position-x: -456px;}
i.cf-matchday-22:after{background-position-x: -479px;}
i.cf-matchday-23:after{background-position-x: -502px;}
i.cf-matchday-24:after{background-position-x: -525px;}
i.cf-matchday-25:after{background-position-x: -548px;}
i.cf-matchday-26:after{background-position-x: -571px;}
i.cf-matchday-27:after{background-position-x: -595px;}
i.cf-matchday-28:after{background-position-x: -619px;}
i.cf-matchday-29:after{background-position-x: -643px;}
i.cf-matchday-30:after{background-position-x: -667px;}
/********************/
i.cf-social:after{
    content: "";
    position: absolute;
    width: 115px;
    height: 45px;
    background: url(../../img/icons/sprite_social.png) no-repeat;
}
i.cf-social-facebook:after{
    background-position: 0 0 !important;
}
i.cf-social-gplus:after{
    background-position: -218px 0 !important;
    width: 108px
}
i.cf-social-twitter:after{
    background-position: -117px 0 !important;
    width: 95px;
}
.navbar-nav>li>a i.cf-caret:after,header .cf-lang a i.cf-caret:after{
    right: 10px;
    left: inherit;
    top: 37px !important;
    background-position: -239px 0 !important;
    width: 18px;
    opacity: 0.4
}
.navbar-nav>li.active>a i.cf-caret:after,header .cf-lang.open a i.cf-caret:after{
    opacity:1
}
header .cf-lang a i.cf-caret:after{
    right: 0
}
.cf-lang.open{
    background-color: #ef202d
}
.cf-lang .dropdown-menu li a{
    text-align: right;
    font-size: 16px;
}
#header-user-info i.cf-caret:after{
    right: 15px;
    left: inherit;
    top: 30px;
    background-position: -239px 0 !important;
    width: 18px;
    opacity: 0.4;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease
}
#header-user-info:hover i.cf-caret:after{
    opacity:1
}
#header-user-info.open i.cf-caret:after{
    display: none;
}
i.cf-game:after {
    background-position: 7px 0;
    top: 22px !important;
}
i.cf-news:after {
    background-position: -24px 0;
}
i.cf-league:after {
    background-position: -52px 0;
}
i.cf-ooredoo:after{
    width: 142px;
    background-position: -551px 3px;
}
i.cf-facebook:after{
    background-position: -423px 0 !important;
}
i.cf-gplus:after{
    background-position: -471px 0 !important;
}
i.cf-twitter:after{
    background-position: -519px 0 !important;
}
i.cf-defender:after {
    background-position: -140px 0 !important;
    width: 26px;
}
i.cf-midfielder:after {
    background-position: -169px 0 !important;
    width: 26px;
}
i.cf-forward:after {
    background-position: -198px 0 !important;
    width: 26px;
}
i.cf-goalkeeper-small:after {
    background-position: -902px 1px !important;
    width: 20px;
}
i.cf-defender,i.cf-midfielder,i.cf-forward,i.cf-goalkeeper{
    cursor:pointer
}
i.cf-defender-small:after {
    background-position: -924px 1px !important;
    width: 20px;
}
i.cf-midfielder-small:after {
    background-position: -946px 1px !important;
    width: 20px;
}
i.cf-forward-small:after {
    background-position: -968px 1px !important;
    width: 20px;
}
i.cf-price:after {
    background-position: -394px 3px;
    left: 61px !important;
    width: 22px;
}
.team-price i.cf-price:after{
    left: 0 !important;
    width: 27px;
}
i.cf-token:after {
    background-position: -372px 3px;
    left: 0 !important;
    width: 27px;
}
i.cf-goal:after {
    background-position: -296px 0 !important;
}
i.cf-assist:after {
    background-position: -263px 2px !important;
}
i.cf-ycard:after {
    background-position: -323px 0 !important;
}
i.cf-rcard:after {
    background-position: -347px 0 !important;
}
i.cf-notif:after {
    background-position: -80px 0 !important;
}
i.cf-up:after {
    background-position: -765px 4px;
}
i.cf-down:after {
    background-position: -801px 4px;
}
i.cf-comment:after{
    width: 17px;
    background-position: -1039px 0;
    left: -18px;
}
.news-post i.cf-comment:after{
    left: 6px;
}
i.cf-league-up:after {
    background-position: -987px 4px;
    left: 1px;
    top: 2px;
    width: 22px;
    height: 27px
}
i.cf-league-down:after {
    background-position: -2046px 4px;
    left: 2px;
    top: 2px;
    width: 22px;
    height: 27px
}
i.cf-league-equal:after {
    background-position: -2025px 4px;
    left: 0;
    top: 2px;
    width: 22px;
    height: 27px
}
i.cf-league-up-big:after {
    background-position: -1342px 4px;
    right: -15px;
    top: 18px;
    width: 28px;
    height: 35px;
}
i.cf-league-equal-big:after {
    background-position: -1403px 4px;
    right: -15px;
    top: 18px;
    width: 28px;
    height: 35px;
}
.league-global i.cf-league-up-big:after,.league-global i.cf-league-down-big:after,.league-global i.cf-league-equal-big:after {
    top: 10px;
}
i.cf-league-down-big:after {
    background-position: -1371px 4px;
    right: -15px;
    top: 18px;
    width: 28px;
    height: 35px;
}
i.cf-plus {
    background: #71c762;
    padding: 0 9px 0 16px;
    position: absolute;
    left: 80%;
    width: 33px;
    height: 25px;
    margin-top: -1px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    font-style: normal;
    color: #fff;
    cursor:pointer;
    z-index: -1
}
i.cf-player:after{
    left: 10px;
    width: 22px;
    background-position: -1010px 4px !important;
}
i.cf-league-public:after{
    background-position: -1435px 4px !important;
    width: 19px;
    left: 38%;
}
i.cf-league-private:after{
    background-position: -1457px 4px !important;
    width: 19px;
    left: 38%;
}
i.cf-league-users:after{
    background-position: -1480px 1px !important;
    width: 14px;
    left: -12px;
}
i.cf-league-remove:after{
    background-position: -1497px -1px !important;
    width: 16px;
    left: 15px;
}
i.cf-league-join:after{
    background-position: -1497px -1px !important;
    width: 16px;
    left: 15px;
}
i.cf-first-place:after{
    background-position: -1574px 3px;
    width: 34px;
    height: 49px;
    top: -4px;
    left: 7px;
}
i.cf-second-place:after{
    background-position: -1610px 3px;
    width: 34px;
    height: 49px;
    top: -4px;
    left: 7px;
}
i.cf-third-place:after{
    background-position: -1643px 3px;
    width: 34px;
    height: 49px;
    top: -4px;
    left: 7px;
}
.cf-alert-success .cf:after{
    background-position: -1853px -2px;
    width: 21px;
    left: -2px;
    top: -2px
}
.cf-alert-danger .cf:after{
    background-position: -1922px -3px;
    width: 27px;
    left: -2px;
    top: -2px
}
.cf-alert-info .cf:after{
    background-position: -1884px -2px;
    width: 27px;
    left: -2px;
    top: -2px
}
.badge-price{
    position: relative;
    background: #ef202d;
    padding-left: 15px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.cf-stadium i.cf-price{
    width: 18px;
    height: 18px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    left: -6px;
    top: 0
}
.cf-stadium i.cf-price:after{
    background-position: -1824px 3px;
    height: 22px;
    left: -2px !important;
    top: -2px
}
.modal i.cf-price{
    width: 23px;
    height: 23px;
    position: absolute;
    background: #f5f2f2;
    border-radius: 50%;
    left: 4px;
    top: 3px;
    z-index: 2
}
.modal i.cf-price:after{
    background-position: -394px 3px;
    height: 22px;
    left: -3px !important;
    top: 0
}
.player-info i:after{
    left: 13px;
    width: 29px;
}
i.cf-goalkeeper:after {
    background-position: -1804px -2px !important;
    width: 21px;
    left: 18px
}
.panel-stat i.cf-price:after{
    left: 48px !important;
}
.team-controller i.cf:after{
    width:43px;
    height: 43px;
    left: 17px;
    top: 2px
}
.team-controller i.cf:before{
    content: "";
    width: 18px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 2px;
    top: 50%;
}
.team-controller ul li:first-child i.cf:before{
    width: 0
}
i.cf-team-info:after{
    background-position: -1059px 0;
}
i.cf-team-news:after{
    background-position: -1107px 0;
}
i.cf-team-calendar:after{
    background-position: -1155px 0;
}
i.cf-team-staff:after{
    background-position: -1200px 0;
}
i.cf-team-stats:after{
    background-position: -1246px 0;
}
i.cf-team-palmares:after{
    background-position: -1294px 0;
}
i.cf-timeline-goal:after{
    background-position: -1681px -1px;
    width: 24px;
    height: 24px;
    left: 1px;
}
i.cf-timeline-penalty-missed:after{
    background-position: -2086px 0px;
    width: 24px;
    height: 24px;
    left: 0px
}
i.cf-timeline-substitute:after{
    background-position: -1705px -1px;
    width: 24px;
    height: 24px;
    left: 1px;
}
i.cf-timeline-comments:after{
    background-position: -1734px 0;
    width: 24px;
    height: 24px;
    left: 1px
}
i.cf-timeline-yellow-card:after{
    background-position: -1769px 0;
    width: 19px;
    height: 24px;
    left: 1px
}
i.cf-timeline-red-card:after{
    background-position: -1787px 0px;
    width: 17px;
    height: 24px;
    left: 4px
}
i.cf-timeline-two-yellow-card:after{
    background-position: -2066px 0px;
    width: 18px;
    height: 24px;
    left: 2px
}
i.cf-timeline-penalty:after{
    background-position: -1734px 1px;
    width: 24px;
    height: 24px;
    left: 1px;
}
@media only screen and (min-width:1200px) {
    .page-status .carousel-indicators li{
        padding: 0 17px;
    }
    .page-live-game > .col-md-3 {
        padding-left: 0
    }
}
/******************************* Responsive ***********************************************/
@media only screen and (max-width:1200px) {
    .navbar-nav>li {
        min-width: 140px;
    }
    .navbar-nav>li>a {
        padding: 30px 6px 0px 34px
    }
    #sub-menu-league ul li.active a::before, #sub-menu-game ul li.active a::before{
        top: -32px;
    }
    .header-top.affix .navbar-nav>li>a{
        padding: 14px 10px 0 37px
    }
    .header-login .navbar-nav > li {
        text-indent: -9999px;
        width: 60px;
        min-width: initial;
    }
    .header-login .navbar-nav > li.dropdown{
        text-indent: 0;
    }
    .header-login .navbar-nav > li.dropdown .glyphicon, #social-header{
        display: none
    }
    .header-login .navbar-nav > li:first-child {
        text-indent: 0;
        min-width: 130px
    }
    .header-login .navbar-nav > li:nth-child(3) .cf-caret{
        display:none
    }
    #sub-menu-game ul li a, #sub-menu-league ul li a{
        padding: 4px 14px;
        font-size: 17px
    }
    .header-top.affix #sub-menu-game ul li a, .header-top.affix #sub-menu-league ul li a{
        padding: 3px 13px;
        font-size: 16px
    }
    .header-top .navbar-nav>li>a i.cf-game:after,.header-top .navbar-nav>li>a i.cf-news:after,.navbar-nav>li>a i.cf-league:after{
        left: 0px
    }
    .header-login .navbar-nav>li>a i.cf-news:after,.header-login .navbar-nav>li>a i.cf-league:after{
        left: 11px
    }
    .nav-tabs>li>a{
        font-size: 17px !important;
    }
    .page-team-rank .nav-tabs>li>a{
        font-size: 16px !important;
    }
    /*.game-nav i.cf-game:after{
        left: 0px
    }*/
    .partenaire{
        position: initial !important;
        margin-right: 138px;
        margin-top: 11px;
    }
    /** news home page **/
    .page-index .custom-padding .col-lg-5{
        padding-left:0
    }
    .page-index .custom-padding .news-home img{
        height: 124px
    }
    /** page team **/
    .team-controller{
        width: 100%;
    }
    #TEAM-PLAYERS .table-top-goalscorers h5.name-player{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 132px
    }
    .team-profile .table-staff-team td:first-child{
        max-width: 180px
    }
    .team-controller ul li{
        padding: 0 16px 0 20px;
    }
    .team-controller.affix .panel-default{
        width: 940px;
    }
    #TEAM-NEWS .article-info time i, #PLAYER-NEWS .article-info time i{
        margin-left: 23px
    }
    #TEAM-CALENDAR table td a abbr{
        max-width: 84px
    }
    .page-league a.btn{
        min-width: 176px;
    }
    .page-league .btn {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
    }
    .team-profile .table-top-goalscorers tr td .player-team{
        max-width: 140px
    }
    /** Live game **/
    .page-live-game .live-score .team-home h3, .page-live-game .live-score .team-away h3{
        font-size: 21px;
        max-width: 280px
    }
    #stat-live-matchs .live-score .team-score{
        min-width: 101px;
        padding-top: 18px;
        font-size: 40px
    }
    .c100:after{
        left: 0.08em;
    }
    .page-live-game .col-md-5{
        padding-right: 0;
        padding-left: 0;
    }
    .cf-stadium-live-game .cf-linup-player{
        margin-left: -20px;
    }
    /**************************header bottom rank team ************************/
    .header-bottom .teams{
        padding-top: 18px;
    }
    .header-bottom .teams>a{
        margin-right: 8px;
    }
    .header-bottom .teams a img{
        width: 29px;
    }
    .header-bottom .teams-groupe{
        padding: 7px 7px 3px;
        margin: -2px 4px 0 0;
    }
    .header-bottom .teams-groupe .teams {
        padding-top: 15px;
    }
    .header-bottom .teams-groupe a{
        margin: 3px;
    }
    .header-bottom .teams-groupe span.category{
        font-size: 13px;
    }
    .header-bottom .teams-groupe span.category i{
        min-width: 77px;
    }
    .header-bottom .teams-groupe a img{
        width: 27px;
    }
    .news-home .h6{
        min-height:36px
    }
    /*************************** Stadium *******************************/
    .cf-stadium-home{
        background-image: url(../../img/stadium/stadium-responsive.png);
        height: 503px;
    }
    .cf-stadium-home .cf-shirt-row-1, .cf-stadium-home .cf-shirt-row-2, .cf-stadium-home .cf-shirt-row-3, .cf-stadium-home .cf-shirt-row-4{
        width: 98%;
        margin: 14px auto 14px 14px;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4{
        margin: 0 13px 0 0;
    }
    /****** Stadium live-match ******/
    .cf-stadium-live-game {
        height: 712px;
        background-repeat: no-repeat;
    }
    .cf-stadium-live-game .cf-shirt-row-1, .cf-stadium-live-game .cf-shirt-row-2, .cf-stadium-live-game .cf-shirt-row-3, .cf-stadium-live-game .cf-shirt-row-4{
        width: 94%;
        margin: 3px auto;
    }
    .cf-stadium-live-game .cf-shirt-cell-1, .cf-stadium-live-game .cf-shirt-cell-2, .cf-stadium-live-game .cf-shirt-cell-3, .cf-stadium-live-game .cf-shirt-cell-4, .cf-stadium-live-game .cf-shirt-cell-5{
        height:92px
    }
    .cf-stadium-live-game .cf-shirt-cell-1, .cf-stadium-live-game .cf-shirt-cell-2, .cf-stadium-live-game .cf-shirt-cell-3, .cf-stadium-live-game .cf-shirt-cell-4{
        margin: 0 16px 0 0;
    }
}
@media only screen and (max-width:1200px) and (min-width:992px) {
    .countdown{
        position: absolute;
        right: 0;
    }
    .panel-new-league table th:nth-child(3), .panel-new-league table td:nth-child(4){
        display: none
    }
}
@media only screen and (max-width:1103px) and (min-width:992px) {
    .header-bottom{
        height: 69px;
    }
    .header-bottom .teams{
        position: absolute;
        left: 10px;
    }
    .header-bottom .teams-groupe span{
        margin: 3px;
    }
}
@media only screen and (max-width:991px) {
    #sub-menu-league ul li.active a::before, #sub-menu-game ul li.active a::before{
        top: -33px;
    }
    .banner-1{
        display: none;
    }
    .navbar-nav > li {
        text-indent: -9999px;
        width: 60px;
        min-width: initial;
    }
    .navbar-nav > li:first-child,.navbar-nav > li.dropdown {
        width: inherit;
        text-indent:0px
    }
    .header-login .navbar-nav>li>a i.cf-news:after,.header-login .navbar-nav>li>a i.cf-league:after,.header-top .navbar-nav>li>a i.cf-news:after, .navbar-nav>li>a i.cf-league:after,.header-login .navbar-nav>li>a i.cf-game:after{
        left: 11px
    }
    .header-top li.dropdown .dropdown-menu{
        left: -103px
    }
    .header-top.affix li.dropdown .dropdown-menu{
        left: -104px
    }
    .header-login li.dropdown .dropdown-menu{
        left: inherit;
    }
    .header-top.affix a.logo{
        width: initial;
    }
    i.cf-caret,.header-bottom .teams,.header-login .navbar-nav > li .cf-caret,.header-login .logo img.mobile-hidden,.team-controller,.header-top .nav li .glyphicon{
        display:none
    }
    .cf-lang a i.cf-caret{
        display: block
    }
    .countdown{
        float: initial;
    }
    .header-banner{
        margin-top: 35px;
    }
    .header-banner .banner-attessia,.header-banner .banner-ooredoo{
        text-align: left;
    }
    .header-login .navbar-nav > li:first-child {
        text-indent: -9999px;
        width: 60px;
        min-width: initial;
    }
    .navbar-nav > li.dropdown .cf-caret,.header-login .user-details i.cf-caret,#TEAM-NEWS .bloc-news{
        display:block
    }
    .header-login .logo img.is-hidden{
        display:block !important;
    }
    #sub-menu-game ul,#sub-menu-league ul{
        position: absolute;
        left: 10px
    }
    #sub-menu-game ul li a, #sub-menu-league ul li a{
        padding: 6px 6px;
        font-size: 15px;
    }
    .header-top.affix #sub-menu-game ul li a, .header-top.affix #sub-menu-league ul li a{
        padding: 3px 6px;
        font-size: 15px;
    }
    .affix #sub-menu-league ul li.active a::before, .affix #sub-menu-game ul li.active a::before{
        top: -27px;
    }
    .panel-stat .player-info .player-team,.panel-stat .player-info .price,.panel-stat .player-info .post{
        margin: 0 0 9px 0;
    }
    .team-controller.affix + #INFO-TEAM{
        margin-top: 0;
    }
    .custom-row .col-lg-5 {
        padding-left: 0;
    }
    .news-home .col-md-12 img{
        height: 100px;
    }
    #PLAYER-NEWS .bloc-news>.featured-news:first-child,#PLAYER-NEWS .bloc-news>.featured-news:nth-child(2){
        margin-bottom: 10px
    }
    #TEAM-STATISTIQUES ul li span:last-child, #PLAYER-STATISTIC ul li span:last-child{
        font-size: 18px
    }
    #TEAM-STATISTIQUES ul li{
        width: 24%;
    }
    #TEAM-NEWS .bloc-news{
        text-align: center;
    }
    #TEAM-NEWS article {
        display: inline-block;
        width: 47%;
        margin-bottom: 15px;
    }
    #TEAM-NEWS .article-info{
        text-align: left
    }
    #TEAM-NEWS .article-info a, #PLAYER-NEWS .article-info a{
        min-height: 35px;
    }
    #TEAM-CALENDAR{
        margin-top: 0
    }
    #TEAM-PLAYERS .table-top-goalscorers h5.name-player,#TEAM-CALENDAR table.table-rank-team td a abbr{
        max-width: inherit
    }
    #TEAM-CALENDAR .table-responsive td:last-child{
        padding-left: 14px;
    }
    .team-profile .table-top-goalscorers tr td .player-team{
        max-width: initial;
    }
    select.form-control.small, input.form-control.small{
        min-width: inherit;
        margin: 0 3px;
    }
    .page-rank .banner{
        display: none
    }
    #PLAYER-STATISTIC ul li{
        width: 23%;
        padding: 28px 5px;
        margin: 0 2px 14px
    }
    /************** Page live ******************/
    .page-live-game .col-md-5{
        padding-right: 15px;
        padding-left: 15px;
    }
    .cf-timeline-content p{
        font-size: 13px;
    }
    .cf-timeline-content p span{
        font-size: 16px;
    }
    .cf-timeline-content p span i{
        font-size: 15px
    }
    .img-team-mobile {
        width: 25px;
        margin-left: 7px;
    }
    .cf-timeline-content span.player-in, .cf-timeline-content span.player-out{
        font-size: 14px;
        font-weight: 600;
    }
    .global-stat-game{
        text-align: center;
    }
    /** Live game **/
    .page-live-game .live-score .team-home h3, .page-live-game .live-score .team-away h3 {
        font-size: 18px;
        max-width: 204px;
    }
    .page-live-game .live-score .team-logo a{
        min-height: 65px;
    }
    .page-live-game .live-score img, .page-live-game .live-score img {
        max-width: 50px;
    }
    #stat-live-matchs .live-score .team-score {
        position:relative;
        padding-top: 10px;
        font-size: 31px;
        width: 400px;
    }
    #stat-live-matchs .live-score .team-score:before{
        content: '';
        position: absolute;
        background: #000;
        font-size: 73px;
        height: 4px;
        width: 14px;
        top: 20px;
        left: 43px
    }
    #stat-live-matchs .live-score .team-score span i{
        visibility: hidden
    }
    .page-live-game .live-score .team-logo{
        max-width: 65px;
        padding: 0 9px;
    }
    .page-live-game #stat-live-matchs .live-score .team-score>span:before{
        height: 40px
    }
    #modal-player-info .player-info-details>.col-md-5:last-child{
        margin-top: 34px
    }
    #modal-player-info .modal-body>.col-md-5:last-child h4{
        text-align: left;
        text-decoration: underline
    }
    /****************************** page rank team *****************************************/
    .page-team-rank .table-rank-team tr td:nth-child(2){
        width: 30%;
    }
    .page-team-rank .table-rank-team tr td abbr{
        max-width: 150px
    }
    .page-team-rank .nav-tabs>li a{
        font-size: 14px !important;
        padding: 7px 5px !important
    }
    .page-team-rank .nav-tabs>li:last-child a,.page-team-rank .nav-tabs>li:first-child a{
        border-radius: 0
    }
    /**************************** Stadium ************************************/
    .cf-stadium-home{
        background-image: url(../../img/stadium/stadium-front.png);
        height: 647px;
    }
    .cf-stadium-home .cf-shirt-row-1, .cf-stadium-home .cf-shirt-row-2, .cf-stadium-home .cf-shirt-row-3, .cf-stadium-home .cf-shirt-row-4{
        width: 80%;
        margin: 51px auto;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4{
        margin: 0 16px 0 0;
    }
    .cf-stadium-home .cf-shirt-cell-1{
        margin-left: 9px;
    }
    /*********** Stadium small **************/
    .cf-stadium-small{
        /*height: 609px;
        margin-top: -35px;*/
        width: 351px;
    }
    .cf-stadium-small .cf-shirt-row-1, .cf-stadium-small .cf-shirt-row-2, .cf-stadium-small .cf-shirt-row-3, .cf-stadium-small .cf-shirt-row-4{
        width: 75%;
    }
    /*#INFO-TEAM .cf-stadium-small .row {
        margin: 93px auto;
    }*/
    /****** cf-stadium-live-game ******/
    .cf-stadium-live-game {
        width: 437px;
        margin: 0 auto 46px;
    }
    .cf-stadium-live-game .cf-player-container{
        margin-left: 0
    }
}
@media only screen and (max-width:936px) {
    .header-bottom .teams{
        display:none
    }
}
@media (min-width:481px) and (max-width:767px) {
    .page-league>.default-league .col-xs-6:nth-child(even) {padding-right: 2px}
    .page-league>.default-league .col-xs-6:nth-child(odd) {padding-left: 2px}
    .page-league>.user-league .col-xs-6:nth-child(even) {padding-left: 2px}
    .page-league>.user-league .col-xs-6:nth-child(odd) {padding-right: 2px}
    #modal-player-info .player-info-details>.table-responsive{
        border: none;
        margin-bottom: 0;
        overflow-y: inherit
    }
    #modal-player-info .player-info-details>.table-responsive>.table-bordered{
        border: 1px solid #ddd;
        margin-bottom: 20px
    }
}
@media only screen and (max-width:767px){
    body {
        background: #FFF url(../../img/bg-responsive.jpg) top center;
        background-size: 130% 800px;
        background-attachment: scroll
    }
    footer h2.follow-us{
        margin-top: 10px
    }
    .banner-90-728{
        display:none
    }
    .form-bottom { padding-bottom: 25px}
    form .form-bottom button.btn { margin-bottom: 5px}
    .header-top .navbar-nav>li>a i.cf-game:after,.header-login .navbar-nav>li>a i.cf-news:after,.header-login .navbar-nav>li>a i.cf-league:after,.header-top .navbar-nav>li>a i.cf-news:after, .navbar-nav>li>a i.cf-league:after,.header-login .navbar-nav>li>a i.cf-game:after{
        left: 23%
    }
    .page-index .custom-padding .col-lg-5{
        padding-left:15px
    }
    .page-index .custom-padding .news-home img{
        height: 206px
    }
    .page-index .news-home .h6 {
        min-height: initial;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .custom-row .col-lg-5 {
        padding-left: 15px;
    }
    .navbar-nav{
        margin: 0;
    }
    .logout-mobile{
        display: block !important;
    }
    .header-top.affix #sub-menu-game,.header-top.affix #sub-menu-league,#sub-menu-game, #sub-menu-league{
        height: auto;
        text-align: center;
    }
    .affix #sub-menu-league ul li.active a::before, .affix #sub-menu-game ul li.active a::before{
        top: -33px;
    }
    #sub-menu-game ul li, #sub-menu-league ul li{
        display: block;
        margin: 4px 0;
    }
    #sub-menu-game ul li a, #sub-menu-league ul li a{
        padding: 6px 20px !important;
    }
    #sub-menu-game ul, #sub-menu-league ul {
        position: inherit;
        left: inherit;
    }
    .navbar-nav > li:first-child {
        text-indent: -9999px;
        width:60px;
    }
    .navbar-nav > li {
        float:left;
        width: 70px !important;
    }
    .header-top.affix .navbar-nav>li>a{
        padding: 15px 0 0 44px;
    }
    .header-top .navbar-nav .open .dropdown-menu{
        position: inherit;
        border: 1px solid rgba(0,0,0,.15);
        border-top: 3px solid #ef202d;
        background-color: #fff
    }
    .header-top li.dropdown .dropdown-menu{
        left: -90px;
    }
    .header-login li.dropdown .dropdown-menu{
        left: inherit;
    }
    .header-top.affix li.dropdown .dropdown-menu{
        left: -91px
    }
    .cf-search{
        left: 23%;
    }
    .header-banner .banner-attessia{
        margin-bottom:15px;
    }
    .header-banner .banner-attessia,.header-banner .banner-ooredoo{
        text-align: center;
    }
    i.cf-league-up-big:after,i.cf-league-down-big:after,i.cf-league-equal-big:after{
        left: 50%;
        margin-left:-12px;
        top: 53px
    }
    .league-global i.cf-league-up-big:after,.league-global i.cf-league-down-big:after,.league-global i.cf-league-equal-big:after{
        right: 47%;
        top: 68px;
    }
    .league-contain img{
        height: 150px;
    }
    .profile-user .league-contain img{
        height: auto
    }
    .page-league .league-contain .panel-green .col-md-6:first-child, .page-league .league-contain .panel-red .col-md-6:first-child, .page-league .league-contain .panel-league-default .col-md-6:first-child,.page-league .panel-green>div:first-child, .page-league .panel-red>div:first-child,.page-league .panel-league-default>div:first-child{
        padding: 10px 5px 20px 5px;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        margin: 0 10px;
    }
    .page-league .league-contain .panel-green .col-md-6:last-child, .page-league .league-contain .panel-red .col-md-6:last-child,.page-league .league-contain .panel-league-default .col-md-6:last-child,.page-league .panel-green>div:last-child, .page-league .panel-red>div:last-child,.page-league .panel-league-default>div:last-child{
        padding: 20px 5px 10px 5px;
    }
    select.form-control.small, input.form-control.small{
        width: 300px;
        margin: 0
    }
    .page-rank .input-search{
        display: block;
        width: 300px
    }
    select.form-control.small, .page-rank .input-search{
        margin: 9px auto 0;
    }
    .table-rank-users tr td:nth-child(3),.table-rank-users tr th:nth-child(3),.table-podium tr td:nth-child(3),.table-podium tr th:nth-child(3),.table-rank-default-league tr td:nth-child(3),.table-rank-default-league tr th:nth-child(3){
        display:none
    }
    .table-rank-users tr th:first-child, .table-rank-users tr td:first-child,.table-podium tr th:first-child, .table-podium tr td:first-child,.table-rank-default-league tr th:first-child, .table-rank-default-league tr td:first-child{
        width: 10% !important
    }
    .table-rank-users tr th:nth-child(2), .table-rank-users tr td:nth-child(2), .table-podium tr th:nth-child(2), .table-podium tr td:nth-child(2),.table-rank-default-league tr th:nth-child(2), .table-rank-default-league tr td:nth-child(2){
        max-width: 80px !important
    }
    .page-contact{
        padding: 20px 8px;
    }
    #PLAYER-STATISTIC ul li{
        width: 31%
    }
    /********************* page news ************************/
    .news-post .related-article{
        padding-bottom: 0;
    }
    .news-home{
        padding: 0;
    }
    .related-article .news-home > div{
        margin-bottom: 20px;
    }
    .news-home article .h6 {
        min-height: 37px;
        margin-bottom: 0;
    }
    /************************ live match ************************/
    .page-live-game .live-score .team-logo a{
        min-height: 32px
    }
    .page-live-game .live-score img, .page-live-game .live-score img{
        max-width: 28px
    }
    .page-live-game .live-score .team-home h3, .page-live-game .live-score .team-away h3{
        font-size: 16px;
        max-width: 162px
    }
    #stat-live-matchs .live-score .team-score:before{
        left: 43%
    }
    /************************************* page league *************************************/
    .page-league .league-global{
        padding: 0px 12px
    }
    /******************************* Page team ***********************************/
    #TEAM-CALENDAR .table-responsive td.text-right{
        min-width: 141px
    }
    /**************************** Stadium ************************************/
    .cf-stadium-home{
        background-image: url(../../img/stadium/stadium-responsive.png);
        height: 544px;
        width: 478px;
        margin: 0 auto 25px auto;
        /*height: 714px;
        width: 100%;
        margin: -47px auto 25px auto;*/
    }
    .cf-stadium-home .cf-shirt-row-1, .cf-stadium-home .cf-shirt-row-2, .cf-stadium-home .cf-shirt-row-3, .cf-stadium-home .cf-shirt-row-4{
        width: 98%;
        margin: 24px auto;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4{
        margin:0 1% 0 0;
    }
    .cf-stadium-home .cf-shirt-cell-1{
        margin-left: 13px;
    }
    .cf-stadium-home .cf-shirt-row-1{
        padding-top: 18px;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4, .cf-stadium-home .cf-shirt-cell-5{
        width: 18%;
        padding:0 1px;
    }
    .cf-stadium-home .cf-player-container img{
        width: 62px;
        height: 62px
    }
    .cf-stadium-home .cf-player-container:before{
        width: 64px;
        height: 64px
    }
    /****************************** page rank team *****************************************/
    .page-team-rank  #goalscorer table tr td:nth-child(3), .page-team-rank  #assist table tr td:nth-child(3),.page-team-rank  #goalscorer table tr td:nth-child(2), .page-team-rank  #assist table tr td:nth-child(2){
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .page-team-rank .table-rank-team tr td abbr{
        max-width: 100px
    }
    .page-team-rank .nav-tabs>li a {
        font-size: 16px !important;
        padding: 7px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }
}
@media only screen and (max-width:700px) {
    .page-live-game .live-score .team-logo{
        display: block;
        min-width: 100%;
        margin-bottom: 15px;
        margin-top: -18px;
        width: 35%;
        max-width: inherit;
    }
    .page-live-game .live-score .team-home{
        display: block;
        min-width: 100%;
        width: 35%;
        max-width: inherit;
    }
    #stat-live-matchs .live-score .team-score{
        width: 30%;
        max-width: inherit;
    }
    .page-live-game .live-score .team-away{
        display: block;
        min-width: 100%;
        margin-top: 51px;
        width: 35%;
        max-width: inherit
    }
    .page-live-game .live-score .team-logo:last-child{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        min-width: 36%;
        z-index: 99999;
    }
    #stat-live-matchs .live-score .team-score:before{
        left: 46%
    }
}
@media only screen and (max-width:734px) {
    .header-login #header-user-info,.header-login .cf-notification{
        display:none
    }
    .header-login .logo img.mobile-hidden{
        display:block;
    }
    .header-login .logo img.is-hidden{
        display:none !important;
    }
    .header-login .navbar-nav .open .dropdown-menu{
        left: -90px
    }
}
@media only screen and (max-width:680px) {
    .page-index .custom-padding .news-home img {
        height: 120px;
    }
}
@media only screen and (max-width:668px) {
    .team-profile .table-staff-team th:nth-child(3),.team-profile .table-staff-team td:nth-child(3),.team-profile .table-staff-team th:nth-child(4),.team-profile .table-staff-team td:nth-child(4),.team-profile .table-staff-team th:nth-child(6),.team-profile .table-staff-team td:nth-child(6),.team-profile .table-staff-team th:nth-child(7),.team-profile .table-staff-team td:nth-child(7),.team-profile .table-staff-team th:nth-child(8),.team-profile .table-staff-team td:nth-child(8){
        display: none
    }
    #TEAM-STATISTIQUES ul li{
        width: 45%;
        margin: 5px;
        padding: 10px 0;
        height: 130px;
    }
    #TEAM-STATISTIQUES ul li span{
        font-size: 15px;
    }
    #TEAM-STATISTIQUES ul li span:last-child{
        font-size: 48px;
    }
}
@media only screen and (max-width:612px) {
    li span.hidden-mobile{
        display:none;
    }
    .header-top .navbar-nav>li>a i.cf-game:after{
        left: 0
    }
    .header-login .navbar-nav>li>a i.cf-game:after{
        left: 23%
    }
    .navbar-nav > li:first-child {
        text-indent:0;
        width: 115px !important;
    }
    .navbar-nav>li:first-child>a i:after{
        left: 2%;
    }
    .navbar-nav>li:first-child>a {
        padding: 30px 4px 0 38px;
    }
    .logo img.is-hidden{
        display: block !important;
    }
    .logo img.mobile-hidden{
        display: none !important
    }
    .header-login .logo img.mobile-hidden{
        display:none;
    }
    .header-login .logo img.is-hidden{
        display:block !important;
    }
    .header-login .navbar-nav > li:first-child{
        width: 70px !important;
    }
    .header-login .navbar-nav>li:first-child>a i:after {
        left: 20%;
    }
    /*************************************** page rank team *********************************************************/
    .page-team-rank .table-rank-team td:first-child{
        width: 32px
    }
    .page-team-rank .table-rank-team tr td{
        font-size: 13px
    }
    .page-team-rank .table-rank-team tr td:nth-child(2){
        width:inherit
    }
    .page-team-rank select.form-control.small,.page-team-rank input.form-control.small{
        width:100%
    }
    .page-team-rank h1{
        display: block;
        font-size: 20px;
        height: inherit
    }
}
@media only screen and (max-width:577px) {
    .partenaire{
        position: initial !important;
        margin-right: 138px;
        margin-top:10px;
    }
    #PLAYER-STATISTIC ul li{
        width: 48%
    }
    .page-team-rank .table-rank-team tr td abbr {
        max-width: 60px
    }
}
@media only screen and (max-width:550px) {
    /*********************** page live ***************************/
    .page-live-game .no-padding-mobile{
        padding:0
    }
    #stat-live-matchs{
        padding:0
    }
    #stat-live-matchs a.right,#stat-live-matchs a.left{
        top:20px
    }
    /**************************** Stadium ************************************/
    .cf-stadium-home {
        height: 474px;
        width: 418px
    }
    .cf-stadium-home .cf-shirt-row-1, .cf-stadium-home .cf-shirt-row-2, .cf-stadium-home .cf-shirt-row-3, .cf-stadium-home .cf-shirt-row-4{
        margin: 12px auto
    }
    .cf-stadium-home .cf-player-container img{
        width: 55px;
        height: 55px
    }
    .cf-stadium-home .cf-player-container:before{
        width: 57px;
        height: 57px
    }
    .page-team-rank .table-rank-team tr td abbr {
        max-width: 10px;
    }
}
@media only screen and (max-width:480px) {
    body,body.bg-ess,body.bg-cab {
        /*background: #fff url(../../img/bg-responsive2.jpg) top center;
        background-size: 500px 600px;
        background-repeat-x: repeat;
        background-attachment: fixed;
        background-repeat-x: repeat;
        background: #fff url(../../img/bg-responsive.jpg) top center;
        background-size: 480px 600px;
        background-repeat-x: repeat;*/


        background: #fff url(../../img/bg-responsive.jpg) top center;
        background-repeat-x: repeat;
        -webkit-background-size: 130% 100vh;
        -moz-background-size: 130% 100vh;
        -o-background-size: 130% 100vh;
        background-size: 130% 100vh;
    }
    .no-margin-mobile,#TEAM-PLAYERS .panel-top-goals{
        margin-right: -14px;
        margin-left: -15px;
        width: auto
    }
    .header-top .navbar-nav>li>a i.cf-game:after{
        left: 23%
    }
    .header-top.affix .cf-lang>a{
        padding: 14px 17px 0px 8px
    }
    /*************** sub menu *********************/
    #sub-menu-league ul li a::before, #sub-menu-game ul li a::before,#sub-menu-league ul li a::after, #sub-menu-game ul li a::after{
        content:initial
    }
    #sub-menu-league ul li.active a,#sub-menu-game ul li.active a{
        border: 2px solid #ef202d;
    }
    .container,.modal .player-info-details>div{
        padding-right: 0;
        padding-left: 0
    }
    #modal-player-info span.post_player i.cf:after{
        left:-3px
    }
    .row{
        margin-right: 0;
        margin-left: 0;
    }
    .no-padding-mobile{
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .news-home > div {
        margin-bottom: 12px;
    }
    #modal-login .modal-body, #modal-registration .modal-body{
        padding:0 10px 12px 10px;
    }
    #modal-login .modal-body .row>div, #modal-registration .modal-body .row>div{
        padding:0
    }
    #modal-player-info .tab_pstat thead tr th{
        border-top: 1px solid #ddd
    }
    .page-rank-league{
        padding: 0;
    }
    .custom-row .col-lg-5,.page-index .custom-padding .col-lg-5{
        padding-left: 0
    }
    .header-top a.logo{
        padding: 8px 5px 0 8px;
    }
    .header-top.affix a.logo{
        padding: 4px 11px 0 10px;
    }
    .navbar-nav > li:first-child {
        text-indent: -999px;
        width: 70px !important;
    }
    .navbar-nav>li:first-child>a i:after{
        left: 23%;
    }
    .header-top .navbar-nav .open .dropdown-menu{
        left:-90px
    }
    .panel-podium{
        text-align:center
    }
    .col-xxs-12{
        width: 100%;
        margin-bottom: 26px
    }
    .col-xxs-6{
        width: 50%;
    }
    #TEAM-NEWS .article-info a, #PLAYER-NEWS .article-info a{
        margin: 6px 0 0 0;
        min-height: inherit
    }
    #PLAYER-NEWS .bloc-news>.featured-news{
        margin-bottom: 7px;
    }
    #PLAYER-STATISTIC ul li{
        width: 47%;
        padding: 16px 2px;
        margin: 0 3px 6px;
        height: 124px
    }
    .table-top-goalscorers td.player-info{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width:150px
    }
    .table-game tr td:first-child,.table-game tr td:last-child {
        width: 30% !important;
    }
    .table-game tr td:nth-child(2){
        width: 18% !important;
    }
    .table-game td abbr{
        max-width: 120px
    }
    .table-rank-team tr td a abbr {
        font-weight: 400 !important;
        font-size: 13px;
    }
    .page-index .custom-padding .news-home img {
        height: 85px;
    }
    .news-home .h6{
        margin-top: 4px
    }
    .news-categories>div{
        padding: 0
    }
    .news-home .col-md-12 img {
        height: 75px;
    }
    .news-home .col-md-12 a.h6{
        margin-bottom: 0;
        min-height: 22px;
    }
    .news-categories article span{
        display: block
    }
    .news-categories article span.date{
        margin:0;
        padding: 0;
        border: none
    }
    .news-categories article span.comments{
        padding:0
    }
    .news-home article>a{
        max-height: 76px;
    }
    .news-home article .h6 {
        min-height: 18px;
        margin-bottom: 0;
    }
    .news-post article a.btn{
        margin-bottom: 15px
    }
    .team-profile{
        margin-right: -14px;
        margin-left: -14px;
        width: auto;
        border-radius: 0;
    }
    #INFO-TEAM table th{
        min-width: inherit
    }
    #INFO-TEAM table tr:nth-child(2){
        display: none
    }
    #TEAM-NEWS article{
        width: 100%;
        text-align: center;
    }
    #TEAM-NEWS article figure img{
        margin: 0 auto
    }
    #INFO-TEAM table th{
        text-align: left;
        font-size: 14px
    }
    #INFO-TEAM table td{
        vertical-align: top
    }
    #TEAM-NEWS .article-info a{
        min-height: inherit;
        margin-bottom: 0
    }
    #TEAM-CALENDAR table.table-rank-team td a abbr{
        max-width: 160px
    }
    .page-league .league-contain img{
        max-height: 100%
    }
    .join-league>.panel-default{
        display: inline-block;
        width:100%
    }
    .form-inline label.control.control--radio{
        margin: 0 30px 0 0
    }
    .join-league .input-search{
        display: block;
        margin-bottom: 10px
    }
    .join-league #btn-search-league{
        display: block;
        margin-top: 15px
    }
    .join-league button .cf-search{
        left: 13px;
    }
    .league-rank>div.pull-right{
        margin-top: -4px;
    }
    .league-rank .league-contain>a:first-child{
        margin-top: -14px;
    }
    .league-footer{
        min-height: 30px;
    }
    .panel-new-league{
        display: none
    }
    .page-league a.btn{
        width: 200px;
        display: block;
        margin: 12px auto 0;
    }
    .page-league .btn {
        font-size: 14px;
        font-weight: 400;
        margin: 12px auto 0;
        display: block;
    }
    .cf-main-header .panel-podium{
        display: none;
    }
    .gray-container{
        margin: 0;
        width: auto;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    }
    .team-profile section .row>div{
        padding: 0
    }
    .table-podium tbody tr td{
        padding: 14px 8px;
    }
    .dataTables_info,.table-rank-users tr th:nth-child(5),.table-rank-users tr td:nth-child(5),.table-rank-users tr th:nth-child(4),.table-rank-users tr td:nth-child(4), .table-podium tr th:nth-child(5),.table-podium tr td:nth-child(5),.table-podium tr th:nth-child(4),.table-podium tr td:nth-child(4) {
        display: none
    }
    .table-rank-users tr th:nth-child(2), .table-rank-users tr td:nth-child(2), .table-podium tr th:nth-child(2), .table-podium tr td:nth-child(2){
        width: 80% !important
    }
    .table-rank-users tr th:first-child, .table-rank-users tr td:first-child, .table-podium tr th:first-child, .table-podium tr td:first-child{
        width: 17% !important
    }
    .page-rank .input-search,select.form-control.small, input.form-control.small{
        width: 100%
    }
    .page-rank .dt-toolbar-footer .col-sm-6:last-child{
        padding:0
    }
    .pagination>li>a{
        font-size: 14px
    }
    /****************** page league *******************/
    .page-rank-league h1{
        padding-top: 19px;
        margin-bottom:30px;
        display: block
    }
    .page-league .league-global{
        background-size: 405px 246px
    }
    /********************* page news ************************/
    .news-post article h3{
        font-size: 20px;
    }
    .news-post article p{
        font-size: 15px;
    }
    .news-post .news-social{
        display:none
    }
    .list-comments p{
        margin-left: 0
    }
    .news-categories .panel-default, .news-post{
        padding: 20px 8px;
    }
    .page-live-game .col-md-3, .page-live-game .col-md-4, .page-live-game .col-md-5,.page-live-game .col-md-12 {
        padding: 0
    }
    .page-live-game .panel-default {
        border-radius: 0
    }
    .page-live-game .team-bench {
        margin-right: -8px;
        margin-left: -15px;
    }
    .page-live-game .team-bench ul {
        padding: 0;
    }
    #stat-live-matchs .score-match > span {
        width: 100px;
    }
    #stat-live-matchs .score-match span, #stat-live-matchs .score-match > div {
        display: inline-block;
    }
    #stat-live-matchs .score-match > span {
        width: 70px;
        font-size: 45px
    }
    .score-match{
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    #stat-live-matchs .progress{
        display: none;
    }
    .team-profile .table-staff-team td:first-child{
        max-width: 124px;
    }
    #TEAM-NEWS article, #PLAYER-NEWS article{
        padding: 0 15px
    }
    #TEAM-NEWS article figure img, #PLAYER-NEWS article figure img{
        height: auto;
    }
    /*********************** page live ***************************/
    .page-live-game .live-score .team-logo span{
        display: none
    }
    #stat-live-matchs a.right{
        right: 10px
    }
    #stat-live-matchs a.left{
        left: 10px
    }
    .page-live-game .live-score .team-away{
        float: right;
        margin-top: 12px
    }
    .page-live-game .live-score .team-logo{
        margin-bottom: 0
    }
    .page-live-game .live-score .team-home span, .page-live-game .live-score .team-away span{
        font-size: 12px;
    }
    .page-live-game .live-score .team-logo{
        text-align: left;
        padding:0
    }
    .page-live-game .live-score .team-logo:last-child{
        text-align: right;
        padding:0
    }
    .page-live-game .live-score .team-logo,.page-live-game .live-score .team-home,.page-live-game .live-score .team-away{
        min-width: inherit;
        max-width: inherit;
        width: 100px
    }
    .page-live-game .live-score .team-home h3, .page-live-game .live-score .team-away h3{
        margin: 0;
        padding: 3px 0 6px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }
    .page-live-game .live-score .team-home>a, .page-live-game .live-score .team-away>a{
        margin-bottom: 7px
    }
    .page-live-game .stat-live-game .live-score .team-home,.page-live-game .stat-live-game .live-score .team-away,.page-live-game .stat-live-game .live-score .team-score{
        display: table-cell;
        width: 33.3333%;
        min-width: 100%;
        margin-top: 0;
    }
    .stat-live-game .live-score .team-home>a, .stat-live-game .live-score .team-away>a{
        min-height: inherit
    }
    .news-live-game .article-info a{
        min-height: inherit !important;
        margin: 5px 0 0 0 !important
    }
    .page-team-rank h1{
        padding-left: 8px
    }
    .cf-stadium-live-game .row:first-child{
        padding-top: 16px
    }
    /******************* Stadium **********************/
    .panel-dream-team .nav-tabs>li:first-child{
        margin-bottom:15px
    }
    .panel-dream-team .tab-content #home>.row{
        margin: 0
    }
    .cf-stadium-home {
        height: 532px;
        width: auto;
        margin: 45px -8px 35px -8px;
    }
    .cf-stadium-home .cf-shirt-row-1, .cf-stadium-home .cf-shirt-row-2, .cf-stadium-home .cf-shirt-row-3, .cf-stadium-home .cf-shirt-row-4{
        width: 100%;
        margin: 24px auto;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4 {
        margin:0 10px 0 0;
    }
    .cf-stadium-home .cf-shirt-cell-1 {
        margin-left: 17px;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4, .cf-stadium-home .cf-shirt-cell-5{
        width: 17%;
    }
    .cf-stadium-home .cf-player-container img{
        width: 55px;
        height: 60px;
    }
    .cf-stadium-home .cf-shirt-row-1{
        padding-top: 20px;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4, .cf-stadium-home .cf-shirt-cell-5{
        width: 17%;
    }
    .cf-stadium-home .cf-player-container:before{
        width: 56px;
        height: 59px;
        margin-top: -1px
    }
    /********** cf-stadium-small **************/
    .cf-stadium-small .cf-shirt-row-1, .cf-stadium-small .cf-shirt-row-2, .cf-stadium-small .cf-shirt-row-3, .cf-stadium-small .cf-shirt-row-4{
        width: 95%;
    }
    #team select.form-control.small, #team input.form-control.small {
        margin-bottom: 5px !important;
    }
    .cf-sidebar .header-list li:first-child {
        padding:0 !important;
    }
    .btn-addPlayer,.btn-transferPlayer {
        font-weight: normal;
        font-size: 13px;
    }
    .cf-sidebar ul li .col-md-5 h5{
        margin:0px;
    }
    #team .col-md-5 {
        padding:0px;
    }
    #team .panel-form{
        padding:6px;
    }
    .cf-sidebar .list li{
        font-size: 12px !important;
        font-weight: normal !important;
    }
    .cf-sidebar .header-list li{
        padding-right: 0 !important;
        font-size: 13px !important
    }
    .list i.cf-goalkeeper:after{
        background-position: -902px 0 !important;
        width: 18px
    }
    .list i.cf-forward:after{
        background-position: -968px 0 !important;
        width: 18px
    }
    .list i.cf-defender:after{
        background-position: -924px 0 !important;
        width: 18px
    }
    .list i.cf-midfielder:after{
        background-position: -946px 0 !important;
        width: 18px
    }
    .col-md-5 .header-list .col-md-5:first-child,#second-side .header-list .col-md-5:first-child{
        padding-right: 40% !important;
        font-size: 13px
    }
    .cf-sidebar ul li img{
        width: 18px !important;
        max-width: inherit;
    }
    .header-list li{
        padding:6px !important;
    }
    .list .amount_price{
        padding:0px !important;
    }
    .panel-myteam .btn {
        font-size: 12px;
    }
    .panel-myteam .btn-pink {
        float: inherit;
        margin-left: 6px;
    }
    .panel-gray{
        padding:5px;
    }
    .panel-lineup .drop-player {
        margin:0;
        border-radius: 5px
    }
    .panel-substitutes .col-xs-3:first-child {
        margin-left:0;
        padding-left:0;
    }
    .drop-player .substitutes {
        margin:0px !important;
    }
    .cf-main-header h1 {
        font-size: 26px !important;
    }
    .gift1{
        width: 130px;
        object-fit: cover;
        object-position: 50% 0%;
    }
    .col-xxs-12 {
        padding-bottom: 2px;
    }
    .ink-bar {
        background-color: initial;
    }
    .nav-tabs.gray-bg{
        margin-bottom: 10px;
    }
    .panel-default {
        padding: 10px 8px;
        margin: 20px 0 10px 0;
    }
    .table-game td,.custom-table-game tbody tr th{
        padding-top: 14px
    }
    .custom-table-game td{
        padding: 6px 0 6px 0 !important;
    }
    .custom-table-game tr td.live-match{
        padding-top: 12px !important
    }
    .page-team-rank .table-rank-team td:first-child{
        padding-left: 5px;
    }
    .page-team-rank .table-rank-team tr td abbr{
        max-width: 60px
    }
}
@media only screen and (max-width:460px) {
    /****** cf-stadium-live-game ******/
    .cf-stadium-live-game {
        width: 100%;
    }
    .cf-stadium-live-game .cf-player-container {
        margin-left: -2%;
    }
}
@media only screen and (max-width:420px) {
    .navbar-nav > li:first-child,.navbar-nav > li,.header-login .navbar-nav > li:first-child {
        width: 45px !important;
    }
    .header-top .navbar-nav>li>a i.cf-game:after, .header-login .navbar-nav>li>a i.cf-news:after, .header-login .navbar-nav>li>a i.cf-league:after, .header-top .navbar-nav>li>a i.cf-news:after, .navbar-nav>li>a i.cf-league:after, .header-login .navbar-nav>li>a i.cf-game:after{
        left: 11%;
    }
    .navbar-nav>li>a {
        padding: 30px 0 0 0;
    }
    .header-top.affix .cf-search{
        left: 10px;
    }
    .header-top .navbar-nav .open .dropdown-menu{
        left:-103px
    }
    .header-top.affix .navbar-nav .open .dropdown-menu {
        left: -107px
    }
    .cf-stadium-live-game{
        width: auto;
        margin-right: -8px;
        margin-left: -8px;
        overflow: hidden
    }
    .cf-stadium-live-game .cf-player-container{
        margin-left: 0
    }
    .cf-stadium-live-game .cf-linup-player{
        margin-left: -2%
    }
    #stat-live-matchs{
        padding: 0
    }
}
@media only screen and (max-width:400px) {
    .table-game>tbody>tr>th{
        padding-top: 18px;
    }
    .table-game td abbr{
        line-height: 18px
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4{
        margin:0 7px 0 0;
    }
    .cf-stadium-home .cf-shirt-cell-1{
        margin-left: 9px;
    }
    /******************* Stadium small **********************/
    .cf-stadium-small{
        margin-right: -14px;
        margin-left: -17px;
        width:auto;
        height: 432px
    }
    .cf-stadium-home .cf-player-container img{
        height: 51px;
    }
    .cf-stadium-home .cf-player-container:before{
        width: 48px;
        height: 50px;
    }
    .cf-stadium-live-game .cf-linup-player{
        margin-left: -9%
    }
}
@media only screen and (max-width:367px)  {
    .banner-300-250{
        display:none
    }
    .cf-stadium-home .cf-shirt-cell-1 {
        margin-left:0;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4 {
        margin:0 -3px 0 0;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4, .cf-stadium-home .cf-shirt-cell-5 {
        width: 20.1%;
    }
    .cf-stadium-home .cf-player-container img {
        width: 65px;
        height: 54px;
    }
    .cf-stadium-home .badge-pts{
        min-width: 40px;
        margin-left: -5px
    }
    .cf-stadium-home .cf-player-container:before{
        display: none
    }
    .cf-stadium-live-game .cf-linup-player{
        margin-left: -13%
    }
    #TEAM-CALENDAR table.table-rank-team td a abbr{
        max-width: 116px
    }
    /************************** page league ****************************/
    .page-league{
        padding: 10px 0
    }
    .page-league a.btn{
        width: 100%
    }
}
@media only screen and (max-width:350px) {
    .cf-stadium-small span span img{
        width: 45px;
        height: 45px;
    }
    #TEAM-STATISTIQUES ul li{
        width: 90%;
    }
}
@media only screen and (max-width:340px) {
    .page-index .table-rank-team tr td abbr{
        max-width: 95px
    }
    .cf-stadium-home .cf-player-container img {
        height: 47px;
    }
    .cf-stadium-home .cf-shirt-cell-1, .cf-stadium-home .cf-shirt-cell-2, .cf-stadium-home .cf-shirt-cell-3, .cf-stadium-home .cf-shirt-cell-4, .cf-stadium-home .cf-shirt-cell-5 {
        width: 20.7%;
    }
    #INFO-TEAM .cf-stadium-small>span.droppable{
        margin-left: -20px
    }
    .cf-stadium-live-game .cf-linup-player{
        margin-left: -49px;
        padding: 2px 1px
    }
    #PLAYER-STATISTIC ul li{
        width: 98%;
    }
    .page-team-rank .table-rank-team tr td abbr{
        max-width: 30px
    }
    .table-game td abbr{
        max-width: 92px
    }
}
@media only screen and (max-width:320px) {
    .header-top a.logo {
        padding: 15px 2px 0 6px
    }
    .header-top .logo img.is-hidden{
        width: 47px
    }
    .header-top .cf-lang>a{
        padding: 30px 17px 0 5px
    }
    .header-top.affix a.logo img{
        width: auto
    }
    .header-top.affix a.logo{
        padding: 4px 4px 0 6px
    }
    #modal-player-info .player-details label{
        min-width: 120px;
        font-size: 13px
    }
    #modal-player-info .player-details .next-match p,#modal-player-info .player-details .next-match{
        font-size: 13px
    }
}
@media only screen and (max-width:300px) {
    #INFO-TEAM .cf-stadium-small>span.droppable {
        margin-left: -27px
    }
}
/************************************ Timeline *********************************/
/* --------------------------------

Modules - reusable parts of our design

-------------------------------- */

/* --------------------------------

Main components

-------------------------------- */
/* Let's get this party started */
.cf-notification .dropdown-menu .content-notification ul::-webkit-scrollbar,#cf-timeline::-webkit-scrollbar {
    width: 8px;
}
/* Track */
#cf-timeline::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
#cf-timeline::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#cf-timeline::-webkit-scrollbar-thumb:window-inactive{
    background: rgba(255, 255, 255, 0.25)
}
.cf-notification .dropdown-menu .content-notification ul::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
}
/* Handle */
.cf-notification .dropdown-menu .content-notification ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #AAA;
    -webkit-box-shadow: inset 0 0 3px rgb(0, 0, 0);
}
.cf-notification .dropdown-menu .content-notification ul::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0, 0, 0, 0.3)
}
#cf-timeline {
    position: relative;
    margin-top: 2em;
    height: 800px;
    overflow: scroll;
    overflow-x: hidden;
}
@media only screen and (min-width: 1170px) {
    #cf-timeline {
        margin-top: 2em;
        padding-top: 5px
    }
}
.cf-timeline-block {
    position: relative;
    margin: 2em 0;
}
.cf-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.cf-timeline-block:first-child {
    margin-top: 0;
}
.cf-timeline-block:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
    .cf-timeline-block {
        margin: 1.5em 0;
        height: 70px;
    }
    .cf-timeline-block:first-child {
        margin-top: 0;
    }
    .cf-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cf-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cf-timeline-img:after{
    content: '';
    position: absolute;
    top: 40px;
    left: 18px;
    height: 52px;
    width: 3px;
    background: #fff;
}
.cf-timeline-img img,.cf-timeline-img i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}
.cf-timeline-img.cf-location {
    background: #f0ca45;
}
.cf-timeline-img.cf-goal {
    background: #00a0ea;
    box-shadow: 0 0 0 2px #00a0ea, inset 0 2px 0 #00a0ea, 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cf-timeline-img.cf-substitute,.cf-timeline-img.cf-injury,.cf-timeline-img.cf-cards,.cf-timeline-img.cf-timeline-penalty-missed {
    background: transparent;
}
@media only screen and (min-width: 1170px) {
    .cf-timeline-img {
        width: 38px;
        height: 38px;
        left: 50%;
        margin-left: -19px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .cssanimations .cf-timeline-img.is-hidden {
        visibility: hidden;
    }
    .cssanimations .cf-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cf-bounce-1 0.6s;
        -moz-animation: cf-bounce-1 0.6s;
        animation: cf-bounce-1 0.6s;
    }
}

@-webkit-keyframes cf-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cf-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}
@keyframes cf-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.cf-timeline-content {
    position: relative;
    margin-left: 60px;
}
.cf-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.cf-timeline-content h2 {
    color: #303e49;
}
.cf-timeline-content p, .cf-timeline-content .cf-read-more, .cf-timeline-content .cf-time {
    font-size: 13px;
    font-size: 0.8125rem;
}
.cf-timeline-content .cf-read-more, .cf-timeline-content .cf-time {
    display: inline-block;
}
.cf-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}
.cf-timeline-content .cf-time {
    float: left;
    padding: .8em 0;
}
.cf-timeline-content span.player-in{
    margin-top:15px;
}
.cf-timeline-content span.player-in,.cf-timeline-content span.player-out{
    display: block;
    color: #9e9e9e;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cf-timeline-content span.player-out {
    color: #fff
}
.cf-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
}
.cf-timeline-content p {
    font-size: 12px;
    font-weight: 400;
    color: #9a9a9a;
}
.cf-timeline-content p span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding-top: 10px
}
.cf-timeline-content p span i {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #9a9a9a
}
.img-team-mobile {
    width: 25px;
    margin-left: 7px;
}
@media (max-width: 1200px) and (min-width: 200px) {
    .cf-timeline-content .cf-read-more, .cf-timeline-content .cf-time {
        font-size: 16px;
        font-weight: bold;
        padding: 0
    }
    #cf-timeline{
        padding:0 3px;
    }
    .cf-timeline-block{
        height: 80px;
    }
    .cf-timeline-img:after{
        top: 42px;
        height: 68px
    }
    .cf-timeline-content p{
        margin: 3px 0;
    }
    .cf-timeline-content span.player-out{
        margin-bottom:5px;
    }
}
@media only screen and (min-width: 1170px) {
    .cf-timeline-img:after{
        top: 40px;
        height: 54px
    }
    .cf-timeline-content {
        margin-left: 0;
        width: 43%;
    }
    .cf-timeline-content .cf-read-more {
        float: left;
    }
    .cf-timeline-content .cf-time {
        position: absolute;
        width: 100%;
        left: 140%;
        top: -1px;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
    }
    .cf-timeline-away-team .cf-timeline-content {
        float: right;
        margin-top: -16px;
        padding-left: 10px;
    }
    .cf-timeline-away-team .cf-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .cf-timeline-away-team .cf-timeline-content .cf-read-more {
        float: right;
    }
    .cf-timeline-away-team .cf-timeline-content .cf-time {
        left: auto;
        right: 140%;
        text-align: right;
        top: 14px;
    }
    .cssanimations .cf-timeline-content.is-hidden {
        visibility: hidden;
    }
    .cssanimations .cf-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cf-bounce-2 0.6s;
        -moz-animation: cf-bounce-2 0.6s;
        animation: cf-bounce-2 0.6s;
    }
}
@media (max-width: 1200px) and (min-width: 1171px) {
    .cf-timeline-img:after{
        top: 40px;
        height: 63px
    }
}
@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .cssanimations .cf-timeline-away-team .cf-timeline-content.bounce-in {
        -webkit-animation: cf-bounce-2-inverse 0.6s;
        -moz-animation: cf-bounce-2-inverse 0.6s;
        animation: cf-bounce-2-inverse 0.6s;
    }
}
@-webkit-keyframes cf-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cf-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cf-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cf-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cf-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cf-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
.img-circle {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: 50% 0%;
}
.content-notification .photo-notification .img-circle {
    width: 38px;
    height: 38px;
}
.top-players .img-circle {
    width: 50px;
    height: 50px;
}
.cf-border-panel .player-out .img-circle, .cf-border-panel .player-in .img-circle {
    width: 40px;
    height: 40px;
}
.table-top-goalscorers .img-circle {
    width: 60px;
    height: 60px;
}
.panel-details-challenges .img-circle {
    width: 100%;
    height: 100%
}
@media (max-width: 1092px) and (min-width: 991px) {
    .header-top .navbar-nav>li>.dropdown-menu{
        left: -74px
    }
    .header-top.affix .navbar-nav>li>.dropdown-menu{
        left: -81px
    }
}
.birthday-label {
    color: #4e4e4e;
    font-size: 15px;
    margin-bottom: 10px;
    margin-left: 3px
}
.icon-rank-2 {
    border-bottom: .57143em solid #78be20;
}
.icon-rank-0 {
    border-top: .57143em solid #D50032;
}
span.standing-table-arrow-icon.icon-rank-1 {
    left: 2px;
    border-left: .57143em solid #97999B;
    border-bottom: .35714em solid transparent;
    border-top: .35714em solid transparent;
}
.standing-table-arrow-icon{
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 0;
    height: 0;
    border-left: .35714em solid transparent;
    border-right: .35714em solid transparent;
}

.cercel-icon{
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.icon-rank-circle-0 {
    background: #D50032;
}
.icon-rank-circle-2 {
    background: #78be20;
}
.icon-rank-circle-1 {
    background: #97999B;
}
.team-name-ranking{
    max-width: 200px;
}
.table-rank-team .team-name-ranking abbr{
    font-weight: 600 !important;
}

/* Landing page */
.landing-page {
    text-align: center;
    font-weight: normal;
}
.landing-page span, .landing-page a {
    font-size: 30px;
}
.landing-page span.block-title,
.landing-page span.block-text {
    display: block;
}
.landing-page span.block-title {
    font-size: 35px;
}
.landing-page span.block-text,
.landing-page span.amount {
    font-size: 25px;
}
.landing-page .first-block span.block-title {
    font-size: 49px;
    margin-bottom: 30px;
}
.landing-page .first-block span.block-text {
    font-size: 30px;
}
.landing-page .first-block {
    min-height: 86vh;
    background: #FFF url(../../img/landing_page/bg.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.landing-page a {
    padding: 2px 34px;
    border-radius: 30px;
    font-weight: normal;
    margin: 0 12px
}
.landing-page span.step {
    display: inline-block;
    background-color: #ef202d;
    border-radius: 50%;
    font-weight: bold;
    width: 71px;
    height: 71px;
    padding: 6px;
    font-size: 40px;
}
.landing-page .start-game-container {
    margin: 80px 0 10px 0
}
.landing-page .how-container {
    margin-top: 250px;
}
.landing-page .second-block {
    background-color: #fff;
    margin-top: 32px;
}
.landing-page .second-block img, .landing-page .second-block .description {
    display: inline-block;
}
.landing-page .second-block img {
    /*max-height: 460px;
    max-width: 45%;
    vertical-align:top;*/
}
.landing-page .second-block .first-col {
    text-align: right;
    padding-top: 20px;
    margin-left: -15px;
}
.landing-page .second-block .second-col {
    text-align: left;
}
.landing-page .second-block .block-title,
.landing-page .third-block .block-title,
.landing-page .fourth-block .block-title,
.landing-page .fifth-block .block-title {
    color: #ef202d;
    margin: 36px 0;
}
.landing-page .second-block .block-title {
    margin-bottom: 24px;
}
.landing-page .second-block .block-text {
    margin-bottom: 24px;
}
.landing-page .second-block .block-text,
.landing-page .fourth-block .block-text {
    color: #000;
}
.landing-page .amount:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 18px;
    background-image: url(/assets/img/landing_page/coin.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.landing-page .third-block {
    background: -moz-linear-gradient(left, #000 0%, #000 55%, transparent 65%, transparent 100%), url(/assets/img/landing_page/match.jpg) right center no-repeat;
    background: -webkit-linear-gradient(left, #000 0%, #000 55%, transparent 65%, transparent 100%), url(/assets/img/landing_page/match.jpg) right center no-repeat;
    background: linear-gradient(to right, #000 0%, #000 55%, transparent 65%, transparent 100%), url(/assets/img/landing_page/match.jpg) right center no-repeat;
    padding: 40px;
}
.landing-page .third-block .hints-container {
    text-align: left;
    margin-left: 170px;
}
.landing-page .third-block .hint-1 {
    margin-left: 280px;
}
.landing-page .third-block .hint-2 {
    margin-top: 200px;
}
.landing-page .third-block .description {
    margin: 160px 0;
}
.landing-page .fourth-block {
    background-color: #fff;
    padding: 70px;
    padding-top: 110px;
}
.landing-page .fourth-block .image-container {
    margin-right: 100px;
}
.landing-page .fourth-block .image-container img {
    max-height: 365px;
}
.landing-page .fifth-block {
    position: relative;
    background-color: #212121;
    padding: 45px;
    padding-bottom: 145px;
}
.landing-page .fifth-block .description{
    max-width: 29%;
    margin: 0 auto;
}
.landing-page .fifth-block .step {
    background-color: #fff;
    color: #ef202d;
}
.landing-page .fifth-block .score {
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 40px;
}
.landing-page .fifth-block .score .score-container {
    display: inline-block;
    height: 100%;
}
.landing-page .fifth-block .score-1 {
    text-align: right;
}
.landing-page .fifth-block .score-1 .score-container {
    margin-right: 130px;
    text-align: center;
}
.landing-page .fifth-block .score-2 {
    text-align: left;
}
.landing-page .fifth-block .score-2 .score-container {
    margin-left: 130px;
    text-align: center;
}
.landing-page .fifth-block .score-1 {
    left: 0;
    background: url(/assets/img/landing_page/seperator-1.png) right center no-repeat, -moz-linear-gradient(-45deg, #e32c6f 0%, #ee5047 100%);
    background: url(/assets/img/landing_page/seperator-1.png) right center no-repeat, -webkit-linear-gradient(-45deg, #e32c6f 0%, #ee5047 100%);
    background: url(/assets/img/landing_page/seperator-1.png) right center no-repeat, linear-gradient(135deg, #e32c6f 0%, #ee5047 100%);
    background-size: contain;
}
.landing-page .fifth-block .score-2 {
    right: 0;
    background: url(/assets/img/landing_page/seperator-2.png) left center no-repeat, -moz-linear-gradient(-45deg, #00d983 0%, #00d983 30%, #02c091 100%);
    background: url(/assets/img/landing_page/seperator-2.png) left center no-repeat, -webkit-linear-gradient(-45deg, #00d983 0%, #00d983 30%, #02c091 100%);
    background: url(/assets/img/landing_page/seperator-2.png) left center no-repeat, linear-gradient(135deg, #00d983 0%, #00d983 30%, #02c091 100%);
    background-size: contain;
}
.landing-page .fifth-block .stade {
    display: block;
    margin: 20px auto;
}
.landing-page .fifth-block img {
    max-height: 48%;
}
.landing-page .second-block .second-col {
    padding-bottom: 30px;
}
.landing-page .second-block .second-col img {
    max-height: 500px;
    margin-right: 30px;
}
.second-block .row{
    margin-right: 0;
    margin-left: 0;
}
@media screen and (max-width: 1199px) {
    .landing-page span.block-title {
        font-size: 30px;
    }
    .landing-page span.block-text,
    .landing-page span.amount {
        font-size: 20px;
    }
    .landing-page .amount:after {
        width: 15px;
        height: 16px;
    }
    .landing-page span.step {
        width: 65px;
        height: 65px;
        padding: 6px;
        font-size: 35px;
    }
    .landing-page .fifth-block .score-1 .score-container {
        margin-right: 110px;
    }
    .landing-page .fifth-block .score-2 .score-container {
        margin-left: 110px;
    }
}
@media screen and (max-width: 991px) {
    .landing-page .fifth-block .score-1 .score-container {
        margin-right: 70px;
    }
    .landing-page .fifth-block .score-2 .score-container {
        margin-left: 70px;
    }
    .landing-page span.block-title {
        font-size: 25px;
    }
    .landing-page span.block-text,
    .landing-page span.amount {
        font-size: 15px;
    }
    .landing-page .amount:after {
        width: 13px;
        height: 13px;
    }
    .landing-page span.step {
        width: 50px;
        height: 50px;
        font-size: 26px;
    }
}
@media screen and (max-width: 767px) {
    .landing-page .first-block{
        min-height: 92vh
    }
    .landing-page .start-game-container {
        margin: 100px 0 10px 0
    }
    .landing-page .fifth-block {
        font-size: 0;
        direction: ltr;
        padding: 20px 0 0 0;
    }
    .landing-page .fifth-block .score {
        position: static;
        display: inline-block;
        width: 50%;
        padding: 37px;
        vertical-align: top;
        height: 400px;
        margin-top: 20px;
    }
    .landing-page .first-block span.block-title{
        font-size: 26px;
    }
    .landing-page .first-block span.block-text{
        font-size: 20px;
    }
    .landing-page .second-block .block-title, .landing-page .third-block .block-title, .landing-page .fourth-block .block-title, .landing-page .fifth-block .block-title{
        margin: 30px 0 15px
    }
    .landing-page .third-block {
        background: none;
        padding: 0;
    }
    .landing-page .third-block .first-col {
        background: #000;
    }
    .landing-page .third-block .first-col .description {
        margin: 0;
        padding: 40px 0;
        float: none!important;
    }
    .landing-page .third-block .second-col {
        background: url(/assets/img/landing_page/match.jpg);
    }
    .landing-page .third-block .second-col .hints-container {
        padding: 40px 0;
        margin: 0;
        text-align: center;
    }
    .landing-page .third-block .second-col .hints-container .hint-1 {
        margin-left: 200px;
    }
    .landing-page .third-block .second-col .hints-container .hint-2 {
        margin-right: 200px;
        margin-top: 130px;
    }
    .landing-page .fourth-block .image-container {
        margin: 0;
    }
    .landing-page .fifth-block .description {
        max-width: 70%;
    }

}
.btn-pink .glyphicon-pencil {
    margin-right: 5px;
}
@media screen and (max-width: 595px) {
    .landing-page .second-block img{
        max-width: 66%;
        margin-top:20px;
    }
    .panel-new-league table th:nth-child(3),.panel-new-league table td:nth-child(4){
        display: none
    }
}
@media screen and (max-width: 480px) {
    i.cf-league-up:after{
        left: 20%
    }
    .landing-page span, .landing-page a{
        font-size: 21px
    }
    .landing-page .start-game-container{
        padding: 0 70px;
    }
    .landing-page a {
        padding: 2px 34px;
        margin: 40px 12px;
        display: block;
    }
    .landing-page .second-block{
        padding: 34px 20px;
    }
    .landing-page .second-block img{
        max-width: 100%;
    }
    .landing-page .third-block{
        background: #000;
        background: -moz-linear-gradient(left, #000 0%, #000 0%, transparent 100%, transparent 100%), url(/assets/img/landing_page/match.png) right center no-repeat;
        background: -webkit-linear-gradient(left, #000 0%, #000 0%, transparent 100%, transparent 100%), url(/assets/img/landing_page/match.png) right center no-repeat;
        background: linear-gradient(to right, #000 0%, #000 0%, transparent 100%, transparent 100%), url(/assets/img/landing_page/match.png) right center no-repeat;
    }
    .landing-page .third-block .description{
        margin-bottom: 77px;
    }
    .landing-page .fourth-block{
        background-color: #fff;
        padding: 70px 0;
    }
    .landing-page .fourth-block .image-container{
        margin:0
    }
    .landing-page .fifth-block .score {
        padding: 10px;
        height: auto;
    }
    .landing-page .fifth-block .score-1 .score-container{
        margin-right: 64px;
    }
    .landing-page .third-block .second-col .hints-container {
        padding: 20px 0;
    }
    .landing-page .third-block .second-col .hints-container .hint-1 {
        margin-left: 0;
    }
    .landing-page .third-block .second-col .hints-container .hint-2 {
        margin-right: 0;
        margin-top: 30px;
    }
    .no-padding-xs {
        padding:0px;
    }
    .table-rank-team >tbody>tr>td{
        padding: 3px 2px;
        font-size: 11px;
    }
    .table-rank-default-league >thead>tr>th{
        padding: 2px;
        vertical-align: inherit;
        font-size: 13px;
    }
    .table-rank-default-league >tbody>tr>td {
        font-size: 12px;
        padding:2px;
    }
    .page-rank-default-league {
        padding:1px;
    }
    .page-rank-default-league tr td:nth-child(4){
        display: none;

    }
    .page-calendar .table-game td abbr{
        max-width: 78px
    }
}
@media screen and (max-width: 400px) {
    .landing-page .start-game-container {
        padding: 0
    }
}
tr.tr-game {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
tr.tr-game:hover {
    background: rgba(255, 255, 255, 0.20);
    cursor: pointer;
}
.table-responsive tr.tr-game td.score{
    position: relative;
}
.table-responsive tr.tr-game td.score a.icon-live{
    position: absolute;
    width: 100%;
    top: -12px;
    left: 0
}
.panel-red-home {
    background: rgba(239, 32, 45, 0.5);
    padding: 3px 8px;
}
.panel-red-home h4 {
    line-height: 26px;
    font-size: 17px;
}
.panel-red-home h4 strong {
    font-size: 20px;
}
.remove-videodetector{
    display:none;
}
blockquote.twitter-tweet {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid rgba(46, 163, 242, 0.92);
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    text-align: left;
    font-weight: 700;
}
blockquote.twitter-tweet p{
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 15px;
}
blockquote.twitter-tweet a {
    color: #2ea3f2;
    font-size: 14px;
    text-decoration: underline;
}
table.dataTable thead .sorting_asc:after{
    content: '' !important;
}
.OF-cover{
    border-radius: 50%;
    object-fit: cover;
    font-family: 'object-fit: cover';
}
.mobile-web-view{
    background: none;
}
.panel-package .green-form-group{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px
}
.panel-package .green-form-group label.title{
    position: relative;
    top: 0;
    margin: 0
}
.panel-package .green-form-group .token-price:after{
    background-position: -372px 4px
}
.panel-default h2 span {
    display: block;
}
.profile-user .panel-default h2 span{
    display:initial
}
.see-more-match {
    background: rgba(255, 255, 255, 0.20);
    padding: 7px 8px;
    color: #fff;
    width: 100%;
    border-radius: 4px;
}
.initial-content{
    margin-bottom: 0px;
}
.page-calendar .select-matchday{
    border-radius: inherit;
}
.page-calendar .noselect{
 font-size: 15px;
}
.new-notif{
    background: rgb(246, 247, 249)
}

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input.cmn-toggle-round + label {
    width: 56px;
    height: 28px;
    top: 7px;
    right: 5px;
    background-color: #dddddd;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}
input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: rgba(63, 59, 59, 0.58);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s
}
input.cmn-toggle-round + label:after {
    width: 28px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
    background-color: #6cc262
}
input.cmn-toggle-round:checked + label:after {
    margin-left: 26px
}