@font-face {
    font-family: 'arasJoomlaYekan';
    src: url('../fonts/BYekan.eot');
    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BYekan.woff') format('woff'),
    url('../fonts/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6, a {
    font-family: arasJoomlaYekan !important;
}
body.rtl .sp-megamenu-parent {
    float: right !important;
}
body.rtl #sp-menu .sp-megamenu-wrapper {
    float: right !important;
}

body{font-family: arasJoomlaYekan,tahoma !important}
.scoreboard{min-height: 300px;color: #f5f5f5;}
#sp-header{background-color: #333;opacity: 0.8}
.sp-megamenu-parent > li > a{font-size: 20px !important}
img.sp-default-logo{width: 100px}
.body-wrapper{background-color: #ffe600;}
#sp-bottom,#sp-footer{background-color: #333}
#sp-bottom{transform: skew(0deg,-8deg);transform-origin: right bottom;}
#sp-bottom>.container{transform: skew(0deg,8deg);}
#sp-footer{padding: 90px 0;}
#sp-bottom .sp-module-title{color: #f5f5f5 !important;}
.parent-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.clear{
    clear: both;
}
.sp-page-title {
    padding: 202px 0 150px;
    text-align: right;
}
#section-id-1505305490023 .sppb-row-container{
    background: #474747;
    padding: 20px;
    border-radius: 20px;
    color: #f3f3f3;
}
.contact-form-section .contact-email-content{margin-top: 5px}
.error-page .error-code {
    font-size: 190px;
    color: #C4490F !important;
    line-height: 1;
    margin: 50px !important;
    letter-spacing: 0 !important;
}
.error-page .btn.btn-primary {
    color: #fafafa !important;
}
.error-page .error-message{
    color: #E3CA77 !important;
}
.layout-blog #sp-main-body,.view-article #sp-main-body {
    background: none;
}
.page-header{border-bottom:2px solid #676767;color: #474747}
#sp-component .search{
    background: #474747;
    padding: 30px;
    color: #fafafa;
    border-radius: 5px;
}
.search legend{
    color: #FAFAFA;}
.speasyimagegallery-gallery-item img{
    border: 5px solid #474747;
    border-radius: 5px;
}
/*
############ NEXT MATCH MODULE STYLES ##########
 */
.match-result{font-size: 48px;font-weight: bold;margin-top: 30px}
.match-detail span{text-align: right;padding: 15px}

/*
############ MATCHES TIMELINE STYLES ###########
 */
.matches-timeline{
    margin-top: 50px;
}
.matches-timeline .timeline-panel {
    background-color: #474747;
    color: #f2f2f2;
}
.matches-timeline .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel{border: 1px solid #494949;padding: 10px;}
.matches-timeline .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before,
.matches-timeline .sppb-addon-timeline .timeline-movement.even::after{border-color: #474747;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper::before,.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after{background: #474747 none repeat scroll 0 0}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel{margin-right: 15px;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part{float: left;}
.timeline-result{text-align: center;}
.matches-timeline .divider {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 5px;
}
.matches-timeline h3{font-size: 26px;}
.matches-timeline .text-left{text-align: right;}
.matches-timeline .text-right{text-align: left;}
.timeline-date span{
    background: #474747;
    padding: 5px 15px;
    border-radius: 4px;
    color: #f5f5f5;
}
.matches-timeline .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel::before{
    border-color: #474747 #474747 transparent transparent;
}
.matches-timeline .details{text-align: right;}
.matches-timeline .sppb-addon-timeline .sppb-addon-timeline-wrapper::before{top:-40px}
.matches-timeline .sppb-addon-timeline-text-wrap>h3{
    text-align: center;
    margin-bottom: 50px;
}
.matches-timeline .sppb-addon-timeline-text-wrap>h3>span{
    background: rgba(71,71,71,6);
    color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
}
.matches-timeline .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before{display: none;}