body {
    padding-top: 50px;
    direction: rtl;
}

table.loading {
    position: relative
}

table.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8);
    background-image: url(data:image/gif;base64,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);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: ""
}

.vertical .carousel-inner {
    height: auto
}

.tv {
    padding: 0 !important;
    overflow: hidden
}

.iconing-danger {
    text-align: left;
    width: 40px;
    margin: 0 auto;
    position: fixed;
    left: 90px;
    top: 3px
}

.iconing-danger i {
    font-size: 30px;
    text-align: center;
    display: block;
    border-radius: 50%;
    background-color: rgba(255, 64, 158, .1);
    width: 40px;
    height: 40px;
    line-height: 38px;
    background-image: url(/Static/img/logoWorldcup2022topmenu.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.iconing-danger i:hover {
    background-color: rgba(255, 64, 158, .8)
}

#video-container-wide>div>.ratio {
    display: block;
    width: 100vw;
    height: 100vh
}

@keyframes laststep {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes laststep {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.vertical .carousel-inner>.item {
    transition-property: opacity
}

.vertical.carousel-inner>.active.left,
.vertical.carousel-inner>.active.right {
    opacity: 0
}

.vertical.carousel-inner>.next.left,
.vertical.carousel-inner>.prev.right {
    opacity: 1
}

.vertical.carousel-inner>.active.left,
.vertical.carousel-inner>.active.right,
.vertical.carousel-inner>.next,
.vertical.carousel-inner>.prev {
    right: 0;
    transform: translate3d(10, 20, 30)
}

.vertical.carousel-control .fa {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    z-index: 5;
    font-size: 20px;
    height: 0;
    margin: 0 auto;
    width: 0
}

.vertical.carousel-control {
    right: 50%
}

.sidemenu-btn-right {
    position: fixed;
    right: 0;
    top: 30vh;
    transform: translateY(25%) rotate(-90deg);
    background-color: rgba(128, 128, 128, .5);
    z-index: 9999;
    color: #fff;
    font-size: 16px;
    font-family: KnowledgeBlack, Helvetica, Arial, Lucida, sans-serif;
    padding: 12px;
    display: block;
    transition: all .3s ease-out;
    transform-origin: bottom right;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    box-shadow: 0 -3px 11px 3px rgba(256, 256, 256, .1);
    border: none;
    user-select: none
}

.sidemenu-btn-left {
    position: fixed;
    left: -40px;
    top: 35vh;
    transform: translateY(25%) rotate(90deg);
    background-color: rgba(128, 128, 128, .5);
    z-index: 9999;
    color: #fff;
    font-size: 16px;
    font-family: KnowledgeBlack, Helvetica, Arial, Lucida, sans-serif;
    padding: 12px;
    display: block;
    transition: all .3s ease-out;
    transform-origin: bottom right;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    box-shadow: 0 -3px 11px 3px rgba(256, 256, 256, .1);
    border: none;
    user-select: none
}

.fadeInDown {
    opacity: 1 !important;
    transform: translateY(30px) !important
}

.sidemenu-btn i {
    margin: 0
}

.sidemenu-btn:hover {
    box-shadow: 0 -3px 11px 3px rgba(256, 256, 256, .3);
    cursor: pointer;
    border: solid dotted #fff
}

.sidemenu__panel_right {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    z-index: 9999;
    background-color: #090808;
    box-shadow: -2px 2px 20px rgba(0, 0, 0, .5);
    user-select: none;
    transform: translateX(300px);
    transition: transform .5s;
    color: #fff
}

.sidemenu__panel_left {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    min-height: 20vh;
    width: 300px;
    z-index: 9999;
    background-color: #090808;
    box-shadow: -2px 2px 20px rgba(0, 0, 0, .5);
    user-select: none;
    transform: translateX(-300px);
    transition: transform .5s;
    color: #fff
}

.sidemenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    top: 60px;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.sidemenu-item {
    width: 100%;
    height: auto;
    animation: laststep 2s ease-out forwards;
    animation-iteration-count: 1;
    -webkit-animation: laststep 2s;
    -webkit-animation-iteration-count: 1;
    transform: translateY(0);
    transition: all .3s;
    padding-left: 10px;
    padding-right: 10px
}

.sidemenu-item>a:hover {
    padding: 5px;
    box-shadow: -2px 2px 20px -5px rgba(256, 256, 256, .5)
}

.sidemenu-item i {
    margin: 5px auto
}

.sidemenu-item a {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff
}

.sidemenu__panel_right>.sidemenu__close {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    transition: transform .5s
}

.sidemenu__panel_left>.sidemenu__close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    transition: transform .5s
}

.sidemenu__close:hover {
    cursor: pointer
}

a.selected figure::after {
    position: absolute;
    font-family: FontAwesome;
    width: 100%;
    height: 100%;
    content: '\f04b';
    color: #d13333;
    font-size: 25px;
    text-align: left;
    top: 0;
    left: 0;
    padding: 10px
}

a:focus,
a:hover {
    outline: 0;
    transition: all .3s ease 0s;
    color: #909090;
    text-decoration: none
}

a {
    color: #333
}

.notiff {
    color: #fff;
    position: absolute;
    background-color: #000;
    list-style: none;
    padding: .3rem .7rem;
    font-size: 1.3rem;
    z-index: 9999
}

.noMargin {
    margin: 0
}

.float-top-add-container {
    display: none;
    transform: none;
    position: fixed;
    top: 42px;
    width: 100%;
    left: 0;
    z-index: 99999
}

.float-top-add-container .fa {
    font-size: 30px;
    color: #d71920;
    z-index: 999999;
    cursor: pointer;
    float: left
}

.float-add-container {
    display: none;
    transform: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 99999
}

.float-add-container .fa {
    font-size: 30px;
    color: #d71920;
    z-index: 999999;
    cursor: pointer
}

.ParliamentElection-float-container .fa {
    font-size: 30px;
    color: #d71920;
    z-index: 999999;
    cursor: pointer
}

.descr_video_box {
    color: #fff;
    text-align: -webkit-left;
    position: absolute;
    border-radius: 5px;
    padding: 1px 5px;
    background-color: #e84c3d;
    z-index: 1000;
    font-size: 1.2rem
}

.margin_top_15 {
    margin-top: 15px
}

.ParliamentElection-float-container {
    display: none;
    transform: none;
    position: fixed;
    top: 88px;
    width: 50%;
    left: 0;
    z-index: 99998;
    direction: ltr;
    padding-left: 5px
}

.backLight {
    background-color: unset !important
}

@media screen and (max-width:780px) {

    .single-news table td,
    .single-news table td p {
        word-break: break-word !important;
        font-size: 1.3rem !important
    }

    .float-add-container {
        display: block !important
    }

    .float-top-add-container {
        display: block !important
    }

    .ParliamentElection-float-container {
        display: block !important
    }

    .news-container .first .details {
        padding-right: 13px !important
    }

    .news-container .content .list-item {
        padding-right: 8px !important;
        padding-left: 7px !important
    }
}

.no-padding>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.lead {
    margin-bottom: 2px
}

.margin_right h2 {
    padding-right: 10px
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.vcenter {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px
}

.ltr .vcenter {
    vertical-align: top
}

.tasnim-red {
    color: #e84c3d
}

body.ar,
body.fa {
    font-family: Iransans, Arial, sans-serif
}

body.ur {
    font-family: Iransans
}

body.ru {
    font-family: Calibri, Roboto, Ubunto, Arial, sans-serif
}

body.en,
body.he,
body.tr {
    font-family: Arial, sans-serif
}

body.graphic,
body.photos,
body.videos {
    background: #232323 none repeat scroll 0 0
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

.alignme {
    margin: 40px 0
}

#print-header {
    display: none
}

.navbar-toggle {
    border: 1px solid #fff
}

.carsur_pointer {
    cursor: pointer
}

.loader_ {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.navbar-toggle .icon-bar {
    background: #fff
}

.navbar-toggle .sr-only {
    display: block;
    color: red
}

.navbar-top {
    background-color: #a91f23;
    color: #fff;
    vertical-align: middle
}

.navbar-top .container {
    overflow: hidden;
    line-height: 40px
}

.navbar-top .today {
    float: left;
    font-size: 1em
}

.ltr .navbar-top .today {
    float: right
}

.navbar-top .today div {
    float: right
}

.navbar-top .today .local {
    padding-left: 10px
}

.navbar-top .today .general {
    font-family: Arial;
    font-size: .78em
}

.comments2 {
    color: #e84c3d !important;
    text-decoration: unset !important
}

#tasnim-navbar {
    min-height: 102px
}

.ltr #tasnim-navbar,
.ur #tasnim-navbar {
    min-height: 55px
}

.ar #tasnim-navbar {
    min-height: 55px
}

.shortcut-tabs {
    display: none
}

.topSliderNewsPage {
    display: none
}

@media (min-width:768px) {

    .olympicItems,
    .polympicItems {
        width: 6%
    }

    .olympicItems svg {
        width: 60px
    }

    .polympicItems svg {
        width: 8.2%
    }
}

@media (max-width:768px) {

    .olympicItems,
    .polympicItems {
        width: 11.666%
    }

    .olympicItems svg {
        width: 50px
    }

    .polympicItems svg {
        width: 6.6%
    }

    .shortcut-tabs {
        display: block
    }

    .topSliderNewsPage {
        display: block;
        margin-bottom: 1rem;
        font-family: iransans
    }

    .topSliderNewsPage img {
        margin-bottom: .7rem;
        margin-top: .7rem
    }

    .topSliderNewsPage .title {
        font-size: 1.1em;
        font-weight: 700;
        line-height: 140%;
        font-family: iranSans
    }

    .topSliderNewsPage .fa-circle {
        color: #c5161d;
        margin-left: 3px;
        font-size: 1.2rem
    }

    #tasnim-navbar,
    .ar #tasnim-navbar,
    .ltr #tasnim-navbar,
    .ur #tasnim-navbar {
        min-height: 28px
    }

    .shortcut-tabs .nav-tabs.nav-justified>li {
        float: right;
        width: 50%
    }

    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover,
    .shortcut-tabs .nav-tabs.nav-justified>.active>a {
        border-bottom-color: #fff
    }

    .shortcut-tabs .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
        padding: 5px;
        font-size: 20px;
        font-weight: 700
    }

    .shortcut-tabs .nav-tabs.nav-justified>li.active>a {
        color: #555
    }
}

.width-100 {
    width: 100%
}

@media only screen and (min-width :768px) and (max-width :1200px) {
    .widg-icon {
        font-size: 1em !important
    }
}

.navbar-top a {
    color: inherit
}

.header-search,
.navbar-top .icons,
.navbar-top .languages {
    float: left;
    padding: 0;
    margin: 0
}

.ltr .navbar-top .header-search,
.ltr .navbar-top .icons,
.ltr .navbar-top .languages {
    float: right
}

.navbar-top .languages {
    float: right
}

@media (min-width:750px) {
    .navbar-top .languages {
        margin-right: 80px
    }
}

.ltr .navbar-top .languages {
    margin-left: 80px;
    float: left
}

.header-search .form-group input {
    height: 25px;
    border-radius: 12px;
    font-size: .9em;
    border: 1px solid #fff;
    width: 140px;
    float: left;
    margin-top: 8px
}

.navbar-top .icons li {
    margin: 0 8px 0 0
}

.header-search button {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    float: right
}

.navbar-middle {
    background-color: #ed1b24
}

.photos .navbar-middle {
    background-color: #787878
}

#header {
    height: 45px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    background-color: #d71920;
    color: #fff
}

#header>.menu {
    display: none;
    padding: 10px
}

body.gallery-mode #header {
    z-index: 1
}

body.menu-expand {
    padding-top: 0;
    background-color: #d71920
}

body.menu-expand .container,
body.menu-expand .menu-container {
    display: none
}

.menu-expand>#header {
    position: relative;
    height: 100%;
    box-shadow: none
}

.menu-expand #header>.menu {
    display: block;
    overflow: hidden;
    background-color: #fff
}

.menu-expand .menu-container {
    display: none
}

.navbar {
    min-height: 43px;
    margin: 0;
    border-radius: 0
}

.search-button,
.shortcut-dropdown {
    display: none
}

.menu .search {
    display: block
}

.menu .search-dropdown button,
.menu .search-dropdown input {
    border: 1px solid #e3e3e3;
    box-shadow: none
}

.menu .search-dropdown button:hover {
    border: 1px solid #e3e3e3
}

.podcast-container {
    background: #282828;
    float: left;
    border-radius: 15px;
    margin-bottom: 15px
}

.podcast-container .icon {
    float: left;
    font-size: 33px;
    color: #922ecc;
    margin-left: 5px
}

#podcast-con {
    float: left;
    width: 45px;
    height: 45px;
    margin-left: 10px
}

#podcast-con .jw-icon-playback {
    font-size: 22px;
    min-width: 45px
}

.podcast-container .title {
    float: left;
    font-size: 15px;
    margin: 0;
    line-height: 309%;
    padding: 0 15px;
    font-weight: 700;
    color: #fff
}

.shortcut-dropdown .search-dropdown,
.shortcut-dropdown ul {
    position: absolute;
    background-color: #000;
    left: 0;
    top: 44px;
    box-shadow: 0 0;
    z-index: 999;
    padding: 8px
}

.ltr .shortcut-dropdown .search-dropdown,
.ltr .shortcut-dropdown ul {
    left: auto;
    right: 0
}

.shortcut-dropdown>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.shortcut-dropdown>ul>li {
    width: 80px;
    text-align: center;
    margin: 0;
    padding: 0
}

.shortcut-dropdown>ul>li:not(:last-child) {
    border-bottom: 1px solid #fff
}

.shortcut-dropdown>ul>li>a {
    display: block;
    padding: 3px;
    font-weight: 700;
    font-size: 1.39rem
}

.shortcut-dropdown .search-dropdown {
    width: 400px
}

.search-dropdown>input {
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.search-dropdown button {
    box-shadow: none;
    border: 0;
    color: #e3e3e3;
    background-color: #fff;
    height: 34px;
    margin: 0;
    padding: 0 8px 0 10px
}

.search-dropdown button,
.search-dropdown input,
.search-dropdown submit {
    border: none;
    border-radius: 0 !important
}

.search-dropdown button .fa {
    font-size: 26px
}

.search-dropdown button:hover {
    border: 0;
    color: #e3e3e3;
    box-shadow: none
}

.menu-container {
    margin-right: 265px;
    overflow: hidden;
    height: 44px;
    display: none
}

.ltr .menu-container {
    margin-left: 265px;
    margin-right: auto
}

ul.tasnim-services>li>a {
    border-bottom: 2px solid #000;
    margin-bottom: 2px;
    font-weight: 700
}

ul.tasnim-services>li>ul {
    display: none
}

article.list-item .lead {
    display: none
}

.menu ul.tasnim-services>li {
    line-height: 350%;
    position: relative
}

.menu ul.tasnim-services>li>ul>li {
    line-height: 100%
}

.rotate-curser {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

ul.tasnim-services {
    padding: 0;
    margin: 0
}

ul.tasnim-services>li>a {
    color: #000;
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 3.7rem
}

ul.tasnim-services>li>i {
    position: absolute;
    left: 0;
    top: 0;
    color: #e3e3e3;
    font-size: 3.6rem;
    padding: 0
}

ul.tasnim-services>li>ul a {
    color: #000;
    display: block;
    font-weight: 400;
    font-size: 1.38rem;
    line-height: 170%;
    padding: 5px 0
}

ul.tasnim-services>li>ul.multi-col {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3
}

ul.tasnim-services>li>a:hover,
ul.tasnim-services>li>ul a:hover {
    color: #d71920
}

header nav>li {
    float: left;
    position: relative;
    color: #fff
}

#header.mini,
#header.mini nav {
    height: 44px;
    background-image: none
}

.shahre-khabar #header {
    top: 145px !important
}

.menu-expand>#header {
    height: 100%;
    background-color: #fff
}

.menu-expand>#header>.navbar {
    background-color: #d71920
}

#header nav .main-logo {
    position: absolute;
    right: 33px;
    background-image: url(/Static/img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #a91e22;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: 2px;
    background-size: 80%
}

.ltr #header nav .main-logo {
    right: auto;
    left: 33px
}

header nav .logo-phrase {
    position: absolute;
    top: 0;
    background-image: url(/Static/img/phrase.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 45px;
    width: 170px;
    right: 80px;
    top: 8px;
   font-weight: 700;
   font-size: 19px;
   font-family: ShabnamBold;
}

.ltr header nav .logo-phrase {
    right: auto;
    left: 80px
}

.ar #header nav .logo-phrase {
    width: 189px
}

#header nav {
    border: none;
    height: 44px
}

header nav a {
    color: #fff
}

header nav a:hover {
    color: #c9c9c9
}

.ltr #header>nav>a {
    float: left
}

header nav ul.shortcut-menu {
    list-style: none;
    position: absolute;
    top: 0;
    left: 10px
}

.ltr header nav ul.shortcut-menu {
    left: auto;
    right: 0
}

header nav ul.shortcut-menu li {
    float: left
}

.ltr header nav ul.shortcut-menu>li {
    float: right
}

header nav ul.shortcut-menu li a .fa {
    color: inherit
}

ul.sub-services {
    display: none;
    position: absolute;
    background-color: #fafafa;
    min-width: 120px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    padding: 0;
    margin: 0;
    top: 100%
}

ul.sub-services:before {
    display: block;
    width: 0;
    border-bottom: 10px solid #fafafa;
    top: -10px;
    content: ' ';
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

ul.multi-col:before {
    left: 83%
}

.menu-container ul.multi-col {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-color: #fed5d6
}

.menu-container ul.multi-col>li:nth-child(11n+0) {
    border-bottom: none
}

.shortcut-dropdown .sub-services {
    display: block;
    overflow: hidden
}

ul.sub-services-order-2 {
    margin-right: 120px
}

ul.sub-services-order-3 {
    margin-right: 240px
}

ul.sub-services li {
    display: block;
    margin: 0;
    padding: 3px;
    border-bottom: 1px solid #fed5d6
}

ul.sub-services li:last-child {
    border-bottom: none
}

ul.sub-services>li>a {
    display: block;
    padding: .2rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #000
}

ul.sub-services li:hover {
    background-color: #f1f1f1
}

ul.sub-services li:hover a {
    color: #000
}

.menu-container ol :hover ul.sub-services {
    display: block;
    margin-right: -30px
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41
}

.open {
    display: block
}

.shortcut-menu {
    margin: 0;
    padding: 0
}

.shortcut-menu>li>a {
    padding: 7px;
    color: #fff;
    line-height: 43px;
    font-size: 2.6rem
}

.shortcut-menu>.menu-button>a>i:before {
    content: "\f0c9";
    font-size: 2.8rem
}

.menu-expand .shortcut-menu>.menu-button>a>i:before {
    content: "\f00d"
}

header nav ul.shortcut-menu li {
    float: left;
    position: relative
}

footer .main-logo {
    margin-top: 0;
    width: 40px;
    height: 40px;
    background-image: url(/Static/img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #a91e22;
    border-radius: 50%;
    background-size: 90%;
    float: right
}

footer .logo-phrase {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 40px;
    width: 170px;
    float: right;
    margin-right: 10px
}

.ltr footer .logo-phrase,
.ltr footer .main-logo {
    float: left
}

.ltr footer .logo-phrase {
    margin-left: 10px
}

.navbar-brand {
    font-size: 25px;
    font-weight: bolder;
    line-break: strict;
    white-space: nowrap;
    letter-spacing: -1px;
    color: #fff
}

.tasnim-phrase {
    background-image: url(/Static/img/phrase.png);
    width: 165px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 12px
}

.ltr .logo-phrase {
    background-image: url(/Static/img/phrase-en.png)
}

.tr .logo-phrase {
    background-image: url(/Static/img/phrase-tr.png)
}

.ar .logo-phrase {
    background-image: url(/Static/img/phrase-ar.png)
}

.he .logo-phrase {
    background-image: url(/Static/img/phrase-he.png)
}

.ur .logo-phrase {
    background-image: url(/Static/img/phrase-ur.png)
}

.ru .logo-phrase {
    background-image: url(/Static/img/phrase-ru.png)
}

.ar footer .logo-phrase {
    width: 193px
}

.tasnim-phrase-gray {
    background-image: url(/Static/img/phrase-gray.png);
    width: 140px
}

.ltr .tasnim-phrase-gray {
    width: 180px;
    background-image: url(/Static/img/phrase-en-gray.png)
}

.tr .tasnim-phrase-gray {
    width: 180px;
    background-image: url(/Static/img/phrase-tr-gray.png)
}

.ur .tasnim-phrase-gray {
    width: 180px;
    background-image: url(/Static/img/phrase-ur-gray.png);
    height: 45px
}

.ar .tasnim-phrase-gray {
    width: 180px;
    background-image: url(/Static/img/phrase-ar-gray.png);
    height: 45px
}

footer .navbar-brand {
    position: absolute;
    bottom: 0;
    color: inherit;
    font-size: 22px
}

footer .logo-container {
    position: relative;
    overflow: hidden
}

footer {
    margin-top: 30px;
    padding-top: 20px
}

footer .icons {
    float: left;
    font-size: 18px;
    line-height: 35px;
    margin-left: auto;
    margin-right: auto
}

footer .icons a {
    color: inherit
}

.social-networks .rss-icon .fa,
footer .icons li.rss-icon a:hover {
    color: #f50 !important
}

.social-networks .facebook-icon .fa,
footer .icons li.facebook-icon a:hover {
    color: #3e5b99 !important
}

.social-networks .twitter-icon .fa,
footer .icons li.twitter-icon a:hover {
    color: #659fcb !important
}

.social-networks .google-plus-icon .fa,
footer .icons li.google-plus-icon a:hover {
    color: #da4835 !important
}

.social-networks li.instagram-icon .fa,
footer .icons li.instagram-icon a:hover {
    color: #bc2a8d !important
}

footer .icons li.telegram-icon {
    margin-left: 0
}

.social-networks .telegram-icon .fa,
footer .icons li.telegram-icon a:hover {
    color: #2ca5e0 !important
}

.custom-container {
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center
}

ul.social-networks .custom-container {
    background-size: 2.7rem;
    width: 32px
}

footer .custom-container {
    background-size: 25px;
    width: 26px
}

.aparat-container {
    background-image: url(/static/img/aparat-icon-gray.png)
}

.bisphone-container {
    background-image: url(/static/img/bisphone-gray.png)
}

.soroush-container {
    background-image: url(/static/img/soroush-icon-gray.png)
}

.wispi-container {
    background-image: url(/static/img/wispi-icon-gray.png)
}

.igap-container {
    background-image: url(/static/img/igap-icon-gray.png)
}

.social-networks>li>a>span {
    font-size: 1.6rem;
    display: none
}

.social-networks li a i {
    font-size: 2.8rem
}

.social-networks li.aparat-icon .aparat-container,
li.aparat-icon>a:hover .aparat-container {
    background-image: url(/static/img/aparat-icon.png)
}

.social-networks .bisphone-container,
li.bisphone-icon>a:hover .bisphone-container {
    background-image: url(/static/img/bisphone.png) !important
}

.social-networks .soroush-container,
li.soroush-icon>a:hover .soroush-container {
    background-image: url(/static/img/soroush-icon.png) !important
}

.social-networks .wispi-container,
li.wispi-icon>a:hover .wispi-container {
    background-image: url(/static/img/wispi-icon.png) !important
}

.social-networks .igap-container,
li.igap-icon>a:hover .igap-container {
    background-image: url(/static/img/igap-icon.png) !important
}

footer li.bisphone-icon>a:hover>span {
    color: #dd282f
}

footer li.soroush-icon>a:hover>span {
    color: #2f839d
}

footer li.wispi-icon>a:hover>span {
    color: #148af0
}

footer li.igap-icon>a:hover>span {
    color: #35bdbb
}

footer .icons li.aparat-icon>a:hover>span {
    color: #b31247
}

footer .menu-cols {
    float: right;
    overflow: hidden;
    margin-top: 20px
}

footer .menu-cols .menu-col {
    float: right;
    overflow: hidden
}

.ltr footer .menu-cols .menu-col {
    float: left
}

footer .menu-cols .menu-col ul {
    padding-left: 40px;
    padding-right: 0;
    list-style-type: none
}

.ltr footer .menu-cols .menu-col ul {
    padding-right: 40px;
    padding-left: 0;
    list-style-type: none
}

footer .about-container {
    overflow: hidden
}

footer .menu-cols .menu-col ul li {
    padding: 2px
}

footer .menu-cols .menu-col ul li a {
    color: inherit
}

footer a:hover {
    text-decoration: none;
    color: #c1c3c6 !important
}

.main-logo-left {
    float: left;
    font-size: 23px;
    font-family: Arial;
    font-weight: 700;
    letter-spacing: 0;
    direction: ltr;
    padding-top: 5px;
    line-height: 20px
}

.ltr .main-logo-left {
    float: right;
    left: auto;
    right: 0;
    display: none
}

.ltr footer .main-logo-left {
    display: block
}

footer .footer-row {
    width: 100%;
    position: relative
}

footer .gray-logo,
footer .menu-cols {
    display: block;
    vertical-align: baseline;
    float: right
}

.ltr footer .menu-cols {
    float: left
}

footer .gray-logo {
    float: left;
    position: absolute;
    bottom: 00px;
    left: 0
}

.ltr footer .gray-logo {
    float: right;
    right: 0;
    left: auto
}

.main-logo-left .tasnim {
    background-color: #fff;
    color: #ed1b24;
    border-radius: 5px;
    padding: 3px;
    float: left
}

.photos .main-logo-left .tasnim {
    color: #000
}

footer .main-logo-left .tasnim {
    background-color: #757575;
    color: #0c0c0c
}

footer .about-tasnim {
    float: left;
    font-size: 15px;
    line-height: 35px;
    margin: 0;
    margin-left: 00px
}

footer .about-tasnim a {
    color: inherit
}

footer .copyright {
    text-align: center;
    direction: ltr;
    font-size: 13px;
    font-family: Arial;
    padding: 10px 0 5px 0
}

footer .copyright a {
    color: inherit
}

.main-logo-left .news {
    float: left;
    padding: 3px;
    position: relative
}

.main-logo-left .news span {
    position: absolute;
    font-size: 9px;
    right: 5px;
    bottom: -11px;
    float: left
}

.ltr .navbar-middle .navbar-brand,
.ltr .navbar-middle .main-logo {
    float: left
}

.ltr .navbar-middle .main-logo-left {
    float: right
}

.ltr .navbar-middle .navbar-brand {
    font-family: Helvetica
}

.navbar-middle .navbar-left .logo-left {
    width: 57px;
    height: 50px;
    background-image: url(../img/logo-left.png);
    background-repeat: no-repeat
}

.navbar-middle {
    position: relative;
    color: #fff
}

.navbar-middle .container-fluid {
    background-image: url(/static/img/tasnim-header-back.png);
    background-repeat: no-repeat;
    background-position: 8% 35%;
    padding: 12px 0 10px 0
}

.photos .navbar-middle .container {
    background-image: url(/static/img/tasnim-header-back-grey.png)
}

.ltr .navbar-middle .container {
    background-position: right
}

.navbar-middle .mini-header {
    display: inline-block;
    word-break: keep-all;
    font-size: 1.7em;
    float: right;
    margin-right: 10px;
    color: #ebebeb
}

.ltr .navbar-middle .mini-header {
    float: left
}

.navbar-bottom {
    border-top: 1px solid #e3e3e3;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    color: #7a7879
}

.navbar-bottom .navbar-nav {
    width: 100%
}

.navbar-nav li a {
    color: inherit;
    font-size: 16px;
    padding: 8px
}

.navbar-bottom .main-menu li a {
    font-weight: 400
}

.ar .navbar-sub-menu,
.ltr .navbar-sub-menu,
.ur .navbar-sub-menu {
    display: none
}

.navbar-sub-menu {
    background-color: #eee;
    color: #7a7879;
    min-height: 33px
}

.navbar-sub-menu .sub-menu li a {
    font-size: 14px;
    padding: 6px;
    font-weight: 400
}

.sub-menu li a:focus,
.sub-menu li a:hover {
    background: #cfcece
}

.special-sub-menu {
    float: right
}

.special-sub-menu li {
    margin-left: 10px
}

.special-sub-menu li a {
    font-weight: 700;
    color: #134785;
    font-size: 16px
}

.special-sub-menu li#ssm-id-1362 a:before {
    content: "";
    display: block;
    background: url(/Static/img/uefa-2016-france.png) no-repeat;
    width: 50px;
    margin-left: 6px;
    height: 19px;
    float: right
}

.special-sub-menu li#ssm-id-1360 a:before {
    content: "";
    display: block;
    background: url(/Static/img/rio-2016.png) no-repeat;
    width: 50px;
    margin-left: 6px;
    margin-top: 3px;
    height: 25px;
    float: right
}

.special-sub-menu li#ssm-id-1385 a {
    color: #f22121
}

.special-sub-menu li a:hover {
    color: #08213f;
    transition: all .3s ease 0s
}

.special-sub-menu li a .fa {
    margin-left: 3px
}

.ltr .navbar-bottom .navbar-nav li a {
    font-size: 15px
}

.main-menu li.active a {
    color: #e84c3d;
    padding-right: 20px;
    margin-right: 10px
}

.ltr .main-menu li.active a {
    padding-right: 5px;
    margin-right: 5px;
    padding-left: 20px;
    margin-left: 10px
}

.photos .main-menu li.active a {
    color: #7a7879
}

.sub-menu li.active a {
    padding-right: 20px;
    margin-right: 10px;
    color: #e84c3d !important
}

.navbar-nav li.active a:after {
    font-family: FontAwesome;
    content: "\f053";
    color: inherit;
    font-size: 12px;
    position: absolute;
    right: 3px;
    bottom: 20%;
    margin-top: 1px
}

.ltr .navbar-nav li.active a:after {
    right: auto;
    left: 3px;
    content: "\f054"
}

.sub-menu li.active a:after {
    font-family: FontAwesome;
    content: "\f053";
    color: inherit;
    font-size: 12px;
    position: absolute;
    right: 3px;
    margin-top: 1px
}

.main-menu li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20%;
    height: 50%;
    width: 1px;
    border-left: 1px solid #e3e3e3
}

.ltr .main-menu li a:before {
    right: 0;
    left: auto
}

.navbar-nav li.active a:before {
    content: "";
    border-left: none
}

.fill {
    min-height: 100%;
    height: 100%
}

section.news-container {
    margin-bottom: 15px
}

section.mobile-container {
    margin-bottom: 20px
}

.photos section.news-content {
    background-color: #323232
}

.form-inline .form-group {
    margin: 10px
}

section.news-container header {
    background: #cacaca url(/assets/67/img/header-pattern.png) repeat scroll 0 0;
    margin-bottom: 20px;
    overflow: hidden
}

.ltr section.news-container header {
    margin-bottom: 7px
}

.ltr section.service section.news-container header {
    background: 0 0;
    margin-bottom: 7px
}

.ltr section.all-stories-box header {
    background: #cacaca url(/assets/67/img/header-pattern.png) repeat scroll 0 0
}

section.news-container header .slider {
    float: left;
    background: #fff none repeat scroll 0 0;
    padding-right: 20px;
    height: 25px
}

section.news-container header .slider ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    padding-top: 3px
}

section.news-container header .slider ul li {
    float: left;
    padding-left: 20px
}

section.news-container header .slider ul li a {
    color: #b1b1b1;
    display: block;
    float: left;
    font-size: 16px;
    opacity: .65;
    overflow: hidden;
    text-align: center;
    transition: all .3s ease 0s;
    width: 16px;
    z-index: 1
}

section.news-container header .slider ul li a:hover {
    color: #303030
}

section.news-container header .title {
    background: #fff none repeat scroll 0 0;
    float: right;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 0;
    padding-left: 15px;
    font-size: 1.34rem;
    color: #e84c3d
}

.ltr section.news-container header .title {
    float: left;
    padding-left: 0;
    padding-right: 15px;
    font-size: 17px;
    line-height: 120%
}

section.videos-container {
    margin-bottom: 15px
}

section.videos-container section.content {
    background-color: #1a1a1a;
    padding: 0
}

.main-slider article.first .title {
    font-size: 2rem;
    line-height: 3.1rem
}

.ar .main-slider article.first .title {
    font-size: 23px
}

.ar .main-slider article.first.ar-first .title {
    font-size: 3rem;
    line-height: 3.7rem
}

.main-slider figure {
    margin-bottom: 5px;
    padding-left: 0
}

.main-slider article.first .lead,
.main-slider article.first .over-title {
    font-size: 1.5rem;
    line-height: 2.2rem
}

.ltr .main-slider article.first .lead,
.ltr .main-slider article.first .over-title {
    font-size: 15px;
    text-align: justify
}

.ar .main-slider article.first .lead,
.ltr .main-slider article.first .over-title {
    font-size: 14px;
    text-align: justify
}

.ar section.news-container header .title {
    font-size: 1.5rem
}

.ar article.service-bulleted .title {
    font-size: 1.4rem;
    font-weight: unset;
    line-height: 2.5rem
}

.ar article.box-item .big-pic-item .title {
    font-size: 1.6rem
}

.ar .main-slider article.first.ar-first .lead,
.ltr .main-slider article.first .over-title {
    font-size: 1.7rem;
    text-align: justify;
    line-height: 3rem
}

.min-slides {
    margin-top: 2px
}

article figure {
    position: relative
}

article figure img {
    margin-left: auto;
    margin-right: auto
}

article.mini-slide .caption {
    background: rgba(0, 0, 0, .8) none repeat scroll 0 0;
    bottom: 0;
    padding: 5px;
    color: #fff;
    position: absolute;
    width: 100%;
    max-height: 40%;
    overflow: hidden;
    bottom: 0;
    left: 0
}

article.mini-slide .title {
    font-size: 1.3em;
    line-height: 1.4em
}

article.mini-slide a img {
    width: 100%
}

.photos {
    color: #fff
}

.main-slider article.left {
    margin-bottom: 10px
}

.main-slider article.left .title {
    font-size: 1.3em;
    line-height: 1.3
}

.main-slider article .details {
    padding-right: 6px
}

.ar .main-slider article .details {
    padding-right: 19px
}

article .details .service {
    color: #e84c3d
}

article .details .comment {
    color: #fff;
    font-size: 12px;
    background-color: #e84c3d;
    padding: 1px 4px 1px 4px;
    border-radius: 6px
}

.shahrekhabar-frame {
    position: fixed;
    top: 0;
    width: 100%;
    height: 145px;
    z-index: 10000
}

article .lead,
article .over-title,
article .reporter,
article time {
    color: #281e1e;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.4rem
}

article .title {
    font-weight: 700;
    font-size: 1.7em;
    clear: both;
    color: #333;
}

i.fa {
    vertical-align: middle
}

article h1,
article h2,
article h3,
article h4,
article h5 {
    margin: 3px
}

article h1 a,
article h2 a,
article h3 a,
article h4 a,
article h5 a {
    color: inherit
}

article .title a {
    color: inherit;
    text-decoration: none
}

article .title a:hover {
    color: #909090
}

article.first time {
    float: left
}

article.left time {
    float: right
}

.breaking-news {
    background-color: #bb1919;
    color: #fff;
    font-size: 15px
}

article.list-item .breaking-news {
    float: right;
    padding: 1px 7px;
    margin-top: 6px;
    margin-left: 10px
}

.ltr article.list-item .breaking-news {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 3px
}

article.list-item .title {
    clear: left
}

.ltr article.list-item .title {
    clear: right
}

article.first .breaking-news {
    font-size: 20px;
    font-weight: 700;
    padding: 3px 10px;
    line-height: 124%;
    float: right
}

.ltr article.first .breaking-news {
    float: left
}

.noborder {
    border: none !important
}

article.list-item {
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3
}

.service-item,
.txt-over {
    border-bottom: none !important
}

article.list-item:last-child {
    border-bottom: none
}

article.list-item figure {
    margin-left: 10px
}

.ltr article.list-item figure {
    margin-left: 0;
    margin-right: 10px
}

article.list-item .title {
    font-size: 1.5rem;
    line-height: 2.7rem;
    margin-bottom: 4px
}

.ar .headlines article .title {
    font-size: 1.6rem
}

article.txt-over {
    position: relative
}

article.txt-over>a>figure>.title {
    position: absolute;
    width: 95%;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .9
}

article.txt-over>a>figure>.title>span {
    display: inline-block;
    background: rgba(215, 25, 32, 1);
    padding: 0 7px;
    margin-left: -7px;
    margin-bottom: .4em;
    color: #fff
}

.ltr article.list-item .title {
    margin-bottom: 5px;
    font-size: 1.1em
}

.ar article .title {
    line-height: 1.5em
}

article.list-item .lead,
article.list-item .over-title {
    font-size: 1.3rem;
    line-height: 2.2rem
}

.ltr article.list-item .lead,
.ltr article.list-item .over-title {
    font-size: .9em;
    text-align: justify
}

article.list-item .service {
    background-color: #acacac;
    color: #fff;
    padding: 2px 5px 2px 5px;
    margin-bottom: 5px;
    font-size: 1em;
    border-radius: 3px;
    display: inline-block
}

article.list-item .service {
    background-color: #ec8379
}

article.list-item time {
    margin-left: 2px;
    display: inline-block
}

.ltr article.list-item time {
    margin-left: 0;
    margin-right: 10px
}

article.list-item .service,
article.list-item time {
    float: left;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    font-size: 1rem;
    min-width: 50px;
    margin-right: 5px;
    margin-bottom: 7px
}

.ltr article.list-item .service,
.ltr article.list-item time {
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    font-size: .83em
}

article.top-news-first .image-container,
article.top-news-first .text-container {
    width: 100%
}

article.top-news-first .text-container {
    margin-top: 10px
}

article.top-news-first .title {
    font-size: 1.7rem
}

article.top-news-first .lead {
    font-size: 1.4rem
}

article .image-container {
    padding: 0
}

article .text-container {
    padding: 0
}

article.box-item .image-container {
    padding: 5px
}

article.box-item .text-container {
    padding: 0
}

article.box-item .title {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 2.3rem
}

.ar article.box-item .title {
    font-size: 1.3rem;
    line-height: 2.2rem
}

.ar .form-control {
    font-size: 1.2rem
}

.editor-choice article.box-item .title,
.most-popular-box article.box-item .title {
    font-size: 1.1em;
    line-height: 1.1em
}

.most-popular-box article.box-item .hit-num {
    font-size: 1.3em;
    margin-left: 10px
}

article.related-news-item .title {
    font-size: 1.35em;
    line-height: 130%;
    text-align: right
}

.ltr article.box-item {
    margin-left: 8px
}

.ar article.box-item {
    margin-right: 8px
}

.ltr article.box-item .title {
    font-size: .98em
}

.ltr section.all-stories-box .title,
.ltr section.most-popular-box .title {
    font-weight: 700
}

.ltr article.box-item .fa-circle {
    margin-left: -7px;
    margin-right: 2px
}

article.box-item .thumbnail {
    margin-bottom: 1px
}

article.box-item {
    padding: 1px;
    font-size: .9em
}

article.box-item .fa-circle,
article.service-item .fa-circle {
    color: #c5161d;
    margin-left: 3px;
    font-size: .6em
}

article.box-item .bulleted-item .title {
    font-weight: 700
}

article.box-item .numbered-item {
    margin-bottom: 8px;
    border-bottom: 1px dotted #e3e3e3
}

article.box-item:last-child .numbered-item {
    border-bottom: none
}

article.box-item .numbered-item .rec-num {
    font-size: 2.1rem;
    color: #a3a3a3;
    text-align: left;
    font-weight: 700
}

.ltr article.box-item .numbered-item .rec-num {
    text-align: right
}

article.box-item .numbered-item .title {
    font-size: 1.4rem;
    clear: none;
    font-weight: 700
}

.ar article.box-item .numbered-item .title {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 700
}

.smart-keyword .skeyword-item a {
    font-size: 1.2rem;
    font-weight: 400
}

article.box-item .big-pic-item .title {
    font-weight: 700 !important;
    font-size: 1.6rem
}

article.box-item .big-pic-item {
    margin-bottom: 10px
}

article.service-item .thumbnail {
    margin-bottom: 2px
}

article.service-first {
    margin-bottom: 15px
}

article.service-item .title {
    font-size: 1.55rem;
    line-height: 31px;
    font-weight: 700
}

.ar article.service-first.txt-over .title {
    font-size: 1.3rem
}

.ltr article.service-item .title {
    font-size: 1.1em
}

.ltr .service-bulleted .title {
    font-size: .95em !important
}

article.service-bulleted .title {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700
}

.service-bulleted title {
    line-height: 2.5rem
}

body article.service-bulleted a .title {
    color: #1167a8
}

body article.service-bulleted.ar-bulleted a .title {
    color: #333
}

body:not(.ar) article.service-bulleted a:hover .title {
    color: #053253
}

body article.service-bulleted.ar-bulleted a:hover .title {
    color: #333
}

article .over-title .service:hover {
    color: #e3e3e3;
    text-decoration: none
}

article.top-service-item .title {
    font-size: 1.2em
}

article.error {
    text-align: center
}

article.error .status-code {
    font-size: 65px;
    font-family: Arial;
    letter-spacing: 6px;
    margin-bottom: 3%
}

article.error .details {
    font-weight: 700;
    font-size: 40px;
    direction: ltr;
    font-family: Arial
}

:lang(fa) article.error .details {
    direction: rtl;
    font-family: Iransans
}

article.error img {
    max-width: 100%;
    margin-top: 1%
}

article.single-news .title {
    font-size: 32px;
    line-height: 115%;
    margin-bottom: 10px;
    font-weight: 700
}

article.single-news time {
    display: inline-block
}

.ltr article.single-news>.title {
    font-size: 2rem;
    line-height: 2.5rem
}

article.single-news .footer {
    color: silver !important;
    font-size: 1.2em;
    display: none
}

article.single-news .over-title {
    font-size: 1.3em
}

article.about-news .title {
    font-size: 2.8em
}

article.single-news figure {
    margin-bottom: 10px
}

article.about-news figure {
    margin-top: 30px
}

.attached-file {
    margin-bottom: 10px
}

.attached-file h3 {
    display: inline;
    vertical-align: top;
    font-size: 1.4em
}

.attached-file .fa {
    font-size: 1.7em;
    color: #ce0a0c
}

.attached-file .fa-file-pdf-o {
    color: #ce0a0c
}

.attached-file a {
    font-weight: 700;
    margin: 5px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    float: right;
    font-size: 1.2em;
    padding: 5px
}

.ltr .attached-file a {
    float: left
}

.telegram-phrase {
    text-align: center;
    transition: all .5s ease;
    background: #6389a8;
    color: #fff;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    border: 2px solid #5b809e;
    line-height: 200%
}

.telegram-phrase:hover {
    color: #d6e5f0
}

.telegram-phrase img {
    float: right;
    margin: 5px
}

.telegram-photos {
    float: left;
    margin-right: 10px
}

.telegram-photos .sm-icon .fa-paper-plane:hover {
    background: #1b8ac1;
    transition: all .3s ease 0s
}

.sitemap {
    overflow: hidden
}

.sitemap li.parent {
    margin-bottom: 5px
}

.sub-sitemap {
    display: inline-block;
    overflow: hidden;
    padding: 15px;
    float: none;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 .125em 0 -.45em
}

article.single-news .print {
    cursor: pointer
}

article.single-news .comment-count {
    float: left
}

.ltr article.single-news .comment-count {
    float: right
}

article.single-news .details-icon i {
    color: #5a5a5a !important;
    margin: 5px
}

article.about-news img {
    width: 50%
}

article.single-news .over-title,
article.single-news .title {
    line-height: 3.5rem;
    font-size: 2.1rem;
    margin-bottom: 5px
}

article.single-news figure {
    margin-top: 5px
}

article.single-news {
    color: #000
}

article.single-news time {
    font-size: 1em
}

article.single-news .details {
    overflow: hidden;
    margin-top: 15px;
    font-size: 13px
}

article.single-news .details li a {
    color: #00f;
    font-size: 1.2rem;
    font-weight: 700;
    text-underline-position: under
}

article.single-news .details li a:hover {
    color: #2176e0
}

article .single-news .comments a i {
    margin-right: 3px
}

article.single-news ul.details li::after {
    content: '|';
    padding-right: 2px;
    color: #bbb;
    font-weight: 400;
    font-size: 1.4rem
}

._sticky ul:nth-child(1) {
    display: inline-block;
    margin-top: 10px
}

._sticky ul:nth-child(3) {
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 8px
}

._sticky .list-inline .spc {
    padding-left: 75px;
    display: inline
}

.rtl ._sticky .list-inline span {
    left: 0;
    position: absolute
}

._sticky span li::after {
    content: "" !important
}

.ltr ._sticky .list-inline span {
    right: 0;
    position: absolute
}

.list-inline>li {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px
}

.resizeBtnBox li:after {
    content: none !important
}

.resizeBtnBox li {
    display: inline-block
}

article.single-news .thumbnail {
    border: none
}

article.single-news .lead {
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-top: 12px;
    margin-bottom: 15px
}

article .story {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #000;
    font-weight: 400;
    width: 100%;
    word-wrap: break-word
}

.ltr article .story {
    font-size: 16px
}

.ar article .story {
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: justify
}

article.single-news .story p {
    text-align: justify;
    margin-bottom: 18px
}

article.single-news .story img,
article.single-news .story table {
    max-width: 100%;
    height: auto !important;
    margin-bottom: 10px
}

.story table {
    width: 100% !important
}

.story table td img {
    max-width: none;
    width: 100% !important
}

.story-inline-gallery {
    background: #000;
    margin: 10px 0 10px 0
}

.story-inline-gallery .carousel-inner .item {
    margin: 0;
    padding: 2px
}

.story-inline-gallery .carousel-inner .item .carousel-caption {
    background: #000;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2px;
    text-align: right
}

.ltr .story-inline-gallery .carousel-inner .item .carousel-caption {
    text-align: left
}

.story-inline-gallery .thumbs {
    border-top: 1px solid #404040
}

.story-inline-gallery .thumbs .thumb-item {
    padding: 3px
}

.story-inline-gallery .thumbs .thumb-item img {
    width: 100%
}

article.related {
    line-height: 1.8em;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 .125em 0 -.45em
}

article.related time {
    font-size: .9em
}

.ltr article.related {
    font-size: .9em
}

.ltr article.related {
    margin: 0 -.45em 0 .125em
}

article.related .title {
    font-size: 1.14em;
    font-weight: 400;
    line-height: 1.3em
}

.ltr article.related .title {
    font-size: 1em
}

.graphic article.related .title,
.photos article.related .title,
.videos article.related .title {
    color: #fff
}

article.related-mini {
    margin-bottom: 10px
}

article.related-mini .title {
    font-size: 1.1em;
    margin: 2px;
    display: inline-block;
    font-weight: 700
}

article.related-mini time {
    display: inline-block;
    margin-right: 10px
}

article.service-top figure {
    margin-bottom: 10px
}

.comment-box {
    margin-top: 15px
}

.comments-container form {
    overflow: hidden
}

.comment-form .alert {
    display: none
}

.askUs-form .alert {
    display: none
}

.comment-form .reply-name-container {
    margin-bottom: 5px;
    font-size: 1.3em;
    font-weight: 400;
    display: none
}

.comment-form .reply-name-container .cm-name {
    font-weight: 700
}

.comment-form .reply-name-container .cm-text {
    font-size: .8em
}

.comment-box form .row {
    margin-right: -10px
}

.comment-box form .form-group {
    margin-top: 5px
}

.comment-box .refresh {
    overflow: hidden;
    line-height: 30px;
    color: #5a5a5a
}

.captcha-group a,
.captcha-group img,
.captcha-group input {
    float: right
}

.ltr .captcha-group a,
.ltr .captcha-group img,
.ltr .captcha-group input {
    float: left
}

.captcha-group input {
    width: 180px
}

.captcha-group a,
.captcha-group img {
    margin-left: 5px;
    height: 33px
}

.ltr .captcha-group a,
.ltr .captcha-group img {
    margin-right: 5px
}

.comments-container {
    display: block
}

.comments-container ul {
    padding: 0
}

.comments-container ul li {
    list-style-type: none;
    border-radius: 3px;
    margin-bottom: 5px;
    overflow: hidden
}

.comments-container .reply {
    float: left;
    margin-left: 10px;
    font-size: 10px;
    color: #5a5a5a
}

.comments-container ul li .details {
    overflow: hidden;
    margin-bottom: 5px
}

.comments-container ul li .name {
    color: #4a4a4a;
    color: #3b5998;
    font-size: 15px;
    font-weight: 700;
    margin-right: 5px
}

.comments-container ul li .tasnim-name {
    color: #5cb85c !important
}

.comments-container ul li .name {
    float: right;
    padding-left: 10px;
    overflow: hidden;
    color: #4949f7
}

.comments-container ul li .time {
    float: right;
    padding-left: 10px;
    overflow: hidden;
    color: #5a5a5a
}

.comments-container ul li .time {
    float: right;
    font-size: 12px;
    line-height: 20px
}

.comments-container ul li .body {
    display: block;
    background-color: #eeeeee8a;
    padding: 10px;
    font-size: 1.12em;
    text-align: right;
    margin-bottom: 5px;
    border-radius: 6px;
    line-height: 1.4em;
    color: #404040
}

.comments-container ul li ul {
    margin-right: 20px;
    margin-left: 20px
}

.graphic .comments-container ul li .body,
.photos .comments-container ul li .body,
.videos .comments-container ul li .body {
    border: 1px solid #363535;
    color: #fff
}

time {
    display: block
}

article.service-top .title {
    font-size: 1.3em
}

article.service-top time {
    margin-bottom: 10px
}

article.service-top {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

article.media .title {
    font-size: 1.3rem;
    padding-top: 20px;
    margin-top: 10px;
    line-height: 2.3rem
}

article.media>* {
    line-height: 2.2rem !important;
    font-size: 1.4rem
}

article.media .title a {
    color: #fff
}

.archive .form-group .services,
.archive .form-group .sub-services {
    font-size: 1.15rem
}

.archive .form-group .services option {
    font-size: 1.2rem
}

article.media .images {
    padding-top: 20px;
    margin-top: 10px
}

article.media .images audio {
    width: 100%
}

iframe {
    border: 0 !important
}

article.media .download {
    float: left;
    display: inline-block
}

article.media time {
    display: inline-block
}

article.single-photo-news a {
    color: inherit
}

article.single-photo-news figure {
    text-align: center
}

article.single-photo-news figure img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center
}

.graphic .search-form-container,
.photos .search-form-container,
.videos .search-form-container {
    display: none
}

.search-form-container {
    margin-bottom: 10px
}

.search-form-container .form-group {
    margin-bottom: 2px
}

.videos article.media .images {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.videos article.media .images .story {
    margin-top: 10px;
    font-size: .9em
}

.videos article.media .images .title {
    margin-top: 20px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 2.8rem
}

.videos .video-qs {
    float: left;
    list-style-type: none;
    margin-top: -5px;
    display: none
}

.videos .video-qs li {
    display: inline-block;
    vertical-align: top;
    background-color: #464545;
    color: #959595;
    border-radius: 6px;
    font-size: 14px;
    margin: 5px;
    width: 40px;
    text-align: center
}

.videos .video-qs li a {
    color: inherit
}

.videos .video-qs li a:hover {
    color: #fff
}

.video-holder {
    height: 40px;
    float: left
}

article.media .images .item {
    text-align: center;
    padding-bottom: 15px;
    overflow: hidden
}

article.media .images .item img {
    max-height: 150px;
    box-shadow: 2px 2px 13px #000;
    margin: 0 auto;
    width: auto
}

article.media-sider {
    margin: 10px
}

article.media-sider .title {
    font-size: 1.3em;
    margin-top: -10px
}

.ltr article.media-sider .title {
    font-size: 1.1em
}

article.media-sider-mini {
    float: right;
    padding: 3px
}

article.media-sider-mini .title {
    font-size: 1em
}

.filter-bar .services .title i,
.filter-bar .services li a {
    font-size: 1.2rem
}

.graphic .photos-slider .mini-slide .title {
    font-size: 1em
}

.pgwSlideshow .slider-title,
.slider-description {
    font-size: 1.5rem !important
}

.rtl .pgwSlideshow .slider-title,
.slider-description {
    direction: rtl
}

.graphic .carousel-caption h2,
.graphic article.media .title {
    font-size: 1.5rem;
    line-height: 2.4rem
}

.news-container .content {
    overflow: hidden
}

.graphic .news-container header,
.photos .news-container header,
.videos .news-container header {
    font-size: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: 0 0
}

.graphic .news-container header:after,
.photos .news-container header:after,
.videos .news-container header:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #4a4a4a;
    width: 100%;
    height: 1em;
    display: inline;
    margin-left: 1em
}

.graphic .news-container header .title {
    background: 0 0;
    color: #fbac18
}

.photos .news-container header .title {
    background: 0 0;
    color: #a1c131
}

.videos .news-container header .title {
    background: 0 0;
    color: #e84c3d
}

.graphic .news-container header .more {
    color: #fbac18
}

.photos .news-container header .more {
    color: #a1c131
}

.videos .news-container header .more {
    color: #e84c3d
}

.news-container header .more {
    position: absolute;
    left: 0;
    bottom: 3px;
    padding-right: 10px;
    background: #232323;
    z-index: 999;
    font-size: 1.4rem
}

.ltr .news-container header .more {
    left: auto;
    right: 0;
    padding-right: 0;
    padding-left: 10px
}

.photos .news-container header .more {
    background: #323232
}

section.service {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 -.125em
}

article.media-item a {
    color: inherit;
    text-decoration: none
}

article.media-item .reporter {
    float: right;
    padding: 3px
}

article.media-item time {
    float: left;
    padding: 3px
}

.photos article.media-item .details,
.photos article.single-photo-news {
    background-color: #232323
}

.photos article.single-photo-news {
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 16px #000;
    padding: 3px;
    font-size: 1.3em;
    margin-bottom: 10px
}

.photos article.single-photo-news .lead,
.photos article.single-photo-news .reporter,
.photos article.single-photo-news .title,
.photos article.single-photo-news time {
    margin-bottom: 11px
}

.photos article.single-photo-news .title {
    margin-top: 30px;
    font-size: 1.8rem
}

article a:hover .title {
    color: #909090;
    transition: all .4s ease 0s;
    border: none
}

article.first a:hover .title,
section.headlines article a:hover .title {
    color: #1167a8
}

article.media-item {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 .125em 0 -.45em
}

.margin-unset {
    margin: unset !important
}

.margin-video {
    margin: 0 .125em 0 -.45em !important
}

.margin-video a figure {
    margin-top: 15px
}

.ltr article.media-item {
    margin: 0 -.45em 0 .125em
}

article.media-item .details {
    border-radius: 0 0 5px 5px;
    border: 1px solid #313131;
    border-top: 0;
    padding-right: 5px;
    margin-bottom: 10px;
    line-height: 1.7em;
    overflow: hidden
}

.photos article.media-item .details {
    border-radius: 0 0 3px 3px;
    border-top: 2px solid #313131;
    box-shadow: 0 0 16px #000;
    padding: 3px
}

#download-image {
    float: left;
    line-height: 30px;
    font-size: 20px
}

#download-image:hover {
    color: #fff
}

article .reporter i,
article time i {
    font-size: 1em;
    margin-left: 2px
}

.ltr article time i,
.ltr article.reporter i {
    font-size: 1em;
    margin-right: 1px;
    padding-bottom: 3px
}

article.media-item .title {
    font-size: 1.1em;
    padding-top: 5px;
    line-height: 1.3em;
    margin: 0
}

article.mobile-item figure img {
    max-height: none;
    width: 100%
}

article.media-item figure {
    text-align: center !important;
    overflow: hidden;
    border: 1px solid #313131
}

article.media-item i.fa {
    vertical-align: middle
}

section.news-box section.content {
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.related-news section.content {
    border: 0 !important
}

.more-bottom-box {
    font-size: 1.27rem;
    text-align: center;
    display: block;
    padding: 6px;
    font-weight: 700;
    color: #e84c3d
}

section.popular-box>.content {
    border: none !important;
    margin-bottom: 20px
}

.list-inline .print {
    font-size: 1.9rem !important
}

.comments .fa-comments {
    color: #000;
    font-size: 1.7rem
}

.comments a .fa-comments :hover {
    font-weight: 700 !important
}

.ltr .time-empty-span {
    height: 8px
}

.inline_socials {
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-top: 4px !important
}

i.handle_size {
    margin-top: 5px;
    cursor: default
}

.handle_size {
    float: left;
    cursor: pointer;
    font-size: 1.7rem;
    margin-right: 4px !important;
    margin-left: .7rem !important padding: 50px;
    transition: transform .15s
}

.handle_size i:hover {
    transform: scale(1.3);
    color: #d71920 !important
}

.inline_socials i {
    font-size: 1.9rem;
    color: #000;
    cursor: pointer
}

.inline_socials .fa-link:hover {
    font-weight: 700
}

.inline_socials .fa-whatsapp {
    font-weight: 700
}

.inline_socials .fa-twitter:hover {
    color: #00acee
}

.inline_socials .fa-telegram:hover {
    color: #08c
}

.inline_socials .fa-whatsapp:hover {
    color: #b65aef
}

.inline_socials .fa-facebook-official:hover {
    color: #3b5998
}

.share-box {
    margin-top: 10px;
    overflow: hidden
}

.share-box header {
    font-size: 1.9rem;
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-top: 3px
}

.share-box header.mini {
    font-size: 1.5rem
}

.sharer i.fa {
    color: #959595;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    text-align: center;
    line-height: 30px;
    background: #464545;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle
}

.sharer i.fa:hover {
    color: #fff;
    transition: all .3s ease 0s
}

.sharer i.fa-facebook:hover {
    color: #3e5b99
}

.sharer i.fa-twitter:hover {
    color: #659fcb
}

.sharer i.fa-google-plus:hover {
    color: #da4835
}

.ltr .share-box header {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    overflow: hidden
}

.sharer {
    display: inline-block
}

.short-url {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.ltr .short-url span {
    float: left
}

.short-url span {
    border: 2px solid #e3e3e3;
    padding: 4px;
    font-size: 1.2em;
    border-radius: 5px;
    float: right
}

.graphic .short-url span,
.photos .short-url span,
.videos .short-url span {
    border-color: #464545;
    color: #959595
}

.short-url .sh-ico {
    background-color: #e3e3e3;
    color: #d9534f;
    width: 38px;
    text-align: center
}

.graphic .short-url .sh-ico,
.photos .short-url .sh-ico,
.videos .short-url .sh-ico {
    background-color: #464545
}

.ltr .short-url .sh-ico {
    float: left
}

.short-url .sh-url-co {
    margin-right: -7px;
    border-width: 2px;
    padding: 4px;
    padding-right: 15px
}

.rtl .short-url .sh-url-co {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ltr .short-url .sh-url-co {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.graphic .sh-url-co a,
.photos .sh-url-co a,
.videos .sh-url-co a {
    color: #fff;
    transition: all .4s ease 0s
}

.graphic .sh-url-co a:hover,
.photos .sh-url-co a:hover,
.videos .sh-url-co a:hover {
    color: #909090
}

.ltr .short-url .sh-url-co {
    padding-left: 15px;
    margin-left: -7px
}

.keyword-rss,
.keyword-title-container {
    float: left;
    margin-right: 9px
}

.ltr .keyword-rss,
.ltr .keyword-title-container {
    float: right;
    margin-left: 9px
}

.keyword-title-container i {
    font-size: 1.8em
}

.keyword-title-container i.fa-facebook-square {
    color: #3b5998
}

.keyword-title-container i.fa-instagram {
    color: #a004de
}

.keyword-title-container i.fa-telegram {
    color: #0099e5
}

.keyword-title-container i.fa-google-plus {
    color: #d34836
}

.keyword-title-container i.fa-twitter-square {
    color: #0084b4
}

.keyword-desc {
    color: #404040;
    font-size: 15px;
    line-height: 24px;
    background-color: #f7f7f7;
    padding: 5px;
    border-bottom: 1px solid #605f5f
}

.keyword-rss .news-count {
    color: #e84c3d;
    font-size: 25px;
    font-weight: 700;
    line-height: 100%
}

.rss-list {
    margin: 0;
    padding: 10px
}

.rss-list li {
    list-style-type: none;
    overflow: hidden;
    margin-bottom: 10px
}

.keyword-rss i,
.rss-list li i {
    color: #f50;
    font-size: 1.8em;
    float: right
}

.rss-list li .service {
    float: right;
    font-size: 1.5rem;
    margin-right: 10px
}

.ltr .rss-list li i {
    float: left
}

.ltr .rss-list li .service {
    float: left;
    margin-left: 10px
}

footer {
    background-color: #0c0c0c;
    color: #959595
}

footer .footer-container .header {
    color: #ffd60e;
    font-size: 1.6em;
    font-weight: 700
}

footer .footer-container section.content {
    font-size: 1.2em
}

footer .last-comments section.content .row {
    border-bottom: 1px solid #4a4a4a;
    font-size: .9em;
    padding-bottom: 10px
}

footer .footer-container section.content .beside {
    display: inline-block;
    vertical-align: top
}

footer .row {
    margin: 0
}

footer .footer-container section.content .row {
    margin: 1px 0 15px 0
}

footer .footer-container section.content i,
footer .footer-container section.content span {
    margin-left: 10px
}

footer .footer-container section.content .fa-user {
    font-size: 2.8em;
    color: #bdbdbd
}

footer .follow-us {
    float: left
}

footer .follow-us>span {
    font-size: 1.8rem;
    display: block;
    margin: 0 auto;
    color: #fff;
    margin-top: 10px
}

footer .follow-us>ul,
footer ul.about-us {
    list-style: none;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 10px
}

.tr footer ul.about-us,
.ur footer ul.about-us {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2
}

.ltr footer .follow-us>ul,
.ltr footer ul.about-us {
    float: left
}

footer .follow-us>ul>li,
footer ul.about-us>li {
    margin: 0;
    padding: 0
}

footer .follow-us>ul>li>a>div,
footer .follow-us>ul>li>a>i {
    width: 40px;
    font-size: 22px;
    text-align: center
}

footer .follow-us>ul>li>a>span {
    font-size: 1.3rem
}

footer ul.about-us>li>a {
    font-size: 1.4rem;
    color: inherit;
    line-height: 185%
}

.video-playlist .row {
    padding: 0;
    margin: 0
}

.jw-featured {
    display: none
}

.jw-title-primary {
    float: right !important;
    text-align: right !important;
    font-family: Iransans !important;
    font-size: 1.8em !important;
    padding-top: 15px !important;
    margin-right: 5px !important
}

.ltr .jw-title-primary {
    float: left !important;
    text-align: left !important
}

.video-playlist {
    background: #000;
    margin-bottom: 100px
}

.video-playlist-wide {
    background: #000;
    width: 100vw;
    height: 100vh;
    margin: 0 auto 10px auto
}

.curent-item-details time {
    line-height: 30px
}

.curent-item-details {
    overflow: hidden
}

.curent-item-details .title a {
    color: inherit
}

.ltr .curent-item-details .title a {
    font-size: .52em;
    margin-left: 10px
}

.curent-item-details .lead {
    font-size: 15px
}

@media only screen and (max-width :580px) {
    .curent-item-details h3 {
        font-size: 17px
    }

    .story table {
        word-break: break-all !important
    }
}

.title-container {
    color: #fff;
    height: 40px;
    padding-right: 20px;
    line-height: 40px;
    font-size: 1.5em
}

.ltr .title-container {
    padding-left: 20px
}

.title-container a {
    color: inherit
}

.title-container a:hover {
    text-decoration: none;
    color: #909090
}

.carousel-control {
    width: 2%
}

.carousel-control .fa {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
    font-size: 30px;
    height: 30px;
    margin-top: -15px;
    width: 30px
}

.left .fa {
    margin-left: 0;
    margin-right: -30px
}

.right .fa {
    margin-left: -30px
}

.left {
    direction: ltr
}

.jw-controlbar {
    position: absolute !important;
    z-index: 1000000 !important
}

#video-container {
    background-color: #000
}

.ltr .item-thumb {
    float: left
}

.thumb-container {
    padding-bottom: 100%;
    display: block;
    height: auto
}

.thumb-clip {
    bottom: -100px;
    left: -100px;
    position: absolute;
    right: -100px;
    text-align: center;
    top: -100px;
    white-space: nowrap;
    word-break: normal
}

.thumb-clip img {
    display: inline-block;
    vertical-align: middle
}

.vertical-align {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.item-description {
    overflow: hidden;
    position: relative;
    top: 6px;
    height: 66px
}

.video-length {
    position: absolute;
    left: 0;
    border-radius: 3px;
    bottom: 0;
    font-size: 12px;
    background-color: #000;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 14px;
    line-height: 14px;
    margin-right: 0;
    margin-top: 0;
    opacity: .75;
    padding: 0 4px;
    vertical-align: top
}

.current-video-details {
    margin-top: 10px
}

.curent-item-details {
    margin-right: 5px;
    margin-top: 5px;
    overflow: hidden
}

.curent-item-details .lead,
.curent-item-details .title {
    margin: 2px
}

.curent-item-details time {
    float: left;
    margin-left: 5px
}

.ltr .curent-item-details time {
    float: right
}

.curent-item-details time i {
    margin-left: 5px
}

.ltr .curent-item-details time i {
    margin-right: 5px
}

.current-video-details .details {
    margin: 10px;
    font-size: 15px;
    font-weight: 700
}

.current-video-details .details time {
    margin-left: 15px
}

.current-video-details .body {
    font-size: 16px;
    text-align: justify
}

.filter-bar {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    overflow: hidden;
    line-height: 32px;
    font-size: 1.1em;
    font-weight: 700;
    margin: 10px 0 10px 0;
    color: inherit
}

.filter-bar .title {
    font-size: 1.5em;
    margin-left: 10px;
    float: right
}

.ltr .filter-bar .title {
    margin-left: 0;
    margin-right: 10px
}

.filter-bar i {
    vertical-align: middle
}

.filter-bar .services {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ltr .filter-bar .services {
    float: left
}

.filter-bar .services>li {
    margin: 0 5px;
    padding: 0;
    float: right
}

.ltr .filter-bar .services>li {
    float: left
}

.filter-bar .services a {
    color: inherit;
    font-weight: 400;
    width: 100%;
    height: 100%
}

.filter-bar .services .selected a {
    border-radius: 5px;
    padding: 0 10px 0 10px;
    color: #fff !important
}

.filter-bar .search,
.filter-bar .tools {
    overflow: hidden;
    float: left
}

.ltr .filter-bar .search,
.ltr .filter-bar .tools {
    float: right
}

.filter-bar .datepicker,
.filter-bar .search {
    display: inline-block;
    float: left;
    margin-right: 5px;
    float: left
}

.ltr .filter-bar .datepicker,
.ltr .filter-bar .search {
    float: right
}

.filter-bar form {
    display: inline-block;
    margin-right: 5px
}

.filter-bar i {
    cursor: pointer
}

.filter-bar .search input {
    height: 30px;
    width: 100px;
    display: none;
    outline: 0;
    background: 0 0;
    border: none;
    z-index: 10000
}

.filter-bar .datepicker input {
    background: 0 0;
    width: 0;
    height: 0;
    border: none
}

.filter-bar .datepicker .print {
    display: inline-block
}

.filter-bar .selected input {
    display: inline-block
}

.filter-bar .archive-title {
    margin-right: 3px;
    cursor: pointer;
    font-size: 1.13rem
}

.filter-bar .search-title {
    margin-right: 3px;
    cursor: pointer;
    font-size: 1.13rem;
    float: right;
    padding-left: 4px
}

.videos .filter-bar {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3
}

.videos .filter-bar ul li.selected a {
    background-color: #e84c3d;
    color: #fff
}

.videos .filter-bar .search-and-date .datepicker.selected,
.videos .filter-bar .selected,
.videos .filter-bar .selected .print,
.videos .filter-bar .selected input,
.videos .filter-bar .title {
    color: #e84c3d
}

.media-item .details .title span {
    font-size: 1.25rem !important;
    line-height: 1.5rem;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.photos .mini-sliders-container,
.photos .pgwSlideshow {
    margin-left: auto;
    margin-right: auto
}

.photos .mini-sliders-container {
    margin-top: 10px
}

.photos .slider-container {
    position: relative;
    z-index: 999;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.photos .photos-single-container a {
    color: inherit
}

.photos .photos-slider-list {
    display: none
}

.photos .slider-container .media-item .details,
.photos .slider-container .media-item figure {
    background-color: #323232
}

.graphic .filter-bar,
.photos .filter-bar,
.videos .filter-bar {
    border-bottom: 1px solid #4a4a4a;
    border-top: 1px solid #4a4a4a
}

.photos .filter-bar {
    position: relative
}

.photos .filter-bar ul li {
    position: relative
}

.photos .filter-bar ul li.selected a {
    background-color: #a1c131
}

.photos .filter-bar .search-and-date .datepicker.selected,
.photos .filter-bar .selected,
.photos .filter-bar .selected .print,
.photos .filter-bar .selected input,
.photos .filter-bar .title {
    color: #a1c131
}

.graphic .comment-box,
.graphic article .lead,
.graphic article .over-title,
.graphic article .reporter,
.graphic article time,
.photos .comment-box,
.photos article .lead,
.photos article .over-title,
.photos article .reporter,
.photos article time,
.videos .comment-box,
.videos .story,
.videos article .lead,
.videos article .over-title,
.videos article .reporter,
.videos article time {
    color: #d8d8d8;
    color: #727272
}

.graphic .comment-box input,
.graphic .comment-box textarea,
.photos .comment-box input,
.photos .comment-box textarea,
.videos .comment-box input,
.videos .comment-box textarea {
    background: #464545;
    border: 1px solid #363535;
    color: #fff;
    font-size: 1.2rem
}

.comment-box li {
    font-size: 1.2rem
}

.graphic .filter-bar ul li.selected a {
    background-color: #fbac18
}

.graphic .filter-bar .search-and-date .datepicker.selected {
    color: #fbac18
}

.items-container {
    float: left;
    overflow: hidden;
    border-right: 1px solid #313131;
    padding-right: 0
}

.items-container img {
    max-height: 380px !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.slides-container img {
    vertical-align: baseline
}

#graphic-service-slider {
    border: 1px solid #313131;
    margin-bottom: 40px
}

#graphic-service-slider .row {
    overflow: hidden
}

#graphic-service-slider .carousel-caption {
    width: 100%;
    right: 0;
    text-align: right;
    bottom: 0;
    padding: 10px;
    background: rgba(0, 0, 0, .85) none repeat scroll 0 0
}

#graphic-service-slider .carousel-caption a {
    color: inherit
}

#graphic-service-slider .carousel-caption h2 {
    margin: 0
}

.graphic .filter-bar .selected,
.graphic .filter-bar .selected .print,
.graphic .filter-bar .selected input,
.graphic .filter-bar .title {
    color: #fbac18
}

.graphic .pgwSlideshow {
    margin-bottom: 15px
}

.ltr .pgwSlideshow .ps-caption {
    text-align: left
}

.video-item figure {
    position: relative
}

.video-item figure::before {
    content: "";
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 25%;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 100;
    background: transparent url(/Static/img/play-button.png) no-repeat center;
    background-size: cover
}

.videos .media-item figure {
    position: relative
}

.videos .media-item figure::before {
    content: "";
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 37%;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 100;
    background: transparent url(/Static/img/play-button.png) no-repeat center;
    background-size: cover
}

.photos-slider article figure {
    position: relative;
    overflow: hidden
}

.photos-slider .first-slide {
    text-align: center;
    margin-bottom: 5px
}

.photos-slider img {
    width: 100%;
    text-align: center
}

.photos-slider .title {
    position: absolute;
    background: rgba(1, 1, 1, .9) none repeat scroll 0 0;
    padding: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    margin: 0;
    color: #fff
}

.photos-slider .first-slide .title {
    font-size: 1.4em
}

.photos-slider .mini-slide .title {
    font-size: 1.2em
}

.graphic,
.videos {
    color: #fff
}

.graphic-row {
    background: #000;
    padding: 10px;
    margin-bottom: 10px;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.graphic-row img {
    max-height: 200px;
    max-width: 80%;
    display: inline-block;
    vertical-align: middle
}

.social-buttons {
    clear: both;
    padding-top: 40px
}

.social-buttons h3 {
    float: right
}

.actionBox .print-icon {
    padding-top: 5px;
    padding-right: 8px;
    display: inline;
    float: left
}

.social-icon-mini {
    width: 20px;
    height: 20px;
    background: url(/Static/img/social-icons-mini.png);
    margin: 3px;
    float: left
}

.social-icon-big {
    width: 30px;
    height: 30px;
    background: url(/Static/img/social-icons-big.png);
    margin: 2px;
    float: right;
    border-radius: 59%
}

.social-icon-big:hover,
.social-icon-mini:hover {
    box-shadow: 0 0 100px rgba(255, 255, 255, .2) inset
}

.ltr .social-icon-big {
    float: left
}

.facebook-mini {
    background-position: 0 -40px
}

.twitter-mini {
    background-position: 0 -60px
}

.gplus-mini {
    background-position: 0 -100px
}

.facebook-big,
.mail-mini {
    background-size: 112%;
    background-position: -2px -69px
}

.twitter-big {
    background-position: -3px -123px
}

.gplus-big {
    background-position: 0 -200px
}

.afsaran-big {
    background: url(/Static/img/afsaran.jpg)
}

.mail-big {
    background-position: -5px -164px
}

.related-news {
    margin-top: 20px
}

.pagination ul li a:focus,
.pagination ul li a:hover {
    color: #005580
}

.pagination {
    text-align: center
}

.pagination ul {
    border-radius: 4px;
    display: inline-block;
    padding: 0;
    float: right;
    margin-top: 20px
}

.ltr .pagination ul {
    float: left
}

.pagination ul>li {
    display: inline;
    line-height: 20px;
    text-align: right
}

.pagination ul>li.previous {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
    border-bottom-left-radius: 0 !important;
    border-left-width: 0 !important;
    border-top-left-radius: 0 !important
}

.pagination ul>li.next {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px
}

.pagination ul>li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: right;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0;
    color: #08c;
    text-decoration: none;
    text-align: center;
    font-size: 1.37rem;
    font-weight: 700
}

.ltr .pagination ul>li {
    float: left
}

.graphic .pagination ul>li,
.photos .pagination ul>li,
.videos .pagination ul>li {
    background-color: transparent;
    border: 1px solid #4a4a4a;
    color: inherit
}

.pagination ul>li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: inherit
}

.pagination ul>.active {
    color: #999;
    cursor: default
}

.pagination ul>.active,
.pagination ul>li>a:focus,
.pagination ul>li>a:hover {
    background-color: #f5f5f5
}

.graphic .pagination ul>.active,
.graphic .pagination ul>li>a:focus,
.graphic .pagination ul>li>a:hover,
.photos .pagination ul>.active,
.photos .pagination ul>li>a:focus,
.photos .pagination ul>li>a:hover,
.videos .pagination ul>.active,
.videos .pagination ul>li>a:focus,
.videos .pagination ul>li>a:hover {
    color: #fff;
    background-color: #4a4a4a
}

.pagination ul>li:first-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.ltr .pagination ul>li:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-left-width: 1px
}

.pagination ul>li:last-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-left: 1px solid #ddd
}

.ltr .pagination ul>li:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: 1px solid #ddd;
    border-left: none
}

body.ltr.photos .pagination ul>li:last-child {
    border-right: 1px solid #4a4a4a
}

.graphic .pagination ul>li:last-child,
.photos .pagination ul>li:last-child,
.videos .pagination ul>li:last-child {
    border-left: 1px solid #4a4a4a
}

form.search button,
form.search input {
    height: 3.7rem
}

form.search button {
    width: 6.8rem;
    font-size: 1.9rem
}

form.search input {
    font-size: 1.5rem
}

form.search .form-group {
    margin-top: 30px
}

.search-details {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 8px
}

.search-details .item {
    display: inline-block;
    line-height: 210%;
    font-size: 1.5rem;
    margin-left: 19px;
    font-weight: 700
}

.ltr .search-details .item {
    margin-right: 19px;
    margin-left: 0
}

.search-error {
    color: #d9534f;
    font-weight: 700;
    text-align: center
}

.cars-container,
.leagues-container {
    direction: rtl;
    margin-bottom: 10px;
    margin-top: 10px
}

body,
html {
    height: 100%
}

.icons-row {
    display: block
}

.icon-container {
    padding: 1px;
    text-align: center
}

.leagues-container .icon-container img {
    float: right
}

.price-table {
    display: none;
    text-align: center
}

.price-table .header {
    background-color: #095cc0;
    color: #fff;
    font-size: 15px;
    text-align: center
}

.price-table th {
    text-align: center;
    color: #fff;
    vertical-align: middle !important;
    padding: 1px !important
}

.price-table th img {
    width: 35px
}

.price-table .price-item {
    background-color: inherit;
    text-align: center
}

.price-table tbody tr td {
    font-size: 16px;
    padding: 3px;
    font-weight: 700
}

.price-table tbody tr td span {
    display: inline-block;
    direction: ltr
}

.price-table tbody tr:nth-child(2n) {
    background: #d9d6d6 none repeat scroll 0 0
}

.price-table tbody tr:nth-child(2n+1) {
    background: #fff none repeat scroll 0 0
}

.price-table .price-row .price-item:first-child {
    border-right: 1px solid #e4e4e4
}

.price-table .price-row .price-item {
    border-left: 1px solid #e4e4e4;
    font-size: 14px
}

.car-price-chart-modal .modal-header {
    padding: 5px
}

.chart {
    color: inherit;
    cursor: pointer;
    font-weight: 700;
    text-align: center
}

.chart img {
    float: none !important;
    margin: 0 auto;
    text-align: center
}

.chart-table {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #e4e4e4 #e4e4e4;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    height: 170px
}

.chart-table .chart-holder {
    margin-top: 15px
}

.loading-container {
    height: 60px;
    margin: 0 auto;
    padding-top: 20px;
    vertical-align: bottom;
    width: 60px
}

.loading-container img {
    width: 18px
}

#gkSidebar {
    border-right: 1px solid #d2d0d0
}

#gkContent,
#gkContentCategory {
    border-left: medium none !important;
    position: relative
}

.last-update-container {
    background: #422061 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px
}

.services-group {
    display: none
}

.table-container {
    margin-bottom: 50px
}

.table-container table {
    display: none;
    margin-top: -4px;
    text-align: center;
    margin: -3px auto !important;
    width: 99.4%;
    border: 1px solid #d2d0d0;
    border-top: none
}

.table-container table tr th {
    text-align: center;
    color: #fff;
    padding: 5px;
    font-size: 15px
}

.leagues-table table tr th {
    padding: 1px
}

#Azadegan_League th {
    color: #000
}

.table-container table tr:hover td {
    background: #ebeaea
}

.leagues-title {
    text-align: right;
    line-height: 200%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #383838;
    margin-top: unset !important;
    margin-bottom: unset !important
}

.table-container table tr td {
    padding: 4px;
    color: #595959;
    font-size: 12px
}

.table-container table tr:nth-child(even) {
    background: #fbfbfb
}

.table-container table tr:nth-child(odd) {
    background: #fff
}

.icon-container {
    cursor: pointer;
    margin: 5px 0 5px 0
}

.icon-container img {
    width: 100%
}

.coins-container table {
    font-size: 13px
}

.high {
    color: #08b008
}

.low {
    color: #f80606
}

.graphic .published-books,
.graphic .widgets-icon,
.photos .published-books,
.photos .widgets-icon,
.videos .published-books,
.videos .widgets-icon {
    display: none
}

.ar .widgets-icon,
.ltr .widgets-icon,
.ur .widgets-icon {
    display: none
}

.widgets-icon {
    margin-bottom: 6px
}

.widg-icon {
    padding: 5px;
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #d9534f;
    font-size: 1.2em;
    width: 49%;
    float: right;
    margin-left: 1.4%;
    border-radius: 5px;
    margin-left: 0
}

.widg-icon:hover {
    background-color: #d8d8d8
}

.widg-icon .widg-text {
    font-size: 1rem;
    font-weight: 700;
    margin-right: 3px
}

.sm-icon {
    width: 13%
}

.sm-icon-l {
    margin-left: 0
}

.sm-icon .fa-facebook {
    color: #3e5b99
}

.sm-icon .fa-twitter {
    color: #659fcb
}

.sm-icon .fa-google-plus {
    color: #da4835
}

.sm-icon .fa-instagram {
    color: #d92e7f;
    font-size: 23px
}

.sm-icon .fa-telegram {
    color: #2ca5e0;
    font-size: 23px
}

.sm-icon .bisphone {
    background-image: url(/static/img/bisphone.png);
    height: 23px;
    width: 23px;
    background-size: contain;
    margin: 0 auto;
    background-repeat: no-repeat
}

.sm-icon .aparat {
    background-image: url(/static/img/aparat-icon.png);
    height: 23px;
    width: 23px;
    background-size: contain;
    margin: 0 auto;
    background-repeat: no-repeat
}

.icon-container a .last {
    margin-left: 0
}

.widg-icon:hover {
    color: #c33e3a;
    transition: all .3s ease 0s
}

.modal-dialog {
    float: none !important
}

.modal-content {
    height: 460px;
    overflow: auto
}

.no-border {
    border: none
}

.currency-modal .modal-title {
    color: #000 !important
}

.modal-content,
.modal-header {
    padding: 5px;
    color: #000
}

.coins-table tr:hover {
    background: #cac9c7
}

.coins-table .currency-last-update:hover {
    background: #fff
}

.coins-table td {
    padding: 5px;
    margin: 0;
    color: #000;
    font-size: 1.5rem;
    border-right: 1px solid #cac9c7;
    border-bottom: 1px solid #cac9c7 !important
}

.more-curreny {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 2px 19px
}

.coins-table td:last-child {
    border-right: none
}

.coins-header td {
    background-color: #f6f6f6;
    font-size: .3rem;
    text-align: center;
    border-bottom: 1px solid #cac9c7 !important;
    border-right: none !important;
    margin: 0;
    padding-bottom: 0;
    color: #555;
    font-weight: 700;
    vertical-align: top
}

.coins-header td:last-child {
    border-right: none
}

.coins-table {
    text-align: center;
    font-size: .3rem;
    margin: 0 auto;
    border-collapse: separate;
    width: 100%;
    border: 1px solid #cac9c7
}

.coins-table sup {
    vertical-align: super;
    font-size: 13px
}

section.ads .main-search-form {
    width: 135px
}

.safar-me {
    display: block;
    margin: 0 auto;
    max-width: 265px
}

section.ads .ad-item {
    margin: 0 -.125em;
    vertical-align: top;
    float: none;
    display: inline-block;
    padding-top: 5px;
    text-align: center
}

section.ads .ad-item img {
    max-width: 100%
}

section.ads .two-c-ad {
    text-align: center
}

section.ads .two-c-ad img {
    width: 100%
}

.ads-footer {
    margin-top: 10px
}

.ads-footer .ad-item {
    margin-top: 5px
}

.ads-footer .ad-item img {
    width: 100%
}

.election-index {
    margin-bottom: 10px
}

.election-index img {
    max-width: 100%
}

header .election {
    background-image: url(/Static/img/election-header.png);
    background-repeat: no-repeat;
    height: 113px;
    width: 413px;
    z-index: 999;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.jw-icon-hd::before {
    font-family: FontAwesome;
    content: "\f013" !important
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce1 {
    background-color: #d71920
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background-color: #a91f23
}

.jw-logo-button {
    visibility: hidden
}

.more-top-news h3 {
    font-size: 1.5rem;
    text-align: center;
    color: #e84c3d;
    font-weight: 700
}

#inline-images .carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin-bottom: 20px
}

.carousel-inner>.item>a>img,
.published-books .carousel-inner>.item>img {
    margin-bottom: 0
}

.keywords {
    list-style-type: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0
}

.keywords li.keyword-item {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 40px
}

.keywords li.keyword-item a {
    display: inline;
    padding: 5px 10px;
    margin-left: 10px;
    background-color: #e3e3e3;
    color: #d9534f;
    border-radius: 5px;
    text-align: center
}

.keywords li.keyword-item a:hover {
    color: #c33e3a;
    transition: all .3s ease 0s
}

.graphic .keywords li.keyword-item a,
.photos .keywords li.keyword-item a,
.videos .keywords li.keyword-item a {
    background-color: #464545;
    color: #fff
}

.graphic .keywords li.keyword-item a:hover,
.photos .keywords li.keyword-item a:hover,
.videos .keywords li.keyword-item a:hover {
    color: #959595;
    transition: all .3s ease 0s
}

.smart-keyword {
    list-style-type: none;
    padding: 0
}

.smart-keyword li.skeyword-item {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 3.8rem
}

.smart-keyword li.skeyword-item a,
.smart-keyword li.skeyword-item-nlink {
    display: inline;
    padding: 6px;
    margin: 2px;
    color: #fff;
    background-color: #2284b5;
    border-radius: 6px;
    text-align: center
}

.smart-keyword li.skeyword-item a:hover {
    color: #e8e8e8;
    transition: all .3s ease 0s
}

.special-box {
    font-size: 18px;
    text-align: center;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    padding: 5px;
    display: block;
    font-weight: 700
}

#ssm-id-1387 a {
    color: #ef4115
}

#ssm-id-1387 a:hover {
    color: #ed5c1e
}

.qoute-section {
    width: 100%;
    float: left;
    margin: 1px 20px 10px 1px;
    display: block;
    clear: both
}

.qoute-section .qoute-icon {
    color: #a4a4a4;
    margin-left: 4px;
    font-size: .9em
}

.qoute-section .qoute-icon-left {
    float: left
}

.qoute-section .qoute-icon-right {
    float: right
}

.qoute-section .qoute-body {
    color: #5f5f5f;
    font-size: 1.12em;
    font-weight: 700;
    text-align: justify
}

.timeline-section {
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 3px
}

.timeline-section .ts-date {
    float: right;
    text-align: center;
    padding-top: 1%;
    color: #a4a4a4;
    font-size: 1.1em;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column
}

.timeline-section .ts-body {
    font-size: .9em;
    font-weight: 700;
    color: #5f5f5f
}

.markup-container {
    display: none
}

.nicons {
    margin-bottom: 7px
}

.nicons .nicon {
    text-align: center
}

.nicons a {
    width: 15.3%;
    float: right;
    margin-left: 1.33%
}

.nicon:first-child {
    margin-right: 0
}

.nicon:last-child {
    margin-left: 0
}

.nicon img {
    border-radius: 50%;
    text-align: center;
    width: 100%
}

.shadow {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in
}

.shadow:hover {
    -moz-box-shadow: rgba(0, 0, 0, .8) 5px 5px 15px inset;
    -webkit-box-shadow: rgba(0, 0, 0, .8) 5px 5px 15px inset;
    box-shadow: rgba(0, 0, 0, .8) 5px 5px 15px inset
}

.shadow img {
    max-width: 100%;
    position: relative;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.election-poll {
    list-style-type: none;
    padding: 0
}

.election-poll li {
    padding: 0;
    margin-bottom: 10px;
    padding-left: 2px
}

.election-poll .nominee-name {
    text-align: right;
    font-weight: 700;
    color: #5a5a5a;
    float: right;
    width: 50%;
    font-size: 1.3em
}

.election-poll .nominee-name img {
    width: 31px;
    float: right;
    margin: 2px;
    border-radius: 50%
}

.election-poll .poll-bar {
    border-radius: 2px
}

.election-poll .poll-percent {
    margin: 0 auto;
    float: right;
    font-weight: 700;
    font-size: 1.4em;
    color: #5a5a5a
}

.election-poll .poll-bar-container {
    margin: 0;
    padding: 0;
    background-color: #f8f8f8
}

.election-poll .vote-sum {
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    color: #5a5a5a
}

.vote-count {
    float: left;
    font-weight: 700;
    font-size: 1.2em
}

.poll-news-container header span.title {
    line-height: 120%
}

.last-update-poll {
    font-size: .8em
}

.menu>ul.social-networks {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    padding: 0;
    overflow: hidden;
    padding-bottom: 5px
}

.menu>ul.social-networks>li {
    float: right;
    width: 12.3%;
    font-size: 33px;
    text-align: center
}

.ltr .menu>ul.social-networks {
    display: table;
    width: auto;
    table-layout: fixed
}

.ltr .menu>ul.social-networks>li {
    display: table-cell;
    text-align: center;
    width: auto;
    margin: 10px
}

.languages-button {
    display: none
}

.menu-expand .languages-button {
    display: block
}

#header .menu-container>ol>li.selected>a span:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    background: #fff
}

iframe {
    overflow: hidden
}

.playlist {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
    background-color: #000;
    overflow: hidden
}

.playlist li {
    float: right;
    width: 50%
}

.ltr .playlist li {
    float: left
}

.playlist li.selected figure::after {
    position: absolute;
    font-family: FontAwesome;
    width: 100%;
    height: 100%;
    content: '\f04b';
    color: #d13333;
    font-size: 25px;
    text-align: left;
    top: 0;
    left: 0;
    padding: 10px
}

.item-caption {
    border: 3px solid #000;
    position: relative;
    padding: 0;
    margin: 0
}

.item-caption img {
    display: block;
    width: 100%
}

.item-caption-text {
    display: block;
    position: absolute;
    width: 100%;
    color: #fff;
    background-color: #1a1919;
    font-size: 1.36rem;
    right: 0;
    bottom: 5%;
    padding: 3px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ltr .item-caption-text {
    right: auto;
    left: 0;
    font-size: 13px
}

li.selected .item-caption-text {
    color: #d13333
}

.box {
    position: relative
}

.box img {
    width: 60px
}

.box .text {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    font-size: 22px;
    right: 0;
    text-align: right;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    font-family: Arial, sans-serif;
    color: #fff;
    width: 70%
}

.box .text h1 {
    font-size: 22px
}

blockquote {
    font-size: 14.5px
}

@media print {
    .topSliderNewsPage {
        display: none !important
    }

    .iranMap_box {
        display: none !important
    }

    ._sticky {
        position: static !important
    }

    ._sticky ul:not(:first-child) {
        display: none !important
    }

    @page {
        margin-right: .4cm
    }

    #header {
        display: none
    }

    .yektanet,
    .yn-article-text,
    .yn-recom-article-display {
        display: none !important
    }

    .single-news>.news-container,
    .single-news>iframe {
        display: none
    }

    .ads-footer,
    .aplayer,
    .borderbox,
    .cust-col-ads,
    .footer,
    .jwplayer,
    .news-container,
    .share-box,
    .sharer,
    .short-url,
    .shortcut-tabs,
    .thumbs,
    .vplayer,
    article.single-news blockquote,
    footer,
    section.ads {
        display: none !important
    }

    .search-form-container,
    .telegram-phrase,
    .widgets-icon {
        display: none
    }

    .carousel-inner>.item {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .carousel-inner>.item img {
        width: 60%;
        text-align: center
    }

    #print-header {
        display: block;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 2px solid #000;
        overflow: hidden
    }

    body,
    html,
    section {
        width: 100% !important;
        display: block
    }

    #print-header img {
        float: right;
        width: 100px
    }

    .ltr #print-header img {
        float: left
    }

    article.single-news .print {
        display: none
    }

    article.single-news {
        width: 100%
    }

    li.comments {
        display: none
    }

    article.single-news .comment-count {
        display: none
    }

    article.single-news .details,
    article.single-news .details li a {
        font-size: 17px !important;
        font-weight: 700
    }

    article.single-news .story {
        margin-top: 10px;
        padding-left: 18px
    }

    article.single-news .story img {
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
        text-align: center
    }

    a[href]:after {
        content: none !important
    }

    article.single-news .details {
        margin-top: 5px;
        font-size: 12px
    }

    .list-inline .comments,
    .list-inline .inline_socials,
    .list-inline .print,
    .list-inline .resizeBtnBox {
        display: none !important
    }

    .rtl .single-news figure img {
        width: 25% !important;
        float: left;
        position: static !important;
        margin: 10px 10px;
        display: grid
    }

    .ltr .single-news figure img {
        width: 25% !important;
        float: right;
        position: static !important;
        margin: 10px 10px;
        display: grid
    }

    .rtl .lead {
        margin-top: 20px;
        width: 65% !important;
        float: right
    }

    .ltr .lead {
        margin-top: 20px;
        width: 60% !important;
        float: left
    }

    .story {
        float: left
    }

    #najva-subscribe-bell {
        display: none
    }
}

.video-playlist #video-container,
.video-playlist .video-parent {
    min-height: 200px
}

.video-playlist-wide .video-parent-wide {
    width: 100vw;
    height: 100vh;
    margin: 0 auto 10px auto
}

.ltr #main-archive-form .control-label {
    font-size: 12px
}

@media (min-width:0px) {
    .badget_atag {
        left: 5%
    }
}

@media (min-width:437px) {
    .badget_atag {
        right: 70%;
        left: auto
    }
}

@media (min-width:768px) {
    .badget_atag {
        left: 5%;
        right: auto
    }
}

@media screen and (max-width:769px) {
    .m_liveBox {
        display: unset !important
    }

    .d_liveBox {
        display: none !important
    }
}

@media screen and (min-width:770px) {
    .m_liveBox {
        display: none !important
    }

    .d_liveBox {
        display: unset !important
    }
}

@media (min-width:930px) {
    article.list-item .lead {
        display: block;
        text-align: justify
    }

    .video-playlist-wide .video-parent-wide {
        width: 100vw;
        height: 100vh;
        margin: 0 auto 10px auto
    }

    #video-container-wide>div>iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh
    }
}

@media (max-width:930px) {
    .video-playlist-wide .video-parent-wide {
        width: 85vw;
        height: 70vh;
        margin: 10vh auto 0 auto
    }

    #video-container-wide>div>iframe {
        position: absolute;
        margin: 10vh auto 0 auto;
        width: 85vw;
        height: 70vh
    }
}

@media (max-width:767px) {
    .np-col>.keywords-box {
        display: none !important
    }

    .video-playlist-wide .video-parent-wide {
        width: 85vw;
        height: 50vh;
        margin: 20vh auto 0 auto
    }

    #video-container-wide>div>iframe {
        position: absolute;
        margin: 10vh auto 0 auto;
        width: 85vw;
        height: 50vh
    }
}

@media (max-width:478px) {
    .table-container table tr th {
        text-align: center;
        color: #fff;
        padding: 5px;
        font-size: 11px
    }

    .video-playlist-wide .video-parent-wide {
        width: 85vw;
        height: 30vh;
        margin: 20vh auto 0 auto
    }

    #video-container-wide>div>iframe {
        position: absolute;
        margin: 20vh auto 0 auto;
        width: 85vw;
        height: 30vh
    }

    .table-container table tr td:nth-child(2) {
        font-size: 1.2rem;
        font-weight: 700
    }

    .table-container table tr th {
        text-align: center;
        color: #fff;
        padding: 5px;
        font-size: 11px
    }
}

@media only screen and (min-width:1370px) {
    body {
        padding-top: 100px
    }

    section.ads {
        max-width: 305px
    }

    .qoute-section {
        width: 30%
    }

    .playlist li {
        width: 25%
    }

    .shahrekhabar-frame:not(.mini) {
        top: 0
    }

    .languages-button {
        display: block
    }

    .np-col>.keywords-box {
        display: block
    }

    #header:not(.mini) {
        height: 79px
    }

    .shahre-khabar #header:not(.mini) {
        top: 145px
    }

    .menu-container,
    .search-button {
        display: block
    }

    .menu .search {
        display: none
    }

    header:not(.mini) nav .menu-container {
        height: 100%;
        overflow: hidden;
        display: block
    }

    .menu>ul.social-networks {
        width: 850px;
        clear: both
    }

    .menu>ul.social-networks>li {
        float: right;
        margin-left: 15px;
        width: auto
    }

    .menu>ul.social-networks>li:first-child {
        margin-right: 0
    }

    .ltr .menu>ul.social-networks>li {
        float: left;
        margin-right: 18px;
        margin-left: 0
    }

    .menu-expand header:not(.mini) nav .menu-container {
        display: none
    }

    header nav .menu-container ol {
        margin-left: 140px;
        list-style: none
    }

    .ltr header nav .menu-container ol {
        margin-right: 117px;
        margin-left: auto
    }

    .leagues-container .icon-container {
        width: 10.8%;
        float: right
    }

    header nav .menu-container>ol>li {
        float: right;
        margin: 0;
        padding: 0;
        display: inline-block
    }

    .ltr header nav .menu-container>ol>li {
        float: left
    }

    header .menu-container>ol>li>a {
        display: block;
        padding: 10px;
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
        overflow: hidden
    }

    header.mini ol>li>a {
        font-size: 1.2rem
    }

    header.mini ol>li>a>i {
        float: left;
        line-height: 3rem;
        margin-right: .5rem
    }

    #header:not(.mini) .menu-container>ol>li>a {
        font-size: 1.25rem;
        line-height: 6rem
    }

    #header:not(.mini) .menu-container>ol>li.selected>a span:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 15px;
        background: #fff
    }

    .ltr #header:not(.mini) .menu-container>ol>li>a {
        font-size: 14px
    }

    #header:not(.mini) .menu-container>ol>li>a>i {
        font-size: 16px;
        margin-right: 5px;
        float: left;
        line-height: 370%
    }

    #header .menu-container>ol>li>a>span {
        float: right;
        position: relative
    }

    #header:not(.mini) .menu-container>ol>li>a>i.fa-youtube-play {
        font-size: 19px;
        line-height: 304%
    }

    #header:not(.mini) .menu-container>ol>li>a>i.fa-camera,
    #header:not(.mini) .menu-container>ol>li>a>i.fa-youtube-play {
        margin-right: .5rem
    }

    ul.tasnim-services>li>ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    ul.tasnim-services>li>ul>li {
        margin: 0;
        padding: 0
    }

    ul.tasnim-services>li>ul.multi-col {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    ul.tasnim-services>li>ul.multi-col>li {
        padding-left: 48px
    }

    .video-playlist .video-parent {
        height: 535px
    }

    .video-playlist-wide .video-parent-wide {
        width: 100vw;
        height: 100vh;
        margin: 0 auto 10px auto
    }

    #header:not(.mini) .main-logo {
        top: 9px;
        width: 62px;
        height: 62px;
        background-size: 95%;
        background-position: left
    }

    #header:not(.mini) nav .logo-phrase {
        right: 100px;
        width: 165px;
        height: 80px
    }

    .ltr #header:not(.mini) nav .logo-phrase {
        right: auto;
        left: 100px;
        width: 165px
    }

    #header:not(.mini) nav .menu-container {
        margin-right: 265px;
        height: 79px;
        overflow: hidden
    }

    .ltr #header:not(.mini) nav .menu-container {
        margin-right: auto;
        margin-left: 265px
    }

    #header:not(.mini) nav {
        height: 79px
    }

    #header:not(.mini) nav ul.shortcut-menu>li {
        padding-top: 17px;
        padding-bottom: 15px
    }

    .menu>ul.tasnim-services {
        width: 850px;
        margin: 0 auto 20px;
        list-style: none;
        padding: 0
    }

    .menu ul.tasnim-services>li {
        max-height: none;
        float: right;
        min-width: 167px;
        border: none;
        display: inline-block;
        float: none;
        vertical-align: top;
        padding-left: 1.2rem;
        padding-bottom: 20px;
        margin: 0 -.125em
    }

    ul.tasnim-services>li>ul a {
        font-size: 1.39rem;
        line-height: 150%
    }

    .menu ul.tasnim-services>li:first-child {
        margin-right: 0
    }

    .ltr .menu ul.tasnim-services>li {
        min-width: 208px;
        padding-right: 24px;
        padding-left: 0
    }

    #header:not(.mini) .shortcut-dropdown .search-dropdown,
    #header:not(.mini) .shortcut-dropdown ul {
        top: 79px;
        left: -9px
    }

    .ltr #header:not(.mini) .shortcut-dropdown .search-dropdown,
    .ltr #header:not(.mini) .shortcut-dropdown ul {
        left: auto;
        right: -9px
    }

    ul.tasnim-services>li>i {
        display: none
    }

    ul.tasnim-services>li>ul {
        display: block !important
    }

    article.list-item .lead {
        display: block
    }

    footer .follow-us>span {
        margin-top: -39px
    }

    footer ul.about-us>li>a {
        font-size: 1.54rem
    }

    .social-networks>li>a>span {
        display: inline-block;
        margin-right: 6px
    }

    .ltr .social-networks>li>a>span {
        margin-left: 6px;
        margin-right: 0
    }

    li.bisphone-icon .bisphone-container {
        float: right
    }

    .menu .widgets-icon {
        width: 850px;
        margin: 0 auto;
        padding-bottom: 20px
    }

    .menu .widg-text {
        font-size: 1.5rem
    }

    article.media-item figure img {
        max-height: 210px;
        max-width: 100%
    }

    .graphic article.media-item figure img {
        max-height: 153px
    }

    article figure img.img-vertical {
        max-width: 50%
    }

    article.first figure img.img-vertical {
        max-width: 80%
    }

    article figure img.img-square {
        max-width: 70%
    }

    article.first figure img.img-square {
        max-width: 90%
    }
}

table.redTable {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    border: 2px inset
}

.worldCupTableContainer>div>table:first-child.redTable thead tr:first-child {
    border-bottom: 1px solid #fff
}

.worldCupTableContainer>div>table.redTable thead {
    background-color: #6f5353
}

#worldCupLivePlayTable>.redTable>tbody tr:nth-child(2n+2),
.worldCupTableContainer>div>table.redTable tbody tr:nth-child(2n+2) {
    background-color: #e8ead5
}

table.redTable td,
table.redTable th {
    padding: 4px 1px
}

table.redTable thead tr:first-child {
    background: #d71920
}

table.redTable tr th {
    color: #fff;
    text-align: center
}

table .redTable thead th {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

table.redTable tfoot td {
    font-size: 13px
}

table.redTable tfoot .links {
    text-align: right
}

table.redTable tfoot .links a {
    display: inline-block;
    background: #fff;
    color: #cb6767;
    padding: 2px 8px;
    border-radius: 5px
}

.worldCupTableContainer {
    margin-bottom: 20px;
    border-bottom: none;
    font-weight: 700
}

#worldCupLivePlayTable {
    margin-bottom: 20px;
    border: 1px inset;
    border-bottom: none;
    font-weight: 700
}

.WorldCup-selectGroup {
    border: groove #fff;
    width: 100%;
    margin-bottom: 5px;
    padding-right: 20px;
    font-weight: 700
}

.padding-right-10 {
    padding-right: 10px !important
}

.padding-top-25 {
    padding-top: 25px
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

._sticky {
    position: sticky;
    z-index: 1;
    top: 43px !important;
    background-color: #fff
}

@supports (-ms-ime-align:auto) {
    ._sticky {
        position: inherit
    }
}

.single-news>.list-inline {
    margin-bottom: 15px !important
}

.telegram_share_icon {
    background-image: url(/Static/img/telegram-logo.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    margin: 2px;
    float: right;
    border-radius: 50%
}

.captcha-group input {
    width: 140px !important
}

.float-left {
    float: left
}

.margin-bottom {
    margin-bottom: 5px !important
}

.width-unset {
    width: 100% !important
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.padding_top_36P {
    padding-top: 36%
}

.margin-top-15 {
    margin-top: 15px
}

.bold-font {
    font-weight: 700 !important
}

.font-16 {
    font-size: 15px !important
}

.gallery_left_arr-Square {
    padding-top: 36%;
    text-align: center
}

.gallery_decription_image {
    margin-bottom: 0 !important
}

.font-90 {
    font-size: 90px
}

.on_image_button {
    display: -webkit-inline-box;
    direction: rtl
}

.on_image_left_a {
    margin-top: 3px;
    display: block;
    background: url(/static/img/themes/dark_rounded/sprite.png) -22px -71px no-repeat;
    width: 14px;
    height: 18px
}

.on_image_right_a {
    margin-top: 3px;
    display: block;
    background: url(/static/img/themes/dark_rounded/sprite.png) 0 -71px no-repeat;
    width: 14px;
    height: 18px
}

.gallery_row_Square {
    display: flex;
    direction: rtl
}

.large-showMore a.more-bottom-box:hover {
    opacity: .8 !important;
    -ms-transform: scale(1.09, 1.09);
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09)
}

.large-showMore a.more-bottom-box {
    float: left;
    padding-top: 0
}

@media (max-width:991px) {
    .Back_buttom_m {
        font-size: 14px
    }

    @media (max-width:560px) {

        .ads .ad-item img,
        .ads .ad-item video {
            width: 86% !important
        }
    }

    @media (min-width:561px) {

        .ads .ad-item img,
        .ads .ad-item video {
            width: 45% !important
        }
    }
}

@media (max-width:1200px) {
    .showIndesktop {
        display: none !important
    }
}

@media (min-width:1200px) {
    .img-responsive_ {
        max-width: unset !important
    }
}

.show-on-menumobile {
    display: none !important
}

@media (max-width:779px) {
    .show-on-menumobile {
        display: block !important
    }
}

@media (max-width:991px) {
    .photo_info_toggle {
        font-size: 1.4rem;
        color: #727272;
        padding-left: 20px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .photo_info_mainPhotoPage {
        white-space: nowrap
    }

    .sideThumbImg {
        display: none
    }

    .arrowbtn {
        position: absolute;
        width: 42px;
        height: 42px
    }

    .arrowbtn-right {
        background-image: url(/Static/img/next-small.png) !important
    }

    .arrowbtn-left {
        background-image: url(/Static/img/previus-small.png) !important
    }

    .sideThumbImg {
        visibility: hidden
    }
}

@media (min-width:991px) {
    .onImageBtn {
        display: none
    }

    .padding_top_23p {
        padding-top: 23%;
        display: table
    }
}

#Gallery_thumbnail_list>div :hover {
    opacity: .6 !important;
    -ms-transform: scale(.95);
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.sideThumbImg :hover {
    opacity: .6 !important;
    -ms-transform: scale(1.35, 1.5);
    -webkit-transform: scale(1.35, 1.5);
    transform: scale(1.35, 1.5)
}

.text_align_center {
    text-align: center
}

.white_color {
    color: #fff
}

.white_color:hover {
    color: red;
    font-size: .92em
}

.arrowbtn {
    text-align: center;
    color: #fff;
    opacity: .6
}

.arrowbtn:hover {
    opacity: .9
}

.arrowbtn-right {
    right: 28%
}

.arrowbtn-left {
    left: 30%
}

.Top_single_photo>img {
    margin-right: auto;
    margin-left: auto
}

.top_43p {
    top: 43%
}

.top_48p {
    top: 48%
}

.padding_top_23p {
    padding-top: 23%
}

.gallery-title {
    padding-bottom: 15px;
    margin: 3px
}

.Horizon-gallery-row {
    display: flex;
    direction: rtl
}

.gallery_next_arr_l {
    font-size: 90px;
    left: 5px
}

.gallery_next_arr_l {
    font-size: 90px;
    right: 5px
}

.gallery_back_btn {
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 1.13em
}

.onImageBtn_l {
    left: 3.5%;
    background-repeat: no-repeat
}

.onImageBtn_r {
    right: 3.5%;
    background-repeat: no-repeat
}

.padding_top_43p {
    padding-top: 43%
}

.padding_top_41p {
    padding-top: 41%
}

.showItem {
    overflow: visible
}

.photo_info_toggle {
    color: #727272
}

.show_loading {
    display: inline !important
}

.text_justify {
    text-align: justify
}

.selected_thumbnail_image {
    border-color: #fff;
    border-width: 1px;
    border-style: solid
}

#Gallery_thumbnail_list .row>[class*=col-] {
    display: flex;
    flex-direction: column
}

#singlePhoto_loader {
    display: none;
    color: #fff;
    font-size: 35px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 46%;
    left: 47%;
    text-align: center;
    transform: translate(-50%, -50%);
    animation: load 1.7s infinite ease, round 1.7s infinite ease
}

@keyframes load {
    0% {
        box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
    }

    5%,
    95% {
        box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
    }

    10%,
    59% {
        box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
    }

    100% {
        box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
    }
}

@keyframes round {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 90px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.modal .close2 {
    position: absolute;
    top: 10%;
    right: 1.5%
}

.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: fit-content;
    max-width: -moz-max-content;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 1.3s;
    animation-name: zoom;
    animation-duration: 1.3s
}

.modal-content2 {
    max-width: none
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.close2 {
    position: absolute;
    right: 15px;
    color: rgba(0, 0, 0, .8);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 55px;
    font-weight: 700;
    z-index: 2
}

.magnify_Btn {
    display: inline;
    background: url(/static/img/themes/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 1;
    zoom: 1.3
}

.magnify_Btn:hover {
    background: url(/static/img/themes/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

.hideTag {
    display: none
}

.hideNavbar {
    opacity: 0
}

@media (max-width:768px) {
    .hideMobilePhotoContainter {
        display: none
    }

    .hideDesktopPhotoContainter {
        display: initial
    }

    article.single-news .title {
        font-size: 1.8rem
    }
}

@media (min-width:768px) {
    .hideMobilePhotoContainter {
        display: unset
    }

    .hideDesktopPhotoContainter {
        display: none
    }
}

.center_position {
    margin-right: auto;
    margin-left: auto
}

.ltr .comments-container .details .name {
    float: left !important;
    color: #4949f7;
    font-size: 14px
}

.ltr .comments-container .details .time {
    float: left !important
}

.ltr .comments-container .body {
    text-align: left !important;
    font-size: 1em !important
}

.borderedContent {
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-right: 0;
    margin-top: 10px;
    overflow: visible
}

.padding-left-10 {
    padding-left: 10px
}

.photo_keyword .content {
    border: none !important
}

#img_container_ {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.cursor_pointer {
    cursor: pointer
}

.weatherBox {
    margin: 15px;
    text-align: center;
    border-style: ridge;
    box-shadow: 4px 5px #888;
    padding: 33px 10px
}

.red {
    color: red
}

.blueC {
    color: #00f
}

.weatherG {
    border: 2px solid #a9a9a9
}

.cars-container .icon-container:hover,
.cars-hover,
.leagues-container .icon-container:hover,
.leagues-container .selected {
    -webkit-filter: grayscale(20%);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9);
    filter: drop-shadow(8px 8px 10px #4b4646) grayscale(20%)
}

.car_Widg_Title {
    text-align: center !important;
    padding-top: 15px;
    font-size: 30px;
    font-weight: 700
}

.IranMaps {
    display: block;
    position: relative;
    direction: rtl;
    text-align: right;
    padding: 0;
    font-family: Tahoma;
    font-size: 11px
}

.map_box {
    text-align: right;
    line-height: 142%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ec0909;
    margin-bottom: -5px;
    margin-top: 5px
}

.IranMaps .show-title {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    margin: 5px !important;
    padding: 0 5px;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    opacity: .8
}

.IranMaps .map {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 10px
}

.IranMaps .map .border path,
.IranMaps .map .island path {
    fill: #fff
}

.IranMaps .map .province path {
    fill: #999
}

.IranMaps .map .lake path,
.IranMaps .map .sea path {
    fill: #6caed8
}

.IranMaps .map .island path.hover,
.IranMaps .map .island path:hover,
.IranMaps .map .province path.hover,
.IranMaps .map .province path:hover {
    fill: #c33a2c !important;
    cursor: pointer
}

.IranMaps .map path.island:hover {
    cursor: pointer
}

.IranMaps .list {
    display: block;
    float: right;
    width: 50%
}

.IranMaps .list ul {
    padding: 0
}

.IranMaps .list>ul {
    margin-left: 10px
}

.IranMaps .list li {
    list-style: none
}

.IranMaps .list span {
    background: #242424;
    color: #ecf0f1;
    display: block;
    margin: 0 2px;
    padding: 0 8px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 2px
}

.IranMaps .list li ul li {
    display: block;
    float: right;
    width: 33.33333333333333%
}

.IranMaps .list li ul li a {
    background: #34495e;
    color: #ecf0f1;
    display: block;
    padding: 0 8px;
    line-height: 26px;
    margin: 2px 2px;
    text-decoration: none
}

.IranMaps .list li ul li a.hover,
.IranMaps .list li ul li a:hover {
    background: #c33a2c
}

.IranMaps .list ul:after,
.IranMaps .list ul:before {
    display: table;
    content: " "
}

.IranMaps .list ul,
.IranMaps .list ul:after {
    clear: both
}

.IranMaps .city {
    clear: both;
    padding: 10px 0
}

.map_borderes {
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.iranMap_box {
    display: grid
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .iranMap_box {
        display: -ms-grid
    }
}

.TopNewSlider,
.btnSlider {
    display: none
}

.topSliderNewsPage .newsSlides {
    width: 100%;
    height: 100%
}

.topSliderNewsPage {
    position: relative;
    direction: ltr;
    background-color: #f1f1f1
}

.textSlider {
    direction: rtl;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 700
}

.newsSliderimageBox {
    margin-right: 9px;
    margin-left: -9px
}

.btnSlider {
    opacity: .7;
    border: none;
    padding: 6px 13px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    position: absolute;
    background-color: #282727 !important
}

.btnSlider:hover {
    color: #000 !important;
    background-color: #ccc !important
}

.btnSlider_right {
    top: 50%;
    right: -8px;
    transform: translate(0, -50%)
}

.btnSlider_left {
    top: 50%;
    left: -8px;
    transform: translate(0, -50%)
}

.links td,
.links th,
.links tr {
    text-align: right;
    padding: 5px;
    font-size: 1.3rem;
    vertical-align: top;
    border-bottom: none
}

.links th {
    color: #fff;
    font-weight: 700
}

.links td div {
    width: 49%;
    float: right
}

.links .left {
    direction: ltr;
    text-align: left
}

.linkCol {
    margin-bottom: 10px
}

.visible-xs-block h5 {
    font-size: 1.5rem !important;
    line-height: 2.7rem !important
}

.ad-item {
    margin-bottom: 5px
}

#InstaLink i,
#TelegramLink i {
    margin-left: 5px;
    margin-right: 5px
}

.LeagaHederTbl td {
    background-color: #bbb !important;
    color: #fff !important;
    padding: 6px 2px 2px 2px !important;
    font-size: 1.5rem !important;
    font-weight: 700;
    border-top: 3px solid #d7d2d0;
    font-family: Iransans !important
}

.center_text {
    text-align: center
}

.blink {
    animation: blinker 1.9s linear infinite;
    color: #c9311c
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.blink-one {
    animation: blinker-one 2.7s linear infinite
}

@keyframes blinker-one {
    0% {
        opacity: 0
    }
}

.electionSection {
    margin-bottom: 10px;
    margin-top: 10px
}

.elctionImg {
    width: 100%;
    border-radius: 50%;
    margin: -3PX -4PX
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.electionSection img:hover {
    transform: scale(1.05)
}

.leaguePeriodSize {
    width: 100%;
    margin-left: .3rem;
    border-radius: 1rem
}

.leaguePeriodWeek {
    width: 100%;
    border-radius: 1rem;
    margin: 1rem 0 1rem 0
}

.leaguePerChild {
    border-spacing: .5rem;
    line-height: 2.7rem;
    border-radius: 10px;
    margin-right: 0;
    margin-left: 0
}

.leaguePeriod .leaguePerChild:nth-child(2n) {
    background-color: #eee
}

.fillColorPicLeague {
    fill: #ee2b2f
}

.olympicPicLogo {
    width: 60px;
    margin: 5px;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s
}

.olympicPicLogo:hover {
    transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15)
}

.st0 {
    fill: #ee2b2f
}

.st1 {
    fill: #fcb019
}

.st2 {
    fill: #2a76bc
}

.st3 {
    fill: #ee2b2f
}

.st4 {
    fill: #00a64f
}

.st5 {
    fill: #fcb019
}

.st6 {
    fill: #00a64f
}

.st7 {
    fill: #00a64f
}

.st8 {
    fill: #7f7c7c
}

.st9 {
    fill: #2a76bc
}

.st11 {
    fill: #fcb019
}

.st12 {
    fill: #ee2b2f
}

.st13 {
    fill: #2a76bc
}

.st14 {
    fill: #fcb019
}

.rankContainer::-webkit-scrollbar {
    width: 10px
}

.rankContainer::-webkit-scrollbar-thumb {
    background: #838282;
    border-radius: 10px
}

.rankContainer .row {
    margin: 1px !important;
    line-height: 30px
}

.rankContainer {
    font-size: 1.2rem;
    max-height: 450px;
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 30px;
    border: 1px solid #fff0f0;
    border-top: 1px solid #b5b2b2
}

.rankContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px
}

.rankHead {
    margin: 7px
}

.rankHead div {
    padding: 1px;
    font-size: 12px
}

.rank img {
    width: 18px;
    max-height: 100%;
    max-width: 100%
}

.highlight {
    background-color: #afdc37
}

.gap-container {
    background-image: url(/static/img/gap-icon-gray.png)
}

.bale-container {
    background-image: url(/static/img/bale-icon-gray.png)
}

.rubika-container {
    background-image: url(/static/img/rubika-icon-gray.png)
}

.eitaa-container {
    background-image: url(/static/img/eitaa-icon-gray.png)
}

.social-networks .gap-container,
li.gap-icon>a:hover .gap-container {
    background-image: url(/static/img/Gap-icon.png) !important
}

.social-networks .bale-container,
li.bale-icon>a:hover .bale-container {
    background-image: url(/static/img/bale-icon.png) !important
}

.social-networks .rubika-container,
li.rubika-icon>a:hover .rubika-container {
    background-image: url(/static/img/rubika-icon.png) !important
}

.social-networks .eitaa-container,
li.eitaa-icon>a:hover .eitaa-container {
    background-image: url(/static/img/eitaa-icon.png) !important
}

footer li.gap-icon>a:hover>span {
    color: #7950d6
}

footer .icons li.bale-icon>a:hover>span {
    color: #3b7a8e
}

footer .icons li.rubika-icon>a:hover>span {
    color: #e64454
}

footer .icons li.eitaa-icon>a:hover>span {
    color: #e88214
}

.LiveBoxTitle {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center
}

.GalleryList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin: 0 auto
}

.GalleryList a {
    height: 200px;
    width: 300px;
    margin: 20px
}

.GalleryList a img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.GalleryList a img:hover {
    transform: scale(1.1)
}

#GalleryList>a>img:hover {
    opacity: .6 !important;
    -ms-transform: scale(.95);
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    opacity: .6
}

.lg-thumb>.active {
    opacity: 1 !important
}

.lg-sub-html {
    font-size: 14px
}

.lg-outer .lg-thumb-item.active {
    border-color: #fff
}

.lg-outer .lg-thumb-item {
    border: 2px solid #000
}

.video_slider_description {
    font-size: 1.8rem !important;
    padding: 4px 14px;
    background-color: #000
}

.tblcurency {
    width: fit-content !important;
    margin: auto !important;
    margin-bottom: 25px !important
}

.viewmobile .rotatetog {
    transform: rotate(180deg);
    transition: transform .5s
}

.topvbtn:hover {
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf
}

.viewmobile .tblcurency {
    width: fit-content !important;
    margin: auto auto 25px !important;
    table-layout: fixed
}

.viewmobile .table-striped tr td:last-child {
    border-right: hidden
}

.viewmobile .tbltp tr td {
    border-width: 4px !important
}

.hrborder,
.viewmobile .shhItem {
    border-right: hidden !important
}

.viewmobile .shh {
    font-weight: 700
}

.viewmobile .rotatetog {
    transform: rotate(180deg);
    transition: transform .5s
}

.viewmobile .tbltitle h3 {
    font-size: 13px !important;
    border-radius: 10px;
    background-color: #706060;
    color: #fff;
    width: fit-content;
    padding: 4px 6px;
    display: inline
}

.viewmobile .coins-header .tbltitle {
    padding-right: 4px;
    min-width: 110px !important;
    font-size: 15px !important
}

.viewmobile .tbltitle span {
    color: #fff;
    display: inline;
    float: left;
    border-radius: 50%;
    background-color: orange;
    font-size: 13px;
    padding: 4px 8px
}

.viewDesktop .tbltitle h3 {
    border-radius: 10px;
    background-color: #706060 !important;
    color: #fff;
    width: fit-content;
    padding: 8px 10px;
    display: inline-block;
    font-size: 13px;
    margin: 0
}

.viewDesktop .tbltitle span {
    color: #fff;
    display: inline;
    float: left;
    border-radius: 50%;
    background-color: orange;
    font-size: 15px;
    padding: 4px 8px;
    margin-top: 5px
}

.viewDesktop .coins-header th:not(.tbltitle),
.viewmobile .coins-header th:not(.tbltitle) {
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:680px) {
    .viewDesktop {
        display: none
    }
}

@media screen and (min-width:680px) {
    .viewmobile {
        display: none
    }
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.updtm {
    font-size: 13px;
    font-weight: 700;
    margin-right: 25px;
    margin-bottom: 5px
}

.prhead {
    display: block;
    direction: ltr
}

.viewDesktop table,
.viewmobile table {
    border: 2px solid #ddd;
    box-shadow: 1px 1px 4px 1px #ddd
}

.topvbtn:hover {
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf
}

.topvbtn:active {
    top: 1px
}

.topvbtn {
    box-shadow: 1px 1px 4px 2px #cbc2c2;
    background: linear-gradient(to bottom, #fbc1c1 5%, #f3f3f3 100%);
    border-radius: 6px;
    border: 1px solid #a3a0a0;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 4px;
    text-shadow: 0 1px 1px #fff;
    margin: 3px
}

.topvbtn p {
    direction: ltr;
    margin-bottom: 0 !important;
    margin-top: 7px !important
}

html {
    scroll-behavior: smooth !important
}

.margin-left-10 {
    margin-left: 10px !important
}

.updtm2,
.updtmtitle {
    position: absolute;
    right: 0
}

.ttlmbi {
    margin: 10px auto 33px;
    display: table
}

.upddestim,
.updttl {
    display: flex;
    direction: ltr;
    margin-bottom: 15px
}

.media_lnk {
    text-shadow: 1px 1px #fff;
    display: block;
    width: 48%;
    margin: 2px;
    border-radius: 5px;
    background-color: #ececf3;
    color: #d71920;
    border: 1px solid #d2d2e3;
    padding: 9px 8px;
    text-align: center;
    font-size: 1.5rem
}

.media_lnk>i {
    font-size: larger;
    margin-left: 4px
}

.media_lnk:hover {
    outline: 0;
    transition: all .3s ease 0s;
    color: #a94442 !important;
    text-decoration: none;
    background-color: #dfdfeb !important
}

.mlnkcner {
    cursor: pointer;
    margin: 0 0 5px 0
}

.viewmobile .rotatetog {
    transform: rotate(180deg);
    transition: transform .5s
}

.topvbtn:hover {
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf
}

.viewmobile .tblcurency {
    width: fit-content !important;
    margin: auto auto 25px !important;
    table-layout: fixed
}

.viewmobile .table-striped tr td:last-child {
    border-right: hidden
}

.viewmobile .tbltp tr td {
    border-width: 4px !important
}

.hrborder,
.viewmobile .shhItem {
    border-right: hidden !important
}

.viewmobile .shh {
    font-weight: 700
}

.viewmobile .rotatetog {
    transform: rotate(180deg);
    transition: transform .5s
}

.viewmobile .tbltitle h3 {
    font-size: 13px !important;
    border-radius: 10px;
    background-color: #706060;
    color: #fff;
    width: fit-content;
    padding: 4px 6px;
    display: inline
}

.viewmobile .coins-header .tbltitle {
    padding-right: 4px;
    min-width: 110px !important;
    font-size: 15px !important
}

.viewmobile .tbltitle span {
    color: #fff;
    display: inline;
    float: left;
    border-radius: 50%;
    background-color: orange;
    font-size: 13px;
    padding: 4px 8px
}

.viewDesktop .tbltitle h3 {
    border-radius: 10px;
    background-color: #706060 !important;
    color: #fff;
    width: fit-content;
    padding: 8px 10px;
    display: inline-block;
    font-size: 13px;
    margin: 0
}

.viewDesktop .tbltitle span {
    color: #fff;
    display: inline;
    float: left;
    border-radius: 50%;
    background-color: orange;
    font-size: 15px;
    padding: 4px 8px;
    margin-top: 5px
}

.viewDesktop .coins-header th:not(.tbltitle),
.viewmobile .coins-header th:not(.tbltitle) {
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:680px) {
    .viewDesktop {
        display: none
    }
}

@media screen and (min-width:680px) {
    .viewmobile {
        display: none
    }
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.updtm {
    font-size: 13px;
    font-weight: 700;
    margin-right: 25px;
    margin-bottom: 5px
}

.prhead {
    display: block;
    direction: ltr
}

.viewDesktop table,
.viewmobile table {
    border: 2px solid #ddd;
    box-shadow: 1px 1px 4px 1px #ddd
}

.topvbtn:hover {
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf
}

.topvbtn:active {
    top: 1px
}

.topvbtn {
    box-shadow: 1px 1px 4px 2px #cbc2c2;
    background: linear-gradient(to bottom, #fbc1c1 5%, #f3f3f3 100%);
    border-radius: 6px;
    border: 1px solid #a3a0a0;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 4px;
    text-shadow: 0 1px 1px #fff;
    margin: 3px
}

.topvbtn p {
    direction: ltr;
    margin-bottom: 0 !important;
    margin-top: 7px !important
}

html {
    scroll-behavior: smooth !important
}

.margin-left-10 {
    margin-left: 10px !important
}

.updtm2,
.updtmtitle {
    position: absolute;
    right: 0
}

.ttlmbi {
    margin: 10px auto 33px;
    display: table
}

.upddestim,
.updttl {
    display: flex;
    direction: ltr;
    margin-bottom: 15px
}