﻿#comments {
    padding: 0 0 20px 0;
    border-bottom: 5px solid #c84544;
}

.comment-list li .comment-body {
    background: none !important;
    padding: 0;
    border: none;
}

    .comment-list li .comment-body .comment-author img {
        background: #fff;
        margin: 2px 0 0 2px;
        padding: 11px;
        border: none;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    .comment-list li .comment-body .comment-author .author {
        width: 89px;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
        letter-spacing: 1px;
        line-height: 16px;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        color: #748c92;
    }

        .comment-list li .comment-body .comment-author .author:before {
            margin: 0 9px 0 1px;
            font-family: FontAwesome;
            font-size: 15px;
            color: #17d9f4;
            content: '\f007';
        }

    .comment-list li .comment-body .extra-wrap {
        padding: 0 0 12px 0;
    }

@media (max-width: 480px) {
    .comment-list li .comment-body .extra-wrap {
        overflow: visible;
    }
}

.comment-list li .comment-body .comment-meta {
    margin: 0;
    padding: 10px 0 0 0;
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 12px;
    text-transform: uppercase;
    color: #748c92;
}

    .comment-list li .comment-body .comment-meta:before {
        margin: 0 14px 0 0;
        line-height: 16px;
        font-family: FontAwesome;
        font-size: 15px;
        color: #1ed085;
        content: '\f073';
    }

.comment-list li .comment-body .reply {
    margin: 0 0 0 20px;
}

    .comment-list li .comment-body .reply a {
        background: #17d9f4;
        margin: 0;
        padding: 8px 15px 7px 15px;
        border: none;
        border-bottom: 1px solid #14bed5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        line-height: 20px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-shadow: none;
        text-transform: capitalize;
        text-decoration: none;
        color: #fff;
    }

        .comment-list li .comment-body .reply a:focus {
            background: #17d9f4;
            border-color: #14bed5;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }

        .comment-list li .comment-body .reply a:hover {
            background: #1ed085;
            border-color: #1ed085;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }

#commentform p {
    width: 100%;
    overflow: hidden;
}

@media (max-width: 767px) {
    #commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
        min-height: 36px;
    }
}

#commentform input[type="submit"] {
    margin: 0;
}

#commentform textarea {
    padding: 15px 23px 15px 23px !important;
}


/* ------------------------------------
10 Our Team Section
---------------------------------------*/
.our-team-section .our-team {
    overflow: hidden;
    position: relative;
}

    .our-team-section .our-team .person-details {
        padding: 20px 15px;
        position: absolute;
        bottom: -115px;
        background: #fec7c7;
        left: 0;
        width: 100%;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
    }

        .our-team-section .our-team .person-details .overly-bg {
            background: #fbc02d;
        }

        .our-team-section .our-team .person-details h3.person-name,
        .our-team-section .our-team .person-details h5.person-name,
        .our-team-section .our-team .person-details .person-info {
            position: relative;
            z-index: 11;
            color: #111111;
        }

        .our-team-section .our-team .person-details h5.person-name,
        .our-team-section .our-team .person-details h3.person-name {
            font-size: 15px;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0 0 10px;
            transition: 0.4s;
        }

            .our-team-section .our-team .person-details h5.person-name:hover,
            .our-team-section .our-team .person-details h3.person-name:hover {
                color: #fff;
            }

        .our-team-section .our-team .person-details .person-info {
            font-weight: 500;
            font-size: 12px;
        }

            .our-team-section .our-team .person-details .person-info ul.person-social-icons li {
                display: inline-block;
                padding-left: 8px;
            }

                .our-team-section .our-team .person-details .person-info ul.person-social-icons li:first-child {
                    padding-left: 0;
                }

                .our-team-section .our-team .person-details .person-info ul.person-social-icons li i {
                    color: #111111;
                    transition: 0.4s;
                    -webkit-transition: 0.4s;
                    -ms-transition: 0.4s;
                }

                    .our-team-section .our-team .person-details .person-info ul.person-social-icons li i:hover {
                        color: #ffffff;
                    }

    .our-team-section .our-team:hover .person-details {
        bottom: 0;
    }

.our-team-section.team-inner-page {
    padding-bottom: 70px;
}

    .our-team-section.team-inner-page .our-team {
        margin-bottom: 30px;
    }

.our-team-section .best-footballer {
     text-align:right;
    background: #fbc02d;
    padding: 40px 25px 45px;
}

    .our-team-section .best-footballer h4 {
        font-size: 18px;
        margin: 0 0 20px;
        line-height: 26px;
        text-transform: capitalize;
    }

    .our-team-section .best-footballer ul#player-list li {
        padding-bottom: 6px;
    }

        .our-team-section .best-footballer ul#player-list li span {
            color: #111111;
            font-weight: 500;
            margin-left: 15px;
        }

        .our-team-section .best-footballer ul#player-list li:last-child {
            padding-bottom: 0;
        }

    .our-team-section .best-footballer .submit-area {
        margin-top: 22px;
    }

        .our-team-section .best-footballer .submit-area input {
            border: 1px solid #111111;
            border-radius: 0;
            background: #111111;
            color: #fff;
            text-align: center;
            transition: 0.4s;
        }

            .our-team-section .best-footballer .submit-area input:hover {
                background: #a77b0c;
            }

.squad-list img {
    width: 100%;
}

.squad-list .list-item {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
    display: table;
}

    .squad-list .list-item:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .squad-list .list-item h2 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .squad-list .list-item:first-child {
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0.08);
        padding: 10px 0;
    }

        .squad-list .list-item:first-child .list-text {
            padding: 0;
        }

    .squad-list .list-item:hover .list-text .name h4 a i {
        transform: scale(1);
    }

    .squad-list .list-item .image {
        width: 10%;
        display: table-cell;
    }

    .squad-list .list-item .list-text {
        width: 90%;
        display: table-cell;
        padding: 0;
        vertical-align: middle;
    }

        .squad-list .list-item .list-text .name {
            width: 40%;
            float: left;
        }

            .squad-list .list-item .list-text .name h4 {
                font-size: 18px;
                font-weight: 500;
                text-align: center;
                margin: 0 0 10px;
            }

                .squad-list .list-item .list-text .name h4 a {
                    color: #111111;
                }

                    .squad-list .list-item .list-text .name h4 a:hover {
                        color: #fbc02d;
                    }

                    .squad-list .list-item .list-text .name h4 a i {
                        transform: scale(0.9);
                        transition: 0.3s;
                        color: #000;
                    }

        .squad-list .list-item .list-text .designation {
            width: 50%;
            float: left;
            text-align: center;
        }

        .squad-list .list-item .list-text .email {
            width: 20%;
            float: left;
            text-align: center;
        }

            .squad-list .list-item .list-text .email a {
                color: #fbc02d;
                text-decoration: none;
            }

        .squad-list .list-item .list-text .mobile {
            width: 15%;
            float: left;
            text-align: center;
        }

        .squad-list .list-item .list-text .social-icon {
            width: 20%;
            float: left;
            text-align: center;
            padding: 0;
        }

            .squad-list .list-item .list-text .social-icon a {
                background: #fbc02d;
                color: #fff;
                display: inline-block;
                font-size: 16px;
                height: 30px;
                margin-bottom: 6px;
                margin-right: 4px;
                padding: 0;
                text-align: center;
                text-decoration: none;
                width: 30px;
                border-radius: 50%;
            }

                .squad-list .list-item .list-text .social-icon a i {
                    padding: 7px 0 0;
                }

                .squad-list .list-item .list-text .social-icon a:hover i {
                    color: #fff;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                }

                .squad-list .list-item .list-text .social-icon a:hover .fa-facebook {
                    background: #3b5999;
                }

                .squad-list .list-item .list-text .social-icon a:hover .fa-twitter {
                    background: #3aa9e0;
                }

                .squad-list .list-item .list-text .social-icon a:hover .fa-google-plus {
                    background: #d04333;
                }

                .squad-list .list-item .list-text .social-icon a:hover .fa-linkedin {
                    background: #0080b1;
                }

.club-sidebar-top .club-name {
    display: block;
}

    .club-sidebar-top .club-name h2.title-bg {
        margin-bottom: 5px;
        margin-top: 24px;
        font-size: 24px;
        padding-left: 3px;
    }

        .club-sidebar-top .club-name h2.title-bg:after,
        .club-sidebar-top .club-name h2.title-bg:before {
            display: none;
        }

    .club-sidebar-top .club-name span.league-title {
        display: block;
        font-size: 16px;
    }

.club-sidebar .club-details {
    overflow: hidden;
    margin-bottom: 30px;
}

    .club-sidebar .club-details ul li {
        margin: 0 0 12px;
        width: 33.333%;
        float: left;
    }

        .club-sidebar .club-details ul li strong {
            display: block;
        }

        .club-sidebar .club-details ul li span {
            font-size: 16px;
        }

.champion-section-area .rs-count .rs-counter-list {
    text-align: center;
}

    .champion-section-area .rs-count .rs-counter-list h2 {
        margin: 0 auto 15px;
        font-size: 24px;
        width: 120px;
        height: 120px;
        border-top: 4px solid #fbc02d;
        border-bottom: 4px solid #ddd;
        line-height: 120px;
        text-align: center;
        border-radius: 50%;
    }

    .champion-section-area .rs-count .rs-counter-list h3 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
    }

.champion-section-area .tab-content #champion {
    overflow: hidden;
}

/* ------------------------------------
11 Team Single Section
---------------------------------------*/
.rs-team-single-section .rs-team-single-image .player-info {
    padding: 20px;
    border: 1px solid #f9f9f9;
}

    .rs-team-single-section .rs-team-single-image .player-info .player-title {
        margin: 0 0 10px;
        font-weight: bold;
    }

    .rs-team-single-section .rs-team-single-image .player-info span {
        font-size: 18px;
        display: block;
        margin: 0 0 5px;
    }

        .rs-team-single-section .rs-team-single-image .player-info span.player-club {
            font-weight: 500;
        }

    .rs-team-single-section .rs-team-single-image .player-info .social-icon {
        margin-top: 10px;
    }

        .rs-team-single-section .rs-team-single-image .player-info .social-icon a {
            padding-right: 10px;
        }

.rs-team-single-section .rs-team-single-text h3 {
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.rs-team-single-section .rs-team-single-text .single-details {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    background-color: #fbc02d;
}

    .rs-team-single-section .rs-team-single-text .single-details .single-team-info {
        padding: 0;
    }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-info table tr td h3 {
            font-size: 15px;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            margin: 0 0 15px;
        }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-info table tr td h4 {
            font-size: 15px;
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            color: #505050;
            margin: 0 0 15px;
        }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-info table tr td i {
            margin: 0 10px 0 0;
            color: #505050;
        }

            .rs-team-single-section .rs-team-single-text .single-details .single-team-info table tr td i:hover {
                color: #ffffff;
            }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-info table tr:last-child h3,
        .rs-team-single-section .rs-team-single-text .single-details .single-team-info table tr:last-child h4 {
            margin: 0;
        }

    .rs-team-single-section .rs-team-single-text .single-details .single-team-text {
        padding: 0;
    }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-text .text-section p {
            font-size: 15px;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            color: #000;
            margin: 0;
            font-style: italic;
        }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-text .signature-section .sign-left {
            float: left;
        }

            .rs-team-single-section .rs-team-single-text .single-details .single-team-text .signature-section .sign-left h1 {
                font-size: 15px;
                font-family: 'Poppins', sans-serif;
                font-weight: 500;
                margin: 25px 0 0;
            }

        .rs-team-single-section .rs-team-single-text .single-details .single-team-text .signature-section .sign-right {
            float: right;
        }

.rs-team-single-section .rs-team-single-text .team-information-text p {
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.rs-team-single-section .team-single-details-text {
    padding: 30px 0 50px;
}

    .rs-team-single-section .team-single-details-text p {
        margin: 0;
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        font-weight: 400;
    }

.rs-team-single-section .team-single-comment h3 {
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.rs-team-single-section .team-single-comment textarea {
    width: 100%;
    height: 145px;
    color: #cccccc;
    font-size: 15px;
    font-style: italic;
    text-transform: uppercase;
    padding: 20px 0 0 25px;
    border: 1px solid #ebebeb;
}

.rs-team-single-section .team-single-comment input[type="submit"] {
    float: right;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    color: #000;
    background-color: #fbc02d;
    margin-top: 30px;
    border: none;
    width: 170px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

    .rs-team-single-section .team-single-comment input[type="submit"]:hover {
        background: #111111;
        color: #fff;
    }
    .error{
        color:red;
    }

.kf_hd1 {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #e7eaf0;
    margin-bottom: 30px;
}

    .kf_hd1 span {
        z-index: 1;
        float: left;
        width: auto;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        line-height: normal;
        text-transform: uppercase;
        padding: 11px 35px 12px 20px;
    }

        .kf_hd1 span::before {
            top: 0;
            right: 0;
            z-index: -1;
            content: "";
            bottom: auto;
            height: 100%;
            width: 2000%;
            position: absolute;
            -webkit-transform: skew(-30deg);
            -moz-transform: skew(-30deg);
            -ms-transform: skew(-30deg);
            -o-transform: skew(-30deg);
            transform: skew(-30deg);
        }
/*Heading 2*/
.kf_hd2 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    margin: -7px 0 33px;
    text-transform: uppercase;
}
/*Heading 3*/
.kf_hd3 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    margin: 0 0 25px 0;
    text-transform: uppercase;
}
/*Heading 4*/
.kf_h4 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

    .kf_h4 span {
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        margin: -3px 0 9px 0;
        text-transform: uppercase;
    }

    .kf_h4 em {
        float: left;
        width: 100%;
        color: #989ba4;
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        font-style: normal;
        text-transform: uppercase;
    }
/*HEADING 5*/
.kf_h5 {
    float: left;
    width: 100%;
    padding: 20px 25px;
    position: relative;
    border: 1px solid #f1f1f1;
}

    .kf_h5:before {
        top: -1px;
        left: -1px;
        width: 7px;
        content: "";
        bottom: -1px;
        position: absolute;
    }

    .kf_h5 h5 {
        float: left;
        width: auto;
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
        text-transform: uppercase;
    }
/*Heading 6*/
.kf_hd6 {
    float: left;
    width: 100%;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 22px;
    text-transform: uppercase;
}
/*Heading 7*/
.kh_hd7 {
    float: left;
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.kf_hd7 {
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    margin: -7px 0 30px;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 28px;
    position: relative;
}

    .kf_hd7:before {
        height: 4px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 44px;
        content: "";
        background-color: #373737;
    }
/*HEADING 8*/
.kf_hd8 {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

    .kf_hd8 span {
        float: left;
        width: auto;
        margin-right: 40px;
        padding-right: 60px;
        position: relative;
    }

        .kf_hd8 span:before {
            position: absolute;
            right: 0;
            bottom: 4px;
            height: 1px;
            width: 50px;
            content: "";
            background-color: #333;
        }
/*
	  ============================================================
		   Heading 1 Css End
	  ============================================================
*/
.blog_meta {
    float: left;
    width: auto;
}

    .blog_meta li {
        float: left;
        width: auto;
        margin-right: 25px;
    }

        .blog_meta li:last-child {
            margin: 0;
        }

        .blog_meta li a,
        .blog_meta li span {
            float: left;
            width: 100%;
            color: #666;
            font-size: 13px;
            line-height: normal;
            text-transform: uppercase;
            font-family: 'Source Sans Pro', sans-serif;
        }

            .blog_meta li a i,
            .blog_meta li span i {
                margin-right: 10px;
            }

    .blog_meta .heart i {
        color: #fe0000;
    }
/*Overview Schedule #overviewschedule*/
.kf_overview_schedule {
    float: left;
    width: 100%;
}

.kf_overview.kf_overview_schedule .kf_table2,
.kf_overview.kf_overview_roster .kf_table2 {
    margin: 0;
}

.kf_overview_schedule .kf_table2 li > div {
    padding-left: 12px;
    padding-right: 12px;
}

    .kf_overview_schedule .kf_table2 li > div:first-child {
        padding-right: 25px;
    }

    .kf_overview_schedule .kf_table2 li > div:last-child {
        padding-right: 25px;
    }
/*Kf_Chart #kf_chart*/
.kf_chart {
    float: left;
    width: 100%;
}

.kf_linechart {
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 35px;
    border: 1px solid #d7d8d8;
}

#chartContainerbar,
#chartContainer {
    float: left;
    width: 100%;
    height: 335px;
}
/*Team Stats #teamstats*/
.team_st_table {
    text-align: center;
}

.team_stats {
    float: left;
    width: 100%;
    padding: 40px 30px;
    border: 1px solid #d7d8d8;
}

    .team_stats .text {
        padding: 40px 0px;
        text-align: center;
        background-color: #f1f2f4;
    }

        .team_stats .text h2 {
            float: left;
            width: 100%;
            font-size: 40px;
            margin-top: -6px;
            font-weight: bold;
            line-height: 40px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .team_stats .text span {
            color: #666;
            float: left;
            width: 100%;
            font-size: 12px;
            line-height: 10px;
            font-weight: normal;
            text-transform: uppercase;
        }
/*Match Stats #matchstats*/
.kf_match_stats .kf_progress1 .progress_single_wrapper {
    height: 6px;
}

.kf_match_stats .kf_progress1 .progressbars {
    height: 6px;
}

.kf_progress1 .skill-progress2 .progressbars.progress_single {
    background-color: #005396 !important;
}
/*Opponents Outer Wrap #opponentsouter*/
.kf_opponents_outerwrap {
    float: left;
    width: 100%;
    padding: 40px 30px;
    border: 1px solid #d7d8d8;
}

.kf_opponents_wrap {
    float: left;
    width: 100%;
    margin: 0 0 40px;
    position: relative;
}

.kf_opponents_dec {
    float: left;
    width: 39%;
}

    .kf_opponents_dec span {
        float: left;
        width: 88px;
        height: 104px;
    }

        .kf_opponents_dec span img {
            float: left;
            width: 100%;
        }

    .kf_opponents_dec .text {
        float: none;
        width: auto;
        overflow: hidden;
        text-align: left;
        padding: 35px 0 38px 20px;
    }

    .kf_opponents_dec.span_right {
        float: right;
    }

        .kf_opponents_dec.span_right .text {
            text-align: right;
            padding: 35px 20px 38px 0px;
        }

        .kf_opponents_dec.span_right span {
            float: right;
        }

    .kf_opponents_dec .text h6 {
        font-size: 14px;
        margin: 0 0 7px;
        font-weight: bold;
        line-height: 14px;
        text-transform: uppercase;
    }

    .kf_opponents_dec .text p {
        margin: 0;
        color: #989ba4;
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }
/*Opponents Gols #opponentsgols*/
.kf_opponents_gols {
    width: 22%;
    float: left;
    text-align: center;
    padding: 17px 0 24px;
    text-transform: uppercase;
}

    .kf_opponents_gols h5 {
        float: left;
        width: 100%;
        font-size: 36px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

        .kf_opponents_gols h5 span {
            display: inline-block;
        }

    .kf_opponents_gols p {
        margin: 0;
        color: #333;
        font-size: 10px;
        font-weight: bold;
        line-height: 10px;
        text-transform: uppercase;
    }
/*Scorecard #scorecard*/
.kf_scorecard {
    float: left;
    width: 100%;
}

.kf_progress_wrap {
    float: left;
    width: 20%;
}

.kf_progress_wrap2 {
    float: right;
}

.kf_progress {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    position: relative;
    padding: 3px 20px 3px 30px;
}

    .kf_progress:last-child {
        margin: 0;
    }

    .kf_progress .progress {
        margin: 0;
        float: left;
        width: 100%;
        height: 6px;
        border-radius: 0;
        box-shadow: none;
        background-color: #ebf0f6;
    }

    .kf_progress .progress-bar {
        box-shadow: none;
    }

    .kf_progress .progress_label {
        left: 0;
        top: 50%;
        font-size: 12px;
        margin: -6px 0 0;
        line-height: 12px;
        font-weight: bold;
        position: absolute;
        text-transform: uppercase;
        font-family: "Open Sans",sans-serif;
    }

    .kf_progress .progress_precent {
        top: 50%;
        right: 0;
        font-size: 12px;
        margin: -8px 0 0;
        line-height: 12px;
        position: absolute;
        font-weight: normal;
        font-family: "Open Sans",sans-serif;
    }

.kf_progress_wrap.kf_progress_wrap2 .progress-bar {
    background-color: #005396 !important;
}

.kf_scorecard .kf_table2 {
    float: left;
    margin: 0 25px;
    width: 52.7%;
}

    .kf_scorecard .kf_table2 li > div {
        padding: 9px 14px;
        text-align: center;
    }

    .kf_scorecard .kf_table2 span {
        color: #969696;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }

        .kf_scorecard .kf_table2 span b {
            color: #333;
            font-weight: bold;
        }

.date_2 {
    float: left;
    width: 100%;
    color: #818080;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    line-height: normal;
    padding: 5px 0 7px 0;
    text-transform: capitalize;
}
/*Overview Schedule #overviewschedule*/
.kf_overview_schedule {
    float: left;
    width: 100%;
}

.kf_overview.kf_overview_schedule .kf_table2,
.kf_overview.kf_overview_roster .kf_table2 {
    margin: 0;
}

.kf_overview_schedule .kf_table2 li > div {
    padding-left: 12px;
    padding-right: 12px;
}

    .kf_overview_schedule .kf_table2 li > div:first-child {
        padding-right: 25px;
    }

    .kf_overview_schedule .kf_table2 li > div:last-child {
        padding-right: 25px;
    }
/*Kf_Chart #kf_chart*/
.kf_chart {
    float: left;
    width: 100%;
}

.kf_linechart {
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 35px;
    border: 1px solid #d7d8d8;
}

#chartContainerbar,
#chartContainer {
    float: left;
    width: 100%;
    height: 335px;
}
/*Team Stats #teamstats*/
.team_st_table {
    text-align: center;
}

.team_stats {
    float: left;
    width: 100%;
    padding: 40px 30px;
    border: 1px solid #d7d8d8;
}

    .team_stats .text {
        padding: 40px 0px;
        text-align: center;
        background-color: #f1f2f4;
    }

        .team_stats .text h2 {
            float: left;
            width: 100%;
            font-size: 40px;
            margin-top: -6px;
            font-weight: bold;
            line-height: 40px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .team_stats .text span {
            color: #666;
            float: left;
            width: 100%;
            font-size: 12px;
            line-height: 10px;
            font-weight: normal;
            text-transform: uppercase;
        }
/*Match Stats #matchstats*/
.kf_match_stats .kf_progress1 .progress_single_wrapper {
    height: 6px;
}

.kf_match_stats .kf_progress1 .progressbars {
    height: 6px;
}

.kf_progress1 .skill-progress2 .progressbars.progress_single {
    background-color: #005396 !important;
}
/*Opponents Outer Wrap #opponentsouter*/

/*Table 2 #table2*/
.kf_table2 {
    display: table;
    width: 100%;
    margin: 0 0 30px;
    border: 1px solid #d7d8d8;
}

    .kf_table2 li {
        display: table-row;
        vertical-align: middle;
    }

        .kf_table2 li.table_head {
            color: #333;
            font-size: 14px;
            text-align: left;
            font-weight: bold;
            line-height: normal;
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
        }

            .kf_table2 li.table_head div {
                padding-top: 20px;
                padding-bottom: 21px;
            }

        .kf_table2 li > div {
            display: table-cell;
            vertical-align: middle;
            padding: 14px;
            border-bottom: 1px solid #d7d8d8;
        }

        .kf_table2 li:hover div {
            background: #e7eaf0 none repeat scroll 0 0;
        }

        .kf_table2 li.table_head:hover div {
            background: transparent;
        }

        .kf_table2 li > div:first-child {
            padding-left: 30px;
        }

        .kf_table2 li > div:last-child {
            padding-right: 30px;
        }

        .kf_table2 li:last-child div {
            border: none;
        }

    .kf_table2 .tb2_ticket {
        min-width: 9%;
    }

    .kf_table2 .input-btn {
        float: none;
        min-width: 155px;
        text-align: center;
        display: inline-block;
        padding: 5px 15px 6px;
    }

.input-btn.inactive {
    color: #a8a7a7;
    cursor: no-drop;
    background: #e7eaf0;
    border-color: #e7eaf0;
}

.kf_table2 .versus {
    min-width: 180px;
}

    .kf_table2 .versus div > span {
        width: 26px;
        min-height: 27px;
        float: left;
    }

        .kf_table2 .versus div > span img {
            float: left;
            max-width: 26px;
            height: 100%;
        }

    .kf_table2 .versus div p {
        float: none;
        width: auto;
        font-size: 14px;
        margin: 0 0 0px;
        overflow: hidden;
        text-align: left;
        padding: 0 0 0 10px;
        line-height: normal;
        text-transform: capitalize;
    }

        .kf_table2 .versus div p a {
            margin: -5px 0 1px;
            color: #333;
            display: block;
            font-weight: bold;
        }

        .kf_table2 .versus div p span {
            display: block;
            font-size: 12px;
        }

.kf_table2 .tb2_time,
.kf_table2 .tb2_status {
    text-align: center;
}

.margin_0,
.kf_hd1.margin_0 {
    margin: 0;
}
/*Table 3 #table3*/
.table_style3 {
    margin: 0 0 30px;
    padding: 16px 20px 19px;
    border: 1px solid #d7d8d8;
}

    .table_style3 li div {
        text-align: left;
        font-size: 12px;
        padding: 9px 10px;
        text-transform: capitalize;
        font-family: 'Open Sans', sans-serif;
    }

        .table_style3 li div span b {
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .table_style3 li div:first-child {
            padding-left: 30px;
        }

        .table_style3 li div:last-child {
            padding-right: 30px;
        }
/*Overview Roster #overviewroster*/
.kf_overview_roster {
    float: left;
    width: 100%;
}

.table_overflow {
    float: left;
    width: 100%;
}
/*Overview Schedule #overviewschedule*/
.kf_overview_schedule {
    float: left;
    width: 100%;
}

.kf_overview.kf_overview_schedule .kf_table2,
.kf_overview.kf_overview_roster .kf_table2 {
    margin: 0;
}

.kf_overview_schedule .kf_table2 li > div {
    padding-left: 12px;
    padding-right: 12px;
}

    .kf_overview_schedule .kf_table2 li > div:first-child {
        padding-right: 25px;
    }

    .kf_overview_schedule .kf_table2 li > div:last-child {
        padding-right: 25px;
    }
/*Kf_Chart #kf_chart*/
.kf_chart {
    float: left;
    width: 100%;
}

.kf_linechart {
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 35px;
    border: 1px solid #d7d8d8;
}

.kf_hd1 {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #e7eaf0;
    margin-bottom: 30px;
}

    .kf_hd1 span {
        z-index: 1;
        float: left;
        width: auto;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        line-height: normal;
        text-transform: uppercase;
        padding: 11px 35px 12px 20px;
    }

        .kf_hd1 span::before {
            top: 0;
            right: 0;
            z-index: -1;
            content: "";
            bottom: auto;
            height: 100%;
            width: 2000%;
            position: absolute;
            -webkit-transform: skew(-30deg);
            -moz-transform: skew(-30deg);
            -ms-transform: skew(-30deg);
            -o-transform: skew(-30deg);
            transform: skew(-30deg);
        }


/*
	  ============================================================
		  Tickit 2 #ticket2
	  ============================================================
*/
.kf_ticket2_wrap {
    float: left;
    width: 100%;
}

    .kf_ticket2_wrap ul {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        list-style-type: none;
    }

        .kf_ticket2_wrap ul li {
            float: left;
            width: 100%;
            margin-bottom: 20px;
            border: 1px solid #f3f3f3;
        }

            .kf_ticket2_wrap ul li:last-child {
                margin: 0;
            }

.ticket_dec2 {
    float: left;
    width: 100%;
    text-align: center;
}

.ticket_date {
    width: 12%;
    float: left;
    min-height: 145px;
    text-align: center;
    padding: 30px 0 39px;
    background-color: #ededed;
}

.kf_ticket2_wrap ul li:hover .ticket_date small,
.kf_ticket2_wrap ul li:hover .ticket_date b {
    color: #fff;
}

.ticket_date b {
    float: left;
    width: 100%;
    margin: 0 0 4px;
    font-size: 36px;
    font-weight: bold;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
}

.ticket_date small {
    float: left;
    width: 100%;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.kf_opponents_wrap2 {
    float: left;
    width: 88%;
    padding: 15px 40px 15px 40px;
}

    .kf_opponents_wrap2 .kf_opponents_wrap {
        width: auto;
        min-width: 583px;
        margin: 0;
        text-align: center;
        margin: 0px auto;
        float: none;
        display: inline-block;
    }

    .kf_opponents_wrap2 .kf_opponents_dec .text {
        padding: 8px 0 11px 20px;
    }

    .kf_opponents_wrap2 .kf_opponents_dec.span_right .text {
        padding: 8px 20px 11px 0px;
    }

    .kf_opponents_wrap2 .kf_opponents_dec span {
        width: 52px;
        height: 52px;
    }

    .kf_opponents_wrap2 .kf_opponents_dec .text h6 {
        font-size: 24px;
        margin: 0 0 18px;
        line-height: 24px;
    }

    .kf_opponents_wrap2 .kf_opponents_dec {
        width: 45%;
    }

    .kf_opponents_wrap2 .kf_opponents_gols {
        padding: 0;
        width: 10%;
    }

        .kf_opponents_wrap2 .kf_opponents_gols h5 {
            margin: 0 0;
            font-size: 24px;
            line-height: normal;
        }

.ticket_button {
    float: right;
    width: auto;
    padding: 35px 0;
}

    .ticket_button button {
        color: #333;
        float: left;
        width: auto;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 35px;
        line-height: normal;
        border: 1px solid #e7e7e7;
        text-transform: uppercase;
        background-color: transparent;
        font-family: 'Open Sans', sans-serif;
    }

.ticket_dec2:hover .ticket_button button {
    color: #fff;
}

.kf_opponents_wrap2 .kf_opponents_wrap > p {
    float: left;
    width: 100%;
    margin: 0 0 11px;
    line-height: normal;
    text-transform: uppercase;
}

.icon_tag {
    margin: 0;
    float: left;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    width: 100% !important;
    height: auto !important;
    text-transform: capitalize;
}

    .icon_tag i {
        float: left;
        color: #cfcfcf;
        font-size: 24px;
        margin: 0 20px 0 0;
    }

.kf_opponents_dec.span_right .icon_tag i {
    margin: 0 0 0 20px;
    float: right;
}

.kf_ticket2_wrap .kode-pagination {
    text-align: center;
}
/*
	  ============================================================
		   Ticket Details Page Start #ticketpage
	  ============================================================
*/
.ticketdetail_hd {
    float: left;
    width: 100%;
    padding: 20px 30px 18px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 2px 9px -4px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 2px 9px -4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 9px -4px rgba(0, 0, 0, 0.35);
}

.kf_ticketdetail .kf_table2 li > div {
    text-align: center;
    border-color: #ececec;
    padding-top: 36px;
    padding-bottom: 39px;
}

.kf_ticketdetail .kf_table2 li:hover div {
    background-color: transparent;
}

.ticketdetail_hd .tkt_date {
    width: auto;
    float: left;
}

    .ticketdetail_hd .tkt_date > span {
        font-size: 16px;
        color: #999;
        display: inline-flex;
        text-transform: capitalize;
    }

        .ticketdetail_hd .tkt_date > span i {
            margin-right: 25px;
            font-size: 24px;
        }

    .ticketdetail_hd .tkt_date:last-child {
        text-align: right;
        float: right;
    }

.kf_ticketdetail .kf_table2 li div.tkt_pkg {
    text-align: left;
}

.kf_ticketdetail .tkt_pkg span i {
    left: 0;
    top: 50%;
    font-size: 16px;
    position: absolute;
    margin: -7px 0 0 0;
}

.kf_ticketdetail .tkt_pkg span {
    color: #999;
    padding-left: 30px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}

    .kf_ticketdetail .tkt_pkg span strong {
        color: #333;
        display: block;
        font-size: 20px;
        font-weight: bold;
        line-height: normal;
    }

    .kf_ticketdetail .tkt_pkg span small {
        font-size: 15px;
        line-height: normal;
    }

.kf_ticketdetail .tkt_price em {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.kf_ticketdetail .tkt_qty .numbers-row {
    width: 130px;
    display: inline-block;
    border: 1px solid #b5b5b5 !important;
}

    .kf_ticketdetail .tkt_qty .numbers-row .kf_trigger,
    .kf_ticketdetail .tkt_qty .numbers-row .button.inc,
    .kf_ticketdetail .tkt_qty .numbers-row .button.dec {
        float: left;
        width: 33.3%;
        height: 33px;
        padding: 4px 0;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        line-height: normal;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }

    .kf_ticketdetail .tkt_qty .numbers-row .button.inc {
        float: right;
    }

    .kf_ticketdetail .tkt_qty .numbers-row .kf_trigger {
        float: none;
        margin: 0 -1px;
        display: inline-block;
        border-width: 0 1px;
        border-style: solid;
        border-color: #b5b5b5;
    }

.kf_ticketdetail .tkt_qty > label {
    display: inline-block;
    width: auto;
    margin: 0 20px 0 0;
    font-size: 15px;
    text-transform: uppercase;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
}

.kf_ticketdetail .tkt_pkg {
    min-width: 44%;
}

.kf_ticketdetail .tkt_btn .input-btn {
    padding-top: 9px;
    padding-bottom: 10px;
}
/*
	  ============================================================
		   Font Color
	  ============================================================
*/
.icon_tag,
.price_tag,
.shop_icons,
.btn_2:hover,
.kf_hd2 span,
.copy_right2 a,
.ticket_date b,
.kf_cart:hover i,
.kf_404_thumb h5,
.kf_ticker > span,
.kf_cart .text em,
.banner_caption p,
.kf_news_dec2 span,
.team_logo a:hover,
.text_2 h6:hover a,
.shop_icons a:hover,
.banner_caption h1 b,
.banner_caption span,
.recentpost_dec span,
.nextmatch_dec > span,
.kf_404_thumb h4 span,
.links_dec li a:hover,
.copy_right3 p a:hover,
.comment_hd h5 a:hover,
.links_dec li a:before,
.blog_meta li a:hover i,
.kf_plyer_rating span b,
.admin_thumb h6:hover a,
.kf_news_dec2:hover h6 a,
.kf_lung .dropdown button,
.blog_meta li span:hover i,
.kf_result_thumb:hover > a,
.breadcrumb li.active span,
.kf_right_dec ul li a:hover,
.kf_featured_thumb .text h6,
.recentpost_dec span:before,
.tranding_tab ul li a:hover,
.tranding_tab ul li.active a,
.shop_thumb .text h5 a:hover,
.text_wrper .text h2 a:hover,
.kf_featured_thumb .text span,
.kf_featured_thumb4 .text span,
.kf_recentnews:hover .text h6 a,
.kf_roster_dec .text h3 a:hover,
.kf_table2 .versus div p a:hover,
.kf_roster_dec .text_overflow span,
.tranding_tab ul li.active a:hover,
.kf_opponents_dec .text h6 a:hover,
.slider_widget .slick-arrow:before,
.kf_featured_thumb4:hover .text h6 a,
.kf_comingsoon .input_dec input[type="button"],
.comment_hd ul li a:hover, .comment_hd ul li span:hover,
.kf_opponents_wrap2 .kf_opponents_gols h5,
.kode_navigation .nav > li:hover > a,
.kode_header_2 .kode_navigation li ul li:hover > a:before {
    color: #ff1700;
}

.canvasjs-chart-tooltip span {
    color: #f1e172 !important;
}
/*
	  ============================================================
		   Background Color
	  ============================================================
*/
.rss,
.lable_1,
.btn_icon,
.input-btn,
.copy_right,
.btn-1:hover,
.btn_3:hover,
.text_2 span,
.kf_h5:before,
.kf_map:before,
.twitter_ticker,
.filter_btn:hover,
.kode_search:hover,
.pp_pic_holder.pp_default,
.kf_tags li a:hover,
.kf_404_text .btn-1,
.widget_instagram a,
.widget_ul li:hover,
.kf_hd1 span::before,
.list_meta li:before,
.kf_contct_thumb:hover,
.kf_social3 li a:hover,
.kf_social2 li a:hover,
.kf_top_bar .kode_search,
.kode-gallery figcaption a,
.roster .slick-arrow:hover,
.kf_overview_nav .active a,
.kode_header_2 .logo:before,
.kode_navigation li:hover > a,
.team_comparison_wrap2 button,
.kf_contact_meta li:hover span,
.kf_roster_dec:hover .text > span,
.featured_slider .slick-arrow:hover,
.kode-pagination .page-numbers:hover,
.kode-pagination .page-numbers.current,
.radio_dec input:checked + .radio-value,
.input_label input[type="button"]:hover,
.kf_ticket2_wrap ul li:hover .ticket_date,
.radio_style3 input:checked + .radio-value,
.kf_progress1 .progressbars.progress_single,
.kf_rangeslider .ui-slider .ui-slider-range,
.kf_progress_wrap .kf_progress .progress-bar,
.kode_header_2 .kode_navigation li ul li a:hover,
.kf_ticket2_wrap ul li:hover .ticket_button button {
    background-color: #f1e172;
}

.kf_progress1 .progressbars.progress_single {
    background-color: #ff1700 !important;
}
/*
	  ============================================================
		   Border Color
	  ============================================================
*/
.megamenu_dec,
.btn-1:hover,
.label2:before,
.filter_btn:hover,
.kf_tags li a:hover,
.kf_social3 li a:hover,
.kf_social2 li a:hover,
.kf_contct_thumb:hover,
.select_dec select:focus,
.kode_navigation .nav ul,
.kf_overview_nav .active a,
.kode_footer_2 .go-up:before,
.input_textarea textarea:focus,
.kf_overview_nav .active a:before,
.input_dec input[type="text"]:focus,
.kode-pagination .page-numbers:hover,
.kode-pagination .page-numbers.current,
.radio_style3 input:checked + .radio-value,
.kf_ticket2_wrap ul li:hover .ticket_button button {
    border-color: #ff1700;
}

.kode_header_2 .kode_navigation li ul li:hover > a {
    border-left-color: #ff1700;
}
/*
	  ============================================================
		   Trandition
	  ============================================================
*/
.btn-1,
.btn_2,
.btn_3,
.btn_icon,
.kf_cart i,
.input-btn,
.price_tag,
.filter_btn,
.shop_thumb,
.shop_icons,
.kode_search,
.ticket_date,
.text_2 h6 a,
.shop_icons a,
.kf_tags li a,
.links_dec li,
.widget_ul li,
.ticket_date b,
.kf_tip > span,
.kf_table li a,
.widget_ul li a,
.links_dec li a,
.blog_meta li a,
.copy_right p a,
.kf_table li div,
.copy_right3 p a,
.kf_contct_thumb,
.widget_social a,
.kf_social2 li a,
.comment_hd h5 a,
.kf_social3 li a,
.shop_thumb .text,
.blog_meta li a i,
.admin_thumb h6 a,
.kf_table2 li div,
.kf_news_dec2 h6 a,
.kf_overview_nav a,
.kf_table2 div p a,
.blog_meta li span,
.ticket_date small,
.kf_prdthumb figure,
.kode_navigation ul,
.kf_hd8 span:before,
.widget_instagram a,
.blog_meta li span i,
.kf_result_thumb > a,
.shop_thumb .text h6,
.kode_navigation li a,
.kf_right_dec ul li a,
.tranding_tab ul li a,
.ticket_button button,
.kf_overview_nav a em,
.shop_thumb .text h5 a,
.text_wrper .text h2 a,
.links_dec li a:before,
.shop_thumb .thumb img,
.widget_instagram a img,
.kf_prdthumb figure img,
.kf_overview_nav a span,
.input_textarea textarea,
.kf_contact_meta li span,
.kf_recentnews .text h6 a,
.kf_roster_dec .text span,
.kf_roster_dec .text h3 a,
.kf_recentnews figure img,
.select_dec select option,
.kf_prdthumb figure a:before,
.kf_opponents_dec .text h6 a,
.kf_featured_thumb figure img,
.input_dec input[type="text"],
.kode-pagination .page-numbers,
.kf_contct_thumb:hover .kf_hd8,
.kf_featured_thumb4 .text h6 a,
.kf_contct_thumb:hover .text em,
.input_label input[type="button"],
.kf_contct_thumb:hover .text address,
.comment_hd ul li a, .comment_hd ul li span,
.kode-gallery figure, .kode-gallery figure figcaption,
.kode-gallery figcaption a, .kode-gallery figure img,
.kode_header_2 .kode_navigation li ul li a:before,
.kode-gallery figure:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}