﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

@font-face {
    font-family: 'IRANSansBold';
    src: url('../fonts/IRANSans-Bold-web.eot?#iefix') format('eot'), url('../fonts/IRANSans-Bold-web.woff2') format('woff2'), url('../fonts/IRANSans-Bold-web.woff') format('woff'), url('../fonts/IRANSans-Bold-web.ttf') format('ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'IRANSansMedium';
    src: url('../fonts/IRANSans-Medium-web.eot');
    src: url('../fonts/IRANSans-Medium-web.eot?#iefix') format('eot'), url('../fonts/IRANSans-Medium-web.woff2') format('woff2'), url('../fonts/IRANSans-Medium-web.woff') format('woff'), url('../fonts/IRANSans-Medium-web.ttf') format('ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSansUltraLight';
    src: url('../fonts/IRANSans-UltraLight-web.eot');
    src: url('../fonts/IRANSans-UltraLight-web.eot?#iefix') format('eot'), url('../fonts/IRANSans-UltraLight-web.woff2') format('woff2'), url('../fonts/IRANSans-UltraLight-web.woff') format('woff'), url('../fonts/IRANSans-UltraLight-web.ttf') format('ttf');
    font-weight: 200;
}

@font-face {
    font-family: 'IRANSansLight';
    src: url('../fonts/IRANSans-Light-web.eot');
    src: url('../fonts/IRANSans-Light-web.eot?#iefix') format('eot'), url('../fonts/IRANSans-Light-web.woff2') format('woff2'), url('../fonts/IRANSans-Light-web.woff') format('woff'), url('../fonts/IRANSans-Light-web.ttf') format('ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans-web.eot');
    src: url('../fonts/IRANSans-web.eot?#iefix') format('eot'), url('../fonts/IRANSans-web.woff2') format('woff2'), url('../fonts/IRANSans-web.woff') format('woff'), url('../fonts/IRANSans-web.ttf') format('ttf');
    font-weight: normal;
}


body {
    font-family: iransans;
}

.fa {
    font-family: FontAwesome !important;
}

#header #baner {
    position: relative;
    height: 125px;
}

    #header #baner > img {
        position: absolute;
        left: 0;
        bottom: 0px;
    }

    #header #baner #links {
        position: absolute;
        left: 17px;
        bottom: 0px;
        background-color: red;
        padding: 1px 13px;
        color: white;
        border: 1px #ff8686 solid;
    }



#rowbutton > div {
    overflow: hidden;
}



ul.newslist {
    list-style: none;
}

    ul.newslist li {
        margin: 0;
        padding: 0;
        text-indent: 0px;
        /* background: transparent url(imgs/bullet.gif) no-repeat right 9px; */
        line-height: 18px;
        list-style-image: url(../imgs/bullet.png);
        margin-bottom: 6px;
        margin-right: 21px;
    }

        ul.newslist li a {
            text-align: right;
            font-size: 11px;
            line-height: 7px;
            text-decoration: none !important;
            font-family: tahoma !important;
            color: #333;
        }


#rowbutton .widget {
    min-height: 310px;
}

.widget {
    position: relative;
    margin-bottom: 8px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ddd;
    background-color: #fff;
}

    .widget .widget-header {
        height: 35px;
        line-height: 35px;
        width: 100%;
        margin: 0 auto;
        background-color: #2C82C9;
        border-bottom: 1px solid #ddd;
    }


        .widget .widget-header h1 {
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 13px;
            font-weight: lighter;
            color: #555;
            margin-right: 5px;
            border-radius: 3px 3px 0 0;
        }



    .widget .widget-content {
        padding: 5px;
    }

    .widget .widget-header.right h1 {
        text-align: right;
        padding-right: 15px;
    }

    .widget .widget-header.blue {
        background-color: transparent;
        border: none;
        border-bottom: 3px #d93532 solid;
    }

        .widget .widget-header.blue h1 {
            color: white;
            display: inline;
            background-color: #d93532;
            padding: 5px 20px;
        }

    .widget.content_border_only {
        border: none;
    }

        .widget.content_border_only .widget-content {
            border: 1px solid #ccc;
            display: table;
        }

.media {
    border-bottom: 1px #dad8d8 dashed;
    padding-bottom: 6px;
    margin-top: 9px;
}

    .media .img {
        width: 100px;
    }

    .media .lead {
        font-size: 10px;
        color: #adadad;
        margin: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .media .title {
        text-align: right;
        font-size: 11px;
        margin: 0;
        line-height: 24px;
        padding-top: 3px;
    }

    .media .txt {
        text-align: right;
        font-size: 10px;
        margin: 0;
    }

    .media.big .img {
        width: 180px;
        border: 1px #c1c1c1 solid;
        padding: 2px;
    }

#row-news .col-md-7 .col-md-6 .media .lead {
    display: none;
}

#row-news .col-md-7 .col-md-6 .media h4 {
    font-size: 14px;
    margin-top: 5px;
}

#row-news .col-md-7 .col-md-6 .media img {
    margin-top: 5px;
}

.thumbnail .caption h3 {
    font-size: 15px;
    line-height: 25px;
}

.thumbnail .caption p {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    margin-top: 7px;
}

.col-md-3 .thumbnail .caption h3 {
    font-size: 15px;
}

.col-md-3 .thumbnail .caption p {
    font-size: 11px;
    line-height: 20px;
}

.thumbnail.newscover {
    position: relative;
    padding: 0px;
}

    .thumbnail.newscover .caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(35, 35, 35, 0.86);
        overflow: hidden;
        padding-bottom: 0px;
    }

        .thumbnail.newscover .caption h3 {
            color: white;
            font-size: 14px;
            margin-bottom: 6px;
            padding: 5px;
        }

        .thumbnail.newscover .caption p {
            display: block;
            height: 0px;
            transition: all ease-in-out .3s;
            color: wheat;
            font-size: 12px;
            line-height: 26px;
        }

    .thumbnail.newscover:hover .caption p {
        height: 100px;
    }

.col-md-3 .thumbnail.newscover .caption h3 {
    font-size: 11px;
    line-height: 15px;
}

.col-md-3 .thumbnail.newscover .caption p {
    font-size: 10px;
    line-height: 20px;
    margin-top: 0px;
}


.poll td {
    height: 0px;
}

.poll .title {
    font-size: 15px;
    color: #2b82c9;
}

.poll td span {
    font-size: 12px;
    padding-right: 6px;
    line-height: 4px !important;
}

.carousel-caption {
    position: relative;
    left: 0%;
    right: 0%;
    bottom: 0px;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
    text-shadow: none;
}

.btn {
    text-shadow: none;
}



#row-news .newsLikepayesh .widget-content > div {
    padding: 2px;
}

#row-news .newsLikepayesh .widget-content .thumbnail {
    height: 335px;
    overflow: hidden;
}

#row-news .newsLikepayesh .thumbnail .caption h3 {
    font-size: 12px;
    line-height: 22px;
    font-family: IRANSansBold;
    color: #002f88;
    text-align: justify;
    /*height: 65px;
    overflow: hidden;*/
}


#row-news .newsLikepayesh .thumbnail .caption p {
    font-size: 10px;
    line-height: 19px;
}

@font-face {
    font-family: 'Iran';
    src: local('☺'), local('Iran'), url('../fonts/iransharp.woff') format('woff'), url('../fonts/iransharp.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

div#goftgo {
    margin-bottom: 10px;
    background-color: #333;
}

.goftgoTitle {
    background-color: #4e4e4e;
    margin: 0;
    margin-bottom: 9px;
    padding: 8px;
    color: #ebf0ff;
    padding-right: 31px;
    font-family: Iran;
    border-bottom: 3px solid #7c7c7d;
    font-family: Iran;
}

#goftgo .lead {
    font-size: 10px;
    color: #2980B9 !important;
    font-family: IRANSansBold;
    margin: 0;
    font-family: Iran;
    font-size: 12px;
    line-height: 1.5 !important;
}

#goftgo h3 {
    font-size: 12px;
    line-height: 20px;
    font-family: Iran;
    color: white;
}

#goftgo .time {
    color: white;
    color: #95A5A6;
}

#goftgo .thumbnail {
    background-color: transparent;
    border: none;
}



.league-table {
    margin-bottom: 10px;
}

    .league-table.league-table--volleyball tr {
        background: #eee;
    }

        .league-table.league-table--volleyball tr.alternative {
            background: #fff;
        }

    .league-table.league-table--volleyball .sub-header-2 th {
        font-family: tahoma;
    }

    .league-table table {
        width: 100%;
        direction: rtl;
    }

        .league-table table th {
            font-weight: 400;
        }

        .league-table table td {
            height: 22px;
            line-height: 22px;
            font-size: 11px;
        }

        .league-table table .matchtime {
            color: #00879e;
        }

        .league-table table .header, .league-table table .sub-header, .league-table table .sub-header-2 {
            font-size: 11px;
            line-height: 2.2;
        }

        .league-table table .sub-header, .league-table table .sub-header-2 {
            color: #fff !important;
            background: #666 !important;
            text-align: center;
        }

        .league-table table .sub-header-2 {
            background: #777;
            font-size: 9px !important;
        }

        .league-table table .header {
            text-align: center;
            height: 28px;
            font-family: Yekan,YekanNumbers,tahoma;
        }

            .league-table table .header.color-1 {
                background-color: #00879e;
                color: #fff;
            }

            .league-table table .header.color-2 {
                background-color: #f1c40f;
                color: #fff;
            }

            .league-table table .header.color-3 {
                background-color: #a57300;
                color: #fff;
            }

            .league-table table .header.color-4 {
                background-color: #2ecc71;
                color: #fff;
            }

            .league-table table .header.color-5 {
                background-color: #33ab54;
                color: #fff;
            }

            .league-table table .header.color-6 {
                background-color: #f3b500;
                color: #fff;
            }

            .league-table table .header.color-7 {
                background-color: #e74c3c;
                color: #fff;
            }

            .league-table table .header.color-8 {
                background-color: #4285f4;
                color: #fff;
            }

    .league-table .sm-padding {
        padding: 0 6px;
    }

    .league-table tr.alt, .league-table tr:nth-child(even) {
        background: #eee;
        border-top: #ddd 1px solid;
        border-bottom: #ddd 1px solid;
    }

    .league-table thead {
        cursor: pointer;
    }

#rowbutton > div {
    padding: 0 15px;
}

#rowbutton .widget-header h1 {
    font-family: iran;
    color: #f5f5f5;
    font-weight: bold;
    text-align: right;
    padding-right: 18px;
}

    #rowbutton .widget-header h1 i {
        padding-left: 5px;
    }

#header #links li {
    float: right;
    margin: 0 9px;
}

#header #links a {
    font-size: 11px;
    color: white;
}

img.img-responsive, img.media-object.img {
    border: 1px #b9b9b9 solid;
    padding: 2px;
}




body {
    padding: 0 30px;
}

#header.row {
    overflow: hidden;
    margin-bottom: -15px;
}

element.style {
    border-radius: 0px !important;
}


#row-news .col-md-7 .col-md-6 .media h4 {
    font-size: 13px;
    max-height: 72px;
    margin-top: 5px;
    color: #0f1f24;
}

#row-news .newsLikepayesh .thumbnail .caption h3 {
    color: #001745;
}


#row-news .newsLikepayesh .thumbnail .caption h3 {
    text-align: right;
}

.navbar-default .navbar-nav > li > a {
    font-size: 14px;
}


#row-slider .controllers {
    position: absolute;
    top: unset;
    top: unset;
    left: 0;
    bottom: 0px;
    right: unset;
}

#header #baner > span {
    top: 50px !important;
}


div#goftgo, #rowbutton .widget {
    min-height: 275px;
}

.footer {
    width: 100%;
    background-color: #333;
    margin: 0;
    color: white;
    padding: 0;
    font-size: 10px;
    text-align: center;
}

    .footer ul {
        display: inline-block;
    }

        .footer ul li {
            float: right;
            text-align: center;
            margin: 5px;
            margin-bottom: -25px;
        }

            .footer ul li a {
                font-size: 25px;
                color: white;
            }

                .footer ul li a:hover {
                    color: #26d7ff;
                }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #00a6cc;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs.nav > li > a {
    position: relative;
    display: block;
    font-size: 15px;
    padding: 5px 12px;
    font-weight: normal;
}

.film.media .media-left {
    position: relative;
}

    .film.media .media-left:before {
        content: "\f144";
        position: absolute;
        font-size: 30px;
        font-family: FontAwesome !important;
        color: rgba(255, 255, 255, 0.58);
        padding-right: 29%;
        padding-top: 16%;
    }

.film.card .img:before {
    content: "\f144";
    position: absolute;
    font-size: 30px;
    font-family: FontAwesome !important;
    color: rgba(255, 255, 255, 0.58);
    right: 40%;
    top: 30%;
    /* bottom: 15px; */
}

.widget-content .card {
    margin-bottom: 10px;
    position: relative;
}

.widget-content p.card-text {
    font-size: 11px;
}

.min-height-85 {
    min-height: 85px;
}

.widget-content .row .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    min-height: 85px;
}

/*-----------------------------------------------*/
#Gallery .card, #Media .card.film {
    min-height: 190px;
}

.widget-content p.card-text {
    font-size: 11px;
    margin-top: 5px;
    color: #1f1f1f;
}

.media .title {
    line-height: 23px;
    color: #4c4c4c;
    font-size: 12px;
}

#topslider > .col-md-12 {
    padding: 0px;
}

body div#Note img {
    width: 66px;
}

ul.newslist li .time.tody {
    background-color: #ffe8bf;
    font-weight: bold;
    padding: 4px 16px;
}

#leftTab {
    margin-top: 6px;
}

.Gallery .itemGallery {
    min-height: 300px;
}

body {
    padding: 0px;
}


@media screen and (max-width: 768px) {
    #topslider .item .caption p {
        display: none;
    }

    #topslider .item .caption {
        height: auto;
    }

    #topslider .item .item .caption h4 {
        color: #FFC107;
        font-size: 12px;
    }
    
       #newsTool{
        display:none;
    }
    #newsTop{
            font-size: 10px;
    }
}
