body {font-family: Vazir, sans-serif; font-size:0.8rem; text-align:right;font-weight: normal;background: #f5f5f5;}
#main-content {
    min-height: calc(100vh - 182px);
}
a, a:hover {text-decoration: none;}
a {color: #333333;}
a:hover {color: #4472ae;}
main {min-height: calc(100vh - 152px);}
#top_nav {line-height: 30px; min-height: 30px; background: #262626; color: #ffffff;}
#main_nav {min-height: 60px; background: #c10001; color: #ffffff;}
#top_nav a {color: #ffffff;}
#main_nav  .logo img {max-height: 60px; height: auto;}
#main_nav li a, #footer_menu li a {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
#main_nav li.active a, #footer_menu li.active a {color: #ffcc00 !important;}
#main_nav li a:hover, #footer_menu li a:hover {color: #ffcc00 !important;}
ul li:last-child {
    border-bottom: none !important;
}

/*home*/
.top-figure {height: 450px}
.latest-figure {height: 127px}
.block-figure {height: 100px}
figure img {height: 100%; object-fit: cover;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, figure
{line-height: 1.5;font-weight: 600;margin: 0;}
.h3, h3 {
    font-size: 18px;font-weight: 700;
}
.h4, h4 {
    font-size: 16px;font-weight: 700;
}
.h5, h5 {
    font-size: 14px;
}
.h6, h6 {
    font-size: 12px;
}
span.index {
    color: #c10001;
}
.pagination {
    display: inline-flex;
    padding-top: 16px;padding-right: 0;
}
.slider_figure {
     height: 450px;
     overflow: hidden;
 }
.slider_figure img, .services_figure, .post_figure img, .type_figure img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    border-radius: 2px;
}
.services h3 {
    border-right: 2px solid #FFCC04 !important;
    padding-right: 4px;font-weight: 600;
}
.services_figure {
    height: 194px;
    overflow: hidden;
}
button.owl-dot {
    outline: 0;
}
.owl-dots {
    position: absolute;
    bottom: 0px;
    width: 100%; text-align: left;
}
.owl-dots .owl-dot span {
    background-color: transparent;
    border: 2px solid #c10001;display: block;
    width: 10px;height: 10px;
    border-radius: 50%;margin: 0 10px;
}
button.owl-dot.active span {background: #c10001;}
.post-body {font-size: 16px;line-height: 2;}
.post-body img {max-width: 100%;height: auto;}
.type_figure {
    height: 150px;
    width: 225px;
    margin: 0;
    overflow: hidden;
}
.types-row a {color: #333333;}
.post_figure {
    height: 375px;
    overflow: hidden;
}
.lead {
    font-size: 16px;
    font-weight: 300;
    color: #646464;
    background: #f1f1f1; }
/*user*/
.profile-menu {
    min-width: 260px;
}
footer {min-height: 50px; background-color: #222222;color: #ffffff;}
footer .logo img {max-height: 60px; height: auto;border-radius: 10px;}
.svg-icon {height: 16px; width: 16px;color: #fff;fill: #fff;}
#main_nav .svg-icon {color: #4472ae;fill: #4472ae;}
#main_nav a:hover .svg-icon {color: #ffcc00;fill: #ffcc00;}
.social-channels--svg li {
    width: 36px;padding: 5px 0;
    height: 36px;display: inline-block;
}
.social-channels--svg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    list-style: none;
}
.h-10 {height: 10%!important;}
.h-20 {height: 20%!important;}
.h-30 {height: 30%!important;}
.h-40 {height: 40%!important;}
.h-60 {height: 60%!important;}
.h-70 {height: 70%!important;}
.h-80 {height: 80%!important;}
.h-90 {height: 910%!important;}
.mb-30 {margin-bottom: 30px;}
/*responsive*/
@media (min-width: 1366px) {
    .container {
        max-width: 1360px;
    }
}
@media (min-width: 992px) {
    #main_nav  .logo img {max-height: 80px; height: auto;}
}
@media (max-width: 767px) {
    .type_figure {
        height: 100px;
        width: 150px;
        margin: 0;
        overflow: hidden;
    }
    .post_figure {
        height: auto;
        overflow: hidden;
    }
    .slider_figure {
        height: auto;
        overflow: hidden;
    }
    figure {height: 150px;}
    figure.image {height: inherit;}
    .latest-figure {height: 100px}
}
@media (max-width: 575px) {
    #main_nav a {font-size: 12px;}
    .sm-text {font-size: 12px;}
    .lead {font-size: 12px;}
    .page-link{padding: .5rem .5rem;}
    .top-figure {height: 300px;}
    figure {height: 200px;}
    .latest-figure {height: 60px}
    #main_nav  .logo img {max-height: 40px; height: auto;}
}
.bg-gray {background: #eaeaea;}
.bg-dark {background: #2c2c2c;}

#nav-tab .nav-link, #nav-tab2 .nav-link{
    border: 0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #fff;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {color: #495057 !important;}
#soozhe h3{
    background: #0082bc;
    color: #fff;
    text-align: center;
}
h4.h6.media-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 0.8rem;
    text-align: right;
}
.col-date {max-width: 135px;}
.col-type {max-width: 115px;}
.print_figure {
    float: right;
    width: 250px;
    height: auto;
    margin-left: 20px;
}
.sardabir{z-index: 100;}
.social-btn{cursor: pointer;}
#share-block {max-width: 40px;}
#share-block img {
    height: 32px;
    width: auto;
    border-radius: 50%;
}
#copy_link {
    border: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden;
    resize: none;
    color: transparent;
    background: transparent;
}
figure.image {height: inherit;}
.bg-red {background: #c10001 !important;}
.page-link {color: #c10001;}
.page-item.active .page-link {
    background-color: #c10001;
    border-color: #c10001;
}