@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransans-fanum/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/iransans-fanum/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
        url('../fonts/iransans-fanum/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
        url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum).woff') format('woff'),
        url('../fonts/iransans-fanum/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iransans-fanum/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
        url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
        url('../fonts/iransans-fanum/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: lighter;
    src: url('../fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/iransans-fanum/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iransans-fanum/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
        url('../fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),
        url('../fonts/iransans-fanum/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

/*-------------------------- General Start -----------------------*/
input, button, select, textarea {
    font-family: IranSans, tahoma;
    font-size: 9pt;
}
ul{list-style:none;padding:0}
ul li{padding-right:0}
body{
    font-family: IranSans, Tahoma;
    font-size: 14px;
    text-align: justify;
    color: #777;
    line-height: 30px;
    background: #fff;
    /*overflow-x: hidden;*/
}
html.disable-scroll{
    overflow-y:hidden;
    overflow-x:hidden;
}


a {
    color: #007049;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none !important;
}
a:hover, a:focus {
    color: #002417;
    text-decoration: none;
}
::-moz-selection {
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
}
::selection {
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
}


.rtl{direction: rtl !important}
.ltr{direction: ltr !important}
.rtl .text-left, .ltr .text-left{text-align: left !important}
.rtl .text-right, .ltr .text-right{text-align: right !important}
.left{float: left !important}
.right{float: right !important}
.no-float{float:none !important}
h1, h2, h3, h4, h5, h6{margin: 5px auto}
h1, .h1{font: 13pt IranSans}
h2, .h2{font: 12.5pt IranSans}
h3, .h3{font: 11.5pt IranSans}
h4, h5, .h4, .h5{font: 11pt IranSans}
h6, .h6{font: 9pt IranSans}
.tahoma{font-family: tahoma !important}
p, ol, ul{margin-bottom:0}
i{vertical-align: middle}
input, select
{
    font-family: IranSans, tahoma;
    font-size: 10pt;
}
ul{
    list-style:none;
    padding-right: 0;
}
ul li{padding-right: 0}
.img-responsive{
    max-width: 100%;
    height: auto;
}
.img-center{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.img-circle, .img-round{
    border-radius: 50%;
}
.img-curve{
    border-radius: 4px;
}
.img-float{
    float: right;
    margin: 10px;
}
.hide{
    display: none !important;
}

.m-0{margin:0 !important}
.m-5{margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-25{margin:25px !important}
.m-30{margin:30px !important}
.m-t-0{margin-top:0 !important}
.m-t-5{margin-top:5px !important}
.m-t-10{margin-top:10px !important}
.m-t-15{margin-top:15px !important}
.m-t-20{margin-top:20px !important}
.m-t-25{margin-top:25px !important}
.m-t-30{margin-top:30px !important}
.m-t-40{margin-top:40px !important}
.m-t-50{margin-top:50px !important}
.m-t-60{margin-top:60px !important}
.m-t-75{margin-top:75px !important}
.m-t-100{margin-top:100px !important}
.m-b-0{margin-bottom:0 !important}
.m-b-5{margin-bottom:5px !important}
.m-b-10{margin-bottom:10px !important}
.m-b-15{margin-bottom:15px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-25{margin-bottom:25px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-40{margin-bottom:40px !important}
.m-b-50{margin-bottom:50px !important}
.m-b-60{margin-bottom:60px !important}
.m-b-70{margin-bottom:70px !important}
.m-b-75{margin-bottom:75px !important}
.m-b-100{margin-bottom:100px !important}
.m-r-0 {margin-right:0 !important}
.m-r-5 {margin-right:5px !important}
.m-r-10{margin-right:10px !important}
.m-r-15{margin-right:15px !important}
.m-r-20{margin-right:20px !important}
.m-r-25{margin-right:25px !important}
.m-r-30{margin-right:30px !important}
.m-r-40{margin-right:40px !important}
.m-r-50{margin-right:50px !important}
.m-r-60{margin-right:60px !important}
.m-r-70{margin-right:70px !important}
.m-r-75{margin-right:75px !important}
.m-r-100{margin-right:100px !important}
.m-l-0{margin-left:0 !important}
.m-l-5{margin-left:5px !important}
.m-l-10{margin-left:10px !important}
.m-l-15{margin-left:15px !important}
.m-l-20{margin-left:20px !important}
.m-l-25{margin-left:25px !important}
.m-l-30{margin-left:30px !important}
.m-l-40{margin-left:40px !important}
.m-l-50{margin-left:50px !important}
.m-l-60{margin-left:60px !important}
.m-l-70{margin-left:70px !important}
.m-l-75{margin-left:75px !important}
.m-l-100{margin-left:100px !important}

.p-0{padding:0 !important}
.p-5{padding:5px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}
.p-30{padding:30px !important}
.p-t-0{padding-top:0 !important}
.p-t-5{padding-top:5px !important}
.p-t-10{padding-top:10px !important}
.p-t-15{padding-top:15px !important}
.p-t-20{padding-top:20px !important}
.p-t-25{padding-top:25px !important}
.p-t-30{padding-top:30px !important}
.p-t-40{padding-top:40px !important}
.p-t-50{padding-top:50px !important}
.p-t-60{padding-top:60px !important}
.p-t-70{padding-top:70px !important}
.p-t-75{padding-top:75px !important}
.p-t-100{padding-top:100px !important}
.p-t-150{padding-top:150px !important}
.p-t-200{padding-top:200px !important}
.p-b-0{padding-bottom:0 !important}
.p-b-5{padding-bottom:5px !important}
.p-b-10{padding-bottom:10px !important}
.p-b-15{padding-bottom:15px !important}
.p-b-20{padding-bottom:20px !important}
.p-b-25{padding-bottom:25px !important}
.p-b-30{padding-bottom:30px !important}
.p-b-40{padding-bottom:40px !important}
.p-b-50{padding-bottom:50px !important}
.p-b-60{padding-bottom:60px !important}
.p-b-70{padding-bottom:70px !important}
.p-b-75{padding-bottom:75px !important}
.p-b-100{padding-bottom:100px !important}
.p-b-150{padding-bottom:150px !important}
.p-b-200{padding-bottom:200px !important}
.p-r-0 {padding-right:0 !important}
.p-r-5 {padding-right:5px !important}
.p-r-10{padding-right:10px !important}
.p-r-15{padding-right:15px !important}
.p-r-20{padding-right:20px !important}
.p-r-25{padding-right:25px !important}
.p-r-30{padding-right:30px !important}
.p-r-40{padding-right:40px !important}
.p-r-50{padding-right:50px !important}
.p-r-60{padding-right:60px !important}
.p-r-70{padding-right:70px !important}
.p-r-75{padding-right:75px !important}
.p-r-100{padding-right:100px !important}
.p-r-150{padding-right:150px !important}
.p-r-200{padding-right:200px !important}
.p-l-0{padding-left:0 !important}
.p-l-5{padding-left:5px !important}
.p-l-10{padding-left:10px !important}
.p-l-15{padding-left:15px !important}
.p-l-20{padding-left:20px !important}
.p-l-25{padding-left:25px !important}
.p-l-30{padding-left:30px !important}
.p-l-40{padding-left:40px !important}
.p-l-50{padding-left:50px !important}
.p-l-60{padding-left:60px !important}
.p-l-70{padding-left:70px !important}
.p-l-75{padding-left:75px !important}
.p-l-100{padding-left:100px !important}
.p-l-150{padding-left:150px !important}
.p-l-200{padding-left:200px !important}

.font-xs{font-size: 8pt}
.font-sm{font-size: 10pt}
.font-lg{font-size: 14pt}
.font-xl{font-size: 16pt}
.font-xxl{font-size: 18pt}
.font-3xl{font-size: 24pt}
.font-4xl{font-size: 36pt}
.font-5xl{font-size: 48pt}

.small, small{font-size: 75%}

.ellipsis {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border, .bordered{border: 1px solid #d2d2d2}
.borderless{border: none !important}
.radius, .curve{border-radius: 6px}
.sharp{border-radius: 0}
.radio label, .checkbox label{padding: 0}
hr {border-top: 1px solid #d2d2d2}

body.modal-open{padding-right: 0 !important}
.modal{direction: ltr}
.modal *{direction: rtl}
.modal.ltr *{direction: ltr}
.modal-header{display: block}
.rtl .modal-header .close{margin: -15px 0 -15px 0;}
.inline-block{display: inline-block !important}
.block{display: block !important}
.relative{position: relative !important}
.absolute{position: absolute}
.overhide{overflow: hidden}
.fluid{
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

.form-control{
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d2d2d2;
    height: 38px;
    padding: 7px;
}
.form-control:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control, .btn, .btn:focus, .btn:active, .btn:hover{
    outline: 0 !important;
}
.btn{
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    line-height: 28px;
    border: none;
    color: #fff !important;
}
.btn, .btn:focus, .btn:active, .btn:hover{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.btn:hover{
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3);
}
.btn.long-hover:hover{
    box-shadow: 0 10px 15px -1px rgba(0, 0, 0, 0.3);
}
.btn, .navbar .navbar-nav > li > a.btn{
    padding: 6px 30px;
}
.btn-sm {
    padding: 3px 20px;
}

.btn.border{
    border: double medium;
}
.btn-round{
    border-radius: 50px !important;
}
.btn-curve{
    border-radius: 4px !important;
}
.btn.btn-padding-10{
    padding: 3px 10px;
}
.btn.btn-padding-15{
    padding: 3px 15px;
}
.btn.btn-padding-20{
    padding: 4px 20px;
}
.btn.btn-padding-25{
    padding: 4px 25px;
}
.btn.btn-padding-30{
    padding: 6px 30px;
}
.btn.btn-padding-35{
    padding: 6px 35px;
}
.btn.btn-padding-40{
    padding: 6px 40px;
}
.btn.btn-padding-45{
    padding: 6px 45px;
}
.btn.btn-padding-50{
    padding: 6px 50px;
}
.btn.btn-padding-60{
    padding: 6px 60px;
}
.btn.btn-padding-75{
    padding: 7px 75px;
}
.btn.btn-padding-100{
    padding: 8px 75px;
}

.btn-default{
    background-color: #f9f9f9;
    color: #575757 !important;
    border-color: #d2d2d2;
}
.btn-default.text-success{
    border-color: #53aa6e !important;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
.btn-default:hover, .btn-default:focus, .btn-default:active{
    background-color: #f1f1f1;

}
.btn-primary{
    background: #1d4ec9;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    background: #316cff;
}

.btn.btn-success{
    background-color: #53a96b;
    color: #fff;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover,
.btn-success:hover, .btn-success:focus, .btn-success:active{
    background: #51a66a;
}


.btn-warning {
    background-color: #fed202;
    color: #222 !important;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover,
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{
    background: #ffd613;
}
.btn-info {
    background-color: #67eefd;
    color: #222 !important;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover,
.btn-info:hover, .btn-info:focus, .btn-info:active{
    background: #4aedff;
}
.btn-danger {
    background-color: #ed551e;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover,
.btn-danger:hover, .btn-danger:focus, .btn-danger:active{
    background: #e4401a;
}

.btn-white, .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white:active.focus, .btn-white:active:focus, .btn-white:active:hover, .open>.dropdown-toggle.btn-white.focus, .open>.dropdown-toggle.btn-white:focus, .open>.dropdown-toggle.btn-white:hover,
.btn-white:hover, .btn-white:focus, .btn-white:active{
    background: #fff;
    color: #53a96b !important;
}
.btn.btn-border{
    background: #fff !important;
}
.btn-default.btn-border{
    border: 1px solid #f5f5f5;
}
.btn-primary.btn-border{
    border: 2px solid #1d4ec9;
    color: #1d4ec9 !important;
}
.btn-danger.btn-border{
    border: 2px solid #ed551e;
    color: #ed551e !important;
}
.btn.btn-icon{
    width: 36px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    border-radius: 25px;
    padding: 0;
    font-size: 32px;
    line-height: 40px;
    margin: 0;
}
.btn.btn-icon i{
    font-size: 22px;
}
.btn.btn-sm.btn-icon{
    width: 28px;
    height: 28px;
    line-height: 30px;
}
.btn.btn-sm.btn-icon{
    font-size: 18px;
}
.btn.btn-transparent{
    background: transparent !important;
    color: #fed202 !important;
    border: none;
}
.btn-transparent.btn-warning.bordered{
    border: 2px solid #fed202;
}
.btn-link:hover, .btn-link:active, .btn-link:focus{
    text-decoration: none;
}
.btn-default.disabled{
    background:  #c2c2c2 !important;
}

.text-primary{color:#275bc6 !important}
.text-success{color:#53aa6e !important}
.text-info{color: #67efff !important}
.text-warning{color: #fed202 !important}
.text-danger{color:#ed571f !important}
.text-white{color:#f1f1f1 !important}
.text-gray{color:#999 !important}
.text-inverse{color:#575757 !important}
.text-too-dark{color:#000 !important}

.text-gold{color: #fdd25c !important}
.text-silver{color: #fff !important}
.text-bronze{color: #d79e81 !important}

.parallax{
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
i{display: inline-block}
a.btn i {
    font-size: 18px;
    line-height: 20px;
}
.flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
th{font-weight: normal}

.table-box{
    display: table;
}
.cell-box{
    display: inline-block;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.tooltip-inner{
    font-family: IranSans;
}

.full-modal{
    padding: 0 !important;
    background: rgba(255,255,255,0.8);
}
.modal-backdrop{
    background: rgba(0, 0, 0, 0.75);
}
.modal-backdrop.show {
    opacity: .7;
}
.modal-header .close {
    outline: none !important;
    color: #f53935;
}
.modal-header .close>i {
    font-size: 17px;
    margin-top: 0;
    vertical-align: top;
}
.modal-header .close>span {
    font-size: 13px;
    vertical-align: middle;
}
.modal .modal-header{
    border-bottom: none;
}
.modal-content {
    border: none;
    border-radius: 12px;
}

.full-modal .modal-content{
    border-radius: 0;
    border: none;
}
.full-modal .modal-dialog{
    width: 90%;
    height: 100%;
    margin: auto;
    padding: 0 !important;
}
.full-modal .modal-content{
    min-height: 98%;
}
.full-modal.modal .close {
    font-size: 36px;
    outline: none !important;
}
.full-modal .input-group input.form-control{
    height: 41px;
}
.form-group .checkbox label,
.form-group .radio label,
.form-group label {
    color: #575757;
}

.pagination{
    text-align: left;
    display: block;
}
.pagination>li {display: inline-block}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #12469a;
    border-color: #12469a;
    cursor: default;
}
.pagination>.active>a:not([href]):not([tabindex]){
    color: #fff !important;
}
.pagination>li>a, .pagination>li>span{
    color: #9c9a9a;
    margin: 0 7px;
    display: inline-block;
    border-radius: 4px;
    color: #101010;
    background-color: #fff;
    border-color: #777;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #101010;
    background-color: #fff;
    border-color: #777;
}
.pagination>li>a{
    padding: 2px 12px;
    min-width: 34px;
    text-align: center;
    font-weight: bold;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    /*     padding: 5px 15px 5px 10px; */
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    /*     padding: 3px 10px 3px 15px; */
}

.like-table{
    display: table;
    width: 100%;
}
.like-tablecell{
    display: table-cell;
}
.shadow {
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.light-shadow {
    background: #fff;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,.05)!important;
}
.flip .shadow {
    background: transparent;
}


table.table-serverside  tr td:nth-child(2){
    display: none;
}
table.table-serverside  tr th:nth-child(2){
    display: none;
}
.white-bg{
    background: #fff;
}
.white-bg.curve{
    border-radius: 10px;
}


.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.curve{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.round{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}
.input-group.round .form-control:last-child, .input-group.round .input-group-addon:last-child, .input-group.round .input-group-btn:last-child>.btn, .input-group.round .input-group-btn:last-child>.dropdown-toggle, .input-group.round .input-group-btn:first-child>.btn:not(:first-child) {
    border-radius: 25px 0 0 25px;
}
.input-group.round .form-control:first-child, .input-group.round .input-group-addon:first-child, .input-group.round .input-group-btn:first-child>.btn, .input-group.round .input-group-btn:first-child>.dropdown-toggle, .input-group.round .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 25px  25px 0;
}
.input-group .input-group-addon{
    padding: 3px 20px 3px 10px;
    font-size: 16px;
}
.input-group.round textarea.form-control, .input-group.round select.form-control{border:none}
.form-group.round .form-control{border-radius:25px}
.input-group.round .form-control:last-child{
    margin-left: 2px;
}
.input-group.disabled{
    border: none !important;
    background: #e9ecef;
    box-shadow: 0 0 10px 5px #ececec;
    border: 1px solid #ddd !important;
    color: #000;
}


.input-group, input.form-control{
    border: none !important;
    background: #fff;
    box-shadow: 0 0 10px 5px #ececec;
}

.input-group input.form-control{
    box-shadow: none;
}
.form-box .input-group{
    margin-bottom: 20px;
    padding: 2px 0;
}
.form-box .form-group label, .form-box .form-group label{
    color: #121212;
}
.custom-control-label{
    text-indent: 20px;
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #1d4ec9;
    background-color: #1d4ec9;
}
.dark .custom-control-input:checked~.custom-control-label::before {
    border-color: #757575;
    background-color: #0a0a0a;
}


table.table-center tr th, table.table-center tr td{
    vertical-align: middle;
    text-align: center;
}

[class^=swal2] {
    font-family: IranSans;
}
.swal2-modal .swal2-title {
    font-size: 22px;
}
.swal2-modal .swal2-styled{
    outline: none;
}

.margin-t-100 img.margin-t-100-nagative{
    width: 180px !important;
    height: 180px !important;
}
.parallax {
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.flip-horizontal{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.inline-block{display: inline-block !important}
.block{display: block !important}
.bold{ font-weight: bold; }

.select-wrapper{
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.select-wrapper:before{
    content: "";
    position: absolute;
    top: 6px;
    left: 20px;
    font-family: 'simple-line-icons';
    font-size: 12px;
    content: "\e604";
    color: #fff;
    font-weight: bold;
}

select.white-border{
    display: block;
    background: transparent;
    border: 2px solid #fff;
    padding: 2px 10px;
    border-radius: 25px;
    color: #fff;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 38px;
    min-width: 240px;
    max-width: 100%;
    font-weight: bold;
}
select.white-border::-ms-expand {
    display: none;
}
select.white-border:focus::-ms-value {background-color: transparent}
select.white-border:active, select.white-border:focus{
    border-color: #fff;
}
select.white-border option {
    color: #333;
    padding: 10px 10px;
    height: 38px;
}


select.black-border{
    display: block;
    background: transparent;
    border: 2px solid #333;
    padding: 2px 10px;
    border-radius: 25px;
    color: #333;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 30px;
    min-width: 200px;
    max-width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 26px;
}
select.black-border::-ms-expand {
    display: none;
}
select.black-border:focus::-ms-value {background-color: transparent}
select.black-border:active, select.black-border:focus{
    border-color: #333;
}
select.black-border option {
    color: #333;
    padding: 10px 10px;
    height: 38px;
}
.select-wrapper.black-wrapper:before{
    color: #333;
    top: 2px;
}

.page-caption{
    position: relative;
    color: #121212;
    font-weight: inherit;
    font-size: 18px;
    text-align: center;
    padding-bottom: 12px;
    margin-top: 20px;
}
.page-caption.text-white {
    color: #fff !important;
}
.page-caption:before, .page-caption:after{
    content: "";
    position: absolute;
    bottom: 1px;
    height: 1px;
    margin: 0 auto;
}
.page-caption:before{
    width: 100%;
    right: 0;
    left: 0;
    background: #e5e5e5;
}
.page-caption:after{
    width: 125px;
    right: 0;
    left: 0;
    background: #000;
}
.right-caption{
    position: relative;
    color: #121212;
    font-weight: inherit;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    padding-bottom: 12px;
    margin-top: 20px;
}
.right-caption:before, .right-caption span:before{
    content: "";
    position: absolute;
    bottom: 1px;
    height: 1px;
    margin: 0 auto;
}
.right-caption:before{
    width: 100%;
    right: 0;
    left: 0;
    background: #e5e5e5;
}
.right-caption span{
    position: relative;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    padding-bottom: 12px;
}
.right-caption span:before{
    width: 100%;
    right: 0;
    background: #1d4ec9;
}


.alert button.close{
    margin-top: 6px;
    outline: none;
}
.alert-warning {
    color: #000000;
    background-color: #fed202;
    border-color: #fed202;
}
.alert-danger {
    color: #fff;
    background-color: #ec5a27;
    border-color: #eb5b29;
}

.border-right-2{
    border-right: 3px solid #1d4ec9;
}
.card.curve{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: none;
}
.card.too-curve{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: none;
}
.card.too-curve .card-header:first-child {
    border-radius: 20px 20px 0 0;
}
.card.too-curve .card-body:last-child {
    border-radius: 0 0 20px 20px;
}
.card .card-header.white-bg{
    border-bottom-color: transparent;
}
.card .card-body.gradient{
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 40%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 40%,#ffffff 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 40%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
}
select.form-control{
    background: #fff url(../images/down-arrow.png) 10px center no-repeat;
    padding: 2px 20px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.square{
    display: inline-block;
    border-radius: 3px;
    background: #e2e2e2;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 27px;
}

.bg-primary{
    background: #1d4ec9 !important;
}
.bg-primary.text-white a, .best-box.primary .bg-primary.text-white a:hover{
    color: #fff;
}
.tab-content img{
    max-width: 100% !important;
    height: auto !important;
}

.alert-fixed {
    position: fixed;
    top: 20px;
    left: 0;
    padding: 25px 10px;
    right: 0;
    margin: auto;
    width: 96%;
    min-height: 100px;
    z-index:9999;
}
.flex-container {
    display: flex;
}
/*-------------------------- General End --------------------------*/


/*------------------------- Plugins Start -------------------------*/
.select2{max-width: 100%}
.select2-dropdown,
.select2-container--default .select2-selection--single{
    border-radius: 8px !important;
    overflow: hidden;
}
.select2-container--default .select2-selection--single.curve{
    border-radius: 4px !important;
    height: 40px;
}
.select2-container--default .select2-selection--single.round{
    border-radius: 25px !important;
    height: 40px;
    outline: none;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-radius: 0 !important;
    border: solid #aaaaaa 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #efefef;
}
.select2-selection__rendered {
    line-height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 4px;
}
.select2-selection {
    min-height: 34px !important;
}
.select2-container--open .select2-dropdown--below{
    border-top: 1px solid #aaa;
    border-radius: 5px !important;
    overflow: hidden;
}
.select2-container input{
    outline: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #545454 transparent transparent transparent;
    border-width: 6px 6px 0 5px;
    margin-left: 3px;
    margin-top: 1px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #545454 transparent;
    border-width: 0 5px 6px 6px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #eee;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1c4ca0;
}

.select2-container--default .select2-selection--single.white-border{
    background-color: transparent;
    border: 2px solid #fff;
}
.select2-container--default .bg-green .select2-results__option--highlighted[aria-selected] {
    background-color: #53a96b;
}

.favorite-players-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent !important;
    border-width: 0;
}
.favorite-players-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-weight: bold;
}
.favorite-players-box .select-wrapper{
    display: block;
}
.favorite-players-box .select2{
    width: 100% !important;
}

.core-nav-container{
    height: 60px;
    width: 100%;
    float: right;
}
.toggle-bar>span{
    border-radius: 2px;
    margin-bottom: 0;
    margin: 7px 0 0 0;
    background: #fff;
    height: 3px;
    display: block;
}
.toggle-bar .seconds{
    width: 75%;
}
.toggle-bar .third{
    width: 50%;
}
.core-nav.nav-core-sticky {
    float: right;
    position: relative;
    height: 60px;
    width: 100%;
    z-index: 1001;
}
.core-nav .dropdown-menu{
    text-align: right;
}
.core-nav .dropdown>.dropdown-menu>li {
    margin: 0;
}
.core-nav .dropdown>.dropdown-menu>li>a {
    border-bottom: solid 1px #eee;
    padding: 4px 8px;
    text-align: right;
    font-size: 14px;
    color: #333;
    display: block;
}
.core-nav .dropdown>.dropdown-menu>li>a:hover {
    background: #eee;
    color: #111;
}
.core-nav ul.menu>li.dropdown>a.dropdown-toggle{
    margin-left: 6px;
}
.core-nav ul.menu>li.dropdown>a.dropdown-toggle::after{
    border: none !important;
    font-family: 'simple-line-icons';
    font-size: 9px;
    content: "\e604";
    position: absolute;
    top: 2px;
    left: -8px;
    font-weight: bold;
}
/*.core-nav .dropdown>.dropdown-menu>li>a*/
.core-nav ul.menu>li.dropdown> ul.dropdown-menu li.dropdown>a.dropdown-toggle::after{
    border: none;
    font-family: 'simple-line-icons';
    font-size: 9px;
    content: "\e605";
    position: absolute;
    top: 6px;
    left: 20px;
    font-weight: bold;
}
.core-nav.nav-core-sticky.on-scroll {
    background: rgba(0,0,0, 0.55);
}
.dropdown-overlay.open-dropdown {
    display: none !important;
}
.core-nav .wrap-core-nav-list ul.core-nav-list>li {
    display: block;
    float: right;
    padding: 10px 8px;
}
.core-nav .wrap-core-nav-list ul.core-nav-list>li.show-mobile{
    display: none !important;
}
.core-nav .wrap-core-nav-list ul.core-nav-list>li.dropdown {
    display: block;
    float: right;
    padding: 10px 8px 10px;
}
.core-nav .wrap-core-nav-list ul.core-nav-list>li:first-child{
    padding: 10px 0 10px 8px;
}
.core-nav ul.core-nav-list>li>a{
    padding: 5px;
    color: #fff;
    position: relative;
}
.core-nav ul.core-nav-list>li>a:first-child{
    padding-right: 0;
}
.core-nav ul.core-nav-list>li>a:last-child{
    padding-left: 0;
}
.core-nav ul.core-nav-list>li>a:hover{
    color: #fed202;
}
.core-nav ul.core-nav-list>li>a:before{
    content: "";
    position: absolute;
    background: #fed202;
    height: 1px;
    transition: ease-out 0.2s all;
    width: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 3px;
}
.core-nav ul.core-nav-list>li.open>a:before,
.core-nav ul.core-nav-list>li>a:hover:before{
    width: 100%;
}
.core-nav .nav-container{
    padding-right: 0;
}
.core-nav ul.menu>li.dropdown>.dropdown-menu:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 20px;
    top: -20px;
    right: 20px;
    border: 6px solid transparent;
    border-bottom: 5px solid #ffffff;
}
.core-nav .wrap-core-nav-list.right .dropdown>.dropdown-menu{
    margin-top: -2px;
}
.core-nav .wrap-core-nav-list .core-nav-list {
    margin: 5px 0 0 0;
}

.owl-carousel{
    touch-action: manipulation;
}

.selectric-open {
    z-index: 999;
}
.selectric-items{
    right: 0 !important;
    left: inherit !important;
}
.selectric-open .selectric-items {
    border-radius: 10px;
    overflow: hidden;
}
.selectric-items li.selected {
    background: #ccc;
}
.selectric-items li.highlighted:hover,
.selectric-items li.highlighted {
    background: #1c4ca0;
    color: #fff;
}
.selectric-items li:hover {
    background: #eee;
}

.avatar-body{
    direction: ltr !important;
}
.avatar-view {
    background: #fff;
    padding: 20px;
    border-radius: 25px;
    margin: 5% 15px;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting{
    background-image: none !important;
}
div.dataTables_wrapper div.dataTables_length select{
    display: block;
    background: #fff url(../images/down-arrow.png) 10px center no-repeat;
    border: 1px solid #373737;
    padding: 2px 20px;
    border-radius: 25px;
    color: #373737;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 34px;
    min-width: 150px;
    max-width: 100%;
    font-weight: bold;
}
div.dataTables_wrapper div.dataTables_length select{
    display: inline-block;
}

div.dataTables_wrapper .dataTables_filter input{
    border: 1px solid #373737 !important;
    background: #fff;
    border-radius: 25px;
    outline: none;
    padding: 0 10px;
}
table.dataTable.light.no-footer,
table.dataTable.light thead th, table.dataTable.light thead td{
    border-bottom: none;
    outline: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 2px 12px;
    min-width: 34px;
    text-align: center;
    border-radius: 4px !important;
    border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff;
    background: #12469a;
    border-color: #12469a;
    color: #fff !important;
    font-weight: bold;
}
.dataTables_wrapper .dataTables_length{
    float: left;
}
table.padding-half tbody th, table.padding-half tbody td {
    padding: 6px 5px;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0.8;
    filter: "alpha(opacity=80)";
    -ms-filter: "alpha(opacity=80)";
}

.datepicker-plot-area {
    border: none;
    box-shadow: 0 0 20px 0 #cacaca;
    border-radius: 5px;
    font: 13px "IranSans";
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected,
.datepicker-plot-area .datepicker-day-view .table-days td.today span,
.datepicker-plot-area .month-item{
    border-radius: 5px !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
    background-color: #1c4ca0;
    border-radius: 4px !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
    background-color: #53a96b;
}
.pwt-btn-calendar{
    display: none !important;
}
.pwt-btn.pwt-btn-prev, .pwt-btn.pwt-btn-next{
    position: relative
}
.pwt-btn.pwt-btn-prev:before, .pwt-btn.pwt-btn-next:before{
    position: absolute;
    top: -2px;
    font-family: "simple-line-icons";
    font-size: 14px;
}
.pwt-btn.pwt-btn-prev:before{
    content:"\e606";
    right: 1px;
}
.pwt-btn.pwt-btn-next:before{
    content:"\e605";
    left: 1px;
}
.lozad{
    background: #eee;
}
/*-------------------------- Plugins End --------------------------*/


/*-------------------------- Header Start -------------------------*/
header{
    background: #f4f4f4;
    float: right;
    width: 100%;
}
header.bg-blue{
    background: #1c4ca0;
}
.header-area{
    width: 100%;
    float: right;
    z-index: 1;
    position: relative;
}
.logo-area {
    float: right;
    width: 300px;
}
.logo {
    color: #fff;
    font-size: 45px;
    display: inline-block;
    font-weight: 700;
    margin-top: 20px;
    outline: none;
}
.logo:hover,
.logo:focus {
    color: #fff;
}
.logo h1{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.topest-pickteam-area{
    float :left;
    width: calc(100% - 600px);
    text-align: center;
}
.topest-pickteam-area a.btn{
    margin-top: 32px;
    padding: 4px 35px;
    font-weight: bold;
    font-size: 13px;
}
.topest-pickteam-area a.btn i{
    margin-left: 5px;
}
.users-section{
    float: left;
    width: 300px;
    margin-top: 25px;
}
.users-section .free-user{
    float: left;
    width: 230px;
    height: 50px;
    position: relative;
}
.free-user .gray-box, .free-user .red-box{
    position: absolute;
    border-radius: 5px;
    transform: skewX(8deg);
}

.free-user .gray-box{
    background: #e3e3e3;
    width: 100%;
    height: 38px;
    top: 6px;
}
.free-user .red-box{
    background: #ec453b;
    border-radius: 5px;
    width: 130px;
    height: 50px;
    top: 0;
    left: 10px;
}
.free-user .signin, .free-user .signup{
    position: relative;
    z-index: 3;
}
.free-user .signin a{
    color: #121212;
    float: right;
    margin-top: 15px;
    margin-right: 27px;
}
.free-user i{
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    margin-left: 5px;
    font-size: 12px;
}
.free-user .signup a i{
    background: #fff;
    color: #ec453b;
}
.free-user .signup a, .free-user .signin a{
    display: inline-block;
    margin-top: 0;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    outline: none;
}
.free-user .signup a{
    color: #fff;
    float: left;
    margin-left: 10px;
    height: 50px;
    width: 131px;
    line-height: 50px;
}
.free-user .signin a{
    float: right;
    margin-top: 5px;
    height: 40px;
    width: 70px;
    line-height: 42px;
    margin-right: 6px;
}
.free-user .signin a i{
    background: #121212;
    color: #e3e3e3;
}

.logged-in-box>div{
    float: left;
}
.logged-in-box .logout{
    margin: 10px 15px 10px 0;
}
.logged-in-box .logout a{
    color: #fff;
}
.logged-in-box .logout i{
    font-size: 20px;
    font-weight: bold;
}
.logged-in-box .image{
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #fff;
    border-radius: 50%;
    position: relative;
}
.logged-in-box .image img{
    width: 47px;
    height: 47px;
    padding: 2px;
    border-radius: 50%;
}
.logged-in-box .credit, .logged-in-box .username{
    width: 200px;
    margin-top: 5px;
    line-height: 18px;
    color: #fff;
    font-size: 13px;
    text-align: left;
    margin-left: 10px;
}
.logged-in-box .username a{
    font-weight: bold;
    color: #fff;
}
.ticket-notification{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    min-width: 0;
    background: #ffffff;
    color: #000;
    z-index: 2;
    border-radius: 50%;
    padding: 0;
    line-height: 24px;
    text-align: center;
    font-size: 11px;
}
.ticket-notification:hover{
    color: #212121;
}
.ticket-notification i{
    line-height: 18px !important;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.pulse-ring{
    top: -11px;
    left: -11px;
}
.pulse-ring {
    display: block;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: animation-pulse 2.5s ease-out;
    animation: animation-pulse 2.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    border-width: 2px;
    border-style: solid;
    border-color: #fdd202;
}
@-webkit-keyframes animation-pulse {
    0% {
        -webkit-transform: scale(.5,.5);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(.5,.5);
        opacity: 0
    }
    65% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0
    }
}
@keyframes animation-pulse {
    0% {
        -webkit-transform: scale(.5,.5);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(.5,.5);
        opacity: 0
    }
    65% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0
    }
}
/*--------------------------- Header End --------------------------*/


/*------------------------- Home Page Start -----------------------*/
.main{
    margin: 0;
    width: 100%;
    float: right;
    background-color: #fff;
}
.main-gray{
    background-color: #f4f4f4;
}
.main-gray-dots{
    background: url(../images/bg/gray-dots.jpg);
}
.main-light-gradient{
    background: rgb(242,242,242);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}
.main-gradient{
    background: rgb(232,232,232);
    background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(244,244,244,1) 10%, rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(244,244,244,1) 10%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(244,244,244,1) 10%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f4f4f4',GradientType=0 );
}

.main-transparent{
    background: transparent;
}
.special-bg{
    background-image: url(../images/top/stadium-bg.jpg);
    width: 100%;
    height: 800px;
    position: absolute;
    background-position: top center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    /* background-size: 100% 100%; */
    /* z-index: -1; */
}
.special-bg.pick-team{
    background-image: url(../images/top/pickteam-bg.jpg);
    height: 820px;
}
.special-bg.view-team{
    background-image: url(../images/top/viewteam-bg.jpg);
    height: 920px;
}
.special-bg.mobile-home{
    background-image: url(../images/top/home-mobile-top.jpg);
    height: 400px;
    background-size: cover;
}
.home-green-bg{
    min-height: 950px;
    /*background: url(../images/bg/home-green-bg.jpg) top center no-repeat;*/
    background: url(../images/bg/wave-back.svg) top center no-repeat;
    background-size: 100% auto;
    position: relative;
    /*overflow-x: hidden;*/
}
.front-wave{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../images/bg/wave-front.svg) top center no-repeat;
    background-size: 100% auto;
    opacity: 0.5;
    z-index: 2;
}
.inner-wave{
    position: absolute;
    top: 200px;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 1600px;
    min-width: 100%;
    max-width: 100%;
    background: url(../images/bg/wave-inner.svg) top center repeat-x;
    background-size: 100% 100%;
    opacity: 0.6;
    z-index: 1;
    animation: inner-wave 25s infinite;
    animation-timing-function: linear
}
.top-gradient{
    background: rgba(18, 77, 161, 0.78);
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 137px;
}
@keyframes inner-wave {
    0% {
        background-position: 1600px 0;
    }

    100% {
        background-position: -1600px 0;
    }
}
.top-gradient:before{
    content: "";
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    height: 1px;
    width: 70%;
    margin: 0 auto;
    background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
    background-image: -moz-linear-gradient(left, transparent, #fff, transparent);
    background-image: -ms-linear-gradient(left, transparent, #fff, transparent);
    background-image: -o-linear-gradient(left, transparent, #fff, transparent);
}


.header-featured-area {
    display: inline-block;
    /* float: left; */
    padding: 0 0 50px 0;
    width: 100%;
}

.header-featured-right {
    display: inline;
    float: right;
    width: 32%;
    margin-top: 25px;
    position: relative;
    z-index: 1;
}
.header-featured-right .statistic-box{
    background: rgba(48, 47, 53, 0.85);
    width: 100%;
    border-radius: 25px;
    padding: 7px 15px 20px 15px;
}
.statistic-box .statistic-tabs{
    position: relative;
    height: 640px;
}
.statistic-box .statistic-tabs ul{
    display: block;
    text-align: center;
}
.statistic-box .statistic-tabs ul li{
    display: inline-block;
    width: 28%;
    color: #8f8f92;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    line-height: 28px;
}
.statistic-box .statistic-tabs ul li:first-child{
    text-align: right;
}
.statistic-box .statistic-tabs ul li:last-child{
    text-align: left;
}
.statistic-box .statistic-tabs ul li.active{
    width: 40%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.statistic-box .statistic-tabs .arrows{
    position: absolute;
    top: 1px;
    right: 27%;
    left: 27%;
}
.statistic-box .statistic-tabs .arrows>div{
    cursor: pointer;
    color :#fff;
    width: 14px;
}
.statistic-box .statistic-tabs .arrows>div i{
    font-size: 13px;
    font-weight: bold;
}
.statistic-box .statistic-tabs .arrows>div.next{
    float: right;
}
.statistic-box .statistic-tabs .arrows>div.prev{
    float: left;
}
.statistic-box hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, #8c8c8c, transparent);
    background-image: -moz-linear-gradient(left, transparent, #8c8c8c, transparent);
    background-image: -ms-linear-gradient(left, transparent, #8c8c8c, transparent);
    background-image: -o-linear-gradient(left, transparent, #8c8c8c, transparent);
    width: 80%;
    margin: 10px auto;
}
.statistic-box .tab-content{
    display: none;
}
.statistic-box .tab-content.active{
    display: block;
    padding-bottom: 20px;
}
.statistic-box .mCSB_scrollTools .mCSB_draggerContainer{
    left: -20px;
}
.statistic-box ul.users-list{
    /*padding-bottom: 50px;*/
}
.statistic-box ul.users-list li{
    float: right;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.statistic-box ul.users-list li:hover{
    background: rgba(0, 0, 0, 0.2);
}

.statistic-box ul.users-list li a{
    color: #d7d8ed;
    vertical-align: middle;
}
.statistic-box ul.users-list li a>img,
.statistic-box ul.users-list li a .username{
    float: right;
}
.statistic-box ul.users-list li a span{
    line-height: 40px;
    font-weight: bold;
    font-size: 14px;
}
.statistic-box ul.users-list li a .rate{
    float: left;
}
.statistic-box ul.users-list li a img{
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
}

.statistic-box ul.users-list li a.gold{
    color: #fdd25c;
}
.statistic-box ul.users-list li a.silver{
    color: #fff;
}
.statistic-box ul.users-list li a.bronze{
    color: #d79e81
}

.statistic-box .cups{
    width: 100%;
    height: 97px;
    margin: 10px 0;
    background: url('../images/thumbs/cups.png') center top no-repeat;
}
.statistic-box .tab-content h3{
    text-align: center;
    color: #fdd25c;
    font-size: 13px;
    font-weight: bold;
}
.header-featured-right:after{
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -15px;
    height: 20px;
    width: 100%;
    transform: scale(1.08);
    background: #eaeaec;
    border-radius: 50%;
}

.header-featured-left {
    display: inline-block;
    float: left;
    margin-top: 25px;
    text-align: center;
    width: 66%;
    padding: 10px 15px 30px;
    border-radius: 20px;
    height: 340px;
    position: relative;
}
.header-featured-left .img-hover-box,
.header-featured-left .home-carousel-box{
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    border: 2px solid rgba(250, 250, 250, 0.2);
    width: 690px;
    max-width: 100%;
    /*overflow: hidden;*/
}
.header-featured-left .owl-stage-outer{
    border-radius: 20px;
    overflow: hidden;

}
.header-featured-left .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
    position: absolute;
    top: 10px;
    right: 20px;
}
.header-featured-left .owl-theme .owl-dots .owl-dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 5px;
    outline: none;
    border: none;
    background: #fff;
}
.header-featured-left .owl-theme .owl-dots .owl-dot:hover,
.header-featured-left .owl-theme .owl-dots .owl-dot.active{
    background: rgb(236, 68, 54);
}
.header-featured-left img{
    border-radius: 20px;
    max-width: 100%;
}

.header-featured-left .img-hover-box{
    z-index: 2;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 15%, 60% 0);
}
.header-featured-left .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 4px 3px;
}

.header-featured-wide{
    display: inline-block;
    float: left;
    margin-top: 0;
    text-align: center;
    width: 100%;
    padding: 10px 15px 30px;
    border-radius: 20px;
    position: relative;
}
.header-download-left{
    display: inline-block;
    float: left;
    margin-top: 280px;
    width: 66%;
    padding: 10px 15px 30px;
}
.top-download{
    font-weight: bold;
    font-size: 16px;
    color: #3d3b48;
}
.top-download i{
    font-size: 22px;
    margin-left: 10px;
}
.header-download-left .buttons{
    display: inline-block;
}
.header-download-left .btn-box{
    display: inline-block;
    position: relative;
    margin-right: 20px;
    z-index: 0;
}
.header-download-left .btn-box a{
    display: inline-block;
}

.header-download-left .btn-box a:hover{
    transform: translateY(-6px);
}
.header-download-left .btn-box:after{
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -6px;
    height: 12px;
    width: 100%;
    background: #eaeaec;
    border-radius: 50%;
    right: 0;
    left: 0;
    transform: scale(1.08);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-download-left .btn-box:hover:after{
    transform: scale(0.96);
    height: 3px;
    background: #eaeaec;
    box-shadow: 0 0 2px 4px #eaeaec;
    bottom: -2px;
}

.home-green-bg .container{
    /*width: 1160px !important;*/
    padding: 0 5px;
}
.home-green-bg .container .owl-carousel .owl-stage-outer{
    padding: 0 10px;
}
#owl-rounds{
    z-index: 3;
}
#owl-rounds .owl-stage{
    padding-top: 30px;
    margin: 0 auto;
}
#owl-rounds.owl-carousel .owl-item.active {
    opacity: 1;
    transform: translateY(0);
}
#owl-rounds.owl-carousel .owl-item.inactive,
#owl-rounds.owl-carousel .owl-item {
    transition: ease-in-out .4s all;
    opacity: .75;
    transform: translateY(-30px);
}

#owl-rounds .owl-item.active .round-container {
    padding: 0 10px;
}
.container #owl-rounds .owl-item.active .round-container,
#owl-rounds .owl-item.inactive .round-container,
#owl-rounds .owl-item .round-container {
    padding: 0;
}
#owl-rounds .owl-nav {
    position: absolute;
    top: -30px;
    width: calc( 100% - 170px);
    max-width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
}
#owl-rounds .owl-nav>button{
    font-size: 36px;
    color: #323232;
    outline: none;
}
#owl-rounds .owl-nav .owl-prev{
    float: right;
}
#owl-rounds .owl-nav .owl-next{
    float: left;
}
#owl-rounds .owl-nav>button.disabled{
    color: #aaa;
}

.round-container .round{
    border-radius: 15px;
    background: #fff;
    padding-top: 15px;
    position: relative;
    margin-bottom: 20px;
}
.round-container .round.shadow{
    box-shadow: 0 0 20px 0px #ddd;
}
.container .round-container .round{
    /*margin: 0 15px;*/
    margin: 0 20px;
}
.container.weeks .round-container .round{
    margin: 0 0 40px 0;
}
.weeks .round-container .round .header-box .league-img img{
    max-width: 100%;
    height: auto;
}
.round-container .round:after{
    display: none;
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -7px;
    height: 12px;
    width: 100%;
    transform: scale(1.04);
    background: rgba(55, 138, 82, 0.3);
    border-radius: 50%;
}

.round-container .round .header-box{
    height: 60px;
    width: 100%;
    padding: 0 20px;
}
.round-container .round .header-box>a{
    display: inline-block;
    vertical-align: middle;
}
.round-container .round .header-box>a.btn-week-info{
    display: inline;
    vertical-align: top;
    position: relative;
    z-index: 2;
}
.round-container .round .header-box .title{
    width: calc( 100% - 65px);
    color: #545454;
    margin-top: 5px;
}
.round-container .round .header-box .title h3{
    font-size: 14px;
    font-weight: bold;
}
.round-container .round .header-box .league-img{
    width: 60px;
    text-align: left;
}
.owl-carousel .owl-item .round-container  .round img{
    width: auto;
    max-width: 60px;
    max-height: 60px;
    float: left;
}
.round-container .round .content-box{
    position: relative;
}
.round-container .round .awards{
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #53aa6e;
    padding: 10px;
    /* cursor: pointer; */
    display: block;
    z-index: 99;
    position: relative
}

.round-container .round .awards>div{
    display: inline-block;
}
.round-container .round .awards .btn-show-award{
    position: relative;
}
.round-container .round .active  .btn-show-award:before{
    content: "";
    position: absolute;
    top: 30px;
    right: 7px;
    width: 10px;
    height: 10px;
    z-index: 2;
    border: 6px solid #eeeeee;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.round-container .round .awards .btn-show-award i{
    font-size: 32px;
    margin-left: 4px;
    /* cursor: pointer; */
}
.round-container .round .main-info{
    display: inline-block;
    width: 100%;
    position: relative;
}
.round .main-info .bg-danger{
    background: #ed5b5d !important;
    height: 72px;
    font-weight: bold;
    color: #fff;
}
.round .main-info .remaining-or-count{
    font-size: 24px;
}
.round .main-info .status span{
    position: relative;
    z-index: 2;
}
.round .main-info .status span.pitch-users{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}
.round .main-info .pitch-users i{
    font-size: 28px;
    color: #dadadc;
}
.round-container .round .like-table{
    padding: 5px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    height: 70px;
}
.round-container .round .like-tablecell:last-child{
    border-right: 1px solid #f5f5f5;
}
.round-container .round .like-tablecell{
    text-align: center;
    width: 50%;
}
.round-container .round .bold{
    color: #323232;
}
.round-container .round .like-tablecell{
    text-align: center;
}
.round-container .round  .like-tablecell i{
    font-size: 16px
}
.round-container .round  .flip-clock-wrapper.home-clock{
    /*    padding-right: 20px;
        padding-left: 20px;
    */
    padding-right: 0;
    padding-left: 0;
    width: 230px;
    max-width: 340px;
    margin: 30px auto 5px auto;
}
.round .flip-clock-divider{
    height: 40px;
}
.round .flip-clock-dot.bottom {
    bottom: 15px;
}
.flip-clock-divider .flip-clock-label {
    right: -38px;
}
.flip-clock-divider.hours .flip-clock-label {
    right: -45px;
}
.flip-clock-divider.minutes .flip-clock-label {
    right: -43px;
}
.flip-clock-divider.seconds .flip-clock-label {
    right: -39px;
}

.round-container .round  .time-title{
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #323232;
}
.round-container .round .btn, .round-container .round .btn.btn-success{
    width: 100%;
    margin: 0 10px 10px;
    padding: 6px 5px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 25px;
    white-space: nowrap;
}
.round-container .round .btn.btn-success{
    background: #51ad8a;
    background: -moz-linear-gradient(-45deg,  #51ad8a 0%, #71de85 100%);
    background: -webkit-linear-gradient(-45deg,  #51ad8a 0%,#71de85 100%);
    background: linear-gradient(135deg,  #51ad8a 0%,#71de85 100%);
}
.round-container .round .btn.btn-warning{
    background: #ffd921;
    background: -moz-linear-gradient(-45deg,  #ffd921 0%, #f6c20a 100%);
    background: -webkit-linear-gradient(-45deg,  #ffd921 0%,#f6c20a 100%);
    background: linear-gradient(-45deg, #ffd921, #f6c20a);
}
.round-container .round  .btn:nth-child(2){
    margin-right: 0;
}

.label-box{
    position: absolute;
    top: -4px;
    left: -4px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    right: inherit;
}
.free-label {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #e74230;
    padding: 0;
    width: 135px;
    text-align: center;
    display: block;
    position: absolute;
    left: -34px;
    right: inherit;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.free-label:before {
    position: absolute;
    bottom: -4px;
    right: 6px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #030303 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.free-label:after {
    position: absolute;
    bottom: -4px;
    left: 3px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #030303 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.popover-awards .half{
    width: 50%;
    float: right;
}
.popover-awards .half .rank{
    display: inline-block;
    font-size: 12px;
}
.popover-awards .half .award{
    font-size: 13px;
    font-weight: bold;
}


.favorite-players-box{
    margin-top: 20px;
    position: relative;
    z-index: 3;
}
.favorite-players-box .sm-box{
    display: none;
}
.favorite-players-box h2{
    color: #265743;
    font-size: 15px;
    font-weight: bold;
}
.favorite-players-box h2 i{
    font-size: 36px;
}
.favorite-players-box .table-players th {
    text-align: center;
    line-height: 20px;
}
.favorite-players-box .left-box{
    float: left;
    width: 25%;
}
.favorite-players-box .right-box{
    float: right;
    width: 75%;
    position: relative;
}
.favorite-players-box .right-box:before{
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    width: 2px;
    left: 10px;
    background-image: -webkit-linear-gradient(top, transparent, #8c8c8c, transparent);
    background-image: -moz-linear-gradient(top, transparent, #8c8c8c, transparent);
    background-image: -ms-linear-gradient(top, transparent, #8c8c8c, transparent);
    background-image: -o-linear-gradient(top, transparent, #8c8c8c, transparent);
}
.favorite-players-box .bottom-box{
    float: left;
    width: 25%;
    margin-top: 70px;
}
.table-players{
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.table-players th{
    color: #265743;
    font-weight: bold;
}
.table-players td, .table-players th{
    padding: 5px;
}
.table-players td{
    text-shadow: 0 1px 2px #333;
    color: #fff;
}
.table-players td .number{
    color: #575757;
    margin-left: 20px;
    text-shadow: none;
}
.table-players a .name{
    text-shadow: 0 1px 2px #333;
    color: #fff;
}
.table-players .img-player{
    width: 42px;
    height: 42px;
}
.table-players .img-flag{
    width: 42px;
    height: auto;
}
.favorite-players-box .select-title{
    font-weight: bold;
    margin-top: 20px;
    color: #fff;
}
.favorite-players-box .select-title:first-child{
    /*margin-top: 70px;*/
}
.favorite-players-box .btn-view-all{
    border-radius: 25px;
    font-size: 13px;
    min-width: 230px;
    max-width: 100%;
}
.favorite-players-box .table-players td, .favorite-players-box .table-players th{
    padding: 3px 5px;
}

.owl-news{
    border-radius: 10px;
    overflow: hidden;
}
.owl-news .main-url{
    display: block;
    position: relative;
}
.owl-news .main-url img{
    border-radius: 10px;
}
.owl-news .main-url .caption{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 50px 20px 10px;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 10px;
}
.owl-news .main-url .caption h2{
    min-height: 50px;
    max-height: 80px;
    line-height: 26px;
    vertical-align: top;
}
.owl-news .owl-nav{
    position: absolute;
    z-index: 2;
    margin-top: -21px;
    top: 50%;
    right: 0;
    left: 0;
}
.owl-news .owl-nav>button{
    color: #323232;
    outline: none;
    position: absolute;
}
.owl-news .owl-nav>button i{
    font-size: 42px;
    color: #fff;
    text-shadow: 0 0 5px #555;
}
.owl-news .owl-nav .owl-prev{
    right: 0;
}
.owl-news .owl-nav .owl-next{
    left: 0;
}
.owl-news .owl-nav>button.disabled{
    opacity: 0.5;
}

.owl-news-thumb{
    margin-top: 15px;
}
.owl-news-thumb .item img{
    border-radius: 6px;
    padding: 1px;
    border: 1px solid transparent;
}
.owl-news-thumb .current .item img{
    border: 1px dashed #010100;
}
.owl-news-thumb .item h3{
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    color: #121212;
    height: 40px;
    overflow: hidden;
}

.side-news .nav-tabs{
    border-bottom-color: transparent;
    background: #fff;
    display: inline-flex;
    border-radius: 25px 8px 0 0;
}

.side-news .nav-tabs .nav-link{
    color: #121212;
    font-weight: bold;
    border-radius: 25px 8px 0 0;
    border: none;
    padding: 6px 30px;
}
.side-news .nav-tabs .nav-link:hover {
    border-color: transparent;
    background: #eee;
}
.side-news .nav-tabs .nav-link:focus {
    border-color: transparent;
    background: #fff;
}
.side-news .nav-tabs .nav-link.active {
    background: #ec453b;
    color: #fff;
}

.side-news .tab-pane{
    height: 470px !important;
    overflow-y: auto;
}
.side-news .tab-content {
    background: #fff;
    border-radius: 8px 0 8px 8px;
    overflow: hidden;
}
.side-news .tab-content .tab-pane{
    padding: 0;
}

ul.news-list{
    padding: 0;
    margin: 0;
}
ul.news-list li{
    display: block;
    background: #f9f7f8;
    padding: 0 12px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
ul.news-list li.different{
    background: #fff;
}
ul.news-list li:hover{
    background: #f3f3f3;
}
ul.news-list li.different:hover{
    background: #fcfcfc;
}
ul.news-list li a{
    display: block;
    padding: 7px 0;
    color: #575757;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.news-list li:hover a{
    color: #454545;
}

.side-news a.all-news{
    display: block;
    background: #ec453b;
    padding: 6px 20px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
}

.persian-gulf-bg{
    min-height: 500px;
    background: #f6f6f6 url('../images/bg/persian-gulf.jpg') center top no-repeat;
    background-size: cover;
}
.europe-bg{
    min-height: 500px;
    background: #f6f6f6 url('../images/bg/europe.jpg') center top no-repeat;
    background-size: cover;
}
.main.persian-gulf-bg, .main.europe-bg{
    position: relative;
    z-index: 1;
}
.best-box .best-head{
    border-bottom: 1px solid #fe5d1d;
    margin-bottom: 20px;
    height: 37px;
}
.best-box.primary .best-head{
    border-bottom: 1px solid #1d4ec9;
    float: right;
    width: 100%;
}
.best-head .caption{
    position: relative;
    background: #fe5c1c;
    border-radius: 20px 10px 0 0;
    display: inline-block;
    padding: 0 15px 0 40px;
    height: 36px;
}
.best-box.primary .best-head .caption:before, .best-box.primary .best-head .caption:after {
    border-color: #1d4ec9;
    box-shadow: 3px 0px 0 #1d4ec9;
}

.best-head .caption:before{
    /*    content: "";
        position: absolute;
        height: 38px;
        width: 45px;
        left: -45px;
        top: -1px;
        background: url('../images/sprites.png') 0 0 no-repeat;*/
}

.best-head .caption:before, .best-head .caption:after{
    border: 1px solid #ed551e;
    position: absolute;
    bottom: -1px;
    width: 8px;
    height: 8px;
    content: " ";
    left: -7px;
    border-bottom-right-radius: 8px;
    border-width: 0 1px 1px 0;
    box-shadow: 3px 0px 0 #ed551e;
}
.best-head .caption:after {
    width: 12px;
    height: 12px;
    left: -11px;
    border-bottom-right-radius: 15px;
}

.best-box .best-head .caption{
    width: 250px;
}
.best-box.primary .best-head .caption{
    background: #1d4ec9;
    float: right;
}
.best-box.primary .best-head .caption:before{
    background: url('../images/sprites.png') -55px 0 no-repeat;
}
.best-head .caption h2{
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.gray-gradient{
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 11%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 11%,#ffffff 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 11%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}
.best-body-main .day,.best-body-main .today{
    font-size: 12px;
    font-weight: bold;
    color: #ed571f;
    right: 20px;
    position: relative;
    z-index: 2;
}
.best-body-main .day,.best-body-main .day{
    right: 0;
    position: relative;
    text-align: center;
    width: 100%;
    float: right;
}
.best-box.primary .best-body-main .day, .best-box.primary .best-body-main .today{
    color: #275bc6;
}
.best-body-main a{
    color: #575757;
}
.best-body .selectric-open .selectric-items {
    border-radius: 0 0 10px 10px;
}
.best-box.danger a:hover{
    color: #ed571f;
}
.best-box.primary a:hover{
    color: #275bc6;
}
.matches-list{
    width: 80%;
    margin-left: 40px;
    float: left;
    height: 300px;
    font-weight: bold;
}
.matches-list.auto-height{
    height: auto;
    width: 100%;
    margin: 0;
}
.match-row{
    width: 100%;
    float:right;
    margin-bottom: 2px;
}
.match-row:nth-child(odd){
    background: rgb(255,255,255);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 3%, rgba(252,252,252,1) 49%, rgba(252,252,252,1) 97%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 3%,rgba(252,252,252,1) 49%,rgba(252,252,252,1) 97%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 3%,rgba(252,252,252,1) 49%,rgba(252,252,252,1) 97%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.match-row>div{
    float: right;
}
.match-row .guest, .match-row .host{
    width: calc( 50% - 35px);
}
.match-row .host{
    text-align: left;
    padding-left: 15px;
}
.match-row .guest{
    text-align: right;
    padding-right: 15px;
}
.match-row>div img{
    margin: 0 5px;
}
.match-row .inner{
    width: 70px;
    margin-top: 2px;
    text-align: center;
    background: #d2d2d2;
    border-radius: 25px;
    line-height: 28px;
    height: 33px;
    font-size: 13px;
}
.match-row .inner.time-only{
    background: transparent;
    color: #575757;
}
.match-row.current:before{
    transition: ease-out 0.5s all;
}
.match-row.current .time i{
    font-size: 15px;
}
.match-row.current .inner.time-only, .best-body-main .match-row.current .time, .top-timer.text-success{
    color: #64c25b !important;
}
.match-row.current span.goal{
    color: #ec4539;
}
.match-row.current .host span, .match-row.current .guest span {
    position: relative;
}
.match-row.current .goal span{
}
.match-row.current .host span:before, .match-row.current .guest span:after{
    transition: ease 0.5s opacity;
    position: absolute;
    content: "\e911";
    opacity: 0;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-family: 'fantasy' !important;
    top: 2px;
    position: relative;
}
.match-row.current .host.goal span:before, .match-row.current .guest.goal span:after{
    opacity: 1;
}
.match-row.current .host span:before{
    right: -7px;
}
.match-row.current .guest span:after{
    left: -7px;
}
.match-row.style2 .inner.canceled, .match-row.style2 .inner.pause{
    font-size: 9px;
}
.match-row img{
    max-width: 36px;
    max-height: 36px
}

.table-selection-players{
    width: 100%;
    font-weight: bold;
    font-size: 13px;
}
.table-selection-players tr td{
    padding: 2px 0 4px;
}
.table-selection-players a.player-img{
    width: 42px;
    height: 42px;
    display: inline-block;
    overflow: hidden;
    margin-top: 6px;
    position: relative;
    top: 10px;
}
.table-selection-players img.img-player{
    width: 42px;
    height: 42px;
}
.table-selection-players a.club-name{
    width: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
}
.table-selection-players a.club-name img{
    width: 40px;
    height: 40px;
}
.table-selection-players a.player-name,
.table-selection-players .position{
    line-height: 16px;
}
.table-selection-players .position{
    font-size: 12px;
    font-weight: normal;
    color: #757575;
    line-height: 12px;
    margin-top: -3px;
}

.best-box .select-box {
    min-width: 180px;
    float: left;
}
.best-box .select-box {
    min-width: 150px;
    float: left;
}
.best-box .selectric{
    border: none;
    border-radius: 5px 5px 0 0;
}
.selectric .button {
    left: 0;
    right: inherit;
}
.best-box .selectric .button:after{
    width: 30px;
    height: 30px;
    border: none;
    color: #fff;
    font-family: 'simple-line-icons';
    font-size: 10px;
    font-weight: bold;
    content: "\e604";
    top: 29px;
}
.best-box .selectric .label {
    margin: 0 12px 0 10px;
    font-size: 12px;
    line-height: 38px;
    height: 36px;
}
.best-box.primary .selectric .label {
    font-size: 14px;
}
.selectric-danger .selectric, .selectric-danger .selectric .button{
    background: #ed551e;
    color: #fff;
}
.selectric-danger .selectric, .selectric-danger .selectric .button{
    background: #fe5d1d;
    color: #fff;
}
.selectric-primary .selectric, .selectric-primary .selectric .button{
    background: #1d4ec9;/*#1b4ecb*/
    color: #fff;
}
.selectric-primary .selectric, .selectric-primary .selectric .button{
    background: #1d4ec9;
    color: #fff;
}
.best-box.primary .selectric-league .selectric, .best-box.primary .selectric-league .selectric .button{
    background: #1d4ec9;
    color: #fff;
}
.best-box.primary .selectric-selectric .selectric-items li.highlighted,
.best-box.primary .selectric-league .selectric-items li.highlighted:hover, .best-box.primary .selectric-league .selectric-items li.highlighted {
    background: #1d4ec9;
}
.best-box.danger .selectric-selectric .selectric-items li.highlighted,
.best-box.danger .selectric-league .selectric, .best-box.danger .selectric-league .selectric .button{
    background: #fe5d1d;
    color: #fff;
}
.best-box.danger .selectric-league .selectric-items li.highlighted:hover, .best-box.danger .selectric-league .selectric-items li.highlighted {
    background: #fe5d1d;
}
.selectric-league .selectric .label {
    color: #fff;
    font-weight: bold;
}


.selectric-gray .selectric .label{
    font-size: 13px;
}
.selectric-gray .selectric, .selectric-gray .selectric .button{
    background: #dbdbdb;
    color: #fff;
}

.primary .best-body-container{
    margin-top: 60px;
}
.best-body{
    border-radius: 12px;
    box-shadow: 0 0 50px 0 #cacaca;
    padding-bottom: 10px;
    background: #fff;
    border-bottom: 10px solid #f6f6f6;
}
.col-best{
    margin-top: 30px;
}
.best-body-top{
    background: #fff;
    border-radius: 12px 12px 0 0;
    height: 42px;
}
.best-body-top h3, .best-body-top .h3{
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    color: #212121;
    border-right: 3px solid #ed551e;
    padding-right: 6px;
    margin-right: 10px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}
.best-box.primary .best-body-top h3, .best-box.primary .best-body-top .h3{
    border-right: 3px solid #1d4ec9;
}
.best-body-top .select-box {
    min-width: 110px;
}
.best-body-top .selectric .button:after {
    color: #575757;
    top: 34px;
}
.best-body-top .selectric .label {
    line-height: 42px;
    height: 42px;
}
.best-body-top .selectric {
    border-radius: 12px 0 0 0;
}
.table-clubs{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #434343;
}
.table-clubs tr td,.table-clubs tr th{
    padding: 3px;
}
.table-clubs tr td:nth-child(1), .table-clubs tr th:nth-child(1){
    width: 36px
}
.table-clubs tr td:nth-child(2), .table-clubs tr th:nth-child(2){
    text-align: right;
}
.table-clubs th{
    color: #ed571f;
    font-weight: bold;
}
.best-box.primary .table-club-players th,
.best-box.primary .table-clubs th{
    color: #275bc6;
}
.table-clubs img{
    max-width: 36px;
    max-height: 36px;
}
.table-club-players img.img-nationality{
    max-width: 24px;
    max-height: 24px;
}
.best-box.primary .table-club-players{
    font-size: 13px;
}
.best-body-main{
    position: relative;
    padding: 10px 15px 10px 5px;
    border-radius: 0 0 12px 12px;
}
.best-body-main.draw-padding{
    padding: 10px 10px;
}
.best-body-main.no-padding{
    padding: 10px 0;
}
.best-body-main.iran{
    height: 280px !important;
}
.best-body-main.europe{
    height: 310px !important;
    overflow: auto;
}
.best-body-main.h-250 {
    height: 250px !important;
}
.best-body-main.h-280 {
    height: 280px !important;
}
.best-body-main.h-300 {
    height: 300px !important;
}
.best-body-main.h-350 {
    height: 350px !important;
}
.best-body-main.h-400 {
    height: 400px !important;
}
.best-body-main.h-450 {
    height: 450px !important;
}
.best-body-main.h-500 {
    height: 500px !important;
}
.best-body-main.has-scrollbar{
    overflow-y: auto;
}
.best-body-main.right{
    width: 100%;
}

.league-logos{
    float: right;
    height: 60px;
    top: -24px;
    position: absolute;
    left: 0;
    right: 340px;
}
.league-logos ul{
    text-align: left;
    display: block;
    height: 100%;
}
.league-logos ul li{
    cursor: pointer;
    display: inline-block;
    margin: 0 1px;
    opacity: 0.6;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.league-logos ul li:hover{
    opacity: 1;
}
.league-logos ul li.active{
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.league-logos ul li img{
    max-width: 60px;
    max-height: 60px;
}

.ribbon{
    position: relative;
    top: -145px;
    width: 100%;
    height: 550px;
    /* z-index: -1; */
    background: url(../images/ribbon.svg) top center no-repeat;
    background-size: 100% 100%;
}
.widgets-box{
    margin-top: -320px;
    margin-bottom: 50px;
}
.widgets{
    float: right;
    width: 100%;
    position: relative;
}
.widgets:before{
    content: "";
    right: 0;
    left: 0;
    top: 10px;
    bottom: 0;
    width: 10px;
    position: absolute;
    margin: auto;
    background: url(../images/bg/one-view.jpg);
}

.widget img{
    width: 50px;
    height: 50px;
    margin-top: 7px;
}

.one-view h2{
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #232323;
    text-align: center;
}
.one-view h2:before{
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 130px;
    bottom: -10px;
    height: 2px;
    background: #232323;
}
.one-view h4{
    color: #000;
    font-size: 15px;
}
.widget{
    float: right;
    width: 100%;
    margin-top: 30px;
    position: relative;
}
.widget:before{
    content: "";
    left: 20px;
    width: 100%;
    margin-top: 25px;
    width: calc( 50% - 100px);
    position: absolute;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    height: 80%;
}

.widget .img-box{
    width: 80px;
    height: 80px;
    border: 2px solid #3a3b47;
    border-radius: 50%;
    float: right;
    padding: 5px;
    text-align: center;
    margin-top: 30px;
    background: #f4f4f4;
}

.widget .text-box{
    width: calc( 50% - 40px);
    float: right;
    padding: 0 40px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
}
.widgets .widget:nth-child(2) .text-box, .widgets .widget:nth-child(2) .img-box{
    float: left;
}
.widgets .widget:nth-child(2):before{
    content: "";
    right: 20px;
    left: inherit;
}

#player-modal .modal-header{
    padding: 15px 10px 5px 10px
}
#player-modal .modal-body{
    padding: 0;
}
#player-modal .player-top{
    padding: 0 10px;
}
.img-player-modal{
    border: 5px solid #edf3ed;
    float: right;
    margin-left: 20px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    vertical-align: top;
}
#player-modal .master-info{
    float: right;
    width: calc( 100% - 180px);
    color: #333;
    margin-top: 20px;
}
#player-modal .master-info .full-box{
    float: right;
    width: 100%;
    margin-bottom: 10px;
}
#player-modal .full-box>span{
    float: right;
}
#player-modal .slash{
    width: 1px;
    height: 15px;
    background: #333;
    margin: 6px 6px 0 6px;
    transform: skew(-16deg);
}
#player-modal .master-info .name{
    font-size: 18px;
    font-weight: bold;
}
#player-modal .master-info .full-name{
    font-size: 16px;
    font-weight: bold;
}
#player-modal .master-info .post{
    font-size: 16px;
}
#player-modal .master-info .key{
    font-weight: bold;
}
#player-modal img.img-flag{
    display: inline-block;
    margin: 0 6px 0 24px;
    width: 36px;
    height: auto;
    vertical-align: middle;
    float: right;
}
#player-modal ul.more li{
    float: right;
    margin: 10px 0 10px 24px;
    font-size: 16px;
    border-left: 1px solid #e7e7e7;
    padding-left: 20px;
}
#player-modal ul.more li:last-child{
    border: 0;
    padding-left: 0;
}

#player-modal .relative{
    margin-top: 30px;
}
#player-modal .rows{
    position: relative;
    top: 130px;
    padding-bottom: 130px;
    padding-right: 10px;
    padding-left: 10px;
}
#player-modal .select-wrapper{
    margin-left: 10px;
}

.absolute.sum{
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #3173dc;
    color: #fff;
    height: 90px;
    padding: 5px 10px;
    text-align: center;
    display: block;
    overflow: auto;
}
.absolute.sum>div{
    display: inline-block;
    padding: 12px 20px 0 20px;
}
.absolute.sum>div>span{
    display: block;
    font-weight: bold;
    font-size: 13px;
}
.like-table .div-th{
    font-weight: bold;
    color: #3173dc;
    text-align: center;
}
.like-table .div-th, .like-table .div-td{
    width: 56px;
    float: right;
    min-height: 20px;
}
.like-table .div-th.wide, .like-table .div-td.wide{
    width: 145px;
    text-align: right;
}
.like-table .div-th.half, .like-table .div-td.half{
    width: 140px;
    float: right;
}
.like-table .div-th.wide, .like-table .div-th.half,
.like-table .div-td.wide, .like-table .div-td.half{
    overflow: hidden;
}
.like-table .div-tr.sum{
    background: #3173dc;
    color: #fff;
    padding: 6px 0;
    position: relative;
}
.like-table .div-tr.sum:before, .like-table .div-tr.sum:after{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    background: #3173dc;
}
.like-table .div-tr.sum:before{
    right: -10px;
    border-radius: 0 0 10px 0;
}
.like-table .div-tr.sum:after{
    left: -10px;
    border-radius: 0 0 0 10px;
}
.like-table.striped .div-tbody>div:nth-child(4n) {
    background-color: #eeeeee;
}

.has-fix-button{
    padding-bottom: 40px;
    position: relative;
}
.fix-button a{
    color: #1e2121;
    padding: 10px 0;
}
.moble-home-h1{
    text-align: center;
    font: 16pt IranSans;
    line-height: 30px;
}
.round .top-btn{
    position: absolute;
    top: -22px;
    width: 44px;
    height: 44px;
    padding: 7px 0;
    background: #fff;
    box-shadow: 0 0 10px -1px #ddd;
    border-radius: 50%;
    text-align: center;
}
.round .btn-week-info{
    font-size: 24px;
    color: #343a41;
    right: 20px;
}
.round .top-gray-label{
    position: absolute;
    left: 20px;
    top: -12px;
    z-index: 9;
    border-radius: 15px;
    height: 24px;
    padding: 2px 15px;
    color: #fff;
    background: #575757;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.players-number{
    right: 75px;
    top: -22px;
    left: inherit;
}
.players-number .icon-box{
    background: #212121;
    border-radius: 3px;
    height: 28px;
    width: 26px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.players-number i{
    color: #fff;
    font-size: 25pt;
    margin-top: -3px;
    position: relative;
    z-index: 2;
}
.players-number i.fantasy-calendar-line{
    font-size: 18pt;
}
#btn-go-all-weeks{
    position: relative;
    z-index: 9;
}
/*-------------------------- Home Page End ------------------------*/



/*------------------------ Mobile Home Start ----------------------*/
html.mobile{
    padding-bottom: 75px;
}
.mobile-news-box{
    background: #fff;
    border-radius: 20px;
    margin-top: 20px;
    float: right;
    position: relative;
    width: 100%;
    padding: 20px 0 5px 0;
}
.special-bg.mobile-home:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    /*background: rgba(0, 0, 0, 0.6);*/
    background: rgba(23, 63, 132, 0.8);
}
header.mobile-home{
    overflow: hidden;
    height: 335px;
}
header.mobile-home .top-nav.core-nav.nav-core-sticky {
    margin-top: -290px;
}
header.mobile-home .core-nav.nav-core-sticky.on-scroll{
    position: relative;
}
header.mobile-home .logo-area, header.mobile-home .users-section {
    margin-top: 45px;
    margin-bottom: 15px;
}
header.mobile-home .logo{
    text-align: center;
    margin-top: 0;
    position: relative;
    width: 180px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
header.mobile-home .logo-area {
    height: 290px;
}
header.mobile-home .logo img {
    display: block;
    width: 90px;
    margin: 60px auto 30px auto;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
}
header.mobile-home .logo h1{
    font-size: 16pt;
    margin-top: 5px;
    display: block;
    vertical-align: middle;
}
header.mobile-home .topest-pickteam-area{
    display: none;
}
header.mobile-home .core-nav .core-nav-toggle.top{
    margin-top: 2px;
}
header.mobile-home .users-section {
    position: absolute;
    top: -40px;
    left: -300px;
    transition: ease 0.4s all;
}
header.mobile-home .users-section .logged-in-box{
    margin-top: 4px;
}

header.mobile-home .users-section.open{
    left: 0;
}
.btn-home-mobile-user{
    display: none;
}
header.mobile-home .btn-home-mobile-user{
    display: block;
    color: #fff !important;
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: 20px;
}

.owl-mobile-news.owl-carousel .owl-item img{
    border-radius: 20px;
}
.owl-mobile-news .caption h2{
    color: #2a2a2a;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}
.owl-mobile-news .owl-dots {
    text-align: center;
}
.owl-mobile-news .owl-dots .owl-dot{
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-left: 5px;
    outline: none;
    border: none;
    background: #fff;
    border: 1px solid #1c4ca0;
}
.owl-mobile-news .owl-dots .owl-dot:hover,
.owl-mobile-news .owl-dots .owl-dot.active{
    background: #1c4ca0;
}

.sm-matches-box{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding: 20px 0 15px 0;
}
.sm-match-box{
    background: #fff;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    margin-left: 20px;
    color: #121212;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 10px;
}
.sm-match-box h3{
    font-size: 12px;
    color: #1c4ca0;
    text-align: center;
    font-weight: bold;
}
.sm-match-box .match-box{
    position: relative;
}
.sm-match-box:first-child{
    margin-right: 20px;
}
.sm-match-box .guest, .sm-match-box .host{
    width: 100px;
    display: inline-block;
    text-align: center;
}
.sm-match-box .host{
    padding-left: 10px;
}
.sm-match-box .guest{
    padding-right: 10px;
}
.sm-match-box>div img{
    margin: 0 auto;
    max-width: 40px;
    max-height: 40px;
    display: block;
}
.sm-match-box .guest span, .sm-match-box .host span{
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #2c2c2c;
    height: 30px;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sm-match-box .inner{
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40px;
    text-align: center;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
}
.sm-match-box .inner.canceled, .sm-match-box .inner.pause{
    font-size: 10px;
}
.sm-match-box .inner a{
    color: #212121;
}
.sm-match-box .inner.time-only{
    background: transparent;
    color: #575757;
}
.sm-match-box.see-more{
    height: 132px;
    vertical-align: top;
    text-align: center;
}
.sm-match-box.see-more i{
    display: inline-block;
    margin: 20px 0 15px;
    font-size: 24px;
}
.sm-match-box.see-more a{
    color: #1c4ca0;
}
.sm-match-box.see-more a h2{
    font-size: 13px;
    font-weight: bold;
}
.fixed-mobile-menu{
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    height: 70px;
    z-index: 2;
    background: url(../images/svg/fixed-mobile-menu.svg) center top no-repeat;
    border-bottom: 1px solid #fff;
}

.fixed-mobile-menu a.item{
    color: #212121;
    font-size: 12px;
    float: right;
    width: 19%;
    text-align: center;
    position: relative;
    margin-top: 24px;
}
.fixed-mobile-menu a.item.middle{
    width: 24%;
}
.fixed-mobile-menu a.item i{
    width: 100%;
    font-size: 24px;
    margin-top: -12px;
}
.fixed-mobile-menu a.item.middle i:before{
    position: absolute;
    bottom: 26px;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #fff;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 30px;
    background: #51ad8a;
    box-shadow: 0 0 20px -4px #51ad8a;
    background: -moz-linear-gradient(-45deg,  #51ad8a 0%, #71de85 100%);
    background: -webkit-linear-gradient(-45deg,  #51ad8a 0%,#71de85 100%);
    background: linear-gradient(135deg,  #51ad8a 0%,#71de85 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51ad8a', endColorstr='#71de85',GradientType=1 );
}
.fixed-mobile-menu a.item span{
    display: block;
    margin-top: -10px;
}
.fixed-mobile-menu a.item.active, .fixed-mobile-menu a.item.active i{
    color: #45998e;
}
header.mobile-home .free-user .red-box {
    width: 130px;
    height: 42px;
    top: 5px;
}
header.mobile-home .free-user .gray-box {
    height: 34px;
    top: 10px;
}
header.mobile-home.free-user .signin a {
    margin-top: 9px;
    height: 34px;
}

.header.mobile-home .logo-area{
    height: 290px !important;
}
.home-double-logo{
    display: flex;
    margin-top: 70px;
    height: 60px;
    width: 100%;
    /* background: rgba(0,0,0, 0.5); */
}
.home-double-logo .logo-box{
    flex-direction: row;
    position: relative;
    width: 50%;
}
.home-double-logo .logo-box img{
    max-width: 150px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.home-double-logo .logo-box:first-child:before{
    content: "";
    position: absolute;
    height: 30px;
    width: 1px;
    background: #4866cb;
    left: -1px;
    top: 7px;
}
.home-banner-box{
    width: 100%;
    margin-top: 10px;
    padding: 0 20px 0 20px;
}
img.home-banner{
    max-width: 700px;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
}
img.home-banner-xs{
    display: none;
}
img.home-banner-sm{
    display: block;
}
/*------------------------- Mobile Home End -----------------------*/



/*------------------------- Weeks Page Start ----------------------*/
.tabs-primary.nav-tabs{
    margin: 30px auto 10px;
    text-align: center;
    width: 100%;
    display: block;
}
.tabs-primary.nav-tabs .nav-item{
    display: inline-block;
}
.tabs-primary.nav-tabs.round:before {
    right: 0;
    left: 0;
}
.tabs-primary.nav-tabs .nav-item a{
    padding: 4px 25px !important;
}
.tabs-primary.nav-tabs.round:before {
    background: #e5e5e5;
}

/*-------------------------- Weeks Page End -----------------------*/



/*------------------------- Pick Team Start -----------------------*/
.topest-pickteam-area h2{
    display: inline-block;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}
.topest-pickteam-area a.btn.btn-week-info{
    padding: 2px 20px;
    display: inline-block;
    margin: 0 6px 0 0;
    height: 30px;
    line-height: 24px;
}
.team-top-gradient{
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: -3px;
    bottom: 0;
    height: 200px;
    background: -moz-linear-gradient(top, rgba(26, 59, 127, 1) 0%, rgba(26, 59, 127, 0.8) 70%, rgba(26, 59, 127, 0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(26, 59, 127, 1) 0%, rgba(26, 59, 127, 0.8) 70%, rgba(26, 59, 127, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(26, 59, 127, 1) 0%, rgba(26, 59, 127, 0.8) 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.top-filter-box{
    margin-top: 10px;
}
.select-player-title{
    width: 110px;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    vertical-align: top;
    margin-top: 3px;
}
.three-top-filter{
    width: calc(100% - 120px);
    display: inline-block;
}
.three-top-filter .one-over-three{
    width: 32%;
    margin: 0 5px 0 0;
    display: inline-block;
}
.selectric-round .selectric{
    border-radius: 25px;
}
.selectric-curve .selectric{
    border-radius: 6px;
}
.selectric-round.selectric-dark-blue .selectric, .selectric-round.selectric-dark-blue .selectric .button{
    background: #173362;
}
.selectric-round.selectric-dark-blue .selectric{
    border: 1px solid #fff;
}
.selectric-round .selectric .button:after, .selectric-curve .selectric .button:after{
    border: 6px solid transparent;
    border-top-color: #fff;
    right: inherit;
    left: 20px;
    top: 2px;
}
.selectric-dark-blue .selectric .label {
    margin: 0 15px 0 10px;
    font-size: 14px;
    color: #fff;
    height: 32px;
    line-height: 32px;
}
.price-slider{
    margin-top: -5px;
    float: left;
    width: 100%;
}
.price-slider .slider.slider-horizontal{
    width: 100%;
}
.price-slider .max-slider-handle{
    top: 0;
}
.price-slider .slider .round{
    background: #fed202;
    box-shadow: none;
    color: #000;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.price-slider .slider.slider-horizontal .slider-track {
    height: 6px;
    width: 100%;
    margin-top: -3px;
    top: 50%;
    left: 0;
}
.price-slider .value-range{
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    font-weight: bold;
}

.pickteam .header-featured-right {
    width: 36%;
}
.pickteam .header-featured-right .players-table-box{
    width: 100%;
    border-radius: 25px;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.pickteam .header-featured-right .players-table-box {
    background: rgba(34, 83, 160, 1);
    border-radius: 15px;

}

.pickteam .header-featured-left {
    width: 62%;
    padding: 10px 0;
    border-radius: 20px;
    height: auto;
    margin: 0;
}
.header-featured-right:after{
    width: 96%;
    right: 2%;
}

#players_filter,
.pickteam .dataTables_length{
    display: none;
}
#players thead, #players tfoot, .pickteam .dataTables_paginate {
    display: none;
}
.pickteam .dataTables_scrollFoot{
    display: none
}

#players_wrapper{
    float: right;
    width: 100%;
}
#players_wrapper .row .col-md-6{
    flex: 0 0 100%;
    max-width: 100%;
}
#players_wrapper .dataTables_filter input{
    max-width: 100%;
}
#players_wrapper .dataTables_info,
#players_wrapper .dataTables_paginate{
    display: none;
}

#players{
    color: #fff;
    width: 100%;
    font-size: 12px;
    max-width: 100% !important;
    text-align: center;
}

.dataTables_scrollBody{
    left: 1px;
}
.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    background: #333;
    border-radius: 3px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,255,1);
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #d7e1ed;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.dataTables_scrollBody{
    scrollbar-color: #333 #d7e1ed;/* for firefox */
    scrollbar-width: thin;/* for firefox */
}
.dts_label{
    display: none;
}
.name-position-matches .name-position, .name-position-matches .match{
    display: block;
    overflow: hidden;
}
.name-position-matches .name-position{
    height: 24px;
    line-height: 24px;
}
.name-position-matches .name-position .position{
    font-size: 11px;
    font-weight: normal;
}
.name-position-matches .bottom-matches{
    font-size: 10px;
    line-height: 12px;
    /* color: #eee; */
}
.name-position-matches .match .bold{
    font-weight: bold;
}
.name-position-matches .match .normal{
    font-weight: normal;
}

.arranges-box{
    z-index: 1;
}
ul.arranges{
    display: block;
    text-align: center;
    margin-top: 5px;
    z-index: 1;
}
ul.arranges li.arrange{
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    border-radius: 3px;
    cursor: pointer;
    direction: ltr;
    height: 90px;
    width: 64px;
    opacity: 0.7;
    background: url(../images/sprites.png) -114px -1px;
    transition: ease 0.25s all;
}
ul.arranges li.arrange:hover,
ul.arranges li.arrange.active
{
    opacity: 1;
}
.arrange{
    display: inline-block;
}
.arranges .title{
    margin-top: -20px;
}
.arrange-dots{
    float: right;
    width: 100%;
}
.arrange-dots span{
    text-align: center;
    width: 5px;
    height: 5px;
    background: #575757;
    border-radius: 50%;
    display: inline-block;
    margin: 2px 4px;
}
.arrange-dots span:first-child{
    margin-right: 0;
    margin-top: 0;
    transform: translateY(-2px);

}
.arrange-dots span:last-child{
    margin-left: 0;
    transform: translateY(-2px);
}
.arrange-dots>div{
    height: 18px;
    width: 100%;
    display: block;
    float: right;
}
.icon .arrange-dots span{
    width: 4px;
    height: 4px;
    margin: 1px;
}
.icon .arrange-dots>div{
    height: 10px;
}



.pitch, .pitch-reserves{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px auto;
}

.pitch img.pitch-v{
    display: none;
}
.pitch img.pitch-h{
    display: block;
}
.pitch-players{
    /* position: absolute; */
    width: 100%;
    /* height: 100%; */
    top: 0;
    right:0;
    left: 0;
    z-index: 1;
}
.pitch-players .position-box{
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    /* float: left; */
}
.pitch-players .position-box.striker .players-box{
    margin-top: 80px;
}
.pitch-players .position-box.midfielder{
    top: -40px;
}
.players-7 .pitch-players .position-box.midfielder{
    top: 0;
}
.pitch-players .players-box{
    display: block;
    height: 100%;
    width: 100%;
    margin-top: 55px;
    padding-right: 15px;
}
.pitch-players .players{
    display: block;
    vertical-align: middle;
    width: 100%;
    transition: ease 0.4s all;
    /*direction: ltr;*/
    height: 112px;
    float: right;
}
.pitch-box .player{
    position: relative;
    width: 100px;
    height: 100px;
    margin: 2px 20px;
    float: none;
    color: #fff;
    text-align: center;
    font-size: 9pt;
    cursor: pointer;
    transition: ease 0.4s all;
    display: inline-block;
    vertical-align: top;
    padding-top: 62px;
}
.pitch-box .player:before{
    content: "";
    position: absolute;
    top: 100px;
    right: 0;
    height: 2px;
    width: 100%;
    transform: scale(1.08);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    /* z-index: -1; */
}
.pitch-box .player.empty-player:before{
    top: 82px;
}
.pitch-box .count-4 .player {
    margin: 2px 45px;
}

.pitch-box .players .player:first-child, .pitch-box .players .player:last-child{
    transform: translateY(-25px);
}
.pitch-box .striker .players.count-3 .player:nth-child(2) {
    transform: translateY(-50px);
}
.pitch-box .players .player:first-child{
    margin-right: 0;
    margin-left: 10px;
}
.pitch-box .players .player:last-child{
    margin-left: 0;
    margin-right: 10px;
}
.pitch-box .goal-keeper .players .player{
    margin-right: 0;
    margin-left: 0;
}


.pitch-box .player.empty-player .empty-icon{
    background: rgba(0, 0, 0, 0.2);
}
.pitch-box .player.empty-player .empty-icon:before{
    content: "\e93e";
    font-family: "fantasy";
    position: absolute;
    height: 30px;
    width: 30px;
    font-size: 18pt;
    color: #fff;
    text-align: center;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: -4px;
}
.pitch-box .player.empty-player .empty-icon,
.pitch-box .player img{
    position: absolute;
    height: 64px;
    width: 64px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -2px;
    border: 2px solid #fff;
    transition: ease 0.4s all;
    border-radius: 50%;
}
.pitch-box .player.empty-player.active .empty-icon,
.pitch-box .player.active img{
    border: 2px solid #fdd100;
    box-shadow: 0 0 5px #fdd100;
}

.pitch-box .player .btn-trash{
    position: absolute;
    right: 10px;
    top: 20px;
    padding: 0;
    width: 18px;
    height: 18px;
    z-index: 2;
}
.pitch-box .player .btn-trash i {
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
}
.lbl-capitan, .lbl-vice-capitan{
    position: absolute;
    left: 16px;
    height: 16px;
    width: 16px;
    top: 40px;
    padding: 1px;
    background: #fed202;
    border-radius: 50%;
    color: #121212;
    font-weight: bold;
    line-height: 16px;
    z-index: 3;
}
.pitch-box .player .lbl-lineup{
    left: 7px;
    top: 20px;
    padding: 0;
    width: 18px;
    height: 18px;
    z-index: 3;
    display: inline-block;
    line-height: 18px;
    position: absolute;
}

.pitch-box .player .position-caption,
.pitch-box .player .title{
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #122448;
    border-radius: 2px 2px 0 0;
    margin: 0;
    padding: 0;
    line-height: 20px;
    float: right;
    width: 100%;
    font-weight: bold;
}
.pitch-box .player .position-caption{
    border-radius: 2px;
}
.pitch-box .player .value, .pitch-box .player .player-point{
    width: 50%;
    float: right;
    color:  #111;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    direction: rtl;
}
.pitch-box .player .value{
    background: #69f0ff;
    border-radius: 0 5px 5px 0;
}
.pickteam .pitch-box .player .value{
    width: 100%;
    border-radius: 0 0 2px 2px;
    font-size: 12px;
    font-weight: normal;
}
.pitch-box .player .player-point{
    background: #fed301;
    border-radius: 2px 0 0 2px;
}
.pitch-box .player .date, .pitch-box .player .date-title{
    line-height: 16px;
    font-size: 11px;
}
.pitch-box .player .date{
    height: 32px;
    overflow: hidden;
    direction: ltr;
}
.pitch-box .reserves-box{
    padding-right: 20px;
    position: relative;
    float: right;
    text-align: center;
    width: 100%;
}
.pitch-box .reserves{
    margin-top: -28px;
    float: right;
    text-align: center;
    width: 100%;
}
.pitch-box .reserves  .player{
    margin: 2px 6px;
}
.pitch-box .in-out{
    position: absolute;
    top: -17px;
    right: 78px;
    font-size: 40pt;
    color: #c1c1cb;
}
.pitch-box .in-out span{
    font-size: 13px;
    display: block;
}
.pitch-bottom-hint{
    margin-top: -3px;
    font-size: 12px;
    color: #343a40;
    width: 100%;
    float: right !important;
    height: 30px;
}
.viewteam .pitch-bottom-hint{
    color: #fff;
    margin-top: 0;
    height: 30px;
    width: 100%;
    float: right !important;
}
.players-7 .pitch-bottom-hint {
    margin-top: 70px;
}

.player.active-for-capitan img{
    border: dashed 2px #fdd100;
}
.player.is-capitan img{
    border: solid 2px #fdd100;
}
.player.is-vice-capitan img{
    border: solid 2px #f1af09;
}

.pitch-buttons{
    margin-top: 20px;
    text-align: center;
}
.pitch-buttons .btn{
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: bold;
    margin: 0 5px;
}
.pitch-buttons .btn i{
    margin-left: 10px;
}
.pitch-buttons .btn.btn-success i{
    margin-right: 10px;
    margin-left: 0;
}
.pitch-buttons .btn-default.btn-border {
    border: 2px solid #424242;
}

.players-table-box .top-box{
    width: 100%;
    height: 40px;
    color: #fff;
    border-radius: 15px 15px 0 0;
}
.players-table-box .close-box,
.players-table-box .filter-box{
    display: none;
}
.players-table-box .sort-box{
    position: relative;
    float: right;
    width: 40%;
    background: #1a4788;
    padding: 6px 5px 4px 5px;
    height: 45px;
    cursor: pointer;
}
.players-table-box .filter-box:before,
.players-table-box .sort-box:before{
    content: "";
    position: absolute;
    left: 5px;
    top: 20px;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
}
.players-table-box .search-box{
    float: right;
    width: 60%;
    height: 45px;
    background: #204f98;
    padding: 5px;
}
.search-box i{
    font-size: 20px;
    line-height: 36px;
}
.search-box input{
    border: none;
    background: transparent;
    outline: none;
    color: #fff;
}
.search-box ::placeholder {color:#aaa;font-size: 12px;}
.search-box :-ms-input-placeholder {color:#aaa;font-size: 12px;}
.search-box ::-ms-input-placeholder {color:#aaa;font-size: 12px;}

.sort-box i{
    float: right;
    height: 40px;
    padding-top: 11px;
    margin-left: 5px;
}
.search-box .btn.btn-reset{
    display: none;
    position: absolute;
    top: 6px;
    left: 2px;
}
.sort-box .ordering{
    float: right;
    height: 40px;
}
.sort-box .based{
    font-size: 12px;
    color: #688bc1;
    line-height: 14px;
}
.sort-box .type{
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    margin-top: 4px;
}

.filter-box-options, .sort-box-options{
    width: 100%;
    background: #f1f1f1;
    color: #575757;
    display: none;
    padding: 6px 12px;
    position: absolute;
    z-index: 3;
    top: 46px;
}
.filter-box-options{
    position: relative;
    top: 0;
}
.filter-box-options .three-top-filter{
    width: 100%;

}
.filter-box-options .three-top-filter .half{
    width: calc(50% - 10px);
    float: right;
}
.filter-box-options .three-top-filter .half:first-child{
    margin-left: 10px;
}

.filter-box-options .three-top-filter .position-left-box{
    width: 38%;
    float: right;
}
.filter-box-options .three-top-filter .select-player-value-mobile{
    width: 55%;
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}
.filter-box-options .price-slider .value-range{
    color: #333;
}


.sort-box-options ul li{
    border-bottom: 1px solid #dadada;
    padding: 5px;
    cursor: pointer;
    /* border-bottom: 1px solid #eee; */
}
.sort-box-options ul li.active{
    color: #2253a0;
}
.sort-box-options ul li:last-child{
    border-bottom: none;
}


table#players tr{
    cursor: pointer;
}
table#players tr.even{
    background: #275db8;
}
table#players tbody tr td{
    vertical-align: middle;
}
table#players tbody tr td:nth-child(2){
    text-align: right;
}

table#players thead th{
    font-size: 11px;
    padding: 10px 3px;
    text-align: center
}
table#players tr.picked{
    background: #fff;
    border-bottom: 1px solid #eee !important;
}

table#players tr.picked td{
    background: #fff;
    border-bottom: 1px solid #eee !important;
    color: #1e559f;
    text-shadow: none;
}
table#players tr.picked .name-position .bottom-position{
    color: #4878b9;
}
table#players tr.picked .btn-remove{
    color: #fff;
}
table#players .img-add a[class^='btn']{
    position: relative;
    border-radius: 50%;
    font-size: 14pt;
    line-height: 26px;
    transition: none;
    display: block;
    padding: 0;
    width: 42px;
    height: 42px;
}
table#players .img-add a.btn-remove:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(63, 189, 108, 0.7);
    z-index: 2;
    border-radius: 50%;
    right: 0;
    left: 0;
}
table#players .img-add a.btn-remove:after{
    font-family: "fantasy";
    content: "\e904";
    position: absolute;
    font-size: 14px;
    top: 7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
}
table#players .img-add a[class^='btn'] img{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
table#players .btn-remove{line-height: 14px}
#players_wrapper input{
    max-width: 30px;
}
#players_info{
    color: #fff;
}
.dataTables_paginate ul li{
    display: inline-block;
}
table#players tfoot{
    /*display: none*/
}
.table-players.dataTable thead th{
    text-align: center;
}
.table-players.dataTable thead th.img{
    display: none;
    width: 20px !important;
}
.table-players.dataTable th{
    color: #fff !important;
    font-size: 10px;
    min-width: 32px;
    padding: 10px 5px;
}
.table-players.dataTable thead th.full-name{
    font-weight: bold;
    font-size: 14px;
    min-width: 200px;
    text-align: right;
    padding-right: 15px !important;
}
.table-players.dataTable thead th.full-name.short{
    min-width: 170px;
}

.table-players .sorting:after,
.table-players .sorting_asc:after,
.table-players .sorting_desc:after {
    display: none !important;
}


#players_wrapper table.dataTable thead .sorting_asc:after,
#players_wrapper table.dataTable thead .sorting:after{
    display: none;
}
.dataTables_scrollHead thead tr th,
#players thead tr th,
#players tbody tr td{
    padding: 10px !important;
}
#players .btn-player-detail{
    display: block;
}
.dataTables_scrollHead thead tr th:nth-child(2){
    width: 30px !important;
}
#players thead tr th:nth-child(2),
#players tbody tr td:nth-child(2){
    /* width: 30px !important; */
}
.budget-icon{
    float: right;
    font-size: 50px;
    width: 44px;
    color: #fff;
}
.budget-box{
    float: left;
    width: calc(100% - 55px);
    color: #fff;
    line-height: 24px;
    vertical-align: top;
}
.budget-box .title{
    font-size: 15px;
    font-weight: bold;
}
.budget-box #remaining-budget{
}
.budget-box #remain{
    font-size: 14px;
    font-weight: bold;
}
.budget-box .currency{
    font-size: 11px;
    color: #eee;
}
.pickteam .top-box .buttons .btn{
    padding: 1px 8px;
    width: 45%;
    margin: 0 2%;
    font-weight: bold;
    font-size: 12px;
}
.pickteam .top-box .buttons .btn i{
    font-style: normal;
    display: inline-block;
    margin-left: 4px;
}
.pickteam .top-box .buttons .btn-capitan i,
.pickteam .top-box .buttons .btn-vice-capitan i{
    font-size: 15px;
}
.pickteam .top-box .buttons .btn-vice-capitan{
    background-color: #f1af09;
}
.pickteam .top-box .btn-white{
    color: #1d3e79 !important;
}
.pickteam .top-box .buttons-box{
    position: relative;
    margin-top: 10px;
}
.pickteam .top-box .buttons-box:before,
.pickteam .top-box .buttons-box:after{
    content: "";
    position: absolute;
    height: 32px;
    width: 1px;
    top: 0;
    background: #212121;
}
.pickteam .top-box .buttons-box:before{
    right: 0;
}
.pickteam .top-box .buttons-box:after{
    left: 0;
}
.popover-body .btn{
    font: 14px IranSans;
}
.popover-body .btn-details-this,
.popover-body .btn-capitan-this,
.popover-body .btn-vice-capitan-this,
.popover-body .btn-remove-this{
    padding: 1px 10px;
    margin: 0 2px;
    font-size: 12px;
}
.popover-body .btn-vice-capitan-this{
    background-color: #f1af09;
}
#players tr td:nth-child(1){
    padding: 10px 10px 0 0 !important;
    width: 42px;
    height: 42px;
}

.btn-show-arranges{
    cursor: pointer;
    display: block;
    padding: 0 4px;
}
.btn-show-arranges .text{
    width: calc(100% - 45px);
    vertical-align: top;
    text-align: center;
    display: inline-block;
}
.btn-show-arranges .icon{
    height: 44px;
    width: 30px;
    display: inline-block;
    background: url(../images/sprites.png) -181px 0;
    vertical-align: top;
    margin: 2px 0 3px;
}
.btn-show-arranges h4{
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.btn-show-arranges #selected-arrange-title{
    font-weight: bold;
    line-height: 22px;
}
.filters{
    margin-bottom: 20px;
}


#select-league-matches{
    margin-top: 15px;
}
#btn-toggle-matches {
    display: none;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 5px;
    padding: 3px 7px;
    background: #4c4c4c;
}


.abbreviation{line-height: 22px}
.full-name{
    cursor: pointer;
}
.player-properties{
    font-size: 13px;
    line-height: 20px;
}
table.table.player-details{font-size: 11px}
table.table.player-details thead tr th,
table.table.player-details tr td{text-align: center}

table.table.player-details tbody tr td:nth-child(1),
table.table.player-details tbody tr td:nth-child(2){
    text-align: right !important
}
table.table.player-details tr.sum td{
    background: #888;
    color: #fff
}

#players_wrapper ul.pagination{
    text-align: left;
    display: block;
}
#players_wrapper .pagination>li>a, .pagination>li>span {
    margin-right: 5px;
}

.pitch-box.view-team .title{
    margin-top: 10px;
}


#players tbody span.suspended {
    margin-right: 3px;
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 2;
    width: 16px;
    height: 16px;
}
#players tbody span.injured{
    margin-right: 3px;
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 2;
}
#players tbody span.lbl-lineup, #players tbody span.lbl-lineup-bench{
    top: 25px;
    left: -1px;
    padding: 0;
    width: 16px;
    height: 16px;
    z-index: 2;
    color: #fff;
    display: inline-block;
    background: #1d4ec9;
    line-height: 18px;
    position: absolute;
    font-size: 11px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 2px 0 #fff;
}
#players tbody span.lbl-lineup-bench {
    background: #777;
}
.abbreviation .suspended {
    color : #f44336 ;
}

.btn-suspended{
    cursor: default;
    position: absolute;
    left: 16px !important;
    top: 0;
    padding: 0;
    width: 16px;
    height: 16px;
}
.icon-suspended,
.btn-suspended .fa-minus-circle{
    color: #ed551e;
    background: #fff;
    border-radius: 50%;
    font-size: 16px;
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    vertical-align: top;
    line-height: 16px;
    -webkit-box-shadow:inset 0px 0px 0px 3px #ed551e;
    -moz-box-shadow:inset 0px 0px 0px 3px #ed551e;
    box-shadow: inset 0px 0px 0px 3px #ed551e;
}
.btn-suspended  .icon-injured{
    margin-top: -10px;
}
.btn-suspended-down{
    top: 25px;
}
.icon-suspended{
    text-align: center;
}
.icon-suspended:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f056";
    line-height: 15px;
    text-shadow: none;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
}

.icon-injured, .icon-injured-orange{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url('../images/sprites.png') -182px -49px;
}
.icon-injured-orange{
    background-position: -198px -49px;
    vertical-align: top;
}
#match-lineup-modal .icon-injured-orange, #match-lineup-modal .icon-suspended, #match-lineup-modal .btn-suspended .fa-minus-circle {
    vertical-align: middle;
}

td.next-match{
    min-width: 140px;
}
td.full-name{
    min-width: 140px;
}
td.full-name span{
    float: right;
}

.matches-box .matches-head{
    border-bottom: 1px solid #ed551e;
    margin-bottom: 20px;
}
.matches-box.primary .matches-head{
    border-bottom: 1px solid #1d4ec9;
    float: right;
    width: 100%;
}
.matches-box .caption{
    position: relative;
    background: #ed551e;
    border-radius: 0 10px 0 0;
    display: inline-block;
    padding: 0 15px 0 40px;
    height: 36px;
    border-radius: 20px 10px 0 0;
}
.matches-box.primary .matches-head  .caption{
    padding: 0 4px 0 0;
}

.matches-box .matches-head .caption{
    min-width: 270px;
    /* margin-left: 90px; */
    /* padding-left: 38px; */
    /* float: right; */
    width: auto;
}
.matches-box.primary .matches-head .caption{
    background: #1d4ec9;
    float: right;
}
.matches-box .matches-head .selectric .label{
    margin-right: 6px;
}

.matches-box.primary .matches-head .caption:before, .matches-box.primary .matches-head .caption:after{
    border: 1px solid #1d4ec9;
    position: absolute;
    bottom: -1px;
    width: 8px;
    height: 8px;
    content: " ";
    left: -7px;
    border-bottom-right-radius: 8px;
    border-width: 0 1px 1px 0;
    box-shadow: 3px 0px 0 #1d4ec9;
}
.matches-box.primary .matches-head .caption:after {
    width: 12px;
    height: 12px;
    left: -11px;
    border-bottom-right-radius: 15px;
}

.matches-head .caption h2{
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.matches-box .selectric-primary .selectric,.matches-box .selectric-primary .selectric .button {
    border-radius: 0;
    border: none;
    height: 37px;
    margin-right: 6px;
    margin-left: 17px;
}
.matches-box .button {
    left: 0;
    right: inherit;
}
.matches-box .selectric .button:after{
    width: 30px;
    height: 30px;
    border: none;
    color: #fff;
    font-family: 'simple-line-icons';
    font-size: 10px;
    font-weight: bold;
    content: "\e604";
    top: 29px;
    left: -26px;
}

.matches-box .single-day{
    margin-bottom: 30px;
}
.matches-box .date{
    color: #1d4ec9;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
}
.matches-box .date{
    color: #1d4ec9;
}
.matches-box .date i{
    font-size: 16px;
}
.show-match-detail, .show-match-and-lineup{
    cursor: pointer;
}
.match-row.style2{
    width: 100%;
    height: 40px;
    padding: 2px 6px;
    background: #e9e9e9;
    color: #454545;
    font-weight: bold;
    border-radius: 6px;
    margin-bottom: 25px;
    line-height: 34px;
    position: relative;
}
.match-row.style2 .inner{
    background: transparent;
    color: #333;
    margin-top: 4px;
}
.match-row.style2 .host{
    text-align: left;
    padding: 0 2px;
}
.match-row.style2 .guest{
    text-align: right;
    padding: 0 2px;
}
.match-row.style2 a{
    color: #454545;
}
.match-row.style2 a:hover{
    color: #000;
}
.match-row.style2 img{
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: 24px;
    max-height: 24px;
    margin: 5px 1px;
}
.match-row.style2 .host img{
    float: left;
}
.match-row.style2 .guest img{
    float: right;
}

.match-row.style2 .inner{
    width: 54px;
    font-size: 12px;
}
.match-row.style2 .host, .match-row.style2 .guest{
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    width: calc(50% - 30px);
    overflow: hidden;
}
.match-row.style2 .host>a>span, .match-row.style2 .guest>a>span{
    overflow: hidden;
    width: calc(100% - 30px);
    overflow: hidden;
}
.match-row.style2 .host>a>span{
    float: right;
    margin-left: 3px;
}
.match-row.style2 .guest>a>span{
    float: left;
    margin-right: 3px;
}
.match-row.style2 .host.lock>a>span{
    padding-right: 20px;
}
.match-row.style2 .guest.lock>a>span{
    padding-left: 20px;
}
.match-row .btn-show-lineup{
    position: absolute;
    top: -8px;
    left: -8px;
    padding: 0;
    width: 20px;
    height: 20px;
    z-index: 2;
    color: #fff;
    display: inline-block;
    background: #1d4ec9;
    line-height: 22px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 2px 0 #fff;
}

.club-locked{
    padding: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    display: inline-block;
    background: #f00;
    line-height: 22px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 2px 0 #fff;
}
.match-row .host .club-locked{
    position: absolute;
    top: 10px;
    right: 4px;
    z-index: 2;
}
.match-row .guest .club-locked{
    position: absolute;
    top: 10px;
    left: 4px;
    z-index: 2;
}
.hints{
   margin-top: -35px;
}

#week-modal{
    color: #121212;
}
#week-modal .modal-week-title{
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
#week-modal .modal-week-title img{
    /* max-width: 75px; */
    /* max-height: 75px; */
    height: 51px;
}
#week-modal .modal-week-award{
    text-align: center;
    font-size: 17px;
    margin-top: 0;
    font-weight: bold;
}
.icon-award{
    width: 48px;
    height: 51px;
    display: inline-block;
    background: url('../images/sprites.png') -213px -1px;
}
#week-modal .details{
    text-align: center;
    font-size: 15px;
    display: block;
    margin: 20px auto;
}
#week-modal .details .detail-row{
    display: inline-block;
    border-left: 1px solid #e5e5e4;
    padding: 14px 20px;
}
#week-modal .details .detail-row:last-child{
    border-left: none;
}
#week-modal .details .value{
    font-weight: bold
}

#week-modal .half{
    display: inline-block;
    text-align: center;
    width: 49.5%;
    font-size: 15px;
    margin-top: 10px;
    vertical-align: top;
}
#week-modal .half>p{
    margin-bottom: 15px;
}
#week-modal .half .award{
    font-weight: bold;
}
#week-modal .nav-tabs:first-child .nav-item{
    width: 50%;
}

.selectric-select-position ul li:last-child{
    display: none;
}

.icon-bench{
    width: 15px;
    height: 15px;
    background: url(../images/svg/bench4.svg);
    background-size: 100%;
}
.btn-primary.lbl-lineup-bench{
    background: #777 !important;
}

.modal-week-title .sub-saesonal{
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
.modal-week-title .seasonal-title{
    position: relative;
    top: -3px;
}
.sub-saesonal .sub-seasonal-title{
    position: relative;
    margin-top: -3px;
}

.guide-rows{
    border-radius: 15px;
    padding: 15px 10px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: #25c481;
    background: -webkit-linear-gradient(left, #25c481, #25b7c4);
    background: linear-gradient(to right, #25c481, #25b7c4);
}
.guide-row{
    width: 100%;
    padding: 3px 5px;
    border-bottom: 1px solid rgb(125 216 184 / 15%);
}
.guide-row .icon{
    display: inline-block;
    width: 40px;
    text-align: center;
    vertical-align: top;
    font-size: 18px;
    position: relative;
}
.guide-row .text{
    display: inline-block;
    width: calc(100% - 50px);
    padding-right: 4px;
    vertical-align: top;
}
.guide-row .icon .icon-bench {
    width: 24px;
    height: 24px;
}
.guide-row .icon-suspended {
    text-align: center;
    margin-top: 5px;
}
.guide-row .icon-suspended:before {
    left: inherit;
    right: 12px;
    top: 10px;
}
.guide-row .icon-injured-orange, .guide-row .icon-suspended{
    vertical-align: middle;
}
.guide-row .club-locked {
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.icon-player-lost{
    position: relative;
}
.guide-row .icon-player-lost:before{
    position: relative;
    top: inherit;
    left: inherit;
    font-weight: normal;
}
.lbl-capitan-guide, .lbl-vice-capitan-guide{
    height: 16px;
    width: 16px;
    line-height: 16px;
    padding: 1px;
    background: #fed202;
    border-radius: 50%;
    color: #121212;
    font-weight: bold;
    display: inline-block;
    font-size: 13px;
}
.lbl-vice-capitan-guide{
    background: #f1af09;
    font-size: 11px;
}

/*-------------------------- Pick Team End ------------------------*/



/*------------------------- View Team Start -----------------------*/
.viewteam .pitch-box .in-out{
    top: -5px;
    right: -450px;
    left: 0;
    margin: 0 auto;
}
.viewteam .pitch-box .player .value, .viewteam .pitch-box .player .player-point {
    width: 50%;
    direction: rtl;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
.viewteam .pitch-box .player .value, .viewteam .pitch-box .player .player-point{
    height: 20px;
    overflow: hidden;
}
.viewteam .pitch-box .player .value{
    border-radius: 0 0 5px 0;
}
.viewteam .pitch-box .player .player-point {
    border-radius: 0 0 0 5px;
}
.viewteam .pitch-players .players-box{
    padding-right: 0;
    padding-left: 10px;
}
.top-view-team-box{
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    margin: 15px 0;
}
.top-view-team-box a{
    color: #fff;
    font-weight: bold;
}
.top-view-team-box:before{
    content: "";
    position: absolute;
    height: 2px;
    background: #06295b;
    border-bottom: 1px solid #244d97;
    width: 80%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;

}
.top-view-team-box .right-info{
    position: relative;
}
.top-view-team-box .right-info:before,
.top-view-team-box .left-boder-lg:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 72px;
    background: #06295b;
    border-left: 1px solid #244d97;
    left: 0;
    bottom: 0;
    top: 3px;
}
.top-view-team-box .right-info .user-info img{
    width: 45px;
    height: 45px;
    margin: 0 3px 0 1px;
}
.top-view-team-box i{
    font-size: 18px;
    margin-left: 3px;
}
.top-view-team-box .left-boder-lg:before{
    height: 32px;
}
.top-view-team-box .left-info .row>div{
    margin-bottom: 10px;
}
.top-view-team-box .rate-number,
.top-view-team-box .left-info .row>div>span{
    font-weight: bold;
    font-size: 13px;
    /* direction: rtl; */
    display: inline-block;
}
.top-view-team-box .ellipsis{
    width: calc(100% - 85px);
    vertical-align: middle;
}
.pitch-players .position-box.striker .players-box{
    margin-top: 0;
}

.viewteam .pitch-players .position-box.striker .players{
    margin-top: 0;
    margin-bottom: 30px;
}
.viewteam .pitch-players .position-box.goal-keeper .players{
    margin-top: 20px;
}
.viewteam .pitch-box .reserves-box{
    padding-right: 0;
}

.tooltip-inner{
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}
.tooltip-inner hr{
    margin: 3px auto;
}
.tooltip-inner .text-warning{
    color: #fdd100 !important;
}
.viewteam .btn.btn-edit-team{
    padding: 6px 45px;
    margin: -10px auto 10px auto;
}
.viewteam .end-time{
    color: #232323;
}
.viewteam .edit-time{
    width: 230px;
    margin: 0 auto;
}
.player.player-green:after, .player.player-red:after{
    position: absolute;
    width: 25px;
    height: 25px;
    background: #ccc;
    top: 17px;
    text-align: center;
    right: 3px;
    left: inherit;
    border-radius: 50%;
    z-index: 2;
    font-family: 'fantasy' !important;
    font-size: 20px;
    line-height: 20px;
    border: none;
    padding: 2px 1px 1px 2px;
}
.player.player-green:after{
    content: "\e966";
    color: #53a96b;
}
.player.player-red:after{
    content: "\e945";
    color: #ec4636;
}

.viewteam .pitch-box .reserves .player img{
    border: 2px solid #fdd100 !important;
}
.viewteam .pitch-box .position-box.goal-keeper .players .player{
    margin-right: 0;
}
.player-lost *:not(.btn-trash, .icon-trash){
    opacity: 0.5;
}
.player-lost:after, .icon-player-lost:before{
    content: '×';
    position: absolute;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #eb551f;
    background: #fff;
    left: 7px;
    top: 20px;
    padding: 0;
    display: inline-block;
    z-index: 3;
}

.changes-box{
    text-align: center;
    margin-bottom: 50px !important;
}
.changes-box .select-box{
    display: inline-block;
    width: calc(100% - 120px);
}
.changes-box .btn-box{
    display: inline-block;
    width: 110px;
}
.changes-box .btn-box .btn{
    padding-right: 16px;
    padding-left: 16px;
    font-weight: bold;
    font-size: 14px;
}
.changes-box .select2 {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
}
.changes-box .btn i.rotate{
    transform: rotate(-90deg);
    display: inline-block;
}
.changes-box .btn i span:before{
    color: #fff;
}
.changes-box .btn.disabled{
    cursor: not-allowed;
    opacity: 0.5;
}
ul.arranges li.arrange:hover, ul.arranges li.arrange.active {
    opacity: 1;
}
#changes-modal .best-body-top h3 {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    color: #212121;
    border-right: 3px solid #1d4ec9;
}
#changes-modal ul.arranges li.arrange:not(.active):hover{
    opacity: 0.7;
}
#changes-modal ul.arranges li.arrange {
    margin: 0 25px;

}
#changes-modal ul li.arrange.active {
    position: relative;
}
#changes-modal ul li.arrange.active:before {
    content: "\e909";
    position: absolute;
    font-family: 'fantasy' !important;
    right: -35px;
    top: 30px;
}
#changes-modal .arranges .title {
    margin-top: -25px;
}
#changes-modal .arrange-dots>div {
    height: 23px;
}

.transferd-players{
    width: 360px;
    margin: 0 auto;
    display: block;
}
.transferd-players > .half-player{
    width: 49%;
    display: inline-block;
    text-align: center;
    position: relative;
    opacity: 0.7;
    margin-bottom: 20px;
    vertical-align: top;
}
.transferd-players > .half-player:last-child{
    margin-bottom: 0;
}
.transferd-players .half-player.active{
    opacity: 1;
}
.transferd-players .img-box{
    width: 70px;
    height: 70px;
    background: #eee;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
}
.transferd-players img{
    width: 70px;
    height: 70px;
    border: 3px solid #e9e9e7;
    border-radius: 50%;
}
.transferd-players h5{
    font-weight: bold;
    font-size: 13px;
    color: #333;
    margin: 0 auto;
}
.transferd-players .more-info{
    font-size: 13px;
}
#changes-modal .lbl-capitan, #changes-modal .lbl-vice-capitan {
    left: -4px;
    font-size: 12px;
}
#changes-modal .half-player.active:before {
    content: "\e909";
    position: absolute;
    font-family: 'fantasy' !important;
    right: -10px;
    top: 30px;
}

/*-------------------------- View Team End ------------------------*/




/*----------------------- Matches Page Start ----------------------*/
.card.matches-box{
    padding: 10px 15px 15px 10px;
}
.match-row.main-style{
    width: 100%;
    height: 45px;
    padding: 2px 6px;
    color: #454545;
    font-weight: bold;
    border-radius: 6px;
    line-height: 34px;
}
.match-row.main-style .inner{
    background: transparent;
    color: #575757;
    margin-top: 4px;
    width: 153px;
    font-size: 12px;
    margin-top: -7px;
}
.match-row.main-style .inner .result{
    background: #f4f4f4;
    margin: 0 10px;
    border-radius: 25px;
    cursor: pointer;
}
.match-row.main-style .inner span{
    font-size: 13px;
    color: #000;
}
.match-row.main-style .inner .dash{
    display: inline-block;
    margin: 0 20px;
}
.match-row.main-style .host{
    text-align: left;
    padding: 0 2px;
}
.match-row.main-style .guest{
    text-align: right;
    padding: 0 2px;
}
.match-row.main-style a{
    color: #454545;
}
.match-row.main-style a:hover{
    color: #000;
}
.match-row.main-style img{
    max-width: 42px;
    max-height: 42px;
    width: auto;
    height: auto;
    vertical-align: middle;
}
.match-row.main-style .host img{
    float: left;
}
.match-row.main-style .guest img{
    float: right;
}

.match-row.main-style .host, .match-row.main-style .guest{
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    width: calc(50% - 77px);
    overflow: hidden;
}
.match-row.main-style .host>a>span, .match-row.main-style .guest>a>span{
    overflow: hidden;
    width: calc(100% - 56px);
    overflow: hidden;
    font-weight: bold;
    line-height: 40px;
}
.match-row.main-style .host>a>span{
    float: right;
    padding-left: 8px;
}
.match-row.main-style .guest>a>span{
    float: left;
    padding-right: 8px;
}
.match-row.large-style .guest, .match-row.large-style .host {
    text-align: center !important;
}
.match-row.large-style  .guest, .match-row.large-style  .host {
    width: calc( 50% - 55px);
}
.match-row.large-style .inner {
    width: 110px;
}
.match-row.large-style img {
    max-width: 75px;
    max-height: 75px;
    margin-bottom: 10px;
}
.match-row.large-style a{
    color: #212121;
    font-weight: bold;
}
.match-row.large-style .inner{
    background: transparent;
}
.match-row.large-style .inner .result{
    margin-top: 25px;
}
.match-row.large-style .inner .result span{    
    font-size: 20pt;
    font-weight: bold;
    padding: 0;
}
.match-row.large-style .inner .result.penalty{
    margin: 0 auto;
}
.match-row.large-style .inner .result.penalty span{    
    font-size: 12pt;
}
.match-row.large-style .inner .caption{
    font-weight: bold;
}

.inner .result-penalty {
    text-align: center;
    height: 20px;
    line-height: 15px;
    font-size: 13px;
    line-height: 15px;
    font-size: 13px;
    position: relative;
    top: -5px;
}

.half-line, .half-line-thin{
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background : #f2f2f2;
    z-index: 1;
}
.half-line-thin{
    width: 1px;
    background : #e9eaec;
}

.nav-tabs.round.centered {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    padding: 3px;
}
.nav-tabs.round.centered .nav-item {
    display: inline-block;
    width: 115px;
    margin: 0;
}
.nav-tabs.round.centered .nav-link{
    margin: 0;
    box-shadow: none;
    padding: 3px 10px;
    color: #212121;
}

.gradient-row{
    width: 100%;
    height: 30px;
    position: relative;
    background: #ececef;
    background: -moz-linear-gradient(top,  #ececef 0%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top,  #ececef 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom,  #ececef 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececef', endColorstr='#f4f4f4',GradientType=0 );
}
.gradient-row .caption, .gradient-row .centered-caption{
    position: absolute;
    top: -15px;
    width: 100px;
    height: 30px;
    background: #e9eaec;
    color: #a7adba;
    line-height: 30px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    z-index: 2;
}
.gradient-row .centered-caption{
    right: 0;
    left: 0;
    margin: 0 auto;
}
.gradient-row .caption.left{
    left: 15px;
}
.gradient-row .caption.right{
    right: 15px;
}
.gradient-row .centered-caption.lg{
    width: 130px;
}
.gradient-row .blue{
    color: #1c4ca0 !important;
}
.modal-content .side-margin{
    margin: 0 15px;
    line-height: 24px;
}

.result-gray{
    background: #f2f2f2;
    border-radius: 30px;
    text-align: center;
}
#match-modal .modal-header{
    padding-bottom: 0;
}
#match-modal .modal-body{
    padding: 0;
}
#match-modal .match-row.main-style{
    padding: 0 5px;
}
.match-row.main-style .inner .result-white {
    background: transparent;
    margin: 18px 0 0 0;
}
.match-row.main-style .inner .result-white span{
    font-size: 16px;
}
.match-row.main-style .inner .result-white span:first-child{
    margin-left: 50px;
}
#match-modal .point{
    font-weight: bold;
}
#match-modal .point.host{
    text-align: left;
}
.player-performance{
    width: 100%;
    position: relative;
    display: block;
    padding: 3px 0;
    font-weight: bold;
    line-height: 28px;
}

#match-lineup-modal .modal-content{
    background: #f4f4f4;
    color: #212121;
}
#match-lineup-modal .modal-header {
    border-top-left-radius: .8rem;
    border-top-right-radius: 0.8rem;
    background: #dee0e5;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
    font-size: 11px;
    color: #000;
}
#match-lineup-modal .modal-header .close {
    padding: 0.25rem;
    position: absolute;
    left: 8px;
    top: 22px;
}
.top-timer{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.top-timer i{
    font-size: 15px;
}
#match-lineup-modal .match-row{
    background: transparent !important;
}
#match-lineup-modal .modal-body {
    padding: 1rem 0 0;
}

.host-players .img-country, .host-players .player-performance, .host-players .img-player, .host-players .name, .host-players .position , .host-players .actions, .host-players .actions{
    float: right;
}
.guest-players .img-country, .guest-players .player-performance, .guest-players .img-player, .guest-players .name, .guest-players .position , .guest-players .actions, .guest-players .actions{
    float: left;
    direction: ltr;
}
.player-performance .point{
    position: absolute;
    top: 8px;
    width: 28px;
    height: 25px;
    background: transparent;
    color: #1c4ca0;
    text-align: center;
    line-height: 28px;
    direction: ltr;
}
.player-performance .point.danger{
    background: #ec4200;
    color: #fff;
}
.host-players .point{
    left: 0;
}
.guest-players .point{
    right: 0;
}
.player-performance img.img-player{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #e9e9e9;
}
.player-performance img.img-country{
    width: 24px;
    height: auto;
    border-radius: 3px;
    padding: 0;
    margin-top: 1px;
}

.yellow-card-icon, .red-card-icon, .red-yellow-card-icon{
    display: inline-block;
    border-radius: 3px;
    height: 18px;
    width: 13px;
    transform: translateY(5px);
}
.player-performance .name{
    padding-top: 0;
    color: #212121;
    text-indent: 5px;
    width: auto;
    max-width: 160px;
    height: 26px;
    font-size: 13px;
    overflow: visible;
    word-wrap: normal;
    white-space: inherit;
    text-overflow: initial;
/*    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}
.player-performance .position{
    padding-top: 1px;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
    color: #a1a4ab;
    width: auto;
    max-width: none;
    display: inline-block;
    margin-left: 3px;
}
.guest-players .player-performance .position{
    text-align: left;
    padding-left: 3px;
    margin-left: 0;
    /*     margin-right: 3px; */
}
.player-performance .actions{
    vertical-align: middle;
    width: auto;
    padding-top: 0;
    text-align: right;
}
.guest-players .player-performance .actions{
    text-align: left;
}
.player-performance .instead{
    color: #a1a4ab;
    font-size: 12px;

}


.yellow-card-icon{
    background: #ffd800;
}
.red-card-icon{
    background: #ec4200;
}
.red-yellow-card-icon{
    background: #ec4200;
    position: relative;
}
.red-yellow-card-icon:before{
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border-top: 10px solid  transparent;
    border-bottom: 8px solid #ffd800;
    border-left: 6px solid  transparent;
    border-right: 7px solid #ffd800;
}
i.missed{
    position: relative
}
i.missed:after{
    content: "";
    position: absolute;
    transform: rotate(-40deg);
    width: 30px;
    height: 1px;
    top: 6px;
    right: -3px;
    background: #ec4200;
}
.audio-controller{
    position: absolute;
    left: 15px;
    top: 5px;
    width: 68px;
    height: 32px;
    padding: 2px;
    background: #1c4ca0;
    border-radius: 25px;
}
.audio-controller button{
    -webkit-transition: ease-in-out 0.2s all;
    -moz-transition: ease-in-out 0.2s all;
    -o-transition: ease-in-out 0.2s all;
    transition: ease-in-out 0.2s all;
    border: none;
    color: #fff !important;
    outline: 0 !important;
    padding: 3px;
    width: 28px;
    height: 28px;
    line-height: 24px;
    background: transparent;
    color: #fff;
    font-size: 20px;
    position: relative;
}
.audio-controller button.active{
    cursor: auto;
    color: #1c4ca0 !important;
}
.audio-controller button:first-child{
    margin-left: 3px;
}
.audio-controller:before{
    content: "";
    position: absolute;
    right: 2px;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    transition: ease-in-out 0.2s all;

}
.audio-controller.mute:before{
    right: 38px;
}

.best-body-main .matches-plan-row .line-up {
    position: absolute;
    left: 5px;
    bottom: 14px;
    top: inherit;
    width: 18px;
    text-align: right;
    font-size: 18px;
    font-weight: normal;
    color: #a0a5b1;
    z-index: 2;
}
.best-body-main .matches-plan-row .time {
    color: #111;
}
.match-row.current span{
    transition: ease 0.15s all;
}
.matches-plan-row.match-row.current .guest, .matches-plan-row.match-row.current .host, .matches-plan-row.match-row.current .inner{
    z-index: 1;
    position: relative;
}
.matches-plan-row.match-row.current .time{
    z-index: 1;
}
.matches-plan-row.match-row.current:before{
    content: "";
    position: absolute;
    opacity: 0;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: #faebeb;
    background: -moz-linear-gradient(left,  #faebeb 0%, #ffffff 50%, #faebeb 100%);
    background: -webkit-linear-gradient(left,  #faebeb 0%,#ffffff 50%,#faebeb 100%);
    background: linear-gradient(to right,  #faebeb 0%,#ffffff 50%,#faebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faebeb', endColorstr='#faebeb',GradientType=1 );
}
.matches-plan-row.match-row.current.goal:before{
    opacity: 1;
}
.finished-time{
    position: absolute;
    z-index: 2;
    left: 35px;
    bottom: 14px;
    font-size: 13px;
    color: #212121;
}

.events{
    font-size: 13px;
    font-weight: bold;
    color: #343434;
}
.events .guest-event, .events .guest-event .con, .penalty .guest-penalty{
    text-align: left;
    direction: ltr !important;
}
.events .con{
    clear:both;
}
.events .host-event .con{
    text-align: right;
}
.events .event-minute, .penalty .number{
    padding: 1px 4px;
    background: #e9eaec;
    border-radius: 3px;
    margin-left: 12px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    margin: 1px 0;
}
.events .guest-event .event-minute, .penalty .guest-penalty .number{
    float: left;
    margin-right: 12px;
    margin-left: 0;
}
.events a.event-player, .penalty a.penalty-player{
    color: #343434;
    display: inline-block;
    margin: 0 1px 0 3px;
    font-size: 13px;
}
#match-lineup-modal .gray{
    color: #9097a7;
}
.events .guest-event a.event-player{
    margin: 0 3px 0 1px;
}
.penalty .gray{
    font-size: 12px;
}
.events .con .text-penalty{
    font-weight: normal;
    color: #9097a7;
}
/*------------------------ Matches Page End -----------------------*/


/*------------------------ Club Page Start ------------------------*/
.other-clubs{
    width: 100%;
    float: right;
    padding: 10px 0;
}
.other-clubs .title{
    width: 80px;
    float: right;
    padding-top: 6px;
}
.other-clubs .clubs{
    width: calc(100% - 80px);
    float: right;
}
.owl-carousel.tiny-carousel .owl-item img{
    width: auto;
    height: auto;
    margin: 0 auto;
}

.club-top{
    width: 100%;
    float: right;
}
.club-top .first-box{
    width: 35%;
    float: right;
    position: relative;
    padding-top: 20px;
}
.club-top .second-box{
    width: 43%;
    float: right;
    padding: 30px 10px;
    font-size: 15px;
}
.club-top .third-box{
    width: 22%;
    float: right;
    position: relative;
}

.club-top .first-box img{
    position: absolute;
    top: 10px;
    right: 0;
    max-width: 150px;
    max-height: 150px;
}
.club-top .first-box .h1-con{
    float: right;
    margin-right: 160px;
    margin-top: 15px;
    width: calc(100% - 160px);
    position: relative;
    z-index: 1;
}
.club-top .first-box h1{
    float: right;
    background: #fff;
    color: #000;
    font-size: 25px;
    z-index: 2;
    position: relative;
    padding-left: 20px;

}
.club-top .first-box .h1-con:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #000;
    z-index: 1;
}

.club-top .second-box .text-gray{
    color: #cdcdcd;
}
.club-top .second-box .text-gray i{
    width: 30px;
    font-size: 18px;
}
.club-top .second-box p{
    margin-top: 2px;
    margin-bottom: 6px;
}

.club-top .third-box .img-box{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    border-radius: 0 0 10px 10px;
}
.club-top .third-box .img-box img{
    border: 4px solid #fff;
    border-top: none;
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 1;
}
.club-top .third-box .img-box:before{
    content: "";
    position: absolute;
    z-index: 0;
    bottom: -7px;
    height: 14px;
    width: 96%;
    transform: scale(1.08);
    background: #dadada;
    border-radius: 50%;
    right: 2%;
    left: 2%;
}
.pre-next-buttons .btn{
    padding: 7px 12px;
    font-size: 14px;
    background: #dbdbdb;
    margin: 0;
}
.pre-next-buttons .btn:first-child{
    border-radius: 0;
    margin-left: -4px;
}
.pre-next-buttons .btn:last-child{
    border-radius: 10px 0 0 0;
}
.pre-next-buttons .btn.btn-default.disabled{
    background: #dbdbdb !important;
    opacity: 1;
    color: #999 !important;
}
.pre-next-buttons .btn i{
    font-size: 12px;
    margin: 0 4px;
}
.club-match-row.match-row{
    position: relative;
    margin-bottom: 4px;
}
.club-match-row .league-logo{
    position: absolute;
    left: 0;
    top: 5px;
    width: 50px;
}
.club-match-row .league-logo a{
    text-align: left;
    display: block;
}
.mobile .best-body-main .club-match-row .day {
    right: 0;
    position: relative;
    text-align: center;
    width: 100%;
    float: right;
}
.persons img{
    border: 3px solid #e9e9e7;
    width: 58px;
    height: 58px;
}
.player-container{
    padding: 0 8px !important;
    margin-top: 10px;
}
.player-container a{
    text-align: center;
    display: block
}
.player-container h5{
    color: #333;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-top: 6px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.champions{
    color: #212121;
}
.champions img.img-league{
    max-width: 42px;
    max-height: 42px;
    border: none;
    border-radius: 0;
}
.table-information tr.bg-primary.text-white .square{
    color: #434343;
}
/*------------------------- Club Page End -------------------------*/



/*----------------------- Player Page Start -----------------------*/
.person-top{
    width: 100%;
    float: right;
}
.person-top .first-box{
    width: 35%;
    float: right;
    position: relative;
    padding-top: 20px;
}
.person-top .second-box{
    width: 65%;
    float: right;
    padding: 30px 10px 0;
    font-size: 15px;
}

.person-top .first-box img{
    position: absolute;
    top: 10px;
    right: 0;
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
}
.person-top .first-box .h1-con{
    float: right;
    margin-right: 160px;
    margin-top: 45px;
    width: calc(100% - 160px);
    position: relative;
    z-index: 1;
}
.person-top .first-box h1{
    float: right;
    background: #fff;
    color: #144398;
    font-size: 16px;
    z-index: 2;
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}
.person-top .first-box .h1-con:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #000;
    z-index: 1;
}

.person-top .second-box{
    color: #343434;
    font-size: 13px;
}
.person-top .info-row{
    margin-bottom: 6px;
}
.person-top .img-flag{
    max-width: 30px;
    height: auto;
    display: inline-block;
    margin-right: 5px;
}

.nav-tabs.round{
    border-bottom: none;
    position: relative;
}
.nav-tabs.round:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #fff;
    top: 18px;
    z-index: 0;
}
.nav-tabs.round .nav-link{
    border: none;
    border-radius: 25px;
    color: #575757;
    line-height: 28px;
    position: relative;
    z-index: 1;
}
.nav-tabs.round .nav-link{
    background: #fff;
    color: #575757;
    font-weight: bold;
    padding: 5px 25px;
    margin-right: 15px;
    font-size: 13px;
    outline: none;
    box-shadow: 0 0 20px -3px #ddd;
}
.nav-tabs.round .nav-link.active{
    background: #144398;
    color: #fff;
    box-shadow: none;
}
.nav-tabs.round .nav-link.disabled{
    background: #dadada;
}
#biography img{
    max-width: 100%;
    height: auto;
    margin: 20px auto;
    display: block;
}
#our-details .best-body{
    border-bottom: none;
}
#our-details .like-table{
    padding-top: 120px;
}
.like-table .two-team{
    display: block;
}
.two-team{
    font-size: 11px;
}
.two-team div{
    display: inline-block;
}
.two-team .result{
    background: #d2d2d2;
    border-radius: 10px;
    padding: 0;
    line-height: 18px;
    width: 36px;
    float: right;
    margin-top: 5px;
    text-align: center;
}
.two-team .host, .two-team .guest{
    width: calc(50% - 18px);
    float: right;
    height: 25px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.two-team .host{
    text-align: left;
    padding-left: 2px;
}
.two-team .guest{
    text-align: right;
    padding-right: 2px;
}

.like-table .competitor{
    display: none;
}

#our-details .like-table .div-th.wide, #our-details .like-table .div-td.wide {
    width: 170px;
    font-size: 13px;
    height: 30px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#our-details .absolute.sum{
    border-radius: 10px;
}
#our-details .best-body-main.draw-padding{
    padding: 30px 10px 0 10px
}
.like-table .div-th.half.two-team{
    text-align: center;
}
/*------------------------ Player Page End ------------------------*/



/*----------------------- Tables Page Start -----------------------*/
.tables-page .like-table {
    font-weight: bold;
    color: #333;
}
.tables-page .like-table .div-td{
    font-size: 13px;
}
.tables-page .like-table .div-th{
    font-size: 14px;
}

.tables-page .like-table .div-th.wide,.tables-page  .like-table .div-td.wide {
    width: 200px;
}
.tables-page .like-table .div-th.wide{
    text-align: center;
}
.tables-page .like-table .div-th, .tables-page .like-table .div-td {
    width: 85px;
}
.tables-page .like-table .div-tr.head{
    margin-bottom: 12px;
}
.tables-page .like-table .div-tr{
    padding: 3px 0;
}
.tables-page .like-table .counter, .tables-page .like-table .team-name, .tables-page .like-table img{
    float: right;
}
.tables-page .like-table img{
    max-width: 32px;
    max-height: 32px;
}
.tables-page .like-table .counter{
    margin-top: 5px;
    margin-left: 3px;
    /*width: 30px;*/
}
.tables-page .like-table .team-name{
    margin-right: 4px;
    width: calc( 100% - 70px);
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.matches-status{
    display: block;
    text-align: center;
}
ul.matches-status li{
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 0 -1px 0 0;
    font-size: 10px;
    border-radius: 50%;
}
ul.matches-status li.win{
    background: #53a96b;
}
ul.matches-status li.lose{
    background: #ed551e;
}
ul.matches-status li.draw{
    background: #fbc500;
    font-size: 8px;
}
ul.matches-status li>a{
    color: #fff !important;
    line-height: 32px;
    font-size: 11px;
    display: block;
}
ul.matches-status li.draw>a{
    font-size: 9px;
}

.match-row.strict .host span, .match-row.strict .host img{
    float: left;
}
.match-row.strict .guest span, .match-row.strict .guest img{
    float: right;
}
.match-row.strict>div>a>span{
    padding-top: 3px;
}

.nav-tabs.primary{
    border-bottom: none
}
.nav-tabs.primary .nav-link{
    border: none;
    border-radius: 12px 12px 0 0;
    color: #575757;
    line-height: 28px;
}
.nav-tabs.primary .nav-item.show .nav-link, .nav-tabs.primary .nav-link.active{
    background: #1d4ec9;
    color: #fff;
    box-shadow: 0 5px 10px -1px #1d4ec9;
}

/*------------------------ Tables Page End ------------------------*/



/*------------------------ User Pages Start -----------------------*/
.float-box{
    width: 100%;
    float: right;
    text-align: left;
}
.float-box .floated{
    float: right;
}

.dashboard .card{
    border-radius: 0.5rem;
    border: none;
}
.img-dashboard{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 0 30px -1px #eee;
}
.dashboard-buttons .btn{
    margin: 0 4px;
}
.dashboard h2.border-right-2{
    margin-bottom: 15px;
}
.table-hover.light tbody tr:hover {
    background-color: rgba(0,0,0,.03);
}
.table.light th{
    border-top: none;
    /*padding: 0.4rem;*/
}
.dashboard .table.light .btn{
    padding: 3px 30px;
}
.card-widgets{
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 6px;
}
.card-widgets .shadowed-widget{
    background: #fff;
    position: relative;
    padding: 50px 15px 50px 5px;
    float: right;
    width: 33.3%;
    font-size: 16px;
}
.card-widgets .shadowed-widget.padding-less{
    padding: 20px 15px 20px 5px;
}
.card-widgets .shadowed-widget:before{
    content: "";
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
    right: -15px;
    box-shadow: -10px 0 14px 2px #f5f5f5;
}
.card-widgets .shadowed-widget:first-child:before{
    display: none;
}
.card-widgets .shadowed-widget i{
    font-size: 24px;
    margin-left: 6px;
}

.text-primary .table{
    color:#275bc6 !important
}
.table.table-general td, .table.table-general th{
    border: none;
    font-size: 15px;
}

.faq .card-header{
    padding: 0 20px;
    border: none;
}
.faq .text-primary, .card-header.text-primary a{
    color: #16459a
}
.card-link h2{
    float: right;
    width: calc(100% - 125px);
    padding: 18px 0 18px 10px;
    margin: 0;
    background: #f7f7f7;
    background: -moz-linear-gradient(left, #f7f7f7 0%, #ffffff 10%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #f7f7f7 0%,#ffffff 10%,#ffffff 100%);
    background: linear-gradient(to right, #f7f7f7 0%,#ffffff 10%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=1 );
}
.card-link .btn-toggle{
    float: left;
    width: 115px;
    text-align: center;
    line-height: 64px;
    padding-right: 15px;
    height: 62px;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
}
.faq .card-body{
    border-top: 1px solid #f0f0f0;
}
.inner-page img{
    max-width: 100%;
    height: auto;
}
/*------------------------- User Pages End ------------------------*/



/*------------------------ Teams Page Start -----------------------*/
.team-row{
    width: 100%;
    float: right;
    margin-bottom: 25px;
}
.team-row .top-info{
    width: 100%;
    float: right;
}
.team-row .award{
    float: right;
    border-radius: 25px;
    background: #fed202;
    color: #000;
    font-weight: bold;
    padding: 2px 12px;
    position: relative;
    margin-top: 0;
    margin-right: 20px;
}
.team-row.teams-page .award{
    margin-top: 12px;
}
.team-row .award:before{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fed202;
    bottom: -15px;
    right: 0;
    display: none;
}
.team-row .other{
    float: left;
    width: 70%;
    text-align: left;
    font-size: 13px;
}
.team-row .other i{
    font-size: 16px;
    margin-left: 2px;
}
.team-row .other .round-box{
    margin-left: 15px;
}
.team-row .award .amount{
    display: inline-block;
}


.team-row .main-info{
    background: #fff;
    border-radius: 10px;
    width: 100%;
    float: right;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
    color: #121212;
    font-weight: bold;
    padding: 15px;
}
.team-row.teams-page .main-info{
    padding: 10px 15px;
}
.team-row .main-info:before{
    content: "";
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
    right: calc(35% - 20px);
    box-shadow: -10px 0 10px 2px #f5f5f5;
    background: #fff;
}
.team-row .main-info>div{
    float: right;
}
.team-row .first-box{
    width: 35%;
}
.team-row .second-box{
    width: 25%;
}
.team-row.teams-page .second-box{
    text-align: center;
}
.team-row .third-box{
    width: 40%;
}

.team-row .counter{
    display: inline-block;
    margin-left: 6px;
}
.team-row .team-name{
    display: inline-block;
}
.team-row .team-name i{
    font-size: 20px;
    margin-left: 10px;
}
.team-row .user-box{
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: calc( 100% - 120px);
    height: 60px;
    text-align: right;
}
.team-row img.img-user{
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: 5px;
    box-shadow: 0 0 4px 2px #ccc;
}
.team-row.teams-page .team-name{
    display: block;
}
.team-row.teams-page a{
    color: #121212;
}
.team-row.teams-page i {
    font-size: 14px;
    margin-left: 0;
    width: 20px;
    text-align: center;
}

.team-row .second-box i{
    font-size: 18px;
    margin-left: 4px;
}
.team-row .point{
    display: inline-block;
    margin-left: 20px;
}
.team-row .rate{
    display: inline-block;
}

.team-row .third-box .btn{
    font-size: 13px;
    float: right;
    margin-right: 8px;
    display: inline-block;
}
.team-row.teams-page .third-box .btn{
    float: left;
    margin-top: 12px;
}
.team-row .btn-view i{
    font-size: 12.5px;
}
.team-row .btn-pay i{
    font-size: 13px;
}
.team-row .not-paid{
    float: left;
    background: #ec4437;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    padding: 17px 10px;
}
.team-row .remain-teams{
    position: absolute;
    padding: 0 10px;
    line-height: 30px;
    right: 15px;
    min-width: 60px;
    left: inherit;
    border-radius: 25px;
    height: 30px;
    top: -17px;
    background: #fed202;
    color: #111;
    text-align: center;
    font-size: 13px;
}
/*------------------------- Teams Page End ------------------------*/



/*----------------------- League Page Start -----------------------*/
.league-box{
    border-radius: 12px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.league-box:before{
    content: "";
    position: absolute;
    bottom: 18px;
    right: calc(-50% - 70px);
    margin: 0 auto;
    z-index: 0;
    width: 700px;
    height: 600px;
    border-radius: 50%;
    background: #fbfbfb;
    box-shadow: inset 0 0 20px 0 #f1f0f0;
    transition: ease-in-out 0.3s all;
}
.league-box .league-content{
    position: relative;
    z-index: 1;
    height: 90px;
    padding: 5px 15px;
}
.league-box>a{
    display: block;
}
.league-box:hover:before{
    right: calc(-50% - 110px);
}
.league-content img{
    position: absolute;
    top: 10px;
    right: 15px;
    max-height: 70px;
    max-width: 70px;
}
.league-content h2{
    position: absolute;
    top: 10px;
    right: 80px;
    width: calc(100% - 80px);
    font-weight: bold;
    font-size: 14px;
    color: #343434;
    padding-top: 15px;
    text-align: center;
}

.club-svg-box{
    border-radius: 12px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.club-svg-box>a{
    position: relative;
}
.club-svg-box>a:before{
    content: "";
    position: absolute;
    height: 110px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/svg/hover-circle.svg) center bottom;
    background-size: 100% auto;
    transition: ease-in-out 0.5s all;
}
.club-svg-box>a:hover:before{
    transform: rotate(6deg) scale(1.5) translateY(-10px);
}
.club-svg-box img.img-stadium{
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
    border-radius: 12px 12px 14px 14px;
}

.club-svg-box .club-content{
    position: absolute;
    z-index: 2;
    height: 90px;
    padding: 5px 15px;
    bottom: 0;
    color: #111;
    right: 0;
    left: 0;
}
.club-svg-box>a{
    display: block;
}
.club-content img{
    position: absolute;
    top: -18px;
    right: 5px;
    height: 80px;
    width: 80px;
    z-index: 3;
}
.club-content h2{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #343434;
    padding-top: 10px;
    text-align: center;
    z-index: 2;
    height: 38px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 0;
}
/*------------------------ League Page End ------------------------*/



/*----------------------- Rating Pages Start ----------------------*/
.rate-box{
    margin-bottom: 15px;
    box-shadow: 0 3px 10px -2px #999;
    background: #f5f5f5;
    transition: ease 0.3s all;
    position: relative;
}
.rate-box:hover{
    box-shadow: 0 3px 10px -2px #555;
    background: #eee;
}
.rate-box img{
    width: 100px;
    height: 100px;
    margin-right: 10px
}
.rate-box .position{
    background: #55d1c9;
    padding: 0 12px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 25px 25px 25px;
}
.rate-box .position.bottom{
    bottom: 0;
    top: inherit;
    border-radius: 25px 25px 25px 0;
}
.rate-box .pick-date{
    margin-top: 25px;
}
.table.est img{
    width: 42px;
    height: 42px;
    display: inline-block;
}
.rate-box .pull-right{
    margin-top: 6px;
    margin-left: 6px;
}
.rate-box label{
    border-radius: 25px;
}
/*------------------------ Rating Pages End -----------------------*/


/*----------------------  Messages Page Start ---------------------*/
.discussion {
    list-style: none;
    margin: 0;
    padding: 0 0 50px 0;
}
.discussion li {
    padding: 1rem;
    overflow: hidden;
    display: flex;
}
.discussion .avatar {
    width: 70px;
    position: relative;
}
.discussion .avatar img {
    display: block;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.self .message{
    background: #fdfdfd;
}
.self .avatar:before {
    content: "";
    position: absolute;
    top: 25px;
    left: -1px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #fdfdfd;
}
.other {
    justify-content: flex-end;
    align-items: flex-end;
}
.other .avatar {
    order: 2;
}
.other .message {
    order: 1;
    background: #f5f5f5;
    color: #000;
}
.other .avatar:before {
    content: "";
    position: absolute;
    top: 25px;
    right: -1px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #f5f5f5;
}

.message {
    padding: 10px;
    box-shadow: 0 0 10px 5px #ececec;
    max-width: 80%;
    min-width: 50%;
    border-radius: 10px;
}
.message .content {
    margin: 0 0 0.2rem 0;
}
.message time ,.message .sender-name {
    font-size: 11px;
    color: #B1B0B0;
}

.message .btn-round{
    border-radius: 50px !important;
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 26px;
}
.message .btn-round i{
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.message .box-message-edit textarea{
    width: 600px;
    max-width: 100%;
}
/*-----------------------  Messages Page End ----------------------*/


/*--------------------------  Pages Start -------------------------*/
.reload-captcha{
    cursor: pointer;
}

.inline-options .option-title{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #323232;
    text-align: center;
    margin-bottom: 3px;
}

.invite-socials{
    text-align: center;
    display: block;
    margin-bottom: 50px;
}
.invite-socials li{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px;
}
.invite-socials li a{
    font-size: 22px;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;

}
.invite-socials li a:hover {
    animation: top-and-bottom 0.6s ease-in-out;
}
@keyframes top-and-bottom {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0);
    }
}
.invite-socials a.telegram{background:#41b3e5}
.invite-socials a.whatsapp{background:#5fb841}
.invite-socials a.facebook{background:#465993}
.invite-socials a.gplus{background:#dc4f3e}
.invite-socials a.twitter{background:#55acee}
.invite-socials a.linkedin{background:#1b78b7}

.top-double-logo{
    display: flex;
    height: 70px;
    width: 100%;
    padding: 15px 0 5px 0;
    /* background: rgba(0,0,0, 0.5); */
}
.top-double-logo .logo-box{
    flex-direction: row;
    position: relative;
    width: 50%;
}
.top-double-logo .logo-box img{
    max-width: 130px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.top-double-logo .logo-box:first-child:before{
    content: "";
    position: absolute;
    height: 30px;
    width: 1px;
    background: #4866cb;
    left: -1px;
    top: 7px;
}
/*---------------------------  Pages End --------------------------*/



/*----------------------- News Archive Start ----------------------*/
.news-archive .news-box{
    background: #fff;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,.05);
    transition: ease-in-out 0.4s all;
    position: relative;
    margin-bottom: 35px;
    border-radius: 6px;
    padding: 10px;
}
.news-archive .news-box:hover{
    box-shadow: 0 .3rem 1rem rgba(0,0,0,.15);
}
.news-archive .news-box img{
    border-radius: 5px;
}
.news-archive .news-box h3 {
    color: #999;
    font-weight: lighter;
    font-size: 9pt;
}
.news-archive .news-box a h2 {
    color: #212121;
    font-size: 12pt;
    font-weight: bold;
}
.news-archive .news-box .summary{
    margin-bottom: 45px;
    color: #353535;
}
.news-archive .news-box .date{
    position: absolute;
    top: 5px;
    left: 15px;
    background: #fff;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #212121;
}
.news-archive .news-box a.btn.btn-continue{
    position: absolute;
    bottom: 5px;
    left: 15px;
    padding: 6px 18px;
    font-weight: bold;
    font-size: 14px;
}
.news-archive a.btn i{
    padding-right: 10px;
    font-size: 12px;
}
/*-----------------------  News Archive End -----------------------*/




/*----------------------- News Detail Start -----------------------*/
.news-detail-box{
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0.3rem 1rem rgba(0,0,0,.05);
    position: relative;
    padding: 15px;
}

.news-detail-box .date{
    position: absolute;
    top: -30px;
    left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #212121;
}
.news-detail-box  h1 {
    color: #212121;
    font-size: 12pt;
    font-weight: bold;
}
.news-detail-box  h2{
    color: #999;
    font-weight: lighter;
    font-size: 9pt;
}
.news-detail-box img.img-thumb{
    border-radius: 5px;
}
.news-detail-box .summary-info{
    position: relative;
}
.news-detail-box .summary-info:before{
    content: "";
    position: absolute;
    height: 1px;
    background: #eee;
    bottom: 0;
    right: 0;
    left: 15px;
}



.news-detail-content img{
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}
.news-detail .summary-info h2{
    color: #999;
    font-size: 9pt;
}
.news-detail .statistics{
    box-shadow: 0 3px 10px -2px #999;
    background: #f5f5f5;
    margin: 5px 0 20px 0;
    padding: 10px 15px;
    font-size: 9pt;
}
.img-tuhmb img{
    border: medium double #ccc;
    padding: 1px;
}

.tags{
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    font-weight: bold;
    color: #3c3c3c;
}
.tags a{
    margin-left: 6px;
    margin-bottom: 4px;
    position: relative;
    padding: 1px 15px;
    display: inline-block;
    color: #3c3c3c;
    border-radius: 25px;
    background: #fff;
    outline: none;
    font-weight: normal;
}
.tags a:hover{
    color: #3c3c3c;
    background: #efefef;
}
.relateds h3{
    color: #3c3c3c;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}
.relateds .news-col{
    border-radius: 6px;
    background: #fff;
    padding: 4px;
    text-align: center;
}
.relateds .news-col img{
    border-radius: 6px;
}
.relateds .news-col a h4{
    height: 30px;
    margin: 12px 0;
    color: #212121;
    overflow: hidden;
    text-align: center;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.related-carousel{
    position: relative;
}
.related-carousel:before, .related-carousel:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index : 2;
}
.related-carousel:before{
    right: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.related-carousel:after{
    left: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
/*------------------------  News Detail End -----------------------*/



/*------------------------  Pay Index Start -----------------------*/
.gateways .gateway{
    cursor: pointer;
    padding-right: 10px;
    border: 1px solid #e6edf5;
    border-radius: 50px;
    color: #757575;
}
.gateways .gateway img{
    width: 48px;
    padding: 2px 0 2px 1px;
    border-radius: 50px;
}
.gateways .gateway.selected{
    border-color: #114394;
    color: #114394;
}
.ticket-bg{
    min-height: 300px;
    background: #f6f6f6  url('../images/bg/pay.jpg') center top no-repeat;
    background-size: cover;
    padding-bottom: 40px;
}
.bg-primary-gradient{
    background: -moz-linear-gradient(top, rgba(29,78,201,0.9) 0%, rgba(33,68,131,0.89) 100%);
    background: -webkit-linear-gradient(top, rgba(29,78,201,0.9) 0%,rgba(33,68,131,0.89) 100%);
    background: linear-gradient(to bottom, rgba(29,78,201,0.9) 0%,rgba(33,68,131,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b01d4ec9', endColorstr='#e3214483',GradientType=0 );
}
.card.too-curve.shadow{
    background: transparent;
}
.pay-slider-box .slider{
    width: 100%;
}
.pay-slider-box .slider{
    margin-top: 30px;
}

.pay-slider-box .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    position: relative;
    top: -50px;
    color: #315da8;
}
.pay-slider-box .slider.slider-horizontal.slider-rtl .slider-handle{
    background: #325ea7;
    border: 3px solid #fff;
    width: 24px;
    height: 24px;
    z-index: 1;
    box-shadow: 0 0 10px 0 #dfdfdf;
    margin-top: -2px;
}
.pay-slider-box .slider.slider-horizontal.slider-rtl .slider-handle:before{
    content: "";
    position: absolute;
    border-radius: 50%;
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    z-index: 2;
}
.pay-slider-box .slider.slider-horizontal .slider-track {
    height: 3px;
    margin-top: -2px;

}
.pay-slider-box .slider-selection.tick-slider-selection {
    background: #335ca6;
    margin-right: 0;
}
.pay-slider-box .slider-tick.in-selection{
    /* background: transparent; */
    box-shadow: none;
}

.pay-slider-box .slider-tick{
    height: 6px;
    width: 2px;
    border-radius: 2px;
    margin-top: 30px;
    background: #e3e6ed;
}
.pay-slider-box .slider.slider-horizontal.slider-rtl .slider-tick{
    margin-right: 0 !important;
}

.pay-page .selectric, .pay-page .selectric .button{
    background: #fff;
}
.pay-page .selectric .label{
    color: #275bc6;
    font-size: 13px;
    font-weight: bold;
}
.pay-page .selectric .button:after {
    width: 30px;
    height: 30px;
    border: none;
    color: #275bc6;
    font-family: 'simple-line-icons';
    font-size: 10px;
    font-weight: bold;
    content: "\e604";
    top: 29px;
    left: 10px;
}
.pay-page .card-header h3 img{
    width: 34px;
    height: auto;
    margin-left: 3px;
}

.zarebin-logo{
    width: 22px;
    display: inline-block;
    margin-left: 5px;
    height: auto;
}
.zarebin-package{
    width: 315px;
    height: 80px;
    display: flex;
    flex-direction: row;
    margin: 0 auto 7px auto;
    color: #fff;
    cursor: pointer;
}
.zarebin-package > div{
    position: relative;
    height: 100%;
}
.zarebin-package .desc{
    width: calc( 100% - 95px);
    border-radius: 0 8px 8px 0;
    padding: 7px 20px 7px 3px;
    font-weight: bold;
    background-image: url('../images/pay/pattern.svg');
    background-position: center center;
}
.zarebin-package .tag{
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 25px;
    padding: 0 30px 0 10px;
    font-size: 12px;
    line-height: 28px;
    position: relative;
}
.zarebin-package .tag:before{
    content: "";
    position: absolute;
    right: 10px;
    top: 9px;
    width: 18px;
    height: 8px;
    background: url('../images/pay/ticket.svg') center center;
    background-size: cover;
    z-index: 2;
}
.zarebin-package .tag .text{
    opacity: 0.7;
}
.zarebin-package .tag .num{
    font-size: 15px;
}
.zarebin-package .offer{
    margin-top: 5px;
}
.zarebin-package .offer .num{
    position: relative;
    font-size: 20px;
    padding-left: 20px;
    display: inline-block;
}
.zarebin-package .offer .num:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    width: 18px;
    height: 10px;
    background: url(../images/pay/ticket.svg) center center;
    background-size: cover;
}
.zarebin-package .offer .text{
    font-size: 12px;
}
.zarebin-package .cost{
    width: 95px;
    border-radius: 8px 0 0 8px;
    background: #0c0b2a;
}
.zarebin-package .cost:before, .zarebin-package .cost:after{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    right: -6px;
}
.zarebin-package .cost:before{
    top: -6px;
}
.zarebin-package .cost:after{
    bottom: -6px;
}
.zarebin-package .cost .line{
    position: absolute;
    right: -2px;
    top: 3px;
    bottom: 3px;
    width: 4px;
    border-right: 4px dotted #fff;
    z-index: 2;
    transform: scale(0.75);
}
.zarebin-package .cost .centered{
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    font-weight: bold;
}
.zarebin-package .price{
    font-size: 20px;
    margin-left: 5px;
}
.zarebin-package .currency{
    font-size: 11px;
}
.zarebin-package.active{
    border-radius: 10px;
    border: 1px dashed #eb4537;
}
.zarebin-package.inactive{
    opacity: 0.6;
}
.zarebin-package.inactive:hover{
    opacity: 1;
}
.zarebin-package.without-free .offer{
    position: relative;
    top: 17px;
}
.zarebin-package.without-free .offer{
    position: relative;
    top: 13px;
}
.zarebin-package.without-free .offer .num:before{
    content: none;
}
/*------------------------  Pay Index End -----------------------*/



/*---------------------- Matches Plan Start ---------------------*/
.side-leagues{
    padding: 10px 15px 0 15px;
}
.side-leagues ul li{
    display: block;
    margin-bottom: 8px;
}
.side-leagues ul li:last-child{
    margin-bottom: 0;
}
.side-leagues ul li a{
    display: block;
    color: #777;
}
.side-leagues ul li a:hover{
    color: #275bc6;
}
.side-leagues ul li a .img-box{
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}
.side-leagues ul li a img{
    max-width: 42px;
    max-height: 42px;
    height: auto;
}
.side-leagues ul li a span{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}

.side-leagues-box .toggle-box{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 24px;
}
.week-days-box{
    float: right;
}
.week-days-box .btn-prev, .week-days-box .btn-next{
    float: right;
    font-size: 12px;
    line-height: 28px;
}
.week-days-box ul{
    float: right;
}
.week-days-box ul li{
    float: right;
    padding: 0 15px;
}
.week-days-box a{
    color: #575757;
    font-size: 14px;
    font-weight: bold;
}
.week-days-box a.active{
    color: #15499d;
}
.matches-plan .days{
    margin-bottom: 15px;
    float: right;
    width: 100%;
}

.select-day-box{
    background: #154297;
    border-radius: 25px;
    padding-right: 6px;
    padding-left: 6px;
    float: left;
}
.select-day-box i{
    color: #fff;
    margin-right: 10px;
}
.select-day-box input{
    color: #fff;
    outline: none !important;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 25px;
    border: none;
    cursor: pointer;

    background: transparent;
}

.best-body-top h3 span.has-line{
    margin-right: 15px;
    position: relative;
}
.best-body-top h3 span.has-line:before{
    content: "";
    position: absolute;
    width: 2px;
    background: #afaeb3;
    height: 14px;
    top: 3px;
    right: -11px;
}
.img-league-logo{
    max-width: 42px;
    max-height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}
.matches-plan-row.match-row{
    position: relative;
    padding: 12px 0;
    margin-bottom: 5px;
}
/*----------------------  Matches Plan End ----------------------*/



/*------------------- Loading Animations Start ------------------*/
#loader{
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 10000;
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
}
.spinner{
    margin: auto;
    position: absolute;
    top: 25px;
    bottom: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinner-anim 0.8s infinite linear;
    animation: spinner-anim 0.8s infinite linear;
}
.spinner {
    border: 2px solid #777;
    border-left: 2px solid #ccc;
}
@-webkit-keyframes spinner-anim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-anim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loading-text{
    margin: auto;
    position: absolute;
    top: -20px;
    bottom: 0;
    right: 0;
    left: 0;
    width: 300px;
    height: 50px;
    text-align: center;
}
.loading-absolut{
    position: absolute;
    top: 50%;
    left: 50%;
}

#center-loading-splash{
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #dfdfdf;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: fixed;
    transition: ease 0.3s all;
    opacity: 90%;
    z-index: 9999;
}
#center-loading-splash .loading-text{
    width: 200px;
}
/*-------------------- Loading Animations End -------------------*/


/*-------------------------- Footer Start -----------------------*/
footer{
    min-height: 400px;
    padding-top: 60px;
    background-image: url(../images/bg/footer.jpg);
    background-size: cover;
    float: right;
}
#footer, #copyright{
    float: left;
    width: 100%;
}
#footer{
    padding-bottom: 20px;
}
#footer a{
    color: #575757;
}
#footer a:hover{
    color: #ed571f;
}

footer a.footer-logo h2, footer a.footer-logo img{
    display: inline-block;
    vertical-align: middle;
}

footer .left-top{
    text-align: left;
}
.three-plus{
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}
.three-plus img{
    width: auto;
    height: 55px;
}
ul.socials{
    text-align: left;
    margin: 0;
    display: inline-block;
    margin-top: 15px;
}
ul.socials li{
    display: inline-block;
    float: left;
}
ul.socials li a{
    margin-right: 12px;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background: url(../images/sprites.png);
}
ul.socials li a.twitter{
    background-position: -84px -37px;
}
ul.socials li a.aparat{
    background-position: -56px -37px;
}
ul.socials li a.telegram{
    background-position: -28px -37px;
}
ul.socials li a.instagram{
    background-position: 0 -37px;
}

ul.socials li a:hover{
    transform: translateY(-2px);
}
.quick-contact{
    text-align: left;
    direction: ltr;
    font-weight: bold;
}
.quick-contact a span{
    vertical-align: top;
    display: inline-block;
    padding-top: 3px;
}
.quick-contact i{
    font-size: 22px;
    line-height: 22px;
    margin-right: 6px;
}
.quick-contact i.fa{
    font-size: 12px;
    margin: 0 1px;
}
.quick-contact a{
    margin-right: 20px;
}


footer .certificates{
    display: block;
    margin-top: 15px;
    /*margin-top: -95px;*/
}
footer .certificates .certificate{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    border-radius: 5px;
    background: #eaeaea;
    width: 130px;
    height: 160px;
    text-align: center;
    padding: 20px 0 10px;
}
.certificate img{
    max-width: 100%;
}
footer h3.text-danger{
    color: #ec4539 !important;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
}
.footer-menu a{
    display: block;
}
.footer-menu a:hover{
    padding-right: 10px;
}

.footer-download.footer-download-sm{
    display: none;
}
.footer-download{
    display: block;
    width: 100%;
    margin-top: 80px;
}
.top-download-caption{
    font-weight: bold;
    font-size: 15px;
    display: block;
    text-align: center;
    color: #3d3b48;
    margin-bottom: 10px;
}
.footer-download .buttons{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.footer-download .btn-box{
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin: 0;
}
.footer-download .btn-box img{
    max-width: 100%;
}
.footer-download .btn-box a{
    display: inline-block;
}
.footer-download .btn-box a:hover{
    transform: translateY(-6px);
}

#copyright{
    background: #f4f4f4;
    color: #575757;
    font-size: 12px;
    padding: 5px 0;
}
#copyright a{
    color: #323232;
}
#copyright a:hover{
    color: #000;
}
.rayanik{
    display: block;
    text-align: left;
}
.designer{
    display: inline-block;
    position: relative;
    margin-right: 7px;
}
.designer:before{
    content: "";
    position: absolute;
    right: -5px;
    height: 18px;
    width: 1px;
    top: 5px;
    background: #ccc;
}
/*------------------------- Footer End -------------------------*/


/*----------------------- Responsive Start ---------------------*/
@media (min-width: 1361px) and (max-width: 1700px){
    .special-bg{
        background-size: 100% 100%;
        height: 900px;
    }
}
@media (min-width: 1367px){
    .container.xxl-wide{
        max-width: 1337px;
    }
    .ribbon{
        top: -110px;
        background-size: 100%;
    }
    .pickteam .header-featured-right {
        width: 32%;
    }
}
@media (min-width: 1361px){
    .persian-gulf-bg, .europe-bg {
        background-size: cover;
    }
}
@media (min-width: 1200px){
    .tables-page .like-table .div-th>span{
        display: inline-block;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 25px;
        line-height: 36px;
    }
    .flip-clock-wrapper ul{
        width: 22px;
        height: 33px;
    }
    .round-container .round .flip-clock-wrapper.home-clock {
        padding-right: 0;
        padding-left: 0;
        width: 230px;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 24px;
        line-height: 40px;
    }
    #our-details .like-table .div-th.half.is-in-detail ,#our-details .like-table .div-td.half.is-in-detail{
        width: 245px;
    }
    .pickteam .header-featured-left {
        padding: 10px 7px 0 0;
    }
    .core-nav .wrap-core-nav-list ul.core-nav-list>li {
        padding: 10px 15px;
    }
    .viewteam .players-7 .pitch-bottom-hint {
        margin-top: 63px;
    }
}
@media (max-width: 1199px){
    .home-clock-box {top: 191px;}
    .round .flip-clock-wrapper.home-clock{
        margin: 0 auto;
        width: 280px;
    }
    /*
        .round .flip-clock-wrapper.home-clock {
            padding-right: 17px;
            padding-left: 17px;
        }
       .container .round .flip-clock-wrapper.home-clock {
            padding-right: 0;
            padding-left: 32px;
        }
        .container .weeks .round .flip-clock-wrapper.home-clock {
            padding-left: 30px;
        }
    */
    .flip-clock-divider .flip-clock-label {
        right: inherit;
        left: 7px;
        text-align: center;
        width: 43px;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 25px;
        line-height: 36px;
    }
    .flip-clock-wrapper ul{
        width: 22px;
        height: 33px;
    }
    .flip-clock-divider{height:54px}
    .league-logos ul li img {
        max-width: 100%;
        height: auto;
    }
    .budget-icon {
        font-size: 32px;
    }
    .budget-box {
        width: calc(100% - 45px);
    }
    .pitch-box .player {
        width: 85px;
        margin: 2px 10px;
    }

    .side-leagues {
        padding: 0;
    }
    .week-days-box {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }
    .week-days-box ul {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .week-days-box .btn-prev, .week-days-box .btn-next {
        float: none;
        font-size: 12px;
        display: inline-block;
    }
    .select-day-box {
        float: none;
        text-align: center;
        width: 250px;
        margin: 15px auto 0 auto;
    }
    .special-bg.view-team {
        height: 960px;
    }
    .viewteam .pitch-bottom-hint {
        margin-top: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 20px 8px;
        font-size: 11px;
    }

    .header-featured-left img{
        width: 100%;
    }
    .special-bg{
        height: 680px;
        background-size: 100% 100%;
    }
    .statistic-box .statistic-tabs {
        position: relative;
        height: 500px;
    }
    .statistic-box ul.users-list li a span {
        line-height: 32px;
        font-size: 12px;
    }
    .statistic-box ul.users-list li {
        padding: 2px 5px;
    }
    .header-download-left {
        margin-top: 120px;
    }
    .statistic-box .statistic-tabs .arrows {
        right: 28%;
        left: 28%;
    }
    .statistic-box .statistic-tabs ul li.active {
        font-size: 12px;
    }
    .statistic-box .statistic-tabs ul li {
        font-size: 11px;
    }
    .top-download {
        font-weight: normal;
        font-size: 13px;
    }
    .header-download-left .btn-box {
        margin-right: 15px;
    }
    .home-green-bg {
        background-size: cover;
    }

    #owl-rounds .owl-item.active .round-container{
        padding: 0 5px;
    }
    .home-green-bg .container.count-class{
        /*max-width: 980px;*/
    }

    .league-logos {
        right: 300px;
    }
    .league-logos ul li {
        margin: 0 8px;
    }
    .league-logos ul li {
        width: 44px;
        margin: 0 5px;
    }

    ul.news-list li a {
        padding: 3px 0;
        height: 34px;
    }
    .table-selection-players a.player-name, .table-selection-players .position{
        line-height: 16px;
        font-size: 12px;
    }
    .ribbon {
        height: 500px;
    }
    .widget:before {
        margin-top: 33px;
        height: 60%;
    }
    footer .certificates .certificate {
        margin-left: 10px;
    }

    .table-players.dataTable thead th.full-name {
        min-width: 110px;
    }
    .three-top-filter .one-over-three {
        width: 31%;
    }
    .team-row .third-box .btn{
        font-size: 12px;
        margin-right: 3px;
        padding: 4px 9px;
    }
    .pitch-box .player .btn-trash{
        right: 4px;
    }
    .pitch-players .players-box{
        padding-right: 0;
    }
    .btn-suspended {
        left: 10px;
    }
    .lbl-capitan, .lbl-vice-capitan {
        left: 10px;
    }
    .pitch-box .player .lbl-lineup {
        left: 0;
    }
    .nav-tabs.best-threeple .nav-item a.nav-link{
        padding: 6px 9px;
        font-size: 13px;
    }
    .tables-page .like-table .div-th, .tables-page .like-table .div-td {
        width: 62px;
    }
    .person-top .second-box{
        padding: 30px 10px 15px;
    }
    .person-top .first-box h1 {
        font-size: 14px;
    }
    .person-top .info-row {
        margin-bottom: 0;
    }
    #our-details .absolute.sum>div {
        padding: 12px 15px 0 15px;
    }
    #our-details .like-table .div-th.wide, #our-details .like-table .div-td.wide {
        width: 135px;
    }
    #our-details .like-table .div-td.wide, .like-table .competitor{
        font-size: 12.5px;
    }
    #our-details .like-table .div-th {
        font-size: 11.5px;
    }
    #our-details .like-table .div-th.half, #our-details .like-table .div-td.half {
        width: 80px;
    }
    #our-details .like-table .div-th, #our-details .like-table .div-td {
        width: 52px;
    }
    #our-details .like-table .div-th.half.is-in-detail ,#our-details .like-table .div-td.half.is-in-detail{
        width: 145px;
    }
    .popover-awards .half .rank{
        font-size: 9px;
    }
    .popover-awards .half .award {
        font-size: 11px;
    }
    .side-news .tab-pane{
        height: 400px !important;
    }
    .top-gradient {
        height: 160px;
    }
    .view-team .top-gradient {
        height: 137px;
    }
    .viewteam .players-7 .pitch-bottom-hint {
        margin-top: 100px;
    }
    .round-container .round .btn, .round-container .round .btn.btn-success {
        padding: 6px 2px;
        font-size: 12px;
    }
}

@media (min-width: 992px){
    .lg-md-wide{
        width: 100% !important;
    }
    .modal-lg, .modal-xl {
        max-width: 990px;
    }
    .modal-md {
        max-width: 800px;
    }
    .table-general{
        width: 80%;
        margin: 0 10%;
    }

    .best-body-main .club-match-row .day{
        position: absolute;
        right: 0;
        top: 5px;
        width: 140px;
        text-align: right;
        font-size: 11px;
        font-weight: normal;
    }
    .club-match-row.match-row .host{
        padding-left: 5px;
    }
    .club-match-row.match-row .guest{
        padding-right: 5px;
    }
    .club-match-row.match-row .host span, .club-match-row.match-row .guest  span{
        width: calc(100% - 50px);
        overflow: hidden;
        height: 36px;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .club-match-row.match-row .host{
        width: calc( 50% - 135px);
        margin-right: 140px;
    }
    .club-match-row.match-row .guest{
        width: calc( 50% - 125px);
        margin-left: 50px;
    }

    .player-matches-plan .club-match-row.match-row .host{
        width: calc( 50% - 150px);
        margin-right: 170px;
    }
    .player-matches-plan .club-match-row.match-row .guest{
        width: calc( 50% - 150px);
        margin-left: 50px;
    }
    .best-body-main .matches-plan-row .time {
        position: absolute;
        right: 5px;
        top: 13px;
        width: 85px;
        text-align: right;
        font-size: 12px;
        font-weight: bold;
        overflow: hidden;
    }
    .player-matches-plan .performance{
        width: 35px;
        font-size: 11px;
        right: 140px;
        position: absolute;
        top: 3px;
        text-align: center;
        color: #333;
    }
    .player-matches-plan .performance i{
        margin-right: 1px;
    }
    .players-7 .midfielder .players.count-3 .player:nth-child(2){
        transform: translateY(-40px) !important;
    }
}
@media (max-width: 991px){
    html.disable-scroll-tablet, html.disable-scroll-tablet body{
        height: 100% !important;
        overflow-y:hidden !important;
        overflow-x:hidden !important;
        position: relative !important;
    }
    header .logo img{
        width: 50px;
    }
    .logo-area {
        width: 200px;
    }
    .topest-pickteam-area a.btn {
        margin-top: 28px;
        padding: 4px 32px;
    }
    .users-section {
        width: 250px;
        margin-top: 20px;
    }
    .topest-pickteam-area {
        width: calc(100% - 450px);
    }
    .header-featured-left, .header-featured-right {
        margin-top: 10px;
    }
    .home-green-bg {
        background-size: cover;
    }
    .favorite-players-box {
        margin-top: 15px;
    }
    .header-featured-left, .header-featured-right, .header-download-left,
    .favorite-players-box .left-box, .favorite-players-box .right-box, .favorite-players-box .bottom-box{
        width: 100%;
    }
    .favorite-players-box .right-box:before{
        display: none;
    }
    .favorite-players-box .select-title:first-child{
        margin-top: 0;
    }
    select.white-border {
        height: 34px;
        line-height: 30px;
    }

    .flip-clock-wrapper ul{
        width: 19px;
        height: 33px;
    }
    .owl-news{
        margin-top: 25px;
    }
    .owl-news-thumb{
        margin-top: 15px;
    }
    .owl-news .owl-nav>button i {
        font-size: 30px;
    }
    .owl-news .owl-nav {
        margin-top: -15px;
    }
    .owl-news .main-url .caption h2 {
        line-height: 24px;
        font-size: 11.5pt;
    }
    .side-news{
        margin-top: 25px;
    }
    .best-body-main .today{
        position: relative;
        width: 100%;
        text-align: center;
        right: 0;
    }
    .best-body-main.iran {
        /*height: 290px !important;*/
    }
    .match-row .host{
        padding-left: 5px;
    }
    .match-row .guest{
        padding-right: 5px;
    }
    .match-row .guest, .match-row .host {
        width: calc( 50% - 25px);
        overflow: hidden;
        height: auto;
        line-height: 36px;
    }

    .match-row>div img {
        margin: 0 2px;
    }
    .match-row .inner {
        width: 50px;
        margin-top: 4px;
        line-height: 30px;
        height: 31px;
        font-size: 12px;
    }
    .inner .result-penalty{
        top: -8px;
        font-size: 11px;
    }

    .match-row .inner.canceled, .match-row .inner.pause {
        font-size: 9px;
    }
    .matches-list {
        width: 100%;
        margin-left: 0;
        height: 320px;
        font-weight: bold;
        font-size: 12px;
    }
    .matches-list .line-up{
        font-size: 18px;
    }
    .table-clubs {
        font-size: 13px;
    }
    .col-best{
        margin-top: 10px;
    }
    .col-best{
        margin-top: 10px;
    }
    .col-best.offset-lg-0{
        margin-top: 30px;
    }
    .ribbon {
        top: -148px;
        width: 100%;
        height: 450px;
    }
    .best-box .best-head .caption{
        width: 180px;
    }
    .best-head .caption h2 {
        font-size: 14px;
        height: 36px;
    }
    footer .certificates{
        margin-top: 10px;
    }
    .rayanik, .rights {
        text-align: center;
    }

    .single-select{
        display: inline-block;
    }
    select.white-border{
        min-width: 140px;
    }
    .favorite-players-box .left-box{
        text-align: center;
    }
    .favorite-players-box .bottom-box {
        margin: 15px auto;
        text-align: center;
    }

    .pitch-players .players-box{
        padding-right: 0;
    }
    .pitch-box .players .player:first-child, .pitch-box .players .player:last-child {
        transform: translateY(-5px);
    }
    .pitch-box .count-4 .player {
        margin: 2px 20px;
    }
    .pitch-box .count-5 .player {
        margin: 2px 5px;
    }
    .pitch-box .player {
        width: 80px;
        height: 80px;
        padding-top: 25px;
    }
    .pitch-box .player.empty-player:before {
        top: 45px;
    }
    .pitch-box .player:before {
        top: 65px;
    }
    .pitch-box .in-out {
        right: 37px;
        top: -45px;
        font-size: 40px;
    }
    .pitch-players .players-box{margin-top: 0;}
    .viewteam .pitch-players .players {
        height: 92px;
    }
    .pitch-players .position-box{
        top: 0 !important;
    }
    .pickteam .pitch-players .position-box.striker .players-box{
        margin-top: 80px;
    }

    .viewteam .pitch-players .position-box {
        top: 0;
    }
    .player.player-green:after, .player.player-red:after {
        height: 20px;
        width: 20px;
        right: 10px;
    }
    .pitch-box .player.empty-player .empty-icon, .pitch-box .player img {
        height: 48px;
        width: 48px;
        top: -24px;
    }
    .pitch-box .player .position-caption, .pitch-box .player .title{
        font-size: 10px;
    }
    .pitch-box .player .value{
        height : 22px;
        overflow: hidden;
    }
    .pitch-box .player .player-point small , .pitch-box .player .value small{
        font-size: 6px;
    }
    .pitch-box .striker .players.count-3 .player:fisst-child, .pitch-box .striker .players.count-3 .player:last-child {
        transform: translateY(-5px);
    }
    .pitch-box .striker .players.count-3 .player:nth-child(2) {
        transform: translateY(-10px);
    }

    .viewteam .header-featured-wide{
        margin-top: 0;
        padding: 20px 0;
    }
    .viewteam .pitch-players .position-box.striker .players {
        margin-bottom: 0;
    }
    .top-view-team-box .left-boder-lg:before,
    .top-view-team-box .right-info:before{
        display: none;
    }
    .top-view-team-box:before{
        display: none;
    }
    .viewteam .pitch-box .reserves {
        margin-top: -0;
    }
    .pitch-box .lbl-capitan, .pitch-box .lbl-vice-capitan {
        top: 10px;
    }
    .pitch-box .player .lbl-lineup {
        left: 5px;
        top: -9px;
    }
    
    .viewteam .pitch-box .player .value small, .viewteam .pitch-box .player .player-point small{
        font-size: 7px;
    }
    .viewteam .pitch-players .players-box {
        padding-right: 0;
        padding-left: 0;
    }
    .match-row.style2 .host, .match-row.style2 .guest{
        font-size: 12px;
    }
    .match-row.main-style .host, .match-row.main-style .guest{
        font-size: 12px;
    }
    .match-row.main-style .guest, .match-row.main-style .host {
        height: auto;
    }
    .player-performance .name{
        text-indent: 0;
        /*width: 94px;*/
        font-size: 11px;
    }
    .host-players .player-performance .name{
        padding-right: 2px;
    }
    .guest-players .player-performance .name{
        padding-left: 2px;
    }
    .player-performance .position {
        font-size: 12px;
        color: #999;
    }
    .player-performance .actions {
        /*width: calc(100% - 265px);*/
        font-size: 12px;
    }
    .yellow-card-icon, .red-card-icon, .red-yellow-card-icon {
        height: 16px;
        width: 11px;
        transform: translateY(4px);
    }
    .red-yellow-card-icon:before{
        border-top: 9px solid transparent;
        border-bottom: 7px solid #ffd800;
        border-left: 5px solid transparent;
        border-right: 6px solid #ffd800;
    }
    .col-6.host-players, .col-6.guest-players, .events .col-6, .penalty .col-6{
        padding: 0 5px;
    }
    .club-match-row .league-logo{
        top: -3px;
    }
    .club-top .first-box{
        width: 35%;
    }
    .club-top .second-box{
        width: 30%;
    }
    .club-top .third-box{
        width: 35%;
    }

    .club-top .first-box img {
        max-width: 110px;
        max-height: 110px;
    }
    .club-top .first-box .h1-con {
        margin-right: 112px;
        margin-top: 30px;
        width: calc(100% - 112px);
    }
    .club-top .first-box .h1-con:before{
        display: none;
    }
    .club-top .first-box .h1-con h1 {
        font-size: 16px;
    }
    .club-top .second-box p {
        margin-top: 1px;
        margin-bottom: 0px;
        font-size: 14px;
    }
    .best-body-main.tablet-height-auto {
        height: auto !important;
    }
    .player-matches-plan .performance{
        width: 50px;
        font-size: 11px;
        right: 0;
        position: absolute;
        top: 4px;
        text-align: center;
        color: #333;
        border-radius: 19px;
        background: #eee;
        line-height: 20px;
        padding: 2px 0;
    }
    .player-matches-plan .performance i{
        margin-right: 1px;
    }
    .side-news .tab-pane{
        height: 370px !important;
    }
    .side-leagues ul li a span {
        font-size: 13px;
    }
    .week-days-box ul li {
        padding: 0 7px;
    }
    .week-days-box a {
        font-size: 13px;
        font-weight: bold;
    }
    .best-body-main .matches-plan-row .time {
        text-align: center;
        width: 100%;
        float: right;
    }
    .half-line{
        position: absolute;
        width: 2px;
        bottom: 0;
        height: auto;
    }
    .matches-plan-row.match-row.current .time{
        position: relative;
    }
    .match-row.large-style .inner .result {
        margin-top: 15px;
    }
    .gradient-row .caption.left{
        left: 7px;
    }
    .gradient-row .caption.right{
        right: 7px;
    }
    .finished-time{
        bottom: inherit;
        top: 14px;
        left: 7px;
    }
    .player.player-green:after, .player.player-red:after{
        top: -10px;
        right: 3px;
        font-size: 18px;
        line-height: 18px;
        padding: 1px;
    }
}/* max-width: 991px */
@media (min-width: 768px) and (max-width: 1199px){
    .like-table .two-team{
        display: none;
    }
    .like-table .competitor{
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .hidden-tablet{
        display: none !important;
    }
    .modal-lg, .modal-xl {
        max-width: 768px;
    }
    .modal-md {
        max-width: 750px;
    }
    .container.md-wide{
        max-width: 768px;
    }

    .logo h1 {
        font-size: 14px;
    }
    .core-nav ul.core-nav-list>li>a {
        font-size: 13px;
    }
    .core-nav .wrap-core-nav-list .core-nav-list {
        margin: 5px 20px -5px 20px;
    }

    .special-bg {
        height: 500px;
        background-size: 100% 100%;
    }
    .special-bg.view-team {
        height: 690px;
    }
    .viewteam .pitch-bottom-hint{
        color: #343a40;
    }
    
    .header-featured-right{
        width: 39%;
    }
    .header-featured-left, .header-download-left {
        width: 60%;
    }
    .statistic-box hr{
        margin: 3px auto;
    }
    .statistic-box .statistic-tabs {
        height: 370px;
    }
    .statistic-box .statistic-tabs ul{
        height: 30px;
    }
    .statistic-box .statistic-tabs .arrows{
        right: 28%;
        left: 28%;
        top: 0;
    }
    .statistic-box .statistic-tabs .arrows>div{
        width: 10px;
    }
    .header-featured-right .statistic-box{
        padding: 7px 5px 20px 5px;
    }
    .statistic-box .statistic-tabs .arrows>div i {
        font-size: 11px;
    }
    .statistic-box .statistic-tabs ul li {
        width: 30%;
        font-size: 10px;
        height: 28px;
        overflow: hidden;
    }
    .statistic-box .statistic-tabs ul li.active {
        width: 36%;
        font-size: 11px;
    }
    .statistic-box .statistic-tabs ul.users-list li{
        width: 100%;
        display: block;
        height: 36px;
        overflow: hidden;
    }
    .statistic-box ul.users-list li a img {
        width: 30px;
        height: 30px;
    }
    .statistic-box ul.users-list li a span {
        line-height: 30px;
        font-weight: bold;
        font-size: 12px;
    }

    .header-featured-left .img-hover-box, .header-featured-left .home-carousel-box{
        border : none;
    }
    .header-featured-left {
        height: 290px;
    }
    .header-download-left {
        margin-top: 20px;
        width: 60%;
        text-align: center;
    }
    .header-download-left .btn-box a {
        width: 130px;
    }
    .top-download {
        font-weight: normal;
        font-size: 15px;
    }
    .header-download-left .btn-box a img{
        max-width: 100%;
    }
    .header-download-left .buttons {
        margin-top: 6px;
    }
    .top-download i {
        font-size: 20px;
        margin-left: 2px;
    }
    .statistic-box ul.users-list li a .rate {
        font-size: 11px;
    }

    .round-container .round .flip-clock-wrapper.home-clock {
        width: 205px;
    }
    .round .flip-clock-wrapper.home-clock {
        padding-right: 0;
        padding-left: 0;
        width: 246px;
    }
    .container .round .flip-clock-wrapper.home-clock {
        padding-right: 0;
        padding-left: 0;
    }

    .favorite-players-box .select-title{
        display: inline-block;
        margin-left: 5px;
    }
    select.white-border.slc-seasons{
        min-width: 170px;
    }
    select.white-border.slc-leagues{
        min-width: 230px;
    }
    .favorite-players-box .select-title {
        margin-top: 10px;
    }
    .select-wrapper:before {
        top: 4px;
        left: 15px;
    }
    .favorite-players-box .left-box .select-round-title{
        margin-right: 15px;
    }
    .favorite-players-box .sm-box {
        display: inline-block;
    }
    .favorite-players-box .bottom-box {
        display: none;
    }
    .favorite-players-box .sm-box .btn-view-all {
        display: inline-block;
        width: 180px;
        min-width: 180px;
        margin-right: 15px;
        padding: 4px 10px;
    }

    .league-logos {
        height: 50px;
        top: -16px;
        left: 0;
        right: 230px;
    }
    .league-logos ul li {
        width: 32px;
        margin: 15px 4px 0 4px;
    }

    .widget:before {
        margin-top: 33px;
        height: 60%;
    }
    .widget .text-box {
        padding: 0 10px;
    }

    footer {
        padding-top: 30px;
    }
    .footer-download{
        display: none
    }
    .footer-download.footer-download-sm{
        display: block;
        text-align: center;
        margin: 0 auto 20px auto;
    }
    .top-download-caption {
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        line-height: 38px;
    }
    .footer-download .buttons {
        display: inline-block;
        width: auto;
    }
    ul.footer-menu a{
        font-size: 13px;
    }
    footer .certificates .certificate {
        margin-left: 4px;
        width: 120px;
    }

    .top-gradient {
        height: 174px;
    }
    .pickteam .top-box .buttons .btn i{
        display: none !important;
    }
    .budget-box .title{
        display: none;
    }
    .pickteam .top-box .buttons .btn {
        padding: 1px 5px;
        width: inherit;
        margin: 0 1px;
        font-weight: bold;
        font-size: 12px;
    }
    .btn-show-arranges {
        padding: 0 1px;
    }
    .btn-show-arranges .text {
        width: calc(100% - 40px);
    }
    .btn-show-arranges h4 {
        font-size: 8px;
        margin-top: 5px;
    }
    .btn-show-arranges #selected-arrange-title {
        line-height: 32px;
        font-size: 13px;
    }
    .three-top-filter .one-over-three {
        width: 31%;
    }
    .pickteam .header-featured-right {
        width: 39%;
    }
    .pickteam .header-featured-left {
        width: 60%;
    }
    .select-player-title {
        width: 80px;
        font-size: 13px;
    }
    .search-box input {
        width: calc( 100% - 43px);
    }
    .sort-box .based {
        font-size: 9px;
        line-height: 11px;
    }
    .sort-box .type {
        font-size: 9px;
    }
    .sort-box i {
        font-size: 10px;
    }
    .players-table-box .sort-box:before{
        display: none;
    }
    .table-players.dataTable thead th.full-name {
        font-weight: normal;
        font-size: 12px;
        min-width: 85px;
    }
    .dataTables_scrollHead thead tr th, #players thead tr th, #players tbody tr td {
        padding: 10px 6px !important;
    }
    #players tr td:nth-child(1) {
        padding: 10px 3px 0 0 !important;
        width: 32px;
        height: 32px;
    }
    table#players .img-add a[class^='btn'] img {
        height: 36px;
        width: 36px;
    }
    .pitch-box .count-4 .player {
        margin: 2px 5px;
    }

    .pitch-box .players.count-5 .player {
        width: 70px;
        margin: 2px 0px;
    }
    .pitch, .pitch-reserves {
        margin-right: 20px;
    }
    .pitch-box .in-out{
        display: none;
    }
    .viewteam .pitch-box .in-out{
        display: block;
    }
    .pitch-buttons {
        margin-top: 0;
    }
    .pitch-box .player .btn-trash {
        right: 6px;
        top: -8px;
    }
    .pickteam .pitch-players .position-box.striker .players-box {
        margin-top: 30px;
    }
    .pitch, .pitch-reserves {
        /*margin-right: 15px;*/
    }
    .btn-suspended{
        top: -27px;
    }
    #week-modal .details .detail-row {
        display: inline-block;
        border-left: 1px solid #e5e5e4;
        padding: 10px 5px;
        font-size: 14px;
    }

    .top-view-team-box {
        font-size: 13px;
        line-height: 22px;
        margin: 5px 0;
    }
    .top-view-team-box .right-info .user-info img{
        width: 30px;
        height: 30px;
    }
    .viewteam .team-top-gradient {
        height: 110px;
    }
    .pitch-players .position-box.striker .players-box {
        margin-top: 60px;
    }
    .viewteam .pitch-players .position-box.striker .players-box {
        margin-top: 0;
    }
    .viewteam .pitch{
        margin-top: -50px;
    }

    .team-row .main-info>div {
        font-size: 13px;
    }
    .team-row .first-box {
        width: 40%;
    }
    .team-row .second-box {
        width: 16%;
    }
    .team-row .third-box {
        width: 44%;
    }
    .team-row .third-box .btn {
        font-size: 12px;
        margin-right: 3px;
        padding: 2px 5px;
        margin-top: 14px;
    }
    .team-row .team-name i{
        display: none;
    }
    .team-row .not-paid {
        padding: 28px 4px;
        font-weight: normal;
    }
    .like-table .div-th, .like-table .div-td {
        width: 45px !important;
    }
    .like-table .div-td {
        font-size: 12px !important;
    }
    .like-table .div-th.wide, .like-table .div-td.wide {
        width: 95px !important;
    }
    .like-table .div-th.half, .like-table .div-td.half {
        width: 98px !important;
        font-size: 11px !important;
    }
    .like-table .div-th {
        font-size: 10px !important;
    }
    #our-details .like-table .div-th, .like-table .div-td {
        width: 44px !important;
    }
    #our-details .like-table .div-td.wide, #our-details .competitor {
        font-size: 10px !important;
    }
    #our-details .best-body-main.draw-padding {
        padding: 30px 5px 0 5px;
    }
    #our-details .div-th.half.is-in-detail, #our-details .div-td.half.is-in-detail{
        width: 110px !important;
    }
    #our-details .like-table .div-th.wide, #our-details .like-table .div-td.wide {
        width: 85px !important;
    }
    .absolute.sum>div {
        padding: 12px 14px 0 14px;
    }
    #our-details .absolute.sum>div {
        padding: 12px 7px 0 7px;
    }
    #player-modal .master-info .name{
        font-size: 16px;
    }
    #player-modal .master-info .full-name{
        font-size: 14px;
    }
    .img-player-modal{
        width: 125px;
        height: 125px;
        margin-left: 12px
    }
    #player-modal .master-info {
        width: calc( 100% - 150px);
        margin-top: 5px;
    }
    #player-modal ul.more li{
        font-size: 14px;
    }
    .team-row.teams-page .second-box {
        text-align: right;
    }
    .team-row.teams-page .first-box {
        width: 45%;
    }
    .team-row.teams-page .second-box {
        width: 20%;
        text-align: center;
    }
    .team-row.teams-page .third-box .btn {
        float: left;
        margin-top: 3px;
    }
    .team-row .award {
        float: left;
        margin-top: 6px;
    }
    .team-row.teams-page .main-info:before {
        right: calc(40% - 23px);
    }
    .team-row.teams-page .third-box {
        width: 35%;
    }

    .card-widgets .shadowed-widget{
        font-size: 15px;
        text-align: center;
    }
    .card-widgets .shadowed-widget span.value{
        display: block;
        font-weight: bold;
    }
    .dashboard .table.light .btn.btn-sub {
        padding: 3px 15px;
        width: 135px;
        font-size: 14px;
    }
    .table.table-tablet thead{
        display: none;
    }
    .table.table-tablet tbody td{
        display: block;
        border-top: 1px solid #f1f1f1;
    }
    table.table-tablet tbody tr {
        display: block;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        margin-bottom: 20px;
    }
    .modal-content table.table-tablet tbody tr {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    }
    .table.table-tablet tbody tr .key{
        display: inline-block;
        width: 35%
    }
    .table.table-tablet tbody tr .value{
        display: inline-block;
        width: 64%
    }
    .table.table-tablet .actions{
        text-align: center;
    }
    .table.table-tablet .actions .btn{
        margin-bottom: 6px;
    }
    .table.table-mobile.table-tablet tbody tr .key{
        display: inline-block;
    }

    .tables-page .like-table .div-th, .tables-page .like-table .div-td {
        width: 40px !important;
    }
    .tables-page .like-table .div-th.wide, .tables-page .like-table .div-td.wide {
        width: 160px !important;
    }
    ul.matches-status li {
        width: 28px;
        height: 28px;
        overflow: hidden;
    }
    ul.matches-status li a{
        line-height: 28px;
    }
    .news-archive .news-box .date{
        top: -10px;
    }
    .news-archive .news-box a h2{
        margin-top: 17px;
    }

    .person-top .first-box{
        width: 50%;
        padding-top: 20px;
        margin-top: 32px;
    }
    .person-top .second-box{
        width: 50%;
        padding: 10px;
        font-size: 14px;
    }
    .person-top .info-row {
        margin-bottom: 2px;
    }
    .best-box.primary .table-club-players {
        font-size: 12px;
    }
    thead th.full-name.short {
        min-width: 75px;
    }
    .table-players.dataTable thead th{
        font-size: 11px;
        font-weight: normal;
        padding: 8px 2px;
    }
    .players-7 .pitch-bottom-hint {
        margin-top: 40px;
    }
    .viewteam .players-7 .pitch-bottom-hint {
        margin-top: 0;
        color: #fff;
    }
}
@media (min-width: 800px) {

}

@media (min-width: 768px) {
    .hidden-mobile{
        display: inherit;
        /*display: block;*/
    }
    .swap.hidden-mobile{
        display: inline-block;
    }
    #is-mobile, .show-mobile{
        display: none;
    }

    .like-table .div-th>span{
        display: block;
        font-size: 12px;
    }
    .like-table .div-tr{
        text-align: center;
        width: 100%;
        float: right;
    }
    .like-table .div-th, .like-table .div-td{
        float: right;
    }
    .like-table .div-th{
        font-size: 12.5px;
        overflow: hidden;
        height: 44px;
        line-height: 20px;
        vertical-align: middle;
        height: 100%;
        width: 56px;
    }
    .table.table-mobile tbody tr .key{
        display: none;
    }
    .side-leagues {
        display: block !important;
    }
    .round-container .round .awards i.fantasy-cup, .mobile-pick-team{
        display: none;
    }
    .pitch-buttons .btn.hidden-mobile{
        display: inline-block;
    }
    #reserve-players .player-performance .name{
        max-width: inherit;
        font-size: 12px;
        text-indent: 2px;
    }
    #reserve-players .player-performance .name .swap{
        display: inline-block;
    }
    footer .footer-toggle{
        display: block !important;
    }
}
@media (max-width: 767px) {
    body{
        cursor: pointer;/* IOS click hack*/
    }
    html.disable-scroll-mobile{
        overflow-y:hidden;
        overflow-x:hidden;
    }
    .hidden-mobile{
        display: none;
    }
    #is-mobile, .show-mobile{
        display: block;
        /*display: inherit;*/
    }
    .core-nav .wrap-core-nav-list ul.core-nav-list>li.show-mobile{
        display: block !important;
    }
    .left-mobile{
        text-align: left;
        float: left;
        width: 120px !important;
        max-width: 120px !important;
        padding-right: 2px !important;
        flex: none;
        /*background: red;*/
    }
    .right-mobile{
        text-align: right;
        float: right;
        width: calc( 100% - 120px) !important;
        max-width: calc( 100% - 120px) !important;
        padding-left: 2px !important;
        flex: none;
        /*background: green;*/
    }
    .top-view-team-box .ellipsis {
        width: auto;
    }
    .top-view-team-box .rate-number, .top-view-team-box .left-info .row>div>span {
        font-size: 10px;
    }
    .like-table .div-tr.head{
        display: none;
    }
    .like-table.striped .div-tbody>div:nth-child(4n) {
        background-color: #ffffff;
    }
    .sm-no-margin{
        margin: 0 !important;
    }
    .sm-no-padding{
        padding: 0 !important;
    }

    header .container{
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .logo-area, .users-section, .topest-pickteam-area{
        width: 100%;
    }
    .logo-area {
        text-align: center;
    }
    .users-section .free-user {
        width: 260px;
        left: -45px;
    }
    .free-user .red-box {
        left: 50px;
    }
    .free-user .signup a {
        margin-left: 50px;
    }
    .logo-area, .users-section{
        overflow: hidden;
    }
    .users-section{
        overflow-y: visible;
        overflow-x: hidden;
    }
    .users-section{
        padding-left: 20px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .pick-team .users-section{
        margin-bottom: 0;
    }
    .logged-in-box .credit, .logged-in-box .username {
        width: calc( 100% - 164px);
        font-size: 12px;
    }
    .topest-pickteam-area a.btn {
        margin-top: 30px;
        padding: 4px 60px;
        font-size: 14px;
    }
    .pagination>li {
        margin-top: 10px;
    }

    .core-nav-container{
        /*overflow: hidden;*/
        height: auto;
    }
    #owl-rounds.owl-carousel{
        display: block;
    }
    #owl-rounds.off .round{
        max-width: 400px;
        margin: 10px auto 30px auto;
    }
    .inner-wave{
        display: none
    }
    .front-wave{
        background-size: inherit;
        opacity: 1;
    }
    .flip-clock-wrapper ul{
        width: 22px;
    }
    .round-container .round .header-box .league-img img{
        max-width: 100%;
        height: auto;
    }

    .week-matches-box{
        top: 225px;
        width: 200px;
    }
    .matches-box .team-result .text-left{
        text-align: right !important;
    }
    .matches-box .team-result .text-right{
        text-align: left !important;
    }
    .rights, .rayanik{
        text-align: center;
    }

    .core-nav .core-nav-toggle {
        float: right;
        color: #fff;
        font-size: 30px;
        margin-top: -54px;
        margin-right: 20px;
        width: 36px;
    }
    .core-nav .core-nav-toggle.top {
        margin-top: -123px;
    }
    .top-nav.core-nav.nav-core-sticky {
        background: transparent;
        height: 0;
    }
    .core-responsive-slide .core-nav .wrap-core-nav-list {
        z-index: 3;
    }
    .core-nav-container .core-responsive-slide.open .core-nav .nav-header {
        z-index: 0;
    }
    .core-responsive-slide.open {
        margin-left: 0; /*-270px;*/
        margin-right: 0; /*270px;*/
        position: relative;
    }

    .core-responsive-slide:before{
        transition: ease 1s all;

    }
    .core-responsive-slide.open:before{
        content: "";
        display: block;
        opacity: 1;
        position: fixed;
        z-index: 9999;
        top: 0;
        bottom: 0;
        right:270px;
        left:0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .core-responsive-slide.open .core-nav .wrap-core-nav-list {
        top: 0;
        margin-top: 0;
        margin-left: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.9);
        right: 0;
    }
    .core-nav .wrap-core-nav-list ul.menu>li{
        background: #fff;
    }
    .core-nav .wrap-core-nav-list ul.menu>li:nth-child(odd){
        background: #f1f1f1;
    }
    .core-nav .dropdown li a{
        border-radius: 4px;
    }
    .core-nav .wrap-core-nav-list ul.core-nav-list li a{
        color: #434343;
        font-weight: bold;
    }
    .core-nav ul.menu>li.dropdown>a.dropdown-toggle::after {
        top: 2px;
        left: 5px;
    }
    .core-nav ul.core-nav-list>li>a:before{
        display: none;
    }
    .core-nav .wrap-core-nav-list{
        right: -270px;
        left: inherit;
    }
    .core-nav .wrap-core-nav-list ul.core-nav-list>li {
        float: right;
        padding: 5px 10px !important
    }
    .core-nav .wrap-core-nav-list.right .dropdown>.dropdown-menu{
        position: relative !important;
        transform: none !important;
        background: transparent;
        top: 0;
        left: 0;
        width: 100%;
        margin-right: 0;
        padding: 0 10px 0 0;
    }
    .core-nav ul.menu>li.dropdown>.dropdown-menu:before{
        display: none;
    }
    .core-nav .wrap-core-nav-list ul.core-nav-list>li a{
        text-align: right;
    }
    .core-nav ul.menu>li.dropdown> ul.dropdown-menu li.dropdown>a.dropdown-toggle::after{

    }
    .core-nav ul.menu li.dropdown>a.dropdown-toggle::after{
        content: "\e604" !important;
    }
    .core-nav ul.menu li.dropdown.show>a.dropdown-toggle::after{
        content: "\e607" !important;
    }

    .header-featured-left{
        height: 280px;
    }
    .header-download-left {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    .header-featured-left .home-carousel-box{
        border: 2px solid transparent;
    }
    .header-download-left .btn-box{
        margin: 10px 2px 0 2px;
    }
    .header-featured-right .statistic-box {
        padding: 7px 10px 20px 10px;
        max-width: 400px;
        margin: 0 auto;
    }
    .statistic-box ul.users-list li a span {
        font-size: 13px;
    }
    .header-featured-area {
        padding: 0;
    }
    .favorite-players-box{
        padding-bottom: 15px;
    }
    .favorite-players-box .left-box, .favorite-players-box .right-box, .favorite-players-box .bottom-box{
        float: none;
    }
    .favorite-players-box h2 {
        text-align: center;
    }
    .favorite-players-box .single-select, .favorite-players-box .single-select .select-wrapper{
        display: block;
    }


    .owl-news-thumb{
        display: none !important;
    }
    .news-bg{
        float: none;
    }
    .col-best.offset-lg-0 , .col-best{
        margin-top: 20px;
    }
    .best-box.danger .m-t-50, .best-box.primary .m-t-100{
        margin-top: 0 !important;
    }
    .col-md-4 .best-body{
        margin-top: 25px;
    }

    .league-logos{
        display: none;
    }

    .ribbon {
        top: -170px;
    }
    .item .widget{
        float: none;
        width: 100%;
    }
    .item .widget .text-box{
        width: 100%;
        padding: 0;
        float: none;
    }
    .item .widget .img-box{
        padding: 0;
        margin: 0 auto;
        float: none;
    }
    .item .widget img{
        width: 50px;
        height: 50px;
        margin: 10px auto;
    }
    .item .widget:before{
        display: none
    }


    #footer {
        padding-bottom: 0;
    }
    #copyright {
        display: none;
    }
    footer {
        min-height: inherit;
        padding-top: 10px;
    }
    .certificate a{
        display: block;
    }
    .certificate img {
        width: 100%;
        height: auto;
    }
    .certificate img.bonyad {
        width: 78%;
        height: auto;
    }
    .top-download-caption{
        display: none;
    }
    footer h3.text-danger {
        color: #434343 !important;
        font-size: 13px;
        margin-bottom: 5px;
        margin-top: 5px;
        position: relative;
    }
    .footer-toggle{
        display: none;
    }
    footer .active .footer-toggle{
        display: block;
    }
    .footer-toggle-box{
        border-radius: 4px;
        background: #fff;
        padding: 3px 10px;
        margin-bottom: 10px;
    }
    .footer-download {
        margin: 15px auto 20px auto;
    }
    footer .certificates .certificate {
        width: 23%;
        height: auto;
        padding: 5px 0;
        margin-left: 0;
        margin-bottom: 5px;
        text-align: center;
        background: transparent;
    }
    footer h3.text-danger:before {
        content: "\e604";
        position: absolute;
        font-family: 'simple-line-icons';
        font-size: 14px;
        left: 0;
        top: 5px;
        color: #434343;
    }
    .footer-toggle-box.active h3.text-danger:before{
        content: "\e607";
    }

    .topest-pickteam-area h2.week-title, .topest-pickteam-area a.btn.btn-week-info{
        display: none;
    }
    .top-gradient{
        height: 146px;
    }
    .team-top-gradient {
        top: 0;
    }
    .top-filter-box{
        display: none;
    }

    .main.pickteam{
        margin-top: 20px;
    }
    .main.pickteam.viewteam {
        margin-top: 10px;
    }
    .special-bg.pick-team {
        background-image: url(../images/top/pickteam-bg-mobile.jpg);
        /*height: 820px;*/
    }

    .pickteam .header-featured-left{
        width: 100%;
    }
    .pickteam .header-featured-right{
        width: 94%;
        position: fixed;
        top: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        z-index: 99;
    }
    .pickteam .header-featured-right.top{
        top: 125px;
    }

    .pickteam .header-featured-right.top:before{
        content: "";
        position: absolute;
        height: 150px;
        top: -150px;
        right: 0;
        left: 0;
        z-index: 999;
    }
    .dataTables_scrollBody{
        max-height: 270px;/* must review */
    }
    #players_wrapper{
        height: 400px;/* must review */
    }

    .players-table-box .sort-box,
    .players-table-box .filter-box{
        width: calc(50% - 40px);

    }
    .players-table-box .sort-box{
        background: #204f98;
    }
    .players-table-box .search-box{
        width: 40px;
        background: #1a4788;
    }
    .players-table-box .close-box{
        display: block;
        width: 40px;
        float: left;
        color: #ffffff;
        height: 45px;
        font-size: 25px;
        line-height: 50px;
        text-align: center;
        background: #ec453b;
        cursor: pointer;/* IOS click hack*/
    }

    .players-table-box .filter-box{
        display: block;
        position: relative;
        float: right;
        background: #1a4788;
        padding: 6px 5px 4px 5px;
        height: 45px;
        cursor: pointer;
        background: #fed202;
        color: #111;
    }
    .players-table-box .filter-box:before{
        border-top-color: #111;
    }
    .filter-box i{
        font-size: 18px;
        float: right;
        height: 40px;
        padding-top: 7px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .filter-box>div{
        font-weight: bold;
        line-height: 37px;
    }
    .players-table-box .filter-box:before,
    .players-table-box .sort-box:before{
        left: 10px;
    }
    .players-table-box .search-box i {
        padding: 0 5px;
    }
    .players-table-box .search-box input{
        display: none;
    }
    .players-table-box .search-box.open input{
        display: block;
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 45px;
        top: 0;
        right: 0px;
        background: #1a4788;
        padding: 10px 5px;
        border-radius: 15px 15px 0 0;
    }
    .players-table-box .search-box .btn.btn-reset {
        display: none !important;
    }
    .players-table-box .search-box.open .btn.btn-reset {
        display: block !important;
        left: 8px;
        z-index: 2;
    }
    .pickteam .top-box .buttons-box{
        margin-top: 0;
        padding: 0 30px 0 0 !important;
    }
    .pickteam .top-box .buttons .btn {
        padding: 1px;
        width: 45%;
        margin: 0 1px;
        font-size: 13px;
    }
    .pickteam .top-box .buttons .btn.btn-auto {
        width: 100%;
        color: #1d3e79 !important;
        cursor: pointer;
        padding: 0 4px;
        border-radius: 0.25rem !important;
        height: 50px;;
    }
    .pickteam .arranges-col{
        padding: 0 15px 0 15px !important;
    }
    .pickteam .top-box .buttons .btn-auto i{
        font-size: 20px;
    }
    .pickteam .top-box .buttons-box:before, .pickteam .top-box .buttons-box:after{
        display: none;
    }
    .header-featured-left .top-box{
        padding-bottom: 3px;
        margin: 0 2px 0 15px;
    }
    .pickteam .budget-col{
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
    }
    .budget-box, .budget-icon,
    .budget-box .title, .budget-box #remaining-budget{
        width: auto;
        display: inline-block;
        float: none;
    }


    .pitch-box .player .btn-trash{
        display: none;
    }
    .pitch-box .player .btn-popover{
        width: 1px;
        height: 1px;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 0;
        top: -14px;
        right: 0;
        left: 0;
        margin: 0 auto
    }
    .pitch-players .position-box.goal-keeper .players-box{
        padding-left: 8px;
    }
    .pitch-box .reserves-box{
        padding-right: 0;
    }

    .pitch-buttons{
        margin-top: -10px;
    }
    .pitch-buttons .btn{
        margin: 0 auto 10px auto;
        padding: 6px 20px;
        display: inline-block;
        width: 49%;
    }
    .pitch-buttons .btn.hidden-mobile{
        display: none;
    }
    .pitch-bottom-hint{
        color: #fff;
    }
    
    #btn-new-team{
        /*display: block;*/
        /*width: auto;*/
    }
    .lbl-capitan, .lbl-vice-capitan {
        left: 15px;
        top: 8px;
    }
    .btn-suspended {
        left: 13px;
        top: -27px;
    }
    #week-modal .details .detail-row {
        border-left: none;
        padding: 3px 5px;
        float: right;
        width: 50%;
    }

    .topest-pickteam-area.hidden{
        display: none;
    }


    .top-view-team-box {
        font-size: 13px;
    }
    .top-view-team-box i {
        font-size: 18px;
    }
    .top-view-team-box .right-info .user-info img {
        width: 32px;
        height: 32px;
    }
    .viewteam  .pitch-players .position-box.striker .players-box {
        margin-top: 0;
    }
    .viewteam .pitch-players .players {
        height: 100px;
    }

    .float-box{
        float: none;
        text-align: center;
    }
    .float-box .floated{
        margin-top: 5px;
        float: none;
    }

    .inline-options div[class^='col-']{
        margin-bottom: 15px;
    }
    .inline-options .select2-container{
        display: inline-block;
        width: calc(100% - 80px) !important;
    }
    .inline-options .option-title{
        display: inline-block;
        width: 75px;
        font-size: 13px;
        margin-bottom: 0;
        text-align: right;
    }
    .inline-options .option-title.font-xs{
        font-size: 12px;
    }
    .team-row{
        margin-bottom: 40px;
    }
    .team-row .main-info>div{
        width: 100% !important;
    }
    .team-row .counter{
        width: auto;
        float: none;
        position: absolute;
        top: 7px;
        right: 15px;
        z-index: 2;
        background: #eee;
        border-radius: 50px;
        padding: 0px 20px;
    }
    .team-row .team-name{
        width: calc(100% - 41px);
        float: left;
        text-align: center;
        text-indent: -20px;
    }
    .team-row .main-info:before{
        display: none;
    }
    .team-row .second-box{
        text-align: center;
        margin: 10px auto;
    }
    .team-row .third-box{
        text-align: center;
    }
    .team-row .third-box .award{
        width: 100%;
        margin: 10px auto 0;
    }
    .team-row .third-box .btn{
        float: none;
    }
    .team-row .not-paid{
        position: relative;
        padding: 5px 10px;
        background: #fff;
        color: #ec4437;
    }

    .team-row .other {
        width: 100%;
    }
    .team-row .award {
        border-radius: 25px;
        margin-bottom: 5px;
    }
    .team-row .award:before{
        display: none;
    }
    .team-row .other{
        width: 100%;
        float: right;
        text-align: right;
        font-size: 12px;
        line-height: 18px;
    }
    .team-row .other .round-box, .team-row .other .date{
        display: block;
    }

    #player-modal .relative {
        margin-top: 0;
    }
    .absolute.sum{
        height: auto;
    }
    .absolute.sum>div {
        display: inline-block;
        padding: 8px 5px 0 5px;
    }
    #player-modal .modal-dialog {
        max-width: 94%;
    }

    #player-modal .master-info{
        width: calc( 100% - 90px);
    }
    #player-modal ul.more li{
        width: 50%;
        float: right;
        margin: 0;
        border: none;
    }
    #player-modal .modal-header .close{
        margin-top: -15px;
    }
    .img-player-modal{
        border: 2px solid #edf3ed;
        width: 70px;
        height: 70px;
    }
    #player-modal .full-box>span.full-name{
        display: none
    }
    #player-modal .full-box>span.slash:first-child{
        display: none;
    }
    #player-modal .club-box{
        display: block;
        margin-bottom: 5px;
    }
    #player-modal .club-box>span{
        float: right;
    }
    #player-modal .club-box .value{
        margin-right: 3px;
    }
    #player-modal .master-info .slash{
        display: none;
    }
    #player-modal .master-info .post, #player-modal .master-info .name{
        width: calc(100% - 90px);
        margin-top: 7px;
    }
    .rows .div-tbody .div-tr{
        margin-bottom: 15px;
        border-bottom: 1px solid #d6d6d6;
        float: right;
        display: none;
    }
    .rows .div-tbody .toggle-box{
        width: 100%;
        float: right;
        margin-bottom: 5px;
        font-weight: bold;
        border-bottom: 1px solid #d6d6d6;
    }
    .rows .div-tbody .toggle-box i{
        font-size: 18px;
        font-weight: bold;
        margin-top: 3px;
    }
    .tables-page .rows .div-tbody .toggle-box i {
        position: absolute;
        left: 20px;
    }
    .like-table .div-td.wide, .like-table .div-td.half, .like-table .div-td{
        width: 33.3%;
        font-size: 13px;
    }

    #our-details .like-table .div-td.half.is-in-detail{
        width: 100%;
    }
    #our-details .like-table .two-team {
        display: inline-block;
        vertical-align: middle;
    }
    #our-details .like-table {
        padding-top: 165px;
    }
    .two-team .host, .two-team .guest {
        width: auto;
    }
    .two-team .text-dark{
        color: #000;
        font-weight: bold !important;
    }
    .like-table .div-td .show-mobile{
        display: inline-block;
        margin-left: 4px;
    }
    .team-row .first-box img.img-user{
        display: none;
    }
    .team-row.teams-page .main-info{
        margin-top: 32px;
    }
    .team-row img.img-user{
        position: absolute;
        top: -30px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .team-row.teams-page .team-name {
        width: 100%;
        text-align: right;
        text-indent: 0;
    }
    .team-row.teams-page .second-box{
        margin: 0;
        text-align: center;
    }

    .team-row.teams-page .second-box>div {
        margin: 0;
        text-align: right;
        display: block !important;
    }
    .team-row .third-box .btn {
        display: block;
        float: right;
        width: 100%;
        margin: 0 0 5px 0;
    }



    .dashboard-buttons .btn {
        margin: 0 1px;
        padding: 4px 12px;
        font-size: 14px;
    }
    .card-widgets .shadowed-widget {
        padding: 25px 10px 15px 10px;
        float: none;
        width: 100%;
    }
    .card-widgets .shadowed-widget:before {
        content: "";
        position: absolute;
        width: 100%;
        right: 0;
        box-shadow: 0 10px 14px 2px #f1f1f1;
        left: 0;
        top: -5px;
        height: 10px;
    }
    .dashboard .table.light .btn {
        width: 150px;
    }

    .mobile-transparent, .card.mobile-transparent{
        box-shadow: none !important;
        background: transparent;
        border-color: transparent;
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        white-space: inherit;
    }
    .table.table-mobile thead{
        display: none;
    }
    .table.table-mobile tbody td{
        display: block;
        border-top: 1px solid #f1f1f1;
    }
    table.table-mobile tbody tr {
        display: block;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        margin-bottom: 20px;
    }
    .modal-content table.table-mobile tbody tr {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    }
    .table.table-mobile tbody tr .key{
        display: inline-block;
        width: 35%
    }
    .table.table-mobile tbody tr .value{
        display: inline-block;
        width: 63%
    }
    .table.table-mobile .actions{
        text-align: center;
    }
    .table.table-mobile .actions .btn{
        margin-bottom: 6px;
    }

    .input-group.mobile-rotate{
        overflow: hidden;
    }
    .input-group.mobile-rotate .form-control, .input-group.mobile-rotate .input-group-append{
        width: 100%;
        height: auto;
    }
    .input-group.mobile-rotate .input-group-append .btn{
        width: 100%;
        border-radius: 0 0 25px 25px !important;
    }
    .table.table-general td, .table.table-general th {
        padding: 5px 2px;
    }

    .card-link .btn-toggle {
        width: 100px;
        padding-right: 10px;
        font-size: 13px;
        font-weight: normal;
    }
    .card-link h2 {
        width: calc(100% - 100px);
        padding: 18px 0 18px 5px;
        font-size: 15px;
    }
    .modal #match-info{
        font-size: 13px;
    }
    .half-line {
        top: 42px;
    }
    #match-modal .match-row.main-style{
        background: #f2f1f0;
        position: relative;
        padding: 5px 0;
        height: 52px;
        border-radius: 0;
    }
    #match-modal .match-row.main-style:before, #match-modal .match-row.main-style:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        background: #f2f1f0;
        width: 15px;
    }
    #match-modal .match-row.main-style:before{
        right: -15px
    }
    #match-modal .match-row.main-style:after{
        left: -15px
    }
    .player-performance .point {
        top: 18px;
        width: 24px;
        height: 23px;
        line-height: 24px;
    }
    .player-performance .position{
        /*width: 50px; */
        margin-top: 0;
        font-size: 8px;
        margin-right: 1px !important;
        margin-left: 1px !important;
    }
    .guest-players .player-performance .position{
        margin-right: 0;
    }

    .tables-page .like-table .div-th, .tables-page .like-table .div-td {
        width: 140px;
        text-align: right;
    }
    .tables-page .like-table .div-td.wide{
        width: 100%;
        text-align: right;
        margin-bottom: 15px;
    }
    .tables-page .rows .div-tbody .toggle-box {
        padding-bottom: 3px;
    }

    .news-archive .news-box .row div[class^='col-']{
        padding: 0 3px;
    }
    .news-archive .news-box .date{
        top: inherit;
        left: inherit;
        bottom: 0;
        right: 10px;
    }
    .news-archive .news-box h3,
    .news-archive .news-box .summary{
        display: none;
    }
    .news-archive .news-box a h2{
        font-size: 13px;
        margin-bottom: 30px;
        margin-left: 8px;
    }
    .news-archive .news-box .img-box {
        display: block;
        padding: 0 8px;
    }
    .news-archive .news-box a.btn.btn-continue{
        background: #fff !important;
        color: #ed551e !important;
        border: none !important;
        margin: 0;
        padding: 0;
        bottom: 0;
        font-size: 13px;
    }
    .news-archive .news-box a.btn.btn-continue i{
        padding-right: 3px;
    }
    .news-detail-box .summary-info{
        padding-bottom: 10px;
    }
    .news-detail-box .summary-info:before{
        left: 0;
    }
    .favorite-players-box .table-players{
        font-size: 13px;
    }
    .other-clubs .title{
        display: none;
    }
    .other-clubs .clubs{
        width: 100%;
    }
    .club-top .first-box, .club-top .second-box, .club-top .third-box{
        width: 100%;
    }
    .club-top .first-box{
        text-align: center;
        padding-top: 10px;
    }
    .club-top .first-box .h1-con {
        margin-right: 0;
        margin-top: 0;
        width: auto;
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    .club-top .first-box .h1-con h1{
        background: transparent;
    }
    .club-top .first-box img{
        position: relative;
        top: 0;
        display: inline-block;
        width: 60px;
        height: 60px;
        margin-left: 4px;
        vertical-align: middle;
    }
    .club-top .third-box .img-box {
        position: relative;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .club-top .third-box .img-box:before{
        display: none;
    }
    .club-top .third-box .img-box img {
        border-radius: 10px;
    }
    .club-top .second-box{
        padding: 10px 5px;
    }
    .matches-plan{
        margin-bottom: 15px;
    }
    .player-matches-plan{
        margin-bottom: 30px;
    }
    .person-top .first-box{
        width: 100%;
        padding: 20px 0;
        text-align: center;
    }
    .person-top .second-box{
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
    }
    .person-top .info-row {
        margin-bottom: 1px;
    }
    .person-top .first-box .h1-con {
        margin-right: 0;
        margin-top: 0;
        width: auto;
        position: relative;
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    .person-top .first-box img{
        position: relative;
        width: 80px;
        height: 80px;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: top;
    }
    .person-top .first-box .h1-con:before{
        display: none;
    }
    .person-top .first-box h1{
        background: transparent;
        padding-top: 26px;
        margin-right: 5px;
    }
    .club-content h2{
        background: transparent;
    }
    .tables-page .like-table .team-name {
        width: calc( 100% - 165px);
    }
    .tables-page .like-table .point, .tables-page .like-table .matches-count{
        display: inline-block;
        margin-right: 2px;
        width: 30px;
        text-align: center;
    }
    .persian-gulf-bg{
        background-size: inherit;
    }
    .europe-bg{
        background-size: inherit;
    }
    .team-row .remain-teams{
        right: inherit;
        left: 15px;
    }
    .side-leagues {
        display: none;
        padding: 10px 0 0 0;
    }
    .side-leagues ul li a span {
        margin-right: 3px;
    }
    .side-leagues-box{
        margin-bottom: 30px;
    }
    .core-nav .wrap-core-nav-list ul.core-nav-list li a.mobile-pick-team{
        color: #58b689;
    }

    .main.main-weeks{
        padding: 0 0 25px 0 !important;
    }
    .main.page-caption {
        font-size: 15px;
        padding-bottom: 12px;
        margin-top: -10px;
        margin-bottom: 15px;
    }
    .free-label {
        font-size: 13px;
        width: 115px;
        left: -34px;
        top: 12px;
        height: 24px;
        line-height: 24px;
    }
    .free-label:before {
        bottom: -3px;
        right: 10px;
    }
    .free-label:after {
        bottom: -2px;
        left: 10px;
    }
    .round-container .round .header-box .league-img {
        width: 40px;
        text-align: left;
        float: right;
        margin-left: 3px;
    }
    .round-container .round .header-box .title{
        height: 24px;
        width: calc( 100% - 45px);
    }
    .round-container .round .header-box .title h3 {
        color: #124eb5;
        font-size: 13px;
        overflow: hidden;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .round-container .round .awards{
        font-size: 14px;
        color: #212121;
        font-weight: bold;
    }
    .round-container .round .awards .btn-show-award {
        display: none;
    }
    .round-container .round .content-box {
        margin-top: -20px;
    }
    .round-container .round .awards {
        position: relative;
        width: 150px;
        height: 36px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        float: none;
        background: #efefef;
        padding: 0;
        border-radius: 50px;
        z-index: 2;
        /*overflow: hidden;*/
    }
    .round-container .round .awards .value h3{
        font-weight: bold;
    }
    .round-container .round .awards i.fantasy-cup{
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -5px;
        font-size: 17px;
    }
    .round-container .round .awards h3 span{
        font-size: 10px;
        font-weight: normal;
        margin-right: 3px;
    }
    .round-container .round .like-table {
        border: none;
        padding: 0 5px;
        height: 30px;
    }
    .round .main-info .status span{
        font-size: 13px;
    }
    .round .main-info .status span.remaining-or-count {
        font-size: 18px;
    }
    .round-container .round .time-title{
        display: none;
    }
    .round .main-info .pitch-users i {
        font-size: 20px;
        margin-top: -12px;
    }

    .round-container .round .header-box {
        padding: 0 10px;
        margin-top: 10px;
    }
    .round-container .round .flip-clock-wrapper.home-clock {
        float: none;
        padding: 0;
        width: 200px;
        max-width: 200px;
        margin: 5px auto !important;
    }
    .flip-clock-wrapper ul{
        width: 18px;
        height: 26px;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 20px;
        line-height: 30px;
    }
    .flip-clock-divider .flip-clock-label {
        left: 2px;
        right: -44px;
    }
    .flip-clock-divider .flip-clock-label {
        top: 22px;
        color: #a1a1a1;
        font-size: 10px;
    }
    .flip-clock-dot {
        width: 2px;
        height: 2px;
        left: 0;
    }
    .flip-clock-divider{
        width: 2px;
    }

    .round-box.col-12.active-week-box{
        padding-right: 10px;
        padding-left: 10px;
    }
    .round-container .round {
        border-radius: 10px;
    }
    .container.weeks .round-container .round {
        margin: 0 0 35px 0;
    }
    .round .main-info .status span.pitch-users {
        top: 8px;
    }
    .flip-clock-divider{
        height: 40px;
    }
    .flip-clock-dot.top {
        top: 18px;
    }
    .flip-clock-dot.bottom {
        bottom: 25px;
    }

    .round-container .round .btn.btn-success {
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
    }
    .round-container .round .like-table .p-t-15, .round-container .round .like-table .status{
        padding-top: 3px !important;
    }
    .btn-capitan, .btn-vice-capitan{
        display: none;
    }
    .team-row.teams-page .main-info{
        padding-top: 35px;
    }
    .team-row .my-teams .team-name {
        width: 100%;
        text-indent: 0;
        margin-top: 20px;
    }
    .round-container .round.free .header-box {
        padding-right: 10px;
    }
    .player-performance .point {
        height: 20px;
        line-height: 20px;
        top: 8px;
    }
    .player-performance .actions {
        /*width: calc(100% - 57px);*/
        width: auto;
        height: 20px;
        margin-top: -5px;
    }
    .out-players .player-performance .actions{
        margin-top: -6px;
    }
    .out-players .player-performance .name {
        position: relative;
        z-index: 2;
    }
    .viewteam .pitch-bottom-hint {
        margin-top: -10px;
    }  
    .players-7 .pitch-bottom-hint {
        margin-top: -40px;
    }
    .viewteam .players-7 .pitch-bottom-hint {
        margin-top: 0px;
    }
    .viewteam .edit-time{
        width: 182px;
    }
    .player-performance {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .host-players .player-performance{
        padding-left: 15px;
    }
    .guest-players .player-performance{
        padding-right: 15px;
    }
    #reserve-players .player-performance .name>span {
        display: inline-block;
        font-size: 10px;
    }
    .player-performance .name>span{
        display: inline-block
    }
    .player-performance .instead {
        color: #a1a4ab;
        font-size: 9px;
    }
    .ticket-notification {
        bottom: 0px;
        left: -3px;
    }
    .pulse-ring {
        top: -5px;
        left: -5px;
        height: 30px;
        width: 30px;
    }
}/* max-width: 767px*/

@media (min-width: 577px) and (max-width: 767px){
    .player-performance .position {
        font-size: 10px;
        width: auto;
        text-align: right;
        padding-top: 0;
    }
    .player-performance .actions {
        font-size: 12px;
    }
    .events a.event-player, .penalty a.penalty-player {
        font-size: 11px;
    }
    .player-performance .actions {
        /*width: calc(100% - 85px);*/
    }
    
}
@media (max-width: 600px){
    .statistic-con{width: 100% !important}
    .top-carousel .item .texts{top: 10px}

    .pitch-box .player {
        width: 62px;
    }
    .pitch-box .player .lbl-lineup {
        left: -2px;
    }
    /*
    .table-players tr td:nth-child(1), .table-players tr th:nth-child(1),
    .table-players tr td:nth-child(3), .table-players tr th:nth-child(3),
    .table-players tr td:nth-child(6), .table-players tr th:nth-child(6){
        display: none;
    }*/


    .xs-h-visible{display:block !important}
    .home-clock-box {
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 50px;
    }
    .home-clock-box .btn-white{
        background: #8cc63f;
        color: #fff;
    }
    .clock{
        width: 245px;
        margin-top: 35px;
    }
    .home-clock-box .btn-white:hover, .home-clock-box .btn-white:active, .home-clock-box .btn-white:focus{
        background: #007049;
    }
    .carousel-title{
        position: relative;
        top: 0;
    }
    .carousel-title h3{font-size: 20pt}
    .top-carousel.owl-theme .owl-nav.disabled + .owl-dots {
        top: 10px;
        text-align: left;
        margin-left: 37px;
    }
    .absolute.sum>div>span {
        display: inline-block;
    }
    .absolute.sum>div {
        float: right;
        width: 33.3%;
        padding: 3px 2px 0 2px;
        margin-bottom: 5px;
    }
    .special-bg.mobile-home{
        height: 350px;
    }
    .float-box.m-b-75{
        margin-bottom: 20px !important;
    }
    .footer-download .btn-box {
        width: 49%;
    }
    .edit-time .clock{
        width: 100%;
    }
    .player.player-green:after, .player.player-red:after{
        right: 0;
        font-size: 18px;
        line-height: 18px;
        padding: 1px;
    }
}

@media (min-width: 577px){
    .hidden-mobile-xs{
        display: block;
    }
    .show-mobile-xs{
        display: none;
    }
    #notice-modal .modal-dialog {
        max-width: 700px;
    }
}
@media (max-width: 576px){
    .hidden-mobile-xs{
        display: none;
    }
    .show-mobile-xs{
        display: block;
    }
    .col-md-12.mobile-no-padding{
        padding: 0 !important;
    }
    .btn-suspended {
        left: 4px;
    }
    .lbl-capitan, .lbl-vice-capitan {
        left: 5px;
    }
    .pitch-box .player .lbl-lineup {
        left: -5px;
    }
    #player-modal .modal-header{
        display: block;
    }
    #player-modal .select-wrapper{
        width: 175px;
    }
    #player-modal .select-wrapper select.black-border{
        min-width: inherit;
        width: 100%;
    }
    .img-player-modal{
        margin-left: 10px;
    }
    #player-modal .master-info {
        width: 100%;
    }
    .like-table .div-td.wide, .like-table .div-td.half, .like-table .div-td{
        width: 50%;
        font-size: 13px;
    }
    .match-row.main-style{
        height: auto;
    }
    .match-row.main-style .host>a>span, .match-row.main-style .guest>a>span{
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
        display: block;
        margin-bottom: 4px;
        line-height: 20px;
    }
    .match-row.main-style img{
        float: none !important;
        display: block;
        margin: 0 auto;
    }

    #match-modal .match-row.main-style .inner {
        width: 100px;
    }
    #match-modal .match-row.main-style .host, #match-modal .match-row.main-style .guest {
        width: calc(50% - 50px);
    }
    #match-modal .match-row.main-style img{
        max-width: 32px;
        max-height: 32px;
    }
    #match-modal .match-row.main-style .host img{
        float: left !important;
    }
    #match-modal .match-row.main-style .guest img{
        float: right !important;
    }
    #match-modal .match-row.main-style .host>a>span, #match-modal .match-row.main-style .guest>a>span{
        float: right;
        width: calc(100% - 36px);
        text-align: center;
        margin-top: 8px;
    }
    #match-modal .match-row.main-style .guest>a>span{
        float: left;
    }


    .match-row.main-style .guest>a>span.hidden-mobile-xs{
        display: none;
    }
    .match-row.main-style .inner{
        width: 120px;
        font-size: 12px;
        color: #757575;
    }
    .match-row.main-style .host, .match-row.main-style .guest{
        width: calc(50% - 60px);
    }
    #match-modal .modal-content{
        padding-bottom: 8px;
    }

    .match-row.main-style .inner .result-white span:first-child {
        margin-left: 30px;
    }
    .match-row.main-style .inner .result-white {
        margin: 12px 0 0 0;
    }
    #match-modal .match-row.main-style {
        height: 44px;
    }
    #match-modal .player-performance img.img-player{
        display: none;
    }
    #match-modal .player-performance .name {
        width: calc(100% - 26px);
    }
    .player-performance{
        padding: 2px 0;
        border-bottom: 1px solid #f2f2f2;
    }
    .player-performance .point{
        font-size: 13px;
        top: 4px;
    }
    .host-players .point {
        left: -6px;
    }
    .guest-players .point {
        right: -6px;
    }
    .player-performance .position {
        padding-top: 1px;
        /*width: 44px;*/
        width: auto;
        line-height: 18px;
        font-size: 7px;
    }
    .host-players .player-performance .position {
        text-align: right;
    }
    .guest-players .player-performance .position {
        text-align: left;
    }
    .player-performance .actions{
        padding-top: 0;
    }
    #match-modal .point.guest, #match-modal .point.host{
        line-height: 16px;
    }
    .favorite-players-box .table-players img.img-player{
        display: none;
    }
    .favorite-players-box .table-players .club{
        display: none;
    }
    .favorite-players-box .table-players td, .favorite-players-box .table-players th{
        padding: 4px 1px;
    }
    .favorite-players-box .table-players th{
        text-align: center;
    }
    .favorite-players-box .table-players th:first-child{
        text-align: right;
    }
    .table-players td .number {
        margin-left: 2px;
    }
    .viewteam .pitch-box .player .value, .viewteam .pitch-box .player .player-point{
        font-size: 8px;
    }
    .viewteam .pitch-box .player .value small, .viewteam .pitch-box .player .player-point small {
        font-size: 6px;
        margin-right: -2px;
    }
    .viewteam .pitch-box .in-out {
        right: -400px;
    }
    .club-svg-box>a:before {
        height: 130px;
        bottom: -20px;
    }
    .player-performance .name {
        line-height: 20px;
        padding-top: 4px;
        height: 24px;
    }
    .price-box{
        text-align: center;
        margin-top: 20px;
    }
    .player-performance .name {
        /*width: calc( 100% - 30px);*/
        width: auto;
        max-width: none;
        height: 15px;
        line-height: 12px;
        padding-top: 4px;
    }
    .player-performance img.img-country {
        width: 14px;
        margin-top: 2px;
        border-radius: 2px;
    }
    .host-players .player-performance .name>span{
        float: right;
    }
    .guest-players .player-performance .name>span{
        float: left;
        text-align: left;
    }
    .events a.event-player, .penalty a.penalty-player{
        font-size: 10px;
    }
    .player-performance .position{
        margin-right: 0;
    }
    .guest-players .player-performance .position{
        margin-left: 0;
    }
    .modal-dialog {
        margin: 0.5rem .2rem;
    }
    #match-lineup-modal .con .gray , #match-lineup-modal .text-penalty{
        font-size: 65%;
    }
    .select-box .select2-container .select2-selection__rendered {
        font-size: 13px;
    }
}/* max-width: 576px */
@media (max-width: 480px){
    .header-featured-right:after{
        width: 96%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .best-box .best-head{
        border-bottom: none !important;
        float: none !important;
        width: 100%;
    }

    .best-box .best-head .caption{
        background: none;
        float: none;
        width: 100%;
        overflow: hidden;
        padding: 0;
    }
    .best-head .caption h2{
        display: block;
        text-align: center;
        margin: 0;
        font-size: 15px;
        color: #ed571f;
        border-bottom: 2px solid #ed571f;
    }
    .best-head.primary .caption h2{
        color: #275bc6;
        border-bottom: 2px solid #275bc6;
    }

    .best-head .caption:before{
        display: none;
    }
    .best-body-top{
        height: auto;
    }
    .main-gradient .best-body-top{
        height: 42px;
    }
    .best-box .select-box{
        width: 94%;
        float: none;
        margin-top: -2px;
        margin-right: auto;
        margin-left: auto;
    }
    .best-box .selectric-wrapper .selectric, .selectric-wrapper .selectric .button{
        border-radius: 5px;
    }
    .best-box.primary .best-head .caption {
        float: none;
        border-radius: 4px;
    }
    .primary .best-body-container{
        margin-top: 20px;
    }
    .best-box .best-head .caption:before, .best-box .best-head .caption:after{
        display: none;
    }


    .ribbon {
        top: -190px;
    }
    .widgets-box {
        margin-top: -380px;
    }

    .pitch-box .count-4 .player {
        margin: 2px 1px;
    }
    .pitch-buttons .btn{
        padding: 6px 6px;
        font-weight: inherit;
        font-size: 13px;
    }
    #btn-new-team{
        padding: 6px 16px;
    }
    #btn-temporary-save{
        width: 115px;
    }
    #btn-save{
        width: calc(100% - 120px);
    }
    .pitch-buttons .btn i {
        margin: 0 2px;
    }
    .matches-box.primary .matches-head .caption:before, .matches-box.primary .matches-head .caption:after{
        display: none;
    }
    .matches-box .selectric-primary .selectric, .matches-box .selectric-primary .selectric .button{
        margin-left: 7px;
    }
    .matches-box .matches-head .caption {
        width: 100%;
    }
    .matches-box .caption{
        border-radius: 10px 10px 0 0;
    }
    .pitch-box .in-out {
        display: none;
    }
    .pitch-box .count-5 .player {
        margin: 2px 0;
        width: 56px;
    }
    .pitch-box .player .value, .pitch-box .player .player-point,
    .pitch-box .player .position-caption, .pitch-box .player .title{
        font-size: 9px;
        /*direction: ltr;*/
    }
    #week-modal .details .detail-row {
        padding: 3px 5px;
        width: 100%;
    }
    #week-modal .details .detail-row .key, #week-modal .details .detail-row .value{
        float: right;
    }
    #week-modal .details .detail-row .key{
        position: relative;
        padding-left: 15px;
    }
    #week-modal .details .detail-row .key:before{
        content: ":";
        position: absolute;
        width: 8px;
        top: 1px;
        left: 5px;
    }

    .top-view-team-box .right-info .user-info img {
        /* display: none; */
    }
    .team-row .third-box .btn{
        /*width: calc(50% - 5px);*/
        /*margin: 0 0 10px 0;*/
        /*float: none;*/
    }
    .team-row .third-box .btn:nth-child(3){
        /*margin-right: 10px*/
    }
    .team-row.teams-page .third-box .btn-view{
        width: 100%;
    }
    .team-row .not-paid{
        width: 100%;
        text-align: center;
    }
    .btn-suspended {
        left: 6px;
    }
    .dashboard-buttons .btn {
        display: block;
        margin-bottom: 10px;
    }
    .nav-tabs.round:before{
        display: none;
    }
    .nav-tabs.tabs-primary.round:before{
        display: inherit;
    }
    .nav-tabs.round .nav-link {
        padding: 4px 15px;
        margin-right: 0;
        margin-left: 10px;
    }
    .special-bg.mobile-home{
        height: 375px;
    }
    .result-gray {
        font-size: 11px;
        line-height: 15px;
    }
    .best-body-top h3 {
        font-size: 11px;
    }
    .best-body-top h3 span.has-line:before {
        right: -6px;
    }
    .best-body-top h3 span.has-line {
        margin-right: 6px;
    }
    .audio-controller {
        left: 5px;
    }
    .best-body-main .matches-plan-row .line-up{
        left: 7px;
        bottom: inherit;
        top: 13px;
    }
    .matches-list {
        font-size: 11px;
    }
    .matches-list {
        font-size: 12px;
        line-height: 36px;
    }

    .match-row.strict span{
        width: calc(100% - 46px);
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .match-row.current .host span:before, .match-row.current .guest span:after {
        position: absolute;
        top: 5px;
        font-size: 20pt;
    }
    .match-row.current .host.goal span:before, .match-row.current .guest.goal span:after {
        opacity: 0.2;
    }
    .match-row.current .host span:before {
        right: 4px;
    }
    .match-row.current .guest span:after {
        right: inherit;
        left: 4px;
    }
    #match-lineup-modal .img-league-logo {
        max-width: 24px;
    }
    #match-lineup-modal .modal-header {
        padding: 0.25rem 0.3rem
    }
    #match-lineup-modal .modal-header .close {
        left: 4px;
        top: 20px;
    }
    .finished-time{
        left: 35px;
    }
    .yellow-card-icon, .red-card-icon, .red-yellow-card-icon {
        height: 14px;
        width: 10px;
        transform: translateY(3px);
    }
    .red-yellow-card-icon:before {
        border-top: 7px solid transparent;
        border-bottom: 8px solid #ffd800;
        border-left: 6px solid transparent;
        border-right: 5px solid #ffd800;
    }
    img.home-banner-xs{
        display: block;
    }
    img.home-banner-sm{
        display: none;
    }
}/* max-width: 480px*/
@media (max-width: 420px){
    .sign-box .btn {
        width: 100%;
        margin-bottom: 3px;
    }
    .popover-awards .half .rank {
        font-size: 11px;
    }
    .popover-awards .half .award {
        font-size: 12px;
    }
    .owl-news .main-url .caption h2 {
        min-height: 40px;
        max-height: 70px;
    }
    .owl-news .main-url .caption h2 {
        line-height: 20px;
        font-size: 10.5pt;
    }
    .owl-news .main-url .caption {
        padding: 25px 15px 5px;
    }
    #player-modal ul.more li {
        font-size: 14px;
    }
    .card-widgets .shadowed-widget{
        text-align: center;
    }
    .card-widgets .shadowed-widget span.value {
        display: block;
        font-weight: bold;
    }
    .invite-socials li {
        margin: 10px 2px;
    }
    .card-link .btn-toggle {
        display: none;
    }
    .card-link h2 {
        width: 100%;
    }

    .match-row.strict .host{
        padding-left: 1px;
    }
    .match-row.strict .guest{
        padding-right: 1px;
    }
    .match-row>div img {
        margin: 1px 0;
    }
    .related-carousel:before, .related-carousel:after{
        width: 35px;
    }
    .week-days-box ul li:nth-child(1), .week-days-box ul li:nth-child(7){
        display: none;
    }
    .week-days-box ul li {
        padding: 0 5px;
    }
    .events {
        font-size: 11px;
    }
    .events .event-minute {
        padding: 1px 3px;
        border-radius: 2px;
        margin-left: 2px;
        min-width: 20px;
        line-height: 20px;
        font-size: 11px;
    }
    .events .guest-event .event-minute {
        margin-right: 2px;
        margin-left: 0;
    }
    .events a.event-player, .penalty a.penalty-player, .penalty .gray{
        font-weight: bold;
        font-size: 10px;
    }
    .events .host-event a.event-player{
        margin: 0 0 0 2px;
    }
    .events .guest-event a.event-player{
        margin: 0 2px 0 0;
    }
    .penalty .number {
        margin-left: 2px;
        line-height: 16px;
    }
    .penalty .guest-penalty .number {
        margin-left: 2px;
    }
    .penalty a.penalty-player {
        margin: 0;
    }
    .player-performance .name {
        font-size: 9px;
    }
    i.missed:after {
        width: 23px;
        height: 1px;
        top: 4px;
        right: -2px;
    }
    .player-performance .actions{
        margin-top: -4px;
    }
    .viewteam .btn.btn-edit-team{
        padding: 6px 20px;
    }
}/* max-width: 420px*/
@media (max-width: 400px){
    .xxs-wide{width: 100% !important}
    .logo-container {
        height: auto;
    }
    .top-user-info {top: 10px}
    .top-user-info>span {
        display: block;
        text-align: center;
    }
    .top-carousel .item .texts h4{display: none}
    .top-carousel .item .texts p{font-size: 9.5pt}
    .top-carousel .item .texts{top: 0}
    .top-carousel .item .texts a.btn {
        margin-top: 0;
        font-size: 9pt;
        padding: 5px 10px;
    }
    .statistics h3, .widgets h3, .carousel-title h3, .news-bg h3{font-size: 13pt}
    .table-selection-players a.player-name{
        font-size: 12px;
    }

    .pickteam .top-box .buttons .btn {
        width: 47%;
        font-size: 11px;
        /* font-weight: normal; */
    }
    .best-box.primary .table-club-players {
        font-size: 12px;
    }
    #owl-rounds.off .round {
        max-width: calc(100% - 20px);
    }
    .fixed-mobile-menu a.item:last-child span {
        font-size: 10px;
    }
    .filter-week .nav-tabs.round a.nav-link {
        margin-left: 5px;
        padding: 4px 12px !important;
        min-width: 60px;
    }
}
@media(max-width: 380px){
    .sort-box .based {
        font-size: 10px;
    }
    .sort-box .type {
        font-size: 11px;
    }
    .top-view-team-box {
        font-size: 12px;
        line-height: 26px;
    }
    .viewteam .reserves-box{
        margin-top: 20px;
    }
    .top-view-team-box i {
        font-size: 16px;
    }
    #match-modal .match-row.main-style .inner {
        width: 70px;
        border-radius: 0;
    }
    #match-modal .match-row.main-style .host, #match-modal .match-row.main-style .guest {
        /*width: calc(50% - 35px);*/
    }
    #match-modal .match-row.main-style .host>a>span, #match-modal .match-row.main-style .guest>a>span {
        /*width: calc(100% - 35px);*/
        text-indent: 0;
    }
    #match-modal .match-row.main-style:before, #match-modal .match-row.main-style:after{
        display: none;
    }
    #match-modal .no-padding-xs{
        padding: 0;
    }
    .nav-tabs.best-threeple .nav-item a.nav-link{
        padding: 6px 10px;
        font-size: 12px;
    }
    .best-body-main {
        padding: 10px 5px;
    }
    .news-archive .news-box .date{
        font-size: 11px;
        bottom: -2px;
    }
    .news-archive .news-box a.btn.btn-continue i{
        display: none;
    }
    .news-archive .news-box .img-box {
        display: block;
        padding: 0 6px;
    }
    .person-top .first-box h1{
        font-size: 14px;
    }
    .nav-tabs.round .nav-link {
        padding: 4px 10px;
        font-size: 12px;
    }
    .club-svg-box>a:before {
        height: 90px;
        bottom: -10px;
    }
    .tables-page .like-table .toggle-box .team-name {
        width: calc( 100% - 155px);
        padding-top: 2px;
    }
    .tables-page .like-table{
        font-size: 12.5px;
    }
    .tables-page .like-table .point, .tables-page .like-table .matches-count{
        width: 24px;
    }
    .designer {
        display: block;
        text-align: center;
    }
    .designer:before{
        display: none;
    }
    .btn-week-info.show-mobile i{
        display: none;
    }
    .logged-in-box .credit, .logged-in-box .username {
        font-size: 11px;
        margin-left: 2px;
    }
    .fixed-mobile-menu a.item span {
        font-size: 12px;
    }
    .player-performance .actions {
        /*width: calc(100% - 50px);*/
        font-size: 8px;
    }
    i.missed:after {
        width: 20px;
        height: 1px;
        top: 3px;
        right: -1px;
    }

    .changes-box .select-box {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .changes-box .select-box > span{
        display: block;
    }
    .changes-box .select2 {
        width: 100%;
        max-width: 100%;
    }
    .transferd-players{
        width: 260px;
    }
    .zarebin-package {
        width: 250px;
    }
    .zarebin-package .desc {
        width: calc( 100% - 80px);
        padding: 7px 8px 7px 3px;
    }
    .zarebin-package .offer .text {
        font-size: 11px;
    }
    .zarebin-package .cost{
        width: 80px;
    }
    .zarebin-package .currency {
        font-size: 9px;
    }
    .zarebin-package .price {
        font-size: 18px;
        margin-left: 3px;
    }
}
@media(max-width: 359px){
    .home-green-bg .round-container .round .btn.btn-success{
        font-size: 12px;
        padding: 3px
    }
    .round-container .round .btn.btn-success {
        font-size: 13px;
        line-height: inherit;
    }
    .round-container .round .btn.btn-success strong {
        font-size: 14px;
    }
    .round-container .round .btn.btn-success i{
        display: none
    }
    #match-lineup-modal .img-league-logo{
        display: none;
    }
    .home-double-logo .logo-box img, .top-double-logo .logo-box img {
        max-width: 125px;
    }
}


@-moz-document url-prefix() {
    .pitch, .pitch-reserves{
        margin: 40px auto 20px auto;
    }
    .viewteam .header-featured-wide {
        padding: 15px 0 !important;
    }
    @media (min-width: 1200px){        
        .pitch-bottom-hint {
            margin-top: 0;
        }
        .players-7 .pitch-bottom-hint {
            margin-top: 80px;
            float: right;
        }
    }
    @media (min-width: 992px){        
        .pitch-bottom-hint {
            float: none !important;
        }
        .players-7 .pitch-bottom-hint {
            float: right !important;
        }
    }
    @media (max-width: 991px){        
        .pitch-bottom-hint {
            float: right;
        }
    }
    @media (min-width: 768px) and (max-width: 991px){         
        .viewteam .pitch {
            margin-top: -10px !important;
        }
    }
}
/*------------------------ Responsive End ----------------------*/