@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@font-face {
    font-family: "morteza";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/IRANSansWeb.woff2") format("woff2"), 
        url("../fonts/IRANSansWeb.woff") format("woff"), 
        url("../fonts/IRANSansWeb.ttf") format("truetype");
}

@font-face{
	font-family:saba;
	src: local("☺️"), 
		url("../fonts/iranyekanwebregular.woff2") format("woff2"),
		url("../fonts/iranyekanwebregular.woff") format("woff");
	font-weight:300;
	font-style:normal
}

@font-face {
	font-family: "effra"; 
	font-style: normal;
    font-weight: normal;
	src: url("../fonts/IRANSansWeb.woff2") format("woff2"); 
}

[dir*="rtl"] .chzn-container.chzn-with-drop .chzn-drop {
  right: 0;
  left: unset;
}
[dir*="rtl"] .chzn-container .chzn-drop {
	left: unset;
    right: -9999px;
}
[dir*="rtl"] .chzn-container-single.chzn-container-single-nosearch .chzn-search {
    left: unset;
    right: -9999px;
}
[dir*="rtl"] .chzn-container .chzn-results {
    margin: 0 0 4px 1px ;
	padding:0 4px 0 0;
}

[dir*="rtl"] body {
	font-family:morteza;
	text-align:justify;
	position:relative;	
	
}
[dir*="ltr"] body {
	text-align:justify;
	position:relative;	
	
}


h1 , h2 , h3 , h4 , h5 , h6 {
	font-weight: 500;
	line-height: 1.5;
	
}

h1,.h1{
	font-size:24px;
	font-weight:bold;
}
h2,.h2{
	font-size:22px;
	font-weight:bold;
}
h3,.h3{
	font-size:20px;
	font-weight:bold;
}
h4,.h4{
	font-size:18px;
	font-weight:bold;
}
h5,.h5{
	font-size:16px;
	font-weight:bold;
}
h6,.h6{
	font-size:14px;
	font-weight:bold;
}


p , li , dd {
	font-size:14px;
  	line-height: 1.5em;
}
th {
    text-align: justify;
}
img ,audio, canvas, progress, video {
    max-width: 100%;
}
video{
	background: #000;
}
.pull-right.item-image {
    margin-left: 1em;
}
.pull-left.item-image {
    margin-right: 1em;
}
.pull-none.item-image {
    text-align: center;
}

a { 
	text-decoration:none;
	font-weight: bolder;
}
a:hover {
	text-decoration:none;
}
p.readmore {
	white-space: nowrap; 
	border-radius:5px;
	border: 1px solid #1255a3;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: 0 1px 2px 0 #1255a3;
}



.article-info{
	
}
.article-info dd{
	padding: 4px 7px 3px 1px;
    border-radius: 3px;
    display: inline-block;
    margin-left: 1em;
    background-image: linear-gradient( 135deg, #00a1be 10%, #006d95 100%);
    color: #fff;
    font-size: 12px;
}
.article-info dd.createdby span{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
}
.article-info dd.createdby span:after{
	position: absolute;
    right: -12px;
    top: 5px;
    content: "";
    display: block;
    /* width: 10px; */
    /* height: 10px; */
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent;
}
.article-info dd.category-name a{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
}
.article-info dd.category-name a:after{
	position: absolute;
    right: -12px;
    top: 5px;
    content: "";
    display: block;
    /* width: 10px; */
    /* height: 10px; */
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent;
}
.article-info dd.published time{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
}
.article-info dd.published time:after{
	position: absolute;
    right: -12px;
    top: 5px;
    content: "";
    display: block;
    /* width: 10px; */
    /* height: 10px; */
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent;
}
.article-info dd.hits span.hits-value{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
	
}
.article-info dd.hits span.hits-value:after{
	position: absolute;
    right: -12px;
    top: 5px;
    content: "";
    display: block;
    /* width: 10px; */
    /* height: 10px; */
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent;
}






[dir*="rtl"] main article ol,
[dir*="rtl"] main article ul {
	margin-right:1.5em;
}

[dir*="ltr"] main article ol,
[dir*="ltr"] main article ul {
	margin-left:1.5em;
}


[dir*="rtl"] .row-fluid [class*="span"] {
    float: right;
}

.sortPagiBar.row-fluid {
    display: flex;
}

.items-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.span1 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span2 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span4 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span5 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span6 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span7 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span8 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;;
}
.span9 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span10 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 83.33%;
    flex: 0 0 83.33%;
    max-width: 83.33%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span11 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.span12 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/*.btn {
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}*/

.pagination {
	display:flex;
    justify-content: center;
    border-top: 2px groove rgb(0,150,255);
    padding-top: 1em;
}
.pagination ul {
    display: flex;
	flex-wrap:wrap;
}
.counter {
    padding-top: 0.7em;
}
.pagination li {
	padding: 0.5em;
    margin: 0 0.3em;
    list-style: none;
    border-radius: 10px;
    border: 1px groove rgb(0,150,255);
	transition: color 300ms , background-color 300ms;
}
.pagination li span {
	padding: 0;

}
.pagination li a {
	padding: 0.7em;
    line-height: 14px;
    vertical-align: sub;

}
.pagination li a:hover {
	text-decoration:none;

}

.element-invisible , .invisible {
	font-size:0;
}


body:hover .btn.jmodedit{
	background:red;
	display:inline-block;
	opacity:1;
}

input#filter-search {
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid #eee;
}


[class*="leading-"] {
    clear: both;
    padding-bottom: 3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
	position: relative;
}
[class*="leading-"]:last-child{
	border:0;
}
[class*="leading"]::after,
[class*="leading"]::before{
	content:'';
	display:block;
	clear:both;
}

[dir*="rtl"] .icons {
    position: absolute;
    top: 0;
    left: 0;
}
[dir*="rtl"] .icons .pull-right>.dropdown-menu {
    right: unset;
    left: 0;
}
[dir*="ltr"] .icons {
    position: absolute;
    top: 0;
    right: 0;
}

.tag-category {
    margin-top: 1em;
}

[dir*="rtl"] [class*="col-"]{
	float:right;
}

[dir*="rtl"] .btn-toolbar.pull-right {
    position: absolute;
    top: 20px;
    left: 0;
}
[dir*="ltr"] .btn-toolbar.pull-right {
    position: absolute;
    top: 20px;
    right: 0;
}

[dir*="rtl"] .dl-horizontal dt{
    margin: 0 0 10px 0 !important;
	float:right;
}
[dir*="rtl"] .profile> ul {
    margin: 0 0 10px 0 !important;
}

[dir*="rtl"] .dl-horizontal dd {
    margin-left: 0;
    margin-right: 180px;
}
/*------
positon style
------*/
header{
	height: 90px;
}
header .header-inner.row.clearfix {
    position: fixed;
    width: 100%;
    z-index: 10;
    background: #fff;
	box-shadow: 0 0 65px #ccc;
}

.header-contact{
	margin-top: 2em;
}

article {
    padding-top: 4em;
}

.com_content.view-featured article .pull-right.item-image{
	position: relative;
	margin-left: 10em;
}
.com_content.view-featured article .pull-right.item-image::after{
	content: "";
    display: block;
    width: 100%;
    height: 60%;
    position: absolute;
    z-index: -1;
    right: 100px;
    bottom: -100px;
    background: url(../images/dots.png);
}

#custom-1{
	padding-top: 4em;
	padding-bottom: 4em;
}
#custom-1 .moduletable h3{
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	position: relative;
}
@media (min-width: 768px){
	#custom-1 .moduletable h3 {
		width: 750px;
	}
}
@media (min-width: 992px){
	#custom-1 .moduletable h3 {
		width: 970px;
	}
}
@media (min-width: 1200px){
	#custom-1 .moduletable h3 {
		width: 1170px;
	}
}
#custom-1 .moduletable h3::before{
	position: absolute;
    content: "";
    width: 150px;
    height: 3px;
    top: -30px;
    left: 15px;
    background: #000;
}
#custom-1 #dj-mslider2m94 .dj-navigation .dj-prev {
    cursor: pointer;
    display: block;
    position: absolute;
    left: unset;
    top: -90px;
    right: 100px;
}
#custom-1 #dj-mslider2m94 .dj-navigation .dj-next {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: -90px;
}
#custom-1 #dj-mslider2m94 .dj-navigation .dj-play, 
#custom-1 #dj-mslider2m94 .dj-navigation .dj-pause {
    cursor: pointer;
    display: block;
    position: absolute;
    left: unset;
	right: 50px;
	top: -90px;
    margin-left: -18px;
}


#custom-2{
	background: url("../images/dots2.png");
	padding-top: 4em;
	padding-bottom: 4em;
}

footer{
	padding-top: 4em;
	padding-bottom: 4em;
}

/*------
custom style
------*/

.brd-r{
	border-right: 1px solid #333;
}
.brd-l{
	border-left: 1px solid #333;
}


/*------
menu style
------*/

.sidepanel nav{
	padding-left: 3em;
	padding-top: 7em;
}

/* Position and style the close button (top right corner) */
#menu .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 1000;
}

/* Style the button that is used to open the sidepanel*/ 
.openbtn {
	font-size: 22px;
	cursor: pointer;
	color: #000;
	padding: 10px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #444;
}

#menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
@media (min-width: 768px){
	#menu {
		width: 50%;
	}
}
@media (min-width: 992px){
	#menu {
		width: 35%;
	}
}



.menu-is-opened #menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 65px rgba(0,0,0,.07);
}

.menu-is-closed #menu {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: 0 0 65px rgba(0,0,0,.07);
}




.menu-copyright {
    position: absolute;
    bottom: 3em;
    padding: 1em 1em 1em 3em;
}