@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");
}

body {
	text-align:justify !important;
	background-color:transparent;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, input {
    padding-bottom: 0.8rem;
	font-family: "morteza" !important;
}
/*
h1,.h1 {font-size:1.37em !important;}
h2,.h2 {font-size:1.27em !important;}
h3,.h3 {font-size:1.17em !important;}
h4,.h4 {font-size:1.1em !important;}
h5,.h5 {font-size:1.05em !important;}
h6,.h6 {font-size:1em !important;}
*/
p,li,a,span,dd,td,select,.copyright{
	font-size:14px;
	font-family: "morteza";
}
small{
    font-family: "morteza";
}

ol, ul {
    margin-right: 1.2em;
}

legend,label{
	font-family: "morteza";
}

img { 
	width:auto;
	max-width:100%;
}

.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 !important;
}
main article dl{
	
}
main article dl dd{
	padding: 4px 7px 3px 1px;
    border-radius: 3px;
    display: inline-block;
    margin-left: 1em;
	background-image: linear-gradient( 135deg, #d30000 10%, #F44336 100%);
    color: #fff;
    font-size: 12px;
}


main article dl dd.createdby span{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
}
main article dl 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;
}



main article dl dd.category-name a{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
}
main article dl 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;
}

main article dl dd.published time{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
}
main article dl 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;
}

main article dl dd.hits span.hits-value{
	background-color: #fff;
    color: #333;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    padding: 1px 4px;
	
}
main article dl 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;
}






main article ol,
main article ul {
	margin-right:1.5em;
}


.items-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.span2 {
	-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 {
    justify-content: center;
    border-top: 2px groove rgb(0,150,255);
    padding-top: 1em;
}
.pagination ul {
    display: flex;
}
.counter {
    padding-top: 0.7em;
}
.pagination li {
	padding: 0.7em;
    margin: 0 0.7em;
    list-style: none;
    border-radius: 10px;
    border: 1px groove rgb(0,150,255);
}
.pagination li span {
	padding: 0.7em;

}
.pagination li a {
	padding: 0.7em;

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

}

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

.navbar-nav li a {
    display: block;
    
}

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

/*------
positon style
------*/

body{
	
}

.navbar-brand img{
	
}

header {
	margin-bottom:50px;
}
header p {
    margin: 0;
}

header li{
	
}

header .navbar-nav li a{
	font-size:20px;
	line-height:30px;
}



#banner {
	
}
#banner h1{
    font-weight: bold;
}
#banner h2 {
	
}
#banner p {
	font-size:16px;
}








#top {
	
}

#menu-collapse{
	
}
.navbar-toggle {
    border: 1px solid #d30000;
}
.navbar-toggle .icon-bar {
    background: #d30000;
}
.navbar-nav{
	float:right;
}

#slider{
	
}

footer{
	margin-top:50px;
}

footer h3{
	margin-bottom: 30px;
}


#copyright{
    text-align: center;
    padding-bottom: 1.3em;
	margin-top: 2em;
}
hr {
    margin-top: 0;
}







#scrollup{
	z-index:1500;
	width:40px;
	height:40px;
	opacity:0.5;
	position:fixed;
	bottom:50px;
	left:6%;
	/*display:none;*/
	text-indent:-9999px;
	background: url(../images/icon_top.png) no-repeat;
}


/*------
Custom Style
------*/

.center-title{
	padding-top: 40px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 25px;
	text-align:center;
}

.center-title:after{
    content: '';
    display: inline-block;
    width: 70px;
    height: 4px;
    background: #006d95;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: 0;
	
}

#top .moduletable{
	margin-bottom:40px;
}
#top .moduletable h3{
	border-top:1px solid #bbb;
	padding-top:30px;
	position:relative;
}
#top .moduletable h3:before{
	position:absolute;
	top:-3px;
	right:0;
	content:"";
	width:50px;
	height:3px;
	background-color:#d30000;
}

/*------
com content
------*/

p.readmore {
    border-radius: 3px;
    border: 1px solid #1255a3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    box-shadow: 0 1px 1px 0 #1255a3;
}

/*------
Bootstarap 3 Override
------*/
[class*="span"] {
    margin-right: 0 !important;
}
[class*="col-"]{
	float:right; 
}


.navbar-brand{
	height:auto;
}
.nav>li{
	float:right;
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color:initial;
}

.pagination li {
    float: right;
    list-style: none;
}
.pagination li span.pagenav {
    float: right;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-right-width: 0;
	background: #DFD7C2;
}

.btn-group, .btn-group-vertical {
    width: 100%;
    text-align: center;
}

/*------
media query
------*/

@media (min-width: 992px){




}
@media screen and (max-width: 992px) {
	
	.brand{
		float:right;
		width:200px;
	}
	
	.navbar-header{
		width: 100%;
	}
	
	.nav li{
		float:none;
	}

	button.navbar-toggle{
		float:left;
	}
	
	#banner h1{
		font-size:2em;
	}

	.pagination {
		display: block;
		display: -ms-flexbox;

	}
	.pagination li {
		padding: 0.1em;
		margin: 0 0.1em;
		align-self: center;
	}

}


@media screen and (max-width: 450px) {

	.pull-left.item-image {
		float: none !important;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.pull-right.item-image {
		float: none !important;
		margin-left: 0;
		margin-bottom: 1em;
	}
}