/* --- GLOBAL & HOME --- */

html, body {
    margin:0;
    font-family: Tajawal !important;
}

body {
    background: #fdfdfd;
}

a {
    color:#106eb0;
}

a:hover {
    color:#2992dc;
    text-decoration: none !important;
}
.hide {
    display: none;
}
.btn-primary {
    background:#00439c;
    border-color:#00439c;
}

.pagination li a {
    padding: 8px 14px 3px;
    display: inline-block;
    background: #024ca6;
    color: #fff;
    margin-left: 6px;
    border-radius: 25px;
}

.pagination li.active a {
    background: #ffffff;
    color: #024ca6;
    border: 1px solid #024ca6;
}

.empty {
    background: url(../images/logo-light-gray.png) no-repeat;
    background-position: center center !important;
    background-size: 100px !important;
}

.top-bar {
    height:36px;
    background:#1465ad;
}

.top-bar-start {
    line-height: 39px;
}

.top-bar-end {
    text-align: left;
    height: 36px;
    line-height: 39px;
}

.top-bar-end .facebook {
    width:12px; margin-right:5px;
}
.top-bar-end .twitter {
    width:12px; margin-right:5px;
}
.top-bar-end .google-plus {
    width:16px; margin-right:5px;
}
.top-bar-end .instagram {
    width:12px;
}
.top-bar-end .youtube {
    width:25px;
    margin-right: 2px;
}

.top-bar-start .kingdom {
    width: 39px;
}

.top-bar-start .mobil {
    width: 55px;
}

.top-bar-start .nike {
    width: 38px;
}

.header {
    min-height:105px;
    box-shadow: 0 0 80px 0px #32588857;
    contain: content;
    background:#fff;
}

.header .logo {
    margin:12px 0px 0 0;
    max-width: 70px;
    display: block;
}

.header .search {
    float: left;
    margin-top: 32px;
    height: 35px;
}

.header .mobile-menu-icon {
    float: right;
    margin-top: 34px;
    height: 33px;
    margin-right: 3px;
}

.header-menu {
    list-style: none;
    margin:0;
    padding: 0;
}

.header-menu li {
    margin:0;
    padding: 0;
    display:inline-block;
}

.header-menu li a {
    padding: 45px 7px 33px;
    display: block;
    color:rgb(26, 26, 26);
}

.header-menu li.active a, .header-menu li a:hover {
    border-bottom: 3px solid #1465ad;
    color: #1465ad;
}

.footer-info {
    color:#99b8de;

    background:url(../images/carved-logo.png) no-repeat center center;
    padding: 43px 0 !important;
    text-align: center;
}
.footer-info a {
    color:#fff;
}

.footer-menu {
    list-style: none;
    padding:0; margin:0;
}

.footer-menu li {
    display: inline-block;
    margin-bottom: 9px;
    margin-left: 11px;
    font-size: 10pt;
    font-weight: bold;
}

.footer-menu li.active {
    border-bottom: 3px solid #fff;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-list li {
    margin-bottom: 6px;
}

.footer-social .facebook {
    width:14px; margin-right:5px;
}
.footer-social .twitter {
    width:16px; margin-right:5px;
}
.footer-social .google-plus {
    width:16px; margin-right:5px;
}
.footer-social .instagram {
    width:15px;
}
.footer-social .youtube {
    width:30px;
    margin-right: 2px;
}



.footer {
    background:#f3f2f3;
    min-height: 63px;
}

.footer-start {
    font-weight: bold;
    line-height:65px;
}
.footer-start img {
    height: 30px;
    margin-right:15px;
}

.footer-start a {
    color:#212529;
}

.footer-end {
    text-align:left;
    line-height:65px;
}


/*  */

.section {
    padding:40px 0;
}

.section-title {
    padding-top: 40px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
}

/*  */

.section .last-news-start {
    height:445px;
    background-color:#e4e4e4;
    background-size:cover;
    background-position: top center;
}

.section .last-news-end {
    height:445px;
    background: #00439c;
    color:#fff;
    padding:80px 68px 0 60px;
    position: relative;
}

.section .last-news-end a {
    color:#fff;
    display: block;
    margin-top: 20px;
}
.section .last-news-end a:hover {
    color:#a7ddff;
}

.section .last-news-head {
    color:#1ca1f2;
    font-size:15pt;
}

.section .last-news-title {
    display: block;
    margin-top:10px;
    font-size:20pt;

}

.section .last-news-more {
    display: inline-block;
    margin-top: 10px;
    margin-left: 15px;
    text-align: justify;
    color: #81b6e6;
    line-height: 36px;
}

.section .last-news-more div {
    background: #1ca1f2;
    height:5px;
    width:20px;
    margin-top:3px;
}

.last-news-end .arrows {
    position: absolute;
    bottom: 95px;
}

.last-news-end .arrow-right {
    height: 36px;
    width: 36px;
    background: url(../images/arrow-right.png) no-repeat center center;
    background-size: 12px;
    border: 1px solid #fff;
    border-radius: 50px;
    display: inline-block;
    margin-left: 10px;
}

.last-news-end .arrow-left {
    height: 36px;
    width: 36px;
    background: url(../images/arrow-left.png) no-repeat center center;
    background-size: 12px;
    border: 1px solid #fff;
    border-radius: 50px;
    display: inline-block;
}

/*  */

.last-news-others-link {
    color:#000;
}

.section .last-news-others-head {
    font-size:18pt; font-weight:bold;    
}

.section .last-news-others-more {
    display: block;
    color: #000;
    width: 138px;
    text-align: right;
    float: left;
}

.section .last-news-others-more div {
    background: #1ca1f2;
    height:5px;
    width:20px;
    margin-top:3px;
}

.section .last-news-others-more span {
    display: inline-block;
    background: url(../images/arrow-more.png) no-repeat center center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    float: left;
}

.section .last-news-others-image {
    background-color: #e4e4e4;
    height:140px;
    background-position: top center;
    background-size:cover;
}

.section .last-news-others-title {
    height: 140px;
    background: #fff;
    padding: 26px 22px 0 19px;
    position: relative;
}

.section .last-news-others-name {
    font-weight: bold;
}

.section .last-news-others-date {
    font-size: 10pt;
    color: #888;
    position: absolute;
    bottom: 20px;
    right: 23px;
}

/*  */

.section .coming-matches-box {
    background: #f9f8fc;
    padding-bottom: 50px;
}

.section .coming-matches-name {
    margin-top: 55px;
    text-align: center;
    font-weight: bold;
}

.section .coming-matches-vs {
    margin-top: 35px;
}

.section .coming-matches-team {
    text-align: center;
}
.section .coming-matches-team img {
    height:50px;
    margin-bottom:5px;
}
.section .coming-matches-team a {
    color:#212529;
}
.section .coming-matches-time {
    text-align: center;
    font-size: 20pt;
    padding-top: 10px;
}

.section .coming-matches-date {
    text-align: center;
    letter-spacing: 1px;
    color: #232323;
    font-weight: bold;
    font-size: 11pt;
    margin-top: 15px;
}

/*  */

.expect_result {
    padding-top:40px;
}

.section .one-coming-matches-box {
    background: #f9f8fc;
    padding-bottom: 50px;
}

.section .one-coming-matches-name {
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color:#fff;
}

.section .one-coming-matches-vs {
    margin-top: 10px;
}

.section .one-coming-matches-team {
    text-align: center;
}
.section .one-coming-matches-team img {
    height:30px;
    margin-bottom:5px;
}
.section .one-coming-matches-team a .team-name {
    color:#fff;
    font-size: 10pt;
}
.section .one-coming-matches-time {
    text-align: center;
    font-size: 18pt;
    margin-top: -9px;
}

.section .one-coming-matches-date {
    text-align: center;
    letter-spacing: 3px;
    color: #ffffff;
    font-weight: bold;
    font-size: 8pt;
    background: #165ebc;
    width: 100px;
    margin: 0 auto;
    padding: 4px 0px 2px 4px;
    border-radius: 1px;
    color: #9ec7ff;
    margin-top: -19px;
}

.one-coming-matches-link {
    color: #ffffff;
    display: inline-block;
    background: #175ebd;
    padding: 8px 14px 5px;
    margin-top: 22px;
    border-radius: 3px;
}

.one-coming-matches-link:hover {
    color: #ffffff;
    background: #2b75d8;
}

.expect_result_box {
    border-radius: 2px;
    color: #fff;
    padding: 11px 20px 12px;
    background: #024ca6;
    font-weight:bold;
    font-size:14pt;
    background-size:cover;
}

/*  */

.last-tweets-container {
    background:#1ca1f2 url('../images/blue-bg.svg') no-repeat left top;
    background-size: contain;
}

.section.last-tweets {
    color:#fff;
}

.section .last-tweets-more {
    display: block;
    color: #fff;
    width: 138px;
    text-align: right;
    float: left;
}

.section .last-tweets-more div {
    background: #fff;
    height:5px;
    width:20px;
    margin-top:3px;
}

.section .last-tweets-more span {
    display: inline-block;
    background: url(../images/arrow-more-white.png) no-repeat center center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    float: left;
}

.section .last-tweets-head {
    font-size:18pt; font-weight:bold;
}

.section .last-tweets-head div {
    background:url('../images/bigtwitter.svg') no-repeat center center;
    background-size: 50px;
    height:50px;
    width: 50px;
    margin-bottom: 13px;
}

/*  */

.section .random-players-head {
    font-size:18pt; font-weight:bold;    
}

.section .random-players-image {
    background-color: #e4e4e4;
    height:215px;
    background-position: top center;
    background-size:cover;
}

.section .random-players-title {
    background: #fff;
    padding: 15px 10px 11px 19px;
    position: relative;
}

.section .random-players-name {
    font-weight: bold;
}

.section .random-players-date {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px 12px 2px;
    background: #00439c;
    font-size: 18pt;
}

/*  */

.section.cup .owl-carousel {
    position: relative;
}

.section.cup .owl-item {
    text-align: center;
}

.section.cup .owl-prev {
    position: absolute;
    top: 50px;
    right: -55px;

    background: #e8e8e8 !important;
    width: 33px !important;
    height: 32px !important;
    line-height: 38px !important;
    border-radius: 50px !important;
    font-size: 19pt !important;
    color: #141c3f !important;
    outline: none !important;
}

.section.cup .owl-next {
    position: absolute;
    top: 50px;
    left: -55px;
    
    background: #e8e8e8 !important;
    width: 33px !important;
    height: 32px !important;
    line-height: 38px !important;
    border-radius: 50px !important;
    font-size: 19pt !important;
    color: #141c3f !important;
    outline: none !important;
}

.section.cup .owl-dot {
    outline: none !important;
}

.section.cup .cup-year {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 7px;
    font-family: Tahoma;
}

.section.cup .cup-league {
    margin-top: 11px;
}

/*  */

.section.sponsors {
    padding-bottom: 13px;
    padding-top: 29px;
}

.section.sponsors .col img {
    height: 40px;
    margin: 0 14px 14px;
}

.table tr th {
    background: #064fa3;
    font-size: 11pt;
    text-transform: uppercase;
    color: #fff;
    height: 32px;
    text-align: center;
    padding: 19px 0 18px 0;
}

.table tr td {
    font-size: 10.5pt;
    vertical-align: baseline;
    text-align: center;
}

.navbar-arrow {
    vertical-align: bottom;
    color: #064fa3;
    margin: 7px;
}

/* --- END GLOBAL & HOME ---  */


/* SUB-PAGES */

.content {
    padding-top:55px;
}

.side-title {
    font-weight: bold;
    font-size: 21pt;
    margin-bottom: 29px;
}

/* END SUB-PAGES */


/* --- NEWS --- */

.post-image img {
    max-width: 100%;
}

.share-bar li.facebook a {
    color: #3b5998;
}

.share-bar li.twitter a {
    color: #1da1f2;
}

.share-bar li.google a {
    color: #dd4b39;
}

.share-bar li.whatsapp a {
    color: #2eb742;
}

.share-bar {
    text-align: left;
    margin-top: 25px;
}

.share-bar li {
    padding-right: 25px;
    display: inline-block;
}

/* --- END NEWS --- */

/* --- MATCHES --- */

.main-lates-matches {
    border-top: 2px solid #024ca6;
}

.main-lates-matches .item .championship {
    padding-bottom: 4px;
    clear: both;
    /* font-size: 10px; */
    color: #999;
    line-height: normal;
    font-family: Tajawal,sans-serif;
    display: block;
    text-transform: uppercase;
    text-align: center;
}

.main-lates-matches .item .teams-wrap {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.main-lates-matches .item .team {
    width: 39%;
    display: inline-block;
    font-family: Tajawal,sans-serif;
    text-transform: uppercase;
    color: #141414;
    text-align: right;
}

.main-lates-matches .item .score {
    width: 19%;
    display: inline-block;
    text-align: center;
}

.main-lates-matches .item .team1 {
    width: 39%;
    display: inline-block;
    font-family: Tajawal,sans-serif;
    text-transform: uppercase;
    color: #141414;
    text-align: left;
}

.main-lates-matches .item .team img , .main-lates-matches .item .team1 img {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    object-fit: contain;
}

.main-lates-matches .item .score span {
    min-width: 50px;
    padding: 0 10px;
    box-sizing: border-box;
    display: inline-block;
    background: #141414;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    border-radius: 10px;
}

.main-lates-matches .item {
    padding: 15px 30px 15px 30px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    background: #fff;
    box-sizing: border-box;
}

.upcoming-match-info .team {
    width: 45%;
    text-align: center;
}

.upcoming-match-info .counter {
    width: 10%;
    text-align: center;
}

.team .avatar img {
    height: 60px;
}

.upcoming-match-info>* {
    display: block;
    float: left;
}

/* --- END MATCHES --- */

.pagination {
    margin-bottom: 25px;
}

.caldate {
    background: #09498c;
    padding: 7px 14px 6px;
    border-radius: 20px;
    color: white;
    font-family: Arial !important;
    font-size: 10pt;
    letter-spacing: 2px;
}

.btn-event-subscribe {
    background-color: #0e5395;
    padding-bottom: 9px;
    padding-right: 24px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 63px;
    padding-top: 13px;
    border-radius: 0;
    color: #ffffff;
    margin-top: -15px;
    float: left;
}

.venue-name {
    display: inline-block;
    background: #0169c3;
    padding: 9px 19px 4px;
    border-radius: 4px;
    margin-bottom: 35px;
    color: #fff;
    margin-top: 5px;
}

.match-details-title {
    padding: 10px 2px 7px;
    border: 1px solid #0066c6;
    color: #0066c6;
    border-radius: 4px;
    margin-bottom: 17px;
    text-align: center;
}

.yellow_card_icon {
    background: #ffcd00;
    width: 10px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    margin-left: 2px;
}

.red_card_icon {
    background: #ff0000;
    width: 10px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    margin-left: 2px;
}

.youtube-box {
    width:340px; height:192px; overflow:hidden; border-radius:4px; border:1px solid #8b8b8b; background:#e1e1e1; background-image:url('../images/youtube.png'); background-repeat:no-repeat; background-position:center; background-size:120px;     margin: 0 auto 15px;

}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .section .last-news-start {
        height: 320px;
    }
    .section .last-news-end {
        height: 320px;
        padding: 40px 20px 0 17px;
    }
}

/* Mobile */
@media (min-width: 320px) and (max-width: 767px) {

    .header .logo {
        max-width: 55px;
        margin: 20px auto 0;
    }

    .section.last-news {
        padding:0;
    }
    .section .last-news-start {
        height: 300px;
    }
    .section .last-news-end {
        height: 343px;
        padding: 4px 30px 0px 20px;
    }
    .last-news-end .arrows {
        bottom: 30px;
        left: 36px;
    }

    .section .last-news-title {
        font-size: 18pt;
    }
    .last-news-more {
        font-size: 11pt;
    }

    .footer-start {
        text-align: center;
        line-height: 40px;
        margin-top:10px;
    }
    .footer-end {
        text-align: center;
        line-height: 40px;
        margin-bottom:10px;
    }

    .mobile-menu {
        position: fixed;
        background:#024ca6f2;
        z-index: 1;
        width: 100%;
        top: 0;
    }

    .mobile-menu a {
        color:#fff;
        font-size:14pt;
    }

    .mobile-menu-close {
        background: url(../images/cross.png) no-repeat center center;
        background-size: 30px;
        width: 30px;
        height: 30px;
        margin: 30px 20px;
    }

    .mobile-menu ul {
        list-style: none;
        margin:0;
        padding:0;
    }

    .mobile-menu ul li {
        text-align: center;
        margin:0;
        padding:0;
        padding-bottom: 10px;
    }


    /*  */

    .section .last-news-others-image {
        height: 210px;
    }

    .section .last-news-others-date {
        position: static;
        margin-top: 13px;
    }

    /*  */

    .section .last-news-others-more {
        float: right;
    }

    /*  */

    .section .last-tweets-head div {
        float: right;
        margin-left: 13px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        background-size: 35px;
    }

    /*  */

    .section .random-players-image {
        height: 295px;
        margin-top: 23px;
    }

    /*  */

    .section.cup .owl-next {
        left:0;
    }
    .section.cup .owl-prev {
        right:0;
    }
    .owl-dots {
        display: none;
    }

    /*  */

    .section.sponsors .col img {
        height: 30px;
    }

    /*  */

    .match-champion-col {
        display:none;
    }

    /*  */

    .footer-contact {
        padding: 28px 0;
        font-size: 11pt;
    }

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

    .footer-description {
        font-size: 11pt;
        text-align: center;
    }

    .footer-info {
        background-position: 20px 20px;
        padding: 30px 0 !important;
    }

    .contact-list li {
        font-size: 10pt;
    }

    .footer-social {
        position: absolute;
        bottom: -33px;
        z-index: 1;
        right: 50%;
        width: 121px;
        text-align: center;
        margin-right: -60.5px;
        background: #07397b;
        border-radius: 6px 6px 0px 0px;
        padding-right: 7px;
        line-height: 29px;
        padding-top: 3px;
        padding-left: 3px;
        padding-bottom: 0px;
        border-top: 1px solid #3b6fae;
    }

    .one-coming-matches-link {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 12pt;
    }

    .one-coming-matches-link.all-matches {
        display:none;
    }

    .expect_result {
        padding-top:0px;
    }

    .expect_result_box {
        padding: 13px 20px 8px;
    }

    .row-caldate {
        margin-top: 18px;
        margin-bottom: 7px;
    }
    
    .btn-event-subscribe {
        padding: 10px 11px 7px;
        font-size: 9pt;
        margin-top: -6px;
    }

    .alhilal-events .nav-tabs .nav-link {
        font-size: 9pt;
    }

}