/* Add here all your CSS customizations */
/* Add here all your CSS customizations */

body {
    min-width: 360px !important;
    font-family: "Roboto", Arial, sans-serif;
    color:#212121;
    background: #f5f5f5;
}

.label.label-lg {
    font-size: 12px;
    padding: 7px 13px;
}

.team-score .label.label-lg.label-default, .team-score .label.label-lg.label-secondary {
    font-size: 16px;
    padding: 4px 13px;
}

.btn {
    font-weight: 600;
}

select.input-lg {
    height: 46px;
    line-height: normal;
}

/* The CSS */
select {
    padding: 10px;
    background-color: #4caf50 !important;
    color: #fff !important;
    border-radius: 5px;
    border-color: #4caf50 !important;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-right: 30px;
    background-image: url('/static/img/arrow_drop_down.png') !important;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 30px;
    height: 40px;
    box-shadow: 0px 0px 3px #212121;
    min-width:120px;
    font-weight: 500;
}


.table {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 4px #ddd;
    margin-bottom:0px;
}
.table > tr {
    border-radius: 5px;
}

/*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {*/
    /*padding: 6px;*/
/*}*/

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-left:0px;
    border-right:0px;
    vertical-align: middle;
    border-radius: 5px;
}

.lpborder > tbody > tr > td, .lpborder > tbody > tr > th, .lpborder > tfoot > tr > td, .lpborder > tfoot > tr > th, .lpborder > thead > tr > td, .lpborder > thead > tr > th {
    border-left:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    border-radius: 0px;
}


#header .header-nav-main nav > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color:#fff !important;
}

#header .header-body {
    background-image: url('/static/img/esa-top-header-bg.png');
    background-color: #004463;
    background-position: right -50px;
    background-repeat: no-repeat;
    border-top: 0px;
    border-bottom: 0px;
}

.btn-menu {
    padding: 10px 15px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
}

.dropdown-full-color i {
    color:#4caf50;
    font-size:16px;
    line-height: 12px;
    margin-right: 5px;
}

.page-header {

    background-color: #005075;
    background-image: url('/static/img/esa-top-header-bg.png'), url('/static/img/esa-header-bg.png');
    background-position:  right -112px,center bottom;
    background-repeat: no-repeat , repeat-x;
    border-top: 0px !important;
    border-bottom: 0px !important;
    color: #fff;
    padding: 25px 0;

    /*background-image:  -webkit-linear-gradient(rgba(0, 80, 117, 1), rgba(0, 68, 99, 1)), url('/static/img/esa-top-header-bg.png') ;*/
    /*background-image:  -o-linear-gradient(rgba(0, 80, 117, 1), rgba(0, 68, 99, 1)), url('/static/img/esa-top-header-bg.png');*/
    /*background-image: -moz-linear-gradient(rgba(0, 80, 117, 1), rgba(0, 68, 99, 1 )),url('/static/img/esa-top-header-bg.png');*/
    /*background-image:  linear-gradient(rgba(0, 80, 117, 1), rgba(0, 68, 99, 1)), url('/static/img/esa-top-header-bg.png');*/
}

.page-header-no-gradient {
    background-image: url('/static/img/esa-top-header-bg.png') !important;
    background-position:  right -112px !important;
    background-repeat: no-repeat !important;
    padding: 10px 0 !important;
}

.page-header-round-games {
    background-position: right -196px,center bottom;margin-top:-35px;
}

.page-header h1 {
    color: #fff;
    border-bottom: 0px;
    line-height: 36px;
    font-size: 36px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    width:100%;

}

.page-header .breadcrumb {
    background: none;
    margin: -3px 0 0;
    padding: 0;
    color: #fff;
    font-size:12px;
}

.breadcrumb  a {
    color: #4caf50 !important;
}

.breadcrumb > .active {
    color: #fff;
}

.breadcrumb > li + li::before {
    color: #fff;
}

.scroll-to-top{
    background: #000;
}

#main {
    background-color: #f5f5f5;
}

section.section {
    background: #fff;
}

.home-intro {
    background: #005075 url('/static/img/esa-register_bg.jpg') no-repeat;
    height: auto;
    padding-top: 0px;
    margin-bottom: 0px;
    padding: 20px 0 20px 0;
}

.home-intro p em {
    font-family: "Roboto";
    font-style: normal;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
}


#footer .footer-copyright, #footer {
    margin-top: 0px !important;
    background-color: #004463 !important;
    border-top: 0px;
}

#footer .footer-copyright p {
    color: #30667F;
    margin: 0;
    padding: 0;
}

#footer .footer-copyright nav ul li {
    border-left: 0px solid #505050;
}


.round-games table {
    width: 100%
}

.round-games table td {
    padding: 4px;

}

/*.round-games div.box {*/
/*background: #fff;*/
/*padding: 15px 5px;*/
/*border: 1px solid #aaa;*/
/*}*/

.round-games .game-time {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left:10px;
    height: 45px;
    vertical-align: bottom;
    padding-bottom: 5px;
}

.round-games .game-time-short {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left:10px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.round-games .game-info {
    font-size: 12px;
    color: #757575;
    text-align: left;
    width:220px;
}

.round-games .game-report {
    text-align: center;
    width: 75px;
}

.round-games .game-live {
    font-size: 12px;
    color: #757575;
    width:120px;
}

.round-games .game-live label{
    font-size: 12px;
}

.round-games .team-logo {
    width: 32px;
}

.round-games .team-logo img {
    width: 32px;
}

.round-games .team-short {
    font-size: 14px;
    font-weight:600;
    /*min-width: 20%;*/
    /*max-width:200px;*/
    width: 180px;
}

.round-games .team-score {
    text-align: center;
    width: 75px;
}

.featured-box {
    box-shadow: 0px 1px 4px #ddd;
}

.featured-box .box-content {
    border-top: 1px solid #ECECEC !important;
    border-radius:0px 0px 5px 5px
}

.featured-box h2 {
    color: #212121;
    border-bottom: 0px;
    line-height: 30px;
    font-size: 30px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    width:100%;
    margin-bottom:5px;

}

.featured-box h2 span {
    color: #212121;
    border-bottom: 0px;
    line-height: 30px;
    font-size: 30px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    width:100%;
    margin-bottom:5px;

}

.featured-box .box-header {
    background-image: url('/static/img/esa-box-header-bg.png');
    background-repeat: no-repeat;
    background-position: right top;
}


.btn-group-lg > .btn, .btn-lg {
    font-size: 20px;
}

.squad-pitch {
    background: url('/static/img/esa-home-field.png');
    background-repeat: no-repeat;
    margin-top: 0px;
    background-position: center 20px;
    min-height: 530px;
    background-size: 85%;
}

.player {
    position: relative;
    background-repeat: no-repeat;
    width: 98px;
    height: 112px;
    background-size: 75%;
    background-position: center top;
}

/*r*/

.empty {
    background-image: url('/static/img/DEFAULT.png');
}

.player > .name {
    position: absolute;
    bottom: 16px;
    left:0px;
    background-color: rgb(0, 68, 99);
    /*border: 1px solid #CCCCCC;*/
    width: 100%;
    display: inline;
    font-size: 13px;
    /*font-weight: 500;*/
    line-height: 24px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    height: 24px;
    /*text-shadow: #0f0f0f 1px 1px 1px;*/
    border-radius: 3px 3px 0px 0px;
    /*text-transform: uppercase;*/
    box-shadow: 0px 1px 3px #757575;
}

.player > .tools {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #FFC107;
    border-radius: 0px 0px 3px 3px;
    height: 16px;
    box-shadow: 0px 1px 3px #212121;
    line-height: 16px;
}

.player > .price {
    /*display: none;*/
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: rgb(0, 68, 99);
    /*text-shadow: #0f0f0f 1px 1px 1px;*/

}

.tools .points {
    text-align: center;
    /*border-radius: 30px;*/
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    line-height: 16px;
}

.player > .captain {
    position: absolute;
    top: 0px;
    right: 4px;
    width: 24px;
    text-align: center;
    color: #fff;
    /*text-shadow: grey 1px 1px 1px;*/
    font-weight: bold;
    background: #edc306;
    border-radius: 57px;
    height: 24px;
    line-height: 24px;
}

.player > .info {
    position: absolute;
    top: 0px;
    left: -5px;
    width: 30px;
}

.info > .btn {
    padding: 0px;
    width: 26px;
    height: 26px;
    text-align: center;
    text-shadow: #0f0f0f 1px 1px 1px;
}


.tools > .btn{
    position: absolute;
    right: -1px;
    bottom: 35px;
    width: 26px;
    height: 26px;
}

#reserve {
    /*margin-top:20px;*/
}

#pitch table, #reserve table {
    max-width: 100%;
    margin: auto;
}

#pitch table td, #reserve table td {
    padding: 8px 8px !important;
}

.table.player-list > tbody > tr > td {
    vertical-align: middle;
    text-align: left;

}

.scrollable {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tpl-first {
    text-align: left;
    width: 200px;
}

.tpl-second, .tpl-third {
    text-align: left;
    width: 50px;
}

.inf-counter {

    display: block;

    color: #fff;
    text-align: center;
    text-shadow: #0f0f0f 1px 1px 1px;
}

.inf-counter strong {
    font-size: 35px !important;
    line-height: 40px;
}

.inf-counter label {
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.info-ACTIVE {
    font-size: 14px;
    color: #3f923f;
    font-weight:bold;
}

.info-UNCERTAIN {
    font-size: 14px;
    color: #d18211;
    font-weight:bold;
}

.info-NO_PLAY {
    font-size: 14px;
    color: #a82824;
    font-weight:bold;
}

.info-NOT_AVALIABLE {
    font-size: 14px;
    color: #204d74;
    font-weight:bold;
}

.btn-p-ACTIVE {
    width: 26px;
    height: 26px;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: 0px 0px;
}

.btn-p-UNCERTAIN {
    width: 26px;
    height: 26px;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -30px 0px;
}

.btn-p-NO_PLAY {
    width: 26px;
    height: 26px;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -60px 0px;
}

.btn-p-NOT_AVALIABLE {
    width: 26px;
    height: 26px;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -60px -60px;
}

.btn-p-ADD {
    width: 26px;
    height: 26px;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: 0px -60px;
}

.btn-p-DEL {
    width: 26px;
    height: 26px;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -30px -60px;
}

.legend-info {
    font-size: 12px;
}

.legend-info span {
    font-size: 10px;
    color: grey;
}

.player-res {
    color: #fff;
    /*text-shadow: #0f0f0f 1px 1px 1px;*/
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    background: #666;
    width: 35px;
    margin: auto;
    padding: 4px;
    border: 1px solid #ccc;
}

.ui-hover {
    background: rgba(218, 199, 33, 0.6);
}

.ui-active {
    background: rgba(56, 70, 218, 0.6);
}

.round-box {
    min-width: 1px;
    background: #005075;
    margin-top: 3px;
    text-align: center;
    color: #fff;
    min-height: 133px;
    border-radius: 1px;
}

.round-box-selected {
    background: #FFC107;
    border: 1px solid #CC9900;
    margin-top: 0px;
    color:#004463;
}

.round-box h4 {
    color: #fff;
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
}

.round-box-selected h4, .round-box-selected span.label {
    color:#004463;
}

.round-box-selected span.label-secondary {
    color: #fff;
}

.game-box {
    min-width: 1px;
    /*height:195px;*/
}

.round-carousel .owl-carousel .owl-nav .owl-prev {
    left: -30px;
}

.round-carousel .owl-carousel .owl-nav .owl-next {
    right: -30px;
}

/*.featured-box-selected h3 {*/
    /*font-weight: bold;*/
    /*color: #bd2d29;*/
/*}*/

/*html .featured-box-selected .box-content {*/
    /*border-top-color: #bd2d29;*/
/*}*/

#team-points {
    margin-top: 30px;
    font-size: 60px;
    display: block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: #0f0f0f 1px 1px 1px;
}

section.section {
    padding: 30px 0;
}

.counters.counters-sm label {
    font-size: 12px;
    line-height: 12px;
}

.counters.counters-sm strong {
    font-size: 26px;
    line-height: 26px;
}

.counters.with-borders .counter {
    padding: 5px;
}



/* counter */
.round-counter {
    position: absolute;
    right: 5px;
    top: -15px;
}

.round-counter table td {
    min-width: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;

}

.round-counter-label td, .round-counter-desc {
    font-size: 12px !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.testimonial blockquote::before, .testimonial blockquote::after {
    content: ""
}

tr.disabled {
    color: #cccccc;
    background: #999;
}

.testimonial blockquote {
    border-radius: 10px !important;
    padding: 10px 20px;
}

.testimonial blockquote p {
    color: #FFF;
    font-family: inherit;
    font-style: normal;
    font-size: 15px;
    line-height: 17px;
}

/*.light .testimonial-author span {*/
    /*color: #999;*/
    /*display: block;*/
    /*font-size: 12px;*/
/*}*/

.testimonial-close {
    position: absolute;
    right: 20px;
    margin-top: -10px;
}

.testimonial .testimonial-author strong {
    padding-top: 0px;
    margin-bottom: -5px;
}

.yellow-card, .red-card {
    width: 10px;
    height: 15px;
    background: #e21a28;
    border:1px solid #a82824;
}

.yellow-card {
    background: #edc306;
    border:1px solid #d18211;
}

#stats {
    max-width: 1080px !important;
}

#stats td {
    font-size: 12px;
    max-width: 120px;
}

#stats thead td {
    font-weight: bold;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.viewSign {
    font-size: 180px;
    color: #000;
    position: relative;
    top: 100px;
    text-align: center;
    z-index: 666;
    text-shadow: 2px 2px 2px #ccc;
}

.modal-content > .featured-box .box-content {
    border-top:0px !important;
}

.player-head {
    /*color: #444;*/
    /*max-width: 550px;*/
    /*text-align: center;*/
    /*margin: 0px auto;*/
    /*width: 100%;*/
}

.player-inf {
    text-align: left;
    font-size: 14px;
    /*text-transform: uppercase;*/
}

.player-head .player-name {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}

.player-head .player-name span {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
}

.player-head .player-team {
    /*background: url('/static/img/CIRCLE.png') no-repeat top center;*/
    /*background-size:180px;*/
}

.player-head .player-team img {
    width: 160px;
    margin-top: 30px;
}

.game-head {
    color: #444;
    max-width: 550px;
    text-align: center;
    margin: 30px auto;
    width: 100%;
}


.game-head td {
    height: 40px;
}

.game-head .game-team {
    /*background: url('/static/img/CIRCLE.png') no-repeat top center;*/
    background-size: 150px;
}

.game-head .game-team img {
    width: 120px;
    margin-top: 20px;
}

.game-head .game-score {
    font-size: 60px;
    font-weight: 600;
    line-height: 65px;
}

.game-head .game-shootout {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    color: red;
}

.game-head .game-team-name {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    width: 40%;
}

.game-head .icon {
    width: 24px !important;
    height: 24px !important;
    margin: 0px auto;
    font-size: 18px;
    line-height: 16px;
    display: inline-block;
}

.game-head span.name {
    padding-bottom: 17px;
    vertical-align: middle;
    margin-right: 10px;
}

.goal {
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -30px -90px;
    padding-left: 20px;

}

.penalty {
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -60px -90px;
    padding-left: 20px;

}

.owngoal {
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -92px -105px;
    padding-left: 20px;

}

.assist {
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -1px -90px;
    padding-left: 20px;

}

.game-head .yellow-card {
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -88px -72px;
    border:0px;
}


.game-head .red-card {
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -124px -72px;
    border:0px;
}


.nav-tabs li a, .nav-tabs li a:hover {
    background: #dcdcdc;
}

button.close {
    width: 30px !important;
    height: 30px !important;
    background: url('/static/img/sprite.png') no-repeat;
    background-position: -60px -30px;
    opacity: 1;
}

.modal-header {
    padding: 5px;
    border-bottom: 0px solid #e5e5e5;
}

.modal-content .featured-box {
    /*background-image:  url('/static/img/fe_gfx_bg_popup.png');*/
    background-image: url('/static/img/ballbg-l.png');
    background-color: #fff;
    background-position: left -40px;
    background-repeat: no-repeat;
}

img.team-logo-small {
    width: 22px;
    margin-right: 5px;
}

.assistant-field {
    /*position: relative;*/
    /*margin-bottom: -70px;*/
}

.name-add {
    cursor: pointer;
}

.name-add:hover {
    text-decoration: underline;
}

.transfer-buttons {
    max-width: 460px;
    margin: 20px auto;
}

.history-item {
    font-size: 15px;
    margin: 5px;
    border-bottom: 1px solid #ccc;
}

.history-item span.red {
    font-weight: bold;
    color: #a82824;
}

.history-item span.green {
    font-weight: bold;
    color: #3f923f;
}

span.capt {
    /*color: #edc306;*/
    font-weight: bold;
}

table#stats-home td, table#stats-away td {
    width: 60px;
}

table#stats-home td.name, table#stats-away td.name {
    min-width: 150px;
}

.slide-login {
    position: absolute;
    right: 50px;
    top: 20px;
    z-index: 66666666;
    color: #fff;
}

.slide-login span {
    margin-right: 10px;
}

.btn-borders {
    border-width: 1px;
    margin-left: 5px;
}

.white {
    color: #fff !important;
}

.btn-borders.btn-sm, .btn-group-sm > .btn-borders.btn {
    border-width: 1px;
    padding: 2px 10px;
    text-transform: none !important;
}

#header.header-narrow .header-logo img {
    margin: 7px 0px 0px 0;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

.top-pl-rank, .top-pl-img, .top-pl-name, .top-pl-pos, .top-pl-points {
    vertical-align: middle !important;
    /*color: #000 !important;*/
    font-size: 14px;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.top-pl-img {
    width:40px;
}


.top-pl-rank {
    width:40px;
    text-align: right;
}

.top-pl-team {
    font-size:11px;
    color:#757575;
}

.top-pl-name {
    font-weight: 400;
}

.box-content .first,  .box-content .first a {
    background:#4CAF50;
    color:#fff;
}

.box-content .second {
    background:#FFE082;
}

.box-content .third {
    background:#FFECB4;
}
/*.top-pl-pos {*/
    /*font-size: 12px;*/
    /*color: #535353 !important;*/
/*}*/

/*.top-pl-points {*/
    /*font-weight: bold;*/
/*}*/

/*.top-pl-img img {*/
    /*width: 70px !important;*/
/*}*/

/*.top-pl-points span {*/
    /*font-size: 14px;*/
    /*text-transform: none;*/
/*}*/


hr.short {
    margin: 10px 0;
}


.slider-container .bottom-label {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.alert {
    padding: 10px;
    box-shadow: 0px 0px 3px #212121;
}

.alert > .alert {
    border:0px !important;
    box-shadow: none;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-warning {
    background-color: #ffc107;
    color:#00324A;
    border-color:#ffc107;
}

.alert-warning, .alert-error a {
    color:#00324A;

}

.alert-dismissable .close, .alert-dismissible .close {
    right: -10px;
}


.duels table {
    width: 100%
}

.duels table td {
    padding: 4px;

}


.duels .team-logo {
    width: 40px;
}

.duels .team-logo img {
    max-width: 100%;
    min-width: 24px;
}


.duels .team-score {

    font-weight: bold;
    width: 90px;

}

.duels .team-short {
    width:25%;
}

.duels .team-short span {
    border: 1px solid rgb(204, 204, 204);
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 25px;
    width:30px;
    text-align: center;
    font-weight: bold;
}

.duels .team-short span.green {
    border-color: green;
}

.duels .team-short span.red {
    border-color: red;
}

.duels .team-score span {
    border: 1px solid rgb(204, 204, 204);
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    line-height: 25px;
    width:30px;
}

.page-header .rank-logo {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width:48px;
    top:-20px;
}

.box-dreamteam {
    height:563px;
}

.box-dreamteam > .squad-pitch {
    background-size: 90%;
}

.premium-head {
    background-color: #005075;
    margin-top: -20px;
    border-radius: 5px 5px 0px 0px;
    padding: 30px;

}

.premium-head .title {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.premium-head .price {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.premium-head .price sup {
    font-size: 12px;
    text-transform: uppercase;
    margin-top:-10px;
}

.premium-head .desc {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    text-shadow: none;
}

.plan li {
    color: #212121;
    margin-left:20px;
    margin-right:20px;
    padding:0px 10px;
    font-size:13px;
}

.plan li i {
    font-size:20px;
    margin-right:10px;
    color: #4CAF50;
}

.plan li span {
    color: #757575;
    font-size:11px;
}

.watermark {
    background-image: url('/static/img/ballbg-r.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

#premium .plan li {
    text-align: left;
}

#premium .modal-header {
    background-color: #005075;
    padding: 10px;
    background-image: url('/static/img/esa-top-header-bg.png');
    background-repeat: no-repeat;
    background-position: right top;
    border-radius: 5px 5px 0px 0px;
}

#premium .modal-title {
    color:#fff !important;
    font-size:22px;
    text-transform: uppercase;
    font-weight: bold;
}

#premium .featured-box {
    border:0px !important;
    box-shadow: none;
}

#premium .modal-content {
    box-shadow: none;
}

/* ================ responsive fixes ================= */

@media (min-width: 992px) {

    #header .header-nav-main {
        float: right;
        margin: 5px 0 0;
        min-height: 50px;
    }
}

@media (max-width: 991px) {

    .dropdown-menu>li>a {
        color: #fff;
    }

    #header .header-nav-main nav > ul li {
        border-bottom: 1px solid #30667F;
        clear: both;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .page-header {
        background-position: right -120px,center bottom;
    }

    .page-header-no-gradient {
        background-position: right -120px;
    }

    .page-header-round-games {
        background-position: right -197px,center bottom;
    }

    .box-dreamteam > .squad-pitch {
        background-size: 80%;
    }


}

@media (max-width: 479px) {

    .round-games .team-short {
        min-width: 0%;
    }

    .round-games table td {
        padding: 2px;
    }

    .round-games .team-score span {
        width: 24px;
        height: 30px;
        font-size: 14px;
    }

    .player {
        width: 60px;
        height: 70px;
    }

    .player > .name {
        font-size: 11px;
        line-height: 14px;
        height: 14px;
        /*text-transform: uppercase;*/
        bottom:14px;
    }

    .tools .points {

        font-size: 11px;
        font-weight: 400;
        cursor: pointer;
        line-height: 14px;
    }

    .player > .tools {
        height: 14px;
    }

    #pitch table td, #reserve table td {
        padding: 2px 2px !important;
    }


    .slide-login {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 66666666;
        color: #fff;
    }

    .round-games .owl-carousel .owl-nav {
        margin-top: -15px;
        margin-right: 10px;
    }

    .round-carousel .owl-carousel .owl-nav .owl-prev {
        left: -5px;
    }

    .round-carousel .owl-carousel .owl-nav .owl-next {
        right: -5px;
    }

    .h2h {
        float: none !important;
        margin-top:20px;
    }

    .h2h table {
        width:100%
    }

    .h2h-btn {
        width:100%;
    }

     /*.col-md-4, .col-md-6, .col-md-3 ,.col-md-1, .col-md-2, .col-md-5, .col-md-7, .col-md-8 {*/
        /*padding-left: 5px !important;*/
        /*padding-right: 5px !important;*/
    /*}*/

     .footer-copyright {
         text-align: center;
     }

    .page-header {
        background-position: right -120px,center bottom;
    }

    .page-header-no-gradient {
        background-position: right -120px;
    }

    .page-header-round-games {
        background-position: right -218px,center bottom;
    }

    .squad-pitch {
        min-height:320px;
    }

    .box-dreamteam {
        height:320px;
        padding:2px !important;
    }

    .box-dreamteam > .squad-pitch {
        background-size: contain;
        background-position: center 15px;
    }
    select {
        width:100%;
        margin-top:5px;
    }

    .round-games .game-live, .round-games .game-live label {
        font-size: 10px;
        text-align: center;
        margin:auto !important;
    }


}

.testimonial blockquote {
    font-style: normal;
}