/**************** FONTS ****************/
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/iranyekanwebbold(fanum).eot');
    src: url('../fonts/eot/iranyekanwebbold(fanum).eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */ url('../fonts/woff2/iranyekanwebbold(fanum).woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/iranyekanwebbold(fanum).woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebbold(fanum).ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/iranyekanweblight(fanum).eot');
    src: url('../fonts/eot/iranyekanweblight(fanum).eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */ url('../fonts/woff2/iranyekanweblight(fanum).woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/iranyekanweblight(fanum).woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanweblight(fanum).ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/iranyekanwebregular(fanum).eot');
    src: url('../fonts/eot/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */ url('../fonts/woff2/iranyekanwebregular(fanum).woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/iranyekanwebregular(fanum).woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebregular(fanum).ttf') format('truetype');
}


/* Theme Name: Anisa - By: ParsDLE - Site: http://ParsDle.iR */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

textarea, input {
    outline: none;
    resize: none;
}

img, a img {
    border: none;
    outline: none;
}

img {
    vertical-align: middle;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
}

a:active, a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

/*@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iranyekan-light.eot');
    src: url('../fonts/iranyekan-light.eot?#iefix') format('embedded-opentype'), url('../fonts/iranyekan-light.woff2') format('woff2'), url('../fonts/iranyekan-light.woff') format('woff'), url('../fonts/iranyekan-light.ttf') format('truetype');
}

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

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

body {
    background: #ffffff;
    color: #31353c;
    direction: rtl;
    font: 13.5px/28px iranyekan, Tahoma;
}

h2, h3, h4, h5, h6 {
    font-family: iranyekan, Tahoma;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 15px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

aside ul, aside ol, aside li {
    margin: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

a, .left-icons:hover i, .menu-icon:hover i, #menu .umenuroot > li > a:hover, .search-close span:hover, #top i, .userinfo .info ul li em {
    color: #f13b3b;
}

.container input[type="button"], .container input[type="submit"], .container input[type="reset"], #top, .button.b-color, .site-navigation a:hover, .navigation span, th.workday, .userinfo span[onclick*=javascript] {
    background: #f13b3b;
}

a:hover {
    color: #31353c;
}

.button.b-transparent {
    background: none;
    border: 2px solid #f13b3b;
    color: #f13b3b;
    font: 13px iranyekan;
}

.button.b-transparent:hover {
    background: #f13b3b;
    color: #ffffff;
}

.p-cats-list {
    border-top: 1px solid #f13b3b;
}

.search-close span:hover, .fotorama__thumb-border, .login-menu li a:hover {
    border-color: #f13b3b !important;
}

.tagcl a, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    outline: none;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.12);
}

.userinfo .info ul li span, .contacts a, .logo:hover, #dropmenudiv a:hover {
    color: #f13b3b !important;
}

.label {
    width: 20%;
    vertical-align: middle;
}

.f_input, .f_textarea {
    width: 100%;
}

.f_textarea {
    height: auto;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select, .chzn-choices {
    border: 1px solid #d7d7d7;
    line-height: 23px;
    color: #31353c;
    height: 40px;
    font-size: 13px;
    font-weight: 300;
    padding: 7px 14px;
    margin: 4px 0 4px;
    font-family: inherit;
    transition: all .3s ease;
}

input.bbcodes, .bb-editor textarea {
    height: auto;
}

.bb-editor {
    margin: 5px 0 1px 0;
}

.seccodein {
    width: 160px !important;
}

.cominput {
    width: 280px;
    max-width: 100%;
}

.container {
    width: 100%;
    margin: 0 auto 0;
    padding: 0px
}

.container.padd {
    padding-top: 110px;
}

#content {
    float: left;
}

#sidebar {
    float: right;
}

.button {
    display: inline-block;
    padding: 8px 20px 9px;
    border-radius: 2px;
    text-decoration: none !important;
    transition: all .3s ease;
}

.col2, .col3, .col4 {
    margin-bottom: 50px;
    float: right;
}

.col2 {
    width: 48.7%;
    margin-left: 2.6%;
}

.col4 {
    width: 23%;
    margin-left: 2.6%;
}

.col2:nth-child(2n) {
    margin-left: 0 !important;
}

.col4:nth-child(4n) {
    margin-left: 0 !important;
}

.container input[type="button"], .container input[type="submit"], .container input[type="reset"] {
    font-family: iranyekan, Tahoma;
    font-size: 13px;
    padding: 9px 16px 9px;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
}

.pollbut, .container input[type="submit"] {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}

.container input[type="button"]:hover, .container input[type="submit"]:hover, .container input[type="reset"]:hover {
    box-shadow: none;
    opacity: 0.8;
}

.center-div {
    max-width: 1200px;
    margin: 0 auto 0;
    padding: 0 15px 0;
    text-align:center
}

.oh:after {
    content: "";
    display: block;
    clear: both;
}

.read-more {
    text-align: center;
}

.ibutton, .ebutton {
    color: #fff;
    height: 48px;
    padding: 0 30px;
    background: #f13b3b;
    display: inline-block;
    font: 14.5px/47px iranyekan;
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ebutton {
    border-radius: 0 !important;
    padding: 0 28px !important;
    height: 44px !important;
    line-height: 43px !important;
}

.ibutton:hover, .ebutton:hover {
    background: #f13b3b !important;
    color: #fff;
    opacity: 0.85;
    box-shadow: 0 0 0 0 rgba(241, 59, 59, 0);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.righten {
    float: right !important;
}

.leften {
    float: left !important;
}

.clear, .clr {
    clear: both;
}

.white {
    color: #d5d5d5 !important;
}

#top {
    height: 40px;
    line-height: 40px;
}

.header {
    top: -150px;
    width: 100%;
    z-index: 1000;
    min-height: 70px;
    padding: 10px 0 10px;
    overflow: visible !important;
    /* background: #323232; */
    border-bottom: 2px solid #bf1e2e;
    color: #000 !important;
}

.header.oh.paddfix {
    padding: 20px 0 20px;
}

.header > .center-div {
    position: relative;
    min-height: 70px;
    z-index: 9999;
}

.logo {
    display: block;
    height: 80px;
    line-height: 70px;
    float: right;
    margin: 0;
    position: relative;
    width: 230px;
}

.logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 80px;
    position: relative;
    text-indent: -9999px;
    top: 0;
    width: 230px;
}

.logo img {
    bottom: 0;
    display: block;
    position: absolute;
}

.head-left {
    float: left;
    height: 20px;
    margin-top: 25px;
    color: #000;
}

.serch, .site-login, .menu-icon {
    float: left;
    margin: 15px 8px 0 0;
    width: 38px;
    height: 38px;
}

.serch a, .site-login a, .menu-icon a {
    display: block;
}

.serch i, .show-login i, .menu-icon i {
    cursor: pointer;
    font-size: 25px;
    height: 38px;
    width: 38px;
    color: #cccdce;
    display: block;
    line-height: 38px;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.serch i {
    padding-top: 1px;
}

.site-login:hover i, .serch i:hover, .icon-menu.is-red, .menu-icon i:hover {
    color: #f13b3b;
}

#search-form {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

#search-form > .center-div {
    position: relative;
    height: 100%;
    padding: 0;
}

#search-form > .center-div form {
    top: 50%;
    width: 80%;
    right: 50%;
    position: absolute;
    margin-top: -50px;
    transform: translateX(50%);
}

#search-input {
    width: 100%;
    padding: 2px 18px 0 18px;
    box-shadow: none !important;
    border: 1px solid #212121 !important;
    border-radius: 5px !important;
    font: 13px/50px iranyekan;
    height: 50px;
}

.search-close {
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding-top: 20px;
}

.search-close span {
    border-bottom: 1px dashed #ffa100;
    color: #fff;
    cursor: pointer;
    font: 18px/20px iranyekan;
    text-align: center;
}

.search-close i {
    font-size: 18px;
}

.about-us {
    margin: 0 auto 0;
    /*margin-bottom: 80px;*/
}

.about-cont { /*padding:43px 0 122px*/;
    display: block;
}

.about-right {
    z-index: 1;
    float: right;
    width: 38%;
    position: relative;
}

.about-right2 {
    z-index: 1;
    float: right;
    width: 50%;
    position: relative;
    padding: 0 80px 0px 0;
}

.about-image {
    z-index: 1;
    /* float: right; */
    max-width: 200px;
    position: relative;
    margin: 0 0 0 50px;
    margin: auto !important;
    float: none;
    text-align: center;
}

.about-image-pic {
    z-index: 1;
    /* float: right; */
    max-width: 250px;
    position: relative;
    margin: 0 0 0 50px;
    margin: auto !important;
    float: none;
    text-align: center;
}

.about-image img {
    width: 100%;
    max-width: 100%;
}

.about-left {
    float: left;
    width: 62%;
    padding: 0 80px 0 0;
}

.about-left2 {
    float: left;
    width: 45%;
    padding: 0 0 0 80px;
}

.about-text {
    text-align: justify;
    padding: 25px 35px 0 35px;
}

.about-right2 .about-text {
    text-align: justify;
    padding: 0 0px 0 50px;
}

.about-text-title {
    margin: 0 0 15px 0;
}

.about-text-title h2 {
    color: #31353c;
    font: 600 24px/36px iranyekan;
}

.about-text p {
    font: 300 14px/27px iranyekan;
    margin-bottom: 35px;
    color: #697079;
    clear: both;
}

.section-title {
    text-align: center;
    margin: 0 auto 36px;
}

.section-title h3 {
    margin-top: 20px;
    font: 28px/40px iranyekan;
}

/*.section-title::after {
    content: "";
    width: 35px;
    height: 2px;
    display: block;
    margin: 16px auto 0;
    background-color: #f13b3b;
}
*/
.carousel {
    padding: 0 0 100px;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
}

.owl-dots {
    display: none;
}



.slide-story {
    height: 340px;
    width: 100%;
}

.slide-story-image {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slide-story-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 1;
    background: rgba(0, 0, 0, .5);
}

.slide-story-image::after {
    content: "";
    position: absolute;
    height: 0;
    width: 100%;
    z-index: 2;
    right: 0;
    left: 0;
    top: 0;
    opacity: 0.9;
    background: #f13b3b;
    -webkit-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    -moz-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    -ms-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    -o-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
}

.slide-story:hover .slide-story-image::after {
    height: 100%;
}

.slide-story-image a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}

.slide-story-header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 38px 38px 38px;
}

.entry-category, .shortnews-category {
    margin-bottom: 10px;
    font-size: 0;
    line-height: 0;
    height: 28px;
}

.entry-category a, .shortnews-category a {
    z-index: 100;
    color: #fff;
    height: 28px;
    padding: 0 12px;
    position: relative;
    background: #f13b3b;
    display: inline-block;
    font: 12.5px/27px iranyekan;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.entry-category a {
    -webkit-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    -moz-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    -ms-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    -o-transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
    transition: all 0.5s cubic-bezier(1, 0.03, 0.15, 0.99) 0s;
}

.entry-category a:not(:last-child), .shortnews-category a:not(:last-child) {
    display: none;
}

.entry-category a:hover {
    background: #ffffff;
    color: #31353c;
}

.slide-story:hover .entry-category a, .shortnews-category a:hover {
    color: #31353c;
    background: #fff;
}

.entry-title {
    z-index: 100;
    position: relative;
    margin-bottom: 10px;
    pointer-events: none;
}

.entry-title h2 {
    color: #fff;
    max-height: 80px;
    overflow: hidden;
    font: 18px/38px iranyekan;
}

.entry-date {
    color: #fff;
    z-index: 99;
    position: relative;
    font-size: 12.5px;
    font-weight: 300;
}

/*
.owl-nav {
    background: #f2f4f4;
    text-align: center;
    margin: 0 auto 0;
    height: 90px;
    width: 100%;
    max-width: 80%;
    line-height: 100px;
}
*/

.owl-carousel .owl-nav i {
    font-size: 28px;
    /*width: 70px;*/
    text-align: center;
    display: inline-block;
}

.owl-carousel .owl-nav i:active {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
}

.we-wrap {
    width: 100%;
    clear: both;
    padding: 0 0 50px;
}

.we-item {
    float: right;
    width: 33.33%;
    padding: 0 20px 20px 20px;
    margin-bottom: 20px;
}

.weicon {
    width: 20%;
    float: right;
    text-align: center;
    padding: 2px 0 0 0;
}

.weicon i {
    font-size: 40px;
    line-height: 50px;
    color: #f13b3b;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.we-text {
    float: right;
    width: 80%;
}

.we-item h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
}

.we-item h3 a {
    color: #31353c;
    font: 16px/25px iranyekan;
}

.we-item:hover h3 a {
    color: #f13b3b;
}

.we-item:hover i {
    color: #777b80;
}

.we-item h3 a:hover {
    text-decoration: underline;
}

.we-item p {
    color: #777b80;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}

.services-wrap {
    width: 100%;
    clear: both;
    padding: 50px 0 50px;
    background: #323232;
}

.services-wrap .section-title h3 {
    color: #fff
}

.services-boxes {
    margin: 0 -24px 0;
}

.service-box {
    float: right;
    /*width: 33.33%;*/
    width: 100%;
    margin-bottom: 49px;
    /*padding: 0 24px 0 24px;*/
}

.service-box-inner {
    height: 220px;
    overflow: hidden;
    position: relative;
    background: #f2f4f4;
    padding: 47px 10px 47px;
}

.service-box-icon {
    height: 50px;
    display: block;
    margin-bottom: 38px;
}

.service-box-icon i {
    font-size: 50px;
    color: #787a7b;
}

.service-box-title {
    font-size: 16px;
    position: relative;
    color: #31353c;
    height: 43px;
    margin-bottom: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.service-box-title::after {
    content: "";
    width: 35px;
    height: 2px;
    background: #f13b3b;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.service-box-description {
    display: block;
    height: 80px;
    font-weight: 300;
    line-height: 28px;
    color: #767777;
    text-align: justify;
    padding-left: 8px;
    overflow: hidden;
}

.service-box-more {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: 30px;
    padding: 0 40px 0;
    bottom: -33px;
    line-height: 22px;
}

.service-box-inner, .service-box-icon, .service-box-more, .service-box-title::after, .service-box-icon i {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.service-box-more i {
    font-size: 22px;
    color: #fff;
}

.service-box-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.service-box-inner.active, .service-box-inner:hover {
    background: #f13b3b;
}

.service-box-inner:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

.service-box-inner.active .service-box-icon, .service-box-inner:hover .service-box-icon {
    margin-bottom: 20px;
}

.service-box-inner.active .service-box-more, .service-box-inner:hover .service-box-more {
    bottom: 24px;
}

.service-box-inner.active .service-box-icon i, .service-box-inner.active .service-box-description, .service-box-inner.active .service-box-title, .service-box-inner:hover .service-box-icon i, .service-box-inner:hover .service-box-description, .service-box-inner:hover .service-box-title {
    color: #fff;
}

.service-box-inner.active .service-box-title::after, .service-box-inner:hover .service-box-title::after {
    background: #ffffff;
}


.owl-nav {
    color: #f2f4f4 !important;
    font-size: 30px;
}

.owl-nav > div {
    position: absolute;
    top: calc(50% - 17px);
}

.owl-nav .owl-prev {
    left: -25px;
}

.owl-nav .owl-next {
    right: -25px;
}

.blog {
    padding: 0 0 50px;
    position: relative;
}

.news-bottom {
    padding: 20px 0 5px 0;
}

.shortnews-title {
    clear: both;
    height: 70px;
    overflow: hidden;
    margin: 0 0 6px;
    position: relative;
    font: 16px/32px iranyekan;
}

.shortnews-title a {
    color: #31353c;
}

.shortnews-title a:hover {
    color: #f13b3b;
}

.shortnews-text {
    font-size: 14px
}

.shortnews-date {
    color: #989da2;
    position: relative;
    font-size: 12.5px;
    font-weight: 300;
    height: 24px;
}

.shortnews-img {
    height: 200px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.shortnews-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.shortnews-img img {
    width: 100%;
    min-height: 190px;
}

.shortnews-img::before {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: scale3d(2, 2, 1) rotate3d(0, 0, 1, 40deg) translate3d(0, -100%, 0);
    transform: scale3d(2, 2, 1) rotate3d(0, 0, 1, 40deg) translate3d(0, -100%, 0);
}

.shortnews:hover .shortnews-img::before {
    -webkit-transform: scale3d(2, 2, 1) rotate3d(0, 0, 1, 40deg) translate3d(0, 100%, 0);
    transform: scale3d(2, 2, 1) rotate3d(0, 0, 1, 40deg) translate3d(0, 100%, 0);
}

.spacer {
    height: 50px;
    width: 100%;
    display: block;
}

.relnews-img {
    height: 150px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #dcdcdc;
}

.relnews-img img {
    width: 100%;
    min-height: 150px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.relnews-img img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.relnews-title {
    height: 75px;
    overflow: hidden;
    padding: 10px 0 12px;
}

.relnews-title a {
    color: #31353c;
}

.relnews-title a:hover {
    color: #f13b3b;
}


.socials {
    width: 100%;
    height:300px;
    background-image: url("/img/socials_bg.jpg");
    color: #fff;
    font-size: 16px;
}

.socials .center-div {
    height: 25px;
    position: relative;
    top: 120px;
}

.socials span {
    border: 1px solid #fff;
    border-radius: 18px;
    padding: 2px;
    width: 95px;
    display: block;
    font-size: 14px;
    height: 35px;
}


.footer {
    position: relative;
    /*background: url(../images/map.png) no-repeat center top;*/
    background-color: #323232;
}

.footer-cont {
    padding: 65px 0 15px;
    /*border-top: 1px solid #f7f7f7;*/
}

.footer .col3 h4::after, .footer .col4 h4::after {
    display: inline-block;
    height: 2px;
    width: 40px;
    background-color: #f13b3b;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
}

.foot-block {
    overflow: hidden;
}

.footer .col3, .footer .col4 {
    margin-bottom: 35px;
    text-align: right;
}

.footer .col3 h4, .footer .col4 h4 {
    color: #ffffff;
    padding: 0 0 15px;
    font-size: 18px;
    position: relative;
    margin: 0 0 24px 0;
}

.f-news {
    overflow: hidden;
    margin-bottom: 15px;
}

.f-news:last-child {
    margin-bottom: 0;
}

.f-news h3 {
    height: 25px;
}

.f-news h3 a {
    color: #fff;
    font: 14px/25px iranyekan;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.f-news p {
    color: #adafb0;
    margin: 4px 0 0 0;
    font: 300 12.5px/24px iranyekan !important;
}

.footer-links {
    color: #fff;
    list-style-type: disc;
    direction: rtl;
    list-style-position: inside;
}

.footer-links li {
    width: 50%;
    float: right;
    padding: 0 0 0 14px;
    margin-bottom: 10px;
}

.footer-links li a {
    color: #bb414c;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.f-news h3 a:hover, .footer-links li a:hover {
    color: #f13b3b;
}

.footer .infotxt {
    margin: 0 0 10px;
}

.footer .infotxt p {
    color: #ffffff;
    text-align: justify;
}

.sospages {
    display: block;
    margin: 35px 0 30px;
    overflow: hidden;
    text-align: center;
}

.sospages li {
    display: inline-block;
    padding: 0 13px 0 13px;
}

.sospages li a {
    color: #c7c7c8;
    display: block;
}

.sospages li i {
    vertical-align: middle;
}

.sospages li a:hover {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.myinstagram i {
    font-size: 28px;
    padding: 0;
}

.mytelegram i {
    font-size: 24px;
}

.myfacebook i {
    font-size: 26px;
}

.mytwitter i {
    font-size: 29px;
}

.siterss i {
    font-size: 28px;
}

.myinstagram:hover {
    color: #f03020 !important;
}

.mytelegram:hover {
    color: #6EA7EE !important;
}

.myfacebook:hover {
    color: #5C93FB !important;
}

.mytwitter:hover {
    color: #5C93FB !important;
}

.siterss:hover {
    color: #ff9300 !important;
}

.bottom {
    padding: 16px 0 20px;
    overflow: hidden;
    color: #fff;
    border-top: 1px solid rgba(66, 72, 81, 0.1);
}

.bottom-right {
    float: right;
}

.bottom-left {
    float: left;
}

.bottom-left a {
    color: #aeaeae;
}

.bottom-left a:hover {
    color: #f13b3b;
}

.bottom a {
    color: #f13b3b;
    font-size: 13px;
}

.bottom a:hover {
    color: #333;
}

#go-top {
    background: #f13b3b;
    opacity: 0.95;
    color: #fff;
    right: -60px;
    width: 40px;
    height: 40px;
    bottom: 30px;
    z-index: 1000;
    cursor: pointer;
    position: fixed;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    border-radius: 1px;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

#go-top:hover {
    opacity: 0.8;
}

#go-top.active {
    right: 33px;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

#path {
    min-height: 44px;
    line-height: 25px;
    padding: 10px 0 10px;
    background: #f8f8f8;
}

#dle-speedbar {
    font-size: 13px;
    color: #bbb;
    font-weight: 300;
}

#dle-speedbar a {
    color: #31353c;
}

#dle-speedbar a:hover {
    color: #f13b3b;
}

#middle {
    padding: 44px 0 20px;
}

#content {
    width: 74%;
}

#sidebar {
    width: 22%;
}

.block {
    margin-bottom: 50px;
}

.block > h4 {
    color: #31353c;
    font-size: 15px;
    padding: 0 0 15px;
    position: relative;
    margin: 0 0 22px 0;
}

.archives > b {
    font: 13px/26px iranyekan;
}

.block-box ul, .block-box li {
    list-style: none;
    list-style-type: none;
}

.block .left-icons {
    position: relative;
}

.block .s-button {
    position: absolute;
    left: 2px;
    top: 2px;
}

.block .s-button i {
    content: "";
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.block .left-icons input {
    margin: 0;
    width: 100%;
    height: 42px;
    padding: 0 15px 0 50px;
    border: 1px solid #e0e0e0;
    font: 300 13.5px/42px iranyekan !important;
}

.block .left-icons .btn {
    height: 38px;
    width: 39px;
    border: none;
    color: #fff;
    background: #f13b3b;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
    cursor: pointer;
    padding: 3px 0 0 1px;
}

.block .left-icons .btn:hover {
    opacity: 0.8;
}

.sidenews li {
    clear: both;
    width: 100%;
    height: 90px;
    position: relative;
    padding: 15px 72px 15px 0;
    border-bottom: 1px dashed #e0e0e0;
}

.sidenews li:first-child {
    height: 75px;
    padding-top: 0;
}

.sidenews li:last-child {
    border-bottom: none;
}

.sidenews-image {
    right: 0;
    width: 60px;
    height: 60px;
    bottom: 15px;
    display: block;
    overflow: hidden;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.sidenews-image a {
    color: #999;
}

.sidenews-image img {
    min-height: 60px;
    width: 60px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.sidenews-image img:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.sidenews-news {
    padding: 2px 0 0 0;
    line-height: 28px;
    overflow: hidden;
    color: #333;
    display: block;
    float: right;
    height: 60px;
}

.sidenews-news a {
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.sidenews-news a {
    font-weight: 300;
    color: #31353c;
    display: block;
    height: 60px;
    width: 100%;
}

.sidenews-news a:hover {
    color: #f13b3b;
}

.sidenews-views {
    color: #888;
    font-size: 12px;
    font-weight: 300;
}

hr {
    background: #dcdcdc;
    border: none;
    height: 1px;
}

.news-title {
    font: 21px/40px iranyekan;
    color: #31353c;
    margin: 0 0 7px 0;
    min-height: 30px;
}

.edetails {
    padding: 10px 0;
}

.news-info {
    color: #aaa;
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 28px;
    overflow: hidden;
    padding: 0 0 14px;
    border-bottom: 1px dashed #dadada;
}

.news-info ul li {
    float: right;
    list-style: none;
}

.news-info ul li a, .news-info ul li b {
    display: inline-block;
    font-weight: normal;
}

.news-info ul li a {
    color: #31353c;
}

.news-info li::after {
    content: "";
    margin: 0 12px;
    background: #aaa;
    height: 5px;
    width: 5px;
    display: inline-block;
    border-radius: 50%;
}

.news-info li:last-child:after {
    display: none;
}

.ratewrap {
    float: left;
}

.fullstory {
    width: 100%;
    margin: 20px 0;
    font-weight: 300;
    line-height: 30px;
}

.fulltags {
    color: #ffffff;
    font-size: 0;
    margin: 10px 0;
    padding: 0;
}

.tagstitle {
    color: #31353c;
    display: block;
    margin: 0 0 8px;
    font: 14px/26px iranyekan;
}

.fulltags a {
    border: 1px solid #eaeaea;
    border-radius: 0;
    color: #777;
    display: inline-block;
    font: 300 12.5px/30px iranyekan, Tahoma;
    height: 32px;
    margin: 0 0 3px 3px;
    padding: 0 9px 0 10px;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.fulltags a:hover {
    border: 1px solid #f13b3b;
    background: #f13b3b;
    color: #ffffff;
}

.pollque {
    padding: 5px 5px 12px 5px;
}

.pollans {
    font-size: 13px !important;
    line-height: 30px !important;
}

.pollbutton {
    margin-top: 15px;
}

.fullstory img {
    max-width: 100%;
    margin: 0 auto 8px;
    display: block;
    float: none !important;
}

.coment {
    position: relative;
}

#allentries > div[id^='coment'] {
    margin-top: 20px;
    padding: 1px 0 20px;
}

#allentries > div[id^='coment'] {
    border-bottom: 1px dashed #e0e0e0;
}

.ebox {
    margin-bottom: 50px;
}

.addcom {
    margin: 20px 0 20px;
}

.commtable {
    padding-top: 50px;
}

.commtable .commfll, .commtable .securityCode {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
}

.commtable .securityCode {
    width: auto;
}

.catLink {
    color: #fff !important;
    font-size: 16px !important;
}

.tags-warp {
    font-size: 0;
    line-height: 0;
    padding-top: 6px;
}

.tags-warp a {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    color: #31353c !important;
    display: inline-block;
    float: right;
    height: 33px;
    font: 300 12.5px/32px iranyekan;
    margin: 0 0 4px 4px;
    padding: 0 10px;
}

.tags-warp a:hover {
    background: #f13b3b;
    border: 1px solid #f13b3b;
    color: #ffffff !important;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.site-navigation {
    text-align: center;
    margin-bottom: 18px;
}

.site-navigation span, .site-navigation a {
    border: 1px solid #eaeaea;
    border-radius: 2px;
    color: #555;
    display: inline-block;
    font-size: 13px;
    line-height: 34px;
    padding: 1px 14px 1px 14px;
}

.site-navigation a:hover, .navigation span {
    color: #fff;
    border-color: #f13b3b;
}

.navigation, .nextprev {
    display: inline-block;
    font: 12px iranyekan;
}

.nextprev a:hover span {
    background: none;
    text-shadow: none;
}

.shadow:before {
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    z-index: 1;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.grey {
    color: #777;
}

.blue {
    color: #388bd4;
}

.userseting {
    list-style: outside none none;
    margin: 0 !important;
}

.xfieldimagegallery {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}

.xfieldimagegallery li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.xfieldimagegallery li img {
    border: 5px solid #fff;
    float: right !important;
    height: 100px;
    margin: 0 0 0 5px;
    transition: box-shadow 0.5s ease 0s;
    width: 100px;
}

.xfieldimagegallery li img:hover {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-info {
    display: block;
    width: 100%;
}

.our-info {
    width: 50%;
    float: right;
    display: block;
    padding: 0 20px 0 20px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.our-title {
    height: 40px;
    text-align: center;
    font: 15px/25px iranyekan;
}

.our-info span {
    width: 50%;
    height: 40px;
    float: right;
    padding: 0 8px 0 8px;
    font: 13px/40px iranyekan;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.our-info ul li {
    clear: both;
    height: 37px;
    list-style: none;
    border-top: 1px dotted #e3e3e3;
}

.our-info ul li:first-child {
    border-top: none;
}

.our-info li i {
    width: 27px;
    float: right;
    font-size: 17px;
    line-height: 40px;
}

.our-info span a {
    color: #333;
}

.our-info span a:hover {
    color: #f13b3b;
}

.leftx {
    direction: ltr;
    text-align: left;
    line-height: 42px !important;
}

.our-address {
    width: 50%;
    float: left;
    display: block;
    padding: 0 20px 0 20px;
    border-left: 1px solid #eee;
}

.our-address-box {
    padding: 6px 0 6px 0;
}

.our-address-box i {
    width: 24px;
    float: right;
    font-size: 18px;
    display: inline-block;
    line-height: 25px;
    height: 45px;
    color: #188fe6;
}

.block h4::after, .page-title::after, .btitle::after {
    right: 0;
    bottom: 0;
    content: "";
    width: 40px;
    height: 2px;
    display: block;
    position: absolute;
    background: #f13b3b;
}

.page-title, .block h4, .btitle {
    color: #31353c;
    font-size: 18px;
    padding: 5px 0 14px;
    position: relative;
    margin: 0 0 24px 0;
    clear: both;
}

.btitle {
}

.tableform, .tableform select {
    width: 95%;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.overlay-close {
    top: 12px;
    left: 12px;
    width: 30px;
    height: 30px;
    color: #999999;
    cursor: pointer;
    line-height: 28px;
    position: absolute;
    text-align: center;
    transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}

.overlay-close::before {
    content: "\e999";
    font-style: normal;
    font-size: 24px;
    font-family: icon;
}

.overlay-close:hover {
    color: #f13b3b;
}

#loginbox {
    border-radius: 5px;
    line-height: normal;
    position: absolute;
    margin-left: -160px;
    min-height: 150px;
    overflow: hidden;
    background: #fff;
    z-index: 9999;
    width: 320px;
    left: 50%;
    top: 20%;
}

.login-title {
    border-bottom: 1px solid #e5e5e5;
    font: bold 14px/22px iranyekan;
    padding: 15px 20px 14px;
    position: relative;
}

.login-form ul {
    padding: 22px 25px 10px 25px;
}

.login-form li {
    margin-bottom: 20px;
    list-style: none;
}

.login-form ul li label {
    display: inline-block;
    margin-bottom: 5px;
}

.login-form ul li input {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e3e3e3;
    width: 100%;
    padding: 0 10px;
}

.login-form ul li a {
    float: right;
}

.log-check {
    padding: 0 25px;
    line-height: 40px;
    margin: 0 0 30px 0;
    overflow: hidden;
}

.login-form button, .login-form html input[type="button"], .login-form input[type="reset"], .login-form input[type="submit"] {
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 13px/36px iranyekan !important;
    height: 37px;
    padding: 0 20px 5px;
}

.log-check input, .log-check label {
    float: left;
    display: inline-block;
    font-size: 11.5px;
}

.log-check input {
    display: none;
}

.log-check input + label:before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    content: "";
    float: left;
    position: relative;
    top: 8px;
}

.log-check input:checked + label:before {
    background-color: #555;
    border: 4px solid #aeaeae;
}

.log-check button {
    float: right;
    background: #f13b3b;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.log-check button:hover {
    -webkit-box-shadow: 0px 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.avatar-box {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 35px;
    float: left;
}

.avatar-box img {
    width: 100%;
    min-height: 100%;
}

.name-box {
    float: left;
    padding-left: 20px;
    line-height: 70px;
    font-size: 20px;
    position: relative;
}

.name-box a {
    color: #fff;
    font-size: 12px;
    border-bottom: 1px dotted #fff;
    line-height: 14px;
    position: absolute;
    left: 20px;
    bottom: 5px;
}

.login-menu {
    margin: 0;
    padding: 0;
}

.login-menu li {
    list-style: none;
}

.login-menu li a {
    border-bottom: 1px dashed #eee;
    border-right: 4px solid transparent;
    color: #555;
    display: block;
    font: 13px/44px iranyekan;
    height: 44px;
    padding: 0 14px;
}

.login-menu li:first-child a {
    margin: 2px 0 0 0;
}

.login-menu li a:hover {
    background-color: #f5f5f5;
    border-bottom: 1px dashed #eee !important;
}

.login-menu li:last-child a {
    border-bottom: none;
    margin-bottom: 3px;
}

.ozviat {
    height: 50px;
    line-height: 44px;
    font-size: 13px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    margin: 0 20px 0 20px;
}

.ozviat a {
    display: inline;
}

.ecomment {
    margin: 10px 0 40px;
}

.ecomment.cblock1, .ecomment.cblock2 {
    border: 0;
    background: none;
}

.uc-avatar {
    top: 7px;
    right: 0;
    width: 50px;
    position: absolute;
}

.uc-avatar img {
    width: 50px;
    border-radius: 50%;
    vertical-align: middle;
}

.uc-content {
    padding: 0 68px 0 0;
    position: relative;
}

.uc-top-right {
    float: right;
}

.uc-top-right li {
    float: right;
    list-style: none;
    padding: 0 0 0 18px;
    font-size: 13px;
    color: #afb0b0;
}

.uc-top-right li i {
    float: right;
    height: 20px;
    padding: 3px 5px 0 5px;
}

.uc-top-right b {
    font-size: 15px;
    font-weight: bold;
    color: #31353c;
}

.uc-top-left {
    float: left;
}

.uc-top a {
    color: #31353c
}

.uc-top img {
    vertical-align: middle;
}

.uc-site-login {
    float: left;
    white-space: nowrap;
}

.uc-top-left img, .uc-top-left a, .uc-top-left span {
    vertical-align: middle;
}

.uc-message {
    font-weight: 300;
    padding: 10px 0 10px;
}

.icon-thumb-up:hover, .icon-thumb-down:hover {
    opacity: 0.7;
}

.berrors {
    margin: 10px 0 10px;
    background: #f2dede;
    text-align: center;
    padding: 14px 16px 14px;
    font: 300 13px/25px iranyekan, tahoma;
    border: 1px solid #eed3d7;
    color: #9f3f3d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.berrors i {
    color: #a81e1b;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    margin: 1px 0 0 0;
}

.reset, .reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lcol {
    float: left;
}

.rcol {
    float: right;
}

.pm select {
    width: 190px;
}

.avatar img {
    max-width: 173px;
}

.userinfo {
    position: relative;
}

.userinfo span[onclick*=javascript], .status {
    font: 13px/28px iranyekan;
    color: #fff;
    height: 28px;
    padding: 0 11px 0 12px;
    display: inline-block;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    border-radius: 2px;
    z-index: 5;
}

.userinfo span[onclick*=javascript]:hover {
    opacity: .8;
}

.userinfo span[onclick*=javascript] {
    right: 0;
    cursor: pointer;
}

.userinfo #options {
    position: relative;
    padding: 30px;
    margin: 20px 0;
    background: #f8f8f8;
    overflow: hidden;
}

.userinfo #options fieldset {
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
}

.userinfo #options legend {
    display: block;
    padding: 4px 15px;
    margin: 0 auto;
}

.userinfo #options sup {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.userinfo #options p {
    color: #777;
    font-size: .9em;
    margin: 10px 0 0 0;
}

.userinfo #options fieldset {
    border-bottom: solid 1px #f1f1f1;
}

.userinfo #options #allowed_ip {
    height: 40px;
    padding: 6px;
}

.userinfo #options input[type="file"] {
    display: block;
}

.userinfo #options label {
    font-size: 13px;
    padding: 5px;
}

.userinfo #options textarea {
    height: 100px;
}

.userinfo #options input[type="text"], .userinfo #options input[type="password"], .userinfo #options textarea {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
}

.userinfo #options .xfield {
    margin: 15px 0;
    border-bottom: solid 1px #eee;
}

.userinfo #options .xfield tr td {
    padding: 10px;
}

.userinfo #options .xfield tr td:nth-child(1) {
    width: 30%;
}

.userinfo #options .xfield td.xprofile {
    width: 70%;
}

.userinfo .info {
    padding: 50px 0 0 0;
}

.userinfo .info > div {
    width: 120px;
    margin: 0 auto;
    text-align: center;
}

.userinfo .info > div .ava {
    width: 100%;
    border-radius: 10px;
}

.userinfo .info > div a {
    cursor: pointer;
    margin-bottom: 5px;
    width: 65%;
    display: inline-block;
    padding: 6px 20px 7px;
    line-height: 18px;
    font-family: iranyekan;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.userinfo .info > div a:hover {
    opacity: .8;
}

.userinfo .info ul {
    list-style: none;
    font-size: 13px;
    color: #4b5257;
    border-top: solid 1px #eee;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

.userinfo .info ul li {
    margin: 0 0 5px 0;
}

.userinfo .info ul li b {
    font: 12px/22px iranyekan;
    margin: 0;
}

.userinfo .info ul li span {
    color: #a3344e;
}

.userinfo .info > div a {
    background: #7db01c;
}

.filedl {
    clear: both;
    max-width: 90%;
    margin: 0 auto 0;
    padding: 10px 0 10px;
}

.filedl table {
    background: #fff;
    width: 100%;
    margin: 0 auto 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.filedl td {
    border: 1px solid #d8d8d8;
    padding: 8px 12px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

.filedl thead td {
    background: #f0f0f0;
    color: #333;
    text-align: center;
}

.filedl-name {
    width: 50%;
}

.filedl-size {
    width: 17%;
}

.filedl-num {
    width: 13%;
}

.filedl-dl {
    width: 20%;
}

.filedl tr {
    border-bottom: none
}

.filedl a {
    background: #1bcc87;
    border-radius: 3px;
    color: #fff;
    display: block;
    font: 12.5px/35px iranyekan, tahoma;
    height: 35px;
    padding: 0 14px 0 14px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.filedl a:hover {
    background: #1ac280;
}

@media screen and (min-width: 1200px) {
    #menu {
        padding-left: 60px !important;
    }
}

@media screen and (max-width: 1199.98px) {
    body {
        overflow-x: hidden;
    }

    .center-div {
        padding: 0 30px 0;
    }

    #menu .umenuroot > li > a {
        padding: 0 10px;
    }

    #content {
        width: 69%;
    }

    #sidebar {
        width: 27%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slide-story {
        height: 300px;
    }
}

@media screen and (min-width: 992px) {
    .stickyhead {
        top: 0;
        right: 0;
        left: 0;
        position: fixed;
        background: #323232;
        padding: 0 !important;
        transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
    }

    .menu-icon {
        display: none;
    }

    #menu {
        /*float: left;*/
        display: block !important;
        padding-left: 30px;

    }

    #menu .umenuroot, #menu .umenuroot li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu .umenuroot > li {
        /*float: right;*/
        display: inline-block;
    }

    #menu .umenuroot li {
        position: relative;
    }

    #menu .umenuroot > li > a {
        color: #000;
        display: block;
        padding: 0 14px;
        height: 70px;
        font: 13.5px/71px iranyekan;
        text-decoration: none;
        transition: all .3s ease;
    }

    #menu .withsubmenu ul, #menu .withsubmenu ul li {
        margin: 0;
        padding: 0;
    }

    #menu .withsubmenu ul {
        position: absolute;
        width: 220px;
        top: 60px;
        right: -30px;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0 10px;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2);
    }

    #menu .withsubmenu ul a {
        color: #555555;
        display: block;
        padding: 0 20px 0;
        text-decoration: none;
        font: 12.5px/38px iranyekan;
    }

    #menu .withsubmenu ul a:hover {
        color: #f13b3b;
    }

    #menu .withsubmenu > ul li ul {
        top: 0;
        right: 220px;
    }

    #menu .withsubmenu:hover > ul {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        transition: all .2s ease-in-out;
    }

    #menu .umenuroot > li.withsubmenu > a > span i {
        margin-right: 5px;
        height: 70px;
        display: inline-block;
        float: left;
        line-height: 70px;
    }

    #menu .umenuroot > li ul li > a i {
        float: left;
        line-height: 38px;
    }

    #menu .umenuroot > li > a:hover {
        color: #f13b3b;
    }

    #menu .umenuroot li:hover.withsubmenu > a {
        color: #f13b3b;
    }

    .we-text {
        padding-right: 5px;
    }

    .col3 {
        width: 30.5%;
        margin-left: 4.1%;
    }

    .col3:nth-child(3n) {
        margin-left: 0;
    }

    .f_input {
        width: 50% !important;
    }

    .f_textarea {
        width: 70% !important;
    }

    .tableform select {
        width: 50% !important;
    }

    .label {
        width: 20% !important;
        padding-left: 10px;
    }

    .bb-editor {
        max-width: 80% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .we-text {
        padding-right: 10px;
    }

    .about-cont {
        max-width: 80%;
        margin: 0 auto 0;
    }

    .services-wrap .center-div, .carousel .center, .we-wrap .center, .blog .center, .footer .center {
        max-width: 80%;
    }
}

@media screen and (max-width: 991.98px) {
    .center.rescent {
        margin: 0 30px 0;
        padding: 0;
    }

    #middle {
        padding: 40px 0 40px;
    }

    #menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 320px;
        max-width: 100%;
        background: #fff;
        padding-top: 3px;
        display: none;
    }

    #menu {
        box-shadow: inset 0 1px 0 0 #f13b3b, 0 5px 10px rgba(0, 0, 0, 0.15);
    }

    .pollbut {
        padding: 7px 10px !important;
    }

    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
    }

    #menu ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
    }

    #menu ul li a {
        color: #555555;
        line-height: 40px;
        border-bottom: 1px solid #f2f2f2;
        display: block;
        padding: 1px 15px 1px !important;
        text-decoration: none;
    }

    #menu ul li a:hover {
        color: #f13b3b !important;
    }

    #menu .withsubmenu ul {
        padding-right: 30px;
    }

    #menu .withsubmenu ul a {
        text-transform: none;
        padding-right: 2px !important;
    }

    #menu i {
        display: none;
    }

    .col3 {
        width: 47.5%;
        margin-left: 5%;
    }

    .col3:nth-child(2n) {
        margin-left: 0;
    }

    .col4 {
        width: 47.7%;
        margin-left: 4.6%;
    }

    .col4:nth-child(2n) {
        margin-left: 0 !important;
    }

    .slide-story {
        height: 280px !important;
    }

    .service-box {
        width: 50%;
    }

    .footcol {
        margin-bottom: 50px;
    }

    .sunrise {
        padding: 30px 0 0;
    }

    .about-cont {
        padding: 5px 0 90px 0;
    }

    .about-right {
        float: none;
        width: 100%;
    }

    .about-image {
        margin: 0;
    }

    .about-image::after {
        display: none;
    }

    .about-left {
        float: none;
        width: 100%;
        clear: both;
        padding: 30px 0 0 0;
    }

    .about-text {
        padding: 0;
    }

    .about-text .ibutton {
        display: table;
        margin: 0 auto 0;
    }

    .we-item {
        width: 50%;
    }

    .filedl table {
        border-top: 1px solid #d8d8d8
    }

    .filedl table, .filedl thead, .filedl tbody, .filedl th, .filedl td, .filedl tr {
        display: block
    }

    .filedl td {
        border-top: none;
        max-width: 100% !important;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .moblogin {
        display: none;
    }
}

@media screen and (max-width: 767.98px) {
    .logo {
        display: table;
        float: none;
        margin: 0 auto 0;
    }

    .head-left {
        clear: both;
        float: none;
        height: auto;
        display: table;
        margin: 8px auto 0;
    }

    #menu {
        top: 110%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .sunrise {
        padding: 10px 0 0;
    }

    #content, #sidebar {
        float: none;
        width: 100%;
    }

    .slide-story {
        height: 240px !important;
    }

    #sidebar {
        border-top: 1px dashed #dcdcdc;
        clear: both;
        margin-top: 70px;
        padding-top: 55px;
    }

    #sidebar .block {
        float: right;
        width: 47%;
        margin-left: 6%;
    }

    #sidebar .block:nth-child(2n) {
        margin-left: 0 !important;
    }

    .serch, .menu-icon, .site-login {
        margin-top: 0;
    }

    .path-title, .path-links {
        float: none;
    }

    .our-info {
        width: 100%;
        padding: 0;
        float: none;
        clear: both;
        border: none;
        border-left: none;
        margin: 0 0 30px 0;
    }

    .our-address {
        width: 100%;
        padding: 0;
        float: none;
        clear: both;
        border: none;
    }

    .we-item {
        width: 100%;
        padding: 0 0 14px 0;
    }

    .service-box {
        float: none;
        width: 100%;
    }

    .col4.relnews {
        margin-bottom: 20px;
    }

    .addcom {
        margin-top: 50px;
    }

    .pollbut {
        padding: 7px 15px !important;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .shortnews:nth-child(9n) {
        display: none;
    }

    .shortnews:nth-last-child(4) {
        display: block;
    }

    .footer-cont .col3:last-child {
        width: 100%;
        margin-left: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .we-are {
        max-width: 80%;
        margin: 0 auto 0;
        margin-bottom: 30px;
    }

    .weicon {
        width: 18%;
    }

    .we-text {
        width: 82%;
    }

    .contact-info {
        width: 60%;
    }

    .block-box ul {
        max-height: 250px;
        overflow-y: auto;
        padding: 0 0 0 15px;
    }

    .uc-top-right li {
        padding: 0 0 8px 18px;
    }
}

@media screen and (min-width: 576px) {
    .userinfo .info {
        padding: 0 20px 20px 170px;
        margin: 0 -20px 30px -20px;
        min-height: 200px;
    }

    .userinfo .info > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 120px;
        text-align: center;
    }

    .userinfo .status {
        right: 110px;
        left: auto;
    }

    .userinfo .info ul {
        margin: 0;
        padding: 0;
        border: 0;
    }

    #search-form > .center form {
        width: 70%;
    }
}

@media screen and (max-width: 575.98px) {
    #top {
        height: auto;
        padding: 7.5px 0 2px;
    }

    #search-input {
        width: 100%;
        padding: 14px 7% 13px 7% !important;
    }

    .col2, .col3, .col4 {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }

    .we-text {
        padding-right: 10px;
    }

    #sidebar .block {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .news-bottom {
        height: auto;
    }

    .shortnews-title {
        height: auto;
        padding-bottom: 3px;
    }

    .relnews-title {
        height: auto;
    }

    .bottom-left {
        margin-top: 5px;
    }
}

@media screen and (max-width: 380px) {
    .cominput {
        width: 255px;
    }

    .label {
        width: 25%;
        padding-left: 10px;
    }
}

.aboutus {
    width: 100%;
    clear: both;
    padding: 0 0 50px;
}

.top-slider {
    width: 100%;
    clear: both;
   /* padding: 0 0 20px;*/
}

.projects {
    width: 100%;
    clear: both;
    padding: 20px 0 50px;
}

.projects .read-more {
    margin-top: 25px;
}

.projects-count {
    font-size: 75px;
    color: #bf1e2e;
    height: 120px;
    line-height: 85px;
}

.counters {
    width: 100%;
    min-height:600px;
    clear: both;
    padding: 20px 0 50px;
    background: #f2f4f4;
    background-image: url('/images/bar.png');
    background-repeat: repeat-x;
    background-position-y: 250px;
}

.counters span{
    font-size:20px;
}

.counters i{
    font-size:25px;
}

.counters-number {
    font-size:30px !important;
}

.contactus {
    width: 100%;
    clear: both;
    padding: 20px 0 50px;
    background: #f2f4f4;
}

.contactus-right {
    width: 50%;
    float: right;
    margin: 0;
    padding-right: 220px;
}

.contactus-left {
    width: 50%;
    float: left;
    margin: 0;
    padding-left: 220px;
}

.contactus-right i, .contactus-left i {
    font-size:30px;
}

.contactus-right span, .contactus-left span {
    display: block;
}

.contactus a{
    color:#000
}

.clients {
    width: 100%;
    height: 200px;
    clear: both;
    padding: 20px 0 20px;
    background: #323232;;
}

.clients  {
    margin: 20px auto;
}

.clients  .center-div  {
    margin: 20px auto;
}

.roll-client {
    text-align: center
}

.client-item {
    display: inline-block;
    margin: 10px 15px
}

.slide {
    width: 100%;
    height: 600px;
}

.slide img {
    left: 0px;
    position: absolute;
    /*width: 100%;*/
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.rslides_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("../images/themes.gif") no-repeat left top;
    margin-top: 100px;
}

.rslides_nav:active {
    opacity: 1.0;
}

.rslides_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}


.ruzhman-two-columns-75-25 .ruzhman-column1 .ruzhman-column-inner {
    padding: 0 20px 0 0
}

.ruzhman-two-columns-75-25 .ruzhman-column2 {
    width: 25%;
    float: left
}

.ruzhman-two-columns-75-25 .ruzhman-column2 .ruzhman-column-inner {
    padding: 0 0 0 20px
}

.ruzhman-two-columns-25-75 {
    width: 100%
}

.ruzhman-two-columns-25-75 .ruzhman-column1 {
    width: 25%;
    float: left
}

.ruzhman-two-columns-25-75 .ruzhman-column1 .ruzhman-column-inner {
    padding: 0 20px 0 0
}

.ruzhman-blog-holder article, .ruzhman-blog-holder article .ruzhman-post-info-column-inner div:not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-comments-holder:hover span, .ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-date-day {
    color: #c18f59
}

.ruzhman-blog-holder article {
    padding-bottom: 35px;
    margin-bottom: 36px
}

.ruzhman-blog-holder article h2 {
    padding-bottom: 10px
}

.ruzhman-blog-holder article p {
    margin-bottom: 15px
}

.ruzhman-blog-holder article:not(.format-audio) .ruzhman-post-image {
    margin-bottom: 32px
}

.ruzhman-blog-holder article .ruzhman-post-content {
    display: table;
    width: 100%;
    table-layout: fixed
}

.ruzhman-blog-holder article .ruzhman-post-info-column {
    display: table-cell;
    width: 81px;
    padding-left: 30px;
    text-align: center;
    vertical-align: top
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-blog-share .ruzhman-social-share-holder > a *, .ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-social-share-holder, .ruzhman-blog-holder article .ruzhman-post-info-column-inner div span {
    display: block
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner > div {
    padding: 12px 0
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-comments-no, .ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-date-day {
    font-size: 28px;
    line-height: 34px
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-comments-holder {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-comments-holder:hover {
    background-color: #f7f7f7;
    color: #c18f59
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-comments-no {
    color: #222
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-comments-text, .ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-post-info-date-month {
    line-height: 20px;
    color: #6a6a6a
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-social-share-dropdown {
    left: 100%;
    top: -13px
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-blog-share .ruzhman-social-share-dropdown-opener i {
    line-height: 34px;
    margin: 0
}

.ruzhman-blog-holder article .ruzhman-post-info-column-inner .ruzhman-social-share-holder .ruzhman-social-share-title {
    line-height: 20px
}

.ruzhman-blog-holder article .ruzhman-blog-share .ruzhman-social-share-dropdown ul {
    /*min-width: 81px*/
}

.ruzhman-blog-holder article .ruzhman-blog-share .ruzhman-social-share-dropdown ul li {
    /*min-width: 81px;*/
    font-size: 26px;
    padding: 12px 0
}

.ruzhman-blog-holder article .ruzhman-blog-share .ruzhman-social-share-dropdown ul li a span:first-child {
    line-height: 34px
}

.ruzhman-blog-holder article .ruzhman-blog-share .ruzhman-social-share-dropdown ul li .ruzhman-social-network-text {
    padding: 0
}

.ruzhman-blog-holder article .ruzhman-social-share-holder:hover .ruzhman-social-share-dropdown ul li:nth-child(2) {
    left: 80px
}

.ruzhman-blog-holder article .ruzhman-social-share-holder:hover .ruzhman-social-share-dropdown ul li:nth-child(3) {
    left: 160px
}

.ruzhman-blog-holder article .ruzhman-social-share-holder:hover .ruzhman-social-share-dropdown ul li:nth-child(4) {
    left: 240px
}

.ruzhman-blog-holder article .ruzhman-social-share-holder:hover .ruzhman-social-share-dropdown ul li:nth-child(5) {
    left: 320px
}

.ruzhman-blog-holder article .ruzhman-social-share-holder:hover .ruzhman-social-share-dropdown ul li:nth-child(6) {
    left: 400px
}

.ruzhman-blog-holder article .ruzhman-social-share-holder:hover .ruzhman-social-share-dropdown ul li:nth-child(7) {
    left: 480px
}

.ruzhman-blog-holder article .ruzhman-post-content-column {
    display: table-cell;
    vertical-align: top
}

.ruzhman-blog-holder article .ruzhman-post-image {
    position: relative
}

.ruzhman-blog-holder article .ruzhman-post-image a {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.ruzhman-blog-holder article .ruzhman-post-image a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(22, 22, 22, .2);
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.ruzhman-blog-holder article .ruzhman-post-image a:hover:after {
    opacity: 1
}

.ruzhman-blog-holder article .ruzhman-post-image img {
    vertical-align: middle
}

.ruzhman-blog-holder article .ruzhman-blog-audio-holder, .ruzhman-blog-holder article .ruzhman-post-excerpt {
    margin-bottom: 28px
}

.ruzhman-blog-holder article .ruzhman-post-title {
    margin-bottom: 18px;
    line-height: 1.25em
}

.ruzhman-blog-holder article .ruzhman-post-info {
    margin-bottom: 28px
}

.ruzhman-blog-holder article .ruzhman-post-info > div {
    display: inline-block;
    position: relative;
    padding-left: 24px
}

.ruzhman-blog-holder article .ruzhman-post-info > div:last-child {
    padding: 0
}

.ruzhman-blog-holder article .ruzhman-post-info > div:after {
    content: "";
    position: absolute;
    height: 100%;
    right: 12px;
    top: 0;
    border-right: 1px solid #eaeaeb
}

.ruzhman-blog-holder article .ruzhman-post-info > div:last-child:after {
    border: none
}

.ruzhman-blog-holder article .ruzhman-post-info .ruzhman-blog-like i, .ruzhman-blog-holder article .ruzhman-post-info .ruzhman-post-info-icon {
    font-size: 15px;
    padding-left: 7px;
    color: #c18f59;
    vertical-align: middle;
}

.ruzhman-blog-holder article .ruzhman-post-info a:hover {
    color: #474747
}

.ruzhman-blog-holder article .ruzhman-post-sticky {
    display: none;
    background-color: #c18f59;
    color: #fff;
    padding: 9px 0
}

.ruzhman-blog-holder article .ruzhman-sticky-icon {
    padding-right: 5px
}

.ruzhman-blog-holder article.sticky .ruzhman-post-sticky {
    display: block
}

.ruzhman-blog-holder article.sticky .ruzhman-post-info-column-inner {
    border-bottom: none
}

.ruzhman-blog-holder article.format-link .ruzhman-quote-link-main, .ruzhman-blog-holder article.format-quote .ruzhman-quote-link-main {
    position: relative;
    vertical-align: middle;
    padding: 30px 20px 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ruzhman-blog-holder article.format-link .ruzhman-quote-link-main:hover:after, .ruzhman-blog-holder article.format-quote .ruzhman-quote-link-main:hover:after {
    background-color: rgba(43, 43, 43, .7)
}

.ruzhman-blog-holder article.format-link .ruzhman-quote-link-main:after, .ruzhman-blog-holder article.format-quote .ruzhman-quote-link-main:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 43, 43, .6);
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.ruzhman-blog-holder article.format-link .ruzhman-post-title, .ruzhman-blog-holder article.format-quote .ruzhman-post-title {
    margin-bottom: 30px;
    line-height: 40px
}

.ruzhman-blog-holder article.format-link .ruzhman-post-text, .ruzhman-blog-holder article.format-quote .ruzhman-post-text {
    position: relative;
    z-index: 1
}

.ruzhman-blog-holder article.format-link .ruzhman-post-info, .ruzhman-blog-holder article.format-quote .ruzhman-post-info {
    color: #f7f7f7;
    margin-bottom: 0
}

.ruzhman-blog-holder article.format-link .ruzhman-post-info a:hover, .ruzhman-blog-holder article.format-quote .ruzhman-post-info a:hover {
    color: #fff
}

.ruzhman-blog-holder article.format-link .ruzhman-quote-link-main {
    padding-top: 23px
}

.ruzhman-blog-holder article.format-link .ruzhman-post-title a, .ruzhman-blog-holder article.format-quote .ruzhman-post-title h4 a {
    color: #fff;
    text-transform: none
}

.ruzhman-blog-holder article.format-quote .ruzhman-post-title h4 {
    margin-bottom: 5px
}

.ruzhman-blog-holder article.format-quote .ruzhman-post-title h4 a {
    font-style: italic
}

.ruzhman-blog-holder article.format-link .ruzhman-post-title {
    margin-bottom: 60px
}

.ruzhman-blog-holder article.format-link .ruzhman-post-title a {
    text-decoration: underline
}

.ruzhman-blog-holder article.format-link .ruzhman-post-mark, .ruzhman-blog-holder article.format-quote .ruzhman-post-mark {
    position: absolute;
    bottom: 0;
    right: 0;
    color: rgba(247, 247, 247, .4);
    z-index: 1
}

.ruzhman-blog-holder article.format-quote .ruzhman-post-mark {
    margin-bottom: 10px
}

.ruzhman-blog-holder article.format-link .ruzhman-post-mark {
    margin: 17px
}

.ruzhman-blog-holder article .ruzhman-post-mark .link_mark {
    font-size: 50px
}

.ruzhman-blog-holder article .ruzhman-post-mark .quote_mark {
    font-size: 84px
}

.ruzhman-blog-holder article .ruzhman-quote-author {
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase
}

.ruzhman-blog-holder article .ruzhman-blog-read-more, .ruzhman-blog-holder article .ruzhman-more-link-container .ruzhman-btn {
    background-color: #3e475d
}

.ruzhman-blog-holder article .ruzhman-blog-read-more .ruzhman-btn-icon-holder .ruzhman-btn-icon-elem, .ruzhman-blog-holder article .ruzhman-more-link-container .ruzhman-btn .ruzhman-btn-icon-holder .ruzhman-btn-icon-elem {
    font-size: 17px;
    line-height: inherit
}

.ruzhman-blog-infinite-scroll-button {
    display: none
}

.ruzhman-blog-single article {
    padding: 0;
    margin: 0
}

.ruzhman-blog-single article:not(.format-audio) .ruzhman-post-image {
    margin-bottom: 43px
}

.ruzhman-blog-single .ruzhman-post-content {
    padding-bottom: 45px
}

.ruzhman-blog-single .ruzhman-post-content > p {
    margin-bottom: 15px
}

.ruzhman-blog-single .ruzhman-quote-link-main {
    display: table;
    width: 100%;
    margin-bottom: 38px;
    height: 238px;
    table-layout: fixed
}

.ruzhman-blog-single .ruzhman-quote-link-main .ruzhman-post-text {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.ruzhman-blog-single .ruzhman-comment-form, .ruzhman-blog-single .ruzhman-comment-holder {
    padding-left: 111px
}

.ruzhman-author-description {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 40px;
    border-bottom: 1px solid #d8d8d8
}

.ruzhman-author-description .ruzhman-author-description-image {
    float: left;
    width: 102px;
    margin-right: 20px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #d8d8d8
}

.ruzhman-author-description .ruzhman-author-description-image img {
    vertical-align: middle
}

.ruzhman-author-description .ruzhman-author-description-text-holder {
    margin-left: 140px;
    padding: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    min-height: 100px
}

.ruzhman-single-tags-holder {
    padding: 25px 0;
    border-top: 1px solid #d8d8d8
}

.ruzhman-single-tags-holder .ruzhman-single-tags-title {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 7px;
    font-size: 16px
}

.ruzhman-single-tags-holder .ruzhman-single-tags-icon {
    color: #c18f59;
    padding-right: 5px;
    font-size: 15px
}

.ruzhman-single-tags-holder .ruzhman-tags {
    display: inline-block
}

.ruzhman-single-tags-holder .ruzhman-tags a {
    display: inline-block;
    color: #6a6a6a;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 9px 14px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.ruzhman-single-tags-holder .ruzhman-tags a:hover {
    color: #fff;
    background-color: #c18f59;
    border-color: #c18f59
}

.ruzhman-single-tags-holder .ruzhman-tags a:last-child {
    margin: 0
}

.ruzhman-blog-single-navigation {
    position: relative;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-bottom: 40px;
    padding: 25px 0;
    border-bottom: 1px solid #e9e9e9
}

.ruzhman-blog-single-navigation .ruzhman-blog-single-next, .ruzhman-blog-single-navigation .ruzhman-blog-single-prev {
    position: absolute;
    display: inline-block
}

.ruzhman-blog-single-navigation .ruzhman-blog-single-next a, .ruzhman-blog-single-navigation .ruzhman-blog-single-prev a {
    display: inline-block;
    color: #474747;
    line-height: 55px;
    font-size: 21px;
    width: 55px;
    height: 55px;
    background-color: #fff
}

.ruzhman-blog-single-navigation .ruzhman-blog-single-prev {
    left: 0
}

.ruzhman-blog-single-navigation .ruzhman-blog-single-next {
    right: 0
}

.ruzhman-single-links-pages {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #d8d8d8;
    font-size: 0
}

.ruzhman-single-links-pages .ruzhman-single-links-pages-inner > a, .ruzhman-single-links-pages .ruzhman-single-links-pages-inner > span {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    color: #262626;
    background-color: #fff;
    border: 1px solid;
    border-color: #d8d8d8;
    border-right-width: 0;
    font-size: 13px;
    text-align: center
}

.ruzhman-single-links-pages .ruzhman-single-links-pages-inner > a:last-child, .ruzhman-single-links-pages .ruzhman-single-links-pages-inner > span:last-child {
    border-right-width: 1px
}

.ruzhman-single-links-pages .ruzhman-single-links-pages-inner > a:hover {
    color: #c18f59
}

.social_facebook:before {
    content: "\e093"
}

.social_twitter:before {
    content: "\e094"
}

.social_pinterest:before {
    content: "\e095"
}

.social_googleplus:before {
    content: "\e096"
}

.social_tumblr:before {
    content: "\e097"
}

.social_tumbleupon:before {
    content: "\e098"
}

.social_wordpress:before {
    content: "\e099"
}

.social_instagram:before {
    content: "\e09a"
}

.social_dribbble:before {
    content: "\e09b"
}

.social_vimeo:before {
    content: "\e09c"
}

.social_linkedin:before {
    content: "\e09d"
}

.social_rss:before {
    content: "\e09e"
}

.social_deviantart:before {
    content: "\e09f"
}

.social_share:before {
    content: "\e0a0"
}

.social_myspace:before {
    content: "\e0a1"
}

.social_skype:before {
    content: "\e0a2"
}

.social_youtube:before {
    content: "\e0a3"
}

.social_picassa:before {
    content: "\e0a4"
}

.social_googledrive:before {
    content: "\e0a5"
}

.social_flickr:before {
    content: "\e0a6"
}

.social_blogger:before {
    content: "\e0a7"
}

.social_spotify:before {
    content: "\e0a8"
}

.social_delicious:before {
    content: "\e0a9"
}

.social_facebook_circle:before {
    content: "\e0aa"
}

.social_twitter_circle:before {
    content: "\e0ab"
}

.social_pinterest_circle:before {
    content: "\e0ac"
}

.social_googleplus_circle:before {
    content: "\e0ad"
}

.social_tumblr_circle:before {
    content: "\e0ae"
}

.social_stumbleupon_circle:before {
    content: "\e0af"
}

.social_wordpress_circle:before {
    content: "\e0b0"
}

.social_instagram_circle:before {
    content: "\e0b1"
}

.social_dribbble_circle:before {
    content: "\e0b2"
}

.social_vimeo_circle:before {
    content: "\e0b3"
}

.social_linkedin_circle:before {
    content: "\e0b4"
}

.social_rss_circle:before {
    content: "\e0b5"
}

.social_deviantart_circle:before {
    content: "\e0b6"
}

.social_share_circle:before {
    content: "\e0b7"
}

.social_myspace_circle:before {
    content: "\e0b8"
}

.social_skype_circle:before {
    content: "\e0b9"
}

.social_youtube_circle:before {
    content: "\e0ba"
}

.social_picassa_circle:before {
    content: "\e0bb"
}

.social_googledrive_alt2:before {
    content: "\e0bc"
}

.social_flickr_circle:before {
    content: "\e0bd"
}

.social_blogger_circle:before {
    content: "\e0be"
}

.social_spotify_circle:before {
    content: "\e0bf"
}

.social_delicious_circle:before {
    content: "\e0c0"
}

.social_facebook_square:before {
    content: "\e0c1"
}

.social_twitter_square:before {
    content: "\e0c2"
}

.social_pinterest_square:before {
    content: "\e0c3"
}

.social_googleplus_square:before {
    content: "\e0c4"
}

.social_tumblr_square:before {
    content: "\e0c5"
}

.social_stumbleupon_square:before {
    content: "\e0c6"
}

.social_wordpress_square:before {
    content: "\e0c7"
}

.social_instagram_square:before {
    content: "\e0c8"
}

.social_dribbble_square:before {
    content: "\e0c9"
}

.social_vimeo_square:before {
    content: "\e0ca"
}

.social_linkedin_square:before {
    content: "\e0cb"
}

.social_rss_square:before {
    content: "\e0cc"
}

.social_deviantart_square:before {
    content: "\e0cd"
}

.social_share_square:before {
    content: "\e0ce"
}

.social_myspace_square:before {
    content: "\e0cf"
}

.social_skype_square:before {
    content: "\e0d0"
}

.social_youtube_square:before {
    content: "\e0d1"
}

.social_picassa_square:before {
    content: "\e0d2"
}

.social_googledrive_square:before {
    content: "\e0d3"
}

.social_flickr_square:before {
    content: "\e0d4"
}

.social_blogger_square:before {
    content: "\e0d5"
}

.social_spotify_square:before {
    content: "\e0d6"
}

.social_delicious_square:before {
    content: "\e0d7"
}

.ruzhman-social-share-dropdown ul {
    list-style: none;
}

.breadcrumbs span {
    margin-left: 8px;
}

.breadcrumbs span a:after {
    z-index: 1;
    border-right-color: #fff;
}

.breadcrumbs span a::after {
    content: ">";
    position: relative;
    top: 50%;
    /* left: 1px; */
    margin-top: -25px;
    /*border-right: 6px solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;*/
}


.video-back {
    height: 600px;
    background-image: url(/images/dot.png);
    text-align: center
}

.video-back h1 {
    color: #fff;
    margin-top: 200px;
    font-size: 40px;
}

.video-back p{
    color: #fff;
    margin-top: 20px;
    font-size: 25px;
    background: #00000085;
    width: auto;
    display: inline-block;
    padding: 20px;
}

.frame { width: 100%; height: 200px; padding: 0; direction: ltr}
.frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }
.frame .slidee li { float: right; margin: 0 5px 0 0; padding: 0; width: 300px; height: 100%; }

.scrollbar { width: 100%; height: 10px; }
.scrollbar .handle {
    width: 100px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: #222;
}

.left-icons-tel {
    color:#000
}

.left-icons a {

}


.employment {
    width: 100%;
    min-height:300px;
    clear: both;
    padding: 20px 0 50px;
    margin-bottom: 20px;
    background: url('/images/employment.jpg') rgba(255, 0, 0, 1);
    background-size:cover;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    color:#fff;
}

.joinus {
    width: 150px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    display: block;
    margin: auto;
    padding: 15px;
    line-height: 0px;
    margin-top: 15px;
}

.joinus a{
    color:red

}

fieldset {
    min-width: 100%;
    border-width:2px 0px 0px  0px !important;
    border-color:#bd9b60 !important;
}

#article legend {
    color: #101820;
    font-size: 20px;
    margin: 0px auto;
    font-weight: bold;
    text-align: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.targets {
   /* padding-top:20px;
    padding-bottom: 50px;
    margin-bottom: 50px;*/
    min-height: 600px;
}

.targets p {
    text-align:justify;
    direction: rtl;

}

.targets .col-md-3{
    padding-right:25px;
    padding-left:25px;
}