body {
    background: #ececec;
    font-family: Vazir;
    font-size: 18px;
    line-height: 2.2em;
    word-wrap: break-word;
    direction: rtl;
}
  @font-face {
            font-family: 'Noto Sans Arabic, Vazir';
            src: url('http://theme.blogfa.com/fonts/Noto Sans Arabic, Vazir.eot');
            src: url('http://theme.blogfa.com/fonts/Noto Sans Arabic, Vazir.eot?#iefix') format('embedded-opentype'),
            url('http://theme.blogfa.com/fonts/Noto Sans Arabic, Vazir.woff') format('woff'),
            url('http://theme.blogfa.com/fonts/Noto Sans Arabic, Vazir.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        a, h1, h2, h3, h4, h5, h6, span, ul {
            padding: 0;
            text-decoration: none;
            margin: 0;
            list-style: none;
        }

        video {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
            border-radius: 3px;
        }

        table {
            width: 100% !important;
            height: auto;
        }

        blockquote {
            border-right: 3px solid #ccc5b9;
            padding-right: 10px;
        }

        a {
            color: #222222;
        }

        a:hover {
            color: #f2132d;
        }


        * {
            box-sizing: border-box;
        }

        body {
            background-color: #f5f6f8;
            font-family: Noto Sans Arabic, Vazir;
            font-size: 16pt;
            font-weight: normal;
            color: #3d3d3d;
            word-wrap: break-word;
            margin: 0;
            padding: 0;
            direction: rtl;
            line-height: 1.7em;
        }

        #header {
            background-color: #fff;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07);
            text-align: center;
            padding: 6px;
		
        }

        .blog-title {
            padding: 20px 0;
            font-weight: bold;
        }

        .blog-desctiption {
            padding: 13px 0;
            font-weight: normal;
            font-size: inherit;
        }

        .menu {
            border-top: 1px solid #ebebeb;
             font-size: 14pt; 
        }

        .menu ul li {
            list-style: none;
            padding: 10px 10px 4px;
            display: inline-block;
            margin-left: 8px;
        }

        #wrap {
            padding: 5px;
            margin: 30px auto;
            width: 100%;
            max-width: 1010px;

        }

        #main {
            float: right;
            width: 100%;
            box-sizing: border-box;
            padding: 0 6px;
        }

        #main-2 {
            width: 100%;
        }

        .post {
            width: 100%;
            background-color: #fff;
            padding: 15px;
            margin: 0 0 20px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07)
        }

        .post a {
            color: #ff697a;
        }

        .post a:hover {
            color: #f2132d;
        }

        .post > .title > a > h3 {
            padding: 8px 0 12px;
            font-size: 23px;
            color: #000;
        }

        .post > .title > a > h3:hover {
            color: #f2132d;
        }

        .post > .meta {
            font-size: 13px;
            padding-bottom: 10px;
        }

        .post > .content {
            padding-top: 5px;
            text-align: justify;
            line-height: 2em;
        }

        .post > .content img {
            padding: 5px 0;
            max-width: 100%;
            height: auto;
        }

        .post > .content img:hover {
            opacity: .9;
        }

        .post .tag {
            margin: 25px 0 2px;
            padding: 10px 0 0;
            display: flow-root;
			
        }
		
		  .post .tag a{
            background-color:#27ae60;
			padding:10px;
			color:white;
		
        }
		
		  .post .tag a:hover{
            background-color:#27ae60;
			padding:10px;
			color:white;
			
        }


        a h4 {
            display: inline-block;
            font-weight: normal;
        }

        a.read-more {
            background-color: #c0392b;
            color: #fff;
            padding: 4px 20px;
            border-radius: 2px;
        }

        a.read-more:hover {
            background-color: #e74c3c;
            color: #fff;
        }
		
		.bcommn a{
            background-color: #f39c12;
            color: #fff;
            padding: 4px 20px;
            border-radius: 2px;
        }

        .bcommn:hover a{
            background-color: #f1c40f;
            color: #fff;
        }

        .pagin {
            text-align: center;
            margin: 20px 0;
        }

        .pagin a {
            background: #f2132d;
            border: 2px solid #fff;
            color: #fff;
            padding: 4px 26px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin: 10px 0;
        }

        .pagin a:hover {
            background: #222222;
        }

        #side {
            float: right;
            width: 33.33333333%;
            padding: 0 6px
        }

        .side-block {
            background-color: #fff;
            padding: 12px;
            margin: 0 0 20px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07);
        }

        .side-block > .title {
            position: relative;
            width: 100%;
            padding: 0 0 10px;
            margin: 0 0 15px;
            border-bottom: 1px solid #ebebeb
        }

        .side-block > .title:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: -1px;
            width: 33%;
            height: 1px;
            background-color: #f2132d;
            margin: 0
        }

        .side-block > .title > h5 {
            display: block;
            font-size: 18px;
            color: #222222;
            font-weight: normal;
            margin: 0;
        }

        .side-block > .content {
            font-size: 13px;
        }

        .avatar {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 5px auto;
        }

        .list ul {
            padding: 0;
            margin: 0;
        }

        .list li:first-child {
            padding: 0 0 4px;
            border-top: 0;
        }

        .list li:last-child {
            padding-bottom: 0;
            border-bottom: 0
        }

        .list li {
            position: relative;
            display: block;
            padding: 4px 0;
            border-top: 1px dashed #ebebeb
        }

        .list li a {
            display: block;
            color: #222222;
            font-size: 14px;
            text-transform: capitalize;
            transition: color .17s;
        }

        .list li a:before {
            content: ">";
            float: right;
            color: #222222;
            margin: 1px 0 0 3px;
        }

        .list li a:hover {
            color: #f2132d;
        }

        .cloud li {
            display: inline-block;
            margin: 0 5px 5px 0;
        }

        .cloud li a {
            display: block;
            height: 24px;
            background-color: #f9f9f9;
            color: #888;
            font-size: 13px;
            line-height: 21px;
            padding: 0 7px;
            border: 1px solid rgba(155, 155, 155, 0.2);
            border-radius: 2px;
            transition: all .17s ease;
        }

        .cloud li a:hover {
            background-color: #f2132d;
            color: #fff
        }

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

        .text-left {
            text-align: left;
        }
		.text-right {
            text-align: right;
        }

        #footer {
            clear: both;
            background-color: #fff;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07);
            padding: 15px;
        }
		
		

/* ------------{ MENU }---------------- */
.menufifu {
    background: #2d3436;
	z-index:1000;
	
}

.menufifu ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menufifu li {
    float: right;
}

.menufifu li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
	font-size:16pt;
}

.menufifu li a:hover {
    background: #636e72;
	color: white;
}

#navbar {
  overflow: hidden;
  background-color: #d63031;
}
#minu {
  overflow: hidden;
  background-color: #d63031;
}

#navbar a {
  float: right;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #2f3640;
  color: white;
}


.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 38px;
  width: 100%;
}

.stickyaa {
  position: fixed;
  top: 30px;
  width: 100%;
}

	.menuitemhathideloo {

	display:none;

}

.item_wrn, .item_err, .item_success {
	border: 1px solid #e6db55;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	line-height: 18px;
	margin-bottom: 10px;
	background: #ffffe0;
	color: #333;
}
.item_wrn a[href], .item_err a[href],.item_success a[href]{
	text-decoration: none;
	padding: 1px 1px 2px;
}
.item_err .icon, .item_wrn .icon, .item_success .icon{
	background: url(/media/images/messages.png?g87m_I?g87m_I) no-repeat right 0;
	width: 18px;
	height: 18px;
	float: right;
	margin: 0 2px 0 6px;
}
.item_wrn a{ color: #C30; }
.item_wrn a:hover{ background-color: #C30;	color: #FFF;}
.item_wrn .icon { background-position: right -18px; }	
.item_err{ border-color: #fe8f6b; background: #ffe2d9;}
.item_err a{ color: #ce3e0e; }
.item_err a:hover{background-color: #ce3e0e;color: #FFF;}
.item_success{ border-color: #47AF41; background: #D2FFCF;}
.item_success .icon { background-position: right -36px; }	
.item_success a{ color: #088F1B; }
.item_success a:hover{background-color: #088F1B;color: #FFF;}



.menuzia {
    background: #f5f6fa;
	font-size:14pt;
}

.menuzia ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuzia li {
    float: right;
	margin:10px;
}

.menuzia li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	font-size:18pt;
	
}

.menuzia li a:hover {
    background: white;
	color: #2f3640;
	font-weight:bold;
}

.menuziao {
    background: #d63031;
	font-size:14pt;
}

.menuziao ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuziao li {
    float: right;
}

.menuziao li a {
    display: block;
    color: #f5f6fa;
    text-align: center;
    padding: 4px 10px;
    text-decoration: none;
}

.menuziao li a:hover {
    background: #2d3436;
	color: white;
}



 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #f5f6fa; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  
 
}

/* The navigation menu links */
.sidenav a {
   padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #0984e3;
  display: block;
  transition: 0.3s;
  font-weight:bold;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: black;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 45px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}



 /* The side navigation menu */
.sidenavright {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #f5f6fa; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  
 
}
/* The navigation menu links */
.sidenavright a {
  padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #0984e3;
  display: block;
  transition: 0.3s;
  font-weight:bold;
}


/* When you mouse over the navigation links, change their color */
.sidenavright a:hover {
  color: black;
}

/* Position and style the close button (top left corner) */
.sidenavright .closebtn {
  position: absolute;
  top: 45px;
  left: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}
@media screen and (min-height: 950px) {
	.menuitemhathideloo {

	display:none;

}
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 


/* 
      SLIDE SHOW

*/

  .postslide {
            width: 100%;
            background-color: #fff;
            padding: 15px;
            margin: 0 0 20px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07)
        }
		
		  .postslide img {vertical-align: middle;}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background-color: rgba(64, 64, 64, 0.6)
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* //////////////// MOBILE  */


        @media only screen and (max-width: 732px) {
            #main, #side {
                width: 100%;
            }
			
			body {
				font-size:14pt
			}
			
			  #header img{
           width:80%;
		   height:auto;
		
        }
			.menu {
          
             font-size: 12pt; 
        }
		.menufifu li a {

    padding: 15px 10px;
}
	
	
	
	
        }
		
/* @font-face {
	font-family: "Glyphicons Halflings";
	src: url(https://htfff.ir/hatef/web/hatefcs/s1/blog/202305/fn/glyphicons-halflings-regular.eot);
	src: url(https://htfff.ir/hatef/web/hatefcs/s1/blog/202305/fn/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(https://htfff.ir/hatef/web/hatefcs/s1/blog/202305/fn/glyphicons-halflings-regular.woff2) format("woff2"),url(https://htfff.ir/hatef/web/hatefcs/s1/blog/202305/fn/glyphicons-halflings-regular.woff) format("woff"),url(https://htfff.ir/hatef/web/hatefcs/s1/blog/202305/fn/glyphicons-halflings-regular.ttf) format("truetype"),url(https://htfff.ir/hatef/web/hatefcs/s1/blog/202305/fn/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
} */

/*
FSFC
*/


@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot);
	src: url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff) format('woff'), url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(asset/glyphicons-halflings-regular.eot);
	src: url(asset/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(asset/glyphicons-halflings-regular.woff2) format('woff2'), url(asset/glyphicons-halflings-regular.woff) format('woff'), url(asset/glyphicons-halflings-regular/glyphicons-halflings-regular.ttf) format('truetype'), url(https://netdna.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}



.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
	content: "\002a";
}

.glyphicon-plus:before {
	content: "\002b";
}

.glyphicon-eur:before,.glyphicon-euro:before {
	content: "\20ac";
}

.glyphicon-minus:before {
	content: "\2212";
}

.glyphicon-cloud:before {
	content: "\2601";
}

.glyphicon-envelope:before {
	content: "\2709";
}

.glyphicon-pencil:before {
	content: "\270f";
}

.glyphicon-glass:before {
	content: "\e001";
}

.glyphicon-music:before {
	content: "\e002";
}

.glyphicon-search:before {
	content: "\e003";
}

.glyphicon-heart:before {
	content: "\e005";
}

.glyphicon-star:before {
	content: "\e006";
}

.glyphicon-star-empty:before {
	content: "\e007";
}

.glyphicon-user:before {
	content: "\e008";
}

.glyphicon-film:before {
	content: "\e009";
}

.glyphicon-th-large:before {
	content: "\e010";
}

.glyphicon-th:before {
	content: "\e011";
}

.glyphicon-th-list:before {
	content: "\e012";
}

.glyphicon-ok:before {
	content: "\e013";
}

.glyphicon-remove:before {
	content: "\e014";
}

.glyphicon-zoom-in:before {
	content: "\e015";
}

.glyphicon-zoom-out:before {
	content: "\e016";
}

.glyphicon-off:before {
	content: "\e017";
}

.glyphicon-signal:before {
	content: "\e018";
}

.glyphicon-cog:before {
	content: "\e019";
}

.glyphicon-trash:before {
	content: "\e020";
}

.glyphicon-home:before {
	content: "\e021";
}

.glyphicon-file:before {
	content: "\e022";
}

.glyphicon-time:before {
	content: "\e023";
}

.glyphicon-road:before {
	content: "\e024";
}

.glyphicon-download-alt:before {
	content: "\e025";
}

.glyphicon-download:before {
	content: "\e026";
}

.glyphicon-upload:before {
	content: "\e027";
}

.glyphicon-inbox:before {
	content: "\e028";
}

.glyphicon-play-circle:before {
	content: "\e029";
}

.glyphicon-repeat:before {
	content: "\e030";
}

.glyphicon-refresh:before {
	content: "\e031";
}

.glyphicon-list-alt:before {
	content: "\e032";
}

.glyphicon-lock:before {
	content: "\e033";
}

.glyphicon-flag:before {
	content: "\e034";
}

.glyphicon-headphones:before {
	content: "\e035";
}

.glyphicon-volume-off:before {
	content: "\e036";
}

.glyphicon-volume-down:before {
	content: "\e037";
}

.glyphicon-volume-up:before {
	content: "\e038";
}

.glyphicon-qrcode:before {
	content: "\e039";
}

.glyphicon-barcode:before {
	content: "\e040";
}

.glyphicon-tag:before {
	content: "\e041";
}

.glyphicon-tags:before {
	content: "\e042";
}

.glyphicon-book:before {
	content: "\e043";
}

.glyphicon-bookmark:before {
	content: "\e044";
}

.glyphicon-print:before {
	content: "\e045";
}

.glyphicon-camera:before {
	content: "\e046";
}

.glyphicon-font:before {
	content: "\e047";
}

.glyphicon-bold:before {
	content: "\e048";
}

.glyphicon-italic:before {
	content: "\e049";
}

.glyphicon-text-height:before {
	content: "\e050";
}

.glyphicon-text-width:before {
	content: "\e051";
}

.glyphicon-align-left:before {
	content: "\e052";
}

.glyphicon-align-center:before {
	content: "\e053";
}

.glyphicon-align-right:before {
	content: "\e054";
}

.glyphicon-align-justify:before {
	content: "\e055";
}

.glyphicon-list:before {
	content: "\e056";
}

.glyphicon-indent-left:before {
	content: "\e057";
}

.glyphicon-indent-right:before {
	content: "\e058";
}

.glyphicon-facetime-video:before {
	content: "\e059";
}

.glyphicon-picture:before {
	content: "\e060";
}

.glyphicon-map-marker:before {
	content: "\e062";
}

.glyphicon-adjust:before {
	content: "\e063";
}

.glyphicon-tint:before {
	content: "\e064";
}

.glyphicon-edit:before {
	content: "\e065";
}

.glyphicon-share:before {
	content: "\e066";
}

.glyphicon-check:before {
	content: "\e067";
}

.glyphicon-move:before {
	content: "\e068";
}

.glyphicon-step-backward:before {
	content: "\e069";
}

.glyphicon-fast-backward:before {
	content: "\e070";
}

.glyphicon-backward:before {
	content: "\e071";
}

.glyphicon-play:before {
	content: "\e072";
}

.glyphicon-pause:before {
	content: "\e073";
}

.glyphicon-stop:before {
	content: "\e074";
}

.glyphicon-forward:before {
	content: "\e075";
}

.glyphicon-fast-forward:before {
	content: "\e076";
}

.glyphicon-step-forward:before {
	content: "\e077";
}

.glyphicon-eject:before {
	content: "\e078";
}

.glyphicon-chevron-left:before {
	content: "\e079";
}

.glyphicon-chevron-right:before {
	content: "\e080";
}

.glyphicon-plus-sign:before {
	content: "\e081";
}

.glyphicon-minus-sign:before {
	content: "\e082";
}

.glyphicon-remove-sign:before {
	content: "\e083";
}

.glyphicon-ok-sign:before {
	content: "\e084";
}

.glyphicon-question-sign:before {
	content: "\e085";
}

.glyphicon-info-sign:before {
	content: "\e086";
}

.glyphicon-screenshot:before {
	content: "\e087";
}

.glyphicon-remove-circle:before {
	content: "\e088";
}

.glyphicon-ok-circle:before {
	content: "\e089";
}

.glyphicon-ban-circle:before {
	content: "\e090";
}

.glyphicon-arrow-left:before {
	content: "\e091";
}

.glyphicon-arrow-right:before {
	content: "\e092";
}

.glyphicon-arrow-up:before {
	content: "\e093";
}

.glyphicon-arrow-down:before {
	content: "\e094";
}

.glyphicon-share-alt:before {
	content: "\e095";
}

.glyphicon-resize-full:before {
	content: "\e096";
}

.glyphicon-resize-small:before {
	content: "\e097";
}

.glyphicon-exclamation-sign:before {
	content: "\e101";
}

.glyphicon-gift:before {
	content: "\e102";
}

.glyphicon-leaf:before {
	content: "\e103";
}

.glyphicon-fire:before {
	content: "\e104";
}

.glyphicon-eye-open:before {
	content: "\e105";
}

.glyphicon-eye-close:before {
	content: "\e106";
}

.glyphicon-warning-sign:before {
	content: "\e107";
}

.glyphicon-plane:before {
	content: "\e108";
}

.glyphicon-calendar:before {
	content: "\e109";
}

.glyphicon-random:before {
	content: "\e110";
}

.glyphicon-comment:before {
	content: "\e111";
}

.glyphicon-magnet:before {
	content: "\e112";
}

.glyphicon-chevron-up:before {
	content: "\e113";
}

.glyphicon-chevron-down:before {
	content: "\e114";
}

.glyphicon-retweet:before {
	content: "\e115";
}

.glyphicon-shopping-cart:before {
	content: "\e116";
}

.glyphicon-folder-close:before {
	content: "\e117";
}

.glyphicon-folder-open:before {
	content: "\e118";
}

.glyphicon-resize-vertical:before {
	content: "\e119";
}

.glyphicon-resize-horizontal:before {
	content: "\e120";
}

.glyphicon-hdd:before {
	content: "\e121";
}

.glyphicon-bullhorn:before {
	content: "\e122";
}

.glyphicon-bell:before {
	content: "\e123";
}

.glyphicon-certificate:before {
	content: "\e124";
}

.glyphicon-thumbs-up:before {
	content: "\e125";
}

.glyphicon-thumbs-down:before {
	content: "\e126";
}

.glyphicon-hand-right:before {
	content: "\e127";
}

.glyphicon-hand-left:before {
	content: "\e128";
}

.glyphicon-hand-up:before {
	content: "\e129";
}

.glyphicon-hand-down:before {
	content: "\e130";
}

.glyphicon-circle-arrow-right:before {
	content: "\e131";
}

.glyphicon-circle-arrow-left:before {
	content: "\e132";
}

.glyphicon-circle-arrow-up:before {
	content: "\e133";
}

.glyphicon-circle-arrow-down:before {
	content: "\e134";
}

.glyphicon-globe:before {
	content: "\e135";
}

.glyphicon-wrench:before {
	content: "\e136";
}

.glyphicon-tasks:before {
	content: "\e137";
}

.glyphicon-filter:before {
	content: "\e138";
}

.glyphicon-briefcase:before {
	content: "\e139";
}

.glyphicon-fullscreen:before {
	content: "\e140";
}

.glyphicon-dashboard:before {
	content: "\e141";
}

.glyphicon-paperclip:before {
	content: "\e142";
}

.glyphicon-heart-empty:before {
	content: "\e143";
}

.glyphicon-link:before {
	content: "\e144";
}

.glyphicon-phone:before {
	content: "\e145";
}

.glyphicon-pushpin:before {
	content: "\e146";
}

.glyphicon-usd:before {
	content: "\e148";
}

.glyphicon-gbp:before {
	content: "\e149";
}

.glyphicon-sort:before {
	content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152";
}

.glyphicon-sort-by-order:before {
	content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154";
}

.glyphicon-sort-by-attributes:before {
	content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156";
}

.glyphicon-unchecked:before {
	content: "\e157";
}

.glyphicon-expand:before {
	content: "\e158";
}

.glyphicon-collapse-down:before {
	content: "\e159";
}

.glyphicon-collapse-up:before {
	content: "\e160";
}

.glyphicon-log-in:before {
	content: "\e161";
}

.glyphicon-flash:before {
	content: "\e162";
}

.glyphicon-log-out:before {
	content: "\e163";
}

.glyphicon-new-window:before {
	content: "\e164";
}

.glyphicon-record:before {
	content: "\e165";
}

.glyphicon-save:before {
	content: "\e166";
}

.glyphicon-open:before {
	content: "\e167";
}

.glyphicon-saved:before {
	content: "\e168";
}

.glyphicon-import:before {
	content: "\e169";
}

.glyphicon-export:before {
	content: "\e170";
}

.glyphicon-send:before {
	content: "\e171";
}

.glyphicon-floppy-disk:before {
	content: "\e172";
}

.glyphicon-floppy-saved:before {
	content: "\e173";
}

.glyphicon-floppy-remove:before {
	content: "\e174";
}

.glyphicon-floppy-save:before {
	content: "\e175";
}

.glyphicon-floppy-open:before {
	content: "\e176";
}

.glyphicon-credit-card:before {
	content: "\e177";
}

.glyphicon-transfer:before {
	content: "\e178";
}

.glyphicon-cutlery:before {
	content: "\e179";
}

.glyphicon-header:before {
	content: "\e180";
}

.glyphicon-compressed:before {
	content: "\e181";
}

.glyphicon-earphone:before {
	content: "\e182";
}

.glyphicon-phone-alt:before {
	content: "\e183";
}

.glyphicon-tower:before {
	content: "\e184";
}

.glyphicon-stats:before {
	content: "\e185";
}

.glyphicon-sd-video:before {
	content: "\e186";
}

.glyphicon-hd-video:before {
	content: "\e187";
}

.glyphicon-subtitles:before {
	content: "\e188";
}

.glyphicon-sound-stereo:before {
	content: "\e189";
}

.glyphicon-sound-dolby:before {
	content: "\e190";
}

.glyphicon-sound-5-1:before {
	content: "\e191";
}

.glyphicon-sound-6-1:before {
	content: "\e192";
}

.glyphicon-sound-7-1:before {
	content: "\e193";
}

.glyphicon-copyright-mark:before {
	content: "\e194";
}

.glyphicon-registration-mark:before {
	content: "\e195";
}

.glyphicon-cloud-download:before {
	content: "\e197";
}

.glyphicon-cloud-upload:before {
	content: "\e198";
}

.glyphicon-tree-conifer:before {
	content: "\e199";
}

.glyphicon-tree-deciduous:before {
	content: "\e200";
}

.glyphicon-cd:before {
	content: "\e201";
}

.glyphicon-save-file:before {
	content: "\e202";
}

.glyphicon-open-file:before {
	content: "\e203";
}

.glyphicon-level-up:before {
	content: "\e204";
}

.glyphicon-copy:before {
	content: "\e205";
}

.glyphicon-paste:before {
	content: "\e206";
}

.glyphicon-alert:before {
	content: "\e209";
}

.glyphicon-equalizer:before {
	content: "\e210";
}

.glyphicon-king:before {
	content: "\e211";
}

.glyphicon-queen:before {
	content: "\e212";
}

.glyphicon-pawn:before {
	content: "\e213";
}

.glyphicon-bishop:before {
	content: "\e214";
}

.glyphicon-knight:before {
	content: "\e215";
}

.glyphicon-baby-formula:before {
	content: "\e216";
}

.glyphicon-tent:before {
	content: "\26fa";
}

.glyphicon-blackboard:before {
	content: "\e218";
}

.glyphicon-bed:before {
	content: "\e219";
}

.glyphicon-apple:before {
	content: "\f8ff";
}

.glyphicon-erase:before {
	content: "\e221";
}

.glyphicon-hourglass:before {
	content: "\231b";
}

.glyphicon-lamp:before {
	content: "\e223";
}

.glyphicon-duplicate:before {
	content: "\e224";
}

.glyphicon-piggy-bank:before {
	content: "\e225";
}

.glyphicon-scissors:before {
	content: "\e226";
}

.glyphicon-bitcoin:before {
	content: "\e227";
}

.glyphicon-btc:before {
	content: "\e227";
}

.glyphicon-xbt:before {
	content: "\e227";
}

.glyphicon-yen:before {
	content: "\00a5";
}

.glyphicon-jpy:before {
	content: "\00a5";
}

.glyphicon-ruble:before {
	content: "\20bd";
}

.glyphicon-rub:before {
	content: "\20bd";
}

.glyphicon-scale:before {
	content: "\e230";
}

.glyphicon-ice-lolly:before {
	content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232";
}

.glyphicon-education:before {
	content: "\e233";
}

.glyphicon-option-horizontal:before {
	content: "\e234";
}

.glyphicon-option-vertical:before {
	content: "\e235";
}

.glyphicon-menu-hamburger:before {
	content: "\e236";
}

.glyphicon-modal-window:before {
	content: "\e237";
}

.glyphicon-oil:before {
	content: "\e238";
}

.glyphicon-grain:before {
	content: "\e239";
}

.glyphicon-sunglasses:before {
	content: "\e240";
}

.glyphicon-text-size:before {
	content: "\e241";
}

.glyphicon-text-color:before {
	content: "\e242";
}

.glyphicon-text-background:before {
	content: "\e243";
}

.glyphicon-object-align-top:before {
	content: "\e244";
}

.glyphicon-object-align-bottom:before {
	content: "\e245";
}

.glyphicon-object-align-horizontal:before {
	content: "\e246";
}

.glyphicon-object-align-left:before {
	content: "\e247";
}

.glyphicon-object-align-vertical:before {
	content: "\e248";
}

.glyphicon-object-align-right:before {
	content: "\e249";
}

.glyphicon-triangle-right:before {
	content: "\e250";
}

.glyphicon-triangle-left:before {
	content: "\e251";
}

.glyphicon-triangle-bottom:before {
	content: "\e252";
}

.glyphicon-triangle-top:before {
	content: "\e253";
}

.glyphicon-console:before {
	content: "\e254";
}

.glyphicon-superscript:before {
	content: "\e255";
}

.glyphicon-subscript:before {
	content: "\e256";
}

.glyphicon-menu-left:before {
	content: "\e257";
}

.glyphicon-menu-right:before {
	content: "\e258";
}

.glyphicon-menu-down:before {
	content: "\e259";
}

.glyphicon-menu-up:before {
	content: "\e260";
}
* {	margin:0px auto;padding:0px;}  
p {margin-top: 1em;margin-bottom: 1em;} 
body {	margin: 0;	padding: 0;	background: #fff;text-align: center;font-family: Noto Sans Arabic, Vazir, Tahoma;font-size:9pt;}
#wrapper {text-align: center;background:#fff;min-height:550px;width:100%;min-width:850px;margin-bottom:10px;text-direction:rtl;direction:rtl;}
#header{text-align: center;}
#headerbox {margin-top:50px;margin-bottom:50px;margin-left:auto;margin-right:auto;}
#container{margin-top:40px;margin-bottom:10px;width:850px;}

#content {float:none;width:900px;min-height:300px;margin:0px;padding:0px;text-align:right;overflow:hidden;}
.clear{clear:both;margin:0px;padding:0px;}

.titleee A:link{color: black;text-decoration:none;}
.titleee A:hover{color: #341f97;text-decoration:none;}
/*  .titleee A:visited{color: black;text-decoration:none;} */

.postcontent A:link{color: #2177d0;text-decoration:none;font-size:18pt;}
.postcontent A:visited  {color:#2177d0;text-decoration:none;font-size:18pt;}
.postcontent A:hover{color:#4f9dee;text-decoration:none;font-size:18pt;}

.postmore A:link{color: #341f97;text-decoration:none;font-size:18pt;}
.postmore A:visited{color: #341f97;text-decoration:none;font-size:18pt;}
.postmore A:hover{color: #10ac84;text-decoration:none;font-size:18pt;}

.post{padding-right:10px;padding-left:5px;text-align:right;line-height:150%;padding-bottom:15px;color:#3d3d3d;margin-bottom:15px;font-size:10pt;border-bottom: 2px dashed #8c8b8b;font-family: Noto Sans Arabic, Vazir, Tahoma;font-size:9pt;}
.post h1,h2{font-size:18pt;text-align:center;font-family:Lalezar;}
.postbody{line-height:180%;padding-bottom:10px;padding-top:5px;}
.postcontent{padding-right:5px;padding-left:5px;line-height:220%;font-size:18pt;font-family: Noto Sans Arabic, Vazir, Tahoma;}
.postcontent img,p,div,table,td,tr,a,hr,span,ul,ol{max-width:100%;}
.postinfo {font-size:8pt;color:#797979;padding-top:5px;}
.posttags{padding-top:5px;line-height:150%;}
.posttags span{color:#797979;}


.nextandprevious{line-height:150%;padding-bottom:15px;padding-right:10px;padding-left:5px;}
.nextandprevious A:link{color: #341f97;text-decoration:none;font-size:16pt;font-weight:bold;}
.nextandprevious A:visited{color: #341f97;text-decoration:none;font-size:16pt;font-weight:bold;}
.nextandprevious A:hover{color:#341f97;text-decoration:none;font-size:16pt;font-weight:bold;}

.previouslink{float:right;}
.nextlink{float:left;}


.menufifu {
    background: white;
	z-index:1000;
	
}

.menufifu ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menufifu li {
    float: right;
}

.menufifu li a {
    display: block;
    color: black;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	font-size:14pt;
	font-weight:bold;
}

.menufifu li a:hover {
   
	color: #5f27cd;
}

.menufifubut {
    background: white;
	z-index:1000;
	 
}

.menufifubut ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menufifubut li {
    float: right;
}

.menufifubut li a {
    display: block;
    color: black;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	font-size:14pt;
	font-weight:bold;
}

.menufifubut li a:hover {
   
	color: #5f27cd;
}

.menufifubutaaa{
	position:fixed;
	width:100%;
	bottom:0px;
	z-index:999;
	margin-bottom:0px;
	direction:rtl;
	   -webkit-box-shadow: 0px 3px 60px -14px rgba(43, 43, 43, 0.72);
    -moz-box-shadow: 0px 3px 60px -14px rgba(43, 43, 43, 0.72);
    box-shadow: 0px 3px 60px -14px rgb(43 43 43 / 72%);
}

.menuzia {
   margin: auto;
  width: 95%;
  border: 0px solid #73AD21;
  padding: 10px;
  border-bottom:1px solid #dcdde1;
}

.menuzia a{
    color: black;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
	font-size:18pt;
	font-weight:bold;
	
}

.menuzia a:hover {
    
	color: #c23616;
	
}

                             /* ========[ Menu ]======= */
  .menu {
            border-top: 4px solid #7f8fa6;
             font-size: 14pt; 
			 background-color:#fff;
			 margin:auto;
			 width:100%;
        }
		 .menu ul {text-align:center;}

        .menu ul li {
			text-align:center;
            list-style: none;
            padding: 10px 5px 20px 5px;
            display: inline-block;
            margin-left: 8px;
        }
		
/**/  
.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}
.responsiveb {
  padding: 0 6px;
  float: left;
  width: 49.99999%;
}

.sidenav .closebtn {position: absolute;
    top: 20px;
    right: 25px;
    font-size: 26pt;
    margin-left: 50px;}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 33%;
    margin: 6px 0;
  }
   .responsiveb {
    width: 100%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 50%;
  }
  .responsiveb {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/**/


							 /* ========[ // Menu]======= */
							 
							  /* ========[ NavBars ]======= */
							 
#navbar {
  overflow: hidden;
  background-color: #d63031;
}
#minu {
  overflow: hidden;
  background-color: #d63031;
}

#navbar a {
  float: right;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #2f3640;
  color: white;
}


.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 38px;
  width: 100%;
}

.stickyaa {
  position: fixed;
  top: 30px;
  width: 100%;
}

	.menuitemhathideloo {

	display:none;

}

 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #f5f6fa; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  
 
}

/* The navigation menu links */
.sidenav a {
   padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #0984e3;
  display: block;
  transition: 0.3s;
  font-weight:bold;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: black;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 45px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}



 /* The side navigation menu */
.sidenavright {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #f5f6fa; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  
 
}
/* The navigation menu links */
.sidenavright a {
  padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #0984e3;
  display: block;
  transition: 0.3s;
  font-weight:bold;
}


/* When you mouse over the navigation links, change their color */
.sidenavright a:hover {
  color: black;
}

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

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}
@media screen and (min-height: 950px) {
	.menuitemhathideloo {

	display:none;

}
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 


                                    /* ========[ //NavBars ]======= */



@media screen and (max-width: 850px){
	#wrapper {background-color:white;padding:0px;margin:0px;min-width:50px;}
	#headerbox{background-size:cover;height:auto;margin-top:70px;margin-bottom:-15px;}
	#container{padding:0px 5px 5px 5px;width:auto;}
	#content{float:none;width:auto;max-width:100%;margin:0px;}
    #headerbox {padding:5px;}
#headerbox img{width:95%;height:auto;}
    #header h1{	 font-size: 12pt; font-weight: bold;padding:10px 0px 10px 0px;line-height:150%;}
    #header h1 a{font-size: 12pt; font-weight: bold;text-decoration:none;}
	.menuzia a {font-size:16pt;font-weight:bold;}

}