@font-face {
    font-family: 'Vazir-FD';
    src: url('../fonts/Vazir-FD.eot') format('embedded-opentype'), url('../fonts/Vazir-FD.ttf') format('truetype'), url('../fonts/Vazir-FD.woff') format('woff'), url('../fonts/Vazir-FD.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir-Light-FD';
    src: url('../fonts/Vazir-Light-FD.woff2') format('woff2'), url('../fonts/Vazir-Light-FD.eot') format('embedded-opentype'), url('../fonts/Vazir-Light-FD.ttf') format('truetype'), url('../fonts/Vazir-Light-FD.woff') format('woff');
}

* {
    font-family: 'Vazir-FD';
}

body {
    direction: rtl;
    text-align: right;
    background: #f1f2f3
}

a:hover {
    text-decoration: none
}

.p-top {
    background-color: #ed0000;
    min-height: 95px;
}

.btn.btn-default {
    background-color: #ed0000;
    color: #fff;
}

table#p-SubmitForm td {
	padding: 10px;
}

table#p-SubmitForm tr:hover {
	background-color: #dadada;
}


.menu-top {
    width: 100%;
    border-bottom: 1px #ff0000 solid;
    min-height: 40px;
}

    .menu-top ul {
        min-height: 40px;
        padding-top: 6px;
        margin: 0;
        float: left;
        padding-left: 0
    }

        .menu-top ul li {
            margin-left: 10px;
            float: right;
            list-style: none;
        }

            .menu-top ul li a {
                color: #fff;
                text-decoration: none;
                font-size: 12px;
                font-weight: bold
            }

                .menu-top ul li a svg {
                    font-size: 20px;
                }

.menu-main .navbar-light .navbar-nav .nav-link, .menu-main .navbar-light .navbar-brand, .menu-main .navbar-light .navbar-nav .active > .nav-link, .menu-main .navbar-light .navbar-nav .nav-link.active, .menu-main .navbar-light .navbar-nav .nav-link.show, .menu-main .navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
}

.menu-main .navbar-light .navbar-brand {
    width: 115px;
    height: 146px;
    position: absolute;
    right: -20px;
    background: #fff;
    box-shadow: 0 0 15px #9c9c9c;
    border-radius: 0px 0px 75px 75px;
    z-index: 10;
    text-align: center
}

.main-menu .navbar-toggler {
    left: 10px;
    position: absolute;
    top: 10px;
}

.menu-main .navbar-light {
    padding-bottom: 0;
}

    .menu-main .navbar-light .navbar-brand img {
        width: 70%;
        height: auto;
    }

    .menu-main .navbar-light .navbar-brand h1 {
        color: #454d59;
        font-size: 12px;
        display: grid;
    }

        .menu-main .navbar-light .navbar-brand h1 span {
            color: #ed0000;
            font-size: 18px;
        }

.menu-main .navbar-nav {
    margin-right: 100px;
}

    .menu-main .navbar-nav:hover .nav-item a {
        color: rgba(255, 255, 255, 0.5) !important
    }

    .menu-main .navbar-nav .nav-item:hover a {
        color: #fff !important
    }

.menu-main .nav-item {
    transition: all ease-in 0.1s;
    height: 50px;
    min-width: 70px;
    text-align: center
}

    .menu-main .nav-item:hover {
        border-bottom: 5px solid #fff;
    }
.menu-main .navbar-nav .navbar-subnav {
    display: none;
    background: #ed0000;
    top: 10px;
    position: relative;
    list-style: none;
    padding-right: 0;
    z-index: 100;
}
 
.menu-main .navbar-nav .nav-item:hover > .navbar-subnav {
	display: block;
}

.menu-main .navbar-nav .navbar-subnav li {
    padding: 10px;
    text-align: right;
}



.main-content {
    margin-top: 60px;
}

.widget-header {
    background: #ed0000;
    color: #fff;
    height: 60px;
    padding-right: 30px;
    padding-top: 12px;
    font-size: 23px;
    font-weight: bold;
    float: right;
    width: 100%;
}

    .widget-header svg {
        position: relative;
        top: 5px;
    }


.widget-body {
    margin-top: 15px;
    border-top: 3px solid #ed0000;
    background: #fff;
    float: right;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    width: 100%
}

.widget-details {
    padding: 20px;
}

    .widget-details h2 {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #454d59;
        text-align: justify
    }

    .widget-details h3 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #454d59;
        text-align: justify
    }

    .widget-details p {
        font-size: 12px;
        margin-bottom: 0;
        color: #454d59;
        text-align: justify
    }

    .widget-details span {
        font-size: 12px;
        margin-bottom: 0;
        color: #454d59;
    }

.widget-body img {
    width: 100%;
    transition: all ease-in 0.3s
}




.widget-3th {
    width: 32%;
    float: right
}

.widget-3th .widget-details{
    height: 145px;
    overflow: hidden;
}

.widget-row .widget-3th:nth-child(2),.widget-row .widget-3th:nth-child(5),.widget-row .widget-3th:nth-child(8),.widget-row .widget-3th:nth-child(11) {
    margin: 0 2%;
}

.widget .calender-prv {
    margin-bottom: 15px;
    border-top: 3px solid #ed0000;
    font-size: 12px;
    color: #172030;
    padding: 15px;
    overflow: auto;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

    .widget .calender-prv .location {
        text-align: center;
        color: #aaa;
        margin-top: 10px
    }

    .widget .calender-prv .calender-ch {
        font-size: 12px;
        color: #aaa;
        margin-bottom: 10px
    }
.teams span{
    display: block;
}
    .widget .calender-prv .teams {
        border-bottom: 1px solid #eee;
        min-height: 80px;
        overflow: auto;
        border-top: 1px solid #eee;
        padding: 10px 0;
    }

        .widget .calender-prv .teams img {
            width: 50px
        }

        .widget .calender-prv .teams > div {
            float: right;
            width: 33%;
            text-align: center
        }

            .widget .calender-prv .teams > div:nth-child(2) {
                padding-top: 15px;
                font-size: 18px
            }

.widget .ad {
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    float: right;
    width: 100%
}

    .widget .ad img {
        width: 100%
    }

.widget .calender-nxt {
    margin-bottom: 15px;
    border-top: 3px solid #ed0000;
    font-size: 12px;
    color: #fff;
    padding: 15px;
    overflow: auto;
    background: #151d2d;
    width: 100%;
    transition: all ease-in 0.1s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

    .widget .calender-nxt:hover .teams {
        color: #ed0000;
    }

        .widget .calender-nxt:hover .teams > div:nth-child(2) {
            color: #ed0000;
        }

    .widget .calender-nxt .location {
        text-align: center;
        color: #aaa;
        margin-top: 10px
    }

    .widget .calender-nxt .calender-ch {
        font-size: 12px;
        color: #aaa;
        margin-bottom: 10px
    }

    .widget .calender-nxt .teams {
        border-bottom: 1px solid #535353;
        border-top: 1px solid #535353;
        min-height: 90px;
        padding: 10px 0;
        overflow: auto;
    }

        .widget .calender-nxt .teams img {
            width: 50px
        }

        .widget .calender-nxt .teams > div {
            float: right;
            width: 33%;
            text-align: center
        }

            .widget .calender-nxt .teams > div:nth-child(2) {
                padding-top: 15px;
                font-size: 18px;
                color: #666;
            }

.more-link {
    float: right;
    width: 100%;
    transition: all ease-in 0.2s;
    margin-bottom: 15px
}

    .more-link:hover div:nth-child(2) {
        background: #c40000
    }

    .more-link:hover div:nth-child(1), .more-link:hover div:nth-child(3) {
        border-color: #c40000
    }

    .more-link div {
        float: right;
        width: 32%
    }

        .more-link div:nth-child(1), .more-link div:nth-child(3) {
            border-bottom: 1px solid #aaa;
        }

        .more-link div:nth-child(2) {
            margin: 0 2%;
            background: #ed0000;
            color: #fff;
            text-align: center;
            margin-top: 10px;
            padding: 5px;
        }

.widget-body .cover {
    overflow: hidden;
    position: relative;
}

.widget-body-main .cover {
    max-height: 450px;
}

    .widget-body-main .cover img {
        position: relative;
        top: 0px
    }

.widget-body-small .cover {
    max-height: 250px;
}

    .widget-body-small .cover img {
        height: 250px;
        width: unset;
        position: relative;
        right: -12%;
    }

.widget-body .cover .pusher {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all ease-in 0.2s
}

    .widget-body .cover .pusher svg {
        color: rgba(0,0,0,0.3);
        position: absolute;
        top: 38%;
        right: 42%;
        font-size: 65px;
        transition: all ease-in 0.2s;
    }

.widget-body .cover:hover .pusher {
    background: rgba(0, 0, 0, 0.25);
}

.widget-body .cover:hover img {
    transform: scale(1.05);
}

.widget-body .cover:hover .pusher svg {
    color: #ed0000
}


.widget-body1 {
    margin-top: 15px;
    border-top: 3px solid #ed0000;
    background: #fff;
    float: right;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    width: 100%
}


    .widget-body1 img {
        width: 100%;
        transition: all ease-in 0.3s
    }

    .widget-body1 .cover {
        overflow: hidden;
        position: relative;
    }

    .widget-body1 .widget-a {
        width: calc(100% - 300px);
        float: right
    }


    .widget-body1 .cover .pusher {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        transition: all ease-in 0.2s
    }

        .widget-body1 .cover .pusher svg {
            color: rgba(0,0,0,0.3);
            position: absolute;
            top: 38%;
            right: 45%;
            font-size: 100px;
            transition: all ease-in 0.2s
        }

    .widget-body1 .cover:hover .pusher {
        background: rgba(0, 0, 0, 0.2)
    }

    .widget-body1 .cover:hover img {
        transform: scale(1.05);
    }

    .widget-body1 .cover:hover svg {
        color: #ed0000;
    }

    .widget-body1 .widget-details {
        float: right;
        width: 300px;
    }

        .widget-body1 .widget-details h2 {
            font-size: 25px;
            transition: all ease-in 0.2s
        }

            .widget-body1 .widget-details h2:hover {
                color: #ed0000
            }

.srank {
    background: #fff;
    border-top: 3px solid #ed0000;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    margin-bottom: 15px;
    width: 100%;
    float: right
}

    .srank table {
        width: 100%
    }

        .srank table tr td {
            text-align: center
        }

        .srank table tbody tr td {
            font-size: 13px
        }

        .srank table thead tr td {
            color: #9c9c9c
        }

.srank-head {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.srank-sepid td {
    color: #ed0000
}

.main-gallery {
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

    .main-gallery .gallery-row1 .cover {
        width: 33.33%;
        float: right;
        position: relative;
        max-height: 205px;
        overflow: hidden;
    }

    .main-gallery .gallery-row2 .cover {
        width: 25%;
        float: right;
        position: relative;
        max-height: 155px;
        overflow: hidden;
    }

    .main-gallery .cover img {
        width: 100%;
        transition: all ease-in 0.2s
    }

    .main-gallery .gallery-row1, .main-gallery .gallery-row2 {
        float: right;
        width: 100%
    }

    .main-gallery .cover .pusher {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        text-align: center;
        padding-top: 27%;
        color: transparent;
        transition: all ease-in 0.2s
    }

    .main-gallery .cover:hover .pusher {
        color: #fff;
        background: rgba(0, 0, 0, 0.33)
    }

    .main-gallery .cover:hover img {
        transform: scale(1.1)
    }

.small-content {
    background: #fff;
    border-top: 3px solid #ed0000;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    margin-bottom: 15px;
    width: 100%;
    float: right;
}

    .small-content a {
        color: #454d59;
        width: 100%;
        float: right;
        font-size: 12px;
        margin-bottom: 10px;
    }

.small-content-head {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.maches {
    float: right;
    width: 100%;
    background: #fff;
    border-top: solid 3px #ed0000;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

.maches table {
    width: 100%
}

.maches table .text-left{
    text-align: left !important;
}

.maches table .text-right{
    text-align: right !important;
}

    .maches .sub-header {
        background: #f8f8f8
    }

    .maches img {
        display: none;
    }

.maches-head {
    font-size: 1rem;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.goalrank {
    float: right;
    width: 100%;
    background: #fff;
    border-top: solid 3px #ed0000;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

    .goalrank table {
        width: 100%;
    }

    .goalrank img {
        display: none;
    }


.goalrank-head {
    font-size: 1rem;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.footer {
    min-height: 50px;
    border-top: 3px solid #ed0000;
    background-color: #172030;
    text-align: center;
    margin-top: 20px
}

.sponser {
    padding: 30px 0;
    border-bottom: 1px solid #484848;
}

    .sponser img {
        opacity: 0.3;
        transition: all ease-in 0.15s;
    }

        .sponser img:hover {
            opacity: 1
        }

.copy-right {
    font-size: 12px;
    color: #fff;
    padding: 10px;
    color: #fff;
}

.designer {
    font-size: 12px;
    color: #fff;
    padding-bottom: 20px;
    color: #fff;
}

    .designer a {
        color: #fff;
    }

.navbar-toggler {
    position: absolute;
    left: 0;
    top: 7px;
}

.cadr-item {
    width: 142px;
    float: right;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    margin: 0 7px;
    margin-top: 12px;
    border-top: 3px solid #ed0000;
}

.managers .cadr-item{
    min-height: 245.8px !important
}

    .cadr-item .pusher {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        transition: all ease-in 0.15s
    }

    .cadr-item:hover .pusher {
        background: rgba(255, 0, 0, 0.18);
    }

        .cadr-item:hover .cadr-family {
            color:#ed0000
        }
.cadr-item .cover {
    width: 142px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.cadr-details{
    min-height: 58px;
}
        .cadr-item .cover img {
            width: 100%;
            position: relative;
        }

        .managers .cadr-item .cover img {
            right: -40px !important;
            height: 100%;
            width: unset;
        }

.player {
    width: 100px;
    float: right;
    padding: 8px 8px 8px 0;
}

#carouselExampleIndicators1{
    border-top: 3px solid #ed0000;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}

#carouselExampleIndicators1 .carousel-inner{
    max-height: 550px;
}

#carouselExampleIndicators1 .carousel-inner .carousel-caption{
    top: 450px;
    width: 100%;
    right: 0;
    background: rgba(0,0,0,0.3);
}

#carouselExampleIndicators1 .carousel-inner .carousel-caption a h2{
    font-size: 20px;
    color: #fff;
}



.content-sideslider{
    background: #fff;
    border-top: 3px solid #ed0000;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    margin-bottom: 15px;
    width: 100%;
    float: right;
}
.content-sideslider .carousel-inner {
    max-height: 154px;
}
.content-sideslider .carousel-inner .carousel-item .carousel-caption{
    top: 20px;
    bottom: unset;
}

.content-sideslider .carousel-inner .carousel-item h5{
    font-size: 13px;
    color: #fff;
    background-color: rgba(0,0,0,0.2);
    padding: 10px 5px;
}
.cadr-number {
    float: right;
    width: 42px;
    padding-top: 10px;
}

.cadr-name {
    color: #72767e;
    font-size: 11px;
}

.cadr-family {
    color: #151d2d;
    font-size: 13px;
}

.cadr-number {
    color: #ecedef;
    font-size: 32px;
}

.teamcadr {
    padding-top: 15px;
    float: right;
    width: 100%
}

.contentdetails img {
    width: 100%
}

.contentdetails-head img{
    width: 250px;
    float: right;
}

.contentdetails-head div{
    width: calc(100% - 250px);
    float: right;
    padding-right: 15px;
}

.contentdetails-head h2{
    font-size: 22px;
}

.contentdetails-head p{
    font-size: 13px;
}

.contentdetails{
    background: #fff;
    overflow: auto;
    padding: 15px;
    border-top: solid 3px #ed0000
}

.contentdetails-body{
    float: right;
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    font-family: 'Vazir-FD' !important;
}

.contentdetails-body *{
    font-family: 'Vazir-FD' !important;
}

.comment-form{
    float: right;
    margin-top: 100px;
}

.pagination-container{
    float: right;
    width: 100%;
}

.pagination-container .pagination{
    padding: 15px 25px 0 0;
}

.pagination-container .pagination li a {
    background: #ed0000;
    border: solid 1px #df0000;
    display: block;
    width: 25px;
    text-align: center;
    color: #fff;
}

.pagination-container .pagination li.active a {
    background: #c7c7c7;
    border: solid 1px #c2c2c2;
    color: #000;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}

@media (max-width: 992px) {
    .widget-3th {
        width: 100%
    }

    .widget-body-main .cover img {
        top: 0px
    }

    .widget-body-small .cover img {
        right: unset;
        height: auto;
        width: unset;
        position: relative;
        right: 0;
        width: 100%;
    }

    .widget-row .widget-3th:nth-child(2),.widget-row .widget-3th:nth-child(5),.widget-row .widget-3th:nth-child(8),.widget-row .widget-3th:nth-child(11) {
        margin: 0;
    }

    .menu-main .navbar-light .navbar-brand {
        top: -40px;
        right: 5px;
    }

.widget-header{
    font-size: 18px;
}

.contentdetails-head div{
    width: 100%;
    padding-right: 0;
}
}

@media (max-width: 480px){
.widget-header{
    font-size: 13px;
}
.menu-top{
float: left;
width: 65%;
}
.menu-main .navbar-light .navbar-brand{
top: 0;
}

.menu-main .navbar-toggler{
position: relative;
    top: 78px;
    right: 250px;
}

.p-top{
min-height: 130px;
}

.collapse.show{
margin-top: 150px;
}
.menu-main .nav-item{
width:150px;
}

.d-none{
    display: unset !important;
}

#carouselExampleIndicators1 .carousel-inner .carousel-caption {
    top: 100px;
}

#carouselExampleIndicators1 .carousel-inner {
    max-height: 205px;
}

}